From 3b4f5ba06c0fb1a675f67551c8fbba829a910274 Mon Sep 17 00:00:00 2001 From: windy <1374721899@qq.com> Date: Tue, 21 Mar 2017 15:29:08 +0800 Subject: [PATCH] =?UTF-8?q?=E6=97=A0JIRA=E4=BB=BB=E5=8A=A1=20FINEUI=20DEMO?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 1 - Gruntfile.js | 14 +- demo.html | 1 + demo/config.js | 937 + demo/css/west.css | 2 +- demo/js/west.js | 8 +- demo/less/west.less | 2 +- dist/base.css | 3690 ++ dist/base.js | 35151 ++++++++++++++++ dist/case.js | 8025 ++++ dist/core.css | 9924 +++++ dist/core.js | 28321 +++++++++++++ dist/cursor/cursor_drag_hand.cur | Bin 0 -> 1758 bytes dist/cursor/cursor_hand.cur | Bin 0 -> 1758 bytes dist/cursor/cursor_left_right.cur | Bin 0 -> 894 bytes dist/font/iconfont.eot | Bin 0 -> 78158 bytes dist/font/iconfont.svg | 674 + dist/font/iconfont.ttf | Bin 0 -> 77900 bytes dist/font/iconfont.woff | Bin 0 -> 38004 bytes .../ztree/img => dist/icon}/line_conn.gif | Bin .../third/ztree/img => dist/icon}/loading.gif | Bin dist/icon/tree-collapse-1.png | Bin 0 -> 205 bytes dist/icon/tree-collapse-2.png | Bin 0 -> 236 bytes dist/icon/tree-collapse-3.png | Bin 0 -> 236 bytes dist/icon/tree-collapse-4.png | Bin 0 -> 225 bytes dist/icon/tree-expand-1.png | Bin 0 -> 191 bytes dist/icon/tree-expand-2.png | Bin 0 -> 221 bytes dist/icon/tree-expand-3.png | Bin 0 -> 222 bytes dist/icon/tree-expand-4.png | Bin 0 -> 209 bytes dist/icon/tree-vertical-line-1.png | Bin 0 -> 152 bytes dist/icon/tree-vertical-line-2.png | Bin 0 -> 192 bytes dist/icon/tree-vertical-line-3.png | Bin 0 -> 197 bytes dist/icon/tree-vertical-line-4.png | Bin 0 -> 187 bytes dist/icon/tree-vertical-line-5.png | Bin 0 -> 14577 bytes .../ztree/img => dist/icon}/zTreeStandard.gif | Bin .../ztree/img => dist/icon}/zTreeStandard.png | Bin dist/widget.css | 1584 + dist/widget.js | 30146 +++++++++++++ src/css/base/single/text.css | 2 +- .../base/third/jquery.mCustomScrollbar.css | 2 +- src/css/base/third/ztree/zTreeStyle.css | 40 +- src/css/core/app.css | 2 +- src/css/normalize.css | 230 + src/css/utils/background.css | 308 +- src/css/utils/icon.css | 1192 +- .../widget/arrangement/arrangement.block.css | 8 + src/css/widget/arrangement/arrangement.css | 40 + .../arrangement/arrangement.droppable.css | 9 + .../base/combo/iconcombo/combo.icon.css | 6 + src/css/widget/base/editor/editor.adapt.css | 6 + src/css/widget/base/editor/editor.search.css | 13 + .../base/editor/editor.search.small.css | 19 + .../base/editor/editor.sign.initial.css | 6 + .../widget/base/editor/editor.sign.style.css | 12 + src/css/widget/base/editor/editor.text.css | 6 + .../widget/base/editor/editor.text.small.css | 4 + src/css/widget/base/mask/loading.mask.css | 12 + .../base/segment/button.line.segment.css | 12 + src/css/widget/base/segment/segment.line.css | 6 + src/css/widget/base/tip/tip.helper.css | 20 + .../base/toolbar/toolbar.progress.bar.css | 9 + .../widget/base/toolbar/toolbar.progress.css | 11 + .../toolbar/toolbar.progress.processor.css | 14 + .../colorchooser/colorchooser.popup.css | 13 + .../colorchooser/colorchooser.trigger.css | 12 + .../copy2group/button.add.copy2group.css | 9 + .../widget/copy2group/combo.copy2group.css | 6 + src/css/widget/date/calendar/picker.date.css | 6 + src/css/widget/date/trigger.date.css | 9 + src/css/widget/downlist/combo.downlist.css | 16 + src/css/widget/downlist/popup.downlist.css | 19 + .../dynamicgroup.tab.buttongroup.css | 13 + src/css/widget/exceltable/exceltable.cell.css | 3 + src/css/widget/exceltable/exceltable.css | 6 + .../exceltable/exceltable.header.cell.css | 7 + src/css/widget/filemanager/filemanager.css | 3 + .../items/item.file.filemanager.css | 6 + .../items/item.folder.filemanager.css | 6 + .../nav/button/button.nav.filemanager.css | 14 + .../filemanager/nav/nav.filemanager.css | 6 + .../filterpane/abstract.item.filter.css | 14 + src/css/widget/filterpane/expander.filter.css | 21 + src/css/widget/filterpane/pane.filter.css | 15 + .../finetuning.number.editor.css | 16 + src/css/widget/formula/editor.search.css | 6 + src/css/widget/formula/group.symbol.css | 18 + src/css/widget/formula/insert.formula.css | 26 + .../formula/item.button.text.treeleaf.css | 19 + src/css/widget/formula/pane.function.css | 16 + src/css/widget/formula/tree.fieldname.css | 6 + src/css/widget/formula/tree.function.css | 6 + .../image/button/href/image.button.href.css | 7 + .../image/button/size/image.button.size.css | 7 + src/css/widget/image/button/upload.css | 3 + src/css/widget/image/uploadimage.css | 16 + .../interactivearrangement.css | 10 + src/css/widget/listlabel/listlabel.css | 9 + src/css/widget/month/combo.month.css | 3 + src/css/widget/month/popup.month.css | 3 + src/css/widget/month/trigger.month.css | 9 + .../move2group/button.add.move2group.css | 9 + .../widget/move2group/combo.move2group.css | 6 + src/css/widget/multidate/multidate.combo.css | 8 + src/css/widget/multidate/multidate.day.css | 6 + src/css/widget/multidate/multidate.month.css | 6 + src/css/widget/multidate/multidate.popup.css | 26 + .../widget/multidate/multidate.quarter.css | 6 + .../widget/multidate/multidate.segment.css | 9 + src/css/widget/multidate/multidate.week.css | 6 + src/css/widget/multidate/multidate.year.css | 6 + .../check/multiselect.check.pane.css | 10 + .../multiselect/check/multiselect.display.css | 9 + .../widget/multiselect/multiselect.combo.css | 7 + .../multiselect/multiselect.popup.view.css | 6 + .../multiselect/multiselect.trigger.css | 9 + .../search/multiselect.search.pane.css | 9 + .../trigger/button.checkselected.css | 12 + .../multistringlist/multistringlist.css | 8 + .../multitree/check/multi.tree.check.pane.css | 12 + .../widget/multitree/display.multi.tree.css | 6 + src/css/widget/multitree/multi.tree.combo.css | 7 + .../widget/multitree/multi.tree.trigger.css | 22 + src/css/widget/multitree/popup.multi.tree.css | 6 + .../widget/multitree/search.multi.tree.css | 6 + .../widget/multitree/trigger.multi.tree.css | 22 + .../multi.tree.button.checkselected.css | 12 + .../multitreelist/multitreelist.popup.css | 8 + .../numericalinterval/numericalinterval.css | 52 + .../popup.numericalinterval.css | 12 + src/css/widget/pagetable/pagetable.cell.css | 11 + src/css/widget/pagetable/pagetable.css | 3 + .../datecombo/combo.param.date.css | 9 + .../combo.param.dateinterval.css | 9 + .../paramsettingcombo/param0.date.item.css | 6 + .../paramsettingcombo/param1.date.item.css | 6 + .../paramsettingcombo/param2.date.item.css | 6 + .../yearcombo/combo.param.year.css | 9 + .../yearmonthcombo/combo.param.yearmonth.css | 9 + .../combo.param.yearseason.css | 9 + src/css/widget/pathchooser/pathchooser.css | 6 + src/css/widget/pathchooser/pathregion.css | 15 + .../widget/previewtable/previewtable.cell.css | 8 + src/css/widget/previewtable/previewtable.css | 7 + .../previewtable/previewtable.header.cell.css | 9 + src/css/widget/quarter/combo.quarter.css | 3 + src/css/widget/quarter/popup.quarter.css | 3 + src/css/widget/quarter/trigger.quarter.css | 9 + .../widget/relationview/relationview.item.css | 7 + .../relationview/relationview.region.css | 17 + .../searchpane/result.search.selectdata.css | 6 + .../searchpane/searcher.selectdata.css | 6 + .../searchpane/segment.search.selectdata.css | 13 + .../searchpane/tab.search.selectdata.css | 3 + .../selectdata/tree/expander.selectdata.css | 3 + .../selectdata/tree/node/node.level0.css | 6 + .../selectdata/tree/node/node.level1.css | 6 + .../selectdata/tree/tree.selectdata.css | 3 + .../selectdata/tree/treeitem/item.level0.css | 53 + .../selectdata/tree/treeitem/item.level1.css | 53 + .../single/button.databasetable.css | 80 + .../widget/selecttree/combo.select.tree.css | 9 + .../dynamicnumber.sequencetable.css | 29 + .../listnumber.sequencetable.css | 29 + .../widget/sequencetable/sequencetable.css | 3 + .../treenumber.sequencetable.css | 29 + src/css/widget/singleslider/singleslider.css | 9 + .../singleslider/slider/widget.slider.css | 6 + .../singleslider/track/widget.track.css | 21 + .../widget/singletree/combo.single.tree.css | 12 + .../widget/sortabletable/sortabletable.css | 14 + src/css/widget/textarea/textarea.css | 7 + .../alignchooser/texttoolbar.alignchooser.css | 9 + src/css/widget/texttoolbar/texttoolbar.css | 16 + src/css/widget/timeinterval/timeinterval.css | 9 + .../widget/timesetting/timesetting.day.css | 9 + .../widget/timesetting/timesetting.hour.css | 9 + src/css/widget/treelabel/treelabel.css | 6 + src/css/widget/treelabel/treelabel.view.css | 3 + src/css/widget/web/web.css | 16 + src/css/widget/year/combo.year.css | 3 + src/css/widget/year/popup.year.css | 14 + src/css/widget/year/trigger.year.css | 9 + src/data/constant/biconst.js | 464 + src/less/base/third/ztree/zTreeStyle.less | 40 +- src/less/core/app.less | 2 +- src/less/lib/colors.less | 19 +- src/less/lib/constant.less | 13 +- src/less/var.less | 5 +- .../widget/arrangement/arrangement.block.less | 6 + .../arrangement/arrangement.droppable.less | 7 + src/less/widget/arrangement/arrangement.less | 29 + .../base/combo/iconcombo/combo.icon.less | 11 + src/less/widget/base/editor/editor.adapt.less | 7 + .../widget/base/editor/editor.search.less | 11 + .../base/editor/editor.search.small.less | 19 + .../base/editor/editor.sign.initial.less | 7 + .../widget/base/editor/editor.sign.style.less | 13 + src/less/widget/base/editor/editor.text.less | 5 + .../widget/base/editor/editor.text.small.less | 6 + src/less/widget/base/mask/loading.mask.less | 13 + .../base/segment/button.line.segment.less | 13 + .../widget/base/segment/segment.line.less | 6 + src/less/widget/base/tip/tip.helper.less | 16 + .../base/toolbar/toolbar.progress.bar.less | 6 + .../widget/base/toolbar/toolbar.progress.less | 12 + .../toolbar/toolbar.progress.processor.less | 10 + .../colorchooser/colorchooser.popup.less | 14 + .../colorchooser/colorchooser.trigger.less | 7 + .../copy2group/button.add.copy2group.less | 6 + .../widget/copy2group/combo.copy2group.less | 5 + .../widget/date/calendar/picker.date.less | 5 + src/less/widget/date/trigger.date.less | 6 + src/less/widget/downlist/combo.downlist.less | 23 + src/less/widget/downlist/popup.downlist.less | 21 + .../dynamicgroup.tab.buttongroup.less | 13 + .../widget/exceltable/exceltable.cell.less | 4 + .../exceltable/exceltable.header.cell.less | 6 + src/less/widget/exceltable/exceltable.less | 7 + src/less/widget/filemanager/filemanager.less | 5 + .../items/item.file.filemanager.less | 5 + .../items/item.folder.filemanager.less | 5 + .../nav/button/button.nav.filemanager.less | 15 + .../filemanager/nav/nav.filemanager.less | 5 + .../filterpane/abstract.item.filter.less | 14 + .../widget/filterpane/expander.filter.less | 23 + src/less/widget/filterpane/pane.filter.less | 12 + .../finetuning.number.editor.less | 13 + src/less/widget/formula/editor.search.less | 7 + src/less/widget/formula/group.symbol.less | 21 + src/less/widget/formula/insert.formula.less | 31 + .../formula/item.button.text.treeleaf.less | 19 + src/less/widget/formula/pane.function.less | 20 + src/less/widget/formula/tree.fieldname.less | 5 + src/less/widget/formula/tree.function.less | 5 + .../image/button/href/image.button.href.less | 7 + .../image/button/size/image.button.size.less | 7 + src/less/widget/image/button/upload.less | 1 + src/less/widget/image/uploadimage.less | 18 + .../interactivearrangement.less | 11 + src/less/widget/listlabel/listlabel.less | 10 + src/less/widget/month/combo.month.less | 5 + src/less/widget/month/popup.month.less | 5 + src/less/widget/month/trigger.month.less | 5 + .../move2group/button.add.move2group.less | 6 + .../widget/move2group/combo.move2group.less | 5 + .../widget/multidate/multidate.combo.less | 5 + src/less/widget/multidate/multidate.day.less | 8 + .../widget/multidate/multidate.month.less | 8 + .../widget/multidate/multidate.popup.less | 28 + .../widget/multidate/multidate.quarter.less | 8 + .../widget/multidate/multidate.segment.less | 10 + src/less/widget/multidate/multidate.week.less | 8 + src/less/widget/multidate/multidate.year.less | 8 + .../check/multiselect.check.pane.less | 12 + .../check/multiselect.display.less | 8 + .../widget/multiselect/multiselect.combo.less | 8 + .../multiselect/multiselect.popup.view.less | 8 + .../multiselect/multiselect.trigger.less | 6 + .../search/multiselect.search.pane.less | 9 + .../trigger/button.checkselected.less | 9 + .../multistringlist/multistringlist.less | 8 + .../check/multi.tree.check.pane.less | 12 + .../widget/multitree/display.multi.tree.less | 5 + .../widget/multitree/multi.tree.combo.less | 8 + .../widget/multitree/multi.tree.trigger.less | 18 + .../widget/multitree/popup.multi.tree.less | 7 + .../widget/multitree/search.multi.tree.less | 6 + .../widget/multitree/trigger.multi.tree.less | 18 + .../multi.tree.button.checkselected.less | 11 + .../multitreelist/multitreelist.popup.less | 7 + .../numericalinterval/numericalinterval.less | 39 + .../popup.numericalinterval.less | 13 + src/less/widget/pagetable/pagetable.cell.less | 5 + src/less/widget/pagetable/pagetable.less | 4 + .../datecombo/combo.param.date.less | 8 + .../combo.param.dateinterval.less | 8 + .../paramsettingcombo/param0.date.item.less | 7 + .../paramsettingcombo/param1.date.item.less | 7 + .../paramsettingcombo/param2.date.item.less | 7 + .../yearcombo/combo.param.year.less | 8 + .../yearmonthcombo/combo.param.yearmonth.less | 8 + .../combo.param.yearseason.less | 8 + src/less/widget/pathchooser/pathchooser.less | 7 + src/less/widget/pathchooser/pathregion.less | 14 + .../previewtable/previewtable.cell.less | 7 + .../previewtable.header.cell.less | 8 + .../widget/previewtable/previewtable.less | 9 + src/less/widget/quarter/combo.quarter.less | 5 + src/less/widget/quarter/popup.quarter.less | 5 + src/less/widget/quarter/trigger.quarter.less | 5 + .../relationview/relationview.item.less | 8 + .../relationview/relationview.region.less | 16 + .../searchpane/result.search.selectdata.less | 11 + .../searchpane/searcher.selectdata.less | 6 + .../searchpane/segment.search.selectdata.less | 14 + .../searchpane/tab.search.selectdata.less | 6 + .../selectdata/tree/expander.selectdata.less | 5 + .../selectdata/tree/node/node.level0.less | 7 + .../selectdata/tree/node/node.level1.less | 7 + .../selectdata/tree/tree.selectdata.less | 5 + .../selectdata/tree/treeitem/item.level0.less | 24 + .../selectdata/tree/treeitem/item.level1.less | 24 + .../single/button.databasetable.less | 78 + .../widget/selecttree/combo.select.tree.less | 7 + .../dynamicnumber.sequencetable.less | 15 + .../listnumber.sequencetable.less | 15 + .../widget/sequencetable/sequencetable.less | 4 + .../treenumber.sequencetable.less | 15 + .../widget/singleslider/singleslider.less | 13 + .../singleslider/slider/widget.slider.less | 4 + .../singleslider/track/widget.track.less | 24 + .../widget/singletree/combo.single.tree.less | 12 + .../widget/sortabletable/sortabletable.less | 15 + src/less/widget/textarea/textarea.less | 7 + .../texttoolbar.alignchooser.less | 11 + src/less/widget/texttoolbar/texttoolbar.less | 14 + .../widget/timeinterval/timeinterval.less | 10 + .../widget/timesetting/timesetting.day.less | 7 + .../widget/timesetting/timesetting.hour.less | 7 + src/less/widget/treelabel/treelabel.less | 5 + src/less/widget/treelabel/treelabel.view.less | 4 + src/less/widget/web/web.less | 17 + src/less/widget/year/combo.year.less | 5 + src/less/widget/year/popup.year.less | 15 + src/less/widget/year/trigger.year.less | 5 + src/third/codemirror/codemirror.js | 2 +- src/third/raphael.js | 4 +- .../adaptivearrangement.js | 514 + src/widget/arrangement/arrangement.block.js | 22 + .../arrangement/arrangement.droppable.js | 22 + src/widget/arrangement/arrangement.js | 2893 ++ .../combo.editoriconcheck.js | 80 + .../base/combo/formulacombo/combo.formula.js | 99 + .../combo/formulacombo/popup.formulacombo.js | 89 + .../formulacombo/trigger.formulacombo.js | 59 + src/widget/base/combo/iconcombo/combo.icon.js | 99 + .../base/combo/iconcombo/popup.iconcombo.js | 63 + .../base/combo/iconcombo/trigger.iconcombo.js | 90 + .../base/combo/staticcombo/combo.static.js | 67 + .../combo.textvaluecheck.js | 78 + .../combo.textvaluechecksmall.js | 69 + .../popup.textvaluecheck.js | 60 + .../combo/textvaluecombo/combo.textvalue.js | 71 + .../textvaluecombo/combo.textvaluesmall.js | 71 + .../combo/textvaluecombo/popup.textvalue.js | 58 + .../combo.textvaluedownlist.js | 84 + .../trigger.textvaluedownlist.js | 54 + src/widget/base/editor/editor.adapt.js | 162 + src/widget/base/editor/editor.clear.js | 169 + src/widget/base/editor/editor.search.js | 198 + src/widget/base/editor/editor.search.small.js | 20 + src/widget/base/editor/editor.sign.initial.js | 165 + src/widget/base/editor/editor.sign.style.js | 260 + src/widget/base/editor/editor.text.js | 170 + src/widget/base/editor/editor.text.small.js | 20 + src/widget/base/mask/cancel.loading.mask.js | 83 + src/widget/base/mask/loading.background.js | 33 + src/widget/base/mask/loading.mask.js | 67 + .../base/segment/button.line.segment.js | 63 + src/widget/base/segment/segment.line.js | 62 + src/widget/base/tip/tip.helper.js | 46 + .../base/toolbar/toolbar.progress.bar.js | 50 + src/widget/base/toolbar/toolbar.progress.js | 52 + .../toolbar/toolbar.progress.processor.js | 50 + src/widget/branchrelation/branchrelation.js | 498 + .../colorchooser/colorchooser.custom.js | 70 + src/widget/colorchooser/colorchooser.js | 86 + src/widget/colorchooser/colorchooser.popup.js | 194 + .../colorchooser/colorchooser.trigger.js | 58 + .../copy2group/button.add.copy2group.js | 59 + src/widget/copy2group/combo.copy2group.js | 153 + src/widget/copy2group/toolbar.copy2group.js | 85 + src/widget/date/calendar/combo.month.date.js | 61 + src/widget/date/calendar/combo.year.date.js | 66 + src/widget/date/calendar/picker.date.js | 127 + .../date/calendar/popup.calendar.date.js | 96 + .../date/calendar/trigger.triangle.date.js | 70 + src/widget/date/combo.date.js | 59 + src/widget/date/trigger.date.js | 269 + src/widget/datepane/datepanenotselectday.js | 122 + .../directionpathchooser.js | 243 + src/widget/downlist/combo.downlist.js | 74 + src/widget/downlist/group.downlist.js | 50 + src/widget/downlist/item.downlist.js | 79 + src/widget/downlist/item.downlistgroup.js | 123 + src/widget/downlist/popup.downlist.js | 232 + .../dynamicgroup.tab.buttongroup.js | 219 + src/widget/exceltable/exceltable.cell.js | 31 + .../exceltable/exceltable.header.cell.js | 31 + src/widget/exceltable/exceltable.js | 207 + .../filemanager/buttongroup.filemanager.js | 79 + src/widget/filemanager/filemanager.js | 115 + .../items/item.file.filemanager.js | 68 + .../items/item.folder.filemanager.js | 153 + src/widget/filemanager/list.filemanager.js | 58 + .../nav/button/button.nav.filemanager.js | 92 + src/widget/filemanager/nav/nav.filemanager.js | 107 + src/widget/filterpane/abstract.item.filter.js | 49 + src/widget/filterpane/expander.filter.js | 79 + src/widget/filterpane/filter.js | 181 + src/widget/filterpane/operation.filter.js | 219 + src/widget/filterpane/pane.filter.js | 60 + .../finetuning.number.editor.js | 95 + src/widget/formula/group.symbol.js | 66 + src/widget/formula/insert.formula.js | 343 + .../formula/item.button.text.treeleaf.js | 97 + src/widget/formula/pane.function.js | 175 + src/widget/formula/pane.searcher.function.js | 26 + src/widget/formula/tree.fieldname.js | 110 + src/widget/formula/tree.function.js | 170 + .../image/button/href/image.button.href.js | 77 + .../button/size/image.button.size.combo.js | 55 + .../image/button/size/image.button.size.js | 71 + .../size/radio/image.button.size.radio.js | 66 + src/widget/image/uploadimage.js | 277 + .../interactivearrangement.js | 571 + src/widget/intervalslider/intervalslider.js | 437 + .../model.accuratecalculation.js | 222 + src/widget/listlabel/group.item.listlabel.js | 136 + src/widget/listlabel/listlabel.js | 160 + src/widget/month/combo.month.js | 79 + src/widget/month/popup.month.js | 81 + src/widget/month/trigger.month.js | 111 + .../move2group/button.add.move2group.js | 59 + src/widget/move2group/combo.move2group.js | 136 + src/widget/move2group/toolbar.move2group.js | 85 + .../muiltitextlabel/group.item.text.label.js | 80 + src/widget/muiltitextlabel/text.label.js | 53 + .../multidate/abstract.multidate.datepane.js | 160 + src/widget/multidate/multidate.combo.js | 259 + src/widget/multidate/multidate.day.js | 45 + src/widget/multidate/multidate.month.js | 51 + src/widget/multidate/multidate.popup.js | 313 + src/widget/multidate/multidate.quarter.js | 51 + src/widget/multidate/multidate.segment.js | 134 + src/widget/multidate/multidate.week.js | 41 + src/widget/multidate/multidate.year.js | 49 + .../multilayerselecttree.combo.js | 70 + .../multilayerselecttree.leveltree.js | 132 + .../multilayerselecttree.popup.js | 67 + .../node/node.first.plus.js | 94 + .../node/node.last.plus.js | 90 + .../node/node.mid.plus.js | 90 + .../multilayersingletree.combo.js | 75 + .../multilayersingletree.leveltree.js | 135 + .../multilayersingletree.popup.js | 67 + .../node/node.first.plus.js | 83 + .../node/node.last.plus.js | 83 + .../node/node.mid.plus.js | 83 + .../treeitem/item.first.treeleaf.js | 96 + .../treeitem/item.last.treeleaf.js | 96 + .../treeitem/item.mid.treeleaf.js | 96 + .../check/multiselect.check.pane.js | 107 + .../multiselect/check/multiselect.display.js | 87 + src/widget/multiselect/multiselect.combo.js | 348 + src/widget/multiselect/multiselect.loader.js | 172 + .../multiselect/multiselect.popup.view.js | 95 + src/widget/multiselect/multiselect.trigger.js | 153 + .../search/multiselect.search.loader.js | 156 + .../search/multiselect.search.pane.js | 102 + .../trigger/button.checkselected.js | 77 + .../multiselect/trigger/editor.multiselect.js | 86 + .../trigger/searcher.multiselect.js | 143 + .../trigger/switcher.checkselected.js | 94 + src/widget/multistringlist/multistringlist.js | 320 + .../multitree/check/multi.tree.check.pane.js | 115 + src/widget/multitree/multi.tree.combo.js | 252 + src/widget/multitree/multi.tree.popup.js | 101 + .../multitree/multi.tree.search.pane.js | 69 + .../multi.tree.button.checkselected.js | 71 + .../multitree/trigger/searcher.multi.tree.js | 136 + src/widget/multitreelist/multitreelist.js | 178 + .../multitreelist/multitreelist.popup.js | 48 + .../numericalinterval/numericalinterval.js | 535 + src/widget/pagetable/pagetable.cell.js | 39 + src/widget/pagetable/pagetable.js | 250 + .../datecombo/combo.param.date.js | 95 + .../datecombo/popup.param.date.js | 52 + .../combo.param.dateinterval.js | 95 + .../popup.param.dateinterval.js | 52 + .../paramsettingcombo/param0.date.item.js | 131 + .../paramsettingcombo/param1.date.item.js | 187 + .../paramsettingcombo/param2.date.item.js | 187 + .../paramsettingcombo/param3.date.item.js | 131 + src/widget/paramsettingcombo/popup.param.js | 134 + .../rangevaluecombo/rangevaluecombo.js | 46 + .../yearcombo/combo.param.year.js | 99 + .../yearcombo/param.year.item.js | 105 + .../yearmonthcombo/combo.param.yearmonth.js | 86 + .../yearmonthcombo/popup.param.yearmonth.js | 31 + .../yearseasoncombo/combo.param.yearseason.js | 87 + .../yearseasoncombo/popup.param.yearseason.js | 31 + src/widget/pathchooser/pathchooser.js | 491 + src/widget/pathchooser/pathregion.js | 115 + src/widget/previewtable/previewtable.cell.js | 32 + .../previewtable/previewtable.header.cell.js | 32 + src/widget/previewtable/previewtable.js | 209 + src/widget/quarter/combo.quarter.js | 82 + src/widget/quarter/popup.quarter.js | 71 + src/widget/quarter/trigger.quarter.js | 106 + src/widget/relationview/relationview.item.js | 59 + src/widget/relationview/relationview.js | 319 + .../relationview.region.container.js | 94 + .../relationview/relationview.region.js | 157 + .../searcher/searcher.selectdata.js | 129 + .../searchpane/result.search.selectdata.js | 100 + .../searchpane/segment.search.selectdata.js | 114 + .../switcher/switcher.selectdata.js | 99 + .../selectdata/tree/expander.selectdata.js | 93 + .../selectdata/tree/loader.selectdata.js | 129 + src/widget/selectdata/tree/node/node.level.js | 111 + .../selectdata/tree/node/node.level1.date.js | 105 + .../selectdata/tree/node/node.level2.date.js | 105 + src/widget/selectdata/tree/tree.selectdata.js | 91 + .../selectdata/tree/treeitem/item.level.js | 154 + .../selecttree/nodes/node.first.plus.js | 85 + src/widget/selecttree/nodes/node.last.plus.js | 85 + src/widget/selecttree/nodes/node.mid.plus.js | 85 + src/widget/selecttree/selecttree.combo.js | 68 + src/widget/selecttree/selecttree.expander.js | 73 + src/widget/selecttree/selecttree.popup.js | 97 + .../dynamicnumber.sequencetable.js | 71 + .../sequencetable/listnumber.sequencetable.js | 206 + src/widget/sequencetable/sequencetable.js | 251 + .../sequencetable/treenumber.sequencetable.js | 383 + src/widget/simplesearcher/searcher.simple.js | 108 + .../searcher/searcher.simpleselectdata.js | 104 + .../result.search.simpleselectdata.js | 104 + .../segment.search.simpleselectdata.js | 69 + .../simpleselectdata/treenode/node.level0.js | 76 + .../simpleselectdata/treenode/node.level1.js | 81 + src/widget/singleslider/singleslider.js | 287 + .../singleslider/slider/widget.slider.js | 33 + src/widget/singletree/singletree.combo.js | 74 + src/widget/singletree/singletree.popup.js | 63 + src/widget/singletree/singletree.trigger.js | 59 + .../sortabletable.dashline.horizontal.js | 61 + .../sortabletable.dashline.vertical.js | 60 + .../sortabletable.drag.button.js | 46 + src/widget/sortabletable/sortabletable.js | 366 + src/widget/switchtree/switchtree.js | 111 + src/widget/textarea/textarea.js | 125 + .../alignchooser/texttoolbar.alignchooser.js | 66 + .../texttoolbar.backgroundchooser.trigger.js | 53 + .../texttoolbar.colorchooser.trigger.js | 53 + .../sizechooser/texttoolbar.sizechooser.js | 106 + src/widget/texttoolbar/texttoolbar.js | 130 + src/widget/timeinterval/timeinterval.js | 189 + src/widget/timesetting/timesetting.day.js | 79 + src/widget/timesetting/timesetting.hour.js | 75 + src/widget/treelabel/treelabel.js | 51 + src/widget/treelabel/treelabel.view.js | 144 + src/widget/uploadfile/progress.uploadfile.js | 111 + src/widget/web/web.js | 154 + src/widget/year/combo.year.js | 96 + src/widget/year/popup.year.js | 103 + src/widget/year/trigger.year.js | 106 + src/widget/yearmonth/combo.yearmonth.js | 57 + src/widget/yearquarter/combo.yearquarter.js | 57 + 559 files changed, 153422 insertions(+), 806 deletions(-) create mode 100644 demo/config.js create mode 100644 dist/base.css create mode 100644 dist/base.js create mode 100644 dist/case.js create mode 100644 dist/core.css create mode 100644 dist/core.js create mode 100644 dist/cursor/cursor_drag_hand.cur create mode 100644 dist/cursor/cursor_hand.cur create mode 100644 dist/cursor/cursor_left_right.cur create mode 100644 dist/font/iconfont.eot create mode 100644 dist/font/iconfont.svg create mode 100644 dist/font/iconfont.ttf create mode 100644 dist/font/iconfont.woff rename {src/less/base/third/ztree/img => dist/icon}/line_conn.gif (100%) rename {src/less/base/third/ztree/img => dist/icon}/loading.gif (100%) create mode 100644 dist/icon/tree-collapse-1.png create mode 100644 dist/icon/tree-collapse-2.png create mode 100644 dist/icon/tree-collapse-3.png create mode 100644 dist/icon/tree-collapse-4.png create mode 100644 dist/icon/tree-expand-1.png create mode 100644 dist/icon/tree-expand-2.png create mode 100644 dist/icon/tree-expand-3.png create mode 100644 dist/icon/tree-expand-4.png create mode 100644 dist/icon/tree-vertical-line-1.png create mode 100644 dist/icon/tree-vertical-line-2.png create mode 100644 dist/icon/tree-vertical-line-3.png create mode 100644 dist/icon/tree-vertical-line-4.png create mode 100644 dist/icon/tree-vertical-line-5.png rename {src/less/base/third/ztree/img => dist/icon}/zTreeStandard.gif (100%) rename {src/less/base/third/ztree/img => dist/icon}/zTreeStandard.png (100%) create mode 100644 dist/widget.css create mode 100644 dist/widget.js create mode 100644 src/css/normalize.css create mode 100644 src/css/widget/arrangement/arrangement.block.css create mode 100644 src/css/widget/arrangement/arrangement.css create mode 100644 src/css/widget/arrangement/arrangement.droppable.css create mode 100644 src/css/widget/base/combo/iconcombo/combo.icon.css create mode 100644 src/css/widget/base/editor/editor.adapt.css create mode 100644 src/css/widget/base/editor/editor.search.css create mode 100644 src/css/widget/base/editor/editor.search.small.css create mode 100644 src/css/widget/base/editor/editor.sign.initial.css create mode 100644 src/css/widget/base/editor/editor.sign.style.css create mode 100644 src/css/widget/base/editor/editor.text.css create mode 100644 src/css/widget/base/editor/editor.text.small.css create mode 100644 src/css/widget/base/mask/loading.mask.css create mode 100644 src/css/widget/base/segment/button.line.segment.css create mode 100644 src/css/widget/base/segment/segment.line.css create mode 100644 src/css/widget/base/tip/tip.helper.css create mode 100644 src/css/widget/base/toolbar/toolbar.progress.bar.css create mode 100644 src/css/widget/base/toolbar/toolbar.progress.css create mode 100644 src/css/widget/base/toolbar/toolbar.progress.processor.css create mode 100644 src/css/widget/colorchooser/colorchooser.popup.css create mode 100644 src/css/widget/colorchooser/colorchooser.trigger.css create mode 100644 src/css/widget/copy2group/button.add.copy2group.css create mode 100644 src/css/widget/copy2group/combo.copy2group.css create mode 100644 src/css/widget/date/calendar/picker.date.css create mode 100644 src/css/widget/date/trigger.date.css create mode 100644 src/css/widget/downlist/combo.downlist.css create mode 100644 src/css/widget/downlist/popup.downlist.css create mode 100644 src/css/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.css create mode 100644 src/css/widget/exceltable/exceltable.cell.css create mode 100644 src/css/widget/exceltable/exceltable.css create mode 100644 src/css/widget/exceltable/exceltable.header.cell.css create mode 100644 src/css/widget/filemanager/filemanager.css create mode 100644 src/css/widget/filemanager/items/item.file.filemanager.css create mode 100644 src/css/widget/filemanager/items/item.folder.filemanager.css create mode 100644 src/css/widget/filemanager/nav/button/button.nav.filemanager.css create mode 100644 src/css/widget/filemanager/nav/nav.filemanager.css create mode 100644 src/css/widget/filterpane/abstract.item.filter.css create mode 100644 src/css/widget/filterpane/expander.filter.css create mode 100644 src/css/widget/filterpane/pane.filter.css create mode 100644 src/css/widget/finetuningnumbereditor/finetuning.number.editor.css create mode 100644 src/css/widget/formula/editor.search.css create mode 100644 src/css/widget/formula/group.symbol.css create mode 100644 src/css/widget/formula/insert.formula.css create mode 100644 src/css/widget/formula/item.button.text.treeleaf.css create mode 100644 src/css/widget/formula/pane.function.css create mode 100644 src/css/widget/formula/tree.fieldname.css create mode 100644 src/css/widget/formula/tree.function.css create mode 100644 src/css/widget/image/button/href/image.button.href.css create mode 100644 src/css/widget/image/button/size/image.button.size.css create mode 100644 src/css/widget/image/button/upload.css create mode 100644 src/css/widget/image/uploadimage.css create mode 100644 src/css/widget/interactivearrangement/interactivearrangement.css create mode 100644 src/css/widget/listlabel/listlabel.css create mode 100644 src/css/widget/month/combo.month.css create mode 100644 src/css/widget/month/popup.month.css create mode 100644 src/css/widget/month/trigger.month.css create mode 100644 src/css/widget/move2group/button.add.move2group.css create mode 100644 src/css/widget/move2group/combo.move2group.css create mode 100644 src/css/widget/multidate/multidate.combo.css create mode 100644 src/css/widget/multidate/multidate.day.css create mode 100644 src/css/widget/multidate/multidate.month.css create mode 100644 src/css/widget/multidate/multidate.popup.css create mode 100644 src/css/widget/multidate/multidate.quarter.css create mode 100644 src/css/widget/multidate/multidate.segment.css create mode 100644 src/css/widget/multidate/multidate.week.css create mode 100644 src/css/widget/multidate/multidate.year.css create mode 100644 src/css/widget/multiselect/check/multiselect.check.pane.css create mode 100644 src/css/widget/multiselect/check/multiselect.display.css create mode 100644 src/css/widget/multiselect/multiselect.combo.css create mode 100644 src/css/widget/multiselect/multiselect.popup.view.css create mode 100644 src/css/widget/multiselect/multiselect.trigger.css create mode 100644 src/css/widget/multiselect/search/multiselect.search.pane.css create mode 100644 src/css/widget/multiselect/trigger/button.checkselected.css create mode 100644 src/css/widget/multistringlist/multistringlist.css create mode 100644 src/css/widget/multitree/check/multi.tree.check.pane.css create mode 100644 src/css/widget/multitree/display.multi.tree.css create mode 100644 src/css/widget/multitree/multi.tree.combo.css create mode 100644 src/css/widget/multitree/multi.tree.trigger.css create mode 100644 src/css/widget/multitree/popup.multi.tree.css create mode 100644 src/css/widget/multitree/search.multi.tree.css create mode 100644 src/css/widget/multitree/trigger.multi.tree.css create mode 100644 src/css/widget/multitree/trigger/multi.tree.button.checkselected.css create mode 100644 src/css/widget/multitreelist/multitreelist.popup.css create mode 100644 src/css/widget/numericalinterval/numericalinterval.css create mode 100644 src/css/widget/numericalinterval/popup.numericalinterval.css create mode 100644 src/css/widget/pagetable/pagetable.cell.css create mode 100644 src/css/widget/pagetable/pagetable.css create mode 100644 src/css/widget/paramsettingcombo/datecombo/combo.param.date.css create mode 100644 src/css/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.css create mode 100644 src/css/widget/paramsettingcombo/param0.date.item.css create mode 100644 src/css/widget/paramsettingcombo/param1.date.item.css create mode 100644 src/css/widget/paramsettingcombo/param2.date.item.css create mode 100644 src/css/widget/paramsettingcombo/yearcombo/combo.param.year.css create mode 100644 src/css/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.css create mode 100644 src/css/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.css create mode 100644 src/css/widget/pathchooser/pathchooser.css create mode 100644 src/css/widget/pathchooser/pathregion.css create mode 100644 src/css/widget/previewtable/previewtable.cell.css create mode 100644 src/css/widget/previewtable/previewtable.css create mode 100644 src/css/widget/previewtable/previewtable.header.cell.css create mode 100644 src/css/widget/quarter/combo.quarter.css create mode 100644 src/css/widget/quarter/popup.quarter.css create mode 100644 src/css/widget/quarter/trigger.quarter.css create mode 100644 src/css/widget/relationview/relationview.item.css create mode 100644 src/css/widget/relationview/relationview.region.css create mode 100644 src/css/widget/selectdata/searchpane/result.search.selectdata.css create mode 100644 src/css/widget/selectdata/searchpane/searcher.selectdata.css create mode 100644 src/css/widget/selectdata/searchpane/segment.search.selectdata.css create mode 100644 src/css/widget/selectdata/searchpane/tab.search.selectdata.css create mode 100644 src/css/widget/selectdata/tree/expander.selectdata.css create mode 100644 src/css/widget/selectdata/tree/node/node.level0.css create mode 100644 src/css/widget/selectdata/tree/node/node.level1.css create mode 100644 src/css/widget/selectdata/tree/tree.selectdata.css create mode 100644 src/css/widget/selectdata/tree/treeitem/item.level0.css create mode 100644 src/css/widget/selectdata/tree/treeitem/item.level1.css create mode 100644 src/css/widget/selecttable/single/button.databasetable.css create mode 100644 src/css/widget/selecttree/combo.select.tree.css create mode 100644 src/css/widget/sequencetable/dynamicnumber.sequencetable.css create mode 100644 src/css/widget/sequencetable/listnumber.sequencetable.css create mode 100644 src/css/widget/sequencetable/sequencetable.css create mode 100644 src/css/widget/sequencetable/treenumber.sequencetable.css create mode 100644 src/css/widget/singleslider/singleslider.css create mode 100644 src/css/widget/singleslider/slider/widget.slider.css create mode 100644 src/css/widget/singleslider/track/widget.track.css create mode 100644 src/css/widget/singletree/combo.single.tree.css create mode 100644 src/css/widget/sortabletable/sortabletable.css create mode 100644 src/css/widget/textarea/textarea.css create mode 100644 src/css/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.css create mode 100644 src/css/widget/texttoolbar/texttoolbar.css create mode 100644 src/css/widget/timeinterval/timeinterval.css create mode 100644 src/css/widget/timesetting/timesetting.day.css create mode 100644 src/css/widget/timesetting/timesetting.hour.css create mode 100644 src/css/widget/treelabel/treelabel.css create mode 100644 src/css/widget/treelabel/treelabel.view.css create mode 100644 src/css/widget/web/web.css create mode 100644 src/css/widget/year/combo.year.css create mode 100644 src/css/widget/year/popup.year.css create mode 100644 src/css/widget/year/trigger.year.css create mode 100644 src/less/widget/arrangement/arrangement.block.less create mode 100644 src/less/widget/arrangement/arrangement.droppable.less create mode 100644 src/less/widget/arrangement/arrangement.less create mode 100644 src/less/widget/base/combo/iconcombo/combo.icon.less create mode 100644 src/less/widget/base/editor/editor.adapt.less create mode 100644 src/less/widget/base/editor/editor.search.less create mode 100644 src/less/widget/base/editor/editor.search.small.less create mode 100644 src/less/widget/base/editor/editor.sign.initial.less create mode 100644 src/less/widget/base/editor/editor.sign.style.less create mode 100644 src/less/widget/base/editor/editor.text.less create mode 100644 src/less/widget/base/editor/editor.text.small.less create mode 100644 src/less/widget/base/mask/loading.mask.less create mode 100644 src/less/widget/base/segment/button.line.segment.less create mode 100644 src/less/widget/base/segment/segment.line.less create mode 100644 src/less/widget/base/tip/tip.helper.less create mode 100644 src/less/widget/base/toolbar/toolbar.progress.bar.less create mode 100644 src/less/widget/base/toolbar/toolbar.progress.less create mode 100644 src/less/widget/base/toolbar/toolbar.progress.processor.less create mode 100644 src/less/widget/colorchooser/colorchooser.popup.less create mode 100644 src/less/widget/colorchooser/colorchooser.trigger.less create mode 100644 src/less/widget/copy2group/button.add.copy2group.less create mode 100644 src/less/widget/copy2group/combo.copy2group.less create mode 100644 src/less/widget/date/calendar/picker.date.less create mode 100644 src/less/widget/date/trigger.date.less create mode 100644 src/less/widget/downlist/combo.downlist.less create mode 100644 src/less/widget/downlist/popup.downlist.less create mode 100644 src/less/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.less create mode 100644 src/less/widget/exceltable/exceltable.cell.less create mode 100644 src/less/widget/exceltable/exceltable.header.cell.less create mode 100644 src/less/widget/exceltable/exceltable.less create mode 100644 src/less/widget/filemanager/filemanager.less create mode 100644 src/less/widget/filemanager/items/item.file.filemanager.less create mode 100644 src/less/widget/filemanager/items/item.folder.filemanager.less create mode 100644 src/less/widget/filemanager/nav/button/button.nav.filemanager.less create mode 100644 src/less/widget/filemanager/nav/nav.filemanager.less create mode 100644 src/less/widget/filterpane/abstract.item.filter.less create mode 100644 src/less/widget/filterpane/expander.filter.less create mode 100644 src/less/widget/filterpane/pane.filter.less create mode 100644 src/less/widget/finetuningnumbereditor/finetuning.number.editor.less create mode 100644 src/less/widget/formula/editor.search.less create mode 100644 src/less/widget/formula/group.symbol.less create mode 100644 src/less/widget/formula/insert.formula.less create mode 100644 src/less/widget/formula/item.button.text.treeleaf.less create mode 100644 src/less/widget/formula/pane.function.less create mode 100644 src/less/widget/formula/tree.fieldname.less create mode 100644 src/less/widget/formula/tree.function.less create mode 100644 src/less/widget/image/button/href/image.button.href.less create mode 100644 src/less/widget/image/button/size/image.button.size.less create mode 100644 src/less/widget/image/button/upload.less create mode 100644 src/less/widget/image/uploadimage.less create mode 100644 src/less/widget/interactivearrangement/interactivearrangement.less create mode 100644 src/less/widget/listlabel/listlabel.less create mode 100644 src/less/widget/month/combo.month.less create mode 100644 src/less/widget/month/popup.month.less create mode 100644 src/less/widget/month/trigger.month.less create mode 100644 src/less/widget/move2group/button.add.move2group.less create mode 100644 src/less/widget/move2group/combo.move2group.less create mode 100644 src/less/widget/multidate/multidate.combo.less create mode 100644 src/less/widget/multidate/multidate.day.less create mode 100644 src/less/widget/multidate/multidate.month.less create mode 100644 src/less/widget/multidate/multidate.popup.less create mode 100644 src/less/widget/multidate/multidate.quarter.less create mode 100644 src/less/widget/multidate/multidate.segment.less create mode 100644 src/less/widget/multidate/multidate.week.less create mode 100644 src/less/widget/multidate/multidate.year.less create mode 100644 src/less/widget/multiselect/check/multiselect.check.pane.less create mode 100644 src/less/widget/multiselect/check/multiselect.display.less create mode 100644 src/less/widget/multiselect/multiselect.combo.less create mode 100644 src/less/widget/multiselect/multiselect.popup.view.less create mode 100644 src/less/widget/multiselect/multiselect.trigger.less create mode 100644 src/less/widget/multiselect/search/multiselect.search.pane.less create mode 100644 src/less/widget/multiselect/trigger/button.checkselected.less create mode 100644 src/less/widget/multistringlist/multistringlist.less create mode 100644 src/less/widget/multitree/check/multi.tree.check.pane.less create mode 100644 src/less/widget/multitree/display.multi.tree.less create mode 100644 src/less/widget/multitree/multi.tree.combo.less create mode 100644 src/less/widget/multitree/multi.tree.trigger.less create mode 100644 src/less/widget/multitree/popup.multi.tree.less create mode 100644 src/less/widget/multitree/search.multi.tree.less create mode 100644 src/less/widget/multitree/trigger.multi.tree.less create mode 100644 src/less/widget/multitree/trigger/multi.tree.button.checkselected.less create mode 100644 src/less/widget/multitreelist/multitreelist.popup.less create mode 100644 src/less/widget/numericalinterval/numericalinterval.less create mode 100644 src/less/widget/numericalinterval/popup.numericalinterval.less create mode 100644 src/less/widget/pagetable/pagetable.cell.less create mode 100644 src/less/widget/pagetable/pagetable.less create mode 100644 src/less/widget/paramsettingcombo/datecombo/combo.param.date.less create mode 100644 src/less/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.less create mode 100644 src/less/widget/paramsettingcombo/param0.date.item.less create mode 100644 src/less/widget/paramsettingcombo/param1.date.item.less create mode 100644 src/less/widget/paramsettingcombo/param2.date.item.less create mode 100644 src/less/widget/paramsettingcombo/yearcombo/combo.param.year.less create mode 100644 src/less/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.less create mode 100644 src/less/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.less create mode 100644 src/less/widget/pathchooser/pathchooser.less create mode 100644 src/less/widget/pathchooser/pathregion.less create mode 100644 src/less/widget/previewtable/previewtable.cell.less create mode 100644 src/less/widget/previewtable/previewtable.header.cell.less create mode 100644 src/less/widget/previewtable/previewtable.less create mode 100644 src/less/widget/quarter/combo.quarter.less create mode 100644 src/less/widget/quarter/popup.quarter.less create mode 100644 src/less/widget/quarter/trigger.quarter.less create mode 100644 src/less/widget/relationview/relationview.item.less create mode 100644 src/less/widget/relationview/relationview.region.less create mode 100644 src/less/widget/selectdata/searchpane/result.search.selectdata.less create mode 100644 src/less/widget/selectdata/searchpane/searcher.selectdata.less create mode 100644 src/less/widget/selectdata/searchpane/segment.search.selectdata.less create mode 100644 src/less/widget/selectdata/searchpane/tab.search.selectdata.less create mode 100644 src/less/widget/selectdata/tree/expander.selectdata.less create mode 100644 src/less/widget/selectdata/tree/node/node.level0.less create mode 100644 src/less/widget/selectdata/tree/node/node.level1.less create mode 100644 src/less/widget/selectdata/tree/tree.selectdata.less create mode 100644 src/less/widget/selectdata/tree/treeitem/item.level0.less create mode 100644 src/less/widget/selectdata/tree/treeitem/item.level1.less create mode 100644 src/less/widget/selecttable/single/button.databasetable.less create mode 100644 src/less/widget/selecttree/combo.select.tree.less create mode 100644 src/less/widget/sequencetable/dynamicnumber.sequencetable.less create mode 100644 src/less/widget/sequencetable/listnumber.sequencetable.less create mode 100644 src/less/widget/sequencetable/sequencetable.less create mode 100644 src/less/widget/sequencetable/treenumber.sequencetable.less create mode 100644 src/less/widget/singleslider/singleslider.less create mode 100644 src/less/widget/singleslider/slider/widget.slider.less create mode 100644 src/less/widget/singleslider/track/widget.track.less create mode 100644 src/less/widget/singletree/combo.single.tree.less create mode 100644 src/less/widget/sortabletable/sortabletable.less create mode 100644 src/less/widget/textarea/textarea.less create mode 100644 src/less/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.less create mode 100644 src/less/widget/texttoolbar/texttoolbar.less create mode 100644 src/less/widget/timeinterval/timeinterval.less create mode 100644 src/less/widget/timesetting/timesetting.day.less create mode 100644 src/less/widget/timesetting/timesetting.hour.less create mode 100644 src/less/widget/treelabel/treelabel.less create mode 100644 src/less/widget/treelabel/treelabel.view.less create mode 100644 src/less/widget/web/web.less create mode 100644 src/less/widget/year/combo.year.less create mode 100644 src/less/widget/year/popup.year.less create mode 100644 src/less/widget/year/trigger.year.less create mode 100644 src/widget/adaptivearrangement/adaptivearrangement.js create mode 100644 src/widget/arrangement/arrangement.block.js create mode 100644 src/widget/arrangement/arrangement.droppable.js create mode 100644 src/widget/arrangement/arrangement.js create mode 100644 src/widget/base/combo/editoriconcheckcombo/combo.editoriconcheck.js create mode 100644 src/widget/base/combo/formulacombo/combo.formula.js create mode 100644 src/widget/base/combo/formulacombo/popup.formulacombo.js create mode 100644 src/widget/base/combo/formulacombo/trigger.formulacombo.js create mode 100644 src/widget/base/combo/iconcombo/combo.icon.js create mode 100644 src/widget/base/combo/iconcombo/popup.iconcombo.js create mode 100644 src/widget/base/combo/iconcombo/trigger.iconcombo.js create mode 100644 src/widget/base/combo/staticcombo/combo.static.js create mode 100644 src/widget/base/combo/textvaluecheckcombo/combo.textvaluecheck.js create mode 100644 src/widget/base/combo/textvaluecheckcombo/combo.textvaluechecksmall.js create mode 100644 src/widget/base/combo/textvaluecheckcombo/popup.textvaluecheck.js create mode 100644 src/widget/base/combo/textvaluecombo/combo.textvalue.js create mode 100644 src/widget/base/combo/textvaluecombo/combo.textvaluesmall.js create mode 100644 src/widget/base/combo/textvaluecombo/popup.textvalue.js create mode 100644 src/widget/base/combo/textvaluedownlistcombo/combo.textvaluedownlist.js create mode 100644 src/widget/base/combo/textvaluedownlistcombo/trigger.textvaluedownlist.js create mode 100644 src/widget/base/editor/editor.adapt.js create mode 100644 src/widget/base/editor/editor.clear.js create mode 100644 src/widget/base/editor/editor.search.js create mode 100644 src/widget/base/editor/editor.search.small.js create mode 100644 src/widget/base/editor/editor.sign.initial.js create mode 100644 src/widget/base/editor/editor.sign.style.js create mode 100644 src/widget/base/editor/editor.text.js create mode 100644 src/widget/base/editor/editor.text.small.js create mode 100644 src/widget/base/mask/cancel.loading.mask.js create mode 100644 src/widget/base/mask/loading.background.js create mode 100644 src/widget/base/mask/loading.mask.js create mode 100644 src/widget/base/segment/button.line.segment.js create mode 100644 src/widget/base/segment/segment.line.js create mode 100644 src/widget/base/tip/tip.helper.js create mode 100644 src/widget/base/toolbar/toolbar.progress.bar.js create mode 100644 src/widget/base/toolbar/toolbar.progress.js create mode 100644 src/widget/base/toolbar/toolbar.progress.processor.js create mode 100644 src/widget/branchrelation/branchrelation.js create mode 100644 src/widget/colorchooser/colorchooser.custom.js create mode 100644 src/widget/colorchooser/colorchooser.js create mode 100644 src/widget/colorchooser/colorchooser.popup.js create mode 100644 src/widget/colorchooser/colorchooser.trigger.js create mode 100644 src/widget/copy2group/button.add.copy2group.js create mode 100644 src/widget/copy2group/combo.copy2group.js create mode 100644 src/widget/copy2group/toolbar.copy2group.js create mode 100644 src/widget/date/calendar/combo.month.date.js create mode 100644 src/widget/date/calendar/combo.year.date.js create mode 100644 src/widget/date/calendar/picker.date.js create mode 100644 src/widget/date/calendar/popup.calendar.date.js create mode 100644 src/widget/date/calendar/trigger.triangle.date.js create mode 100644 src/widget/date/combo.date.js create mode 100644 src/widget/date/trigger.date.js create mode 100644 src/widget/datepane/datepanenotselectday.js create mode 100644 src/widget/directionpathchooser/directionpathchooser.js create mode 100644 src/widget/downlist/combo.downlist.js create mode 100644 src/widget/downlist/group.downlist.js create mode 100644 src/widget/downlist/item.downlist.js create mode 100644 src/widget/downlist/item.downlistgroup.js create mode 100644 src/widget/downlist/popup.downlist.js create mode 100644 src/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.js create mode 100644 src/widget/exceltable/exceltable.cell.js create mode 100644 src/widget/exceltable/exceltable.header.cell.js create mode 100644 src/widget/exceltable/exceltable.js create mode 100644 src/widget/filemanager/buttongroup.filemanager.js create mode 100644 src/widget/filemanager/filemanager.js create mode 100644 src/widget/filemanager/items/item.file.filemanager.js create mode 100644 src/widget/filemanager/items/item.folder.filemanager.js create mode 100644 src/widget/filemanager/list.filemanager.js create mode 100644 src/widget/filemanager/nav/button/button.nav.filemanager.js create mode 100644 src/widget/filemanager/nav/nav.filemanager.js create mode 100644 src/widget/filterpane/abstract.item.filter.js create mode 100644 src/widget/filterpane/expander.filter.js create mode 100644 src/widget/filterpane/filter.js create mode 100644 src/widget/filterpane/operation.filter.js create mode 100644 src/widget/filterpane/pane.filter.js create mode 100644 src/widget/finetuningnumbereditor/finetuning.number.editor.js create mode 100644 src/widget/formula/group.symbol.js create mode 100644 src/widget/formula/insert.formula.js create mode 100644 src/widget/formula/item.button.text.treeleaf.js create mode 100644 src/widget/formula/pane.function.js create mode 100644 src/widget/formula/pane.searcher.function.js create mode 100644 src/widget/formula/tree.fieldname.js create mode 100644 src/widget/formula/tree.function.js create mode 100644 src/widget/image/button/href/image.button.href.js create mode 100644 src/widget/image/button/size/image.button.size.combo.js create mode 100644 src/widget/image/button/size/image.button.size.js create mode 100644 src/widget/image/button/size/radio/image.button.size.radio.js create mode 100644 src/widget/image/uploadimage.js create mode 100644 src/widget/interactivearrangement/interactivearrangement.js create mode 100644 src/widget/intervalslider/intervalslider.js create mode 100644 src/widget/intervalslider/model.accuratecalculation.js create mode 100644 src/widget/listlabel/group.item.listlabel.js create mode 100644 src/widget/listlabel/listlabel.js create mode 100644 src/widget/month/combo.month.js create mode 100644 src/widget/month/popup.month.js create mode 100644 src/widget/month/trigger.month.js create mode 100644 src/widget/move2group/button.add.move2group.js create mode 100644 src/widget/move2group/combo.move2group.js create mode 100644 src/widget/move2group/toolbar.move2group.js create mode 100644 src/widget/muiltitextlabel/group.item.text.label.js create mode 100644 src/widget/muiltitextlabel/text.label.js create mode 100644 src/widget/multidate/abstract.multidate.datepane.js create mode 100644 src/widget/multidate/multidate.combo.js create mode 100644 src/widget/multidate/multidate.day.js create mode 100644 src/widget/multidate/multidate.month.js create mode 100644 src/widget/multidate/multidate.popup.js create mode 100644 src/widget/multidate/multidate.quarter.js create mode 100644 src/widget/multidate/multidate.segment.js create mode 100644 src/widget/multidate/multidate.week.js create mode 100644 src/widget/multidate/multidate.year.js create mode 100644 src/widget/multilayerselecttree/multilayerselecttree.combo.js create mode 100644 src/widget/multilayerselecttree/multilayerselecttree.leveltree.js create mode 100644 src/widget/multilayerselecttree/multilayerselecttree.popup.js create mode 100644 src/widget/multilayerselecttree/node/node.first.plus.js create mode 100644 src/widget/multilayerselecttree/node/node.last.plus.js create mode 100644 src/widget/multilayerselecttree/node/node.mid.plus.js create mode 100644 src/widget/multilayersingletree/multilayersingletree.combo.js create mode 100644 src/widget/multilayersingletree/multilayersingletree.leveltree.js create mode 100644 src/widget/multilayersingletree/multilayersingletree.popup.js create mode 100644 src/widget/multilayersingletree/node/node.first.plus.js create mode 100644 src/widget/multilayersingletree/node/node.last.plus.js create mode 100644 src/widget/multilayersingletree/node/node.mid.plus.js create mode 100644 src/widget/multilayersingletree/treeitem/item.first.treeleaf.js create mode 100644 src/widget/multilayersingletree/treeitem/item.last.treeleaf.js create mode 100644 src/widget/multilayersingletree/treeitem/item.mid.treeleaf.js create mode 100644 src/widget/multiselect/check/multiselect.check.pane.js create mode 100644 src/widget/multiselect/check/multiselect.display.js create mode 100644 src/widget/multiselect/multiselect.combo.js create mode 100644 src/widget/multiselect/multiselect.loader.js create mode 100644 src/widget/multiselect/multiselect.popup.view.js create mode 100644 src/widget/multiselect/multiselect.trigger.js create mode 100644 src/widget/multiselect/search/multiselect.search.loader.js create mode 100644 src/widget/multiselect/search/multiselect.search.pane.js create mode 100644 src/widget/multiselect/trigger/button.checkselected.js create mode 100644 src/widget/multiselect/trigger/editor.multiselect.js create mode 100644 src/widget/multiselect/trigger/searcher.multiselect.js create mode 100644 src/widget/multiselect/trigger/switcher.checkselected.js create mode 100644 src/widget/multistringlist/multistringlist.js create mode 100644 src/widget/multitree/check/multi.tree.check.pane.js create mode 100644 src/widget/multitree/multi.tree.combo.js create mode 100644 src/widget/multitree/multi.tree.popup.js create mode 100644 src/widget/multitree/multi.tree.search.pane.js create mode 100644 src/widget/multitree/trigger/multi.tree.button.checkselected.js create mode 100644 src/widget/multitree/trigger/searcher.multi.tree.js create mode 100644 src/widget/multitreelist/multitreelist.js create mode 100644 src/widget/multitreelist/multitreelist.popup.js create mode 100644 src/widget/numericalinterval/numericalinterval.js create mode 100644 src/widget/pagetable/pagetable.cell.js create mode 100644 src/widget/pagetable/pagetable.js create mode 100644 src/widget/paramsettingcombo/datecombo/combo.param.date.js create mode 100644 src/widget/paramsettingcombo/datecombo/popup.param.date.js create mode 100644 src/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.js create mode 100644 src/widget/paramsettingcombo/dateintervalcombo/popup.param.dateinterval.js create mode 100644 src/widget/paramsettingcombo/param0.date.item.js create mode 100644 src/widget/paramsettingcombo/param1.date.item.js create mode 100644 src/widget/paramsettingcombo/param2.date.item.js create mode 100644 src/widget/paramsettingcombo/param3.date.item.js create mode 100644 src/widget/paramsettingcombo/popup.param.js create mode 100644 src/widget/paramsettingcombo/rangevaluecombo/rangevaluecombo.js create mode 100644 src/widget/paramsettingcombo/yearcombo/combo.param.year.js create mode 100644 src/widget/paramsettingcombo/yearcombo/param.year.item.js create mode 100644 src/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.js create mode 100644 src/widget/paramsettingcombo/yearmonthcombo/popup.param.yearmonth.js create mode 100644 src/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.js create mode 100644 src/widget/paramsettingcombo/yearseasoncombo/popup.param.yearseason.js create mode 100644 src/widget/pathchooser/pathchooser.js create mode 100644 src/widget/pathchooser/pathregion.js create mode 100644 src/widget/previewtable/previewtable.cell.js create mode 100644 src/widget/previewtable/previewtable.header.cell.js create mode 100644 src/widget/previewtable/previewtable.js create mode 100644 src/widget/quarter/combo.quarter.js create mode 100644 src/widget/quarter/popup.quarter.js create mode 100644 src/widget/quarter/trigger.quarter.js create mode 100644 src/widget/relationview/relationview.item.js create mode 100644 src/widget/relationview/relationview.js create mode 100644 src/widget/relationview/relationview.region.container.js create mode 100644 src/widget/relationview/relationview.region.js create mode 100644 src/widget/selectdata/searcher/searcher.selectdata.js create mode 100644 src/widget/selectdata/searchpane/result.search.selectdata.js create mode 100644 src/widget/selectdata/searchpane/segment.search.selectdata.js create mode 100644 src/widget/selectdata/switcher/switcher.selectdata.js create mode 100644 src/widget/selectdata/tree/expander.selectdata.js create mode 100644 src/widget/selectdata/tree/loader.selectdata.js create mode 100644 src/widget/selectdata/tree/node/node.level.js create mode 100644 src/widget/selectdata/tree/node/node.level1.date.js create mode 100644 src/widget/selectdata/tree/node/node.level2.date.js create mode 100644 src/widget/selectdata/tree/tree.selectdata.js create mode 100644 src/widget/selectdata/tree/treeitem/item.level.js create mode 100644 src/widget/selecttree/nodes/node.first.plus.js create mode 100644 src/widget/selecttree/nodes/node.last.plus.js create mode 100644 src/widget/selecttree/nodes/node.mid.plus.js create mode 100644 src/widget/selecttree/selecttree.combo.js create mode 100644 src/widget/selecttree/selecttree.expander.js create mode 100644 src/widget/selecttree/selecttree.popup.js create mode 100644 src/widget/sequencetable/dynamicnumber.sequencetable.js create mode 100644 src/widget/sequencetable/listnumber.sequencetable.js create mode 100644 src/widget/sequencetable/sequencetable.js create mode 100644 src/widget/sequencetable/treenumber.sequencetable.js create mode 100644 src/widget/simplesearcher/searcher.simple.js create mode 100644 src/widget/simpleselectdata/searcher/searcher.simpleselectdata.js create mode 100644 src/widget/simpleselectdata/searchpane/result.search.simpleselectdata.js create mode 100644 src/widget/simpleselectdata/searchpane/segment.search.simpleselectdata.js create mode 100644 src/widget/simpleselectdata/treenode/node.level0.js create mode 100644 src/widget/simpleselectdata/treenode/node.level1.js create mode 100644 src/widget/singleslider/singleslider.js create mode 100644 src/widget/singleslider/slider/widget.slider.js create mode 100644 src/widget/singletree/singletree.combo.js create mode 100644 src/widget/singletree/singletree.popup.js create mode 100644 src/widget/singletree/singletree.trigger.js create mode 100644 src/widget/sortabletable/sortabletable.dashline.horizontal.js create mode 100644 src/widget/sortabletable/sortabletable.dashline.vertical.js create mode 100644 src/widget/sortabletable/sortabletable.drag.button.js create mode 100644 src/widget/sortabletable/sortabletable.js create mode 100644 src/widget/switchtree/switchtree.js create mode 100644 src/widget/textarea/textarea.js create mode 100644 src/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.js create mode 100644 src/widget/texttoolbar/backgroundchooser/texttoolbar.backgroundchooser.trigger.js create mode 100644 src/widget/texttoolbar/colorchooser/texttoolbar.colorchooser.trigger.js create mode 100644 src/widget/texttoolbar/sizechooser/texttoolbar.sizechooser.js create mode 100644 src/widget/texttoolbar/texttoolbar.js create mode 100644 src/widget/timeinterval/timeinterval.js create mode 100644 src/widget/timesetting/timesetting.day.js create mode 100644 src/widget/timesetting/timesetting.hour.js create mode 100644 src/widget/treelabel/treelabel.js create mode 100644 src/widget/treelabel/treelabel.view.js create mode 100644 src/widget/uploadfile/progress.uploadfile.js create mode 100644 src/widget/web/web.js create mode 100644 src/widget/year/combo.year.js create mode 100644 src/widget/year/popup.year.js create mode 100644 src/widget/year/trigger.year.js create mode 100644 src/widget/yearmonth/combo.yearmonth.js create mode 100644 src/widget/yearquarter/combo.yearquarter.js diff --git a/.gitignore b/.gitignore index 015e42057..c070f3a43 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,4 @@ node_modules/ /.idea/ -dist demo.js demo.css \ No newline at end of file diff --git a/Gruntfile.js b/Gruntfile.js index 8b8c96483..5824052d0 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -51,6 +51,14 @@ module.exports = function (grunt) { ], dest: 'dist/case.js' }, + widgetJs: { + src: [ + 'src/widget/paramsettingcombo/popup.param.js', + 'src/widget/sequencetable/treenumber.sequencetable.js', + 'src/widget/**/*.js' + ], + dest: "dist/widget.js" + }, coreCss: { src: ['src/css/core/**/*.css', 'src/css/utils/**/*.css'], dest: 'dist/core.css' @@ -59,9 +67,13 @@ module.exports = function (grunt) { src: ['src/css/base/**/*.css'], dest: 'dist/base.css' }, + widgetCss: { + src: ['src/css/widget/**/*.css'], + dest: 'dist/widget.css' + }, demoJs: { - src: ['demo/version.js', 'demo/app.js', 'demo/js/**/*.js'], + src: ['demo/version.js', 'demo/app.js', 'demo/config.js', 'demo/js/**/*.js'], dest: 'demo/dist/demo.js' }, demoCss: { diff --git a/demo.html b/demo.html index 52ce5e093..20808e0f0 100644 --- a/demo.html +++ b/demo.html @@ -14,6 +14,7 @@ + diff --git a/demo/config.js b/demo/config.js new file mode 100644 index 000000000..76aeb0eee --- /dev/null +++ b/demo/config.js @@ -0,0 +1,937 @@ +/** + * Created by User on 2017/3/21. + */ +FINEUI = {}; +FINEUI.WIDGET = [{ + id: -1, + text: "文本框", + isParent: true, + open: false +}, { + id: 2, + pId: -1, + text: "文本框", + isParent: true, + open: false +}, { + pId: -1, + id: 1, + text: "树", + isParent: true, + open: false +}, { + pId: -1, + id: 7, + text: "表格", + isParent: true, + open: false +}, { + pId: -1, + id: 8, + text: "图表", + isParent: true, + open: false +}, { + pId: -1, + id: 3, + text: "日历", + isParent: true, + open: false +}, { + pId: -1, + id: 4, + text: "分页相关", + isParent: true, + open: false +}, { + pId: -1, + id: 5, + text: "tip提示", + isParent: true, + open: false +}, { + pId: -1, + id: 6, + text: "组合控件", + isParent: true, + open: false +}, { + pId: -1, + id: 9, + text: "选色控件", + isParent: true, + open: false +}, { + pId: -1, + id: 10, + text: "canvas绘图", + isParent: true, + open: false +}, { + pId: -1, + id: 11, + text: "svg绘图", + isParent: true, + open: false +}, { + pId: -1, + text: "bi.message", + type: "message" +}, { + pId: -1, + text: "bi.button", + type: "button" +}, { + pId: -1, + text: "bi.multifile", + type: "multifile" +}, { + pId: -1, + text: "bi.label", + type: "label" +}, { + pId: 2, + text: "bi.editor", + type: "editor" +}, { + pId: 2, + text: "bi.state_editor", + type: "state_editor" +}, { + pId: 2, + text: "bi.record_editor", + type: "record_editor" +}, { + pId: 2, + text: "bi.sign_editor", + type: "sign_editor" +}, { + pId: 2, + text: "bi.shelter_editor", + type: "shelter_editor" +}, { + pId: 2, + text: "bi.code_editor", + type: "code_editor" +}, { + pId: 2, + text: "bi.textareaeditor", + type: "textareaeditor" +}, { + pId: 6, + text: "bi.combo", + type: "combo" +}, { + pId: 6, + text: "bi.combo(各种位置)", + type: "combo2" +}, { + pId: 6, + text: "bi.expander", + type: "expander" +}, { + pId: 6, + text: "bi.switcher", + type: "switcher" +}, { + pId: 6, + text: "bi.searcher", + type: "searcher" +}, { + pId: 6, + text: "bi.bubble_combo", + type: "bubble_combo" +}, { + pId: 1, + text: "bi.customtree", + type: "customtree" +}, { + pId: 1, + text: "bi.tree", + type: "tree" +}, { + pId: 1, + text: "bi.sync_tree", + type: "synctree" +}, { + pId: 1, + text: "bi.part_tree", + type: "parttree" +}, { + pId: 1, + text: "bi.display_tree", + type: "displaytree" +}, { + pId: 1, + text: "bi.simple_tree", + type: "simpletree" +}, { + pId: 1, + text: "bi.level_tree", + type: "leveltree" +}, { + pId: 1, + text: "bi.branch_tree", + type: "branch_tree" +}, { + pId: 1, + text: "bi.handstand_branch_tree", + type: "handstand_branch_tree" +}, { + pId: 2, + text: "bi.formula", + type: "formula" +}, { + pId: 9, + text: "bi.farbtastic", + type: "farbtastic" +}, { + pId: 9, + text: "bi.color_picker", + type: "color_picker" +}, { + pId: 9, + text: "bi.color_picker_editor", + type: "color_picker_editor" +}, { + pId: 7, + text: "bi.table_view", + type: "table_view" +}, { + pId: 7, + text: "bi.table_tree", + type: "tabletree" +}, { + pId: 7, + text: "bi.layer_tree_table", + type: "layer_tree_table" +}, { + pId: 7, + text: "bi.tabler", + type: "tabler" +}, { + pId: 8, + text: "bi.chart", + type: "chart" +}, { + pId: 8, + text: "charts", + type: "charts" +}, { + pId: 5, + text: "bi.bubble", + type: "bubble" +}, { + pId: 5, + text: "bi.toast", + type: "toast" +}, { + pId: 5, + text: "bi.tooltip", + type: "tooltip" +}, { + pId: 4, + text: "bi.tab", + type: "tab" +}, { + pId: 4, + text: "bi.pager", + type: "pager" +}, { + pId: 4, + text: "bi.loader", + type: "loader" +}, { + pId: 4, + text: "bi.navigation", + type: "navigation" +}, { + pId: 4, + text: "bi.scroll_view", + type: "scrollview" +}, { + pId: 4, + text: "bi.number_pager", + type: "numberpager" +}, { + pId: 4, + text: "bi.direction_pager", + type: "directionpager" +}, { + pId: 4, + text: "bi.skip_pager", + type: "skippager" +}, { + pId: 4, + text: "bi.all_pager", + type: "allpager" +}, { + pId: 4, + text: "bi.lazyloader", + type: "lazy_loader" +}, { + pId: 3, + text: "bi.calendar", + type: "calendar" +}, { + pId: 3, + text: "bi.year_calendar", + type: "year_calendar" +}, { + pId: 10, + text: "bi.canvas", + type: "canvas" +}, { + pId: 10, + text: "bi.complex_canvas", + type: "complex_canvas" +}, { + pId: 11, + text: "bi.svg", + type: "svg" +}, { + text: "bi.zero_clip", + type: "zclip" +}, { + text: "bi.grid_view", + type: "gridview" +}, { + text: "bi.collection_view", + type: "collectionview" +}, { + text: "bi.grid_table", + type: "gridtable" +}]; +_Models.layout = [{ + text: "bi.center_adapt", + type: "center_adapt" +}, { + text: "bi.float_center_adapt", + type: "float_center_adapt" +}, { + text: "bi.absolute_center_adapt", + type: "absolute_center_adapt" +}, { + text: "bi.flex_center", + type: "flex_center" +}, { + text: "bi.inline_center_adapt", + type: "inline_center_adapt" +}, { + text: "bi.vertical_adapt", + type: "vertical_adapt" +}, { + text: "bi.inline_vertical_adapt", + type: "inline_vertical_adapt" +}, { + text: "bi.horizontal_adapt", + type: "horizontal_adapt" +}, { + text: "bi.horizontal_auto", + type: "horizontal_auto" +}, { + text: "bi.horizontal_float", + type: "horizontal_float" +}, { + text: "bi.left_right_vertical_adapt", + type: "left_right_vertical_adapt" +}, { + text: "bi.center", + type: "center" +}, { + text: "bi.float_center", + type: "float_center" +}, { + text: "bi.vertical", + type: "vertical" +}, { + text: "bi.horizontal", + type: "horizontal" +}, { + text: "bi.border", + type: "border" +}, { + text: "bi.card", + type: "card" +}, { + text: "bi.left, bi.right", + type: "flow" +}, { + text: "bi.lattice", + type: "lattice" +}, { + text: "bi.inline", + type: "inline" +}, { + text: "bi.htape", + type: "htape" +}, { + text: "bi.vtape", + type: "vtape" +}, { + text: "bi.grid", + type: "grid" +}, { + text: "bi.table", + type: "table" +}, { + text: "bi.division", + type: "division" +}, { + text: "bi.window", + type: "window" +}, { + text: "bi.td", + type: "td" +}]; +FINEUI.DETAIL = [{ + id: -2, + text: "各种基础小控件" +},{ + pId: -2, + id: -1, + text: "各种基础小控件" +}, { + pId: -2, + id: 1, + text: "文本框控件" +}, { + pId: -2, + id: 12, + text: "下拉框控件(可测)" +}, { + pId: -2, + id: 2, + text: "年份控件(可测)" +}, { + pId: -2, + id: 3, + text: "月份控件(可测)" +}, { + pId: -2, + id: 4, + text: "季度控件(可测)" +}, { + pId: -2, + id: 5, + text: "简单日期控件(不参与测试)" +}, { + pId: -2, + id: 6, + text: "复杂日期控件(可测)" +}, { + pId: -2, + id: 7, + text: "下拉列表(可测)" +}, { + pId: -2, + id: 8, + text: "选择字段列表(可测)" +}, { + pId: -2, + id: 9, + text: "公式编辑器(可测)" +}, { + id: 10, + pId: -2, + text: "数值区间控件(可测)" +}, { + id: 11, + pId: -2, + text: "下拉复选框有确定按钮(已阅)" +}, { + id: 13, + pId: -2, + text: "移动和复制到分组(可测)" +}, { + id: 14, + pId: -2, + text: "单选下拉树(可测)" +}, { + id: 23, + pId: -2, + text: "可选下拉树(可测)" +}, { + id: 15, + pId: -2, + text: "提示对话框(可测)" +}, { + id: 16, + pId: -2, + text: "复选下拉树(已阅)" +}, { + pId: -2, + id: 17, + text: "时间区间控件" +}, { + pId: -2, + id: 30, + text: "简单搜索控件" +}, { + pId: -2, + id: 18, + text: "简单选择字段" +}, { + pId: -2, + id: 19, + text: "过滤结构" +}, { + pId: -2, + id: 20, + text: "选色控件" +}, { + pId: -2, + id: 21, + text: "文本控件" +}, { + pId: -2, + id: 22, + text: "路径选择" +}, { + pId: -2, + id: 24, + text: "文件管理" +}, { + pId: -2, + id: 25, + text: "表关联树" +}, { + pId: -2, + id: 26, + text: "关联视图" +}, { + pId: -2, + id: 27, + text: "表格" +}, { + pId: -2, + id: 32, + text: "序号表格" +}, { + pId: -2, + id: 28, + text: "图片组件&web组件" +}, { + pId: -2, + id: 29, + text: "布局" +}, { + pId: -2, + id: 31, + text: "详细图表" +}, { + pId: -2, + id: 33, + text: "树标签" +}, { + pId: -2, + id: 34, + text: "单值滑块" +}, { + pId: -2, + id: 35, + text: "区间滑块" +}, { + pId: -2, + id: 36, + text: "文本列表" +}, { + pId: -2, + id: 37, + text: "树列表" +}, { + pId: -2, + id: 38, + text: "日期面板" +}, { + pId: -2, + id: 39, + text: "螺旋分析tab控件" +}, { + pId: -2, + id: 40, + text: "数值微调器" +}, + + + { + pId: -1, + text: "各种通用按钮", + type: "buttons" + }, { + pId: -1, + text: "各种提示性信息", + type: "tips" + }, { + pId: -1, + text: "各种items", + type: "items" + }, { + pId: -1, + text: "各种节点node", + type: "nodes" + }, { + pId: -1, + text: "各种segment", + type: "segments" + }, { + pId: -1, + text: "各种面板", + type: "panes" + }, { + pId: -1, + text: "bi.loading_mask", + type: "loadingmask" + }, { + pId: -1, + text: "可以切换的树", + type: "switch_tree" + }, { + pId: -1, + text: "进度条", + type: "progressbar" + }, { + pId: 1, + text: "bi.text_editor", + type: "text_editor" + }, { + pId: 1, + text: "bi.search_editor", + type: "search_editor" + }, { + pId: 1, + text: "bi.adapt_editor", + type: "adapt_editor" + }, { + pId: 1, + text: "bi.sign_initial_editor", + type: "sign_initial_editor" + }, { + pId: 1, + text: "bi.sign_style_editor", + type: "sign_style_editor" + }, { + pId: 2, + text: "bi.year_combo", + type: "year_combo" + }, { + pId: 3, + text: "bi.month_combo", + type: "month_combo" + }, { + pId: 4, + text: "bi.quarter_combo", + type: "quarter_combo" + }, { + pId: 5, + text: "bi.date_combo", + type: "date_combo" + }, { + pId: 7, + text: "bi.down_list_combo", + type: "down_list_combo" + }, { + pId: 12, + text: "各种trigger", + type: "triggers" + }, { + pId: 12, + text: "bi.text_type_combo", + type: "text_icon_combo" + }, { + pId: 12, + text: "bi.static_combo", + type: "single_select_combo" + }, { + pId: 12, + text: "bi.text_type_down_list_combo", + type: "text_icon_down_list_combo" + }, { + pId: 12, + text: "bi.param_date_combo", + type: "param_date_combo" + }, { + pId: 12, + text: "bi.icon_combo", + type: "icon_combo" + }, { + pId: 12, + text: "bi.formula_combo", + type: "formula_combo" + }, { + pId: 9, + text: "bi.formula_insert", + type: "formula_insert" + }, { + pId: 9, + text: "bi.formula_pane", + type: "formula_pane" + }, { + pId: 8, + text: "bi.select_data_tree", + type: "select_data_tree" + }, { + pId: 8, + text: "bi.select_data_switcher", + type: "select_data_switcher" + }, { + pId: 8, + text: "bi.select_data_search_result", + type: "select_data_search_result" + }, { + pId: 8, + text: "bi.select_data_searcher(点这)", + type: "select_data_searcher" + }, { + pId: 6, + text: "bi.multidate_combo", + type: "multidate_combo" + }, { + pId: 17, + text: "bi.time_interval", + type: "time_interval" + }, { + pId: 10, + text: "bi.numerical_interval", + type: "numerical_interval" + }, { + pId: 11, + text: "bi.multi_select_trigger", + type: "multi_select_trigger" + }, { + pId: 11, + text: "bi.multi_select_search_pane", + type: "multi_select_search_pane" + }, { + pId: 11, + text: "bi.multi_select_popup_view", + type: "multi_select_popup_view" + }, { + pId: 11, + text: "bi.multi_select_check_pane", + type: "multi_select_check_pane" + }, { + pId: 11, + text: "bi.multi_select_combo", + type: "multi_select_combo" + }, { + pId: 13, + text: "bi.move2group_combo", + type: "move2group_combo" + }, { + pId: 13, + text: "bi.copy2group_combo", + type: "copy2group_combo" + }, { + pId: 14, + text: "bi.single_tree_combo", + type: "single_tree_combo" + }, { + pId: 14, + text: "bi.multilayer_single_tree_combo", + type: "multilayer_single_tree_combo" + }, { + pId: 23, + text: "bi.select_tree_combo", + type: "select_tree_combo" + }, { + pId: 23, + text: "bi.multilayer_select_tree_combo", + type: "multilayer_select_tree_combo" + }, { + pId: 15, + text: "bi.dialog", + type: "dialog" + }, { + pId: 16, + text: "bi.multi_tree", + type: "multi_tree" + }, { + pId: 18, + text: "bi.simple_select_data_searcher", + type: "simple_select_data_searcher" + }, { + pId: 19, + text: "bi.filter_pane", + type: "filter_pane" + }, { + pId: 19, + text: "bi.filter_operation", + type: "filter_operation" + }, { + pId: 19, + text: "bi.filter", + type: "filter" + }, { + pId: 20, + text: "bi.color_chooser", + type: "color_chooser" + }, { + pId: 21, + text: "bi.text_toolbar", + type: "text_toolbar" + }, { + pId: 21, + text: "bi.text_area", + type: "text_area" + }, { + pId: 22, + text: "bi.path_chooser", + type: "path_chooser" + }, { + pId: 22, + text: "bi.direction_path_chooser", + type: "direction_path_chooser" + }, { + pId: 24, + text: "bi.file_manager", + type: "file_manager" + }, { + pId: 25, + text: "bi.branch_relation", + type: "branch_relation" + }, { + pId: 26, + text: "bi.relation_view", + type: "relation_view" + }, { + pId: 27, + text: "bi.preview_table", + type: "preview_table" + }, { + pId: 27, + text: "bi.adaptive_table", + type: "adaptive_table" + }, { + pId: 27, + text: "bi.adaptive_table(冻结表头)", + type: "adaptive_table2" + }, { + pId: 27, + text: "bi.custom_scroll_table", + type: "custom_scroll_table" + }, { + pId: 27, + text: "bi.page_table", + type: "page_table" + }, { + pId: 27, + text: "bi.page_table(冻结)", + type: "page_table2" + }, { + pId: 27, + text: "bi.page_table(调整列宽)", + type: "page_table3" + }, { + pId: 27, + text: "bi.excel_table", + type: "excel_table" + }, { + pId: 27, + text: "bi.sortable_table", + type: "sortable_table" + }, { + pId: 27, + text: "bi.excel_view_display_manager", + type: "excel_view_display_manager" + }, { + pId: 32, + text: "bi.sequence_table", + type: "sequence_table" + }, { + pId: 32, + text: "bi.sequence_table(带有汇总)", + type: "sequence_table2" + }, { + pId: 28, + text: "bi.upload_image", + type: "upload_image" + }, { + pId: 28, + text: "bi.web_page", + type: "web_page" + }, { + pId: 29, + text: "bi.arrangement_droppable", + type: "arrangement_droppable" + }, { + pId: 29, + text: "bi.arrangement", + type: "arrangement" + }, { + pId: 29, + text: "bi.adaptive_arrangement", + type: "adaptive_arrangement" + }, { + pId: 29, + text: "bi.arrangement(网格布局)", + type: "grid_arrangement" + }, { + pId: 29, + text: "bi.adaptive_arrangement(网格布局)", + type: "grid_adaptive_arrangement" + }, { + pId: 30, + text: "bi.simple_searcher", + type: "simple_searcher" + }, { + pId: 31, + text: "选色", + type: "select_color_combo" + }, { + pId: 31, + text: "bi.detail_chart", + type: "detail_chart" + }, { + pId: 31, + text: "柱形", + type: "column_charts" + }, { + pId: 31, + text: "条形图", + type: "bar_charts" + }, { + pId: 31, + text: "面积图", + type: "area_charts" + }, { + pId: 31, + text: "其他", + type: "other_charts" + }, { + pId: 33, + text: "文本标签", + type: "list_label" + }, { + pId: 33, + text: "树标签", + type: "tree_label" + }, { + pId: 34, + text: "滑块", + type: "slider" + }, { + pId: 35, + text: "区间双滑块", + type: "interval_slider" + }, { + pId: 36, + text: "文本列表", + type: "string_list" + }, { + pId: 37, + text: "树列表", + type: "tree_list" + }, { + pId: 38, + text: "日期面板", + type: "data_pane" + }, { + pId: 39, + text: "螺旋分析tab控件", + type: "dynamic_group_tab" + }, { + pId: 40, + text: "数值微调器", + type: "finetuning_number_editor" + }]; \ No newline at end of file diff --git a/demo/css/west.css b/demo/css/west.css index 4601cc494..3fa43c065 100644 --- a/demo/css/west.css +++ b/demo/css/west.css @@ -1,3 +1,3 @@ .demo-west { - background-color: #222d32; + background-color: #7f7f7f; } diff --git a/demo/js/west.js b/demo/js/west.js index aaa8740d0..7efe65ccf 100644 --- a/demo/js/west.js +++ b/demo/js/west.js @@ -3,7 +3,13 @@ Demo.West = BI.inherit(BI.Widget, { baseCls: "demo-west" }, render: function () { - + return { + type: "bi.vertical", + items: [{ + type: "bi.vertical", + items: [] + }] + } } }); $.shortcut("demo.west", Demo.West); \ No newline at end of file diff --git a/demo/less/west.less b/demo/less/west.less index c3aabe177..8fc638f67 100644 --- a/demo/less/west.less +++ b/demo/less/west.less @@ -1,3 +1,3 @@ .demo-west { - background-color: #222d32; + background-color: #7f7f7f; } \ No newline at end of file diff --git a/dist/base.css b/dist/base.css new file mode 100644 index 000000000..6505eea15 --- /dev/null +++ b/dist/base.css @@ -0,0 +1,3690 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-picker-button { + background-color: #eaeaea; +} +.bi-color-picker-button .color-picker-button-mask { + border: 1px solid #1a1a1a; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-picker > .center-element { + border-left: 1px solid #ffffff; + border-top: 1px solid #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-picker-editor .color-picker-editor-label { + color: #808080; +} +.bi-color-picker-editor .color-picker-editor-display { + background: #ffffff; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + box-shadow: 0px 0px 2px 1px #d4dadd inset; + -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; + -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/* BASICS */ +.CodeMirror { + /* Set height, width, borders, and global font properties here */ + font-family: monospace; + cursor: text; + width: 100%; + height: 100%; + color: black; +} +/* PADDING */ +.CodeMirror-lines { + padding: 4px 0; + /* Vertical padding around content */ +} +.CodeMirror pre { + padding: 0 4px; + /* Horizontal padding of content */ +} +.CodeMirror-scrollbar-filler, +.CodeMirror-gutter-filler { + background-color: white; + /* The little square between H and V scrollbars */ +} +/* GUTTER */ +.CodeMirror-gutters { + border-right: 1px solid #ddd; + background-color: #f7f7f7; + white-space: nowrap; +} +.CodeMirror-linenumber { + padding: 0 3px 0 5px; + min-width: 20px; + text-align: right; + color: #999; + white-space: nowrap; +} +.CodeMirror-guttermarker { + color: black; +} +.CodeMirror-guttermarker-subtle { + color: #999; +} +/* CURSOR */ +.CodeMirror div.CodeMirror-cursor { + border-left: 1px solid black; +} +/* Shown when moving in bi-directional text */ +.CodeMirror div.CodeMirror-secondarycursor { + border-left: 1px solid silver; +} +.CodeMirror.cm-fat-cursor div.CodeMirror-cursor { + width: auto; + border: 0; + background: #7e7; +} +.CodeMirror.cm-fat-cursor div.CodeMirror-cursors { + z-index: 1; +} +.cm-animate-fat-cursor { + width: auto; + border: 0; + -webkit-animation: blink 1.06s steps(1) infinite; + -moz-animation: blink 1.06s steps(1) infinite; + animation: blink 1.06s steps(1) infinite; +} +@-moz-keyframes blink { + 0% { + background: #7e7; + } + 50% { + background: none; + } + 100% { + background: #7e7; + } +} +@-webkit-keyframes blink { + 0% { + background: #7e7; + } + 50% { + background: none; + } + 100% { + background: #7e7; + } +} +@keyframes blink { + 0% { + background: #7e7; + } + 50% { + background: none; + } + 100% { + background: #7e7; + } +} +/* Can style cursor different in overwrite (non-insert) mode */ +.cm-tab { + display: inline-block; + text-decoration: inherit; +} +.CodeMirror-ruler { + border-left: 1px solid #ccc; + position: absolute; +} +/* DEFAULT THEME */ +.cm-s-default .cm-header { + color: blue; +} +.cm-s-default .cm-quote { + color: #090; +} +.cm-negative { + color: #d44; +} +.cm-positive { + color: #292; +} +.cm-header, +.cm-strong { + font-weight: bold; +} +.cm-em { + font-style: italic; +} +.cm-link { + text-decoration: underline; +} +.cm-strikethrough { + text-decoration: line-through; +} +.cm-s-default .cm-atom { + color: #219; +} +.cm-s-default .cm-number { + color: #164; +} +.cm-s-default .cm-def { + color: #00f; +} +.cm-s-default .cm-variable-2 { + color: #05a; +} +.cm-s-default .cm-variable-3 { + color: #085; +} +.cm-s-default .cm-comment { + color: #a50; +} +.cm-s-default .cm-string { + color: #a11; +} +.cm-s-default .cm-string-2 { + color: #f50; +} +.cm-s-default .cm-meta { + color: #555; +} +.cm-s-default .cm-qualifier { + color: #555; +} +.cm-s-default .cm-builtin { + color: #30a; +} +.cm-s-default .cm-bracket { + color: #997; +} +.cm-s-default .cm-tag { + color: #170; +} +.cm-s-default .cm-attribute { + color: #00c; +} +.cm-s-default .cm-hr { + color: #999; +} +.cm-s-default .cm-link { + color: #00c; +} +.cm-s-default span[class*="fieldName"] { + color: white; + padding: 1px ; + margin: 1px 0px; + background: #009de3; +} +.cm-s-default span[class*="start"] { + -webkit-border-radius: 3px 0px 0px 3px; + -moz-border-radius: 3px 0px 0px 3px; + border-radius: 3px 0px 0px 3px; + margin-left: 3px; +} +.cm-s-default span[class*="end"] { + -webkit-border-radius: 0px 3px 3px 0px; + -moz-border-radius: 0px 3px 3px 0px; + border-radius: 0px 3px 3px 0px; + margin-right: 3px; +} +.cm-s-default span[class*="start end"] { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.cm-s-default span[class*="#"] { + color: #009de3; +} +.cm-s-default .cm-error { + color: #f00; +} +.cm-invalidchar { + color: #f00; +} +.CodeMirror-composing { + border-bottom: 2px solid; +} +/* Default styles for common addons */ +div.CodeMirror span.CodeMirror-matchingbracket { + color: #0f0; +} +div.CodeMirror span.CodeMirror-nonmatchingbracket { + color: #f22; +} +.CodeMirror-matchingtag { + background: rgba(255, 150, 0, 0.3); +} +.CodeMirror-activeline-background { + background: #e8f2ff; +} +/* STOP */ +/* The rest of this file contains styles related to the mechanics of + the editor. You probably shouldn't touch them. */ +.CodeMirror { + position: relative; + overflow: hidden; + background: white; +} +.CodeMirror-scroll { + overflow: scroll !important; + /* Things will break if this is overridden */ + /* 30px is the magic margin used to hide the element's real scrollbars */ + /* See overflow: hidden in .CodeMirror */ + margin-bottom: -30px; + margin-right: -30px; + padding-bottom: 30px; + height: 100%; + outline: none; + /* Prevent dragging from highlighting the element */ + position: relative; +} +.CodeMirror-sizer { + position: relative; + border-right: 30px solid transparent; +} +/* The fake, visible scrollbars. Used to force redraw during scrolling + before actuall scrolling happens, thus preventing shaking and + flickering artifacts. */ +.CodeMirror-vscrollbar, +.CodeMirror-hscrollbar, +.CodeMirror-scrollbar-filler, +.CodeMirror-gutter-filler { + position: absolute; + z-index: 6; + display: none; +} +.CodeMirror-vscrollbar { + right: 0; + top: 0; + overflow-x: hidden; + overflow-y: scroll; +} +.CodeMirror-hscrollbar { + bottom: 0; + left: 0; + overflow-y: hidden; + overflow-x: scroll; +} +.CodeMirror-scrollbar-filler { + right: 0; + bottom: 0; +} +.CodeMirror-gutter-filler { + left: 0; + bottom: 0; +} +.CodeMirror-gutters { + position: absolute; + left: 0; + top: 0; + z-index: 3; +} +.CodeMirror-gutter { + white-space: normal; + height: 100%; + display: inline-block; + margin-bottom: -30px; + /* Hack to make IE7 behave */ + *zoom: 1; + *display: inline; +} +.CodeMirror-gutter-wrapper { + position: absolute; + z-index: 4; + height: 100%; +} +.CodeMirror-gutter-elt { + position: absolute; + cursor: default; + z-index: 4; +} +.CodeMirror-gutter-wrapper { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.CodeMirror-lines { + cursor: text; + min-height: 1px; + /* prevents collapsing before first draw */ +} +.CodeMirror pre { + /* Reset some styles that the rest of the page might have set */ + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + border-width: 0; + background: transparent; + font-family: inherit; + font-size: inherit; + margin: 0; + white-space: pre; + word-wrap: normal; + line-height: 2em; + color: inherit; + z-index: 2; + position: relative; + overflow: visible; + -webkit-tap-highlight-color: transparent; +} +.CodeMirror-wrap pre { + word-wrap: break-word; + white-space: pre-wrap; + word-break: normal; +} +.CodeMirror-linebackground { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 0; +} +.CodeMirror-linewidget { + position: relative; + z-index: 2; + overflow: auto; +} +.CodeMirror-code { + outline: none; +} +/* Force content-box sizing for the elements where we expect it */ +.CodeMirror-scroll, +.CodeMirror-sizer, +.CodeMirror-gutter, +.CodeMirror-gutters, +.CodeMirror-linenumber { + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.CodeMirror-measure { + position: absolute; + width: 100%; + height: 0; + overflow: hidden; + visibility: hidden; +} +.CodeMirror-measure pre { + position: static; +} +.CodeMirror div.CodeMirror-cursor { + position: absolute; + border-right: none; + width: 0; +} +div.CodeMirror-cursors { + visibility: hidden; + position: relative; + z-index: 3; +} +.CodeMirror-focused div.CodeMirror-cursors { + visibility: visible; +} +.CodeMirror-selected { + background: #d9d9d9; +} +.CodeMirror-focused .CodeMirror-selected { + background: #d7d4f0; +} +.CodeMirror-crosshair { + cursor: crosshair; +} +.CodeMirror-line::selection, +.CodeMirror-line > span::selection, +.CodeMirror-line > span > span::selection { + background: #d7d4f0; +} +.CodeMirror-line::-moz-selection, +.CodeMirror-line > span::-moz-selection, +.CodeMirror-line > span > span::-moz-selection { + background: #d7d4f0; +} +.cm-searching { + background: #ffa; + background: rgba(255, 255, 0, 0.4); +} +/* IE7 hack to prevent it from returning funny offsetTops on the spans */ +.CodeMirror span { + *vertical-align: text-bottom; +} +/* Used to force a border model for a node */ +.cm-force-border { + padding-right: .1px; +} +@media print { + /* Hide the cursor when printing */ + .CodeMirror div.CodeMirror-cursors { + visibility: hidden; + } +} +/* See issue #2901 */ +.cm-tab-wrap-hack:after { + content: ''; +} +/* Help users use markselection to safely style text background */ +span.CodeMirror-selectedtext { + background: none; +} +/*addon: show-hint*/ +.CodeMirror-hints { + position: absolute; + z-index: 10000; + overflow: hidden; + list-style: none; + margin: 0; + padding: 2px; + -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); + box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); + border-radius: 3px; + border: 1px solid silver; + background: white; + font-size: 90%; + font-family: monospace; + max-height: 20em; + overflow-y: auto; +} +.CodeMirror-hint { + margin: 0; + padding: 0 4px; + border-radius: 2px; + max-width: 19em; + overflow: hidden; + white-space: pre; + color: black; + cursor: pointer; +} +li.CodeMirror-hint-active { + background: #08f; + color: white; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-message-mask { + background-color: #1a1a1a; + opacity: 0.5; + filter: alpha(opacity=50); +} +.bi-message-title { + background-color: #f4f4f4; + color: #808080; + font-size: 16px; + cursor: pointer; +} +.bi-message-text { + font-size: 16px; + -webkit-user-select: text; + -khtml-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + -o-user-select: text; + user-select: text; +} +.bi-message-content { + background-color: #ffffff; + color: #808080; + font-size: 16px; +} +.bi-message-close { + font-size: 25px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-list-view .bi-button-mask { + opacity: 0.1; + filter: alpha(opacity=10); +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-popup-panel .popup-panel-title { + background: #f4f4f4; + border-bottom: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-searcher-view { + background: #ffffff; +} +.bi-searcher-view .searcher-view-spliter { + background: #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-panel { + border: 1px solid #a3d6e8; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.bi-panel .panel-title { + background-color: #d8f2fd; + border-bottom: 1px solid #a3d6e8; +} +.bi-panel .panel-title .panel-title-text { + cursor: text; + color: #808080; + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-all-pager .pager-editor { + background-color: #ffffff; +} +.bi-all-pager .all-pager-prev { + font-size: 16px; + background: #f4f4f4; +} +.bi-all-pager .all-pager-next { + font-size: 16px; + background: #f4f4f4; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-pager .page-item { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.bi-pager .page-item.active { + background: #009de3; + color: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-direction-pager .direction-pager-prev { + font-size: 16px; + background: #f4f4f4; +} +.bi-direction-pager .direction-pager-next { + font-size: 16px; + background: #f4f4f4; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-number-pager .number-pager-prev { + font-size: 16px; + background: #f4f4f4; +} +.bi-number-pager .number-pager-next { + font-size: 16px; + background: #f4f4f4; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-skip-pager .skip-pager-prev { + font-size: 16px; + background: #f4f4f4; +} +.bi-skip-pager .skip-pager-next { + font-size: 16px; + background: #f4f4f4; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-request-loading .mask-pane { + background: #ffffff; + opacity: 0.8; + filter: alpha(opacity=80); +} +.bi-request-loading .loading-comment { + font-size: 14px; +} +.bi-request-loading .load-fail-comment { + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-segment-button:active, +.bi-segment-button.active { + color: #ffffff; + background: #009de3; +} +.bi-segment-button.disabled, +.bi-segment-button.disabled:hover, +.bi-segment-button.disabled:active { + color: #1a1a1a; + background: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-segment > .center-element { + overflow-x: hidden; + overflow-y: hidden; + background: #ffffff; + border-right: 1px solid #d4dadd; + border-top: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +.bi-segment > .first-element { + border-left: 1px solid #d4dadd; + -webkit-border-radius: 6px 0px 0px 6px; + -moz-border-radius: 6px 0px 0px 6px; + border-radius: 6px 0px 0px 6px; +} +.bi-segment > .last-element { + -webkit-border-radius: 0px 6px 6px 0px; + -moz-border-radius: 0px 6px 6px 0px; + border-radius: 0px 6px 6px 0px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-loading-bar .loading-text { + color: #808080; +} +.bi-loading-bar .loading-text:hover, +.bi-loading-bar .loading-text.hover { + color: #009de3; +} +.bi-loading-bar .loading-text.disabled, +.bi-loading-bar .loading-text.disabled:hover, +.bi-loading-bar .loading-text.disabled:active { + color: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-button { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border: 1px solid #009de3; + background-color: #009de3; + text-align: center; + vertical-align: middle; + cursor: pointer !important; + font-size: 14px; +} +.bi-button.button-common, +.bi-button.button-common .b-font { + color: #ffffff; +} +.bi-button.button-common .b-font:before { + color: #ffffff; +} +.bi-button.button-ignore { + background-color: #ffffff; + border-color: #d4dadd; +} +.bi-button.button-ignore, +.bi-button.button-ignore .b-font { + color: #1a1a1a; +} +.bi-button.button-success { + background-color: #58cc7d; + border-color: #58cc7d; +} +.bi-button.button-success, +.bi-button.button-success .b-font { + color: #ffffff; +} +.bi-button.button-success .b-font:before { + color: #ffffff; +} +.bi-button.button-warning { + background-color: #e85050; + border-color: #e85050; +} +.bi-button.button-warning, +.bi-button.button-warning .b-font { + color: #ffffff; +} +.bi-button.button-warning .b-font:before { + color: #ffffff; +} +.bi-button.button-common.disabled, +.bi-button.button-success.disabled, +.bi-button.button-warning.disabled { + background: #c4c6c6 !important; + border-color: #c4c6c6 !important; +} +.bi-button.button-common.disabled, +.bi-button.button-success.disabled, +.bi-button.button-warning.disabled, +.bi-button.button-common.disabled .b-font, +.bi-button.button-success.disabled .b-font, +.bi-button.button-warning.disabled .b-font { + color: #ffffff !important; +} +.bi-button.button-common.disabled .b-font:before, +.bi-button.button-success.disabled .b-font:before, +.bi-button.button-warning.disabled .b-font:before { + color: #ffffff !important; +} +.bi-button.button-ignore.disabled { + background: #ffffff !important; + border-color: #d4dadd !important; +} +.bi-button.button-ignore.disabled, +.bi-button.button-ignore.disabled .b-font { + color: #c4c6c6 !important; +} +.bi-button.button-ignore.disabled .b-font:before { + color: #c4c6c6 !important; +} +.bi-basic-button.button-common .bi-button-mask, +.bi-basic-button.button-success .bi-button-mask, +.bi-basic-button.button-warning .bi-button-mask { + opacity: 0.2; + filter: alpha(opacity=20); + background-color: #ffffff; +} +.bi-basic-button .bi-button-mask { + opacity: 0.2; + filter: alpha(opacity=20); + background-color: #1a1a1a; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-single-select-icon-text-item:active .b-font:before, +.bi-single-select-icon-text-item.active .b-font:before { + color: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-editor { + font-size: 12px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multifile-editor .multifile-editor { + text-align: right; + cursor: pointer; + font-size: 100px; + z-index: 2; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-record-editor .record-editor-text { + font-size: 12px; + background: #f4f4f4; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-shelter-editor .shelter-editor-text { + font-size: 12px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sign-editor .sign-editor-text { + font-size: 12px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-state-editor { + font-size: 12px; +} +.bi-state-editor .state-editor-infinite-text { + font-size: 12px; + color: #1a1a1a; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-simple-state-editor { + font-size: 12px; +} +.bi-simple-state-editor .state-editor-infinite-text { + font-size: 12px; + color: #1a1a1a; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-textarea-editor { + overflow-x: hidden; + overflow-y: hidden; +} +.bi-textarea-editor .textarea-editor-content { + font-size: 12px; +} +.bi-textarea-editor .textarea-editor-content { + border: none; +} +.bi-textarea-editor .textarea-editor-content.textarea-editor-focus { + border: 1px solid #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-file { + opacity: 0; + filter: alpha(opacity=0); + z-index: 2; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-input { + border: none; + outline: none; + background-color: transparent; + padding: 0; + margin: 0; + width: 100%; + height: 100%; +} +.bi-input.bi-input-focus { + border: none; +} +.bi-input.bi-input-error { + border: none; + color: #e85050 !important; +} +.bi-input.disabled { + background-color: white; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-text { + text-overflow: ellipsis; + overflow-x: hidden; + white-space: nowrap; + word-break: break-word; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-bubble { + font-size: 14px; +} +.bi-bubble .bubble-text { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + background: #fddddd; + color: #e85050; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-tip { + position: fixed !important; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-toast { + font-size: 14px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.bi-toast.toast-success { + background: #e1f4e7; + color: #0c6d23; +} +.bi-toast.toast-warning { + background: #fddddd; + color: #e85050; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-tooltip { + max-width: 250px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + font-size: 12px; +} +.bi-tooltip.tooltip-success { + background: #fff5c1; + border: 1px solid #fff5c1; + color: #1a1a1a; +} +.bi-tooltip.tooltip-warning { + background: #fddddd; + color: #e85050; + border: 1px solid #f4cbcb; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-collection-table-cell { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border-right: 1px solid #eaeaea; + border-bottom: 1px solid #eaeaea; +} +.bi-collection-table-cell.first-row { + border-top: 1px solid #eaeaea; +} +.bi-collection-table-cell.first-col { + border-left: 1px solid #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-quick-collection-table > div > .bi-collection { + overflow: hidden !important; + overflow-x: hidden !important; + overflow-y: hidden !important; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-table > .first-col { + border-left: none; +} +.bi-table > .first-row { + border-top: none; +} +.bi-table > div > div > table { + border-bottom: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; +} +.bi-table > div.top-left > div > div > table { + border-bottom: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; +} +.bi-table > div.top-right > div > div > table { + border-bottom: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; +} +.bi-table > div.bottom-left > div > div > table { + border-bottom: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; +} +.bi-table > div.bottom-right > div > div > table { + border-right: 1px solid #eaeaea; + border-bottom: 1px solid #eaeaea; +} +.bi-table > div > div > table, +.bi-table > div > div > div > table { + min-width: 100%; + clear: both; + vertical-align: middle; + border-spacing: 0; + border-collapse: separate; +} +.bi-table > div > div > table, +.bi-table > div > div > div > table, +.bi-table > div > div > table > * > * > th, +.bi-table > div > div > div > table > * > * > th, +.bi-table > div > div > table > * > * > td, +.bi-table > div > div > div > table > * > * > td { + vertical-align: middle; + margin: 0; + padding: 0; +} +.bi-table > div > div > table > tbody > tr > td, +.bi-table > div > div > div > table > tbody > tr > td, +.bi-table > div > div > table > thead > tr > td, +.bi-table > div > div > div > table > thead > tr > td { + border-top: 1px solid #eaeaea; + border-left: 1px solid #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-grid-table-cell { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border-right: 1px solid #eaeaea; + border-bottom: 1px solid #eaeaea; +} +.bi-grid-table-cell.first-row { + border-top: 1px solid #eaeaea; +} +.bi-grid-table-cell.first-col { + border-left: 1px solid #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.scrollbar-layout-main { + box-sizing: border-box; + outline: none; + overflow: hidden; + position: absolute; + transition-duration: 250ms; + transition-timing-function: ease; + user-select: none; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 5px; +} +.scrollbar-layout-main-vertical { + bottom: 0; + right: 0; + top: 0; + transition-property: background-color; + width: 10px; +} +.scrollbar-layout-main-vertical.public-scrollbar-main-active, +.scrollbar-layout-main-vertical:hover { + width: 10px; +} +.scrollbar-layout-main-horizontal { + bottom: 0; + height: 10px; + left: 0; + transition-property: background-color; + background-color: rgba(0, 0, 0, 0.1); +} +/* Touching the scroll-track directly makes the scroll-track bolder */ +.scrollbar-layout-main-horizontal.public-scrollbar-main-active, +.scrollbar-layout-main-horizontal:hover { + height: 10px; +} +.scrollbar-layout-face { + left: 0; + overflow: hidden; + position: absolute; + z-index: 1; +} +/** + * This selector renders the "nub" of the scrollface. The nub must + * be rendered as pseudo-element so that it won't receive any UI events then + * we can get the correct `event.offsetX` and `event.offsetY` from the + * scrollface element while dragging it. + */ +.scrollbar-layout-face:after { + border-radius: 6px; + content: ''; + display: block; + position: absolute; + transition: background-color 250ms ease; +} +.scrollbar-layout-face-horizontal { + bottom: 0; + left: 0; + top: 0; +} +.scrollbar-layout-face-horizontal:after { + bottom: 2px; + left: 0; + top: 2px; + width: 100%; +} +.scrollbar-layout-face-vertical { + left: 0; + right: 0; + top: 0; +} +.scrollbar-layout-face-vertical:after { + height: 100%; + left: 2px; + right: 2px; + top: 0; +} +/** + * scrollbars. + */ +/* Touching the scroll-track directly makes the scroll-track bolder */ +.public-scrollbar-face:after { + background-color: #c2c2c2; +} +.public-scrollbar-main:hover .public-scrollbar-face:after, +.public-scrollbar-main-active .public-scrollbar-face:after, +.public-scrollbar-faceActive:after { + background-color: #7d7d7d; +} +.horizontal-scrollbar { + bottom: 0; + position: absolute; +} +.horizontal-scrollbar .public-scrollbar-main-horizontal { + background-color: #fff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-resizable-table-cell .resizable-table-cell-resizer-container { + cursor: ew-resize; + z-index: 1; +} +.bi-resizable-table-cell .resizable-table-cell-resizer-container:hover .resizable-table-cell-resizer-knob, +.bi-resizable-table-cell .resizable-table-cell-resizer-container.dragging .resizable-table-cell-resizer-knob { + background-color: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-resizable-table .resizable-table-resizer { + cursor: ew-resize; + z-index: 1; + background-color: #009de3; +} +.bi-resizable-table .resizable-table-region-resizer { + cursor: ew-resize; + z-index: 1; +} +.bi-resizable-table .resizable-table-region-resizer:hover .resizable-table-region-resizer-knob, +.bi-resizable-table .resizable-table-region-resizer.dragging .resizable-table-region-resizer-knob { + background-color: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/** + * Farbtastic Color Picker 1.2 + * © 2008 Steven Wittens + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + */ +.farbtastic { + position: relative; +} +.farbtastic * { + position: absolute; + cursor: crosshair; +} +.farbtastic, +.farbtastic .wheel { + width: 195px; + height: 195px; +} +.farbtastic .color, +.farbtastic .overlay { + top: 47px; + left: 47px; + width: 101px; + height: 101px; +} +.farbtastic .wheel { + background: url(${servletURL}?op=resource&resource=/com/fr/bi/web/css/base/third/farbtastic/wheel.png) no-repeat; + width: 195px; + height: 195px; +} +.farbtastic .overlay { + background: url(${servletURL}?op=resource&resource=/com/fr/bi/web/css/base/third/farbtastic/mask.png) no-repeat; +} +.farbtastic .marker { + width: 17px; + height: 17px; + margin: -8px 0 0 -8px; + overflow: hidden; + background: url(${servletURL}?op=resource&resource=/com/fr/bi/web/css/base/third/farbtastic/marker.png) no-repeat; +} +/* +== malihu jquery custom scrollbar plugin == +Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller +*/ +/* +CONTENTS: + 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). + 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. + 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. + 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. + 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. + 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS + 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. +*/ +/* +------------------------------------------------------------------------------------------------------------------------ +1. BASIC STYLE +------------------------------------------------------------------------------------------------------------------------ +*/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.mCustomScrollbar { + -ms-touch-action: pinch-zoom; + touch-action: pinch-zoom; + /* direct pointer events to js */ +} +.mCustomScrollbar.mCS_no_scrollbar, +.mCustomScrollbar.mCS_touch_action { + -ms-touch-action: auto; + touch-action: auto; +} +.mCustomScrollBox { + /* contains plugin's markup */ + position: relative; + overflow: hidden; + height: 100%; + max-width: 100%; + outline: none; + direction: ltr; +} +.mCSB_container { + /* contains the original content */ + overflow: hidden; + width: auto; + height: auto; +} +/* +------------------------------------------------------------------------------------------------------------------------ +2. VERTICAL SCROLLBAR +y-axis +------------------------------------------------------------------------------------------------------------------------ +*/ +.mCSB_inside > .mCSB_container { + margin-right: 30px; +} +.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { + margin-right: 0; +} +/* non-visible scrollbar */ +.mCS-dir-rtl > .mCSB_inside > .mCSB_container { + /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; +} +.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { + margin-left: 0; +} +/* RTL direction/left-side scrollbar */ +.mCSB_scrollTools { + /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ + position: absolute; + width: 16px; + height: auto; + left: auto; + top: 0; + right: 0; + bottom: 0; +} +.mCSB_outside + .mCSB_scrollTools { + right: -26px; +} +/* scrollbar position: outside */ +.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { + /* RTL direction/left-side scrollbar */ + right: auto; + left: 0; +} +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { + left: -26px; +} +/* RTL direction/left-side scrollbar (scrollbar position: outside) */ +.mCSB_scrollTools .mCSB_draggerContainer { + /* contains the draggable element and dragger rail markup */ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: auto; +} +.mCSB_scrollTools a + .mCSB_draggerContainer { + margin: 20px 0; +} +.mCSB_scrollTools .mCSB_draggerRail { + width: 2px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; +} +.mCSB_scrollTools .mCSB_dragger { + /* the draggable element */ + cursor: pointer; + width: 100%; + height: 30px; + /* minimum dragger height */ + z-index: 1; +} +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + /* the dragger element */ + position: relative; + width: 4px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; + text-align: center; +} +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + width: 12px; + /* auto-expanded scrollbar */ +} +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 8px; + /* auto-expanded scrollbar */ +} +.mCSB_scrollTools .mCSB_buttonUp, +.mCSB_scrollTools .mCSB_buttonDown { + display: block; + position: absolute; + height: 20px; + width: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; +} +.mCSB_scrollTools .mCSB_buttonDown { + bottom: 0; +} +/* +------------------------------------------------------------------------------------------------------------------------ +3. HORIZONTAL SCROLLBAR +x-axis +------------------------------------------------------------------------------------------------------------------------ +*/ +.mCSB_horizontal.mCSB_inside > .mCSB_container { + margin-right: 0; + margin-bottom: 30px; +} +.mCSB_horizontal.mCSB_outside > .mCSB_container { + min-height: 100%; +} +.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { + margin-bottom: 0; +} +/* non-visible scrollbar */ +.mCSB_scrollTools.mCSB_scrollTools_horizontal { + width: auto; + height: 16px; + top: auto; + right: 0; + bottom: 0; + left: 0; +} +.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { + bottom: -26px; +} +/* scrollbar position: outside */ +.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { + margin: 0 20px; +} +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 2px; + margin: 7px 0; +} +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 30px; + /* minimum dragger width */ + height: 100%; + left: 0; +} +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 4px; + margin: 6px auto; +} +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + height: 12px; + /* auto-expanded scrollbar */ + margin: 2px auto; +} +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 8px; + /* auto-expanded scrollbar */ + margin: 4px 0; +} +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { + display: block; + position: absolute; + width: 20px; + height: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; +} +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { + left: 0; +} +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { + right: 0; +} +/* +------------------------------------------------------------------------------------------------------------------------ +4. VERTICAL AND HORIZONTAL SCROLLBARS +yx-axis +------------------------------------------------------------------------------------------------------------------------ +*/ +.mCSB_container_wrapper { + position: absolute; + height: auto; + width: auto; + overflow: hidden; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin-right: 30px; + margin-bottom: 30px; +} +.mCSB_container_wrapper > .mCSB_container { + padding-right: 30px; + padding-bottom: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { + bottom: 20px; +} +.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + right: 20px; +} +/* non-visible horizontal scrollbar */ +.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { + bottom: 0; +} +/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ +.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + right: 0; +} +/* RTL direction/left-side scrollbar */ +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + left: 20px; +} +/* non-visible scrollbar/RTL direction/left-side scrollbar */ +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { + left: 0; +} +.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { + /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; +} +.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { + padding-right: 0; +} +.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { + padding-bottom: 0; +} +.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { + margin-right: 0; + /* non-visible scrollbar */ + margin-left: 0; +} +/* non-visible horizontal scrollbar */ +.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { + margin-bottom: 0; +} +/* +------------------------------------------------------------------------------------------------------------------------ +5. TRANSITIONS +------------------------------------------------------------------------------------------------------------------------ +*/ +.mCSB_scrollTools, +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCSB_scrollTools .mCSB_buttonUp, +.mCSB_scrollTools .mCSB_buttonDown, +.mCSB_scrollTools .mCSB_buttonLeft, +.mCSB_scrollTools .mCSB_buttonRight { + -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; +} +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { + -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; +} +/* +------------------------------------------------------------------------------------------------------------------------ +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS +------------------------------------------------------------------------------------------------------------------------ +*/ +/* +---------------------------------------- +6.1 THEMES +---------------------------------------- +*/ +/* default theme ("light") */ +.mCSB_scrollTools { + opacity: 0.75; + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)"; +} +.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, +.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { + opacity: 0; + filter: "alpha(opacity=0)"; + -ms-filter: "alpha(opacity=0)"; +} +.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, +.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, +.mCustomScrollBox:hover > .mCSB_scrollTools, +.mCustomScrollBox:hover ~ .mCSB_scrollTools, +.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, +.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=100)"; + -ms-filter: "alpha(opacity=100)"; +} +.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.4); + filter: "alpha(opacity=40)"; + -ms-filter: "alpha(opacity=40)"; +} +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)"; +} +.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85); + filter: "alpha(opacity=85)"; + -ms-filter: "alpha(opacity=85)"; +} +.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9); + filter: "alpha(opacity=90)"; + -ms-filter: "alpha(opacity=90)"; +} +.mCSB_scrollTools .mCSB_buttonUp, +.mCSB_scrollTools .mCSB_buttonDown, +.mCSB_scrollTools .mCSB_buttonLeft, +.mCSB_scrollTools .mCSB_buttonRight { + background-image: url('background/mCSB_buttons.png'); + /* css sprites */ + background-repeat: no-repeat; + opacity: 0.4; + filter: "alpha(opacity=40)"; + -ms-filter: "alpha(opacity=40)"; +} +.mCSB_scrollTools .mCSB_buttonUp { + background-position: 0 0; + /* + sprites locations + light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px + dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px + */ +} +.mCSB_scrollTools .mCSB_buttonDown { + background-position: 0 -20px; + /* + sprites locations + light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px + dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px + */ +} +.mCSB_scrollTools .mCSB_buttonLeft { + background-position: 0 -40px; + /* + sprites locations + light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px + dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px + */ +} +.mCSB_scrollTools .mCSB_buttonRight { + background-position: 0 -56px; + /* + sprites locations + light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px + dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px + */ +} +.mCSB_scrollTools .mCSB_buttonUp:hover, +.mCSB_scrollTools .mCSB_buttonDown:hover, +.mCSB_scrollTools .mCSB_buttonLeft:hover, +.mCSB_scrollTools .mCSB_buttonRight:hover { + opacity: 0.75; + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)"; +} +.mCSB_scrollTools .mCSB_buttonUp:active, +.mCSB_scrollTools .mCSB_buttonDown:active, +.mCSB_scrollTools .mCSB_buttonLeft:active, +.mCSB_scrollTools .mCSB_buttonRight:active { + opacity: 0.9; + filter: "alpha(opacity=90)"; + -ms-filter: "alpha(opacity=90)"; +} +/* theme: "dark" */ +.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15); +} +.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} +.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: rgba(0, 0, 0, 0.85); +} +.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: rgba(0, 0, 0, 0.9); +} +.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px 0; +} +.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -20px; +} +.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -40px; +} +.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -56px; +} +/* ---------------------------------------- */ +/* theme: "light-2", "dark-2" */ +.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} +.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 4px; + margin: 6px auto; +} +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85); +} +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9); +} +.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px 0; +} +.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -20px; +} +.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -40px; +} +.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -56px; +} +/* theme: "dark-2" */ +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px 0; +} +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -20px; +} +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -40px; +} +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -56px; +} +/* ---------------------------------------- */ +/* theme: "light-thick", "dark-thick" */ +.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, +.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 4px; + margin: 6px 0; +} +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 6px; + margin: 5px auto; +} +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85); +} +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9); +} +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -16px 0; +} +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -16px -20px; +} +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -20px -40px; +} +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -20px -56px; +} +/* theme: "dark-thick" */ +.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -96px 0; +} +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -96px -20px; +} +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -100px -40px; +} +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -100px -56px; +} +/* ---------------------------------------- */ +/* theme: "light-thin", "dark-thin" */ +.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} +.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 2px; +} +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; +} +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 2px; + margin: 7px auto; +} +/* theme "dark-thin" */ +.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15); +} +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px 0; +} +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -20px; +} +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -40px; +} +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -56px; +} +/* ---------------------------------------- */ +/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ +.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.15); +} +.mCS-rounded.mCSB_scrollTools .mCSB_dragger, +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, +.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { + height: 14px; +} +.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 14px; + margin: 0 1px; +} +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 14px; +} +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 14px; + margin: 1px 0; +} +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + width: 16px; + /* auto-expanded scrollbar */ + height: 16px; + margin: -1px 0; +} +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 4px; + /* auto-expanded scrollbar */ +} +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + height: 16px; + /* auto-expanded scrollbar */ + width: 16px; + margin: 0 -1px; +} +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 4px; + /* auto-expanded scrollbar */ + margin: 6px 0; +} +.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { + background-position: 0 -72px; +} +.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { + background-position: 0 -92px; +} +.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { + background-position: 0 -112px; +} +.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { + background-position: 0 -128px; +} +/* theme "rounded-dark", "rounded-dots-dark" */ +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} +.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15); +} +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px -72px; +} +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -92px; +} +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -112px; +} +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -128px; +} +/* theme "rounded-dots", "rounded-dots-dark" */ +.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { + width: 4px; +} +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + background-color: transparent; + background-position: center; +} +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); + background-repeat: repeat-y; + opacity: 0.3; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)"; +} +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + height: 4px; + margin: 6px 0; + background-repeat: repeat-x; +} +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { + background-position: -16px -72px; +} +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { + background-position: -16px -92px; +} +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -20px -112px; +} +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { + background-position: -20px -128px; +} +/* theme "rounded-dots-dark" */ +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); +} +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -96px -72px; +} +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -96px -92px; +} +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -100px -112px; +} +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -100px -128px; +} +/* ---------------------------------------- */ +/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-repeat: repeat-y; + background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); + background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); +} +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); +} +/* theme "3d", "3d-dark" */ +.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, +.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { + height: 70px; +} +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 70px; +} +.mCS-3d.mCSB_scrollTools, +.mCS-3d-dark.mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)"; +} +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; +} +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { + width: 8px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); +} +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #555; +} +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 8px; +} +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 8px; + margin: 4px 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); +} +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 8px; + margin: 4px auto; +} +.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px; +} +.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px; +} +.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px; +} +.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px; +} +/* theme "3d-dark" */ +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); +} +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); +} +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px; +} +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px; +} +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px; +} +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px; +} +/* ---------------------------------------- */ +/* theme: "3d-thick", "3d-thick-dark" */ +.mCS-3d-thick.mCSB_scrollTools, +.mCS-3d-thick-dark.mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)"; +} +.mCS-3d-thick.mCSB_scrollTools, +.mCS-3d-thick-dark.mCSB_scrollTools, +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, +.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { + right: 1px; +} +.mCS-3d-thick.mCSB_scrollTools_vertical, +.mCS-3d-thick-dark.mCSB_scrollTools_vertical { + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); +} +.mCS-3d-thick.mCSB_scrollTools_horizontal, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { + bottom: 1px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); +} +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); + width: 12px; + margin: 2px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); +} +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #555; +} +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 12px; + width: auto; +} +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { + background-color: #000; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); +} +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent; +} +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px; +} +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px; +} +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px; +} +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px; +} +/* theme: "3d-thick-dark" */ +.mCS-3d-thick-dark.mCSB_scrollTools { + box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); +} +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); +} +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); +} +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); +} +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #777; +} +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { + background-color: #fff; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); +} +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent; +} +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px; +} +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px; +} +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px; +} +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px; +} +/* ---------------------------------------- */ +/* theme: "minimal", "minimal-dark" */ +.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, +.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { + right: 0; + margin: 12px 0; +} +.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { + bottom: 0; + margin: 0 12px; +} +/* RTL direction/left-side scrollbar */ +.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, +.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { + left: 0; + right: auto; +} +.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, +.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent; +} +.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, +.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { + height: 50px; +} +.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 50px; +} +.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.2); + filter: "alpha(opacity=20)"; + -ms-filter: "alpha(opacity=20)"; +} +.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.5); + filter: "alpha(opacity=50)"; + -ms-filter: "alpha(opacity=50)"; +} +/* theme: "minimal-dark" */ +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); + filter: "alpha(opacity=20)"; + -ms-filter: "alpha(opacity=20)"; +} +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.5); + filter: "alpha(opacity=50)"; + -ms-filter: "alpha(opacity=50)"; +} +/* ---------------------------------------- */ +/* theme "light-3", "dark-3" */ +.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { + width: 6px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); +} +.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px; +} +.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 6px; + margin: 5px 0; +} +.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 12px; +} +.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 12px; + margin: 2px 0; +} +.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px; +} +.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px; +} +.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px; +} +.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px; +} +/* theme "dark-3" */ +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} +.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); +} +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px; +} +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px; +} +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px; +} +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px; +} +/* ---------------------------------------- */ +/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ +.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + width: 12px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); +} +.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px; + margin: 3px 5px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 6px; + margin: 5px 3px; + position: absolute; + width: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 12px; + margin: 2px 0; +} +.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px; +} +.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px; +} +.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px; +} +.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px; +} +/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} +.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); +} +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px; +} +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px; +} +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px; +} +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px; +} +/* theme "inset-2", "inset-2-dark" */ +.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent; + border-width: 1px; + border-style: solid; + border-color: #fff; + border-color: rgba(255, 255, 255, 0.2); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { + border-color: #000; + border-color: rgba(0, 0, 0, 0.2); +} +/* theme "inset-3", "inset-3-dark" */ +.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.6); +} +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.6); +} +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); +} +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85); +} +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9); +} +/* ---------------------------------------- */ +/* theme "bi-default" */ +.mCS-bi-default { + background-color: #dddddd; +} +.mCS-bi-default .mCSB_scrollTools.mCSB_scrollTools_horizontal { + height: 18px; +} +.mCS-bi-default .mCSB_scrollTools.mCSB_scrollTools_vertical { + width: 18px; +} +.mCS-bi-default .mCSB_scrollTools .mCSB_draggerRail { + border-radius: 0px; +} +.mCS-bi-default .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + border-radius: 2px; +} +.mCS-bi-default .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { + margin: 0 18px; +} +.mCS-bi-default .mCSB_scrollTools.mCSB_scrollTools_vertical a + .mCSB_draggerContainer { + margin: 18px 0; +} +.mCS-bi-default.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 14px; + margin: 0 2px; +} +.mCS-bi-default.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 14px; + margin: 2px auto; +} +.mCS-bi-default.mCSB_scrollTools .mCSB_draggerRail { + width: 18px; + height: 100%; + margin: 0; +} +.mCS-bi-default.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 18px; + margin: 0; +} +.mCS-bi-default.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-bi-default.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 14px; +} +.mCS-bi-default.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-bi-default.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 14px; + margin: 2px 0; +} +.mCS-bi-default.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #f4f4f4; +} +.mCS-bi-default.mCSB_scrollTools .mCSB_draggerRail { + background-color: #dddddd; +} +.mCS-bi-default.mCSB_scrollTools .mCSB_buttonUp, +.mCS-bi-default.mCSB_scrollTools .mCSB_buttonDown, +.mCS-bi-default.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-bi-default.mCSB_scrollTools .mCSB_buttonRight { + width: 16px; + height: 16px; + background-color: #f4f4f4; + border: 1px solid #eaeaea; + opacity: 1; + filter: alpha(opacity=100); +} +.mCS-bi-default.mCSB_scrollTools .mCSB_buttonUp { + background-position: -128px -1px; +} +.mCS-bi-default.mCSB_scrollTools .mCSB_buttonDown { + background-position: -128px -21px; +} +.mCS-bi-default.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -142px -40px; +} +.mCS-bi-default.mCSB_scrollTools .mCSB_buttonRight { + background-position: -141px -56px; +} +/* ---------------------------------------- */ +/* required styles */ +.leaflet-pane, +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-tile-container, +.leaflet-map-pane svg, +.leaflet-map-pane canvas, +.leaflet-zoom-box, +.leaflet-image-layer, +.leaflet-layer { + position: absolute; + left: 0; + top: 0; +} +.leaflet-container { + overflow: hidden; + -ms-touch-action: none; + touch-action: none; +} +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; +} +/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ +.leaflet-safari .leaflet-tile { + image-rendering: -webkit-optimize-contrast; +} +/* hack that prevents hw layers "stretching" when loading new tiles */ +.leaflet-safari .leaflet-tile-container { + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; +} +.leaflet-marker-icon, +.leaflet-marker-shadow { + display: block; +} +/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ +/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ +.leaflet-container .leaflet-overlay-pane svg, +.leaflet-container .leaflet-marker-pane img, +.leaflet-container .leaflet-tile-pane img, +.leaflet-container img.leaflet-image-layer { + max-width: none !important; +} +.leaflet-tile { + filter: inherit; + visibility: hidden; +} +.leaflet-tile-loaded { + visibility: inherit; +} +.leaflet-zoom-box { + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; +} +/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ +.leaflet-overlay-pane svg { + -moz-user-select: none; +} +.leaflet-pane { + z-index: 400; +} +.leaflet-tile-pane { + z-index: 200; +} +.leaflet-overlay-pane { + z-index: 400; +} +.leaflet-shadow-pane { + z-index: 500; +} +.leaflet-marker-pane { + z-index: 600; +} +.leaflet-popup-pane { + z-index: 700; +} +.leaflet-map-pane canvas { + z-index: 100; +} +.leaflet-map-pane svg { + z-index: 200; +} +.leaflet-vml-shape { + width: 1px; + height: 1px; +} +.lvml { + behavior: url(#default#VML); + display: inline-block; + position: absolute; +} +/* control positioning */ +.leaflet-control { + position: relative; + z-index: 800; + pointer-events: auto; +} +.leaflet-top, +.leaflet-bottom { + position: absolute; + z-index: 1000; + pointer-events: none; +} +.leaflet-top { + top: 0; +} +.leaflet-right { + right: 0; +} +.leaflet-bottom { + bottom: 0; +} +.leaflet-left { + left: 0; +} +.leaflet-control { + float: left; + clear: both; +} +.leaflet-right .leaflet-control { + float: right; +} +.leaflet-top .leaflet-control { + margin-top: 10px; +} +.leaflet-bottom .leaflet-control { + margin-bottom: 10px; +} +.leaflet-left .leaflet-control { + margin-left: 10px; +} +.leaflet-right .leaflet-control { + margin-right: 10px; +} +/* zoom and fade animations */ +.leaflet-fade-anim .leaflet-tile { + will-change: opacity; +} +.leaflet-fade-anim .leaflet-popup { + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; +} +.leaflet-zoom-animated { + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; +} +.leaflet-zoom-anim .leaflet-zoom-animated { + will-change: transform; +} +.leaflet-zoom-anim .leaflet-zoom-animated { + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); +} +.leaflet-zoom-anim .leaflet-tile, +.leaflet-pan-anim .leaflet-tile { + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} +.leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; +} +/* cursors */ +.leaflet-interactive { + cursor: pointer; +} +.leaflet-grab { + cursor: -webkit-grab; + cursor: -moz-grab; +} +.leaflet-crosshair, +.leaflet-crosshair .leaflet-interactive { + cursor: crosshair; +} +.leaflet-popup-pane, +.leaflet-control { + cursor: auto; +} +.leaflet-dragging .leaflet-grab, +.leaflet-dragging .leaflet-grab .leaflet-interactive, +.leaflet-dragging .leaflet-marker-draggable { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; +} +/* marker & overlays interactivity */ +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-image-layer, +.leaflet-pane > svg path, +.leaflet-tile-container { + pointer-events: none; +} +.leaflet-marker-icon.leaflet-interactive, +.leaflet-image-layer.leaflet-interactive, +.leaflet-pane > svg path.leaflet-interactive { + pointer-events: auto; +} +/* visual tweaks */ +.leaflet-container { + /*background: #ddd;*/ + outline: 0; +} +.leaflet-container a { + color: #0078A8; +} +.leaflet-container a.leaflet-active { + outline: 2px solid orange; +} +.leaflet-zoom-box { + border: 2px dotted #38f; + background: rgba(255, 255, 255, 0.5); +} +/* general typography */ +.leaflet-container { + font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; +} +/* general toolbar styles */ +.leaflet-bar { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; +} +.leaflet-bar a, +.leaflet-bar a:hover { + background-color: #fff; + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; +} +.leaflet-bar a, +.leaflet-control-layers-toggle { + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; +} +.leaflet-bar a:hover { + background-color: #f4f4f4; +} +.leaflet-bar a:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.leaflet-bar a:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; +} +.leaflet-bar a.leaflet-disabled { + cursor: default; + background-color: #f4f4f4; + color: #bbb; +} +.leaflet-touch .leaflet-bar a { + width: 30px; + height: 30px; + line-height: 30px; +} +/* zoom control */ +.leaflet-control-zoom-in, +.leaflet-control-zoom-out { + font: bold 18px 'Lucida Console', Monaco, monospace; + text-indent: 1px; +} +.leaflet-control-zoom-out { + font-size: 20px; +} +.leaflet-touch .leaflet-control-zoom-in { + font-size: 22px; +} +.leaflet-touch .leaflet-control-zoom-out { + font-size: 24px; +} +/* layers control */ +.leaflet-control-layers { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background: #fff; + border-radius: 5px; +} +.leaflet-control-layers-toggle { + background-image: url(images/layers.png); + width: 36px; + height: 36px; +} +.leaflet-retina .leaflet-control-layers-toggle { + background-image: url(images/layers-2x.png); + background-size: 26px 26px; +} +.leaflet-touch .leaflet-control-layers-toggle { + width: 44px; + height: 44px; +} +.leaflet-control-layers .leaflet-control-layers-list, +.leaflet-control-layers-expanded .leaflet-control-layers-toggle { + display: none; +} +.leaflet-control-layers-expanded .leaflet-control-layers-list { + display: block; + position: relative; +} +.leaflet-control-layers-expanded { + padding: 6px 10px 6px 6px; + color: #333; + background: #fff; +} +.leaflet-control-layers-scrollbar { + overflow-y: scroll; + padding-right: 5px; +} +.leaflet-control-layers-selector { + margin-top: 2px; + position: relative; + top: 1px; +} +.leaflet-control-layers label { + display: block; +} +.leaflet-control-layers-separator { + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; +} +/* attribution and scale controls */ +.leaflet-container .leaflet-control-attribution { + background: #fff; + background: rgba(255, 255, 255, 0.7); + margin: 0; +} +.leaflet-control-attribution, +.leaflet-control-scale-line { + padding: 0 5px; + color: #333; +} +.leaflet-control-attribution a { + text-decoration: none; +} +.leaflet-control-attribution a:hover { + text-decoration: underline; +} +.leaflet-container .leaflet-control-attribution, +.leaflet-container .leaflet-control-scale { + font-size: 11px; +} +.leaflet-left .leaflet-control-scale { + margin-left: 5px; +} +.leaflet-bottom .leaflet-control-scale { + margin-bottom: 5px; +} +.leaflet-control-scale-line { + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + background: #fff; + background: rgba(255, 255, 255, 0.5); +} +.leaflet-control-scale-line:not(:first-child) { + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; +} +.leaflet-control-scale-line:not(:first-child):not(:last-child) { + border-bottom: 2px solid #777; +} +.leaflet-touch .leaflet-control-attribution, +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + box-shadow: none; +} +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; +} +/* popup */ +.leaflet-popup { + position: absolute; + text-align: center; +} +.leaflet-popup-content-wrapper { + padding: 1px; + text-align: left; + border-radius: 12px; +} +.leaflet-popup-content { + margin: 13px 19px; + line-height: 1.4; +} +.leaflet-popup-content p { + margin: 18px 0; +} +.leaflet-popup-tip-container { + margin: 0 auto; + width: 40px; + height: 20px; + position: relative; + overflow: hidden; +} +.leaflet-popup-tip { + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); +} +.leaflet-container a.leaflet-popup-close-button { + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: 16px/14px Tahoma, Verdana, sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; +} +.leaflet-container a.leaflet-popup-close-button:hover { + color: #999; +} +.leaflet-popup-scrolled { + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; +} +.leaflet-oldie .leaflet-popup-content-wrapper { + zoom: 1; +} +.leaflet-oldie .leaflet-popup-tip { + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); +} +.leaflet-oldie .leaflet-popup-tip-container { + margin-top: -1px; +} +.leaflet-oldie .leaflet-control-zoom, +.leaflet-oldie .leaflet-control-layers, +.leaflet-oldie .leaflet-popup-content-wrapper, +.leaflet-oldie .leaflet-popup-tip { + border: 1px solid #999; +} +/* div icon */ +.leaflet-div-icon { + background: #fff; + border: 1px solid #666; +} +/*------------------------------------- +zTree Style + +version: 3.5.17 +author: Hunter.z +email: hunter.z@263.net +website: http://code.google.com/p/jquerytree/ + +-------------------------------------*/ +.ztree * { + padding: 0; + margin: 0; + font-size: 12px; + font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif; +} +.ztree { + margin: 0; + padding: 5px; + color: #333333; +} +.ztree li { + padding: 0; + margin: 0; + list-style: none; + line-height: 14px; + text-align: left; + white-space: nowrap; + outline: 0; +} +.ztree li ul { + margin: 0; + padding: 0 0 0 18px; +} +.ztree li ul.line { + background: url(icon/tree-vertical-line-1.png) 0 0 repeat-y; +} +.ztree li a { + padding: 1px 3px 0 0; + margin: 0; + cursor: pointer; + height: 24px; + color: #333; + background-color: transparent; + text-decoration: none; + vertical-align: top; + display: inline-block; +} +.ztree li a.curSelectedNode_Edit { + padding-top: 0px; + background-color: #FFE6B0; + color: black; + height: 16px; + border: 1px #FFB951 solid; + opacity: 0.8; +} +.ztree li a.tmpTargetNode_inner { + padding-top: 0px; + background-color: #316AC5; + color: white; + height: 16px; + border: 1px #316AC5 solid; + opacity: 0.8; + filter: alpha(opacity=80); +} +.ztree li a input.rename { + height: 14px; + width: 80px; + padding: 0; + margin: 0; + font-size: 12px; + border: 1px #7EC4CC solid; + *border: 0px; +} +.ztree li span { + line-height: 24px; + margin-right: 2px; +} +.ztree li span.button { + line-height: 0; + margin: 0; + width: 16px; + height: 16px; + display: inline-block; + vertical-align: middle; + border: 0 none; + cursor: pointer; + outline: none; + background-color: transparent; + background-repeat: no-repeat; + background-attachment: scroll; + background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/css/base/third/ztree/img/zTreeStandard.png"); + *background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/css/base/third/ztree/img/zTreeStandard.gif"); +} +.ztree li span.button.chk { + width: 16px; + height: 16px; + margin: 0 3px 0 0; + cursor: auto; +} +.ztree li span.button.chk.checkbox_false_full { + background-image: url("icon/check-box-normal.png"); +} +.ztree li span.button.chk.checkbox_false_full_focus { + background-image: url("icon/check-box-normal.png"); +} +.ztree li span.button.chk.checkbox_false_part { + background-image: url("icon/half_selected.png"); +} +.ztree li span.button.chk.checkbox_false_part_focus { + background-image: url("icon/half_selected.png"); +} +.ztree li span.button.chk.checkbox_false_disable { + background-position: 0 -56px; +} +.ztree li span.button.chk.checkbox_true_full { + background-image: url("icon/check-box-active.png"); +} +.ztree li span.button.chk.checkbox_true_full_focus { + background-image: url("icon/check-box-active.png"); +} +.ztree li span.button.chk.checkbox_true_part { + background-image: url("icon/half_selected.png"); +} +.ztree li span.button.chk.checkbox_true_part_focus { + background-image: url("icon/half_selected.png"); +} +.ztree li span.button.chk.checkbox_true_disable { + background-position: -14px -56px; +} +.ztree li span.button.chk.radio_false_full { + background-position: -28px 0; +} +.ztree li span.button.chk.radio_false_full_focus { + background-position: -28px -14px; +} +.ztree li span.button.chk.radio_false_part { + background-position: -28px -28px; +} +.ztree li span.button.chk.radio_false_part_focus { + background-position: -28px -42px; +} +.ztree li span.button.chk.radio_false_disable { + background-position: -28px -56px; +} +.ztree li span.button.chk.radio_true_full { + background-position: -42px 0; +} +.ztree li span.button.chk.radio_true_full_focus { + background-position: -42px -14px; +} +.ztree li span.button.chk.radio_true_part { + background-position: -42px -28px; +} +.ztree li span.button.chk.radio_true_part_focus { + background-position: -42px -42px; +} +.ztree li span.button.chk.radio_true_disable { + background-position: -42px -56px; +} +.ztree li span.button.switch { + width: 25px; + height: 25px; +} +.ztree li span.button.root_open { + background-image: url("icon/tree-expand-1.png"); +} +.ztree li span.button.root_close { + background-image: url("icon/tree-collapse-1.png"); +} +.ztree li span.button.roots_open { + background-image: url("icon/tree-expand-2.png"); +} +.ztree li span.button.roots_close { + background-image: url("icon/tree-collapse-2.png"); +} +.ztree li span.button.center_open { + background-image: url("icon/tree-expand-3.png"); +} +.ztree li span.button.center_close { + background-image: url("icon/tree-collapse-3.png"); +} +.ztree li span.button.bottom_open { + background-image: url("icon/tree-expand-4.png"); +} +.ztree li span.button.bottom_close { + background-image: url("icon/tree-collapse-4.png"); +} +.ztree li span.button.noline_open { + background-position: -92px -72px; +} +.ztree li span.button.noline_close { + background-position: -74px -72px; +} +.ztree li span.button.root_docu { + background: none; +} +.ztree li span.button.roots_docu { + background-image: url("icon/tree-vertical-line-2.png"); +} +.ztree li span.button.center_docu { + background-image: url("icon/tree-vertical-line-3.png"); +} +.ztree li span.button.bottom_docu { + background-image: url("icon/tree-vertical-line-4.png"); +} +.ztree li span.button.noline_docu { + background: none; +} +.ztree li span.button.ico_open { + margin-right: 2px; + background-position: -110px -16px; + vertical-align: top; + *vertical-align: middle; +} +.ztree li span.button.ico_close { + margin-right: 2px; + background-position: -110px 0; + vertical-align: top; + *vertical-align: middle; +} +.ztree li span.button.ico_docu { + margin-right: 2px; + background-position: -110px -32px; + vertical-align: top; + *vertical-align: middle; +} +.ztree li span.button.edit { + margin-right: 2px; + background-position: -110px -48px; + vertical-align: top; + *vertical-align: middle; +} +.ztree li span.button.remove { + margin-right: 2px; + background-position: -110px -64px; + vertical-align: top; + *vertical-align: middle; +} +.ztree li span.button.ico_loading { + width: 0px; + margin-right: 2px; + background: url("${servletURL}?op=resource&resource=/com/fr/bi/web/css/base/third/ztree/img/loading.gif") no-repeat scroll 0 0 transparent; + vertical-align: top; + *vertical-align: middle; +} +ul.tmpTargetzTree { + background-color: #FFE6B0; + opacity: 0.8; + filter: alpha(opacity=80); +} +span.tmpzTreeMove_arrow { + width: 16px; + height: 16px; + display: inline-block; + padding: 0; + margin: 2px 0 0 1px; + border: 0 none; + position: absolute; + background-color: transparent; + background-repeat: no-repeat; + background-attachment: scroll; + background-position: -110px -80px; + background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/css/base/third/ztree/img/zTreeStandard.png"); + *background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/css/base/third/ztree/img/zTreeStandard.gif"); +} +ul.ztree.zTreeDragUL { + margin: 0; + padding: 0; + position: absolute; + width: auto; + height: auto; + overflow: hidden; + background-color: #cfcfcf; + border: 1px #00B83F dotted; + opacity: 0.8; + filter: alpha(opacity=80); +} +.zTreeMask { + z-index: 10000; + background-color: #cfcfcf; + opacity: 0.0; + filter: alpha(opacity=0); + position: absolute; +} +/* level style*/ +/*.ztree li span.button.level0 { + display:none; +} +.ztree li ul.level0 { + padding:0; + background:none; +}*/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-branch-tree .bi-branch-tree-view { + min-width: 300px; +} +.bi-click-branch-tree { + border: 1px solid #d4dadd; +} +.bi-click-branch-tree .bi-empty-view { + background: #f4f4f4; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-display-tree .ztree * { + color: #808080; +} +.bi-display-tree .ztree li span.button.switch.center_open { + background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-3.png"); +} +.bi-display-tree .ztree li span.button.switch.roots_open { + background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-2.png"); +} +.bi-display-tree .ztree li span.button.switch.bottom_open { + background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-4.png"); +} +.bi-display-tree .ztree li a, +.bi-display-tree .ztree li span { + cursor: default !important; +} +.bi-display-tree .ztree li a:hover { + text-decoration: none; +} +.bi-display-tree .ztree li a.curSelectedNode { + padding-top: 1px; + border: none; + background-color: inherit; + opacity: 1; + filter: alpha(opacity=100); +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-trigger .bi-trigger-icon-button { + border-left: 1px solid #d4dadd; + font-size: 16px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-editor-trigger { + border: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-text-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-small-select-text-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-float-box { + background: #ffffff; +} +.bi-float-box .float-box-button { + color: #ffffff; + background: #009de3; + border: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/**********FR.BIListView*************/ +.bi-list-view { + position: fixed !important; + overflow-y: visible !important; + overflow-x: visible !important; + overflow: visible !important; + cursor: default; +} +.bi-list-view .list-view-outer { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + background: #ffffff; +} +.bi-list-view .list-view-toolbar { + border-top: 1px solid #eaeaea; + line-height: 30px; + color: #009de3; +} +.bi-list-view .list-view-toolbar > .center-element { + border-left: 1px solid #eaeaea; +} +.bi-list-view .list-view-toolbar > .first-element { + border-left: none; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-scroll-view .scroll-container { + border-left: 1px solid #d4dadd; + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +.bi-scroll-view .scroll-drop-down-icon { + font-size: 14px; + border-bottom: 1px solid #d4dadd; + border-left: 1px solid #d4dadd; + border-right: 1px solid #d4dadd; + background: #f4f4f4; +} +.bi-scroll-view .scroll-drop-down-icon:active { + background: #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-inline-center-adapt-layout:after { + display: inline-block; + width: 0; + min-height: 100%; + vertical-align: middle; + content: ' '; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-inline-vertical-adapt-layout:after { + display: inline-block; + width: 0; + min-height: 100%; + vertical-align: middle; + content: ' '; +} diff --git a/dist/base.js b/dist/base.js new file mode 100644 index 000000000..0cb0dd97e --- /dev/null +++ b/dist/base.js @@ -0,0 +1,35151 @@ +// CodeMirror, copyright (c) by Marijn Haverbeke and others +// Distributed under an MIT license: http://codemirror.net/LICENSE + +// This is CodeMirror (http://codemirror.net), a code editor +// implemented in JavaScript on top of the browser's DOM. +// +// You can find some technical background for some of the code below +// at http://marijnhaverbeke.nl/blog/#cm-internals . + +(function(mod) { + this.CodeMirror = mod(); +})(function() { + "use strict"; + + // BROWSER SNIFFING + + // Kludges for bugs and behavior differences that can't be feature + // detected are enabled based on userAgent etc sniffing. + + var gecko = /gecko\/\d/i.test(navigator.userAgent); + var ie_upto10 = /MSIE \d/.test(navigator.userAgent); + var ie_11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent); + var ie = ie_upto10 || ie_11up; + var ie_version = ie && (ie_upto10 ? document.documentMode || 6 : ie_11up[1]); + var webkit = /WebKit\//.test(navigator.userAgent); + var qtwebkit = webkit && /Qt\/\d+\.\d+/.test(navigator.userAgent); + var chrome = /Chrome\//.test(navigator.userAgent); + var presto = /Opera\//.test(navigator.userAgent); + var safari = /Apple Computer/.test(navigator.vendor); + var mac_geMountainLion = /Mac OS X 1\d\D([8-9]|\d\d)\D/.test(navigator.userAgent); + var phantom = /PhantomJS/.test(navigator.userAgent); + + var ios = /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent); + // This is woefully incomplete. Suggestions for alternative methods welcome. + var mobile = ios || /Android|webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(navigator.userAgent); + var mac = ios || /Mac/.test(navigator.platform); + var windows = /win/i.test(navigator.platform); + + var presto_version = presto && navigator.userAgent.match(/Version\/(\d*\.\d*)/); + if (presto_version) presto_version = Number(presto_version[1]); + if (presto_version && presto_version >= 15) { presto = false; webkit = true; } + // Some browsers use the wrong event properties to signal cmd/ctrl on OS X + var flipCtrlCmd = mac && (qtwebkit || presto && (presto_version == null || presto_version < 12.11)); + var captureRightClick = gecko || (ie && ie_version >= 9); + + // Optimize some code when these features are not used. + var sawReadOnlySpans = false, sawCollapsedSpans = false; + + // EDITOR CONSTRUCTOR + + // A CodeMirror instance represents an editor. This is the object + // that user code is usually dealing with. + + function CodeMirror(place, options) { + if (!(this instanceof CodeMirror)) return new CodeMirror(place, options); + + this.options = options = options ? copyObj(options) : {}; + // Determine effective options based on given values and defaults. + copyObj(defaults, options, false); + setGuttersForLineNumbers(options); + + var doc = options.value; + if (typeof doc == "string") doc = new Doc(doc, options.mode); + this.doc = doc; + + var input = new CodeMirror.inputStyles[options.inputStyle](this); + var display = this.display = new Display(place, doc, input); + display.wrapper.CodeMirror = this; + updateGutters(this); + themeChanged(this); + if (options.lineWrapping) + this.display.wrapper.className += " CodeMirror-wrap"; + if (options.autofocus && !mobile) display.input.focus(); + initScrollbars(this); + + this.state = { + keyMaps: [], // stores maps added by addKeyMap + overlays: [], // highlighting overlays, as added by addOverlay + modeGen: 0, // bumped when mode/overlay changes, used to invalidate highlighting info + overwrite: false, + delayingBlurEvent: false, + focused: false, + suppressEdits: false, // used to disable editing during key handlers when in readOnly mode + pasteIncoming: false, cutIncoming: false, // help recognize paste/cut edits in input.poll + draggingText: false, + highlight: new Delayed(), // stores highlight worker timeout + keySeq: null, // Unfinished key sequence + specialChars: null + }; + + var cm = this; + + // Override magic textarea content restore that IE sometimes does + // on our hidden textarea on reload + if (ie && ie_version < 11) setTimeout(function() { cm.display.input.reset(true); }, 20); + + registerEventHandlers(this); + ensureGlobalHandlers(); + + startOperation(this); + this.curOp.forceUpdate = true; + attachDoc(this, doc); + + if ((options.autofocus && !mobile) || cm.hasFocus()) + setTimeout(bind(onFocus, this), 20); + else + onBlur(this); + + for (var opt in optionHandlers) if (optionHandlers.hasOwnProperty(opt)) + optionHandlers[opt](this, options[opt], Init); + maybeUpdateLineNumberWidth(this); + if (options.finishInit) options.finishInit(this); + for (var i = 0; i < initHooks.length; ++i) initHooks[i](this); + endOperation(this); + // Suppress optimizelegibility in Webkit, since it breaks text + // measuring on line wrapping boundaries. + if (webkit && options.lineWrapping && + getComputedStyle(display.lineDiv).textRendering == "optimizelegibility") + display.lineDiv.style.textRendering = "auto"; + } + + // DISPLAY CONSTRUCTOR + + // The display handles the DOM integration, both for input reading + // and content drawing. It holds references to DOM nodes and + // display-related state. + + function Display(place, doc, input) { + var d = this; + this.input = input; + + // Covers bottom-right square when both scrollbars are present. + d.scrollbarFiller = elt("div", null, "CodeMirror-scrollbar-filler"); + d.scrollbarFiller.setAttribute("cm-not-content", "true"); + // Covers bottom of gutter when coverGutterNextToScrollbar is on + // and h scrollbar is present. + d.gutterFiller = elt("div", null, "CodeMirror-gutter-filler"); + d.gutterFiller.setAttribute("cm-not-content", "true"); + // Will contain the actual code, positioned to cover the viewport. + d.lineDiv = elt("div", null, "CodeMirror-code"); + // Elements are added to these to represent selection and cursors. + d.selectionDiv = elt("div", null, null, "position: relative; z-index: 1"); + d.cursorDiv = elt("div", null, "CodeMirror-cursors"); + // A visibility: hidden element used to find the size of things. + d.measure = elt("div", null, "CodeMirror-measure"); + // When lines outside of the viewport are measured, they are drawn in this. + d.lineMeasure = elt("div", null, "CodeMirror-measure"); + // Wraps everything that needs to exist inside the vertically-padded coordinate system + d.lineSpace = elt("div", [d.measure, d.lineMeasure, d.selectionDiv, d.cursorDiv, d.lineDiv], + null, "position: relative; outline: none"); + // Moved around its parent to cover visible view. + d.mover = elt("div", [elt("div", [d.lineSpace], "CodeMirror-lines")], null, "position: relative"); + // Set to the height of the document, allowing scrolling. + d.sizer = elt("div", [d.mover], "CodeMirror-sizer"); + d.sizerWidth = null; + // Behavior of elts with overflow: auto and padding is + // inconsistent across browsers. This is used to ensure the + // scrollable area is big enough. + d.heightForcer = elt("div", null, null, "position: absolute; height: " + scrollerGap + "px; width: 1px;"); + // Will contain the gutters, if any. + d.gutters = elt("div", null, "CodeMirror-gutters"); + d.lineGutter = null; + // Actual scrollable element. + d.scroller = elt("div", [d.sizer, d.heightForcer, d.gutters], "CodeMirror-scroll"); + d.scroller.setAttribute("tabIndex", "-1"); + // The element in which the editor lives. + d.wrapper = elt("div", [d.scrollbarFiller, d.gutterFiller, d.scroller], "CodeMirror"); + + // Work around IE7 z-index bug (not perfect, hence IE7 not really being supported) + if (ie && ie_version < 8) { d.gutters.style.zIndex = -1; d.scroller.style.paddingRight = 0; } + if (!webkit && !(gecko && mobile)) d.scroller.draggable = true; + + if (place) { + if (place.appendChild) place.appendChild(d.wrapper); + else place(d.wrapper); + } + + // Current rendered range (may be bigger than the view window). + d.viewFrom = d.viewTo = doc.first; + d.reportedViewFrom = d.reportedViewTo = doc.first; + // Information about the rendered lines. + d.view = []; + d.renderedView = null; + // Holds info about a single rendered line when it was rendered + // for measurement, while not in view. + d.externalMeasured = null; + // Empty space (in pixels) above the view + d.viewOffset = 0; + d.lastWrapHeight = d.lastWrapWidth = 0; + d.updateLineNumbers = null; + + d.nativeBarWidth = d.barHeight = d.barWidth = 0; + d.scrollbarsClipped = false; + + // Used to only resize the line number gutter when necessary (when + // the amount of lines crosses a boundary that makes its width change) + d.lineNumWidth = d.lineNumInnerWidth = d.lineNumChars = null; + // Set to true when a non-horizontal-scrolling line widget is + // added. As an optimization, line widget aligning is skipped when + // this is false. + d.alignWidgets = false; + + d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null; + + // Tracks the maximum line length so that the horizontal scrollbar + // can be kept static when scrolling. + d.maxLine = null; + d.maxLineLength = 0; + d.maxLineChanged = false; + + // Used for measuring wheel scrolling granularity + d.wheelDX = d.wheelDY = d.wheelStartX = d.wheelStartY = null; + + // True when shift is held down. + d.shift = false; + + // Used to track whether anything happened since the context menu + // was opened. + d.selForContextMenu = null; + + d.activeTouch = null; + + input.init(d); + } + + // STATE UPDATES + + // Used to get the editor into a consistent state again when options change. + + function loadMode(cm) { + cm.doc.mode = CodeMirror.getMode(cm.options, cm.doc.modeOption); + resetModeState(cm); + } + + function resetModeState(cm) { + cm.doc.iter(function(line) { + if (line.stateAfter) line.stateAfter = null; + if (line.styles) line.styles = null; + }); + cm.doc.frontier = cm.doc.first; + startWorker(cm, 100); + cm.state.modeGen++; + if (cm.curOp) regChange(cm); + } + + function wrappingChanged(cm) { + if (cm.options.lineWrapping) { + addClass(cm.display.wrapper, "CodeMirror-wrap"); + cm.display.sizer.style.minWidth = ""; + cm.display.sizerWidth = null; + } else { + rmClass(cm.display.wrapper, "CodeMirror-wrap"); + findMaxLine(cm); + } + estimateLineHeights(cm); + regChange(cm); + clearCaches(cm); + setTimeout(function(){updateScrollbars(cm);}, 100); + } + + // Returns a function that estimates the height of a line, to use as + // first approximation until the line becomes visible (and is thus + // properly measurable). + function estimateHeight(cm) { + var th = textHeight(cm.display), wrapping = cm.options.lineWrapping; + var perLine = wrapping && Math.max(5, cm.display.scroller.clientWidth / charWidth(cm.display) - 3); + return function(line) { + if (lineIsHidden(cm.doc, line)) return 0; + + var widgetsHeight = 0; + if (line.widgets) for (var i = 0; i < line.widgets.length; i++) { + if (line.widgets[i].height) widgetsHeight += line.widgets[i].height; + } + + if (wrapping) + return widgetsHeight + (Math.ceil(line.text.length / perLine) || 1) * th; + else + return widgetsHeight + th; + }; + } + + function estimateLineHeights(cm) { + var doc = cm.doc, est = estimateHeight(cm); + doc.iter(function(line) { + var estHeight = est(line); + if (estHeight != line.height) updateLineHeight(line, estHeight); + }); + } + + function themeChanged(cm) { + cm.display.wrapper.className = cm.display.wrapper.className.replace(/\s*cm-s-\S+/g, "") + + cm.options.theme.replace(/(^|\s)\s*/g, " cm-s-"); + clearCaches(cm); + } + + function guttersChanged(cm) { + updateGutters(cm); + regChange(cm); + setTimeout(function(){alignHorizontally(cm);}, 20); + } + + // Rebuild the gutter elements, ensure the margin to the left of the + // code matches their width. + function updateGutters(cm) { + var gutters = cm.display.gutters, specs = cm.options.gutters; + removeChildren(gutters); + for (var i = 0; i < specs.length; ++i) { + var gutterClass = specs[i]; + var gElt = gutters.appendChild(elt("div", null, "CodeMirror-gutter " + gutterClass)); + if (gutterClass == "CodeMirror-linenumbers") { + cm.display.lineGutter = gElt; + gElt.style.width = (cm.display.lineNumWidth || 1) + "px"; + } + } + gutters.style.display = i ? "" : "none"; + updateGutterSpace(cm); + } + + function updateGutterSpace(cm) { + var width = cm.display.gutters.offsetWidth; + cm.display.sizer.style.marginLeft = width + "px"; + } + + // Compute the character length of a line, taking into account + // collapsed ranges (see markText) that might hide parts, and join + // other lines onto it. + function lineLength(line) { + if (line.height == 0) return 0; + var len = line.text.length, merged, cur = line; + while (merged = collapsedSpanAtStart(cur)) { + var found = merged.find(0, true); + cur = found.from.line; + len += found.from.ch - found.to.ch; + } + cur = line; + while (merged = collapsedSpanAtEnd(cur)) { + var found = merged.find(0, true); + len -= cur.text.length - found.from.ch; + cur = found.to.line; + len += cur.text.length - found.to.ch; + } + return len; + } + + // Find the longest line in the document. + function findMaxLine(cm) { + var d = cm.display, doc = cm.doc; + d.maxLine = getLine(doc, doc.first); + d.maxLineLength = lineLength(d.maxLine); + d.maxLineChanged = true; + doc.iter(function(line) { + var len = lineLength(line); + if (len > d.maxLineLength) { + d.maxLineLength = len; + d.maxLine = line; + } + }); + } + + // Make sure the gutters options contains the element + // "CodeMirror-linenumbers" when the lineNumbers option is true. + function setGuttersForLineNumbers(options) { + var found = indexOf(options.gutters, "CodeMirror-linenumbers"); + if (found == -1 && options.lineNumbers) { + options.gutters = options.gutters.concat(["CodeMirror-linenumbers"]); + } else if (found > -1 && !options.lineNumbers) { + options.gutters = options.gutters.slice(0); + options.gutters.splice(found, 1); + } + } + + // SCROLLBARS + + // Prepare DOM reads needed to update the scrollbars. Done in one + // shot to minimize update/measure roundtrips. + function measureForScrollbars(cm) { + var d = cm.display, gutterW = d.gutters.offsetWidth; + var docH = Math.round(cm.doc.height + paddingVert(cm.display)); + return { + clientHeight: d.scroller.clientHeight, + viewHeight: d.wrapper.clientHeight, + scrollWidth: d.scroller.scrollWidth, clientWidth: d.scroller.clientWidth, + viewWidth: d.wrapper.clientWidth, + barLeft: cm.options.fixedGutter ? gutterW : 0, + docHeight: docH, + scrollHeight: docH + scrollGap(cm) + d.barHeight, + nativeBarWidth: d.nativeBarWidth, + gutterWidth: gutterW + }; + } + + function NativeScrollbars(place, scroll, cm) { + this.cm = cm; + var vert = this.vert = elt("div", [elt("div", null, null, "min-width: 1px")], "CodeMirror-vscrollbar"); + var horiz = this.horiz = elt("div", [elt("div", null, null, "height: 100%; min-height: 1px")], "CodeMirror-hscrollbar"); + place(vert); place(horiz); + + on(vert, "scroll", function() { + if (vert.clientHeight) scroll(vert.scrollTop, "vertical"); + }); + on(horiz, "scroll", function() { + if (horiz.clientWidth) scroll(horiz.scrollLeft, "horizontal"); + }); + + this.checkedOverlay = false; + // Need to set a minimum width to see the scrollbar on IE7 (but must not set it on IE8). + if (ie && ie_version < 8) this.horiz.style.minHeight = this.vert.style.minWidth = "18px"; + } + + NativeScrollbars.prototype = copyObj({ + update: function(measure) { + var needsH = measure.scrollWidth > measure.clientWidth + 1; + var needsV = measure.scrollHeight > measure.clientHeight + 1; + var sWidth = measure.nativeBarWidth; + + if (needsV) { + this.vert.style.display = "block"; + this.vert.style.bottom = needsH ? sWidth + "px" : "0"; + var totalHeight = measure.viewHeight - (needsH ? sWidth : 0); + // A bug in IE8 can cause this value to be negative, so guard it. + this.vert.firstChild.style.height = + Math.max(0, measure.scrollHeight - measure.clientHeight + totalHeight) + "px"; + } else { + this.vert.style.display = ""; + this.vert.firstChild.style.height = "0"; + } + + if (needsH) { + this.horiz.style.display = "block"; + this.horiz.style.right = needsV ? sWidth + "px" : "0"; + this.horiz.style.left = measure.barLeft + "px"; + var totalWidth = measure.viewWidth - measure.barLeft - (needsV ? sWidth : 0); + this.horiz.firstChild.style.width = + (measure.scrollWidth - measure.clientWidth + totalWidth) + "px"; + } else { + this.horiz.style.display = ""; + this.horiz.firstChild.style.width = "0"; + } + + if (!this.checkedOverlay && measure.clientHeight > 0) { + if (sWidth == 0) this.overlayHack(); + this.checkedOverlay = true; + } + + return {right: needsV ? sWidth : 0, bottom: needsH ? sWidth : 0}; + }, + setScrollLeft: function(pos) { + if (this.horiz.scrollLeft != pos) this.horiz.scrollLeft = pos; + }, + setScrollTop: function(pos) { + if (this.vert.scrollTop != pos) this.vert.scrollTop = pos; + }, + overlayHack: function() { + var w = mac && !mac_geMountainLion ? "12px" : "18px"; + this.horiz.style.minHeight = this.vert.style.minWidth = w; + var self = this; + var barMouseDown = function(e) { + if (e_target(e) != self.vert && e_target(e) != self.horiz) + operation(self.cm, onMouseDown)(e); + }; + on(this.vert, "mousedown", barMouseDown); + on(this.horiz, "mousedown", barMouseDown); + }, + clear: function() { + var parent = this.horiz.parentNode; + parent.removeChild(this.horiz); + parent.removeChild(this.vert); + } + }, NativeScrollbars.prototype); + + function NullScrollbars() {} + + NullScrollbars.prototype = copyObj({ + update: function() { return {bottom: 0, right: 0}; }, + setScrollLeft: function() {}, + setScrollTop: function() {}, + clear: function() {} + }, NullScrollbars.prototype); + + CodeMirror.scrollbarModel = {"native": NativeScrollbars, "null": NullScrollbars}; + + function initScrollbars(cm) { + if (cm.display.scrollbars) { + cm.display.scrollbars.clear(); + if (cm.display.scrollbars.addClass) + rmClass(cm.display.wrapper, cm.display.scrollbars.addClass); + } + + cm.display.scrollbars = new CodeMirror.scrollbarModel[cm.options.scrollbarStyle](function(node) { + cm.display.wrapper.insertBefore(node, cm.display.scrollbarFiller); + // Prevent clicks in the scrollbars from killing focus + on(node, "mousedown", function() { + if (cm.state.focused) setTimeout(function() { cm.display.input.focus(); }, 0); + }); + node.setAttribute("cm-not-content", "true"); + }, function(pos, axis) { + if (axis == "horizontal") setScrollLeft(cm, pos); + else setScrollTop(cm, pos); + }, cm); + if (cm.display.scrollbars.addClass) + addClass(cm.display.wrapper, cm.display.scrollbars.addClass); + } + + function updateScrollbars(cm, measure) { + if (!measure) measure = measureForScrollbars(cm); + var startWidth = cm.display.barWidth, startHeight = cm.display.barHeight; + updateScrollbarsInner(cm, measure); + for (var i = 0; i < 4 && startWidth != cm.display.barWidth || startHeight != cm.display.barHeight; i++) { + if (startWidth != cm.display.barWidth && cm.options.lineWrapping) + updateHeightsInViewport(cm); + updateScrollbarsInner(cm, measureForScrollbars(cm)); + startWidth = cm.display.barWidth; startHeight = cm.display.barHeight; + } + } + + // Re-synchronize the fake scrollbars with the actual size of the + // content. + function updateScrollbarsInner(cm, measure) { + var d = cm.display; + var sizes = d.scrollbars.update(measure); + + d.sizer.style.paddingRight = (d.barWidth = sizes.right) + "px"; + d.sizer.style.paddingBottom = (d.barHeight = sizes.bottom) + "px"; + + if (sizes.right && sizes.bottom) { + d.scrollbarFiller.style.display = "block"; + d.scrollbarFiller.style.height = sizes.bottom + "px"; + d.scrollbarFiller.style.width = sizes.right + "px"; + } else d.scrollbarFiller.style.display = ""; + if (sizes.bottom && cm.options.coverGutterNextToScrollbar && cm.options.fixedGutter) { + d.gutterFiller.style.display = "block"; + d.gutterFiller.style.height = sizes.bottom + "px"; + d.gutterFiller.style.width = measure.gutterWidth + "px"; + } else d.gutterFiller.style.display = ""; + } + + // Compute the lines that are visible in a given viewport (defaults + // the the current scroll position). viewport may contain top, + // height, and ensure (see op.scrollToPos) properties. + function visibleLines(display, doc, viewport) { + var top = viewport && viewport.top != null ? Math.max(0, viewport.top) : display.scroller.scrollTop; + top = Math.floor(top - paddingTop(display)); + var bottom = viewport && viewport.bottom != null ? viewport.bottom : top + display.wrapper.clientHeight; + + var from = lineAtHeight(doc, top), to = lineAtHeight(doc, bottom); + // Ensure is a {from: {line, ch}, to: {line, ch}} object, and + // forces those lines into the viewport (if possible). + if (viewport && viewport.ensure) { + var ensureFrom = viewport.ensure.from.line, ensureTo = viewport.ensure.to.line; + if (ensureFrom < from) { + from = ensureFrom; + to = lineAtHeight(doc, heightAtLine(getLine(doc, ensureFrom)) + display.wrapper.clientHeight); + } else if (Math.min(ensureTo, doc.lastLine()) >= to) { + from = lineAtHeight(doc, heightAtLine(getLine(doc, ensureTo)) - display.wrapper.clientHeight); + to = ensureTo; + } + } + return {from: from, to: Math.max(to, from + 1)}; + } + + // LINE NUMBERS + + // Re-align line numbers and gutter marks to compensate for + // horizontal scrolling. + function alignHorizontally(cm) { + var display = cm.display, view = display.view; + if (!display.alignWidgets && (!display.gutters.firstChild || !cm.options.fixedGutter)) return; + var comp = compensateForHScroll(display) - display.scroller.scrollLeft + cm.doc.scrollLeft; + var gutterW = display.gutters.offsetWidth, left = comp + "px"; + for (var i = 0; i < view.length; i++) if (!view[i].hidden) { + if (cm.options.fixedGutter && view[i].gutter) + view[i].gutter.style.left = left; + var align = view[i].alignable; + if (align) for (var j = 0; j < align.length; j++) + align[j].style.left = left; + } + if (cm.options.fixedGutter) + display.gutters.style.left = (comp + gutterW) + "px"; + } + + // Used to ensure that the line number gutter is still the right + // size for the current document size. Returns true when an update + // is needed. + function maybeUpdateLineNumberWidth(cm) { + if (!cm.options.lineNumbers) return false; + var doc = cm.doc, last = lineNumberFor(cm.options, doc.first + doc.size - 1), display = cm.display; + if (last.length != display.lineNumChars) { + var test = display.measure.appendChild(elt("div", [elt("div", last)], + "CodeMirror-linenumber CodeMirror-gutter-elt")); + var innerW = test.firstChild.offsetWidth, padding = test.offsetWidth - innerW; + display.lineGutter.style.width = ""; + display.lineNumInnerWidth = Math.max(innerW, display.lineGutter.offsetWidth - padding) + 1; + display.lineNumWidth = display.lineNumInnerWidth + padding; + display.lineNumChars = display.lineNumInnerWidth ? last.length : -1; + display.lineGutter.style.width = display.lineNumWidth + "px"; + updateGutterSpace(cm); + return true; + } + return false; + } + + function lineNumberFor(options, i) { + return String(options.lineNumberFormatter(i + options.firstLineNumber)); + } + + // Computes display.scroller.scrollLeft + display.gutters.offsetWidth, + // but using getBoundingClientRect to get a sub-pixel-accurate + // result. + function compensateForHScroll(display) { + return display.scroller.getBoundingClientRect().left - display.sizer.getBoundingClientRect().left; + } + + // DISPLAY DRAWING + + function DisplayUpdate(cm, viewport, force) { + var display = cm.display; + + this.viewport = viewport; + // Store some values that we'll need later (but don't want to force a relayout for) + this.visible = visibleLines(display, cm.doc, viewport); + this.editorIsHidden = !display.wrapper.offsetWidth; + this.wrapperHeight = display.wrapper.clientHeight; + this.wrapperWidth = display.wrapper.clientWidth; + this.oldDisplayWidth = displayWidth(cm); + this.force = force; + this.dims = getDimensions(cm); + this.events = []; + } + + DisplayUpdate.prototype.signal = function(emitter, type) { + if (hasHandler(emitter, type)) + this.events.push(arguments); + }; + DisplayUpdate.prototype.finish = function() { + for (var i = 0; i < this.events.length; i++) + signal.apply(null, this.events[i]); + }; + + function maybeClipScrollbars(cm) { + var display = cm.display; + if (!display.scrollbarsClipped && display.scroller.offsetWidth) { + display.nativeBarWidth = display.scroller.offsetWidth - display.scroller.clientWidth; + display.heightForcer.style.height = scrollGap(cm) + "px"; + display.sizer.style.marginBottom = -display.nativeBarWidth + "px"; + display.sizer.style.borderRightWidth = scrollGap(cm) + "px"; + display.scrollbarsClipped = true; + } + } + + // Does the actual updating of the line display. Bails out + // (returning false) when there is nothing to be done and forced is + // false. + function updateDisplayIfNeeded(cm, update) { + var display = cm.display, doc = cm.doc; + + if (update.editorIsHidden) { + resetView(cm); + return false; + } + + // Bail out if the visible area is already rendered and nothing changed. + if (!update.force && + update.visible.from >= display.viewFrom && update.visible.to <= display.viewTo && + (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo) && + display.renderedView == display.view && countDirtyView(cm) == 0) + return false; + + if (maybeUpdateLineNumberWidth(cm)) { + resetView(cm); + update.dims = getDimensions(cm); + } + + // Compute a suitable new viewport (from & to) + var end = doc.first + doc.size; + var from = Math.max(update.visible.from - cm.options.viewportMargin, doc.first); + var to = Math.min(end, update.visible.to + cm.options.viewportMargin); + if (display.viewFrom < from && from - display.viewFrom < 20) from = Math.max(doc.first, display.viewFrom); + if (display.viewTo > to && display.viewTo - to < 20) to = Math.min(end, display.viewTo); + if (sawCollapsedSpans) { + from = visualLineNo(cm.doc, from); + to = visualLineEndNo(cm.doc, to); + } + + var different = from != display.viewFrom || to != display.viewTo || + display.lastWrapHeight != update.wrapperHeight || display.lastWrapWidth != update.wrapperWidth; + adjustView(cm, from, to); + + display.viewOffset = heightAtLine(getLine(cm.doc, display.viewFrom)); + // Position the mover div to align with the current scroll position + cm.display.mover.style.top = display.viewOffset + "px"; + + var toUpdate = countDirtyView(cm); + if (!different && toUpdate == 0 && !update.force && display.renderedView == display.view && + (display.updateLineNumbers == null || display.updateLineNumbers >= display.viewTo)) + return false; + + // For big changes, we hide the enclosing element during the + // update, since that speeds up the operations on most browsers. + var focused = activeElt(); + if (toUpdate > 4) display.lineDiv.style.display = "none"; + patchDisplay(cm, display.updateLineNumbers, update.dims); + if (toUpdate > 4) display.lineDiv.style.display = ""; + display.renderedView = display.view; + // There might have been a widget with a focused element that got + // hidden or updated, if so re-focus it. + if (focused && activeElt() != focused && focused.offsetHeight) focused.focus(); + + // Prevent selection and cursors from interfering with the scroll + // width and height. + removeChildren(display.cursorDiv); + removeChildren(display.selectionDiv); + display.gutters.style.height = 0; + + if (different) { + display.lastWrapHeight = update.wrapperHeight; + display.lastWrapWidth = update.wrapperWidth; + startWorker(cm, 400); + } + + display.updateLineNumbers = null; + + return true; + } + + function postUpdateDisplay(cm, update) { + var viewport = update.viewport; + for (var first = true;; first = false) { + if (!first || !cm.options.lineWrapping || update.oldDisplayWidth == displayWidth(cm)) { + // Clip forced viewport to actual scrollable area. + if (viewport && viewport.top != null) + viewport = {top: Math.min(cm.doc.height + paddingVert(cm.display) - displayHeight(cm), viewport.top)}; + // Updated line heights might result in the drawn area not + // actually covering the viewport. Keep looping until it does. + update.visible = visibleLines(cm.display, cm.doc, viewport); + if (update.visible.from >= cm.display.viewFrom && update.visible.to <= cm.display.viewTo) + break; + } + if (!updateDisplayIfNeeded(cm, update)) break; + updateHeightsInViewport(cm); + var barMeasure = measureForScrollbars(cm); + updateSelection(cm); + setDocumentHeight(cm, barMeasure); + updateScrollbars(cm, barMeasure); + } + + update.signal(cm, "update", cm); + if (cm.display.viewFrom != cm.display.reportedViewFrom || cm.display.viewTo != cm.display.reportedViewTo) { + update.signal(cm, "viewportChange", cm, cm.display.viewFrom, cm.display.viewTo); + cm.display.reportedViewFrom = cm.display.viewFrom; cm.display.reportedViewTo = cm.display.viewTo; + } + } + + function updateDisplaySimple(cm, viewport) { + var update = new DisplayUpdate(cm, viewport); + if (updateDisplayIfNeeded(cm, update)) { + updateHeightsInViewport(cm); + postUpdateDisplay(cm, update); + var barMeasure = measureForScrollbars(cm); + updateSelection(cm); + setDocumentHeight(cm, barMeasure); + updateScrollbars(cm, barMeasure); + update.finish(); + } + } + + function setDocumentHeight(cm, measure) { + cm.display.sizer.style.minHeight = measure.docHeight + "px"; + var total = measure.docHeight + cm.display.barHeight; + cm.display.heightForcer.style.top = total + "px"; + cm.display.gutters.style.height = Math.max(total + scrollGap(cm), measure.clientHeight) + "px"; + } + + // Read the actual heights of the rendered lines, and update their + // stored heights to match. + function updateHeightsInViewport(cm) { + var display = cm.display; + var prevBottom = display.lineDiv.offsetTop; + for (var i = 0; i < display.view.length; i++) { + var cur = display.view[i], height; + if (cur.hidden) continue; + if (ie && ie_version < 8) { + var bot = cur.node.offsetTop + cur.node.offsetHeight; + height = bot - prevBottom; + prevBottom = bot; + } else { + var box = cur.node.getBoundingClientRect(); + height = box.bottom - box.top; + } + var diff = cur.line.height - height; + if (height < 2) height = textHeight(display); + if (diff > .001 || diff < -.001) { + updateLineHeight(cur.line, height); + updateWidgetHeight(cur.line); + if (cur.rest) for (var j = 0; j < cur.rest.length; j++) + updateWidgetHeight(cur.rest[j]); + } + } + } + + // Read and store the height of line widgets associated with the + // given line. + function updateWidgetHeight(line) { + if (line.widgets) for (var i = 0; i < line.widgets.length; ++i) + line.widgets[i].height = line.widgets[i].node.offsetHeight; + } + + // Do a bulk-read of the DOM positions and sizes needed to draw the + // view, so that we don't interleave reading and writing to the DOM. + function getDimensions(cm) { + var d = cm.display, left = {}, width = {}; + var gutterLeft = d.gutters.clientLeft; + for (var n = d.gutters.firstChild, i = 0; n; n = n.nextSibling, ++i) { + left[cm.options.gutters[i]] = n.offsetLeft + n.clientLeft + gutterLeft; + width[cm.options.gutters[i]] = n.clientWidth; + } + return {fixedPos: compensateForHScroll(d), + gutterTotalWidth: d.gutters.offsetWidth, + gutterLeft: left, + gutterWidth: width, + wrapperWidth: d.wrapper.clientWidth}; + } + + // Sync the actual display DOM structure with display.view, removing + // nodes for lines that are no longer in view, and creating the ones + // that are not there yet, and updating the ones that are out of + // date. + function patchDisplay(cm, updateNumbersFrom, dims) { + var display = cm.display, lineNumbers = cm.options.lineNumbers; + var container = display.lineDiv, cur = container.firstChild; + + function rm(node) { + var next = node.nextSibling; + // Works around a throw-scroll bug in OS X Webkit + if (webkit && mac && cm.display.currentWheelTarget == node) + node.style.display = "none"; + else + node.parentNode.removeChild(node); + return next; + } + + var view = display.view, lineN = display.viewFrom; + // Loop over the elements in the view, syncing cur (the DOM nodes + // in display.lineDiv) with the view as we go. + for (var i = 0; i < view.length; i++) { + var lineView = view[i]; + if (lineView.hidden) { + } else if (!lineView.node || lineView.node.parentNode != container) { // Not drawn yet + var node = buildLineElement(cm, lineView, lineN, dims); + container.insertBefore(node, cur); + } else { // Already drawn + while (cur != lineView.node) cur = rm(cur); + var updateNumber = lineNumbers && updateNumbersFrom != null && + updateNumbersFrom <= lineN && lineView.lineNumber; + if (lineView.changes) { + if (indexOf(lineView.changes, "gutter") > -1) updateNumber = false; + updateLineForChanges(cm, lineView, lineN, dims); + } + if (updateNumber) { + removeChildren(lineView.lineNumber); + lineView.lineNumber.appendChild(document.createTextNode(lineNumberFor(cm.options, lineN))); + } + cur = lineView.node.nextSibling; + } + lineN += lineView.size; + } + while (cur) cur = rm(cur); + } + + // When an aspect of a line changes, a string is added to + // lineView.changes. This updates the relevant part of the line's + // DOM structure. + function updateLineForChanges(cm, lineView, lineN, dims) { + for (var j = 0; j < lineView.changes.length; j++) { + var type = lineView.changes[j]; + if (type == "text") updateLineText(cm, lineView); + else if (type == "gutter") updateLineGutter(cm, lineView, lineN, dims); + else if (type == "class") updateLineClasses(lineView); + else if (type == "widget") updateLineWidgets(cm, lineView, dims); + } + lineView.changes = null; + } + + // Lines with gutter elements, widgets or a background class need to + // be wrapped, and have the extra elements added to the wrapper div + function ensureLineWrapped(lineView) { + if (lineView.node == lineView.text) { + lineView.node = elt("div", null, null, "position: relative"); + if (lineView.text.parentNode) + lineView.text.parentNode.replaceChild(lineView.node, lineView.text); + lineView.node.appendChild(lineView.text); + if (ie && ie_version < 8) lineView.node.style.zIndex = 2; + } + return lineView.node; + } + + function updateLineBackground(lineView) { + var cls = lineView.bgClass ? lineView.bgClass + " " + (lineView.line.bgClass || "") : lineView.line.bgClass; + if (cls) cls += " CodeMirror-linebackground"; + if (lineView.background) { + if (cls) lineView.background.className = cls; + else { lineView.background.parentNode.removeChild(lineView.background); lineView.background = null; } + } else if (cls) { + var wrap = ensureLineWrapped(lineView); + lineView.background = wrap.insertBefore(elt("div", null, cls), wrap.firstChild); + } + } + + // Wrapper around buildLineContent which will reuse the structure + // in display.externalMeasured when possible. + function getLineContent(cm, lineView) { + var ext = cm.display.externalMeasured; + if (ext && ext.line == lineView.line) { + cm.display.externalMeasured = null; + lineView.measure = ext.measure; + return ext.built; + } + return buildLineContent(cm, lineView); + } + + // Redraw the line's text. Interacts with the background and text + // classes because the mode may output tokens that influence these + // classes. + function updateLineText(cm, lineView) { + var cls = lineView.text.className; + var built = getLineContent(cm, lineView); + if (lineView.text == lineView.node) lineView.node = built.pre; + lineView.text.parentNode.replaceChild(built.pre, lineView.text); + lineView.text = built.pre; + if (built.bgClass != lineView.bgClass || built.textClass != lineView.textClass) { + lineView.bgClass = built.bgClass; + lineView.textClass = built.textClass; + updateLineClasses(lineView); + } else if (cls) { + lineView.text.className = cls; + } + } + + function updateLineClasses(lineView) { + updateLineBackground(lineView); + if (lineView.line.wrapClass) + ensureLineWrapped(lineView).className = lineView.line.wrapClass; + else if (lineView.node != lineView.text) + lineView.node.className = ""; + var textClass = lineView.textClass ? lineView.textClass + " " + (lineView.line.textClass || "") : lineView.line.textClass; + lineView.text.className = textClass || ""; + } + + function updateLineGutter(cm, lineView, lineN, dims) { + if (lineView.gutter) { + lineView.node.removeChild(lineView.gutter); + lineView.gutter = null; + } + var markers = lineView.line.gutterMarkers; + if (cm.options.lineNumbers || markers) { + var wrap = ensureLineWrapped(lineView); + var gutterWrap = lineView.gutter = elt("div", null, "CodeMirror-gutter-wrapper", "left: " + + (cm.options.fixedGutter ? dims.fixedPos : -dims.gutterTotalWidth) + + "px; width: " + dims.gutterTotalWidth + "px"); + cm.display.input.setUneditable(gutterWrap); + wrap.insertBefore(gutterWrap, lineView.text); + if (lineView.line.gutterClass) + gutterWrap.className += " " + lineView.line.gutterClass; + if (cm.options.lineNumbers && (!markers || !markers["CodeMirror-linenumbers"])) + lineView.lineNumber = gutterWrap.appendChild( + elt("div", lineNumberFor(cm.options, lineN), + "CodeMirror-linenumber CodeMirror-gutter-elt", + "left: " + dims.gutterLeft["CodeMirror-linenumbers"] + "px; width: " + + cm.display.lineNumInnerWidth + "px")); + if (markers) for (var k = 0; k < cm.options.gutters.length; ++k) { + var id = cm.options.gutters[k], found = markers.hasOwnProperty(id) && markers[id]; + if (found) + gutterWrap.appendChild(elt("div", [found], "CodeMirror-gutter-elt", "left: " + + dims.gutterLeft[id] + "px; width: " + dims.gutterWidth[id] + "px")); + } + } + } + + function updateLineWidgets(cm, lineView, dims) { + if (lineView.alignable) lineView.alignable = null; + for (var node = lineView.node.firstChild, next; node; node = next) { + var next = node.nextSibling; + if (node.className == "CodeMirror-linewidget") + lineView.node.removeChild(node); + } + insertLineWidgets(cm, lineView, dims); + } + + // Build a line's DOM representation from scratch + function buildLineElement(cm, lineView, lineN, dims) { + var built = getLineContent(cm, lineView); + lineView.text = lineView.node = built.pre; + if (built.bgClass) lineView.bgClass = built.bgClass; + if (built.textClass) lineView.textClass = built.textClass; + + updateLineClasses(lineView); + updateLineGutter(cm, lineView, lineN, dims); + insertLineWidgets(cm, lineView, dims); + return lineView.node; + } + + // A lineView may contain multiple logical lines (when merged by + // collapsed spans). The widgets for all of them need to be drawn. + function insertLineWidgets(cm, lineView, dims) { + insertLineWidgetsFor(cm, lineView.line, lineView, dims, true); + if (lineView.rest) for (var i = 0; i < lineView.rest.length; i++) + insertLineWidgetsFor(cm, lineView.rest[i], lineView, dims, false); + } + + function insertLineWidgetsFor(cm, line, lineView, dims, allowAbove) { + if (!line.widgets) return; + var wrap = ensureLineWrapped(lineView); + for (var i = 0, ws = line.widgets; i < ws.length; ++i) { + var widget = ws[i], node = elt("div", [widget.node], "CodeMirror-linewidget"); + if (!widget.handleMouseEvents) node.setAttribute("cm-ignore-events", "true"); + positionLineWidget(widget, node, lineView, dims); + cm.display.input.setUneditable(node); + if (allowAbove && widget.above) + wrap.insertBefore(node, lineView.gutter || lineView.text); + else + wrap.appendChild(node); + signalLater(widget, "redraw"); + } + } + + function positionLineWidget(widget, node, lineView, dims) { + if (widget.noHScroll) { + (lineView.alignable || (lineView.alignable = [])).push(node); + var width = dims.wrapperWidth; + node.style.left = dims.fixedPos + "px"; + if (!widget.coverGutter) { + width -= dims.gutterTotalWidth; + node.style.paddingLeft = dims.gutterTotalWidth + "px"; + } + node.style.width = width + "px"; + } + if (widget.coverGutter) { + node.style.zIndex = 5; + node.style.position = "relative"; + if (!widget.noHScroll) node.style.marginLeft = -dims.gutterTotalWidth + "px"; + } + } + + // POSITION OBJECT + + // A Pos instance represents a position within the text. + var Pos = CodeMirror.Pos = function(line, ch) { + if (!(this instanceof Pos)) return new Pos(line, ch); + this.line = line; this.ch = ch; + }; + + // Compare two positions, return 0 if they are the same, a negative + // number when a is less, and a positive number otherwise. + var cmp = CodeMirror.cmpPos = function(a, b) { return a.line - b.line || a.ch - b.ch; }; + + function copyPos(x) {return Pos(x.line, x.ch);} + function maxPos(a, b) { return cmp(a, b) < 0 ? b : a; } + function minPos(a, b) { return cmp(a, b) < 0 ? a : b; } + + // INPUT HANDLING + + function ensureFocus(cm) { + if (!cm.state.focused) { cm.display.input.focus(); onFocus(cm); } + } + + function isReadOnly(cm) { + return cm.options.readOnly || cm.doc.cantEdit; + } + + // This will be set to an array of strings when copying, so that, + // when pasting, we know what kind of selections the copied text + // was made out of. + var lastCopied = null; + + function applyTextInput(cm, inserted, deleted, sel, origin) { + var doc = cm.doc; + cm.display.shift = false; + if (!sel) sel = doc.sel; + + var paste = cm.state.pasteIncoming || origin == "paste"; + var textLines = splitLines(inserted), multiPaste = null; + // When pasing N lines into N selections, insert one line per selection + if (paste && sel.ranges.length > 1) { + if (lastCopied && lastCopied.join("\n") == inserted) + multiPaste = sel.ranges.length % lastCopied.length == 0 && map(lastCopied, splitLines); + else if (textLines.length == sel.ranges.length) + multiPaste = map(textLines, function(l) { return [l]; }); + } + + // Normal behavior is to insert the new text into every selection + for (var i = sel.ranges.length - 1; i >= 0; i--) { + var range = sel.ranges[i]; + var from = range.from(), to = range.to(); + if (range.empty()) { + if (deleted && deleted > 0) // Handle deletion + from = Pos(from.line, from.ch - deleted); + else if (cm.state.overwrite && !paste) // Handle overwrite + to = Pos(to.line, Math.min(getLine(doc, to.line).text.length, to.ch + lst(textLines).length)); + } + var updateInput = cm.curOp.updateInput; + var changeEvent = {from: from, to: to, text: multiPaste ? multiPaste[i % multiPaste.length] : textLines, + origin: origin || (paste ? "paste" : cm.state.cutIncoming ? "cut" : "+input")}; + makeChange(cm.doc, changeEvent); + signalLater(cm, "inputRead", cm, changeEvent); + } + if (inserted && !paste) + triggerElectric(cm, inserted); + + ensureCursorVisible(cm); + cm.curOp.updateInput = updateInput; + cm.curOp.typing = true; + cm.state.pasteIncoming = cm.state.cutIncoming = false; + } + + function handlePaste(e, cm) { + var pasted = e.clipboardData && e.clipboardData.getData("text/plain"); + if (pasted) { + e.preventDefault(); + runInOp(cm, function() { applyTextInput(cm, pasted, 0, null, "paste"); }); + return true; + } + } + + function triggerElectric(cm, inserted) { + // When an 'electric' character is inserted, immediately trigger a reindent + if (!cm.options.electricChars || !cm.options.smartIndent) return; + var sel = cm.doc.sel; + + for (var i = sel.ranges.length - 1; i >= 0; i--) { + var range = sel.ranges[i]; + if (range.head.ch > 100 || (i && sel.ranges[i - 1].head.line == range.head.line)) continue; + var mode = cm.getModeAt(range.head); + var indented = false; + if (mode.electricChars) { + for (var j = 0; j < mode.electricChars.length; j++) + if (inserted.indexOf(mode.electricChars.charAt(j)) > -1) { + indented = indentLine(cm, range.head.line, "smart"); + break; + } + } else if (mode.electricInput) { + if (mode.electricInput.test(getLine(cm.doc, range.head.line).text.slice(0, range.head.ch))) + indented = indentLine(cm, range.head.line, "smart"); + } + if (indented) signalLater(cm, "electricInput", cm, range.head.line); + } + } + + function copyableRanges(cm) { + var text = [], ranges = []; + for (var i = 0; i < cm.doc.sel.ranges.length; i++) { + var line = cm.doc.sel.ranges[i].head.line; + var lineRange = {anchor: Pos(line, 0), head: Pos(line + 1, 0)}; + ranges.push(lineRange); + text.push(cm.getRange(lineRange.anchor, lineRange.head)); + } + return {text: text, ranges: ranges}; + } + + function disableBrowserMagic(field) { + field.setAttribute("autocorrect", "off"); + field.setAttribute("autocapitalize", "off"); + field.setAttribute("spellcheck", "false"); + } + + // TEXTAREA INPUT STYLE + + function TextareaInput(cm) { + this.cm = cm; + // See input.poll and input.reset + this.prevInput = ""; + + // Flag that indicates whether we expect input to appear real soon + // now (after some event like 'keypress' or 'input') and are + // polling intensively. + this.pollingFast = false; + // Self-resetting timeout for the poller + this.polling = new Delayed(); + // Tracks when input.reset has punted to just putting a short + // string into the textarea instead of the full selection. + this.inaccurateSelection = false; + // Used to work around IE issue with selection being forgotten when focus moves away from textarea + this.hasSelection = false; + this.composing = null; + }; + + function hiddenTextarea() { + var te = elt("textarea", null, null, "position: absolute; padding: 0; width: 1px; height: 1em; outline: none"); + var div = elt("div", [te], null, "overflow: hidden; position: relative; width: 3px; height: 0px;"); + // The textarea is kept positioned near the cursor to prevent the + // fact that it'll be scrolled into view on input from scrolling + // our fake cursor out of view. On webkit, when wrap=off, paste is + // very slow. So make the area wide instead. + if (webkit) te.style.width = "1000px"; + else te.setAttribute("wrap", "off"); + // If border: 0; -- iOS fails to open keyboard (issue #1287) + if (ios) te.style.border = "1px solid black"; + disableBrowserMagic(te); + return div; + } + + TextareaInput.prototype = copyObj({ + init: function(display) { + var input = this, cm = this.cm; + + // Wraps and hides input textarea + var div = this.wrapper = hiddenTextarea(); + // The semihidden textarea that is focused when the editor is + // focused, and receives input. + var te = this.textarea = div.firstChild; + display.wrapper.insertBefore(div, display.wrapper.firstChild); + + // Needed to hide big blue blinking cursor on Mobile Safari (doesn't seem to work in iOS 8 anymore) + if (ios) te.style.width = "0px"; + + on(te, "input", function() { + if (ie && ie_version >= 9 && input.hasSelection) input.hasSelection = null; + input.poll(); + }); + + on(te, "paste", function(e) { + if (handlePaste(e, cm)) return true; + + cm.state.pasteIncoming = true; + input.fastPoll(); + }); + + function prepareCopyCut(e) { + if (cm.somethingSelected()) { + lastCopied = cm.getSelections(); + if (input.inaccurateSelection) { + input.prevInput = ""; + input.inaccurateSelection = false; + te.value = lastCopied.join("\n"); + selectInput(te); + } + } else if (!cm.options.lineWiseCopyCut) { + return; + } else { + var ranges = copyableRanges(cm); + lastCopied = ranges.text; + if (e.type == "cut") { + cm.setSelections(ranges.ranges, null, sel_dontScroll); + } else { + input.prevInput = ""; + te.value = ranges.text.join("\n"); + selectInput(te); + } + } + if (e.type == "cut") cm.state.cutIncoming = true; + } + on(te, "cut", prepareCopyCut); + on(te, "copy", prepareCopyCut); + + on(display.scroller, "paste", function(e) { + if (eventInWidget(display, e)) return; + cm.state.pasteIncoming = true; + input.focus(); + }); + + // Prevent normal selection in the editor (we handle our own) + on(display.lineSpace, "selectstart", function(e) { + if (!eventInWidget(display, e)) e_preventDefault(e); + }); + + on(te, "compositionstart", function() { + var start = cm.getCursor("from"); + input.composing = { + start: start, + range: cm.markText(start, cm.getCursor("to"), {className: "CodeMirror-composing"}) + }; + }); + on(te, "compositionend", function() { + if (input.composing) { + input.poll(); + input.composing.range.clear(); + input.composing = null; + } + }); + }, + + prepareSelection: function() { + // Redraw the selection and/or cursor + var cm = this.cm, display = cm.display, doc = cm.doc; + var result = prepareSelection(cm); + + // Move the hidden textarea near the cursor to prevent scrolling artifacts + if (cm.options.moveInputWithCursor) { + var headPos = cursorCoords(cm, doc.sel.primary().head, "div"); + var wrapOff = display.wrapper.getBoundingClientRect(), lineOff = display.lineDiv.getBoundingClientRect(); + result.teTop = Math.max(0, Math.min(display.wrapper.clientHeight - 10, + headPos.top + lineOff.top - wrapOff.top)); + result.teLeft = Math.max(0, Math.min(display.wrapper.clientWidth - 10, + headPos.left + lineOff.left - wrapOff.left)); + } + + return result; + }, + + showSelection: function(drawn) { + var cm = this.cm, display = cm.display; + removeChildrenAndAdd(display.cursorDiv, drawn.cursors); + removeChildrenAndAdd(display.selectionDiv, drawn.selection); + if (drawn.teTop != null) { + this.wrapper.style.top = drawn.teTop + "px"; + this.wrapper.style.left = drawn.teLeft + "px"; + } + }, + + // Reset the input to correspond to the selection (or to be empty, + // when not typing and nothing is selected) + reset: function(typing) { + if (this.contextMenuPending) return; + var minimal, selected, cm = this.cm, doc = cm.doc; + if (cm.somethingSelected()) { + this.prevInput = ""; + var range = doc.sel.primary(); + minimal = hasCopyEvent && + (range.to().line - range.from().line > 100 || (selected = cm.getSelection()).length > 1000); + var content = minimal ? "-" : selected || cm.getSelection(); + this.textarea.value = content; + if (cm.state.focused) selectInput(this.textarea); + if (ie && ie_version >= 9) this.hasSelection = content; + } else if (!typing) { + this.prevInput = this.textarea.value = ""; + if (ie && ie_version >= 9) this.hasSelection = null; + } + this.inaccurateSelection = minimal; + }, + + getField: function() { return this.textarea; }, + + supportsTouch: function() { return false; }, + + focus: function() { + if (this.cm.options.readOnly != "nocursor" && (!mobile || activeElt() != this.textarea)) { + try { this.textarea.focus(); } + catch (e) {} // IE8 will throw if the textarea is display: none or not in DOM + } + }, + + blur: function() { this.textarea.blur(); }, + + resetPosition: function() { + this.wrapper.style.top = this.wrapper.style.left = 0; + }, + + receivedFocus: function() { this.slowPoll(); }, + + // Poll for input changes, using the normal rate of polling. This + // runs as long as the editor is focused. + slowPoll: function() { + var input = this; + if (input.pollingFast) return; + input.polling.set(this.cm.options.pollInterval, function() { + input.poll(); + if (input.cm.state.focused) input.slowPoll(); + }); + }, + + // When an event has just come in that is likely to add or change + // something in the input textarea, we poll faster, to ensure that + // the change appears on the screen quickly. + fastPoll: function() { + var missed = false, input = this; + input.pollingFast = true; + function p() { + var changed = input.poll(); + if (!changed && !missed) {missed = true; input.polling.set(60, p);} + else {input.pollingFast = false; input.slowPoll();} + } + input.polling.set(20, p); + }, + + // Read input from the textarea, and update the document to match. + // When something is selected, it is present in the textarea, and + // selected (unless it is huge, in which case a placeholder is + // used). When nothing is selected, the cursor sits after previously + // seen text (can be empty), which is stored in prevInput (we must + // not reset the textarea when typing, because that breaks IME). + poll: function() { + var cm = this.cm, input = this.textarea, prevInput = this.prevInput; + // Since this is called a *lot*, try to bail out as cheaply as + // possible when it is clear that nothing happened. hasSelection + // will be the case when there is a lot of text in the textarea, + // in which case reading its value would be expensive. + if (this.contextMenuPending || !cm.state.focused || + (hasSelection(input) && !prevInput) || + isReadOnly(cm) || cm.options.disableInput || cm.state.keySeq) + return false; + + var text = input.value; + // If nothing changed, bail. + if (text == prevInput && !cm.somethingSelected()) return false; + // Work around nonsensical selection resetting in IE9/10, and + // inexplicable appearance of private area unicode characters on + // some key combos in Mac (#2689). + if (ie && ie_version >= 9 && this.hasSelection === text || + mac && /[\uf700-\uf7ff]/.test(text)) { + cm.display.input.reset(); + return false; + } + + if (cm.doc.sel == cm.display.selForContextMenu) { + var first = text.charCodeAt(0); + if (first == 0x200b && !prevInput) prevInput = "\u200b"; + if (first == 0x21da) { this.reset(); return this.cm.execCommand("undo"); } + } + // Find the part of the input that is actually new + var same = 0, l = Math.min(prevInput.length, text.length); + while (same < l && prevInput.charCodeAt(same) == text.charCodeAt(same)) ++same; + + var self = this; + runInOp(cm, function() { + applyTextInput(cm, text.slice(same), prevInput.length - same, + null, self.composing ? "*compose" : null); + + // Don't leave long text in the textarea, since it makes further polling slow + if (text.length > 1000 || text.indexOf("\n") > -1) input.value = self.prevInput = ""; + else self.prevInput = text; + + if (self.composing) { + self.composing.range.clear(); + self.composing.range = cm.markText(self.composing.start, cm.getCursor("to"), + {className: "CodeMirror-composing"}); + } + }); + return true; + }, + + ensurePolled: function() { + if (this.pollingFast && this.poll()) this.pollingFast = false; + }, + + onKeyPress: function() { + if (ie && ie_version >= 9) this.hasSelection = null; + this.fastPoll(); + }, + + onContextMenu: function(e) { + var input = this, cm = input.cm, display = cm.display, te = input.textarea; + var pos = posFromMouse(cm, e), scrollPos = display.scroller.scrollTop; + if (!pos || presto) return; // Opera is difficult. + + // Reset the current text selection only if the click is done outside of the selection + // and 'resetSelectionOnContextMenu' option is true. + var reset = cm.options.resetSelectionOnContextMenu; + if (reset && cm.doc.sel.contains(pos) == -1) + operation(cm, setSelection)(cm.doc, simpleSelection(pos), sel_dontScroll); + + var oldCSS = te.style.cssText; + input.wrapper.style.position = "absolute"; + te.style.cssText = "position: fixed; width: 30px; height: 30px; top: " + (e.clientY - 5) + + "px; left: " + (e.clientX - 5) + "px; z-index: 1000; background: " + + (ie ? "rgba(255, 255, 255, .05)" : "transparent") + + "; outline: none; border-width: 0; outline: none; overflow: hidden; opacity: .05; filter: alpha(opacity=5);"; + if (webkit) var oldScrollY = window.scrollY; // Work around Chrome issue (#2712) + display.input.focus(); + if (webkit) window.scrollTo(null, oldScrollY); + display.input.reset(); + // Adds "Select all" to context menu in FF + if (!cm.somethingSelected()) te.value = input.prevInput = " "; + input.contextMenuPending = true; + display.selForContextMenu = cm.doc.sel; + clearTimeout(display.detectingSelectAll); + + // Select-all will be greyed out if there's nothing to select, so + // this adds a zero-width space so that we can later check whether + // it got selected. + function prepareSelectAllHack() { + if (te.selectionStart != null) { + var selected = cm.somethingSelected(); + var extval = "\u200b" + (selected ? te.value : ""); + te.value = "\u21da"; // Used to catch context-menu undo + te.value = extval; + input.prevInput = selected ? "" : "\u200b"; + te.selectionStart = 1; te.selectionEnd = extval.length; + // Re-set this, in case some other handler touched the + // selection in the meantime. + display.selForContextMenu = cm.doc.sel; + } + } + function rehide() { + input.contextMenuPending = false; + input.wrapper.style.position = "relative"; + te.style.cssText = oldCSS; + if (ie && ie_version < 9) display.scrollbars.setScrollTop(display.scroller.scrollTop = scrollPos); + + // Try to detect the user choosing select-all + if (te.selectionStart != null) { + if (!ie || (ie && ie_version < 9)) prepareSelectAllHack(); + var i = 0, poll = function() { + if (display.selForContextMenu == cm.doc.sel && te.selectionStart == 0 && + te.selectionEnd > 0 && input.prevInput == "\u200b") + operation(cm, commands.selectAll)(cm); + else if (i++ < 10) display.detectingSelectAll = setTimeout(poll, 500); + else display.input.reset(); + }; + display.detectingSelectAll = setTimeout(poll, 200); + } + } + + if (ie && ie_version >= 9) prepareSelectAllHack(); + if (captureRightClick) { + e_stop(e); + var mouseup = function() { + off(window, "mouseup", mouseup); + setTimeout(rehide, 20); + }; + on(window, "mouseup", mouseup); + } else { + setTimeout(rehide, 50); + } + }, + + setUneditable: nothing, + + needsContentAttribute: false + }, TextareaInput.prototype); + + // CONTENTEDITABLE INPUT STYLE + + function ContentEditableInput(cm) { + this.cm = cm; + this.lastAnchorNode = this.lastAnchorOffset = this.lastFocusNode = this.lastFocusOffset = null; + this.polling = new Delayed(); + this.gracePeriod = false; + } + + ContentEditableInput.prototype = copyObj({ + init: function(display) { + var input = this, cm = input.cm; + var div = input.div = display.lineDiv; + div.contentEditable = "true"; + disableBrowserMagic(div); + + on(div, "paste", function(e) { handlePaste(e, cm); }) + + on(div, "compositionstart", function(e) { + var data = e.data; + input.composing = {sel: cm.doc.sel, data: data, startData: data}; + if (!data) return; + var prim = cm.doc.sel.primary(); + var line = cm.getLine(prim.head.line); + var found = line.indexOf(data, Math.max(0, prim.head.ch - data.length)); + if (found > -1 && found <= prim.head.ch) + input.composing.sel = simpleSelection(Pos(prim.head.line, found), + Pos(prim.head.line, found + data.length)); + }); + on(div, "compositionupdate", function(e) { + input.composing.data = e.data; + }); + on(div, "compositionend", function(e) { + var ours = input.composing; + if (!ours) return; + if (e.data != ours.startData && !/\u200b/.test(e.data)) + ours.data = e.data; + // Need a small delay to prevent other code (input event, + // selection polling) from doing damage when fired right after + // compositionend. + setTimeout(function() { + if (!ours.handled) + input.applyComposition(ours); + if (input.composing == ours) + input.composing = null; + }, 50); + }); + + on(div, "touchstart", function() { + input.forceCompositionEnd(); + }); + + on(div, "input", function() { + if (input.composing) return; + if (!input.pollContent()) + runInOp(input.cm, function() {regChange(cm);}); + }); + + function onCopyCut(e) { + if (cm.somethingSelected()) { + lastCopied = cm.getSelections(); + if (e.type == "cut") cm.replaceSelection("", null, "cut"); + } else if (!cm.options.lineWiseCopyCut) { + return; + } else { + var ranges = copyableRanges(cm); + lastCopied = ranges.text; + if (e.type == "cut") { + cm.operation(function() { + cm.setSelections(ranges.ranges, 0, sel_dontScroll); + cm.replaceSelection("", null, "cut"); + }); + } + } + // iOS exposes the clipboard API, but seems to discard content inserted into it + if (e.clipboardData && !ios) { + e.preventDefault(); + e.clipboardData.clearData(); + e.clipboardData.setData("text/plain", lastCopied.join("\n")); + } else { + // Old-fashioned briefly-focus-a-textarea hack + var kludge = hiddenTextarea(), te = kludge.firstChild; + cm.display.lineSpace.insertBefore(kludge, cm.display.lineSpace.firstChild); + te.value = lastCopied.join("\n"); + var hadFocus = document.activeElement; + selectInput(te); + setTimeout(function() { + cm.display.lineSpace.removeChild(kludge); + hadFocus.focus(); + }, 50); + } + } + on(div, "copy", onCopyCut); + on(div, "cut", onCopyCut); + }, + + prepareSelection: function() { + var result = prepareSelection(this.cm, false); + result.focus = this.cm.state.focused; + return result; + }, + + showSelection: function(info) { + if (!info || !this.cm.display.view.length) return; + if (info.focus) this.showPrimarySelection(); + this.showMultipleSelections(info); + }, + + showPrimarySelection: function() { + var sel = window.getSelection(), prim = this.cm.doc.sel.primary(); + var curAnchor = domToPos(this.cm, sel.anchorNode, sel.anchorOffset); + var curFocus = domToPos(this.cm, sel.focusNode, sel.focusOffset); + if (curAnchor && !curAnchor.bad && curFocus && !curFocus.bad && + cmp(minPos(curAnchor, curFocus), prim.from()) == 0 && + cmp(maxPos(curAnchor, curFocus), prim.to()) == 0) + return; + + var start = posToDOM(this.cm, prim.from()); + var end = posToDOM(this.cm, prim.to()); + if (!start && !end) return; + + var view = this.cm.display.view; + var old = sel.rangeCount && sel.getRangeAt(0); + if (!start) { + start = {node: view[0].measure.map[2], offset: 0}; + } else if (!end) { // FIXME dangerously hacky + var measure = view[view.length - 1].measure; + var map = measure.maps ? measure.maps[measure.maps.length - 1] : measure.map; + end = {node: map[map.length - 1], offset: map[map.length - 2] - map[map.length - 3]}; + } + + try { var rng = range(start.node, start.offset, end.offset, end.node); } + catch(e) {} // Our model of the DOM might be outdated, in which case the range we try to set can be impossible + if (rng) { + sel.removeAllRanges(); + sel.addRange(rng); + if (old && sel.anchorNode == null) sel.addRange(old); + else if (gecko) this.startGracePeriod(); + } + this.rememberSelection(); + }, + + startGracePeriod: function() { + var input = this; + clearTimeout(this.gracePeriod); + this.gracePeriod = setTimeout(function() { + input.gracePeriod = false; + if (input.selectionChanged()) + input.cm.operation(function() { input.cm.curOp.selectionChanged = true; }); + }, 20); + }, + + showMultipleSelections: function(info) { + removeChildrenAndAdd(this.cm.display.cursorDiv, info.cursors); + removeChildrenAndAdd(this.cm.display.selectionDiv, info.selection); + }, + + rememberSelection: function() { + var sel = window.getSelection(); + this.lastAnchorNode = sel.anchorNode; this.lastAnchorOffset = sel.anchorOffset; + this.lastFocusNode = sel.focusNode; this.lastFocusOffset = sel.focusOffset; + }, + + selectionInEditor: function() { + var sel = window.getSelection(); + if (!sel.rangeCount) return false; + var node = sel.getRangeAt(0).commonAncestorContainer; + return contains(this.div, node); + }, + + focus: function() { + if (this.cm.options.readOnly != "nocursor") this.div.focus(); + }, + blur: function() { this.div.blur(); }, + getField: function() { return this.div; }, + + supportsTouch: function() { return true; }, + + receivedFocus: function() { + var input = this; + if (this.selectionInEditor()) + this.pollSelection(); + else + runInOp(this.cm, function() { input.cm.curOp.selectionChanged = true; }); + + function poll() { + if (input.cm.state.focused) { + input.pollSelection(); + input.polling.set(input.cm.options.pollInterval, poll); + } + } + this.polling.set(this.cm.options.pollInterval, poll); + }, + + selectionChanged: function() { + var sel = window.getSelection(); + return sel.anchorNode != this.lastAnchorNode || sel.anchorOffset != this.lastAnchorOffset || + sel.focusNode != this.lastFocusNode || sel.focusOffset != this.lastFocusOffset; + }, + + pollSelection: function() { + if (!this.composing && !this.gracePeriod && this.selectionChanged()) { + var sel = window.getSelection(), cm = this.cm; + this.rememberSelection(); + var anchor = domToPos(cm, sel.anchorNode, sel.anchorOffset); + var head = domToPos(cm, sel.focusNode, sel.focusOffset); + if (anchor && head) runInOp(cm, function() { + setSelection(cm.doc, simpleSelection(anchor, head), sel_dontScroll); + if (anchor.bad || head.bad) cm.curOp.selectionChanged = true; + }); + } + }, + + pollContent: function() { + var cm = this.cm, display = cm.display, sel = cm.doc.sel.primary(); + var from = sel.from(), to = sel.to(); + if (from.line < display.viewFrom || to.line > display.viewTo - 1) return false; + + var fromIndex; + if (from.line == display.viewFrom || (fromIndex = findViewIndex(cm, from.line)) == 0) { + var fromLine = lineNo(display.view[0].line); + var fromNode = display.view[0].node; + } else { + var fromLine = lineNo(display.view[fromIndex].line); + var fromNode = display.view[fromIndex - 1].node.nextSibling; + } + var toIndex = findViewIndex(cm, to.line); + if (toIndex == display.view.length - 1) { + var toLine = display.viewTo - 1; + var toNode = display.lineDiv.lastChild; + } else { + var toLine = lineNo(display.view[toIndex + 1].line) - 1; + var toNode = display.view[toIndex + 1].node.previousSibling; + } + + var newText = splitLines(domTextBetween(cm, fromNode, toNode, fromLine, toLine)); + var oldText = getBetween(cm.doc, Pos(fromLine, 0), Pos(toLine, getLine(cm.doc, toLine).text.length)); + while (newText.length > 1 && oldText.length > 1) { + if (lst(newText) == lst(oldText)) { newText.pop(); oldText.pop(); toLine--; } + else if (newText[0] == oldText[0]) { newText.shift(); oldText.shift(); fromLine++; } + else break; + } + + var cutFront = 0, cutEnd = 0; + var newTop = newText[0], oldTop = oldText[0], maxCutFront = Math.min(newTop.length, oldTop.length); + while (cutFront < maxCutFront && newTop.charCodeAt(cutFront) == oldTop.charCodeAt(cutFront)) + ++cutFront; + var newBot = lst(newText), oldBot = lst(oldText); + var maxCutEnd = Math.min(newBot.length - (newText.length == 1 ? cutFront : 0), + oldBot.length - (oldText.length == 1 ? cutFront : 0)); + while (cutEnd < maxCutEnd && + newBot.charCodeAt(newBot.length - cutEnd - 1) == oldBot.charCodeAt(oldBot.length - cutEnd - 1)) + ++cutEnd; + + newText[newText.length - 1] = newBot.slice(0, newBot.length - cutEnd); + newText[0] = newText[0].slice(cutFront); + + var chFrom = Pos(fromLine, cutFront); + var chTo = Pos(toLine, oldText.length ? lst(oldText).length - cutEnd : 0); + if (newText.length > 1 || newText[0] || cmp(chFrom, chTo)) { + replaceRange(cm.doc, newText, chFrom, chTo, "+input"); + return true; + } + }, + + ensurePolled: function() { + this.forceCompositionEnd(); + }, + reset: function() { + this.forceCompositionEnd(); + }, + forceCompositionEnd: function() { + if (!this.composing || this.composing.handled) return; + this.applyComposition(this.composing); + this.composing.handled = true; + this.div.blur(); + this.div.focus(); + }, + applyComposition: function(composing) { + if (composing.data && composing.data != composing.startData) + operation(this.cm, applyTextInput)(this.cm, composing.data, 0, composing.sel); + }, + + setUneditable: function(node) { + node.setAttribute("contenteditable", "false"); + }, + + onKeyPress: function(e) { + e.preventDefault(); + operation(this.cm, applyTextInput)(this.cm, String.fromCharCode(e.charCode == null ? e.keyCode : e.charCode), 0); + }, + + onContextMenu: nothing, + resetPosition: nothing, + + needsContentAttribute: true + }, ContentEditableInput.prototype); + + function posToDOM(cm, pos) { + var view = findViewForLine(cm, pos.line); + if (!view || view.hidden) return null; + var line = getLine(cm.doc, pos.line); + var info = mapFromLineView(view, line, pos.line); + + var order = getOrder(line), side = "left"; + if (order) { + var partPos = getBidiPartAt(order, pos.ch); + side = partPos % 2 ? "right" : "left"; + } + var result = nodeAndOffsetInLineMap(info.map, pos.ch, side); + result.offset = result.collapse == "right" ? result.end : result.start; + return result; + } + + function badPos(pos, bad) { if (bad) pos.bad = true; return pos; } + + function domToPos(cm, node, offset) { + var lineNode; + if (node == cm.display.lineDiv) { + lineNode = cm.display.lineDiv.childNodes[offset]; + if (!lineNode) return badPos(cm.clipPos(Pos(cm.display.viewTo - 1)), true); + node = null; offset = 0; + } else { + for (lineNode = node;; lineNode = lineNode.parentNode) { + if (!lineNode || lineNode == cm.display.lineDiv) return null; + if (lineNode.parentNode && lineNode.parentNode == cm.display.lineDiv) break; + } + } + for (var i = 0; i < cm.display.view.length; i++) { + var lineView = cm.display.view[i]; + if (lineView.node == lineNode) + return locateNodeInLineView(lineView, node, offset); + } + } + + function locateNodeInLineView(lineView, node, offset) { + var wrapper = lineView.text.firstChild, bad = false; + if (!node || !contains(wrapper, node)) return badPos(Pos(lineNo(lineView.line), 0), true); + if (node == wrapper) { + bad = true; + node = wrapper.childNodes[offset]; + offset = 0; + if (!node) { + var line = lineView.rest ? lst(lineView.rest) : lineView.line; + return badPos(Pos(lineNo(line), line.text.length), bad); + } + } + + var textNode = node.nodeType == 3 ? node : null, topNode = node; + if (!textNode && node.childNodes.length == 1 && node.firstChild.nodeType == 3) { + textNode = node.firstChild; + if (offset) offset = textNode.nodeValue.length; + } + while (topNode.parentNode != wrapper) topNode = topNode.parentNode; + var measure = lineView.measure, maps = measure.maps; + + function find(textNode, topNode, offset) { + for (var i = -1; i < (maps ? maps.length : 0); i++) { + var map = i < 0 ? measure.map : maps[i]; + for (var j = 0; j < map.length; j += 3) { + var curNode = map[j + 2]; + if (curNode == textNode || curNode == topNode) { + var line = lineNo(i < 0 ? lineView.line : lineView.rest[i]); + var ch = map[j] + offset; + if (offset < 0 || curNode != textNode) ch = map[j + (offset ? 1 : 0)]; + return Pos(line, ch); + } + } + } + } + var found = find(textNode, topNode, offset); + if (found) return badPos(found, bad); + + // FIXME this is all really shaky. might handle the few cases it needs to handle, but likely to cause problems + for (var after = topNode.nextSibling, dist = textNode ? textNode.nodeValue.length - offset : 0; after; after = after.nextSibling) { + found = find(after, after.firstChild, 0); + if (found) + return badPos(Pos(found.line, found.ch - dist), bad); + else + dist += after.textContent.length; + } + for (var before = topNode.previousSibling, dist = offset; before; before = before.previousSibling) { + found = find(before, before.firstChild, -1); + if (found) + return badPos(Pos(found.line, found.ch + dist), bad); + else + dist += after.textContent.length; + } + } + + function domTextBetween(cm, from, to, fromLine, toLine) { + var text = "", closing = false; + function recognizeMarker(id) { return function(marker) { return marker.id == id; }; } + function walk(node) { + if (node.nodeType == 1) { + var cmText = node.getAttribute("cm-text"); + if (cmText != null) { + if (cmText == "") cmText = node.textContent.replace(/\u200b/g, ""); + text += cmText; + return; + } + var markerID = node.getAttribute("cm-marker"), range; + if (markerID) { + var found = cm.findMarks(Pos(fromLine, 0), Pos(toLine + 1, 0), recognizeMarker(+markerID)); + if (found.length && (range = found[0].find())) + text += getBetween(cm.doc, range.from, range.to).join("\n"); + return; + } + if (node.getAttribute("contenteditable") == "false") return; + for (var i = 0; i < node.childNodes.length; i++) + walk(node.childNodes[i]); + if (/^(pre|div|p)$/i.test(node.nodeName)) + closing = true; + } else if (node.nodeType == 3) { + var val = node.nodeValue; + if (!val) return; + if (closing) { + text += "\n"; + closing = false; + } + text += val; + } + } + for (;;) { + walk(from); + if (from == to) break; + from = from.nextSibling; + } + return text; + } + + CodeMirror.inputStyles = {"textarea": TextareaInput, "contenteditable": ContentEditableInput}; + + // SELECTION / CURSOR + + // Selection objects are immutable. A new one is created every time + // the selection changes. A selection is one or more non-overlapping + // (and non-touching) ranges, sorted, and an integer that indicates + // which one is the primary selection (the one that's scrolled into + // view, that getCursor returns, etc). + function Selection(ranges, primIndex) { + this.ranges = ranges; + this.primIndex = primIndex; + } + + Selection.prototype = { + primary: function() { return this.ranges[this.primIndex]; }, + equals: function(other) { + if (other == this) return true; + if (other.primIndex != this.primIndex || other.ranges.length != this.ranges.length) return false; + for (var i = 0; i < this.ranges.length; i++) { + var here = this.ranges[i], there = other.ranges[i]; + if (cmp(here.anchor, there.anchor) != 0 || cmp(here.head, there.head) != 0) return false; + } + return true; + }, + deepCopy: function() { + for (var out = [], i = 0; i < this.ranges.length; i++) + out[i] = new Range(copyPos(this.ranges[i].anchor), copyPos(this.ranges[i].head)); + return new Selection(out, this.primIndex); + }, + somethingSelected: function() { + for (var i = 0; i < this.ranges.length; i++) + if (!this.ranges[i].empty()) return true; + return false; + }, + contains: function(pos, end) { + if (!end) end = pos; + for (var i = 0; i < this.ranges.length; i++) { + var range = this.ranges[i]; + if (cmp(end, range.from()) >= 0 && cmp(pos, range.to()) <= 0) + return i; + } + return -1; + } + }; + + function Range(anchor, head) { + this.anchor = anchor; this.head = head; + } + + Range.prototype = { + from: function() { return minPos(this.anchor, this.head); }, + to: function() { return maxPos(this.anchor, this.head); }, + empty: function() { + return this.head.line == this.anchor.line && this.head.ch == this.anchor.ch; + } + }; + + // Take an unsorted, potentially overlapping set of ranges, and + // build a selection out of it. 'Consumes' ranges array (modifying + // it). + function normalizeSelection(ranges, primIndex) { + var prim = ranges[primIndex]; + ranges.sort(function(a, b) { return cmp(a.from(), b.from()); }); + primIndex = indexOf(ranges, prim); + for (var i = 1; i < ranges.length; i++) { + var cur = ranges[i], prev = ranges[i - 1]; + if (cmp(prev.to(), cur.from()) >= 0) { + var from = minPos(prev.from(), cur.from()), to = maxPos(prev.to(), cur.to()); + var inv = prev.empty() ? cur.from() == cur.head : prev.from() == prev.head; + if (i <= primIndex) --primIndex; + ranges.splice(--i, 2, new Range(inv ? to : from, inv ? from : to)); + } + } + return new Selection(ranges, primIndex); + } + + function simpleSelection(anchor, head) { + return new Selection([new Range(anchor, head || anchor)], 0); + } + + // Most of the external API clips given positions to make sure they + // actually exist within the document. + function clipLine(doc, n) {return Math.max(doc.first, Math.min(n, doc.first + doc.size - 1));} + function clipPos(doc, pos) { + if (pos.line < doc.first) return Pos(doc.first, 0); + var last = doc.first + doc.size - 1; + if (pos.line > last) return Pos(last, getLine(doc, last).text.length); + return clipToLen(pos, getLine(doc, pos.line).text.length); + } + function clipToLen(pos, linelen) { + var ch = pos.ch; + if (ch == null || ch > linelen) return Pos(pos.line, linelen); + else if (ch < 0) return Pos(pos.line, 0); + else return pos; + } + function isLine(doc, l) {return l >= doc.first && l < doc.first + doc.size;} + function clipPosArray(doc, array) { + for (var out = [], i = 0; i < array.length; i++) out[i] = clipPos(doc, array[i]); + return out; + } + + // SELECTION UPDATES + + // The 'scroll' parameter given to many of these indicated whether + // the new cursor position should be scrolled into view after + // modifying the selection. + + // If shift is held or the extend flag is set, extends a range to + // include a given position (and optionally a second position). + // Otherwise, simply returns the range between the given positions. + // Used for cursor motion and such. + function extendRange(doc, range, head, other) { + if (doc.cm && doc.cm.display.shift || doc.extend) { + var anchor = range.anchor; + if (other) { + var posBefore = cmp(head, anchor) < 0; + if (posBefore != (cmp(other, anchor) < 0)) { + anchor = head; + head = other; + } else if (posBefore != (cmp(head, other) < 0)) { + head = other; + } + } + return new Range(anchor, head); + } else { + return new Range(other || head, head); + } + } + + // Extend the primary selection range, discard the rest. + function extendSelection(doc, head, other, options) { + setSelection(doc, new Selection([extendRange(doc, doc.sel.primary(), head, other)], 0), options); + } + + // Extend all selections (pos is an array of selections with length + // equal the number of selections) + function extendSelections(doc, heads, options) { + for (var out = [], i = 0; i < doc.sel.ranges.length; i++) + out[i] = extendRange(doc, doc.sel.ranges[i], heads[i], null); + var newSel = normalizeSelection(out, doc.sel.primIndex); + setSelection(doc, newSel, options); + } + + // Updates a single range in the selection. + function replaceOneSelection(doc, i, range, options) { + var ranges = doc.sel.ranges.slice(0); + ranges[i] = range; + setSelection(doc, normalizeSelection(ranges, doc.sel.primIndex), options); + } + + // Reset the selection to a single range. + function setSimpleSelection(doc, anchor, head, options) { + setSelection(doc, simpleSelection(anchor, head), options); + } + + // Give beforeSelectionChange handlers a change to influence a + // selection update. + function filterSelectionChange(doc, sel) { + var obj = { + ranges: sel.ranges, + update: function(ranges) { + this.ranges = []; + for (var i = 0; i < ranges.length; i++) + this.ranges[i] = new Range(clipPos(doc, ranges[i].anchor), + clipPos(doc, ranges[i].head)); + } + }; + signal(doc, "beforeSelectionChange", doc, obj); + if (doc.cm) signal(doc.cm, "beforeSelectionChange", doc.cm, obj); + if (obj.ranges != sel.ranges) return normalizeSelection(obj.ranges, obj.ranges.length - 1); + else return sel; + } + + function setSelectionReplaceHistory(doc, sel, options) { + var done = doc.history.done, last = lst(done); + if (last && last.ranges) { + done[done.length - 1] = sel; + setSelectionNoUndo(doc, sel, options); + } else { + setSelection(doc, sel, options); + } + } + + // Set a new selection. + function setSelection(doc, sel, options) { + setSelectionNoUndo(doc, sel, options); + addSelectionToHistory(doc, doc.sel, doc.cm ? doc.cm.curOp.id : NaN, options); + } + + function setSelectionNoUndo(doc, sel, options) { + if (hasHandler(doc, "beforeSelectionChange") || doc.cm && hasHandler(doc.cm, "beforeSelectionChange")) + sel = filterSelectionChange(doc, sel); + + var bias = options && options.bias || + (cmp(sel.primary().head, doc.sel.primary().head) < 0 ? -1 : 1); + setSelectionInner(doc, skipAtomicInSelection(doc, sel, bias, true)); + + if (!(options && options.scroll === false) && doc.cm) + ensureCursorVisible(doc.cm); + } + + function setSelectionInner(doc, sel) { + if (sel.equals(doc.sel)) return; + + doc.sel = sel; + + if (doc.cm) { + doc.cm.curOp.updateInput = doc.cm.curOp.selectionChanged = true; + signalCursorActivity(doc.cm); + } + signalLater(doc, "cursorActivity", doc); + } + + // Verify that the selection does not partially select any atomic + // marked ranges. + function reCheckSelection(doc) { + setSelectionInner(doc, skipAtomicInSelection(doc, doc.sel, null, false), sel_dontScroll); + } + + // Return a selection that does not partially select any atomic + // ranges. + function skipAtomicInSelection(doc, sel, bias, mayClear) { + var out; + for (var i = 0; i < sel.ranges.length; i++) { + var range = sel.ranges[i]; + var newAnchor = skipAtomic(doc, range.anchor, bias, mayClear); + var newHead = skipAtomic(doc, range.head, bias, mayClear); + if (out || newAnchor != range.anchor || newHead != range.head) { + if (!out) out = sel.ranges.slice(0, i); + out[i] = new Range(newAnchor, newHead); + } + } + return out ? normalizeSelection(out, sel.primIndex) : sel; + } + + // Ensure a given position is not inside an atomic range. + function skipAtomic(doc, pos, bias, mayClear) { + var flipped = false, curPos = pos; + var dir = bias || 1; + doc.cantEdit = false; + search: for (;;) { + var line = getLine(doc, curPos.line); + if (line.markedSpans) { + for (var i = 0; i < line.markedSpans.length; ++i) { + var sp = line.markedSpans[i], m = sp.marker; + if ((sp.from == null || (m.inclusiveLeft ? sp.from <= curPos.ch : sp.from < curPos.ch)) && + (sp.to == null || (m.inclusiveRight ? sp.to >= curPos.ch : sp.to > curPos.ch))) { + if (mayClear) { + signal(m, "beforeCursorEnter"); + if (m.explicitlyCleared) { + if (!line.markedSpans) break; + else {--i; continue;} + } + } + if (!m.atomic) continue; + var newPos = m.find(dir < 0 ? -1 : 1); + if (cmp(newPos, curPos) == 0) { + newPos.ch += dir; + if (newPos.ch < 0) { + if (newPos.line > doc.first) newPos = clipPos(doc, Pos(newPos.line - 1)); + else newPos = null; + } else if (newPos.ch > line.text.length) { + if (newPos.line < doc.first + doc.size - 1) newPos = Pos(newPos.line + 1, 0); + else newPos = null; + } + if (!newPos) { + if (flipped) { + // Driven in a corner -- no valid cursor position found at all + // -- try again *with* clearing, if we didn't already + if (!mayClear) return skipAtomic(doc, pos, bias, true); + // Otherwise, turn off editing until further notice, and return the start of the doc + doc.cantEdit = true; + return Pos(doc.first, 0); + } + flipped = true; newPos = pos; dir = -dir; + } + } + curPos = newPos; + continue search; + } + } + } + return curPos; + } + } + + // SELECTION DRAWING + + function updateSelection(cm) { + cm.display.input.showSelection(cm.display.input.prepareSelection()); + } + + function prepareSelection(cm, primary) { + var doc = cm.doc, result = {}; + var curFragment = result.cursors = document.createDocumentFragment(); + var selFragment = result.selection = document.createDocumentFragment(); + + for (var i = 0; i < doc.sel.ranges.length; i++) { + if (primary === false && i == doc.sel.primIndex) continue; + var range = doc.sel.ranges[i]; + var collapsed = range.empty(); + if (collapsed || cm.options.showCursorWhenSelecting) + drawSelectionCursor(cm, range, curFragment); + if (!collapsed) + drawSelectionRange(cm, range, selFragment); + } + return result; + } + + // Draws a cursor for the given range + function drawSelectionCursor(cm, range, output) { + var pos = cursorCoords(cm, range.head, "div", null, null, !cm.options.singleCursorHeightPerLine); + + var cursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor")); + cursor.style.left = pos.left + "px"; + cursor.style.top = pos.top + "px"; + cursor.style.height = Math.max(0, pos.bottom - pos.top) * cm.options.cursorHeight + "px"; + + if (pos.other) { + // Secondary cursor, shown when on a 'jump' in bi-directional text + var otherCursor = output.appendChild(elt("div", "\u00a0", "CodeMirror-cursor CodeMirror-secondarycursor")); + otherCursor.style.display = ""; + otherCursor.style.left = pos.other.left + "px"; + otherCursor.style.top = pos.other.top + "px"; + otherCursor.style.height = (pos.other.bottom - pos.other.top) * .85 + "px"; + } + } + + // Draws the given range as a highlighted selection + function drawSelectionRange(cm, range, output) { + var display = cm.display, doc = cm.doc; + var fragment = document.createDocumentFragment(); + var padding = paddingH(cm.display), leftSide = padding.left; + var rightSide = Math.max(display.sizerWidth, displayWidth(cm) - display.sizer.offsetLeft) - padding.right; + + function add(left, top, width, bottom) { + if (top < 0) top = 0; + top = Math.round(top); + bottom = Math.round(bottom); + fragment.appendChild(elt("div", null, "CodeMirror-selected", "position: absolute; left: " + left + + "px; top: " + top + "px; width: " + (width == null ? rightSide - left : width) + + "px; height: " + (bottom - top) + "px")); + } + + function drawForLine(line, fromArg, toArg) { + var lineObj = getLine(doc, line); + var lineLen = lineObj.text.length; + var start, end; + function coords(ch, bias) { + return charCoords(cm, Pos(line, ch), "div", lineObj, bias); + } + + iterateBidiSections(getOrder(lineObj), fromArg || 0, toArg == null ? lineLen : toArg, function(from, to, dir) { + var leftPos = coords(from, "left"), rightPos, left, right; + if (from == to) { + rightPos = leftPos; + left = right = leftPos.left; + } else { + rightPos = coords(to - 1, "right"); + if (dir == "rtl") { var tmp = leftPos; leftPos = rightPos; rightPos = tmp; } + left = leftPos.left; + right = rightPos.right; + } + if (fromArg == null && from == 0) left = leftSide; + if (rightPos.top - leftPos.top > 3) { // Different lines, draw top part + add(left, leftPos.top, null, leftPos.bottom); + left = leftSide; + if (leftPos.bottom < rightPos.top) add(left, leftPos.bottom, null, rightPos.top); + } + if (toArg == null && to == lineLen) right = rightSide; + if (!start || leftPos.top < start.top || leftPos.top == start.top && leftPos.left < start.left) + start = leftPos; + if (!end || rightPos.bottom > end.bottom || rightPos.bottom == end.bottom && rightPos.right > end.right) + end = rightPos; + if (left < leftSide + 1) left = leftSide; + add(left, rightPos.top, right - left, rightPos.bottom); + }); + return {start: start, end: end}; + } + + var sFrom = range.from(), sTo = range.to(); + if (sFrom.line == sTo.line) { + drawForLine(sFrom.line, sFrom.ch, sTo.ch); + } else { + var fromLine = getLine(doc, sFrom.line), toLine = getLine(doc, sTo.line); + var singleVLine = visualLine(fromLine) == visualLine(toLine); + var leftEnd = drawForLine(sFrom.line, sFrom.ch, singleVLine ? fromLine.text.length + 1 : null).end; + var rightStart = drawForLine(sTo.line, singleVLine ? 0 : null, sTo.ch).start; + if (singleVLine) { + if (leftEnd.top < rightStart.top - 2) { + add(leftEnd.right, leftEnd.top, null, leftEnd.bottom); + add(leftSide, rightStart.top, rightStart.left, rightStart.bottom); + } else { + add(leftEnd.right, leftEnd.top, rightStart.left - leftEnd.right, leftEnd.bottom); + } + } + if (leftEnd.bottom < rightStart.top) + add(leftSide, leftEnd.bottom, null, rightStart.top); + } + + output.appendChild(fragment); + } + + // Cursor-blinking + function restartBlink(cm) { + if (!cm.state.focused) return; + var display = cm.display; + clearInterval(display.blinker); + var on = true; + display.cursorDiv.style.visibility = ""; + if (cm.options.cursorBlinkRate > 0) + display.blinker = setInterval(function() { + display.cursorDiv.style.visibility = (on = !on) ? "" : "hidden"; + }, cm.options.cursorBlinkRate); + else if (cm.options.cursorBlinkRate < 0) + display.cursorDiv.style.visibility = "hidden"; + } + + // HIGHLIGHT WORKER + + function startWorker(cm, time) { + if (cm.doc.mode.startState && cm.doc.frontier < cm.display.viewTo) + cm.state.highlight.set(time, bind(highlightWorker, cm)); + } + + function highlightWorker(cm) { + var doc = cm.doc; + if (doc.frontier < doc.first) doc.frontier = doc.first; + if (doc.frontier >= cm.display.viewTo) return; + var end = +new Date + cm.options.workTime; + var state = copyState(doc.mode, getStateBefore(cm, doc.frontier)); + var changedLines = []; + + doc.iter(doc.frontier, Math.min(doc.first + doc.size, cm.display.viewTo + 500), function(line) { + if (doc.frontier >= cm.display.viewFrom) { // Visible + var oldStyles = line.styles; + var highlighted = highlightLine(cm, line, state, true); + line.styles = highlighted.styles; + var oldCls = line.styleClasses, newCls = highlighted.classes; + if (newCls) line.styleClasses = newCls; + else if (oldCls) line.styleClasses = null; + var ischange = !oldStyles || oldStyles.length != line.styles.length || + oldCls != newCls && (!oldCls || !newCls || oldCls.bgClass != newCls.bgClass || oldCls.textClass != newCls.textClass); + for (var i = 0; !ischange && i < oldStyles.length; ++i) ischange = oldStyles[i] != line.styles[i]; + if (ischange) changedLines.push(doc.frontier); + line.stateAfter = copyState(doc.mode, state); + } else { + processLine(cm, line.text, state); + line.stateAfter = doc.frontier % 5 == 0 ? copyState(doc.mode, state) : null; + } + ++doc.frontier; + if (+new Date > end) { + startWorker(cm, cm.options.workDelay); + return true; + } + }); + if (changedLines.length) runInOp(cm, function() { + for (var i = 0; i < changedLines.length; i++) + regLineChange(cm, changedLines[i], "text"); + }); + } + + // Finds the line to start with when starting a parse. Tries to + // find a line with a stateAfter, so that it can start with a + // valid state. If that fails, it returns the line with the + // smallest indentation, which tends to need the least context to + // parse correctly. + function findStartLine(cm, n, precise) { + var minindent, minline, doc = cm.doc; + var lim = precise ? -1 : n - (cm.doc.mode.innerMode ? 1000 : 100); + for (var search = n; search > lim; --search) { + if (search <= doc.first) return doc.first; + var line = getLine(doc, search - 1); + if (line.stateAfter && (!precise || search <= doc.frontier)) return search; + var indented = countColumn(line.text, null, cm.options.tabSize); + if (minline == null || minindent > indented) { + minline = search - 1; + minindent = indented; + } + } + return minline; + } + + function getStateBefore(cm, n, precise) { + var doc = cm.doc, display = cm.display; + if (!doc.mode.startState) return true; + var pos = findStartLine(cm, n, precise), state = pos > doc.first && getLine(doc, pos-1).stateAfter; + if (!state) state = startState(doc.mode); + else state = copyState(doc.mode, state); + doc.iter(pos, n, function(line) { + processLine(cm, line.text, state); + var save = pos == n - 1 || pos % 5 == 0 || pos >= display.viewFrom && pos < display.viewTo; + line.stateAfter = save ? copyState(doc.mode, state) : null; + ++pos; + }); + if (precise) doc.frontier = pos; + return state; + } + + // POSITION MEASUREMENT + + function paddingTop(display) {return display.lineSpace.offsetTop;} + function paddingVert(display) {return display.mover.offsetHeight - display.lineSpace.offsetHeight;} + function paddingH(display) { + if (display.cachedPaddingH) return display.cachedPaddingH; + var e = removeChildrenAndAdd(display.measure, elt("pre", "x")); + var style = window.getComputedStyle ? window.getComputedStyle(e) : e.currentStyle; + var data = {left: parseInt(style.paddingLeft), right: parseInt(style.paddingRight)}; + if (!isNaN(data.left) && !isNaN(data.right)) display.cachedPaddingH = data; + return data; + } + + function scrollGap(cm) { return scrollerGap - cm.display.nativeBarWidth; } + function displayWidth(cm) { + return cm.display.scroller.clientWidth - scrollGap(cm) - cm.display.barWidth; + } + function displayHeight(cm) { + return cm.display.scroller.clientHeight - scrollGap(cm) - cm.display.barHeight; + } + + // Ensure the lineView.wrapping.heights array is populated. This is + // an array of bottom offsets for the lines that make up a drawn + // line. When lineWrapping is on, there might be more than one + // height. + function ensureLineHeights(cm, lineView, rect) { + var wrapping = cm.options.lineWrapping; + var curWidth = wrapping && displayWidth(cm); + if (!lineView.measure.heights || wrapping && lineView.measure.width != curWidth) { + var heights = lineView.measure.heights = []; + if (wrapping) { + lineView.measure.width = curWidth; + var rects = lineView.text.firstChild.getClientRects(); + for (var i = 0; i < rects.length - 1; i++) { + var cur = rects[i], next = rects[i + 1]; + if (Math.abs(cur.bottom - next.bottom) > 2) + heights.push((cur.bottom + next.top) / 2 - rect.top); + } + } + heights.push(rect.bottom - rect.top); + } + } + + // Find a line map (mapping character offsets to text nodes) and a + // measurement cache for the given line number. (A line view might + // contain multiple lines when collapsed ranges are present.) + function mapFromLineView(lineView, line, lineN) { + if (lineView.line == line) + return {map: lineView.measure.map, cache: lineView.measure.cache}; + for (var i = 0; i < lineView.rest.length; i++) + if (lineView.rest[i] == line) + return {map: lineView.measure.maps[i], cache: lineView.measure.caches[i]}; + for (var i = 0; i < lineView.rest.length; i++) + if (lineNo(lineView.rest[i]) > lineN) + return {map: lineView.measure.maps[i], cache: lineView.measure.caches[i], before: true}; + } + + // Render a line into the hidden node display.externalMeasured. Used + // when measurement is needed for a line that's not in the viewport. + function updateExternalMeasurement(cm, line) { + line = visualLine(line); + var lineN = lineNo(line); + var view = cm.display.externalMeasured = new LineView(cm.doc, line, lineN); + view.lineN = lineN; + var built = view.built = buildLineContent(cm, view); + view.text = built.pre; + removeChildrenAndAdd(cm.display.lineMeasure, built.pre); + return view; + } + + // Get a {top, bottom, left, right} box (in line-local coordinates) + // for a given character. + function measureChar(cm, line, ch, bias) { + return measureCharPrepared(cm, prepareMeasureForLine(cm, line), ch, bias); + } + + // Find a line view that corresponds to the given line number. + function findViewForLine(cm, lineN) { + if (lineN >= cm.display.viewFrom && lineN < cm.display.viewTo) + return cm.display.view[findViewIndex(cm, lineN)]; + var ext = cm.display.externalMeasured; + if (ext && lineN >= ext.lineN && lineN < ext.lineN + ext.size) + return ext; + } + + // Measurement can be split in two steps, the set-up work that + // applies to the whole line, and the measurement of the actual + // character. Functions like coordsChar, that need to do a lot of + // measurements in a row, can thus ensure that the set-up work is + // only done once. + function prepareMeasureForLine(cm, line) { + var lineN = lineNo(line); + var view = findViewForLine(cm, lineN); + if (view && !view.text) + view = null; + else if (view && view.changes) + updateLineForChanges(cm, view, lineN, getDimensions(cm)); + if (!view) + view = updateExternalMeasurement(cm, line); + + var info = mapFromLineView(view, line, lineN); + return { + line: line, view: view, rect: null, + map: info.map, cache: info.cache, before: info.before, + hasHeights: false + }; + } + + // Given a prepared measurement object, measures the position of an + // actual character (or fetches it from the cache). + function measureCharPrepared(cm, prepared, ch, bias, varHeight) { + if (prepared.before) ch = -1; + var key = ch + (bias || ""), found; + if (prepared.cache.hasOwnProperty(key)) { + found = prepared.cache[key]; + } else { + if (!prepared.rect) + prepared.rect = prepared.view.text.getBoundingClientRect(); + if (!prepared.hasHeights) { + ensureLineHeights(cm, prepared.view, prepared.rect); + prepared.hasHeights = true; + } + found = measureCharInner(cm, prepared, ch, bias); + if (!found.bogus) prepared.cache[key] = found; + } + return {left: found.left, right: found.right, + top: varHeight ? found.rtop : found.top, + bottom: varHeight ? found.rbottom : found.bottom}; + } + + var nullRect = {left: 0, right: 0, top: 0, bottom: 0}; + + function nodeAndOffsetInLineMap(map, ch, bias) { + var node, start, end, collapse; + // First, search the line map for the text node corresponding to, + // or closest to, the target character. + for (var i = 0; i < map.length; i += 3) { + var mStart = map[i], mEnd = map[i + 1]; + if (ch < mStart) { + start = 0; end = 1; + collapse = "left"; + } else if (ch < mEnd) { + start = ch - mStart; + end = start + 1; + } else if (i == map.length - 3 || ch == mEnd && map[i + 3] > ch) { + end = mEnd - mStart; + start = end - 1; + if (ch >= mEnd) collapse = "right"; + } + if (start != null) { + node = map[i + 2]; + if (mStart == mEnd && bias == (node.insertLeft ? "left" : "right")) + collapse = bias; + if (bias == "left" && start == 0) + while (i && map[i - 2] == map[i - 3] && map[i - 1].insertLeft) { + node = map[(i -= 3) + 2]; + collapse = "left"; + } + if (bias == "right" && start == mEnd - mStart) + while (i < map.length - 3 && map[i + 3] == map[i + 4] && !map[i + 5].insertLeft) { + node = map[(i += 3) + 2]; + collapse = "right"; + } + break; + } + } + return {node: node, start: start, end: end, collapse: collapse, coverStart: mStart, coverEnd: mEnd}; + } + + function measureCharInner(cm, prepared, ch, bias) { + var place = nodeAndOffsetInLineMap(prepared.map, ch, bias); + var node = place.node, start = place.start, end = place.end, collapse = place.collapse; + + var rect; + if (node.nodeType == 3) { // If it is a text node, use a range to retrieve the coordinates. + for (var i = 0; i < 4; i++) { // Retry a maximum of 4 times when nonsense rectangles are returned + while (start && isExtendingChar(prepared.line.text.charAt(place.coverStart + start))) --start; + while (place.coverStart + end < place.coverEnd && isExtendingChar(prepared.line.text.charAt(place.coverStart + end))) ++end; + if (ie && ie_version < 9 && start == 0 && end == place.coverEnd - place.coverStart) { + rect = node.parentNode.getBoundingClientRect(); + } else if (ie && cm.options.lineWrapping) { + var rects = range(node, start, end).getClientRects(); + if (rects.length) + rect = rects[bias == "right" ? rects.length - 1 : 0]; + else + rect = nullRect; + } else { + rect = range(node, start, end).getBoundingClientRect() || nullRect; + } + if (rect.left || rect.right || start == 0) break; + end = start; + start = start - 1; + collapse = "right"; + } + if (ie && ie_version < 11) rect = maybeUpdateRectForZooming(cm.display.measure, rect); + } else { // If it is a widget, simply get the box for the whole widget. + if (start > 0) collapse = bias = "right"; + var rects; + if (cm.options.lineWrapping && (rects = node.getClientRects()).length > 1) + rect = rects[bias == "right" ? rects.length - 1 : 0]; + else + rect = node.getBoundingClientRect(); + } + if (ie && ie_version < 9 && !start && (!rect || !rect.left && !rect.right)) { + var rSpan = node.parentNode.getClientRects()[0]; + if (rSpan) + rect = {left: rSpan.left, right: rSpan.left + charWidth(cm.display), top: rSpan.top, bottom: rSpan.bottom}; + else + rect = nullRect; + } + + var rtop = rect.top - prepared.rect.top, rbot = rect.bottom - prepared.rect.top; + var mid = (rtop + rbot) / 2; + var heights = prepared.view.measure.heights; + for (var i = 0; i < heights.length - 1; i++) + if (mid < heights[i]) break; + var top = i ? heights[i - 1] : 0, bot = heights[i]; + var result = {left: (collapse == "right" ? rect.right : rect.left) - prepared.rect.left, + right: (collapse == "left" ? rect.left : rect.right) - prepared.rect.left, + top: top, bottom: bot}; + if (!rect.left && !rect.right) result.bogus = true; + if (!cm.options.singleCursorHeightPerLine) { result.rtop = rtop; result.rbottom = rbot; } + + return result; + } + + // Work around problem with bounding client rects on ranges being + // returned incorrectly when zoomed on IE10 and below. + function maybeUpdateRectForZooming(measure, rect) { + if (!window.screen || screen.logicalXDPI == null || + screen.logicalXDPI == screen.deviceXDPI || !hasBadZoomedRects(measure)) + return rect; + var scaleX = screen.logicalXDPI / screen.deviceXDPI; + var scaleY = screen.logicalYDPI / screen.deviceYDPI; + return {left: rect.left * scaleX, right: rect.right * scaleX, + top: rect.top * scaleY, bottom: rect.bottom * scaleY}; + } + + function clearLineMeasurementCacheFor(lineView) { + if (lineView.measure) { + lineView.measure.cache = {}; + lineView.measure.heights = null; + if (lineView.rest) for (var i = 0; i < lineView.rest.length; i++) + lineView.measure.caches[i] = {}; + } + } + + function clearLineMeasurementCache(cm) { + cm.display.externalMeasure = null; + removeChildren(cm.display.lineMeasure); + for (var i = 0; i < cm.display.view.length; i++) + clearLineMeasurementCacheFor(cm.display.view[i]); + } + + function clearCaches(cm) { + clearLineMeasurementCache(cm); + cm.display.cachedCharWidth = cm.display.cachedTextHeight = cm.display.cachedPaddingH = null; + if (!cm.options.lineWrapping) cm.display.maxLineChanged = true; + cm.display.lineNumChars = null; + } + + function pageScrollX() { return window.pageXOffset || (document.documentElement || document.body).scrollLeft; } + function pageScrollY() { return window.pageYOffset || (document.documentElement || document.body).scrollTop; } + + // Converts a {top, bottom, left, right} box from line-local + // coordinates into another coordinate system. Context may be one of + // "line", "div" (display.lineDiv), "local"/null (editor), "window", + // or "page". + function intoCoordSystem(cm, lineObj, rect, context) { + if (lineObj.widgets) for (var i = 0; i < lineObj.widgets.length; ++i) if (lineObj.widgets[i].above) { + var size = widgetHeight(lineObj.widgets[i]); + rect.top += size; rect.bottom += size; + } + if (context == "line") return rect; + if (!context) context = "local"; + var yOff = heightAtLine(lineObj); + if (context == "local") yOff += paddingTop(cm.display); + else yOff -= cm.display.viewOffset; + if (context == "page" || context == "window") { + var lOff = cm.display.lineSpace.getBoundingClientRect(); + yOff += lOff.top + (context == "window" ? 0 : pageScrollY()); + var xOff = lOff.left + (context == "window" ? 0 : pageScrollX()); + rect.left += xOff; rect.right += xOff; + } + rect.top += yOff; rect.bottom += yOff; + return rect; + } + + // Coverts a box from "div" coords to another coordinate system. + // Context may be "window", "page", "div", or "local"/null. + function fromCoordSystem(cm, coords, context) { + if (context == "div") return coords; + var left = coords.left, top = coords.top; + // First move into "page" coordinate system + if (context == "page") { + left -= pageScrollX(); + top -= pageScrollY(); + } else if (context == "local" || !context) { + var localBox = cm.display.sizer.getBoundingClientRect(); + left += localBox.left; + top += localBox.top; + } + + var lineSpaceBox = cm.display.lineSpace.getBoundingClientRect(); + return {left: left - lineSpaceBox.left, top: top - lineSpaceBox.top}; + } + + function charCoords(cm, pos, context, lineObj, bias) { + if (!lineObj) lineObj = getLine(cm.doc, pos.line); + return intoCoordSystem(cm, lineObj, measureChar(cm, lineObj, pos.ch, bias), context); + } + + // Returns a box for a given cursor position, which may have an + // 'other' property containing the position of the secondary cursor + // on a bidi boundary. + function cursorCoords(cm, pos, context, lineObj, preparedMeasure, varHeight) { + lineObj = lineObj || getLine(cm.doc, pos.line); + if (!preparedMeasure) preparedMeasure = prepareMeasureForLine(cm, lineObj); + function get(ch, right) { + var m = measureCharPrepared(cm, preparedMeasure, ch, right ? "right" : "left", varHeight); + if (right) m.left = m.right; else m.right = m.left; + return intoCoordSystem(cm, lineObj, m, context); + } + function getBidi(ch, partPos) { + var part = order[partPos], right = part.level % 2; + if (ch == bidiLeft(part) && partPos && part.level < order[partPos - 1].level) { + part = order[--partPos]; + ch = bidiRight(part) - (part.level % 2 ? 0 : 1); + right = true; + } else if (ch == bidiRight(part) && partPos < order.length - 1 && part.level < order[partPos + 1].level) { + part = order[++partPos]; + ch = bidiLeft(part) - part.level % 2; + right = false; + } + if (right && ch == part.to && ch > part.from) return get(ch - 1); + return get(ch, right); + } + var order = getOrder(lineObj), ch = pos.ch; + if (!order) return get(ch); + var partPos = getBidiPartAt(order, ch); + var val = getBidi(ch, partPos); + if (bidiOther != null) val.other = getBidi(ch, bidiOther); + return val; + } + + // Used to cheaply estimate the coordinates for a position. Used for + // intermediate scroll updates. + function estimateCoords(cm, pos) { + var left = 0, pos = clipPos(cm.doc, pos); + if (!cm.options.lineWrapping) left = charWidth(cm.display) * pos.ch; + var lineObj = getLine(cm.doc, pos.line); + var top = heightAtLine(lineObj) + paddingTop(cm.display); + return {left: left, right: left, top: top, bottom: top + lineObj.height}; + } + + // Positions returned by coordsChar contain some extra information. + // xRel is the relative x position of the input coordinates compared + // to the found position (so xRel > 0 means the coordinates are to + // the right of the character position, for example). When outside + // is true, that means the coordinates lie outside the line's + // vertical range. + function PosWithInfo(line, ch, outside, xRel) { + var pos = Pos(line, ch); + pos.xRel = xRel; + if (outside) pos.outside = true; + return pos; + } + + // Compute the character position closest to the given coordinates. + // Input must be lineSpace-local ("div" coordinate system). + function coordsChar(cm, x, y) { + var doc = cm.doc; + y += cm.display.viewOffset; + if (y < 0) return PosWithInfo(doc.first, 0, true, -1); + var lineN = lineAtHeight(doc, y), last = doc.first + doc.size - 1; + if (lineN > last) + return PosWithInfo(doc.first + doc.size - 1, getLine(doc, last).text.length, true, 1); + if (x < 0) x = 0; + + var lineObj = getLine(doc, lineN); + for (;;) { + var found = coordsCharInner(cm, lineObj, lineN, x, y); + var merged = collapsedSpanAtEnd(lineObj); + var mergedPos = merged && merged.find(0, true); + if (merged && (found.ch > mergedPos.from.ch || found.ch == mergedPos.from.ch && found.xRel > 0)) + lineN = lineNo(lineObj = mergedPos.to.line); + else + return found; + } + } + + function coordsCharInner(cm, lineObj, lineNo, x, y) { + var innerOff = y - heightAtLine(lineObj); + var wrongLine = false, adjust = 2 * cm.display.wrapper.clientWidth; + var preparedMeasure = prepareMeasureForLine(cm, lineObj); + + function getX(ch) { + var sp = cursorCoords(cm, Pos(lineNo, ch), "line", lineObj, preparedMeasure); + wrongLine = true; + if (innerOff > sp.bottom) return sp.left - adjust; + else if (innerOff < sp.top) return sp.left + adjust; + else wrongLine = false; + return sp.left; + } + + var bidi = getOrder(lineObj), dist = lineObj.text.length; + var from = lineLeft(lineObj), to = lineRight(lineObj); + var fromX = getX(from), fromOutside = wrongLine, toX = getX(to), toOutside = wrongLine; + + if (x > toX) return PosWithInfo(lineNo, to, toOutside, 1); + // Do a binary search between these bounds. + for (;;) { + if (bidi ? to == from || to == moveVisually(lineObj, from, 1) : to - from <= 1) { + var ch = x < fromX || x - fromX <= toX - x ? from : to; + var xDiff = x - (ch == from ? fromX : toX); + while (isExtendingChar(lineObj.text.charAt(ch))) ++ch; + var pos = PosWithInfo(lineNo, ch, ch == from ? fromOutside : toOutside, + xDiff < -1 ? -1 : xDiff > 1 ? 1 : 0); + return pos; + } + var step = Math.ceil(dist / 2), middle = from + step; + if (bidi) { + middle = from; + for (var i = 0; i < step; ++i) middle = moveVisually(lineObj, middle, 1); + } + var middleX = getX(middle); + if (middleX > x) {to = middle; toX = middleX; if (toOutside = wrongLine) toX += 1000; dist = step;} + else {from = middle; fromX = middleX; fromOutside = wrongLine; dist -= step;} + } + } + + var measureText; + // Compute the default text height. + function textHeight(display) { + if (display.cachedTextHeight != null) return display.cachedTextHeight; + if (measureText == null) { + measureText = elt("pre"); + // Measure a bunch of lines, for browsers that compute + // fractional heights. + for (var i = 0; i < 49; ++i) { + measureText.appendChild(document.createTextNode("x")); + measureText.appendChild(elt("br")); + } + measureText.appendChild(document.createTextNode("x")); + } + removeChildrenAndAdd(display.measure, measureText); + var height = measureText.offsetHeight / 50; + if (height > 3) display.cachedTextHeight = height; + removeChildren(display.measure); + return height || 1; + } + + // Compute the default character width. + function charWidth(display) { + if (display.cachedCharWidth != null) return display.cachedCharWidth; + var anchor = elt("span", "xxxxxxxxxx"); + var pre = elt("pre", [anchor]); + removeChildrenAndAdd(display.measure, pre); + var rect = anchor.getBoundingClientRect(), width = (rect.right - rect.left) / 10; + if (width > 2) display.cachedCharWidth = width; + return width || 10; + } + + // OPERATIONS + + // Operations are used to wrap a series of changes to the editor + // state in such a way that each change won't have to update the + // cursor and display (which would be awkward, slow, and + // error-prone). Instead, display updates are batched and then all + // combined and executed at once. + + var operationGroup = null; + + var nextOpId = 0; + // Start a new operation. + function startOperation(cm) { + cm.curOp = { + cm: cm, + viewChanged: false, // Flag that indicates that lines might need to be redrawn + startHeight: cm.doc.height, // Used to detect need to update scrollbar + forceUpdate: false, // Used to force a redraw + updateInput: null, // Whether to reset the input textarea + typing: false, // Whether this reset should be careful to leave existing text (for compositing) + changeObjs: null, // Accumulated changes, for firing change events + cursorActivityHandlers: null, // Set of handlers to fire cursorActivity on + cursorActivityCalled: 0, // Tracks which cursorActivity handlers have been called already + selectionChanged: false, // Whether the selection needs to be redrawn + updateMaxLine: false, // Set when the widest line needs to be determined anew + scrollLeft: null, scrollTop: null, // Intermediate scroll position, not pushed to DOM yet + scrollToPos: null, // Used to scroll to a specific position + focus: false, + id: ++nextOpId // Unique ID + }; + if (operationGroup) { + operationGroup.ops.push(cm.curOp); + } else { + cm.curOp.ownsGroup = operationGroup = { + ops: [cm.curOp], + delayedCallbacks: [] + }; + } + } + + function fireCallbacksForOps(group) { + // Calls delayed callbacks and cursorActivity handlers until no + // new ones appear + var callbacks = group.delayedCallbacks, i = 0; + do { + for (; i < callbacks.length; i++) + callbacks[i](); + for (var j = 0; j < group.ops.length; j++) { + var op = group.ops[j]; + if (op.cursorActivityHandlers) + while (op.cursorActivityCalled < op.cursorActivityHandlers.length) + op.cursorActivityHandlers[op.cursorActivityCalled++](op.cm); + } + } while (i < callbacks.length); + } + + // Finish an operation, updating the display and signalling delayed events + function endOperation(cm) { + var op = cm.curOp, group = op.ownsGroup; + if (!group) return; + + try { fireCallbacksForOps(group); } + finally { + operationGroup = null; + for (var i = 0; i < group.ops.length; i++) + group.ops[i].cm.curOp = null; + endOperations(group); + } + } + + // The DOM updates done when an operation finishes are batched so + // that the minimum number of relayouts are required. + function endOperations(group) { + var ops = group.ops; + for (var i = 0; i < ops.length; i++) // Read DOM + endOperation_R1(ops[i]); + for (var i = 0; i < ops.length; i++) // Write DOM (maybe) + endOperation_W1(ops[i]); + for (var i = 0; i < ops.length; i++) // Read DOM + endOperation_R2(ops[i]); + for (var i = 0; i < ops.length; i++) // Write DOM (maybe) + endOperation_W2(ops[i]); + for (var i = 0; i < ops.length; i++) // Read DOM + endOperation_finish(ops[i]); + } + + function endOperation_R1(op) { + var cm = op.cm, display = cm.display; + maybeClipScrollbars(cm); + if (op.updateMaxLine) findMaxLine(cm); + + op.mustUpdate = op.viewChanged || op.forceUpdate || op.scrollTop != null || + op.scrollToPos && (op.scrollToPos.from.line < display.viewFrom || + op.scrollToPos.to.line >= display.viewTo) || + display.maxLineChanged && cm.options.lineWrapping; + op.update = op.mustUpdate && + new DisplayUpdate(cm, op.mustUpdate && {top: op.scrollTop, ensure: op.scrollToPos}, op.forceUpdate); + } + + function endOperation_W1(op) { + op.updatedDisplay = op.mustUpdate && updateDisplayIfNeeded(op.cm, op.update); + } + + function endOperation_R2(op) { + var cm = op.cm, display = cm.display; + if (op.updatedDisplay) updateHeightsInViewport(cm); + + op.barMeasure = measureForScrollbars(cm); + + // If the max line changed since it was last measured, measure it, + // and ensure the document's width matches it. + // updateDisplay_W2 will use these properties to do the actual resizing + if (display.maxLineChanged && !cm.options.lineWrapping) { + op.adjustWidthTo = measureChar(cm, display.maxLine, display.maxLine.text.length).left + 3; + cm.display.sizerWidth = op.adjustWidthTo; + op.barMeasure.scrollWidth = + Math.max(display.scroller.clientWidth, display.sizer.offsetLeft + op.adjustWidthTo + scrollGap(cm) + cm.display.barWidth); + op.maxScrollLeft = Math.max(0, display.sizer.offsetLeft + op.adjustWidthTo - displayWidth(cm)); + } + + if (op.updatedDisplay || op.selectionChanged) + op.preparedSelection = display.input.prepareSelection(); + } + + function endOperation_W2(op) { + var cm = op.cm; + + if (op.adjustWidthTo != null) { + cm.display.sizer.style.minWidth = op.adjustWidthTo + "px"; + if (op.maxScrollLeft < cm.doc.scrollLeft) + setScrollLeft(cm, Math.min(cm.display.scroller.scrollLeft, op.maxScrollLeft), true); + cm.display.maxLineChanged = false; + } + + if (op.preparedSelection) + cm.display.input.showSelection(op.preparedSelection); + if (op.updatedDisplay) + setDocumentHeight(cm, op.barMeasure); + if (op.updatedDisplay || op.startHeight != cm.doc.height) + updateScrollbars(cm, op.barMeasure); + + if (op.selectionChanged) restartBlink(cm); + + if (cm.state.focused && op.updateInput) + cm.display.input.reset(op.typing); + if (op.focus && op.focus == activeElt()) ensureFocus(op.cm); + } + + function endOperation_finish(op) { + var cm = op.cm, display = cm.display, doc = cm.doc; + + if (op.updatedDisplay) postUpdateDisplay(cm, op.update); + + // Abort mouse wheel delta measurement, when scrolling explicitly + if (display.wheelStartX != null && (op.scrollTop != null || op.scrollLeft != null || op.scrollToPos)) + display.wheelStartX = display.wheelStartY = null; + + // Propagate the scroll position to the actual DOM scroller + if (op.scrollTop != null && (display.scroller.scrollTop != op.scrollTop || op.forceScroll)) { + doc.scrollTop = Math.max(0, Math.min(display.scroller.scrollHeight - display.scroller.clientHeight, op.scrollTop)); + display.scrollbars.setScrollTop(doc.scrollTop); + display.scroller.scrollTop = doc.scrollTop; + } + if (op.scrollLeft != null && (display.scroller.scrollLeft != op.scrollLeft || op.forceScroll)) { + doc.scrollLeft = Math.max(0, Math.min(display.scroller.scrollWidth - displayWidth(cm), op.scrollLeft)); + display.scrollbars.setScrollLeft(doc.scrollLeft); + display.scroller.scrollLeft = doc.scrollLeft; + alignHorizontally(cm); + } + // If we need to scroll a specific position into view, do so. + if (op.scrollToPos) { + var coords = scrollPosIntoView(cm, clipPos(doc, op.scrollToPos.from), + clipPos(doc, op.scrollToPos.to), op.scrollToPos.margin); + if (op.scrollToPos.isCursor && cm.state.focused) maybeScrollWindow(cm, coords); + } + + // Fire events for markers that are hidden/unidden by editing or + // undoing + var hidden = op.maybeHiddenMarkers, unhidden = op.maybeUnhiddenMarkers; + if (hidden) for (var i = 0; i < hidden.length; ++i) + if (!hidden[i].lines.length) signal(hidden[i], "hide"); + if (unhidden) for (var i = 0; i < unhidden.length; ++i) + if (unhidden[i].lines.length) signal(unhidden[i], "unhide"); + + if (display.wrapper.offsetHeight) + doc.scrollTop = cm.display.scroller.scrollTop; + + // Fire change events, and delayed event handlers + if (op.changeObjs) + signal(cm, "changes", cm, op.changeObjs); + if (op.update) + op.update.finish(); + } + + // Run the given function in an operation + function runInOp(cm, f) { + if (cm.curOp) return f(); + startOperation(cm); + try { return f(); } + finally { endOperation(cm); } + } + // Wraps a function in an operation. Returns the wrapped function. + function operation(cm, f) { + return function() { + if (cm.curOp) return f.apply(cm, arguments); + startOperation(cm); + try { return f.apply(cm, arguments); } + finally { endOperation(cm); } + }; + } + // Used to add methods to editor and doc instances, wrapping them in + // operations. + function methodOp(f) { + return function() { + if (this.curOp) return f.apply(this, arguments); + startOperation(this); + try { return f.apply(this, arguments); } + finally { endOperation(this); } + }; + } + function docMethodOp(f) { + return function() { + var cm = this.cm; + if (!cm || cm.curOp) return f.apply(this, arguments); + startOperation(cm); + try { return f.apply(this, arguments); } + finally { endOperation(cm); } + }; + } + + // VIEW TRACKING + + // These objects are used to represent the visible (currently drawn) + // part of the document. A LineView may correspond to multiple + // logical lines, if those are connected by collapsed ranges. + function LineView(doc, line, lineN) { + // The starting line + this.line = line; + // Continuing lines, if any + this.rest = visualLineContinued(line); + // Number of logical lines in this visual line + this.size = this.rest ? lineNo(lst(this.rest)) - lineN + 1 : 1; + this.node = this.text = null; + this.hidden = lineIsHidden(doc, line); + } + + // Create a range of LineView objects for the given lines. + function buildViewArray(cm, from, to) { + var array = [], nextPos; + for (var pos = from; pos < to; pos = nextPos) { + var view = new LineView(cm.doc, getLine(cm.doc, pos), pos); + nextPos = pos + view.size; + array.push(view); + } + return array; + } + + // Updates the display.view data structure for a given change to the + // document. From and to are in pre-change coordinates. Lendiff is + // the amount of lines added or subtracted by the change. This is + // used for changes that span multiple lines, or change the way + // lines are divided into visual lines. regLineChange (below) + // registers single-line changes. + function regChange(cm, from, to, lendiff) { + if (from == null) from = cm.doc.first; + if (to == null) to = cm.doc.first + cm.doc.size; + if (!lendiff) lendiff = 0; + + var display = cm.display; + if (lendiff && to < display.viewTo && + (display.updateLineNumbers == null || display.updateLineNumbers > from)) + display.updateLineNumbers = from; + + cm.curOp.viewChanged = true; + + if (from >= display.viewTo) { // Change after + if (sawCollapsedSpans && visualLineNo(cm.doc, from) < display.viewTo) + resetView(cm); + } else if (to <= display.viewFrom) { // Change before + if (sawCollapsedSpans && visualLineEndNo(cm.doc, to + lendiff) > display.viewFrom) { + resetView(cm); + } else { + display.viewFrom += lendiff; + display.viewTo += lendiff; + } + } else if (from <= display.viewFrom && to >= display.viewTo) { // Full overlap + resetView(cm); + } else if (from <= display.viewFrom) { // Top overlap + var cut = viewCuttingPoint(cm, to, to + lendiff, 1); + if (cut) { + display.view = display.view.slice(cut.index); + display.viewFrom = cut.lineN; + display.viewTo += lendiff; + } else { + resetView(cm); + } + } else if (to >= display.viewTo) { // Bottom overlap + var cut = viewCuttingPoint(cm, from, from, -1); + if (cut) { + display.view = display.view.slice(0, cut.index); + display.viewTo = cut.lineN; + } else { + resetView(cm); + } + } else { // Gap in the middle + var cutTop = viewCuttingPoint(cm, from, from, -1); + var cutBot = viewCuttingPoint(cm, to, to + lendiff, 1); + if (cutTop && cutBot) { + display.view = display.view.slice(0, cutTop.index) + .concat(buildViewArray(cm, cutTop.lineN, cutBot.lineN)) + .concat(display.view.slice(cutBot.index)); + display.viewTo += lendiff; + } else { + resetView(cm); + } + } + + var ext = display.externalMeasured; + if (ext) { + if (to < ext.lineN) + ext.lineN += lendiff; + else if (from < ext.lineN + ext.size) + display.externalMeasured = null; + } + } + + // Register a change to a single line. Type must be one of "text", + // "gutter", "class", "widget" + function regLineChange(cm, line, type) { + cm.curOp.viewChanged = true; + var display = cm.display, ext = cm.display.externalMeasured; + if (ext && line >= ext.lineN && line < ext.lineN + ext.size) + display.externalMeasured = null; + + if (line < display.viewFrom || line >= display.viewTo) return; + var lineView = display.view[findViewIndex(cm, line)]; + if (lineView.node == null) return; + var arr = lineView.changes || (lineView.changes = []); + if (indexOf(arr, type) == -1) arr.push(type); + } + + // Clear the view. + function resetView(cm) { + cm.display.viewFrom = cm.display.viewTo = cm.doc.first; + cm.display.view = []; + cm.display.viewOffset = 0; + } + + // Find the view element corresponding to a given line. Return null + // when the line isn't visible. + function findViewIndex(cm, n) { + if (n >= cm.display.viewTo) return null; + n -= cm.display.viewFrom; + if (n < 0) return null; + var view = cm.display.view; + for (var i = 0; i < view.length; i++) { + n -= view[i].size; + if (n < 0) return i; + } + } + + function viewCuttingPoint(cm, oldN, newN, dir) { + var index = findViewIndex(cm, oldN), diff, view = cm.display.view; + if (!sawCollapsedSpans || newN == cm.doc.first + cm.doc.size) + return {index: index, lineN: newN}; + for (var i = 0, n = cm.display.viewFrom; i < index; i++) + n += view[i].size; + if (n != oldN) { + if (dir > 0) { + if (index == view.length - 1) return null; + diff = (n + view[index].size) - oldN; + index++; + } else { + diff = n - oldN; + } + oldN += diff; newN += diff; + } + while (visualLineNo(cm.doc, newN) != newN) { + if (index == (dir < 0 ? 0 : view.length - 1)) return null; + newN += dir * view[index - (dir < 0 ? 1 : 0)].size; + index += dir; + } + return {index: index, lineN: newN}; + } + + // Force the view to cover a given range, adding empty view element + // or clipping off existing ones as needed. + function adjustView(cm, from, to) { + var display = cm.display, view = display.view; + if (view.length == 0 || from >= display.viewTo || to <= display.viewFrom) { + display.view = buildViewArray(cm, from, to); + display.viewFrom = from; + } else { + if (display.viewFrom > from) + display.view = buildViewArray(cm, from, display.viewFrom).concat(display.view); + else if (display.viewFrom < from) + display.view = display.view.slice(findViewIndex(cm, from)); + display.viewFrom = from; + if (display.viewTo < to) + display.view = display.view.concat(buildViewArray(cm, display.viewTo, to)); + else if (display.viewTo > to) + display.view = display.view.slice(0, findViewIndex(cm, to)); + } + display.viewTo = to; + } + + // Count the number of lines in the view whose DOM representation is + // out of date (or nonexistent). + function countDirtyView(cm) { + var view = cm.display.view, dirty = 0; + for (var i = 0; i < view.length; i++) { + var lineView = view[i]; + if (!lineView.hidden && (!lineView.node || lineView.changes)) ++dirty; + } + return dirty; + } + + // EVENT HANDLERS + + // Attach the necessary event handlers when initializing the editor + function registerEventHandlers(cm) { + var d = cm.display; + on(d.scroller, "mousedown", operation(cm, onMouseDown)); + // Older IE's will not fire a second mousedown for a double click + if (ie && ie_version < 11) + on(d.scroller, "dblclick", operation(cm, function(e) { + if (signalDOMEvent(cm, e)) return; + var pos = posFromMouse(cm, e); + if (!pos || clickInGutter(cm, e) || eventInWidget(cm.display, e)) return; + e_preventDefault(e); + var word = cm.findWordAt(pos); + extendSelection(cm.doc, word.anchor, word.head); + })); + else + on(d.scroller, "dblclick", function(e) { signalDOMEvent(cm, e) || e_preventDefault(e); }); + // Some browsers fire contextmenu *after* opening the menu, at + // which point we can't mess with it anymore. Context menu is + // handled in onMouseDown for these browsers. + if (!captureRightClick) on(d.scroller, "contextmenu", function(e) {onContextMenu(cm, e);}); + + // Used to suppress mouse event handling when a touch happens + var touchFinished, prevTouch = {end: 0}; + function finishTouch() { + if (d.activeTouch) { + touchFinished = setTimeout(function() {d.activeTouch = null;}, 1000); + prevTouch = d.activeTouch; + prevTouch.end = +new Date; + } + }; + function isMouseLikeTouchEvent(e) { + if (e.touches.length != 1) return false; + var touch = e.touches[0]; + return touch.radiusX <= 1 && touch.radiusY <= 1; + } + function farAway(touch, other) { + if (other.left == null) return true; + var dx = other.left - touch.left, dy = other.top - touch.top; + return dx * dx + dy * dy > 20 * 20; + } + on(d.scroller, "touchstart", function(e) { + if (!isMouseLikeTouchEvent(e)) { + clearTimeout(touchFinished); + var now = +new Date; + d.activeTouch = {start: now, moved: false, + prev: now - prevTouch.end <= 300 ? prevTouch : null}; + if (e.touches.length == 1) { + d.activeTouch.left = e.touches[0].pageX; + d.activeTouch.top = e.touches[0].pageY; + } + } + }); + on(d.scroller, "touchmove", function() { + if (d.activeTouch) d.activeTouch.moved = true; + }); + on(d.scroller, "touchend", function(e) { + var touch = d.activeTouch; + if (touch && !eventInWidget(d, e) && touch.left != null && + !touch.moved && new Date - touch.start < 300) { + var pos = cm.coordsChar(d.activeTouch, "page"), range; + if (!touch.prev || farAway(touch, touch.prev)) // Single tap + range = new Range(pos, pos); + else if (!touch.prev.prev || farAway(touch, touch.prev.prev)) // Double tap + range = cm.findWordAt(pos); + else // Triple tap + range = new Range(Pos(pos.line, 0), clipPos(cm.doc, Pos(pos.line + 1, 0))); + cm.setSelection(range.anchor, range.head); + cm.focus(); + e_preventDefault(e); + } + finishTouch(); + }); + on(d.scroller, "touchcancel", finishTouch); + + // Sync scrolling between fake scrollbars and real scrollable + // area, ensure viewport is updated when scrolling. + on(d.scroller, "scroll", function() { + if (d.scroller.clientHeight) { + setScrollTop(cm, d.scroller.scrollTop); + setScrollLeft(cm, d.scroller.scrollLeft, true); + signal(cm, "scroll", cm); + } + }); + + // Listen to wheel events in order to try and update the viewport on time. + on(d.scroller, "mousewheel", function(e){onScrollWheel(cm, e);}); + on(d.scroller, "DOMMouseScroll", function(e){onScrollWheel(cm, e);}); + + // Prevent wrapper from ever scrolling + on(d.wrapper, "scroll", function() { d.wrapper.scrollTop = d.wrapper.scrollLeft = 0; }); + + d.dragFunctions = { + simple: function(e) {if (!signalDOMEvent(cm, e)) e_stop(e);}, + start: function(e){onDragStart(cm, e);}, + drop: operation(cm, onDrop) + }; + + var inp = d.input.getField(); + on(inp, "keyup", function(e) { onKeyUp.call(cm, e); }); + on(inp, "keydown", operation(cm, onKeyDown)); + on(inp, "keypress", operation(cm, onKeyPress)); + on(inp, "focus", bind(onFocus, cm)); + on(inp, "blur", bind(onBlur, cm)); + } + + function dragDropChanged(cm, value, old) { + var wasOn = old && old != CodeMirror.Init; + if (!value != !wasOn) { + var funcs = cm.display.dragFunctions; + var toggle = value ? on : off; + toggle(cm.display.scroller, "dragstart", funcs.start); + toggle(cm.display.scroller, "dragenter", funcs.simple); + toggle(cm.display.scroller, "dragover", funcs.simple); + toggle(cm.display.scroller, "drop", funcs.drop); + } + } + + // Called when the window resizes + function onResize(cm) { + var d = cm.display; + if (d.lastWrapHeight == d.wrapper.clientHeight && d.lastWrapWidth == d.wrapper.clientWidth) + return; + // Might be a text scaling operation, clear size caches. + d.cachedCharWidth = d.cachedTextHeight = d.cachedPaddingH = null; + d.scrollbarsClipped = false; + cm.setSize(); + } + + // MOUSE EVENTS + + // Return true when the given mouse event happened in a widget + function eventInWidget(display, e) { + for (var n = e_target(e); n != display.wrapper; n = n.parentNode) { + if (!n || (n.nodeType == 1 && n.getAttribute("cm-ignore-events") == "true") || + (n.parentNode == display.sizer && n != display.mover)) + return true; + } + } + + // Given a mouse event, find the corresponding position. If liberal + // is false, it checks whether a gutter or scrollbar was clicked, + // and returns null if it was. forRect is used by rectangular + // selections, and tries to estimate a character position even for + // coordinates beyond the right of the text. + function posFromMouse(cm, e, liberal, forRect) { + var display = cm.display; + if (!liberal && e_target(e).getAttribute("cm-not-content") == "true") return null; + + var x, y, space = display.lineSpace.getBoundingClientRect(); + // Fails unpredictably on IE[67] when mouse is dragged around quickly. + try { x = e.clientX - space.left; y = e.clientY - space.top; } + catch (e) { return null; } + var coords = coordsChar(cm, x, y), line; + if (forRect && coords.xRel == 1 && (line = getLine(cm.doc, coords.line).text).length == coords.ch) { + var colDiff = countColumn(line, line.length, cm.options.tabSize) - line.length; + coords = Pos(coords.line, Math.max(0, Math.round((x - paddingH(cm.display).left) / charWidth(cm.display)) - colDiff)); + } + return coords; + } + + // A mouse down can be a single click, double click, triple click, + // start of selection drag, start of text drag, new cursor + // (ctrl-click), rectangle drag (alt-drag), or xwin + // middle-click-paste. Or it might be a click on something we should + // not interfere with, such as a scrollbar or widget. + function onMouseDown(e) { + var cm = this, display = cm.display; + if (display.activeTouch && display.input.supportsTouch() || signalDOMEvent(cm, e)) return; + display.shift = e.shiftKey; + + if (eventInWidget(display, e)) { + if (!webkit) { + // Briefly turn off draggability, to allow widgets to do + // normal dragging things. + display.scroller.draggable = false; + setTimeout(function(){display.scroller.draggable = true;}, 100); + } + return; + } + if (clickInGutter(cm, e)) return; + var start = posFromMouse(cm, e); + window.focus(); + + switch (e_button(e)) { + case 1: + if (start) + leftButtonDown(cm, e, start); + else if (e_target(e) == display.scroller) + e_preventDefault(e); + break; + case 2: + if (webkit) cm.state.lastMiddleDown = +new Date; + if (start) extendSelection(cm.doc, start); + setTimeout(function() {display.input.focus();}, 20); + e_preventDefault(e); + break; + case 3: + if (captureRightClick) onContextMenu(cm, e); + else delayBlurEvent(cm); + break; + } + } + + var lastClick, lastDoubleClick; + function leftButtonDown(cm, e, start) { + if (ie) setTimeout(bind(ensureFocus, cm), 0); + else cm.curOp.focus = activeElt(); + + var now = +new Date, type; + if (lastDoubleClick && lastDoubleClick.time > now - 400 && cmp(lastDoubleClick.pos, start) == 0) { + type = "triple"; + } else if (lastClick && lastClick.time > now - 400 && cmp(lastClick.pos, start) == 0) { + type = "double"; + lastDoubleClick = {time: now, pos: start}; + } else { + type = "single"; + lastClick = {time: now, pos: start}; + } + + var sel = cm.doc.sel, modifier = mac ? e.metaKey : e.ctrlKey, contained; + if (cm.options.dragDrop && dragAndDrop && !isReadOnly(cm) && + type == "single" && (contained = sel.contains(start)) > -1 && + (cmp((contained = sel.ranges[contained]).from(), start) < 0 || start.xRel > 0) && + (cmp(contained.to(), start) > 0 || start.xRel < 0)) + leftButtonStartDrag(cm, e, start, modifier); + else + leftButtonSelect(cm, e, start, type, modifier); + } + + // Start a text drag. When it ends, see if any dragging actually + // happen, and treat as a click if it didn't. + function leftButtonStartDrag(cm, e, start, modifier) { + var display = cm.display, startTime = +new Date; + var dragEnd = operation(cm, function(e2) { + if (webkit) display.scroller.draggable = false; + cm.state.draggingText = false; + off(document, "mouseup", dragEnd); + off(display.scroller, "drop", dragEnd); + if (Math.abs(e.clientX - e2.clientX) + Math.abs(e.clientY - e2.clientY) < 10) { + e_preventDefault(e2); + if (!modifier && +new Date - 200 < startTime) + extendSelection(cm.doc, start); + // Work around unexplainable focus problem in IE9 (#2127) and Chrome (#3081) + if (webkit || ie && ie_version == 9) + setTimeout(function() {document.body.focus(); display.input.focus();}, 20); + else + display.input.focus(); + } + }); + // Let the drag handler handle this. + if (webkit) display.scroller.draggable = true; + cm.state.draggingText = dragEnd; + // IE's approach to draggable + if (display.scroller.dragDrop) display.scroller.dragDrop(); + on(document, "mouseup", dragEnd); + on(display.scroller, "drop", dragEnd); + } + + // Normal selection, as opposed to text dragging. + function leftButtonSelect(cm, e, start, type, addNew) { + var display = cm.display, doc = cm.doc; + e_preventDefault(e); + + var ourRange, ourIndex, startSel = doc.sel, ranges = startSel.ranges; + if (addNew && !e.shiftKey) { + ourIndex = doc.sel.contains(start); + if (ourIndex > -1) + ourRange = ranges[ourIndex]; + else + ourRange = new Range(start, start); + } else { + ourRange = doc.sel.primary(); + ourIndex = doc.sel.primIndex; + } + + if (e.altKey) { + type = "rect"; + if (!addNew) ourRange = new Range(start, start); + start = posFromMouse(cm, e, true, true); + ourIndex = -1; + } else if (type == "double") { + var word = cm.findWordAt(start); + if (cm.display.shift || doc.extend) + ourRange = extendRange(doc, ourRange, word.anchor, word.head); + else + ourRange = word; + } else if (type == "triple") { + var line = new Range(Pos(start.line, 0), clipPos(doc, Pos(start.line + 1, 0))); + if (cm.display.shift || doc.extend) + ourRange = extendRange(doc, ourRange, line.anchor, line.head); + else + ourRange = line; + } else { + ourRange = extendRange(doc, ourRange, start); + } + + if (!addNew) { + ourIndex = 0; + setSelection(doc, new Selection([ourRange], 0), sel_mouse); + startSel = doc.sel; + } else if (ourIndex == -1) { + ourIndex = ranges.length; + setSelection(doc, normalizeSelection(ranges.concat([ourRange]), ourIndex), + {scroll: false, origin: "*mouse"}); + } else if (ranges.length > 1 && ranges[ourIndex].empty() && type == "single" && !e.shiftKey) { + setSelection(doc, normalizeSelection(ranges.slice(0, ourIndex).concat(ranges.slice(ourIndex + 1)), 0)); + startSel = doc.sel; + } else { + replaceOneSelection(doc, ourIndex, ourRange, sel_mouse); + } + + var lastPos = start; + function extendTo(pos) { + if (cmp(lastPos, pos) == 0) return; + lastPos = pos; + + if (type == "rect") { + var ranges = [], tabSize = cm.options.tabSize; + var startCol = countColumn(getLine(doc, start.line).text, start.ch, tabSize); + var posCol = countColumn(getLine(doc, pos.line).text, pos.ch, tabSize); + var left = Math.min(startCol, posCol), right = Math.max(startCol, posCol); + for (var line = Math.min(start.line, pos.line), end = Math.min(cm.lastLine(), Math.max(start.line, pos.line)); + line <= end; line++) { + var text = getLine(doc, line).text, leftPos = findColumn(text, left, tabSize); + if (left == right) + ranges.push(new Range(Pos(line, leftPos), Pos(line, leftPos))); + else if (text.length > leftPos) + ranges.push(new Range(Pos(line, leftPos), Pos(line, findColumn(text, right, tabSize)))); + } + if (!ranges.length) ranges.push(new Range(start, start)); + setSelection(doc, normalizeSelection(startSel.ranges.slice(0, ourIndex).concat(ranges), ourIndex), + {origin: "*mouse", scroll: false}); + cm.scrollIntoView(pos); + } else { + var oldRange = ourRange; + var anchor = oldRange.anchor, head = pos; + if (type != "single") { + if (type == "double") + var range = cm.findWordAt(pos); + else + var range = new Range(Pos(pos.line, 0), clipPos(doc, Pos(pos.line + 1, 0))); + if (cmp(range.anchor, anchor) > 0) { + head = range.head; + anchor = minPos(oldRange.from(), range.anchor); + } else { + head = range.anchor; + anchor = maxPos(oldRange.to(), range.head); + } + } + var ranges = startSel.ranges.slice(0); + ranges[ourIndex] = new Range(clipPos(doc, anchor), head); + setSelection(doc, normalizeSelection(ranges, ourIndex), sel_mouse); + } + } + + var editorSize = display.wrapper.getBoundingClientRect(); + // Used to ensure timeout re-tries don't fire when another extend + // happened in the meantime (clearTimeout isn't reliable -- at + // least on Chrome, the timeouts still happen even when cleared, + // if the clear happens after their scheduled firing time). + var counter = 0; + + function extend(e) { + var curCount = ++counter; + var cur = posFromMouse(cm, e, true, type == "rect"); + if (!cur) return; + if (cmp(cur, lastPos) != 0) { + cm.curOp.focus = activeElt(); + extendTo(cur); + var visible = visibleLines(display, doc); + if (cur.line >= visible.to || cur.line < visible.from) + setTimeout(operation(cm, function(){if (counter == curCount) extend(e);}), 150); + } else { + var outside = e.clientY < editorSize.top ? -20 : e.clientY > editorSize.bottom ? 20 : 0; + if (outside) setTimeout(operation(cm, function() { + if (counter != curCount) return; + display.scroller.scrollTop += outside; + extend(e); + }), 50); + } + } + + function done(e) { + counter = Infinity; + e_preventDefault(e); + display.input.focus(); + off(document, "mousemove", move); + off(document, "mouseup", up); + doc.history.lastSelOrigin = null; + } + + var move = operation(cm, function(e) { + if (!e_button(e)) done(e); + else extend(e); + }); + var up = operation(cm, done); + on(document, "mousemove", move); + on(document, "mouseup", up); + } + + // Determines whether an event happened in the gutter, and fires the + // handlers for the corresponding event. + function gutterEvent(cm, e, type, prevent, signalfn) { + try { var mX = e.clientX, mY = e.clientY; } + catch(e) { return false; } + if (mX >= Math.floor(cm.display.gutters.getBoundingClientRect().right)) return false; + if (prevent) e_preventDefault(e); + + var display = cm.display; + var lineBox = display.lineDiv.getBoundingClientRect(); + + if (mY > lineBox.bottom || !hasHandler(cm, type)) return e_defaultPrevented(e); + mY -= lineBox.top - display.viewOffset; + + for (var i = 0; i < cm.options.gutters.length; ++i) { + var g = display.gutters.childNodes[i]; + if (g && g.getBoundingClientRect().right >= mX) { + var line = lineAtHeight(cm.doc, mY); + var gutter = cm.options.gutters[i]; + signalfn(cm, type, cm, line, gutter, e); + return e_defaultPrevented(e); + } + } + } + + function clickInGutter(cm, e) { + return gutterEvent(cm, e, "gutterClick", true, signalLater); + } + + // Kludge to work around strange IE behavior where it'll sometimes + // re-fire a series of drag-related events right after the drop (#1551) + var lastDrop = 0; + + function onDrop(e) { + var cm = this; + if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e)) + return; + e_preventDefault(e); + if (ie) lastDrop = +new Date; + var pos = posFromMouse(cm, e, true), files = e.dataTransfer.files; + if (!pos || isReadOnly(cm)) return; + // Might be a file drop, in which case we simply extract the text + // and insert it. + if (files && files.length && window.FileReader && window.File) { + var n = files.length, text = Array(n), read = 0; + var loadFile = function(file, i) { + var reader = new FileReader; + reader.onload = operation(cm, function() { + text[i] = reader.result; + if (++read == n) { + pos = clipPos(cm.doc, pos); + var change = {from: pos, to: pos, text: splitLines(text.join("\n")), origin: "paste"}; + makeChange(cm.doc, change); + setSelectionReplaceHistory(cm.doc, simpleSelection(pos, changeEnd(change))); + } + }); + reader.readAsText(file); + }; + for (var i = 0; i < n; ++i) loadFile(files[i], i); + } else { // Normal drop + // Don't do a replace if the drop happened inside of the selected text. + if (cm.state.draggingText && cm.doc.sel.contains(pos) > -1) { + cm.state.draggingText(e); + // Ensure the editor is re-focused + setTimeout(function() {cm.display.input.focus();}, 20); + return; + } + try { + var text = e.dataTransfer.getData("Text"); + if (text) { + if (cm.state.draggingText && !(mac ? e.altKey : e.ctrlKey)) + var selected = cm.listSelections(); + setSelectionNoUndo(cm.doc, simpleSelection(pos, pos)); + if (selected) for (var i = 0; i < selected.length; ++i) + replaceRange(cm.doc, "", selected[i].anchor, selected[i].head, "drag"); + cm.replaceSelection(text, "around", "paste"); + cm.display.input.focus(); + } + } + catch(e){} + } + } + + function onDragStart(cm, e) { + if (ie && (!cm.state.draggingText || +new Date - lastDrop < 100)) { e_stop(e); return; } + if (signalDOMEvent(cm, e) || eventInWidget(cm.display, e)) return; + + e.dataTransfer.setData("Text", cm.getSelection()); + + // Use dummy image instead of default browsers image. + // Recent Safari (~6.0.2) have a tendency to segfault when this happens, so we don't do it there. + if (e.dataTransfer.setDragImage && !safari) { + var img = elt("img", null, null, "position: fixed; left: 0; top: 0;"); + img.src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="; + if (presto) { + img.width = img.height = 1; + cm.display.wrapper.appendChild(img); + // Force a relayout, or Opera won't use our image for some obscure reason + img._top = img.offsetTop; + } + e.dataTransfer.setDragImage(img, 0, 0); + if (presto) img.parentNode.removeChild(img); + } + } + + // SCROLL EVENTS + + // Sync the scrollable area and scrollbars, ensure the viewport + // covers the visible area. + function setScrollTop(cm, val) { + if (Math.abs(cm.doc.scrollTop - val) < 2) return; + cm.doc.scrollTop = val; + if (!gecko) updateDisplaySimple(cm, {top: val}); + if (cm.display.scroller.scrollTop != val) cm.display.scroller.scrollTop = val; + cm.display.scrollbars.setScrollTop(val); + if (gecko) updateDisplaySimple(cm); + startWorker(cm, 100); + } + // Sync scroller and scrollbar, ensure the gutter elements are + // aligned. + function setScrollLeft(cm, val, isScroller) { + if (isScroller ? val == cm.doc.scrollLeft : Math.abs(cm.doc.scrollLeft - val) < 2) return; + val = Math.min(val, cm.display.scroller.scrollWidth - cm.display.scroller.clientWidth); + cm.doc.scrollLeft = val; + alignHorizontally(cm); + if (cm.display.scroller.scrollLeft != val) cm.display.scroller.scrollLeft = val; + cm.display.scrollbars.setScrollLeft(val); + } + + // Since the delta values reported on mouse wheel events are + // unstandardized between browsers and even browser versions, and + // generally horribly unpredictable, this code starts by measuring + // the scroll effect that the first few mouse wheel events have, + // and, from that, detects the way it can convert deltas to pixel + // offsets afterwards. + // + // The reason we want to know the amount a wheel event will scroll + // is that it gives us a chance to update the display before the + // actual scrolling happens, reducing flickering. + + var wheelSamples = 0, wheelPixelsPerUnit = null; + // Fill in a browser-detected starting value on browsers where we + // know one. These don't have to be accurate -- the result of them + // being wrong would just be a slight flicker on the first wheel + // scroll (if it is large enough). + if (ie) wheelPixelsPerUnit = -.53; + else if (gecko) wheelPixelsPerUnit = 15; + else if (chrome) wheelPixelsPerUnit = -.7; + else if (safari) wheelPixelsPerUnit = -1/3; + + var wheelEventDelta = function(e) { + var dx = e.wheelDeltaX, dy = e.wheelDeltaY; + if (dx == null && e.detail && e.axis == e.HORIZONTAL_AXIS) dx = e.detail; + if (dy == null && e.detail && e.axis == e.VERTICAL_AXIS) dy = e.detail; + else if (dy == null) dy = e.wheelDelta; + return {x: dx, y: dy}; + }; + CodeMirror.wheelEventPixels = function(e) { + var delta = wheelEventDelta(e); + delta.x *= wheelPixelsPerUnit; + delta.y *= wheelPixelsPerUnit; + return delta; + }; + + function onScrollWheel(cm, e) { + var delta = wheelEventDelta(e), dx = delta.x, dy = delta.y; + + var display = cm.display, scroll = display.scroller; + // Quit if there's nothing to scroll here + if (!(dx && scroll.scrollWidth > scroll.clientWidth || + dy && scroll.scrollHeight > scroll.clientHeight)) return; + + // Webkit browsers on OS X abort momentum scrolls when the target + // of the scroll event is removed from the scrollable element. + // This hack (see related code in patchDisplay) makes sure the + // element is kept around. + if (dy && mac && webkit) { + outer: for (var cur = e.target, view = display.view; cur != scroll; cur = cur.parentNode) { + for (var i = 0; i < view.length; i++) { + if (view[i].node == cur) { + cm.display.currentWheelTarget = cur; + break outer; + } + } + } + } + + // On some browsers, horizontal scrolling will cause redraws to + // happen before the gutter has been realigned, causing it to + // wriggle around in a most unseemly way. When we have an + // estimated pixels/delta value, we just handle horizontal + // scrolling entirely here. It'll be slightly off from native, but + // better than glitching out. + if (dx && !gecko && !presto && wheelPixelsPerUnit != null) { + if (dy) + setScrollTop(cm, Math.max(0, Math.min(scroll.scrollTop + dy * wheelPixelsPerUnit, scroll.scrollHeight - scroll.clientHeight))); + setScrollLeft(cm, Math.max(0, Math.min(scroll.scrollLeft + dx * wheelPixelsPerUnit, scroll.scrollWidth - scroll.clientWidth))); + e_preventDefault(e); + display.wheelStartX = null; // Abort measurement, if in progress + return; + } + + // 'Project' the visible viewport to cover the area that is being + // scrolled into view (if we know enough to estimate it). + if (dy && wheelPixelsPerUnit != null) { + var pixels = dy * wheelPixelsPerUnit; + var top = cm.doc.scrollTop, bot = top + display.wrapper.clientHeight; + if (pixels < 0) top = Math.max(0, top + pixels - 50); + else bot = Math.min(cm.doc.height, bot + pixels + 50); + updateDisplaySimple(cm, {top: top, bottom: bot}); + } + + if (wheelSamples < 20) { + if (display.wheelStartX == null) { + display.wheelStartX = scroll.scrollLeft; display.wheelStartY = scroll.scrollTop; + display.wheelDX = dx; display.wheelDY = dy; + setTimeout(function() { + if (display.wheelStartX == null) return; + var movedX = scroll.scrollLeft - display.wheelStartX; + var movedY = scroll.scrollTop - display.wheelStartY; + var sample = (movedY && display.wheelDY && movedY / display.wheelDY) || + (movedX && display.wheelDX && movedX / display.wheelDX); + display.wheelStartX = display.wheelStartY = null; + if (!sample) return; + wheelPixelsPerUnit = (wheelPixelsPerUnit * wheelSamples + sample) / (wheelSamples + 1); + ++wheelSamples; + }, 200); + } else { + display.wheelDX += dx; display.wheelDY += dy; + } + } + } + + // KEY EVENTS + + // Run a handler that was bound to a key. + function doHandleBinding(cm, bound, dropShift) { + if (typeof bound == "string") { + bound = commands[bound]; + if (!bound) return false; + } + // Ensure previous input has been read, so that the handler sees a + // consistent view of the document + cm.display.input.ensurePolled(); + var prevShift = cm.display.shift, done = false; + try { + if (isReadOnly(cm)) cm.state.suppressEdits = true; + if (dropShift) cm.display.shift = false; + done = bound(cm) != Pass; + } finally { + cm.display.shift = prevShift; + cm.state.suppressEdits = false; + } + return done; + } + + function lookupKeyForEditor(cm, name, handle) { + for (var i = 0; i < cm.state.keyMaps.length; i++) { + var result = lookupKey(name, cm.state.keyMaps[i], handle, cm); + if (result) return result; + } + return (cm.options.extraKeys && lookupKey(name, cm.options.extraKeys, handle, cm)) + || lookupKey(name, cm.options.keyMap, handle, cm); + } + + var stopSeq = new Delayed; + function dispatchKey(cm, name, e, handle) { + var seq = cm.state.keySeq; + if (seq) { + if (isModifierKey(name)) return "handled"; + stopSeq.set(50, function() { + if (cm.state.keySeq == seq) { + cm.state.keySeq = null; + cm.display.input.reset(); + } + }); + name = seq + " " + name; + } + var result = lookupKeyForEditor(cm, name, handle); + + if (result == "multi") + cm.state.keySeq = name; + if (result == "handled") + signalLater(cm, "keyHandled", cm, name, e); + + if (result == "handled" || result == "multi") { + e_preventDefault(e); + restartBlink(cm); + } + + if (seq && !result && /\'$/.test(name)) { + e_preventDefault(e); + return true; + } + return !!result; + } + + // Handle a key from the keydown event. + function handleKeyBinding(cm, e) { + var name = keyName(e, true); + if (!name) return false; + + if (e.shiftKey && !cm.state.keySeq) { + // First try to resolve full name (including 'Shift-'). Failing + // that, see if there is a cursor-motion command (starting with + // 'go') bound to the keyname without 'Shift-'. + return dispatchKey(cm, "Shift-" + name, e, function(b) {return doHandleBinding(cm, b, true);}) + || dispatchKey(cm, name, e, function(b) { + if (typeof b == "string" ? /^go[A-Z]/.test(b) : b.motion) + return doHandleBinding(cm, b); + }); + } else { + return dispatchKey(cm, name, e, function(b) { return doHandleBinding(cm, b); }); + } + } + + // Handle a key from the keypress event + function handleCharBinding(cm, e, ch) { + return dispatchKey(cm, "'" + ch + "'", e, + function(b) { return doHandleBinding(cm, b, true); }); + } + + var lastStoppedKey = null; + function onKeyDown(e) { + var cm = this; + cm.curOp.focus = activeElt(); + if (signalDOMEvent(cm, e)) return; + // IE does strange things with escape. + if (ie && ie_version < 11 && e.keyCode == 27) e.returnValue = false; + var code = e.keyCode; + cm.display.shift = code == 16 || e.shiftKey; + var handled = handleKeyBinding(cm, e); + if (presto) { + lastStoppedKey = handled ? code : null; + // Opera has no cut event... we try to at least catch the key combo + if (!handled && code == 88 && !hasCopyEvent && (mac ? e.metaKey : e.ctrlKey)) + cm.replaceSelection("", null, "cut"); + } + + // Turn mouse into crosshair when Alt is held on Mac. + if (code == 18 && !/\bCodeMirror-crosshair\b/.test(cm.display.lineDiv.className)) + showCrossHair(cm); + } + + function showCrossHair(cm) { + var lineDiv = cm.display.lineDiv; + addClass(lineDiv, "CodeMirror-crosshair"); + + function up(e) { + if (e.keyCode == 18 || !e.altKey) { + rmClass(lineDiv, "CodeMirror-crosshair"); + off(document, "keyup", up); + off(document, "mouseover", up); + } + } + on(document, "keyup", up); + on(document, "mouseover", up); + } + + function onKeyUp(e) { + if (e.keyCode == 16) this.doc.sel.shift = false; + signalDOMEvent(this, e); + } + + function onKeyPress(e) { + var cm = this; + if (eventInWidget(cm.display, e) || signalDOMEvent(cm, e) || e.ctrlKey && !e.altKey || mac && e.metaKey) return; + var keyCode = e.keyCode, charCode = e.charCode; + if (presto && keyCode == lastStoppedKey) {lastStoppedKey = null; e_preventDefault(e); return;} + if ((presto && (!e.which || e.which < 10)) && handleKeyBinding(cm, e)) return; + var ch = String.fromCharCode(charCode == null ? keyCode : charCode); + if (handleCharBinding(cm, e, ch)) return; + cm.display.input.onKeyPress(e); + } + + // FOCUS/BLUR EVENTS + + function delayBlurEvent(cm) { + cm.state.delayingBlurEvent = true; + setTimeout(function() { + if (cm.state.delayingBlurEvent) { + cm.state.delayingBlurEvent = false; + onBlur(cm); + } + }, 100); + } + + function onFocus(cm) { + if (cm.state.delayingBlurEvent) cm.state.delayingBlurEvent = false; + + if (cm.options.readOnly == "nocursor") return; + if (!cm.state.focused) { + signal(cm, "focus", cm); + cm.state.focused = true; + addClass(cm.display.wrapper, "CodeMirror-focused"); + // This test prevents this from firing when a context + // menu is closed (since the input reset would kill the + // select-all detection hack) + if (!cm.curOp && cm.display.selForContextMenu != cm.doc.sel) { + cm.display.input.reset(); + if (webkit) setTimeout(function() { cm.display.input.reset(true); }, 20); // Issue #1730 + } + cm.display.input.receivedFocus(); + } + restartBlink(cm); + } + function onBlur(cm) { + if (cm.state.delayingBlurEvent) return; + + if (cm.state.focused) { + signal(cm, "blur", cm); + cm.state.focused = false; + rmClass(cm.display.wrapper, "CodeMirror-focused"); + } + clearInterval(cm.display.blinker); + setTimeout(function() {if (!cm.state.focused) cm.display.shift = false;}, 150); + } + + // CONTEXT MENU HANDLING + + // To make the context menu work, we need to briefly unhide the + // textarea (making it as unobtrusive as possible) to let the + // right-click take effect on it. + function onContextMenu(cm, e) { + if (eventInWidget(cm.display, e) || contextMenuInGutter(cm, e)) return; + cm.display.input.onContextMenu(e); + } + + function contextMenuInGutter(cm, e) { + if (!hasHandler(cm, "gutterContextMenu")) return false; + return gutterEvent(cm, e, "gutterContextMenu", false, signal); + } + + // UPDATING + + // Compute the position of the end of a change (its 'to' property + // refers to the pre-change end). + var changeEnd = CodeMirror.changeEnd = function(change) { + if (!change.text) return change.to; + return Pos(change.from.line + change.text.length - 1, + lst(change.text).length + (change.text.length == 1 ? change.from.ch : 0)); + }; + + // Adjust a position to refer to the post-change position of the + // same text, or the end of the change if the change covers it. + function adjustForChange(pos, change) { + if (cmp(pos, change.from) < 0) return pos; + if (cmp(pos, change.to) <= 0) return changeEnd(change); + + var line = pos.line + change.text.length - (change.to.line - change.from.line) - 1, ch = pos.ch; + if (pos.line == change.to.line) ch += changeEnd(change).ch - change.to.ch; + return Pos(line, ch); + } + + function computeSelAfterChange(doc, change) { + var out = []; + for (var i = 0; i < doc.sel.ranges.length; i++) { + var range = doc.sel.ranges[i]; + out.push(new Range(adjustForChange(range.anchor, change), + adjustForChange(range.head, change))); + } + return normalizeSelection(out, doc.sel.primIndex); + } + + function offsetPos(pos, old, nw) { + if (pos.line == old.line) + return Pos(nw.line, pos.ch - old.ch + nw.ch); + else + return Pos(nw.line + (pos.line - old.line), pos.ch); + } + + // Used by replaceSelections to allow moving the selection to the + // start or around the replaced test. Hint may be "start" or "around". + function computeReplacedSel(doc, changes, hint) { + var out = []; + var oldPrev = Pos(doc.first, 0), newPrev = oldPrev; + for (var i = 0; i < changes.length; i++) { + var change = changes[i]; + var from = offsetPos(change.from, oldPrev, newPrev); + var to = offsetPos(changeEnd(change), oldPrev, newPrev); + oldPrev = change.to; + newPrev = to; + if (hint == "around") { + var range = doc.sel.ranges[i], inv = cmp(range.head, range.anchor) < 0; + out[i] = new Range(inv ? to : from, inv ? from : to); + } else { + out[i] = new Range(from, from); + } + } + return new Selection(out, doc.sel.primIndex); + } + + // Allow "beforeChange" event handlers to influence a change + function filterChange(doc, change, update) { + var obj = { + canceled: false, + from: change.from, + to: change.to, + text: change.text, + origin: change.origin, + cancel: function() { this.canceled = true; } + }; + if (update) obj.update = function(from, to, text, origin) { + if (from) this.from = clipPos(doc, from); + if (to) this.to = clipPos(doc, to); + if (text) this.text = text; + if (origin !== undefined) this.origin = origin; + }; + signal(doc, "beforeChange", doc, obj); + if (doc.cm) signal(doc.cm, "beforeChange", doc.cm, obj); + + if (obj.canceled) return null; + return {from: obj.from, to: obj.to, text: obj.text, origin: obj.origin}; + } + + // Apply a change to a document, and add it to the document's + // history, and propagating it to all linked documents. + function makeChange(doc, change, ignoreReadOnly) { + if (doc.cm) { + if (!doc.cm.curOp) return operation(doc.cm, makeChange)(doc, change, ignoreReadOnly); + if (doc.cm.state.suppressEdits) return; + } + + if (hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange")) { + change = filterChange(doc, change, true); + if (!change) return; + } + + // Possibly split or suppress the update based on the presence + // of read-only spans in its range. + var split = sawReadOnlySpans && !ignoreReadOnly && removeReadOnlyRanges(doc, change.from, change.to); + if (split) { + for (var i = split.length - 1; i >= 0; --i) + makeChangeInner(doc, {from: split[i].from, to: split[i].to, text: i ? [""] : change.text}); + } else { + makeChangeInner(doc, change); + } + } + + function makeChangeInner(doc, change) { + if (change.text.length == 1 && change.text[0] == "" && cmp(change.from, change.to) == 0) return; + var selAfter = computeSelAfterChange(doc, change); + addChangeToHistory(doc, change, selAfter, doc.cm ? doc.cm.curOp.id : NaN); + + makeChangeSingleDoc(doc, change, selAfter, stretchSpansOverChange(doc, change)); + var rebased = []; + + linkedDocs(doc, function(doc, sharedHist) { + if (!sharedHist && indexOf(rebased, doc.history) == -1) { + rebaseHist(doc.history, change); + rebased.push(doc.history); + } + makeChangeSingleDoc(doc, change, null, stretchSpansOverChange(doc, change)); + }); + } + + // Revert a change stored in a document's history. + function makeChangeFromHistory(doc, type, allowSelectionOnly) { + if (doc.cm && doc.cm.state.suppressEdits) return; + + var hist = doc.history, event, selAfter = doc.sel; + var source = type == "undo" ? hist.done : hist.undone, dest = type == "undo" ? hist.undone : hist.done; + + // Verify that there is a useable event (so that ctrl-z won't + // needlessly clear selection events) + for (var i = 0; i < source.length; i++) { + event = source[i]; + if (allowSelectionOnly ? event.ranges && !event.equals(doc.sel) : !event.ranges) + break; + } + if (i == source.length) return; + hist.lastOrigin = hist.lastSelOrigin = null; + + for (;;) { + event = source.pop(); + if (event.ranges) { + pushSelectionToHistory(event, dest); + if (allowSelectionOnly && !event.equals(doc.sel)) { + setSelection(doc, event, {clearRedo: false}); + return; + } + selAfter = event; + } + else break; + } + + // Build up a reverse change object to add to the opposite history + // stack (redo when undoing, and vice versa). + var antiChanges = []; + pushSelectionToHistory(selAfter, dest); + dest.push({changes: antiChanges, generation: hist.generation}); + hist.generation = event.generation || ++hist.maxGeneration; + + var filter = hasHandler(doc, "beforeChange") || doc.cm && hasHandler(doc.cm, "beforeChange"); + + for (var i = event.changes.length - 1; i >= 0; --i) { + var change = event.changes[i]; + change.origin = type; + if (filter && !filterChange(doc, change, false)) { + source.length = 0; + return; + } + + antiChanges.push(historyChangeFromChange(doc, change)); + + var after = i ? computeSelAfterChange(doc, change) : lst(source); + makeChangeSingleDoc(doc, change, after, mergeOldSpans(doc, change)); + if (!i && doc.cm) doc.cm.scrollIntoView({from: change.from, to: changeEnd(change)}); + var rebased = []; + + // Propagate to the linked documents + linkedDocs(doc, function(doc, sharedHist) { + if (!sharedHist && indexOf(rebased, doc.history) == -1) { + rebaseHist(doc.history, change); + rebased.push(doc.history); + } + makeChangeSingleDoc(doc, change, null, mergeOldSpans(doc, change)); + }); + } + } + + // Sub-views need their line numbers shifted when text is added + // above or below them in the parent document. + function shiftDoc(doc, distance) { + if (distance == 0) return; + doc.first += distance; + doc.sel = new Selection(map(doc.sel.ranges, function(range) { + return new Range(Pos(range.anchor.line + distance, range.anchor.ch), + Pos(range.head.line + distance, range.head.ch)); + }), doc.sel.primIndex); + if (doc.cm) { + regChange(doc.cm, doc.first, doc.first - distance, distance); + for (var d = doc.cm.display, l = d.viewFrom; l < d.viewTo; l++) + regLineChange(doc.cm, l, "gutter"); + } + } + + // More lower-level change function, handling only a single document + // (not linked ones). + function makeChangeSingleDoc(doc, change, selAfter, spans) { + if (doc.cm && !doc.cm.curOp) + return operation(doc.cm, makeChangeSingleDoc)(doc, change, selAfter, spans); + + if (change.to.line < doc.first) { + shiftDoc(doc, change.text.length - 1 - (change.to.line - change.from.line)); + return; + } + if (change.from.line > doc.lastLine()) return; + + // Clip the change to the size of this doc + if (change.from.line < doc.first) { + var shift = change.text.length - 1 - (doc.first - change.from.line); + shiftDoc(doc, shift); + change = {from: Pos(doc.first, 0), to: Pos(change.to.line + shift, change.to.ch), + text: [lst(change.text)], origin: change.origin}; + } + var last = doc.lastLine(); + if (change.to.line > last) { + change = {from: change.from, to: Pos(last, getLine(doc, last).text.length), + text: [change.text[0]], origin: change.origin}; + } + + change.removed = getBetween(doc, change.from, change.to); + + if (!selAfter) selAfter = computeSelAfterChange(doc, change); + if (doc.cm) makeChangeSingleDocInEditor(doc.cm, change, spans); + else updateDoc(doc, change, spans); + setSelectionNoUndo(doc, selAfter, sel_dontScroll); + } + + // Handle the interaction of a change to a document with the editor + // that this document is part of. + function makeChangeSingleDocInEditor(cm, change, spans) { + var doc = cm.doc, display = cm.display, from = change.from, to = change.to; + + var recomputeMaxLength = false, checkWidthStart = from.line; + if (!cm.options.lineWrapping) { + checkWidthStart = lineNo(visualLine(getLine(doc, from.line))); + doc.iter(checkWidthStart, to.line + 1, function(line) { + if (line == display.maxLine) { + recomputeMaxLength = true; + return true; + } + }); + } + + if (doc.sel.contains(change.from, change.to) > -1) + signalCursorActivity(cm); + + updateDoc(doc, change, spans, estimateHeight(cm)); + + if (!cm.options.lineWrapping) { + doc.iter(checkWidthStart, from.line + change.text.length, function(line) { + var len = lineLength(line); + if (len > display.maxLineLength) { + display.maxLine = line; + display.maxLineLength = len; + display.maxLineChanged = true; + recomputeMaxLength = false; + } + }); + if (recomputeMaxLength) cm.curOp.updateMaxLine = true; + } + + // Adjust frontier, schedule worker + doc.frontier = Math.min(doc.frontier, from.line); + startWorker(cm, 400); + + var lendiff = change.text.length - (to.line - from.line) - 1; + // Remember that these lines changed, for updating the display + if (change.full) + regChange(cm); + else if (from.line == to.line && change.text.length == 1 && !isWholeLineUpdate(cm.doc, change)) + regLineChange(cm, from.line, "text"); + else + regChange(cm, from.line, to.line + 1, lendiff); + + var changesHandler = hasHandler(cm, "changes"), changeHandler = hasHandler(cm, "change"); + if (changeHandler || changesHandler) { + var obj = { + from: from, to: to, + text: change.text, + removed: change.removed, + origin: change.origin + }; + if (changeHandler) signalLater(cm, "change", cm, obj); + if (changesHandler) (cm.curOp.changeObjs || (cm.curOp.changeObjs = [])).push(obj); + } + cm.display.selForContextMenu = null; + } + + function replaceRange(doc, code, from, to, origin) { + if (!to) to = from; + if (cmp(to, from) < 0) { var tmp = to; to = from; from = tmp; } + if (typeof code == "string") code = splitLines(code); + makeChange(doc, {from: from, to: to, text: code, origin: origin}); + } + + // SCROLLING THINGS INTO VIEW + + // If an editor sits on the top or bottom of the window, partially + // scrolled out of view, this ensures that the cursor is visible. + function maybeScrollWindow(cm, coords) { + if (signalDOMEvent(cm, "scrollCursorIntoView")) return; + + var display = cm.display, box = display.sizer.getBoundingClientRect(), doScroll = null; + if (coords.top + box.top < 0) doScroll = true; + else if (coords.bottom + box.top > (window.innerHeight || document.documentElement.clientHeight)) doScroll = false; + if (doScroll != null && !phantom) { + var scrollNode = elt("div", "\u200b", null, "position: absolute; top: " + + (coords.top - display.viewOffset - paddingTop(cm.display)) + "px; height: " + + (coords.bottom - coords.top + scrollGap(cm) + display.barHeight) + "px; left: " + + coords.left + "px; width: 2px;"); + cm.display.lineSpace.appendChild(scrollNode); + scrollNode.scrollIntoView(doScroll); + cm.display.lineSpace.removeChild(scrollNode); + } + } + + // Scroll a given position into view (immediately), verifying that + // it actually became visible (as line heights are accurately + // measured, the position of something may 'drift' during drawing). + function scrollPosIntoView(cm, pos, end, margin) { + if (margin == null) margin = 0; + for (var limit = 0; limit < 5; limit++) { + var changed = false, coords = cursorCoords(cm, pos); + var endCoords = !end || end == pos ? coords : cursorCoords(cm, end); + var scrollPos = calculateScrollPos(cm, Math.min(coords.left, endCoords.left), + Math.min(coords.top, endCoords.top) - margin, + Math.max(coords.left, endCoords.left), + Math.max(coords.bottom, endCoords.bottom) + margin); + var startTop = cm.doc.scrollTop, startLeft = cm.doc.scrollLeft; + if (scrollPos.scrollTop != null) { + setScrollTop(cm, scrollPos.scrollTop); + if (Math.abs(cm.doc.scrollTop - startTop) > 1) changed = true; + } + if (scrollPos.scrollLeft != null) { + setScrollLeft(cm, scrollPos.scrollLeft); + if (Math.abs(cm.doc.scrollLeft - startLeft) > 1) changed = true; + } + if (!changed) break; + } + return coords; + } + + // Scroll a given set of coordinates into view (immediately). + function scrollIntoView(cm, x1, y1, x2, y2) { + var scrollPos = calculateScrollPos(cm, x1, y1, x2, y2); + if (scrollPos.scrollTop != null) setScrollTop(cm, scrollPos.scrollTop); + if (scrollPos.scrollLeft != null) setScrollLeft(cm, scrollPos.scrollLeft); + } + + // Calculate a new scroll position needed to scroll the given + // rectangle into view. Returns an object with scrollTop and + // scrollLeft properties. When these are undefined, the + // vertical/horizontal position does not need to be adjusted. + function calculateScrollPos(cm, x1, y1, x2, y2) { + var display = cm.display, snapMargin = textHeight(cm.display); + if (y1 < 0) y1 = 0; + var screentop = cm.curOp && cm.curOp.scrollTop != null ? cm.curOp.scrollTop : display.scroller.scrollTop; + var screen = displayHeight(cm), result = {}; + if (y2 - y1 > screen) y2 = y1 + screen; + var docBottom = cm.doc.height + paddingVert(display); + var atTop = y1 < snapMargin, atBottom = y2 > docBottom - snapMargin; + if (y1 < screentop) { + result.scrollTop = atTop ? 0 : y1; + } else if (y2 > screentop + screen) { + var newTop = Math.min(y1, (atBottom ? docBottom : y2) - screen); + if (newTop != screentop) result.scrollTop = newTop; + } + + var screenleft = cm.curOp && cm.curOp.scrollLeft != null ? cm.curOp.scrollLeft : display.scroller.scrollLeft; + var screenw = displayWidth(cm) - (cm.options.fixedGutter ? display.gutters.offsetWidth : 0); + var tooWide = x2 - x1 > screenw; + if (tooWide) x2 = x1 + screenw; + if (x1 < 10) + result.scrollLeft = 0; + else if (x1 < screenleft) + result.scrollLeft = Math.max(0, x1 - (tooWide ? 0 : 10)); + else if (x2 > screenw + screenleft - 3) + result.scrollLeft = x2 + (tooWide ? 0 : 10) - screenw; + return result; + } + + // Store a relative adjustment to the scroll position in the current + // operation (to be applied when the operation finishes). + function addToScrollPos(cm, left, top) { + if (left != null || top != null) resolveScrollToPos(cm); + if (left != null) + cm.curOp.scrollLeft = (cm.curOp.scrollLeft == null ? cm.doc.scrollLeft : cm.curOp.scrollLeft) + left; + if (top != null) + cm.curOp.scrollTop = (cm.curOp.scrollTop == null ? cm.doc.scrollTop : cm.curOp.scrollTop) + top; + } + + // Make sure that at the end of the operation the current cursor is + // shown. + function ensureCursorVisible(cm) { + resolveScrollToPos(cm); + var cur = cm.getCursor(), from = cur, to = cur; + if (!cm.options.lineWrapping) { + from = cur.ch ? Pos(cur.line, cur.ch - 1) : cur; + to = Pos(cur.line, cur.ch + 1); + } + cm.curOp.scrollToPos = {from: from, to: to, margin: cm.options.cursorScrollMargin, isCursor: true}; + } + + // When an operation has its scrollToPos property set, and another + // scroll action is applied before the end of the operation, this + // 'simulates' scrolling that position into view in a cheap way, so + // that the effect of intermediate scroll commands is not ignored. + function resolveScrollToPos(cm) { + var range = cm.curOp.scrollToPos; + if (range) { + cm.curOp.scrollToPos = null; + var from = estimateCoords(cm, range.from), to = estimateCoords(cm, range.to); + var sPos = calculateScrollPos(cm, Math.min(from.left, to.left), + Math.min(from.top, to.top) - range.margin, + Math.max(from.right, to.right), + Math.max(from.bottom, to.bottom) + range.margin); + cm.scrollTo(sPos.scrollLeft, sPos.scrollTop); + } + } + + // API UTILITIES + + // Indent the given line. The how parameter can be "smart", + // "add"/null, "subtract", or "prev". When aggressive is false + // (typically set to true for forced single-line indents), empty + // lines are not indented, and places where the mode returns Pass + // are left alone. + function indentLine(cm, n, how, aggressive) { + var doc = cm.doc, state; + if (how == null) how = "add"; + if (how == "smart") { + // Fall back to "prev" when the mode doesn't have an indentation + // method. + if (!doc.mode.indent) how = "prev"; + else state = getStateBefore(cm, n); + } + + var tabSize = cm.options.tabSize; + var line = getLine(doc, n), curSpace = countColumn(line.text, null, tabSize); + if (line.stateAfter) line.stateAfter = null; + var curSpaceString = line.text.match(/^\s*/)[0], indentation; + if (!aggressive && !/\S/.test(line.text)) { + indentation = 0; + how = "not"; + } else if (how == "smart") { + indentation = doc.mode.indent(state, line.text.slice(curSpaceString.length), line.text); + if (indentation == Pass || indentation > 150) { + if (!aggressive) return; + how = "prev"; + } + } + if (how == "prev") { + if (n > doc.first) indentation = countColumn(getLine(doc, n-1).text, null, tabSize); + else indentation = 0; + } else if (how == "add") { + indentation = curSpace + cm.options.indentUnit; + } else if (how == "subtract") { + indentation = curSpace - cm.options.indentUnit; + } else if (typeof how == "number") { + indentation = curSpace + how; + } + indentation = Math.max(0, indentation); + + var indentString = "", pos = 0; + if (cm.options.indentWithTabs) + for (var i = Math.floor(indentation / tabSize); i; --i) {pos += tabSize; indentString += "\t";} + if (pos < indentation) indentString += spaceStr(indentation - pos); + + if (indentString != curSpaceString) { + replaceRange(doc, indentString, Pos(n, 0), Pos(n, curSpaceString.length), "+input"); + line.stateAfter = null; + return true; + } else { + // Ensure that, if the cursor was in the whitespace at the start + // of the line, it is moved to the end of that space. + for (var i = 0; i < doc.sel.ranges.length; i++) { + var range = doc.sel.ranges[i]; + if (range.head.line == n && range.head.ch < curSpaceString.length) { + var pos = Pos(n, curSpaceString.length); + replaceOneSelection(doc, i, new Range(pos, pos)); + break; + } + } + } + } + + // Utility for applying a change to a line by handle or number, + // returning the number and optionally registering the line as + // changed. + function changeLine(doc, handle, changeType, op) { + var no = handle, line = handle; + if (typeof handle == "number") line = getLine(doc, clipLine(doc, handle)); + else no = lineNo(handle); + if (no == null) return null; + if (op(line, no) && doc.cm) regLineChange(doc.cm, no, changeType); + return line; + } + + // Helper for deleting text near the selection(s), used to implement + // backspace, delete, and similar functionality. + function deleteNearSelection(cm, compute) { + var ranges = cm.doc.sel.ranges, kill = []; + // Build up a set of ranges to kill first, merging overlapping + // ranges. + for (var i = 0; i < ranges.length; i++) { + var toKill = compute(ranges[i]); + while (kill.length && cmp(toKill.from, lst(kill).to) <= 0) { + var replaced = kill.pop(); + if (cmp(replaced.from, toKill.from) < 0) { + toKill.from = replaced.from; + break; + } + } + kill.push(toKill); + } + // Next, remove those actual ranges. + runInOp(cm, function() { + for (var i = kill.length - 1; i >= 0; i--) + replaceRange(cm.doc, "", kill[i].from, kill[i].to, "+delete"); + ensureCursorVisible(cm); + }); + } + + // Used for horizontal relative motion. Dir is -1 or 1 (left or + // right), unit can be "char", "column" (like char, but doesn't + // cross line boundaries), "word" (across next word), or "group" (to + // the start of next group of word or non-word-non-whitespace + // chars). The visually param controls whether, in right-to-left + // text, direction 1 means to move towards the next index in the + // string, or towards the character to the right of the current + // position. The resulting position will have a hitSide=true + // property if it reached the end of the document. + function findPosH(doc, pos, dir, unit, visually) { + var line = pos.line, ch = pos.ch, origDir = dir; + var lineObj = getLine(doc, line); + var possible = true; + function findNextLine() { + var l = line + dir; + if (l < doc.first || l >= doc.first + doc.size) return (possible = false); + line = l; + return lineObj = getLine(doc, l); + } + function moveOnce(boundToLine) { + var next = (visually ? moveVisually : moveLogically)(lineObj, ch, dir, true); + if (next == null) { + if (!boundToLine && findNextLine()) { + if (visually) ch = (dir < 0 ? lineRight : lineLeft)(lineObj); + else ch = dir < 0 ? lineObj.text.length : 0; + } else return (possible = false); + } else ch = next; + return true; + } + + if (unit == "char") moveOnce(); + else if (unit == "column") moveOnce(true); + else if (unit == "word" || unit == "group") { + var sawType = null, group = unit == "group"; + var helper = doc.cm && doc.cm.getHelper(pos, "wordChars"); + for (var first = true;; first = false) { + if (dir < 0 && !moveOnce(!first)) break; + var cur = lineObj.text.charAt(ch) || "\n"; + var type = isWordChar(cur, helper) ? "w" + : group && cur == "\n" ? "n" + : !group || /\s/.test(cur) ? null + : "p"; + if (group && !first && !type) type = "s"; + if (sawType && sawType != type) { + if (dir < 0) {dir = 1; moveOnce();} + break; + } + + if (type) sawType = type; + if (dir > 0 && !moveOnce(!first)) break; + } + } + var result = skipAtomic(doc, Pos(line, ch), origDir, true); + if (!possible) result.hitSide = true; + return result; + } + + // For relative vertical movement. Dir may be -1 or 1. Unit can be + // "page" or "line". The resulting position will have a hitSide=true + // property if it reached the end of the document. + function findPosV(cm, pos, dir, unit) { + var doc = cm.doc, x = pos.left, y; + if (unit == "page") { + var pageSize = Math.min(cm.display.wrapper.clientHeight, window.innerHeight || document.documentElement.clientHeight); + y = pos.top + dir * (pageSize - (dir < 0 ? 1.5 : .5) * textHeight(cm.display)); + } else if (unit == "line") { + y = dir > 0 ? pos.bottom + 3 : pos.top - 3; + } + for (;;) { + var target = coordsChar(cm, x, y); + if (!target.outside) break; + if (dir < 0 ? y <= 0 : y >= doc.height) { target.hitSide = true; break; } + y += dir * 5; + } + return target; + } + + // EDITOR METHODS + + // The publicly visible API. Note that methodOp(f) means + // 'wrap f in an operation, performed on its `this` parameter'. + + // This is not the complete set of editor methods. Most of the + // methods defined on the Doc type are also injected into + // CodeMirror.prototype, for backwards compatibility and + // convenience. + + CodeMirror.prototype = { + constructor: CodeMirror, + focus: function(){window.focus(); this.display.input.focus();}, + + setOption: function(option, value) { + var options = this.options, old = options[option]; + if (options[option] == value && option != "mode") return; + options[option] = value; + if (optionHandlers.hasOwnProperty(option)) + operation(this, optionHandlers[option])(this, value, old); + }, + + getOption: function(option) {return this.options[option];}, + getDoc: function() {return this.doc;}, + + addKeyMap: function(map, bottom) { + this.state.keyMaps[bottom ? "push" : "unshift"](getKeyMap(map)); + }, + removeKeyMap: function(map) { + var maps = this.state.keyMaps; + for (var i = 0; i < maps.length; ++i) + if (maps[i] == map || maps[i].name == map) { + maps.splice(i, 1); + return true; + } + }, + + addOverlay: methodOp(function(spec, options) { + var mode = spec.token ? spec : CodeMirror.getMode(this.options, spec); + if (mode.startState) throw new Error("Overlays may not be stateful."); + this.state.overlays.push({mode: mode, modeSpec: spec, opaque: options && options.opaque}); + this.state.modeGen++; + regChange(this); + }), + removeOverlay: methodOp(function(spec) { + var overlays = this.state.overlays; + for (var i = 0; i < overlays.length; ++i) { + var cur = overlays[i].modeSpec; + if (cur == spec || typeof spec == "string" && cur.name == spec) { + overlays.splice(i, 1); + this.state.modeGen++; + regChange(this); + return; + } + } + }), + + indentLine: methodOp(function(n, dir, aggressive) { + if (typeof dir != "string" && typeof dir != "number") { + if (dir == null) dir = this.options.smartIndent ? "smart" : "prev"; + else dir = dir ? "add" : "subtract"; + } + if (isLine(this.doc, n)) indentLine(this, n, dir, aggressive); + }), + indentSelection: methodOp(function(how) { + var ranges = this.doc.sel.ranges, end = -1; + for (var i = 0; i < ranges.length; i++) { + var range = ranges[i]; + if (!range.empty()) { + var from = range.from(), to = range.to(); + var start = Math.max(end, from.line); + end = Math.min(this.lastLine(), to.line - (to.ch ? 0 : 1)) + 1; + for (var j = start; j < end; ++j) + indentLine(this, j, how); + var newRanges = this.doc.sel.ranges; + if (from.ch == 0 && ranges.length == newRanges.length && newRanges[i].from().ch > 0) + replaceOneSelection(this.doc, i, new Range(from, newRanges[i].to()), sel_dontScroll); + } else if (range.head.line > end) { + indentLine(this, range.head.line, how, true); + end = range.head.line; + if (i == this.doc.sel.primIndex) ensureCursorVisible(this); + } + } + }), + + // Fetch the parser token for a given character. Useful for hacks + // that want to inspect the mode state (say, for completion). + getTokenAt: function(pos, precise) { + return takeToken(this, pos, precise); + }, + + getLineTokens: function(line, precise) { + return takeToken(this, Pos(line), precise, true); + }, + + getTokenTypeAt: function(pos) { + pos = clipPos(this.doc, pos); + var styles = getLineStyles(this, getLine(this.doc, pos.line)); + var before = 0, after = (styles.length - 1) / 2, ch = pos.ch; + var type; + if (ch == 0) type = styles[2]; + else for (;;) { + var mid = (before + after) >> 1; + if ((mid ? styles[mid * 2 - 1] : 0) >= ch) after = mid; + else if (styles[mid * 2 + 1] < ch) before = mid + 1; + else { type = styles[mid * 2 + 2]; break; } + } + var cut = type ? type.indexOf("cm-overlay ") : -1; + return cut < 0 ? type : cut == 0 ? null : type.slice(0, cut - 1); + }, + + getModeAt: function(pos) { + var mode = this.doc.mode; + if (!mode.innerMode) return mode; + return CodeMirror.innerMode(mode, this.getTokenAt(pos).state).mode; + }, + + getHelper: function(pos, type) { + return this.getHelpers(pos, type)[0]; + }, + + getHelpers: function(pos, type) { + var found = []; + if (!helpers.hasOwnProperty(type)) return found; + var help = helpers[type], mode = this.getModeAt(pos); + if (typeof mode[type] == "string") { + if (help[mode[type]]) found.push(help[mode[type]]); + } else if (mode[type]) { + for (var i = 0; i < mode[type].length; i++) { + var val = help[mode[type][i]]; + if (val) found.push(val); + } + } else if (mode.helperType && help[mode.helperType]) { + found.push(help[mode.helperType]); + } else if (help[mode.name]) { + found.push(help[mode.name]); + } + for (var i = 0; i < help._global.length; i++) { + var cur = help._global[i]; + if (cur.pred(mode, this) && indexOf(found, cur.val) == -1) + found.push(cur.val); + } + return found; + }, + + getStateAfter: function(line, precise) { + var doc = this.doc; + line = clipLine(doc, line == null ? doc.first + doc.size - 1: line); + return getStateBefore(this, line + 1, precise); + }, + + cursorCoords: function(start, mode) { + var pos, range = this.doc.sel.primary(); + if (start == null) pos = range.head; + else if (typeof start == "object") pos = clipPos(this.doc, start); + else pos = start ? range.from() : range.to(); + return cursorCoords(this, pos, mode || "page"); + }, + + charCoords: function(pos, mode) { + return charCoords(this, clipPos(this.doc, pos), mode || "page"); + }, + + coordsChar: function(coords, mode) { + coords = fromCoordSystem(this, coords, mode || "page"); + return coordsChar(this, coords.left, coords.top); + }, + + lineAtHeight: function(height, mode) { + height = fromCoordSystem(this, {top: height, left: 0}, mode || "page").top; + return lineAtHeight(this.doc, height + this.display.viewOffset); + }, + heightAtLine: function(line, mode) { + var end = false, lineObj; + if (typeof line == "number") { + var last = this.doc.first + this.doc.size - 1; + if (line < this.doc.first) line = this.doc.first; + else if (line > last) { line = last; end = true; } + lineObj = getLine(this.doc, line); + } else { + lineObj = line; + } + return intoCoordSystem(this, lineObj, {top: 0, left: 0}, mode || "page").top + + (end ? this.doc.height - heightAtLine(lineObj) : 0); + }, + + defaultTextHeight: function() { return textHeight(this.display); }, + defaultCharWidth: function() { return charWidth(this.display); }, + + setGutterMarker: methodOp(function(line, gutterID, value) { + return changeLine(this.doc, line, "gutter", function(line) { + var markers = line.gutterMarkers || (line.gutterMarkers = {}); + markers[gutterID] = value; + if (!value && isEmpty(markers)) line.gutterMarkers = null; + return true; + }); + }), + + clearGutter: methodOp(function(gutterID) { + var cm = this, doc = cm.doc, i = doc.first; + doc.iter(function(line) { + if (line.gutterMarkers && line.gutterMarkers[gutterID]) { + line.gutterMarkers[gutterID] = null; + regLineChange(cm, i, "gutter"); + if (isEmpty(line.gutterMarkers)) line.gutterMarkers = null; + } + ++i; + }); + }), + + lineInfo: function(line) { + if (typeof line == "number") { + if (!isLine(this.doc, line)) return null; + var n = line; + line = getLine(this.doc, line); + if (!line) return null; + } else { + var n = lineNo(line); + if (n == null) return null; + } + return {line: n, handle: line, text: line.text, gutterMarkers: line.gutterMarkers, + textClass: line.textClass, bgClass: line.bgClass, wrapClass: line.wrapClass, + widgets: line.widgets}; + }, + + getViewport: function() { return {from: this.display.viewFrom, to: this.display.viewTo};}, + + addWidget: function(pos, node, scroll, vert, horiz) { + var display = this.display; + pos = cursorCoords(this, clipPos(this.doc, pos)); + var top = pos.bottom, left = pos.left; + node.style.position = "absolute"; + node.setAttribute("cm-ignore-events", "true"); + this.display.input.setUneditable(node); + display.sizer.appendChild(node); + if (vert == "over") { + top = pos.top; + } else if (vert == "above" || vert == "near") { + var vspace = Math.max(display.wrapper.clientHeight, this.doc.height), + hspace = Math.max(display.sizer.clientWidth, display.lineSpace.clientWidth); + // Default to positioning above (if specified and possible); otherwise default to positioning below + if ((vert == 'above' || pos.bottom + node.offsetHeight > vspace) && pos.top > node.offsetHeight) + top = pos.top - node.offsetHeight; + else if (pos.bottom + node.offsetHeight <= vspace) + top = pos.bottom; + if (left + node.offsetWidth > hspace) + left = hspace - node.offsetWidth; + } + node.style.top = top + "px"; + node.style.left = node.style.right = ""; + if (horiz == "right") { + left = display.sizer.clientWidth - node.offsetWidth; + node.style.right = "0px"; + } else { + if (horiz == "left") left = 0; + else if (horiz == "middle") left = (display.sizer.clientWidth - node.offsetWidth) / 2; + node.style.left = left + "px"; + } + if (scroll) + scrollIntoView(this, left, top, left + node.offsetWidth, top + node.offsetHeight); + }, + + triggerOnKeyDown: methodOp(onKeyDown), + triggerOnKeyPress: methodOp(onKeyPress), + triggerOnKeyUp: onKeyUp, + + execCommand: function(cmd) { + if (commands.hasOwnProperty(cmd)) + return commands[cmd](this); + }, + + triggerElectric: methodOp(function(text) { triggerElectric(this, text); }), + + findPosH: function(from, amount, unit, visually) { + var dir = 1; + if (amount < 0) { dir = -1; amount = -amount; } + for (var i = 0, cur = clipPos(this.doc, from); i < amount; ++i) { + cur = findPosH(this.doc, cur, dir, unit, visually); + if (cur.hitSide) break; + } + return cur; + }, + + moveH: methodOp(function(dir, unit) { + var cm = this; + cm.extendSelectionsBy(function(range) { + if (cm.display.shift || cm.doc.extend || range.empty()) + return findPosH(cm.doc, range.head, dir, unit, cm.options.rtlMoveVisually); + else + return dir < 0 ? range.from() : range.to(); + }, sel_move); + }), + + deleteH: methodOp(function(dir, unit) { + var sel = this.doc.sel, doc = this.doc; + if (sel.somethingSelected()) + doc.replaceSelection("", null, "+delete"); + else + deleteNearSelection(this, function(range) { + var other = findPosH(doc, range.head, dir, unit, false); + return dir < 0 ? {from: other, to: range.head} : {from: range.head, to: other}; + }); + }), + + findPosV: function(from, amount, unit, goalColumn) { + var dir = 1, x = goalColumn; + if (amount < 0) { dir = -1; amount = -amount; } + for (var i = 0, cur = clipPos(this.doc, from); i < amount; ++i) { + var coords = cursorCoords(this, cur, "div"); + if (x == null) x = coords.left; + else coords.left = x; + cur = findPosV(this, coords, dir, unit); + if (cur.hitSide) break; + } + return cur; + }, + + moveV: methodOp(function(dir, unit) { + var cm = this, doc = this.doc, goals = []; + var collapse = !cm.display.shift && !doc.extend && doc.sel.somethingSelected(); + doc.extendSelectionsBy(function(range) { + if (collapse) + return dir < 0 ? range.from() : range.to(); + var headPos = cursorCoords(cm, range.head, "div"); + if (range.goalColumn != null) headPos.left = range.goalColumn; + goals.push(headPos.left); + var pos = findPosV(cm, headPos, dir, unit); + if (unit == "page" && range == doc.sel.primary()) + addToScrollPos(cm, null, charCoords(cm, pos, "div").top - headPos.top); + return pos; + }, sel_move); + if (goals.length) for (var i = 0; i < doc.sel.ranges.length; i++) + doc.sel.ranges[i].goalColumn = goals[i]; + }), + + // Find the word at the given position (as returned by coordsChar). + findWordAt: function(pos) { + var doc = this.doc, line = getLine(doc, pos.line).text; + var start = pos.ch, end = pos.ch; + if (line) { + var helper = this.getHelper(pos, "wordChars"); + if ((pos.xRel < 0 || end == line.length) && start) --start; else ++end; + var startChar = line.charAt(start); + var check = isWordChar(startChar, helper) + ? function(ch) { return isWordChar(ch, helper); } + : /\s/.test(startChar) ? function(ch) {return /\s/.test(ch);} + : function(ch) {return !/\s/.test(ch) && !isWordChar(ch);}; + while (start > 0 && check(line.charAt(start - 1))) --start; + while (end < line.length && check(line.charAt(end))) ++end; + } + return new Range(Pos(pos.line, start), Pos(pos.line, end)); + }, + + toggleOverwrite: function(value) { + if (value != null && value == this.state.overwrite) return; + if (this.state.overwrite = !this.state.overwrite) + addClass(this.display.cursorDiv, "CodeMirror-overwrite"); + else + rmClass(this.display.cursorDiv, "CodeMirror-overwrite"); + + signal(this, "overwriteToggle", this, this.state.overwrite); + }, + hasFocus: function() { return this.display.input.getField() == activeElt(); }, + + scrollTo: methodOp(function(x, y) { + if (x != null || y != null) resolveScrollToPos(this); + if (x != null) this.curOp.scrollLeft = x; + if (y != null) this.curOp.scrollTop = y; + }), + getScrollInfo: function() { + var scroller = this.display.scroller; + return {left: scroller.scrollLeft, top: scroller.scrollTop, + height: scroller.scrollHeight - scrollGap(this) - this.display.barHeight, + width: scroller.scrollWidth - scrollGap(this) - this.display.barWidth, + clientHeight: displayHeight(this), clientWidth: displayWidth(this)}; + }, + + scrollIntoView: methodOp(function(range, margin) { + if (range == null) { + range = {from: this.doc.sel.primary().head, to: null}; + if (margin == null) margin = this.options.cursorScrollMargin; + } else if (typeof range == "number") { + range = {from: Pos(range, 0), to: null}; + } else if (range.from == null) { + range = {from: range, to: null}; + } + if (!range.to) range.to = range.from; + range.margin = margin || 0; + + if (range.from.line != null) { + resolveScrollToPos(this); + this.curOp.scrollToPos = range; + } else { + var sPos = calculateScrollPos(this, Math.min(range.from.left, range.to.left), + Math.min(range.from.top, range.to.top) - range.margin, + Math.max(range.from.right, range.to.right), + Math.max(range.from.bottom, range.to.bottom) + range.margin); + this.scrollTo(sPos.scrollLeft, sPos.scrollTop); + } + }), + + setSize: methodOp(function(width, height) { + var cm = this; + function interpret(val) { + return typeof val == "number" || /^\d+$/.test(String(val)) ? val + "px" : val; + } + if (width != null) cm.display.wrapper.style.width = interpret(width); + if (height != null) cm.display.wrapper.style.height = interpret(height); + if (cm.options.lineWrapping) clearLineMeasurementCache(this); + var lineNo = cm.display.viewFrom; + cm.doc.iter(lineNo, cm.display.viewTo, function(line) { + if (line.widgets) for (var i = 0; i < line.widgets.length; i++) + if (line.widgets[i].noHScroll) { regLineChange(cm, lineNo, "widget"); break; } + ++lineNo; + }); + cm.curOp.forceUpdate = true; + signal(cm, "refresh", this); + }), + + operation: function(f){return runInOp(this, f);}, + + refresh: methodOp(function() { + var oldHeight = this.display.cachedTextHeight; + regChange(this); + this.curOp.forceUpdate = true; + clearCaches(this); + this.scrollTo(this.doc.scrollLeft, this.doc.scrollTop); + updateGutterSpace(this); + if (oldHeight == null || Math.abs(oldHeight - textHeight(this.display)) > .5) + estimateLineHeights(this); + signal(this, "refresh", this); + }), + + swapDoc: methodOp(function(doc) { + var old = this.doc; + old.cm = null; + attachDoc(this, doc); + clearCaches(this); + this.display.input.reset(); + this.scrollTo(doc.scrollLeft, doc.scrollTop); + this.curOp.forceScroll = true; + signalLater(this, "swapDoc", this, old); + return old; + }), + + getInputField: function(){return this.display.input.getField();}, + getWrapperElement: function(){return this.display.wrapper;}, + getScrollerElement: function(){return this.display.scroller;}, + getGutterElement: function(){return this.display.gutters;} + }; + eventMixin(CodeMirror); + + // OPTION DEFAULTS + + // The default configuration options. + var defaults = CodeMirror.defaults = {}; + // Functions to run when options are changed. + var optionHandlers = CodeMirror.optionHandlers = {}; + + function option(name, deflt, handle, notOnInit) { + CodeMirror.defaults[name] = deflt; + if (handle) optionHandlers[name] = + notOnInit ? function(cm, val, old) {if (old != Init) handle(cm, val, old);} : handle; + } + + // Passed to option handlers when there is no old value. + var Init = CodeMirror.Init = {toString: function(){return "CodeMirror.Init";}}; + + // These two are, on init, called from the constructor because they + // have to be initialized before the editor can start at all. + option("value", "", function(cm, val) { + cm.setValue(val); + }, true); + option("mode", null, function(cm, val) { + cm.doc.modeOption = val; + loadMode(cm); + }, true); + + option("indentUnit", 2, loadMode, true); + option("indentWithTabs", false); + option("smartIndent", true); + option("tabSize", 4, function(cm) { + resetModeState(cm); + clearCaches(cm); + regChange(cm); + }, true); + option("specialChars", /[\t\u0000-\u0019\u00ad\u200b-\u200f\u2028\u2029\ufeff]/g, function(cm, val, old) { + cm.state.specialChars = new RegExp(val.source + (val.test("\t") ? "" : "|\t"), "g"); + if (old != CodeMirror.Init) cm.refresh(); + }); + option("specialCharPlaceholder", defaultSpecialCharPlaceholder, function(cm) {cm.refresh();}, true); + option("electricChars", true); + option("inputStyle", mobile ? "contenteditable" : "textarea", function() { + throw new Error("inputStyle can not (yet) be changed in a running editor"); // FIXME + }, true); + option("rtlMoveVisually", !windows); + option("wholeLineUpdateBefore", true); + + option("theme", "default", function(cm) { + themeChanged(cm); + guttersChanged(cm); + }, true); + option("keyMap", "default", function(cm, val, old) { + var next = getKeyMap(val); + var prev = old != CodeMirror.Init && getKeyMap(old); + if (prev && prev.detach) prev.detach(cm, next); + if (next.attach) next.attach(cm, prev || null); + }); + option("extraKeys", null); + + option("lineWrapping", false, wrappingChanged, true); + option("gutters", [], function(cm) { + setGuttersForLineNumbers(cm.options); + guttersChanged(cm); + }, true); + option("fixedGutter", true, function(cm, val) { + cm.display.gutters.style.left = val ? compensateForHScroll(cm.display) + "px" : "0"; + cm.refresh(); + }, true); + option("coverGutterNextToScrollbar", false, function(cm) {updateScrollbars(cm);}, true); + option("scrollbarStyle", "native", function(cm) { + initScrollbars(cm); + updateScrollbars(cm); + cm.display.scrollbars.setScrollTop(cm.doc.scrollTop); + cm.display.scrollbars.setScrollLeft(cm.doc.scrollLeft); + }, true); + option("lineNumbers", false, function(cm) { + setGuttersForLineNumbers(cm.options); + guttersChanged(cm); + }, true); + option("firstLineNumber", 1, guttersChanged, true); + option("lineNumberFormatter", function(integer) {return integer;}, guttersChanged, true); + option("showCursorWhenSelecting", false, updateSelection, true); + + option("resetSelectionOnContextMenu", true); + option("lineWiseCopyCut", true); + + option("readOnly", false, function(cm, val) { + if (val == "nocursor") { + onBlur(cm); + cm.display.input.blur(); + cm.display.disabled = true; + } else { + cm.display.disabled = false; + if (!val) cm.display.input.reset(); + } + }); + option("disableInput", false, function(cm, val) {if (!val) cm.display.input.reset();}, true); + option("dragDrop", true, dragDropChanged); + + option("cursorBlinkRate", 530); + option("cursorScrollMargin", 0); + option("cursorHeight", 1, updateSelection, true); + option("singleCursorHeightPerLine", true, updateSelection, true); + option("workTime", 100); + option("workDelay", 100); + option("flattenSpans", true, resetModeState, true); + option("addModeClass", false, resetModeState, true); + option("pollInterval", 100); + option("undoDepth", 200, function(cm, val){cm.doc.history.undoDepth = val;}); + option("historyEventDelay", 1250); + option("viewportMargin", 10, function(cm){cm.refresh();}, true); + option("maxHighlightLength", 10000, resetModeState, true); + option("moveInputWithCursor", true, function(cm, val) { + if (!val) cm.display.input.resetPosition(); + }); + + option("tabindex", null, function(cm, val) { + cm.display.input.getField().tabIndex = val || ""; + }); + option("autofocus", null); + + // MODE DEFINITION AND QUERYING + + // Known modes, by name and by MIME + var modes = CodeMirror.modes = {}, mimeModes = CodeMirror.mimeModes = {}; + + // Extra arguments are stored as the mode's dependencies, which is + // used by (legacy) mechanisms like loadmode.js to automatically + // load a mode. (Preferred mechanism is the require/define calls.) + CodeMirror.defineMode = function(name, mode) { + if (!CodeMirror.defaults.mode && name != "null") CodeMirror.defaults.mode = name; + if (arguments.length > 2) + mode.dependencies = Array.prototype.slice.call(arguments, 2); + modes[name] = mode; + }; + + CodeMirror.defineMIME = function(mime, spec) { + mimeModes[mime] = spec; + }; + + // Given a MIME type, a {name, ...options} config object, or a name + // string, return a mode config object. + CodeMirror.resolveMode = function(spec) { + if (typeof spec == "string" && mimeModes.hasOwnProperty(spec)) { + spec = mimeModes[spec]; + } else if (spec && typeof spec.name == "string" && mimeModes.hasOwnProperty(spec.name)) { + var found = mimeModes[spec.name]; + if (typeof found == "string") found = {name: found}; + spec = createObj(found, spec); + spec.name = found.name; + } else if (typeof spec == "string" && /^[\w\-]+\/[\w\-]+\+xml$/.test(spec)) { + return CodeMirror.resolveMode("application/xml"); + } + if (typeof spec == "string") return {name: spec}; + else return spec || {name: "null"}; + }; + + // Given a mode spec (anything that resolveMode accepts), find and + // initialize an actual mode object. + CodeMirror.getMode = function(options, spec) { + var spec = CodeMirror.resolveMode(spec); + var mfactory = modes[spec.name]; + if (!mfactory) return CodeMirror.getMode(options, "text/plain"); + var modeObj = mfactory(options, spec); + if (modeExtensions.hasOwnProperty(spec.name)) { + var exts = modeExtensions[spec.name]; + for (var prop in exts) { + if (!exts.hasOwnProperty(prop)) continue; + if (modeObj.hasOwnProperty(prop)) modeObj["_" + prop] = modeObj[prop]; + modeObj[prop] = exts[prop]; + } + } + modeObj.name = spec.name; + if (spec.helperType) modeObj.helperType = spec.helperType; + if (spec.modeProps) for (var prop in spec.modeProps) + modeObj[prop] = spec.modeProps[prop]; + + return modeObj; + }; + + // Minimal default mode. + CodeMirror.defineMode("null", function() { + return {token: function(stream) {stream.skipToEnd();}}; + }); + CodeMirror.defineMIME("text/plain", "null"); + + // This can be used to attach properties to mode objects from + // outside the actual mode definition. + var modeExtensions = CodeMirror.modeExtensions = {}; + CodeMirror.extendMode = function(mode, properties) { + var exts = modeExtensions.hasOwnProperty(mode) ? modeExtensions[mode] : (modeExtensions[mode] = {}); + copyObj(properties, exts); + }; + + // EXTENSIONS + + CodeMirror.defineExtension = function(name, func) { + CodeMirror.prototype[name] = func; + }; + CodeMirror.defineDocExtension = function(name, func) { + Doc.prototype[name] = func; + }; + CodeMirror.defineOption = option; + + var initHooks = []; + CodeMirror.defineInitHook = function(f) {initHooks.push(f);}; + + var helpers = CodeMirror.helpers = {}; + CodeMirror.registerHelper = function(type, name, value) { + if (!helpers.hasOwnProperty(type)) helpers[type] = CodeMirror[type] = {_global: []}; + helpers[type][name] = value; + }; + CodeMirror.registerGlobalHelper = function(type, name, predicate, value) { + CodeMirror.registerHelper(type, name, value); + helpers[type]._global.push({pred: predicate, val: value}); + }; + + // MODE STATE HANDLING + + // Utility functions for working with state. Exported because nested + // modes need to do this for their inner modes. + + var copyState = CodeMirror.copyState = function(mode, state) { + if (state === true) return state; + if (mode.copyState) return mode.copyState(state); + var nstate = {}; + for (var n in state) { + var val = state[n]; + if (val instanceof Array) val = val.concat([]); + nstate[n] = val; + } + return nstate; + }; + + var startState = CodeMirror.startState = function(mode, a1, a2) { + return mode.startState ? mode.startState(a1, a2) : true; + }; + + // Given a mode and a state (for that mode), find the inner mode and + // state at the position that the state refers to. + CodeMirror.innerMode = function(mode, state) { + while (mode.innerMode) { + var info = mode.innerMode(state); + if (!info || info.mode == mode) break; + state = info.state; + mode = info.mode; + } + return info || {mode: mode, state: state}; + }; + + // STANDARD COMMANDS + + // Commands are parameter-less actions that can be performed on an + // editor, mostly used for keybindings. + var commands = CodeMirror.commands = { + selectAll: function(cm) {cm.setSelection(Pos(cm.firstLine(), 0), Pos(cm.lastLine()), sel_dontScroll);}, + singleSelection: function(cm) { + cm.setSelection(cm.getCursor("anchor"), cm.getCursor("head"), sel_dontScroll); + }, + killLine: function(cm) { + deleteNearSelection(cm, function(range) { + if (range.empty()) { + var len = getLine(cm.doc, range.head.line).text.length; + if (range.head.ch == len && range.head.line < cm.lastLine()) + return {from: range.head, to: Pos(range.head.line + 1, 0)}; + else + return {from: range.head, to: Pos(range.head.line, len)}; + } else { + return {from: range.from(), to: range.to()}; + } + }); + }, + deleteLine: function(cm) { + deleteNearSelection(cm, function(range) { + return {from: Pos(range.from().line, 0), + to: clipPos(cm.doc, Pos(range.to().line + 1, 0))}; + }); + }, + delLineLeft: function(cm) { + deleteNearSelection(cm, function(range) { + return {from: Pos(range.from().line, 0), to: range.from()}; + }); + }, + delWrappedLineLeft: function(cm) { + deleteNearSelection(cm, function(range) { + var top = cm.charCoords(range.head, "div").top + 5; + var leftPos = cm.coordsChar({left: 0, top: top}, "div"); + return {from: leftPos, to: range.from()}; + }); + }, + delWrappedLineRight: function(cm) { + deleteNearSelection(cm, function(range) { + var top = cm.charCoords(range.head, "div").top + 5; + var rightPos = cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div"); + return {from: range.from(), to: rightPos }; + }); + }, + undo: function(cm) {cm.undo();}, + redo: function(cm) {cm.redo();}, + undoSelection: function(cm) {cm.undoSelection();}, + redoSelection: function(cm) {cm.redoSelection();}, + goDocStart: function(cm) {cm.extendSelection(Pos(cm.firstLine(), 0));}, + goDocEnd: function(cm) {cm.extendSelection(Pos(cm.lastLine()));}, + goLineStart: function(cm) { + cm.extendSelectionsBy(function(range) { return lineStart(cm, range.head.line); }, + {origin: "+move", bias: 1}); + }, + goLineStartSmart: function(cm) { + cm.extendSelectionsBy(function(range) { + return lineStartSmart(cm, range.head); + }, {origin: "+move", bias: 1}); + }, + goLineEnd: function(cm) { + cm.extendSelectionsBy(function(range) { return lineEnd(cm, range.head.line); }, + {origin: "+move", bias: -1}); + }, + goLineRight: function(cm) { + cm.extendSelectionsBy(function(range) { + var top = cm.charCoords(range.head, "div").top + 5; + return cm.coordsChar({left: cm.display.lineDiv.offsetWidth + 100, top: top}, "div"); + }, sel_move); + }, + goLineLeft: function(cm) { + cm.extendSelectionsBy(function(range) { + var top = cm.charCoords(range.head, "div").top + 5; + return cm.coordsChar({left: 0, top: top}, "div"); + }, sel_move); + }, + goLineLeftSmart: function(cm) { + cm.extendSelectionsBy(function(range) { + var top = cm.charCoords(range.head, "div").top + 5; + var pos = cm.coordsChar({left: 0, top: top}, "div"); + if (pos.ch < cm.getLine(pos.line).search(/\S/)) return lineStartSmart(cm, range.head); + return pos; + }, sel_move); + }, + goLineUp: function(cm) {cm.moveV(-1, "line");}, + goLineDown: function(cm) {cm.moveV(1, "line");}, + goPageUp: function(cm) {cm.moveV(-1, "page");}, + goPageDown: function(cm) {cm.moveV(1, "page");}, + goCharLeft: function(cm) {cm.moveH(-1, "char");}, + goCharRight: function(cm) {cm.moveH(1, "char");}, + goColumnLeft: function(cm) {cm.moveH(-1, "column");}, + goColumnRight: function(cm) {cm.moveH(1, "column");}, + goWordLeft: function(cm) {cm.moveH(-1, "word");}, + goGroupRight: function(cm) {cm.moveH(1, "group");}, + goGroupLeft: function(cm) {cm.moveH(-1, "group");}, + goWordRight: function(cm) {cm.moveH(1, "word");}, + delCharBefore: function(cm) {cm.deleteH(-1, "char");}, + delCharAfter: function(cm) {cm.deleteH(1, "char");}, + delWordBefore: function(cm) {cm.deleteH(-1, "word");}, + delWordAfter: function(cm) {cm.deleteH(1, "word");}, + delGroupBefore: function(cm) {cm.deleteH(-1, "group");}, + delGroupAfter: function(cm) {cm.deleteH(1, "group");}, + indentAuto: function(cm) {cm.indentSelection("smart");}, + indentMore: function(cm) {cm.indentSelection("add");}, + indentLess: function(cm) {cm.indentSelection("subtract");}, + insertTab: function(cm) {cm.replaceSelection("\t");}, + insertSoftTab: function(cm) { + var spaces = [], ranges = cm.listSelections(), tabSize = cm.options.tabSize; + for (var i = 0; i < ranges.length; i++) { + var pos = ranges[i].from(); + var col = countColumn(cm.getLine(pos.line), pos.ch, tabSize); + spaces.push(new Array(tabSize - col % tabSize + 1).join(" ")); + } + cm.replaceSelections(spaces); + }, + defaultTab: function(cm) { + if (cm.somethingSelected()) cm.indentSelection("add"); + else cm.execCommand("insertTab"); + }, + transposeChars: function(cm) { + runInOp(cm, function() { + var ranges = cm.listSelections(), newSel = []; + for (var i = 0; i < ranges.length; i++) { + var cur = ranges[i].head, line = getLine(cm.doc, cur.line).text; + if (line) { + if (cur.ch == line.length) cur = new Pos(cur.line, cur.ch - 1); + if (cur.ch > 0) { + cur = new Pos(cur.line, cur.ch + 1); + cm.replaceRange(line.charAt(cur.ch - 1) + line.charAt(cur.ch - 2), + Pos(cur.line, cur.ch - 2), cur, "+transpose"); + } else if (cur.line > cm.doc.first) { + var prev = getLine(cm.doc, cur.line - 1).text; + if (prev) + cm.replaceRange(line.charAt(0) + "\n" + prev.charAt(prev.length - 1), + Pos(cur.line - 1, prev.length - 1), Pos(cur.line, 1), "+transpose"); + } + } + newSel.push(new Range(cur, cur)); + } + cm.setSelections(newSel); + }); + }, + newlineAndIndent: function(cm) { + runInOp(cm, function() { + var len = cm.listSelections().length; + for (var i = 0; i < len; i++) { + var range = cm.listSelections()[i]; + cm.replaceRange("\n", range.anchor, range.head, "+input"); + cm.indentLine(range.from().line + 1, null, true); + ensureCursorVisible(cm); + } + }); + }, + toggleOverwrite: function(cm) {cm.toggleOverwrite();} + }; + + + // STANDARD KEYMAPS + + var keyMap = CodeMirror.keyMap = {}; + + keyMap.basic = { + "Left": "goCharLeft", "Right": "goCharRight", "Up": "goLineUp", "Down": "goLineDown", + "End": "goLineEnd", "Home": "goLineStartSmart", "PageUp": "goPageUp", "PageDown": "goPageDown", + "Delete": "delCharAfter", "Backspace": "delCharBefore", "Shift-Backspace": "delCharBefore", + "Tab": "defaultTab", "Shift-Tab": "indentAuto", + "Enter": "newlineAndIndent", "Insert": "toggleOverwrite", + "Esc": "singleSelection" + }; + // Note that the save and find-related commands aren't defined by + // default. User code or addons can define them. Unknown commands + // are simply ignored. + keyMap.pcDefault = { + "Ctrl-A": "selectAll", "Ctrl-D": "deleteLine", "Ctrl-Z": "undo", "Shift-Ctrl-Z": "redo", "Ctrl-Y": "redo", + "Ctrl-Home": "goDocStart", "Ctrl-End": "goDocEnd", "Ctrl-Up": "goLineUp", "Ctrl-Down": "goLineDown", + "Ctrl-Left": "goGroupLeft", "Ctrl-Right": "goGroupRight", "Alt-Left": "goLineStart", "Alt-Right": "goLineEnd", + "Ctrl-Backspace": "delGroupBefore", "Ctrl-Delete": "delGroupAfter", "Ctrl-S": "save", "Ctrl-F": "find", + "Ctrl-G": "findNext", "Shift-Ctrl-G": "findPrev", "Shift-Ctrl-F": "replace", "Shift-Ctrl-R": "replaceAll", + "Ctrl-[": "indentLess", "Ctrl-]": "indentMore", + "Ctrl-U": "undoSelection", "Shift-Ctrl-U": "redoSelection", "Alt-U": "redoSelection", + fallthrough: "basic" + }; + // Very basic readline/emacs-style bindings, which are standard on Mac. + keyMap.emacsy = { + "Ctrl-F": "goCharRight", "Ctrl-B": "goCharLeft", "Ctrl-P": "goLineUp", "Ctrl-N": "goLineDown", + "Alt-F": "goWordRight", "Alt-B": "goWordLeft", "Ctrl-A": "goLineStart", "Ctrl-E": "goLineEnd", + "Ctrl-V": "goPageDown", "Shift-Ctrl-V": "goPageUp", "Ctrl-D": "delCharAfter", "Ctrl-H": "delCharBefore", + "Alt-D": "delWordAfter", "Alt-Backspace": "delWordBefore", "Ctrl-K": "killLine", "Ctrl-T": "transposeChars" + }; + keyMap.macDefault = { + "Cmd-A": "selectAll", "Cmd-D": "deleteLine", "Cmd-Z": "undo", "Shift-Cmd-Z": "redo", "Cmd-Y": "redo", + "Cmd-Home": "goDocStart", "Cmd-Up": "goDocStart", "Cmd-End": "goDocEnd", "Cmd-Down": "goDocEnd", "Alt-Left": "goGroupLeft", + "Alt-Right": "goGroupRight", "Cmd-Left": "goLineLeft", "Cmd-Right": "goLineRight", "Alt-Backspace": "delGroupBefore", + "Ctrl-Alt-Backspace": "delGroupAfter", "Alt-Delete": "delGroupAfter", "Cmd-S": "save", "Cmd-F": "find", + "Cmd-G": "findNext", "Shift-Cmd-G": "findPrev", "Cmd-Alt-F": "replace", "Shift-Cmd-Alt-F": "replaceAll", + "Cmd-[": "indentLess", "Cmd-]": "indentMore", "Cmd-Backspace": "delWrappedLineLeft", "Cmd-Delete": "delWrappedLineRight", + "Cmd-U": "undoSelection", "Shift-Cmd-U": "redoSelection", "Ctrl-Up": "goDocStart", "Ctrl-Down": "goDocEnd", + fallthrough: ["basic", "emacsy"] + }; + keyMap["default"] = mac ? keyMap.macDefault : keyMap.pcDefault; + + // KEYMAP DISPATCH + + function normalizeKeyName(name) { + var parts = name.split(/-(?!$)/), name = parts[parts.length - 1]; + var alt, ctrl, shift, cmd; + for (var i = 0; i < parts.length - 1; i++) { + var mod = parts[i]; + if (/^(cmd|meta|m)$/i.test(mod)) cmd = true; + else if (/^a(lt)?$/i.test(mod)) alt = true; + else if (/^(c|ctrl|control)$/i.test(mod)) ctrl = true; + else if (/^s(hift)$/i.test(mod)) shift = true; + else throw new Error("Unrecognized modifier name: " + mod); + } + if (alt) name = "Alt-" + name; + if (ctrl) name = "Ctrl-" + name; + if (cmd) name = "Cmd-" + name; + if (shift) name = "Shift-" + name; + return name; + } + + // This is a kludge to keep keymaps mostly working as raw objects + // (backwards compatibility) while at the same time support features + // like normalization and multi-stroke key bindings. It compiles a + // new normalized keymap, and then updates the old object to reflect + // this. + CodeMirror.normalizeKeyMap = function(keymap) { + var copy = {}; + for (var keyname in keymap) if (keymap.hasOwnProperty(keyname)) { + var value = keymap[keyname]; + if (/^(name|fallthrough|(de|at)tach)$/.test(keyname)) continue; + if (value == "...") { delete keymap[keyname]; continue; } + + var keys = map(keyname.split(" "), normalizeKeyName); + for (var i = 0; i < keys.length; i++) { + var val, name; + if (i == keys.length - 1) { + name = keys.join(" "); + val = value; + } else { + name = keys.slice(0, i + 1).join(" "); + val = "..."; + } + var prev = copy[name]; + if (!prev) copy[name] = val; + else if (prev != val) throw new Error("Inconsistent bindings for " + name); + } + delete keymap[keyname]; + } + for (var prop in copy) keymap[prop] = copy[prop]; + return keymap; + }; + + var lookupKey = CodeMirror.lookupKey = function(key, map, handle, context) { + map = getKeyMap(map); + var found = map.call ? map.call(key, context) : map[key]; + if (found === false) return "nothing"; + if (found === "...") return "multi"; + if (found != null && handle(found)) return "handled"; + + if (map.fallthrough) { + if (Object.prototype.toString.call(map.fallthrough) != "[object Array]") + return lookupKey(key, map.fallthrough, handle, context); + for (var i = 0; i < map.fallthrough.length; i++) { + var result = lookupKey(key, map.fallthrough[i], handle, context); + if (result) return result; + } + } + }; + + // Modifier key presses don't count as 'real' key presses for the + // purpose of keymap fallthrough. + var isModifierKey = CodeMirror.isModifierKey = function(value) { + var name = typeof value == "string" ? value : keyNames[value.keyCode]; + return name == "Ctrl" || name == "Alt" || name == "Shift" || name == "Mod"; + }; + + // Look up the name of a key as indicated by an event object. + var keyName = CodeMirror.keyName = function(event, noShift) { + if (presto && event.keyCode == 34 && event["char"]) return false; + var base = keyNames[event.keyCode], name = base; + if (name == null || event.altGraphKey) return false; + if (event.altKey && base != "Alt") name = "Alt-" + name; + if ((flipCtrlCmd ? event.metaKey : event.ctrlKey) && base != "Ctrl") name = "Ctrl-" + name; + if ((flipCtrlCmd ? event.ctrlKey : event.metaKey) && base != "Cmd") name = "Cmd-" + name; + if (!noShift && event.shiftKey && base != "Shift") name = "Shift-" + name; + return name; + }; + + function getKeyMap(val) { + return typeof val == "string" ? keyMap[val] : val; + } + + // FROMTEXTAREA + + CodeMirror.fromTextArea = function(textarea, options) { + options = options ? copyObj(options) : {}; + options.value = textarea.value; + if (!options.tabindex && textarea.tabIndex) + options.tabindex = textarea.tabIndex; + if (!options.placeholder && textarea.placeholder) + options.placeholder = textarea.placeholder; + // Set autofocus to true if this textarea is focused, or if it has + // autofocus and no other element is focused. + if (options.autofocus == null) { + var hasFocus = activeElt(); + options.autofocus = hasFocus == textarea || + textarea.getAttribute("autofocus") != null && hasFocus == document.body; + } + + function save() {textarea.value = cm.getValue();} + if (textarea.form) { + on(textarea.form, "submit", save); + // Deplorable hack to make the submit method do the right thing. + if (!options.leaveSubmitMethodAlone) { + var form = textarea.form, realSubmit = form.submit; + try { + var wrappedSubmit = form.submit = function() { + save(); + form.submit = realSubmit; + form.submit(); + form.submit = wrappedSubmit; + }; + } catch(e) {} + } + } + + options.finishInit = function(cm) { + cm.save = save; + cm.getTextArea = function() { return textarea; }; + cm.toTextArea = function() { + cm.toTextArea = isNaN; // Prevent this from being ran twice + save(); + textarea.parentNode.removeChild(cm.getWrapperElement()); + textarea.style.display = ""; + if (textarea.form) { + off(textarea.form, "submit", save); + if (typeof textarea.form.submit == "function") + textarea.form.submit = realSubmit; + } + }; + }; + + textarea.style.display = "none"; + var cm = CodeMirror(function(node) { + textarea.parentNode.insertBefore(node, textarea.nextSibling); + }, options); + return cm; + }; + + // STRING STREAM + + // Fed to the mode parsers, provides helper functions to make + // parsers more succinct. + + var StringStream = CodeMirror.StringStream = function(string, tabSize) { + this.pos = this.start = 0; + this.string = string; + this.tabSize = tabSize || 8; + this.lastColumnPos = this.lastColumnValue = 0; + this.lineStart = 0; + }; + + StringStream.prototype = { + eol: function() {return this.pos >= this.string.length;}, + sol: function() {return this.pos == this.lineStart;}, + peek: function() {return this.string.charAt(this.pos) || undefined;}, + next: function() { + if (this.pos < this.string.length) + return this.string.charAt(this.pos++); + }, + eat: function(match) { + var ch = this.string.charAt(this.pos); + if (typeof match == "string") var ok = ch == match; + else var ok = ch && (match.test ? match.test(ch) : match(ch)); + if (ok) {++this.pos; return ch;} + }, + eatWhile: function(match) { + var start = this.pos; + while (this.eat(match)){} + return this.pos > start; + }, + eatSpace: function() { + var start = this.pos; + while (/[\s\u00a0]/.test(this.string.charAt(this.pos))) ++this.pos; + return this.pos > start; + }, + skipToEnd: function() {this.pos = this.string.length;}, + skipTo: function(ch) { + var found = this.string.indexOf(ch, this.pos); + if (found > -1) {this.pos = found; return true;} + }, + backUp: function(n) {this.pos -= n;}, + column: function() { + if (this.lastColumnPos < this.start) { + this.lastColumnValue = countColumn(this.string, this.start, this.tabSize, this.lastColumnPos, this.lastColumnValue); + this.lastColumnPos = this.start; + } + return this.lastColumnValue - (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0); + }, + indentation: function() { + return countColumn(this.string, null, this.tabSize) - + (this.lineStart ? countColumn(this.string, this.lineStart, this.tabSize) : 0); + }, + match: function(pattern, consume, caseInsensitive) { + if (typeof pattern == "string") { + var cased = function(str) {return caseInsensitive ? str.toLowerCase() : str;}; + var substr = this.string.substr(this.pos, pattern.length); + if (cased(substr) == cased(pattern)) { + if (consume !== false) this.pos += pattern.length; + return true; + } + } else { + var match = this.string.slice(this.pos).match(pattern); + if (match && match.index > 0) return null; + if (match && consume !== false) this.pos += match[0].length; + return match; + } + }, + current: function(){return this.string.slice(this.start, this.pos);}, + hideFirstChars: function(n, inner) { + this.lineStart += n; + try { return inner(); } + finally { this.lineStart -= n; } + } + }; + + // TEXTMARKERS + + // Created with markText and setBookmark methods. A TextMarker is a + // handle that can be used to clear or find a marked position in the + // document. Line objects hold arrays (markedSpans) containing + // {from, to, marker} object pointing to such marker objects, and + // indicating that such a marker is present on that line. Multiple + // lines may point to the same marker when it spans across lines. + // The spans will have null for their from/to properties when the + // marker continues beyond the start/end of the line. Markers have + // links back to the lines they currently touch. + + var nextMarkerId = 0; + + var TextMarker = CodeMirror.TextMarker = function(doc, type) { + this.lines = []; + this.type = type; + this.doc = doc; + this.id = ++nextMarkerId; + }; + eventMixin(TextMarker); + + // Clear the marker. + TextMarker.prototype.clear = function() { + if (this.explicitlyCleared) return; + var cm = this.doc.cm, withOp = cm && !cm.curOp; + if (withOp) startOperation(cm); + if (hasHandler(this, "clear")) { + var found = this.find(); + if (found) signalLater(this, "clear", found.from, found.to); + } + var min = null, max = null; + for (var i = 0; i < this.lines.length; ++i) { + var line = this.lines[i]; + var span = getMarkedSpanFor(line.markedSpans, this); + if (cm && !this.collapsed) regLineChange(cm, lineNo(line), "text"); + else if (cm) { + if (span.to != null) max = lineNo(line); + if (span.from != null) min = lineNo(line); + } + line.markedSpans = removeMarkedSpan(line.markedSpans, span); + if (span.from == null && this.collapsed && !lineIsHidden(this.doc, line) && cm) + updateLineHeight(line, textHeight(cm.display)); + } + if (cm && this.collapsed && !cm.options.lineWrapping) for (var i = 0; i < this.lines.length; ++i) { + var visual = visualLine(this.lines[i]), len = lineLength(visual); + if (len > cm.display.maxLineLength) { + cm.display.maxLine = visual; + cm.display.maxLineLength = len; + cm.display.maxLineChanged = true; + } + } + + if (min != null && cm && this.collapsed) regChange(cm, min, max + 1); + this.lines.length = 0; + this.explicitlyCleared = true; + if (this.atomic && this.doc.cantEdit) { + this.doc.cantEdit = false; + if (cm) reCheckSelection(cm.doc); + } + if (cm) signalLater(cm, "markerCleared", cm, this); + if (withOp) endOperation(cm); + if (this.parent) this.parent.clear(); + }; + + // Find the position of the marker in the document. Returns a {from, + // to} object by default. Side can be passed to get a specific side + // -- 0 (both), -1 (left), or 1 (right). When lineObj is true, the + // Pos objects returned contain a line object, rather than a line + // number (used to prevent looking up the same line twice). + TextMarker.prototype.find = function(side, lineObj) { + if (side == null && this.type == "bookmark") side = 1; + var from, to; + for (var i = 0; i < this.lines.length; ++i) { + var line = this.lines[i]; + var span = getMarkedSpanFor(line.markedSpans, this); + if (span.from != null) { + from = Pos(lineObj ? line : lineNo(line), span.from); + if (side == -1) return from; + } + if (span.to != null) { + to = Pos(lineObj ? line : lineNo(line), span.to); + if (side == 1) return to; + } + } + return from && {from: from, to: to}; + }; + + // Signals that the marker's widget changed, and surrounding layout + // should be recomputed. + TextMarker.prototype.changed = function() { + var pos = this.find(-1, true), widget = this, cm = this.doc.cm; + if (!pos || !cm) return; + runInOp(cm, function() { + var line = pos.line, lineN = lineNo(pos.line); + var view = findViewForLine(cm, lineN); + if (view) { + clearLineMeasurementCacheFor(view); + cm.curOp.selectionChanged = cm.curOp.forceUpdate = true; + } + cm.curOp.updateMaxLine = true; + if (!lineIsHidden(widget.doc, line) && widget.height != null) { + var oldHeight = widget.height; + widget.height = null; + var dHeight = widgetHeight(widget) - oldHeight; + if (dHeight) + updateLineHeight(line, line.height + dHeight); + } + }); + }; + + TextMarker.prototype.attachLine = function(line) { + if (!this.lines.length && this.doc.cm) { + var op = this.doc.cm.curOp; + if (!op.maybeHiddenMarkers || indexOf(op.maybeHiddenMarkers, this) == -1) + (op.maybeUnhiddenMarkers || (op.maybeUnhiddenMarkers = [])).push(this); + } + this.lines.push(line); + }; + TextMarker.prototype.detachLine = function(line) { + this.lines.splice(indexOf(this.lines, line), 1); + if (!this.lines.length && this.doc.cm) { + var op = this.doc.cm.curOp; + (op.maybeHiddenMarkers || (op.maybeHiddenMarkers = [])).push(this); + } + }; + + // Collapsed markers have unique ids, in order to be able to order + // them, which is needed for uniquely determining an outer marker + // when they overlap (they may nest, but not partially overlap). + var nextMarkerId = 0; + + // Create a marker, wire it up to the right lines, and + function markText(doc, from, to, options, type) { + // Shared markers (across linked documents) are handled separately + // (markTextShared will call out to this again, once per + // document). + if (options && options.shared) return markTextShared(doc, from, to, options, type); + // Ensure we are in an operation. + if (doc.cm && !doc.cm.curOp) return operation(doc.cm, markText)(doc, from, to, options, type); + + var marker = new TextMarker(doc, type), diff = cmp(from, to); + if (options) copyObj(options, marker, false); + // Don't connect empty markers unless clearWhenEmpty is false + if (diff > 0 || diff == 0 && marker.clearWhenEmpty !== false) + return marker; + if (marker.replacedWith) { + // Showing up as a widget implies collapsed (widget replaces text) + marker.collapsed = true; + marker.widgetNode = elt("span", [marker.replacedWith], "CodeMirror-widget"); + if (!options.handleMouseEvents) marker.widgetNode.setAttribute("cm-ignore-events", "true"); + if (options.insertLeft) marker.widgetNode.insertLeft = true; + } + if (marker.collapsed) { + if (conflictingCollapsedRange(doc, from.line, from, to, marker) || + from.line != to.line && conflictingCollapsedRange(doc, to.line, from, to, marker)) + throw new Error("Inserting collapsed marker partially overlapping an existing one"); + sawCollapsedSpans = true; + } + + if (marker.addToHistory) + addChangeToHistory(doc, {from: from, to: to, origin: "markText"}, doc.sel, NaN); + + var curLine = from.line, cm = doc.cm, updateMaxLine; + doc.iter(curLine, to.line + 1, function(line) { + if (cm && marker.collapsed && !cm.options.lineWrapping && visualLine(line) == cm.display.maxLine) + updateMaxLine = true; + if (marker.collapsed && curLine != from.line) updateLineHeight(line, 0); + addMarkedSpan(line, new MarkedSpan(marker, + curLine == from.line ? from.ch : null, + curLine == to.line ? to.ch : null)); + ++curLine; + }); + // lineIsHidden depends on the presence of the spans, so needs a second pass + if (marker.collapsed) doc.iter(from.line, to.line + 1, function(line) { + if (lineIsHidden(doc, line)) updateLineHeight(line, 0); + }); + + if (marker.clearOnEnter) on(marker, "beforeCursorEnter", function() { marker.clear(); }); + + if (marker.readOnly) { + sawReadOnlySpans = true; + if (doc.history.done.length || doc.history.undone.length) + doc.clearHistory(); + } + if (marker.collapsed) { + marker.id = ++nextMarkerId; + marker.atomic = true; + } + if (cm) { + // Sync editor state + if (updateMaxLine) cm.curOp.updateMaxLine = true; + if (marker.collapsed) + regChange(cm, from.line, to.line + 1); + else if (marker.className || marker.title || marker.startStyle || marker.endStyle || marker.css) + for (var i = from.line; i <= to.line; i++) regLineChange(cm, i, "text"); + if (marker.atomic) reCheckSelection(cm.doc); + signalLater(cm, "markerAdded", cm, marker); + } + return marker; + } + + // SHARED TEXTMARKERS + + // A shared marker spans multiple linked documents. It is + // implemented as a meta-marker-object controlling multiple normal + // markers. + var SharedTextMarker = CodeMirror.SharedTextMarker = function(markers, primary) { + this.markers = markers; + this.primary = primary; + for (var i = 0; i < markers.length; ++i) + markers[i].parent = this; + }; + eventMixin(SharedTextMarker); + + SharedTextMarker.prototype.clear = function() { + if (this.explicitlyCleared) return; + this.explicitlyCleared = true; + for (var i = 0; i < this.markers.length; ++i) + this.markers[i].clear(); + signalLater(this, "clear"); + }; + SharedTextMarker.prototype.find = function(side, lineObj) { + return this.primary.find(side, lineObj); + }; + + function markTextShared(doc, from, to, options, type) { + options = copyObj(options); + options.shared = false; + var markers = [markText(doc, from, to, options, type)], primary = markers[0]; + var widget = options.widgetNode; + linkedDocs(doc, function(doc) { + if (widget) options.widgetNode = widget.cloneNode(true); + markers.push(markText(doc, clipPos(doc, from), clipPos(doc, to), options, type)); + for (var i = 0; i < doc.linked.length; ++i) + if (doc.linked[i].isParent) return; + primary = lst(markers); + }); + return new SharedTextMarker(markers, primary); + } + + function findSharedMarkers(doc) { + return doc.findMarks(Pos(doc.first, 0), doc.clipPos(Pos(doc.lastLine())), + function(m) { return m.parent; }); + } + + function copySharedMarkers(doc, markers) { + for (var i = 0; i < markers.length; i++) { + var marker = markers[i], pos = marker.find(); + var mFrom = doc.clipPos(pos.from), mTo = doc.clipPos(pos.to); + if (cmp(mFrom, mTo)) { + var subMark = markText(doc, mFrom, mTo, marker.primary, marker.primary.type); + marker.markers.push(subMark); + subMark.parent = marker; + } + } + } + + function detachSharedMarkers(markers) { + for (var i = 0; i < markers.length; i++) { + var marker = markers[i], linked = [marker.primary.doc];; + linkedDocs(marker.primary.doc, function(d) { linked.push(d); }); + for (var j = 0; j < marker.markers.length; j++) { + var subMarker = marker.markers[j]; + if (indexOf(linked, subMarker.doc) == -1) { + subMarker.parent = null; + marker.markers.splice(j--, 1); + } + } + } + } + + // TEXTMARKER SPANS + + function MarkedSpan(marker, from, to) { + this.marker = marker; + this.from = from; this.to = to; + } + + // Search an array of spans for a span matching the given marker. + function getMarkedSpanFor(spans, marker) { + if (spans) for (var i = 0; i < spans.length; ++i) { + var span = spans[i]; + if (span.marker == marker) return span; + } + } + // Remove a span from an array, returning undefined if no spans are + // left (we don't store arrays for lines without spans). + function removeMarkedSpan(spans, span) { + for (var r, i = 0; i < spans.length; ++i) + if (spans[i] != span) (r || (r = [])).push(spans[i]); + return r; + } + // Add a span to a line. + function addMarkedSpan(line, span) { + line.markedSpans = line.markedSpans ? line.markedSpans.concat([span]) : [span]; + span.marker.attachLine(line); + } + + // Used for the algorithm that adjusts markers for a change in the + // document. These functions cut an array of spans at a given + // character position, returning an array of remaining chunks (or + // undefined if nothing remains). + function markedSpansBefore(old, startCh, isInsert) { + if (old) for (var i = 0, nw; i < old.length; ++i) { + var span = old[i], marker = span.marker; + var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= startCh : span.from < startCh); + if (startsBefore || span.from == startCh && marker.type == "bookmark" && (!isInsert || !span.marker.insertLeft)) { + var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= startCh : span.to > startCh); + (nw || (nw = [])).push(new MarkedSpan(marker, span.from, endsAfter ? null : span.to)); + } + } + return nw; + } + function markedSpansAfter(old, endCh, isInsert) { + if (old) for (var i = 0, nw; i < old.length; ++i) { + var span = old[i], marker = span.marker; + var endsAfter = span.to == null || (marker.inclusiveRight ? span.to >= endCh : span.to > endCh); + if (endsAfter || span.from == endCh && marker.type == "bookmark" && (!isInsert || span.marker.insertLeft)) { + var startsBefore = span.from == null || (marker.inclusiveLeft ? span.from <= endCh : span.from < endCh); + (nw || (nw = [])).push(new MarkedSpan(marker, startsBefore ? null : span.from - endCh, + span.to == null ? null : span.to - endCh)); + } + } + return nw; + } + + // Given a change object, compute the new set of marker spans that + // cover the line in which the change took place. Removes spans + // entirely within the change, reconnects spans belonging to the + // same marker that appear on both sides of the change, and cuts off + // spans partially within the change. Returns an array of span + // arrays with one element for each line in (after) the change. + function stretchSpansOverChange(doc, change) { + if (change.full) return null; + var oldFirst = isLine(doc, change.from.line) && getLine(doc, change.from.line).markedSpans; + var oldLast = isLine(doc, change.to.line) && getLine(doc, change.to.line).markedSpans; + if (!oldFirst && !oldLast) return null; + + var startCh = change.from.ch, endCh = change.to.ch, isInsert = cmp(change.from, change.to) == 0; + // Get the spans that 'stick out' on both sides + var first = markedSpansBefore(oldFirst, startCh, isInsert); + var last = markedSpansAfter(oldLast, endCh, isInsert); + + // Next, merge those two ends + var sameLine = change.text.length == 1, offset = lst(change.text).length + (sameLine ? startCh : 0); + if (first) { + // Fix up .to properties of first + for (var i = 0; i < first.length; ++i) { + var span = first[i]; + if (span.to == null) { + var found = getMarkedSpanFor(last, span.marker); + if (!found) span.to = startCh; + else if (sameLine) span.to = found.to == null ? null : found.to + offset; + } + } + } + if (last) { + // Fix up .from in last (or move them into first in case of sameLine) + for (var i = 0; i < last.length; ++i) { + var span = last[i]; + if (span.to != null) span.to += offset; + if (span.from == null) { + var found = getMarkedSpanFor(first, span.marker); + if (!found) { + span.from = offset; + if (sameLine) (first || (first = [])).push(span); + } + } else { + span.from += offset; + if (sameLine) (first || (first = [])).push(span); + } + } + } + // Make sure we didn't create any zero-length spans + if (first) first = clearEmptySpans(first); + if (last && last != first) last = clearEmptySpans(last); + + var newMarkers = [first]; + if (!sameLine) { + // Fill gap with whole-line-spans + var gap = change.text.length - 2, gapMarkers; + if (gap > 0 && first) + for (var i = 0; i < first.length; ++i) + if (first[i].to == null) + (gapMarkers || (gapMarkers = [])).push(new MarkedSpan(first[i].marker, null, null)); + for (var i = 0; i < gap; ++i) + newMarkers.push(gapMarkers); + newMarkers.push(last); + } + return newMarkers; + } + + // Remove spans that are empty and don't have a clearWhenEmpty + // option of false. + function clearEmptySpans(spans) { + for (var i = 0; i < spans.length; ++i) { + var span = spans[i]; + if (span.from != null && span.from == span.to && span.marker.clearWhenEmpty !== false) + spans.splice(i--, 1); + } + if (!spans.length) return null; + return spans; + } + + // Used for un/re-doing changes from the history. Combines the + // result of computing the existing spans with the set of spans that + // existed in the history (so that deleting around a span and then + // undoing brings back the span). + function mergeOldSpans(doc, change) { + var old = getOldSpans(doc, change); + var stretched = stretchSpansOverChange(doc, change); + if (!old) return stretched; + if (!stretched) return old; + + for (var i = 0; i < old.length; ++i) { + var oldCur = old[i], stretchCur = stretched[i]; + if (oldCur && stretchCur) { + spans: for (var j = 0; j < stretchCur.length; ++j) { + var span = stretchCur[j]; + for (var k = 0; k < oldCur.length; ++k) + if (oldCur[k].marker == span.marker) continue spans; + oldCur.push(span); + } + } else if (stretchCur) { + old[i] = stretchCur; + } + } + return old; + } + + // Used to 'clip' out readOnly ranges when making a change. + function removeReadOnlyRanges(doc, from, to) { + var markers = null; + doc.iter(from.line, to.line + 1, function(line) { + if (line.markedSpans) for (var i = 0; i < line.markedSpans.length; ++i) { + var mark = line.markedSpans[i].marker; + if (mark.readOnly && (!markers || indexOf(markers, mark) == -1)) + (markers || (markers = [])).push(mark); + } + }); + if (!markers) return null; + var parts = [{from: from, to: to}]; + for (var i = 0; i < markers.length; ++i) { + var mk = markers[i], m = mk.find(0); + for (var j = 0; j < parts.length; ++j) { + var p = parts[j]; + if (cmp(p.to, m.from) < 0 || cmp(p.from, m.to) > 0) continue; + var newParts = [j, 1], dfrom = cmp(p.from, m.from), dto = cmp(p.to, m.to); + if (dfrom < 0 || !mk.inclusiveLeft && !dfrom) + newParts.push({from: p.from, to: m.from}); + if (dto > 0 || !mk.inclusiveRight && !dto) + newParts.push({from: m.to, to: p.to}); + parts.splice.apply(parts, newParts); + j += newParts.length - 1; + } + } + return parts; + } + + // Connect or disconnect spans from a line. + function detachMarkedSpans(line) { + var spans = line.markedSpans; + if (!spans) return; + for (var i = 0; i < spans.length; ++i) + spans[i].marker.detachLine(line); + line.markedSpans = null; + } + function attachMarkedSpans(line, spans) { + if (!spans) return; + for (var i = 0; i < spans.length; ++i) + spans[i].marker.attachLine(line); + line.markedSpans = spans; + } + + // Helpers used when computing which overlapping collapsed span + // counts as the larger one. + function extraLeft(marker) { return marker.inclusiveLeft ? -1 : 0; } + function extraRight(marker) { return marker.inclusiveRight ? 1 : 0; } + + // Returns a number indicating which of two overlapping collapsed + // spans is larger (and thus includes the other). Falls back to + // comparing ids when the spans cover exactly the same range. + function compareCollapsedMarkers(a, b) { + var lenDiff = a.lines.length - b.lines.length; + if (lenDiff != 0) return lenDiff; + var aPos = a.find(), bPos = b.find(); + var fromCmp = cmp(aPos.from, bPos.from) || extraLeft(a) - extraLeft(b); + if (fromCmp) return -fromCmp; + var toCmp = cmp(aPos.to, bPos.to) || extraRight(a) - extraRight(b); + if (toCmp) return toCmp; + return b.id - a.id; + } + + // Find out whether a line ends or starts in a collapsed span. If + // so, return the marker for that span. + function collapsedSpanAtSide(line, start) { + var sps = sawCollapsedSpans && line.markedSpans, found; + if (sps) for (var sp, i = 0; i < sps.length; ++i) { + sp = sps[i]; + if (sp.marker.collapsed && (start ? sp.from : sp.to) == null && + (!found || compareCollapsedMarkers(found, sp.marker) < 0)) + found = sp.marker; + } + return found; + } + function collapsedSpanAtStart(line) { return collapsedSpanAtSide(line, true); } + function collapsedSpanAtEnd(line) { return collapsedSpanAtSide(line, false); } + + // Test whether there exists a collapsed span that partially + // overlaps (covers the start or end, but not both) of a new span. + // Such overlap is not allowed. + function conflictingCollapsedRange(doc, lineNo, from, to, marker) { + var line = getLine(doc, lineNo); + var sps = sawCollapsedSpans && line.markedSpans; + if (sps) for (var i = 0; i < sps.length; ++i) { + var sp = sps[i]; + if (!sp.marker.collapsed) continue; + var found = sp.marker.find(0); + var fromCmp = cmp(found.from, from) || extraLeft(sp.marker) - extraLeft(marker); + var toCmp = cmp(found.to, to) || extraRight(sp.marker) - extraRight(marker); + if (fromCmp >= 0 && toCmp <= 0 || fromCmp <= 0 && toCmp >= 0) continue; + if (fromCmp <= 0 && (cmp(found.to, from) > 0 || (sp.marker.inclusiveRight && marker.inclusiveLeft)) || + fromCmp >= 0 && (cmp(found.from, to) < 0 || (sp.marker.inclusiveLeft && marker.inclusiveRight))) + return true; + } + } + + // A visual line is a line as drawn on the screen. Folding, for + // example, can cause multiple logical lines to appear on the same + // visual line. This finds the start of the visual line that the + // given line is part of (usually that is the line itself). + function visualLine(line) { + var merged; + while (merged = collapsedSpanAtStart(line)) + line = merged.find(-1, true).line; + return line; + } + + // Returns an array of logical lines that continue the visual line + // started by the argument, or undefined if there are no such lines. + function visualLineContinued(line) { + var merged, lines; + while (merged = collapsedSpanAtEnd(line)) { + line = merged.find(1, true).line; + (lines || (lines = [])).push(line); + } + return lines; + } + + // Get the line number of the start of the visual line that the + // given line number is part of. + function visualLineNo(doc, lineN) { + var line = getLine(doc, lineN), vis = visualLine(line); + if (line == vis) return lineN; + return lineNo(vis); + } + // Get the line number of the start of the next visual line after + // the given line. + function visualLineEndNo(doc, lineN) { + if (lineN > doc.lastLine()) return lineN; + var line = getLine(doc, lineN), merged; + if (!lineIsHidden(doc, line)) return lineN; + while (merged = collapsedSpanAtEnd(line)) + line = merged.find(1, true).line; + return lineNo(line) + 1; + } + + // Compute whether a line is hidden. Lines count as hidden when they + // are part of a visual line that starts with another line, or when + // they are entirely covered by collapsed, non-widget span. + function lineIsHidden(doc, line) { + var sps = sawCollapsedSpans && line.markedSpans; + if (sps) for (var sp, i = 0; i < sps.length; ++i) { + sp = sps[i]; + if (!sp.marker.collapsed) continue; + if (sp.from == null) return true; + if (sp.marker.widgetNode) continue; + if (sp.from == 0 && sp.marker.inclusiveLeft && lineIsHiddenInner(doc, line, sp)) + return true; + } + } + function lineIsHiddenInner(doc, line, span) { + if (span.to == null) { + var end = span.marker.find(1, true); + return lineIsHiddenInner(doc, end.line, getMarkedSpanFor(end.line.markedSpans, span.marker)); + } + if (span.marker.inclusiveRight && span.to == line.text.length) + return true; + for (var sp, i = 0; i < line.markedSpans.length; ++i) { + sp = line.markedSpans[i]; + if (sp.marker.collapsed && !sp.marker.widgetNode && sp.from == span.to && + (sp.to == null || sp.to != span.from) && + (sp.marker.inclusiveLeft || span.marker.inclusiveRight) && + lineIsHiddenInner(doc, line, sp)) return true; + } + } + + // LINE WIDGETS + + // Line widgets are block elements displayed above or below a line. + + var LineWidget = CodeMirror.LineWidget = function(doc, node, options) { + if (options) for (var opt in options) if (options.hasOwnProperty(opt)) + this[opt] = options[opt]; + this.doc = doc; + this.node = node; + }; + eventMixin(LineWidget); + + function adjustScrollWhenAboveVisible(cm, line, diff) { + if (heightAtLine(line) < ((cm.curOp && cm.curOp.scrollTop) || cm.doc.scrollTop)) + addToScrollPos(cm, null, diff); + } + + LineWidget.prototype.clear = function() { + var cm = this.doc.cm, ws = this.line.widgets, line = this.line, no = lineNo(line); + if (no == null || !ws) return; + for (var i = 0; i < ws.length; ++i) if (ws[i] == this) ws.splice(i--, 1); + if (!ws.length) line.widgets = null; + var height = widgetHeight(this); + updateLineHeight(line, Math.max(0, line.height - height)); + if (cm) runInOp(cm, function() { + adjustScrollWhenAboveVisible(cm, line, -height); + regLineChange(cm, no, "widget"); + }); + }; + LineWidget.prototype.changed = function() { + var oldH = this.height, cm = this.doc.cm, line = this.line; + this.height = null; + var diff = widgetHeight(this) - oldH; + if (!diff) return; + updateLineHeight(line, line.height + diff); + if (cm) runInOp(cm, function() { + cm.curOp.forceUpdate = true; + adjustScrollWhenAboveVisible(cm, line, diff); + }); + }; + + function widgetHeight(widget) { + if (widget.height != null) return widget.height; + var cm = widget.doc.cm; + if (!cm) return 0; + if (!contains(document.body, widget.node)) { + var parentStyle = "position: relative;"; + if (widget.coverGutter) + parentStyle += "margin-left: -" + cm.display.gutters.offsetWidth + "px;"; + if (widget.noHScroll) + parentStyle += "width: " + cm.display.wrapper.clientWidth + "px;"; + removeChildrenAndAdd(cm.display.measure, elt("div", [widget.node], null, parentStyle)); + } + return widget.height = widget.node.offsetHeight; + } + + function addLineWidget(doc, handle, node, options) { + var widget = new LineWidget(doc, node, options); + var cm = doc.cm; + if (cm && widget.noHScroll) cm.display.alignWidgets = true; + changeLine(doc, handle, "widget", function(line) { + var widgets = line.widgets || (line.widgets = []); + if (widget.insertAt == null) widgets.push(widget); + else widgets.splice(Math.min(widgets.length - 1, Math.max(0, widget.insertAt)), 0, widget); + widget.line = line; + if (cm && !lineIsHidden(doc, line)) { + var aboveVisible = heightAtLine(line) < doc.scrollTop; + updateLineHeight(line, line.height + widgetHeight(widget)); + if (aboveVisible) addToScrollPos(cm, null, widget.height); + cm.curOp.forceUpdate = true; + } + return true; + }); + return widget; + } + + // LINE DATA STRUCTURE + + // Line objects. These hold state related to a line, including + // highlighting info (the styles array). + var Line = CodeMirror.Line = function(text, markedSpans, estimateHeight) { + this.text = text; + attachMarkedSpans(this, markedSpans); + this.height = estimateHeight ? estimateHeight(this) : 1; + }; + eventMixin(Line); + Line.prototype.lineNo = function() { return lineNo(this); }; + + // Change the content (text, markers) of a line. Automatically + // invalidates cached information and tries to re-estimate the + // line's height. + function updateLine(line, text, markedSpans, estimateHeight) { + line.text = text; + if (line.stateAfter) line.stateAfter = null; + if (line.styles) line.styles = null; + if (line.order != null) line.order = null; + detachMarkedSpans(line); + attachMarkedSpans(line, markedSpans); + var estHeight = estimateHeight ? estimateHeight(line) : 1; + if (estHeight != line.height) updateLineHeight(line, estHeight); + } + + // Detach a line from the document tree and its markers. + function cleanUpLine(line) { + line.parent = null; + detachMarkedSpans(line); + } + + function extractLineClasses(type, output) { + if (type) for (;;) { + var lineClass = type.match(/(?:^|\s+)line-(background-)?(\S+)/); + if (!lineClass) break; + type = type.slice(0, lineClass.index) + type.slice(lineClass.index + lineClass[0].length); + var prop = lineClass[1] ? "bgClass" : "textClass"; + if (output[prop] == null) + output[prop] = lineClass[2]; + else if (!(new RegExp("(?:^|\s)" + lineClass[2] + "(?:$|\s)")).test(output[prop])) + output[prop] += " " + lineClass[2]; + } + return type; + } + + function callBlankLine(mode, state) { + if (mode.blankLine) return mode.blankLine(state); + if (!mode.innerMode) return; + var inner = CodeMirror.innerMode(mode, state); + if (inner.mode.blankLine) return inner.mode.blankLine(inner.state); + } + + function readToken(mode, stream, state, inner) { + for (var i = 0; i < 10; i++) { + if (inner) inner[0] = CodeMirror.innerMode(mode, state).mode; + var style = mode.token(stream, state); + if (stream.pos > stream.start) return style; + } + throw new Error("Mode " + mode.name + " failed to advance stream."); + } + + // Utility for getTokenAt and getLineTokens + function takeToken(cm, pos, precise, asArray) { + function getObj(copy) { + return {start: stream.start, end: stream.pos, + string: stream.current(), + type: style || null, + state: copy ? copyState(doc.mode, state) : state}; + } + + var doc = cm.doc, mode = doc.mode, style; + pos = clipPos(doc, pos); + var line = getLine(doc, pos.line), state = getStateBefore(cm, pos.line, precise); + var stream = new StringStream(line.text, cm.options.tabSize), tokens; + if (asArray) tokens = []; + while ((asArray || stream.pos < pos.ch) && !stream.eol()) { + stream.start = stream.pos; + style = readToken(mode, stream, state); + if (asArray) tokens.push(getObj(true)); + } + return asArray ? tokens : getObj(); + } + + // Run the given mode's parser over a line, calling f for each token. + function runMode(cm, text, mode, state, f, lineClasses, forceToEnd) { + var flattenSpans = mode.flattenSpans; + if (flattenSpans == null) flattenSpans = cm.options.flattenSpans; + var curStart = 0, curStyle = null; + var stream = new StringStream(text, cm.options.tabSize), style; + var inner = cm.options.addModeClass && [null]; + if (text == "") extractLineClasses(callBlankLine(mode, state), lineClasses); + while (!stream.eol()) { + if (stream.pos > cm.options.maxHighlightLength) { + flattenSpans = false; + if (forceToEnd) processLine(cm, text, state, stream.pos); + stream.pos = text.length; + style = null; + } else { + style = extractLineClasses(readToken(mode, stream, state, inner), lineClasses); + } + if (inner) { + var mName = inner[0].name; + if (mName) style = "m-" + (style ? mName + " " + style : mName); + } + if (!flattenSpans || curStyle != style) { + while (curStart < stream.start) { + curStart = Math.min(stream.start, curStart + 50000); + f(curStart, curStyle); + } + curStyle = style; + } + stream.start = stream.pos; + } + while (curStart < stream.pos) { + // Webkit seems to refuse to render text nodes longer than 57444 characters + var pos = Math.min(stream.pos, curStart + 50000); + f(pos, curStyle); + curStart = pos; + } + } + + // Compute a style array (an array starting with a mode generation + // -- for invalidation -- followed by pairs of end positions and + // style strings), which is used to highlight the tokens on the + // line. + function highlightLine(cm, line, state, forceToEnd) { + // A styles array always starts with a number identifying the + // mode/overlays that it is based on (for easy invalidation). + var st = [cm.state.modeGen], lineClasses = {}; + // Compute the base array of styles + runMode(cm, line.text, cm.doc.mode, state, function(end, style) { + st.push(end, style); + }, lineClasses, forceToEnd); + + // Run overlays, adjust style array. + for (var o = 0; o < cm.state.overlays.length; ++o) { + var overlay = cm.state.overlays[o], i = 1, at = 0; + runMode(cm, line.text, overlay.mode, true, function(end, style) { + var start = i; + // Ensure there's a token end at the current position, and that i points at it + while (at < end) { + var i_end = st[i]; + if (i_end > end) + st.splice(i, 1, end, st[i+1], i_end); + i += 2; + at = Math.min(end, i_end); + } + if (!style) return; + if (overlay.opaque) { + st.splice(start, i - start, end, "cm-overlay " + style); + i = start + 2; + } else { + for (; start < i; start += 2) { + var cur = st[start+1]; + st[start+1] = (cur ? cur + " " : "") + "cm-overlay " + style; + } + } + }, lineClasses); + } + + return {styles: st, classes: lineClasses.bgClass || lineClasses.textClass ? lineClasses : null}; + } + + function getLineStyles(cm, line, updateFrontier) { + if (!line.styles || line.styles[0] != cm.state.modeGen) { + var result = highlightLine(cm, line, line.stateAfter = getStateBefore(cm, lineNo(line))); + line.styles = result.styles; + if (result.classes) line.styleClasses = result.classes; + else if (line.styleClasses) line.styleClasses = null; + if (updateFrontier === cm.doc.frontier) cm.doc.frontier++; + } + return line.styles; + } + + // Lightweight form of highlight -- proceed over this line and + // update state, but don't save a style array. Used for lines that + // aren't currently visible. + function processLine(cm, text, state, startAt) { + var mode = cm.doc.mode; + var stream = new StringStream(text, cm.options.tabSize); + stream.start = stream.pos = startAt || 0; + if (text == "") callBlankLine(mode, state); + while (!stream.eol() && stream.pos <= cm.options.maxHighlightLength) { + readToken(mode, stream, state); + stream.start = stream.pos; + } + } + + // Convert a style as returned by a mode (either null, or a string + // containing one or more styles) to a CSS style. This is cached, + // and also looks for line-wide styles. + var styleToClassCache = {}, styleToClassCacheWithMode = {}; + function interpretTokenStyle(style, options) { + if (!style || /^\s*$/.test(style)) return null; + var cache = options.addModeClass ? styleToClassCacheWithMode : styleToClassCache; + return cache[style] || + (cache[style] = style.replace(/\S+/g, "cm-$&")); + } + + // Render the DOM representation of the text of a line. Also builds + // up a 'line map', which points at the DOM nodes that represent + // specific stretches of text, and is used by the measuring code. + // The returned object contains the DOM node, this map, and + // information about line-wide styles that were set by the mode. + function buildLineContent(cm, lineView) { + // The padding-right forces the element to have a 'border', which + // is needed on Webkit to be able to get line-level bounding + // rectangles for it (in measureChar). + var content = elt("span", null, null, webkit ? "padding-right: .1px" : null); + var builder = {pre: elt("pre", [content], "CodeMirror-line"), content: content, + col: 0, pos: 0, cm: cm, + splitSpaces: (ie || webkit) && cm.getOption("lineWrapping")}; + lineView.measure = {}; + + // Iterate over the logical lines that make up this visual line. + for (var i = 0; i <= (lineView.rest ? lineView.rest.length : 0); i++) { + var line = i ? lineView.rest[i - 1] : lineView.line, order; + builder.pos = 0; + builder.addToken = buildToken; + // Optionally wire in some hacks into the token-rendering + // algorithm, to deal with browser quirks. + if (hasBadBidiRects(cm.display.measure) && (order = getOrder(line))) + builder.addToken = buildTokenBadBidi(builder.addToken, order); + builder.map = []; + var allowFrontierUpdate = lineView != cm.display.externalMeasured && lineNo(line); + insertLineContent(line, builder, getLineStyles(cm, line, allowFrontierUpdate)); + if (line.styleClasses) { + if (line.styleClasses.bgClass) + builder.bgClass = joinClasses(line.styleClasses.bgClass, builder.bgClass || ""); + if (line.styleClasses.textClass) + builder.textClass = joinClasses(line.styleClasses.textClass, builder.textClass || ""); + } + + // Ensure at least a single node is present, for measuring. + if (builder.map.length == 0) + builder.map.push(0, 0, builder.content.appendChild(zeroWidthElement(cm.display.measure))); + + // Store the map and a cache object for the current logical line + if (i == 0) { + lineView.measure.map = builder.map; + lineView.measure.cache = {}; + } else { + (lineView.measure.maps || (lineView.measure.maps = [])).push(builder.map); + (lineView.measure.caches || (lineView.measure.caches = [])).push({}); + } + } + + // See issue #2901 + if (webkit && /\bcm-tab\b/.test(builder.content.lastChild.className)) + builder.content.className = "cm-tab-wrap-hack"; + + signal(cm, "renderLine", cm, lineView.line, builder.pre); + if (builder.pre.className) + builder.textClass = joinClasses(builder.pre.className, builder.textClass || ""); + + return builder; + } + + function defaultSpecialCharPlaceholder(ch) { + var token = elt("span", "\u2022", "cm-invalidchar"); + token.title = "\\u" + ch.charCodeAt(0).toString(16); + token.setAttribute("aria-label", token.title); + return token; + } + + // Build up the DOM representation for a single token, and add it to + // the line map. Takes care to render special characters separately. + function buildToken(builder, text, style, startStyle, endStyle, title, css) { + if (!text) return; + var displayText = builder.splitSpaces ? text.replace(/ {3,}/g, splitSpaces) : text; + var special = builder.cm.state.specialChars, mustWrap = false; + if (!special.test(text)) { + builder.col += text.length; + var content = document.createTextNode(displayText); + builder.map.push(builder.pos, builder.pos + text.length, content); + if (ie && ie_version < 9) mustWrap = true; + builder.pos += text.length; + } else { + var content = document.createDocumentFragment(), pos = 0; + while (true) { + special.lastIndex = pos; + var m = special.exec(text); + var skipped = m ? m.index - pos : text.length - pos; + if (skipped) { + var txt = document.createTextNode(displayText.slice(pos, pos + skipped)); + if (ie && ie_version < 9) content.appendChild(elt("span", [txt])); + else content.appendChild(txt); + builder.map.push(builder.pos, builder.pos + skipped, txt); + builder.col += skipped; + builder.pos += skipped; + } + if (!m) break; + pos += skipped + 1; + if (m[0] == "\t") { + var tabSize = builder.cm.options.tabSize, tabWidth = tabSize - builder.col % tabSize; + var txt = content.appendChild(elt("span", spaceStr(tabWidth), "cm-tab")); + txt.setAttribute("role", "presentation"); + txt.setAttribute("cm-text", "\t"); + builder.col += tabWidth; + } else { + var txt = builder.cm.options.specialCharPlaceholder(m[0]); + txt.setAttribute("cm-text", m[0]); + if (ie && ie_version < 9) content.appendChild(elt("span", [txt])); + else content.appendChild(txt); + builder.col += 1; + } + builder.map.push(builder.pos, builder.pos + 1, txt); + builder.pos++; + } + } + if (style || startStyle || endStyle || mustWrap || css) { + var fullStyle = style || ""; + if (startStyle) fullStyle += startStyle; + if (endStyle) fullStyle += endStyle; + var token = elt("span", [content], fullStyle, css); + if (title) token.title = title; + return builder.content.appendChild(token); + } + builder.content.appendChild(content); + } + + function splitSpaces(old) { + var out = " "; + for (var i = 0; i < old.length - 2; ++i) out += i % 2 ? " " : "\u00a0"; + out += " "; + return out; + } + + // Work around nonsense dimensions being reported for stretches of + // right-to-left text. + function buildTokenBadBidi(inner, order) { + return function(builder, text, style, startStyle, endStyle, title, css) { + style = style ? style + " cm-force-border" : "cm-force-border"; + var start = builder.pos, end = start + text.length; + for (;;) { + // Find the part that overlaps with the start of this text + for (var i = 0; i < order.length; i++) { + var part = order[i]; + if (part.to > start && part.from <= start) break; + } + if (part.to >= end) return inner(builder, text, style, startStyle, endStyle, title, css); + inner(builder, text.slice(0, part.to - start), style, startStyle, null, title, css); + startStyle = null; + text = text.slice(part.to - start); + start = part.to; + } + }; + } + + function buildCollapsedSpan(builder, size, marker, ignoreWidget) { + var widget = !ignoreWidget && marker.widgetNode; + if (widget) builder.map.push(builder.pos, builder.pos + size, widget); + if (!ignoreWidget && builder.cm.display.input.needsContentAttribute) { + if (!widget) + widget = builder.content.appendChild(document.createElement("span")); + widget.setAttribute("cm-marker", marker.id); + } + if (widget) { + builder.cm.display.input.setUneditable(widget); + builder.content.appendChild(widget); + } + builder.pos += size; + } + + // Outputs a number of spans to make up a line, taking highlighting + // and marked text into account. + function insertLineContent(line, builder, styles) { + var spans = line.markedSpans, allText = line.text, at = 0; + if (!spans) { + for (var i = 1; i < styles.length; i+=2) + builder.addToken(builder, allText.slice(at, at = styles[i]), interpretTokenStyle(styles[i+1], builder.cm.options)); + return; + } + + var len = allText.length, pos = 0, i = 1, text = "", style, css; + var nextChange = 0, spanStyle, spanEndStyle, spanStartStyle, title, collapsed; + for (;;) { + if (nextChange == pos) { // Update current marker set + spanStyle = spanEndStyle = spanStartStyle = title = css = ""; + collapsed = null; nextChange = Infinity; + var foundBookmarks = []; + for (var j = 0; j < spans.length; ++j) { + var sp = spans[j], m = sp.marker; + if (m.type == "bookmark" && sp.from == pos && m.widgetNode) { + foundBookmarks.push(m); + } else if (sp.from <= pos && (sp.to == null || sp.to > pos || m.collapsed && sp.to == pos && sp.from == pos)) { + if (sp.to != null && sp.to != pos && nextChange > sp.to) { + nextChange = sp.to; + spanEndStyle = ""; + } + if (m.className) spanStyle += " " + m.className; + if (m.css) css = m.css; + if (m.startStyle && sp.from == pos) spanStartStyle += " " + m.startStyle; + if (m.endStyle && sp.to == nextChange) spanEndStyle += " " + m.endStyle; + if (m.title && !title) title = m.title; + if (m.collapsed && (!collapsed || compareCollapsedMarkers(collapsed.marker, m) < 0)) + collapsed = sp; + } else if (sp.from > pos && nextChange > sp.from) { + nextChange = sp.from; + } + } + if (collapsed && (collapsed.from || 0) == pos) { + buildCollapsedSpan(builder, (collapsed.to == null ? len + 1 : collapsed.to) - pos, + collapsed.marker, collapsed.from == null); + if (collapsed.to == null) return; + if (collapsed.to == pos) collapsed = false; + } + if (!collapsed && foundBookmarks.length) for (var j = 0; j < foundBookmarks.length; ++j) + buildCollapsedSpan(builder, 0, foundBookmarks[j]); + } + if (pos >= len) break; + + var upto = Math.min(len, nextChange); + while (true) { + if (text) { + var end = pos + text.length; + if (!collapsed) { + var tokenText = end > upto ? text.slice(0, upto - pos) : text; + builder.addToken(builder, tokenText, style ? style + spanStyle : spanStyle, + spanStartStyle, pos + tokenText.length == nextChange ? spanEndStyle : "", title, css); + } + if (end >= upto) {text = text.slice(upto - pos); pos = upto; break;} + pos = end; + spanStartStyle = ""; + } + text = allText.slice(at, at = styles[i++]); + style = interpretTokenStyle(styles[i++], builder.cm.options); + } + } + } + + // DOCUMENT DATA STRUCTURE + + // By default, updates that start and end at the beginning of a line + // are treated specially, in order to make the association of line + // widgets and marker elements with the text behave more intuitive. + function isWholeLineUpdate(doc, change) { + return change.from.ch == 0 && change.to.ch == 0 && lst(change.text) == "" && + (!doc.cm || doc.cm.options.wholeLineUpdateBefore); + } + + // Perform a change on the document data structure. + function updateDoc(doc, change, markedSpans, estimateHeight) { + function spansFor(n) {return markedSpans ? markedSpans[n] : null;} + function update(line, text, spans) { + updateLine(line, text, spans, estimateHeight); + signalLater(line, "change", line, change); + } + function linesFor(start, end) { + for (var i = start, result = []; i < end; ++i) + result.push(new Line(text[i], spansFor(i), estimateHeight)); + return result; + } + + var from = change.from, to = change.to, text = change.text; + var firstLine = getLine(doc, from.line), lastLine = getLine(doc, to.line); + var lastText = lst(text), lastSpans = spansFor(text.length - 1), nlines = to.line - from.line; + + // Adjust the line structure + if (change.full) { + doc.insert(0, linesFor(0, text.length)); + doc.remove(text.length, doc.size - text.length); + } else if (isWholeLineUpdate(doc, change)) { + // This is a whole-line replace. Treated specially to make + // sure line objects move the way they are supposed to. + var added = linesFor(0, text.length - 1); + update(lastLine, lastLine.text, lastSpans); + if (nlines) doc.remove(from.line, nlines); + if (added.length) doc.insert(from.line, added); + } else if (firstLine == lastLine) { + if (text.length == 1) { + update(firstLine, firstLine.text.slice(0, from.ch) + lastText + firstLine.text.slice(to.ch), lastSpans); + } else { + var added = linesFor(1, text.length - 1); + added.push(new Line(lastText + firstLine.text.slice(to.ch), lastSpans, estimateHeight)); + update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0)); + doc.insert(from.line + 1, added); + } + } else if (text.length == 1) { + update(firstLine, firstLine.text.slice(0, from.ch) + text[0] + lastLine.text.slice(to.ch), spansFor(0)); + doc.remove(from.line + 1, nlines); + } else { + update(firstLine, firstLine.text.slice(0, from.ch) + text[0], spansFor(0)); + update(lastLine, lastText + lastLine.text.slice(to.ch), lastSpans); + var added = linesFor(1, text.length - 1); + if (nlines > 1) doc.remove(from.line + 1, nlines - 1); + doc.insert(from.line + 1, added); + } + + signalLater(doc, "change", doc, change); + } + + // The document is represented as a BTree consisting of leaves, with + // chunk of lines in them, and branches, with up to ten leaves or + // other branch nodes below them. The top node is always a branch + // node, and is the document object itself (meaning it has + // additional methods and properties). + // + // All nodes have parent links. The tree is used both to go from + // line numbers to line objects, and to go from objects to numbers. + // It also indexes by height, and is used to convert between height + // and line object, and to find the total height of the document. + // + // See also http://marijnhaverbeke.nl/blog/codemirror-line-tree.html + + function LeafChunk(lines) { + this.lines = lines; + this.parent = null; + for (var i = 0, height = 0; i < lines.length; ++i) { + lines[i].parent = this; + height += lines[i].height; + } + this.height = height; + } + + LeafChunk.prototype = { + chunkSize: function() { return this.lines.length; }, + // Remove the n lines at offset 'at'. + removeInner: function(at, n) { + for (var i = at, e = at + n; i < e; ++i) { + var line = this.lines[i]; + this.height -= line.height; + cleanUpLine(line); + signalLater(line, "delete"); + } + this.lines.splice(at, n); + }, + // Helper used to collapse a small branch into a single leaf. + collapse: function(lines) { + lines.push.apply(lines, this.lines); + }, + // Insert the given array of lines at offset 'at', count them as + // having the given height. + insertInner: function(at, lines, height) { + this.height += height; + this.lines = this.lines.slice(0, at).concat(lines).concat(this.lines.slice(at)); + for (var i = 0; i < lines.length; ++i) lines[i].parent = this; + }, + // Used to iterate over a part of the tree. + iterN: function(at, n, op) { + for (var e = at + n; at < e; ++at) + if (op(this.lines[at])) return true; + } + }; + + function BranchChunk(children) { + this.children = children; + var size = 0, height = 0; + for (var i = 0; i < children.length; ++i) { + var ch = children[i]; + size += ch.chunkSize(); height += ch.height; + ch.parent = this; + } + this.size = size; + this.height = height; + this.parent = null; + } + + BranchChunk.prototype = { + chunkSize: function() { return this.size; }, + removeInner: function(at, n) { + this.size -= n; + for (var i = 0; i < this.children.length; ++i) { + var child = this.children[i], sz = child.chunkSize(); + if (at < sz) { + var rm = Math.min(n, sz - at), oldHeight = child.height; + child.removeInner(at, rm); + this.height -= oldHeight - child.height; + if (sz == rm) { this.children.splice(i--, 1); child.parent = null; } + if ((n -= rm) == 0) break; + at = 0; + } else at -= sz; + } + // If the result is smaller than 25 lines, ensure that it is a + // single leaf node. + if (this.size - n < 25 && + (this.children.length > 1 || !(this.children[0] instanceof LeafChunk))) { + var lines = []; + this.collapse(lines); + this.children = [new LeafChunk(lines)]; + this.children[0].parent = this; + } + }, + collapse: function(lines) { + for (var i = 0; i < this.children.length; ++i) this.children[i].collapse(lines); + }, + insertInner: function(at, lines, height) { + this.size += lines.length; + this.height += height; + for (var i = 0; i < this.children.length; ++i) { + var child = this.children[i], sz = child.chunkSize(); + if (at <= sz) { + child.insertInner(at, lines, height); + if (child.lines && child.lines.length > 50) { + while (child.lines.length > 50) { + var spilled = child.lines.splice(child.lines.length - 25, 25); + var newleaf = new LeafChunk(spilled); + child.height -= newleaf.height; + this.children.splice(i + 1, 0, newleaf); + newleaf.parent = this; + } + this.maybeSpill(); + } + break; + } + at -= sz; + } + }, + // When a node has grown, check whether it should be split. + maybeSpill: function() { + if (this.children.length <= 10) return; + var me = this; + do { + var spilled = me.children.splice(me.children.length - 5, 5); + var sibling = new BranchChunk(spilled); + if (!me.parent) { // Become the parent node + var copy = new BranchChunk(me.children); + copy.parent = me; + me.children = [copy, sibling]; + me = copy; + } else { + me.size -= sibling.size; + me.height -= sibling.height; + var myIndex = indexOf(me.parent.children, me); + me.parent.children.splice(myIndex + 1, 0, sibling); + } + sibling.parent = me.parent; + } while (me.children.length > 10); + me.parent.maybeSpill(); + }, + iterN: function(at, n, op) { + for (var i = 0; i < this.children.length; ++i) { + var child = this.children[i], sz = child.chunkSize(); + if (at < sz) { + var used = Math.min(n, sz - at); + if (child.iterN(at, used, op)) return true; + if ((n -= used) == 0) break; + at = 0; + } else at -= sz; + } + } + }; + + var nextDocId = 0; + var Doc = CodeMirror.Doc = function(text, mode, firstLine) { + if (!(this instanceof Doc)) return new Doc(text, mode, firstLine); + if (firstLine == null) firstLine = 0; + + BranchChunk.call(this, [new LeafChunk([new Line("", null)])]); + this.first = firstLine; + this.scrollTop = this.scrollLeft = 0; + this.cantEdit = false; + this.cleanGeneration = 1; + this.frontier = firstLine; + var start = Pos(firstLine, 0); + this.sel = simpleSelection(start); + this.history = new History(null); + this.id = ++nextDocId; + this.modeOption = mode; + + if (typeof text == "string") text = splitLines(text); + updateDoc(this, {from: start, to: start, text: text}); + setSelection(this, simpleSelection(start), sel_dontScroll); + }; + + Doc.prototype = createObj(BranchChunk.prototype, { + constructor: Doc, + // Iterate over the document. Supports two forms -- with only one + // argument, it calls that for each line in the document. With + // three, it iterates over the range given by the first two (with + // the second being non-inclusive). + iter: function(from, to, op) { + if (op) this.iterN(from - this.first, to - from, op); + else this.iterN(this.first, this.first + this.size, from); + }, + + // Non-public interface for adding and removing lines. + insert: function(at, lines) { + var height = 0; + for (var i = 0; i < lines.length; ++i) height += lines[i].height; + this.insertInner(at - this.first, lines, height); + }, + remove: function(at, n) { this.removeInner(at - this.first, n); }, + + // From here, the methods are part of the public interface. Most + // are also available from CodeMirror (editor) instances. + + getValue: function(lineSep, lineFilter) { + var lines = getLines(this, this.first, this.first + this.size, lineFilter); + if (lineSep === false) return lines; + return lines.join(lineSep || "\n"); + }, + setValue: docMethodOp(function(code) { + var top = Pos(this.first, 0), last = this.first + this.size - 1; + makeChange(this, {from: top, to: Pos(last, getLine(this, last).text.length), + text: splitLines(code), origin: "setValue", full: true}, true); + setSelection(this, simpleSelection(top)); + }), + replaceRange: function(code, from, to, origin) { + from = clipPos(this, from); + to = to ? clipPos(this, to) : from; + replaceRange(this, code, from, to, origin); + }, + getRange: function(from, to, lineSep) { + var lines = getBetween(this, clipPos(this, from), clipPos(this, to)); + if (lineSep === false) return lines; + return lines.join(lineSep || "\n"); + }, + + getLine: function(line) {var l = this.getLineHandle(line); return l && l.text;}, + + getLineHandle: function(line) {if (isLine(this, line)) return getLine(this, line);}, + getLineNumber: function(line) {return lineNo(line);}, + + getLineHandleVisualStart: function(line) { + if (typeof line == "number") line = getLine(this, line); + return visualLine(line); + }, + + lineCount: function() {return this.size;}, + firstLine: function() {return this.first;}, + lastLine: function() {return this.first + this.size - 1;}, + + clipPos: function(pos) {return clipPos(this, pos);}, + + getCursor: function(start) { + var range = this.sel.primary(), pos; + if (start == null || start == "head") pos = range.head; + else if (start == "anchor") pos = range.anchor; + else if (start == "end" || start == "to" || start === false) pos = range.to(); + else pos = range.from(); + return pos; + }, + listSelections: function() { return this.sel.ranges; }, + somethingSelected: function() {return this.sel.somethingSelected();}, + + setCursor: docMethodOp(function(line, ch, options) { + setSimpleSelection(this, clipPos(this, typeof line == "number" ? Pos(line, ch || 0) : line), null, options); + }), + setSelection: docMethodOp(function(anchor, head, options) { + setSimpleSelection(this, clipPos(this, anchor), clipPos(this, head || anchor), options); + }), + extendSelection: docMethodOp(function(head, other, options) { + extendSelection(this, clipPos(this, head), other && clipPos(this, other), options); + }), + extendSelections: docMethodOp(function(heads, options) { + extendSelections(this, clipPosArray(this, heads, options)); + }), + extendSelectionsBy: docMethodOp(function(f, options) { + extendSelections(this, map(this.sel.ranges, f), options); + }), + setSelections: docMethodOp(function(ranges, primary, options) { + if (!ranges.length) return; + for (var i = 0, out = []; i < ranges.length; i++) + out[i] = new Range(clipPos(this, ranges[i].anchor), + clipPos(this, ranges[i].head)); + if (primary == null) primary = Math.min(ranges.length - 1, this.sel.primIndex); + setSelection(this, normalizeSelection(out, primary), options); + }), + addSelection: docMethodOp(function(anchor, head, options) { + var ranges = this.sel.ranges.slice(0); + ranges.push(new Range(clipPos(this, anchor), clipPos(this, head || anchor))); + setSelection(this, normalizeSelection(ranges, ranges.length - 1), options); + }), + + getSelection: function(lineSep) { + var ranges = this.sel.ranges, lines; + for (var i = 0; i < ranges.length; i++) { + var sel = getBetween(this, ranges[i].from(), ranges[i].to()); + lines = lines ? lines.concat(sel) : sel; + } + if (lineSep === false) return lines; + else return lines.join(lineSep || "\n"); + }, + getSelections: function(lineSep) { + var parts = [], ranges = this.sel.ranges; + for (var i = 0; i < ranges.length; i++) { + var sel = getBetween(this, ranges[i].from(), ranges[i].to()); + if (lineSep !== false) sel = sel.join(lineSep || "\n"); + parts[i] = sel; + } + return parts; + }, + replaceSelection: function(code, collapse, origin) { + var dup = []; + for (var i = 0; i < this.sel.ranges.length; i++) + dup[i] = code; + this.replaceSelections(dup, collapse, origin || "+input"); + }, + replaceSelections: docMethodOp(function(code, collapse, origin) { + var changes = [], sel = this.sel; + for (var i = 0; i < sel.ranges.length; i++) { + var range = sel.ranges[i]; + changes[i] = {from: range.from(), to: range.to(), text: splitLines(code[i]), origin: origin}; + } + var newSel = collapse && collapse != "end" && computeReplacedSel(this, changes, collapse); + for (var i = changes.length - 1; i >= 0; i--) + makeChange(this, changes[i]); + if (newSel) setSelectionReplaceHistory(this, newSel); + else if (this.cm) ensureCursorVisible(this.cm); + }), + undo: docMethodOp(function() {makeChangeFromHistory(this, "undo");}), + redo: docMethodOp(function() {makeChangeFromHistory(this, "redo");}), + undoSelection: docMethodOp(function() {makeChangeFromHistory(this, "undo", true);}), + redoSelection: docMethodOp(function() {makeChangeFromHistory(this, "redo", true);}), + + setExtending: function(val) {this.extend = val;}, + getExtending: function() {return this.extend;}, + + historySize: function() { + var hist = this.history, done = 0, undone = 0; + for (var i = 0; i < hist.done.length; i++) if (!hist.done[i].ranges) ++done; + for (var i = 0; i < hist.undone.length; i++) if (!hist.undone[i].ranges) ++undone; + return {undo: done, redo: undone}; + }, + clearHistory: function() {this.history = new History(this.history.maxGeneration);}, + + markClean: function() { + this.cleanGeneration = this.changeGeneration(true); + }, + changeGeneration: function(forceSplit) { + if (forceSplit) + this.history.lastOp = this.history.lastSelOp = this.history.lastOrigin = null; + return this.history.generation; + }, + isClean: function (gen) { + return this.history.generation == (gen || this.cleanGeneration); + }, + + getHistory: function() { + return {done: copyHistoryArray(this.history.done), + undone: copyHistoryArray(this.history.undone)}; + }, + setHistory: function(histData) { + var hist = this.history = new History(this.history.maxGeneration); + hist.done = copyHistoryArray(histData.done.slice(0), null, true); + hist.undone = copyHistoryArray(histData.undone.slice(0), null, true); + }, + + addLineClass: docMethodOp(function(handle, where, cls) { + return changeLine(this, handle, where == "gutter" ? "gutter" : "class", function(line) { + var prop = where == "text" ? "textClass" + : where == "background" ? "bgClass" + : where == "gutter" ? "gutterClass" : "wrapClass"; + if (!line[prop]) line[prop] = cls; + else if (classTest(cls).test(line[prop])) return false; + else line[prop] += " " + cls; + return true; + }); + }), + removeLineClass: docMethodOp(function(handle, where, cls) { + return changeLine(this, handle, where == "gutter" ? "gutter" : "class", function(line) { + var prop = where == "text" ? "textClass" + : where == "background" ? "bgClass" + : where == "gutter" ? "gutterClass" : "wrapClass"; + var cur = line[prop]; + if (!cur) return false; + else if (cls == null) line[prop] = null; + else { + var found = cur.match(classTest(cls)); + if (!found) return false; + var end = found.index + found[0].length; + line[prop] = cur.slice(0, found.index) + (!found.index || end == cur.length ? "" : " ") + cur.slice(end) || null; + } + return true; + }); + }), + + addLineWidget: docMethodOp(function(handle, node, options) { + return addLineWidget(this, handle, node, options); + }), + removeLineWidget: function(widget) { widget.clear(); }, + + markText: function(from, to, options) { + return markText(this, clipPos(this, from), clipPos(this, to), options, "range"); + }, + setBookmark: function(pos, options) { + var realOpts = {replacedWith: options && (options.nodeType == null ? options.widget : options), + insertLeft: options && options.insertLeft, + clearWhenEmpty: false, shared: options && options.shared, + handleMouseEvents: options && options.handleMouseEvents}; + pos = clipPos(this, pos); + return markText(this, pos, pos, realOpts, "bookmark"); + }, + findMarksAt: function(pos) { + pos = clipPos(this, pos); + var markers = [], spans = getLine(this, pos.line).markedSpans; + if (spans) for (var i = 0; i < spans.length; ++i) { + var span = spans[i]; + if ((span.from == null || span.from <= pos.ch) && + (span.to == null || span.to >= pos.ch)) + markers.push(span.marker.parent || span.marker); + } + return markers; + }, + findMarks: function(from, to, filter) { + from = clipPos(this, from); to = clipPos(this, to); + var found = [], lineNo = from.line; + this.iter(from.line, to.line + 1, function(line) { + var spans = line.markedSpans; + if (spans) for (var i = 0; i < spans.length; i++) { + var span = spans[i]; + if (!(lineNo == from.line && from.ch > span.to || + span.from == null && lineNo != from.line|| + lineNo == to.line && span.from > to.ch) && + (!filter || filter(span.marker))) + found.push(span.marker.parent || span.marker); + } + ++lineNo; + }); + return found; + }, + getAllMarks: function() { + var markers = []; + this.iter(function(line) { + var sps = line.markedSpans; + if (sps) for (var i = 0; i < sps.length; ++i) + if (sps[i].from != null) markers.push(sps[i].marker); + }); + return markers; + }, + + posFromIndex: function(off) { + var ch, lineNo = this.first; + this.iter(function(line) { + var sz = line.text.length + 1; + if (sz > off) { ch = off; return true; } + off -= sz; + ++lineNo; + }); + return clipPos(this, Pos(lineNo, ch)); + }, + indexFromPos: function (coords) { + coords = clipPos(this, coords); + var index = coords.ch; + if (coords.line < this.first || coords.ch < 0) return 0; + this.iter(this.first, coords.line, function (line) { + index += line.text.length + 1; + }); + return index; + }, + + copy: function(copyHistory) { + var doc = new Doc(getLines(this, this.first, this.first + this.size), this.modeOption, this.first); + doc.scrollTop = this.scrollTop; doc.scrollLeft = this.scrollLeft; + doc.sel = this.sel; + doc.extend = false; + if (copyHistory) { + doc.history.undoDepth = this.history.undoDepth; + doc.setHistory(this.getHistory()); + } + return doc; + }, + + linkedDoc: function(options) { + if (!options) options = {}; + var from = this.first, to = this.first + this.size; + if (options.from != null && options.from > from) from = options.from; + if (options.to != null && options.to < to) to = options.to; + var copy = new Doc(getLines(this, from, to), options.mode || this.modeOption, from); + if (options.sharedHist) copy.history = this.history; + (this.linked || (this.linked = [])).push({doc: copy, sharedHist: options.sharedHist}); + copy.linked = [{doc: this, isParent: true, sharedHist: options.sharedHist}]; + copySharedMarkers(copy, findSharedMarkers(this)); + return copy; + }, + unlinkDoc: function(other) { + if (other instanceof CodeMirror) other = other.doc; + if (this.linked) for (var i = 0; i < this.linked.length; ++i) { + var link = this.linked[i]; + if (link.doc != other) continue; + this.linked.splice(i, 1); + other.unlinkDoc(this); + detachSharedMarkers(findSharedMarkers(this)); + break; + } + // If the histories were shared, split them again + if (other.history == this.history) { + var splitIds = [other.id]; + linkedDocs(other, function(doc) {splitIds.push(doc.id);}, true); + other.history = new History(null); + other.history.done = copyHistoryArray(this.history.done, splitIds); + other.history.undone = copyHistoryArray(this.history.undone, splitIds); + } + }, + iterLinkedDocs: function(f) {linkedDocs(this, f);}, + + getMode: function() {return this.mode;}, + getEditor: function() {return this.cm;} + }); + + // Public alias. + Doc.prototype.eachLine = Doc.prototype.iter; + + // Set up methods on CodeMirror's prototype to redirect to the editor's document. + var dontDelegate = "iter insert remove copy getEditor constructor".split(" "); + for (var prop in Doc.prototype) if (Doc.prototype.hasOwnProperty(prop) && indexOf(dontDelegate, prop) < 0) + CodeMirror.prototype[prop] = (function(method) { + return function() {return method.apply(this.doc, arguments);}; + })(Doc.prototype[prop]); + + eventMixin(Doc); + + // Call f for all linked documents. + function linkedDocs(doc, f, sharedHistOnly) { + function propagate(doc, skip, sharedHist) { + if (doc.linked) for (var i = 0; i < doc.linked.length; ++i) { + var rel = doc.linked[i]; + if (rel.doc == skip) continue; + var shared = sharedHist && rel.sharedHist; + if (sharedHistOnly && !shared) continue; + f(rel.doc, shared); + propagate(rel.doc, doc, shared); + } + } + propagate(doc, null, true); + } + + // Attach a document to an editor. + function attachDoc(cm, doc) { + if (doc.cm) throw new Error("This document is already in use."); + cm.doc = doc; + doc.cm = cm; + estimateLineHeights(cm); + loadMode(cm); + if (!cm.options.lineWrapping) findMaxLine(cm); + cm.options.mode = doc.modeOption; + regChange(cm); + } + + // LINE UTILITIES + + // Find the line object corresponding to the given line number. + function getLine(doc, n) { + n -= doc.first; + if (n < 0 || n >= doc.size) throw new Error("There is no line " + (n + doc.first) + " in the document."); + for (var chunk = doc; !chunk.lines;) { + for (var i = 0;; ++i) { + var child = chunk.children[i], sz = child.chunkSize(); + if (n < sz) { chunk = child; break; } + n -= sz; + } + } + return chunk.lines[n]; + } + + // Get the part of a document between two positions, as an array of + // strings. + function getBetween(doc, start, end) { + var out = [], n = start.line; + doc.iter(start.line, end.line + 1, function(line) { + var text = line.text; + if (n == end.line) text = text.slice(0, end.ch); + if (n == start.line) text = text.slice(start.ch); + out.push(text); + ++n; + }); + return out; + } + // Get the lines between from and to, as array of strings. + function getLines(doc, from, to, lineFilter) { + var out = []; + doc.iter(from, to, function(line) { + var text = line.text; + if(lineFilter){ + text = lineFilter(line); + } + out.push(text); + }); + return out; + } + + // Update the height of a line, propagating the height change + // upwards to parent nodes. + function updateLineHeight(line, height) { + var diff = height - line.height; + if (diff) for (var n = line; n; n = n.parent) n.height += diff; + } + + // Given a line object, find its line number by walking up through + // its parent links. + function lineNo(line) { + if (line.parent == null) return null; + var cur = line.parent, no = indexOf(cur.lines, line); + for (var chunk = cur.parent; chunk; cur = chunk, chunk = chunk.parent) { + for (var i = 0;; ++i) { + if (chunk.children[i] == cur) break; + no += chunk.children[i].chunkSize(); + } + } + return no + cur.first; + } + + // Find the line at the given vertical position, using the height + // information in the document tree. + function lineAtHeight(chunk, h) { + var n = chunk.first; + outer: do { + for (var i = 0; i < chunk.children.length; ++i) { + var child = chunk.children[i], ch = child.height; + if (h < ch) { chunk = child; continue outer; } + h -= ch; + n += child.chunkSize(); + } + return n; + } while (!chunk.lines); + for (var i = 0; i < chunk.lines.length; ++i) { + var line = chunk.lines[i], lh = line.height; + if (h < lh) break; + h -= lh; + } + return n + i; + } + + + // Find the height above the given line. + function heightAtLine(lineObj) { + lineObj = visualLine(lineObj); + + var h = 0, chunk = lineObj.parent; + for (var i = 0; i < chunk.lines.length; ++i) { + var line = chunk.lines[i]; + if (line == lineObj) break; + else h += line.height; + } + for (var p = chunk.parent; p; chunk = p, p = chunk.parent) { + for (var i = 0; i < p.children.length; ++i) { + var cur = p.children[i]; + if (cur == chunk) break; + else h += cur.height; + } + } + return h; + } + + // Get the bidi ordering for the given line (and cache it). Returns + // false for lines that are fully left-to-right, and an array of + // BidiSpan objects otherwise. + function getOrder(line) { + var order = line.order; + if (order == null) order = line.order = bidiOrdering(line.text); + return order; + } + + // HISTORY + + function History(startGen) { + // Arrays of change events and selections. Doing something adds an + // event to done and clears undo. Undoing moves events from done + // to undone, redoing moves them in the other direction. + this.done = []; this.undone = []; + this.undoDepth = Infinity; + // Used to track when changes can be merged into a single undo + // event + this.lastModTime = this.lastSelTime = 0; + this.lastOp = this.lastSelOp = null; + this.lastOrigin = this.lastSelOrigin = null; + // Used by the isClean() method + this.generation = this.maxGeneration = startGen || 1; + } + + // Create a history change event from an updateDoc-style change + // object. + function historyChangeFromChange(doc, change) { + var histChange = {from: copyPos(change.from), to: changeEnd(change), text: getBetween(doc, change.from, change.to)}; + attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1); + linkedDocs(doc, function(doc) {attachLocalSpans(doc, histChange, change.from.line, change.to.line + 1);}, true); + return histChange; + } + + // Pop all selection events off the end of a history array. Stop at + // a change event. + function clearSelectionEvents(array) { + while (array.length) { + var last = lst(array); + if (last.ranges) array.pop(); + else break; + } + } + + // Find the top change event in the history. Pop off selection + // events that are in the way. + function lastChangeEvent(hist, force) { + if (force) { + clearSelectionEvents(hist.done); + return lst(hist.done); + } else if (hist.done.length && !lst(hist.done).ranges) { + return lst(hist.done); + } else if (hist.done.length > 1 && !hist.done[hist.done.length - 2].ranges) { + hist.done.pop(); + return lst(hist.done); + } + } + + // Register a change in the history. Merges changes that are within + // a single operation, ore are close together with an origin that + // allows merging (starting with "+") into a single event. + function addChangeToHistory(doc, change, selAfter, opId) { + var hist = doc.history; + hist.undone.length = 0; + var time = +new Date, cur; + + if ((hist.lastOp == opId || + hist.lastOrigin == change.origin && change.origin && + ((change.origin.charAt(0) == "+" && doc.cm && hist.lastModTime > time - doc.cm.options.historyEventDelay) || + change.origin.charAt(0) == "*")) && + (cur = lastChangeEvent(hist, hist.lastOp == opId))) { + // Merge this change into the last event + var last = lst(cur.changes); + if (cmp(change.from, change.to) == 0 && cmp(change.from, last.to) == 0) { + // Optimized case for simple insertion -- don't want to add + // new changesets for every character typed + last.to = changeEnd(change); + } else { + // Add new sub-event + cur.changes.push(historyChangeFromChange(doc, change)); + } + } else { + // Can not be merged, start a new event. + var before = lst(hist.done); + if (!before || !before.ranges) + pushSelectionToHistory(doc.sel, hist.done); + cur = {changes: [historyChangeFromChange(doc, change)], + generation: hist.generation}; + hist.done.push(cur); + while (hist.done.length > hist.undoDepth) { + hist.done.shift(); + if (!hist.done[0].ranges) hist.done.shift(); + } + } + hist.done.push(selAfter); + hist.generation = ++hist.maxGeneration; + hist.lastModTime = hist.lastSelTime = time; + hist.lastOp = hist.lastSelOp = opId; + hist.lastOrigin = hist.lastSelOrigin = change.origin; + + if (!last) signal(doc, "historyAdded"); + } + + function selectionEventCanBeMerged(doc, origin, prev, sel) { + var ch = origin.charAt(0); + return ch == "*" || + ch == "+" && + prev.ranges.length == sel.ranges.length && + prev.somethingSelected() == sel.somethingSelected() && + new Date - doc.history.lastSelTime <= (doc.cm ? doc.cm.options.historyEventDelay : 500); + } + + // Called whenever the selection changes, sets the new selection as + // the pending selection in the history, and pushes the old pending + // selection into the 'done' array when it was significantly + // different (in number of selected ranges, emptiness, or time). + function addSelectionToHistory(doc, sel, opId, options) { + var hist = doc.history, origin = options && options.origin; + + // A new event is started when the previous origin does not match + // the current, or the origins don't allow matching. Origins + // starting with * are always merged, those starting with + are + // merged when similar and close together in time. + if (opId == hist.lastSelOp || + (origin && hist.lastSelOrigin == origin && + (hist.lastModTime == hist.lastSelTime && hist.lastOrigin == origin || + selectionEventCanBeMerged(doc, origin, lst(hist.done), sel)))) + hist.done[hist.done.length - 1] = sel; + else + pushSelectionToHistory(sel, hist.done); + + hist.lastSelTime = +new Date; + hist.lastSelOrigin = origin; + hist.lastSelOp = opId; + if (options && options.clearRedo !== false) + clearSelectionEvents(hist.undone); + } + + function pushSelectionToHistory(sel, dest) { + var top = lst(dest); + if (!(top && top.ranges && top.equals(sel))) + dest.push(sel); + } + + // Used to store marked span information in the history. + function attachLocalSpans(doc, change, from, to) { + var existing = change["spans_" + doc.id], n = 0; + doc.iter(Math.max(doc.first, from), Math.min(doc.first + doc.size, to), function(line) { + if (line.markedSpans) + (existing || (existing = change["spans_" + doc.id] = {}))[n] = line.markedSpans; + ++n; + }); + } + + // When un/re-doing restores text containing marked spans, those + // that have been explicitly cleared should not be restored. + function removeClearedSpans(spans) { + if (!spans) return null; + for (var i = 0, out; i < spans.length; ++i) { + if (spans[i].marker.explicitlyCleared) { if (!out) out = spans.slice(0, i); } + else if (out) out.push(spans[i]); + } + return !out ? spans : out.length ? out : null; + } + + // Retrieve and filter the old marked spans stored in a change event. + function getOldSpans(doc, change) { + var found = change["spans_" + doc.id]; + if (!found) return null; + for (var i = 0, nw = []; i < change.text.length; ++i) + nw.push(removeClearedSpans(found[i])); + return nw; + } + + // Used both to provide a JSON-safe object in .getHistory, and, when + // detaching a document, to split the history in two + function copyHistoryArray(events, newGroup, instantiateSel) { + for (var i = 0, copy = []; i < events.length; ++i) { + var event = events[i]; + if (event.ranges) { + copy.push(instantiateSel ? Selection.prototype.deepCopy.call(event) : event); + continue; + } + var changes = event.changes, newChanges = []; + copy.push({changes: newChanges}); + for (var j = 0; j < changes.length; ++j) { + var change = changes[j], m; + newChanges.push({from: change.from, to: change.to, text: change.text}); + if (newGroup) for (var prop in change) if (m = prop.match(/^spans_(\d+)$/)) { + if (indexOf(newGroup, Number(m[1])) > -1) { + lst(newChanges)[prop] = change[prop]; + delete change[prop]; + } + } + } + } + return copy; + } + + // Rebasing/resetting history to deal with externally-sourced changes + + function rebaseHistSelSingle(pos, from, to, diff) { + if (to < pos.line) { + pos.line += diff; + } else if (from < pos.line) { + pos.line = from; + pos.ch = 0; + } + } + + // Tries to rebase an array of history events given a change in the + // document. If the change touches the same lines as the event, the + // event, and everything 'behind' it, is discarded. If the change is + // before the event, the event's positions are updated. Uses a + // copy-on-write scheme for the positions, to avoid having to + // reallocate them all on every rebase, but also avoid problems with + // shared position objects being unsafely updated. + function rebaseHistArray(array, from, to, diff) { + for (var i = 0; i < array.length; ++i) { + var sub = array[i], ok = true; + if (sub.ranges) { + if (!sub.copied) { sub = array[i] = sub.deepCopy(); sub.copied = true; } + for (var j = 0; j < sub.ranges.length; j++) { + rebaseHistSelSingle(sub.ranges[j].anchor, from, to, diff); + rebaseHistSelSingle(sub.ranges[j].head, from, to, diff); + } + continue; + } + for (var j = 0; j < sub.changes.length; ++j) { + var cur = sub.changes[j]; + if (to < cur.from.line) { + cur.from = Pos(cur.from.line + diff, cur.from.ch); + cur.to = Pos(cur.to.line + diff, cur.to.ch); + } else if (from <= cur.to.line) { + ok = false; + break; + } + } + if (!ok) { + array.splice(0, i + 1); + i = 0; + } + } + } + + function rebaseHist(hist, change) { + var from = change.from.line, to = change.to.line, diff = change.text.length - (to - from) - 1; + rebaseHistArray(hist.done, from, to, diff); + rebaseHistArray(hist.undone, from, to, diff); + } + + // EVENT UTILITIES + + // Due to the fact that we still support jurassic IE versions, some + // compatibility wrappers are needed. + + var e_preventDefault = CodeMirror.e_preventDefault = function(e) { + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + }; + var e_stopPropagation = CodeMirror.e_stopPropagation = function(e) { + if (e.stopPropagation) e.stopPropagation(); + else e.cancelBubble = true; + }; + function e_defaultPrevented(e) { + return e.defaultPrevented != null ? e.defaultPrevented : e.returnValue == false; + } + var e_stop = CodeMirror.e_stop = function(e) {e_preventDefault(e); e_stopPropagation(e);}; + + function e_target(e) {return e.target || e.srcElement;} + function e_button(e) { + var b = e.which; + if (b == null) { + if (e.button & 1) b = 1; + else if (e.button & 2) b = 3; + else if (e.button & 4) b = 2; + } + if (mac && e.ctrlKey && b == 1) b = 3; + return b; + } + + // EVENT HANDLING + + // Lightweight event framework. on/off also work on DOM nodes, + // registering native DOM handlers. + + var on = CodeMirror.on = function(emitter, type, f) { + if (emitter.addEventListener) + emitter.addEventListener(type, f, false); + else if (emitter.attachEvent) + emitter.attachEvent("on" + type, f); + else { + var map = emitter._handlers || (emitter._handlers = {}); + var arr = map[type] || (map[type] = []); + arr.push(f); + } + }; + + var off = CodeMirror.off = function(emitter, type, f) { + if (emitter.removeEventListener) + emitter.removeEventListener(type, f, false); + else if (emitter.detachEvent) + emitter.detachEvent("on" + type, f); + else { + var arr = emitter._handlers && emitter._handlers[type]; + if (!arr) return; + for (var i = 0; i < arr.length; ++i) + if (arr[i] == f) { arr.splice(i, 1); break; } + } + }; + + var signal = CodeMirror.signal = function(emitter, type /*, values...*/) { + var arr = emitter._handlers && emitter._handlers[type]; + if (!arr) return; + var args = Array.prototype.slice.call(arguments, 2); + for (var i = 0; i < arr.length; ++i) arr[i].apply(null, args); + }; + + var orphanDelayedCallbacks = null; + + // Often, we want to signal events at a point where we are in the + // middle of some work, but don't want the handler to start calling + // other methods on the editor, which might be in an inconsistent + // state or simply not expect any other events to happen. + // signalLater looks whether there are any handlers, and schedules + // them to be executed when the last operation ends, or, if no + // operation is active, when a timeout fires. + function signalLater(emitter, type /*, values...*/) { + var arr = emitter._handlers && emitter._handlers[type]; + if (!arr) return; + var args = Array.prototype.slice.call(arguments, 2), list; + if (operationGroup) { + list = operationGroup.delayedCallbacks; + } else if (orphanDelayedCallbacks) { + list = orphanDelayedCallbacks; + } else { + list = orphanDelayedCallbacks = []; + setTimeout(fireOrphanDelayed, 0); + } + function bnd(f) {return function(){f.apply(null, args);};}; + for (var i = 0; i < arr.length; ++i) + list.push(bnd(arr[i])); + } + + function fireOrphanDelayed() { + var delayed = orphanDelayedCallbacks; + orphanDelayedCallbacks = null; + for (var i = 0; i < delayed.length; ++i) delayed[i](); + } + + // The DOM events that CodeMirror handles can be overridden by + // registering a (non-DOM) handler on the editor for the event name, + // and preventDefault-ing the event in that handler. + function signalDOMEvent(cm, e, override) { + if (typeof e == "string") + e = {type: e, preventDefault: function() { this.defaultPrevented = true; }}; + signal(cm, override || e.type, cm, e); + return e_defaultPrevented(e) || e.codemirrorIgnore; + } + + function signalCursorActivity(cm) { + var arr = cm._handlers && cm._handlers.cursorActivity; + if (!arr) return; + var set = cm.curOp.cursorActivityHandlers || (cm.curOp.cursorActivityHandlers = []); + for (var i = 0; i < arr.length; ++i) if (indexOf(set, arr[i]) == -1) + set.push(arr[i]); + } + + function hasHandler(emitter, type) { + var arr = emitter._handlers && emitter._handlers[type]; + return arr && arr.length > 0; + } + + // Add on and off methods to a constructor's prototype, to make + // registering events on such objects more convenient. + function eventMixin(ctor) { + ctor.prototype.on = function(type, f) {on(this, type, f);}; + ctor.prototype.off = function(type, f) {off(this, type, f);}; + } + + // MISC UTILITIES + + // Number of pixels added to scroller and sizer to hide scrollbar + var scrollerGap = 30; + + // Returned or thrown by various protocols to signal 'I'm not + // handling this'. + var Pass = CodeMirror.Pass = {toString: function(){return "CodeMirror.Pass";}}; + + // Reused option objects for setSelection & friends + var sel_dontScroll = {scroll: false}, sel_mouse = {origin: "*mouse"}, sel_move = {origin: "+move"}; + + function Delayed() {this.id = null;} + Delayed.prototype.set = function(ms, f) { + clearTimeout(this.id); + this.id = setTimeout(f, ms); + }; + + // Counts the column offset in a string, taking tabs into account. + // Used mostly to find indentation. + var countColumn = CodeMirror.countColumn = function(string, end, tabSize, startIndex, startValue) { + if (end == null) { + end = string.search(/[^\s\u00a0]/); + if (end == -1) end = string.length; + } + for (var i = startIndex || 0, n = startValue || 0;;) { + var nextTab = string.indexOf("\t", i); + if (nextTab < 0 || nextTab >= end) + return n + (end - i); + n += nextTab - i; + n += tabSize - (n % tabSize); + i = nextTab + 1; + } + }; + + // The inverse of countColumn -- find the offset that corresponds to + // a particular column. + function findColumn(string, goal, tabSize) { + for (var pos = 0, col = 0;;) { + var nextTab = string.indexOf("\t", pos); + if (nextTab == -1) nextTab = string.length; + var skipped = nextTab - pos; + if (nextTab == string.length || col + skipped >= goal) + return pos + Math.min(skipped, goal - col); + col += nextTab - pos; + col += tabSize - (col % tabSize); + pos = nextTab + 1; + if (col >= goal) return pos; + } + } + + var spaceStrs = [""]; + function spaceStr(n) { + while (spaceStrs.length <= n) + spaceStrs.push(lst(spaceStrs) + " "); + return spaceStrs[n]; + } + + function lst(arr) { return arr[arr.length-1]; } + + var selectInput = function(node) { node.select(); }; + if (ios) // Mobile Safari apparently has a bug where select() is broken. + selectInput = function(node) { node.selectionStart = 0; node.selectionEnd = node.value.length; }; + else if (ie) // Suppress mysterious IE10 errors + selectInput = function(node) { try { node.select(); } catch(_e) {} }; + + function indexOf(array, elt) { + for (var i = 0; i < array.length; ++i) + if (array[i] == elt) return i; + return -1; + } + function map(array, f) { + var out = []; + for (var i = 0; i < array.length; i++) out[i] = f(array[i], i); + return out; + } + + function nothing() {} + + function createObj(base, props) { + var inst; + if (Object.create) { + inst = Object.create(base); + } else { + nothing.prototype = base; + inst = new nothing(); + } + if (props) copyObj(props, inst); + return inst; + }; + + function copyObj(obj, target, overwrite) { + if (!target) target = {}; + for (var prop in obj) + if (obj.hasOwnProperty(prop) && (overwrite !== false || !target.hasOwnProperty(prop))) + target[prop] = obj[prop]; + return target; + } + + function bind(f) { + var args = Array.prototype.slice.call(arguments, 1); + return function(){return f.apply(null, args);}; + } + + var nonASCIISingleCaseWordChar = /[\u00df\u0587\u0590-\u05f4\u0600-\u06ff\u3040-\u309f\u30a0-\u30ff\u3400-\u4db5\u4e00-\u9fcc\uac00-\ud7af]/; + var isWordCharBasic = CodeMirror.isWordChar = function(ch) { + return /\w/.test(ch) || ch > "\x80" && + (ch.toUpperCase() != ch.toLowerCase() || nonASCIISingleCaseWordChar.test(ch)); + }; + function isWordChar(ch, helper) { + if (!helper) return isWordCharBasic(ch); + if (helper.source.indexOf("\\w") > -1 && isWordCharBasic(ch)) return true; + return helper.test(ch); + } + + function isEmpty(obj) { + for (var n in obj) if (obj.hasOwnProperty(n) && obj[n]) return false; + return true; + } + + // Extending unicode characters. A series of a non-extending char + + // any number of extending chars is treated as a single unit as far + // as editing and measuring is concerned. This is not fully correct, + // since some scripts/font/browsers also treat other configurations + // of code points as a group. + var extendingChars = /[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065e\u0670\u06d6-\u06dc\u06de-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0900-\u0902\u093c\u0941-\u0948\u094d\u0951-\u0955\u0962\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2\u09e3\u0a01\u0a02\u0a3c\u0a41\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81\u0a82\u0abc\u0ac1-\u0ac5\u0ac7\u0ac8\u0acd\u0ae2\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86\u0f87\u0f90-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039\u103a\u103d\u103e\u1058\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085\u1086\u108d\u109d\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927\u1928\u1932\u1939-\u193b\u1a17\u1a18\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80\u1b81\u1ba2-\u1ba5\u1ba8\u1ba9\u1c2c-\u1c33\u1c36\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1dc0-\u1de6\u1dfd-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua825\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\uaa29-\uaa2e\uaa31\uaa32\uaa35\uaa36\uaa43\uaa4c\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe5\uabe8\uabed\udc00-\udfff\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]/; + function isExtendingChar(ch) { return ch.charCodeAt(0) >= 768 && extendingChars.test(ch); } + + // DOM UTILITIES + + function elt(tag, content, className, style) { + var e = document.createElement(tag); + if (className) e.className = className; + if (style) e.style.cssText = style; + if (typeof content == "string") e.appendChild(document.createTextNode(content)); + else if (content) for (var i = 0; i < content.length; ++i) e.appendChild(content[i]); + return e; + } + + var range; + if (document.createRange) range = function(node, start, end, endNode) { + var r = document.createRange(); + r.setEnd(endNode || node, end); + r.setStart(node, start); + return r; + }; + else range = function(node, start, end) { + var r = document.body.createTextRange(); + try { r.moveToElementText(node.parentNode); } + catch(e) { return r; } + r.collapse(true); + r.moveEnd("character", end); + r.moveStart("character", start); + return r; + }; + + function removeChildren(e) { + for (var count = e.childNodes.length; count > 0; --count) + e.removeChild(e.firstChild); + return e; + } + + function removeChildrenAndAdd(parent, e) { + return removeChildren(parent).appendChild(e); + } + + var contains = CodeMirror.contains = function(parent, child) { + if (child.nodeType == 3) // Android browser always returns false when child is a textnode + child = child.parentNode; + if (parent.contains) + return parent.contains(child); + do { + if (child.nodeType == 11) child = child.host; + if (child == parent) return true; + } while (child = child.parentNode); + }; + + function activeElt() { return document.activeElement; } + // Older versions of IE throws unspecified error when touching + // document.activeElement in some cases (during loading, in iframe) + if (ie && ie_version < 11) activeElt = function() { + try { return document.activeElement; } + catch(e) { return document.body; } + }; + + function classTest(cls) { return new RegExp("(^|\\s)" + cls + "(?:$|\\s)\\s*"); } + var rmClass = CodeMirror.rmClass = function(node, cls) { + var current = node.className; + var match = classTest(cls).exec(current); + if (match) { + var after = current.slice(match.index + match[0].length); + node.className = current.slice(0, match.index) + (after ? match[1] + after : ""); + } + }; + var addClass = CodeMirror.addClass = function(node, cls) { + var current = node.className; + if (!classTest(cls).test(current)) node.className += (current ? " " : "") + cls; + }; + function joinClasses(a, b) { + var as = a.split(" "); + for (var i = 0; i < as.length; i++) + if (as[i] && !classTest(as[i]).test(b)) b += " " + as[i]; + return b; + } + + // WINDOW-WIDE EVENTS + + // These must be handled carefully, because naively registering a + // handler for each editor will cause the editors to never be + // garbage collected. + + function forEachCodeMirror(f) { + if (!document.body.getElementsByClassName) return; + var byClass = document.body.getElementsByClassName("CodeMirror"); + for (var i = 0; i < byClass.length; i++) { + var cm = byClass[i].CodeMirror; + if (cm) f(cm); + } + } + + var globalsRegistered = false; + function ensureGlobalHandlers() { + if (globalsRegistered) return; + registerGlobalHandlers(); + globalsRegistered = true; + } + function registerGlobalHandlers() { + // When the window resizes, we need to refresh active editors. + var resizeTimer; + on(window, "resize", function() { + if (resizeTimer == null) resizeTimer = setTimeout(function() { + resizeTimer = null; + forEachCodeMirror(onResize); + }, 100); + }); + // When the window loses focus, we want to show the editor as blurred + on(window, "blur", function() { + forEachCodeMirror(onBlur); + }); + } + + // FEATURE DETECTION + + // Detect drag-and-drop + var dragAndDrop = function() { + // There is *some* kind of drag-and-drop support in IE6-8, but I + // couldn't get it to work yet. + if (ie && ie_version < 9) return false; + var div = elt('div'); + return "draggable" in div || "dragDrop" in div; + }(); + + var zwspSupported; + function zeroWidthElement(measure) { + if (zwspSupported == null) { + var test = elt("span", "\u200b"); + removeChildrenAndAdd(measure, elt("span", [test, document.createTextNode("x")])); + if (measure.firstChild.offsetHeight != 0) + zwspSupported = test.offsetWidth <= 1 && test.offsetHeight > 2 && !(ie && ie_version < 8); + } + var node = zwspSupported ? elt("span", "\u200b") : + elt("span", "\u00a0", null, "display: inline-block; width: 1px; margin-right: -1px"); + node.setAttribute("cm-text", ""); + return node; + } + + // Feature-detect IE's crummy client rect reporting for bidi text + var badBidiRects; + function hasBadBidiRects(measure) { + if (badBidiRects != null) return badBidiRects; + var txt = removeChildrenAndAdd(measure, document.createTextNode("A\u062eA")); + var r0 = range(txt, 0, 1).getBoundingClientRect(); + if (!r0 || r0.left == r0.right) return false; // Safari returns null in some cases (#2780) + var r1 = range(txt, 1, 2).getBoundingClientRect(); + return badBidiRects = (r1.right - r0.right < 3); + } + + // See if "".split is the broken IE version, if so, provide an + // alternative way to split lines. + var splitLines = CodeMirror.splitLines = "\n\nb".split(/\n/).length != 3 ? function(string) { + var pos = 0, result = [], l = string.length; + while (pos <= l) { + var nl = string.indexOf("\n", pos); + if (nl == -1) nl = string.length; + var line = string.slice(pos, string.charAt(nl - 1) == "\r" ? nl - 1 : nl); + var rt = line.indexOf("\r"); + if (rt != -1) { + result.push(line.slice(0, rt)); + pos += rt + 1; + } else { + result.push(line); + pos = nl + 1; + } + } + return result; + } : function(string){return string.split(/\r\n?|\n/);}; + + var hasSelection = window.getSelection ? function(te) { + try { return te.selectionStart != te.selectionEnd; } + catch(e) { return false; } + } : function(te) { + try {var range = te.ownerDocument.selection.createRange();} + catch(e) {} + if (!range || range.parentElement() != te) return false; + return range.compareEndPoints("StartToEnd", range) != 0; + }; + + var hasCopyEvent = (function() { + var e = elt("div"); + if ("oncopy" in e) return true; + e.setAttribute("oncopy", "return;"); + return typeof e.oncopy == "function"; + })(); + + var badZoomedRects = null; + function hasBadZoomedRects(measure) { + if (badZoomedRects != null) return badZoomedRects; + var node = removeChildrenAndAdd(measure, elt("span", "x")); + var normal = node.getBoundingClientRect(); + var fromRange = range(node, 0, 1).getBoundingClientRect(); + return badZoomedRects = Math.abs(normal.left - fromRange.left) > 1; + } + + // KEY NAMES + + var keyNames = {3: "Enter", 8: "Backspace", 9: "Tab", 13: "Enter", 16: "Shift", 17: "Ctrl", 18: "Alt", + 19: "Pause", 20: "CapsLock", 27: "Esc", 32: "Space", 33: "PageUp", 34: "PageDown", 35: "End", + 36: "Home", 37: "Left", 38: "Up", 39: "Right", 40: "Down", 44: "PrintScrn", 45: "Insert", + 46: "Delete", 59: ";", 61: "=", 91: "Mod", 92: "Mod", 93: "Mod", 107: "=", 109: "-", 127: "Delete", + 173: "-", 186: ";", 187: "=", 188: ",", 189: "-", 190: ".", 191: "/", 192: "`", 219: "[", 220: "\\", + 221: "]", 222: "'", 63232: "Up", 63233: "Down", 63234: "Left", 63235: "Right", 63272: "Delete", + 63273: "Home", 63275: "End", 63276: "PageUp", 63277: "PageDown", 63302: "Insert"}; + CodeMirror.keyNames = keyNames; + (function() { + // Number keys + for (var i = 0; i < 10; i++) keyNames[i + 48] = keyNames[i + 96] = String(i); + // Alphabetic keys + for (var i = 65; i <= 90; i++) keyNames[i] = String.fromCharCode(i); + // Function keys + for (var i = 1; i <= 12; i++) keyNames[i + 111] = keyNames[i + 63235] = "F" + i; + })(); + + // BIDI HELPERS + + function iterateBidiSections(order, from, to, f) { + if (!order) return f(from, to, "ltr"); + var found = false; + for (var i = 0; i < order.length; ++i) { + var part = order[i]; + if (part.from < to && part.to > from || from == to && part.to == from) { + f(Math.max(part.from, from), Math.min(part.to, to), part.level == 1 ? "rtl" : "ltr"); + found = true; + } + } + if (!found) f(from, to, "ltr"); + } + + function bidiLeft(part) { return part.level % 2 ? part.to : part.from; } + function bidiRight(part) { return part.level % 2 ? part.from : part.to; } + + function lineLeft(line) { var order = getOrder(line); return order ? bidiLeft(order[0]) : 0; } + function lineRight(line) { + var order = getOrder(line); + if (!order) return line.text.length; + return bidiRight(lst(order)); + } + + function lineStart(cm, lineN) { + var line = getLine(cm.doc, lineN); + var visual = visualLine(line); + if (visual != line) lineN = lineNo(visual); + var order = getOrder(visual); + var ch = !order ? 0 : order[0].level % 2 ? lineRight(visual) : lineLeft(visual); + return Pos(lineN, ch); + } + function lineEnd(cm, lineN) { + var merged, line = getLine(cm.doc, lineN); + while (merged = collapsedSpanAtEnd(line)) { + line = merged.find(1, true).line; + lineN = null; + } + var order = getOrder(line); + var ch = !order ? line.text.length : order[0].level % 2 ? lineLeft(line) : lineRight(line); + return Pos(lineN == null ? lineNo(line) : lineN, ch); + } + function lineStartSmart(cm, pos) { + var start = lineStart(cm, pos.line); + var line = getLine(cm.doc, start.line); + var order = getOrder(line); + if (!order || order[0].level == 0) { + var firstNonWS = Math.max(0, line.text.search(/\S/)); + var inWS = pos.line == start.line && pos.ch <= firstNonWS && pos.ch; + return Pos(start.line, inWS ? 0 : firstNonWS); + } + return start; + } + + function compareBidiLevel(order, a, b) { + var linedir = order[0].level; + if (a == linedir) return true; + if (b == linedir) return false; + return a < b; + } + var bidiOther; + function getBidiPartAt(order, pos) { + bidiOther = null; + for (var i = 0, found; i < order.length; ++i) { + var cur = order[i]; + if (cur.from < pos && cur.to > pos) return i; + if ((cur.from == pos || cur.to == pos)) { + if (found == null) { + found = i; + } else if (compareBidiLevel(order, cur.level, order[found].level)) { + if (cur.from != cur.to) bidiOther = found; + return i; + } else { + if (cur.from != cur.to) bidiOther = i; + return found; + } + } + } + return found; + } + + function moveInLine(line, pos, dir, byUnit) { + if (!byUnit) return pos + dir; + do pos += dir; + while (pos > 0 && isExtendingChar(line.text.charAt(pos))); + return pos; + } + + // This is needed in order to move 'visually' through bi-directional + // text -- i.e., pressing left should make the cursor go left, even + // when in RTL text. The tricky part is the 'jumps', where RTL and + // LTR text touch each other. This often requires the cursor offset + // to move more than one unit, in order to visually move one unit. + function moveVisually(line, start, dir, byUnit) { + var bidi = getOrder(line); + if (!bidi) return moveLogically(line, start, dir, byUnit); + var pos = getBidiPartAt(bidi, start), part = bidi[pos]; + var target = moveInLine(line, start, part.level % 2 ? -dir : dir, byUnit); + + for (;;) { + if (target > part.from && target < part.to) return target; + if (target == part.from || target == part.to) { + if (getBidiPartAt(bidi, target) == pos) return target; + part = bidi[pos += dir]; + return (dir > 0) == part.level % 2 ? part.to : part.from; + } else { + part = bidi[pos += dir]; + if (!part) return null; + if ((dir > 0) == part.level % 2) + target = moveInLine(line, part.to, -1, byUnit); + else + target = moveInLine(line, part.from, 1, byUnit); + } + } + } + + function moveLogically(line, start, dir, byUnit) { + var target = start + dir; + if (byUnit) while (target > 0 && isExtendingChar(line.text.charAt(target))) target += dir; + return target < 0 || target > line.text.length ? null : target; + } + + // Bidirectional ordering algorithm + // See http://unicode.org/reports/tr9/tr9-13.html for the algorithm + // that this (partially) implements. + + // One-char codes used for character types: + // L (L): Left-to-Right + // R (R): Right-to-Left + // r (AL): Right-to-Left Arabic + // 1 (EN): European Number + // + (ES): European Number Separator + // % (ET): European Number Terminator + // n (AN): Arabic Number + // , (CS): Common Number Separator + // m (NSM): Non-Spacing Mark + // b (BN): Boundary Neutral + // s (B): Paragraph Separator + // t (S): Segment Separator + // w (WS): Whitespace + // N (ON): Other Neutrals + + // Returns null if characters are ordered as they appear + // (left-to-right), or an array of sections ({from, to, level} + // objects) in the order in which they occur visually. + var bidiOrdering = (function() { + // Character types for codepoints 0 to 0xff + var lowTypes = "bbbbbbbbbtstwsbbbbbbbbbbbbbbssstwNN%%%NNNNNN,N,N1111111111NNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNNNLLLLLLLLLLLLLLLLLLLLLLLLLLNNNNbbbbbbsbbbbbbbbbbbbbbbbbbbbbbbbbb,N%%%%NNNNLNNNNN%%11NLNNN1LNNNNNLLLLLLLLLLLLLLLLLLLLLLLNLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLN"; + // Character types for codepoints 0x600 to 0x6ff + var arabicTypes = "rrrrrrrrrrrr,rNNmmmmmmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmrrrrrrrnnnnnnnnnn%nnrrrmrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrmmmmmmmmmmmmmmmmmmmNmmmm"; + function charType(code) { + if (code <= 0xf7) return lowTypes.charAt(code); + else if (0x590 <= code && code <= 0x5f4) return "R"; + else if (0x600 <= code && code <= 0x6ed) return arabicTypes.charAt(code - 0x600); + else if (0x6ee <= code && code <= 0x8ac) return "r"; + else if (0x2000 <= code && code <= 0x200b) return "w"; + else if (code == 0x200c) return "b"; + else return "L"; + } + + var bidiRE = /[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/; + var isNeutral = /[stwN]/, isStrong = /[LRr]/, countsAsLeft = /[Lb1n]/, countsAsNum = /[1n]/; + // Browsers seem to always treat the boundaries of block elements as being L. + var outerType = "L"; + + function BidiSpan(level, from, to) { + this.level = level; + this.from = from; this.to = to; + } + + return function(str) { + if (!bidiRE.test(str)) return false; + var len = str.length, types = []; + for (var i = 0, type; i < len; ++i) + types.push(type = charType(str.charCodeAt(i))); + + // W1. Examine each non-spacing mark (NSM) in the level run, and + // change the type of the NSM to the type of the previous + // character. If the NSM is at the start of the level run, it will + // get the type of sor. + for (var i = 0, prev = outerType; i < len; ++i) { + var type = types[i]; + if (type == "m") types[i] = prev; + else prev = type; + } + + // W2. Search backwards from each instance of a European number + // until the first strong type (R, L, AL, or sor) is found. If an + // AL is found, change the type of the European number to Arabic + // number. + // W3. Change all ALs to R. + for (var i = 0, cur = outerType; i < len; ++i) { + var type = types[i]; + if (type == "1" && cur == "r") types[i] = "n"; + else if (isStrong.test(type)) { cur = type; if (type == "r") types[i] = "R"; } + } + + // W4. A single European separator between two European numbers + // changes to a European number. A single common separator between + // two numbers of the same type changes to that type. + for (var i = 1, prev = types[0]; i < len - 1; ++i) { + var type = types[i]; + if (type == "+" && prev == "1" && types[i+1] == "1") types[i] = "1"; + else if (type == "," && prev == types[i+1] && + (prev == "1" || prev == "n")) types[i] = prev; + prev = type; + } + + // W5. A sequence of European terminators adjacent to European + // numbers changes to all European numbers. + // W6. Otherwise, separators and terminators change to Other + // Neutral. + for (var i = 0; i < len; ++i) { + var type = types[i]; + if (type == ",") types[i] = "N"; + else if (type == "%") { + for (var end = i + 1; end < len && types[end] == "%"; ++end) {} + var replace = (i && types[i-1] == "!") || (end < len && types[end] == "1") ? "1" : "N"; + for (var j = i; j < end; ++j) types[j] = replace; + i = end - 1; + } + } + + // W7. Search backwards from each instance of a European number + // until the first strong type (R, L, or sor) is found. If an L is + // found, then change the type of the European number to L. + for (var i = 0, cur = outerType; i < len; ++i) { + var type = types[i]; + if (cur == "L" && type == "1") types[i] = "L"; + else if (isStrong.test(type)) cur = type; + } + + // N1. A sequence of neutrals takes the direction of the + // surrounding strong text if the text on both sides has the same + // direction. European and Arabic numbers act as if they were R in + // terms of their influence on neutrals. Start-of-level-run (sor) + // and end-of-level-run (eor) are used at level run boundaries. + // N2. Any remaining neutrals take the embedding direction. + for (var i = 0; i < len; ++i) { + if (isNeutral.test(types[i])) { + for (var end = i + 1; end < len && isNeutral.test(types[end]); ++end) {} + var before = (i ? types[i-1] : outerType) == "L"; + var after = (end < len ? types[end] : outerType) == "L"; + var replace = before || after ? "L" : "R"; + for (var j = i; j < end; ++j) types[j] = replace; + i = end - 1; + } + } + + // Here we depart from the documented algorithm, in order to avoid + // building up an actual levels array. Since there are only three + // levels (0, 1, 2) in an implementation that doesn't take + // explicit embedding into account, we can build up the order on + // the fly, without following the level-based algorithm. + var order = [], m; + for (var i = 0; i < len;) { + if (countsAsLeft.test(types[i])) { + var start = i; + for (++i; i < len && countsAsLeft.test(types[i]); ++i) {} + order.push(new BidiSpan(0, start, i)); + } else { + var pos = i, at = order.length; + for (++i; i < len && types[i] != "L"; ++i) {} + for (var j = pos; j < i;) { + if (countsAsNum.test(types[j])) { + if (pos < j) order.splice(at, 0, new BidiSpan(1, pos, j)); + var nstart = j; + for (++j; j < i && countsAsNum.test(types[j]); ++j) {} + order.splice(at, 0, new BidiSpan(2, nstart, j)); + pos = j; + } else ++j; + } + if (pos < i) order.splice(at, 0, new BidiSpan(1, pos, i)); + } + } + if (order[0].level == 1 && (m = str.match(/^\s+/))) { + order[0].from = m[0].length; + order.unshift(new BidiSpan(0, 0, m[0].length)); + } + if (lst(order).level == 1 && (m = str.match(/\s+$/))) { + lst(order).to -= m[0].length; + order.push(new BidiSpan(0, len - m[0].length, len)); + } + if (order[0].level == 2) + order.unshift(new BidiSpan(1, order[0].to, order[0].to)); + if (order[0].level != lst(order).level) + order.push(new BidiSpan(order[0].level, len, len)); + + return order; + }; + })(); + + // THE END + + CodeMirror.version = "5.4.1"; + + return CodeMirror; +});(function (mod) { + mod(CodeMirror); +})(function (CodeMirror) { + var Pos = CodeMirror.Pos; + + function forEach(arr, f) { + for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]); + } + + function arrayContains(arr, item) { + if (!Array.prototype.indexOf) { + var i = arr.length; + while (i--) { + if (arr[i] === item) { + return true; + } + } + return false; + } + return arr.indexOf(item) != -1; + } + + function scriptHint(editor, keywords, getToken, options) { + // Find the token at the cursor + var cur = editor.getCursor(), token = getToken(editor, cur); + if (/\b(?:string)\b/.test(token.type)) { + return; + } + token.state = CodeMirror.innerMode(editor.getMode(), token.state).state; + + if (!/^[\w$_]*$/.test(token.string)) { + token = { + start: cur.ch, end: cur.ch, string: "", state: token.state, + type: token.string == "." ? "property" : null + }; + } else if (token.end > cur.ch) { + token.end = cur.ch; + token.string = token.string.slice(0, cur.ch - token.start); + } + + var tprop = token; + // If it is a property, find out what it is a property of. + while (tprop.type == "property") { + tprop = getToken(editor, Pos(cur.line, tprop.start)); + if (tprop.string != ".") return; + tprop = getToken(editor, Pos(cur.line, tprop.start)); + if (!context) var context = []; + context.push(tprop); + } + return { + list: getCompletions(token, context, keywords, options), + from: Pos(cur.line, token.start), + to: Pos(cur.line, token.end) + }; + } + + function getFormulaKeywords() { + return FormulaCollections; + } + + function formulaHint(editor, options) { + return scriptHint(editor, getFormulaKeywords(), + function (e, cur) { + return e.getTokenAt(cur); + }, + options); + }; + CodeMirror.registerHelper("hint", "formula", formulaHint); + + function getCompletions(token, context, keywords, options) { + var found = [], start = token.string; + if (!start) { + return found; + } + function maybeAdd(str) { + if (str.lastIndexOf(start, 0) == 0 && !arrayContains(found, str)) { + found.push(str); + } + } + + if (context && context.length) { + context.pop(); + } else { + forEach(keywords, maybeAdd); + } + return found; + } +});(function (mod) { + mod(CodeMirror); +})(function (CodeMirror) { + "use strict"; + + CodeMirror.defineMode('formula', function () { + function wordObj(words) { + var o = {}; + for (var i = 0, e = words.length; i < e; ++i) o[words[i]] = true; + return o; + } + + var atoms = wordObj(['false', 'true']); + var keywords = wordObj(FormulaCollections); + + function tokenBase(stream, state) { + if (stream.eatSpace()) { + return null; + } + var ch = stream.next(); + + if (ch === '"' || ch === '\'') { + nextUntilUnescaped(stream, ch); + return "string"; + } + if (/[\[\],\(\)]/.test(ch)) { + return 'bracket'; + } + + // richie:暂时不需要解析操作符号 + //if (/[+\-*\/=<>!&|]/.test(ch)) { + // return 'operator'; + //} + //if (/\d|\d./.test(ch)) { + // stream.eatWhile(/\d|\./); + // if (stream.eol() || !/\w/.test(stream.peek())) { + // return 'number'; + // } + //} + + + + stream.eatWhile(/[\w-]/); + var word = stream.current(); + if (atoms.hasOwnProperty(word)) { + return "atom"; + } + if (keywords.hasOwnProperty(word)) { + return "keyword"; + } + return null; + } + + function nextUntilUnescaped(stream, end) { + var escaped = false, next; + while ((next = stream.next()) != null) { + if (next === end && !escaped) { + return false; + } + escaped = !escaped && next === "\\"; + } + return escaped; + } + + function tokenize(stream, state) { + return (state.tokens[0] || tokenBase)(stream, state); + } + + return { + startState: function () { + return {tokens: []}; + }, + token: function (stream, state) { + return tokenize(stream, state); + }, + fold: "brace" + }; + }); + CodeMirror.defineMIME("text/fx-formula", "formula"); +});// CodeMirror, copyright (c) by Marijn Haverbeke and others +// Distributed under an MIT license: http://codemirror.net/LICENSE + +(function (mod) { + mod(CodeMirror); +})(function (CodeMirror) { + "use strict"; + + var HINT_ELEMENT_CLASS = "CodeMirror-hint"; + var ACTIVE_HINT_ELEMENT_CLASS = "CodeMirror-hint-active"; + + // This is the old interface, kept around for now to stay + // backwards-compatible. + CodeMirror.showHint = function (cm, getHints, options) { + if (!getHints) return cm.showHint(options); + if (options && options.async) getHints.async = true; + var newOpts = {hint: getHints}; + if (options) for (var prop in options) newOpts[prop] = options[prop]; + return cm.showHint(newOpts); + }; + + CodeMirror.defineExtension("showHint", function (options) { + // We want a single cursor position. + if (this.listSelections().length > 1 || this.somethingSelected()) return; + + if (this.state.completionActive) this.state.completionActive.close(); + var completion = this.state.completionActive = new Completion(this, options); + if (!completion.options.hint) return; + + CodeMirror.signal(this, "startCompletion", this); + completion.update(true); + }); + + function Completion(cm, options) { + this.cm = cm; + this.options = this.buildOptions(options); + this.widget = null; + this.debounce = 0; + this.tick = 0; + this.startPos = this.cm.getCursor(); + this.startLen = this.cm.getLine(this.startPos.line).length; + + var self = this; + cm.on("cursorActivity", this.activityFunc = function () { + self.cursorActivity(); + }); + } + + var requestAnimationFrame = window.requestAnimationFrame || function (fn) { + return setTimeout(fn, 1000 / 60); + }; + var cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout; + + Completion.prototype = { + close: function () { + if (!this.active()) return; + this.cm.state.completionActive = null; + this.tick = null; + this.cm.off("cursorActivity", this.activityFunc); + + if (this.widget && this.data) CodeMirror.signal(this.data, "close"); + if (this.widget) this.widget.close(); + CodeMirror.signal(this.cm, "endCompletion", this.cm); + }, + + active: function () { + return this.cm.state.completionActive == this; + }, + + pick: function (data, i) { + var completion = data.list[i]; + if (completion.hint) completion.hint(this.cm, data, completion); + else { + this.cm.replaceRange(getText(completion), completion.from || data.from, + completion.to || data.to, "complete"); + var to = this.cm.getCursor(); + this.cm.markText(completion.from || data.from, to, {className: "#function", atomic: true}); + this.cm.replaceSelection("() "); + to = this.cm.getCursor(); + to.ch = to.ch - 2; + this.cm.setCursor(to); + this.cm.focus(); + } + CodeMirror.signal(data, "pick", completion); + this.close(); + }, + + cursorActivity: function () { + if (this.debounce) { + cancelAnimationFrame(this.debounce); + this.debounce = 0; + } + + var pos = this.cm.getCursor(), line = this.cm.getLine(pos.line); + if (pos.line != this.startPos.line || line.length - pos.ch != this.startLen - this.startPos.ch || + pos.ch < this.startPos.ch || this.cm.somethingSelected() || + (pos.ch && this.options.closeCharacters.test(line.charAt(pos.ch - 1)))) { + this.close(); + } else { + var self = this; + this.debounce = requestAnimationFrame(function () { + self.update(); + }); + if (this.widget) this.widget.disable(); + } + }, + + update: function (first) { + if (this.tick == null) return; + if (this.data) CodeMirror.signal(this.data, "update"); + if (!this.options.hint.async) { + this.finishUpdate(this.options.hint(this.cm, this.options), first); + } else { + var myTick = ++this.tick, self = this; + this.options.hint(this.cm, function (data) { + if (self.tick == myTick) self.finishUpdate(data, first); + }, this.options); + } + }, + + finishUpdate: function (data, first) { + this.data = data; + + var picked = (this.widget && this.widget.picked) || (first && this.options.completeSingle); + if (this.widget) this.widget.close(); + if (data && data.list.length) { + if (picked && data.list.length == 1) { + this.pick(data, 0); + } else { + this.widget = new Widget(this, data); + CodeMirror.signal(data, "shown"); + } + } + }, + + buildOptions: function (options) { + var editor = this.cm.options.hintOptions; + var out = {}; + for (var prop in defaultOptions) out[prop] = defaultOptions[prop]; + if (editor) for (var prop in editor) + if (editor[prop] !== undefined) out[prop] = editor[prop]; + if (options) for (var prop in options) + if (options[prop] !== undefined) out[prop] = options[prop]; + return out; + } + }; + + function getText(completion) { + if (typeof completion == "string") return completion; + else return completion.text; + } + + function buildKeyMap(completion, handle) { + var baseMap = { + Up: function () { + handle.moveFocus(-1); + }, + Down: function () { + handle.moveFocus(1); + }, + PageUp: function () { + handle.moveFocus(-handle.menuSize() + 1, true); + }, + PageDown: function () { + handle.moveFocus(handle.menuSize() - 1, true); + }, + Home: function () { + handle.setFocus(0); + }, + End: function () { + handle.setFocus(handle.length - 1); + }, + Enter: handle.pick, + Tab: handle.pick, + Esc: handle.close + }; + var custom = completion.options.customKeys; + var ourMap = custom ? {} : baseMap; + + function addBinding(key, val) { + var bound; + if (typeof val != "string") + bound = function (cm) { + return val(cm, handle); + }; + // This mechanism is deprecated + else if (baseMap.hasOwnProperty(val)) + bound = baseMap[val]; + else + bound = val; + ourMap[key] = bound; + } + + if (custom) + for (var key in custom) if (custom.hasOwnProperty(key)) + addBinding(key, custom[key]); + var extra = completion.options.extraKeys; + if (extra) + for (var key in extra) if (extra.hasOwnProperty(key)) + addBinding(key, extra[key]); + return ourMap; + } + + function getHintElement(hintsElement, el) { + while (el && el != hintsElement) { + if (el.nodeName.toUpperCase() === "LI" && el.parentNode == hintsElement) return el; + el = el.parentNode; + } + } + + function Widget(completion, data) { + this.completion = completion; + this.data = data; + this.picked = false; + var widget = this, cm = completion.cm; + + var hints = this.hints = document.createElement("ul"); + hints.className = "CodeMirror-hints"; + this.selectedHint = data.selectedHint || 0; + + var completions = data.list; + for (var i = 0; i < completions.length; ++i) { + var elt = hints.appendChild(document.createElement("li")), cur = completions[i]; + var className = HINT_ELEMENT_CLASS + (i != this.selectedHint ? "" : " " + ACTIVE_HINT_ELEMENT_CLASS); + if (cur.className != null) className = cur.className + " " + className; + elt.className = className; + if (cur.render) cur.render(elt, data, cur); + else elt.appendChild(document.createTextNode(cur.displayText || getText(cur))); + elt.hintId = i; + } + + var pos = cm.cursorCoords(completion.options.alignWithWord ? data.from : null); + var left = pos.left, top = pos.bottom, below = true; + hints.style.left = left + "px"; + hints.style.top = top + "px"; + // If we're at the edge of the screen, then we want the menu to appear on the left of the cursor. + var winW = window.innerWidth || Math.max(document.body.offsetWidth, document.documentElement.offsetWidth); + var winH = window.innerHeight || Math.max(document.body.offsetHeight, document.documentElement.offsetHeight); + (completion.options.container || document.body).appendChild(hints); + var box = hints.getBoundingClientRect(), overlapY = box.bottom - winH; + if (overlapY > 0) { + var height = box.bottom - box.top, curTop = pos.top - (pos.bottom - box.top); + if (curTop - height > 0) { // Fits above cursor + hints.style.top = (top = pos.top - height) + "px"; + below = false; + } else if (height > winH) { + hints.style.height = (winH - 5) + "px"; + hints.style.top = (top = pos.bottom - box.top) + "px"; + var cursor = cm.getCursor(); + if (data.from.ch != cursor.ch) { + pos = cm.cursorCoords(cursor); + hints.style.left = (left = pos.left) + "px"; + box = hints.getBoundingClientRect(); + } + } + } + var overlapX = box.right - winW; + if (overlapX > 0) { + if (box.right - box.left > winW) { + hints.style.width = (winW - 5) + "px"; + overlapX -= (box.right - box.left) - winW; + } + hints.style.left = (left = pos.left - overlapX) + "px"; + } + + cm.addKeyMap(this.keyMap = buildKeyMap(completion, { + moveFocus: function (n, avoidWrap) { + widget.changeActive(widget.selectedHint + n, avoidWrap); + }, + setFocus: function (n) { + widget.changeActive(n); + }, + menuSize: function () { + return widget.screenAmount(); + }, + length: completions.length, + close: function () { + completion.close(); + }, + pick: function () { + widget.pick(); + }, + data: data + })); + + if (completion.options.closeOnUnfocus) { + var closingOnBlur; + cm.on("blur", this.onBlur = function () { + closingOnBlur = setTimeout(function () { + completion.close(); + }, 100); + }); + cm.on("focus", this.onFocus = function () { + clearTimeout(closingOnBlur); + }); + } + + var startScroll = cm.getScrollInfo(); + cm.on("scroll", this.onScroll = function () { + var curScroll = cm.getScrollInfo(), editor = cm.getWrapperElement().getBoundingClientRect(); + var newTop = top + startScroll.top - curScroll.top; + var point = newTop - (window.pageYOffset || (document.documentElement || document.body).scrollTop); + if (!below) point += hints.offsetHeight; + if (point <= editor.top || point >= editor.bottom) return completion.close(); + hints.style.top = newTop + "px"; + hints.style.left = (left + startScroll.left - curScroll.left) + "px"; + }); + + CodeMirror.on(hints, "dblclick", function (e) { + var t = getHintElement(hints, e.target || e.srcElement); + if (t && t.hintId != null) { + widget.changeActive(t.hintId); + widget.pick(); + } + }); + + CodeMirror.on(hints, "click", function (e) { + var t = getHintElement(hints, e.target || e.srcElement); + if (t && t.hintId != null) { + widget.changeActive(t.hintId); + if (completion.options.completeOnSingleClick) widget.pick(); + } + }); + + CodeMirror.on(hints, "mousedown", function () { + setTimeout(function () { + cm.focus(); + }, 20); + }); + + CodeMirror.signal(data, "select", completions[0], hints.firstChild); + return true; + } + + Widget.prototype = { + close: function () { + if (this.completion.widget != this) return; + this.completion.widget = null; + this.hints.parentNode.removeChild(this.hints); + this.completion.cm.removeKeyMap(this.keyMap); + + var cm = this.completion.cm; + if (this.completion.options.closeOnUnfocus) { + cm.off("blur", this.onBlur); + cm.off("focus", this.onFocus); + } + cm.off("scroll", this.onScroll); + }, + + disable: function () { + this.completion.cm.removeKeyMap(this.keyMap); + var widget = this; + this.keyMap = { + Enter: function () { + widget.picked = true; + } + }; + this.completion.cm.addKeyMap(this.keyMap); + }, + + pick: function () { + this.completion.pick(this.data, this.selectedHint); + }, + + changeActive: function (i, avoidWrap) { + if (i >= this.data.list.length) + i = avoidWrap ? this.data.list.length - 1 : 0; + else if (i < 0) + i = avoidWrap ? 0 : this.data.list.length - 1; + if (this.selectedHint == i) return; + var node = this.hints.childNodes[this.selectedHint]; + node.className = node.className.replace(" " + ACTIVE_HINT_ELEMENT_CLASS, ""); + node = this.hints.childNodes[this.selectedHint = i]; + node.className += " " + ACTIVE_HINT_ELEMENT_CLASS; + if (node.offsetTop < this.hints.scrollTop) + this.hints.scrollTop = node.offsetTop - 3; + else if (node.offsetTop + node.offsetHeight > this.hints.scrollTop + this.hints.clientHeight) + this.hints.scrollTop = node.offsetTop + node.offsetHeight - this.hints.clientHeight + 3; + CodeMirror.signal(this.data, "select", this.data.list[this.selectedHint], node); + }, + + screenAmount: function () { + return Math.floor(this.hints.clientHeight / this.hints.firstChild.offsetHeight) || 1; + } + }; + + CodeMirror.registerHelper("hint", "auto", function (cm, options) { + var helpers = cm.getHelpers(cm.getCursor(), "hint"), words; + if (helpers.length) { + for (var i = 0; i < helpers.length; i++) { + var cur = helpers[i](cm, options); + if (cur && cur.list.length) return cur; + } + } else if (words = cm.getHelper(cm.getCursor(), "hintWords")) { + if (words) return CodeMirror.hint.fromList(cm, {words: words}); + } else if (CodeMirror.hint.anyword) { + return CodeMirror.hint.anyword(cm, options); + } + }); + + CodeMirror.registerHelper("hint", "fromList", function (cm, options) { + var cur = cm.getCursor(), token = cm.getTokenAt(cur); + var found = []; + for (var i = 0; i < options.words.length; i++) { + var word = options.words[i]; + if (word.slice(0, token.string.length) == token.string) + found.push(word); + } + + if (found.length) return { + list: found, + from: CodeMirror.Pos(cur.line, token.start), + to: CodeMirror.Pos(cur.line, token.end) + }; + }); + + CodeMirror.commands.autocomplete = CodeMirror.showHint; + + var defaultOptions = { + hint: CodeMirror.hint.auto, + completeSingle: true, + alignWithWord: true, + closeCharacters: /[\s()\[\]{};:>,]/, + closeOnUnfocus: true, + completeOnSingleClick: true, + container: null, + customKeys: null, + extraKeys: null + }; + + CodeMirror.defineOption("hintOptions", null); +});/** + * Farbtastic Color Picker 1.2 + * © 2008 Steven Wittens + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + */ + +jQuery.fn.farbtastic = function (callback) { + $.farbtastic(this, callback); + return this; +}; + +jQuery.farbtastic = function (container, callback) { + var container = $(container).get(0); + return container.farbtastic || (container.farbtastic = new jQuery._farbtastic(container, callback)); +} + +jQuery._farbtastic = function (container, callback) { + // Store farbtastic object + var fb = this; + + // Insert markup + $(container).html('
'); + var e = $('.farbtastic', container); + fb.wheel = $('.wheel', container).get(0); + // Dimensions + fb.radius = 84; + fb.square = 100; + fb.width = 194; + + // Fix background PNGs in IE6 + if (navigator.appVersion.match(/MSIE [0-6]\./)) { + $('*', e).each(function () { + if (this.currentStyle.backgroundImage != 'none') { + var image = this.currentStyle.backgroundImage; + image = this.currentStyle.backgroundImage.substring(5, image.length - 2); + $(this).css({ + 'backgroundImage': 'none', + 'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')" + }); + } + }); + } + + /** + * Link to the given element(s) or callback. + */ + fb.linkTo = function (callback) { + // Unbind previous nodes + if (typeof fb.callback == 'object') { + $(fb.callback).unbind('keyup', fb.updateValue); + } + + // Reset color + fb.color = null; + + // Bind callback or elements + if (typeof callback == 'function') { + fb.callback = callback; + } + else if (typeof callback == 'object' || typeof callback == 'string') { + fb.callback = $(callback); + fb.callback.bind('keyup', fb.updateValue); + if (fb.callback.get(0).value) { + fb.setColor(fb.callback.get(0).value); + } + } + return this; + } + fb.updateValue = function (event) { + if (this.value && this.value != fb.color) { + fb.setColor(this.value); + } + } + + /** + * Change color with HTML syntax #123456 + */ + fb.setColor = function (color) { + var unpack = fb.unpack(color); + if (fb.color != color && unpack) { + fb.color = color; + fb.rgb = unpack; + fb.hsl = fb.RGBToHSL(fb.rgb); + fb.updateDisplay(); + } + return this; + } + + /** + * Change color with HSL triplet [0..1, 0..1, 0..1] + */ + fb.setHSL = function (hsl) { + fb.hsl = hsl; + fb.rgb = fb.HSLToRGB(hsl); + fb.color = fb.pack(fb.rgb); + fb.updateDisplay(); + return this; + } + + ///////////////////////////////////////////////////// + + /** + * Retrieve the coordinates of the given event relative to the center + * of the widget. + */ + fb.widgetCoords = function (event) { + var x, y; + var el = event.target || event.srcElement; + var reference = fb.wheel; + + if (typeof event.offsetX != 'undefined') { + // Use offset coordinates and find common offsetParent + var pos = { x: event.offsetX, y: event.offsetY }; + + // Send the coordinates upwards through the offsetParent chain. + var e = el; + while (e) { + e.mouseX = pos.x; + e.mouseY = pos.y; + pos.x += e.offsetLeft; + pos.y += e.offsetTop; + e = e.offsetParent; + } + + // Look for the coordinates starting from the wheel widget. + var e = reference; + var offset = { x: 0, y: 0 } + while (e) { + if (typeof e.mouseX != 'undefined') { + x = e.mouseX - offset.x; + y = e.mouseY - offset.y; + break; + } + offset.x += e.offsetLeft; + offset.y += e.offsetTop; + e = e.offsetParent; + } + + // Reset stored coordinates + e = el; + while (e) { + e.mouseX = undefined; + e.mouseY = undefined; + e = e.offsetParent; + } + } + else { + // Use absolute coordinates + var pos = fb.absolutePosition(reference); + x = (event.pageX || 0*(event.clientX + $('html').get(0).scrollLeft)) - pos.x; + y = (event.pageY || 0*(event.clientY + $('html').get(0).scrollTop)) - pos.y; + } + // Subtract distance to middle + return { x: x - fb.width / 2, y: y - fb.width / 2 }; + } + + /** + * Mousedown handler + */ + fb.mousedown = function (event) { + // Capture mouse + if (!document.dragging) { + $(document).bind('mousemove', fb.mousemove).bind('mouseup', fb.mouseup); + document.dragging = true; + } + + // Check which area is being dragged + var pos = fb.widgetCoords(event); + fb.circleDrag = Math.max(Math.abs(pos.x), Math.abs(pos.y)) * 2 > fb.square; + + // Process + fb.mousemove(event); + return false; + } + + /** + * Mousemove handler + */ + fb.mousemove = function (event) { + // Get coordinates relative to color picker center + var pos = fb.widgetCoords(event); + + // Set new HSL parameters + if (fb.circleDrag) { + var hue = Math.atan2(pos.x, -pos.y) / 6.28; + if (hue < 0) hue += 1; + fb.setHSL([hue, fb.hsl[1], fb.hsl[2]]); + } + else { + var sat = Math.max(0, Math.min(1, -(pos.x / fb.square) + .5)); + var lum = Math.max(0, Math.min(1, -(pos.y / fb.square) + .5)); + fb.setHSL([fb.hsl[0], sat, lum]); + } + return false; + } + + /** + * Mouseup handler + */ + fb.mouseup = function () { + // Uncapture mouse + $(document).unbind('mousemove', fb.mousemove); + $(document).unbind('mouseup', fb.mouseup); + document.dragging = false; + } + + /** + * Update the markers and styles + */ + fb.updateDisplay = function () { + // Markers + var angle = fb.hsl[0] * 6.28; + $('.h-marker', e).css({ + left: Math.round(Math.sin(angle) * fb.radius + fb.width / 2) + 'px', + top: Math.round(-Math.cos(angle) * fb.radius + fb.width / 2) + 'px' + }); + + $('.sl-marker', e).css({ + left: Math.round(fb.square * (.5 - fb.hsl[1]) + fb.width / 2) + 'px', + top: Math.round(fb.square * (.5 - fb.hsl[2]) + fb.width / 2) + 'px' + }); + + // Saturation/Luminance gradient + $('.color', e).css('backgroundColor', fb.pack(fb.HSLToRGB([fb.hsl[0], 1, 0.5]))); + + // Linked elements or callback + if (typeof fb.callback == 'object') { + // Set background/foreground color + $(fb.callback).css({ + backgroundColor: fb.color, + color: fb.hsl[2] > 0.5 ? '#000' : '#fff' + }); + + // Change linked value + $(fb.callback).each(function() { + if (this.value && this.value != fb.color) { + this.value = fb.color; + } + }); + } + else if (typeof fb.callback == 'function') { + fb.callback.call(fb, fb.color); + } + } + + /** + * Get absolute position of element + */ + fb.absolutePosition = function (el) { + var r = { x: el.offsetLeft, y: el.offsetTop }; + // Resolve relative to offsetParent + if (el.offsetParent) { + var tmp = fb.absolutePosition(el.offsetParent); + r.x += tmp.x; + r.y += tmp.y; + } + return r; + }; + + /* Various color utility functions */ + fb.pack = function (rgb) { + var r = Math.round(rgb[0] * 255); + var g = Math.round(rgb[1] * 255); + var b = Math.round(rgb[2] * 255); + return '#' + (r < 16 ? '0' : '') + r.toString(16) + + (g < 16 ? '0' : '') + g.toString(16) + + (b < 16 ? '0' : '') + b.toString(16); + } + + fb.unpack = function (color) { + if (color.length == 7) { + return [parseInt('0x' + color.substring(1, 3)) / 255, + parseInt('0x' + color.substring(3, 5)) / 255, + parseInt('0x' + color.substring(5, 7)) / 255]; + } + else if (color.length == 4) { + return [parseInt('0x' + color.substring(1, 2)) / 15, + parseInt('0x' + color.substring(2, 3)) / 15, + parseInt('0x' + color.substring(3, 4)) / 15]; + } + } + + fb.HSLToRGB = function (hsl) { + var m1, m2, r, g, b; + var h = hsl[0], s = hsl[1], l = hsl[2]; + m2 = (l <= 0.5) ? l * (s + 1) : l + s - l*s; + m1 = l * 2 - m2; + return [this.hueToRGB(m1, m2, h+0.33333), + this.hueToRGB(m1, m2, h), + this.hueToRGB(m1, m2, h-0.33333)]; + } + + fb.hueToRGB = function (m1, m2, h) { + h = (h < 0) ? h + 1 : ((h > 1) ? h - 1 : h); + if (h * 6 < 1) return m1 + (m2 - m1) * h * 6; + if (h * 2 < 1) return m2; + if (h * 3 < 2) return m1 + (m2 - m1) * (0.66666 - h) * 6; + return m1; + } + + fb.RGBToHSL = function (rgb) { + var min, max, delta, h, s, l; + var r = rgb[0], g = rgb[1], b = rgb[2]; + min = Math.min(r, Math.min(g, b)); + max = Math.max(r, Math.max(g, b)); + delta = max - min; + l = (min + max) / 2; + s = 0; + if (l > 0 && l < 1) { + s = delta / (l < 0.5 ? (2 * l) : (2 - 2 * l)); + } + h = 0; + if (delta > 0) { + if (max == r && max != g) h += (g - b) / delta; + if (max == g && max != b) h += (2 + (b - r) / delta); + if (max == b && max != r) h += (4 + (r - g) / delta); + h /= 6; + } + return [h, s, l]; + } + + // Install mousedown handler (the others are set on the document on-demand) + $('*', e).mousedown(fb.mousedown); + + // Init color + fb.setColor('#000000'); + + // Set linked elements/callback + if (callback) { + fb.linkTo(callback); + } +}/*! + * jQuery Mousewheel 3.1.13 + * + * Copyright jQuery Foundation and other contributors + * Released under the MIT license + * http://jquery.org/license + */ + +(function (factory) { + if ( typeof define === 'function' && define.amd ) { + // AMD. Register as an anonymous module. + define(['../core/jquery'], factory); + } else if (typeof exports === 'object') { + // Node/CommonJS style for Browserify + module.exports = factory; + } else { + // Browser globals + factory(jQuery); + } +}(function ($) { + + var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'], + toBind = ( 'onwheel' in document || document.documentMode >= 9 ) ? + ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'], + slice = Array.prototype.slice, + nullLowestDeltaTimeout, lowestDelta; + + if ( $.event.fixHooks ) { + for ( var i = toFix.length; i; ) { + $.event.fixHooks[ toFix[--i] ] = $.event.mouseHooks; + } + } + + var special = $.event.special.mousewheel = { + version: '3.1.12', + + setup: function() { + if ( this.addEventListener ) { + for ( var i = toBind.length; i; ) { + this.addEventListener( toBind[--i], handler, false ); + } + } else { + this.onmousewheel = handler; + } + // Store the line height and page height for this particular element + $.data(this, 'mousewheel-line-height', special.getLineHeight(this)); + $.data(this, 'mousewheel-page-height', special.getPageHeight(this)); + }, + + teardown: function() { + if ( this.removeEventListener ) { + for ( var i = toBind.length; i; ) { + this.removeEventListener( toBind[--i], handler, false ); + } + } else { + this.onmousewheel = null; + } + // Clean up the data we added to the element + $.removeData(this, 'mousewheel-line-height'); + $.removeData(this, 'mousewheel-page-height'); + }, + + getLineHeight: function(elem) { + var $elem = $(elem), + $parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent'](); + if (!$parent.length) { + $parent = $('body'); + } + return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16; + }, + + getPageHeight: function(elem) { + return $(elem).height(); + }, + + settings: { + adjustOldDeltas: true, // see shouldAdjustOldDeltas() below + normalizeOffset: true // calls getBoundingClientRect for each event + } + }; + + $.fn.extend({ + mousewheel: function(fn) { + return fn ? this.bind('mousewheel', fn) : this.trigger('mousewheel'); + }, + + unmousewheel: function(fn) { + return this.unbind('mousewheel', fn); + } + }); + + + function handler(event) { + var orgEvent = event || window.event, + args = slice.call(arguments, 1), + delta = 0, + deltaX = 0, + deltaY = 0, + absDelta = 0, + offsetX = 0, + offsetY = 0; + event = $.event.fix(orgEvent); + event.type = 'mousewheel'; + + // Old school scrollwheel delta + if ( 'detail' in orgEvent ) { deltaY = orgEvent.detail * -1; } + if ( 'wheelDelta' in orgEvent ) { deltaY = orgEvent.wheelDelta; } + if ( 'wheelDeltaY' in orgEvent ) { deltaY = orgEvent.wheelDeltaY; } + if ( 'wheelDeltaX' in orgEvent ) { deltaX = orgEvent.wheelDeltaX * -1; } + + // Firefox < 17 horizontal scrolling related to DOMMouseScroll event + if ( 'axis' in orgEvent && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) { + deltaX = deltaY * -1; + deltaY = 0; + } + + // Set delta to be deltaY or deltaX if deltaY is 0 for backwards compatabilitiy + delta = deltaY === 0 ? deltaX : deltaY; + + // New school wheel delta (wheel event) + if ( 'deltaY' in orgEvent ) { + deltaY = orgEvent.deltaY * -1; + delta = deltaY; + } + if ( 'deltaX' in orgEvent ) { + deltaX = orgEvent.deltaX; + if ( deltaY === 0 ) { delta = deltaX * -1; } + } + + // No change actually happened, no reason to go any further + if ( deltaY === 0 && deltaX === 0 ) { return; } + + // Need to convert lines and pages to pixels if we aren't already in pixels + // There are three delta modes: + // * deltaMode 0 is by pixels, nothing to do + // * deltaMode 1 is by lines + // * deltaMode 2 is by pages + if ( orgEvent.deltaMode === 1 ) { + var lineHeight = $.data(this, 'mousewheel-line-height'); + delta *= lineHeight; + deltaY *= lineHeight; + deltaX *= lineHeight; + } else if ( orgEvent.deltaMode === 2 ) { + var pageHeight = $.data(this, 'mousewheel-page-height'); + delta *= pageHeight; + deltaY *= pageHeight; + deltaX *= pageHeight; + } + + // Store lowest absolute delta to normalize the delta values + absDelta = Math.max( Math.abs(deltaY), Math.abs(deltaX) ); + + if ( !lowestDelta || absDelta < lowestDelta ) { + lowestDelta = absDelta; + + // Adjust older deltas if necessary + if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) { + lowestDelta /= 40; + } + } + + // Adjust older deltas if necessary + if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) { + // Divide all the things by 40! + delta /= 40; + deltaX /= 40; + deltaY /= 40; + } + + // Get a whole, normalized value for the deltas + delta = Math[ delta >= 1 ? 'floor' : 'ceil' ](delta / lowestDelta); + deltaX = Math[ deltaX >= 1 ? 'floor' : 'ceil' ](deltaX / lowestDelta); + deltaY = Math[ deltaY >= 1 ? 'floor' : 'ceil' ](deltaY / lowestDelta); + + // Normalise offsetX and offsetY properties + if ( special.settings.normalizeOffset && this.getBoundingClientRect ) { + var boundingRect = this.getBoundingClientRect(); + offsetX = event.clientX - boundingRect.left; + offsetY = event.clientY - boundingRect.top; + } + + // Add information to the event object + event.deltaX = deltaX; + event.deltaY = deltaY; + event.deltaFactor = lowestDelta; + event.offsetX = offsetX; + event.offsetY = offsetY; + // Go ahead and set deltaMode to 0 since we converted to pixels + // Although this is a little odd since we overwrite the deltaX/Y + // properties with normalized deltas. + event.deltaMode = 0; + + // Add event and delta to the front of the arguments + args.unshift(event, delta, deltaX, deltaY); + + // Clearout lowestDelta after sometime to better + // handle multiple device types that give different + // a different lowestDelta + // Ex: trackpad = 3 and mouse wheel = 120 + if (nullLowestDeltaTimeout) { clearTimeout(nullLowestDeltaTimeout); } + nullLowestDeltaTimeout = setTimeout(nullLowestDelta, 200); + + return ($.event.dispatch || $.event.handle).apply(this, args); + } + + function nullLowestDelta() { + lowestDelta = null; + } + + function shouldAdjustOldDeltas(orgEvent, absDelta) { + // If this is an older event and the delta is divisable by 120, + // then we are assuming that the browser is treating this as an + // older mouse wheel event and that we should divide the deltas + // by 40 to try and get a more usable deltaFactor. + // Side note, this actually impacts the reported scroll distance + // in older browsers and can cause scrolling to be slower than native. + // Turn this off by setting $.event.special.mousewheel.settings.adjustOldDeltas to false. + return special.settings.adjustOldDeltas && orgEvent.type === 'mousewheel' && absDelta % 120 === 0; + } + +}));// Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// ┌────────────────────────────────────────────────────────────┐ \\ +// │ Eve 0.4.2 - JavaScript Events Library │ \\ +// ├────────────────────────────────────────────────────────────┤ \\ +// │ Author Dmitry Baranovskiy (http://dmitry.baranovskiy.com/) │ \\ +// └────────────────────────────────────────────────────────────┘ \\ +(function (glob, factory) { + if (typeof define === "function" && define.amd) { + define("eve", function() { + return factory(); + }); + } else if (typeof exports === "object") { + module.exports = factory(); + } else { + glob.eve = factory(); + } +}(this, function(){ + var version = "0.4.2", + has = "hasOwnProperty", + separator = /[\.\/]/, + wildcard = "*", + fun = function () {}, + numsort = function (a, b) { + return a - b; + }, + current_event, + stop, + events = {n: {}}, + /*\ + * eve + [ method ] + + * Fires event with given `name`, given scope and other parameters. + + > Arguments + + - name (string) name of the *event*, dot (`.`) or slash (`/`) separated + - scope (object) context for the event handlers + - varargs (...) the rest of arguments will be sent to event handlers + + = (object) array of returned values from the listeners + \*/ + eve = function (name, scope) { + name = String(name); + var e = events, + oldstop = stop, + args = Array.prototype.slice.call(arguments, 2), + listeners = eve.listeners(name), + z = 0, + f = false, + l, + indexed = [], + queue = {}, + out = [], + ce = current_event, + errors = []; + current_event = name; + stop = 0; + for (var i = 0, ii = listeners.length; i < ii; i++) if ("zIndex" in listeners[i]) { + indexed.push(listeners[i].zIndex); + if (listeners[i].zIndex < 0) { + queue[listeners[i].zIndex] = listeners[i]; + } + } + indexed.sort(numsort); + while (indexed[z] < 0) { + l = queue[indexed[z++]]; + out.push(l.apply(scope, args)); + if (stop) { + stop = oldstop; + return out; + } + } + for (i = 0; i < ii; i++) { + l = listeners[i]; + if ("zIndex" in l) { + if (l.zIndex == indexed[z]) { + out.push(l.apply(scope, args)); + if (stop) { + break; + } + do { + z++; + l = queue[indexed[z]]; + l && out.push(l.apply(scope, args)); + if (stop) { + break; + } + } while (l) + } else { + queue[l.zIndex] = l; + } + } else { + out.push(l.apply(scope, args)); + if (stop) { + break; + } + } + } + stop = oldstop; + current_event = ce; + return out.length ? out : null; + }; + // Undocumented. Debug only. + eve._events = events; + /*\ + * eve.listeners + [ method ] + + * Internal method which gives you array of all event handlers that will be triggered by the given `name`. + + > Arguments + + - name (string) name of the event, dot (`.`) or slash (`/`) separated + + = (array) array of event handlers + \*/ + eve.listeners = function (name) { + var names = name.split(separator), + e = events, + item, + items, + k, + i, + ii, + j, + jj, + nes, + es = [e], + out = []; + for (i = 0, ii = names.length; i < ii; i++) { + nes = []; + for (j = 0, jj = es.length; j < jj; j++) { + e = es[j].n; + items = [e[names[i]], e[wildcard]]; + k = 2; + while (k--) { + item = items[k]; + if (item) { + nes.push(item); + out = out.concat(item.f || []); + } + } + } + es = nes; + } + return out; + }; + + /*\ + * eve.on + [ method ] + ** + * Binds given event handler with a given name. You can use wildcards “`*`” for the names: + | eve.on("*.under.*", f); + | eve("mouse.under.floor"); // triggers f + * Use @eve to trigger the listener. + ** + > Arguments + ** + - name (string) name of the event, dot (`.`) or slash (`/`) separated, with optional wildcards + - f (function) event handler function + ** + = (function) returned function accepts a single numeric parameter that represents z-index of the handler. It is an optional feature and only used when you need to ensure that some subset of handlers will be invoked in a given order, despite of the order of assignment. + > Example: + | eve.on("mouse", eatIt)(2); + | eve.on("mouse", scream); + | eve.on("mouse", catchIt)(1); + * This will ensure that `catchIt()` function will be called before `eatIt()`. + * + * If you want to put your handler before non-indexed handlers, specify a negative value. + * Note: I assume most of the time you don’t need to worry about z-index, but it’s nice to have this feature “just in case”. + \*/ + eve.on = function (name, f) { + name = String(name); + if (typeof f != "function") { + return function () {}; + } + var names = name.split(separator), + e = events; + for (var i = 0, ii = names.length; i < ii; i++) { + e = e.n; + e = e.hasOwnProperty(names[i]) && e[names[i]] || (e[names[i]] = {n: {}}); + } + e.f = e.f || []; + for (i = 0, ii = e.f.length; i < ii; i++) if (e.f[i] == f) { + return fun; + } + e.f.push(f); + return function (zIndex) { + if (+zIndex == +zIndex) { + f.zIndex = +zIndex; + } + }; + }; + /*\ + * eve.f + [ method ] + ** + * Returns function that will fire given event with optional arguments. + * Arguments that will be passed to the result function will be also + * concated to the list of final arguments. + | el.onclick = eve.f("click", 1, 2); + | eve.on("click", function (a, b, c) { + | console.log(a, b, c); // 1, 2, [event object] + | }); + > Arguments + - event (string) event name + - varargs (…) and any other arguments + = (function) possible event handler function + \*/ + eve.f = function (event) { + var attrs = [].slice.call(arguments, 1); + return function () { + eve.apply(null, [event, null].concat(attrs).concat([].slice.call(arguments, 0))); + }; + }; + /*\ + * eve.stop + [ method ] + ** + * Is used inside an event handler to stop the event, preventing any subsequent listeners from firing. + \*/ + eve.stop = function () { + stop = 1; + }; + /*\ + * eve.nt + [ method ] + ** + * Could be used inside event handler to figure out actual name of the event. + ** + > Arguments + ** + - subname (string) #optional subname of the event + ** + = (string) name of the event, if `subname` is not specified + * or + = (boolean) `true`, if current event’s name contains `subname` + \*/ + eve.nt = function (subname) { + if (subname) { + return new RegExp("(?:\\.|\\/|^)" + subname + "(?:\\.|\\/|$)").test(current_event); + } + return current_event; + }; + /*\ + * eve.nts + [ method ] + ** + * Could be used inside event handler to figure out actual name of the event. + ** + ** + = (array) names of the event + \*/ + eve.nts = function () { + return current_event.split(separator); + }; + /*\ + * eve.off + [ method ] + ** + * Removes given function from the list of event listeners assigned to given name. + * If no arguments specified all the events will be cleared. + ** + > Arguments + ** + - name (string) name of the event, dot (`.`) or slash (`/`) separated, with optional wildcards + - f (function) event handler function + \*/ + /*\ + * eve.unbind + [ method ] + ** + * See @eve.off + \*/ + eve.off = eve.unbind = function (name, f) { + if (!name) { + eve._events = events = {n: {}}; + return; + } + var names = name.split(separator), + e, + key, + splice, + i, ii, j, jj, + cur = [events]; + for (i = 0, ii = names.length; i < ii; i++) { + for (j = 0; j < cur.length; j += splice.length - 2) { + splice = [j, 1]; + e = cur[j].n; + if (names[i] != wildcard) { + if (e[names[i]]) { + splice.push(e[names[i]]); + } + } else { + for (key in e) if (e[has](key)) { + splice.push(e[key]); + } + } + cur.splice.apply(cur, splice); + } + } + for (i = 0, ii = cur.length; i < ii; i++) { + e = cur[i]; + while (e.n) { + if (f) { + if (e.f) { + for (j = 0, jj = e.f.length; j < jj; j++) if (e.f[j] == f) { + e.f.splice(j, 1); + break; + } + !e.f.length && delete e.f; + } + for (key in e.n) if (e.n[has](key) && e.n[key].f) { + var funcs = e.n[key].f; + for (j = 0, jj = funcs.length; j < jj; j++) if (funcs[j] == f) { + funcs.splice(j, 1); + break; + } + !funcs.length && delete e.n[key].f; + } + } else { + delete e.f; + for (key in e.n) if (e.n[has](key) && e.n[key].f) { + delete e.n[key].f; + } + } + e = e.n; + } + } + }; + /*\ + * eve.once + [ method ] + ** + * Binds given event handler with a given name to only run once then unbind itself. + | eve.once("login", f); + | eve("login"); // triggers f + | eve("login"); // no listeners + * Use @eve to trigger the listener. + ** + > Arguments + ** + - name (string) name of the event, dot (`.`) or slash (`/`) separated, with optional wildcards + - f (function) event handler function + ** + = (function) same return function as @eve.on + \*/ + eve.once = function (name, f) { + var f2 = function () { + eve.unbind(name, f2); + return f.apply(this, arguments); + }; + return eve.on(name, f2); + }; + /*\ + * eve.version + [ property (string) ] + ** + * Current version of the library. + \*/ + eve.version = version; + eve.toString = function () { + return "You are running Eve " + version; + }; + + return eve; +})); + +// ┌────────────────────────────────────────────────────────────────────┐ \\ +// │ Raphaël 2.1.4 - JavaScript Vector Library │ \\ +// ├────────────────────────────────────────────────────────────────────┤ \\ +// │ Core Module │ \\ +// ├────────────────────────────────────────────────────────────────────┤ \\ +// │ Licensed under the MIT (http://raphaeljs.com/license.html) license.│ \\ +// └────────────────────────────────────────────────────────────────────┘ \\ + +(function (glob, factory) { + if (typeof define === "function" && define.amd) { + define("raphael.core", ["eve"], function(eve) { + return factory(eve); + }); + } else if (typeof exports === "object") { + module.exports = factory(require("eve")); + } else { + glob.Raphael = factory(glob.eve); + } +}(this, function (eve) { + /*\ + * Raphael + [ method ] + ** + * Creates a canvas object on which to draw. + * You must do this first, as all future calls to drawing methods + * from this instance will be bound to this canvas. + > Parameters + ** + - container (HTMLElement|string) DOM element or its ID which is going to be a parent for drawing surface + - width (number) + - height (number) + - callback (function) #optional callback function which is going to be executed in the context of newly created paper + * or + - x (number) + - y (number) + - width (number) + - height (number) + - callback (function) #optional callback function which is going to be executed in the context of newly created paper + * or + - all (array) (first 3 or 4 elements in the array are equal to [containerID, width, height] or [x, y, width, height]. The rest are element descriptions in format {type: type, }). See @Paper.add. + - callback (function) #optional callback function which is going to be executed in the context of newly created paper + * or + - onReadyCallback (function) function that is going to be called on DOM ready event. You can also subscribe to this event via Eve’s “DOMLoad” event. In this case method returns `undefined`. + = (object) @Paper + > Usage + | // Each of the following examples create a canvas + | // that is 320px wide by 200px high. + | // Canvas is created at the viewport’s 10,50 coordinate. + | var paper = Raphael(10, 50, 320, 200); + | // Canvas is created at the top left corner of the #notepad element + | // (or its top right corner in dir="rtl" elements) + | var paper = Raphael(document.getElementById("notepad"), 320, 200); + | // Same as above + | var paper = Raphael("notepad", 320, 200); + | // Image dump + | var set = Raphael(["notepad", 320, 200, { + | type: "rect", + | x: 10, + | y: 10, + | width: 25, + | height: 25, + | stroke: "#f00" + | }, { + | type: "text", + | x: 30, + | y: 40, + | text: "Dump" + | }]); + \*/ + function R(first) { + if (R.is(first, "function")) { + return loaded ? first() : eve.on("raphael.DOMload", first); + } else if (R.is(first, array)) { + return R._engine.create[apply](R, first.splice(0, 3 + R.is(first[0], nu))).add(first); + } else { + var args = Array.prototype.slice.call(arguments, 0); + if (R.is(args[args.length - 1], "function")) { + var f = args.pop(); + return loaded ? f.call(R._engine.create[apply](R, args)) : eve.on("raphael.DOMload", function () { + f.call(R._engine.create[apply](R, args)); + }); + } else { + return R._engine.create[apply](R, arguments); + } + } + } + R.version = "2.1.4"; + R.eve = eve; + var loaded, + separator = /[, ]+/, + elements = {circle: 1, rect: 1, path: 1, ellipse: 1, text: 1, image: 1}, + formatrg = /\{(\d+)\}/g, + proto = "prototype", + has = "hasOwnProperty", + g = { + doc: document, + win: window + }, + oldRaphael = { + was: Object.prototype[has].call(g.win, "Raphael"), + is: g.win.Raphael + }, + Paper = function () { + /*\ + * Paper.ca + [ property (object) ] + ** + * Shortcut for @Paper.customAttributes + \*/ + /*\ + * Paper.customAttributes + [ property (object) ] + ** + * If you have a set of attributes that you would like to represent + * as a function of some number you can do it easily with custom attributes: + > Usage + | paper.customAttributes.hue = function (num) { + | num = num % 1; + | return {fill: "hsb(" + num + ", 0.75, 1)"}; + | }; + | // Custom attribute “hue” will change fill + | // to be given hue with fixed saturation and brightness. + | // Now you can use it like this: + | var c = paper.circle(10, 10, 10).attr({hue: .45}); + | // or even like this: + | c.animate({hue: 1}, 1e3); + | + | // You could also create custom attribute + | // with multiple parameters: + | paper.customAttributes.hsb = function (h, s, b) { + | return {fill: "hsb(" + [h, s, b].join(",") + ")"}; + | }; + | c.attr({hsb: "0.5 .8 1"}); + | c.animate({hsb: [1, 0, 0.5]}, 1e3); + \*/ + this.ca = this.customAttributes = {}; + }, + paperproto, + appendChild = "appendChild", + apply = "apply", + concat = "concat", + supportsTouch = ('ontouchstart' in g.win) || g.win.DocumentTouch && g.doc instanceof DocumentTouch, //taken from Modernizr touch test + E = "", + S = " ", + Str = String, + split = "split", + events = "click dblclick mousedown mousemove mouseout mouseover mouseup touchstart touchmove touchend touchcancel"[split](S), + touchMap = { + mousedown: "touchstart", + mousemove: "touchmove", + mouseup: "touchend" + }, + lowerCase = Str.prototype.toLowerCase, + math = Math, + mmax = math.max, + mmin = math.min, + abs = math.abs, + pow = math.pow, + PI = math.PI, + nu = "number", + string = "string", + array = "array", + toString = "toString", + fillString = "fill", + objectToString = Object.prototype.toString, + paper = {}, + push = "push", + ISURL = R._ISURL = /^url\(['"]?(.+?)['"]?\)$/i, + colourRegExp = /^\s*((#[a-f\d]{6})|(#[a-f\d]{3})|rgba?\(\s*([\d\.]+%?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+%?(?:\s*,\s*[\d\.]+%?)?)\s*\)|hsba?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\)|hsla?\(\s*([\d\.]+(?:deg|\xb0|%)?\s*,\s*[\d\.]+%?\s*,\s*[\d\.]+(?:%?\s*,\s*[\d\.]+)?)%?\s*\))\s*$/i, + isnan = {"NaN": 1, "Infinity": 1, "-Infinity": 1}, + bezierrg = /^(?:cubic-)?bezier\(([^,]+),([^,]+),([^,]+),([^\)]+)\)/, + round = math.round, + setAttribute = "setAttribute", + toFloat = parseFloat, + toInt = parseInt, + upperCase = Str.prototype.toUpperCase, + availableAttrs = R._availableAttrs = { + "arrow-end": "none", + "arrow-start": "none", + blur: 0, + "clip-rect": "0 0 1e9 1e9", + cursor: "default", + cx: 0, + cy: 0, + fill: "#fff", + "fill-opacity": 1, + font: '10px "Arial"', + "font-family": '"Arial"', + "font-size": "10", + "font-style": "normal", + "font-weight": 400, + gradient: 0, + height: 0, + href: "http://raphaeljs.com/", + "letter-spacing": 0, + opacity: 1, + path: "M0,0", + r: 0, + rx: 0, + ry: 0, + src: "", + stroke: "#000", + "stroke-dasharray": "", + "stroke-linecap": "butt", + "stroke-linejoin": "butt", + "stroke-miterlimit": 0, + "stroke-opacity": 1, + "stroke-width": 1, + target: "_blank", + "text-anchor": "middle", + title: "Raphael", + transform: "", + width: 0, + x: 0, + y: 0 + }, + availableAnimAttrs = R._availableAnimAttrs = { + blur: nu, + "clip-rect": "csv", + cx: nu, + cy: nu, + fill: "colour", + "fill-opacity": nu, + "font-size": nu, + height: nu, + opacity: nu, + path: "path", + r: nu, + rx: nu, + ry: nu, + stroke: "colour", + "stroke-opacity": nu, + "stroke-width": nu, + transform: "transform", + width: nu, + x: nu, + y: nu + }, + whitespace = /[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]/g, + commaSpaces = /[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]*,[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]*/, + hsrg = {hs: 1, rg: 1}, + p2s = /,?([achlmqrstvxz]),?/gi, + pathCommand = /([achlmrqstvz])[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029,]*((-?\d*\.?\d*(?:e[\-+]?\d+)?[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]*,?[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]*)+)/ig, + tCommand = /([rstm])[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029,]*((-?\d*\.?\d*(?:e[\-+]?\d+)?[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]*,?[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]*)+)/ig, + pathValues = /(-?\d*\.?\d*(?:e[\-+]?\d+)?)[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]*,?[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]*/ig, + radial_gradient = R._radial_gradient = /^r(?:\(([^,]+?)[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]*,[\x09\x0a\x0b\x0c\x0d\x20\xa0\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028\u2029]*([^\)]+?)\))?/, + eldata = {}, + sortByKey = function (a, b) { + return a.key - b.key; + }, + sortByNumber = function (a, b) { + return toFloat(a) - toFloat(b); + }, + fun = function () {}, + pipe = function (x) { + return x; + }, + rectPath = R._rectPath = function (x, y, w, h, r) { + if (r) { + return [["M", x + r, y], ["l", w - r * 2, 0], ["a", r, r, 0, 0, 1, r, r], ["l", 0, h - r * 2], ["a", r, r, 0, 0, 1, -r, r], ["l", r * 2 - w, 0], ["a", r, r, 0, 0, 1, -r, -r], ["l", 0, r * 2 - h], ["a", r, r, 0, 0, 1, r, -r], ["z"]]; + } + return [["M", x, y], ["l", w, 0], ["l", 0, h], ["l", -w, 0], ["z"]]; + }, + ellipsePath = function (x, y, rx, ry) { + if (ry == null) { + ry = rx; + } + return [["M", x, y], ["m", 0, -ry], ["a", rx, ry, 0, 1, 1, 0, 2 * ry], ["a", rx, ry, 0, 1, 1, 0, -2 * ry], ["z"]]; + }, + getPath = R._getPath = { + path: function (el) { + return el.attr("path"); + }, + circle: function (el) { + var a = el.attrs; + return ellipsePath(a.cx, a.cy, a.r); + }, + ellipse: function (el) { + var a = el.attrs; + return ellipsePath(a.cx, a.cy, a.rx, a.ry); + }, + rect: function (el) { + var a = el.attrs; + return rectPath(a.x, a.y, a.width, a.height, a.r); + }, + image: function (el) { + var a = el.attrs; + return rectPath(a.x, a.y, a.width, a.height); + }, + text: function (el) { + var bbox = el._getBBox(); + return rectPath(bbox.x, bbox.y, bbox.width, bbox.height); + }, + set : function(el) { + var bbox = el._getBBox(); + return rectPath(bbox.x, bbox.y, bbox.width, bbox.height); + } + }, + /*\ + * Raphael.mapPath + [ method ] + ** + * Transform the path string with given matrix. + > Parameters + - path (string) path string + - matrix (object) see @Matrix + = (string) transformed path string + \*/ + mapPath = R.mapPath = function (path, matrix) { + if (!matrix) { + return path; + } + var x, y, i, j, ii, jj, pathi; + path = path2curve(path); + for (i = 0, ii = path.length; i < ii; i++) { + pathi = path[i]; + for (j = 1, jj = pathi.length; j < jj; j += 2) { + x = matrix.x(pathi[j], pathi[j + 1]); + y = matrix.y(pathi[j], pathi[j + 1]); + pathi[j] = x; + pathi[j + 1] = y; + } + } + return path; + }; + + R._g = g; + /*\ + * Raphael.type + [ property (string) ] + ** + * Can be “SVG”, “VML” or empty, depending on browser support. + \*/ + R.type = (g.win.SVGAngle || g.doc.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1") ? "SVG" : "VML"); + if (R.type == "VML") { + var d = g.doc.createElement("div"), + b; + d.innerHTML = ''; + b = d.firstChild; + b.style.behavior = "url(#default#VML)"; + if (!(b && typeof b.adj == "object")) { + return (R.type = E); + } + d = null; + } + /*\ + * Raphael.svg + [ property (boolean) ] + ** + * `true` if browser supports SVG. + \*/ + /*\ + * Raphael.vml + [ property (boolean) ] + ** + * `true` if browser supports VML. + \*/ + R.svg = !(R.vml = R.type == "VML"); + R._Paper = Paper; + /*\ + * Raphael.fn + [ property (object) ] + ** + * You can add your own method to the canvas. For example if you want to draw a pie chart, + * you can create your own pie chart function and ship it as a Raphaël plugin. To do this + * you need to extend the `Raphael.fn` object. You should modify the `fn` object before a + * Raphaël instance is created, otherwise it will take no effect. Please note that the + * ability for namespaced plugins was removed in Raphael 2.0. It is up to the plugin to + * ensure any namespacing ensures proper context. + > Usage + | Raphael.fn.arrow = function (x1, y1, x2, y2, size) { + | return this.path( ... ); + | }; + | // or create namespace + | Raphael.fn.mystuff = { + | arrow: function () {…}, + | star: function () {…}, + | // etc… + | }; + | var paper = Raphael(10, 10, 630, 480); + | // then use it + | paper.arrow(10, 10, 30, 30, 5).attr({fill: "#f00"}); + | paper.mystuff.arrow(); + | paper.mystuff.star(); + \*/ + R.fn = paperproto = Paper.prototype = R.prototype; + R._id = 0; + R._oid = 0; + /*\ + * Raphael.is + [ method ] + ** + * Handful of replacements for `typeof` operator. + > Parameters + - o (…) any object or primitive + - type (string) name of the type, i.e. “string”, “function”, “number”, etc. + = (boolean) is given value is of given type + \*/ + R.is = function (o, type) { + type = lowerCase.call(type); + if (type == "finite") { + return !isnan[has](+o); + } + if (type == "array") { + return o instanceof Array; + } + return (type == "null" && o === null) || + (type == typeof o && o !== null) || + (type == "object" && o === Object(o)) || + (type == "array" && Array.isArray && Array.isArray(o)) || + objectToString.call(o).slice(8, -1).toLowerCase() == type; + }; + + function clone(obj) { + if (typeof obj == "function" || Object(obj) !== obj) { + return obj; + } + var res = new obj.constructor; + for (var key in obj) if (obj[has](key)) { + res[key] = clone(obj[key]); + } + return res; + } + + /*\ + * Raphael.angle + [ method ] + ** + * Returns angle between two or three points + > Parameters + - x1 (number) x coord of first point + - y1 (number) y coord of first point + - x2 (number) x coord of second point + - y2 (number) y coord of second point + - x3 (number) #optional x coord of third point + - y3 (number) #optional y coord of third point + = (number) angle in degrees. + \*/ + R.angle = function (x1, y1, x2, y2, x3, y3) { + if (x3 == null) { + var x = x1 - x2, + y = y1 - y2; + if (!x && !y) { + return 0; + } + return (180 + math.atan2(-y, -x) * 180 / PI + 360) % 360; + } else { + return R.angle(x1, y1, x3, y3) - R.angle(x2, y2, x3, y3); + } + }; + /*\ + * Raphael.rad + [ method ] + ** + * Transform angle to radians + > Parameters + - deg (number) angle in degrees + = (number) angle in radians. + \*/ + R.rad = function (deg) { + return deg % 360 * PI / 180; + }; + /*\ + * Raphael.deg + [ method ] + ** + * Transform angle to degrees + > Parameters + - rad (number) angle in radians + = (number) angle in degrees. + \*/ + R.deg = function (rad) { + return Math.round ((rad * 180 / PI% 360)* 1000) / 1000; + }; + /*\ + * Raphael.snapTo + [ method ] + ** + * Snaps given value to given grid. + > Parameters + - values (array|number) given array of values or step of the grid + - value (number) value to adjust + - tolerance (number) #optional tolerance for snapping. Default is `10`. + = (number) adjusted value. + \*/ + R.snapTo = function (values, value, tolerance) { + tolerance = R.is(tolerance, "finite") ? tolerance : 10; + if (R.is(values, array)) { + var i = values.length; + while (i--) if (abs(values[i] - value) <= tolerance) { + return values[i]; + } + } else { + values = +values; + var rem = value % values; + if (rem < tolerance) { + return value - rem; + } + if (rem > values - tolerance) { + return value - rem + values; + } + } + return value; + }; + + /*\ + * Raphael.createUUID + [ method ] + ** + * Returns RFC4122, version 4 ID + \*/ + var createUUID = R.createUUID = (function (uuidRegEx, uuidReplacer) { + return function () { + return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(uuidRegEx, uuidReplacer).toUpperCase(); + }; + })(/[xy]/g, function (c) { + var r = math.random() * 16 | 0, + v = c == "x" ? r : (r & 3 | 8); + return v.toString(16); + }); + + /*\ + * Raphael.setWindow + [ method ] + ** + * Used when you need to draw in `<iframe>`. Switched window to the iframe one. + > Parameters + - newwin (window) new window object + \*/ + R.setWindow = function (newwin) { + eve("raphael.setWindow", R, g.win, newwin); + g.win = newwin; + g.doc = g.win.document; + if (R._engine.initWin) { + R._engine.initWin(g.win); + } + }; + var toHex = function (color) { + if (R.vml) { + // http://dean.edwards.name/weblog/2009/10/convert-any-colour-value-to-hex-in-msie/ + var trim = /^\s+|\s+$/g; + var bod; + try { + var docum = new ActiveXObject("htmlfile"); + docum.write(""); + docum.close(); + bod = docum.body; + } catch(e) { + bod = createPopup().document.body; + } + var range = bod.createTextRange(); + toHex = cacher(function (color) { + try { + bod.style.color = Str(color).replace(trim, E); + var value = range.queryCommandValue("ForeColor"); + value = ((value & 255) << 16) | (value & 65280) | ((value & 16711680) >>> 16); + return "#" + ("000000" + value.toString(16)).slice(-6); + } catch(e) { + return "none"; + } + }); + } else { + var i = g.doc.createElement("i"); + i.title = "Rapha\xebl Colour Picker"; + i.style.display = "none"; + g.doc.body.appendChild(i); + toHex = cacher(function (color) { + i.style.color = color; + return g.doc.defaultView.getComputedStyle(i, E).getPropertyValue("color"); + }); + } + return toHex(color); + }, + hsbtoString = function () { + return "hsb(" + [this.h, this.s, this.b] + ")"; + }, + hsltoString = function () { + return "hsl(" + [this.h, this.s, this.l] + ")"; + }, + rgbtoString = function () { + return this.hex; + }, + prepareRGB = function (r, g, b) { + if (g == null && R.is(r, "object") && "r" in r && "g" in r && "b" in r) { + b = r.b; + g = r.g; + r = r.r; + } + if (g == null && R.is(r, string)) { + var clr = R.getRGB(r); + r = clr.r; + g = clr.g; + b = clr.b; + } + if (r > 1 || g > 1 || b > 1) { + r /= 255; + g /= 255; + b /= 255; + } + + return [r, g, b]; + }, + packageRGB = function (r, g, b, o) { + r *= 255; + g *= 255; + b *= 255; + var rgb = { + r: r, + g: g, + b: b, + hex: R.rgb(r, g, b), + toString: rgbtoString + }; + R.is(o, "finite") && (rgb.opacity = o); + return rgb; + }; + + /*\ + * Raphael.color + [ method ] + ** + * Parses the color string and returns object with all values for the given color. + > Parameters + - clr (string) color string in one of the supported formats (see @Raphael.getRGB) + = (object) Combined RGB & HSB object in format: + o { + o r (number) red, + o g (number) green, + o b (number) blue, + o hex (string) color in HTML/CSS format: #••••••, + o error (boolean) `true` if string can’t be parsed, + o h (number) hue, + o s (number) saturation, + o v (number) value (brightness), + o l (number) lightness + o } + \*/ + R.color = function (clr) { + var rgb; + if (R.is(clr, "object") && "h" in clr && "s" in clr && "b" in clr) { + rgb = R.hsb2rgb(clr); + clr.r = rgb.r; + clr.g = rgb.g; + clr.b = rgb.b; + clr.hex = rgb.hex; + } else if (R.is(clr, "object") && "h" in clr && "s" in clr && "l" in clr) { + rgb = R.hsl2rgb(clr); + clr.r = rgb.r; + clr.g = rgb.g; + clr.b = rgb.b; + clr.hex = rgb.hex; + } else { + if (R.is(clr, "string")) { + clr = R.getRGB(clr); + } + if (R.is(clr, "object") && "r" in clr && "g" in clr && "b" in clr) { + rgb = R.rgb2hsl(clr); + clr.h = rgb.h; + clr.s = rgb.s; + clr.l = rgb.l; + rgb = R.rgb2hsb(clr); + clr.v = rgb.b; + } else { + clr = {hex: "none"}; + clr.r = clr.g = clr.b = clr.h = clr.s = clr.v = clr.l = -1; + } + } + clr.toString = rgbtoString; + return clr; + }; + /*\ + * Raphael.hsb2rgb + [ method ] + ** + * Converts HSB values to RGB object. + > Parameters + - h (number) hue + - s (number) saturation + - v (number) value or brightness + = (object) RGB object in format: + o { + o r (number) red, + o g (number) green, + o b (number) blue, + o hex (string) color in HTML/CSS format: #•••••• + o } + \*/ + R.hsb2rgb = function (h, s, v, o) { + if (this.is(h, "object") && "h" in h && "s" in h && "b" in h) { + v = h.b; + s = h.s; + o = h.o; + h = h.h; + } + h *= 360; + var R, G, B, X, C; + h = (h % 360) / 60; + C = v * s; + X = C * (1 - abs(h % 2 - 1)); + R = G = B = v - C; + + h = ~~h; + R += [C, X, 0, 0, X, C][h]; + G += [X, C, C, X, 0, 0][h]; + B += [0, 0, X, C, C, X][h]; + return packageRGB(R, G, B, o); + }; + /*\ + * Raphael.hsl2rgb + [ method ] + ** + * Converts HSL values to RGB object. + > Parameters + - h (number) hue + - s (number) saturation + - l (number) luminosity + = (object) RGB object in format: + o { + o r (number) red, + o g (number) green, + o b (number) blue, + o hex (string) color in HTML/CSS format: #•••••• + o } + \*/ + R.hsl2rgb = function (h, s, l, o) { + if (this.is(h, "object") && "h" in h && "s" in h && "l" in h) { + l = h.l; + s = h.s; + h = h.h; + } + if (h > 1 || s > 1 || l > 1) { + h /= 360; + s /= 100; + l /= 100; + } + h *= 360; + var R, G, B, X, C; + h = (h % 360) / 60; + C = 2 * s * (l < .5 ? l : 1 - l); + X = C * (1 - abs(h % 2 - 1)); + R = G = B = l - C / 2; + + h = ~~h; + R += [C, X, 0, 0, X, C][h]; + G += [X, C, C, X, 0, 0][h]; + B += [0, 0, X, C, C, X][h]; + return packageRGB(R, G, B, o); + }; + /*\ + * Raphael.rgb2hsb + [ method ] + ** + * Converts RGB values to HSB object. + > Parameters + - r (number) red + - g (number) green + - b (number) blue + = (object) HSB object in format: + o { + o h (number) hue + o s (number) saturation + o b (number) brightness + o } + \*/ + R.rgb2hsb = function (r, g, b) { + b = prepareRGB(r, g, b); + r = b[0]; + g = b[1]; + b = b[2]; + + var H, S, V, C; + V = mmax(r, g, b); + C = V - mmin(r, g, b); + H = (C == 0 ? null : + V == r ? (g - b) / C : + V == g ? (b - r) / C + 2 : + (r - g) / C + 4 + ); + H = ((H + 360) % 6) * 60 / 360; + S = C == 0 ? 0 : C / V; + return {h: H, s: S, b: V, toString: hsbtoString}; + }; + /*\ + * Raphael.rgb2hsl + [ method ] + ** + * Converts RGB values to HSL object. + > Parameters + - r (number) red + - g (number) green + - b (number) blue + = (object) HSL object in format: + o { + o h (number) hue + o s (number) saturation + o l (number) luminosity + o } + \*/ + R.rgb2hsl = function (r, g, b) { + b = prepareRGB(r, g, b); + r = b[0]; + g = b[1]; + b = b[2]; + + var H, S, L, M, m, C; + M = mmax(r, g, b); + m = mmin(r, g, b); + C = M - m; + H = (C == 0 ? null : + M == r ? (g - b) / C : + M == g ? (b - r) / C + 2 : + (r - g) / C + 4); + H = ((H + 360) % 6) * 60 / 360; + L = (M + m) / 2; + S = (C == 0 ? 0 : + L < .5 ? C / (2 * L) : + C / (2 - 2 * L)); + return {h: H, s: S, l: L, toString: hsltoString}; + }; + R._path2string = function () { + return this.join(",").replace(p2s, "$1"); + }; + function repush(array, item) { + for (var i = 0, ii = array.length; i < ii; i++) if (array[i] === item) { + return array.push(array.splice(i, 1)[0]); + } + } + function cacher(f, scope, postprocessor) { + function newf() { + var arg = Array.prototype.slice.call(arguments, 0), + args = arg.join("\u2400"), + cache = newf.cache = newf.cache || {}, + count = newf.count = newf.count || []; + if (cache[has](args)) { + repush(count, args); + return postprocessor ? postprocessor(cache[args]) : cache[args]; + } + count.length >= 1e3 && delete cache[count.shift()]; + count.push(args); + cache[args] = f[apply](scope, arg); + return postprocessor ? postprocessor(cache[args]) : cache[args]; + } + return newf; + } + + var preload = R._preload = function (src, f) { + var img = g.doc.createElement("img"); + img.style.cssText = "position:absolute;left:-9999em;top:-9999em"; + img.onload = function () { + f.call(this); + this.onload = null; + g.doc.body.removeChild(this); + }; + img.onerror = function () { + g.doc.body.removeChild(this); + }; + g.doc.body.appendChild(img); + img.src = src; + }; + + function clrToString() { + return this.hex; + } + + /*\ + * Raphael.getRGB + [ method ] + ** + * Parses colour string as RGB object + > Parameters + - colour (string) colour string in one of formats: + # + = (object) RGB object in format: + o { + o r (number) red, + o g (number) green, + o b (number) blue + o hex (string) color in HTML/CSS format: #••••••, + o error (boolean) true if string can’t be parsed + o } + \*/ + R.getRGB = cacher(function (colour) { + if (!colour || !!((colour = Str(colour)).indexOf("-") + 1)) { + return {r: -1, g: -1, b: -1, hex: "none", error: 1, toString: clrToString}; + } + if (colour == "none") { + return {r: -1, g: -1, b: -1, hex: "none", toString: clrToString}; + } + !(hsrg[has](colour.toLowerCase().substring(0, 2)) || colour.charAt() == "#") && (colour = toHex(colour)); + var res, + red, + green, + blue, + opacity, + t, + values, + rgb = colour.match(colourRegExp); + if (rgb) { + if (rgb[2]) { + blue = toInt(rgb[2].substring(5), 16); + green = toInt(rgb[2].substring(3, 5), 16); + red = toInt(rgb[2].substring(1, 3), 16); + } + if (rgb[3]) { + blue = toInt((t = rgb[3].charAt(3)) + t, 16); + green = toInt((t = rgb[3].charAt(2)) + t, 16); + red = toInt((t = rgb[3].charAt(1)) + t, 16); + } + if (rgb[4]) { + values = rgb[4][split](commaSpaces); + red = toFloat(values[0]); + values[0].slice(-1) == "%" && (red *= 2.55); + green = toFloat(values[1]); + values[1].slice(-1) == "%" && (green *= 2.55); + blue = toFloat(values[2]); + values[2].slice(-1) == "%" && (blue *= 2.55); + rgb[1].toLowerCase().slice(0, 4) == "rgba" && (opacity = toFloat(values[3])); + values[3] && values[3].slice(-1) == "%" && (opacity /= 100); + } + if (rgb[5]) { + values = rgb[5][split](commaSpaces); + red = toFloat(values[0]); + values[0].slice(-1) == "%" && (red *= 2.55); + green = toFloat(values[1]); + values[1].slice(-1) == "%" && (green *= 2.55); + blue = toFloat(values[2]); + values[2].slice(-1) == "%" && (blue *= 2.55); + (values[0].slice(-3) == "deg" || values[0].slice(-1) == "\xb0") && (red /= 360); + rgb[1].toLowerCase().slice(0, 4) == "hsba" && (opacity = toFloat(values[3])); + values[3] && values[3].slice(-1) == "%" && (opacity /= 100); + return R.hsb2rgb(red, green, blue, opacity); + } + if (rgb[6]) { + values = rgb[6][split](commaSpaces); + red = toFloat(values[0]); + values[0].slice(-1) == "%" && (red *= 2.55); + green = toFloat(values[1]); + values[1].slice(-1) == "%" && (green *= 2.55); + blue = toFloat(values[2]); + values[2].slice(-1) == "%" && (blue *= 2.55); + (values[0].slice(-3) == "deg" || values[0].slice(-1) == "\xb0") && (red /= 360); + rgb[1].toLowerCase().slice(0, 4) == "hsla" && (opacity = toFloat(values[3])); + values[3] && values[3].slice(-1) == "%" && (opacity /= 100); + return R.hsl2rgb(red, green, blue, opacity); + } + rgb = {r: red, g: green, b: blue, toString: clrToString}; + rgb.hex = "#" + (16777216 | blue | (green << 8) | (red << 16)).toString(16).slice(1); + R.is(opacity, "finite") && (rgb.opacity = opacity); + return rgb; + } + return {r: -1, g: -1, b: -1, hex: "none", error: 1, toString: clrToString}; + }, R); + /*\ + * Raphael.hsb + [ method ] + ** + * Converts HSB values to hex representation of the colour. + > Parameters + - h (number) hue + - s (number) saturation + - b (number) value or brightness + = (string) hex representation of the colour. + \*/ + R.hsb = cacher(function (h, s, b) { + return R.hsb2rgb(h, s, b).hex; + }); + /*\ + * Raphael.hsl + [ method ] + ** + * Converts HSL values to hex representation of the colour. + > Parameters + - h (number) hue + - s (number) saturation + - l (number) luminosity + = (string) hex representation of the colour. + \*/ + R.hsl = cacher(function (h, s, l) { + return R.hsl2rgb(h, s, l).hex; + }); + /*\ + * Raphael.rgb + [ method ] + ** + * Converts RGB values to hex representation of the colour. + > Parameters + - r (number) red + - g (number) green + - b (number) blue + = (string) hex representation of the colour. + \*/ + R.rgb = cacher(function (r, g, b) { + function round(x) { return (x + 0.5) | 0; } + return "#" + (16777216 | round(b) | (round(g) << 8) | (round(r) << 16)).toString(16).slice(1); + }); + /*\ + * Raphael.getColor + [ method ] + ** + * On each call returns next colour in the spectrum. To reset it back to red call @Raphael.getColor.reset + > Parameters + - value (number) #optional brightness, default is `0.75` + = (string) hex representation of the colour. + \*/ + R.getColor = function (value) { + var start = this.getColor.start = this.getColor.start || {h: 0, s: 1, b: value || .75}, + rgb = this.hsb2rgb(start.h, start.s, start.b); + start.h += .075; + if (start.h > 1) { + start.h = 0; + start.s -= .2; + start.s <= 0 && (this.getColor.start = {h: 0, s: 1, b: start.b}); + } + return rgb.hex; + }; + /*\ + * Raphael.getColor.reset + [ method ] + ** + * Resets spectrum position for @Raphael.getColor back to red. + \*/ + R.getColor.reset = function () { + delete this.start; + }; + + // http://schepers.cc/getting-to-the-point + function catmullRom2bezier(crp, z) { + var d = []; + for (var i = 0, iLen = crp.length; iLen - 2 * !z > i; i += 2) { + var p = [ + {x: +crp[i - 2], y: +crp[i - 1]}, + {x: +crp[i], y: +crp[i + 1]}, + {x: +crp[i + 2], y: +crp[i + 3]}, + {x: +crp[i + 4], y: +crp[i + 5]} + ]; + if (z) { + if (!i) { + p[0] = {x: +crp[iLen - 2], y: +crp[iLen - 1]}; + } else if (iLen - 4 == i) { + p[3] = {x: +crp[0], y: +crp[1]}; + } else if (iLen - 2 == i) { + p[2] = {x: +crp[0], y: +crp[1]}; + p[3] = {x: +crp[2], y: +crp[3]}; + } + } else { + if (iLen - 4 == i) { + p[3] = p[2]; + } else if (!i) { + p[0] = {x: +crp[i], y: +crp[i + 1]}; + } + } + d.push(["C", + (-p[0].x + 6 * p[1].x + p[2].x) / 6, + (-p[0].y + 6 * p[1].y + p[2].y) / 6, + (p[1].x + 6 * p[2].x - p[3].x) / 6, + (p[1].y + 6*p[2].y - p[3].y) / 6, + p[2].x, + p[2].y + ]); + } + + return d; + } + /*\ + * Raphael.parsePathString + [ method ] + ** + * Utility method + ** + * Parses given path string into an array of arrays of path segments. + > Parameters + - pathString (string|array) path string or array of segments (in the last case it will be returned straight away) + = (array) array of segments. + \*/ + R.parsePathString = function (pathString) { + if (!pathString) { + return null; + } + var pth = paths(pathString); + if (pth.arr) { + return pathClone(pth.arr); + } + + var paramCounts = {a: 7, c: 6, h: 1, l: 2, m: 2, r: 4, q: 4, s: 4, t: 2, v: 1, z: 0}, + data = []; + if (R.is(pathString, array) && R.is(pathString[0], array)) { // rough assumption + data = pathClone(pathString); + } + if (!data.length) { + Str(pathString).replace(pathCommand, function (a, b, c) { + var params = [], + name = b.toLowerCase(); + c.replace(pathValues, function (a, b) { + b && params.push(+b); + }); + if (name == "m" && params.length > 2) { + data.push([b][concat](params.splice(0, 2))); + name = "l"; + b = b == "m" ? "l" : "L"; + } + if (name == "r") { + data.push([b][concat](params)); + } else while (params.length >= paramCounts[name]) { + data.push([b][concat](params.splice(0, paramCounts[name]))); + if (!paramCounts[name]) { + break; + } + } + }); + } + data.toString = R._path2string; + pth.arr = pathClone(data); + return data; + }; + /*\ + * Raphael.parseTransformString + [ method ] + ** + * Utility method + ** + * Parses given path string into an array of transformations. + > Parameters + - TString (string|array) transform string or array of transformations (in the last case it will be returned straight away) + = (array) array of transformations. + \*/ + R.parseTransformString = cacher(function (TString) { + if (!TString) { + return null; + } + var paramCounts = {r: 3, s: 4, t: 2, m: 6}, + data = []; + if (R.is(TString, array) && R.is(TString[0], array)) { // rough assumption + data = pathClone(TString); + } + if (!data.length) { + Str(TString).replace(tCommand, function (a, b, c) { + var params = [], + name = lowerCase.call(b); + c.replace(pathValues, function (a, b) { + b && params.push(+b); + }); + data.push([b][concat](params)); + }); + } + data.toString = R._path2string; + return data; + }); + // PATHS + var paths = function (ps) { + var p = paths.ps = paths.ps || {}; + if (p[ps]) { + p[ps].sleep = 100; + } else { + p[ps] = { + sleep: 100 + }; + } + setTimeout(function () { + for (var key in p) if (p[has](key) && key != ps) { + p[key].sleep--; + !p[key].sleep && delete p[key]; + } + }); + return p[ps]; + }; + /*\ + * Raphael.findDotsAtSegment + [ method ] + ** + * Utility method + ** + * Find dot coordinates on the given cubic bezier curve at the given t. + > Parameters + - p1x (number) x of the first point of the curve + - p1y (number) y of the first point of the curve + - c1x (number) x of the first anchor of the curve + - c1y (number) y of the first anchor of the curve + - c2x (number) x of the second anchor of the curve + - c2y (number) y of the second anchor of the curve + - p2x (number) x of the second point of the curve + - p2y (number) y of the second point of the curve + - t (number) position on the curve (0..1) + = (object) point information in format: + o { + o x: (number) x coordinate of the point + o y: (number) y coordinate of the point + o m: { + o x: (number) x coordinate of the left anchor + o y: (number) y coordinate of the left anchor + o } + o n: { + o x: (number) x coordinate of the right anchor + o y: (number) y coordinate of the right anchor + o } + o start: { + o x: (number) x coordinate of the start of the curve + o y: (number) y coordinate of the start of the curve + o } + o end: { + o x: (number) x coordinate of the end of the curve + o y: (number) y coordinate of the end of the curve + o } + o alpha: (number) angle of the curve derivative at the point + o } + \*/ + R.findDotsAtSegment = function (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) { + var t1 = 1 - t, + t13 = pow(t1, 3), + t12 = pow(t1, 2), + t2 = t * t, + t3 = t2 * t, + x = t13 * p1x + t12 * 3 * t * c1x + t1 * 3 * t * t * c2x + t3 * p2x, + y = t13 * p1y + t12 * 3 * t * c1y + t1 * 3 * t * t * c2y + t3 * p2y, + mx = p1x + 2 * t * (c1x - p1x) + t2 * (c2x - 2 * c1x + p1x), + my = p1y + 2 * t * (c1y - p1y) + t2 * (c2y - 2 * c1y + p1y), + nx = c1x + 2 * t * (c2x - c1x) + t2 * (p2x - 2 * c2x + c1x), + ny = c1y + 2 * t * (c2y - c1y) + t2 * (p2y - 2 * c2y + c1y), + ax = t1 * p1x + t * c1x, + ay = t1 * p1y + t * c1y, + cx = t1 * c2x + t * p2x, + cy = t1 * c2y + t * p2y, + alpha = (90 - math.atan2(mx - nx, my - ny) * 180 / PI); + (mx > nx || my < ny) && (alpha += 180); + return { + x: x, + y: y, + m: {x: mx, y: my}, + n: {x: nx, y: ny}, + start: {x: ax, y: ay}, + end: {x: cx, y: cy}, + alpha: alpha + }; + }; + /*\ + * Raphael.bezierBBox + [ method ] + ** + * Utility method + ** + * Return bounding box of a given cubic bezier curve + > Parameters + - p1x (number) x of the first point of the curve + - p1y (number) y of the first point of the curve + - c1x (number) x of the first anchor of the curve + - c1y (number) y of the first anchor of the curve + - c2x (number) x of the second anchor of the curve + - c2y (number) y of the second anchor of the curve + - p2x (number) x of the second point of the curve + - p2y (number) y of the second point of the curve + * or + - bez (array) array of six points for bezier curve + = (object) point information in format: + o { + o min: { + o x: (number) x coordinate of the left point + o y: (number) y coordinate of the top point + o } + o max: { + o x: (number) x coordinate of the right point + o y: (number) y coordinate of the bottom point + o } + o } + \*/ + R.bezierBBox = function (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) { + if (!R.is(p1x, "array")) { + p1x = [p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y]; + } + var bbox = curveDim.apply(null, p1x); + return { + x: bbox.min.x, + y: bbox.min.y, + x2: bbox.max.x, + y2: bbox.max.y, + width: bbox.max.x - bbox.min.x, + height: bbox.max.y - bbox.min.y + }; + }; + /*\ + * Raphael.isPointInsideBBox + [ method ] + ** + * Utility method + ** + * Returns `true` if given point is inside bounding boxes. + > Parameters + - bbox (string) bounding box + - x (string) x coordinate of the point + - y (string) y coordinate of the point + = (boolean) `true` if point inside + \*/ + R.isPointInsideBBox = function (bbox, x, y) { + return x >= bbox.x && x <= bbox.x2 && y >= bbox.y && y <= bbox.y2; + }; + /*\ + * Raphael.isBBoxIntersect + [ method ] + ** + * Utility method + ** + * Returns `true` if two bounding boxes intersect + > Parameters + - bbox1 (string) first bounding box + - bbox2 (string) second bounding box + = (boolean) `true` if they intersect + \*/ + R.isBBoxIntersect = function (bbox1, bbox2) { + var i = R.isPointInsideBBox; + return i(bbox2, bbox1.x, bbox1.y) + || i(bbox2, bbox1.x2, bbox1.y) + || i(bbox2, bbox1.x, bbox1.y2) + || i(bbox2, bbox1.x2, bbox1.y2) + || i(bbox1, bbox2.x, bbox2.y) + || i(bbox1, bbox2.x2, bbox2.y) + || i(bbox1, bbox2.x, bbox2.y2) + || i(bbox1, bbox2.x2, bbox2.y2) + || (bbox1.x < bbox2.x2 && bbox1.x > bbox2.x || bbox2.x < bbox1.x2 && bbox2.x > bbox1.x) + && (bbox1.y < bbox2.y2 && bbox1.y > bbox2.y || bbox2.y < bbox1.y2 && bbox2.y > bbox1.y); + }; + function base3(t, p1, p2, p3, p4) { + var t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4, + t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3; + return t * t2 - 3 * p1 + 3 * p2; + } + function bezlen(x1, y1, x2, y2, x3, y3, x4, y4, z) { + if (z == null) { + z = 1; + } + z = z > 1 ? 1 : z < 0 ? 0 : z; + var z2 = z / 2, + n = 12, + Tvalues = [-0.1252,0.1252,-0.3678,0.3678,-0.5873,0.5873,-0.7699,0.7699,-0.9041,0.9041,-0.9816,0.9816], + Cvalues = [0.2491,0.2491,0.2335,0.2335,0.2032,0.2032,0.1601,0.1601,0.1069,0.1069,0.0472,0.0472], + sum = 0; + for (var i = 0; i < n; i++) { + var ct = z2 * Tvalues[i] + z2, + xbase = base3(ct, x1, x2, x3, x4), + ybase = base3(ct, y1, y2, y3, y4), + comb = xbase * xbase + ybase * ybase; + sum += Cvalues[i] * math.sqrt(comb); + } + return z2 * sum; + } + function getTatLen(x1, y1, x2, y2, x3, y3, x4, y4, ll) { + if (ll < 0 || bezlen(x1, y1, x2, y2, x3, y3, x4, y4) < ll) { + return; + } + var t = 1, + step = t / 2, + t2 = t - step, + l, + e = .01; + l = bezlen(x1, y1, x2, y2, x3, y3, x4, y4, t2); + while (abs(l - ll) > e) { + step /= 2; + t2 += (l < ll ? 1 : -1) * step; + l = bezlen(x1, y1, x2, y2, x3, y3, x4, y4, t2); + } + return t2; + } + function intersect(x1, y1, x2, y2, x3, y3, x4, y4) { + if ( + mmax(x1, x2) < mmin(x3, x4) || + mmin(x1, x2) > mmax(x3, x4) || + mmax(y1, y2) < mmin(y3, y4) || + mmin(y1, y2) > mmax(y3, y4) + ) { + return; + } + var nx = (x1 * y2 - y1 * x2) * (x3 - x4) - (x1 - x2) * (x3 * y4 - y3 * x4), + ny = (x1 * y2 - y1 * x2) * (y3 - y4) - (y1 - y2) * (x3 * y4 - y3 * x4), + denominator = (x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4); + + if (!denominator) { + return; + } + var px = nx / denominator, + py = ny / denominator, + px2 = +px.toFixed(2), + py2 = +py.toFixed(2); + if ( + px2 < +mmin(x1, x2).toFixed(2) || + px2 > +mmax(x1, x2).toFixed(2) || + px2 < +mmin(x3, x4).toFixed(2) || + px2 > +mmax(x3, x4).toFixed(2) || + py2 < +mmin(y1, y2).toFixed(2) || + py2 > +mmax(y1, y2).toFixed(2) || + py2 < +mmin(y3, y4).toFixed(2) || + py2 > +mmax(y3, y4).toFixed(2) + ) { + return; + } + return {x: px, y: py}; + } + function inter(bez1, bez2) { + return interHelper(bez1, bez2); + } + function interCount(bez1, bez2) { + return interHelper(bez1, bez2, 1); + } + function interHelper(bez1, bez2, justCount) { + var bbox1 = R.bezierBBox(bez1), + bbox2 = R.bezierBBox(bez2); + if (!R.isBBoxIntersect(bbox1, bbox2)) { + return justCount ? 0 : []; + } + var l1 = bezlen.apply(0, bez1), + l2 = bezlen.apply(0, bez2), + n1 = mmax(~~(l1 / 5), 1), + n2 = mmax(~~(l2 / 5), 1), + dots1 = [], + dots2 = [], + xy = {}, + res = justCount ? 0 : []; + for (var i = 0; i < n1 + 1; i++) { + var p = R.findDotsAtSegment.apply(R, bez1.concat(i / n1)); + dots1.push({x: p.x, y: p.y, t: i / n1}); + } + for (i = 0; i < n2 + 1; i++) { + p = R.findDotsAtSegment.apply(R, bez2.concat(i / n2)); + dots2.push({x: p.x, y: p.y, t: i / n2}); + } + for (i = 0; i < n1; i++) { + for (var j = 0; j < n2; j++) { + var di = dots1[i], + di1 = dots1[i + 1], + dj = dots2[j], + dj1 = dots2[j + 1], + ci = abs(di1.x - di.x) < .001 ? "y" : "x", + cj = abs(dj1.x - dj.x) < .001 ? "y" : "x", + is = intersect(di.x, di.y, di1.x, di1.y, dj.x, dj.y, dj1.x, dj1.y); + if (is) { + if (xy[is.x.toFixed(4)] == is.y.toFixed(4)) { + continue; + } + xy[is.x.toFixed(4)] = is.y.toFixed(4); + var t1 = di.t + abs((is[ci] - di[ci]) / (di1[ci] - di[ci])) * (di1.t - di.t), + t2 = dj.t + abs((is[cj] - dj[cj]) / (dj1[cj] - dj[cj])) * (dj1.t - dj.t); + if (t1 >= 0 && t1 <= 1.001 && t2 >= 0 && t2 <= 1.001) { + if (justCount) { + res++; + } else { + res.push({ + x: is.x, + y: is.y, + t1: mmin(t1, 1), + t2: mmin(t2, 1) + }); + } + } + } + } + } + return res; + } + /*\ + * Raphael.pathIntersection + [ method ] + ** + * Utility method + ** + * Finds intersections of two paths + > Parameters + - path1 (string) path string + - path2 (string) path string + = (array) dots of intersection + o [ + o { + o x: (number) x coordinate of the point + o y: (number) y coordinate of the point + o t1: (number) t value for segment of path1 + o t2: (number) t value for segment of path2 + o segment1: (number) order number for segment of path1 + o segment2: (number) order number for segment of path2 + o bez1: (array) eight coordinates representing beziér curve for the segment of path1 + o bez2: (array) eight coordinates representing beziér curve for the segment of path2 + o } + o ] + \*/ + R.pathIntersection = function (path1, path2) { + return interPathHelper(path1, path2); + }; + R.pathIntersectionNumber = function (path1, path2) { + return interPathHelper(path1, path2, 1); + }; + function interPathHelper(path1, path2, justCount) { + path1 = R._path2curve(path1); + path2 = R._path2curve(path2); + var x1, y1, x2, y2, x1m, y1m, x2m, y2m, bez1, bez2, + res = justCount ? 0 : []; + for (var i = 0, ii = path1.length; i < ii; i++) { + var pi = path1[i]; + if (pi[0] == "M") { + x1 = x1m = pi[1]; + y1 = y1m = pi[2]; + } else { + if (pi[0] == "C") { + bez1 = [x1, y1].concat(pi.slice(1)); + x1 = bez1[6]; + y1 = bez1[7]; + } else { + bez1 = [x1, y1, x1, y1, x1m, y1m, x1m, y1m]; + x1 = x1m; + y1 = y1m; + } + for (var j = 0, jj = path2.length; j < jj; j++) { + var pj = path2[j]; + if (pj[0] == "M") { + x2 = x2m = pj[1]; + y2 = y2m = pj[2]; + } else { + if (pj[0] == "C") { + bez2 = [x2, y2].concat(pj.slice(1)); + x2 = bez2[6]; + y2 = bez2[7]; + } else { + bez2 = [x2, y2, x2, y2, x2m, y2m, x2m, y2m]; + x2 = x2m; + y2 = y2m; + } + var intr = interHelper(bez1, bez2, justCount); + if (justCount) { + res += intr; + } else { + for (var k = 0, kk = intr.length; k < kk; k++) { + intr[k].segment1 = i; + intr[k].segment2 = j; + intr[k].bez1 = bez1; + intr[k].bez2 = bez2; + } + res = res.concat(intr); + } + } + } + } + } + return res; + } + /*\ + * Raphael.isPointInsidePath + [ method ] + ** + * Utility method + ** + * Returns `true` if given point is inside a given closed path. + > Parameters + - path (string) path string + - x (number) x of the point + - y (number) y of the point + = (boolean) true, if point is inside the path + \*/ + R.isPointInsidePath = function (path, x, y) { + var bbox = R.pathBBox(path); + return R.isPointInsideBBox(bbox, x, y) && + interPathHelper(path, [["M", x, y], ["H", bbox.x2 + 10]], 1) % 2 == 1; + }; + R._removedFactory = function (methodname) { + return function () { + eve("raphael.log", null, "Rapha\xebl: you are calling to method \u201c" + methodname + "\u201d of removed object", methodname); + }; + }; + /*\ + * Raphael.pathBBox + [ method ] + ** + * Utility method + ** + * Return bounding box of a given path + > Parameters + - path (string) path string + = (object) bounding box + o { + o x: (number) x coordinate of the left top point of the box + o y: (number) y coordinate of the left top point of the box + o x2: (number) x coordinate of the right bottom point of the box + o y2: (number) y coordinate of the right bottom point of the box + o width: (number) width of the box + o height: (number) height of the box + o cx: (number) x coordinate of the center of the box + o cy: (number) y coordinate of the center of the box + o } + \*/ + var pathDimensions = R.pathBBox = function (path) { + var pth = paths(path); + if (pth.bbox) { + return clone(pth.bbox); + } + if (!path) { + return {x: 0, y: 0, width: 0, height: 0, x2: 0, y2: 0}; + } + path = path2curve(path); + var x = 0, + y = 0, + X = [], + Y = [], + p; + for (var i = 0, ii = path.length; i < ii; i++) { + p = path[i]; + if (p[0] == "M") { + x = p[1]; + y = p[2]; + X.push(x); + Y.push(y); + } else { + var dim = curveDim(x, y, p[1], p[2], p[3], p[4], p[5], p[6]); + X = X[concat](dim.min.x, dim.max.x); + Y = Y[concat](dim.min.y, dim.max.y); + x = p[5]; + y = p[6]; + } + } + var xmin = mmin[apply](0, X), + ymin = mmin[apply](0, Y), + xmax = mmax[apply](0, X), + ymax = mmax[apply](0, Y), + width = xmax - xmin, + height = ymax - ymin, + bb = { + x: xmin, + y: ymin, + x2: xmax, + y2: ymax, + width: width, + height: height, + cx: xmin + width / 2, + cy: ymin + height / 2 + }; + pth.bbox = clone(bb); + return bb; + }, + pathClone = function (pathArray) { + var res = clone(pathArray); + res.toString = R._path2string; + return res; + }, + pathToRelative = R._pathToRelative = function (pathArray) { + var pth = paths(pathArray); + if (pth.rel) { + return pathClone(pth.rel); + } + if (!R.is(pathArray, array) || !R.is(pathArray && pathArray[0], array)) { // rough assumption + pathArray = R.parsePathString(pathArray); + } + var res = [], + x = 0, + y = 0, + mx = 0, + my = 0, + start = 0; + if (pathArray[0][0] == "M") { + x = pathArray[0][1]; + y = pathArray[0][2]; + mx = x; + my = y; + start++; + res.push(["M", x, y]); + } + for (var i = start, ii = pathArray.length; i < ii; i++) { + var r = res[i] = [], + pa = pathArray[i]; + if (pa[0] != lowerCase.call(pa[0])) { + r[0] = lowerCase.call(pa[0]); + switch (r[0]) { + case "a": + r[1] = pa[1]; + r[2] = pa[2]; + r[3] = pa[3]; + r[4] = pa[4]; + r[5] = pa[5]; + r[6] = +(pa[6] - x).toFixed(3); + r[7] = +(pa[7] - y).toFixed(3); + break; + case "v": + r[1] = +(pa[1] - y).toFixed(3); + break; + case "m": + mx = pa[1]; + my = pa[2]; + default: + for (var j = 1, jj = pa.length; j < jj; j++) { + r[j] = +(pa[j] - ((j % 2) ? x : y)).toFixed(3); + } + } + } else { + r = res[i] = []; + if (pa[0] == "m") { + mx = pa[1] + x; + my = pa[2] + y; + } + for (var k = 0, kk = pa.length; k < kk; k++) { + res[i][k] = pa[k]; + } + } + var len = res[i].length; + switch (res[i][0]) { + case "z": + x = mx; + y = my; + break; + case "h": + x += +res[i][len - 1]; + break; + case "v": + y += +res[i][len - 1]; + break; + default: + x += +res[i][len - 2]; + y += +res[i][len - 1]; + } + } + res.toString = R._path2string; + pth.rel = pathClone(res); + return res; + }, + pathToAbsolute = R._pathToAbsolute = function (pathArray) { + var pth = paths(pathArray); + if (pth.abs) { + return pathClone(pth.abs); + } + if (!R.is(pathArray, array) || !R.is(pathArray && pathArray[0], array)) { // rough assumption + pathArray = R.parsePathString(pathArray); + } + if (!pathArray || !pathArray.length) { + return [["M", 0, 0]]; + } + var res = [], + x = 0, + y = 0, + mx = 0, + my = 0, + start = 0; + if (pathArray[0][0] == "M") { + x = +pathArray[0][1]; + y = +pathArray[0][2]; + mx = x; + my = y; + start++; + res[0] = ["M", x, y]; + } + var crz = pathArray.length == 3 && pathArray[0][0] == "M" && pathArray[1][0].toUpperCase() == "R" && pathArray[2][0].toUpperCase() == "Z"; + for (var r, pa, i = start, ii = pathArray.length; i < ii; i++) { + res.push(r = []); + pa = pathArray[i]; + if (pa[0] != upperCase.call(pa[0])) { + r[0] = upperCase.call(pa[0]); + switch (r[0]) { + case "A": + r[1] = pa[1]; + r[2] = pa[2]; + r[3] = pa[3]; + r[4] = pa[4]; + r[5] = pa[5]; + r[6] = +(pa[6] + x); + r[7] = +(pa[7] + y); + break; + case "V": + r[1] = +pa[1] + y; + break; + case "H": + r[1] = +pa[1] + x; + break; + case "R": + var dots = [x, y][concat](pa.slice(1)); + for (var j = 2, jj = dots.length; j < jj; j++) { + dots[j] = +dots[j] + x; + dots[++j] = +dots[j] + y; + } + res.pop(); + res = res[concat](catmullRom2bezier(dots, crz)); + break; + case "M": + mx = +pa[1] + x; + my = +pa[2] + y; + default: + for (j = 1, jj = pa.length; j < jj; j++) { + r[j] = +pa[j] + ((j % 2) ? x : y); + } + } + } else if (pa[0] == "R") { + dots = [x, y][concat](pa.slice(1)); + res.pop(); + res = res[concat](catmullRom2bezier(dots, crz)); + r = ["R"][concat](pa.slice(-2)); + } else { + for (var k = 0, kk = pa.length; k < kk; k++) { + r[k] = pa[k]; + } + } + switch (r[0]) { + case "Z": + x = mx; + y = my; + break; + case "H": + x = r[1]; + break; + case "V": + y = r[1]; + break; + case "M": + mx = r[r.length - 2]; + my = r[r.length - 1]; + default: + x = r[r.length - 2]; + y = r[r.length - 1]; + } + } + res.toString = R._path2string; + pth.abs = pathClone(res); + return res; + }, + l2c = function (x1, y1, x2, y2) { + return [x1, y1, x2, y2, x2, y2]; + }, + q2c = function (x1, y1, ax, ay, x2, y2) { + var _13 = 1 / 3, + _23 = 2 / 3; + return [ + _13 * x1 + _23 * ax, + _13 * y1 + _23 * ay, + _13 * x2 + _23 * ax, + _13 * y2 + _23 * ay, + x2, + y2 + ]; + }, + a2c = function (x1, y1, rx, ry, angle, large_arc_flag, sweep_flag, x2, y2, recursive) { + // for more information of where this math came from visit: + // http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes + var _120 = PI * 120 / 180, + rad = PI / 180 * (+angle || 0), + res = [], + xy, + rotate = cacher(function (x, y, rad) { + var X = x * math.cos(rad) - y * math.sin(rad), + Y = x * math.sin(rad) + y * math.cos(rad); + return {x: X, y: Y}; + }); + if (!recursive) { + xy = rotate(x1, y1, -rad); + x1 = xy.x; + y1 = xy.y; + xy = rotate(x2, y2, -rad); + x2 = xy.x; + y2 = xy.y; + var cos = math.cos(PI / 180 * angle), + sin = math.sin(PI / 180 * angle), + x = (x1 - x2) / 2, + y = (y1 - y2) / 2; + var h = (x * x) / (rx * rx) + (y * y) / (ry * ry); + if (h > 1) { + h = math.sqrt(h); + rx = h * rx; + ry = h * ry; + } + var rx2 = rx * rx, + ry2 = ry * ry, + k = (large_arc_flag == sweep_flag ? -1 : 1) * + math.sqrt(abs((rx2 * ry2 - rx2 * y * y - ry2 * x * x) / (rx2 * y * y + ry2 * x * x))), + cx = k * rx * y / ry + (x1 + x2) / 2, + cy = k * -ry * x / rx + (y1 + y2) / 2, + f1 = math.asin(((y1 - cy) / ry).toFixed(9)), + f2 = math.asin(((y2 - cy) / ry).toFixed(9)); + + f1 = x1 < cx ? PI - f1 : f1; + f2 = x2 < cx ? PI - f2 : f2; + f1 < 0 && (f1 = PI * 2 + f1); + f2 < 0 && (f2 = PI * 2 + f2); + if (sweep_flag && f1 > f2) { + f1 = f1 - PI * 2; + } + if (!sweep_flag && f2 > f1) { + f2 = f2 - PI * 2; + } + } else { + f1 = recursive[0]; + f2 = recursive[1]; + cx = recursive[2]; + cy = recursive[3]; + } + var df = f2 - f1; + if (abs(df) > _120) { + var f2old = f2, + x2old = x2, + y2old = y2; + f2 = f1 + _120 * (sweep_flag && f2 > f1 ? 1 : -1); + x2 = cx + rx * math.cos(f2); + y2 = cy + ry * math.sin(f2); + res = a2c(x2, y2, rx, ry, angle, 0, sweep_flag, x2old, y2old, [f2, f2old, cx, cy]); + } + df = f2 - f1; + var c1 = math.cos(f1), + s1 = math.sin(f1), + c2 = math.cos(f2), + s2 = math.sin(f2), + t = math.tan(df / 4), + hx = 4 / 3 * rx * t, + hy = 4 / 3 * ry * t, + m1 = [x1, y1], + m2 = [x1 + hx * s1, y1 - hy * c1], + m3 = [x2 + hx * s2, y2 - hy * c2], + m4 = [x2, y2]; + m2[0] = 2 * m1[0] - m2[0]; + m2[1] = 2 * m1[1] - m2[1]; + if (recursive) { + return [m2, m3, m4][concat](res); + } else { + res = [m2, m3, m4][concat](res).join()[split](","); + var newres = []; + for (var i = 0, ii = res.length; i < ii; i++) { + newres[i] = i % 2 ? rotate(res[i - 1], res[i], rad).y : rotate(res[i], res[i + 1], rad).x; + } + return newres; + } + }, + findDotAtSegment = function (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) { + var t1 = 1 - t; + return { + x: pow(t1, 3) * p1x + pow(t1, 2) * 3 * t * c1x + t1 * 3 * t * t * c2x + pow(t, 3) * p2x, + y: pow(t1, 3) * p1y + pow(t1, 2) * 3 * t * c1y + t1 * 3 * t * t * c2y + pow(t, 3) * p2y + }; + }, + curveDim = cacher(function (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) { + var a = (c2x - 2 * c1x + p1x) - (p2x - 2 * c2x + c1x), + b = 2 * (c1x - p1x) - 2 * (c2x - c1x), + c = p1x - c1x, + t1 = (-b + math.sqrt(b * b - 4 * a * c)) / 2 / a, + t2 = (-b - math.sqrt(b * b - 4 * a * c)) / 2 / a, + y = [p1y, p2y], + x = [p1x, p2x], + dot; + abs(t1) > "1e12" && (t1 = .5); + abs(t2) > "1e12" && (t2 = .5); + if (t1 > 0 && t1 < 1) { + dot = findDotAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t1); + x.push(dot.x); + y.push(dot.y); + } + if (t2 > 0 && t2 < 1) { + dot = findDotAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t2); + x.push(dot.x); + y.push(dot.y); + } + a = (c2y - 2 * c1y + p1y) - (p2y - 2 * c2y + c1y); + b = 2 * (c1y - p1y) - 2 * (c2y - c1y); + c = p1y - c1y; + t1 = (-b + math.sqrt(b * b - 4 * a * c)) / 2 / a; + t2 = (-b - math.sqrt(b * b - 4 * a * c)) / 2 / a; + abs(t1) > "1e12" && (t1 = .5); + abs(t2) > "1e12" && (t2 = .5); + if (t1 > 0 && t1 < 1) { + dot = findDotAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t1); + x.push(dot.x); + y.push(dot.y); + } + if (t2 > 0 && t2 < 1) { + dot = findDotAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t2); + x.push(dot.x); + y.push(dot.y); + } + return { + min: {x: mmin[apply](0, x), y: mmin[apply](0, y)}, + max: {x: mmax[apply](0, x), y: mmax[apply](0, y)} + }; + }), + path2curve = R._path2curve = cacher(function (path, path2) { + var pth = !path2 && paths(path); + if (!path2 && pth.curve) { + return pathClone(pth.curve); + } + var p = pathToAbsolute(path), + p2 = path2 && pathToAbsolute(path2), + attrs = {x: 0, y: 0, bx: 0, by: 0, X: 0, Y: 0, qx: null, qy: null}, + attrs2 = {x: 0, y: 0, bx: 0, by: 0, X: 0, Y: 0, qx: null, qy: null}, + processPath = function (path, d, pcom) { + var nx, ny, tq = {T:1, Q:1}; + if (!path) { + return ["C", d.x, d.y, d.x, d.y, d.x, d.y]; + } + !(path[0] in tq) && (d.qx = d.qy = null); + switch (path[0]) { + case "M": + d.X = path[1]; + d.Y = path[2]; + break; + case "A": + path = ["C"][concat](a2c[apply](0, [d.x, d.y][concat](path.slice(1)))); + break; + case "S": + if (pcom == "C" || pcom == "S") { // In "S" case we have to take into account, if the previous command is C/S. + nx = d.x * 2 - d.bx; // And reflect the previous + ny = d.y * 2 - d.by; // command's control point relative to the current point. + } + else { // or some else or nothing + nx = d.x; + ny = d.y; + } + path = ["C", nx, ny][concat](path.slice(1)); + break; + case "T": + if (pcom == "Q" || pcom == "T") { // In "T" case we have to take into account, if the previous command is Q/T. + d.qx = d.x * 2 - d.qx; // And make a reflection similar + d.qy = d.y * 2 - d.qy; // to case "S". + } + else { // or something else or nothing + d.qx = d.x; + d.qy = d.y; + } + path = ["C"][concat](q2c(d.x, d.y, d.qx, d.qy, path[1], path[2])); + break; + case "Q": + d.qx = path[1]; + d.qy = path[2]; + path = ["C"][concat](q2c(d.x, d.y, path[1], path[2], path[3], path[4])); + break; + case "L": + path = ["C"][concat](l2c(d.x, d.y, path[1], path[2])); + break; + case "H": + path = ["C"][concat](l2c(d.x, d.y, path[1], d.y)); + break; + case "V": + path = ["C"][concat](l2c(d.x, d.y, d.x, path[1])); + break; + case "Z": + path = ["C"][concat](l2c(d.x, d.y, d.X, d.Y)); + break; + } + return path; + }, + fixArc = function (pp, i) { + if (pp[i].length > 7) { + pp[i].shift(); + var pi = pp[i]; + while (pi.length) { + pcoms1[i]="A"; // if created multiple C:s, their original seg is saved + p2 && (pcoms2[i]="A"); // the same as above + pp.splice(i++, 0, ["C"][concat](pi.splice(0, 6))); + } + pp.splice(i, 1); + ii = mmax(p.length, p2 && p2.length || 0); + } + }, + fixM = function (path1, path2, a1, a2, i) { + if (path1 && path2 && path1[i][0] == "M" && path2[i][0] != "M") { + path2.splice(i, 0, ["M", a2.x, a2.y]); + a1.bx = 0; + a1.by = 0; + a1.x = path1[i][1]; + a1.y = path1[i][2]; + ii = mmax(p.length, p2 && p2.length || 0); + } + }, + pcoms1 = [], // path commands of original path p + pcoms2 = [], // path commands of original path p2 + pfirst = "", // temporary holder for original path command + pcom = ""; // holder for previous path command of original path + for (var i = 0, ii = mmax(p.length, p2 && p2.length || 0); i < ii; i++) { + p[i] && (pfirst = p[i][0]); // save current path command + + if (pfirst != "C") // C is not saved yet, because it may be result of conversion + { + pcoms1[i] = pfirst; // Save current path command + i && ( pcom = pcoms1[i-1]); // Get previous path command pcom + } + p[i] = processPath(p[i], attrs, pcom); // Previous path command is inputted to processPath + + if (pcoms1[i] != "A" && pfirst == "C") pcoms1[i] = "C"; // A is the only command + // which may produce multiple C:s + // so we have to make sure that C is also C in original path + + fixArc(p, i); // fixArc adds also the right amount of A:s to pcoms1 + + if (p2) { // the same procedures is done to p2 + p2[i] && (pfirst = p2[i][0]); + if (pfirst != "C") + { + pcoms2[i] = pfirst; + i && (pcom = pcoms2[i-1]); + } + p2[i] = processPath(p2[i], attrs2, pcom); + + if (pcoms2[i]!="A" && pfirst=="C") pcoms2[i]="C"; + + fixArc(p2, i); + } + fixM(p, p2, attrs, attrs2, i); + fixM(p2, p, attrs2, attrs, i); + var seg = p[i], + seg2 = p2 && p2[i], + seglen = seg.length, + seg2len = p2 && seg2.length; + attrs.x = seg[seglen - 2]; + attrs.y = seg[seglen - 1]; + attrs.bx = toFloat(seg[seglen - 4]) || attrs.x; + attrs.by = toFloat(seg[seglen - 3]) || attrs.y; + attrs2.bx = p2 && (toFloat(seg2[seg2len - 4]) || attrs2.x); + attrs2.by = p2 && (toFloat(seg2[seg2len - 3]) || attrs2.y); + attrs2.x = p2 && seg2[seg2len - 2]; + attrs2.y = p2 && seg2[seg2len - 1]; + } + if (!p2) { + pth.curve = pathClone(p); + } + return p2 ? [p, p2] : p; + }, null, pathClone), + parseDots = R._parseDots = cacher(function (gradient) { + var dots = []; + for (var i = 0, ii = gradient.length; i < ii; i++) { + var dot = {}, + par = gradient[i].match(/^([^:]*):?([\d\.]*)/); + dot.color = R.getRGB(par[1]); + if (dot.color.error) { + return null; + } + dot.opacity = dot.color.opacity; + dot.color = dot.color.hex; + par[2] && (dot.offset = par[2] + "%"); + dots.push(dot); + } + for (i = 1, ii = dots.length - 1; i < ii; i++) { + if (!dots[i].offset) { + var start = toFloat(dots[i - 1].offset || 0), + end = 0; + for (var j = i + 1; j < ii; j++) { + if (dots[j].offset) { + end = dots[j].offset; + break; + } + } + if (!end) { + end = 100; + j = ii; + } + end = toFloat(end); + var d = (end - start) / (j - i + 1); + for (; i < j; i++) { + start += d; + dots[i].offset = start + "%"; + } + } + } + return dots; + }), + tear = R._tear = function (el, paper) { + el == paper.top && (paper.top = el.prev); + el == paper.bottom && (paper.bottom = el.next); + el.next && (el.next.prev = el.prev); + el.prev && (el.prev.next = el.next); + }, + tofront = R._tofront = function (el, paper) { + if (paper.top === el) { + return; + } + tear(el, paper); + el.next = null; + el.prev = paper.top; + paper.top.next = el; + paper.top = el; + }, + toback = R._toback = function (el, paper) { + if (paper.bottom === el) { + return; + } + tear(el, paper); + el.next = paper.bottom; + el.prev = null; + paper.bottom.prev = el; + paper.bottom = el; + }, + insertafter = R._insertafter = function (el, el2, paper) { + tear(el, paper); + el2 == paper.top && (paper.top = el); + el2.next && (el2.next.prev = el); + el.next = el2.next; + el.prev = el2; + el2.next = el; + }, + insertbefore = R._insertbefore = function (el, el2, paper) { + tear(el, paper); + el2 == paper.bottom && (paper.bottom = el); + el2.prev && (el2.prev.next = el); + el.prev = el2.prev; + el2.prev = el; + el.next = el2; + }, + /*\ + * Raphael.toMatrix + [ method ] + ** + * Utility method + ** + * Returns matrix of transformations applied to a given path + > Parameters + - path (string) path string + - transform (string|array) transformation string + = (object) @Matrix + \*/ + toMatrix = R.toMatrix = function (path, transform) { + var bb = pathDimensions(path), + el = { + _: { + transform: E + }, + getBBox: function () { + return bb; + } + }; + extractTransform(el, transform); + return el.matrix; + }, + /*\ + * Raphael.transformPath + [ method ] + ** + * Utility method + ** + * Returns path transformed by a given transformation + > Parameters + - path (string) path string + - transform (string|array) transformation string + = (string) path + \*/ + transformPath = R.transformPath = function (path, transform) { + return mapPath(path, toMatrix(path, transform)); + }, + extractTransform = R._extractTransform = function (el, tstr) { + if (tstr == null) { + return el._.transform; + } + tstr = Str(tstr).replace(/\.{3}|\u2026/g, el._.transform || E); + var tdata = R.parseTransformString(tstr), + deg = 0, + dx = 0, + dy = 0, + sx = 1, + sy = 1, + _ = el._, + m = new Matrix; + _.transform = tdata || []; + if (tdata) { + for (var i = 0, ii = tdata.length; i < ii; i++) { + var t = tdata[i], + tlen = t.length, + command = Str(t[0]).toLowerCase(), + absolute = t[0] != command, + inver = absolute ? m.invert() : 0, + x1, + y1, + x2, + y2, + bb; + if (command == "t" && tlen == 3) { + if (absolute) { + x1 = inver.x(0, 0); + y1 = inver.y(0, 0); + x2 = inver.x(t[1], t[2]); + y2 = inver.y(t[1], t[2]); + m.translate(x2 - x1, y2 - y1); + } else { + m.translate(t[1], t[2]); + } + } else if (command == "r") { + if (tlen == 2) { + bb = bb || el.getBBox(1); + m.rotate(t[1], bb.x + bb.width / 2, bb.y + bb.height / 2); + deg += t[1]; + } else if (tlen == 4) { + if (absolute) { + x2 = inver.x(t[2], t[3]); + y2 = inver.y(t[2], t[3]); + m.rotate(t[1], x2, y2); + } else { + m.rotate(t[1], t[2], t[3]); + } + deg += t[1]; + } + } else if (command == "s") { + if (tlen == 2 || tlen == 3) { + bb = bb || el.getBBox(1); + m.scale(t[1], t[tlen - 1], bb.x + bb.width / 2, bb.y + bb.height / 2); + sx *= t[1]; + sy *= t[tlen - 1]; + } else if (tlen == 5) { + if (absolute) { + x2 = inver.x(t[3], t[4]); + y2 = inver.y(t[3], t[4]); + m.scale(t[1], t[2], x2, y2); + } else { + m.scale(t[1], t[2], t[3], t[4]); + } + sx *= t[1]; + sy *= t[2]; + } + } else if (command == "m" && tlen == 7) { + m.add(t[1], t[2], t[3], t[4], t[5], t[6]); + } + _.dirtyT = 1; + el.matrix = m; + } + } + + /*\ + * Element.matrix + [ property (object) ] + ** + * Keeps @Matrix object, which represents element transformation + \*/ + el.matrix = m; + + _.sx = sx; + _.sy = sy; + _.deg = deg; + _.dx = dx = m.e; + _.dy = dy = m.f; + + if (sx == 1 && sy == 1 && !deg && _.bbox) { + _.bbox.x += +dx; + _.bbox.y += +dy; + } else { + _.dirtyT = 1; + } + }, + getEmpty = function (item) { + var l = item[0]; + switch (l.toLowerCase()) { + case "t": return [l, 0, 0]; + case "m": return [l, 1, 0, 0, 1, 0, 0]; + case "r": if (item.length == 4) { + return [l, 0, item[2], item[3]]; + } else { + return [l, 0]; + } + case "s": if (item.length == 5) { + return [l, 1, 1, item[3], item[4]]; + } else if (item.length == 3) { + return [l, 1, 1]; + } else { + return [l, 1]; + } + } + }, + equaliseTransform = R._equaliseTransform = function (t1, t2) { + t2 = Str(t2).replace(/\.{3}|\u2026/g, t1); + t1 = R.parseTransformString(t1) || []; + t2 = R.parseTransformString(t2) || []; + var maxlength = mmax(t1.length, t2.length), + from = [], + to = [], + i = 0, j, jj, + tt1, tt2; + for (; i < maxlength; i++) { + tt1 = t1[i] || getEmpty(t2[i]); + tt2 = t2[i] || getEmpty(tt1); + if ((tt1[0] != tt2[0]) || + (tt1[0].toLowerCase() == "r" && (tt1[2] != tt2[2] || tt1[3] != tt2[3])) || + (tt1[0].toLowerCase() == "s" && (tt1[3] != tt2[3] || tt1[4] != tt2[4])) + ) { + return; + } + from[i] = []; + to[i] = []; + for (j = 0, jj = mmax(tt1.length, tt2.length); j < jj; j++) { + j in tt1 && (from[i][j] = tt1[j]); + j in tt2 && (to[i][j] = tt2[j]); + } + } + return { + from: from, + to: to + }; + }; + R._getContainer = function (x, y, w, h) { + var container; + container = h == null && !R.is(x, "object") ? g.doc.getElementById(x) : x; + if (container == null) { + return; + } + if (container.tagName) { + if (y == null) { + return { + container: container, + width: container.style.pixelWidth || container.offsetWidth, + height: container.style.pixelHeight || container.offsetHeight + }; + } else { + return { + container: container, + width: y, + height: w + }; + } + } + return { + container: 1, + x: x, + y: y, + width: w, + height: h + }; + }; + /*\ + * Raphael.pathToRelative + [ method ] + ** + * Utility method + ** + * Converts path to relative form + > Parameters + - pathString (string|array) path string or array of segments + = (array) array of segments. + \*/ + R.pathToRelative = pathToRelative; + R._engine = {}; + /*\ + * Raphael.path2curve + [ method ] + ** + * Utility method + ** + * Converts path to a new path where all segments are cubic bezier curves. + > Parameters + - pathString (string|array) path string or array of segments + = (array) array of segments. + \*/ + R.path2curve = path2curve; + /*\ + * Raphael.matrix + [ method ] + ** + * Utility method + ** + * Returns matrix based on given parameters. + > Parameters + - a (number) + - b (number) + - c (number) + - d (number) + - e (number) + - f (number) + = (object) @Matrix + \*/ + R.matrix = function (a, b, c, d, e, f) { + return new Matrix(a, b, c, d, e, f); + }; + function Matrix(a, b, c, d, e, f) { + if (a != null) { + this.a = +a; + this.b = +b; + this.c = +c; + this.d = +d; + this.e = +e; + this.f = +f; + } else { + this.a = 1; + this.b = 0; + this.c = 0; + this.d = 1; + this.e = 0; + this.f = 0; + } + } + (function (matrixproto) { + /*\ + * Matrix.add + [ method ] + ** + * Adds given matrix to existing one. + > Parameters + - a (number) + - b (number) + - c (number) + - d (number) + - e (number) + - f (number) + or + - matrix (object) @Matrix + \*/ + matrixproto.add = function (a, b, c, d, e, f) { + var out = [[], [], []], + m = [[this.a, this.c, this.e], [this.b, this.d, this.f], [0, 0, 1]], + matrix = [[a, c, e], [b, d, f], [0, 0, 1]], + x, y, z, res; + + if (a && a instanceof Matrix) { + matrix = [[a.a, a.c, a.e], [a.b, a.d, a.f], [0, 0, 1]]; + } + + for (x = 0; x < 3; x++) { + for (y = 0; y < 3; y++) { + res = 0; + for (z = 0; z < 3; z++) { + res += m[x][z] * matrix[z][y]; + } + out[x][y] = res; + } + } + this.a = out[0][0]; + this.b = out[1][0]; + this.c = out[0][1]; + this.d = out[1][1]; + this.e = out[0][2]; + this.f = out[1][2]; + }; + /*\ + * Matrix.invert + [ method ] + ** + * Returns inverted version of the matrix + = (object) @Matrix + \*/ + matrixproto.invert = function () { + var me = this, + x = me.a * me.d - me.b * me.c; + return new Matrix(me.d / x, -me.b / x, -me.c / x, me.a / x, (me.c * me.f - me.d * me.e) / x, (me.b * me.e - me.a * me.f) / x); + }; + /*\ + * Matrix.clone + [ method ] + ** + * Returns copy of the matrix + = (object) @Matrix + \*/ + matrixproto.clone = function () { + return new Matrix(this.a, this.b, this.c, this.d, this.e, this.f); + }; + /*\ + * Matrix.translate + [ method ] + ** + * Translate the matrix + > Parameters + - x (number) + - y (number) + \*/ + matrixproto.translate = function (x, y) { + this.add(1, 0, 0, 1, x, y); + }; + /*\ + * Matrix.scale + [ method ] + ** + * Scales the matrix + > Parameters + - x (number) + - y (number) #optional + - cx (number) #optional + - cy (number) #optional + \*/ + matrixproto.scale = function (x, y, cx, cy) { + y == null && (y = x); + (cx || cy) && this.add(1, 0, 0, 1, cx, cy); + this.add(x, 0, 0, y, 0, 0); + (cx || cy) && this.add(1, 0, 0, 1, -cx, -cy); + }; + /*\ + * Matrix.rotate + [ method ] + ** + * Rotates the matrix + > Parameters + - a (number) + - x (number) + - y (number) + \*/ + matrixproto.rotate = function (a, x, y) { + a = R.rad(a); + x = x || 0; + y = y || 0; + var cos = +math.cos(a).toFixed(9), + sin = +math.sin(a).toFixed(9); + this.add(cos, sin, -sin, cos, x, y); + this.add(1, 0, 0, 1, -x, -y); + }; + /*\ + * Matrix.x + [ method ] + ** + * Return x coordinate for given point after transformation described by the matrix. See also @Matrix.y + > Parameters + - x (number) + - y (number) + = (number) x + \*/ + matrixproto.x = function (x, y) { + return x * this.a + y * this.c + this.e; + }; + /*\ + * Matrix.y + [ method ] + ** + * Return y coordinate for given point after transformation described by the matrix. See also @Matrix.x + > Parameters + - x (number) + - y (number) + = (number) y + \*/ + matrixproto.y = function (x, y) { + return x * this.b + y * this.d + this.f; + }; + matrixproto.get = function (i) { + return +this[Str.fromCharCode(97 + i)].toFixed(4); + }; + matrixproto.toString = function () { + return R.svg ? + "matrix(" + [this.get(0), this.get(1), this.get(2), this.get(3), this.get(4), this.get(5)].join() + ")" : + [this.get(0), this.get(2), this.get(1), this.get(3), 0, 0].join(); + }; + matrixproto.toFilter = function () { + return "progid:DXImageTransform.Microsoft.Matrix(M11=" + this.get(0) + + ", M12=" + this.get(2) + ", M21=" + this.get(1) + ", M22=" + this.get(3) + + ", Dx=" + this.get(4) + ", Dy=" + this.get(5) + ", sizingmethod='auto expand')"; + }; + matrixproto.offset = function () { + return [this.e.toFixed(4), this.f.toFixed(4)]; + }; + function norm(a) { + return a[0] * a[0] + a[1] * a[1]; + } + function normalize(a) { + var mag = math.sqrt(norm(a)); + a[0] && (a[0] /= mag); + a[1] && (a[1] /= mag); + } + /*\ + * Matrix.split + [ method ] + ** + * Splits matrix into primitive transformations + = (object) in format: + o dx (number) translation by x + o dy (number) translation by y + o scalex (number) scale by x + o scaley (number) scale by y + o shear (number) shear + o rotate (number) rotation in deg + o isSimple (boolean) could it be represented via simple transformations + \*/ + matrixproto.split = function () { + var out = {}; + // translation + out.dx = this.e; + out.dy = this.f; + + // scale and shear + var row = [[this.a, this.c], [this.b, this.d]]; + out.scalex = math.sqrt(norm(row[0])); + normalize(row[0]); + + out.shear = row[0][0] * row[1][0] + row[0][1] * row[1][1]; + row[1] = [row[1][0] - row[0][0] * out.shear, row[1][1] - row[0][1] * out.shear]; + + out.scaley = math.sqrt(norm(row[1])); + normalize(row[1]); + out.shear /= out.scaley; + + // rotation + var sin = -row[0][1], + cos = row[1][1]; + if (cos < 0) { + out.rotate = R.deg(math.acos(cos)); + if (sin < 0) { + out.rotate = 360 - out.rotate; + } + } else { + out.rotate = R.deg(math.asin(sin)); + } + + out.isSimple = !+out.shear.toFixed(9) && (out.scalex.toFixed(9) == out.scaley.toFixed(9) || !out.rotate); + out.isSuperSimple = !+out.shear.toFixed(9) && out.scalex.toFixed(9) == out.scaley.toFixed(9) && !out.rotate; + out.noRotation = !+out.shear.toFixed(9) && !out.rotate; + return out; + }; + /*\ + * Matrix.toTransformString + [ method ] + ** + * Return transform string that represents given matrix + = (string) transform string + \*/ + matrixproto.toTransformString = function (shorter) { + var s = shorter || this[split](); + if (s.isSimple) { + s.scalex = +s.scalex.toFixed(4); + s.scaley = +s.scaley.toFixed(4); + s.rotate = +s.rotate.toFixed(4); + return (s.dx || s.dy ? "t" + [s.dx, s.dy] : E) + + (s.scalex != 1 || s.scaley != 1 ? "s" + [s.scalex, s.scaley, 0, 0] : E) + + (s.rotate ? "r" + [s.rotate, 0, 0] : E); + } else { + return "m" + [this.get(0), this.get(1), this.get(2), this.get(3), this.get(4), this.get(5)]; + } + }; + })(Matrix.prototype); + + var preventDefault = function () { + this.returnValue = false; + }, + preventTouch = function () { + return this.originalEvent.preventDefault(); + }, + stopPropagation = function () { + this.cancelBubble = true; + }, + stopTouch = function () { + return this.originalEvent.stopPropagation(); + }, + getEventPosition = function (e) { + var scrollY = g.doc.documentElement.scrollTop || g.doc.body.scrollTop, + scrollX = g.doc.documentElement.scrollLeft || g.doc.body.scrollLeft; + + return { + x: e.clientX + scrollX, + y: e.clientY + scrollY + }; + }, + addEvent = (function () { + if (g.doc.addEventListener) { + return function (obj, type, fn, element) { + var f = function (e) { + var pos = getEventPosition(e); + return fn.call(element, e, pos.x, pos.y); + }; + obj.addEventListener(type, f, false); + + if (supportsTouch && touchMap[type]) { + var _f = function (e) { + var pos = getEventPosition(e), + olde = e; + + for (var i = 0, ii = e.targetTouches && e.targetTouches.length; i < ii; i++) { + if (e.targetTouches[i].target == obj) { + e = e.targetTouches[i]; + e.originalEvent = olde; + e.preventDefault = preventTouch; + e.stopPropagation = stopTouch; + break; + } + } + + return fn.call(element, e, pos.x, pos.y); + }; + obj.addEventListener(touchMap[type], _f, false); + } + + return function () { + obj.removeEventListener(type, f, false); + + if (supportsTouch && touchMap[type]) + obj.removeEventListener(touchMap[type], _f, false); + + return true; + }; + }; + } else if (g.doc.attachEvent) { + return function (obj, type, fn, element) { + var f = function (e) { + e = e || g.win.event; + var scrollY = g.doc.documentElement.scrollTop || g.doc.body.scrollTop, + scrollX = g.doc.documentElement.scrollLeft || g.doc.body.scrollLeft, + x = e.clientX + scrollX, + y = e.clientY + scrollY; + e.preventDefault = e.preventDefault || preventDefault; + e.stopPropagation = e.stopPropagation || stopPropagation; + return fn.call(element, e, x, y); + }; + obj.attachEvent("on" + type, f); + var detacher = function () { + obj.detachEvent("on" + type, f); + return true; + }; + return detacher; + }; + } + })(), + drag = [], + dragMove = function (e) { + var x = e.clientX, + y = e.clientY, + scrollY = g.doc.documentElement.scrollTop || g.doc.body.scrollTop, + scrollX = g.doc.documentElement.scrollLeft || g.doc.body.scrollLeft, + dragi, + j = drag.length; + while (j--) { + dragi = drag[j]; + if (supportsTouch && e.touches) { + var i = e.touches.length, + touch; + while (i--) { + touch = e.touches[i]; + if (touch.identifier == dragi.el._drag.id) { + x = touch.clientX; + y = touch.clientY; + (e.originalEvent ? e.originalEvent : e).preventDefault(); + break; + } + } + } else { + e.preventDefault(); + } + var node = dragi.el.node, + o, + next = node.nextSibling, + parent = node.parentNode, + display = node.style.display; + g.win.opera && parent.removeChild(node); + node.style.display = "none"; + o = dragi.el.paper.getElementByPoint(x, y); + node.style.display = display; + g.win.opera && (next ? parent.insertBefore(node, next) : parent.appendChild(node)); + o && eve("raphael.drag.over." + dragi.el.id, dragi.el, o); + x += scrollX; + y += scrollY; + eve("raphael.drag.move." + dragi.el.id, dragi.move_scope || dragi.el, x - dragi.el._drag.x, y - dragi.el._drag.y, x, y, e); + } + }, + dragUp = function (e) { + R.unmousemove(dragMove).unmouseup(dragUp); + var i = drag.length, + dragi; + while (i--) { + dragi = drag[i]; + dragi.el._drag = {}; + eve("raphael.drag.end." + dragi.el.id, dragi.end_scope || dragi.start_scope || dragi.move_scope || dragi.el, e); + } + drag = []; + }, + /*\ + * Raphael.el + [ property (object) ] + ** + * You can add your own method to elements. This is usefull when you want to hack default functionality or + * want to wrap some common transformation or attributes in one method. In difference to canvas methods, + * you can redefine element method at any time. Expending element methods wouldn’t affect set. + > Usage + | Raphael.el.red = function () { + | this.attr({fill: "#f00"}); + | }; + | // then use it + | paper.circle(100, 100, 20).red(); + \*/ + elproto = R.el = {}; + /*\ + * Element.click + [ method ] + ** + * Adds event handler for click for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.unclick + [ method ] + ** + * Removes event handler for click for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + + /*\ + * Element.dblclick + [ method ] + ** + * Adds event handler for double click for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.undblclick + [ method ] + ** + * Removes event handler for double click for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + + /*\ + * Element.mousedown + [ method ] + ** + * Adds event handler for mousedown for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.unmousedown + [ method ] + ** + * Removes event handler for mousedown for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + + /*\ + * Element.mousemove + [ method ] + ** + * Adds event handler for mousemove for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.unmousemove + [ method ] + ** + * Removes event handler for mousemove for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + + /*\ + * Element.mouseout + [ method ] + ** + * Adds event handler for mouseout for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.unmouseout + [ method ] + ** + * Removes event handler for mouseout for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + + /*\ + * Element.mouseover + [ method ] + ** + * Adds event handler for mouseover for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.unmouseover + [ method ] + ** + * Removes event handler for mouseover for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + + /*\ + * Element.mouseup + [ method ] + ** + * Adds event handler for mouseup for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.unmouseup + [ method ] + ** + * Removes event handler for mouseup for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + + /*\ + * Element.touchstart + [ method ] + ** + * Adds event handler for touchstart for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.untouchstart + [ method ] + ** + * Removes event handler for touchstart for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + + /*\ + * Element.touchmove + [ method ] + ** + * Adds event handler for touchmove for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.untouchmove + [ method ] + ** + * Removes event handler for touchmove for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + + /*\ + * Element.touchend + [ method ] + ** + * Adds event handler for touchend for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.untouchend + [ method ] + ** + * Removes event handler for touchend for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + + /*\ + * Element.touchcancel + [ method ] + ** + * Adds event handler for touchcancel for the element. + > Parameters + - handler (function) handler for the event + = (object) @Element + \*/ + /*\ + * Element.untouchcancel + [ method ] + ** + * Removes event handler for touchcancel for the element. + > Parameters + - handler (function) #optional handler for the event + = (object) @Element + \*/ + for (var i = events.length; i--;) { + (function (eventName) { + R[eventName] = elproto[eventName] = function (fn, scope) { + if (R.is(fn, "function")) { + this.events = this.events || []; + this.events.push({name: eventName, f: fn, unbind: addEvent(this.shape || this.node || g.doc, eventName, fn, scope || this)}); + } + return this; + }; + R["un" + eventName] = elproto["un" + eventName] = function (fn) { + var events = this.events || [], + l = events.length; + while (l--){ + if (events[l].name == eventName && (R.is(fn, "undefined") || events[l].f == fn)) { + events[l].unbind(); + events.splice(l, 1); + !events.length && delete this.events; + } + } + return this; + }; + })(events[i]); + } + + /*\ + * Element.data + [ method ] + ** + * Adds or retrieves given value asociated with given key. + ** + * See also @Element.removeData + > Parameters + - key (string) key to store data + - value (any) #optional value to store + = (object) @Element + * or, if value is not specified: + = (any) value + * or, if key and value are not specified: + = (object) Key/value pairs for all the data associated with the element. + > Usage + | for (var i = 0, i < 5, i++) { + | paper.circle(10 + 15 * i, 10, 10) + | .attr({fill: "#000"}) + | .data("i", i) + | .click(function () { + | alert(this.data("i")); + | }); + | } + \*/ + elproto.data = function (key, value) { + var data = eldata[this.id] = eldata[this.id] || {}; + if (arguments.length == 0) { + return data; + } + if (arguments.length == 1) { + if (R.is(key, "object")) { + for (var i in key) if (key[has](i)) { + this.data(i, key[i]); + } + return this; + } + eve("raphael.data.get." + this.id, this, data[key], key); + return data[key]; + } + data[key] = value; + eve("raphael.data.set." + this.id, this, value, key); + return this; + }; + + elproto.datum = function(){ + return arguments.length == 0 ? this._bindData : ((this._bindData = arguments[0]), this); + }; + + /*\ + * Element.removeData + [ method ] + ** + * Removes value associated with an element by given key. + * If key is not provided, removes all the data of the element. + > Parameters + - key (string) #optional key + = (object) @Element + \*/ + elproto.removeData = function (key) { + if (key == null) { + eldata[this.id] = {}; + } else { + eldata[this.id] && delete eldata[this.id][key]; + } + return this; + }; + /*\ + * Element.getData + [ method ] + ** + * Retrieves the element data + = (object) data + \*/ + elproto.getData = function () { + return clone(eldata[this.id] || {}); + }; + /*\ + * Element.hover + [ method ] + ** + * Adds event handlers for hover for the element. + > Parameters + - f_in (function) handler for hover in + - f_out (function) handler for hover out + - icontext (object) #optional context for hover in handler + - ocontext (object) #optional context for hover out handler + = (object) @Element + \*/ + elproto.hover = function (f_in, f_out, scope_in, scope_out) { + return this.mouseover(f_in, scope_in).mouseout(f_out, scope_out || scope_in); + }; + /*\ + * Element.unhover + [ method ] + ** + * Removes event handlers for hover for the element. + > Parameters + - f_in (function) handler for hover in + - f_out (function) handler for hover out + = (object) @Element + \*/ + elproto.unhover = function (f_in, f_out) { + return this.unmouseover(f_in).unmouseout(f_out); + }; + var draggable = []; + /*\ + * Element.drag + [ method ] + ** + * Adds event handlers for drag of the element. + > Parameters + - onmove (function) handler for moving + - onstart (function) handler for drag start + - onend (function) handler for drag end + - mcontext (object) #optional context for moving handler + - scontext (object) #optional context for drag start handler + - econtext (object) #optional context for drag end handler + * Additionaly following `drag` events will be triggered: `drag.start.` on start, + * `drag.end.` on end and `drag.move.` on every move. When element will be dragged over another element + * `drag.over.` will be fired as well. + * + * Start event and start handler will be called in specified context or in context of the element with following parameters: + o x (number) x position of the mouse + o y (number) y position of the mouse + o event (object) DOM event object + * Move event and move handler will be called in specified context or in context of the element with following parameters: + o dx (number) shift by x from the start point + o dy (number) shift by y from the start point + o x (number) x position of the mouse + o y (number) y position of the mouse + o event (object) DOM event object + * End event and end handler will be called in specified context or in context of the element with following parameters: + o event (object) DOM event object + = (object) @Element + \*/ + elproto.drag = function (onmove, onstart, onend, move_scope, start_scope, end_scope) { + function start(e) { + (e.originalEvent || e).preventDefault(); + var x = e.clientX, + y = e.clientY, + scrollY = g.doc.documentElement.scrollTop || g.doc.body.scrollTop, + scrollX = g.doc.documentElement.scrollLeft || g.doc.body.scrollLeft; + this._drag.id = e.identifier; + if (supportsTouch && e.touches) { + var i = e.touches.length, touch; + while (i--) { + touch = e.touches[i]; + this._drag.id = touch.identifier; + if (touch.identifier == this._drag.id) { + x = touch.clientX; + y = touch.clientY; + break; + } + } + } + this._drag.x = x + scrollX; + this._drag.y = y + scrollY; + !drag.length && R.mousemove(dragMove).mouseup(dragUp); + drag.push({el: this, move_scope: move_scope, start_scope: start_scope, end_scope: end_scope}); + onstart && eve.on("raphael.drag.start." + this.id, onstart); + onmove && eve.on("raphael.drag.move." + this.id, onmove); + onend && eve.on("raphael.drag.end." + this.id, onend); + eve("raphael.drag.start." + this.id, start_scope || move_scope || this, e.clientX + scrollX, e.clientY + scrollY, e); + } + this._drag = {}; + draggable.push({el: this, start: start}); + this.mousedown(start); + return this; + }; + /*\ + * Element.onDragOver + [ method ] + ** + * Shortcut for assigning event handler for `drag.over.` event, where id is id of the element (see @Element.id). + > Parameters + - f (function) handler for event, first argument would be the element you are dragging over + \*/ + elproto.onDragOver = function (f) { + f ? eve.on("raphael.drag.over." + this.id, f) : eve.unbind("raphael.drag.over." + this.id); + }; + /*\ + * Element.undrag + [ method ] + ** + * Removes all drag event handlers from given element. + \*/ + elproto.undrag = function () { + var i = draggable.length; + while (i--) if (draggable[i].el == this) { + this.unmousedown(draggable[i].start); + draggable.splice(i, 1); + eve.unbind("raphael.drag.*." + this.id); + } + !draggable.length && R.unmousemove(dragMove).unmouseup(dragUp); + drag = []; + }; + /*\ + * Paper.circle + [ method ] + ** + * Draws a circle. + ** + > Parameters + ** + - x (number) x coordinate of the centre + - y (number) y coordinate of the centre + - r (number) radius + = (object) Raphaël element object with type “circle” + ** + > Usage + | var c = paper.circle(50, 50, 40); + \*/ + paperproto.circle = function (x, y, r) { + var out = R._engine.circle(this, x || 0, y || 0, r || 0); + this.__set__ && this.__set__.push(out); + return out; + }; + /*\ + * Paper.rect + [ method ] + * + * Draws a rectangle. + ** + > Parameters + ** + - x (number) x coordinate of the top left corner + - y (number) y coordinate of the top left corner + - width (number) width + - height (number) height + - r (number) #optional radius for rounded corners, default is 0 + = (object) Raphaël element object with type “rect” + ** + > Usage + | // regular rectangle + | var c = paper.rect(10, 10, 50, 50); + | // rectangle with rounded corners + | var c = paper.rect(40, 40, 50, 50, 10); + \*/ + paperproto.rect = function (x, y, w, h, r) { + var out = R._engine.rect(this, x || 0, y || 0, w || 0, h || 0, r || 0); + this.__set__ && this.__set__.push(out); + return out; + }; + /*\ + * Paper.ellipse + [ method ] + ** + * Draws an ellipse. + ** + > Parameters + ** + - x (number) x coordinate of the centre + - y (number) y coordinate of the centre + - rx (number) horizontal radius + - ry (number) vertical radius + = (object) Raphaël element object with type “ellipse” + ** + > Usage + | var c = paper.ellipse(50, 50, 40, 20); + \*/ + paperproto.ellipse = function (x, y, rx, ry) { + var out = R._engine.ellipse(this, x || 0, y || 0, rx || 0, ry || 0); + this.__set__ && this.__set__.push(out); + return out; + }; + /*\ + * Paper.path + [ method ] + ** + * Creates a path element by given path data string. + > Parameters + - pathString (string) #optional path string in SVG format. + * Path string consists of one-letter commands, followed by comma seprarated arguments in numercal form. Example: + | "M10,20L30,40" + * Here we can see two commands: “M”, with arguments `(10, 20)` and “L” with arguments `(30, 40)`. Upper case letter mean command is absolute, lower case—relative. + * + #

Here is short list of commands available, for more details see SVG path string format.

+ # + # + # + # + # + # + # + # + # + # + # + #
CommandNameParameters
Mmoveto(x y)+
Zclosepath(none)
Llineto(x y)+
Hhorizontal linetox+
Vvertical linetoy+
Ccurveto(x1 y1 x2 y2 x y)+
Ssmooth curveto(x2 y2 x y)+
Qquadratic Bézier curveto(x1 y1 x y)+
Tsmooth quadratic Bézier curveto(x y)+
Aelliptical arc(rx ry x-axis-rotation large-arc-flag sweep-flag x y)+
RCatmull-Rom curveto*x1 y1 (x y)+
+ * * “Catmull-Rom curveto” is a not standard SVG command and added in 2.0 to make life easier. + * Note: there is a special case when path consist of just three commands: “M10,10R…z”. In this case path will smoothly connects to its beginning. + > Usage + | var c = paper.path("M10 10L90 90"); + | // draw a diagonal line: + | // move to 10,10, line to 90,90 + * For example of path strings, check out these icons: http://raphaeljs.com/icons/ + \*/ + paperproto.path = function (pathString) { + pathString && !R.is(pathString, string) && !R.is(pathString[0], array) && (pathString += E); + var out = R._engine.path(R.format[apply](R, arguments), this); + this.__set__ && this.__set__.push(out); + return out; + }; + /*\ + * Paper.image + [ method ] + ** + * Embeds an image into the surface. + ** + > Parameters + ** + - src (string) URI of the source image + - x (number) x coordinate position + - y (number) y coordinate position + - width (number) width of the image + - height (number) height of the image + = (object) Raphaël element object with type “image” + ** + > Usage + | var c = paper.image("apple.png", 10, 10, 80, 80); + \*/ + paperproto.image = function (src, x, y, w, h) { + var out = R._engine.image(this, src || "about:blank", x || 0, y || 0, w || 0, h || 0); + this.__set__ && this.__set__.push(out); + return out; + }; + /*\ + * Paper.text + [ method ] + ** + * Draws a text string. If you need line breaks, put “\n” in the string. + ** + > Parameters + ** + - x (number) x coordinate position + - y (number) y coordinate position + - text (string) The text string to draw + = (object) Raphaël element object with type “text” + ** + > Usage + | var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); + \*/ + paperproto.text = function (x, y, text) { + var out = R._engine.text(this, x || 0, y || 0, Str(text)); + this.__set__ && this.__set__.push(out); + return out; + }; + /*\ + * Paper.set + [ method ] + ** + * Creates array-like object to keep and operate several elements at once. + * Warning: it doesn’t create any elements for itself in the page, it just groups existing elements. + * Sets act as pseudo elements — all methods available to an element can be used on a set. + = (object) array-like object that represents set of elements + ** + > Usage + | var st = paper.set(); + | st.push( + | paper.circle(10, 10, 5), + | paper.circle(30, 10, 5) + | ); + | st.attr({fill: "red"}); // changes the fill of both circles + \*/ + paperproto.set = function (itemsArray) { + !R.is(itemsArray, "array") && (itemsArray = Array.prototype.splice.call(arguments, 0, arguments.length)); + var out = new Set(itemsArray); + this.__set__ && this.__set__.push(out); + out["paper"] = this; + out["type"] = "set"; + return out; + }; + /*\ + * Paper.setStart + [ method ] + ** + * Creates @Paper.set. All elements that will be created after calling this method and before calling + * @Paper.setFinish will be added to the set. + ** + > Usage + | paper.setStart(); + | paper.circle(10, 10, 5), + | paper.circle(30, 10, 5) + | var st = paper.setFinish(); + | st.attr({fill: "red"}); // changes the fill of both circles + \*/ + paperproto.setStart = function (set) { + this.__set__ = set || this.set(); + }; + /*\ + * Paper.setFinish + [ method ] + ** + * See @Paper.setStart. This method finishes catching and returns resulting set. + ** + = (object) set + \*/ + paperproto.setFinish = function (set) { + var out = this.__set__; + delete this.__set__; + return out; + }; + /*\ + * Paper.getSize + [ method ] + ** + * Obtains current paper actual size. + ** + = (object) + \*/ + paperproto.getSize = function () { + var container = this.canvas.parentNode; + return { + width: container.offsetWidth, + height: container.offsetHeight + }; + }; + /*\ + * Paper.setSize + [ method ] + ** + * If you need to change dimensions of the canvas call this method + ** + > Parameters + ** + - width (number) new width of the canvas + - height (number) new height of the canvas + \*/ + paperproto.setSize = function (width, height) { + return R._engine.setSize.call(this, width, height); + }; + /*\ + * Paper.setViewBox + [ method ] + ** + * Sets the view box of the paper. Practically it gives you ability to zoom and pan whole paper surface by + * specifying new boundaries. + ** + > Parameters + ** + - x (number) new x position, default is `0` + - y (number) new y position, default is `0` + - w (number) new width of the canvas + - h (number) new height of the canvas + - fit (boolean) `true` if you want graphics to fit into new boundary box + \*/ + paperproto.setViewBox = function (x, y, w, h, fit) { + return R._engine.setViewBox.call(this, x, y, w, h, fit); + }; + /*\ + * Paper.top + [ property ] + ** + * Points to the topmost element on the paper + \*/ + /*\ + * Paper.bottom + [ property ] + ** + * Points to the bottom element on the paper + \*/ + paperproto.top = paperproto.bottom = null; + /*\ + * Paper.raphael + [ property ] + ** + * Points to the @Raphael object/function + \*/ + paperproto.raphael = R; + var getOffset = function (elem) { + var box = elem.getBoundingClientRect(), + doc = elem.ownerDocument, + body = doc.body, + docElem = doc.documentElement, + clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, + top = box.top + (g.win.pageYOffset || docElem.scrollTop || body.scrollTop ) - clientTop, + left = box.left + (g.win.pageXOffset || docElem.scrollLeft || body.scrollLeft) - clientLeft; + return { + y: top, + x: left + }; + }; + /*\ + * Paper.getElementByPoint + [ method ] + ** + * Returns you topmost element under given point. + ** + = (object) Raphaël element object + > Parameters + ** + - x (number) x coordinate from the top left corner of the window + - y (number) y coordinate from the top left corner of the window + > Usage + | paper.getElementByPoint(mouseX, mouseY).attr({stroke: "#f00"}); + \*/ + paperproto.getElementByPoint = function (x, y) { + var paper = this, + svg = paper.canvas, + target = g.doc.elementFromPoint(x, y); + if (g.win.opera && target.tagName == "svg") { + var so = getOffset(svg), + sr = svg.createSVGRect(); + sr.x = x - so.x; + sr.y = y - so.y; + sr.width = sr.height = 1; + var hits = svg.getIntersectionList(sr, null); + if (hits.length) { + target = hits[hits.length - 1]; + } + } + if (!target) { + return null; + } + while (target.parentNode && target != svg.parentNode && !target.raphael) { + target = target.parentNode; + } + target == paper.canvas.parentNode && (target = svg); + target = target && target.raphael ? paper.getById(target.raphaelid) : null; + return target; + }; + + /*\ + * Paper.getElementsByBBox + [ method ] + ** + * Returns set of elements that have an intersecting bounding box + ** + > Parameters + ** + - bbox (object) bbox to check with + = (object) @Set + \*/ + paperproto.getElementsByBBox = function (bbox) { + var set = this.set(); + this.forEach(function (el) { + if (R.isBBoxIntersect(el.getBBox(), bbox)) { + set.push(el); + } + }); + return set; + }; + + /*\ + * Paper.getById + [ method ] + ** + * Returns you element by its internal ID. + ** + > Parameters + ** + - id (number) id + = (object) Raphaël element object + \*/ + paperproto.getById = function (id) { + var bot = this.bottom; + while (bot) { + if (bot.id == id) { + return bot; + } + bot = bot.next; + } + return null; + }; + /*\ + * Paper.forEach + [ method ] + ** + * Executes given function for each element on the paper + * + * If callback function returns `false` it will stop loop running. + ** + > Parameters + ** + - callback (function) function to run + - thisArg (object) context object for the callback + = (object) Paper object + > Usage + | paper.forEach(function (el) { + | el.attr({ stroke: "blue" }); + | }); + \*/ + paperproto.forEach = function (callback, thisArg) { + var bot = this.bottom; + while (bot) { + if (callback.call(thisArg, bot) === false) { + return this; + } + bot = bot.next; + } + return this; + }; + /*\ + * Paper.getElementsByPoint + [ method ] + ** + * Returns set of elements that have common point inside + ** + > Parameters + ** + - x (number) x coordinate of the point + - y (number) y coordinate of the point + = (object) @Set + \*/ + paperproto.getElementsByPoint = function (x, y) { + var set = this.set(); + this.forEach(function (el) { + if (el.isPointInside(x, y)) { + set.push(el); + } + }); + return set; + }; + function x_y() { + return this.x + S + this.y; + } + function x_y_w_h() { + return this.x + S + this.y + S + this.width + " \xd7 " + this.height; + } + /*\ + * Element.isPointInside + [ method ] + ** + * Determine if given point is inside this element’s shape + ** + > Parameters + ** + - x (number) x coordinate of the point + - y (number) y coordinate of the point + = (boolean) `true` if point inside the shape + \*/ + elproto.isPointInside = function (x, y) { + var rp = this.realPath = getPath[this.type](this); + if (this.attr('transform') && this.attr('transform').length) { + rp = R.transformPath(rp, this.attr('transform')); + } + return R.isPointInsidePath(rp, x, y); + }; + /*\ + * Element.getBBox + [ method ] + ** + * Return bounding box for a given element + ** + > Parameters + ** + - isWithoutTransform (boolean) flag, `true` if you want to have bounding box before transformations. Default is `false`. + = (object) Bounding box object: + o { + o x: (number) top left corner x + o y: (number) top left corner y + o x2: (number) bottom right corner x + o y2: (number) bottom right corner y + o width: (number) width + o height: (number) height + o } + \*/ + elproto.getBBox = function (isWithoutTransform) { + if (this.removed) { + return {}; + } + var _ = this._; + if (isWithoutTransform) { + if (_.dirty || !_.bboxwt) { + this.realPath = getPath[this.type](this); + _.bboxwt = pathDimensions(this.realPath); + _.bboxwt.toString = x_y_w_h; + _.dirty = 0; + } + return _.bboxwt; + } + if (_.dirty || _.dirtyT || !_.bbox) { + if (_.dirty || !this.realPath) { + _.bboxwt = 0; + this.realPath = getPath[this.type](this); + } + _.bbox = pathDimensions(mapPath(this.realPath, this.matrix)); + _.bbox.toString = x_y_w_h; + _.dirty = _.dirtyT = 0; + } + return _.bbox; + }; + /*\ + * Element.clone + [ method ] + ** + = (object) clone of a given element + ** + \*/ + elproto.clone = function () { + if (this.removed) { + return null; + } + var out = this.paper[this.type]().attr(this.attr()); + this.__set__ && this.__set__.push(out); + return out; + }; + /*\ + * Element.glow + [ method ] + ** + * Return set of elements that create glow-like effect around given element. See @Paper.set. + * + * Note: Glow is not connected to the element. If you change element attributes it won’t adjust itself. + ** + > Parameters + ** + - glow (object) #optional parameters object with all properties optional: + o { + o width (number) size of the glow, default is `10` + o fill (boolean) will it be filled, default is `false` + o opacity (number) opacity, default is `0.5` + o offsetx (number) horizontal offset, default is `0` + o offsety (number) vertical offset, default is `0` + o color (string) glow colour, default is `black` + o } + = (object) @Paper.set of elements that represents glow + \*/ + elproto.glow = function (glow) { + if (this.type == "text") { + return null; + } + glow = glow || {}; + var s = { + width: (glow.width || 10) + (+this.attr("stroke-width") || 1), + fill: glow.fill || false, + opacity: glow.opacity == null ? .5 : glow.opacity, + offsetx: glow.offsetx || 0, + offsety: glow.offsety || 0, + color: glow.color || "#000" + }, + c = s.width / 2, + r = this.paper, + out = r.set(), + path = this.realPath || getPath[this.type](this); + path = this.matrix ? mapPath(path, this.matrix) : path; + for (var i = 1; i < c + 1; i++) { + out.push(r.path(path).attr({ + stroke: s.color, + fill: s.fill ? s.color : "none", + "stroke-linejoin": "round", + "stroke-linecap": "round", + "stroke-width": +(s.width / c * i).toFixed(3), + opacity: +(s.opacity / c).toFixed(3) + })); + } + return out.insertBefore(this).translate(s.offsetx, s.offsety); + }; + var curveslengths = {}, + getPointAtSegmentLength = function (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, length) { + if (length == null) { + return bezlen(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y); + } else { + return R.findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, getTatLen(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, length)); + } + }, + getLengthFactory = function (istotal, subpath) { + return function (path, length, onlystart) { + path = path2curve(path); + var x, y, p, l, sp = "", subpaths = {}, point, + len = 0; + for (var i = 0, ii = path.length; i < ii; i++) { + p = path[i]; + if (p[0] == "M") { + x = +p[1]; + y = +p[2]; + } else { + l = getPointAtSegmentLength(x, y, p[1], p[2], p[3], p[4], p[5], p[6]); + if (len + l > length) { + if (subpath && !subpaths.start) { + point = getPointAtSegmentLength(x, y, p[1], p[2], p[3], p[4], p[5], p[6], length - len); + sp += ["C" + point.start.x, point.start.y, point.m.x, point.m.y, point.x, point.y]; + if (onlystart) {return sp;} + subpaths.start = sp; + sp = ["M" + point.x, point.y + "C" + point.n.x, point.n.y, point.end.x, point.end.y, p[5], p[6]].join(); + len += l; + x = +p[5]; + y = +p[6]; + continue; + } + if (!istotal && !subpath) { + point = getPointAtSegmentLength(x, y, p[1], p[2], p[3], p[4], p[5], p[6], length - len); + return {x: point.x, y: point.y, alpha: point.alpha}; + } + } + len += l; + x = +p[5]; + y = +p[6]; + } + sp += p.shift() + p; + } + subpaths.end = sp; + point = istotal ? len : subpath ? subpaths : R.findDotsAtSegment(x, y, p[0], p[1], p[2], p[3], p[4], p[5], 1); + point.alpha && (point = {x: point.x, y: point.y, alpha: point.alpha}); + return point; + }; + }; + var getTotalLength = getLengthFactory(1), + getPointAtLength = getLengthFactory(), + getSubpathsAtLength = getLengthFactory(0, 1); + /*\ + * Raphael.getTotalLength + [ method ] + ** + * Returns length of the given path in pixels. + ** + > Parameters + ** + - path (string) SVG path string. + ** + = (number) length. + \*/ + R.getTotalLength = getTotalLength; + /*\ + * Raphael.getPointAtLength + [ method ] + ** + * Return coordinates of the point located at the given length on the given path. + ** + > Parameters + ** + - path (string) SVG path string + - length (number) + ** + = (object) representation of the point: + o { + o x: (number) x coordinate + o y: (number) y coordinate + o alpha: (number) angle of derivative + o } + \*/ + R.getPointAtLength = getPointAtLength; + /*\ + * Raphael.getSubpath + [ method ] + ** + * Return subpath of a given path from given length to given length. + ** + > Parameters + ** + - path (string) SVG path string + - from (number) position of the start of the segment + - to (number) position of the end of the segment + ** + = (string) pathstring for the segment + \*/ + R.getSubpath = function (path, from, to) { + if (this.getTotalLength(path) - to < 1e-6) { + return getSubpathsAtLength(path, from).end; + } + var a = getSubpathsAtLength(path, to, 1); + return from ? getSubpathsAtLength(a, from).end : a; + }; + /*\ + * Element.getTotalLength + [ method ] + ** + * Returns length of the path in pixels. Only works for element of “path” type. + = (number) length. + \*/ + elproto.getTotalLength = function () { + var path = this.getPath(); + if (!path) { + return; + } + + if (this.node.getTotalLength) { + return this.node.getTotalLength(); + } + + return getTotalLength(path); + }; + /*\ + * Element.getPointAtLength + [ method ] + ** + * Return coordinates of the point located at the given length on the given path. Only works for element of “path” type. + ** + > Parameters + ** + - length (number) + ** + = (object) representation of the point: + o { + o x: (number) x coordinate + o y: (number) y coordinate + o alpha: (number) angle of derivative + o } + \*/ + elproto.getPointAtLength = function (length) { + var path = this.getPath(); + if (!path) { + return; + } + + return getPointAtLength(path, length); + }; + /*\ + * Element.getPath + [ method ] + ** + * Returns path of the element. Only works for elements of “path” type and simple elements like circle. + = (object) path + ** + \*/ + elproto.getPath = function () { + var path, + getPath = R._getPath[this.type]; + + if (this.type == "text" || this.type == "set") { + return; + } + + if (getPath) { + path = getPath(this); + } + + return path; + }; + /*\ + * Element.getSubpath + [ method ] + ** + * Return subpath of a given element from given length to given length. Only works for element of “path” type. + ** + > Parameters + ** + - from (number) position of the start of the segment + - to (number) position of the end of the segment + ** + = (string) pathstring for the segment + \*/ + elproto.getSubpath = function (from, to) { + var path = this.getPath(); + if (!path) { + return; + } + + return R.getSubpath(path, from, to); + }; + /*\ + * Raphael.easing_formulas + [ property ] + ** + * Object that contains easing formulas for animation. You could extend it with your own. By default it has following list of easing: + #
    + #
  • “linear”
  • + #
  • “<” or “easeIn” or “ease-in”
  • + #
  • “>” or “easeOut” or “ease-out”
  • + #
  • “<>” or “easeInOut” or “ease-in-out”
  • + #
  • “backIn” or “back-in”
  • + #
  • “backOut” or “back-out”
  • + #
  • “elastic”
  • + #
  • “bounce”
  • + #
+ #

See also Easing demo.

+ \*/ + var ef = R.easing_formulas = { + linear: function (n) { + return n; + }, + "<": function (n) { + return pow(n, 1.7); + }, + ">": function (n) { + return pow(n, .48); + }, + "<>": function (n) { + var q = .48 - n / 1.04, + Q = math.sqrt(.1734 + q * q), + x = Q - q, + X = pow(abs(x), 1 / 3) * (x < 0 ? -1 : 1), + y = -Q - q, + Y = pow(abs(y), 1 / 3) * (y < 0 ? -1 : 1), + t = X + Y + .5; + return (1 - t) * 3 * t * t + t * t * t; + }, + backIn: function (n) { + var s = 1.70158; + return n * n * ((s + 1) * n - s); + }, + backOut: function (n) { + n = n - 1; + var s = 1.70158; + return n * n * ((s + 1) * n + s) + 1; + }, + elastic: function (n) { + if (n == !!n) { + return n; + } + return pow(2, -10 * n) * math.sin((n - .075) * (2 * PI) / .3) + 1; + }, + bounce: function (n) { + var s = 7.5625, + p = 2.75, + l; + if (n < (1 / p)) { + l = s * n * n; + } else { + if (n < (2 / p)) { + n -= (1.5 / p); + l = s * n * n + .75; + } else { + if (n < (2.5 / p)) { + n -= (2.25 / p); + l = s * n * n + .9375; + } else { + n -= (2.625 / p); + l = s * n * n + .984375; + } + } + } + return l; + } + }; + ef.easeIn = ef["ease-in"] = ef["<"]; + ef.easeOut = ef["ease-out"] = ef[">"]; + ef.easeInOut = ef["ease-in-out"] = ef["<>"]; + ef["back-in"] = ef.backIn; + ef["back-out"] = ef.backOut; + + var animationElements = [], + requestAnimFrame = window.requestAnimationFrame || + window.webkitRequestAnimationFrame || + window.mozRequestAnimationFrame || + window.oRequestAnimationFrame || + window.msRequestAnimationFrame || + function (callback) { + setTimeout(callback, 16); + }, + animation = function () { + var Now = +new Date, + l = 0; + for (; l < animationElements.length; l++) { + var e = animationElements[l]; + if (e.el.removed || e.paused) { + continue; + } + var time = Now - e.start, + ms = e.ms, + easing = e.easing, + from = e.from, + diff = e.diff, + to = e.to, + t = e.t, + that = e.el, + set = {}, + now, + init = {}, + key; + if (e.initstatus) { + time = (e.initstatus * e.anim.top - e.prev) / (e.percent - e.prev) * ms; + e.status = e.initstatus; + delete e.initstatus; + e.stop && animationElements.splice(l--, 1); + } else { + e.status = (e.prev + (e.percent - e.prev) * (time / ms)) / e.anim.top; + } + if (time < 0) { + continue; + } + if (time < ms) { + var pos = easing(time / ms); + for (var attr in from) if (from[has](attr)) { + switch (availableAnimAttrs[attr]) { + case nu: + now = +from[attr] + pos * ms * diff[attr]; + break; + case "colour": + now = "rgb(" + [ + upto255(round(from[attr].r + pos * ms * diff[attr].r)), + upto255(round(from[attr].g + pos * ms * diff[attr].g)), + upto255(round(from[attr].b + pos * ms * diff[attr].b)) + ].join(",") + ")"; + break; + case "path": + now = []; + for (var i = 0, ii = from[attr].length; i < ii; i++) { + now[i] = [from[attr][i][0]]; + for (var j = 1, jj = from[attr][i].length; j < jj; j++) { + now[i][j] = +from[attr][i][j] + pos * ms * diff[attr][i][j]; + } + now[i] = now[i].join(S); + } + now = now.join(S); + break; + case "transform": + if (diff[attr].real) { + now = []; + for (i = 0, ii = from[attr].length; i < ii; i++) { + now[i] = [from[attr][i][0]]; + for (j = 1, jj = from[attr][i].length; j < jj; j++) { + now[i][j] = from[attr][i][j] + pos * ms * diff[attr][i][j]; + } + } + } else { + var get = function (i) { + return +from[attr][i] + pos * ms * diff[attr][i]; + }; + // now = [["r", get(2), 0, 0], ["t", get(3), get(4)], ["s", get(0), get(1), 0, 0]]; + now = [["m", get(0), get(1), get(2), get(3), get(4), get(5)]]; + } + break; + case "csv": + if (attr == "clip-rect") { + now = []; + i = 4; + while (i--) { + now[i] = +from[attr][i] + pos * ms * diff[attr][i]; + } + } + break; + default: + var from2 = [][concat](from[attr]); + now = []; + i = that.paper.customAttributes[attr].length; + while (i--) { + now[i] = +from2[i] + pos * ms * diff[attr][i]; + } + break; + } + set[attr] = now; + } + that.attr(set); + (function (id, that, anim) { + setTimeout(function () { + eve("raphael.anim.frame." + id, that, anim); + }); + })(that.id, that, e.anim); + } else { + (function(f, el, a) { + setTimeout(function() { + eve("raphael.anim.frame." + el.id, el, a); + eve("raphael.anim.finish." + el.id, el, a); + R.is(f, "function") && f.call(el); + }); + })(e.callback, that, e.anim); + that.attr(to); + animationElements.splice(l--, 1); + if (e.repeat > 1 && !e.next) { + for (key in to) if (to[has](key)) { + init[key] = e.totalOrigin[key]; + } + e.el.attr(init); + runAnimation(e.anim, e.el, e.anim.percents[0], null, e.totalOrigin, e.repeat - 1); + } + if (e.next && !e.stop) { + runAnimation(e.anim, e.el, e.next, null, e.totalOrigin, e.repeat); + } + } + } + animationElements.length && requestAnimFrame(animation); + }, + upto255 = function (color) { + return color > 255 ? 255 : color < 0 ? 0 : color; + }; + /*\ + * Element.animateWith + [ method ] + ** + * Acts similar to @Element.animate, but ensure that given animation runs in sync with another given element. + ** + > Parameters + ** + - el (object) element to sync with + - anim (object) animation to sync with + - params (object) #optional final attributes for the element, see also @Element.attr + - ms (number) #optional number of milliseconds for animation to run + - easing (string) #optional easing type. Accept on of @Raphael.easing_formulas or CSS format: `cubic‐bezier(XX, XX, XX, XX)` + - callback (function) #optional callback function. Will be called at the end of animation. + * or + - element (object) element to sync with + - anim (object) animation to sync with + - animation (object) #optional animation object, see @Raphael.animation + ** + = (object) original element + \*/ + elproto.animateWith = function (el, anim, params, ms, easing, callback) { + var element = this; + if (element.removed) { + callback && callback.call(element); + return element; + } + var a = params instanceof Animation ? params : R.animation(params, ms, easing, callback), + x, y; + runAnimation(a, element, a.percents[0], null, element.attr()); + for (var i = 0, ii = animationElements.length; i < ii; i++) { + if (animationElements[i].anim == anim && animationElements[i].el == el) { + animationElements[ii - 1].start = animationElements[i].start; + break; + } + } + return element; + // + // + // var a = params ? R.animation(params, ms, easing, callback) : anim, + // status = element.status(anim); + // return this.animate(a).status(a, status * anim.ms / a.ms); + }; + function CubicBezierAtTime(t, p1x, p1y, p2x, p2y, duration) { + var cx = 3 * p1x, + bx = 3 * (p2x - p1x) - cx, + ax = 1 - cx - bx, + cy = 3 * p1y, + by = 3 * (p2y - p1y) - cy, + ay = 1 - cy - by; + function sampleCurveX(t) { + return ((ax * t + bx) * t + cx) * t; + } + function solve(x, epsilon) { + var t = solveCurveX(x, epsilon); + return ((ay * t + by) * t + cy) * t; + } + function solveCurveX(x, epsilon) { + var t0, t1, t2, x2, d2, i; + for(t2 = x, i = 0; i < 8; i++) { + x2 = sampleCurveX(t2) - x; + if (abs(x2) < epsilon) { + return t2; + } + d2 = (3 * ax * t2 + 2 * bx) * t2 + cx; + if (abs(d2) < 1e-6) { + break; + } + t2 = t2 - x2 / d2; + } + t0 = 0; + t1 = 1; + t2 = x; + if (t2 < t0) { + return t0; + } + if (t2 > t1) { + return t1; + } + while (t0 < t1) { + x2 = sampleCurveX(t2); + if (abs(x2 - x) < epsilon) { + return t2; + } + if (x > x2) { + t0 = t2; + } else { + t1 = t2; + } + t2 = (t1 - t0) / 2 + t0; + } + return t2; + } + return solve(t, 1 / (200 * duration)); + } + elproto.onAnimation = function (f) { + f ? eve.on("raphael.anim.frame." + this.id, f) : eve.unbind("raphael.anim.frame." + this.id); + return this; + }; + function Animation(anim, ms) { + var percents = [], + newAnim = {}; + this.ms = ms; + this.times = 1; + if (anim) { + for (var attr in anim) if (anim[has](attr)) { + newAnim[toFloat(attr)] = anim[attr]; + percents.push(toFloat(attr)); + } + percents.sort(sortByNumber); + } + this.anim = newAnim; + this.top = percents[percents.length - 1]; + this.percents = percents; + } + /*\ + * Animation.delay + [ method ] + ** + * Creates a copy of existing animation object with given delay. + ** + > Parameters + ** + - delay (number) number of ms to pass between animation start and actual animation + ** + = (object) new altered Animation object + | var anim = Raphael.animation({cx: 10, cy: 20}, 2e3); + | circle1.animate(anim); // run the given animation immediately + | circle2.animate(anim.delay(500)); // run the given animation after 500 ms + \*/ + Animation.prototype.delay = function (delay) { + var a = new Animation(this.anim, this.ms); + a.times = this.times; + a.del = +delay || 0; + return a; + }; + /*\ + * Animation.repeat + [ method ] + ** + * Creates a copy of existing animation object with given repetition. + ** + > Parameters + ** + - repeat (number) number iterations of animation. For infinite animation pass `Infinity` + ** + = (object) new altered Animation object + \*/ + Animation.prototype.repeat = function (times) { + var a = new Animation(this.anim, this.ms); + a.del = this.del; + a.times = math.floor(mmax(times, 0)) || 1; + return a; + }; + function runAnimation(anim, element, percent, status, totalOrigin, times) { + percent = toFloat(percent); + var params, + isInAnim, + isInAnimSet, + percents = [], + next, + prev, + timestamp, + ms = anim.ms, + from = {}, + to = {}, + diff = {}; + if (status) { + for (i = 0, ii = animationElements.length; i < ii; i++) { + var e = animationElements[i]; + if (e.el.id == element.id && e.anim == anim) { + if (e.percent != percent) { + animationElements.splice(i, 1); + isInAnimSet = 1; + } else { + isInAnim = e; + } + element.attr(e.totalOrigin); + break; + } + } + } else { + status = +to; // NaN + } + for (var i = 0, ii = anim.percents.length; i < ii; i++) { + if (anim.percents[i] == percent || anim.percents[i] > status * anim.top) { + percent = anim.percents[i]; + prev = anim.percents[i - 1] || 0; + ms = ms / anim.top * (percent - prev); + next = anim.percents[i + 1]; + params = anim.anim[percent]; + break; + } else if (status) { + element.attr(anim.anim[anim.percents[i]]); + } + } + if (!params) { + return; + } + if (!isInAnim) { + for (var attr in params) if (params[has](attr)) { + if (availableAnimAttrs[has](attr) || element.paper.customAttributes[has](attr)) { + from[attr] = element.attr(attr); + (from[attr] == null) && (from[attr] = availableAttrs[attr]); + to[attr] = params[attr]; + switch (availableAnimAttrs[attr]) { + case nu: + diff[attr] = (to[attr] - from[attr]) / ms; + break; + case "colour": + from[attr] = R.getRGB(from[attr]); + var toColour = R.getRGB(to[attr]); + diff[attr] = { + r: (toColour.r - from[attr].r) / ms, + g: (toColour.g - from[attr].g) / ms, + b: (toColour.b - from[attr].b) / ms + }; + break; + case "path": + var pathes = path2curve(from[attr], to[attr]), + toPath = pathes[1]; + from[attr] = pathes[0]; + diff[attr] = []; + for (i = 0, ii = from[attr].length; i < ii; i++) { + diff[attr][i] = [0]; + for (var j = 1, jj = from[attr][i].length; j < jj; j++) { + diff[attr][i][j] = (toPath[i][j] - from[attr][i][j]) / ms; + } + } + break; + case "transform": + var _ = element._, + eq = equaliseTransform(_[attr], to[attr]); + if (eq) { + from[attr] = eq.from; + to[attr] = eq.to; + diff[attr] = []; + diff[attr].real = true; + for (i = 0, ii = from[attr].length; i < ii; i++) { + diff[attr][i] = [from[attr][i][0]]; + for (j = 1, jj = from[attr][i].length; j < jj; j++) { + diff[attr][i][j] = (to[attr][i][j] - from[attr][i][j]) / ms; + } + } + } else { + var m = (element.matrix || new Matrix), + to2 = { + _: {transform: _.transform}, + getBBox: function () { + return element.getBBox(1); + } + }; + from[attr] = [ + m.a, + m.b, + m.c, + m.d, + m.e, + m.f + ]; + extractTransform(to2, to[attr]); + to[attr] = to2._.transform; + diff[attr] = [ + (to2.matrix.a - m.a) / ms, + (to2.matrix.b - m.b) / ms, + (to2.matrix.c - m.c) / ms, + (to2.matrix.d - m.d) / ms, + (to2.matrix.e - m.e) / ms, + (to2.matrix.f - m.f) / ms + ]; + // from[attr] = [_.sx, _.sy, _.deg, _.dx, _.dy]; + // var to2 = {_:{}, getBBox: function () { return element.getBBox(); }}; + // extractTransform(to2, to[attr]); + // diff[attr] = [ + // (to2._.sx - _.sx) / ms, + // (to2._.sy - _.sy) / ms, + // (to2._.deg - _.deg) / ms, + // (to2._.dx - _.dx) / ms, + // (to2._.dy - _.dy) / ms + // ]; + } + break; + case "csv": + var values = Str(params[attr])[split](separator), + from2 = Str(from[attr])[split](separator); + if (attr == "clip-rect") { + from[attr] = from2; + diff[attr] = []; + i = from2.length; + while (i--) { + diff[attr][i] = (values[i] - from[attr][i]) / ms; + } + } + to[attr] = values; + break; + default: + values = [][concat](params[attr]); + from2 = [][concat](from[attr]); + diff[attr] = []; + i = element.paper.customAttributes[attr].length; + while (i--) { + diff[attr][i] = ((values[i] || 0) - (from2[i] || 0)) / ms; + } + break; + } + } + } + var easing = params.easing, + easyeasy = R.easing_formulas[easing]; + if (!easyeasy) { + easyeasy = Str(easing).match(bezierrg); + if (easyeasy && easyeasy.length == 5) { + var curve = easyeasy; + easyeasy = function (t) { + return CubicBezierAtTime(t, +curve[1], +curve[2], +curve[3], +curve[4], ms); + }; + } else { + easyeasy = pipe; + } + } + timestamp = params.start || anim.start || +new Date; + e = { + anim: anim, + percent: percent, + timestamp: timestamp, + start: timestamp + (anim.del || 0), + status: 0, + initstatus: status || 0, + stop: false, + ms: ms, + easing: easyeasy, + from: from, + diff: diff, + to: to, + el: element, + callback: params.callback, + prev: prev, + next: next, + repeat: times || anim.times, + origin: element.attr(), + totalOrigin: totalOrigin + }; + animationElements.push(e); + if (status && !isInAnim && !isInAnimSet) { + e.stop = true; + e.start = new Date - ms * status; + if (animationElements.length == 1) { + return animation(); + } + } + if (isInAnimSet) { + e.start = new Date - e.ms * status; + } + animationElements.length == 1 && requestAnimFrame(animation); + } else { + isInAnim.initstatus = status; + isInAnim.start = new Date - isInAnim.ms * status; + } + eve("raphael.anim.start." + element.id, element, anim); + } + /*\ + * Raphael.animation + [ method ] + ** + * Creates an animation object that can be passed to the @Element.animate or @Element.animateWith methods. + * See also @Animation.delay and @Animation.repeat methods. + ** + > Parameters + ** + - params (object) final attributes for the element, see also @Element.attr + - ms (number) number of milliseconds for animation to run + - easing (string) #optional easing type. Accept one of @Raphael.easing_formulas or CSS format: `cubic‐bezier(XX, XX, XX, XX)` + - callback (function) #optional callback function. Will be called at the end of animation. + ** + = (object) @Animation + \*/ + R.animation = function (params, ms, easing, callback) { + if (params instanceof Animation) { + return params; + } + if (R.is(easing, "function") || !easing) { + callback = callback || easing || null; + easing = null; + } + params = Object(params); + ms = +ms || 0; + var p = {}, + json, + attr; + for (attr in params) if (params[has](attr) && toFloat(attr) != attr && toFloat(attr) + "%" != attr) { + json = true; + p[attr] = params[attr]; + } + if (!json) { + // if percent-like syntax is used and end-of-all animation callback used + if(callback){ + // find the last one + var lastKey = 0; + for(var i in params){ + var percent = toInt(i); + if(params[has](i) && percent > lastKey){ + lastKey = percent; + } + } + lastKey += '%'; + // if already defined callback in the last keyframe, skip + !params[lastKey].callback && (params[lastKey].callback = callback); + } + return new Animation(params, ms); + } else { + easing && (p.easing = easing); + callback && (p.callback = callback); + return new Animation({100: p}, ms); + } + }; + /*\ + * Element.animate + [ method ] + ** + * Creates and starts animation for given element. + ** + > Parameters + ** + - params (object) final attributes for the element, see also @Element.attr + - ms (number) number of milliseconds for animation to run + - easing (string) #optional easing type. Accept one of @Raphael.easing_formulas or CSS format: `cubic‐bezier(XX, XX, XX, XX)` + - callback (function) #optional callback function. Will be called at the end of animation. + * or + - animation (object) animation object, see @Raphael.animation + ** + = (object) original element + \*/ + elproto.animate = function (params, ms, easing, callback) { + var element = this; + if (element.removed) { + callback && callback.call(element); + return element; + } + var anim = params instanceof Animation ? params : R.animation(params, ms, easing, callback); + runAnimation(anim, element, anim.percents[0], null, element.attr()); + return element; + }; + /*\ + * Element.setTime + [ method ] + ** + * Sets the status of animation of the element in milliseconds. Similar to @Element.status method. + ** + > Parameters + ** + - anim (object) animation object + - value (number) number of milliseconds from the beginning of the animation + ** + = (object) original element if `value` is specified + * Note, that during animation following events are triggered: + * + * On each animation frame event `anim.frame.`, on start `anim.start.` and on end `anim.finish.`. + \*/ + elproto.setTime = function (anim, value) { + if (anim && value != null) { + this.status(anim, mmin(value, anim.ms) / anim.ms); + } + return this; + }; + /*\ + * Element.status + [ method ] + ** + * Gets or sets the status of animation of the element. + ** + > Parameters + ** + - anim (object) #optional animation object + - value (number) #optional 0 – 1. If specified, method works like a setter and sets the status of a given animation to the value. This will cause animation to jump to the given position. + ** + = (number) status + * or + = (array) status if `anim` is not specified. Array of objects in format: + o { + o anim: (object) animation object + o status: (number) status + o } + * or + = (object) original element if `value` is specified + \*/ + elproto.status = function (anim, value) { + var out = [], + i = 0, + len, + e; + if (value != null) { + runAnimation(anim, this, -1, mmin(value, 1)); + return this; + } else { + len = animationElements.length; + for (; i < len; i++) { + e = animationElements[i]; + if (e.el.id == this.id && (!anim || e.anim == anim)) { + if (anim) { + return e.status; + } + out.push({ + anim: e.anim, + status: e.status + }); + } + } + if (anim) { + return 0; + } + return out; + } + }; + /*\ + * Element.pause + [ method ] + ** + * Stops animation of the element with ability to resume it later on. + ** + > Parameters + ** + - anim (object) #optional animation object + ** + = (object) original element + \*/ + elproto.pause = function (anim) { + for (var i = 0; i < animationElements.length; i++) if (animationElements[i].el.id == this.id && (!anim || animationElements[i].anim == anim)) { + if (eve("raphael.anim.pause." + this.id, this, animationElements[i].anim) !== false) { + animationElements[i].paused = true; + } + } + return this; + }; + /*\ + * Element.resume + [ method ] + ** + * Resumes animation if it was paused with @Element.pause method. + ** + > Parameters + ** + - anim (object) #optional animation object + ** + = (object) original element + \*/ + elproto.resume = function (anim) { + for (var i = 0; i < animationElements.length; i++) if (animationElements[i].el.id == this.id && (!anim || animationElements[i].anim == anim)) { + var e = animationElements[i]; + if (eve("raphael.anim.resume." + this.id, this, e.anim) !== false) { + delete e.paused; + this.status(e.anim, e.status); + } + } + return this; + }; + /*\ + * Element.stop + [ method ] + ** + * Stops animation of the element. + ** + > Parameters + ** + - anim (object) #optional animation object + ** + = (object) original element + \*/ + elproto.stop = function (anim) { + for (var i = 0; i < animationElements.length; i++) if (animationElements[i].el.id == this.id && (!anim || animationElements[i].anim == anim)) { + if (eve("raphael.anim.stop." + this.id, this, animationElements[i].anim) !== false) { + animationElements.splice(i--, 1); + } + } + return this; + }; + function stopAnimation(paper) { + for (var i = 0; i < animationElements.length; i++) if (animationElements[i].el.paper == paper) { + animationElements.splice(i--, 1); + } + } + eve.on("raphael.remove", stopAnimation); + eve.on("raphael.clear", stopAnimation); + elproto.toString = function () { + return "Rapha\xebl\u2019s object"; + }; + + // Set + var Set = function (items) { + this.items = []; + this.length = 0; + this.type = "set"; + if (items) { + for (var i = 0, ii = items.length; i < ii; i++) { + if (items[i] && (items[i].constructor == elproto.constructor || items[i].constructor == Set)) { + this[this.items.length] = this.items[this.items.length] = items[i]; + this.length++; + } + } + } + }, + setproto = Set.prototype; + /*\ + * Set.push + [ method ] + ** + * Adds each argument to the current set. + = (object) original element + \*/ + setproto.push = function () { + var item, + len; + for (var i = 0, ii = arguments.length; i < ii; i++) { + item = arguments[i]; + if (item && (item.constructor == elproto.constructor || item.constructor == Set)) { + len = this.items.length; + this[len] = this.items[len] = item; + this.length++; + } + } + return this; + }; + /*\ + * Set.pop + [ method ] + ** + * Removes last element and returns it. + = (object) element + \*/ + setproto.pop = function () { + this.length && delete this[this.length--]; + return this.items.pop(); + }; + /*\ + * Set.forEach + [ method ] + ** + * Executes given function for each element in the set. + * + * If function returns `false` it will stop loop running. + ** + > Parameters + ** + - callback (function) function to run + - thisArg (object) context object for the callback + = (object) Set object + \*/ + setproto.forEach = function (callback, thisArg) { + for (var i = 0, ii = this.items.length; i < ii; i++) { + if (callback.call(thisArg, this.items[i], i) === false) { + return this; + } + } + return this; + }; + for (var method in elproto) if (elproto[has](method)) { + setproto[method] = (function (methodname) { + return function () { + var arg = arguments; + return this.forEach(function (el) { + el[methodname][apply](el, arg); + }); + }; + })(method); + } + setproto.attr = function (name, value) { + if (name && R.is(name, array) && R.is(name[0], "object")) { + for (var j = 0, jj = name.length; j < jj; j++) { + this.items[j].attr(name[j]); + } + } else { + for (var i = 0, ii = this.items.length; i < ii; i++) { + this.items[i].attr(name, value); + } + } + return this; + }; + /*\ + * Set.clear + [ method ] + ** + * Removes all elements from the set + \*/ + setproto.clear = function () { + while (this.length) { + this.pop(); + } + }; + /*\ + * Set.splice + [ method ] + ** + * Removes given element from the set + ** + > Parameters + ** + - index (number) position of the deletion + - count (number) number of element to remove + - insertion… (object) #optional elements to insert + = (object) set elements that were deleted + \*/ + setproto.splice = function (index, count, insertion) { + index = index < 0 ? mmax(this.length + index, 0) : index; + count = mmax(0, mmin(this.length - index, count)); + var tail = [], + todel = [], + args = [], + i; + for (i = 2; i < arguments.length; i++) { + args.push(arguments[i]); + } + for (i = 0; i < count; i++) { + todel.push(this[index + i]); + } + for (; i < this.length - index; i++) { + tail.push(this[index + i]); + } + var arglen = args.length; + for (i = 0; i < arglen + tail.length; i++) { + this.items[index + i] = this[index + i] = i < arglen ? args[i] : tail[i - arglen]; + } + i = this.items.length = this.length -= count - arglen; + while (this[i]) { + delete this[i++]; + } + return new Set(todel); + }; + /*\ + * Set.exclude + [ method ] + ** + * Removes given element from the set + ** + > Parameters + ** + - element (object) element to remove + = (boolean) `true` if object was found & removed from the set + \*/ + setproto.exclude = function (el) { + for (var i = 0, ii = this.length; i < ii; i++) if (this[i] == el) { + this.splice(i, 1); + return true; + } + }; + setproto.animate = function (params, ms, easing, callback) { + (R.is(easing, "function") || !easing) && (callback = easing || null); + var len = this.items.length, + i = len, + item, + set = this, + collector; + if (!len) { + return this; + } + callback && (collector = function () { + !--len && callback.call(set); + }); + easing = R.is(easing, string) ? easing : collector; + var anim = R.animation(params, ms, easing, collector); + item = this.items[--i].animate(anim); + while (i--) { + this.items[i] && !this.items[i].removed && this.items[i].animateWith(item, anim, anim); + (this.items[i] && !this.items[i].removed) || len--; + } + return this; + }; + setproto.insertAfter = function (el) { + var i = this.items.length; + while (i--) { + this.items[i].insertAfter(el); + } + return this; + }; + setproto.getBBox = function () { + var x = [], + y = [], + x2 = [], + y2 = []; + for (var i = this.items.length; i--;) if (!this.items[i].removed) { + var box = this.items[i].getBBox(); + x.push(box.x); + y.push(box.y); + x2.push(box.x + box.width); + y2.push(box.y + box.height); + } + x = mmin[apply](0, x); + y = mmin[apply](0, y); + x2 = mmax[apply](0, x2); + y2 = mmax[apply](0, y2); + return { + x: x, + y: y, + x2: x2, + y2: y2, + width: x2 - x, + height: y2 - y + }; + }; + setproto.clone = function (s) { + s = this.paper.set(); + for (var i = 0, ii = this.items.length; i < ii; i++) { + s.push(this.items[i].clone()); + } + return s; + }; + setproto.toString = function () { + return "Rapha\xebl\u2018s set"; + }; + + setproto.glow = function(glowConfig) { + var ret = this.paper.set(); + this.forEach(function(shape, index){ + var g = shape.glow(glowConfig); + if(g != null){ + g.forEach(function(shape2, index2){ + ret.push(shape2); + }); + } + }); + return ret; + }; + + + /*\ + * Set.isPointInside + [ method ] + ** + * Determine if given point is inside this set’s elements + ** + > Parameters + ** + - x (number) x coordinate of the point + - y (number) y coordinate of the point + = (boolean) `true` if point is inside any of the set's elements + \*/ + setproto.isPointInside = function (x, y) { + var isPointInside = false; + this.forEach(function (el) { + if (el.isPointInside(x, y)) { + isPointInside = true; + return false; // stop loop + } + }); + return isPointInside; + }; + + /*\ + * Raphael.registerFont + [ method ] + ** + * Adds given font to the registered set of font for Raphaël. Should be used as an internal call from within Cufón’s font file. + * Returns original parameter, so it could be used with chaining. + # More about Cufón and how to convert your font form TTF, OTF, etc to JavaScript file. + ** + > Parameters + ** + - font (object) the font to register + = (object) the font you passed in + > Usage + | Cufon.registerFont(Raphael.registerFont({…})); + \*/ + R.registerFont = function (font) { + if (!font.face) { + return font; + } + this.fonts = this.fonts || {}; + var fontcopy = { + w: font.w, + face: {}, + glyphs: {} + }, + family = font.face["font-family"]; + for (var prop in font.face) if (font.face[has](prop)) { + fontcopy.face[prop] = font.face[prop]; + } + if (this.fonts[family]) { + this.fonts[family].push(fontcopy); + } else { + this.fonts[family] = [fontcopy]; + } + if (!font.svg) { + fontcopy.face["units-per-em"] = toInt(font.face["units-per-em"], 10); + for (var glyph in font.glyphs) if (font.glyphs[has](glyph)) { + var path = font.glyphs[glyph]; + fontcopy.glyphs[glyph] = { + w: path.w, + k: {}, + d: path.d && "M" + path.d.replace(/[mlcxtrv]/g, function (command) { + return {l: "L", c: "C", x: "z", t: "m", r: "l", v: "c"}[command] || "M"; + }) + "z" + }; + if (path.k) { + for (var k in path.k) if (path[has](k)) { + fontcopy.glyphs[glyph].k[k] = path.k[k]; + } + } + } + } + return font; + }; + /*\ + * Paper.getFont + [ method ] + ** + * Finds font object in the registered font by given parameters. You could specify only one word from the font name, like “Myriad” for “Myriad Pro”. + ** + > Parameters + ** + - family (string) font family name or any word from it + - weight (string) #optional font weight + - style (string) #optional font style + - stretch (string) #optional font stretch + = (object) the font object + > Usage + | paper.print(100, 100, "Test string", paper.getFont("Times", 800), 30); + \*/ + paperproto.getFont = function (family, weight, style, stretch) { + stretch = stretch || "normal"; + style = style || "normal"; + weight = +weight || {normal: 400, bold: 700, lighter: 300, bolder: 800}[weight] || 400; + if (!R.fonts) { + return; + } + var font = R.fonts[family]; + if (!font) { + var name = new RegExp("(^|\\s)" + family.replace(/[^\w\d\s+!~.:_-]/g, E) + "(\\s|$)", "i"); + for (var fontName in R.fonts) if (R.fonts[has](fontName)) { + if (name.test(fontName)) { + font = R.fonts[fontName]; + break; + } + } + } + var thefont; + if (font) { + for (var i = 0, ii = font.length; i < ii; i++) { + thefont = font[i]; + if (thefont.face["font-weight"] == weight && (thefont.face["font-style"] == style || !thefont.face["font-style"]) && thefont.face["font-stretch"] == stretch) { + break; + } + } + } + return thefont; + }; + /*\ + * Paper.print + [ method ] + ** + * Creates path that represent given text written using given font at given position with given size. + * Result of the method is path element that contains whole text as a separate path. + ** + > Parameters + ** + - x (number) x position of the text + - y (number) y position of the text + - string (string) text to print + - font (object) font object, see @Paper.getFont + - size (number) #optional size of the font, default is `16` + - origin (string) #optional could be `"baseline"` or `"middle"`, default is `"middle"` + - letter_spacing (number) #optional number in range `-1..1`, default is `0` + - line_spacing (number) #optional number in range `1..3`, default is `1` + = (object) resulting path element, which consist of all letters + > Usage + | var txt = r.print(10, 50, "print", r.getFont("Museo"), 30).attr({fill: "#fff"}); + \*/ + paperproto.print = function (x, y, string, font, size, origin, letter_spacing, line_spacing) { + origin = origin || "middle"; // baseline|middle + letter_spacing = mmax(mmin(letter_spacing || 0, 1), -1); + line_spacing = mmax(mmin(line_spacing || 1, 3), 1); + var letters = Str(string)[split](E), + shift = 0, + notfirst = 0, + path = E, + scale; + R.is(font, "string") && (font = this.getFont(font)); + if (font) { + scale = (size || 16) / font.face["units-per-em"]; + var bb = font.face.bbox[split](separator), + top = +bb[0], + lineHeight = bb[3] - bb[1], + shifty = 0, + height = +bb[1] + (origin == "baseline" ? lineHeight + (+font.face.descent) : lineHeight / 2); + for (var i = 0, ii = letters.length; i < ii; i++) { + if (letters[i] == "\n") { + shift = 0; + curr = 0; + notfirst = 0; + shifty += lineHeight * line_spacing; + } else { + var prev = notfirst && font.glyphs[letters[i - 1]] || {}, + curr = font.glyphs[letters[i]]; + shift += notfirst ? (prev.w || font.w) + (prev.k && prev.k[letters[i]] || 0) + (font.w * letter_spacing) : 0; + notfirst = 1; + } + if (curr && curr.d) { + path += R.transformPath(curr.d, ["t", shift * scale, shifty * scale, "s", scale, scale, top, height, "t", (x - top) / scale, (y - height) / scale]); + } + } + } + return this.path(path).attr({ + fill: "#000", + stroke: "none" + }); + }; + + /*\ + * Paper.add + [ method ] + ** + * Imports elements in JSON array in format `{type: type, }` + ** + > Parameters + ** + - json (array) + = (object) resulting set of imported elements + > Usage + | paper.add([ + | { + | type: "circle", + | cx: 10, + | cy: 10, + | r: 5 + | }, + | { + | type: "rect", + | x: 10, + | y: 10, + | width: 10, + | height: 10, + | fill: "#fc0" + | } + | ]); + \*/ + paperproto.add = function (json) { + if (R.is(json, "array")) { + var res = this.set(), + i = 0, + ii = json.length, + j; + for (; i < ii; i++) { + j = json[i] || {}; + elements[has](j.type) && res.push(this[j.type]().attr(j)); + } + } + return res; + }; + + /*\ + * Raphael.format + [ method ] + ** + * Simple format function. Replaces construction of type “`{}`” to the corresponding argument. + ** + > Parameters + ** + - token (string) string to format + - … (string) rest of arguments will be treated as parameters for replacement + = (string) formated string + > Usage + | var x = 10, + | y = 20, + | width = 40, + | height = 50; + | // this will draw a rectangular shape equivalent to "M10,20h40v50h-40z" + | paper.path(Raphael.format("M{0},{1}h{2}v{3}h{4}z", x, y, width, height, -width)); + \*/ + R.format = function (token, params) { + var args = R.is(params, array) ? [0][concat](params) : arguments; + token && R.is(token, string) && args.length - 1 && (token = token.replace(formatrg, function (str, i) { + return args[++i] == null ? E : args[i]; + })); + return token || E; + }; + /*\ + * Raphael.fullfill + [ method ] + ** + * A little bit more advanced format function than @Raphael.format. Replaces construction of type “`{}`” to the corresponding argument. + ** + > Parameters + ** + - token (string) string to format + - json (object) object which properties will be used as a replacement + = (string) formated string + > Usage + | // this will draw a rectangular shape equivalent to "M10,20h40v50h-40z" + | paper.path(Raphael.fullfill("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", { + | x: 10, + | y: 20, + | dim: { + | width: 40, + | height: 50, + | "negative width": -40 + | } + | })); + \*/ + R.fullfill = (function () { + var tokenRegex = /\{([^\}]+)\}/g, + objNotationRegex = /(?:(?:^|\.)(.+?)(?=\[|\.|$|\()|\[('|")(.+?)\2\])(\(\))?/g, // matches .xxxxx or ["xxxxx"] to run over object properties + replacer = function (all, key, obj) { + var res = obj; + key.replace(objNotationRegex, function (all, name, quote, quotedName, isFunc) { + name = name || quotedName; + if (res) { + if (name in res) { + res = res[name]; + } + typeof res == "function" && isFunc && (res = res()); + } + }); + res = (res == null || res == obj ? all : res) + ""; + return res; + }; + return function (str, obj) { + return String(str).replace(tokenRegex, function (all, key) { + return replacer(all, key, obj); + }); + }; + })(); + /*\ + * Raphael.ninja + [ method ] + ** + * If you want to leave no trace of Raphaël (Well, Raphaël creates only one global variable `Raphael`, but anyway.) You can use `ninja` method. + * Beware, that in this case plugins could stop working, because they are depending on global variable existence. + ** + = (object) Raphael object + > Usage + | (function (local_raphael) { + | var paper = local_raphael(10, 10, 320, 200); + | … + | })(Raphael.ninja()); + \*/ + R.ninja = function () { + oldRaphael.was ? (g.win.Raphael = oldRaphael.is) : delete Raphael; + return R; + }; + /*\ + * Raphael.st + [ property (object) ] + ** + * You can add your own method to elements and sets. It is wise to add a set method for each element method + * you added, so you will be able to call the same method on sets too. + ** + * See also @Raphael.el. + > Usage + | Raphael.el.red = function () { + | this.attr({fill: "#f00"}); + | }; + | Raphael.st.red = function () { + | this.forEach(function (el) { + | el.red(); + | }); + | }; + | // then use it + | paper.set(paper.circle(100, 100, 20), paper.circle(110, 100, 20)).red(); + \*/ + R.st = setproto; + + eve.on("raphael.DOMload", function () { + loaded = true; + }); + + // Firefox <3.6 fix: http://webreflection.blogspot.com/2009/11/195-chars-to-help-lazy-loading.html + (function (doc, loaded, f) { + if (doc.readyState == null && doc.addEventListener){ + doc.addEventListener(loaded, f = function () { + doc.removeEventListener(loaded, f, false); + doc.readyState = "complete"; + }, false); + doc.readyState = "loading"; + } + function isLoaded() { + (/in/).test(doc.readyState) ? setTimeout(isLoaded, 9) : R.eve("raphael.DOMload"); + } + isLoaded(); + })(document, "DOMContentLoaded"); + + return R; +})); + +// ┌─────────────────────────────────────────────────────────────────────┐ \\ +// │ Raphaël 2.1.4 - JavaScript Vector Library │ \\ +// ├─────────────────────────────────────────────────────────────────────┤ \\ +// │ SVG Module │ \\ +// ├─────────────────────────────────────────────────────────────────────┤ \\ +// │ Copyright (c) 2008-2011 Dmitry Baranovskiy (http://raphaeljs.com) │ \\ +// │ Copyright (c) 2008-2011 Sencha Labs (http://sencha.com) │ \\ +// │ Licensed under the MIT (http://raphaeljs.com/license.html) license. │ \\ +// └─────────────────────────────────────────────────────────────────────┘ \\ + +(function (glob, factory) { + if (typeof define === "function" && define.amd) { + define("raphael.svg", ["raphael.core"], function(raphael) { + return factory(raphael); + }); + } else if (typeof exports === "object") { + factory(require("raphael.core")); + } else { + factory(glob.Raphael); + } +}(this, function(R) { + if (R && !R.svg) { + return; + } + + var has = "hasOwnProperty", + Str = String, + toFloat = parseFloat, + toInt = parseInt, + math = Math, + mmax = math.max, + abs = math.abs, + pow = math.pow, + separator = /[, ]+/, + eve = R.eve, + E = "", + S = " "; + var xlink = "http://www.w3.org/1999/xlink", + markers = { + block: "M5,0 0,2.5 5,5z", + classic: "M5,0 0,2.5 5,5 3.5,3 3.5,2z", + diamond: "M2.5,0 5,2.5 2.5,5 0,2.5z", + open: "M6,1 1,3.5 6,6", + oval: "M2.5,0A2.5,2.5,0,0,1,2.5,5 2.5,2.5,0,0,1,2.5,0z" + }, + markerCounter = {}; + R.toString = function () { + return "Your browser supports SVG.\nYou are running Rapha\xebl " + this.version; + }; + var $ = function (el, attr) { + if (attr) { + if (typeof el == "string") { + el = $(el); + } + for (var key in attr) if (attr[has](key)) { + if (key.substring(0, 6) == "xlink:") { + el.setAttributeNS(xlink, key.substring(6), Str(attr[key])); + } else { + el.setAttribute(key, Str(attr[key])); + } + } + } else { + el = R._g.doc.createElementNS("http://www.w3.org/2000/svg", el); + el.style && (el.style.webkitTapHighlightColor = "rgba(0,0,0,0)"); + } + return el; + }, + addGradientFill = function (element, gradient) { + var type = "linear", + id = element.id + gradient, + fx = .5, fy = .5, + o = element.node, + SVG = element.paper, + s = o.style, + el = R._g.doc.getElementById(id); + if (!el) { + gradient = Str(gradient).replace(R._radial_gradient, function (all, _fx, _fy) { + type = "radial"; + if (_fx && _fy) { + fx = toFloat(_fx); + fy = toFloat(_fy); + var dir = ((fy > .5) * 2 - 1); + pow(fx - .5, 2) + pow(fy - .5, 2) > .25 && + (fy = math.sqrt(.25 - pow(fx - .5, 2)) * dir + .5) && + fy != .5 && + (fy = fy.toFixed(5) - 1e-5 * dir); + } + return E; + }); + gradient = gradient.split(/\s*\-\s*/); + if (type == "linear") { + var angle = gradient.shift(); + angle = -toFloat(angle); + if (isNaN(angle)) { + return null; + } + var vector = [0, 0, math.cos(R.rad(angle)), math.sin(R.rad(angle))], + max = 1 / (mmax(abs(vector[2]), abs(vector[3])) || 1); + vector[2] *= max; + vector[3] *= max; + if (vector[2] < 0) { + vector[0] = -vector[2]; + vector[2] = 0; + } + if (vector[3] < 0) { + vector[1] = -vector[3]; + vector[3] = 0; + } + } + var dots = R._parseDots(gradient); + if (!dots) { + return null; + } + id = id.replace(/[\(\)\s,\xb0#]/g, "_"); + + if (element.gradient && id != element.gradient.id) { + SVG.defs.removeChild(element.gradient); + delete element.gradient; + } + + if (!element.gradient) { + el = $(type + "Gradient", {id: id}); + element.gradient = el; + $(el, type == "radial" ? { + fx: fx, + fy: fy + } : { + x1: vector[0], + y1: vector[1], + x2: vector[2], + y2: vector[3], + gradientTransform: element.matrix.invert() + }); + SVG.defs.appendChild(el); + for (var i = 0, ii = dots.length; i < ii; i++) { + el.appendChild($("stop", { + offset: dots[i].offset ? dots[i].offset : i ? "100%" : "0%", + "stop-color": dots[i].color || "#fff", + "stop-opacity": isFinite(dots[i].opacity) ? dots[i].opacity : 1 + })); + } + } + } + $(o, { + fill: "url('" + document.location.origin + document.location.pathname + "#" + id + "')", + opacity: 1, + "fill-opacity": 1 + }); + s.fill = E; + s.opacity = 1; + s.fillOpacity = 1; + return 1; + }, + updatePosition = function (o) { + var bbox = o.getBBox(1); + $(o.pattern, {patternTransform: o.matrix.invert() + " translate(" + bbox.x + "," + bbox.y + ")"}); + }, + addArrow = function (o, value, isEnd) { + if (o.type == "path") { + var values = Str(value).toLowerCase().split("-"), + p = o.paper, + se = isEnd ? "end" : "start", + node = o.node, + attrs = o.attrs, + stroke = attrs["stroke-width"], + i = values.length, + type = "classic", + from, + to, + dx, + refX, + attr, + w = 3, + h = 3, + t = 5; + while (i--) { + switch (values[i]) { + case "block": + case "classic": + case "oval": + case "diamond": + case "open": + case "none": + type = values[i]; + break; + case "wide": h = 5; break; + case "narrow": h = 2; break; + case "long": w = 5; break; + case "short": w = 2; break; + } + } + if (type == "open") { + w += 2; + h += 2; + t += 2; + dx = 1; + refX = isEnd ? 4 : 1; + attr = { + fill: "none", + stroke: attrs.stroke + }; + } else { + refX = dx = w / 2; + attr = { + fill: attrs.stroke, + stroke: "none" + }; + } + if (o._.arrows) { + if (isEnd) { + o._.arrows.endPath && markerCounter[o._.arrows.endPath]--; + o._.arrows.endMarker && markerCounter[o._.arrows.endMarker]--; + } else { + o._.arrows.startPath && markerCounter[o._.arrows.startPath]--; + o._.arrows.startMarker && markerCounter[o._.arrows.startMarker]--; + } + } else { + o._.arrows = {}; + } + if (type != "none") { + var pathId = "raphael-marker-" + type, + markerId = "raphael-marker-" + se + type + w + h + "-obj" + o.id; + if (!R._g.doc.getElementById(pathId)) { + p.defs.appendChild($($("path"), { + "stroke-linecap": "round", + d: markers[type], + id: pathId + })); + markerCounter[pathId] = 1; + } else { + markerCounter[pathId]++; + } + var marker = R._g.doc.getElementById(markerId), + use; + if (!marker) { + marker = $($("marker"), { + id: markerId, + markerHeight: h, + markerWidth: w, + orient: "auto", + refX: refX, + refY: h / 2 + }); + use = $($("use"), { + "xlink:href": "#" + pathId, + transform: (isEnd ? "rotate(180 " + w / 2 + " " + h / 2 + ") " : E) + "scale(" + w / t + "," + h / t + ")", + "stroke-width": (1 / ((w / t + h / t) / 2)).toFixed(4) + }); + marker.appendChild(use); + p.defs.appendChild(marker); + markerCounter[markerId] = 1; + } else { + markerCounter[markerId]++; + use = marker.getElementsByTagName("use")[0]; + } + $(use, attr); + var delta = dx * (type != "diamond" && type != "oval"); + if (isEnd) { + from = o._.arrows.startdx * stroke || 0; + to = R.getTotalLength(attrs.path) - delta * stroke; + } else { + from = delta * stroke; + to = R.getTotalLength(attrs.path) - (o._.arrows.enddx * stroke || 0); + } + attr = {}; + attr["marker-" + se] = "url(#" + markerId + ")"; + if (to || from) { + attr.d = R.getSubpath(attrs.path, from, to); + } + $(node, attr); + o._.arrows[se + "Path"] = pathId; + o._.arrows[se + "Marker"] = markerId; + o._.arrows[se + "dx"] = delta; + o._.arrows[se + "Type"] = type; + o._.arrows[se + "String"] = value; + } else { + if (isEnd) { + from = o._.arrows.startdx * stroke || 0; + to = R.getTotalLength(attrs.path) - from; + } else { + from = 0; + to = R.getTotalLength(attrs.path) - (o._.arrows.enddx * stroke || 0); + } + o._.arrows[se + "Path"] && $(node, {d: R.getSubpath(attrs.path, from, to)}); + delete o._.arrows[se + "Path"]; + delete o._.arrows[se + "Marker"]; + delete o._.arrows[se + "dx"]; + delete o._.arrows[se + "Type"]; + delete o._.arrows[se + "String"]; + } + for (attr in markerCounter) if (markerCounter[has](attr) && !markerCounter[attr]) { + var item = R._g.doc.getElementById(attr); + item && item.parentNode.removeChild(item); + } + } + }, + dasharray = { + "-": [3, 1], + ".": [1, 1], + "-.": [3, 1, 1, 1], + "-..": [3, 1, 1, 1, 1, 1], + ". ": [1, 3], + "- ": [4, 3], + "--": [8, 3], + "- .": [4, 3, 1, 3], + "--.": [8, 3, 1, 3], + "--..": [8, 3, 1, 3, 1, 3] + }, + addDashes = function (o, value, params) { + value = dasharray[Str(value).toLowerCase()]; + if (value) { + var width = o.attrs["stroke-width"] || "1", + butt = {round: width, square: width, butt: 0}[o.attrs["stroke-linecap"] || params["stroke-linecap"]] || 0, + dashes = [], + i = value.length; + while (i--) { + dashes[i] = value[i] * width + ((i % 2) ? 1 : -1) * butt; + } + $(o.node, {"stroke-dasharray": dashes.join(",")}); + } + else { + $(o.node, {"stroke-dasharray": "none"}); + } + }, + setFillAndStroke = function (o, params) { + var node = o.node, + attrs = o.attrs, + vis = node.style.visibility; + node.style.visibility = "hidden"; + for (var att in params) { + if (params[has](att)) { + if (!R._availableAttrs[has](att)) { + continue; + } + var value = params[att]; + attrs[att] = value; + switch (att) { + case "blur": + o.blur(value); + break; + case "title": + var title = node.getElementsByTagName("title"); + + // Use the existing . + if (title.length && (title = title[0])) { + title.firstChild.nodeValue = value; + } else { + title = $("title"); + var val = R._g.doc.createTextNode(value); + title.appendChild(val); + node.appendChild(title); + } + break; + case "href": + case "target": + var pn = node.parentNode; + if (pn.tagName.toLowerCase() != "a") { + var hl = $("a"); + pn.insertBefore(hl, node); + hl.appendChild(node); + pn = hl; + } + if (att == "target") { + pn.setAttributeNS(xlink, "show", value == "blank" ? "new" : value); + } else { + pn.setAttributeNS(xlink, att, value); + } + break; + case "cursor": + node.style.cursor = value; + break; + case "transform": + o.transform(value); + break; + case "arrow-start": + addArrow(o, value); + break; + case "arrow-end": + addArrow(o, value, 1); + break; + case "clip-rect": + var rect = Str(value).split(separator); + if (rect.length == 4) { + o.clip && o.clip.parentNode.parentNode.removeChild(o.clip.parentNode); + var el = $("clipPath"), + rc = $("rect"); + el.id = R.createUUID(); + $(rc, { + x: rect[0], + y: rect[1], + width: rect[2], + height: rect[3] + }); + el.appendChild(rc); + o.paper.defs.appendChild(el); + $(node, {"clip-path": "url(#" + el.id + ")"}); + o.clip = rc; + } + if (!value) { + var path = node.getAttribute("clip-path"); + if (path) { + var clip = R._g.doc.getElementById(path.replace(/(^url\(#|\)$)/g, E)); + clip && clip.parentNode.removeChild(clip); + $(node, {"clip-path": E}); + delete o.clip; + } + } + break; + case "path": + if (o.type == "path") { + $(node, {d: value ? attrs.path = R._pathToAbsolute(value) : "M0,0"}); + o._.dirty = 1; + if (o._.arrows) { + "startString" in o._.arrows && addArrow(o, o._.arrows.startString); + "endString" in o._.arrows && addArrow(o, o._.arrows.endString, 1); + } + } + break; + case "width": + node.setAttribute(att, value); + o._.dirty = 1; + if (attrs.fx) { + att = "x"; + value = attrs.x; + } else { + break; + } + case "x": + if (attrs.fx) { + value = -attrs.x - (attrs.width || 0); + } + case "rx": + if (att == "rx" && o.type == "rect") { + break; + } + case "cx": + node.setAttribute(att, value); + o.pattern && updatePosition(o); + o._.dirty = 1; + break; + case "height": + node.setAttribute(att, value); + o._.dirty = 1; + if (attrs.fy) { + att = "y"; + value = attrs.y; + } else { + break; + } + case "y": + if (attrs.fy) { + value = -attrs.y - (attrs.height || 0); + } + case "ry": + if (att == "ry" && o.type == "rect") { + break; + } + case "cy": + node.setAttribute(att, value); + o.pattern && updatePosition(o); + o._.dirty = 1; + break; + case "r": + if (o.type == "rect") { + $(node, {rx: value, ry: value}); + } else { + node.setAttribute(att, value); + } + o._.dirty = 1; + break; + case "src": + if (o.type == "image") { + node.setAttributeNS(xlink, "href", value); + } + break; + case "stroke-width": + if (o._.sx != 1 || o._.sy != 1) { + value /= mmax(abs(o._.sx), abs(o._.sy)) || 1; + } + node.setAttribute(att, value); + if (attrs["stroke-dasharray"]) { + addDashes(o, attrs["stroke-dasharray"], params); + } + if (o._.arrows) { + "startString" in o._.arrows && addArrow(o, o._.arrows.startString); + "endString" in o._.arrows && addArrow(o, o._.arrows.endString, 1); + } + break; + case "stroke-dasharray": + addDashes(o, value, params); + break; + case "fill": + var isURL = Str(value).match(R._ISURL); + if (isURL) { + el = $("pattern"); + var ig = $("image"); + el.id = R.createUUID(); + $(el, {x: 0, y: 0, patternUnits: "userSpaceOnUse", height: 1, width: 1}); + $(ig, {x: 0, y: 0, "xlink:href": isURL[1]}); + el.appendChild(ig); + + (function (el) { + R._preload(isURL[1], function () { + var w = this.offsetWidth, + h = this.offsetHeight; + $(el, {width: w, height: h}); + $(ig, {width: w, height: h}); + }); + })(el); + o.paper.defs.appendChild(el); + $(node, {fill: "url(#" + el.id + ")"}); + o.pattern = el; + o.pattern && updatePosition(o); + break; + } + var clr = R.getRGB(value); + if (!clr.error) { + delete params.gradient; + delete attrs.gradient; + !R.is(attrs.opacity, "undefined") && + R.is(params.opacity, "undefined") && + $(node, {opacity: attrs.opacity}); + !R.is(attrs["fill-opacity"], "undefined") && + R.is(params["fill-opacity"], "undefined") && + $(node, {"fill-opacity": attrs["fill-opacity"]}); + } else if ((o.type == "circle" || o.type == "ellipse" || Str(value).charAt() != "r") && addGradientFill(o, value)) { + if ("opacity" in attrs || "fill-opacity" in attrs) { + var gradient = R._g.doc.getElementById(node.getAttribute("fill").replace(/^url\(#|\)$/g, E)); + if (gradient) { + var stops = gradient.getElementsByTagName("stop"); + $(stops[stops.length - 1], {"stop-opacity": ("opacity" in attrs ? attrs.opacity : 1) * ("fill-opacity" in attrs ? attrs["fill-opacity"] : 1)}); + } + } + attrs.gradient = value; + attrs.fill = "none"; + break; + } + clr[has]("opacity") && $(node, {"fill-opacity": clr.opacity > 1 ? clr.opacity / 100 : clr.opacity}); + case "stroke": + clr = R.getRGB(value); + node.setAttribute(att, clr.hex); + att == "stroke" && clr[has]("opacity") && $(node, {"stroke-opacity": clr.opacity > 1 ? clr.opacity / 100 : clr.opacity}); + if (att == "stroke" && o._.arrows) { + "startString" in o._.arrows && addArrow(o, o._.arrows.startString); + "endString" in o._.arrows && addArrow(o, o._.arrows.endString, 1); + } + break; + case "gradient": + (o.type == "circle" || o.type == "ellipse" || Str(value).charAt() != "r") && addGradientFill(o, value); + break; + case "opacity": + if (attrs.gradient && !attrs[has]("stroke-opacity")) { + $(node, {"stroke-opacity": value > 1 ? value / 100 : value}); + } + // fall + case "fill-opacity": + if (attrs.gradient) { + gradient = R._g.doc.getElementById(node.getAttribute("fill").replace(/^url\(#|\)$/g, E)); + if (gradient) { + stops = gradient.getElementsByTagName("stop"); + $(stops[stops.length - 1], {"stop-opacity": value}); + } + break; + } + default: + att == "font-size" && (value = toInt(value, 10) + "px"); + var cssrule = att.replace(/(\-.)/g, function (w) { + return w.substring(1).toUpperCase(); + }); + node.style[cssrule] = value; + o._.dirty = 1; + node.setAttribute(att, value); + break; + } + } + } + + tuneText(o, params); + node.style.visibility = vis; + }, + leading = 1.2, + tuneText = function (el, params) { + if (el.type != "text" || !(params[has]("text") || params[has]("font") || params[has]("font-size") || params[has]("x") || params[has]("y"))) { + return; + } + var a = el.attrs, + node = el.node, + fontSize = node.firstChild ? toInt(R._g.doc.defaultView.getComputedStyle(node.firstChild, E).getPropertyValue("font-size"), 10) : 10; + + if (params[has]("text")) { + a.text = params.text; + while (node.firstChild) { + node.removeChild(node.firstChild); + } + var texts = Str(params.text).split("\n"), + tspans = [], + tspan; + for (var i = 0, ii = texts.length; i < ii; i++) { + tspan = $("tspan"); + i && $(tspan, {dy: fontSize * leading, x: a.x}); + tspan.appendChild(R._g.doc.createTextNode(texts[i])); + node.appendChild(tspan); + tspans[i] = tspan; + } + } else { + tspans = node.getElementsByTagName("tspan"); + for (i = 0, ii = tspans.length; i < ii; i++) if (i) { + $(tspans[i], {dy: fontSize * leading, x: a.x}); + } else { + $(tspans[0], {dy: 0}); + } + } + $(node, {x: a.x, y: a.y}); + el._.dirty = 1; + var bb = el._getBBox(), + dif = a.y - (bb.y + bb.height / 2); + dif && R.is(dif, "finite") && $(tspans[0], {dy: dif}); + }, + getRealNode = function (node) { + if (node.parentNode && node.parentNode.tagName.toLowerCase() === "a") { + return node.parentNode; + } else { + return node; + } + }, + Element = function (node, svg) { + var X = 0, + Y = 0; + /*\ + * Element.node + [ property (object) ] + ** + * Gives you a reference to the DOM object, so you can assign event handlers or just mess around. + ** + * Note: Don’t mess with it. + > Usage + | // draw a circle at coordinate 10,10 with radius of 10 + | var c = paper.circle(10, 10, 10); + | c.node.onclick = function () { + | c.attr("fill", "red"); + | }; + \*/ + this[0] = this.node = node; + /*\ + * Element.raphael + [ property (object) ] + ** + * Internal reference to @Raphael object. In case it is not available. + > Usage + | Raphael.el.red = function () { + | var hsb = this.paper.raphael.rgb2hsb(this.attr("fill")); + | hsb.h = 1; + | this.attr({fill: this.paper.raphael.hsb2rgb(hsb).hex}); + | } + \*/ + node.raphael = true; + /*\ + * Element.id + [ property (number) ] + ** + * Unique id of the element. Especially useful when you want to listen to events of the element, + * because all events are fired in format `<module>.<action>.<id>`. Also useful for @Paper.getById method. + \*/ + this.id = R._oid++; + node.raphaelid = this.id; + this.matrix = R.matrix(); + this.realPath = null; + /*\ + * Element.paper + [ property (object) ] + ** + * Internal reference to “paper” where object drawn. Mainly for use in plugins and element extensions. + > Usage + | Raphael.el.cross = function () { + | this.attr({fill: "red"}); + | this.paper.path("M10,10L50,50M50,10L10,50") + | .attr({stroke: "red"}); + | } + \*/ + this.paper = svg; + this.attrs = this.attrs || {}; + this._ = { + transform: [], + sx: 1, + sy: 1, + deg: 0, + dx: 0, + dy: 0, + dirty: 1 + }; + !svg.bottom && (svg.bottom = this); + /*\ + * Element.prev + [ property (object) ] + ** + * Reference to the previous element in the hierarchy. + \*/ + this.prev = svg.top; + svg.top && (svg.top.next = this); + svg.top = this; + /*\ + * Element.next + [ property (object) ] + ** + * Reference to the next element in the hierarchy. + \*/ + this.next = null; + }, + elproto = R.el; + + Element.prototype = elproto; + elproto.constructor = Element; + + R._engine.path = function (pathString, SVG) { + var el = $("path"); + SVG.canvas && SVG.canvas.appendChild(el); + var p = new Element(el, SVG); + p.type = "path"; + setFillAndStroke(p, { + fill: "none", + stroke: "#000", + path: pathString + }); + return p; + }; + /*\ + * Element.rotate + [ method ] + ** + * Deprecated! Use @Element.transform instead. + * Adds rotation by given angle around given point to the list of + * transformations of the element. + > Parameters + - deg (number) angle in degrees + - cx (number) #optional x coordinate of the centre of rotation + - cy (number) #optional y coordinate of the centre of rotation + * If cx & cy aren’t specified centre of the shape is used as a point of rotation. + = (object) @Element + \*/ + elproto.rotate = function (deg, cx, cy) { + if (this.removed) { + return this; + } + deg = Str(deg).split(separator); + if (deg.length - 1) { + cx = toFloat(deg[1]); + cy = toFloat(deg[2]); + } + deg = toFloat(deg[0]); + (cy == null) && (cx = cy); + if (cx == null || cy == null) { + var bbox = this.getBBox(1); + cx = bbox.x + bbox.width / 2; + cy = bbox.y + bbox.height / 2; + } + this.transform(this._.transform.concat([["r", deg, cx, cy]])); + return this; + }; + /*\ + * Element.scale + [ method ] + ** + * Deprecated! Use @Element.transform instead. + * Adds scale by given amount relative to given point to the list of + * transformations of the element. + > Parameters + - sx (number) horisontal scale amount + - sy (number) vertical scale amount + - cx (number) #optional x coordinate of the centre of scale + - cy (number) #optional y coordinate of the centre of scale + * If cx & cy aren’t specified centre of the shape is used instead. + = (object) @Element + \*/ + elproto.scale = function (sx, sy, cx, cy) { + if (this.removed) { + return this; + } + sx = Str(sx).split(separator); + if (sx.length - 1) { + sy = toFloat(sx[1]); + cx = toFloat(sx[2]); + cy = toFloat(sx[3]); + } + sx = toFloat(sx[0]); + (sy == null) && (sy = sx); + (cy == null) && (cx = cy); + if (cx == null || cy == null) { + var bbox = this.getBBox(1); + } + cx = cx == null ? bbox.x + bbox.width / 2 : cx; + cy = cy == null ? bbox.y + bbox.height / 2 : cy; + this.transform(this._.transform.concat([["s", sx, sy, cx, cy]])); + return this; + }; + /*\ + * Element.translate + [ method ] + ** + * Deprecated! Use @Element.transform instead. + * Adds translation by given amount to the list of transformations of the element. + > Parameters + - dx (number) horisontal shift + - dy (number) vertical shift + = (object) @Element + \*/ + elproto.translate = function (dx, dy) { + if (this.removed) { + return this; + } + dx = Str(dx).split(separator); + if (dx.length - 1) { + dy = toFloat(dx[1]); + } + dx = toFloat(dx[0]) || 0; + dy = +dy || 0; + this.transform(this._.transform.concat([["t", dx, dy]])); + return this; + }; + /*\ + * Element.transform + [ method ] + ** + * Adds transformation to the element which is separate to other attributes, + * i.e. translation doesn’t change `x` or `y` of the rectange. The format + * of transformation string is similar to the path string syntax: + | "t100,100r30,100,100s2,2,100,100r45s1.5" + * Each letter is a command. There are four commands: `t` is for translate, `r` is for rotate, `s` is for + * scale and `m` is for matrix. + * + * There are also alternative “absolute” translation, rotation and scale: `T`, `R` and `S`. They will not take previous transformation into account. For example, `...T100,0` will always move element 100 px horisontally, while `...t100,0` could move it vertically if there is `r90` before. Just compare results of `r90t100,0` and `r90T100,0`. + * + * So, the example line above could be read like “translate by 100, 100; rotate 30° around 100, 100; scale twice around 100, 100; + * rotate 45° around centre; scale 1.5 times relative to centre”. As you can see rotate and scale commands have origin + * coordinates as optional parameters, the default is the centre point of the element. + * Matrix accepts six parameters. + > Usage + | var el = paper.rect(10, 20, 300, 200); + | // translate 100, 100, rotate 45°, translate -100, 0 + | el.transform("t100,100r45t-100,0"); + | // if you want you can append or prepend transformations + | el.transform("...t50,50"); + | el.transform("s2..."); + | // or even wrap + | el.transform("t50,50...t-50-50"); + | // to reset transformation call method with empty string + | el.transform(""); + | // to get current value call it without parameters + | console.log(el.transform()); + > Parameters + - tstr (string) #optional transformation string + * If tstr isn’t specified + = (string) current transformation string + * else + = (object) @Element + \*/ + elproto.transform = function (tstr) { + var _ = this._; + if (tstr == null) { + return _.transform; + } + R._extractTransform(this, tstr); + + this.clip && $(this.clip, {transform: this.matrix.invert()}); + this.pattern && updatePosition(this); + this.node && $(this.node, {transform: this.matrix}); + + if (_.sx != 1 || _.sy != 1) { + var sw = this.attrs[has]("stroke-width") ? this.attrs["stroke-width"] : 1; + this.attr({"stroke-width": sw}); + } + + return this; + }; + /*\ + * Element.hide + [ method ] + ** + * Makes element invisible. See @Element.show. + = (object) @Element + \*/ + elproto.hide = function () { + if(!this.removed) this.node.style.display = "none"; + return this; + }; + /*\ + * Element.show + [ method ] + ** + * Makes element visible. See @Element.hide. + = (object) @Element + \*/ + elproto.show = function () { + if(!this.removed) this.node.style.display = ""; + return this; + }; + /*\ + * Element.remove + [ method ] + ** + * Removes element from the paper. + \*/ + elproto.remove = function () { + var node = getRealNode(this.node); + if (this.removed || !node.parentNode) { + return; + } + var paper = this.paper; + paper.__set__ && paper.__set__.exclude(this); + eve.unbind("raphael.*.*." + this.id); + if (this.gradient) { + paper.defs.removeChild(this.gradient); + } + R._tear(this, paper); + + node.parentNode.removeChild(node); + + // Remove custom data for element + this.removeData(); + + for (var i in this) { + this[i] = typeof this[i] == "function" ? R._removedFactory(i) : null; + } + this.removed = true; + }; + elproto._getBBox = function () { + if (this.node.style.display == "none") { + this.show(); + var hide = true; + } + var canvasHidden = false, + containerStyle; + if (this.paper.canvas.parentElement) { + containerStyle = this.paper.canvas.parentElement.style; + } //IE10+ can't find parentElement + else if (this.paper.canvas.parentNode) { + containerStyle = this.paper.canvas.parentNode.style; + } + + if(containerStyle && containerStyle.display == "none") { + canvasHidden = true; + containerStyle.display = ""; + } + var bbox = {}; + try { + bbox = this.node.getBBox(); + } catch(e) { + // Firefox 3.0.x, 25.0.1 (probably more versions affected) play badly here - possible fix + bbox = { + x: this.node.clientLeft, + y: this.node.clientTop, + width: this.node.clientWidth, + height: this.node.clientHeight + } + } finally { + bbox = bbox || {}; + if(canvasHidden){ + containerStyle.display = "none"; + } + } + hide && this.hide(); + return bbox; + }; + /*\ + * Element.attr + [ method ] + ** + * Sets the attributes of the element. + > Parameters + - attrName (string) attribute’s name + - value (string) value + * or + - params (object) object of name/value pairs + * or + - attrName (string) attribute’s name + * or + - attrNames (array) in this case method returns array of current values for given attribute names + = (object) @Element if attrsName & value or params are passed in. + = (...) value of the attribute if only attrsName is passed in. + = (array) array of values of the attribute if attrsNames is passed in. + = (object) object of attributes if nothing is passed in. + > Possible parameters + # <p>Please refer to the <a href="http://www.w3.org/TR/SVG/" title="The W3C Recommendation for the SVG language describes these properties in detail.">SVG specification</a> for an explanation of these parameters.</p> + o arrow-end (string) arrowhead on the end of the path. The format for string is `<type>[-<width>[-<length>]]`. Possible types: `classic`, `block`, `open`, `oval`, `diamond`, `none`, width: `wide`, `narrow`, `medium`, length: `long`, `short`, `midium`. + o clip-rect (string) comma or space separated values: x, y, width and height + o cursor (string) CSS type of the cursor + o cx (number) the x-axis coordinate of the center of the circle, or ellipse + o cy (number) the y-axis coordinate of the center of the circle, or ellipse + o fill (string) colour, gradient or image + o fill-opacity (number) + o font (string) + o font-family (string) + o font-size (number) font size in pixels + o font-weight (string) + o height (number) + o href (string) URL, if specified element behaves as hyperlink + o opacity (number) + o path (string) SVG path string format + o r (number) radius of the circle, ellipse or rounded corner on the rect + o rx (number) horisontal radius of the ellipse + o ry (number) vertical radius of the ellipse + o src (string) image URL, only works for @Element.image element + o stroke (string) stroke colour + o stroke-dasharray (string) [“”, “none”, “`-`”, “`.`”, “`-.`”, “`-..`”, “`. `”, “`- `”, “`--`”, “`- .`”, “`--.`”, “`--..`”] + o stroke-linecap (string) [“`butt`”, “`square`”, “`round`”] + o stroke-linejoin (string) [“`bevel`”, “`round`”, “`miter`”] + o stroke-miterlimit (number) + o stroke-opacity (number) + o stroke-width (number) stroke width in pixels, default is '1' + o target (string) used with href + o text (string) contents of the text element. Use `\n` for multiline text + o text-anchor (string) [“`start`”, “`middle`”, “`end`”], default is “`middle`” + o title (string) will create tooltip with a given text + o transform (string) see @Element.transform + o width (number) + o x (number) + o y (number) + > Gradients + * Linear gradient format: “`‹angle›-‹colour›[-‹colour›[:‹offset›]]*-‹colour›`”, example: “`90-#fff-#000`” – 90° + * gradient from white to black or “`0-#fff-#f00:20-#000`” – 0° gradient from white via red (at 20%) to black. + * + * radial gradient: “`r[(‹fx›, ‹fy›)]‹colour›[-‹colour›[:‹offset›]]*-‹colour›`”, example: “`r#fff-#000`” – + * gradient from white to black or “`r(0.25, 0.75)#fff-#000`” – gradient from white to black with focus point + * at 0.25, 0.75. Focus point coordinates are in 0..1 range. Radial gradients can only be applied to circles and ellipses. + > Path String + # <p>Please refer to <a href="http://www.w3.org/TR/SVG/paths.html#PathData" title="Details of a path’s data attribute’s format are described in the SVG specification.">SVG documentation regarding path string</a>. Raphaël fully supports it.</p> + > Colour Parsing + # <ul> + # <li>Colour name (“<code>red</code>”, “<code>green</code>”, “<code>cornflowerblue</code>”, etc)</li> + # <li>#••• — shortened HTML colour: (“<code>#000</code>”, “<code>#fc0</code>”, etc)</li> + # <li>#•••••• — full length HTML colour: (“<code>#000000</code>”, “<code>#bd2300</code>”)</li> + # <li>rgb(•••, •••, •••) — red, green and blue channels’ values: (“<code>rgb(200, 100, 0)</code>”)</li> + # <li>rgb(•••%, •••%, •••%) — same as above, but in %: (“<code>rgb(100%, 175%, 0%)</code>”)</li> + # <li>rgba(•••, •••, •••, •••) — red, green and blue channels’ values: (“<code>rgba(200, 100, 0, .5)</code>”)</li> + # <li>rgba(•••%, •••%, •••%, •••%) — same as above, but in %: (“<code>rgba(100%, 175%, 0%, 50%)</code>”)</li> + # <li>hsb(•••, •••, •••) — hue, saturation and brightness values: (“<code>hsb(0.5, 0.25, 1)</code>”)</li> + # <li>hsb(•••%, •••%, •••%) — same as above, but in %</li> + # <li>hsba(•••, •••, •••, •••) — same as above, but with opacity</li> + # <li>hsl(•••, •••, •••) — almost the same as hsb, see <a href="http://en.wikipedia.org/wiki/HSL_and_HSV" title="HSL and HSV - Wikipedia, the free encyclopedia">Wikipedia page</a></li> + # <li>hsl(•••%, •••%, •••%) — same as above, but in %</li> + # <li>hsla(•••, •••, •••, •••) — same as above, but with opacity</li> + # <li>Optionally for hsb and hsl you could specify hue as a degree: “<code>hsl(240deg, 1, .5)</code>” or, if you want to go fancy, “<code>hsl(240°, 1, .5)</code>”</li> + # </ul> + \*/ + elproto.attr = function (name, value) { + if (this.removed) { + return this; + } + if (name == null) { + var res = {}; + for (var a in this.attrs) if (this.attrs[has](a)) { + res[a] = this.attrs[a]; + } + res.gradient && res.fill == "none" && (res.fill = res.gradient) && delete res.gradient; + res.transform = this._.transform; + return res; + } + if (value == null && R.is(name, "string")) { + if (name == "fill" && this.attrs.fill == "none" && this.attrs.gradient) { + return this.attrs.gradient; + } + if (name == "transform") { + return this._.transform; + } + var names = name.split(separator), + out = {}; + for (var i = 0, ii = names.length; i < ii; i++) { + name = names[i]; + if (name in this.attrs) { + out[name] = this.attrs[name]; + } else if (R.is(this.paper.customAttributes[name], "function")) { + out[name] = this.paper.customAttributes[name].def; + } else { + out[name] = R._availableAttrs[name]; + } + } + return ii - 1 ? out : out[names[0]]; + } + if (value == null && R.is(name, "array")) { + out = {}; + for (i = 0, ii = name.length; i < ii; i++) { + out[name[i]] = this.attr(name[i]); + } + return out; + } + if (value != null) { + var params = {}; + params[name] = value; + } else if (name != null && R.is(name, "object")) { + params = name; + } + for (var key in params) { + eve("raphael.attr." + key + "." + this.id, this, params[key]); + } + for (key in this.paper.customAttributes) if (this.paper.customAttributes[has](key) && params[has](key) && R.is(this.paper.customAttributes[key], "function")) { + var par = this.paper.customAttributes[key].apply(this, [].concat(params[key])); + this.attrs[key] = params[key]; + for (var subkey in par) if (par[has](subkey)) { + params[subkey] = par[subkey]; + } + } + setFillAndStroke(this, params); + return this; + }; + /*\ + * Element.toFront + [ method ] + ** + * Moves the element so it is the closest to the viewer’s eyes, on top of other elements. + = (object) @Element + \*/ + elproto.toFront = function () { + if (this.removed) { + return this; + } + var node = getRealNode(this.node); + node.parentNode.appendChild(node); + var svg = this.paper; + svg.top != this && R._tofront(this, svg); + return this; + }; + /*\ + * Element.toBack + [ method ] + ** + * Moves the element so it is the furthest from the viewer’s eyes, behind other elements. + = (object) @Element + \*/ + elproto.toBack = function () { + if (this.removed) { + return this; + } + var node = getRealNode(this.node); + var parentNode = node.parentNode; + parentNode.insertBefore(node, parentNode.firstChild); + R._toback(this, this.paper); + var svg = this.paper; + return this; + }; + /*\ + * Element.insertAfter + [ method ] + ** + * Inserts current object after the given one. + = (object) @Element + \*/ + elproto.insertAfter = function (element) { + if (this.removed || !element) { + return this; + } + + var node = getRealNode(this.node); + var afterNode = getRealNode(element.node || element[element.length - 1].node); + if (afterNode.nextSibling) { + afterNode.parentNode.insertBefore(node, afterNode.nextSibling); + } else { + afterNode.parentNode.appendChild(node); + } + R._insertafter(this, element, this.paper); + return this; + }; + /*\ + * Element.insertBefore + [ method ] + ** + * Inserts current object before the given one. + = (object) @Element + \*/ + elproto.insertBefore = function (element) { + if (this.removed || !element) { + return this; + } + + var node = getRealNode(this.node); + var beforeNode = getRealNode(element.node || element[0].node); + beforeNode.parentNode.insertBefore(node, beforeNode); + R._insertbefore(this, element, this.paper); + return this; + }; + elproto.blur = function (size) { + // Experimental. No Safari support. Use it on your own risk. + var t = this; + if (+size !== 0) { + var fltr = $("filter"), + blur = $("feGaussianBlur"); + t.attrs.blur = size; + fltr.id = R.createUUID(); + $(blur, {stdDeviation: +size || 1.5}); + fltr.appendChild(blur); + t.paper.defs.appendChild(fltr); + t._blur = fltr; + $(t.node, {filter: "url(#" + fltr.id + ")"}); + } else { + if (t._blur) { + t._blur.parentNode.removeChild(t._blur); + delete t._blur; + delete t.attrs.blur; + } + t.node.removeAttribute("filter"); + } + return t; + }; + R._engine.circle = function (svg, x, y, r) { + var el = $("circle"); + svg.canvas && svg.canvas.appendChild(el); + var res = new Element(el, svg); + res.attrs = {cx: x, cy: y, r: r, fill: "none", stroke: "#000"}; + res.type = "circle"; + $(el, res.attrs); + return res; + }; + R._engine.rect = function (svg, x, y, w, h, r) { + var el = $("rect"); + svg.canvas && svg.canvas.appendChild(el); + var res = new Element(el, svg); + res.attrs = {x: x, y: y, width: w, height: h, rx: r || 0, ry: r || 0, fill: "none", stroke: "#000"}; + res.type = "rect"; + $(el, res.attrs); + return res; + }; + R._engine.ellipse = function (svg, x, y, rx, ry) { + var el = $("ellipse"); + svg.canvas && svg.canvas.appendChild(el); + var res = new Element(el, svg); + res.attrs = {cx: x, cy: y, rx: rx, ry: ry, fill: "none", stroke: "#000"}; + res.type = "ellipse"; + $(el, res.attrs); + return res; + }; + R._engine.image = function (svg, src, x, y, w, h) { + var el = $("image"); + $(el, {x: x, y: y, width: w, height: h, preserveAspectRatio: "none"}); + el.setAttributeNS(xlink, "href", src); + svg.canvas && svg.canvas.appendChild(el); + var res = new Element(el, svg); + res.attrs = {x: x, y: y, width: w, height: h, src: src}; + res.type = "image"; + return res; + }; + R._engine.text = function (svg, x, y, text) { + var el = $("text"); + svg.canvas && svg.canvas.appendChild(el); + var res = new Element(el, svg); + res.attrs = { + x: x, + y: y, + "text-anchor": "middle", + text: text, + "font-family": R._availableAttrs["font-family"], + "font-size": R._availableAttrs["font-size"], + stroke: "none", + fill: "#000" + }; + res.type = "text"; + setFillAndStroke(res, res.attrs); + return res; + }; + R._engine.setSize = function (width, height) { + this.width = width || this.width; + this.height = height || this.height; + this.canvas.setAttribute("width", this.width); + this.canvas.setAttribute("height", this.height); + if (this._viewBox) { + this.setViewBox.apply(this, this._viewBox); + } + return this; + }; + R._engine.create = function () { + var con = R._getContainer.apply(0, arguments), + container = con && con.container, + x = con.x, + y = con.y, + width = con.width, + height = con.height; + if (!container) { + throw new Error("SVG container not found."); + } + var cnvs = $("svg"), + css = "overflow:hidden;", + isFloating; + x = x || 0; + y = y || 0; + width = width || 512; + height = height || 342; + $(cnvs, { + height: height, + version: 1.1, + width: width, + xmlns: "http://www.w3.org/2000/svg", + "xmlns:xlink": "http://www.w3.org/1999/xlink" + }); + if (container == 1) { + cnvs.style.cssText = css + "position:absolute;left:" + x + "px;top:" + y + "px"; + R._g.doc.body.appendChild(cnvs); + isFloating = 1; + } else { + cnvs.style.cssText = css + "position:relative"; + if (container.firstChild) { + container.insertBefore(cnvs, container.firstChild); + } else { + container.appendChild(cnvs); + } + } + container = new R._Paper; + container.width = width; + container.height = height; + container.canvas = cnvs; + container.clear(); + container._left = container._top = 0; + isFloating && (container.renderfix = function () {}); + container.renderfix(); + return container; + }; + R._engine.setViewBox = function (x, y, w, h, fit) { + eve("raphael.setViewBox", this, this._viewBox, [x, y, w, h, fit]); + var paperSize = this.getSize(), + size = mmax(w / paperSize.width, h / paperSize.height), + top = this.top, + aspectRatio = fit ? "xMidYMid meet" : "xMinYMin", + vb, + sw; + if (x == null) { + if (this._vbSize) { + size = 1; + } + delete this._vbSize; + vb = "0 0 " + this.width + S + this.height; + } else { + this._vbSize = size; + vb = x + S + y + S + w + S + h; + } + $(this.canvas, { + viewBox: vb, + preserveAspectRatio: aspectRatio + }); + while (size && top) { + sw = "stroke-width" in top.attrs ? top.attrs["stroke-width"] : 1; + top.attr({"stroke-width": sw}); + top._.dirty = 1; + top._.dirtyT = 1; + top = top.prev; + } + this._viewBox = [x, y, w, h, !!fit]; + return this; + }; + /*\ + * Paper.renderfix + [ method ] + ** + * Fixes the issue of Firefox and IE9 regarding subpixel rendering. If paper is dependant + * on other elements after reflow it could shift half pixel which cause for lines to lost their crispness. + * This method fixes the issue. + ** + Special thanks to Mariusz Nowak (http://www.medikoo.com/) for this method. + \*/ + R.prototype.renderfix = function () { + var cnvs = this.canvas, + s = cnvs.style, + pos; + try { + pos = cnvs.getScreenCTM() || cnvs.createSVGMatrix(); + } catch (e) { + pos = cnvs.createSVGMatrix(); + } + var left = -pos.e % 1, + top = -pos.f % 1; + if (left || top) { + if (left) { + this._left = (this._left + left) % 1; + s.left = this._left + "px"; + } + if (top) { + this._top = (this._top + top) % 1; + s.top = this._top + "px"; + } + } + }; + /*\ + * Paper.clear + [ method ] + ** + * Clears the paper, i.e. removes all the elements. + \*/ + R.prototype.clear = function () { + R.eve("raphael.clear", this); + var c = this.canvas; + while (c.firstChild) { + c.removeChild(c.firstChild); + } + this.bottom = this.top = null; + (this.desc = $("desc")).appendChild(R._g.doc.createTextNode("Created with Rapha\xebl " + R.version)); + c.appendChild(this.desc); + c.appendChild(this.defs = $("defs")); + }; + /*\ + * Paper.remove + [ method ] + ** + * Removes the paper from the DOM. + \*/ + R.prototype.remove = function () { + eve("raphael.remove", this); + this.canvas.parentNode && this.canvas.parentNode.removeChild(this.canvas); + for (var i in this) { + this[i] = typeof this[i] == "function" ? R._removedFactory(i) : null; + } + }; + var setproto = R.st; + for (var method in elproto) if (elproto[has](method) && !setproto[has](method)) { + setproto[method] = (function (methodname) { + return function () { + var arg = arguments; + return this.forEach(function (el) { + el[methodname].apply(el, arg); + }); + }; + })(method); + } +})); + +// ┌─────────────────────────────────────────────────────────────────────┐ \\ +// │ Raphaël 2.1.4 - JavaScript Vector Library │ \\ +// ├─────────────────────────────────────────────────────────────────────┤ \\ +// │ VML Module │ \\ +// ├─────────────────────────────────────────────────────────────────────┤ \\ +// │ Copyright (c) 2008-2011 Dmitry Baranovskiy (http://raphaeljs.com) │ \\ +// │ Copyright (c) 2008-2011 Sencha Labs (http://sencha.com) │ \\ +// │ Licensed under the MIT (http://raphaeljs.com/license.html) license. │ \\ +// └─────────────────────────────────────────────────────────────────────┘ \\ + +(function (glob, factory) { + if (typeof define === "function" && define.amd) { + define("raphael.vml", ["raphael.core"], function(raphael) { + return factory(raphael); + }); + } else if (typeof exports === "object") { + factory(require("raphael")); + } else { + factory(glob.Raphael); + } +}(this, function(R) { + if (R && !R.vml) { + return; + } + + var has = "hasOwnProperty", + Str = String, + toFloat = parseFloat, + math = Math, + round = math.round, + mmax = math.max, + mmin = math.min, + abs = math.abs, + fillString = "fill", + separator = /[, ]+/, + eve = R.eve, + ms = " progid:DXImageTransform.Microsoft", + S = " ", + E = "", + map = {M: "m", L: "l", C: "c", Z: "x", m: "t", l: "r", c: "v", z: "x"}, + bites = /([clmz]),?([^clmz]*)/gi, + blurregexp = / progid:\S+Blur\([^\)]+\)/g, + val = /-?[^,\s-]+/g, + cssDot = "position:absolute;left:0;top:0;width:1px;height:1px;behavior:url(#default#VML)", + zoom = 21600, + pathTypes = {path: 1, rect: 1, image: 1}, + ovalTypes = {circle: 1, ellipse: 1}, + path2vml = function (path) { + var total = /[ahqstv]/ig, + command = R._pathToAbsolute; + Str(path).match(total) && (command = R._path2curve); + total = /[clmz]/g; + if (command == R._pathToAbsolute && !Str(path).match(total)) { + var res = Str(path).replace(bites, function (all, command, args) { + var vals = [], + isMove = command.toLowerCase() == "m", + res = map[command]; + args.replace(val, function (value) { + if (isMove && vals.length == 2) { + res += vals + map[command == "m" ? "l" : "L"]; + vals = []; + } + vals.push(round(value * zoom)); + }); + return res + vals; + }); + return res; + } + var pa = command(path), p, r; + res = []; + for (var i = 0, ii = pa.length; i < ii; i++) { + p = pa[i]; + r = pa[i][0].toLowerCase(); + r == "z" && (r = "x"); + for (var j = 1, jj = p.length; j < jj; j++) { + r += round(p[j] * zoom) + (j != jj - 1 ? "," : E); + } + res.push(r); + } + return res.join(S); + }, + compensation = function (deg, dx, dy) { + var m = R.matrix(); + m.rotate(-deg, .5, .5); + return { + dx: m.x(dx, dy), + dy: m.y(dx, dy) + }; + }, + setCoords = function (p, sx, sy, dx, dy, deg) { + var _ = p._, + m = p.matrix, + fillpos = _.fillpos, + o = p.node, + s = o.style, + y = 1, + flip = "", + dxdy, + kx = zoom / sx, + ky = zoom / sy; + s.visibility = "hidden"; + if (!sx || !sy) { + return; + } + o.coordsize = abs(kx) + S + abs(ky); + s.rotation = deg * (sx * sy < 0 ? -1 : 1); + if (deg) { + var c = compensation(deg, dx, dy); + dx = c.dx; + dy = c.dy; + } + sx < 0 && (flip += "x"); + sy < 0 && (flip += " y") && (y = -1); + s.flip = flip; + o.coordorigin = (dx * -kx) + S + (dy * -ky); + if (fillpos || _.fillsize) { + var fill = o.getElementsByTagName(fillString); + fill = fill && fill[0]; + o.removeChild(fill); + if (fillpos) { + c = compensation(deg, m.x(fillpos[0], fillpos[1]), m.y(fillpos[0], fillpos[1])); + fill.position = c.dx * y + S + c.dy * y; + } + if (_.fillsize) { + fill.size = _.fillsize[0] * abs(sx) + S + _.fillsize[1] * abs(sy); + } + o.appendChild(fill); + } + s.visibility = "visible"; + }; + R.toString = function () { + return "Your browser doesn\u2019t support SVG. Falling down to VML.\nYou are running Rapha\xebl " + this.version; + }; + var addArrow = function (o, value, isEnd) { + var values = Str(value).toLowerCase().split("-"), + se = isEnd ? "end" : "start", + i = values.length, + type = "classic", + w = "medium", + h = "medium"; + while (i--) { + switch (values[i]) { + case "block": + case "classic": + case "oval": + case "diamond": + case "open": + case "none": + type = values[i]; + break; + case "wide": + case "narrow": h = values[i]; break; + case "long": + case "short": w = values[i]; break; + } + } + var stroke = o.node.getElementsByTagName("stroke")[0]; + stroke[se + "arrow"] = type; + stroke[se + "arrowlength"] = w; + stroke[se + "arrowwidth"] = h; + }, + setFillAndStroke = function (o, params) { + // o.paper.canvas.style.display = "none"; + o.attrs = o.attrs || {}; + var node = o.node, + a = o.attrs, + s = node.style, + xy, + newpath = pathTypes[o.type] && (params.x != a.x || params.y != a.y || params.width != a.width || params.height != a.height || params.cx != a.cx || params.cy != a.cy || params.rx != a.rx || params.ry != a.ry || params.r != a.r), + isOval = ovalTypes[o.type] && (a.cx != params.cx || a.cy != params.cy || a.r != params.r || a.rx != params.rx || a.ry != params.ry), + res = o; + + + for (var par in params) if (params[has](par)) { + a[par] = params[par]; + } + if (newpath) { + a.path = R._getPath[o.type](o); + o._.dirty = 1; + } + params.href && (node.href = params.href); + params.title && (node.title = params.title); + params.target && (node.target = params.target); + params.cursor && (s.cursor = params.cursor); + "blur" in params && o.blur(params.blur); + if (params.path && o.type == "path" || newpath) { + node.path = path2vml(~Str(a.path).toLowerCase().indexOf("r") ? R._pathToAbsolute(a.path) : a.path); + o._.dirty = 1; + if (o.type == "image") { + o._.fillpos = [a.x, a.y]; + o._.fillsize = [a.width, a.height]; + setCoords(o, 1, 1, 0, 0, 0); + } + } + "transform" in params && o.transform(params.transform); + if (isOval) { + var cx = +a.cx, + cy = +a.cy, + rx = +a.rx || +a.r || 0, + ry = +a.ry || +a.r || 0; + node.path = R.format("ar{0},{1},{2},{3},{4},{1},{4},{1}x", round((cx - rx) * zoom), round((cy - ry) * zoom), round((cx + rx) * zoom), round((cy + ry) * zoom), round(cx * zoom)); + o._.dirty = 1; + } + if ("clip-rect" in params) { + var rect = Str(params["clip-rect"]).split(separator); + if (rect.length == 4) { + rect[2] = +rect[2] + (+rect[0]); + rect[3] = +rect[3] + (+rect[1]); + var div = node.clipRect || R._g.doc.createElement("div"), + dstyle = div.style; + dstyle.clip = R.format("rect({1}px {2}px {3}px {0}px)", rect); + if (!node.clipRect) { + dstyle.position = "absolute"; + dstyle.top = 0; + dstyle.left = 0; + dstyle.width = o.paper.width + "px"; + dstyle.height = o.paper.height + "px"; + node.parentNode.insertBefore(div, node); + div.appendChild(node); + node.clipRect = div; + } + } + if (!params["clip-rect"]) { + node.clipRect && (node.clipRect.style.clip = "auto"); + } + } + if (o.textpath) { + var textpathStyle = o.textpath.style; + params.font && (textpathStyle.font = params.font); + params["font-family"] && (textpathStyle.fontFamily = '"' + params["font-family"].split(",")[0].replace(/^['"]+|['"]+$/g, E) + '"'); + params["font-size"] && (textpathStyle.fontSize = params["font-size"]); + params["font-weight"] && (textpathStyle.fontWeight = params["font-weight"]); + params["font-style"] && (textpathStyle.fontStyle = params["font-style"]); + } + if ("arrow-start" in params) { + addArrow(res, params["arrow-start"]); + } + if ("arrow-end" in params) { + addArrow(res, params["arrow-end"], 1); + } + if (params.opacity != null || + params["stroke-width"] != null || + params.fill != null || + params.src != null || + params.stroke != null || + params["stroke-width"] != null || + params["stroke-opacity"] != null || + params["fill-opacity"] != null || + params["stroke-dasharray"] != null || + params["stroke-miterlimit"] != null || + params["stroke-linejoin"] != null || + params["stroke-linecap"] != null) { + var fill = node.getElementsByTagName(fillString), + newfill = false; + fill = fill && fill[0]; + !fill && (newfill = fill = createNode(fillString)); + if (o.type == "image" && params.src) { + fill.src = params.src; + } + params.fill && (fill.on = true); + if (fill.on == null || params.fill == "none" || params.fill === null) { + fill.on = false; + } + if (fill.on && params.fill) { + var isURL = Str(params.fill).match(R._ISURL); + if (isURL) { + fill.parentNode == node && node.removeChild(fill); + fill.rotate = true; + fill.src = isURL[1]; + fill.type = "tile"; + var bbox = o.getBBox(1); + fill.position = bbox.x + S + bbox.y; + o._.fillpos = [bbox.x, bbox.y]; + + R._preload(isURL[1], function () { + o._.fillsize = [this.offsetWidth, this.offsetHeight]; + }); + } else { + fill.color = R.getRGB(params.fill).hex; + fill.src = E; + fill.type = "solid"; + if (R.getRGB(params.fill).error && (res.type in {circle: 1, ellipse: 1} || Str(params.fill).charAt() != "r") && addGradientFill(res, params.fill, fill)) { + a.fill = "none"; + a.gradient = params.fill; + fill.rotate = false; + } + } + } + if ("fill-opacity" in params || "opacity" in params) { + var opacity = ((+a["fill-opacity"] + 1 || 2) - 1) * ((+a.opacity + 1 || 2) - 1) * ((+R.getRGB(params.fill).o + 1 || 2) - 1); + opacity = mmin(mmax(opacity, 0), 1); + fill.opacity = opacity; + if (fill.src) { + fill.color = "none"; + } + } + node.appendChild(fill); + var stroke = (node.getElementsByTagName("stroke") && node.getElementsByTagName("stroke")[0]), + newstroke = false; + !stroke && (newstroke = stroke = createNode("stroke")); + if ((params.stroke && params.stroke != "none") || + params["stroke-width"] || + params["stroke-opacity"] != null || + params["stroke-dasharray"] || + params["stroke-miterlimit"] || + params["stroke-linejoin"] || + params["stroke-linecap"]) { + stroke.on = true; + } + (params.stroke == "none" || params.stroke === null || stroke.on == null || params.stroke == 0 || params["stroke-width"] == 0) && (stroke.on = false); + var strokeColor = R.getRGB(params.stroke); + stroke.on && params.stroke && (stroke.color = strokeColor.hex); + opacity = ((+a["stroke-opacity"] + 1 || 2) - 1) * ((+a.opacity + 1 || 2) - 1) * ((+strokeColor.o + 1 || 2) - 1); + var width = (toFloat(params["stroke-width"]) || 1) * .75; + opacity = mmin(mmax(opacity, 0), 1); + params["stroke-width"] == null && (width = a["stroke-width"]); + params["stroke-width"] && (stroke.weight = width); + width && width < 1 && (opacity *= width) && (stroke.weight = 1); + stroke.opacity = opacity; + + params["stroke-linejoin"] && (stroke.joinstyle = params["stroke-linejoin"] || "miter"); + stroke.miterlimit = params["stroke-miterlimit"] || 8; + params["stroke-linecap"] && (stroke.endcap = params["stroke-linecap"] == "butt" ? "flat" : params["stroke-linecap"] == "square" ? "square" : "round"); + if ("stroke-dasharray" in params) { + var dasharray = { + "-": "shortdash", + ".": "shortdot", + "-.": "shortdashdot", + "-..": "shortdashdotdot", + ". ": "dot", + "- ": "dash", + "--": "longdash", + "- .": "dashdot", + "--.": "longdashdot", + "--..": "longdashdotdot" + }; + stroke.dashstyle = dasharray[has](params["stroke-dasharray"]) ? dasharray[params["stroke-dasharray"]] : E; + } + newstroke && node.appendChild(stroke); + } + if (res.type == "text") { + res.paper.canvas.style.display = E; + var span = res.paper.span, + m = 100, + fontSize = a.font && a.font.match(/\d+(?:\.\d*)?(?=px)/); + s = span.style; + a.font && (s.font = a.font); + a["font-family"] && (s.fontFamily = a["font-family"]); + a["font-weight"] && (s.fontWeight = a["font-weight"]); + a["font-style"] && (s.fontStyle = a["font-style"]); + fontSize = toFloat(a["font-size"] || fontSize && fontSize[0]) || 10; + s.fontSize = fontSize * m + "px"; + res.textpath.string && (span.innerHTML = Str(res.textpath.string).replace(/</g, "<").replace(/&/g, "&").replace(/\n/g, "<br>")); + var brect = span.getBoundingClientRect(); + res.W = a.w = (brect.right - brect.left) / m; + res.H = a.h = (brect.bottom - brect.top) / m; + // res.paper.canvas.style.display = "none"; + res.X = a.x; + res.Y = a.y + res.H / 2; + + ("x" in params || "y" in params) && (res.path.v = R.format("m{0},{1}l{2},{1}", round(a.x * zoom), round(a.y * zoom), round(a.x * zoom) + 1)); + var dirtyattrs = ["x", "y", "text", "font", "font-family", "font-weight", "font-style", "font-size"]; + for (var d = 0, dd = dirtyattrs.length; d < dd; d++) if (dirtyattrs[d] in params) { + res._.dirty = 1; + break; + } + + // text-anchor emulation + switch (a["text-anchor"]) { + case "start": + res.textpath.style["v-text-align"] = "left"; + res.bbx = res.W / 2; + break; + case "end": + res.textpath.style["v-text-align"] = "right"; + res.bbx = -res.W / 2; + break; + default: + res.textpath.style["v-text-align"] = "center"; + res.bbx = 0; + break; + } + res.textpath.style["v-text-kern"] = true; + } + // res.paper.canvas.style.display = E; + }, + addGradientFill = function (o, gradient, fill) { + o.attrs = o.attrs || {}; + var attrs = o.attrs, + pow = Math.pow, + opacity, + oindex, + type = "linear", + fxfy = ".5 .5"; + o.attrs.gradient = gradient; + gradient = Str(gradient).replace(R._radial_gradient, function (all, fx, fy) { + type = "radial"; + if (fx && fy) { + fx = toFloat(fx); + fy = toFloat(fy); + pow(fx - .5, 2) + pow(fy - .5, 2) > .25 && (fy = math.sqrt(.25 - pow(fx - .5, 2)) * ((fy > .5) * 2 - 1) + .5); + fxfy = fx + S + fy; + } + return E; + }); + gradient = gradient.split(/\s*\-\s*/); + if (type == "linear") { + var angle = gradient.shift(); + angle = -toFloat(angle); + if (isNaN(angle)) { + return null; + } + } + var dots = R._parseDots(gradient); + if (!dots) { + return null; + } + o = o.shape || o.node; + if (dots.length) { + o.removeChild(fill); + fill.on = true; + fill.method = "none"; + fill.color = dots[0].color; + fill.color2 = dots[dots.length - 1].color; + var clrs = []; + for (var i = 0, ii = dots.length; i < ii; i++) { + dots[i].offset && clrs.push(dots[i].offset + S + dots[i].color); + } + fill.colors = clrs.length ? clrs.join() : "0% " + fill.color; + if (type == "radial") { + fill.type = "gradientTitle"; + fill.focus = "100%"; + fill.focussize = "0 0"; + fill.focusposition = fxfy; + fill.angle = 0; + } else { + // fill.rotate= true; + fill.type = "gradient"; + fill.angle = (270 - angle) % 360; + } + o.appendChild(fill); + } + return 1; + }, + Element = function (node, vml) { + this[0] = this.node = node; + node.raphael = true; + this.id = R._oid++; + node.raphaelid = this.id; + this.X = 0; + this.Y = 0; + this.attrs = {}; + this.paper = vml; + this.matrix = R.matrix(); + this._ = { + transform: [], + sx: 1, + sy: 1, + dx: 0, + dy: 0, + deg: 0, + dirty: 1, + dirtyT: 1 + }; + !vml.bottom && (vml.bottom = this); + this.prev = vml.top; + vml.top && (vml.top.next = this); + vml.top = this; + this.next = null; + }; + var elproto = R.el; + + Element.prototype = elproto; + elproto.constructor = Element; + elproto.transform = function (tstr) { + if (tstr == null) { + return this._.transform; + } + var vbs = this.paper._viewBoxShift, + vbt = vbs ? "s" + [vbs.scale, vbs.scale] + "-1-1t" + [vbs.dx, vbs.dy] : E, + oldt; + if (vbs) { + oldt = tstr = Str(tstr).replace(/\.{3}|\u2026/g, this._.transform || E); + } + R._extractTransform(this, vbt + tstr); + var matrix = this.matrix.clone(), + skew = this.skew, + o = this.node, + split, + isGrad = ~Str(this.attrs.fill).indexOf("-"), + isPatt = !Str(this.attrs.fill).indexOf("url("); + matrix.translate(1, 1); + if (isPatt || isGrad || this.type == "image") { + skew.matrix = "1 0 0 1"; + skew.offset = "0 0"; + split = matrix.split(); + if ((isGrad && split.noRotation) || !split.isSimple) { + o.style.filter = matrix.toFilter(); + var bb = this.getBBox(), + bbt = this.getBBox(1), + dx = bb.x - bbt.x, + dy = bb.y - bbt.y; + o.coordorigin = (dx * -zoom) + S + (dy * -zoom); + setCoords(this, 1, 1, dx, dy, 0); + } else { + o.style.filter = E; + setCoords(this, split.scalex, split.scaley, split.dx, split.dy, split.rotate); + } + } else { + o.style.filter = E; + skew.matrix = Str(matrix); + skew.offset = matrix.offset(); + } + if (oldt !== null) { // empty string value is true as well + this._.transform = oldt; + R._extractTransform(this, oldt); + } + return this; + }; + elproto.rotate = function (deg, cx, cy) { + if (this.removed) { + return this; + } + if (deg == null) { + return; + } + deg = Str(deg).split(separator); + if (deg.length - 1) { + cx = toFloat(deg[1]); + cy = toFloat(deg[2]); + } + deg = toFloat(deg[0]); + (cy == null) && (cx = cy); + if (cx == null || cy == null) { + var bbox = this.getBBox(1); + cx = bbox.x + bbox.width / 2; + cy = bbox.y + bbox.height / 2; + } + this._.dirtyT = 1; + this.transform(this._.transform.concat([["r", deg, cx, cy]])); + return this; + }; + elproto.translate = function (dx, dy) { + if (this.removed) { + return this; + } + dx = Str(dx).split(separator); + if (dx.length - 1) { + dy = toFloat(dx[1]); + } + dx = toFloat(dx[0]) || 0; + dy = +dy || 0; + if (this._.bbox) { + this._.bbox.x += dx; + this._.bbox.y += dy; + } + this.transform(this._.transform.concat([["t", dx, dy]])); + return this; + }; + elproto.scale = function (sx, sy, cx, cy) { + if (this.removed) { + return this; + } + sx = Str(sx).split(separator); + if (sx.length - 1) { + sy = toFloat(sx[1]); + cx = toFloat(sx[2]); + cy = toFloat(sx[3]); + isNaN(cx) && (cx = null); + isNaN(cy) && (cy = null); + } + sx = toFloat(sx[0]); + (sy == null) && (sy = sx); + (cy == null) && (cx = cy); + if (cx == null || cy == null) { + var bbox = this.getBBox(1); + } + cx = cx == null ? bbox.x + bbox.width / 2 : cx; + cy = cy == null ? bbox.y + bbox.height / 2 : cy; + + this.transform(this._.transform.concat([["s", sx, sy, cx, cy]])); + this._.dirtyT = 1; + return this; + }; + elproto.hide = function () { + !this.removed && (this.node.style.display = "none"); + return this; + }; + elproto.show = function () { + !this.removed && (this.node.style.display = E); + return this; + }; + // Needed to fix the vml setViewBox issues + elproto.auxGetBBox = R.el.getBBox; + elproto.getBBox = function(){ + var b = this.auxGetBBox(); + if (this.paper && this.paper._viewBoxShift) + { + var c = {}; + var z = 1/this.paper._viewBoxShift.scale; + c.x = b.x - this.paper._viewBoxShift.dx; + c.x *= z; + c.y = b.y - this.paper._viewBoxShift.dy; + c.y *= z; + c.width = b.width * z; + c.height = b.height * z; + c.x2 = c.x + c.width; + c.y2 = c.y + c.height; + return c; + } + return b; + }; + elproto._getBBox = function () { + if (this.removed) { + return {}; + } + return { + x: this.X + (this.bbx || 0) - this.W / 2, + y: this.Y - this.H, + width: this.W, + height: this.H + }; + }; + elproto.remove = function () { + if (this.removed || !this.node.parentNode) { + return; + } + this.paper.__set__ && this.paper.__set__.exclude(this); + R.eve.unbind("raphael.*.*." + this.id); + R._tear(this, this.paper); + this.node.parentNode.removeChild(this.node); + this.shape && this.shape.parentNode.removeChild(this.shape); + for (var i in this) { + this[i] = typeof this[i] == "function" ? R._removedFactory(i) : null; + } + this.removed = true; + }; + elproto.attr = function (name, value) { + if (this.removed) { + return this; + } + if (name == null) { + var res = {}; + for (var a in this.attrs) if (this.attrs[has](a)) { + res[a] = this.attrs[a]; + } + res.gradient && res.fill == "none" && (res.fill = res.gradient) && delete res.gradient; + res.transform = this._.transform; + return res; + } + if (value == null && R.is(name, "string")) { + if (name == fillString && this.attrs.fill == "none" && this.attrs.gradient) { + return this.attrs.gradient; + } + var names = name.split(separator), + out = {}; + for (var i = 0, ii = names.length; i < ii; i++) { + name = names[i]; + if (name in this.attrs) { + out[name] = this.attrs[name]; + } else if (R.is(this.paper.customAttributes[name], "function")) { + out[name] = this.paper.customAttributes[name].def; + } else { + out[name] = R._availableAttrs[name]; + } + } + return ii - 1 ? out : out[names[0]]; + } + if (this.attrs && value == null && R.is(name, "array")) { + out = {}; + for (i = 0, ii = name.length; i < ii; i++) { + out[name[i]] = this.attr(name[i]); + } + return out; + } + var params; + if (value != null) { + params = {}; + params[name] = value; + } + value == null && R.is(name, "object") && (params = name); + for (var key in params) { + eve("raphael.attr." + key + "." + this.id, this, params[key]); + } + if (params) { + for (key in this.paper.customAttributes) if (this.paper.customAttributes[has](key) && params[has](key) && R.is(this.paper.customAttributes[key], "function")) { + var par = this.paper.customAttributes[key].apply(this, [].concat(params[key])); + this.attrs[key] = params[key]; + for (var subkey in par) if (par[has](subkey)) { + params[subkey] = par[subkey]; + } + } + // this.paper.canvas.style.display = "none"; + if (params.text && this.type == "text") { + this.textpath.string = params.text; + } + setFillAndStroke(this, params); + // this.paper.canvas.style.display = E; + } + return this; + }; + elproto.toFront = function () { + !this.removed && this.node.parentNode.appendChild(this.node); + this.paper && this.paper.top != this && R._tofront(this, this.paper); + return this; + }; + elproto.toBack = function () { + if (this.removed) { + return this; + } + if (this.node.parentNode.firstChild != this.node) { + this.node.parentNode.insertBefore(this.node, this.node.parentNode.firstChild); + R._toback(this, this.paper); + } + return this; + }; + elproto.insertAfter = function (element) { + if (this.removed) { + return this; + } + if (element.constructor == R.st.constructor) { + element = element[element.length - 1]; + } + if (element.node.nextSibling) { + element.node.parentNode.insertBefore(this.node, element.node.nextSibling); + } else { + element.node.parentNode.appendChild(this.node); + } + R._insertafter(this, element, this.paper); + return this; + }; + elproto.insertBefore = function (element) { + if (this.removed) { + return this; + } + if (element.constructor == R.st.constructor) { + element = element[0]; + } + element.node.parentNode.insertBefore(this.node, element.node); + R._insertbefore(this, element, this.paper); + return this; + }; + elproto.blur = function (size) { + var s = this.node.runtimeStyle, + f = s.filter; + f = f.replace(blurregexp, E); + if (+size !== 0) { + this.attrs.blur = size; + s.filter = f + S + ms + ".Blur(pixelradius=" + (+size || 1.5) + ")"; + s.margin = R.format("-{0}px 0 0 -{0}px", round(+size || 1.5)); + } else { + s.filter = f; + s.margin = 0; + delete this.attrs.blur; + } + return this; + }; + + R._engine.path = function (pathString, vml) { + var el = createNode("shape"); + el.style.cssText = cssDot; + el.coordsize = zoom + S + zoom; + el.coordorigin = vml.coordorigin; + var p = new Element(el, vml), + attr = {fill: "none", stroke: "#000"}; + pathString && (attr.path = pathString); + p.type = "path"; + p.path = []; + p.Path = E; + setFillAndStroke(p, attr); + vml.canvas.appendChild(el); + var skew = createNode("skew"); + skew.on = true; + el.appendChild(skew); + p.skew = skew; + p.transform(E); + return p; + }; + R._engine.rect = function (vml, x, y, w, h, r) { + var path = R._rectPath(x, y, w, h, r), + res = vml.path(path), + a = res.attrs; + res.X = a.x = x; + res.Y = a.y = y; + res.W = a.width = w; + res.H = a.height = h; + a.r = r; + a.path = path; + res.type = "rect"; + return res; + }; + R._engine.ellipse = function (vml, x, y, rx, ry) { + var res = vml.path(), + a = res.attrs; + res.X = x - rx; + res.Y = y - ry; + res.W = rx * 2; + res.H = ry * 2; + res.type = "ellipse"; + setFillAndStroke(res, { + cx: x, + cy: y, + rx: rx, + ry: ry + }); + return res; + }; + R._engine.circle = function (vml, x, y, r) { + var res = vml.path(), + a = res.attrs; + res.X = x - r; + res.Y = y - r; + res.W = res.H = r * 2; + res.type = "circle"; + setFillAndStroke(res, { + cx: x, + cy: y, + r: r + }); + return res; + }; + R._engine.image = function (vml, src, x, y, w, h) { + var path = R._rectPath(x, y, w, h), + res = vml.path(path).attr({stroke: "none"}), + a = res.attrs, + node = res.node, + fill = node.getElementsByTagName(fillString)[0]; + a.src = src; + res.X = a.x = x; + res.Y = a.y = y; + res.W = a.width = w; + res.H = a.height = h; + a.path = path; + res.type = "image"; + fill.parentNode == node && node.removeChild(fill); + fill.rotate = true; + fill.src = src; + fill.type = "tile"; + res._.fillpos = [x, y]; + res._.fillsize = [w, h]; + node.appendChild(fill); + setCoords(res, 1, 1, 0, 0, 0); + return res; + }; + R._engine.text = function (vml, x, y, text) { + var el = createNode("shape"), + path = createNode("path"), + o = createNode("textpath"); + x = x || 0; + y = y || 0; + text = text || ""; + path.v = R.format("m{0},{1}l{2},{1}", round(x * zoom), round(y * zoom), round(x * zoom) + 1); + path.textpathok = true; + o.string = Str(text); + o.on = true; + el.style.cssText = cssDot; + el.coordsize = zoom + S + zoom; + el.coordorigin = "0 0"; + var p = new Element(el, vml), + attr = { + fill: "#000", + stroke: "none", + font: R._availableAttrs.font, + text: text + }; + p.shape = el; + p.path = path; + p.textpath = o; + p.type = "text"; + p.attrs.text = Str(text); + p.attrs.x = x; + p.attrs.y = y; + p.attrs.w = 1; + p.attrs.h = 1; + setFillAndStroke(p, attr); + el.appendChild(o); + el.appendChild(path); + vml.canvas.appendChild(el); + var skew = createNode("skew"); + skew.on = true; + el.appendChild(skew); + p.skew = skew; + p.transform(E); + return p; + }; + R._engine.setSize = function (width, height) { + var cs = this.canvas.style; + this.width = width; + this.height = height; + width == +width && (width += "px"); + height == +height && (height += "px"); + cs.width = width; + cs.height = height; + cs.clip = "rect(0 " + width + " " + height + " 0)"; + if (this._viewBox) { + R._engine.setViewBox.apply(this, this._viewBox); + } + return this; + }; + R._engine.setViewBox = function (x, y, w, h, fit) { + R.eve("raphael.setViewBox", this, this._viewBox, [x, y, w, h, fit]); + var paperSize = this.getSize(), + width = paperSize.width, + height = paperSize.height, + H, W; + if (fit) { + H = height / h; + W = width / w; + if (w * H < width) { + x -= (width - w * H) / 2 / H; + } + if (h * W < height) { + y -= (height - h * W) / 2 / W; + } + } + this._viewBox = [x, y, w, h, !!fit]; + this._viewBoxShift = { + dx: -x, + dy: -y, + scale: paperSize + }; + this.forEach(function (el) { + el.transform("..."); + }); + return this; + }; + var createNode; + R._engine.initWin = function (win) { + var doc = win.document; + if (doc.styleSheets.length < 31) { + doc.createStyleSheet().addRule(".rvml", "behavior:url(#default#VML)"); + } else { + // no more room, add to the existing one + // http://msdn.microsoft.com/en-us/library/ms531194%28VS.85%29.aspx + doc.styleSheets[0].addRule(".rvml", "behavior:url(#default#VML)"); + } + try { + !doc.namespaces.rvml && doc.namespaces.add("rvml", "urn:schemas-microsoft-com:vml"); + createNode = function (tagName) { + return doc.createElement('<rvml:' + tagName + ' class="rvml">'); + }; + } catch (e) { + createNode = function (tagName) { + return doc.createElement('<' + tagName + ' xmlns="urn:schemas-microsoft.com:vml" class="rvml">'); + }; + } + }; + R._engine.initWin(R._g.win); + R._engine.create = function () { + var con = R._getContainer.apply(0, arguments), + container = con.container, + height = con.height, + s, + width = con.width, + x = con.x, + y = con.y; + if (!container) { + throw new Error("VML container not found."); + } + var res = new R._Paper, + c = res.canvas = R._g.doc.createElement("div"), + cs = c.style; + x = x || 0; + y = y || 0; + width = width || 512; + height = height || 342; + res.width = width; + res.height = height; + width == +width && (width += "px"); + height == +height && (height += "px"); + res.coordsize = zoom * 1e3 + S + zoom * 1e3; + res.coordorigin = "0 0"; + res.span = R._g.doc.createElement("span"); + res.span.style.cssText = "position:absolute;left:-9999em;top:-9999em;padding:0;margin:0;line-height:1;"; + c.appendChild(res.span); + cs.cssText = R.format("top:0;left:0;display:inline-block;position:absolute;clip:rect(0 {0} {1} 0);", width, height); + if (container == 1) { + R._g.doc.body.appendChild(c); + cs.left = x + "px"; + cs.top = y + "px"; + cs.position = "absolute"; + } else { + if (container.firstChild) { + container.insertBefore(c, container.firstChild); + } else { + container.appendChild(c); + } + } + res.renderfix = function () {}; + return res; + }; + R.prototype.clear = function () { + R.eve("raphael.clear", this); + this.canvas.innerHTML = E; + this.span = R._g.doc.createElement("span"); + this.span.style.cssText = "position:absolute;left:-9999em;top:-9999em;padding:0;margin:0;line-height:1;display:inline;"; + this.canvas.appendChild(this.span); + this.bottom = this.top = null; + }; + R.prototype.remove = function () { + R.eve("raphael.remove", this); + this.canvas.parentNode.removeChild(this.canvas); + for (var i in this) { + this[i] = typeof this[i] == "function" ? R._removedFactory(i) : null; + } + return true; + }; + + var setproto = R.st; + for (var method in elproto) if (elproto[has](method) && !setproto[has](method)) { + setproto[method] = (function (methodname) { + return function () { + var arg = arguments; + return this.forEach(function (el) { + el[methodname].apply(el, arg); + }); + }; + })(method); + } +})); + +// ┌────────────────────────────────────────────────────────────────────┐ \\ +// │ Raphaël 2.1.4 - JavaScript Vector Library │ \\ +// ├────────────────────────────────────────────────────────────────────┤ \\ +// │ Copyright © 2008-2012 Dmitry Baranovskiy (http://raphaeljs.com) │ \\ +// │ Copyright © 2008-2012 Sencha Labs (http://sencha.com) │ \\ +// ├────────────────────────────────────────────────────────────────────┤ \\ +// │ Licensed under the MIT (http://raphaeljs.com/license.html) license.│ \\ +// └────────────────────────────────────────────────────────────────────┘ \\ + +(function (glob, factory) { + if (typeof define === "function" && define.amd) { + define("raphael", ["raphael.core", "raphael.svg", "raphael.vml"], function(Raphael) { + return factory(Raphael); + }); + } else if (typeof exports === "object") { + var raphael = require("raphael.core"); + + require("raphael.svg"); + require("raphael.vml"); + + module.exports = factory(raphael); + } else { + //glob.Raphael = factory(glob.Raphael); + } +}(this, function (Raphael) { + return Raphael.ninja(); +}));/* + * JQuery zTree core v3.5.18 + * http://zTree.me/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2015-06-18 + */ +(function($){ + var settings = {}, roots = {}, caches = {}, + //default consts of core + _consts = { + className: { + BUTTON: "button", + LEVEL: "level", + ICO_LOADING: "ico_loading", + SWITCH: "switch" + }, + event: { + NODECREATED: "ztree_nodeCreated", + CLICK: "ztree_click", + EXPAND: "ztree_expand", + COLLAPSE: "ztree_collapse", + ASYNC_SUCCESS: "ztree_async_success", + ASYNC_ERROR: "ztree_async_error", + REMOVE: "ztree_remove", + SELECTED: "ztree_selected", + UNSELECTED: "ztree_unselected" + }, + id: { + A: "_a", + ICON: "_ico", + SPAN: "_span", + SWITCH: "_switch", + UL: "_ul" + }, + line: { + ROOT: "root", + ROOTS: "roots", + CENTER: "center", + BOTTOM: "bottom", + NOLINE: "noline", + LINE: "line" + }, + folder: { + OPEN: "open", + CLOSE: "close", + DOCU: "docu" + }, + node: { + CURSELECTED: "curSelectedNode" + } + }, + //default setting of core + _setting = { + treeId: "", + treeObj: null, + view: { + addDiyDom: null, + autoCancelSelected: true, + dblClickExpand: true, + expandSpeed: "fast", + fontCss: {}, + nameIsHTML: false, + selectedMulti: true, + showIcon: true, + showLine: true, + showTitle: true, + txtSelectedEnable: false + }, + data: { + key: { + children: "children", + name: "name", + title: "", + url: "url" + }, + simpleData: { + enable: false, + idKey: "id", + pIdKey: "pId", + rootPId: null + }, + keep: { + parent: false, + leaf: false + } + }, + async: { + enable: false, + contentType: "application/x-www-form-urlencoded", + type: "post", + dataType: "text", + url: "", + autoParam: [], + otherParam: [], + dataFilter: null + }, + callback: { + beforeAsync:null, + beforeClick:null, + beforeDblClick:null, + beforeRightClick:null, + beforeMouseDown:null, + beforeMouseUp:null, + beforeExpand:null, + beforeCollapse:null, + beforeRemove:null, + + onAsyncError:null, + onAsyncSuccess:null, + onNodeCreated:null, + onClick:null, + onDblClick:null, + onRightClick:null, + onMouseDown:null, + onMouseUp:null, + onExpand:null, + onCollapse:null, + onRemove:null + } + }, + //default root of core + //zTree use root to save full data + _initRoot = function (setting) { + var r = data.getRoot(setting); + if (!r) { + r = {}; + data.setRoot(setting, r); + } + r[setting.data.key.children] = []; + r.expandTriggerFlag = false; + r.curSelectedList = []; + r.noSelection = true; + r.createdNodes = []; + r.zId = 0; + r._ver = (new Date()).getTime(); + }, + //default cache of core + _initCache = function(setting) { + var c = data.getCache(setting); + if (!c) { + c = {}; + data.setCache(setting, c); + } + c.nodes = []; + c.doms = []; + }, + //default bindEvent of core + _bindEvent = function(setting) { + var o = setting.treeObj, + c = consts.event; + o.bind(c.NODECREATED, function (event, treeId, node) { + tools.apply(setting.callback.onNodeCreated, [event, treeId, node]); + }); + + o.bind(c.CLICK, function (event, srcEvent, treeId, node, clickFlag) { + tools.apply(setting.callback.onClick, [srcEvent, treeId, node, clickFlag]); + }); + + o.bind(c.EXPAND, function (event, treeId, node) { + tools.apply(setting.callback.onExpand, [event, treeId, node]); + }); + + o.bind(c.COLLAPSE, function (event, treeId, node) { + tools.apply(setting.callback.onCollapse, [event, treeId, node]); + }); + + o.bind(c.ASYNC_SUCCESS, function (event, treeId, node, msg) { + tools.apply(setting.callback.onAsyncSuccess, [event, treeId, node, msg]); + }); + + o.bind(c.ASYNC_ERROR, function (event, treeId, node, XMLHttpRequest, textStatus, errorThrown) { + tools.apply(setting.callback.onAsyncError, [event, treeId, node, XMLHttpRequest, textStatus, errorThrown]); + }); + + o.bind(c.REMOVE, function (event, treeId, treeNode) { + tools.apply(setting.callback.onRemove, [event, treeId, treeNode]); + }); + + o.bind(c.SELECTED, function (event, srcEvent, treeId, node) { + tools.apply(setting.callback.onSelected, [srcEvent, treeId, node]); + }); + o.bind(c.UNSELECTED, function (event, srcEvent, treeId, node) { + tools.apply(setting.callback.onUnSelected, [srcEvent, treeId, node]); + }); + }, + _unbindEvent = function(setting) { + var o = setting.treeObj, + c = consts.event; + o.unbind(c.NODECREATED) + .unbind(c.CLICK) + .unbind(c.EXPAND) + .unbind(c.COLLAPSE) + .unbind(c.ASYNC_SUCCESS) + .unbind(c.ASYNC_ERROR) + .unbind(c.REMOVE) + .unbind(c.SELECTED) + .unbind(c.UNSELECTED); + }, + //default event proxy of core + _eventProxy = function(event) { + var target = event.target, + setting = data.getSetting(event.data.treeId), + tId = "", node = null, + nodeEventType = "", treeEventType = "", + nodeEventCallback = null, treeEventCallback = null, + tmp = null; + + if (tools.eqs(event.type, "mousedown")) { + treeEventType = "mousedown"; + } else if (tools.eqs(event.type, "mouseup")) { + treeEventType = "mouseup"; + } else if (tools.eqs(event.type, "contextmenu")) { + treeEventType = "contextmenu"; + } else if (tools.eqs(event.type, "click")) { + if (tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.SWITCH) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "switchNode"; + } else { + tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]); + if (tmp) { + tId = tools.getNodeMainDom(tmp).id; + nodeEventType = "clickNode"; + } + } + } else if (tools.eqs(event.type, "dblclick")) { + treeEventType = "dblclick"; + tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]); + if (tmp) { + tId = tools.getNodeMainDom(tmp).id; + nodeEventType = "switchNode"; + } + } + if (treeEventType.length > 0 && tId.length == 0) { + tmp = tools.getMDom(setting, target, [{tagName:"a", attrName:"treeNode"+consts.id.A}]); + if (tmp) {tId = tools.getNodeMainDom(tmp).id;} + } + // event to node + if (tId.length>0) { + node = data.getNodeCache(setting, tId); + switch (nodeEventType) { + case "switchNode" : + if (!node.isParent) { + nodeEventType = ""; + } else if (tools.eqs(event.type, "click") + || (tools.eqs(event.type, "dblclick") && tools.apply(setting.view.dblClickExpand, [setting.treeId, node], setting.view.dblClickExpand))) { + nodeEventCallback = handler.onSwitchNode; + } else { + nodeEventType = ""; + } + break; + case "clickNode" : + nodeEventCallback = handler.onClickNode; + break; + } + } + // event to zTree + switch (treeEventType) { + case "mousedown" : + treeEventCallback = handler.onZTreeMousedown; + break; + case "mouseup" : + treeEventCallback = handler.onZTreeMouseup; + break; + case "dblclick" : + treeEventCallback = handler.onZTreeDblclick; + break; + case "contextmenu" : + treeEventCallback = handler.onZTreeContextmenu; + break; + } + var proxyResult = { + stop: false, + node: node, + nodeEventType: nodeEventType, + nodeEventCallback: nodeEventCallback, + treeEventType: treeEventType, + treeEventCallback: treeEventCallback + }; + return proxyResult + }, + //default init node of core + _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { + if (!n) return; + var r = data.getRoot(setting), + childKey = setting.data.key.children; + n.level = level; + n.tId = setting.treeId + "_" + (++r.zId); + n.parentTId = parentNode ? parentNode.tId : null; + n.open = (typeof n.open == "string") ? tools.eqs(n.open, "true") : !!n.open; + if (n[childKey] && n[childKey].length > 0) { + n.isParent = true; + n.zAsync = true; + } else { + n.isParent = (typeof n.isParent == "string") ? tools.eqs(n.isParent, "true") : !!n.isParent; + n.open = (n.isParent && !setting.async.enable) ? n.open : false; + n.zAsync = !n.isParent; + } + n.isFirstNode = isFirstNode; + n.isLastNode = isLastNode; + n.getParentNode = function() {return data.getNodeCache(setting, n.parentTId);}; + n.getPreNode = function() {return data.getPreNode(setting, n);}; + n.getNextNode = function() {return data.getNextNode(setting, n);}; + n.isAjaxing = false; + data.fixPIdKeyValue(setting, n); + }, + _init = { + bind: [_bindEvent], + unbind: [_unbindEvent], + caches: [_initCache], + nodes: [_initNode], + proxys: [_eventProxy], + roots: [_initRoot], + beforeA: [], + afterA: [], + innerBeforeA: [], + innerAfterA: [], + zTreeTools: [] + }, + //method of operate data + data = { + addNodeCache: function(setting, node) { + data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = node; + }, + getNodeCacheId: function(tId) { + return tId.substring(tId.lastIndexOf("_")+1); + }, + addAfterA: function(afterA) { + _init.afterA.push(afterA); + }, + addBeforeA: function(beforeA) { + _init.beforeA.push(beforeA); + }, + addInnerAfterA: function(innerAfterA) { + _init.innerAfterA.push(innerAfterA); + }, + addInnerBeforeA: function(innerBeforeA) { + _init.innerBeforeA.push(innerBeforeA); + }, + addInitBind: function(bindEvent) { + _init.bind.push(bindEvent); + }, + addInitUnBind: function(unbindEvent) { + _init.unbind.push(unbindEvent); + }, + addInitCache: function(initCache) { + _init.caches.push(initCache); + }, + addInitNode: function(initNode) { + _init.nodes.push(initNode); + }, + addInitProxy: function(initProxy, isFirst) { + if (!!isFirst) { + _init.proxys.splice(0,0,initProxy); + } else { + _init.proxys.push(initProxy); + } + }, + addInitRoot: function(initRoot) { + _init.roots.push(initRoot); + }, + addNodesData: function(setting, parentNode, nodes) { + var childKey = setting.data.key.children; + if (!parentNode[childKey]) parentNode[childKey] = []; + if (parentNode[childKey].length > 0) { + parentNode[childKey][parentNode[childKey].length - 1].isLastNode = false; + view.setNodeLineIcos(setting, parentNode[childKey][parentNode[childKey].length - 1]); + } + parentNode.isParent = true; + parentNode[childKey] = parentNode[childKey].concat(nodes); + }, + addSelectedNode: function(setting, node) { + var root = data.getRoot(setting); + if (!data.isSelectedNode(setting, node)) { + root.curSelectedList.push(node); + } + }, + addCreatedNode: function(setting, node) { + if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) { + var root = data.getRoot(setting); + root.createdNodes.push(node); + } + }, + addZTreeTools: function(zTreeTools) { + _init.zTreeTools.push(zTreeTools); + }, + exSetting: function(s) { + $.extend(true, _setting, s); + }, + fixPIdKeyValue: function(setting, node) { + if (setting.data.simpleData.enable) { + node[setting.data.simpleData.pIdKey] = node.parentTId ? node.getParentNode()[setting.data.simpleData.idKey] : setting.data.simpleData.rootPId; + } + }, + getAfterA: function(setting, node, array) { + for (var i=0, j=_init.afterA.length; i<j; i++) { + _init.afterA[i].apply(this, arguments); + } + }, + getBeforeA: function(setting, node, array) { + for (var i=0, j=_init.beforeA.length; i<j; i++) { + _init.beforeA[i].apply(this, arguments); + } + }, + getInnerAfterA: function(setting, node, array) { + for (var i=0, j=_init.innerAfterA.length; i<j; i++) { + _init.innerAfterA[i].apply(this, arguments); + } + }, + getInnerBeforeA: function(setting, node, array) { + for (var i=0, j=_init.innerBeforeA.length; i<j; i++) { + _init.innerBeforeA[i].apply(this, arguments); + } + }, + getCache: function(setting) { + return caches[setting.treeId]; + }, + getNextNode: function(setting, node) { + if (!node) return null; + var childKey = setting.data.key.children, + p = node.parentTId ? node.getParentNode() : data.getRoot(setting); + for (var i=0, l=p[childKey].length-1; i<=l; i++) { + if (p[childKey][i] === node) { + return (i==l ? null : p[childKey][i+1]); + } + } + return null; + }, + getNodeByParam: function(setting, nodes, key, value) { + if (!nodes || !key) return null; + var childKey = setting.data.key.children; + for (var i = 0, l = nodes.length; i < l; i++) { + if (nodes[i][key] == value) { + return nodes[i]; + } + var tmp = data.getNodeByParam(setting, nodes[i][childKey], key, value); + if (tmp) return tmp; + } + return null; + }, + getNodeCache: function(setting, tId) { + if (!tId) return null; + var n = caches[setting.treeId].nodes[data.getNodeCacheId(tId)]; + return n ? n : null; + }, + getNodeName: function(setting, node) { + var nameKey = setting.data.key.name; + return "" + node[nameKey]; + }, + getNodeTitle: function(setting, node) { + var t = setting.data.key.title === "" ? setting.data.key.name : setting.data.key.title; + return "" + node[t]; + }, + getNodes: function(setting) { + return data.getRoot(setting)[setting.data.key.children]; + }, + getNodesByParam: function(setting, nodes, key, value) { + if (!nodes || !key) return []; + var childKey = setting.data.key.children, + result = []; + for (var i = 0, l = nodes.length; i < l; i++) { + if (nodes[i][key] == value) { + result.push(nodes[i]); + } + result = result.concat(data.getNodesByParam(setting, nodes[i][childKey], key, value)); + } + return result; + }, + getNodesByParamFuzzy: function(setting, nodes, key, value) { + if (!nodes || !key) return []; + var childKey = setting.data.key.children, + result = []; + value = value.toLowerCase(); + for (var i = 0, l = nodes.length; i < l; i++) { + if (typeof nodes[i][key] == "string" && nodes[i][key].toLowerCase().indexOf(value)>-1) { + result.push(nodes[i]); + } + result = result.concat(data.getNodesByParamFuzzy(setting, nodes[i][childKey], key, value)); + } + return result; + }, + getNodesByFilter: function(setting, nodes, filter, isSingle, invokeParam) { + if (!nodes) return (isSingle ? null : []); + var childKey = setting.data.key.children, + result = isSingle ? null : []; + for (var i = 0, l = nodes.length; i < l; i++) { + if (tools.apply(filter, [nodes[i], invokeParam], false)) { + if (isSingle) {return nodes[i];} + result.push(nodes[i]); + } + var tmpResult = data.getNodesByFilter(setting, nodes[i][childKey], filter, isSingle, invokeParam); + if (isSingle && !!tmpResult) {return tmpResult;} + result = isSingle ? tmpResult : result.concat(tmpResult); + } + return result; + }, + getPreNode: function(setting, node) { + if (!node) return null; + var childKey = setting.data.key.children, + p = node.parentTId ? node.getParentNode() : data.getRoot(setting); + for (var i=0, l=p[childKey].length; i<l; i++) { + if (p[childKey][i] === node) { + return (i==0 ? null : p[childKey][i-1]); + } + } + return null; + }, + getRoot: function(setting) { + return setting ? roots[setting.treeId] : null; + }, + getRoots: function() { + return roots; + }, + getSetting: function(treeId) { + return settings[treeId]; + }, + getSettings: function() { + return settings; + }, + getZTreeTools: function(treeId) { + var r = this.getRoot(this.getSetting(treeId)); + return r ? r.treeTools : null; + }, + initCache: function(setting) { + for (var i=0, j=_init.caches.length; i<j; i++) { + _init.caches[i].apply(this, arguments); + } + }, + initNode: function(setting, level, node, parentNode, preNode, nextNode) { + for (var i=0, j=_init.nodes.length; i<j; i++) { + _init.nodes[i].apply(this, arguments); + } + }, + initRoot: function(setting) { + for (var i=0, j=_init.roots.length; i<j; i++) { + _init.roots[i].apply(this, arguments); + } + }, + isSelectedNode: function(setting, node) { + var root = data.getRoot(setting); + for (var i=0, j=root.curSelectedList.length; i<j; i++) { + if(node === root.curSelectedList[i]) return true; + } + return false; + }, + removeNodeCache: function(setting, node) { + var childKey = setting.data.key.children; + if (node[childKey]) { + for (var i=0, l=node[childKey].length; i<l; i++) { + arguments.callee(setting, node[childKey][i]); + } + } + data.getCache(setting).nodes[data.getNodeCacheId(node.tId)] = null; + }, + removeSelectedNode: function(setting, node) { + var root = data.getRoot(setting); + for (var i=0, j=root.curSelectedList.length; i<j; i++) { + if(node === root.curSelectedList[i] || !data.getNodeCache(setting, root.curSelectedList[i].tId)) { + root.curSelectedList.splice(i, 1); + i--;j--; + } + } + }, + setCache: function(setting, cache) { + caches[setting.treeId] = cache; + }, + setRoot: function(setting, root) { + roots[setting.treeId] = root; + }, + setZTreeTools: function(setting, zTreeTools) { + for (var i=0, j=_init.zTreeTools.length; i<j; i++) { + _init.zTreeTools[i].apply(this, arguments); + } + }, + transformToArrayFormat: function (setting, nodes) { + if (!nodes) return []; + var childKey = setting.data.key.children, + r = []; + if (tools.isArray(nodes)) { + for (var i=0, l=nodes.length; i<l; i++) { + r.push(nodes[i]); + if (nodes[i][childKey]) + r = r.concat(data.transformToArrayFormat(setting, nodes[i][childKey])); + } + } else { + r.push(nodes); + if (nodes[childKey]) + r = r.concat(data.transformToArrayFormat(setting, nodes[childKey])); + } + return r; + }, + transformTozTreeFormat: function(setting, sNodes) { + var i,l, + key = setting.data.simpleData.idKey, + parentKey = setting.data.simpleData.pIdKey, + childKey = setting.data.key.children; + if (!key || key=="" || !sNodes) return []; + + if (tools.isArray(sNodes)) { + var r = []; + var tmpMap = []; + for (i=0, l=sNodes.length; i<l; i++) { + tmpMap[sNodes[i][key]] = sNodes[i]; + } + for (i=0, l=sNodes.length; i<l; i++) { + if (tmpMap[sNodes[i][parentKey]] && sNodes[i][key] != sNodes[i][parentKey]) { + if (!tmpMap[sNodes[i][parentKey]][childKey]) + tmpMap[sNodes[i][parentKey]][childKey] = []; + tmpMap[sNodes[i][parentKey]][childKey].push(sNodes[i]); + } else { + r.push(sNodes[i]); + } + } + return r; + }else { + return [sNodes]; + } + } + }, + //method of event proxy + event = { + bindEvent: function(setting) { + for (var i=0, j=_init.bind.length; i<j; i++) { + _init.bind[i].apply(this, arguments); + } + }, + unbindEvent: function(setting) { + for (var i=0, j=_init.unbind.length; i<j; i++) { + _init.unbind[i].apply(this, arguments); + } + }, + bindTree: function(setting) { + var eventParam = { + treeId: setting.treeId + }, + o = setting.treeObj; + if (!setting.view.txtSelectedEnable) { + // for can't select text + o.bind('selectstart', function(e){ + var node + var n = e.originalEvent.srcElement.nodeName.toLowerCase(); + return (n === "input" || n === "textarea" ); + }).css({ + "-moz-user-select":"-moz-none" + }); + } + o.bind('click', eventParam, event.proxy); + o.bind('dblclick', eventParam, event.proxy); + o.bind('mouseover', eventParam, event.proxy); + o.bind('mouseout', eventParam, event.proxy); + o.bind('mousedown', eventParam, event.proxy); + o.bind('mouseup', eventParam, event.proxy); + o.bind('contextmenu', eventParam, event.proxy); + }, + unbindTree: function(setting) { + var o = setting.treeObj; + o.unbind('click', event.proxy) + .unbind('dblclick', event.proxy) + .unbind('mouseover', event.proxy) + .unbind('mouseout', event.proxy) + .unbind('mousedown', event.proxy) + .unbind('mouseup', event.proxy) + .unbind('contextmenu', event.proxy); + }, + doProxy: function(e) { + var results = []; + for (var i=0, j=_init.proxys.length; i<j; i++) { + var proxyResult = _init.proxys[i].apply(this, arguments); + results.push(proxyResult); + if (proxyResult.stop) { + break; + } + } + return results; + }, + proxy: function(e) { + var setting = data.getSetting(e.data.treeId); + if (!tools.uCanDo(setting, e)) return true; + var results = event.doProxy(e), + r = true, x = false; + for (var i=0, l=results.length; i<l; i++) { + var proxyResult = results[i]; + if (proxyResult.nodeEventCallback) { + x = true; + r = proxyResult.nodeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r; + } + if (proxyResult.treeEventCallback) { + x = true; + r = proxyResult.treeEventCallback.apply(proxyResult, [e, proxyResult.node]) && r; + } + } + return r; + } + }, + //method of event handler + handler = { + onSwitchNode: function (event, node) { + var setting = data.getSetting(event.data.treeId); + if (node.open) { + if (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false) return true; + data.getRoot(setting).expandTriggerFlag = true; + view.switchNode(setting, node); + } else { + if (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false) return true; + data.getRoot(setting).expandTriggerFlag = true; + view.switchNode(setting, node); + } + return true; + }, + onClickNode: function (event, node) { + var setting = data.getSetting(event.data.treeId), + clickFlag = ( (setting.view.autoCancelSelected && (event.ctrlKey || event.metaKey)) && data.isSelectedNode(setting, node)) ? 0 : (setting.view.autoCancelSelected && (event.ctrlKey || event.metaKey) && setting.view.selectedMulti) ? 2 : 1; + if (tools.apply(setting.callback.beforeClick, [setting.treeId, node, clickFlag], true) == false) return true; + if (clickFlag === 0) { + view.cancelPreSelectedNode(setting, node); + } else { + view.selectNode(setting, node, clickFlag === 2); + } + setting.treeObj.trigger(consts.event.CLICK, [event, setting.treeId, node, clickFlag]); + return true; + }, + onZTreeMousedown: function(event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeMouseDown, [setting.treeId, node], true)) { + tools.apply(setting.callback.onMouseDown, [event, setting.treeId, node]); + } + return true; + }, + onZTreeMouseup: function(event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeMouseUp, [setting.treeId, node], true)) { + tools.apply(setting.callback.onMouseUp, [event, setting.treeId, node]); + } + return true; + }, + onZTreeDblclick: function(event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeDblClick, [setting.treeId, node], true)) { + tools.apply(setting.callback.onDblClick, [event, setting.treeId, node]); + } + return true; + }, + onZTreeContextmenu: function(event, node) { + var setting = data.getSetting(event.data.treeId); + if (tools.apply(setting.callback.beforeRightClick, [setting.treeId, node], true)) { + tools.apply(setting.callback.onRightClick, [event, setting.treeId, node]); + } + return (typeof setting.callback.onRightClick) != "function"; + } + }, + //method of tools for zTree + tools = { + apply: function(fun, param, defaultValue) { + if ((typeof fun) == "function") { + return fun.apply(zt, param?param:[]); + } + return defaultValue; + }, + canAsync: function(setting, node) { + var childKey = setting.data.key.children; + return (setting.async.enable && node && node.isParent && !(node.zAsync || (node[childKey] && node[childKey].length > 0))); + }, + clone: function (obj){ + if (obj === null) return null; + var o = tools.isArray(obj) ? [] : {}; + for(var i in obj){ + o[i] = (obj[i] instanceof Date) ? new Date(obj[i].getTime()) : (typeof obj[i] === "object" ? arguments.callee(obj[i]) : obj[i]); + } + return o; + }, + eqs: function(str1, str2) { + return str1.toLowerCase() === str2.toLowerCase(); + }, + isArray: function(arr) { + return Object.prototype.toString.apply(arr) === "[object Array]"; + }, + $: function(node, exp, setting) { + if (!!exp && typeof exp != "string") { + setting = exp; + exp = ""; + } + if (typeof node == "string") { + return $(node, setting ? setting.treeObj.get(0).ownerDocument : null); + } else { + return $("#" + node.tId + exp, setting ? setting.treeObj : null); + } + }, + getMDom: function (setting, curDom, targetExpr) { + if (!curDom) return null; + while (curDom && curDom.id !== setting.treeId) { + for (var i=0, l=targetExpr.length; curDom.tagName && i<l; i++) { + if (tools.eqs(curDom.tagName, targetExpr[i].tagName) && curDom.getAttribute(targetExpr[i].attrName) !== null) { + return curDom; + } + } + curDom = curDom.parentNode; + } + return null; + }, + getNodeMainDom:function(target) { + return ($(target).parent("li").get(0) || $(target).parentsUntil("li").parent().get(0)); + }, + isChildOrSelf: function(dom, parentId) { + return ( $(dom).closest("#" + parentId).length> 0 ); + }, + uCanDo: function(setting, e) { + return true; + } + }, + //method of operate ztree dom + view = { + addNodes: function(setting, parentNode, newNodes, isSilent) { + if (setting.data.keep.leaf && parentNode && !parentNode.isParent) { + return; + } + if (!tools.isArray(newNodes)) { + newNodes = [newNodes]; + } + if (setting.data.simpleData.enable) { + newNodes = data.transformTozTreeFormat(setting, newNodes); + } + if (parentNode) { + var target_switchObj = $$(parentNode, consts.id.SWITCH, setting), + target_icoObj = $$(parentNode, consts.id.ICON, setting), + target_ulObj = $$(parentNode, consts.id.UL, setting); + + if (!parentNode.open) { + view.replaceSwitchClass(parentNode, target_switchObj, consts.folder.CLOSE); + view.replaceIcoClass(parentNode, target_icoObj, consts.folder.CLOSE); + parentNode.open = false; + target_ulObj.css({ + "display": "none" + }); + } + + data.addNodesData(setting, parentNode, newNodes); + view.createNodes(setting, parentNode.level + 1, newNodes, parentNode); + if (!isSilent) { + view.expandCollapseParentNode(setting, parentNode, true); + } + } else { + data.addNodesData(setting, data.getRoot(setting), newNodes); + view.createNodes(setting, 0, newNodes, null); + } + }, + appendNodes: function(setting, level, nodes, parentNode, initFlag, openFlag) { + if (!nodes) return []; + var html = [], + childKey = setting.data.key.children; + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + if (initFlag) { + var tmpPNode = (parentNode) ? parentNode: data.getRoot(setting), + tmpPChild = tmpPNode[childKey], + isFirstNode = ((tmpPChild.length == nodes.length) && (i == 0)), + isLastNode = (i == (nodes.length - 1)); + data.initNode(setting, level, node, parentNode, isFirstNode, isLastNode, openFlag); + data.addNodeCache(setting, node); + } + + var childHtml = []; + if (node[childKey] && node[childKey].length > 0) { + //make child html first, because checkType + childHtml = view.appendNodes(setting, level + 1, node[childKey], node, initFlag, openFlag && node.open); + } + if (openFlag) { + + view.makeDOMNodeMainBefore(html, setting, node); + view.makeDOMNodeLine(html, setting, node); + data.getBeforeA(setting, node, html); + view.makeDOMNodeNameBefore(html, setting, node); + data.getInnerBeforeA(setting, node, html); + view.makeDOMNodeIcon(html, setting, node); + data.getInnerAfterA(setting, node, html); + view.makeDOMNodeNameAfter(html, setting, node); + data.getAfterA(setting, node, html); + if (node.isParent && node.open) { + view.makeUlHtml(setting, node, html, childHtml.join('')); + } + view.makeDOMNodeMainAfter(html, setting, node); + data.addCreatedNode(setting, node); + } + } + return html; + }, + appendParentULDom: function(setting, node) { + var html = [], + nObj = $$(node, setting); + if (!nObj.get(0) && !!node.parentTId) { + view.appendParentULDom(setting, node.getParentNode()); + nObj = $$(node, setting); + } + var ulObj = $$(node, consts.id.UL, setting); + if (ulObj.get(0)) { + ulObj.remove(); + } + var childKey = setting.data.key.children, + childHtml = view.appendNodes(setting, node.level+1, node[childKey], node, false, true); + view.makeUlHtml(setting, node, html, childHtml.join('')); + nObj.append(html.join('')); + }, + asyncNode: function(setting, node, isSilent, callback) { + var i, l; + if (node && !node.isParent) { + tools.apply(callback); + return false; + } else if (node && node.isAjaxing) { + return false; + } else if (tools.apply(setting.callback.beforeAsync, [setting.treeId, node], true) == false) { + tools.apply(callback); + return false; + } + if (node) { + node.isAjaxing = true; + var icoObj = $$(node, consts.id.ICON, setting); + icoObj.attr({"style":"", "class":consts.className.BUTTON + " " + consts.className.ICO_LOADING}); + } + + var tmpParam = {}; + for (i = 0, l = setting.async.autoParam.length; node && i < l; i++) { + var pKey = setting.async.autoParam[i].split("="), spKey = pKey; + if (pKey.length>1) { + spKey = pKey[1]; + pKey = pKey[0]; + } + tmpParam[spKey] = node[pKey]; + } + if (tools.isArray(setting.async.otherParam)) { + for (i = 0, l = setting.async.otherParam.length; i < l; i += 2) { + tmpParam[setting.async.otherParam[i]] = setting.async.otherParam[i + 1]; + } + } else { + for (var p in setting.async.otherParam) { + tmpParam[p] = setting.async.otherParam[p]; + } + } + + var _tmpV = data.getRoot(setting)._ver; + $.ajax({ + contentType: setting.async.contentType, + cache: false, + type: setting.async.type, + url: tools.apply(setting.async.url, [setting.treeId, node], setting.async.url), + data: tmpParam, + dataType: setting.async.dataType, + success: function(msg) { + if (_tmpV != data.getRoot(setting)._ver) { + return; + } + var newNodes = []; + try { + if (!msg || msg.length == 0) { + newNodes = []; + } else if (typeof msg == "string") { + newNodes = eval("(" + msg + ")"); + } else { + newNodes = msg; + } + } catch(err) { + newNodes = msg; + } + + if (node) { + node.isAjaxing = null; + node.zAsync = true; + } + view.setNodeLineIcos(setting, node); + if (newNodes && newNodes !== "") { + newNodes = tools.apply(setting.async.dataFilter, [setting.treeId, node, newNodes], newNodes); + view.addNodes(setting, node, !!newNodes ? tools.clone(newNodes) : [], !!isSilent); + } else { + view.addNodes(setting, node, [], !!isSilent); + } + setting.treeObj.trigger(consts.event.ASYNC_SUCCESS, [setting.treeId, node, msg]); + tools.apply(callback); + }, + error: function(XMLHttpRequest, textStatus, errorThrown) { + if (_tmpV != data.getRoot(setting)._ver) { + return; + } + if (node) node.isAjaxing = null; + view.setNodeLineIcos(setting, node); + setting.treeObj.trigger(consts.event.ASYNC_ERROR, [setting.treeId, node, XMLHttpRequest, textStatus, errorThrown]); + } + }); + return true; + }, + cancelPreSelectedNode: function (setting, node, excludeNode) { + var list = data.getRoot(setting).curSelectedList, + i, n; + for (i=list.length-1; i>=0; i--) { + n = list[i]; + if (node === n || (!node && (!excludeNode || excludeNode !== n))) { + $$(n, consts.id.A, setting).removeClass(consts.node.CURSELECTED); + if (node) { + data.removeSelectedNode(setting, node); + setting.treeObj.trigger(consts.event.UNSELECTED, [event, setting.treeId, n]); + break; + } else { + list.splice(i, 1); + setting.treeObj.trigger(consts.event.UNSELECTED, [event, setting.treeId, n]); + } + } + } + }, + createNodeCallback: function(setting) { + if (!!setting.callback.onNodeCreated || !!setting.view.addDiyDom) { + var root = data.getRoot(setting); + while (root.createdNodes.length>0) { + var node = root.createdNodes.shift(); + tools.apply(setting.view.addDiyDom, [setting.treeId, node]); + if (!!setting.callback.onNodeCreated) { + setting.treeObj.trigger(consts.event.NODECREATED, [setting.treeId, node]); + } + } + } + }, + createNodes: function(setting, level, nodes, parentNode) { + if (!nodes || nodes.length == 0) return; + var root = data.getRoot(setting), + childKey = setting.data.key.children, + openFlag = !parentNode || parentNode.open || !!$$(parentNode[childKey][0], setting).get(0); + root.createdNodes = []; + var zTreeHtml = view.appendNodes(setting, level, nodes, parentNode, true, openFlag); + if (!parentNode) { + setting.treeObj.append(zTreeHtml.join('')); + } else { + var ulObj = $$(parentNode, consts.id.UL, setting); + if (ulObj.get(0)) { + ulObj.append(zTreeHtml.join('')); + } + } + view.createNodeCallback(setting); + }, + destroy: function(setting) { + if (!setting) return; + data.initCache(setting); + data.initRoot(setting); + event.unbindTree(setting); + event.unbindEvent(setting); + setting.treeObj.empty(); + delete settings[setting.treeId]; + }, + expandCollapseNode: function(setting, node, expandFlag, animateFlag, callback) { + var root = data.getRoot(setting), + childKey = setting.data.key.children; + if (!node) { + tools.apply(callback, []); + return; + } + if (root.expandTriggerFlag) { + var _callback = callback; + callback = function(){ + if (_callback) _callback(); + if (node.open) { + setting.treeObj.trigger(consts.event.EXPAND, [setting.treeId, node]); + } else { + setting.treeObj.trigger(consts.event.COLLAPSE, [setting.treeId, node]); + } + }; + root.expandTriggerFlag = false; + } + if (!node.open && node.isParent && ((!$$(node, consts.id.UL, setting).get(0)) || (node[childKey] && node[childKey].length>0 && !$$(node[childKey][0], setting).get(0)))) { + view.appendParentULDom(setting, node); + view.createNodeCallback(setting); + } + if (node.open == expandFlag) { + tools.apply(callback, []); + return; + } + var ulObj = $$(node, consts.id.UL, setting), + switchObj = $$(node, consts.id.SWITCH, setting), + icoObj = $$(node, consts.id.ICON, setting); + + if (node.isParent) { + node.open = !node.open; + if (node.iconOpen && node.iconClose) { + icoObj.attr("style", view.makeNodeIcoStyle(setting, node)); + } + + if (node.open) { + view.replaceSwitchClass(node, switchObj, consts.folder.OPEN); + view.replaceIcoClass(node, icoObj, consts.folder.OPEN); + if (animateFlag == false || setting.view.expandSpeed == "") { + ulObj.show(); + tools.apply(callback, []); + } else { + if (node[childKey] && node[childKey].length > 0) { + ulObj.slideDown(setting.view.expandSpeed, callback); + } else { + ulObj.show(); + tools.apply(callback, []); + } + } + } else { + view.replaceSwitchClass(node, switchObj, consts.folder.CLOSE); + view.replaceIcoClass(node, icoObj, consts.folder.CLOSE); + if (animateFlag == false || setting.view.expandSpeed == "" || !(node[childKey] && node[childKey].length > 0)) { + ulObj.hide(); + tools.apply(callback, []); + } else { + ulObj.slideUp(setting.view.expandSpeed, callback); + } + } + } else { + tools.apply(callback, []); + } + }, + expandCollapseParentNode: function(setting, node, expandFlag, animateFlag, callback) { + if (!node) return; + if (!node.parentTId) { + view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback); + return; + } else { + view.expandCollapseNode(setting, node, expandFlag, animateFlag); + } + if (node.parentTId) { + view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, animateFlag, callback); + } + }, + expandCollapseSonNode: function(setting, node, expandFlag, animateFlag, callback) { + var root = data.getRoot(setting), + childKey = setting.data.key.children, + treeNodes = (node) ? node[childKey]: root[childKey], + selfAnimateSign = (node) ? false : animateFlag, + expandTriggerFlag = data.getRoot(setting).expandTriggerFlag; + data.getRoot(setting).expandTriggerFlag = false; + if (treeNodes) { + for (var i = 0, l = treeNodes.length; i < l; i++) { + if (treeNodes[i]) view.expandCollapseSonNode(setting, treeNodes[i], expandFlag, selfAnimateSign); + } + } + data.getRoot(setting).expandTriggerFlag = expandTriggerFlag; + view.expandCollapseNode(setting, node, expandFlag, animateFlag, callback ); + }, + isSelectedNode: function (setting, node) { + if (!node) { + return false; + } + var list = data.getRoot(setting).curSelectedList, + i; + for (i=list.length-1; i>=0; i--) { + if (node === list[i]) { + return true; + } + } + return false; + }, + makeDOMNodeIcon: function(html, setting, node) { + var nameStr = data.getNodeName(setting, node), + name = setting.view.nameIsHTML ? nameStr : nameStr.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); + html.push("<span id='", node.tId, consts.id.ICON, + "' title='' treeNode", consts.id.ICON," class='", view.makeNodeIcoClass(setting, node), + "' style='", view.makeNodeIcoStyle(setting, node), "'></span><span id='", node.tId, consts.id.SPAN, + "'>",name,"</span>"); + }, + makeDOMNodeLine: function(html, setting, node) { + html.push("<span id='", node.tId, consts.id.SWITCH, "' title='' class='", view.makeNodeLineClass(setting, node), "' treeNode", consts.id.SWITCH,"></span>"); + }, + makeDOMNodeMainAfter: function(html, setting, node) { + html.push("</li>"); + }, + makeDOMNodeMainBefore: function(html, setting, node) { + html.push("<li id='", node.tId, "' class='", consts.className.LEVEL, node.level,"' tabindex='0' hidefocus='true' treenode>"); + }, + makeDOMNodeNameAfter: function(html, setting, node) { + html.push("</a>"); + }, + makeDOMNodeNameBefore: function(html, setting, node) { + var title = data.getNodeTitle(setting, node), + url = view.makeNodeUrl(setting, node), + fontcss = view.makeNodeFontCss(setting, node), + fontStyle = []; + for (var f in fontcss) { + fontStyle.push(f, ":", fontcss[f], ";"); + } + html.push("<a id='", node.tId, consts.id.A, "' class='", consts.className.LEVEL, node.level,"' treeNode", consts.id.A," onclick=\"", (node.click || ''), + "\" ", ((url != null && url.length > 0) ? "href='" + url + "'" : ""), " target='",view.makeNodeTarget(node),"' style='", fontStyle.join(''), + "'"); + if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle) && title) {html.push("title='", title.replace(/'/g,"'").replace(/</g,'<').replace(/>/g,'>'),"'");} + html.push(">"); + }, + makeNodeFontCss: function(setting, node) { + var fontCss = tools.apply(setting.view.fontCss, [setting.treeId, node], setting.view.fontCss); + return (fontCss && ((typeof fontCss) != "function")) ? fontCss : {}; + }, + makeNodeIcoClass: function(setting, node) { + var icoCss = ["ico"]; + if (!node.isAjaxing) { + icoCss[0] = (node.iconSkin ? node.iconSkin + "_" : "") + icoCss[0]; + if (node.isParent) { + icoCss.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE); + } else { + icoCss.push(consts.folder.DOCU); + } + } + return consts.className.BUTTON + " " + icoCss.join('_'); + }, + makeNodeIcoStyle: function(setting, node) { + var icoStyle = []; + if (!node.isAjaxing) { + var icon = (node.isParent && node.iconOpen && node.iconClose) ? (node.open ? node.iconOpen : node.iconClose) : node.icon; + if (icon) icoStyle.push("background:url(", icon, ") 0 0 no-repeat;"); + if (setting.view.showIcon == false || !tools.apply(setting.view.showIcon, [setting.treeId, node], true)) { + icoStyle.push("width:0px;height:0px;"); + } + } + return icoStyle.join(''); + }, + makeNodeLineClass: function(setting, node) { + var lineClass = []; + if (setting.view.showLine) { + if (node.level == 0 && node.isFirstNode && node.isLastNode) { + lineClass.push(consts.line.ROOT); + } else if (node.level == 0 && node.isFirstNode) { + lineClass.push(consts.line.ROOTS); + } else if (node.isLastNode) { + lineClass.push(consts.line.BOTTOM); + } else { + lineClass.push(consts.line.CENTER); + } + } else { + lineClass.push(consts.line.NOLINE); + } + if (node.isParent) { + lineClass.push(node.open ? consts.folder.OPEN : consts.folder.CLOSE); + } else { + lineClass.push(consts.folder.DOCU); + } + return view.makeNodeLineClassEx(node) + lineClass.join('_'); + }, + makeNodeLineClassEx: function(node) { + return consts.className.BUTTON + " " + consts.className.LEVEL + node.level + " " + consts.className.SWITCH + " "; + }, + makeNodeTarget: function(node) { + return (node.target || "_blank"); + }, + makeNodeUrl: function(setting, node) { + var urlKey = setting.data.key.url; + return node[urlKey] ? node[urlKey] : null; + }, + makeUlHtml: function(setting, node, html, content) { + html.push("<ul id='", node.tId, consts.id.UL, "' class='", consts.className.LEVEL, node.level, " ", view.makeUlLineClass(setting, node), "' style='display:", (node.open ? "block": "none"),"'>"); + html.push(content); + html.push("</ul>"); + }, + makeUlLineClass: function(setting, node) { + return ((setting.view.showLine && !node.isLastNode) ? consts.line.LINE : ""); + }, + removeChildNodes: function(setting, node) { + if (!node) return; + var childKey = setting.data.key.children, + nodes = node[childKey]; + if (!nodes) return; + + for (var i = 0, l = nodes.length; i < l; i++) { + data.removeNodeCache(setting, nodes[i]); + } + data.removeSelectedNode(setting); + delete node[childKey]; + + if (!setting.data.keep.parent) { + node.isParent = false; + node.open = false; + var tmp_switchObj = $$(node, consts.id.SWITCH, setting), + tmp_icoObj = $$(node, consts.id.ICON, setting); + view.replaceSwitchClass(node, tmp_switchObj, consts.folder.DOCU); + view.replaceIcoClass(node, tmp_icoObj, consts.folder.DOCU); + $$(node, consts.id.UL, setting).remove(); + } else { + $$(node, consts.id.UL, setting).empty(); + } + }, + setFirstNode: function(setting, parentNode) { + var childKey = setting.data.key.children, childLength = parentNode[childKey].length; + if ( childLength > 0) { + parentNode[childKey][0].isFirstNode = true; + } + }, + setLastNode: function(setting, parentNode) { + var childKey = setting.data.key.children, childLength = parentNode[childKey].length; + if ( childLength > 0) { + parentNode[childKey][childLength - 1].isLastNode = true; + } + }, + removeNode: function(setting, node) { + var root = data.getRoot(setting), + childKey = setting.data.key.children, + parentNode = (node.parentTId) ? node.getParentNode() : root; + + node.isFirstNode = false; + node.isLastNode = false; + node.getPreNode = function() {return null;}; + node.getNextNode = function() {return null;}; + + if (!data.getNodeCache(setting, node.tId)) { + return; + } + + $$(node, setting).remove(); + data.removeNodeCache(setting, node); + data.removeSelectedNode(setting, node); + + for (var i = 0, l = parentNode[childKey].length; i < l; i++) { + if (parentNode[childKey][i].tId == node.tId) { + parentNode[childKey].splice(i, 1); + break; + } + } + view.setFirstNode(setting, parentNode); + view.setLastNode(setting, parentNode); + + var tmp_ulObj,tmp_switchObj,tmp_icoObj, + childLength = parentNode[childKey].length; + + //repair nodes old parent + if (!setting.data.keep.parent && childLength == 0) { + //old parentNode has no child nodes + parentNode.isParent = false; + parentNode.open = false; + tmp_ulObj = $$(parentNode, consts.id.UL, setting); + tmp_switchObj = $$(parentNode, consts.id.SWITCH, setting); + tmp_icoObj = $$(parentNode, consts.id.ICON, setting); + view.replaceSwitchClass(parentNode, tmp_switchObj, consts.folder.DOCU); + view.replaceIcoClass(parentNode, tmp_icoObj, consts.folder.DOCU); + tmp_ulObj.css("display", "none"); + + } else if (setting.view.showLine && childLength > 0) { + //old parentNode has child nodes + var newLast = parentNode[childKey][childLength - 1]; + tmp_ulObj = $$(newLast, consts.id.UL, setting); + tmp_switchObj = $$(newLast, consts.id.SWITCH, setting); + tmp_icoObj = $$(newLast, consts.id.ICON, setting); + if (parentNode == root) { + if (parentNode[childKey].length == 1) { + //node was root, and ztree has only one root after move node + view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.ROOT); + } else { + var tmp_first_switchObj = $$(parentNode[childKey][0], consts.id.SWITCH, setting); + view.replaceSwitchClass(parentNode[childKey][0], tmp_first_switchObj, consts.line.ROOTS); + view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM); + } + } else { + view.replaceSwitchClass(newLast, tmp_switchObj, consts.line.BOTTOM); + } + tmp_ulObj.removeClass(consts.line.LINE); + } + }, + replaceIcoClass: function(node, obj, newName) { + if (!obj || node.isAjaxing) return; + var tmpName = obj.attr("class"); + if (tmpName == undefined) return; + var tmpList = tmpName.split("_"); + switch (newName) { + case consts.folder.OPEN: + case consts.folder.CLOSE: + case consts.folder.DOCU: + tmpList[tmpList.length-1] = newName; + break; + } + obj.attr("class", tmpList.join("_")); + }, + replaceSwitchClass: function(node, obj, newName) { + if (!obj) return; + var tmpName = obj.attr("class"); + if (tmpName == undefined) return; + var tmpList = tmpName.split("_"); + switch (newName) { + case consts.line.ROOT: + case consts.line.ROOTS: + case consts.line.CENTER: + case consts.line.BOTTOM: + case consts.line.NOLINE: + tmpList[0] = view.makeNodeLineClassEx(node) + newName; + break; + case consts.folder.OPEN: + case consts.folder.CLOSE: + case consts.folder.DOCU: + tmpList[1] = newName; + break; + } + obj.attr("class", tmpList.join("_")); + if (newName !== consts.folder.DOCU) { + obj.removeAttr("disabled"); + } else { + obj.attr("disabled", "disabled"); + } + }, + selectNode: function(setting, node, addFlag) { + if (!addFlag) { + view.cancelPreSelectedNode(setting, null, node); + } + $$(node, consts.id.A, setting).addClass(consts.node.CURSELECTED); + data.addSelectedNode(setting, node); + setting.treeObj.trigger(consts.event.SELECTED, [event, setting.treeId, node]); + }, + setNodeFontCss: function(setting, treeNode) { + var aObj = $$(treeNode, consts.id.A, setting), + fontCss = view.makeNodeFontCss(setting, treeNode); + if (fontCss) { + aObj.css(fontCss); + } + }, + setNodeLineIcos: function(setting, node) { + if (!node) return; + var switchObj = $$(node, consts.id.SWITCH, setting), + ulObj = $$(node, consts.id.UL, setting), + icoObj = $$(node, consts.id.ICON, setting), + ulLine = view.makeUlLineClass(setting, node); + if (ulLine.length==0) { + ulObj.removeClass(consts.line.LINE); + } else { + ulObj.addClass(ulLine); + } + switchObj.attr("class", view.makeNodeLineClass(setting, node)); + if (node.isParent) { + switchObj.removeAttr("disabled"); + } else { + switchObj.attr("disabled", "disabled"); + } + icoObj.removeAttr("style"); + icoObj.attr("style", view.makeNodeIcoStyle(setting, node)); + icoObj.attr("class", view.makeNodeIcoClass(setting, node)); + }, + setNodeName: function(setting, node) { + var title = data.getNodeTitle(setting, node), + nObj = $$(node, consts.id.SPAN, setting); + nObj.empty(); + if (setting.view.nameIsHTML) { + nObj.html(data.getNodeName(setting, node)); + } else { + nObj.text(data.getNodeName(setting, node)); + } + if (tools.apply(setting.view.showTitle, [setting.treeId, node], setting.view.showTitle)) { + var aObj = $$(node, consts.id.A, setting); + aObj.attr("title", !title ? "" : title); + } + }, + setNodeTarget: function(setting, node) { + var aObj = $$(node, consts.id.A, setting); + aObj.attr("target", view.makeNodeTarget(node)); + }, + setNodeUrl: function(setting, node) { + var aObj = $$(node, consts.id.A, setting), + url = view.makeNodeUrl(setting, node); + if (url == null || url.length == 0) { + aObj.removeAttr("href"); + } else { + aObj.attr("href", url); + } + }, + switchNode: function(setting, node) { + if (node.open || !tools.canAsync(setting, node)) { + view.expandCollapseNode(setting, node, !node.open); + } else if (setting.async.enable) { + if (!view.asyncNode(setting, node)) { + view.expandCollapseNode(setting, node, !node.open); + return; + } + } else if (node) { + view.expandCollapseNode(setting, node, !node.open); + } + } + }; + // zTree defind + $.fn.zTree = { + consts : _consts, + _z : { + tools: tools, + view: view, + event: event, + data: data + }, + getZTreeObj: function(treeId) { + var o = data.getZTreeTools(treeId); + return o ? o : null; + }, + destroy: function(treeId) { + if (!!treeId && treeId.length > 0) { + view.destroy(data.getSetting(treeId)); + } else { + for(var s in settings) { + view.destroy(settings[s]); + } + } + }, + init: function(obj, zSetting, zNodes) { + var setting = tools.clone(_setting); + $.extend(true, setting, zSetting); + setting.treeId = obj.attr("id"); + setting.treeObj = obj; + setting.treeObj.empty(); + settings[setting.treeId] = setting; + //For some older browser,(e.g., ie6) + if(typeof document.body.style.maxHeight === "undefined") { + setting.view.expandSpeed = ""; + } + data.initRoot(setting); + var root = data.getRoot(setting), + childKey = setting.data.key.children; + zNodes = zNodes ? tools.clone(tools.isArray(zNodes)? zNodes : [zNodes]) : []; + if (setting.data.simpleData.enable) { + root[childKey] = data.transformTozTreeFormat(setting, zNodes); + } else { + root[childKey] = zNodes; + } + + data.initCache(setting); + event.unbindTree(setting); + event.bindTree(setting); + event.unbindEvent(setting); + event.bindEvent(setting); + + var zTreeTools = { + setting : setting, + addNodes : function(parentNode, newNodes, isSilent) { + if (!newNodes) return null; + if (!parentNode) parentNode = null; + if (parentNode && !parentNode.isParent && setting.data.keep.leaf) return null; + var xNewNodes = tools.clone(tools.isArray(newNodes)? newNodes: [newNodes]); + function addCallback() { + view.addNodes(setting, parentNode, xNewNodes, (isSilent==true)); + } + + if (tools.canAsync(setting, parentNode)) { + view.asyncNode(setting, parentNode, isSilent, addCallback); + } else { + addCallback(); + } + return xNewNodes; + }, + cancelSelectedNode : function(node) { + view.cancelPreSelectedNode(setting, node); + }, + destroy : function() { + view.destroy(setting); + }, + expandAll : function(expandFlag) { + expandFlag = !!expandFlag; + view.expandCollapseSonNode(setting, null, expandFlag, true); + return expandFlag; + }, + expandNode : function(node, expandFlag, sonSign, focus, callbackFlag) { + if (!node || !node.isParent) return null; + if (expandFlag !== true && expandFlag !== false) { + expandFlag = !node.open; + } + callbackFlag = !!callbackFlag; + + if (callbackFlag && expandFlag && (tools.apply(setting.callback.beforeExpand, [setting.treeId, node], true) == false)) { + return null; + } else if (callbackFlag && !expandFlag && (tools.apply(setting.callback.beforeCollapse, [setting.treeId, node], true) == false)) { + return null; + } + if (expandFlag && node.parentTId) { + view.expandCollapseParentNode(setting, node.getParentNode(), expandFlag, false); + } + if (expandFlag === node.open && !sonSign) { + return null; + } + + data.getRoot(setting).expandTriggerFlag = callbackFlag; + if (!tools.canAsync(setting, node) && sonSign) { + view.expandCollapseSonNode(setting, node, expandFlag, true, function() { + if (focus !== false) {try{$$(node, setting).focus().blur();}catch(e){}} + }); + } else { + node.open = !expandFlag; + view.switchNode(this.setting, node); + if (focus !== false) {try{$$(node, setting).focus().blur();}catch(e){}} + } + return expandFlag; + }, + getNodes : function() { + return data.getNodes(setting); + }, + getNodeByParam : function(key, value, parentNode) { + if (!key) return null; + return data.getNodeByParam(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), key, value); + }, + getNodeByTId : function(tId) { + return data.getNodeCache(setting, tId); + }, + getNodesByParam : function(key, value, parentNode) { + if (!key) return null; + return data.getNodesByParam(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), key, value); + }, + getNodesByParamFuzzy : function(key, value, parentNode) { + if (!key) return null; + return data.getNodesByParamFuzzy(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), key, value); + }, + getNodesByFilter: function(filter, isSingle, parentNode, invokeParam) { + isSingle = !!isSingle; + if (!filter || (typeof filter != "function")) return (isSingle ? null : []); + return data.getNodesByFilter(setting, parentNode?parentNode[setting.data.key.children]:data.getNodes(setting), filter, isSingle, invokeParam); + }, + getNodeIndex : function(node) { + if (!node) return null; + var childKey = setting.data.key.children, + parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting); + for (var i=0, l = parentNode[childKey].length; i < l; i++) { + if (parentNode[childKey][i] == node) return i; + } + return -1; + }, + getSelectedNodes : function() { + var r = [], list = data.getRoot(setting).curSelectedList; + for (var i=0, l=list.length; i<l; i++) { + r.push(list[i]); + } + return r; + }, + isSelectedNode : function(node) { + return data.isSelectedNode(setting, node); + }, + reAsyncChildNodes : function(parentNode, reloadType, isSilent) { + if (!this.setting.async.enable) return; + var isRoot = !parentNode; + if (isRoot) { + parentNode = data.getRoot(setting); + } + if (reloadType=="refresh") { + var childKey = this.setting.data.key.children; + for (var i = 0, l = parentNode[childKey] ? parentNode[childKey].length : 0; i < l; i++) { + data.removeNodeCache(setting, parentNode[childKey][i]); + } + data.removeSelectedNode(setting); + parentNode[childKey] = []; + if (isRoot) { + this.setting.treeObj.empty(); + } else { + var ulObj = $$(parentNode, consts.id.UL, setting); + ulObj.empty(); + } + } + view.asyncNode(this.setting, isRoot? null:parentNode, !!isSilent); + }, + refresh : function() { + this.setting.treeObj.empty(); + var root = data.getRoot(setting), + nodes = root[setting.data.key.children] + data.initRoot(setting); + root[setting.data.key.children] = nodes + data.initCache(setting); + view.createNodes(setting, 0, root[setting.data.key.children]); + }, + removeChildNodes : function(node) { + if (!node) return null; + var childKey = setting.data.key.children, + nodes = node[childKey]; + view.removeChildNodes(setting, node); + return nodes ? nodes : null; + }, + removeNode : function(node, callbackFlag) { + if (!node) return; + callbackFlag = !!callbackFlag; + if (callbackFlag && tools.apply(setting.callback.beforeRemove, [setting.treeId, node], true) == false) return; + view.removeNode(setting, node); + if (callbackFlag) { + this.setting.treeObj.trigger(consts.event.REMOVE, [setting.treeId, node]); + } + }, + selectNode : function(node, addFlag) { + if (!node) return; + if (tools.uCanDo(setting)) { + addFlag = setting.view.selectedMulti && addFlag; + if (node.parentTId) { + view.expandCollapseParentNode(setting, node.getParentNode(), true, false, function() { + try{$$(node, setting).focus().blur();}catch(e){} + }); + } else { + try{$$(node, setting).focus().blur();}catch(e){} + } + view.selectNode(setting, node, addFlag); + } + }, + transformTozTreeNodes : function(simpleNodes) { + return data.transformTozTreeFormat(setting, simpleNodes); + }, + transformToArray : function(nodes) { + return data.transformToArrayFormat(setting, nodes); + }, + updateNode : function(node, checkTypeFlag) { + if (!node) return; + var nObj = $$(node, setting); + if (nObj.get(0) && tools.uCanDo(setting)) { + view.setNodeName(setting, node); + view.setNodeTarget(setting, node); + view.setNodeUrl(setting, node); + view.setNodeLineIcos(setting, node); + view.setNodeFontCss(setting, node); + } + } + } + root.treeTools = zTreeTools; + data.setZTreeTools(setting, zTreeTools); + + if (root[childKey] && root[childKey].length > 0) { + view.createNodes(setting, 0, root[childKey]); + } else if (setting.async.enable && setting.async.url && setting.async.url !== '') { + view.asyncNode(setting); + } + return zTreeTools; + } + }; + + var zt = $.fn.zTree, + $$ = tools.$, + consts = zt.consts; +})(jQuery);/* + * JQuery zTree excheck v3.5.18 + * http://zTree.me/ + * + * Copyright (c) 2010 Hunter.z + * + * Licensed same as jquery - MIT License + * http://www.opensource.org/licenses/mit-license.php + * + * email: hunter.z@263.net + * Date: 2015-06-18 + */ +(function($){ + //default consts of excheck + var _consts = { + event: { + CHECK: "ztree_check" + }, + id: { + CHECK: "_check" + }, + checkbox: { + STYLE: "checkbox", + DEFAULT: "chk", + DISABLED: "disable", + FALSE: "false", + TRUE: "true", + FULL: "full", + PART: "part", + FOCUS: "focus" + }, + radio: { + STYLE: "radio", + TYPE_ALL: "all", + TYPE_LEVEL: "level" + } + }, + //default setting of excheck + _setting = { + check: { + enable: false, + autoCheckTrigger: false, + chkStyle: _consts.checkbox.STYLE, + nocheckInherit: false, + chkDisabledInherit: false, + radioType: _consts.radio.TYPE_LEVEL, + chkboxType: { + "Y": "ps", + "N": "ps" + } + }, + data: { + key: { + checked: "checked" + } + }, + callback: { + beforeCheck:null, + onCheck:null + } + }, + //default root of excheck + _initRoot = function (setting) { + var r = data.getRoot(setting); + r.radioCheckedList = []; + }, + //default cache of excheck + _initCache = function(treeId) {}, + //default bind event of excheck + _bindEvent = function(setting) { + var o = setting.treeObj, + c = consts.event; + o.bind(c.CHECK, function (event, srcEvent, treeId, node) { + event.srcEvent = srcEvent; + tools.apply(setting.callback.onCheck, [event, treeId, node]); + }); + }, + _unbindEvent = function(setting) { + var o = setting.treeObj, + c = consts.event; + o.unbind(c.CHECK); + }, + //default event proxy of excheck + _eventProxy = function(e) { + var target = e.target, + setting = data.getSetting(e.data.treeId), + tId = "", node = null, + nodeEventType = "", treeEventType = "", + nodeEventCallback = null, treeEventCallback = null; + + if (tools.eqs(e.type, "mouseover")) { + if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "mouseoverCheck"; + } + } else if (tools.eqs(e.type, "mouseout")) { + if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "mouseoutCheck"; + } + } else if (tools.eqs(e.type, "click")) { + if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) { + tId = tools.getNodeMainDom(target).id; + nodeEventType = "checkNode"; + } + } + if (tId.length>0) { + node = data.getNodeCache(setting, tId); + switch (nodeEventType) { + case "checkNode" : + nodeEventCallback = _handler.onCheckNode; + break; + case "mouseoverCheck" : + nodeEventCallback = _handler.onMouseoverCheck; + break; + case "mouseoutCheck" : + nodeEventCallback = _handler.onMouseoutCheck; + break; + } + } + var proxyResult = { + stop: nodeEventType === "checkNode", + node: node, + nodeEventType: nodeEventType, + nodeEventCallback: nodeEventCallback, + treeEventType: treeEventType, + treeEventCallback: treeEventCallback + }; + return proxyResult + }, + //default init node of excheck + _initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) { + if (!n) return; + var checkedKey = setting.data.key.checked; + if (typeof n[checkedKey] == "string") n[checkedKey] = tools.eqs(n[checkedKey], "true"); + n[checkedKey] = !!n[checkedKey]; + n.checkedOld = n[checkedKey]; + if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true"); + n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck); + if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true"); + n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled); + if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true"); + n.halfCheck = !!n.halfCheck; + n.check_Child_State = -1; + n.check_Focus = false; + n.getCheckStatus = function() {return data.getCheckStatus(setting, n);}; + + if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && n[checkedKey] ) { + var r = data.getRoot(setting); + r.radioCheckedList.push(n); + } + }, + //add dom for check + _beforeA = function(setting, node, html) { + var checkedKey = setting.data.key.checked; + if (setting.check.enable) { + data.makeChkFlag(setting, node); + html.push("<span ID='", node.tId, consts.id.CHECK, "' class='", view.makeChkClass(setting, node), "' treeNode", consts.id.CHECK, (node.nocheck === true?" style='display:none;'":""),"></span>"); + } + }, + //update zTreeObj, add method of check + _zTreeTools = function(setting, zTreeTools) { + zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) { + var checkedKey = this.setting.data.key.checked; + if (node.chkDisabled === true) return; + if (checked !== true && checked !== false) { + checked = !node[checkedKey]; + } + callbackFlag = !!callbackFlag; + + if (node[checkedKey] === checked && !checkTypeFlag) { + return; + } else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false) { + return; + } + if (tools.uCanDo(this.setting) && this.setting.check.enable && node.nocheck !== true) { + node[checkedKey] = checked; + var checkObj = $$(node, consts.id.CHECK, this.setting); + if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node); + view.setChkClass(this.setting, checkObj, node); + view.repairParentChkClassWithSelf(this.setting, node); + if (callbackFlag) { + this.setting.treeObj.trigger(consts.event.CHECK, [null, this.setting.treeId, node]); + } + } + } + + zTreeTools.checkAllNodes = function(checked) { + view.repairAllChk(this.setting, !!checked); + } + + zTreeTools.getCheckedNodes = function(checked) { + var childKey = this.setting.data.key.children; + checked = (checked !== false); + return data.getTreeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey], checked); + } + + zTreeTools.getChangeCheckedNodes = function() { + var childKey = this.setting.data.key.children; + return data.getTreeChangeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey]); + } + + zTreeTools.setChkDisabled = function(node, disabled, inheritParent, inheritChildren) { + disabled = !!disabled; + inheritParent = !!inheritParent; + inheritChildren = !!inheritChildren; + view.repairSonChkDisabled(this.setting, node, disabled, inheritChildren); + view.repairParentChkDisabled(this.setting, node.getParentNode(), disabled, inheritParent); + } + + var _updateNode = zTreeTools.updateNode; + zTreeTools.updateNode = function(node, checkTypeFlag) { + if (_updateNode) _updateNode.apply(zTreeTools, arguments); + if (!node || !this.setting.check.enable) return; + var nObj = $$(node, this.setting); + if (nObj.get(0) && tools.uCanDo(this.setting)) { + var checkObj = $$(node, consts.id.CHECK, this.setting); + if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node); + view.setChkClass(this.setting, checkObj, node); + view.repairParentChkClassWithSelf(this.setting, node); + } + } + }, + //method of operate data + _data = { + getRadioCheckedList: function(setting) { + var checkedList = data.getRoot(setting).radioCheckedList; + for (var i=0, j=checkedList.length; i<j; i++) { + if(!data.getNodeCache(setting, checkedList[i].tId)) { + checkedList.splice(i, 1); + i--; j--; + } + } + return checkedList; + }, + getCheckStatus: function(setting, node) { + if (!setting.check.enable || node.nocheck || node.chkDisabled) return null; + var checkedKey = setting.data.key.checked, + r = { + checked: node[checkedKey], + half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (node[checkedKey] ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0))) + }; + return r; + }, + getTreeCheckedNodes: function(setting, nodes, checked, results) { + if (!nodes) return []; + var childKey = setting.data.key.children, + checkedKey = setting.data.key.checked, + onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL); + results = !results ? [] : results; + for (var i = 0, l = nodes.length; i < l; i++) { + if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] == checked) { + results.push(nodes[i]); + if(onlyOne) { + break; + } + } + data.getTreeCheckedNodes(setting, nodes[i][childKey], checked, results); + if(onlyOne && results.length > 0) { + break; + } + } + return results; + }, + getTreeChangeCheckedNodes: function(setting, nodes, results) { + if (!nodes) return []; + var childKey = setting.data.key.children, + checkedKey = setting.data.key.checked; + results = !results ? [] : results; + for (var i = 0, l = nodes.length; i < l; i++) { + if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] != nodes[i].checkedOld) { + results.push(nodes[i]); + } + data.getTreeChangeCheckedNodes(setting, nodes[i][childKey], results); + } + return results; + }, + makeChkFlag: function(setting, node) { + if (!node) return; + var childKey = setting.data.key.children, + checkedKey = setting.data.key.checked, + chkFlag = -1; + if (node[childKey]) { + for (var i = 0, l = node[childKey].length; i < l; i++) { + var cNode = node[childKey][i]; + var tmp = -1; + if (setting.check.chkStyle == consts.radio.STYLE) { + if (cNode.nocheck === true || cNode.chkDisabled === true) { + tmp = cNode.check_Child_State; + } else if (cNode.halfCheck === true) { + tmp = 2; + } else if (cNode[checkedKey]) { + tmp = 2; + } else { + tmp = cNode.check_Child_State > 0 ? 2:0; + } + if (tmp == 2) { + chkFlag = 2; break; + } else if (tmp == 0){ + chkFlag = 0; + } + } else if (setting.check.chkStyle == consts.checkbox.STYLE) { + if (cNode.nocheck === true || cNode.chkDisabled === true) { + tmp = cNode.check_Child_State; + } else if (cNode.halfCheck === true) { + tmp = 1; + } else if (cNode[checkedKey] ) { + tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1; + } else { + tmp = (cNode.check_Child_State > 0) ? 1 : 0; + } + if (tmp === 1) { + chkFlag = 1; break; + } else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) { + chkFlag = 1; break; + } else if (chkFlag === 2 && tmp > -1 && tmp < 2) { + chkFlag = 1; break; + } else if (tmp > -1) { + chkFlag = tmp; + } + } + } + } + node.check_Child_State = chkFlag; + } + }, + //method of event proxy + _event = { + + }, + //method of event handler + _handler = { + onCheckNode: function (event, node) { + if (node.chkDisabled === true) return false; + var setting = data.getSetting(event.data.treeId), + checkedKey = setting.data.key.checked; + if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true; + node[checkedKey] = !node[checkedKey]; + view.checkNodeRelation(setting, node); + var checkObj = $$(node, consts.id.CHECK, setting); + view.setChkClass(setting, checkObj, node); + view.repairParentChkClassWithSelf(setting, node); + setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]); + return true; + }, + onMouseoverCheck: function(event, node) { + if (node.chkDisabled === true) return false; + var setting = data.getSetting(event.data.treeId), + checkObj = $$(node, consts.id.CHECK, setting); + node.check_Focus = true; + view.setChkClass(setting, checkObj, node); + return true; + }, + onMouseoutCheck: function(event, node) { + if (node.chkDisabled === true) return false; + var setting = data.getSetting(event.data.treeId), + checkObj = $$(node, consts.id.CHECK, setting); + node.check_Focus = false; + view.setChkClass(setting, checkObj, node); + return true; + } + }, + //method of tools for zTree + _tools = { + + }, + //method of operate ztree dom + _view = { + checkNodeRelation: function(setting, node) { + var pNode, i, l, + childKey = setting.data.key.children, + checkedKey = setting.data.key.checked, + r = consts.radio; + if (setting.check.chkStyle == r.STYLE) { + var checkedList = data.getRadioCheckedList(setting); + if (node[checkedKey]) { + if (setting.check.radioType == r.TYPE_ALL) { + for (i = checkedList.length-1; i >= 0; i--) { + pNode = checkedList[i]; + if (pNode[checkedKey] && pNode != node) { + pNode[checkedKey] = false; + checkedList.splice(i, 1); + + view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode); + if (pNode.parentTId != node.parentTId) { + view.repairParentChkClassWithSelf(setting, pNode); + } + } + } + checkedList.push(node); + } else { + var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting); + for (i = 0, l = parentNode[childKey].length; i < l; i++) { + pNode = parentNode[childKey][i]; + if (pNode[checkedKey] && pNode != node) { + pNode[checkedKey] = false; + view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode); + } + } + } + } else if (setting.check.radioType == r.TYPE_ALL) { + for (i = 0, l = checkedList.length; i < l; i++) { + if (node == checkedList[i]) { + checkedList.splice(i, 1); + break; + } + } + } + + } else { + if (node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.Y.indexOf("s") > -1)) { + view.setSonNodeCheckBox(setting, node, true); + } + if (!node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.N.indexOf("s") > -1)) { + view.setSonNodeCheckBox(setting, node, false); + } + if (node[checkedKey] && setting.check.chkboxType.Y.indexOf("p") > -1) { + view.setParentNodeCheckBox(setting, node, true); + } + if (!node[checkedKey] && setting.check.chkboxType.N.indexOf("p") > -1) { + view.setParentNodeCheckBox(setting, node, false); + } + } + }, + makeChkClass: function(setting, node) { + var checkedKey = setting.data.key.checked, + c = consts.checkbox, r = consts.radio, + fullStyle = ""; + if (node.chkDisabled === true) { + fullStyle = c.DISABLED; + } else if (node.halfCheck) { + fullStyle = c.PART; + } else if (setting.check.chkStyle == r.STYLE) { + fullStyle = (node.check_Child_State < 1)? c.FULL:c.PART; + } else { + fullStyle = node[checkedKey] ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL:c.PART) : ((node.check_Child_State < 1)? c.FULL:c.PART); + } + var chkName = setting.check.chkStyle + "_" + (node[checkedKey] ? c.TRUE : c.FALSE) + "_" + fullStyle; + chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName; + return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName; + }, + repairAllChk: function(setting, checked) { + if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) { + var checkedKey = setting.data.key.checked, + childKey = setting.data.key.children, + root = data.getRoot(setting); + for (var i = 0, l = root[childKey].length; i<l ; i++) { + var node = root[childKey][i]; + if (node.nocheck !== true && node.chkDisabled !== true) { + node[checkedKey] = checked; + } + view.setSonNodeCheckBox(setting, node, checked); + } + } + }, + repairChkClass: function(setting, node) { + if (!node) return; + data.makeChkFlag(setting, node); + if (node.nocheck !== true) { + var checkObj = $$(node, consts.id.CHECK, setting); + view.setChkClass(setting, checkObj, node); + } + }, + repairParentChkClass: function(setting, node) { + if (!node || !node.parentTId) return; + var pNode = node.getParentNode(); + view.repairChkClass(setting, pNode); + view.repairParentChkClass(setting, pNode); + }, + repairParentChkClassWithSelf: function(setting, node) { + if (!node) return; + var childKey = setting.data.key.children; + if (node[childKey] && node[childKey].length > 0) { + view.repairParentChkClass(setting, node[childKey][0]); + } else { + view.repairParentChkClass(setting, node); + } + }, + repairSonChkDisabled: function(setting, node, chkDisabled, inherit) { + if (!node) return; + var childKey = setting.data.key.children; + if (node.chkDisabled != chkDisabled) { + node.chkDisabled = chkDisabled; + } + view.repairChkClass(setting, node); + if (node[childKey] && inherit) { + for (var i = 0, l = node[childKey].length; i < l; i++) { + var sNode = node[childKey][i]; + view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit); + } + } + }, + repairParentChkDisabled: function(setting, node, chkDisabled, inherit) { + if (!node) return; + if (node.chkDisabled != chkDisabled && inherit) { + node.chkDisabled = chkDisabled; + } + view.repairChkClass(setting, node); + view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit); + }, + setChkClass: function(setting, obj, node) { + if (!obj) return; + if (node.nocheck === true) { + obj.hide(); + } else { + obj.show(); + } + obj.attr('class', view.makeChkClass(setting, node)); + }, + setParentNodeCheckBox: function(setting, node, value, srcNode) { + var childKey = setting.data.key.children, + checkedKey = setting.data.key.checked, + checkObj = $$(node, consts.id.CHECK, setting); + if (!srcNode) srcNode = node; + data.makeChkFlag(setting, node); + if (node.nocheck !== true && node.chkDisabled !== true) { + node[checkedKey] = value; + view.setChkClass(setting, checkObj, node); + if (setting.check.autoCheckTrigger && node != srcNode) { + setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]); + } + } + if (node.parentTId) { + var pSign = true; + if (!value) { + var pNodes = node.getParentNode()[childKey]; + for (var i = 0, l = pNodes.length; i < l; i++) { + if ((pNodes[i].nocheck !== true && pNodes[i].chkDisabled !== true && pNodes[i][checkedKey]) + || ((pNodes[i].nocheck === true || pNodes[i].chkDisabled === true) && pNodes[i].check_Child_State > 0)) { + pSign = false; + break; + } + } + } + if (pSign) { + view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode); + } + } + }, + setSonNodeCheckBox: function(setting, node, value, srcNode) { + if (!node) return; + var childKey = setting.data.key.children, + checkedKey = setting.data.key.checked, + checkObj = $$(node, consts.id.CHECK, setting); + if (!srcNode) srcNode = node; + + var hasDisable = false; + if (node[childKey]) { + for (var i = 0, l = node[childKey].length; i < l && node.chkDisabled !== true; i++) { + var sNode = node[childKey][i]; + view.setSonNodeCheckBox(setting, sNode, value, srcNode); + if (sNode.chkDisabled === true) hasDisable = true; + } + } + + if (node != data.getRoot(setting) && node.chkDisabled !== true) { + if (hasDisable && node.nocheck !== true) { + data.makeChkFlag(setting, node); + } + if (node.nocheck !== true && node.chkDisabled !== true) { + node[checkedKey] = value; + if (!hasDisable) node.check_Child_State = (node[childKey] && node[childKey].length > 0) ? (value ? 2 : 0) : -1; + } else { + node.check_Child_State = -1; + } + view.setChkClass(setting, checkObj, node); + if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) { + setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]); + } + } + + } + }, + + _z = { + tools: _tools, + view: _view, + event: _event, + data: _data + }; + $.extend(true, $.fn.zTree.consts, _consts); + $.extend(true, $.fn.zTree._z, _z); + + var zt = $.fn.zTree, + tools = zt._z.tools, + consts = zt.consts, + view = zt._z.view, + data = zt._z.data, + event = zt._z.event, + $$ = tools.$; + + data.exSetting(_setting); + data.addInitBind(_bindEvent); + data.addInitUnBind(_unbindEvent); + data.addInitCache(_initCache); + data.addInitNode(_initNode); + data.addInitProxy(_eventProxy, true); + data.addInitRoot(_initRoot); + data.addBeforeA(_beforeA); + data.addZTreeTools(_zTreeTools); + + var _createNodes = view.createNodes; + view.createNodes = function(setting, level, nodes, parentNode) { + if (_createNodes) _createNodes.apply(view, arguments); + if (!nodes) return; + view.repairParentChkClassWithSelf(setting, parentNode); + } + var _removeNode = view.removeNode; + view.removeNode = function(setting, node) { + var parentNode = node.getParentNode(); + if (_removeNode) _removeNode.apply(view, arguments); + if (!node || !parentNode) return; + view.repairChkClass(setting, parentNode); + view.repairParentChkClass(setting, parentNode); + } + + var _appendNodes = view.appendNodes; + view.appendNodes = function(setting, level, nodes, parentNode, initFlag, openFlag) { + var html = ""; + if (_appendNodes) { + html = _appendNodes.apply(view, arguments); + } + if (parentNode) { + data.makeChkFlag(setting, parentNode); + } + return html; + } +})(jQuery);/** + * 当没有元素时有提示信息的view + * + * Created by GUY on 2015/9/8. + * @class BI.Pane + * @extends BI.Widget + * @abstract + */ +BI.Pane = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.Pane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-pane", + tipText: BI.i18nText("BI-No_Selected_Item"), + overlap: true, + onLoaded: BI.emptyFn + }) + }, + + _init: function () { + BI.Pane.superclass._init.apply(this, arguments); + }, + + _assertTip: function () { + var o = this.options; + if (!this._tipText) { + this._tipText = BI.createWidget({ + type: "bi.label", + cls: "bi-tips", + text: o.tipText, + height: 25 + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this._tipText], + bgap: 25 + }); + } + }, + + loading: function () { + var self = this, o = this.options; + if (o.overlap === true) { + if (!BI.Maskers.has(this.getName())) { + BI.createWidget({ + type: 'bi.vtape', + items: [{ + el: { + type: "bi.layout", + cls: "loading-background" + }, + height: 30 + }], + element: BI.Maskers.make(this.getName(), this) + }); + } + BI.Maskers.show(self.getName()); + } else { + this._loading = BI.createWidget({ + type: "bi.layout", + cls: "loading-background", + height: 30 + }); + this._loading.element.css("zIndex", 1); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this._loading, + left: 0, + right: 0, + top: 0 + }] + }) + } + }, + + loaded: function () { + var self = this, o = this.options; + BI.Maskers.remove(self.getName()); + this._loading && this._loading.destroy(); + this._loading && (this._loading = null); + o.onLoaded(); + self.fireEvent(BI.Pane.EVENT_LOADED); + }, + + check: function () { + this.setTipVisible(BI.isEmpty(this.options.items)); + }, + + setTipVisible: function (b) { + if (b === true) { + this._assertTip(); + this._tipText.setVisible(true); + } else { + this._tipText && this._tipText.setVisible(false); + } + }, + + populate: function (items) { + this.options.items = items || []; + this.check(); + }, + + empty: function () { + + } +}); +BI.Pane.EVENT_LOADED = "EVENT_LOADED";/** + * guy + * 这仅仅只是一个超类, 所有简单控件的基类 + * 1、类的控制, + * 2、title的控制 + * 3、文字超过边界显示3个点 + * 4、cursor默认pointor + * @class BI.Single + * @extends BI.Widget + * @abstract + */ +BI.Single = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.Single.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-single", + readonly: false, + title: null, + warningTitle: null, + tipType: null, // success或warning + value: null + }) + }, + + _showToolTip: function (e, opt) { + opt || (opt = {}); + var self = this; + var type = this.getTipType() || (this.isEnabled() ? "success" : "warning"); + var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle()); + if (BI.isKey(title)) { + BI.Tooltips.show(e, this.getName(), title, type, this, opt); + } + }, + + _hideTooltip: function () { + var self = this; + var tooltip = BI.Tooltips.get(this.getName()); + if (BI.isNotNull(tooltip)) { + tooltip.element.fadeOut(200, function () { + BI.Tooltips.remove(self.getName()); + }); + } + }, + + _init: function () { + BI.Single.superclass._init.apply(this, arguments); + var self = this, o = this.options; + if (BI.isKey(o.title) || BI.isKey(o.warningTitle) + || BI.isFunction(o.title) || BI.isFunction(o.warningTitle)) { + this.enableHover(); + } + }, + + enableHover: function (opt) { + opt || (opt = {}); + var self = this; + if (!this._hoverBinded) { + this.element.on("mouseenter.title" + this.getName(), function (e) { + self._e = e; + if (self.getTipType() === "warning" || (BI.isKey(self.getWarningTitle()) && !self.isEnabled())) { + self.timeout = BI.delay(function () { + self._showToolTip(self._e || e, opt); + }, 200); + } else if (self.getTipType() === "success" || self.isEnabled()) { + self.timeout = BI.delay(function () { + self._showToolTip(self._e || e, opt); + }, 500); + } + }); + this.element.on("mousemove.title" + this.getName(), function (e) { + self._e = e; + if (!self.element.__isMouseInBounds__(e)) { + if (BI.isNotNull(self.timeout)) { + clearTimeout(self.timeout); + } + self._hideTooltip(); + } + }); + this.element.on("mouseleave.title" + this.getName(), function () { + self._e = null; + if (BI.isNotNull(self.timeout)) { + clearTimeout(self.timeout); + } + self._hideTooltip(); + }); + this._hoverBinded = true; + } + }, + + disabledHover: function () { + //取消hover事件 + if (BI.isNotNull(this.timeout)) { + clearTimeout(this.timeout); + } + this._hideTooltip(); + $(this.element).unbind("mouseenter.title" + this.getName()) + .unbind("mousemove.title" + this.getName()) + .unbind("mouseleave.title" + this.getName()); + this._hoverBinded = false; + }, + + populate: function (items) { + this.items = items || []; + }, + + //opt: {container: '', belowMouse: false} + setTitle: function (title, opt) { + this.options.title = title; + if (BI.isKey(title)) { + this.enableHover(opt); + } else { + this.disabledHover(); + } + }, + + setWarningTitle: function (title, opt) { + this.options.warningTitle = title; + if (BI.isKey(title)) { + this.enableHover(opt); + } else { + this.disabledHover(); + } + }, + + getTipType: function () { + return this.options.tipType; + }, + + isReadOnly: function () { + return !!this.options.readonly; + }, + + getTitle: function () { + var title = this.options.title; + if(BI.isFunction(title)) { + return title(); + } + return title; + }, + + getWarningTitle: function () { + var title = this.options.warningTitle; + if(BI.isFunction(title)) { + return title(); + } + return title; + }, + + setValue: function (val) { + if (!this.options.readonly) { + this.options.value = val; + } + }, + + getValue: function () { + return this.options.value; + } +});/** + * guy 表示一行数据,通过position来定位位置的数据 + * @class BI.Text + * @extends BI.Single + */ +BI.Text = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Text.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text", + textAlign: "left", + whiteSpace: "normal", + lineHeight: null, + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + text: "", + py: "" + }) + }, + + _init: function () { + BI.Text.superclass._init.apply(this, arguments); + var o = this.options; + this.text = BI.createWidget({ + type: "bi.layout", + cls: "bi-text" + }); + this.text.element.appendTo(this.element); + if (BI.isKey(o.text)) { + this.text.element.text(o.text); + } else if (BI.isKey(o.value)) { + this.text.element.text(o.value); + } + if (o.hgap + o.lgap > 0) { + this.text.element.css({ + "margin-left": o.hgap + o.lgap + "px" + }) + } + if (o.hgap + o.rgap > 0) { + this.text.element.css({ + "margin-right": o.hgap + o.rgap + "px" + }) + } + if (o.vgap + o.tgap > 0) { + this.text.element.css({ + "margin-top": o.vgap + o.tgap + "px" + }) + } + if (o.vgap + o.bgap > 0) { + this.text.element.css({ + "margin-bottom": o.vgap + o.bgap + "px" + }) + } + if (BI.isNumber(o.height)) { + this.element.css({"lineHeight": o.height + "px"}); + } + if (BI.isNumber(o.lineHeight)) { + this.element.css({"lineHeight": o.lineHeight + "px"}); + } + this.text.element.css({ + "textAlign": o.textAlign, + "whiteSpace": o.whiteSpace + }); + this.element.css({ + "textAlign": o.textAlign, + "whiteSpace": o.whiteSpace + }); + if (BI.isKey(o.keyword)) { + this.text.element.__textKeywordMarked__(o.text, o.keyword, o.py); + } + }, + + doRedMark: function (keyword) { + var o = this.options; + this.text.element.__textKeywordMarked__(o.text || o.value, keyword, o.py); + }, + + unRedMark: function () { + var o = this.options; + this.text.element.__textKeywordMarked__(o.text || o.value, "", o.py); + }, + + doHighLight: function () { + this.text.element.addClass("bi-high-light"); + }, + + unHighLight: function () { + this.text.element.removeClass("bi-high-light"); + }, + + setValue: function (text) { + BI.Text.superclass.setValue.apply(this, arguments); + if (!this.isReadOnly()) { + this.text.element.text(text); + } + }, + + setText: function (text) { + BI.Text.superclass.setText.apply(this, arguments); + this.options.text = text; + this.text.element.text(text); + } +}); + +$.shortcut("bi.text", BI.Text);/** + * guy + * @class BI.BasicButton + * @extends BI.Single + * + * 一般的button父级 + */ +BI.BasicButton = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.BasicButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-basic-button cursor-pointer", + value: "", + text: "", + stopEvent: false, + stopPropagation: false, + selected: false, + once: false, //点击一次选中有效,再点无效 + forceSelected: false, //点击即选中, 选中了就不会被取消 + forceNotSelected: false, //无论怎么点击都不会被选中 + disableSelected: false, //使能选中 + + shadow: false, + isShadowShowingOnSelected: false, //选中状态下是否显示阴影 + trigger: null, + handler: BI.emptyFn + }) + }, + _init: function () { + BI.BasicButton.superclass._init.apply(this, arguments); + var opts = this.options; + if (opts.selected === true) { + BI.nextTick(BI.bind(function () { + this.setSelected(opts.selected); + }, this)); + } + BI.nextTick(BI.bind(this.bindEvent, this)); + + if (opts.shadow) { + this._createShadow(); + } + }, + + _createShadow: function () { + var self = this, o = this.options; + + var assertMask = function () { + if (!self.$mask) { + self.$mask = BI.createWidget(BI.isObject(o.shadow) ? o.shadow : {}, { + type: "bi.layout", + cls: "bi-button-mask" + }); + self.$mask.invisible(); + BI.createWidget({ + type: "bi.absolute", + element: self, + items: [{ + el: self.$mask, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + } + }; + + this.element.mouseup(function () { + if (!self._hover && !o.isShadowShowingOnSelected) { + assertMask(); + self.$mask.invisible(); + } + }); + this.element.on("mouseenter." + this.getName(), function (e) { + if (self.element.__isMouseInBounds__(e)) { + if (self.isEnabled() && !self._hover && (o.isShadowShowingOnSelected || !self.isSelected())) { + assertMask(); + self.$mask.visible(); + } + } + }); + this.element.on("mousemove." + this.getName(), function (e) { + if (!self.element.__isMouseInBounds__(e)) { + if (self.isEnabled() && !self._hover) { + assertMask(); + self.$mask.invisible(); + } + } + }); + this.element.on("mouseleave." + this.getName(), function () { + if (self.isEnabled() && !self._hover) { + assertMask(); + self.$mask.invisible(); + } + }); + }, + + bindEvent: function () { + var self = this; + var o = this.options, hand = this.handle(); + if (!hand) { + return; + } + hand = hand.element; + switch (o.trigger) { + case "mouseup": + var mouseDown = false; + hand.mousedown(function () { + mouseDown = true; + ev(e); + }); + hand.mouseup(function (e) { + if (mouseDown === true) { + clk(e); + } + mouseDown = false; + ev(e); + }); + break; + case "mousedown": + var mouseDown = false; + var selected = false; + hand.mousedown(function (e) { + // if (e.button === 0) { + if (mouseDown === true) { + return; + } + if (self.isSelected()) { + selected = true; + } else { + clk(e); + } + mouseDown = true; + ev(e); + // } + }); + hand.mouseup(function (e) { + // if (e.button === 0) { + if (mouseDown === true && selected === true) { + clk(e); + } + mouseDown = false; + selected = false; + // } + }); + var checking = BI.debounce(function () { + if (!BI.DOM.isExist(self)) { + $(document).unbind("mouseup." + self.getName()); + } + }, 3000); + $(document).bind("mouseup." + this.getName(), function (e) { + // if (e.button === 0) { + if (BI.DOM.isExist(self)) { + if (!hand.__isMouseInBounds__(e) && mouseDown === true && !selected) { + self.setSelected(!self.isSelected()); + self._trigger(); + } + mouseDown = false; + checking(); + } + // } + }); + break; + case "dblclick": + hand.dblclick(clk); + break; + default: + hand.mousedown(function (e) { + ev(e); + }); + hand.mouseup(function (e) { + ev(e); + }); + hand.click(clk); + break; + } + //之后的300ms点击无效 + var onClick = BI.debounce(this.doClick, BI.EVENT_RESPONSE_TIME, true); + + function ev(e) { + if (o.stopEvent) { + e.stopEvent(); + } + if (o.stopPropagation) { + e.stopPropagation(); + } + } + + function clk(e) { + ev(e); + if (!self.isEnabled() || (self.isOnce() && self.isSelected())) { + return; + } + onClick.apply(self); + } + }, + + _trigger: function () { + var o = this.options; + if (this.isValid()) { + o.handler.call(this, this.getValue(), this); + var v = this.getValue(); + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, v, this); + this.fireEvent(BI.BasicButton.EVENT_CHANGE, v, this); + } + }, + + doClick: function () { + if (!this.isDisableSelected()) { + this.isForceSelected() ? this.setSelected(true) : + (this.isForceNotSelected() ? this.setSelected(false) : + this.setSelected(!this.isSelected())); + } + this._trigger(); + }, + + handle: function () { + return this; + }, + + hover: function () { + this._hover = true; + this.handle().element.addClass("hover"); + if (this.options.shadow) { + this.$mask && this.$mask.setVisible(true); + } + }, + + dishover: function () { + this._hover = false; + this.handle().element.removeClass("hover"); + if (this.options.shadow) { + this.$mask && this.$mask.setVisible(false); + } + }, + + setSelected: function (b) { + var o = this.options; + o.selected = b; + if (this.isSelected()) { + this.handle().element.addClass("active"); + } else { + this.handle().element.removeClass("active"); + } + if (o.shadow && !o.isShadowShowingOnSelected) { + this.$mask && this.$mask.setVisible(false); + } + }, + + isSelected: function () { + return this.options.selected; + }, + + isOnce: function () { + return this.options.once; + }, + + isForceSelected: function () { + return this.options.forceSelected; + }, + + isForceNotSelected: function () { + return this.options.forceNotSelected; + }, + + isDisableSelected: function () { + return this.options.disableSelected; + }, + + setText: function (text) { + this.options.text = text; + }, + + getText: function () { + return this.options.text; + }, + + setEnable: function (b) { + BI.BasicButton.superclass.setEnable.apply(this, arguments); + if (!b) { + if (this.options.shadow) { + this.$mask && this.$mask.setVisible(false); + } + } + }, + + empty: function () { + $(document).unbind("mouseup." + this.getName()); + BI.BasicButton.superclass.empty.apply(this, arguments); + }, + + destroy: function () { + BI.BasicButton.superclass.destroy.apply(this, arguments); + } +}); +BI.BasicButton.EVENT_CHANGE = "BasicButton.EVENT_CHANGE";/** + * 表示一个可以展开的节点, 不仅有选中状态而且有展开状态 + * + * Created by GUY on 2015/9/9. + * @class BI.NodeButton + * @extends BI.BasicButton + * @abstract + */ +BI.NodeButton = BI.inherit(BI.BasicButton, { + _defaultConfig: function() { + var conf = BI.NodeButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend( conf, { + baseCls: (conf.baseCls || "") + " bi-node", + open: false + }) + }, + + _init:function() { + BI.NodeButton.superclass._init.apply(this, arguments); + var self = this; + BI.nextTick(function(){ + self.setOpened(self.isOpened()); + }) + }, + + doClick: function(){ + BI.NodeButton.superclass.doClick.apply(this, arguments); + this.setOpened(!this.isOpened()); + }, + + isOnce: function(){ + return false; + }, + + isOpened: function(){ + return !!this.options.open; + }, + + setOpened: function(b){ + this.options.open = !!b; + }, + + triggerCollapse: function(){ + if(this.isOpened()) { + this.setOpened(false); + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, this.getValue(), this); + } + }, + + triggerExpand: function(){ + if(!this.isOpened()) { + this.setOpened(true); + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, this.getValue(), this); + } + } +});BI.Resizers = new BI.ResizeController(); +BI.Layers = new BI.LayerController(); +BI.Maskers = new BI.MaskersController(); +BI.Bubbles = new BI.BubblesController(); +BI.Tooltips = new BI.TooltipsController(); +BI.Popovers = new BI.FloatBoxController(); +BI.Broadcasts = new BI.BroadcastController(); +/** + * canvas绘图 + * + * Created by GUY on 2015/11/18. + * @class BI.Canvas + * @extends BI.Widget + */ +BI.Canvas = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.Canvas.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-canvas" + }) + }, + + _init: function () { + BI.Canvas.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var canvas = document.createElement("canvas"); + if (!document.createElement('canvas').getContext) { + canvas = window.G_vmlCanvasManager.initElement(canvas); + } + this.element.append(canvas); + canvas.width = o.width; + canvas.height = o.height; + $(canvas).width("100%"); + $(canvas).height("100%"); + this.canvas = canvas; + this._queue = []; + }, + + _getContext: function () { + if (!this.ctx) { + this.ctx = this.canvas.getContext('2d'); + } + return this.ctx; + }, + + _attr: function (key, value) { + var self = this; + if (BI.isNull(key)) { + return; + } + if (BI.isObject(key)) { + BI.each(key, function (k, v) { + self._queue.push({k: k, v: v}); + }); + return; + } + this._queue.push({k: key, v: value}); + }, + + _line: function (x0, y0) { + var self = this; + var args = [].slice.call(arguments, 2); + if (BI.isOdd(args.length)) { + this._attr(BI.last(args)); + args = BI.initial(args); + } + this._attr("moveTo", [x0, y0]); + var odd = BI.filter(args, function (i) { + return i % 2 === 0; + }); + var even = BI.filter(args, function (i) { + return i % 2 !== 0; + }); + args = BI.zip(odd, even); + BI.each(args, function (i, point) { + self._attr("lineTo", point); + }); + }, + + line: function (x0, y0, x1, y1) { + this._line.apply(this, arguments); + this._attr("stroke", []); + }, + + rect: function (x, y, w, h, color) { + this._attr("fillStyle", color); + this._attr("fillRect", [x, y, w, h]); + }, + + circle: function (x, y, radius, color) { + this._attr({ + fillStyle: color, + beginPath: [], + arc: [x, y, radius, 0, Math.PI * 2, true], + closePath: [], + fill: [] + }); + }, + + hollow: function () { + this._attr("beginPath", []); + this._line.apply(this, arguments); + this._attr("closePath", []); + this._attr("stroke", []); + }, + + solid: function () { + this.hollow.apply(this, arguments); + this._attr("fill", []); + }, + + gradient: function (x0, y0, x1, y1, start, end) { + var grd = this._getContext().createLinearGradient(x0, y0, x1, y1); + grd.addColorStop(0, start); + grd.addColorStop(1, end); + return grd; + }, + + reset: function () { + this._getContext().clearRect(0, 0, this.canvas.width, this.canvas.height); + }, + + stroke: function (callback) { + var self = this; + BI.nextTick(function () { + var ctx = self._getContext(); + BI.each(self._queue, function (i, q) { + if (BI.isFunction(ctx[q.k])) { + ctx[q.k].apply(ctx, q.v); + } else { + ctx[q.k] = q.v; + } + }); + self._queue = []; + callback && callback(); + }); + } +}); +$.shortcut("bi.canvas", BI.Canvas);/** + * Collection + * + * Created by GUY on 2016/1/15. + * @class BI.Collection + * @extends BI.Widget + */ +BI.Collection = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Collection.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-collection", + width: 400, + height: 300, + overflowX: true, + overflowY: true, + cellSizeAndPositionGetter: BI.emptyFn, + horizontalOverscanSize: 0, + verticalOverscanSize: 0, + scrollLeft: 0, + scrollTop: 0, + items: [] + }); + }, + + _init: function () { + BI.Collection.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.renderedCells = []; + this.renderedKeys = []; + this._scrollLock = false; + this._debounceRelease = BI.debounce(function () { + self._scrollLock = false; + }, 150); + this.container = BI.createWidget({ + type: "bi.absolute" + }); + this.element.scroll(function () { + if (self._scrollLock === true) { + return; + } + o.scrollLeft = self.element.scrollLeft(); + o.scrollTop = self.element.scrollTop(); + self._calculateChildrenToRender(); + self.fireEvent(BI.Collection.EVENT_SCROLL, { + scrollLeft: o.scrollLeft, + scrollTop: o.scrollTop + }); + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + scrollable: o.overflowX === true && o.overflowY === true, + scrolly: o.overflowX === false && o.overflowY === true, + scrollx: o.overflowX === true && o.overflowY === false, + items: [this.container] + }); + if (o.items.length > 0) { + this._calculateSizeAndPositionData(); + this._populate(); + } + }, + + mounted: function () { + var o = this.options; + if (o.scrollLeft !== 0 || o.scrollTop !== 0) { + this.element.scrollTop(o.scrollTop); + this.element.scrollLeft(o.scrollLeft); + } + }, + + destroyed: function () { + this._debounceRelease = null; + }, + + _calculateSizeAndPositionData: function () { + var o = this.options; + var cellMetadata = []; + var sectionManager = new BI.SectionManager(); + var height = 0; + var width = 0; + + for (var index = 0, len = o.items.length; index < len; index++) { + var cellMetadatum = o.cellSizeAndPositionGetter(index); + + if ( + cellMetadatum.height == null || isNaN(cellMetadatum.height) || + cellMetadatum.width == null || isNaN(cellMetadatum.width) || + cellMetadatum.x == null || isNaN(cellMetadatum.x) || + cellMetadatum.y == null || isNaN(cellMetadatum.y) + ) { + throw Error(); + } + + height = Math.max(height, cellMetadatum.y + cellMetadatum.height); + width = Math.max(width, cellMetadatum.x + cellMetadatum.width); + + cellMetadatum.index = index; + cellMetadata[index] = cellMetadatum; + sectionManager.registerCell(cellMetadatum, index); + } + + this._cellMetadata = cellMetadata; + this._sectionManager = sectionManager; + this._height = height; + this._width = width; + }, + + _cellRenderers: function (height, width, x, y) { + this._lastRenderedCellIndices = this._sectionManager.getCellIndices(height, width, x, y); + return this._cellGroupRenderer() + }, + + _cellGroupRenderer: function () { + var self = this, o = this.options; + var rendered = []; + BI.each(this._lastRenderedCellIndices, function (i, index) { + var cellMetadata = self._sectionManager.getCellMetadata(index); + rendered.push(cellMetadata); + }); + return rendered; + }, + + _calculateChildrenToRender: function () { + var self = this, o = this.options; + var scrollLeft = BI.clamp(o.scrollLeft, 0, this._getMaxScrollLeft()); + var scrollTop = BI.clamp(o.scrollTop, 0, this._getMaxScrollTop()); + var left = Math.max(0, scrollLeft - o.horizontalOverscanSize); + var top = Math.max(0, scrollTop - o.verticalOverscanSize); + var right = Math.min(this._width, scrollLeft + o.width + o.horizontalOverscanSize); + var bottom = Math.min(this._height, scrollTop + o.height + o.verticalOverscanSize); + var childrenToDisplay = this._cellRenderers(bottom - top, right - left, left, top); + var renderedCells = [], renderedKeys = []; + for (var i = 0, len = childrenToDisplay.length; i < len; i++) { + var datum = childrenToDisplay[i]; + var index = BI.deepIndexOf(this.renderedKeys, datum.index); + if (index > -1) { + if (datum.width !== this.renderedCells[index]._width) { + this.renderedCells[index]._width = datum.width; + this.renderedCells[index].el.setWidth(datum.width); + } + if (datum.height !== this.renderedCells[index]._height) { + this.renderedCells[index]._height = datum.height; + this.renderedCells[index].el.setHeight(datum.height); + } + if (this.renderedCells[index].left !== datum.x) { + this.renderedCells[index].el.element.css("left", datum.x + "px"); + } + if (this.renderedCells[index].top !== datum.y) { + this.renderedCells[index].el.element.css("top", datum.y + "px"); + } + renderedCells.push(this.renderedCells[index]); + } else { + var child = BI.createWidget(BI.extend({ + type: "bi.label", + width: datum.width, + height: datum.height + }, o.items[datum.index], { + cls: (o.items[datum.index].cls || "") + " container-cell" + (datum.y === 0 ? " first-row" : "") + (datum.x === 0 ? " first-col" : ""), + _left: datum.x, + _top: datum.y + })); + renderedCells.push({ + el: child, + left: datum.x, + top: datum.y, + _width: datum.width, + _height: datum.height + }); + } + renderedKeys.push(datum.index); + } + //已存在的, 需要添加的和需要删除的 + var existSet = {}, addSet = {}, deleteArray = []; + BI.each(renderedKeys, function (i, key) { + if (BI.deepContains(self.renderedKeys, key)) { + existSet[i] = key; + } else { + addSet[i] = key; + } + }); + BI.each(this.renderedKeys, function (i, key) { + if (BI.deepContains(existSet, key)) { + return; + } + if (BI.deepContains(addSet, key)) { + return; + } + deleteArray.push(i); + }); + BI.each(deleteArray, function (i, index) { + self.renderedCells[index].el.destroy(); + }); + var addedItems = []; + BI.each(addSet, function (index) { + addedItems.push(renderedCells[index]) + }); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: addedItems + }); + this.renderedCells = renderedCells; + this.renderedKeys = renderedKeys; + }, + + _getMaxScrollLeft: function () { + return Math.max(0, this._width - this.options.width + (this.options.overflowX ? BI.DOM.getScrollWidth() : 0)); + }, + + _getMaxScrollTop: function () { + return Math.max(0, this._height - this.options.height + (this.options.overflowY ? BI.DOM.getScrollWidth() : 0)); + }, + + _populate: function () { + var o = this.options; + if (o.items.length > 0) { + this.container.setWidth(this._width); + this.container.setHeight(this._height); + + this._calculateChildrenToRender(); + this.element.scrollTop(o.scrollTop); + this.element.scrollLeft(o.scrollLeft); + } + }, + + setScrollLeft: function (scrollLeft) { + if (this.options.scrollLeft === scrollLeft) { + return; + } + this._scrollLock = true; + this.options.scrollLeft = BI.clamp(scrollLeft || 0, 0, this._getMaxScrollLeft()); + this._debounceRelease(); + this._calculateChildrenToRender(); + this.element.scrollLeft(this.options.scrollLeft); + }, + + setScrollTop: function (scrollTop) { + if (this.options.scrollTop === scrollTop) { + return; + } + this._scrollLock = true; + this.options.scrollTop = BI.clamp(scrollTop || 0, 0, this._getMaxScrollTop()); + this._debounceRelease(); + this._calculateChildrenToRender(); + this.element.scrollTop(this.options.scrollTop); + }, + + setOverflowX: function (b) { + var self = this; + if (this.options.overflowX !== !!b) { + this.options.overflowX = !!b; + BI.nextTick(function () { + self.element.css({overflowX: !!b ? "auto" : "hidden"}); + }); + } + }, + + setOverflowY: function (b) { + var self = this; + if (this.options.overflowY !== !!b) { + this.options.overflowY = !!b; + BI.nextTick(function () { + self.element.css({overflowY: !!b ? "auto" : "hidden"}); + }); + } + }, + + getScrollLeft: function () { + return this.options.scrollLeft; + }, + + getScrollTop: function () { + return this.options.scrollTop; + }, + + getMaxScrollLeft: function () { + return this._getMaxScrollLeft(); + }, + + getMaxScrollTop: function () { + return this._getMaxScrollTop(); + }, + + restore: function () { + BI.each(this.renderedCells, function (i, cell) { + cell.el.destroy(); + }); + this.renderedCells = []; + this.renderedKeys = []; + this._scrollLock = false; + }, + + populate: function (items) { + if (items && items !== this.options.items) { + this.options.items = items; + this._calculateSizeAndPositionData(); + } + this._populate(); + } +}); +BI.Collection.EVENT_SCROLL = "EVENT_SCROLL"; +$.shortcut('bi.collection_view', BI.Collection);/** + * @class BI.Combo + * @extends BI.Widget + */ +BI.Combo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Combo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-combo", + trigger: "click", + toggle: true, + direction: "bottom", //top||bottom||left||right||top,left||top,right||bottom,left||bottom,right + isDefaultInit: false, + isNeedAdjustHeight: true,//是否需要高度调整 + isNeedAdjustWidth: true, + adjustLength: 0,//调整的距离 + adjustXOffset: 0, + adjustYOffset: 0, + hideChecker: BI.emptyFn, + offsetStyle: "left", //left,right,center + el: {}, + popup: {}, + comboClass: "bi-combo-popup", + hoverClass: "bi-combo-hover" + }) + }, + + _init: function () { + BI.Combo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this._initCombo(); + this._initPullDownAction(); + this.combo.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (self.isEnabled() && this.isEnabled()) { + if (type === BI.Events.EXPAND) { + self._popupView(); + } + if (type === BI.Events.COLLAPSE) { + self._hideView(); + } + if (type === BI.Events.EXPAND || type === BI.Events.COLLAPSE) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + } + + if (type === BI.Events.CLICK) { + self.fireEvent(BI.Combo.EVENT_TRIGGER_CHANGE, obj); + } + } + }); + + self.element.on("mouseenter." + self.getName(), function (e) { + if (self.isEnabled() && self.combo.isEnabled()) { + self.element.addClass(o.hoverClass); + } + }); + self.element.on("mouseleave." + self.getName(), function (e) { + if (self.isEnabled() && self.combo.isEnabled()) { + self.element.removeClass(o.hoverClass); + } + }); + + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [ + {el: this.combo} + ] + }); + o.isDefaultInit && (this._assertPopupView()); + BI.Resizers.add(this.getName(), BI.bind(function () { + if (this.isViewVisible()) { + this._hideView(); + } + }, this)); + }, + + _toggle: function () { + this._assertPopupViewRender(); + if (this.popupView.isVisible()) { + this._hideView(); + } else { + if (this.isEnabled()) { + this._popupView(); + } + } + }, + + _initPullDownAction: function () { + var self = this, o = this.options; + var evs = this.options.trigger.split(","); + BI.each(evs, function (i, ev) { + switch (ev) { + case "hover": + self.element.on("mouseenter." + self.getName(), function (e) { + if (self.isEnabled() && self.combo.isEnabled()) { + self._popupView(); + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, "", self.combo); + self.fireEvent(BI.Combo.EVENT_EXPAND); + } + }); + self.element.on("mouseleave." + self.getName(), function (e) { + if (self.isEnabled() && self.combo.isEnabled() && o.toggle === true) { + self._hideView(); + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, "", self.combo); + self.fireEvent(BI.Combo.EVENT_COLLAPSE); + } + }); + break; + case "click": + if (ev) { + self.element.off(ev + "." + self.getName()).on(ev + "." + self.getName(), BI.debounce(function (e) { + if (self.combo.element.__isMouseInBounds__(e)) { + if (self.isEnabled() && self.combo.isEnabled()) { + o.toggle ? self._toggle() : self._popupView(); + if (self.isViewVisible()) { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, "", self.combo); + self.fireEvent(BI.Combo.EVENT_EXPAND); + } else { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, "", self.combo); + self.fireEvent(BI.Combo.EVENT_COLLAPSE); + } + } + } + }, BI.EVENT_RESPONSE_TIME, true)); + } + break; + } + }) + }, + + _initCombo: function () { + this.combo = BI.createWidget(this.options.el); + }, + + _assertPopupView: function () { + var self = this; + if (this.popupView == null) { + this.popupView = BI.createWidget(this.options.popup, { + type: "bi.popup_view" + }); + this.popupView.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (type === BI.Events.CLICK) { + self.combo.setValue(self.getValue()); + self.fireEvent(BI.Combo.EVENT_CHANGE, value, obj); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.popupView.setVisible(false); + BI.nextTick(function () { + self.fireEvent(BI.Combo.EVENT_AFTER_INIT); + }); + } + }, + + _assertPopupViewRender: function () { + this._assertPopupView(); + if (!this._rendered) { + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [ + {el: this.popupView} + ] + }); + this._rendered = true; + } + }, + + _hideIf: function (e) { + if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) { + return; + } + if (this.element.find(e.target).length > 0) { + return; + } + var isHide = this.options.hideChecker.apply(this, [e]); + if (isHide === false) { + return; + } + this._hideView(); + }, + + _hideView: function () { + this.fireEvent(BI.Combo.EVENT_BEFORE_HIDEVIEW); + this.popupView && this.popupView.invisible(); + this.element.removeClass(this.options.comboClass); + + $(document).unbind("mousedown." + this.getName()).unbind("mousewheel." + this.getName()); + this.fireEvent(BI.Combo.EVENT_AFTER_HIDEVIEW); + }, + + _popupView: function () { + this._assertPopupViewRender(); + this.fireEvent(BI.Combo.EVENT_BEFORE_POPUPVIEW); + + this.popupView.visible(); + this.adjustWidth(); + this.adjustHeight(); + + this.element.addClass(this.options.comboClass); + $(document).bind("mousedown." + this.getName(), BI.bind(this._hideIf, this)).bind("mousewheel." + this.getName(), BI.bind(this._hideIf, this)); + this.fireEvent(BI.Combo.EVENT_AFTER_POPUPVIEW); + }, + + adjustWidth: function () { + var o = this.options; + if (!this.popupView) { + return; + } + if (o.isNeedAdjustWidth === true) { + this.resetListWidth(""); + var width = this.popupView.element.outerWidth(); + var maxW = this.element.outerWidth() || o.width; + if (width > maxW + 80) { + maxW = maxW + 80; + } else if (width > maxW) { + maxW = width; + } + this.resetListWidth(maxW < 100 ? 100 : maxW); + } + }, + + adjustHeight: function () { + var o = this.options, p = {}; + if (!this.popupView) { + return; + } + var isVisible = this.popupView.isVisible(); + this.popupView.visible(); + switch (o.direction) { + case "bottom": + case "bottom,right": + p = $.getComboPosition(this.combo, this.popupView, o.adjustXOffset, o.adjustYOffset || o.adjustLength, o.isNeedAdjustHeight, ['bottom', 'top', 'right', 'left'], o.offsetStyle); + break; + case "top": + case "top,right": + p = $.getComboPosition(this.combo, this.popupView, o.adjustYOffset || o.adjustLength, o.isNeedAdjustHeight, ['top', 'bottom', 'right', 'left'], o.offsetStyle); + break; + case "left": + case "left,bottom": + p = $.getComboPosition(this.combo, this.popupView, o.adjustXOffset || o.adjustLength, o.adjustYOffset, o.isNeedAdjustHeight, ['left', 'right', 'bottom', 'top'], o.offsetStyle); + break; + case "right": + case "right,bottom": + p = $.getComboPosition(this.combo, this.popupView, o.adjustXOffset || o.adjustLength, o.adjustYOffset, o.isNeedAdjustHeight, ['right', 'left', 'bottom', 'top'], o.offsetStyle); + break; + case "top,left": + p = $.getComboPosition(this.combo, this.popupView, o.adjustXOffset, o.adjustYOffset || o.adjustLength, o.isNeedAdjustHeight, ['top', 'bottom', 'left', 'right'], o.offsetStyle); + break; + case "bottom,left": + p = $.getComboPosition(this.combo, this.popupView, o.adjustXOffset, o.adjustYOffset || o.adjustLength, o.isNeedAdjustHeight, ['bottom', 'top', 'left', 'right'], o.offsetStyle); + break; + case "left,top": + p = $.getComboPosition(this.combo, this.popupView, o.adjustXOffset || o.adjustLength, o.adjustYOffset, o.isNeedAdjustHeight, ['left', 'right', 'top', 'bottom'], o.offsetStyle); + break; + case "right,top": + p = $.getComboPosition(this.combo, this.popupView, o.adjustXOffset || o.adjustLength, o.adjustYOffset, o.isNeedAdjustHeight, ['right', 'left', 'top', 'bottom'], o.offsetStyle); + break; + case "top,custom": + case "custom,top": + p = $.getTopAdaptPosition(this.combo, this.popupView, o.adjustYOffset || o.adjustLength, o.isNeedAdjustHeight); + break; + case "custom,bottom": + case "bottom,custom": + p = $.getBottomAdaptPosition(this.combo, this.popupView, o.adjustYOffset || o.adjustLength, o.isNeedAdjustHeight); + break; + case "left,custom": + case "custom,left": + p = $.getLeftAdaptPosition(this.combo, this.popupView, o.adjustXOffset || o.adjustLength); + delete p.top; + delete p.adaptHeight; + break; + case "custom,right": + case "right,custom": + p = $.getRightAdaptPosition(this.combo, this.popupView, o.adjustXOffset || o.adjustLength); + delete p.top; + delete p.adaptHeight; + break; + } + + if ("adaptHeight" in p) { + this.resetListHeight(p['adaptHeight']); + } + if ("left" in p) { + this.popupView.element.css({ + left: p.left + }); + } + if ("top" in p) { + this.popupView.element.css({ + top: p.top + }); + } + this.popupView.setVisible(isVisible); + }, + + resetListHeight: function (h) { + this._assertPopupView(); + this.popupView.resetHeight && this.popupView.resetHeight(h); + }, + + resetListWidth: function (w) { + this._assertPopupView(); + this.popupView.resetWidth && this.popupView.resetWidth(w); + }, + + populate: function (items) { + this._assertPopupView(); + this.popupView.populate.apply(this.popupView, arguments); + this.combo.populate.apply(this.combo, arguments); + }, + + setEnable: function (arg) { + BI.Combo.superclass.setEnable.apply(this, arguments); + this.combo && this.combo.setEnable(arg); + this.popupView && this.popupView.setEnable(arg); + !arg && this._hideView(); + }, + + setValue: function (v) { + this._assertPopupView(); + this.combo.setValue(v); + this.popupView && this.popupView.setValue(v); + }, + + getValue: function () { + this._assertPopupView(); + return this.popupView && this.popupView.getValue(); + }, + + isViewVisible: function () { + return this.isEnabled() && this.combo.isEnabled() && !!this.popupView && this.popupView.isVisible(); + }, + + showView: function () { + if (this.isEnabled() && this.combo.isEnabled()) { + this._popupView(); + } + }, + + hideView: function () { + this._hideView(); + }, + + getView: function () { + return this.popupView; + }, + + doBehavior: function () { + this._assertPopupView(); + this.popupView && this.popupView.doBehavior.apply(this.popupView, arguments); + }, + + toggle: function () { + this._toggle(); + }, + + destroyed: function () { + $(document).unbind("mousedown." + this.getName()) + .unbind("mousewheel." + this.getName()) + .unbind("mouseenter." + this.getName()) + .unbind("mousemove." + this.getName()) + .unbind("mouseleave." + this.getName()); + this.popupView && this.popupView.destroy(); + BI.Resizers.remove(this.getName()); + } +}); +BI.Combo.EVENT_TRIGGER_CHANGE = "EVENT_TRIGGER_CHANGE"; +BI.Combo.EVENT_CHANGE = "EVENT_CHANGE"; +BI.Combo.EVENT_EXPAND = "EVENT_EXPAND"; +BI.Combo.EVENT_COLLAPSE = "EVENT_COLLAPSE"; +BI.Combo.EVENT_AFTER_INIT = "EVENT_AFTER_INIT"; + + +BI.Combo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; +BI.Combo.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; +BI.Combo.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; +BI.Combo.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; + +$.shortcut("bi.combo", BI.Combo);/** + * + * 某个可以展开的节点 + * + * Created by GUY on 2015/9/10. + * @class BI.Expander + * @extends BI.Widget + */ +BI.Expander = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Expander.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-expander", + trigger: "click", + toggle: true, + //direction: "bottom", //top,bottom四个方向 + isDefaultInit: false, //是否默认初始化子节点 + el: {}, + popup: {}, + expanderClass: "bi-expander-popup", + hoverClass: "bi-expander-hover" + }) + }, + + _init: function () { + BI.Expander.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this._expanded = !!o.el.open; + this._initExpander(); + this._initPullDownAction(); + this.expander.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (type === BI.Events.EXPAND) { + self._popupView(); + } + if (type === BI.Events.COLLAPSE) { + self._hideView(); + } + if (self.isEnabled() && this.isEnabled()) { + if (type === BI.Events.EXPAND || type === BI.Events.COLLAPSE) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + } + if (type === BI.Events.CLICK) { + self.fireEvent(BI.Expander.EVENT_TRIGGER_CHANGE, value, obj); + } + } + }); + + this.element.hover(function () { + if (self.isEnabled() && self.expander.isEnabled()) { + self.element.addClass(o.hoverClass); + } + }, function () { + if (self.isEnabled() && self.expander.isEnabled()) { + self.element.removeClass(o.hoverClass); + } + }); + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [ + {el: this.expander} + ] + }); + o.isDefaultInit && this._assertPopupView(); + if (this.expander.isOpened() === true) { + this._popupView(); + } + }, + + _toggle: function () { + this._assertPopupViewRender(); + if (this.popupView.isVisible()) { + this._hideView(); + } else { + if (this.isEnabled()) { + this._popupView(); + } + } + }, + + _initPullDownAction: function () { + var self = this, o = this.options; + var evs = this.options.trigger.split(","); + BI.each(evs, function (i, e) { + switch (e) { + case "hover": + self.element[e](function (e) { + if (self.isEnabled() && self.expander.isEnabled()) { + self._popupView(); + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, '', self.expander); + self.fireEvent(BI.Expander.EVENT_EXPAND); + } + }, function () { + if (self.isEnabled() && self.expander.isEnabled() && o.toggle) { + self._hideView(); + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, '', self.expander); + self.fireEvent(BI.Expander.EVENT_COLLAPSE); + } + }); + break; + default : + if (e) { + self.element.off(e + "." + self.getName()).on(e + "." + self.getName(), BI.debounce(function (e) { + if (self.expander.element.__isMouseInBounds__(e)) { + if (self.isEnabled() && self.expander.isEnabled()) { + o.toggle ? self._toggle() : self._popupView(); + if (self.isExpanded()) { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, "", self.expander); + self.fireEvent(BI.Expander.EVENT_EXPAND); + } else { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, '', self.expander); + self.fireEvent(BI.Expander.EVENT_COLLAPSE); + } + } + } + }, BI.EVENT_RESPONSE_TIME, true)); + } + break; + } + }) + }, + + _initExpander: function () { + this.expander = BI.createWidget(this.options.el); + }, + + _assertPopupView: function () { + var self = this; + if (this.popupView == null) { + this.popupView = BI.createWidget(this.options.popup, { + type: "bi.button_group", + cls: "expander-popup", + layouts: [{ + type: "bi.vertical", + hgap: 0, + vgap: 0 + }] + }); + this.popupView.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + //self.setValue(self.getValue()); + self.fireEvent(BI.Expander.EVENT_CHANGE, value, obj); + } + }); + this.popupView.setVisible(this.isExpanded()); + BI.nextTick(function () { + self.fireEvent(BI.Expander.EVENT_AFTER_INIT); + }); + } + }, + + _assertPopupViewRender: function () { + this._assertPopupView(); + if (!this._rendered) { + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [ + {el: this.popupView} + ] + }); + this._rendered = true; + } + }, + + _hideView: function () { + this.fireEvent(BI.Expander.EVENT_BEFORE_HIDEVIEW); + this._expanded = false; + this.expander.setOpened(false); + this.popupView && this.popupView.invisible(); + this.element.removeClass(this.options.expanderClass); + + this.fireEvent(BI.Expander.EVENT_AFTER_HIDEVIEW); + }, + + _popupView: function () { + this._assertPopupViewRender(); + this.fireEvent(BI.Expander.EVENT_BEFORE_POPUPVIEW); + this._expanded = true; + this.expander.setOpened(true); + this.popupView.visible(); + this.element.addClass(this.options.expanderClass); + this.fireEvent(BI.Expander.EVENT_AFTER_POPUPVIEW); + }, + + populate: function (items) { + //this._assertPopupView(); + this.popupView && this.popupView.populate.apply(this.popupView, arguments); + this.expander.populate.apply(this.expander, arguments); + }, + + setEnable: function (arg) { + BI.Expander.superclass.setEnable.apply(this, arguments); + this.expander && this.expander.setEnable(arg); + this.popupView && this.popupView.setEnable(arg); + !arg && this._hideView(); + }, + + setValue: function (v) { + //this._assertPopupView(); + this.expander.setValue(v); + this.popupView && this.popupView.setValue(v); + }, + + getValue: function () { + //this._assertPopupView(); + return this.popupView ? this.popupView.getValue() : []; + }, + + isViewVisible: function () { + return this.isEnabled() && this.expander.isEnabled() && !!this.popupView && this.popupView.isVisible(); + }, + + isExpanded: function () { + return this._expanded; + }, + + showView: function () { + if (this.isEnabled() && this.expander.isEnabled()) { + this._popupView(); + } + }, + + hideView: function () { + this._hideView(); + }, + + getView: function () { + return this.popupView; + }, + + doBehavior: function () { + //this._assertPopupView(); + this.popupView && this.popupView.doBehavior.apply(this.popupView, arguments); + }, + + getAllLeaves: function () { + return this.popupView && this.popupView.getAllLeaves(); + }, + + getNodeById: function (id) { + if (this.expander.options.id === id) { + return this.expander; + } + return this.popupView && this.popupView.getNodeById(id); + }, + + getNodeByValue: function (value) { + if (this.expander.getValue() === value) { + return this.expander; + } + return this.popupView && this.popupView.getNodeByValue(value); + }, + + destroyed: function () { + this.popupView && this.popupView.destroy(); + } +}); +BI.Expander.EVENT_EXPAND = "EVENT_EXPAND"; +BI.Expander.EVENT_COLLAPSE = "EVENT_COLLAPSE"; +BI.Expander.EVENT_TRIGGER_CHANGE = "EVENT_TRIGGER_CHANGE"; +BI.Expander.EVENT_CHANGE = "EVENT_CHANGE"; +BI.Expander.EVENT_AFTER_INIT = "EVENT_AFTER_INIT"; + + +BI.Expander.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; +BI.Expander.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; +BI.Expander.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; +BI.Expander.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; + +$.shortcut("bi.expander", BI.Expander);/** + * Created by GUY on 2015/6/26. + * @class BI.ButtonGroup + * @extends BI.Widget + */ + +BI.ButtonGroup = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.ButtonGroup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-button-group", + behaviors: {}, + items: [ + { + el: {type: "bi.text_button", text: "", value: ""} + } + ], + chooseType: BI.Selection.Single, + layouts: [{ + type: "bi.center", + hgap: 0, + vgap: 0 + }] + }) + }, + + _init: function () { + BI.ButtonGroup.superclass._init.apply(this, arguments); + var behaviors = {}; + BI.each(this.options.behaviors, function (key, rule) { + behaviors[key] = BI.BehaviorFactory.createBehavior(key, { + rule: rule + }) + }); + this.behaviors = behaviors; + this.populate(this.options.items); + }, + + _createBtns: function (items) { + var o = this.options; + return BI.createWidgets(BI.createItems(items, { + type: "bi.text_button" + })); + }, + + _btnsCreator: function (items) { + var self = this, args = Array.prototype.slice.call(arguments), o = this.options; + var buttons = this._createBtns(items); + args[0] = buttons; + + BI.each(this.behaviors, function (i, behavior) { + behavior.doBehavior.apply(behavior, args); + }); + BI.each(buttons, function (i, btn) { + btn.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (type === BI.Events.CLICK) { + switch (o.chooseType) { + case BI.ButtonGroup.CHOOSE_TYPE_SINGLE: + self.setValue(btn.getValue()); + break; + case BI.ButtonGroup.CHOOSE_TYPE_NONE: + self.setValue([]); + break; + } + self.fireEvent(BI.ButtonGroup.EVENT_CHANGE, value, obj); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + btn.on(BI.Events.DESTROY, function () { + BI.remove(self.buttons, btn); + }) + }); + + return buttons; + }, + + _packageBtns: function (btns) { + var o = this.options; + + for (var i = o.layouts.length - 1; i > 0; i--) { + btns = BI.map(btns, function (k, it) { + return BI.extend({}, o.layouts[i], { + items: [ + BI.extend({}, o.layouts[i].el, { + el: it + }) + ] + }) + }) + } + return btns; + }, + + _packageItems: function (items, packBtns) { + return BI.createItems(BI.makeArrayByArray(items, {}), BI.clone(packBtns)); + }, + + _packageLayout: function (items) { + var o = this.options, layout = BI.deepClone(o.layouts[0]); + + var lay = BI.formatEL(layout).el; + while (lay && lay.items && !BI.isEmpty(lay.items)) { + lay = BI.formatEL(lay.items[0]).el; + } + lay.items = items; + return layout; + }, + + + doBehavior: function () { + var args = Array.prototype.slice.call(arguments); + args.unshift(this.buttons); + BI.each(this.behaviors, function (i, behavior) { + behavior.doBehavior.apply(behavior, args); + }) + }, + + prependItems: function (items) { + var o = this.options; + var btns = this._btnsCreator.apply(this, arguments); + this.buttons = BI.concat(btns, this.buttons); + + //如果是一个简单的layout + if (o.layouts.length === 1 && !BI.isNotEmptyArray(o.layouts[0].items) + && this.layouts && this.layouts.prependItems) { + this.layouts.prependItems(btns); + return; + } + + var items = this._packageItems(items, this._packageBtns(btns)); + BI.createWidget(BI.extend(this._packageLayout(items))).element.children().prependTo(this.element); + }, + + addItems: function (items) { + var o = this.options; + var btns = this._btnsCreator.apply(this, arguments); + this.buttons = BI.concat(this.buttons, btns); + + //如果是一个简单的layout + if (o.layouts.length === 1 && !BI.isNotEmptyArray(o.layouts[0].items) + && this.layouts && this.layouts.addItems) { + this.layouts.addItems(btns); + return; + } + + var items = this._packageItems(items, this._packageBtns(btns)); + BI.createWidget(BI.extend(this._packageLayout(items))).element.children().appendTo(this.element); + }, + + removeItemAt: function (indexes) { + var self = this; + indexes = BI.isArray(indexes) ? indexes : [indexes]; + var buttons = []; + BI.each(indexes, function (i, index) { + buttons.push(self.buttons[index]); + }); + BI.each(buttons, function (i, btn) { + btn && btn.destroy(); + }) + }, + + removeItems: function (v) { + v = BI.isArray(v) ? v : [v]; + var indexes = []; + BI.each(this.buttons, function (i, item) { + if (BI.deepContains(v, item.getValue())) { + indexes.push(i); + } + }); + this.removeItemAt(indexes); + }, + + populate: function (items) { + this.options.items = items || []; + this.empty(); + + this.buttons = this._btnsCreator.apply(this, arguments); + var items = this._packageItems(items, this._packageBtns(this.buttons)); + + this.layouts = BI.createWidget(BI.extend({element: this}, this._packageLayout(items))); + }, + + setEnable: function (b) { + BI.ButtonGroup.superclass.setEnable.apply(this, arguments); + BI.each(this.buttons, function (i, item) { + item.setEnable(b); + }); + }, + + setNotSelectedValue: function (v) { + v = BI.isArray(v) ? v : [v]; + BI.each(this.buttons, function (i, item) { + if (BI.deepContains(v, item.getValue())) { + item.setSelected && item.setSelected(false); + } else { + item.setSelected && item.setSelected(true); + } + }); + }, + + setEnabledValue: function (v) { + v = BI.isArray(v) ? v : [v]; + BI.each(this.buttons, function (i, item) { + if (BI.deepContains(v, item.getValue())) { + item.setEnable(true); + } else { + item.setEnable(false); + } + }); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + BI.each(this.buttons, function (i, item) { + if (BI.deepContains(v, item.getValue())) { + item.setSelected && item.setSelected(true); + } else { + item.setSelected && item.setSelected(false); + } + }); + }, + + getNotSelectedValue: function () { + var v = []; + BI.each(this.buttons, function (i, item) { + if (item.isEnabled() && !(item.isSelected && item.isSelected())) { + v.push(item.getValue()); + } + }); + return v; + }, + + getValue: function () { + var v = []; + BI.each(this.buttons, function (i, item) { + if (item.isEnabled() && item.isSelected && item.isSelected()) { + v.push(item.getValue()); + } + }); + return v; + }, + + getAllButtons: function () { + return this.buttons; + }, + + getAllLeaves: function () { + return this.buttons; + }, + + getSelectedButtons: function () { + var btns = []; + BI.each(this.buttons, function (i, item) { + if (item.isSelected && item.isSelected()) { + btns.push(item); + } + }); + return btns; + }, + + getNotSelectedButtons: function () { + var btns = []; + BI.each(this.buttons, function (i, item) { + if (item.isSelected && !item.isSelected()) { + btns.push(item); + } + }); + return btns; + }, + + getIndexByValue: function (value) { + var index = -1; + BI.any(this.buttons, function (i, item) { + if (item.isEnabled() && item.getValue() === value) { + index = i; + return true; + } + }); + return index; + }, + + getNodeById: function (id) { + var node; + BI.any(this.buttons, function (i, item) { + if (item.isEnabled() && item.options.id === id) { + node = item; + return true; + } + }); + return node; + }, + + getNodeByValue: function (value) { + var node; + BI.any(this.buttons, function (i, item) { + if (item.isEnabled() && item.getValue() === value) { + node = item; + return true; + } + }); + return node; + } +}); +BI.extend(BI.ButtonGroup, { + CHOOSE_TYPE_SINGLE: BI.Selection.Single, + CHOOSE_TYPE_MULTI: BI.Selection.Multi, + CHOOSE_TYPE_ALL: BI.Selection.All, + CHOOSE_TYPE_NONE: BI.Selection.None, + CHOOSE_TYPE_DEFAULT: BI.Selection.Default +}); +BI.ButtonGroup.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.button_group", BI.ButtonGroup); +/** + * Created by GUY on 2015/8/10. + */ + +BI.ComboGroup = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.ComboGroup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-combo-group", + + //以下这些属性对每一个combo都是公用的 + trigger: "click,hover", + direction: "right", + adjustLength: 0, + isDefaultInit: false, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + + el: {type: "bi.text_button", text: "", value: ""}, + children: [], + + popup: { + el: { + type: "bi.button_tree", + chooseType: 0, + layouts: [{ + type: "bi.vertical" + }] + } + } + }) + }, + + _init: function () { + BI.ComboGroup.superclass._init.apply(this, arguments); + this.populate(this.options.el); + }, + + populate: function (item) { + var self = this, o = this.options; + var children = o.children; + if (BI.isEmpty(children)) { + throw new Error("ComboGroup构造错误"); + } + BI.each(children, function (i, ch) { + var son = BI.formatEL(ch).el.children; + ch = BI.formatEL(ch).el; + if (!BI.isEmpty(son)) { + ch.el = BI.clone(ch); + ch.children = son; + ch.type = "bi.combo_group"; + ch.action = o.action; + ch.height = o.height; + ch.direction = o.direction; + ch.isDefaultInit = o.isDefaultInit; + ch.isNeedAdjustHeight = o.isNeedAdjustHeight; + ch.isNeedAdjustWidth = o.isNeedAdjustWidth; + ch.adjustLength = o.adjustLength; + ch.popup = o.popup; + } + }) + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + height: o.height, + trigger: o.trigger, + direction: o.direction, + isDefaultInit: o.isDefaultInit, + isNeedAdjustWidth: o.isNeedAdjustWidth, + isNeedAdjustHeight: o.isNeedAdjustHeight, + adjustLength: o.adjustLength, + el: item, + popup: BI.extend({}, o.popup, { + el: BI.extend({ + items: children + }, o.popup.el) + }) + }) + this.combo.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.ComboGroup.EVENT_CHANGE, obj); + } + }) + }, + + setEnable: function (b) { + BI.ComboGroup.superclass.setEnable.apply(this, arguments); + this.combo && this.combo.setEnable(b); + }, + + getValue: function () { + return this.combo.getValue(); + }, + + setValue: function (v) { + this.combo.setValue(v); + } +}); +BI.ComboGroup.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.combo_group", BI.ComboGroup);/** + * 加载控件 + * + * Created by GUY on 2015/8/31. + * @class BI.Loader + * @extends BI.Widget + */ +BI.Loader = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Loader.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-loader", + + direction: "top", + isDefaultInit: true,//是否默认初始化数据 + logic: { + dynamic: true, + scrolly: true + }, + + //下面是button_group的属性 + el: { + type: "bi.button_group" + }, + + items: [], + itemsCreator: BI.emptyFn, + onLoaded: BI.emptyFn, + + //下面是分页信息 + count: false, + prev: false, + next: {}, + hasPrev: BI.emptyFn, + hasNext: BI.emptyFn + }) + }, + + _prevLoad: function () { + var self = this, o = this.options; + this.prev.setLoading(); + o.itemsCreator.apply(this, [{times: --this.times}, function () { + self.prev.setLoaded(); + self.prependItems.apply(self, arguments); + }]); + }, + + _nextLoad: function () { + var self = this, o = this.options; + this.next.setLoading(); + o.itemsCreator.apply(this, [{times: ++this.times}, function () { + self.next.setLoaded(); + self.addItems.apply(self, arguments); + }]); + }, + + _init: function () { + BI.Loader.superclass._init.apply(this, arguments); + var self = this, o = this.options; + if (o.itemsCreator === false) { + o.prev = false; + o.next = false; + } + if (o.prev !== false) { + this.prev = BI.createWidget(BI.extend({ + type: "bi.loading_bar" + }, o.prev)); + this.prev.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self._prevLoad(); + } + }); + } + + this.button_group = BI.createWidget(o.el, { + type: "bi.button_group", + chooseType: 0, + items: o.items, + behaviors: {}, + layouts: [{ + type: "bi.vertical" + }] + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.Loader.EVENT_CHANGE, obj); + } + }); + + if (o.next !== false) { + this.next = BI.createWidget(BI.extend({ + type: "bi.loading_bar" + }, o.next)); + this.next.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self._nextLoad(); + } + }) + } + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({ + scrolly: true + }, o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.prev, this.button_group, this.next) + })))); + + o.isDefaultInit && BI.isEmpty(o.items) && BI.nextTick(BI.bind(function () { + o.isDefaultInit && BI.isEmpty(o.items) && this.populate(); + }, this)); + if (BI.isNotEmptyArray(o.items)) { + this.populate(o.items); + } + }, + + hasPrev: function () { + var o = this.options; + if (BI.isNumber(o.count)) { + return this.count < o.count; + } + return !!o.hasPrev.apply(this, [{ + times: this.times, + count: this.count + }]) + }, + + hasNext: function () { + var o = this.options; + if (BI.isNumber(o.count)) { + return this.count < o.count; + } + return !!o.hasNext.apply(this, [{ + times: this.times, + count: this.count + }]) + }, + + prependItems: function (items) { + this.count += items.length; + if (this.next !== false) { + if (this.hasPrev()) { + this.options.items = this.options.items.concat(items); + this.prev.setLoaded(); + } else { + this.prev.setEnd(); + } + } + this.button_group.prependItems.apply(this.button_group, arguments); + }, + + addItems: function (items) { + this.count += items.length; + if (BI.isObject(this.next)) { + if (this.hasNext()) { + this.options.items = this.options.items.concat(items); + this.next.setLoaded(); + } else { + this.next.setEnd(); + } + } + this.button_group.addItems.apply(this.button_group, arguments); + }, + + populate: function (items) { + var self = this, o = this.options; + if (arguments.length === 0 && (BI.isFunction(o.itemsCreator))) { + o.itemsCreator.apply(this, [{times: 1}, function () { + if (arguments.length === 0) { + throw new Error("arguments can not be null!!!"); + } + self.populate.apply(self, arguments); + o.onLoaded(); + }]); + return; + } + this.options.items = items; + this.times = 1; + this.count = 0; + this.count += items.length; + if (BI.isObject(this.next)) { + if (this.hasNext()) { + this.next.setLoaded(); + } else { + this.next.invisible(); + } + } + if (BI.isObject(this.prev)) { + if (this.hasPrev()) { + this.prev.setLoaded(); + } else { + this.prev.invisible(); + } + } + this.button_group.populate.apply(this.button_group, arguments); + }, + + setEnable: function (v) { + this.button_group.setEnable(v); + }, + + doBehavior: function () { + this.button_group.doBehavior.apply(this.button_group, arguments); + }, + + setNotSelectedValue: function () { + this.button_group.setNotSelectedValue.apply(this.button_group, arguments); + }, + + getNotSelectedValue: function () { + return this.button_group.getNotSelectedValue(); + }, + + setValue: function () { + this.button_group.setValue.apply(this.button_group, arguments); + }, + + getValue: function () { + return this.button_group.getValue.apply(this.button_group, arguments); + }, + + getAllButtons: function () { + return this.button_group.getAllButtons(); + }, + + getAllLeaves: function () { + return this.button_group.getAllLeaves(); + }, + + getSelectedButtons: function () { + return this.button_group.getSelectedButtons(); + }, + + getNotSelectedButtons: function () { + return this.button_group.getNotSelectedButtons(); + }, + + getIndexByValue: function (value) { + return this.button_group.getIndexByValue(value); + }, + + getNodeById: function (id) { + return this.button_group.getNodeById(id); + }, + + getNodeByValue: function (value) { + return this.button_group.getNodeByValue(value); + }, + + empty: function () { + this.button_group.empty(); + BI.each([this.prev, this.next], function (i, ob) { + ob && ob.setVisible(false); + }); + } +}); +BI.Loader.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.loader", BI.Loader);/** + * Created by GUY on 2015/6/26. + */ + +BI.Navigation = BI.inherit(BI.Widget, { + _defaultConfig: function(){ + return BI.extend(BI.Navigation.superclass._defaultConfig.apply(this,arguments), { + direction: "bottom",//top, bottom, left, right, custom + logic: { + dynamic: false + }, + defaultShowIndex: 0, + tab: { + type: "bi.button_group", + items: [], + layouts: [] + }, + cardCreator: function(v){ + return BI.createWidget(); + }, + + afterCardCreated: BI.emptyFn, + afterCardShow: BI.emptyFn + }) + }, + + _init: function(){ + BI.Navigation.superclass._init.apply(this,arguments); + var self = this, o = this.options; + this.tab = BI.createWidget(this.options.tab, {type: "bi.button_group"}); + this.cardMap = {}; + this.showIndex = 0; + this.layout = BI.createWidget({ + type: "bi.card" + }); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({}, o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.tab, this.layout) + })))); + + + new BI.ShowListener({ + eventObj: this.tab, + cardLayout: this.layout, + cardNameCreator: function(v){ + return self.showIndex + v; + }, + cardCreator: function(v){ + var card = o.cardCreator(v); + self.cardMap[v] = card; + return card; + }, + afterCardCreated: BI.bind(this.afterCardCreated, this), + afterCardShow: BI.bind(this.afterCardShow, this) + }) + if(o.defaultShowIndex !== false){ + this.setSelect(o.defaultShowIndex); + } + }, + + afterCardCreated: function(v){ + var self = this; + this.cardMap[v].on(BI.Controller.EVENT_CHANGE, function(type, value, obj){ + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if(type === BI.Events.CLICK) { + self.fireEvent(BI.Navigation.EVENT_CHANGE, obj); + } + }) + this.options.afterCardCreated.apply(this, arguments); + }, + + afterCardShow: function(v){ + this.showIndex = v; + this.options.afterCardShow.apply(this, arguments); + }, + + populate: function(){ + var card = this.layout.getShowingCard(); + if(card){ + return card.populate.apply(card, arguments); + } + }, + + setSelect: function(v){ + this.showIndex = v; + if(!this.layout.isCardExisted(v)){ + var card = this.options.cardCreator(v); + this.cardMap[v] = card; + this.layout.addCardByName(v, card); + this.afterCardCreated(v); + } + this.layout.showCardByName(v); + BI.nextTick(BI.bind(this.afterCardShow, this, v)); + }, + + getSelect: function(){ + return this.showIndex; + }, + + getSelectedCard: function(){ + if(BI.isKey(this.showIndex)){ + return this.cardMap[this.showIndex]; + } + }, + + /** + * @override + */ + setValue: function(v){ + var card = this.layout.getShowingCard(); + if(card){ + card.setValue(v); + } + }, + + /** + * @override + */ + getValue: function(){ + var card = this.layout.getShowingCard(); + if(card){ + return card.getValue(); + } + }, + + empty: function(){ + this.layout.deleteAllCard(); + this.cardMap = {}; + } +}); +BI.Navigation.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.navigation", BI.Navigation);/** + * 搜索逻辑控件 + * + * Created by GUY on 2015/9/28. + * @class BI.Searcher + * @extends BI.Widget + */ + +BI.Searcher = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Searcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-searcher", + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + vgap: 0, + hgap: 0, + + isDefaultInit: false, + isAutoSearch: true, //是否自动搜索 + isAutoSync: true, //是否自动同步数据, 即是否保持搜索面板和adapter面板状态值的统一 + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + + //isAutoSearch为false时启用 + onSearch: function (op, callback) { + callback([]) + }, + + + el: { + type: "bi.search_editor" + }, + + popup: { + type: "bi.searcher_view" + }, + + adapter: null, + masker: { //masker层 + offset: {} + } + }) + }, + + _init: function () { + BI.Searcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.editor = BI.createWidget(o.el, { + type: "bi.search_editor" + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + vgap: o.vgap, + hgap: o.hgap, + items: [this.editor] + }); + o.isDefaultInit && (this._assertPopupView()); + + var search = BI.debounce(BI.bind(this._search, this), BI.EVENT_RESPONSE_TIME, true); + this.editor.on(BI.Controller.EVENT_CHANGE, function (type) { + switch (type) { + case BI.Events.STARTEDIT: + self._startSearch(); + break; + case BI.Events.EMPTY: + self._stopSearch(); + break; + case BI.Events.CHANGE: + search(); + break; + case BI.Events.PAUSE: + self._pauseSearch(); + break; + } + }) + }, + + _assertPopupView: function () { + var self = this, o = this.options; + if (!BI.Maskers.has(this.getName())) { + this.popupView = BI.createWidget(o.popup, { + type: "bi.searcher_view", + chooseType: o.chooseType + }); + BI.Maskers.create(this.getName(), o.adapter, { + offset: o.masker.offset, + container: this, + render: this.popupView + }); + + this.popupView.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + if (o.isAutoSync) { + var values = o.adapter.getValue(); + if (!obj.isSelected()) { + o.adapter.setValue(BI.deepWithout(values, obj.getValue())); + } else { + switch (o.chooseType) { + case BI.ButtonGroup.CHOOSE_TYPE_SINGLE: + o.adapter.setValue([obj.getValue()]); + break; + case BI.ButtonGroup.CHOOSE_TYPE_MULTI: + values.push(obj.getValue()); + o.adapter.setValue(values); + break; + } + } + } + self.fireEvent(BI.Searcher.EVENT_CHANGE, value, obj); + } + }); + BI.nextTick(function () { + self.fireEvent(BI.Searcher.EVENT_AFTER_INIT); + }); + } + }, + + _startSearch: function () { + this._assertPopupView(); + this._stop = false; + this._isSearching = true; + this.fireEvent(BI.Searcher.EVENT_START); + this.popupView.startSearch && this.popupView.startSearch(); + //搜索前先清空dom + BI.Maskers.get(this.getName()).empty(); + BI.nextTick(function (name) { + BI.Maskers.show(name); + }, this.getName()); + }, + + _pauseSearch: function () { + var o = this.options, name = this.getName(); + this._stop = true; + BI.Maskers.hide(name); + if (BI.Maskers.has(name) && this._isSearching === true) { + this.popupView && this.popupView.pauseSearch && this.popupView.pauseSearch(); + this.fireEvent(BI.Searcher.EVENT_PAUSE); + } + this._isSearching = false; + }, + + _stopSearch: function () { + var o = this.options, name = this.getName(); + this._stop = true; + BI.Maskers.hide(name); + if (BI.Maskers.has(name) && this._isSearching === true) { + //搜索后清空dom + BI.nextTick(function () { + BI.Maskers.has(name) && BI.Maskers.get(name).empty(); + }); + this.popupView && this.popupView.stopSearch && this.popupView.stopSearch(); + this.fireEvent(BI.Searcher.EVENT_STOP); + } + this._isSearching = false; + }, + + _search: function () { + var self = this, o = this.options, keyword = this.editor.getValue(); + if (keyword === "" || this._stop) { + return; + } + if (o.isAutoSearch) { + var items = (o.adapter.getItems && o.adapter.getItems()) || o.adapter.attr("items") || []; + var finding = BI.Func.getSearchResult(items, keyword); + var matched = finding.matched, finded = finding.finded; + this.popupView.populate(finded, matched, keyword); + o.isAutoSync && this.popupView.setValue(o.adapter.getValue()); + self.fireEvent(BI.Searcher.EVENT_SEARCHING); + return; + } + this.popupView.loading && this.popupView.loading(); + o.onSearch({ + times: 1, + keyword: keyword, + selectedValues: o.adapter.getValue() + }, function (searchResult, matchResult) { + if (!self._stop) { + var args = [].slice.call(arguments); + if (args.length > 0) { + args.push(keyword); + } + BI.Maskers.show(self.getName()); + self.popupView.populate.apply(self.popupView, args); + o.isAutoSync && self.popupView.setValue(o.adapter.getValue()); + self.popupView.loaded && self.popupView.loaded(); + self.fireEvent(BI.Searcher.EVENT_SEARCHING); + } + }); + }, + + setAdapter: function (adapter) { + this.options.adapter = adapter; + BI.Maskers.remove(this.getName()); + }, + + doSearch: function () { + if (this.isSearching()) { + this._search(); + } + }, + + stopSearch: function () { + this._stopSearch();//先停止搜索,然后再去设置editor为空 + //important:停止搜索必须退出编辑状态,这里必须加上try(input框不显示时blur会抛异常) + try { + this.editor.blur(); + } catch (e) { + if (!this.editor.blur) { + throw new Error("editor没有实现blur方法"); + } + } finally { + this.editor.setValue(""); + } + }, + + isSearching: function () { + return this._isSearching; + }, + + isViewVisible: function () { + return this.editor.isEnabled() && BI.Maskers.isVisible(this.getName()); + }, + + getView: function () { + return this.popupView; + }, + + hasMatched: function () { + this._assertPopupView(); + return this.popupView.hasMatched(); + }, + + adjustHeight: function () { + if (BI.Maskers.has(this.getName()) && BI.Maskers.get(this.getName()).isVisible()) { + BI.Maskers.show(this.getName()); + } + }, + + adjustView: function () { + this.isViewVisible() && BI.Maskers.show(this.getName()); + }, + + setValue: function (v) { + this._assertPopupView(); + this.popupView && this.popupView.setValue(v); + }, + + getKeyword: function () { + return this.editor.getValue(); + }, + + getValue: function () { + var o = this.options; + if (o.isAutoSync) { + return o.adapter.getValue(); + } + if (this.isSearching()) { + return this.popupView.getValue(); + } else { + return o.adapter.getValue(); + } + }, + + populate: function (result, searchResult, keyword) { + var o = this.options; + this._assertPopupView(); + this.popupView.populate.apply(this.popupView, arguments); + if (o.isAutoSync) { + this.popupView.setValue(o.adapter.getValue()); + } + }, + + empty: function () { + this.popupView && this.popupView.empty(); + }, + + destroyed: function () { + this.popupView && this.popupView.destroy(); + BI.Maskers.remove(this.getName()); + } +}); +BI.Searcher.EVENT_CHANGE = "EVENT_CHANGE"; +BI.Searcher.EVENT_START = "EVENT_START"; +BI.Searcher.EVENT_STOP = "EVENT_STOP"; +BI.Searcher.EVENT_PAUSE = "EVENT_PAUSE"; +BI.Searcher.EVENT_SEARCHING = "EVENT_SEARCHING"; +BI.Searcher.EVENT_AFTER_INIT = "EVENT_AFTER_INIT"; + +$.shortcut("bi.searcher", BI.Searcher);/** + * + * 切换显示或隐藏面板 + * + * Created by GUY on 2015/11/2. + * @class BI.Switcher + * @extends BI.Widget + */ +BI.Switcher = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Switcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-switcher", + direction: BI.Direction.Top, + trigger: "click", + toggle: true, + el: {}, + popup: {}, + adapter: null, + masker: {}, + switcherClass: "bi-switcher-popup", + hoverClass: "bi-switcher-hover" + }) + }, + + _init: function () { + BI.Switcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this._initSwitcher(); + this._initPullDownAction(); + this.switcher.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (self.isEnabled() && this.isEnabled()) { + if (type === BI.Events.EXPAND) { + self._popupView(); + } + if (type === BI.Events.COLLAPSE) { + self._hideView(); + } + if (type === BI.Events.EXPAND || type === BI.Events.COLLAPSE) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + } + if (type === BI.Events.CLICK) { + self.fireEvent(BI.Switcher.EVENT_TRIGGER_CHANGE, value, obj); + } + } + }); + + this.element.hover(function () { + if (self.isEnabled() && self.switcher.isEnabled()) { + self.element.addClass(o.hoverClass); + } + }, function () { + if (self.isEnabled() && self.switcher.isEnabled()) { + self.element.removeClass(o.hoverClass); + } + }); + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [ + {el: this.switcher} + ] + }); + o.isDefaultInit && (this._assertPopupView()); + }, + + _toggle: function () { + this._assertPopupView(); + if (this.isExpanded()) { + this._hideView(); + } else { + if (this.isEnabled()) { + this._popupView(); + } + } + }, + + _initPullDownAction: function () { + var self = this, o = this.options; + var evs = this.options.trigger.split(","); + BI.each(evs, function (i, e) { + switch (e) { + case "hover": + self.element[e](function (e) { + if (self.isEnabled() && self.switcher.isEnabled()) { + self._popupView(); + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, '', self.switcher); + self.fireEvent(BI.Switcher.EVENT_EXPAND); + } + }, function () { + if (self.isEnabled() && self.switcher.isEnabled() && o.toggle) { + self._hideView(); + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, '', self.switcher); + self.fireEvent(BI.Switcher.EVENT_COLLAPSE); + } + }); + break; + default : + if (e) { + self.element.off(e + "." + self.getName()).on(e + "." + self.getName(), BI.debounce(function (e) { + if (self.switcher.element.__isMouseInBounds__(e)) { + if (self.isEnabled() && self.switcher.isEnabled()) { + o.toggle ? self._toggle() : self._popupView(); + if (self.isExpanded()) { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, '', self.switcher); + self.fireEvent(BI.Switcher.EVENT_EXPAND); + } else { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, '', self.switcher); + self.fireEvent(BI.Switcher.EVENT_COLLAPSE); + } + } + } + }, BI.EVENT_RESPONSE_TIME, true)); + } + break; + } + }) + }, + + _initSwitcher: function () { + this.switcher = BI.createWidget(this.options.el); + }, + + _assertPopupView: function () { + var self = this, o = this.options; + if (!this._created) { + this.popupView = BI.createWidget(o.popup, { + type: "bi.button_group", + element: o.adapter && BI.Maskers.create(this.getName(), o.adapter, BI.extend({container: this}, o.masker)), + cls: "switcher-popup", + layouts: [{ + type: "bi.vertical", + hgap: 0, + vgap: 0 + }] + }); + this.popupView.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.Switcher.EVENT_CHANGE, value, obj); + } + }); + if (o.direction !== BI.Direction.Custom && !o.adapter) { + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [ + {el: this.popupView} + ] + }); + } + this._created = true; + BI.nextTick(function () { + self.fireEvent(BI.Switcher.EVENT_AFTER_INIT); + }); + } + }, + + _hideView: function () { + this.fireEvent(BI.Switcher.EVENT_BEFORE_HIDEVIEW); + var self = this, o = this.options; + o.adapter ? BI.Maskers.hide(self.getName()) : (self.popupView && self.popupView.setVisible(false)); + BI.nextTick(function () { + o.adapter ? BI.Maskers.hide(self.getName()) : (self.popupView && self.popupView.setVisible(false)); + self.element.removeClass(o.switcherClass); + self.fireEvent(BI.Switcher.EVENT_AFTER_HIDEVIEW); + }); + }, + + _popupView: function () { + var self = this, o = this.options; + this._assertPopupView(); + this.fireEvent(BI.Switcher.EVENT_BEFORE_POPUPVIEW); + o.adapter ? BI.Maskers.show(this.getName()) : self.popupView.setVisible(true); + BI.nextTick(function (name) { + o.adapter ? BI.Maskers.show(name) : self.popupView.setVisible(true); + self.element.addClass(o.switcherClass); + self.fireEvent(BI.Switcher.EVENT_AFTER_POPUPVIEW); + }, this.getName()); + }, + + populate: function (items) { + this._assertPopupView(); + this.popupView.populate.apply(this.popupView, arguments); + this.switcher.populate.apply(this.switcher, arguments); + }, + + setEnable: function (arg) { + BI.Switcher.superclass.setEnable.apply(this, arguments); + this.switcher && this.switcher.setEnable(arg); + this.popupView && this.popupView.setEnable(arg); + !arg && this._hideView(); + }, + + setValue: function (v) { + this._assertPopupView(); + this.switcher.setValue(v); + this.popupView && this.popupView.setValue(v); + }, + + getValue: function () { + this._assertPopupView(); + return this.popupView ? this.popupView.getValue() : []; + }, + + isViewVisible: function () { + return this.isEnabled() && this.switcher.isEnabled() && + (this.options.adapter ? BI.Maskers.isVisible(this.getName()) : (this.popupView && this.popupView.isVisible())); + }, + + isExpanded: function () { + return this.isViewVisible(); + }, + + showView: function () { + if (this.isEnabled() && this.switcher.isEnabled()) { + this._popupView(); + } + }, + + hideView: function () { + this._hideView(); + }, + + getView: function () { + return this.popupView; + }, + + adjustView: function () { + this.isViewVisible() && BI.Maskers.show(this.getName()); + }, + + doBehavior: function () { + this._assertPopupView(); + this.popupView && this.popupView.doBehavior.apply(this.popupView, arguments); + }, + + getAllLeaves: function () { + return this.popupView && this.popupView.getAllLeaves(); + }, + + getNodeById: function (id) { + if (this.switcher.attr("id") === id) { + return this.switcher; + } + return this.popupView && this.popupView.getNodeById(id); + }, + + getNodeByValue: function (value) { + if (this.switcher.getValue() === value) { + return this.switcher; + } + return this.popupView && this.popupView.getNodeByValue(value); + }, + + empty: function () { + this.popupView && this.popupView.empty(); + }, + + destroyed: function () { + this.popupView && this.popupView.destroy(); + } +}); +BI.Switcher.EVENT_EXPAND = "EVENT_EXPAND"; +BI.Switcher.EVENT_COLLAPSE = "EVENT_COLLAPSE"; +BI.Switcher.EVENT_TRIGGER_CHANGE = "EVENT_TRIGGER_CHANGE"; +BI.Switcher.EVENT_CHANGE = "EVENT_CHANGE"; +BI.Switcher.EVENT_AFTER_INIT = "EVENT_AFTER_INIT"; + + +BI.Switcher.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; +BI.Switcher.EVENT_AFTER_POPUPVIEW = "EVENT_AFTER_POPUPVIEW"; +BI.Switcher.EVENT_BEFORE_HIDEVIEW = "EVENT_BEFORE_HIDEVIEW"; +BI.Switcher.EVENT_AFTER_HIDEVIEW = "EVENT_AFTER_HIDEVIEW"; + +$.shortcut("bi.switcher", BI.Switcher);/** + * Created by GUY on 2015/6/26. + */ + +BI.Tab = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Tab.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-tab", + direction: "top",//top, bottom, left, right, custom + logic: { + dynamic: false + }, + defaultShowIndex: 0, + tab: false, + cardCreator: function (v) { + return BI.createWidget(); + } + }) + }, + + _init: function () { + BI.Tab.superclass._init.apply(this, arguments); + var self = this, o = this.options; + if (BI.isObject(o.tab)) { + this.tab = BI.createWidget(this.options.tab, {type: "bi.button_group"}); + this.tab.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }) + } + this.cardMap = {}; + this.layout = BI.createWidget({ + type: "bi.card" + }); + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({}, o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.tab, this.layout) + })))); + + var listener = new BI.ShowListener({ + eventObj: this.tab, + cardLayout: this.layout, + cardCreator: function (v) { + var card = o.cardCreator.apply(self, arguments); + self.cardMap[v] = card; + return card; + }, + afterCardShow: function (v) { + self.curr = v; + } + }); + listener.on(BI.ShowListener.EVENT_CHANGE, function (value) { + self.fireEvent(BI.Tab.EVENT_CHANGE, value, self); + }); + if (o.defaultShowIndex !== false) { + this.setSelect(o.defaultShowIndex); + } + }, + + _assertCard: function (v) { + if (!this.layout.isCardExisted(v)) { + var card = this.options.cardCreator(v); + this.cardMap[v] = card; + this.layout.addCardByName(v, card); + } + }, + + setSelect: function (v) { + this.tab && this.tab.setValue(v); + this._assertCard(v); + this.layout.showCardByName(v); + if (this.curr !== v) { + this.curr = v; + } + }, + + getSelect: function () { + return this.curr; + }, + + getSelectedTab: function () { + return this.layout.getShowingCard(); + }, + + getTab: function (v) { + this._assertCard(v); + return this.layout.getCardByName(v); + }, + + setValue: function (v) { + var card = this.layout.getShowingCard(); + if (card) { + card.setValue(v); + } + }, + + getValue: function () { + var card = this.layout.getShowingCard(); + if (card) { + return card.getValue(); + } + }, + + populate: function () { + var card = this.layout.getShowingCard(); + if (card) { + return card.populate && card.populate.apply(card, arguments); + } + }, + + empty: function () { + this.layout.deleteAllCard(); + this.cardMap = {}; + }, + + destroyed: function () { + this.layout.deleteAllCard(); + this.cardMap = {}; + } +}); +BI.Tab.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.tab", BI.Tab);/** + * Created by GUY on 2015/8/10. + * @class BI.ButtonTree + * @extends BI.ButtonGroup + */ + +BI.ButtonTree = BI.inherit(BI.ButtonGroup, { + _defaultConfig: function () { + return BI.extend(BI.ButtonTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-button-tree" + }) + }, + + _init: function () { + BI.ButtonTree.superclass._init.apply(this, arguments); + }, + + setNotSelectedValue: function (v) { + v = BI.isArray(v) ? v : [v]; + BI.each(this.buttons, function (i, item) { + if (!BI.isFunction(item.setSelected)) { + item.setNotSelectedValue(v); + return; + } + if (BI.deepContains(v, item.getValue())) { + item.setSelected(false); + } else { + item.setSelected(true); + } + }); + }, + + setEnabledValue: function (v) { + v = BI.isArray(v) ? v : [v]; + BI.each(this.buttons, function (i, item) { + if (BI.isFunction(item.setEnabledValue)) { + item.setEnabledValue(v); + return; + } + if (BI.deepContains(v, item.getValue())) { + item.setEnable(true); + } else { + item.setEnable(false); + } + }); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + BI.each(this.buttons, function (i, item) { + if (!BI.isFunction(item.setSelected)) { + item.setValue(v); + return; + } + if (BI.deepContains(v, item.getValue())) { + item.setSelected(true); + } else { + item.setSelected(false); + } + }); + }, + + getNotSelectedValue: function () { + var v = []; + BI.each(this.buttons, function (i, item) { + if (item.isEnabled() && !BI.isFunction(item.setSelected)) { + v = BI.concat(v, item.getNotSelectedValue()); + return; + } + if (item.isEnabled() && item.isSelected && !item.isSelected()) { + v.push(item.getValue()); + } + }); + return v; + }, + + getValue: function () { + var v = []; + BI.each(this.buttons, function (i, item) { + if (item.isEnabled() && !BI.isFunction(item.setSelected)) { + v = BI.concat(v, item.getValue()); + return; + } + if (item.isEnabled() && item.isSelected && item.isSelected()) { + v.push(item.getValue()); + } + }); + return v; + }, + + getSelectedButtons: function () { + var btns = []; + BI.each(this.buttons, function (i, item) { + if (item.isEnabled() && !BI.isFunction(item.setSelected)) { + btns = btns.concat(item.getSelectedButtons()); + return; + } + if (item.isSelected && item.isSelected()) { + btns.push(item); + } + }); + return btns; + }, + + getNotSelectedButtons: function () { + var btns = []; + BI.each(this.buttons, function (i, item) { + if (item.isEnabled() && !BI.isFunction(item.setSelected)) { + btns = btns.concat(item.getNotSelectedButtons()); + return; + } + if (item.isSelected && !item.isSelected()) { + btns.push(item); + } + }); + return btns; + }, + + //获取所有的叶子节点 + getAllLeaves: function () { + var leaves = []; + BI.each(this.buttons, function (i, item) { + if (item.isEnabled() && !BI.isFunction(item.setSelected)) { + leaves = leaves.concat(item.getAllLeaves()); + return; + } + if (item.isEnabled()) { + leaves.push(item); + } + }); + return leaves; + }, + + getIndexByValue: function (value) { + var index = -1; + BI.any(this.buttons, function (i, item) { + var vs = item.getValue(); + if (item.isEnabled() && (vs === value || BI.contains(vs, value))) { + index = i; + return true; + } + }); + return index; + }, + + getNodeById: function (id) { + var node; + BI.any(this.buttons, function (i, item) { + if (item.isEnabled()) { + if (item.attr("id") === id) { + node = item; + return true; + } else if (BI.isFunction(item.getNodeById)) { + if (node = item.getNodeById(id)) { + return true; + } + } + } + }); + return node; + }, + + getNodeByValue: function (value) { + var node; + BI.any(this.buttons, function (i, item) { + if (item.isEnabled()) { + if (item.getValue() === value) { + node = item; + return true; + } else if (BI.isFunction(item.getNodeByValue)) { + if (node = item.getNodeByValue(value)) { + return true; + } + } + } + }); + return node; + } +}); +BI.ButtonTree.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.button_tree", BI.ButtonTree); + +/** + * value作为key值缓存button, 不支持顺序读写 + * 适合用于频繁增删的一组button + * Created by GUY on 2015/8/10. + * @class BI.ButtonMap + * @extends BI.ButtonTree + */ + +BI.ButtonMap = BI.inherit(BI.ButtonTree, { + _defaultConfig: function () { + return BI.extend(BI.ButtonMap.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-button-map" + }) + }, + + _init: function () { + BI.ButtonMap.superclass._init.apply(this, arguments); + }, + + _createBtns: function (items) { + var self = this, o = this.options; + var buttons = BI.createWidgets(BI.createItems(items, {type: "bi.text_button", once: o.chooseType === 0})); + var keys = BI.map(items, function (i, item) { + item = BI.stripEL(item); + if (!(item.id || item.value)) { + throw new Error("item必须包含id或value属性"); + } + return item.id || item.value; + }); + return BI.object(keys, buttons); + }, + + setValue: function (v) { + var self = this; + v = BI.isArray(v) ? v : [v]; + BI.each(this.buttons, function (val, item) { + if (!BI.isFunction(item.setSelected)) { + item.setValue(v); + return; + } + if (v.contains(val)) { + item.setSelected && item.setSelected(true); + } else { + item.setSelected && item.setSelected(false); + } + }); + }, + + setNotSelectedValue: function (v) { + var self = this; + v = BI.isArray(v) ? v : [v]; + BI.each(this.buttons, function (val, item) { + if (!BI.isFunction(item.setSelected)) { + item.setNotSelectedValue(v); + return; + } + if (v.contains(val)) { + item.setSelected && item.setSelected(false); + } else { + item.setSelected && item.setSelected(true); + } + }); + }, + + populate: function (items) { + var self = this; + var args = [].slice.call(arguments); + var linkHashMap = new BI.LinkHashMap(); + var val = function (item) { + return item.id || item.value; + }; + if (!this.buttons) { + this.buttons = {}; + } + //所有已存在的和新添加的 + var willCreated = []; + BI.each(items, function (i, item) { + item = BI.stripEL(item); + if (self.buttons[val(item)]) { + var ob = self.buttons[val(item)]; + args[0] = item.items; + args[2] = item; + ob.populate && ob.populate.apply(ob, args); + } else { + willCreated.push(item); + } + }); + //创建新元素 + args[0] = willCreated; + var newBtns = this._btnsCreator.apply(this, args); + + //整理 + var array = []; + BI.each(items, function (i, item) { + item = BI.stripEL(item); + var button = self.buttons[val(item)] || newBtns[val(item)]; + linkHashMap.add(val(item), button); + array.push(button); + }); + this.buttons = linkHashMap.map; + + BI.DOM.hang(this.buttons); + this.empty(); + + var packages = this._packageItems(items, this._packageBtns(array)); + BI.createWidget(BI.extend({element: this}, this._packageLayout(packages))); + }, + + getIndexByValue: function (value) { + throw new Error("不能使用getIndexByValue方法"); + } +}); +BI.ButtonMap.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.button_map", BI.ButtonMap);/** + * 表示当前对象 + * + * Created by GUY on 2015/9/7. + * @class BI.EL + * @extends BI.Widget + */ +BI.EL = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.EL.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-el", + el: {}, + layout: {} + }); + }, + _init: function () { + BI.EL.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.ele = BI.createWidget(o.el); + BI.createWidget(o.layout, { + type: "bi.adaptive", + element: this, + items: [this.ele] + }); + this.ele.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }) + }, + + setValue: function (v) { + this.ele.setValue(v); + }, + + getValue: function () { + return this.ele.getValue(); + }, + + populate: function () { + this.ele.populate.apply(this, arguments); + } +}); +$.shortcut('bi.el', BI.EL);/** + * 选色控件 + * + * Created by GUY on 2015/11/16. + * @class BI.Farbtastic + * @extends BI.Widget + */ +BI.Farbtastic = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.Farbtastic.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-farbtastic", + width: 195, + height: 195 + }) + }, + + _init: function () { + BI.Farbtastic.superclass._init.apply(this, arguments); + var self = this; + + this.farbtastic = $.farbtastic(this.element, function (v) { + self.fireEvent(BI.Farbtastic.EVENT_CHANGE, self.getValue(), self); + }); + }, + + setValue: function (color) { + this.farbtastic.setColor(color); + }, + + getValue: function () { + return this.farbtastic.color; + } +}); +BI.Farbtastic.EVENT_CHANGE = "Farbtastic.EVENT_CHANGE"; +$.shortcut("bi.farbtastic", BI.Farbtastic);; +(function ($) { + /** + * 公式编辑控件 + * @class BI.FormulaEditor + * @extends BI.Widget + */ + BI.FormulaEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + return $.extend(BI.FormulaEditor.superclass._defaultConfig.apply(), { + baseCls: 'bi-formula-editor', + watermark: '', + value: '', + fieldTextValueMap: {} + }); + }, + _init: function () { + BI.FormulaEditor.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.editor = CodeMirror(this.element[0], { + textWrapping: true, + lineWrapping: true, + lineNumbers: false, + mode: 'formula' + }); + this.editor.on("change", function (cm, change) { + self._checkWaterMark(); + CodeMirror.showHint(cm, CodeMirror.formulaHint, {completeSingle: false}); + BI.nextTick(function () { + self.fireEvent(BI.FormulaEditor.EVENT_CHANGE) + }); + }); + + this.editor.on("focus", function () { + self._checkWaterMark(); + self.fireEvent(BI.FormulaEditor.EVENT_FOCUS); + }); + + this.editor.on("blur", function () { + self.fireEvent(BI.FormulaEditor.EVENT_BLUR); + }); + + + if (BI.isKey(o.value)) { + self.setValue(o.value); + } + + if (BI.isKey(this.options.watermark)) { + var self = this; + this.watermark = BI.createWidget({ + type: "bi.label", + cls: "bi-water-mark", + text: this.options.watermark, + whiteSpace: "nowrap", + textAlign: "left" + }); + BI.createWidget({ + type: "bi.absolute", + element: self, + items: [{ + el: self.watermark, + left: 0, + top: 0 + }] + }); + + this.watermark.element.bind( + "mousedown", function (e) { + self.insertString(""); + self.editor.focus(); + e.stopEvent(); + } + ); + this.watermark.element.bind("click", function (e) { + self.editor.focus(); + e.stopEvent(); + }); + this.watermark.element.css({ + position: "absolute", + left: 3, + right: 3, + top: 6, + bottom: 0 + }); + } + }, + + _checkWaterMark: function () { + var o = this.options; + if (!this.disabledWarterMark && BI.isEmptyString(this.editor.getValue()) && BI.isKey(o.watermark)) { + this.watermark && this.watermark.visible(); + } else { + this.watermark && this.watermark.invisible(); + } + }, + + disableWarterMark: function () { + this.disabledWarterMark = true; + this._checkWaterMark(); + }, + + /** + * 添加字段 + * @param field + */ + insertField: function (field) { + var from = this.editor.getCursor(); + this.editor.replaceSelection(field); + var to = this.editor.getCursor(); + this.editor.markText(from, to, {className: 'fieldName', atomic: true, startStyle : "start", endStyle:"end"}); + this.editor.replaceSelection(" "); + this.editor.focus(); + }, + + insertFunction: function (fn) { + var from = this.editor.getCursor(); + this.editor.replaceSelection(fn); + var to = this.editor.getCursor(); + this.editor.markText(from, to, {className: "#function", atomic: true}); + this.editor.replaceSelection("() "); + to = this.editor.getCursor(); + to.ch = to.ch - 2; + this.editor.setCursor(to); + this.editor.focus(); + }, + insertOperator: function (op) { + var from = this.editor.getCursor(); + this.editor.replaceSelection(op); + var to = this.editor.getCursor(); + this.editor.markText(from, to, {className: "%operator", atomic: true}); + this.editor.replaceSelection(" "); + this.editor.focus(); + }, + + setFunction: function (v) { + var from = this.editor.getCursor(); + this.editor.replaceSelection(v); + var to = this.editor.getCursor(); + this.editor.markText(from, to, {className: "#function", atomic: true}); + }, + + insertString: function (str) { + this.editor.replaceSelection(str); + this.editor.focus(); + }, + + getFormulaString: function () { + return this.editor.getValue(); + }, + + getUsedFields: function () { + var fieldMap = this.options.fieldTextValueMap; + var fields = []; + this.editor.getValue(true, function (line) { + var value = line.text; + _.forEach(line.markedSpans, function (i, ms) { + switch (i.marker.className) { + case "fieldName": + var dId = fieldMap[value.substr(i.from, i.to - i.from)]; + if (!fields.contains(dId)) { + fields.push(dId); + } + + } + }); + }); + return fields; + }, + + getCheckString: function () { + return this.editor.getValue(true, function (line) { + var rawText = line.text, value = line.text, num = 0; + value.text = rawText; + _.forEach(line.markedSpans, function (i, ms) { + + switch (i.marker.className) { + case "fieldName": + var fieldNameLength = i.to - i.from; + value = value.substr(0, i.from + num) + "$a" + value.substr(i.to + num, value.length); + num = num + 2 - fieldNameLength; + break; + } + + }); + return value; + }); + }, + + getValue: function () { + var fieldMap = this.options.fieldTextValueMap; + return this.editor.getValue("\n", function (line) { + var rawText = line.text, value = line.text, num = 0; + value.text = rawText; + _.forEach(line.markedSpans, function (i, ms) { + switch (i.marker.className) { + case "fieldName": + var fieldNameLength = i.to - i.from; + var fieldId = fieldMap[value.substr(i.from + num, fieldNameLength)]; + value = value.substr(0, i.from + num) + "$\{" + fieldMap[value.substr(i.from + num, fieldNameLength)] + "\}" + value.substr(i.to + num, value.length); + num += fieldId.length - fieldNameLength + 3; + break; + } + }); + return value; + }); + }, + + setValue: function (value) { + this.editor.setValue(value); + }, + + setFieldTextValueMap: function (fieldTextValueMap) { + this.options.fieldTextValueMap = fieldTextValueMap; + }, + + refresh: function () { + var self = this; + BI.nextTick(function () { + self.editor.refresh(); + }); + } + + }); + BI.FormulaEditor.EVENT_CHANGE = "EVENT_CHANGE"; + BI.FormulaEditor.EVENT_BLUR = "EVENT_BLUR"; + BI.FormulaEditor.EVENT_FOCUS = "EVENT_FOCUS"; + $.shortcut("bi.formula", BI.FormulaEditor); +})(jQuery); +/** + * z-index在1亿层级 + * 弹出提示消息框,用于模拟阻塞操作(通过回调函数实现) + * @class BI.Msg + */ +$.extend(BI, { + Msg: function () { + + var messageShow, $mask, $pop; + + return { + toast: function (message, level, context) { + context = context || $("body"); + var toast = BI.createWidget({ + type: "bi.toast", + level: level, + text: message + }); + BI.createWidget({ + type: "bi.absolute", + element: context, + items: [{ + el: toast, + left: "50%", + top: 0 + }] + }); + if (toast.element.outerWidth() > context.outerWidth()) { + toast.setWidth(context.width()); + } + toast.element.css({"margin-left": -1 * toast.element.outerWidth() / 2}); + toast.invisible(); + toast.element.slideDown(500, function () { + BI.delay(function () { + toast.element.slideUp(500, function () { + toast.destroy(); + }) + }, 5000) + }) + }, + _show: function (hasCancel, title, message, callback) { + $mask = $('<div class="bi-message-mask">').css({ + position: 'absolute', + 'zIndex': 99999998, + top: 0, + left: 0, + right: 0, + bottom: 0, + opacity: 0.1 + }).appendTo('body'); + $pop = $('<div class="bi-message-depend">').css({ + position: 'absolute', + 'zIndex': 99999999, + top: 0, + left: 0, + right: 0, + bottom: 0 + }).appendTo('body'); + var close = function () { + messageShow.destroy(); + $mask.remove(); + }; + var controlItems = []; + if (hasCancel === true) { + controlItems.push({ + el: { + type: 'bi.button', + text: BI.i18nText("BI-Cancel"), + height: 30, + level: 'ignore', + handler: function () { + close(); + if (BI.isFunction(callback)) { + callback.apply(null, [false]); + } + } + } + }); + } + controlItems.push({ + el: { + type: 'bi.button', + text: BI.i18nText("BI-OK"), + height: 30, + handler: function () { + close(); + if (BI.isFunction(callback)) { + callback.apply(null, [true]); + } + } + } + }); + var conf = { + element: $pop, + type: 'bi.center_adapt', + items: [ + { + type: 'bi.border', + cls: 'bi-message-content', + items: { + 'north': { + el: { + type: 'bi.border', + cls: 'bi-message-title', + items: { + center: { + el: { + type: 'bi.label', + text: title || BI.i18nText("BI-Prompt"), + textAlign: 'left', + hgap: 20, + height: 50 + } + }, + east: { + el: { + type: 'bi.icon_button', + cls: 'bi-message-close close-font', +// height: 50, + handler: function () { + close(); + } + }, + width: 60 + } + } + }, + height: 50 + }, + 'center': { + el: { + type: "bi.text", + cls: "bi-message-text", + tgap: 60, + hgap: 20, + lineHeight: 30, + whiteSpace: "normal", + text: message + } + }, + 'south': { + el: { + type: "bi.absolute", + items: [{ + el: { + type: 'bi.right_vertical_adapt', + hgap: 5, + items: controlItems + }, + top: 0, + left: 20, + right: 20, + bottom: 0 + }] + + }, + height: 60 + } + }, + width: 400, + height: 300 + } + ] + }; + + messageShow = BI.createWidget(conf); + } + }; + }() +});/** + * Grid + * + * Created by GUY on 2016/1/11. + * @class BI.Grid + * @extends BI.Widget + */ +BI.Grid = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Grid.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-grid", + width: 400, + height: 300, + overflowX: true, + overflowY: true, + overscanColumnCount: 0, + overscanRowCount: 0, + rowHeightGetter: BI.emptyFn, + columnWidthGetter: BI.emptyFn, + estimatedColumnSize: 100, + estimatedRowSize: 30, + scrollLeft: 0, + scrollTop: 0, + items: [] + }); + }, + + _init: function () { + BI.Grid.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.renderedCells = []; + this.renderedKeys = []; + this._scrollLock = false; + this._debounceRelease = BI.debounce(function () { + self._scrollLock = false; + }, 150); + this.container = BI.createWidget({ + type: "bi.absolute" + }); + this.element.scroll(function () { + if (self._scrollLock === true) { + return; + } + o.scrollLeft = self.element.scrollLeft(); + o.scrollTop = self.element.scrollTop(); + self._calculateChildrenToRender(); + self.fireEvent(BI.Grid.EVENT_SCROLL, { + scrollLeft: o.scrollLeft, + scrollTop: o.scrollTop + }); + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + scrollable: o.overflowX === true && o.overflowY === true, + scrolly: o.overflowX === false && o.overflowY === true, + scrollx: o.overflowX === true && o.overflowY === false, + items: [this.container] + }); + if (o.items.length > 0) { + this._populate(); + } + }, + + mounted: function () { + var o = this.options; + if (o.scrollLeft !== 0 || o.scrollTop !== 0) { + this.element.scrollTop(o.scrollTop); + this.element.scrollLeft(o.scrollLeft); + } + }, + + _getOverscanIndices: function (cellCount, overscanCellsCount, startIndex, stopIndex) { + return { + overscanStartIndex: Math.max(0, startIndex - overscanCellsCount), + overscanStopIndex: Math.min(cellCount - 1, stopIndex + overscanCellsCount) + } + }, + + _calculateChildrenToRender: function () { + var self = this, o = this.options; + + var width = o.width, height = o.height, scrollLeft = BI.clamp(o.scrollLeft, 0, this._getMaxScrollLeft()), scrollTop = BI.clamp(o.scrollTop, 0, this._getMaxScrollTop()), + overscanColumnCount = o.overscanColumnCount, overscanRowCount = o.overscanRowCount; + + if (height > 0 && width > 0) { + var visibleColumnIndices = this._columnSizeAndPositionManager.getVisibleCellRange(width, scrollLeft); + var visibleRowIndices = this._rowSizeAndPositionManager.getVisibleCellRange(height, scrollTop); + + var horizontalOffsetAdjustment = this._columnSizeAndPositionManager.getOffsetAdjustment(width, scrollLeft); + var verticalOffsetAdjustment = this._rowSizeAndPositionManager.getOffsetAdjustment(height, scrollTop); + + this._renderedColumnStartIndex = visibleColumnIndices.start; + this._renderedColumnStopIndex = visibleColumnIndices.stop; + this._renderedRowStartIndex = visibleRowIndices.start; + this._renderedRowStopIndex = visibleRowIndices.stop; + + var overscanColumnIndices = this._getOverscanIndices(this.columnCount, overscanColumnCount, this._renderedColumnStartIndex, this._renderedColumnStopIndex) + + var overscanRowIndices = this._getOverscanIndices(this.rowCount, overscanRowCount, this._renderedRowStartIndex, this._renderedRowStopIndex); + + var columnStartIndex = overscanColumnIndices.overscanStartIndex; + var columnStopIndex = overscanColumnIndices.overscanStopIndex; + var rowStartIndex = overscanRowIndices.overscanStartIndex; + var rowStopIndex = overscanRowIndices.overscanStopIndex; + + var renderedCells = [], renderedKeys = []; + + for (var rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) { + var rowDatum = this._rowSizeAndPositionManager.getSizeAndPositionOfCell(rowIndex); + + for (var columnIndex = columnStartIndex; columnIndex <= columnStopIndex; columnIndex++) { + var key = [rowIndex, columnIndex]; + var columnDatum = this._columnSizeAndPositionManager.getSizeAndPositionOfCell(columnIndex); + + var index = BI.deepIndexOf(this.renderedKeys, key); + if (index > -1) { + if (columnDatum.size !== this.renderedCells[index]._width) { + this.renderedCells[index]._width = columnDatum.size; + this.renderedCells[index].el.setWidth(columnDatum.size); + } + if (rowDatum.size !== this.renderedCells[index]._height) { + this.renderedCells[index]._height = rowDatum.size; + this.renderedCells[index].el.setHeight(rowDatum.size); + } + if (this.renderedCells[index].left !== columnDatum.offset + horizontalOffsetAdjustment) { + this.renderedCells[index].el.element.css("left", (columnDatum.offset + horizontalOffsetAdjustment) + "px"); + } + if (this.renderedCells[index].top !== rowDatum.offset + verticalOffsetAdjustment) { + this.renderedCells[index].el.element.css("top", (rowDatum.offset + verticalOffsetAdjustment) + "px"); + } + renderedCells.push(this.renderedCells[index]); + } else { + var child = BI.createWidget(BI.extend({ + type: "bi.label", + width: columnDatum.size, + height: rowDatum.size + }, o.items[rowIndex][columnIndex], { + cls: (o.items[rowIndex][columnIndex].cls || "") + " grid-cell" + (rowIndex === 0 ? " first-row" : "") + (columnIndex === 0 ? " first-col" : ""), + _rowIndex: rowIndex, + _columnIndex: columnIndex, + _left: columnDatum.offset + horizontalOffsetAdjustment, + _top: rowDatum.offset + verticalOffsetAdjustment + })); + renderedCells.push({ + el: child, + left: columnDatum.offset + horizontalOffsetAdjustment, + top: rowDatum.offset + verticalOffsetAdjustment, + _width: columnDatum.size, + _height: rowDatum.size + }); + } + renderedKeys.push(key); + } + } + //已存在的, 需要添加的和需要删除的 + var existSet = {}, addSet = {}, deleteArray = []; + BI.each(renderedKeys, function (i, key) { + if (BI.deepContains(self.renderedKeys, key)) { + existSet[i] = key; + } else { + addSet[i] = key; + } + }); + BI.each(this.renderedKeys, function (i, key) { + if (BI.deepContains(existSet, key)) { + return; + } + if (BI.deepContains(addSet, key)) { + return; + } + deleteArray.push(i); + }); + BI.each(deleteArray, function (i, index) { + self.renderedCells[index].el.destroy(); + }); + var addedItems = []; + BI.each(addSet, function (index) { + addedItems.push(renderedCells[index]) + }); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: addedItems + }); + this.renderedCells = renderedCells; + this.renderedKeys = renderedKeys; + } + }, + + _getMaxScrollLeft: function () { + return Math.max(0, this._columnSizeAndPositionManager.getTotalSize() - this.options.width + (this.options.overflowX ? BI.DOM.getScrollWidth() : 0)); + }, + + _getMaxScrollTop: function () { + return Math.max(0, this._rowSizeAndPositionManager.getTotalSize() - this.options.height + (this.options.overflowY ? BI.DOM.getScrollWidth() : 0)); + }, + + _populate: function () { + var self = this, o = this.options; + if (o.items.length > 0) { + this.columnCount = o.items[0].length; + this.rowCount = o.items.length; + this.container.setWidth(this.columnCount * o.estimatedColumnSize); + this.container.setHeight(this.rowCount * o.estimatedRowSize); + + this._columnSizeAndPositionManager = new BI.ScalingCellSizeAndPositionManager(this.columnCount, o.columnWidthGetter, o.estimatedColumnSize); + this._rowSizeAndPositionManager = new BI.ScalingCellSizeAndPositionManager(this.rowCount, o.rowHeightGetter, o.estimatedRowSize); + + this._calculateChildrenToRender(); + this.element.scrollTop(o.scrollTop); + this.element.scrollLeft(o.scrollLeft); + } + }, + + setScrollLeft: function (scrollLeft) { + if (this.options.scrollLeft === scrollLeft) { + return; + } + this._scrollLock = true; + this.options.scrollLeft = BI.clamp(scrollLeft || 0, 0, this._getMaxScrollLeft()); + this._debounceRelease(); + this._calculateChildrenToRender(); + this.element.scrollLeft(this.options.scrollLeft); + }, + + setScrollTop: function (scrollTop) { + if (this.options.scrollTop === scrollTop) { + return; + } + this._scrollLock = true; + this.options.scrollTop = BI.clamp(scrollTop || 0, 0, this._getMaxScrollTop()); + this._debounceRelease(); + this._calculateChildrenToRender(); + this.element.scrollTop(this.options.scrollTop); + }, + + setOverflowX: function (b) { + var self = this; + if (this.options.overflowX !== !!b) { + this.options.overflowX = !!b; + BI.nextTick(function () { + self.element.css({overflowX: !!b ? "auto" : "hidden"}); + }); + } + }, + + setOverflowY: function (b) { + var self = this; + if (this.options.overflowY !== !!b) { + this.options.overflowY = !!b; + BI.nextTick(function () { + self.element.css({overflowY: !!b ? "auto" : "hidden"}); + }); + } + }, + + getScrollLeft: function () { + return this.options.scrollLeft; + }, + + getScrollTop: function () { + return this.options.scrollTop; + }, + + getMaxScrollLeft: function () { + return this._getMaxScrollLeft(); + }, + + getMaxScrollTop: function () { + return this._getMaxScrollTop(); + }, + + setEstimatedColumnSize: function (width) { + this.options.estimatedColumnSize = width; + }, + + setEstimatedRowSize: function (height) { + this.options.estimatedRowSize = height; + }, + + restore: function () { + BI.each(this.renderedCells, function (i, cell) { + cell.el.destroy(); + }); + this.renderedCells = []; + this.renderedKeys = []; + this._scrollLock = false; + }, + + populate: function (items) { + if (items && items !== this.options.items) { + this.options.items = items; + this.restore(); + } + this._populate(); + } +}); +BI.Grid.EVENT_SCROLL = "EVENT_SCROLL"; +$.shortcut('bi.grid_view', BI.Grid);/** + * floatBox弹出层, + * @class BI.FloatBox + * @extends BI.Widget + */ +BI.FloatBox = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.FloatBox.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-float-box", + width: 600, + height: 500 + }) + }, + _init: function () { + BI.FloatBox.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.showAction = new BI.ShowAction({ + tar: this + }); + this._center = BI.createWidget(); + this._north = BI.createWidget(); + this.element.draggable({ + cursor: BICst.cursorUrl, + handle: ".bi-message-title", + drag: function (e, ui) { + var W = $("body").width(), H = $("body").height(); + if (ui.position.left + o.width > W) { + ui.position.left = W - o.width; + } + if (ui.position.top + o.height > H) { + ui.position.top = H - o.height; + } + if (ui.position.left < 0) { + ui.position.left = 0; + } + if (ui.position.top < 0) { + ui.position.top = 0; + } + } + }); + this._south = BI.createWidget(); + BI.createWidget({ + type: 'bi.border', + element: this, + items: { + 'north': { + el: { + type: 'bi.border', + cls: 'bi-message-title', + items: { + center: { + el: { + type: "bi.absolute", + items: [{ + el: this._north, + left: 10, + top: 0, + right: 0, + bottom: 0 + }] + } + }, + east: { + el: { + type: 'bi.icon_button', + cls: 'bi-message-close close-font', + height: 50, + handler: function () { + self.currentSectionProvider.close(); + } + }, + width: 60 + } + } + }, + height: 50 + }, + 'center': { + el: { + type: "bi.absolute", + items: [{ + el: this._center, + left: 10, + top: 10, + right: 10, + bottom: 10 + }] + } + }, + 'south': { + el: { + type: "bi.absolute", + items: [{ + el: this._south, + left: 10, + top: 0, + right: 10, + bottom: 0 + }] + }, + height: 60 + } + } + }) + }, + + populate: function (sectionProvider) { + var self = this; + this.currentSectionProvider = sectionProvider; + sectionProvider.rebuildNorth(this._north); + sectionProvider.rebuildCenter(this._center); + sectionProvider.rebuildSouth(this._south); + if (sectionProvider instanceof BI.Widget) { + sectionProvider.on(BI.PopoverSection.EVENT_CLOSE, function () { + self.close(); + }) + } + }, + + show: function () { + this.showAction.actionPerformed(); + }, + + hide: function () { + this.showAction.actionBack(); + }, + + open: function () { + this.show(); + this.fireEvent(BI.FloatBox.EVENT_FLOAT_BOX_OPEN); + }, + + close: function () { + this.hide(); + this.fireEvent(BI.FloatBox.EVENT_FLOAT_BOX_CLOSED); + }, + + setZindex: function (zindex) { + this.element.css({"z-index": zindex}); + } +}); + +$.shortcut("bi.float_box", BI.FloatBox); + +BI.FloatBox.EVENT_FLOAT_BOX_CLOSED = "EVENT_FLOAT_BOX_CLOSED"; +BI.FloatBox.EVENT_FLOAT_BOX_OPEN = "EVENT_FLOAT_BOX_CLOSED"; +/** + * 下拉框弹出层, zIndex在1000w + * @class BI.PopupView + * @extends BI.Widget + */ +BI.PopupView = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.PopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-list-view", + maxWidth: 'auto', + minWidth: 100, + //maxHeight: 200, + minHeight: 25, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + vgap: 0, + hgap: 0, + direction: BI.Direction.Top, //工具栏的方向 + stopEvent: false,//是否停止mousedown、mouseup事件 + stopPropagation: false, //是否停止mousedown、mouseup向上冒泡 + logic: { + dynamic: true + }, + + tool: false, //自定义工具栏 + tabs: [], //导航栏 + buttons: [], //toolbar栏 + + el: { + type: "bi.button_group", + items: [], + chooseType: 0, + behaviors: {}, + layouts: [{ + type: "bi.vertical" + }] + } + }) + }, + + _init: function () { + BI.PopupView.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var fn = function (e) { + e.stopPropagation(); + }, stop = function (e) { + e.stopEvent(); + return false; + }; + this.element.css({ + "z-index": BI.zIndex_popup, + "min-width": o.minWidth + "px", + "max-width": o.maxWidth + "px" + }).bind({"click": fn, "mousewheel": fn}); + + o.stopPropagation && this.element.bind({"mousedown": fn, "mouseup": fn, "mouseover": fn}); + o.stopEvent && this.element.bind({"mousedown": stop, "mouseup": stop, "mouseover": stop}); + this.tool = this._createTool(); + this.tab = this._createTab(); + this.view = this._createView(); + this.toolbar = this._createToolBar(); + + this.button_group.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.PopupView.EVENT_CHANGE); + } + }); + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({}, o.logic, { + scrolly: false, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + vgap: o.vgap, + hgap: o.hgap, + items: BI.LogicFactory.createLogicItemsByDirection(o.direction, + BI.extend({ + cls: "list-view-outer" + }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({}, o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.tool, this.tab, this.view, this.toolbar) + }))) + ) + })))); + }, + + _createView: function () { + var o = this.options; + this.button_group = BI.createWidget(o.el, {type: "bi.button_group"}); + this.button_group.element.css({"min-height": o.minHeight + "px"}); + return this.button_group; + }, + + _createTool: function () { + var o = this.options; + if (false === o.tool) { + return; + } + return BI.createWidget(o.tool) + }, + + _createTab: function () { + var o = this.options; + if (o.tabs.length === 0) { + return; + } + return BI.createWidget({ + type: "bi.center", + cls: "list-view-tab", + height: 25, + items: o.tabs + }) + }, + + _createToolBar: function () { + var o = this.options; + if (o.buttons.length === 0) { + return; + } + + return BI.createWidget({ + type: "bi.center", + cls: "list-view-toolbar", + height: 30, + items: BI.createItems(o.buttons, { + once: false, + shadow: true, + isShadowShowingOnSelected: true + }) + }) + }, + + populate: function (items) { + this.button_group.populate.apply(this.button_group, arguments); + }, + + resetWidth: function (w) { + this.options.width = w; + this.element.width(w); + }, + + resetHeight: function (h) { + var tbHeight = 30 * (this.toolbar ? 1 : 0), + tabHeight = 25 * (this.tab ? 1 : 0), + toolHeight = ((this.tool && this.tool.element.outerHeight()) || 25) * ((this.tool && this.tool.isVisible()) ? 1 : 0); + this.view.resetHeight ? this.view.resetHeight(h - tbHeight - tabHeight - toolHeight - 2) : + this.view.element.css({"max-height": (h - tbHeight - tabHeight - toolHeight - 2) + "px"}) + }, + + setEnable: function (arg) { + BI.PopupView.superclass.setEnable.apply(this, arguments); + this.view && this.view.setEnable(arg); + }, + + setValue: function (selectedValues) { + this.tab && this.tab.setValue(selectedValues); + this.button_group.setValue(selectedValues); + }, + + getValue: function () { + return this.button_group.getValue(); + } +}); +BI.PopupView.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.popup_view", BI.PopupView);/** + * guy + * @class BI.ScrollView + * @extends BI.Widget + */ +BI.ScrollView = BI.inherit(BI.Widget, { + + _const: { + dropDownHeight: 15, + expandIcon: "column-next-page-h-font", + collapseIcon: "column-pre-page-h-font" + }, + + _defaultConfig: function() { + return BI.extend(BI.ScrollView.superclass._defaultConfig.apply(this, arguments), { + baseCls:"bi-scroll-view", + scrollHeight: 50, + maxHeight: 300 + }) + }, + + _init : function() { + BI.ScrollView.superclass._init.apply(this, arguments); + + this.scrollUp = false; + this.scroll = BI.createWidget({ + type: "bi.vertical", + cls: "scroll-container", + scrolly: true + }) + BI.createWidget({ + type: "bi.vertical", + element: this, + scrolly: false, + items: [this.scroll] + }) + + this.dropdown = BI.createWidget({ + type: "bi.icon_button", + height: this._const.dropDownHeight, + cls: "scroll-drop-down-icon " + this._const.expandIcon, + handler: BI.bind(this._dropDownOrUp, this) + }) + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.dropdown, + left: 0, + right: 0, + bottom: -1 * this._const.dropDownHeight + }] + }) + this.populate(this.options.items); + }, + + _dropDownOrUp: function(){ + if(!this.scrollUp){ + var height = this.element.height(); + height += this.options.scrollHeight; + height = Math.min(height, this.scroll.element[0].scrollHeight, this.options.maxHeight); + this.element.height(height); + this._checkDropDownState(); + } else { + var height = this.element.height(); + height -= this.options.scrollHeight; + height = Math.max(height, this.options.height); + this.element.height(height); + this._checkDropDownState(); + } + }, + + _checkDropDownState: function(){ + var height = this.element.height(); + if(!this._checkScroll() || height >= this.options.maxHeight){ + this.scrollUp = true; + this.dropdown.element.removeClass(this._const.expandIcon).addClass(this._const.collapseIcon); + } else if(height <= this.options.height){ + this.scrollUp = false; + this.dropdown.element.addClass(this._const.expandIcon); + } else { + this.dropdown.element.addClass(this.scrollUp ? this._const.collapseIcon : this._const.expandIcon); + } + }, + + _checkScroll: function(){ + this.scroll.element.height(this.element.height()); + return this.scroll.element[0].scrollHeight > this.scroll.element[0].clientHeight; + }, + + _checkDropDown: function(){ + if(this._checkScroll()){ + this.dropdown.visible(); + //this.scrollUp = false; + this._checkDropDownState(); + } else { + this.dropdown.invisible(); + } + }, + + populate: function(){ + this.scroll.populate.apply(this.scroll, arguments); + this.resize(); + }, + + resize: function(){ + this.element.height(this.options.height); + BI.nextTick(BI.bind(this._checkDropDown, this)); + }, + + addItem: function(){ + this.scroll.addItem.apply(this.scroll, arguments); + BI.nextTick(BI.bind(this._checkDropDown, this)); + } +}); + +$.shortcut("bi.scroll_view", BI.ScrollView);/** + * 搜索面板 + * + * Created by GUY on 2015/9/28. + * @class BI.SearcherView + * @extends BI.Pane + */ + +BI.SearcherView = BI.inherit(BI.Pane, { + _defaultConfig: function () { + var conf = BI.SearcherView.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-searcher-view", + tipText: BI.i18nText("BI-No_Select"), + chooseType: BI.Selection.Single, + + matcher: {//完全匹配的构造器 + type: "bi.button_group", + behaviors: { + redmark: function () { + return true; + } + }, + items: [], + layouts: [{ + type: "bi.vertical" + }] + }, + searcher: { + type: "bi.button_group", + behaviors: { + redmark: function () { + return true; + } + }, + items: [], + layouts: [{ + type: "bi.vertical" + }] + } + }) + }, + + _init: function () { + BI.SearcherView.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.matcher = BI.createWidget(o.matcher, { + type: "bi.button_group", + chooseType: o.chooseType, + behaviors: { + redmark: function () { + return true; + } + }, + layouts: [{ + type: "bi.vertical" + }] + }); + this.matcher.on(BI.Controller.EVENT_CHANGE, function (type, val, ob) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.SearcherView.EVENT_CHANGE, val, ob); + } + }); + this.spliter = BI.createWidget({ + type: "bi.vertical", + height: 1, + hgap: 10, + items: [{ + type: "bi.layout", + height: 1, + cls: "searcher-view-spliter" + }] + }); + this.searcher = BI.createWidget(o.searcher, { + type: "bi.button_group", + chooseType: o.chooseType, + behaviors: { + redmark: function () { + return true; + } + }, + layouts: [{ + type: "bi.vertical" + }] + }); + this.searcher.on(BI.Controller.EVENT_CHANGE, function (type, val, ob) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.SearcherView.EVENT_CHANGE, val, ob); + } + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.matcher, this.spliter, this.searcher] + }); + }, + + startSearch: function () { + + }, + + stopSearch: function () { + + }, + + setValue: function (v) { + this.matcher.setValue(v); + this.searcher.setValue(v); + }, + + getValue: function () { + return this.matcher.getValue().concat(this.searcher.getValue()); + }, + + populate: function (searchResult, matchResult, keyword) { + searchResult || (searchResult = []); + matchResult || (matchResult = []); + this.setTipVisible(searchResult.length + matchResult.length === 0); + this.spliter.setVisible(BI.isNotEmptyArray(matchResult) && BI.isNotEmptyArray(searchResult)); + this.matcher.populate(matchResult, keyword); + this.searcher.populate(searchResult, keyword); + }, + + empty: function () { + this.searcher.empty(); + this.matcher.empty(); + }, + + hasMatched: function () { + return this.matcher.getAllButtons().length > 0; + } +}); +BI.SearcherView.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.searcher_view", BI.SearcherView);/** + * 分页控件 + * + * Created by GUY on 2015/8/31. + * @class BI.Pager + * @extends BI.Widget + */ +BI.Pager = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Pager.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-pager", + behaviors: {}, + layouts: [{ + type: "bi.horizontal", + hgap: 10, + vgap: 0 + }], + + dynamicShow: true, //是否动态显示上一页、下一页、首页、尾页, 若为false,则指对其设置使能状态 + //dynamicShow为false时以下两个有用 + dynamicShowFirstLast: false,//是否动态显示首页、尾页 + dynamicShowPrevNext: false,//是否动态显示上一页、下一页 + pages: false, //总页数 + curr: function () { + return 1; + }, //初始化当前页 + groups: 0, //连续显示分页数 + jump: BI.emptyFn, //分页的回调函数 + + first: false, //是否显示首页 + last: false, //是否显示尾页 + prev: "上一页", + next: "下一页", + + firstPage: 1, + lastPage: function () { //在万不得已时才会调用这个函数获取最后一页的页码, 主要作用于setValue方法 + return 1; + }, + hasPrev: BI.emptyFn, //pages不可用时有效 + hasNext: BI.emptyFn //pages不可用时有效 + }) + }, + _init: function () { + BI.Pager.superclass._init.apply(this, arguments); + var self = this; + this.currPage = BI.result(this.options, "curr"); + //翻页太灵敏 + this._lock = false; + this._debouce = BI.debounce(function () { + self._lock = false; + }, 300); + this._populate(); + }, + + populate: function () { + this.currPage = BI.result(this.options, "curr"); + this._populate(); + }, + + refresh: function () { + this._populate(); + }, + + _populate: function () { + var self = this, o = this.options, view = [], dict = {}; + this.empty(); + var pages = BI.result(o, "pages"); + var curr = BI.result(this, "currPage"); + var groups = BI.result(o, "groups"); + var first = BI.result(o, "first"); + var last = BI.result(o, "last"); + var prev = BI.result(o, "prev"); + var next = BI.result(o, "next"); + + if (pages === false) { + groups = 0; + first = false; + last = false; + } else { + groups > pages && (groups = pages); + } + + //计算当前组 + dict.index = Math.ceil((curr + ((groups > 1 && groups !== pages) ? 1 : 0)) / (groups === 0 ? 1 : groups)); + + //当前页非首页,则输出上一页 + if (((!o.dynamicShow && !o.dynamicShowPrevNext) || curr > 1) && prev !== false) { + if (BI.isKey(prev)) { + view.push({ + text: prev, + value: "prev", + disabled: pages === false ? o.hasPrev(curr) === false : !(curr > 1 && prev !== false) + }) + } else { + view.push(BI.extend({ + disabled: pages === false ? o.hasPrev(curr) === false : !(curr > 1 && prev !== false) + }, prev)); + } + } + + //当前组非首组,则输出首页 + if (((!o.dynamicShow && !o.dynamicShowFirstLast) || (dict.index > 1 && groups !== 0)) && first) { + view.push({ + text: first, + value: "first", + disabled: !(dict.index > 1 && groups !== 0) + }); + if (dict.index > 1 && groups !== 0) { + view.push({ + type: "bi.label", + cls: "page-ellipsis", + text: "\u2026" + }); + } + } + + //输出当前页组 + dict.poor = Math.floor((groups - 1) / 2); + dict.start = dict.index > 1 ? curr - dict.poor : 1; + dict.end = dict.index > 1 ? (function () { + var max = curr + (groups - dict.poor - 1); + return max > pages ? pages : max; + }()) : groups; + if (dict.end - dict.start < groups - 1) { //最后一组状态 + dict.start = dict.end - groups + 1; + } + var s = dict.start, e = dict.end; + if (first && last && (dict.index > 1 && groups !== 0) && (pages > groups && dict.end < pages && groups !== 0)) { + s++; + e--; + } + for (; s <= e; s++) { + if (s === curr) { + view.push({ + text: s, + value: s, + selected: true + }) + } else { + view.push({ + text: s, + value: s + }) + } + } + + //总页数大于连续分页数,且当前组最大页小于总页,输出尾页 + if (((!o.dynamicShow && !o.dynamicShowFirstLast) || (pages > groups && dict.end < pages && groups !== 0)) && last) { + if (pages > groups && dict.end < pages && groups !== 0) { + view.push({ + type: "bi.label", + cls: "page-ellipsis", + text: "\u2026" + }); + } + view.push({ + text: last, + value: "last", + disabled: !(pages > groups && dict.end < pages && groups !== 0) + }) + } + + //当前页不为尾页时,输出下一页 + dict.flow = !prev && groups === 0; + if (((!o.dynamicShow && !o.dynamicShowPrevNext) && next) || (curr !== pages && next || dict.flow)) { + view.push((function () { + if (BI.isKey(next)) { + if (pages === false) { + return {text: next, value: "next", disabled: o.hasNext(curr) === false} + } + return (dict.flow && curr === pages) + ? + {text: next, value: "next", disabled: true} + : + {text: next, value: "next", disabled: !(curr !== pages && next || dict.flow)}; + } else { + return BI.extend({ + disabled: pages === false ? o.hasNext(curr) === false : !(curr !== pages && next || dict.flow) + }, next); + } + }())); + } + + this.button_group = BI.createWidget({ + type: "bi.button_group", + element: this, + items: BI.createItems(view, { + cls: "page-item", + height: 23, + hgap: 10 + }), + behaviors: o.behaviors, + layouts: o.layouts + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (self._lock === true) { + return; + } + self._lock = true; + self._debouce(); + if (type === BI.Events.CLICK) { + var v = self.button_group.getValue()[0]; + switch (v) { + case "first": + self.currPage = 1; + break; + case "last": + self.currPage = pages; + break; + case "prev": + self.currPage--; + break; + case "next": + self.currPage++; + break; + default: + self.currPage = v; + break; + } + o.jump.apply(self, [{ + pages: pages, + curr: self.currPage + }]); + self._populate(); + self.fireEvent(BI.Pager.EVENT_CHANGE, obj); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.fireEvent(BI.Pager.EVENT_AFTER_POPULATE); + }, + + getCurrentPage: function () { + return this.currPage; + }, + + setAllPages: function (pages) { + this.options.pages = pages; + }, + + hasPrev: function (v) { + v || (v = 1); + var o = this.options; + var pages = this.options.pages; + return pages === false ? o.hasPrev(v) : v > 1; + }, + + hasNext: function (v) { + v || (v = 1); + var o = this.options; + var pages = this.options.pages; + return pages === false ? o.hasNext(v) : v < pages; + }, + + setValue: function (v) { + var o = this.options; + v = v | 0; + v = v < 1 ? 1 : v; + if (o.pages === false) { + var lastPage = BI.result(o, "lastPage"), firstPage = 1; + this.currPage = v > lastPage ? lastPage : ((firstPage = BI.result(o, "firstPage")), (v < firstPage ? firstPage : v)); + } else { + v = v > o.pages ? o.pages : v; + this.currPage = v; + } + this._populate(); + }, + + getValue: function () { + var val = this.button_group.getValue()[0]; + switch (val) { + case "prev": + return -1; + case "next": + return 1; + case "first": + return BI.MIN; + case "last": + return BI.MAX; + default : + return val; + } + } +}); +BI.Pager.EVENT_CHANGE = "EVENT_CHANGE"; +BI.Pager.EVENT_AFTER_POPULATE = "EVENT_AFTER_POPULATE"; +$.shortcut("bi.pager", BI.Pager);/** + * 超链接 + * + * Created by GUY on 2015/9/9. + * @class BI.A + * @extends BI.Text + * @abstract + */ +BI.A = BI.inherit(BI.Text, { + _defaultConfig: function () { + var conf = BI.A.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-a display-block", + href: "", + target: "_blank", + el: null + }) + }, + _init: function () { + var o = this.options; + this.options.element = $("<a href='" + o.href + "' target='" + o.target + "'>"); + BI.A.superclass._init.apply(this, arguments); + if (o.el) { + BI.createWidget(o.el, { + element: this + }); + } + } +}); + +$.shortcut("bi.a", BI.A);/** + * guy + * 加载条 + * @type {*|void|Object} + */ +BI.LoadingBar = BI.inherit(BI.Single, { + consts: { + loadedText: '加载更多', + endText: '无更多数据' + }, + _defaultConfig: function() { + var conf = BI.LoadingBar.superclass._defaultConfig.apply(this, arguments); + return BI.extend( conf, { + baseCls : (conf.baseCls ||"")+' bi-loading-bar', + height: 30, + handler: BI.emptyFn + }) + }, + _init : function() { + BI.LoadingBar.superclass._init.apply(this, arguments); + var self = this; + this.loaded = BI.createWidget({ + type: "bi.text_button", + cls: "loading-text", + text: this.consts.loadedText, + width: 120, + handler: this.options.handler + }) + this.loaded.on(BI.Controller.EVENT_CHANGE, function(type){ + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }) + + this.loading = BI.createWidget({ + type: "bi.layout", + height:this.options.height, + cls: "loading-background cursor-default" + }) + var loaded = BI.createWidget({ + type: "bi.center_adapt", + items: [this.loaded] + }) + var loading = BI.createWidget({ + type: "bi.center_adapt", + items: [this.loading] + }) + this.cardLayout = BI.createWidget({ + type: "bi.card", + element: this, + items: [{ + el: loaded, + cardName: "loaded" + }, { + el: loading, + cardName: "loading" + }] + }) + this.invisible(); + }, + + _reset: function(){ + this.visible(); + this.loaded.setText(this.consts.loadedText); + this.loaded.enable(); + }, + + setLoaded: function(){ + this._reset(); + this.cardLayout.showCardByName("loaded"); + }, + + setEnd: function(){ + this.setLoaded(); + this.loaded.setText(this.consts.endText); + this.loaded.disable(); + }, + + setLoading: function(){ + this._reset(); + this.cardLayout.showCardByName("loading"); + } +}); + +$.shortcut("bi.loading_bar", BI.LoadingBar);/** + * @class BI.IconButton + * @extends BI.BasicButton + * 图标的button + */ +BI.IconButton = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + var conf = BI.IconButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + tagName: "a", + baseCls: (conf.baseCls || "") + " bi-icon-button horizon-center display-block", + iconWidth: null, + iconHeight: null + }) + }, + + _init: function () { + BI.IconButton.superclass._init.apply(this, arguments); + var o = this.options; + this.element.css({ + textAlign: 'center' + }); + this.icon = BI.createWidget({ + type: 'bi.icon', + width: o.iconWidth, + height: o.iconHeight + }); + if (BI.isNumber(o.height) && o.height > 0 && BI.isNull(o.iconWidth) && BI.isNull(o.iconHeight)) { + this.element.css("lineHeight", o.height + "px"); + BI.createWidget({ + type: "bi.default", + element: this, + items: [this.icon] + }) + } else { + BI.createWidget({ + element: this, + type: 'bi.center_adapt', + items: [this.icon] + }); + } + }, + + doClick: function () { + BI.IconButton.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.IconButton.EVENT_CHANGE, this); + } + } +}); +BI.IconButton.EVENT_CHANGE = "IconButton.EVENT_CHANGE"; +$.shortcut("bi.icon_button", BI.IconButton);/** + * 图片的button + * + * Created by GUY on 2016/1/27. + * @class BI.ImageButton + * @extends BI.BasicButton + */ +BI.ImageButton = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + var conf = BI.ImageButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + tagName: "a", + baseCls: (conf.baseCls || "") + " bi-image-button display-block", + src: "", + iconWidth: "100%", + iconHeight: "100%" + }) + }, + + _init: function () { + BI.ImageButton.superclass._init.apply(this, arguments); + var o = this.options; + this.image = BI.createWidget({ + type: "bi.img", + width: o.iconWidth, + height: o.iconHeight, + src: o.src + }); + if (BI.isNumber(o.iconWidth) || BI.isNumber(o.iconHeight)) { + BI.createWidget({ + type: "bi.center_adapt", + element: this, + items: [this.image] + }) + } else { + BI.createWidget({ + type: "bi.adaptive", + element: this, + items: [this.image], + scrollable: false + }) + } + }, + + setWidth: function (w) { + BI.ImageButton.superclass.setWidth.apply(this, arguments); + this.options.width = w; + }, + + setHeight: function (h) { + BI.ImageButton.superclass.setHeight.apply(this, arguments); + this.options.height = h; + }, + + setImageWidth: function (w) { + this.image.setWidth(w); + }, + + setImageHeight: function (h) { + this.image.setHeight(h); + }, + + getImageWidth: function () { + return this.image.element.width(); + }, + + getImageHeight: function () { + return this.image.element.height(); + }, + + setSrc: function (src) { + this.options.src = src; + this.image.setSrc(src); + }, + + getSrc: function () { + return this.image.getSrc(); + }, + + doClick: function () { + BI.ImageButton.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.ImageButton.EVENT_CHANGE, this); + } + } +}); +BI.ImageButton.EVENT_CHANGE = "ImageButton.EVENT_CHANGE"; +$.shortcut("bi.image_button", BI.ImageButton);(function ($) { + + /** + * 文字类型的按钮 + * @class BI.Button + * @extends BI.BasicButton + * + * @cfg {JSON} options 配置属性 + * @cfg {'common'/'success'/'warning'/'ignore'} [options.level='common'] 按钮类型,用不同颜色强调不同的场景 + */ + BI.Button = BI.inherit(BI.BasicButton, { + _const: { + minWidth: 90 + }, + + _defaultConfig: function () { + var conf = BI.Button.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + ' bi-button', + shadow: true, + isShadowShowingOnSelected: true, + readonly: true, + iconClass: "", + level: 'common', + textAlign: "center", + whiteSpace: "nowrap", + forceCenter: false, + textWidth: null, + textHeight: null, + hgap: 10, + vgap: 0, + tgap: 0, + bgap: 0, + lgap: 0, + rgap: 0 + }) + }, + + _init: function () { + BI.Button.superclass._init.apply(this, arguments); + var o = this.options, self = this; + if (BI.isNumber(o.height)) { + this.element.css({height: o.height - 2, lineHeight: (o.height - 2) + 'px'}); + } + if (BI.isKey(o.iconClass)) { + this.icon = BI.createWidget({ + type: "bi.icon", + width: 18 + }); + this.text = BI.createWidget({ + type: "bi.label", + text: o.text, + value: o.value + }); + BI.createWidget({ + type: "bi.horizontal_auto", + cls: "button-" + o.level + " " + o.iconClass, + element: this, + hgap: o.hgap, + vgap: o.vgap, + tgap: o.tgap, + bgap: o.bgap, + lgap: o.lgap, + rgap: o.rgap, + items: [{ + type: "bi.horizontal", + items: [this.icon, this.text] + }] + }) + } else { + this.text = BI.createWidget({ + type: "bi.label", + cls: "button-" + o.level, + textAlign: o.textAlign, + whiteSpace: o.whiteSpace, + forceCenter: o.forceCenter, + textWidth: o.textWidth, + textHeight: o.textHeight, + hgap: o.hgap, + vgap: o.vgap, + tgap: o.tgap, + bgap: o.bgap, + lgap: o.lgap, + rgap: o.rgap, + element: this, + text: o.text, + value: o.value + }); + } + this.element.css({"min-width": this._const.minWidth - 2 + "px"}); + }, + + doClick: function () { + BI.Button.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.Button.EVENT_CHANGE, this); + } + }, + + setText: function (text) { + BI.Button.superclass.setText.apply(this, arguments); + this.text.setText(text); + }, + + setValue: function (text) { + BI.Button.superclass.setValue.apply(this, arguments); + if (!this.isReadOnly()) { + this.text.setValue(text); + } + }, + + setEnable: function (b) { + BI.Button.superclass.setEnable.apply(this, arguments); + this.text.setEnable(b); + this.icon && this.icon.setEnable(b); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + destroy: function () { + BI.Button.superclass.destroy.apply(this, arguments); + } + }); + $.shortcut('bi.button', BI.Button); + BI.Button.EVENT_CHANGE = "EVENT_CHANGE"; +})(jQuery);/** + * guy + * 可以点击的一行文字 + * @class BI.TextButton + * @extends BI.BasicButton + * 文字button + */ +BI.TextButton = BI.inherit(BI.BasicButton, { + _defaultConfig: function() { + var conf = BI.TextButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend( conf, { + tagName: "a", + baseCls: (conf.baseCls || "") + " bi-text-button display-block", + textAlign: "center", + whiteSpace: "nowrap", + forceCenter: false, + textWidth: null, + textHeight: null, + hgap: 0, + lgap: 0, + rgap: 0, + text:"", + py: "" + }) + }, + + _init:function() { + BI.TextButton.superclass._init.apply(this, arguments); + var o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + element: this, + textAlign: o.textAlign, + whiteSpace: o.whiteSpace, + textWidth: o.textWidth, + textHeight: o.textHeight, + forceCenter: o.forceCenter, + width: o.width, + height: o.height, + hgap: o.hgap, + lgap: o.lgap, + rgap: o.rgap, + text: o.text, + value: o.value, + py: o.py + }); + }, + + doClick: function(){ + BI.TextButton.superclass.doClick.apply(this, arguments); + if(this.isValid()) { + this.fireEvent(BI.TextButton.EVENT_CHANGE, this.getValue(), this); + } + }, + + doRedMark: function(){ + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function(){ + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + setText: function(text){ + BI.TextButton.superclass.setText.apply(this, arguments); + text = BI.isArray(text) ? text.join(",") : text; + this.text.setText(text); + }, + + setValue: function(text){ + BI.TextButton.superclass.setValue.apply(this, arguments); + if(!this.isReadOnly()) { + text = BI.isArray(text) ? text.join(",") : text; + this.text.setValue(text); + } + } +}); +BI.TextButton.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_button", BI.TextButton);/** + * guy + * 一个占位符和两个icon和一行数 组成的一行listitem + * + * Created by GUY on 2015/9/15. + * @class BI.BlankIconTextIconItem + * @extends BI.BasicButton + */ +BI.BlankIconTextIconItem = BI.inherit(BI.BasicButton, { + _const: { + commonWidth: 25 + }, + + _defaultConfig: function () { + var conf = BI.BlankIconTextIconItem.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-blank-icon-text-icon-item", + logic: { + dynamic: false + }, + iconCls1: "close-ha-font", + iconCls2: "close-ha-font", + blankWidth: 0, + iconHeight: null, + iconWidth: null, + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.BlankIconTextIconItem.superclass._init.apply(this, arguments); + var o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + hgap: o.textHgap, + vgap: o.textVgap, + lgap: o.textLgap, + rgap: o.textRgap, + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height + }) + + var icon1 = BI.createWidget({ + type: "bi.center_adapt", + cls: o.iconCls1, + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }) + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.center_adapt", + cls: o.iconCls2, + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }, + top: 0, + bottom: 0, + right: 0 + }] + }) + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", { + type: "bi.layout", + width: o.blankWidth + }, icon1, this.text, { + type: "bi.layout", + width: c.commonWidth + }) + })))); + }, + + doClick: function () { + BI.BlankIconTextIconItem.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.BlankIconTextIconItem.EVENT_CHANGE, this.getValue(), this); + } + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + setValue: function () { + if (!this.isReadOnly()) { + this.text.setValue.apply(this.text, arguments); + } + }, + + getValue: function () { + return this.text.getValue(); + }, + + setText: function () { + this.text.setText.apply(this.text, arguments); + }, + + getText: function () { + return this.text.getText(); + } +}); +BI.BlankIconTextIconItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.blank_icon_text_icon_item", BI.BlankIconTextIconItem);/** + * 带有一个占位 + * + * Created by GUY on 2015/9/11. + * @class BI.BlankIconTextItem + * @extends BI.BasicButton + */ +BI.BlankIconTextItem = BI.inherit(BI.BasicButton, { + _const: { + commonWidth: 25 + }, + + _defaultConfig: function () { + var conf = BI.BlankIconTextItem.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-blank-icon-text-item", + logic: { + dynamic: false + }, + cls: "close-ha-font", + blankWidth: 0, + iconHeight: null, + iconWidth: null, + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.BlankIconTextItem.superclass._init.apply(this, arguments); + var o = this.options, c = this._const; + var blank = BI.createWidget({ + type: "bi.layout", + width: o.blankWidth + }) + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-item-text", + textAlign: "left", + hgap: o.textHgap, + vgap: o.textVgap, + lgap: o.textLgap, + rgap: o.textRgap, + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height + }) + this.icon = BI.createWidget({ + type: "bi.center_adapt", + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }); + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", blank, this.icon, this.text) + })))); + }, + + doClick: function () { + BI.BlankIconTextItem.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.BlankIconTextItem.EVENT_CHANGE, this.getValue(), this); + } + }, + + setValue: function () { + if (!this.isReadOnly()) { + this.text.setValue.apply(this.text, arguments); + } + }, + + getValue: function () { + return this.text.getValue(); + }, + + setText: function () { + this.text.setText.apply(this.text, arguments); + }, + + getText: function () { + return this.text.getText(); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + } +}); +BI.BlankIconTextItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.blank_icon_text_item", BI.BlankIconTextItem);/** + * guy + * 两个icon和一行数 组成的一行listitem + * + * Created by GUY on 2015/9/9. + * @class BI.IconTextIconItem + * @extends BI.BasicButton + */ +BI.IconTextIconItem = BI.inherit(BI.BasicButton, { + _const: { + commonWidth: 25 + }, + + _defaultConfig: function () { + var conf = BI.IconTextIconItem.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-icon-text-icon-item", + logic: { + dynamic: false + }, + iconCls1: "close-ha-font", + iconCls2: "close-ha-font", + iconHeight: null, + iconWidth: null, + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.IconTextIconItem.superclass._init.apply(this, arguments); + var o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + hgap: o.textHgap, + vgap: o.textVgap, + lgap: o.textLgap, + rgap: o.textRgap, + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height + }) + + var icon1 = BI.createWidget({ + type: "bi.center_adapt", + cls: o.iconCls1, + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }) + var blank = BI.createWidget({ + type: "bi.layout", + width: c.commonWidth + }) + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.center_adapt", + cls: o.iconCls2, + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }, + top: 0, + bottom: 0, + right: 0 + }] + }) + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", icon1, this.text, blank) + })))); + }, + + doClick: function () { + BI.IconTextIconItem.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.IconTextIconItem.EVENT_CHANGE, this.getValue(), this); + } + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + setValue: function () { + if (!this.isReadOnly()) { + this.text.setValue.apply(this.text, arguments); + } + }, + + getValue: function () { + return this.text.getValue(); + }, + + setText: function () { + this.text.setText.apply(this.text, arguments); + }, + + getText: function () { + return this.text.getText(); + } +}); +BI.IconTextIconItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.icon_text_icon_item", BI.IconTextIconItem);/** + * guy + * + * Created by GUY on 2015/9/9. + * @class BI.IconTextItem + * @extends BI.BasicButton + */ +BI.IconTextItem = BI.inherit(BI.BasicButton, { + _const: { + commonWidth: 25 + }, + + _defaultConfig: function () { + var conf = BI.IconTextItem.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-icon-text-item", + direction: BI.Direction.Left, + logic: { + dynamic: false + }, + iconHeight: null, + iconWidth: null, + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.IconTextItem.superclass._init.apply(this, arguments); + var o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-item-text", + textAlign: "left", + hgap: o.textHgap, + vgap: o.textVgap, + lgap: o.textLgap, + rgap: o.textRgap, + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height + }); + this.icon = BI.createWidget({ + type: "bi.center_adapt", + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }); + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.icon, this.text) + })))); + }, + + setValue: function () { + if (!this.isReadOnly()) { + this.text.setValue.apply(this.text, arguments); + } + }, + + getValue: function () { + return this.text.getValue(); + }, + + setText: function () { + this.text.setText.apply(this.text, arguments); + }, + + getText: function () { + return this.text.getText(); + }, + + doClick: function () { + BI.IconTextItem.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.IconTextItem.EVENT_CHANGE, this.getValue(), this); + } + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + } +}); +BI.IconTextItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.icon_text_item", BI.IconTextItem);/** + * + * 图标的button + * + * Created by GUY on 2015/9/9. + * @class BI.TextIconItem + * @extends BI.BasicButton + */ +BI.TextIconItem = BI.inherit(BI.BasicButton, { + _const: { + commonWidth: 25 + }, + + _defaultConfig: function () { + var conf = BI.TextIconItem.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text-icon-item", + logic: { + dynamic: false + }, + cls: "close-ha-font", + iconHeight: null, + iconWidth: null, + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.TextIconItem.superclass._init.apply(this, arguments); + var o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-item-text", + textAlign: "left", + hgap: o.textHgap, + vgap: o.textVgap, + lgap: o.textLgap, + rgap: o.textRgap, + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height + }); + this.icon = BI.createWidget({ + type: "bi.center_adapt", + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }); + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", this.text, this.icon) + })))); + }, + + doClick: function () { + BI.TextIconItem.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.TextIconItem.EVENT_CHANGE, this.getValue(), this); + } + }, + + setValue: function () { + if (!this.isReadOnly()) { + this.text.setValue.apply(this.text, arguments); + } + }, + + getValue: function () { + return this.text.getValue(); + }, + + setText: function () { + this.text.setText.apply(this.text, arguments); + }, + + getText: function () { + return this.text.getText(); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + } +}); +BI.TextIconItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_icon_item", BI.TextIconItem);/** + * guy + * 一个button和一行数 组成的一行listitem + * + * Created by GUY on 2015/9/9. + * @class BI.TextItem + * @extends BI.BasicButton + */ +BI.TextItem = BI.inherit(BI.BasicButton, { + + _defaultConfig: function () { + var conf = BI.TextItem.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text-item", + textAlign: "left", + whiteSpace: "nowrap", + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.TextItem.superclass._init.apply(this, arguments); + var o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + element: this, + textAlign: o.textAlign, + whiteSpace: o.whiteSpace, + textHeight: o.whiteSpace == "nowrap" ? o.height : o.textHeight, + height: o.height, + hgap: o.textHgap, + vgap: o.textVgap, + lgap: o.textLgap, + rgap: o.textRgap, + text: o.text, + value: o.value, + keyword: o.keyword, + py: o.py + }); + }, + + doClick: function () { + BI.TextItem.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.TextItem.EVENT_CHANGE, this.getValue(), this); + } + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + setValue: function () { + if (!this.isReadOnly()) { + this.text.setValue.apply(this.text, arguments); + } + }, + + getValue: function () { + return this.text.getValue(); + }, + + setText: function () { + this.text.setText.apply(this.text, arguments); + }, + + getText: function () { + return this.text.getText(); + } +}); +BI.TextItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_item", BI.TextItem);/** + * guy + * Created by GUY on 2015/9/9. + * @class BI.IconTextIconNode + * @extends BI.NodeButton + */ +BI.IconTextIconNode = BI.inherit(BI.NodeButton, { + _const: { + commonWidth: 25 + }, + + _defaultConfig: function () { + var conf = BI.IconTextIconNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-icon-text-icon-node", + logic: { + dynamic: false + }, + iconCls1: "close-ha-font", + iconCls2: "close-ha-font", + iconHeight: null, + iconWidth: null, + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.IconTextIconNode.superclass._init.apply(this, arguments); + var o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + hgap: o.textHgap, + vgap: o.textVgap, + lgap: o.textLgap, + rgap: o.textRgap, + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height + }) + + var icon1 = BI.createWidget({ + type: "bi.center_adapt", + cls: o.iconCls1, + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }) + var blank = BI.createWidget({ + type: "bi.layout", + width: c.commonWidth + }) + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.center_adapt", + cls: o.iconCls2, + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }, + top: 0, + bottom: 0, + right: 0 + }] + }) + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", icon1, this.text, blank) + })))); + }, + + doClick: function () { + BI.IconTextIconNode.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.IconTextIconNode.EVENT_CHANGE, this.getValue(), this); + } + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + setValue: function () { + if (!this.isReadOnly()) { + this.text.setValue.apply(this.text, arguments); + } + }, + + getValue: function () { + return this.text.getValue(); + }, + + setText: function () { + this.text.setText.apply(this.text, arguments); + }, + + getText: function () { + return this.text.getText(); + } +}); +BI.IconTextIconNode.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.icon_text_icon_node", BI.IconTextIconNode);/** + * guy + * Created by GUY on 2015/9/9. + * @class BI.IconTextNode + * @extends BI.NodeButton + */ +BI.IconTextNode = BI.inherit(BI.NodeButton, { + _const: { + commonWidth: 25 + }, + + _defaultConfig: function () { + var conf = BI.IconTextNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-icon-text-node", + logic: { + dynamic: false + }, + cls: "close-ha-font", + iconHeight: null, + iconWidth: null, + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.IconTextNode.superclass._init.apply(this, arguments); + var o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-item-text", + textAlign: "left", + hgap: o.textHgap, + vgap: o.textVgap, + lgap: o.textLgap, + rgap: o.textRgap, + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height + }) + this.icon = BI.createWidget({ + type: "bi.center_adapt", + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }) + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", this.icon, this.text) + })))); + }, + + setValue: function () { + if (!this.isReadOnly()) { + this.text.setValue.apply(this.text, arguments); + } + }, + + getValue: function () { + return this.text.getValue(); + }, + + setText: function () { + this.text.setText.apply(this.text, arguments); + }, + + getText: function () { + return this.text.getText(); + }, + + doClick: function () { + BI.IconTextNode.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.IconTextNode.EVENT_CHANGE, this.getValue(), this); + } + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + } +}); +BI.IconTextNode.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.icon_text_node", BI.IconTextNode);/** + * Created by GUY on 2015/9/9. + * @class BI.TextIconNode + * @extends BI.NodeButton + */ +BI.TextIconNode = BI.inherit(BI.NodeButton, { + _const: { + commonWidth: 25 + }, + + _defaultConfig: function () { + var conf = BI.TextIconNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text-icon-node", + logic: { + dynamic: false + }, + cls: "close-ha-font", + iconHeight: null, + iconWidth: null, + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.TextIconNode.superclass._init.apply(this, arguments); + var o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-item-text", + textAlign: "left", + hgap: o.textHgap, + vgap: o.textVgap, + lgap: o.textLgap, + rgap: o.textRgap, + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height + }) + this.icon = BI.createWidget({ + type: "bi.center_adapt", + width: c.commonWidth, + items: [{ + el: { + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + } + }] + }); + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", this.text, this.icon) + })))); + }, + + doClick: function () { + BI.TextIconNode.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.TextIconNode.EVENT_CHANGE, this.getValue(), this); + } + }, + + setValue: function () { + if (!this.isReadOnly()) { + this.text.setValue.apply(this.text, arguments); + } + }, + + getValue: function () { + return this.text.getValue(); + }, + + setText: function () { + this.text.setText.apply(this.text, arguments); + }, + + getText: function () { + return this.text.getText(); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + } +}); +BI.TextIconNode.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_icon_node", BI.TextIconNode);/** + * guy + * + * Created by GUY on 2015/9/9. + * @class BI.TextNode + * @extends BI.NodeButton + */ +BI.TextNode = BI.inherit(BI.NodeButton, { + + _defaultConfig: function () { + var conf = BI.TextNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text-node", + textAlign: "left", + whiteSpace: "nowrap", + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.TextNode.superclass._init.apply(this, arguments); + var o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + element: this, + textAlign: o.textAlign, + whiteSpace: o.whiteSpace, + textHeight: o.whiteSpace == "nowrap" ? o.height : o.textHeight, + height: o.height, + hgap: o.textHgap, + vgap: o.textVgap, + lgap: o.textLgap, + rgap: o.textRgap, + text: o.text, + value: o.value, + keyword: o.keyword, + py: o.py + }); + }, + + doClick: function () { + BI.TextNode.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.TextNode.EVENT_CHANGE, this.getValue(), this); + } + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + setValue: function () { + if (!this.isReadOnly()) { + this.text.setValue.apply(this.text, arguments); + } + }, + + getValue: function () { + return this.text.getValue(); + }, + + setText: function () { + this.text.setText.apply(this.text, arguments); + }, + + getText: function () { + return this.text.getText(); + } +}); +BI.TextNode.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_node", BI.TextNode);/** + * + * Created by GUY on 2016/1/15. + * @class BI.CodeEditor + * @extends BI.Single + */ +BI.CodeEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + return $.extend(BI.CodeEditor.superclass._defaultConfig.apply(), { + baseCls: 'bi-code-editor', + value: '', + watermark: "" + }); + }, + _init: function () { + BI.CodeEditor.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.editor = CodeMirror(this.element[0], { + textWrapping: true, + lineWrapping: true, + lineNumbers: false + }); + this.editor.on("change", function (cm, change) { + BI.nextTick(function () { + self.fireEvent(BI.CodeEditor.EVENT_CHANGE) + }); + }); + + this.editor.on("focus", function () { + watermark.setVisible(false); + self.fireEvent(BI.CodeEditor.EVENT_FOCUS); + }); + + this.editor.on("blur", function () { + watermark.setVisible(BI.isEmptyString(self.getValue())); + self.fireEvent(BI.CodeEditor.EVENT_BLUR); + }); + + // this.editor.on("blur", function () { + // self.editor.execCommand("goLineEnd"); + // }); + + //水印 + var watermark = BI.createWidget({ + type: "bi.label", + text: o.watermark, + cls: "bi-water-mark", + whiteSpace: "nowrap", + textAlign: "left" + }); + watermark.element.bind( + "mousedown", function (e) { + self.insertString(""); + self.editor.focus(); + e.stopEvent(); + } + ); + watermark.element.bind("click", function (e) { + self.editor.focus(); + e.stopEvent(); + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: watermark, + top: 0, + left: 5 + }] + }); + + if (BI.isKey(o.value)) { + BI.nextTick(function () { + self.setValue(o.value); + }); + } + }, + + setEnable: function (b) { + BI.CodeEditor.superclass.setEnable.apply(this, arguments); + this.editor.setOption("readOnly", b === true ? false : "nocursor") + }, + + insertParam: function(param){ + var from = this.editor.getCursor(); + this.editor.replaceSelection(param); + var to = this.editor.getCursor(); + this.editor.markText(from, to, {className: 'param', atomic: true}); + this.editor.replaceSelection(" "); + this.editor.focus(); + }, + + insertString: function(str){ + this.editor.replaceSelection(str); + this.editor.focus(); + }, + + getValue: function () { + return this.editor.getValue("\n", function (line) { + var rawText = line.text, value = line.text, num = 0; + value.text = rawText; + _.forEach(line.markedSpans, function (i, ms) { + switch (i.marker.className) { + case "param": + var fieldNameLength = i.to - i.from; + value = value.substr(0, i.from + num) + "$\{" + value.substr(i.from + num, fieldNameLength) + "\}" + value.substr(i.to + num, value.length); + num += fieldNameLength + 3; + break; + } + }); + return value; + }); + }, + + _analyzeContent: function (v) { + var regx = /\$[\{][^\}]*[\}]|\w*\w|\$\{[^\$\(\)\+\-\*\/)\$,]*\w\}|\$\{[^\$\(\)\+\-\*\/]*\w\}|\$\{[^\$\(\)\+\-\*\/]*[\u4e00-\u9fa5]\}|\w|(.)|\n/g; + return v.match(regx); + }, + + setValue: function (v) { + var self = this, result; + this.refresh(); + self.editor.setValue(""); + result = this._analyzeContent(v || ""); + BI.each(result, function (i, item) { + var fieldRegx = /\$[\{][^\}]*[\}]/; + var str = item.match(fieldRegx); + if (BI.isNotEmptyArray(str)) { + self.insertParam(str[0].substring(2, item.length - 1)); + } else { + self.insertString(item); + } + }) + }, + + refresh: function(){ + var self = this; + BI.nextTick(function () { + self.editor.refresh(); + }); + } +}); +BI.CodeEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.CodeEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.CodeEditor.EVENT_FOCUS = "EVENT_FOCUS"; +$.shortcut("bi.code_editor", BI.CodeEditor);/** + * Created by GUY on 2015/4/15. + * @class BI.Editor + * @extends BI.Single + */ +BI.Editor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Editor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + tipType: "warning", + inputType: "text", + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: false, + watermark: "", + errorText: "" + }) + }, + + _init: function () { + BI.Editor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = this.addWidget(BI.createWidget({ + type: "bi.input", + element: "<input type='" + o.inputType + "'/>", + watermark: o.watermark, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank + })); + this.editor.element.css({ + "width": "100%", + "height": "100%", + "border": "none", + "outline": "none", + "padding": "0", + "margin": "0" + }); + if (BI.isKey(this.options.watermark)) { + this.watermark = BI.createWidget({ + type: "bi.label", + cls: "bi-water-mark", + text: this.options.watermark, + forceCenter: true, + whiteSpace: "nowrap", + textAlign: "left" + }); + this.watermark.element.bind({ + mousedown: function (e) { + if (self.isEnabled()) { + self.editor.isEditing() || self.editor.focus(); + } else { + self.editor.isEditing() && self.editor.blur(); + } + e.stopEvent(); + } + }); + this.watermark.element.bind("click", function (e) { + if (self.isEnabled()) { + self.editor.isEditing() || self.editor.focus(); + } else { + self.editor.isEditing() && self.editor.blur(); + } + e.stopEvent(); + }); + this.watermark.element.css({ + position: "absolute", + left: "3px", + right: "3px", + top: "0px", + bottom: "0px" + }); + } + var items = [{ + el: { + type: "bi.default", + items: this.watermark ? [this.editor, this.watermark] : [this.editor] + }, + left: o.hgap + o.lgap, + right: o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap + }]; + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: items + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Input.EVENT_FOCUS, function () { + self._checkError(); + self.element.addClass("bi-editor-focus"); + self.fireEvent(BI.Editor.EVENT_FOCUS, arguments); + }); + this.editor.on(BI.Input.EVENT_BLUR, function () { + self.setErrorVisible(false); + self.element.removeClass("bi-editor-focus"); + self.fireEvent(BI.Editor.EVENT_BLUR, arguments); + }); + this.editor.on(BI.Input.EVENT_CLICK, function () { + self.fireEvent(BI.Editor.EVENT_CLICK, arguments); + }); + this.editor.on(BI.Input.EVENT_CHANGE, function () { + self.fireEvent(BI.Editor.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Input.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.Editor.EVENT_KEY_DOWN, arguments); + }); + this.editor.on(BI.Input.EVENT_QUICK_DOWN, function (v) { + self.watermark && self.watermark.invisible(); + }); + + this.editor.on(BI.Input.EVENT_VALID, function () { + self._checkWaterMark(); + self.setErrorVisible(false); + self.fireEvent(BI.Editor.EVENT_VALID, arguments); + }); + this.editor.on(BI.Input.EVENT_ERROR, function () { + self._checkWaterMark(); + self.fireEvent(BI.Editor.EVENT_ERROR, arguments); + self.setErrorVisible(self.isEditing()); + }); + this.editor.on(BI.Input.EVENT_RESTRICT, function () { + self._checkWaterMark(); + var tip = self.setErrorVisible(true); + tip && tip.element.fadeOut(100, function () { + tip.element.fadeIn(100); + }); + self.fireEvent(BI.Editor.EVENT_RESTRICT, arguments); + }); + this.editor.on(BI.Input.EVENT_EMPTY, function () { + self._checkWaterMark(); + self.fireEvent(BI.Editor.EVENT_EMPTY, arguments); + }); + this.editor.on(BI.Input.EVENT_ENTER, function () { + self.fireEvent(BI.Editor.EVENT_ENTER, arguments); + }); + this.editor.on(BI.Input.EVENT_SPACE, function () { + self.fireEvent(BI.Editor.EVENT_SPACE, arguments); + }); + this.editor.on(BI.Input.EVENT_BACKSPACE, function () { + self.fireEvent(BI.Editor.EVENT_BACKSPACE, arguments); + }); + this.editor.on(BI.Input.EVENT_REMOVE, function () { + self.fireEvent(BI.Editor.EVENT_REMOVE, arguments); + }); + this.editor.on(BI.Input.EVENT_START, function () { + self.fireEvent(BI.Editor.EVENT_START, arguments); + }); + this.editor.on(BI.Input.EVENT_PAUSE, function () { + self.fireEvent(BI.Editor.EVENT_PAUSE, arguments); + }); + this.editor.on(BI.Input.EVENT_STOP, function () { + self.fireEvent(BI.Editor.EVENT_STOP, arguments); + }); + this.editor.on(BI.Input.EVENT_CONFIRM, function () { + self.fireEvent(BI.Editor.EVENT_CONFIRM, arguments); + }); + this.element.click(function (e) { + e.stopPropagation(); + return false; + }); + if (BI.isKey(this.options.value) || BI.isEmptyString(this.options.value)) { + this.setValue(this.options.value); + } else { + this._checkWaterMark(); + } + }, + + _checkToolTip: function () { + var o = this.options; + var errorText = o.errorText; + if (BI.isFunction(errorText)) { + errorText = errorText(this.editor.getValue()); + } + if (BI.isKey(errorText)) { + if (!this.isEnabled() || this.isValid() || (BI.Bubbles.has(this.getName()) && BI.Bubbles.get(this.getName()).isVisible())) { + this.setTitle(""); + } else { + this.setTitle(errorText); + } + } + }, + + _checkError: function () { + this.setErrorVisible(this.isEnabled() && !this.isValid()); + this._checkToolTip(); + }, + + _checkWaterMark: function () { + var o = this.options; + if (!this.disabledWarterMark && this.editor.getValue() === "" && BI.isKey(o.watermark)) { + this.watermark && this.watermark.visible(); + } else { + this.watermark && this.watermark.invisible(); + } + }, + + setErrorText: function (text) { + this.options.errorText = text; + }, + + getErrorText: function () { + return this.options.errorText; + }, + + setErrorVisible: function (b) { + var o = this.options; + var errorText = o.errorText; + if (BI.isFunction(errorText)) { + errorText = errorText(this.editor.getValue()); + } + if (!this.disabledError && BI.isKey(errorText)) { + BI.Bubbles[b ? "show" : "hide"](this.getName(), errorText, this); + this._checkToolTip(); + return BI.Bubbles.get(this.getName()); + } + }, + + disableError: function () { + this.disabledError = true; + this._checkError(); + }, + + enableError: function () { + this.disabledError = false; + this._checkError(); + }, + + disableWarterMark: function () { + this.disabledWarterMark = true; + this._checkWaterMark(); + }, + + enableWarterMark: function () { + this.disabledWarterMark = false; + this._checkWaterMark(); + }, + + focus: function () { + this.element.addClass("text-editor-focus"); + this.editor.focus(); + }, + + blur: function () { + this.element.removeClass("text-editor-focus"); + this.editor.blur(); + }, + + selectAll: function () { + this.editor.selectAll(); + }, + + onKeyDown: function (k) { + this.editor.onKeyDown(k); + }, + + setValue: function (v) { + BI.Editor.superclass.setValue.apply(this, arguments); + this.editor.setValue(v); + this._checkError(); + this._checkWaterMark(); + }, + + getLastValidValue: function () { + return BI.trim(this.editor.getLastValidValue()); + }, + + resetLastValidValue: function () { + this.editor.resetLastValidValue(); + }, + + getValue: function () { + if (!this.isValid()) { + return BI.trim(this.editor.getLastValidValue()); + } + return BI.trim(this.editor.getValue()); + }, + + setValid: function (b) { + BI.Editor.superclass.setValid.apply(this, arguments); + this.editor.setValid(b); + }, + + isEditing: function () { + return this.editor.isEditing(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setEnable: function (b) { + BI.Editor.superclass.setEnable.apply(this, arguments); + this.editor && this.editor.setEnable(b); + this.watermark && this.watermark.setEnable(b); + } +}); +BI.Editor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.Editor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.Editor.EVENT_BLUR = "EVENT_BLUR"; +BI.Editor.EVENT_CLICK = "EVENT_CLICK"; +BI.Editor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.Editor.EVENT_SPACE = "EVENT_SPACE"; +BI.Editor.EVENT_BACKSPACE = "EVENT_BACKSPACE"; + +BI.Editor.EVENT_START = "EVENT_START"; +BI.Editor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.Editor.EVENT_STOP = "EVENT_STOP"; +BI.Editor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.Editor.EVENT_VALID = "EVENT_VALID"; +BI.Editor.EVENT_ERROR = "EVENT_ERROR"; +BI.Editor.EVENT_ENTER = "EVENT_ENTER"; +BI.Editor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.Editor.EVENT_REMOVE = "EVENT_REMOVE"; +BI.Editor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.editor", BI.Editor);/** + * 多文件 + * + * Created by GUY on 2016/4/13. + * @class BI.MultifileEditor + * @extends BI.Single + * @abstract + */ +BI.MultifileEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.MultifileEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-multifile-editor", + multiple: false, + maxSize: 1024 * 1024, + accept: "", + url: "" + }) + }, + + _init: function () { + var self = this, o = this.options; + BI.MultifileEditor.superclass._init.apply(this, arguments); + this.file = BI.createWidget({ + type: "bi.file", + cls: "multifile-editor", + width: "100%", + height: "100%", + name: o.name, + url: o.url, + multiple: o.multiple, + accept: o.accept, + maxSize: o.maxSize + }); + this.file.on(BI.File.EVENT_CHANGE, function () { + self.fireEvent(BI.MultifileEditor.EVENT_CHANGE, arguments); + }); + this.file.on(BI.File.EVENT_UPLOADSTART, function () { + self.fireEvent(BI.MultifileEditor.EVENT_UPLOADSTART, arguments); + }); + this.file.on(BI.File.EVENT_ERROR, function () { + self.fireEvent(BI.MultifileEditor.EVENT_ERROR, arguments); + }); + this.file.on(BI.File.EVENT_PROGRESS, function () { + self.fireEvent(BI.MultifileEditor.EVENT_PROGRESS, arguments); + }); + this.file.on(BI.File.EVENT_UPLOADED, function () { + self.fireEvent(BI.MultifileEditor.EVENT_UPLOADED, arguments); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.adaptive", + scrollable: false, + items: [this.file] + }, + top: 0, + right: 0, + left: 0, + bottom: 0 + }] + }); + }, + + select: function () { + this.file.select(); + }, + + getValue: function () { + return this.file.getValue(); + }, + + upload: function () { + this.file.upload(); + }, + + reset: function () { + this.file.reset(); + }, + + setEnable: function (enable) { + BI.MultiFile.superclass.setEnable.apply(this, arguments); + this.file.setEnable(enable); + } +}); +BI.MultifileEditor.EVENT_CHANGE = "MultifileEditor.EVENT_CHANGE"; +BI.MultifileEditor.EVENT_UPLOADSTART = "MultifileEditor.EVENT_UPLOADSTART"; +BI.MultifileEditor.EVENT_ERROR = "MultifileEditor.EVENT_ERROR"; +BI.MultifileEditor.EVENT_PROGRESS = "MultifileEditor.EVENT_PROGRESS"; +BI.MultifileEditor.EVENT_UPLOADED = "MultifileEditor.EVENT_UPLOADED"; +$.shortcut("bi.multifile_editor", BI.MultifileEditor);/** + * + * Created by GUY on 2016/1/18. + * @class BI.TextAreaEditor + * @extends BI.Single + */ +BI.TextAreaEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + return $.extend(BI.TextAreaEditor.superclass._defaultConfig.apply(), { + baseCls: 'bi-textarea-editor', + value: '' + }); + }, + _init: function () { + BI.TextAreaEditor.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.content = BI.createWidget({ + type: "bi.layout", + tagName: "textarea", + width: "100%", + height: "100%", + cls: "textarea-editor-content display-block" + }); + this.content.element.css({"resize": "none"}); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.adaptive", + items: [this.content] + }, + left: 0, + right: 3, + top: 0, + bottom: 5 + }] + }); + + this.content.element.focus(function () { + self.content.element.addClass("textarea-editor-focus"); + self.fireEvent(BI.TextAreaEditor.EVENT_FOCUS); + }); + this.content.element.blur(function () { + self.content.element.removeClass("textarea-editor-focus"); + self.fireEvent(BI.TextAreaEditor.EVENT_BLUR); + }); + if (BI.isKey(o.value)) { + self.setValue(o.value); + } + }, + + focus: function () { + this.content.element.addClass("textarea-editor-focus"); + this.content.element.focus(); + }, + + blur: function () { + this.content.element.removeClass("textarea-editor-focus"); + this.content.element.blur(); + }, + + getValue: function () { + return this.content.element.val(); + }, + + setValue: function (value) { + this.content.element.val(value); + }, + + setStyle: function (style) { + this.style = style; + this.element.css(style); + this.content.element.css(style) + }, + + getStyle: function () { + return this.style; + }, + + setValid: function (b) { + BI.TextAreaEditor.superclass.setValid.apply(this, arguments); + this.content.setValid(b); + }, + + setEnable: function (b) { + BI.TextAreaEditor.superclass.setEnable.apply(this, arguments); + this.content.setEnable(b); + } +}); +BI.TextAreaEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.TextAreaEditor.EVENT_FOCUS = "EVENT_FOCUS"; +$.shortcut("bi.textarea_editor", BI.TextAreaEditor);/** + * guy 图标 + * @class BI.Icon + * @extends BI.Single + */ +BI.Icon = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Icon.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + tagName: "i", + baseCls: (conf.baseCls || "") + " x-icon b-font horizon-center display-block" + }) + }, + _init: function () { + BI.Icon.superclass._init.apply(this, arguments); + } +}); +$.shortcut("bi.icon", BI.Icon);/** + * @class BI.Iframe + * @extends BI.Single + * @abstract + * Created by GameJian on 2016/3/2. + */ +BI.Iframe = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Iframe.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-iframe", + src: "", + width: "100%", + height: "100%" + }) + }, + + _init: function () { + var o = this.options; + this.options.element = $("<iframe frameborder='0' src='" + o.src + "'>"); + BI.Iframe.superclass._init.apply(this, arguments); + }, + + setSrc: function (src) { + this.options.src = src; + this.element.attr("src", src); + }, + + getSrc: function () { + return this.options.src; + }, + + getWidth: function () { + return this.options.width + }, + + getHeight: function () { + return this.options.height + } +}); + +$.shortcut("bi.iframe", BI.Iframe);/** + * ͼƬ + * + * Created by GUY on 2016/1/26. + * @class BI.Img + * @extends BI.Single + * @abstract + */ +BI.Img = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Img.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-img", + src: "", + width: "100%", + height: "100%" + }) + }, + + _init: function () { + var o = this.options; + this.options.element = $("<img src='" + o.src + "'>"); + BI.Img.superclass._init.apply(this, arguments); + }, + + setSrc: function (src) { + this.options.src = src; + this.element.attr("src", src); + }, + + getSrc: function () { + return this.options.src; + } +}); + +$.shortcut("bi.img", BI.Img);/** + * guy + * @extends BI.Single + * @type {*|void|Object} + */ +BI.Checkbox = BI.inherit(BI.IconButton, { + _defaultConfig: function() { + var conf = BI.Checkbox.superclass._defaultConfig.apply(this,arguments); + return BI.extend(conf, { + tagName: "a", + baseCls: (conf.baseCls || "") + " bi-checkbox check-box-icon", + selected: false, + handler: BI.emptyFn, + width: 16, + height: 16, + iconWidth: 16, + iconHeight: 16 + }) + }, + + _init : function() { + BI.Checkbox.superclass._init.apply(this, arguments); + }, + + doClick: function(){ + BI.Checkbox.superclass.doClick.apply(this, arguments); + if(this.isValid()){ + this.fireEvent(BI.Checkbox.EVENT_CHANGE); + } + } +}); +BI.Checkbox.EVENT_CHANGE = "Checkbox.EVENT_CHANGE"; + +$.shortcut("bi.checkbox", BI.Checkbox);/** + * 文件 + * + * Created by GUY on 2016/1/27. + * @class BI.File + * @extends BI.Single + * @abstract + */ +(function () { + + /** + * @description normalize input.files. create if not present, add item method if not present + * @param Object generated wrap object + * @return Object the wrap object itself + */ + var F = (function (item) { + return function (input) { + var files = input.files || [input]; + if (!files.item) + files.item = item; + return files; + }; + })(function (i) { + return this[i]; + }); + + var event = { + + /** + * @description add an event via addEventListener or attachEvent + * @param DOMElement the element to add event + * @param String event name without "on" (e.g. "mouseover") + * @param Function the callback to associate as event + * @return Object noswfupload.event + */ + add: document.addEventListener ? + function (node, name, callback) { + node.addEventListener(name, callback, false); + return this; + } : + function (node, name, callback) { + node.attachEvent("on" + name, callback); + return this; + }, + + /** + * @description remove an event via removeEventListener or detachEvent + * @param DOMElement the element to remove event + * @param String event name without "on" (e.g. "mouseover") + * @param Function the callback associated as event + * @return Object noswfupload.event + */ + del: document.removeEventListener ? + function (node, name, callback) { + node.removeEventListener(name, callback, false); + return this; + } : + function (node, name, callback) { + node.detachEvent("on" + name, callback); + return this; + }, + + /** + * @description to block event propagation and prevent event default + * @param void generated event or undefined + * @return Boolean false + */ + stop: function (e) { + if (!e) { + if (self.event) + event.returnValue = !(event.cancelBubble = true); + } else { + e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true; + e.preventDefault ? e.preventDefault() : e.returnValue = false; + } + ; + return false; + } + }; + + var sendFile = (function (toString) { + var multipart = function (boundary, name, file) { + return "--".concat( + boundary, CRLF, + 'Content-Disposition: form-data; name="', name, '"; filename="', BI.cjkEncode(file.fileName), '"', CRLF, + "Content-Type: application/octet-stream", CRLF, + CRLF, + file.getAsBinary(), CRLF, + "--", boundary, "--", CRLF + ); + }, + isFunction = function (Function) { + return toString.call(Function) === "[object Function]"; + }, + split = "onabort.onerror.onloadstart.onprogress".split("."), + length = split.length, + CRLF = "\r\n", + xhr = this.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP"), + sendFile; + + // FireFox 3+, Safari 4 beta (Chrome 2 beta file is buggy and will not work) + if (xhr.upload || xhr.sendAsBinary) + sendFile = function (handler, maxSize, width, height) { + if (-1 < maxSize && maxSize < handler.file.fileSize) { + if (isFunction(handler.onerror)) + handler.onerror(); + return; + } + for (var + xhr = new XMLHttpRequest, + upload = xhr.upload || { + addEventListener: function (event, callback) { + this["on" + event] = callback + } + }, + i = 0; + i < length; + i++ + ) + upload.addEventListener( + split[i].substring(2), + (function (event) { + return function (rpe) { + if (isFunction(handler[event])) + handler[event](rpe, xhr); + }; + })(split[i]), + false + ); + upload.addEventListener( + "load", + function (rpe) { + if (handler.onreadystatechange === false) { + if (isFunction(handler.onload)) + handler.onload(rpe, xhr); + } else { + setTimeout(function () { + if (xhr.readyState === 4) { + if (isFunction(handler.onload)) + handler.onload(rpe, xhr); + } else { + setTimeout(arguments.callee, 15); + } + }, 15); + } + }, + false + ); + xhr.open("post", handler.url + '&filename=' + BI.cjkEncode(handler.file.fileName), true); + if (!xhr.upload) { + var rpe = {loaded: 0, total: handler.file.fileSize || handler.file.size, simulation: true}; + rpe.interval = setInterval(function () { + rpe.loaded += 1024 / 4; + if (rpe.total <= rpe.loaded) + rpe.loaded = rpe.total; + upload.onprogress(rpe); + }, 100); + xhr.onabort = function () { + upload.onabort({}); + }; + xhr.onerror = function () { + upload.onerror({}); + }; + xhr.onreadystatechange = function () { + switch (xhr.readyState) { + case 2: + case 3: + if (rpe.total <= rpe.loaded) + rpe.loaded = rpe.total; + upload.onprogress(rpe); + break; + case 4: + clearInterval(rpe.interval); + rpe.interval = 0; + rpe.loaded = rpe.total; + upload.onprogress(rpe); + if (199 < xhr.status && xhr.status < 400) { + upload["onload"]({}); + var attachO = BI.jsonDecode(xhr.responseText); + attachO.filename = BI.cjkDecode(handler.file.fileName); + if (handler.file.type.indexOf('image') != -1) { + attachO.attach_type = "image"; + } + handler.attach_array.push(attachO); + } else { + upload["onerror"]({}); + } + break; + } + }; + upload.onloadstart(rpe); + } else { + xhr.onreadystatechange = function () { + switch (xhr.readyState) { + case 4: + var attachO = BI.jsonDecode(xhr.responseText); + if (handler.file.type.indexOf('image') != -1) { + attachO.attach_type = "image"; + } + attachO.filename = BI.cjkDecode(handler.file.fileName); + if (handler.maxlength == 1) { + handler.attach_array[0] = attachO; + // handler.attach_array.push(attachO); + } else { + handler.attach_array.push(attachO); + } + break; + } + } + } + var boundary = "AjaxUploadBoundary" + (new Date).getTime(); + xhr.setRequestHeader("Content-Type", "multipart/form-data; boundary=" + boundary); + if (handler.file.getAsBinary) { + xhr[xhr.sendAsBinary ? "sendAsBinary" : "send"](multipart(boundary, handler.name, handler.file)); + } else { + xhr.setRequestHeader("Content-Type", "multipart/form-data"); +// xhr.setRequestHeader("X-Name", handler.name); +// xhr.setRequestHeader("X-File-Name", handler.file.fileName); + var form = new FormData(); + form.append("FileData", handler.file); + xhr.send(form); + } + return handler; + }; + // Internet Explorer, Opera, others + else + sendFile = function (handler, maxSize, width, height) { + var url = handler.url.concat(-1 === handler.url.indexOf("?") ? "?" : "&", "AjaxUploadFrame=true"), + rpe = { + loaded: 1, total: 100, simulation: true, interval: setInterval(function () { + if (rpe.loaded < rpe.total) + ++rpe.loaded; + if (isFunction(handler.onprogress)) + handler.onprogress(rpe, {}); + }, 100) + }, + onload = function () { + iframe.onreadystatechange = iframe.onload = iframe.onerror = null; + form.parentNode.removeChild(form); + form = null; + clearInterval(rpe.interval); + //rpe.loaded = rpe.total; + try { + var responseText = (iframe.contentWindow.document || iframe.contentWindow.contentDocument).body.innerHTML; + var attachO = BI.jsonDecode(responseText); + if (handler.file.type.indexOf('image') != -1) { + attachO.attach_type = "image"; + } + + //attachO.fileSize = responseText.length; + attachO.filename = BI.cjkDecode(handler.file.fileName); + if (handler.maxlength == 1) { + handler.attach_array[0] = attachO; + } else { + handler.attach_array.push(attachO); + } + } catch (e) { + if (isFunction(handler.onerror)) + handler.onerror(rpe, event || window.event); + } + if (isFunction(handler.onload)) + handler.onload(rpe, {responseText: responseText}); + }, + target = ["AjaxUpload", (new Date).getTime(), String(Math.random()).substring(2)].join("_"); + try { // IE < 8 does not accept enctype attribute ... + var form = document.createElement('<form enctype="multipart/form-data"></form>'), + iframe = handler.iframe || (handler.iframe = document.createElement('<iframe id="' + target + '" name="' + target + '" src="' + url + '"></iframe>')); + } catch (e) { + var form = document.createElement('form'), + iframe = handler.iframe || (handler.iframe = document.createElement("iframe")); + form.setAttribute("enctype", "multipart/form-data"); + iframe.setAttribute("name", iframe.id = target); + iframe.setAttribute("src", url); + } + ; + iframe.style.position = "absolute"; + iframe.style.left = iframe.style.top = "-10000px"; + iframe.onload = onload; + iframe.onerror = function (event) { + if (isFunction(handler.onerror)) + handler.onerror(rpe, event || window.event); + }; + iframe.onreadystatechange = function () { + if (/loaded|complete/i.test(iframe.readyState)) { + onload(); + + //wei : todo,将附件信息放到handler.attach + } + else if (isFunction(handler.onloadprogress)) { + if (rpe.loaded < rpe.total) + ++rpe.loaded; + handler.onloadprogress(rpe, { + readyState: { + loading: 2, + interactive: 3, + loaded: 4, + complete: 4 + }[iframe.readyState] || 1 + }); + } + }; + form.setAttribute("action", handler.url + '&width=' + width + '&height=' + height); + form.setAttribute("target", iframe.id); + form.setAttribute("method", "post"); + form.appendChild(handler.file); + form.style.display = "none"; + if (isFunction(handler.onloadstart)) + handler.onloadstart(rpe, {}); + with (document.body || document.documentElement) { + appendChild(iframe); + appendChild(form); + form.submit(); + } + ; + return handler; + }; + xhr = null; + return sendFile; + })(Object.prototype.toString); + + var sendFiles = function (handler, maxSize, width, height) { + + var length = handler.files.length, + i = 0, + onload = handler.onload, + onloadstart = handler.onloadstart; + handler.current = 0; + handler.total = 0; + handler.sent = 0; + while (handler.current < length) { + handler.total += (handler.files[handler.current].fileSize || handler.files[handler.current].size); + handler.current++; + } + handler.current = 0; + if (length && handler.files[0].fileSize !== -1) { + handler.file = handler.files[handler.current]; + + sendFile(handler, maxSize, width, height).onload = function (rpe, xhr) { + handler.onloadstart = null; + handler.sent += (handler.files[handler.current].fileSize || handler.files[handler.current].size); + if (++handler.current < length) { + handler.file = handler.files[handler.current]; + sendFile(handler, maxSize, width, height).onload = arguments.callee; + } else if (onload) { + handler.onloadstart = onloadstart; + handler.onload = onload; + handler.onload(rpe, xhr); + } + }; + } else if (length) { + handler.total = length * 100; + handler.file = handler.files[handler.current]; + sendFile(handler, maxSize, width, height).onload = function (rpe, xhr) { + var callee = arguments.callee; + handler.onloadstart = null; + handler.sent += 100; + if (++handler.current < length) { + if (/\b(chrome|safari)\b/i.test(navigator.userAgent)) { + handler.iframe.parentNode.removeChild(handler.iframe); + handler.iframe = null; + } + ; + setTimeout(function () { + handler.file = handler.files[handler.current]; + sendFile(handler, maxSize, width, height).onload = callee; + }, 15); + } else if (onload) { + setTimeout(function () { + handler.iframe.parentNode.removeChild(handler.iframe); + handler.iframe = null; + handler.onloadstart = onloadstart; + handler.onload = onload; + handler.onload(rpe, xhr); + }, 15); + } + }; + } + return handler; + }; + + BI.File = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.File.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-file display-block", + element: "<input type='file'>", + name: "", + url: "", + multiple: true, + accept: "", /**'*.jpg; *.zip'**/ + maxSize: 1024 * 1024 + }) + }, + + _init: function () { + var self = this, o = this.options; + BI.File.superclass._init.apply(this, arguments); + if (o.multiple === true) { + this.element.attr("multiple", "multiple"); + } + this.element.attr("name", o.name || this.getName()); + + BI.nextTick(function () { + // create the noswfupload.wrap Object + // wrap.maxSize 文件大小限制 + // wrap.maxlength 文件个数限制 + var _wrap = self.wrap = self._wrap(self.element[0], o.maxSize); + // fileType could contain whatever text but filter checks *.{extension} + // if present + + // handlers + + _wrap.onloadstart = function (rpe, xhr) { + //BI.Msg.toast("loadstart"); + self.fireEvent(BI.File.EVENT_UPLOADSTART); + }; + + _wrap.onprogress = function (rpe, xhr) { + //BI.Msg.toast("onprogress"); + // percent for each bar + + // fileSize is -1 only if browser does not support file info access + // this if splits recent browsers from others + if (this.file.fileSize !== -1) { + // simulation property indicates when the progress event is fake + if (rpe.simulation) { + + } else { + + } + } else { + // if fileSIze is -1 browser is using an iframe because it does + // not support + // files sent via Ajax (XMLHttpRequest) + // We can still show some information + } + self.fireEvent(BI.File.EVENT_PROGRESS, { + file: this.file, + total: rpe.total, + loaded: rpe.loaded, + simulation: rpe.simulation + }); + }; + + // generated if there is something wrong during upload + _wrap.onerror = function () { + // just inform the user something was wrong + self.fireEvent(BI.File.EVENT_ERROR); + }; + + // generated when every file has been sent (one or more, it does not + // matter) + _wrap.onload = function (rpe, xhr) { + var self_ = this; + // just show everything is fine ... + // ... and after a second reset the component + setTimeout(function () { + self_.clean(); // remove files from list + self_.hide(); // hide progress bars and enable input file + + //BI.Msg.toast("onload"); + self.fireEvent(BI.File.EVENT_UPLOADED); + // enable again the submit button/element + }, 1000); + }; + _wrap.url = o.url ? o.url : BI.servletURL + + '?op=fr_attach&cmd=ah_upload'; + _wrap.fileType = o.accept; //文件类型限制 + _wrap.attach_array = []; + _wrap.attach_names = []; + _wrap.attachNum = 0; + }); + }, + + _events: function (wrap) { + var self = this; + event.add(wrap.dom.input, "change", function () { + event.del(wrap.dom.input, "change", arguments.callee); + for (var input = wrap.dom.input.cloneNode(true), i = 0, files = F(wrap.dom.input); i < files.length; i++) { + var item = files.item(i); + var tempFile = item.value || item.name; + var value = item.fileName || (item.fileName = tempFile.split("\\").pop()), + ext = -1 !== value.indexOf(".") ? value.split(".").pop().toLowerCase() : "unknown", + size = item.fileSize || item.size; + if (wrap.fileType && -1 === wrap.fileType.indexOf("*." + ext)) { + //文件类型不支持 + BI.Msg.toast("文件类型不支持"); + self.fireEvent(BI.File.EVENT_ERROR, { + errorType: 0, + file: item + }); + } else if (wrap.maxSize !== -1 && size && wrap.maxSize < size) { + //文件大小不支持 + BI.Msg.toast("文件大小不支持"); + self.fireEvent(BI.File.EVENT_ERROR, { + errorType: 1, + file: item + }); + } else { + wrap.files.unshift(item); + //BI.Msg.toast(value); + self.fireEvent(BI.File.EVENT_CHANGE, { + file: item + }); + } + } + input.value = ""; + wrap.dom.input.parentNode.replaceChild(input, wrap.dom.input); + wrap.dom.input = input; + event.add(wrap.dom.input, "change", arguments.callee); + }); + return wrap; + }, + + _wrap: function () { + var self = this, o = this.options; + // be sure input accept multiple files + var input = this.element[0]; + this.element.attr("multiple", "multiple"); + input.value = ""; + + // wrap Object + return this._events({ + + // DOM namespace + dom: { + input: input, // input file + disabled: false // internal use, checks input file state + }, + name: input.name, // name to send for each file ($_FILES[{name}] in the server) + // maxSize is the maximum amount of bytes for each file + maxSize: o.maxSize ? o.maxSize >> 0 : -1, + files: [], // file list + + // remove every file from the noswfupload component + clean: function () { + this.files = []; + }, + + // upload one file a time (which make progress possible rather than all files in one shot) + // the handler is an object injected into the wrap one, could be the wrap itself or + // something like {onload:function(){alert("OK")},onerror:function(){alert("Error")}, etc ...} + upload: function (handler) { + if (handler) { + for (var key in handler) + this[key] = handler[key]; + } + sendFiles(this, this.maxSize); + return this; + }, + + // hide progress bar (total + current) and enable files selection + hide: function () { + if (this.dom.disabled) { + this.dom.disabled = false; + this.dom.input.removeAttribute("disabled"); + } + }, + + // show progress bar and disable file selection (used during upload) + // total and current are pixels used to style bars + // totalProp and currentProp are properties to change, "height" by default + show: function (total, current, totalProp, currentProp) { + if (!this.dom.disabled) { + this.dom.disabled = true; + this.dom.input.setAttribute("disabled", "disabled"); + } + } + }); + }, + + select: function () { + $(this.wrap.dom.input).click(); + }, + + upload: function (handler) { + this.wrap.upload(handler); + }, + + getValue: function () { + return this.wrap.attach_array; + }, + + reset: function () { + this.wrap.attach_array = []; + this.wrap.attach_names = []; + this.wrap.attachNum = 0; + }, + + setEnable: function (enable) { + BI.MultiFile.superclass.setEnable.apply(this, arguments); + if (enable === true) { + this.element.attr("disabled", "disabled"); + } else { + this.element.removeAttr("disabled"); + } + } + }); + BI.File.EVENT_CHANGE = "BI.File.EVENT_CHANGE"; + BI.File.EVENT_UPLOADSTART = "EVENT_UPLOADSTART"; + BI.File.EVENT_ERROR = "EVENT_ERROR"; + BI.File.EVENT_PROGRESS = "EVENT_PROGRESS"; + BI.File.EVENT_UPLOADED = "EVENT_UPLOADED"; + $.shortcut("bi.file", BI.File); +})();/** + * guy + * @class BI.Input 一个button和一行数 组成的一行listitem + * @extends BI.Single + * @type {*|void|Object} + */ +BI.Input = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Input.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-input display-block", + element: "<input/>", + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn,//按确定键能否退出编辑 + mouseOut: false, + allowBlank: false + }) + }, + + _init: function () { + BI.Input.superclass._init.apply(this, arguments); + var self = this; + var _keydown = BI.debounce(function (keyCode) { + self.onKeyDown(keyCode); + self._keydown_ = false; + }, 300); + var _clk = BI.debounce(BI.bind(this._click, this), BI.EVENT_RESPONSE_TIME, true); + this._blurDebounce = BI.debounce(BI.bind(this._blur, this), BI.EVENT_RESPONSE_TIME, true); + this.element + .keydown(function (e) { + self.fireEvent(BI.Input.EVENT_QUICK_DOWN); + }) + .keyup(function (e) { + self._keydown_ = true; + _keydown(e.keyCode); + }) + .on("input propertychange", function (e) { + self._keydown_ = true; + _keydown(e.keyCode); + }) + .click(function (e) { + e.stopPropagation(); + _clk(); + }) + .mousedown(function (e) { + self.element.val(self.element.val()); + }) + .focusout(function (e) { + self._blurDebounce(); + }); + }, + + _focus: function () { + this.element.addClass("bi-input-focus"); + this._checkValidationOnValueChange(); + this._isEditing = true; + if (this.getValue() == "") { + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EMPTY, this.getValue(), this); + this.fireEvent(BI.Input.EVENT_EMPTY); + } + this.fireEvent(BI.Input.EVENT_FOCUS); + }, + + _blur: function () { + var self = this; + if (self._keydown_ === true) { + BI.delay(blur, 300); + } else { + blur(); + } + function blur() { + if (!self.isValid() && self.options.quitChecker.apply(self, [BI.trim(self.getValue())]) !== false) { + self.element.val(self._lastValidValue ? self._lastValidValue : ""); + self._checkValidationOnValueChange(); + self._defaultState(); + } + self.element.removeClass("bi-input-focus"); + self._isEditing = false; + self._start = false; + if (self.isValid()) { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CONFIRM, self.getValue(), self); + self.fireEvent(BI.Input.EVENT_CONFIRM); + } + self.fireEvent(BI.Input.EVENT_BLUR); + } + }, + + _click: function () { + if (this._isEditing !== true) { + this._focus(); + this.selectAll(); + this.fireEvent(BI.Input.EVENT_CLICK); + } + }, + + onClick: function () { + this._click(); + }, + + onKeyDown: function (keyCode) { + if (!this.isValid() || BI.trim(this._lastValidValue) !== BI.trim(this.getValue())) { + this._checkValidationOnValueChange(); + } + if (keyCode == BI.keyCode.ENTER) { + if (this.isValid() || this.options.quitChecker.apply(this, [BI.trim(this.getValue())]) !== false) { + this.blur(); + this.fireEvent(BI.Input.EVENT_ENTER); + } else { + this.fireEvent(BI.Input.EVENT_RESTRICT); + } + } + if (keyCode == BI.keyCode.SPACE) { + this.fireEvent(BI.Input.EVENT_SPACE); + } + if (keyCode == BI.keyCode.BACKSPACE && this._lastValue == "") { + this.fireEvent(BI.Input.EVENT_REMOVE); + } + if (keyCode == BI.keyCode.BACKSPACE || keyCode == BI.keyCode.DELETE) { + this.fireEvent(BI.Input.EVENT_BACKSPACE); + } + this.fireEvent(BI.Input.EVENT_KEY_DOWN); + + if (this.isValid() && BI.trim(this.getValue()) !== "") { + if (BI.trim(this.getValue()) !== this._lastValue && (!this._start || this._lastValue == null || this._lastValue === "") + || (this._pause === true && !/(\s|\u00A0)$/.test(this.getValue()))) { + this._start = true; + this._pause = false; + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.STARTEDIT, this.getValue(), this); + this.fireEvent(BI.Input.EVENT_START); + } + } + + if (/(\s|\u00A0)$/.test(this.getValue())) { + this._pause = true; + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.PAUSE, "", this); + this.fireEvent(BI.Input.EVENT_PAUSE); + this._defaultState(); + } else if ((keyCode === BI.keyCode.BACKSPACE || keyCode === BI.keyCode.DELETE) && + BI.trim(this.getValue()) === "" && (this._lastValue !== null && BI.trim(this._lastValue) !== "")) { + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.STOPEDIT, this.getValue(), this); + this.fireEvent(BI.Input.EVENT_STOP); + this._valueChange(); + } else { + this._valueChange(); + } + }, + + //初始状态 + _defaultState: function () { + if (this.getValue() == "") { + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EMPTY, this.getValue(), this); + this.fireEvent(BI.Input.EVENT_EMPTY); + } + this._lastValue = this.getValue(); + this._lastSubmitValue = null; + }, + + _valueChange: function () { + if (this.isValid() && BI.trim(this.getValue()) !== this._lastSubmitValue) { + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CHANGE, this.getValue(), this); + this.fireEvent(BI.Input.EVENT_CHANGE); + this._lastSubmitValue = BI.trim(this.getValue()); + } + if (this.getValue() == "") { + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EMPTY, this.getValue(), this); + this.fireEvent(BI.Input.EVENT_EMPTY); + } + this._lastValue = this.getValue(); + }, + + _checkValidationOnValueChange: function () { + var o = this.options; + var v = this.getValue(); + this.setValid( + (o.allowBlank === true && BI.trim(v) == "") || + (BI.isNotEmptyString(BI.trim(v)) + && (v === this._lastValidValue || + o.validationChecker.apply(this, [BI.trim(v)]) !== false)) + ); + }, + + focus: function () { + if (!this.element.is(":visible")) { + throw new Error("input输入框在不可见下不能focus"); + } + if (!this._isEditing === true) { + this.element.focus(); + this._focus(); + this.selectAll(); + } + }, + + blur: function () { + if (!this.element.is(":visible")) { + throw new Error("input输入框在不可见下不能blur"); + } + if (this._isEditing === true) { + this.element.blur(); + this._blurDebounce(); + } + }, + + selectAll: function () { + if (!this.element.is(":visible")) { + throw new Error("input输入框在不可见下不能select"); + } + this.element.select(); + this._isEditing = true; + }, + + setValue: function (textValue) { + this.element.val(textValue); + BI.nextTick(BI.bind(function () { + this._checkValidationOnValueChange(); + this._defaultState(); + if (this.isValid()) { + this._lastSubmitValue = this.getValue(); + } + }, this)); + }, + + getValue: function () { + return this.element.val() || ""; + }, + + isEditing: function () { + return this._isEditing; + }, + + getLastValidValue: function () { + return this._lastValidValue; + }, + + setValid: function () { + BI.Input.superclass.setValid.apply(this, arguments); + if (this.isValid()) { + this._lastValidValue = this.getValue(); + this.element.removeClass("bi-input-error"); + this.fireEvent(BI.Input.EVENT_VALID, BI.trim(this.getValue()), this); + } else { + if (this._lastValidValue === this.getValue()) { + this._lastValidValue = null; + } + this.element.addClass("bi-input-error"); + this.fireEvent(BI.Input.EVENT_ERROR, BI.trim(this.getValue()), this); + } + }, + + setEnable: function (b) { + BI.Input.superclass.setEnable.apply(this, [b]); + this.element[0].disabled = !b; + } +}); +BI.Input.EVENT_CHANGE = "EVENT_CHANGE"; + +BI.Input.EVENT_FOCUS = "EVENT_FOCUS"; +BI.Input.EVENT_CLICK = "EVENT_CLICK"; +BI.Input.EVENT_BLUR = "EVENT_BLUR"; +BI.Input.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.Input.EVENT_QUICK_DOWN = "EVENT_QUICK_DOWN"; +BI.Input.EVENT_SPACE = "EVENT_SPACE"; +BI.Input.EVENT_BACKSPACE = "EVENT_BACKSPACE"; + +BI.Input.EVENT_START = "EVENT_START"; +BI.Input.EVENT_PAUSE = "EVENT_PAUSE"; +BI.Input.EVENT_STOP = "EVENT_STOP"; +BI.Input.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.Input.EVENT_REMOVE = "EVENT_REMOVE"; +BI.Input.EVENT_EMPTY = "EVENT_EMPTY"; +BI.Input.EVENT_VALID = "EVENT_VALID"; +BI.Input.EVENT_ERROR = "EVENT_ERROR"; +BI.Input.EVENT_ENTER = "EVENT_ENTER"; +BI.Input.EVENT_RESTRICT = "EVENT_RESTRICT"; +$.shortcut("bi.input", BI.Input);/** + * guy + * @extends BI.Single + * @type {*|void|Object} + */ +BI.Radio = BI.inherit(BI.IconButton, { + _defaultConfig: function() { + var conf = BI.Radio.superclass._defaultConfig.apply(this,arguments); + return BI.extend(conf, { + tagName: "a", + baseCls: (conf.baseCls || "") + " bi-radio radio-icon", + selected: false, + handler: BI.emptyFn, + width: 16, + height: 16, + iconWidth: 16, + iconHeight: 16 + }) + }, + + _init : function() { + BI.Radio.superclass._init.apply(this, arguments); + }, + + doClick: function(){ + BI.Radio.superclass.doClick.apply(this, arguments); + if(this.isValid()){ + this.fireEvent(BI.Radio.EVENT_CHANGE); + } + } +}); +BI.Radio.EVENT_CHANGE = "Radio.EVENT_CHANGE"; + +$.shortcut("bi.radio", BI.Radio);/** + * Created by GUY on 2015/6/26. + */ + +BI.Label = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Label.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-label", + textAlign: "center", + whiteSpace: "nowrap", //normal or nowrap + forceCenter: false, //是否无论如何都要居中, 不考虑超出边界的情况, 在未知宽度和高度时有效 + textWidth: null, + textHeight: null, + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + text: "", + py: "", + keyword: "" + }) + }, + + _createJson: function () { + var o = this.options; + return { + type: "bi.text", + textAlign: o.textAlign, + whiteSpace: o.whiteSpace, + lineHeight: o.textHeight, + text: o.text, + value: o.value, + py: o.py, + keyword: o.keyword + }; + }, + + _init: function () { + BI.Label.superclass._init.apply(this, arguments); + + if (this.options.textAlign === "center") { + this._createCenterEl(); + } else { + this._createNotCenterEl(); + } + }, + + _createCenterEl: function () { + var o = this.options; + var json = this._createJson(); + if (BI.isNumber(o.width) && o.width > 0) { + if (BI.isNumber(o.textWidth) && o.textWidth > 0) { + if (BI.isNumber(o.height) && o.height > 0) { + var gap = (o.width - o.textWidth) / 2; + BI.createWidget({ + type: "bi.adaptive", + height: o.height, + scrollable: true, + element: this, + items: [ + { + el: (this.text = BI.createWidget(json)), + left: gap + o.hgap + o.lgap, + right: gap + o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap + } + ] + }); + this.element.css({"line-height": o.height + "px"}); + return; + } + json.width = o.textWidth; + BI.createWidget({ + type: "bi.center_adapt", + scrollable: true, + element: this, + items: [ + { + el: (this.text = BI.createWidget(json)) + } + ] + }); + return; + } + if (o.whiteSpace == "normal") { + this.text = BI.createWidget(json); + BI.createWidget({ + type: "bi.center_adapt", + scrollable: true, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + element: this, + items: [this.text] + }); + return; + } + if (BI.isNumber(o.height) && o.height > 0) { + this.element.css({ + "line-height": o.height + "px" + }); + BI.createWidget({ + type: "bi.absolute", + scrollable: true, + element: this, + items: [{ + el: (this.text = BI.createWidget(json)), + left: o.hgap + o.lgap, + right: o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap + }] + }); + return; + } + json.width = o.width - 2 * o.hgap; + BI.createWidget({ + type: "bi.center_adapt", + scrollable: true, + element: this, + items: [{ + el: (this.text = BI.createWidget(json)) + }] + }); + return; + } + if (BI.isNumber(o.textWidth) && o.textWidth > 0) { + json.width = o.textWidth; + BI.createWidget({ + type: "bi.center_adapt", + scrollable: true, + element: this, + items: [ + { + el: (this.text = BI.createWidget(json)) + } + ] + }); + return; + } + if (o.whiteSpace == "normal") { + this.text = BI.createWidget(json); + this.text = BI.createWidget({ + type: "bi.center_adapt", + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + scrollable: true, + element: this, + items: [this.text] + }); + return; + } + if (BI.isNumber(o.height) && o.height > 0) { + if (BI.isNumber(o.textHeight) && o.textHeight > 0) { + this.element.css({ + "line-height": o.height + "px" + }); + BI.createWidget({ + type: "bi.adaptive", + height: o.height, + scrollable: true, + element: this, + items: [{ + el: (this.text = BI.createWidget(json)), + left: o.hgap + o.lgap, + right: o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap + }] + }); + return; + } + BI.extend(json, { + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap + }); + this.element.css({ + "line-height": o.height + "px" + }); + this.text = BI.createWidget(BI.extend(json, { + element: this + })); + BI.createWidget({ + type: "bi.layout", + element: this.text, + scrollable: true + }); + return; + } + BI.extend(json, { + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap + }); + if (o.forceCenter) { + this.text = BI.createWidget(json); + BI.createWidget({ + type: "bi.center_adapt", + element: this, + items: [this.text] + }); + return; + } + this.text = BI.createWidget(BI.extend(json, { + element: this + })); + BI.createWidget({ + type: "bi.layout", + element: this.text, + scrollable: true + }) + }, + + _createNotCenterEl: function () { + var o = this.options; + var json = this._createJson(); + if (BI.isNumber(o.width) && o.width > 0) { + if (BI.isNumber(o.textWidth) && o.textWidth > 0) { + if (BI.isNumber(o.height) && o.height > 0) { + BI.createWidget({ + type: "bi.adaptive", + height: o.height, + scrollable: true, + element: this, + items: [ + { + el: (this.text = BI.createWidget(json)), + left: o.hgap + o.lgap, + right: o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap + } + ] + }); + this.element.css({"line-height": o.height + "px"}); + return; + } + json.width = o.textWidth; + BI.createWidget({ + type: "bi.vertical_adapt", + scrollable: true, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + element: this, + items: [ + { + el: (this.text = BI.createWidget(json)) + } + ] + }); + return; + } + if (o.whiteSpace == "normal") { + this.text = BI.createWidget(json); + BI.createWidget({ + type: "bi.vertical_adapt", + scrollable: true, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + element: this, + items: [this.text] + }); + return; + } + if (BI.isNumber(o.height) && o.height > 0) { + this.element.css({ + "line-height": o.height + "px" + }); + BI.createWidget({ + type: "bi.absolute", + scrollable: true, + element: this, + items: [{ + el: (this.text = BI.createWidget(json)), + left: o.hgap + o.lgap, + right: o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap + }] + }); + return; + } + json.width = o.width - 2 * o.hgap - o.lgap - o.rgap; + BI.createWidget({ + type: "bi.vertical_adapt", + scrollable: true, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + element: this, + items: [{ + el: (this.text = BI.createWidget(json)) + }] + }); + return; + } + if (BI.isNumber(o.textWidth) && o.textWidth > 0) { + json.width = o.textWidth; + BI.createWidget({ + type: "bi.vertical_adapt", + scrollable: true, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + element: this, + items: [ + { + el: (this.text = BI.createWidget(json)) + } + ] + }); + return; + } + if (o.whiteSpace == "normal") { + this.text = BI.createWidget(json) + this.text = BI.createWidget({ + type: "bi.vertical_adapt", + scrollable: true, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + element: this, + items: [this.text] + }); + return; + } + if (BI.isNumber(o.height) && o.height > 0) { + if (BI.isNumber(o.textHeight) && o.textHeight > 0) { + this.element.css({ + "line-height": o.height + "px" + }); + BI.createWidget({ + type: "bi.adaptive", + height: o.height, + scrollable: true, + element: this, + items: [{ + el: (this.text = BI.createWidget(json)), + left: o.hgap + o.lgap, + right: o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap + }] + }); + return; + } + BI.extend(json, { + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap + }); + this.element.css({ + "line-height": o.height + "px" + }); + this.text = BI.createWidget(BI.extend(json, { + element: this + })); + BI.createWidget({ + type: "bi.layout", + element: this.text, + scrollable: true + }); + return; + } + BI.extend(json, { + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap + }); + if (o.forceCenter) { + this.text = BI.createWidget(json); + BI.createWidget({ + type: "bi.vertical_adapt", + element: this, + items: [this.text] + }); + return; + } + this.text = BI.createWidget(BI.extend(json, { + element: this + })); + BI.createWidget({ + type: "bi.layout", + element: this.text, + scrollable: true + }) + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + setText: function (v) { + this.options.text = v; + this.text.setText(v); + }, + + getText: function () { + return this.options.text; + }, + + setValue: function (v) { + BI.Label.superclass.setValue.apply(this, arguments); + if (!this.isReadOnly()) { + this.text.setValue(v); + } + }, + + populate: function () { + BI.Label.superclass.populate.apply(this, arguments); + } +}); + +$.shortcut("bi.label", BI.Label);/** + * guy a元素 + * @class BI.Link + * @extends BI.Text + */ +BI.Link = BI.inherit(BI.Label, { + _defaultConfig: function() { + var conf = BI.Link.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-link", + href: "", + target: "_blank" + }) + }, + + _createJson: function(){ + var o = this.options; + return { + type:"bi.a", + textAlign: o.textAlign, + whiteSpace: o.whiteSpace, + lineHeight: o.textHeight, + text: o.text, + keyword: o.keyword, + value: o.value, + py: o.py, + href: o.href, + target: o.target + }; + }, + + _init : function() { + BI.Link.superclass._init.apply(this, arguments); + } +}); + +$.shortcut("bi.link", BI.Link);/** + * guy + * tip提示 + * zIndex在10亿级别 + * @class BI.Tip + * @extends BI.Single + * @abstract + */ +BI.Tip = BI.inherit(BI.Single, { + _defaultConfig: function() { + var conf = BI.Link.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-tip", + zIndex: BI.zIndex_tip + }) + }, + + _init : function() { + BI.Tip.superclass._init.apply(this, arguments); + this.element.css({"zIndex": this.options.zIndex}); + } +});/** + * 下拉 + * @class BI.Trigger + * @extends BI.Single + * @abstract + */ +BI.Trigger = BI.inherit(BI.Single, { + _defaultConfig: function() { + var conf = BI.Trigger.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-trigger cursor-pointer", + height: 30 + }) + }, + + _init : function() { + BI.Trigger.superclass._init.apply(this, arguments); + }, + + setKey: function(){ + + }, + + getKey: function(){ + + } +});/** + * svg绘图 + * + * Created by GUY on 2015/12/3. + * @class BI.Svg + * @extends BI.Widget + */ +BI.Svg = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.Svg.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-svg" + }) + }, + + _init: function () { + BI.Svg.superclass._init.apply(this, arguments); + this.paper = Raphael(this.element[0]); + + $(this.paper.canvas).width("100%").height("100%").css({"left": "0", "top": "0"}).appendTo(this.element); + + this.top = this.paper.top; + this.bottom = this.paper.bottom; + this.customAttributes = this.paper.customAttributes; + this.ca = this.paper.ca; + this.raphael = this.paper.raphael; + }, + + add: function () { + return this.paper.add.apply(this.paper, arguments); + }, + + path: function () { + return this.paper.path.apply(this.paper, arguments); + }, + + image: function () { + return this.paper.image.apply(this.paper, arguments); + }, + + rect: function () { + return this.paper.rect.apply(this.paper, arguments); + }, + + circle: function () { + return this.paper.circle.apply(this.paper, arguments); + }, + + ellipse: function () { + return this.paper.ellipse.apply(this.paper, arguments); + }, + + text: function () { + return this.paper.text.apply(this.paper, arguments); + }, + + print: function () { + return this.paper.print.apply(this.paper, arguments); + }, + + + setStart: function () { + return this.paper.setStart.apply(this.paper, arguments); + }, + + setFinish: function () { + return this.paper.setFinish.apply(this.paper, arguments); + }, + + setSize: function () { + return this.paper.setSize.apply(this.paper, arguments); + }, + + setViewBox: function () { + return this.paper.setViewBox.apply(this.paper, arguments); + }, + + + getById: function () { + return this.paper.getById.apply(this.paper, arguments); + }, + + getElementByPoint: function () { + return this.paper.getElementByPoint.apply(this.paper, arguments); + }, + + getElementsByPoint: function () { + return this.paper.getElementsByPoint.apply(this.paper, arguments); + }, + + getFont: function () { + return this.paper.getFont.apply(this.paper, arguments); + }, + + + set: function () { + return this.paper.set.apply(this.paper, arguments); + }, + remove: function () { + return this.paper.remove.apply(this.paper, arguments); + }, + clear: function () { + return this.paper.clear.apply(this.paper, arguments); + } +}); +$.shortcut("bi.svg", BI.Svg);/** + * + * 表格 + * + * Created by GUY on 2015/9/22. + * @class BI.TableCell + * @extends BI.Single + */ +BI.TableCell = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-table-cell", + textAlign: "left", + text: "" + }) + }, + + _init: function () { + BI.TableCell.superclass._init.apply(this, arguments); + BI.createWidget({ + type: "bi.label", + element: this, + whiteSpace: "nowrap", + textAlign: this.options.textAlign, + height: this.options.height, + text: this.options.text, + value: this.options.value, + lgap: 5 + }) + } +}); + +$.shortcut("bi.table_cell", BI.TableCell);/** + * + * 表格单元格 + * + * Created by GUY on 2016/1/12. + * @class BI.CollectionTableCell + * @extends BI.Widget + */ +BI.CollectionTableCell = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.CollectionTableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-collection-table-cell", + width: 0, + height: 0, + _left: 0, + _top: 0, + cell: {} + }) + }, + + _init: function () { + BI.CollectionTableCell.superclass._init.apply(this, arguments); + var o = this.options; + this.cell = BI.createWidget(BI.extend({ + type: "bi.label" + }, o.cell, { + cls: (o.cell.cls || "") + "collection-table-cell-wrapper", + width: o.width - (o._left === 0 ? 1 : 0) - 1, + height: o.height - (o._top === 0 ? 1 : 0) - 1 + })); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.cell, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + }, + + setWidth: function (width) { + BI.CollectionTableCell.superclass.setWidth.apply(this, arguments); + var o = this.options; + this.cell.setWidth(o.width - (o._left === 0 ? 1 : 0) - 1); + }, + + setHeight: function (height) { + BI.CollectionTableCell.superclass.setHeight.apply(this, arguments); + var o = this.options; + this.cell.setHeight(o.height - (o._top === 0 ? 1 : 0) - 1); + } +}); + +$.shortcut("bi.collection_table_cell", BI.CollectionTableCell);/** + * CollectionTable + * + * Created by GUY on 2016/1/12. + * @class BI.CollectionTable + * @extends BI.Widget + */ +BI.CollectionTable = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.CollectionTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-collection-table", + headerRowSize: 25, + rowSize: 25, + columnSize: [], + isNeedFreeze: false, + freezeCols: [], + isNeedMerge: false, + mergeCols: [], + mergeRule: BI.emptyFn, + header: [], + items: [], + regionColumnSize: [] + }); + }, + + _init: function () { + BI.CollectionTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this._width = 0; + this._height = 0; + this._scrollBarSize = BI.DOM.getScrollWidth(); + this.topLeftCollection = BI.createWidget({ + type: "bi.collection_view", + cellSizeAndPositionGetter: function (index) { + return self.topLeftItems[index]; + } + }); + this.topLeftCollection.on(BI.Collection.EVENT_SCROLL, function (scroll) { + self.bottomLeftCollection.setScrollLeft(scroll.scrollLeft); + self._populateScrollbar(); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.topRightCollection = BI.createWidget({ + type: "bi.collection_view", + cellSizeAndPositionGetter: function (index) { + return self.topRightItems[index]; + } + }); + this.topRightCollection.on(BI.Collection.EVENT_SCROLL, function (scroll) { + self.bottomRightCollection.setScrollLeft(scroll.scrollLeft); + self._populateScrollbar(); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.bottomLeftCollection = BI.createWidget({ + type: "bi.collection_view", + cellSizeAndPositionGetter: function (index) { + return self.bottomLeftItems[index]; + } + }); + this.bottomLeftCollection.on(BI.Collection.EVENT_SCROLL, function (scroll) { + self.bottomRightCollection.setScrollTop(scroll.scrollTop); + self.topLeftCollection.setScrollLeft(scroll.scrollLeft); + self._populateScrollbar(); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.bottomRightCollection = BI.createWidget({ + type: "bi.collection_view", + cellSizeAndPositionGetter: function (index) { + return self.bottomRightItems[index]; + } + }); + this.bottomRightCollection.on(BI.Collection.EVENT_SCROLL, function (scroll) { + self.bottomLeftCollection.setScrollTop(scroll.scrollTop); + self.topRightCollection.setScrollLeft(scroll.scrollLeft); + self._populateScrollbar(); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.topLeft = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.topLeftCollection] + }); + this.topRight = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.topRightCollection] + }); + this.bottomLeft = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.bottomLeftCollection] + }); + this.bottomRight = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.bottomRightCollection] + }); + this.contextLayout = BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.topLeft, + top: 0, + left: 0 + }, { + el: this.topRight, + top: 0 + }, { + el: this.bottomLeft, + left: 0 + }, { + el: this.bottomRight + }] + }); + + this.topScrollbar = BI.createWidget({ + type: "bi.grid_table_scrollbar", + width: BI.GridTableScrollbar.SIZE + }); + this.topScrollbar.on(BI.GridTableScrollbar.EVENT_SCROLL, function (scrollTop) { + self.bottomLeftCollection.setScrollTop(scrollTop); + self.bottomRightCollection.setScrollTop(scrollTop); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.leftScrollbar = BI.createWidget({ + type: "bi.grid_table_horizontal_scrollbar", + height: BI.GridTableScrollbar.SIZE + }); + this.leftScrollbar.on(BI.GridTableScrollbar.EVENT_SCROLL, function (scrollLeft) { + self.topLeftCollection.setScrollLeft(scrollLeft); + self.bottomLeftCollection.setScrollLeft(scrollLeft); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.rightScrollbar = BI.createWidget({ + type: "bi.grid_table_horizontal_scrollbar", + height: BI.GridTableScrollbar.SIZE + }); + this.rightScrollbar.on(BI.GridTableScrollbar.EVENT_SCROLL, function (scrollLeft) { + self.topRightCollection.setScrollLeft(scrollLeft); + self.bottomRightCollection.setScrollLeft(scrollLeft); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.scrollBarLayout = BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.topScrollbar, + right: 0, + top: 0 + }, { + el: this.leftScrollbar, + left: 0 + }, { + el: this.rightScrollbar, + }] + }); + this._width = o.width - BI.GridTableScrollbar.SIZE; + this._height = o.height - BI.GridTableScrollbar.SIZE; + if (o.items.length > 0 || o.header.length < 0) { + this._digest(); + this._populate(); + } + }, + + _getFreezeColLength: function () { + return this.options.isNeedFreeze ? this.options.freezeCols.length : 0; + }, + + _populateScrollbar: function () { + var o = this.options; + var regionSize = this.getRegionSize(), totalLeftColumnSize = 0, totalRightColumnSize = 0, totalColumnSize = 0, summaryColumnSizeArray = [], totalRowSize = o.items.length * o.rowSize; + var freezeColLength = this._getFreezeColLength(); + BI.each(o.columnSize, function (i, size) { + if (o.isNeedFreeze === true && o.freezeCols.contains(i)) { + totalLeftColumnSize += size; + } else { + totalRightColumnSize += size; + } + totalColumnSize += size; + if (i === 0) { + summaryColumnSizeArray[i] = size; + } else { + summaryColumnSizeArray[i] = summaryColumnSizeArray[i - 1] + size; + } + }); + this.topScrollbar.setContentSize(o.items.length * o.rowSize); + this.topScrollbar.setSize(this._height - o.header.length * o.headerRowSize); + this.topScrollbar.setPosition(this.bottomRightCollection.getScrollTop()); + this.topScrollbar.populate(); + + this.leftScrollbar.setContentSize(totalLeftColumnSize); + this.leftScrollbar.setSize(regionSize); + this.leftScrollbar.setPosition(this.bottomLeftCollection.getScrollLeft()); + this.leftScrollbar.populate(); + + this.rightScrollbar.setContentSize(totalRightColumnSize); + this.rightScrollbar.setSize(this._width - regionSize); + this.rightScrollbar.setPosition(this.bottomRightCollection.getScrollLeft()); + this.rightScrollbar.populate(); + + var items = this.scrollBarLayout.attr("items"); + items[0].top = o.header.length * o.headerRowSize; + items[1].top = this._height; + items[2].top = this._height; + items[2].left = regionSize; + this.scrollBarLayout.attr("items", items); + this.scrollBarLayout.resize(); + }, + + _populateTable: function () { + var self = this, o = this.options; + var regionSize = this.getRegionSize(), totalLeftColumnSize = 0, totalRightColumnSize = 0, totalColumnSize = 0, summaryColumnSizeArray = [], totalRowSize = o.items.length * o.rowSize; + var freezeColLength = this._getFreezeColLength(); + BI.each(o.columnSize, function (i, size) { + if (o.isNeedFreeze === true && o.freezeCols.contains(i)) { + totalLeftColumnSize += size; + } else { + totalRightColumnSize += size; + } + totalColumnSize += size; + if (i === 0) { + summaryColumnSizeArray[i] = size; + } else { + summaryColumnSizeArray[i] = summaryColumnSizeArray[i - 1] + size; + } + }); + + var tlw = regionSize; + var tlh = regionSize >= summaryColumnSizeArray[freezeColLength - 1] ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); + var trw = this._width - regionSize; + var trh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); + var blw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? regionSize : (regionSize + this._scrollBarSize); + var blh = (regionSize >= (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); + var brw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? (this._width - regionSize) : (this._width - regionSize + this._scrollBarSize); + var brh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); + + var otlw = regionSize; + var otlh = o.header.length * o.headerRowSize; + var otrw = this._width - regionSize; + var otrh = o.header.length * o.headerRowSize; + var oblw = regionSize; + var oblh = this._height - o.header.length * o.headerRowSize; + var obrw = this._width - regionSize; + var obrh = this._height - o.header.length * o.headerRowSize; + + var digest = function (w, h, tw, th, el) { + if (w >= tw && h >= th) { + el.element.css({ + overflow: "hidden", + overflowX: "hidden", + overflowY: "hidden" + }) + } else if (w >= tw) { + el.element.css({ + overflow: "hidden", + overflowX: "hidden", + overflowY: "auto" + }) + } else if (h >= th) { + el.element.css({ + overflow: "hidden", + overflowX: "auto", + overflowY: "hidden" + }) + } else { + el.element.css({ + overflow: "auto", + overflowX: "auto", + overflowY: "auto" + }) + } + }; + + this.topLeft.setWidth(otlw); + this.topLeft.setHeight(otlh); + this.topRight.setWidth(otrw); + this.topRight.setHeight(otrh); + this.bottomLeft.setWidth(oblw); + this.bottomLeft.setHeight(oblh); + this.bottomRight.setWidth(obrw); + this.bottomRight.setHeight(obrh); + + this.topLeftCollection.setWidth(tlw); + this.topLeftCollection.setHeight(tlh); + this.topRightCollection.setWidth(trw); + this.topRightCollection.setHeight(trh); + this.bottomLeftCollection.setWidth(blw); + this.bottomLeftCollection.setHeight(blh); + this.bottomRightCollection.setWidth(brw); + this.bottomRightCollection.setHeight(brh); + + digest(tlw, tlh, totalLeftColumnSize, o.header.length * o.headerRowSize, this.topLeftCollection); + digest(trw, trh, totalRightColumnSize, o.header.length * o.headerRowSize, this.topRightCollection); + digest(blw, blh, totalLeftColumnSize, o.items.length * o.rowSize, this.bottomLeftCollection); + digest(brw, brh, totalRightColumnSize, o.items.length * o.rowSize, this.bottomRightCollection); + + var items = this.contextLayout.attr("items"); + items[1].left = regionSize; + items[2].top = o.header.length * o.headerRowSize; + items[3].left = regionSize; + items[3].top = o.header.length * o.headerRowSize; + this.contextLayout.attr("items", items); + this.contextLayout.resize(); + + var leftHeader = [], rightHeader = [], leftItems = [], rightItems = []; + var run = function (positions, items, rendered) { + BI.each(positions, function (i, item) { + var cell = { + type: "bi.collection_table_cell", + cell: items[item.row][item.col] + }; + rendered.push(cell); + }); + }; + run(this.topLeftItems, o.header, leftHeader); + run(this.topRightItems, o.header, rightHeader); + run(this.bottomLeftItems, o.items, leftItems); + run(this.bottomRightItems, o.items, rightItems); + + this.topLeftCollection.populate(leftHeader); + this.topRightCollection.populate(rightHeader); + this.bottomLeftCollection.populate(leftItems); + this.bottomRightCollection.populate(rightItems); + }, + + _digest: function () { + var o = this.options; + var freezeColLength = this._getFreezeColLength(); + this.topLeftItems = this._serialize(o.header, 0, freezeColLength, o.headerRowSize, o.columnSize, o.mergeCols); + this.topRightItems = this._serialize(o.header, freezeColLength, o.columnSize.length, o.headerRowSize, o.columnSize, true); + this.bottomLeftItems = this._serialize(o.items, 0, freezeColLength, o.rowSize, o.columnSize, o.mergeCols); + this.bottomRightItems = this._serialize(o.items, freezeColLength, o.columnSize.length, o.rowSize, o.columnSize, o.mergeCols); + }, + + _serialize: function (items, startCol, endCol, rowHeight, columnSize, mergeCols) { + var self = this, o = this.options; + var result = [], cache = {}, preCol = {}, preRow = {}, map = {}; + var summaryColumnSize = []; + for (var i = startCol; i < endCol; i++) { + if (i === startCol) { + summaryColumnSize[i] = columnSize[i]; + } else { + summaryColumnSize[i] = summaryColumnSize[i - 1] + columnSize[i]; + } + } + var mergeRow = function (i, j) { + preCol[j]._height += rowHeight; + preCol[j].__mergeRows.push(i); + }; + + var mergeCol = function (i, j) { + preRow[i]._width += columnSize[j]; + preRow[i].__mergeCols.push(j); + }; + + var createOneEl = function (r, c) { + var width = columnSize[c]; + var height = rowHeight; + map[r][c]._row = r; + map[r][c]._col = c; + map[r][c]._width = width; + map[r][c]._height = height; + preCol[c] = map[r][c]; + preCol[c].__mergeRows = [r]; + preRow[r] = map[r][c]; + preRow[r].__mergeCols = [c]; + + result.push({ + x: summaryColumnSize[c] - columnSize[c], + y: +r * rowHeight, + item: map[r][c] + }); + }; + + BI.each(items, function (i, cols) { + for (var j = startCol; j < endCol; j++) { + if (!cache[i]) { + cache[i] = {}; + } + if (!map[i]) { + map[i] = {}; + } + cache[i][j] = cols[j]; + map[i][j] = {}; + if (mergeCols === true || mergeCols.indexOf(j) > -1) { + if (i === 0 && j === startCol) { + createOneEl(0, startCol); + } else if (j === startCol && i > 0) { + var isNeedMergeRow = o.mergeRule(cache[i][j], cache[i - 1][j]); + if (isNeedMergeRow === true) { + mergeRow(i, j); + preRow[i] = preCol[j]; + } else { + createOneEl(i, j); + } + } else if (i === 0 && j > startCol) { + var isNeedMergeCol = o.mergeRule(cache[i][j], cache[i][j - 1]); + if (isNeedMergeCol === true) { + mergeCol(i, j); + preCol[j] = preRow[i]; + } else { + createOneEl(i, j); + } + } else { + var isNeedMergeRow = o.mergeRule(cache[i][j], cache[i - 1][j]); + var isNeedMergeCol = o.mergeRule(cache[i][j], cache[i][j - 1]); + if (isNeedMergeCol && isNeedMergeRow) { + continue; + //mergeRow(i, j);//优先合并列 + } + if (isNeedMergeCol) { + mergeCol(i, j); + } + if (isNeedMergeRow) { + mergeRow(i, j); + } + if (!isNeedMergeCol && !isNeedMergeRow) { + createOneEl(i, j); + } + } + } else { + createOneEl(i, j); + } + } + }); + return BI.map(result, function (i, item) { + return { + x: item.x, + y: item.y, + row: item.item._row, + col: item.item._col, + width: item.item._width, + height: item.item._height + } + }); + }, + + _populate: function () { + if (this._width <= 0 || this._height <= 0) { + return; + } + if (this._isNeedDigest === true) { + this._digest(); + } + this._populateTable(); + this._populateScrollbar(); + }, + + getRegionSize: function () { + var o = this.options; + var regionSize = o.regionColumnSize[0] || 0; + if (o.isNeedFreeze === false || o.freezeCols.length === 0) { + return 0; + } + if (!regionSize) { + BI.each(o.freezeCols, function (i, col) { + regionSize += o.columnSize[col]; + }); + } + return regionSize; + }, + + setVerticalScroll: function (scrollTop) { + this.bottomLeftCollection.setScrollTop(scrollTop); + this.bottomRightCollection.setScrollTop(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + this.topLeftCollection.setScrollLeft(scrollLeft); + this.bottomLeftCollection.setScrollLeft(scrollLeft); + }, + + setRightHorizontalScroll: function (scrollLeft) { + this.topRightCollection.setScrollLeft(scrollLeft); + this.bottomRightCollection.setScrollLeft(scrollLeft); + }, + + getVerticalScroll: function () { + return this.bottomRightCollection.getScrollTop(); + }, + + getLeftHorizontalScroll: function () { + return this.bottomLeftCollection.getScrollLeft(); + }, + + getRightHorizontalScroll: function () { + return this.bottomRightCollection.getScrollLeft(); + }, + + setWidth: function (width) { + BI.CollectionTable.superclass.setWidth.apply(this, arguments); + this._width = this.options.width - BI.GridTableScrollbar.SIZE; + }, + + setHeight: function (height) { + BI.CollectionTable.superclass.setHeight.apply(this, arguments); + this._height = this.options.height - BI.GridTableScrollbar.SIZE; + }, + + setColumnSize: function (columnSize) { + this._isNeedDigest = true; + this.options.columnSize = columnSize; + }, + + setRegionColumnSize: function (regionColumnSize) { + this._isNeedDigest = true; + this.options.regionColumnSize = regionColumnSize; + }, + + getColumnSize: function () { + return this.options.columnSize; + }, + + getRegionColumnSize: function () { + return this.options.regionColumnSize; + }, + + populate: function (items, header) { + if (items && items !== this.options.items) { + this._isNeedDigest = true; + this.options.items = items; + this._restore(); + } + if (header && header !== this.options.header) { + this._isNeedDigest = true; + this.options.header = header; + this._restore(); + } + this._populate(); + }, + + _restore: function () { + this.topLeftCollection.restore(); + this.topRightCollection.restore(); + this.bottomLeftCollection.restore(); + this.bottomRightCollection.restore(); + }, + + restore: function () { + this._restore(); + } +}); +$.shortcut('bi.collection_table', BI.CollectionTable);/** + * QuickCollectionTable + * + * Created by GUY on 2016/1/12. + * @class BI.QuickCollectionTable + * @extends BI.CollectionTable + */ +BI.QuickCollectionTable = BI.inherit(BI.CollectionTable, { + _defaultConfig: function () { + return BI.extend(BI.QuickCollectionTable.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-quick-collection-table" + }); + }, + + _init: function () { + BI.QuickCollectionTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.topLeftCollection.setOverflowX(false); + this.topLeftCollection.setOverflowY(false); + this.topRightCollection.setOverflowX(false); + this.topRightCollection.setOverflowY(false); + this.bottomLeftCollection.setOverflowX(false); + this.bottomLeftCollection.setOverflowY(false); + this.bottomRightCollection.setOverflowX(false); + this.bottomRightCollection.setOverflowY(false); + this._leftWheelHandler = new BI.WheelHandler( + BI.bind(this._onWheelY, this), + BI.bind(this._shouldHandleX, this), + BI.bind(this._shouldHandleY, this) + ); + this._rightWheelHandler = new BI.WheelHandler( + BI.bind(this._onWheelY, this), + BI.bind(this._shouldHandleX, this), + BI.bind(this._shouldHandleY, this) + ); + this.bottomLeftCollection.element.mousewheel(function (e) { + self._leftWheelHandler.onWheel(e.originalEvent); + }); + this.bottomRightCollection.element.mousewheel(function (e) { + self._rightWheelHandler.onWheel(e.originalEvent); + }); + }, + + _shouldHandleX: function (delta) { + return false; + }, + + _shouldHandleY: function (delta) { + if (delta > 0) { + return this.bottomRightCollection.getScrollTop() < this.bottomRightCollection.getMaxScrollTop(); + } else { + return this.bottomRightCollection.getScrollTop() > 0; + } + }, + + _onWheelY: function (deltaX, deltaY) { + var self = this; + var scrollTop = this.bottomRightCollection.getScrollTop(); + scrollTop += deltaY; + this.bottomLeftCollection.setScrollTop(scrollTop); + this.bottomRightCollection.setScrollTop(scrollTop); + self._populateScrollbar(); + this.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }, + + _populateTable: function () { + var self = this, o = this.options; + var regionSize = this.getRegionSize(), totalLeftColumnSize = 0, totalRightColumnSize = 0, totalColumnSize = 0, summaryColumnSizeArray = [], totalRowSize = o.items.length * o.rowSize; + var freezeColLength = this._getFreezeColLength(); + BI.each(o.columnSize, function (i, size) { + if (o.isNeedFreeze === true && o.freezeCols.contains(i)) { + totalLeftColumnSize += size; + } else { + totalRightColumnSize += size; + } + totalColumnSize += size; + if (i === 0) { + summaryColumnSizeArray[i] = size; + } else { + summaryColumnSizeArray[i] = summaryColumnSizeArray[i - 1] + size; + } + }); + + var otlw = regionSize; + var otlh = o.header.length * o.headerRowSize; + var otrw = this._width - regionSize; + var otrh = o.header.length * o.headerRowSize; + var oblw = regionSize; + var oblh = this._height - o.header.length * o.headerRowSize; + var obrw = this._width - regionSize; + var obrh = this._height - o.header.length * o.headerRowSize; + + this.topLeft.setWidth(otlw); + this.topLeft.setHeight(otlh); + this.topRight.setWidth(otrw); + this.topRight.setHeight(otrh); + this.bottomLeft.setWidth(oblw); + this.bottomLeft.setHeight(oblh); + this.bottomRight.setWidth(obrw); + this.bottomRight.setHeight(obrh); + + this.topLeftCollection.setWidth(otlw); + this.topLeftCollection.setHeight(otlh); + this.topRightCollection.setWidth(otrw); + this.topRightCollection.setHeight(otrh); + this.bottomLeftCollection.setWidth(oblw); + this.bottomLeftCollection.setHeight(oblh); + this.bottomRightCollection.setWidth(obrw); + this.bottomRightCollection.setHeight(obrh); + + var items = this.contextLayout.attr("items"); + items[1].left = regionSize; + items[2].top = o.header.length * o.headerRowSize; + items[3].left = regionSize; + items[3].top = o.header.length * o.headerRowSize; + this.contextLayout.attr("items", items); + this.contextLayout.resize(); + + var leftHeader = [], rightHeader = [], leftItems = [], rightItems = []; + var run = function (positions, items, rendered) { + BI.each(positions, function (i, item) { + var cell = { + type: "bi.collection_table_cell", + cell: items[item.row][item.col] + }; + rendered.push(cell); + }); + }; + run(this.topLeftItems, o.header, leftHeader); + run(this.topRightItems, o.header, rightHeader); + run(this.bottomLeftItems, o.items, leftItems); + run(this.bottomRightItems, o.items, rightItems); + + this.topLeftCollection.populate(leftHeader); + this.topRightCollection.populate(rightHeader); + this.bottomLeftCollection.populate(leftItems); + this.bottomRightCollection.populate(rightItems); + } +}); +$.shortcut('bi.quick_collection_table', BI.QuickCollectionTable);/** + * + * 表格单元格 + * + * Created by GUY on 2016/1/12. + * @class BI.GridTableCell + * @extends BI.Widget + */ +BI.GridTableCell = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.GridTableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-grid-table-cell", + width: 0, + height: 0, + _rowIndex: 0, + _columnIndex: 0, + _left: 0, + _top: 0, + cell: {} + }) + }, + + _init: function () { + BI.GridTableCell.superclass._init.apply(this, arguments); + var o = this.options; + this.cell = BI.createWidget(BI.extend({ + type: "bi.label" + }, o.cell, { + cls: (o.cell.cls || "") + "grid-table-cell-wrapper", + width: o.width - (o._columnIndex === 0 ? 1 : 0) - 1, + height: o.height - (o._rowIndex === 0 ? 1 : 0) - 1 + })); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.cell, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + }, + + setWidth: function (width) { + BI.GridTableCell.superclass.setWidth.apply(this, arguments); + var o = this.options; + this.cell.setWidth(o.width - (o._columnIndex === 0 ? 1 : 0) - 1); + }, + + setHeight: function (height) { + BI.GridTableCell.superclass.setHeight.apply(this, arguments); + var o = this.options; + this.cell.setHeight(o.height - (o._rowIndex === 0 ? 1 : 0) - 1); + } +}); + +$.shortcut("bi.grid_table_cell", BI.GridTableCell);/** + * GridTable + * + * Created by GUY on 2016/1/12. + * @class BI.GridTable + * @extends BI.Widget + */ +BI.GridTable = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.GridTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-grid-table", + headerRowSize: 25, + rowSize: 25, + columnSize: [], + isNeedFreeze: false, + freezeCols: [], + header: [], + items: [], + regionColumnSize: [] + }); + }, + + _init: function () { + BI.GridTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this._width = 0; + this._height = 0; + this._scrollBarSize = BI.DOM.getScrollWidth(); + var rowHeightGetter = function () { + return o.rowSize; + }; + var columnLeftWidthGetter = function (index) { + return o.columnSize[index]; + }; + var columnRightWidthGetter = function (index) { + return o.columnSize[index + self._getFreezeColLength()]; + }; + this.topLeftGrid = BI.createWidget({ + type: "bi.grid_view", + rowHeightGetter: rowHeightGetter, + columnWidthGetter: columnLeftWidthGetter, + }); + this.topLeftGrid.on(BI.Grid.EVENT_SCROLL, function (scroll) { + self.bottomLeftGrid.setScrollLeft(scroll.scrollLeft); + self._populateScrollbar(); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.topRightGrid = BI.createWidget({ + type: "bi.grid_view", + rowHeightGetter: rowHeightGetter, + columnWidthGetter: columnRightWidthGetter, + }); + this.topRightGrid.on(BI.Grid.EVENT_SCROLL, function (scroll) { + self.bottomRightGrid.setScrollLeft(scroll.scrollLeft); + self._populateScrollbar(); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.bottomLeftGrid = BI.createWidget({ + type: "bi.grid_view", + rowHeightGetter: rowHeightGetter, + columnWidthGetter: columnLeftWidthGetter, + }); + this.bottomLeftGrid.on(BI.Grid.EVENT_SCROLL, function (scroll) { + self.bottomRightGrid.setScrollTop(scroll.scrollTop); + self.topLeftGrid.setScrollLeft(scroll.scrollLeft); + self._populateScrollbar(); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.bottomRightGrid = BI.createWidget({ + type: "bi.grid_view", + rowHeightGetter: rowHeightGetter, + columnWidthGetter: columnRightWidthGetter, + }); + this.bottomRightGrid.on(BI.Grid.EVENT_SCROLL, function (scroll) { + self.bottomLeftGrid.setScrollTop(scroll.scrollTop); + self.topRightGrid.setScrollLeft(scroll.scrollLeft); + self._populateScrollbar(); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.topLeft = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.topLeftGrid] + }); + this.topRight = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.topRightGrid] + }); + this.bottomLeft = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.bottomLeftGrid] + }); + this.bottomRight = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.bottomRightGrid] + }); + this.contextLayout = BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.topLeft, + top: 0, + left: 0 + }, { + el: this.topRight, + top: 0 + }, { + el: this.bottomLeft, + left: 0 + }, { + el: this.bottomRight + }] + }); + + this.topScrollbar = BI.createWidget({ + type: "bi.grid_table_scrollbar", + width: BI.GridTableScrollbar.SIZE + }); + this.topScrollbar.on(BI.GridTableScrollbar.EVENT_SCROLL, function (scrollTop) { + self.bottomLeftGrid.setScrollTop(scrollTop); + self.bottomRightGrid.setScrollTop(scrollTop); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.leftScrollbar = BI.createWidget({ + type: "bi.grid_table_horizontal_scrollbar", + height: BI.GridTableScrollbar.SIZE + }); + this.leftScrollbar.on(BI.GridTableHorizontalScrollbar.EVENT_SCROLL, function (scrollLeft) { + self.topLeftGrid.setScrollLeft(scrollLeft); + self.bottomLeftGrid.setScrollLeft(scrollLeft); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.rightScrollbar = BI.createWidget({ + type: "bi.grid_table_horizontal_scrollbar", + height: BI.GridTableScrollbar.SIZE + }); + this.rightScrollbar.on(BI.GridTableHorizontalScrollbar.EVENT_SCROLL, function (scrollLeft) { + self.topRightGrid.setScrollLeft(scrollLeft); + self.bottomRightGrid.setScrollLeft(scrollLeft); + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.scrollBarLayout = BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.topScrollbar, + right: 0, + top: 0 + }, { + el: this.leftScrollbar, + left: 0 + }, { + el: this.rightScrollbar, + }] + }); + this._width = o.width - BI.GridTableScrollbar.SIZE; + this._height = o.height - BI.GridTableScrollbar.SIZE; + this.header = this._getHeader(); + this.items = this._getItems(); + if (o.items.length > 0) { + this._populate(); + } + }, + + _getFreezeColLength: function () { + return this.options.isNeedFreeze ? this.options.freezeCols.length : 0; + }, + + _populateScrollbar: function () { + var o = this.options; + var regionSize = this.getRegionSize(), totalLeftColumnSize = 0, totalRightColumnSize = 0, totalColumnSize = 0, summaryColumnSizeArray = [], totalRowSize = o.items.length * o.rowSize; + var freezeColLength = this._getFreezeColLength(); + BI.each(o.columnSize, function (i, size) { + if (o.isNeedFreeze === true && o.freezeCols.contains(i)) { + totalLeftColumnSize += size; + } else { + totalRightColumnSize += size; + } + totalColumnSize += size; + if (i === 0) { + summaryColumnSizeArray[i] = size; + } else { + summaryColumnSizeArray[i] = summaryColumnSizeArray[i - 1] + size; + } + }); + this.topScrollbar.setContentSize(o.items.length * o.rowSize); + this.topScrollbar.setSize(this._height - o.header.length * o.headerRowSize); + this.topScrollbar.setPosition(Math.min(this.bottomLeftGrid.getScrollTop(), this.bottomRightGrid.getScrollTop())); + this.topScrollbar.populate(); + + this.leftScrollbar.setContentSize(totalLeftColumnSize); + this.leftScrollbar.setSize(regionSize); + this.leftScrollbar.setPosition(this.bottomLeftGrid.getScrollLeft()); + this.leftScrollbar.populate(); + + this.rightScrollbar.setContentSize(totalRightColumnSize); + this.rightScrollbar.setSize(this._width - regionSize); + this.rightScrollbar.setPosition(this.bottomRightGrid.getScrollLeft()); + this.rightScrollbar.populate(); + + var items = this.scrollBarLayout.attr("items"); + items[0].top = o.header.length * o.headerRowSize; + items[1].top = this._height; + items[2].top = this._height; + items[2].left = regionSize; + this.scrollBarLayout.attr("items", items); + this.scrollBarLayout.resize(); + }, + + _getHeader: function () { + var o = this.options; + var freezeColLength = this._getFreezeColLength(); + var leftHeader = [], rightHeader = []; + BI.each(o.header, function (i, cols) { + leftHeader[i] = []; + rightHeader[i] = []; + BI.each(cols, function (j, col) { + var cell = { + type: "bi.grid_table_cell", + cell: col + }; + if (j < freezeColLength) { + leftHeader[i].push(cell); + } else { + rightHeader[i].push(cell); + } + }); + }); + return [leftHeader, rightHeader]; + }, + + _getItems: function () { + var o = this.options; + var freezeColLength = this._getFreezeColLength(); + var leftItems = [], rightItems = []; + BI.each(o.items, function (i, cols) { + leftItems[i] = []; + rightItems[i] = []; + BI.each(cols, function (j, col) { + var cell = { + type: "bi.grid_table_cell", + cell: col + }; + if (j < freezeColLength) { + leftItems[i].push(cell); + } else { + rightItems[i].push(cell); + } + }); + }); + return [leftItems, rightItems]; + }, + + _populateTable: function () { + var self = this, o = this.options; + var regionSize = this.getRegionSize(), totalLeftColumnSize = 0, totalRightColumnSize = 0, totalColumnSize = 0, summaryColumnSizeArray = [], totalRowSize = o.items.length * o.rowSize; + var freezeColLength = this._getFreezeColLength(); + BI.each(o.columnSize, function (i, size) { + if (o.isNeedFreeze === true && o.freezeCols.contains(i)) { + totalLeftColumnSize += size; + } else { + totalRightColumnSize += size; + } + totalColumnSize += size; + if (i === 0) { + summaryColumnSizeArray[i] = size; + } else { + summaryColumnSizeArray[i] = summaryColumnSizeArray[i - 1] + size; + } + }); + + var tlw = regionSize; + var tlh = regionSize >= summaryColumnSizeArray[freezeColLength - 1] ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); + var trw = this._width - regionSize; + var trh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (o.header.length * o.headerRowSize) : (o.header.length * o.headerRowSize + this._scrollBarSize); + var blw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? regionSize : (regionSize + this._scrollBarSize); + var blh = (regionSize >= (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); + var brw = (this._height - o.header.length * o.headerRowSize >= totalRowSize) ? (this._width - regionSize) : (this._width - regionSize + this._scrollBarSize); + var brh = (this._width - regionSize >= totalColumnSize - (summaryColumnSizeArray[freezeColLength - 1] || 0)) ? (this._height - o.header.length * o.headerRowSize) : (this._height - o.header.length * o.headerRowSize + this._scrollBarSize); + + var otlw = regionSize; + var otlh = o.header.length * o.headerRowSize; + var otrw = this._width - regionSize; + var otrh = o.header.length * o.headerRowSize; + var oblw = regionSize; + var oblh = this._height - o.header.length * o.headerRowSize; + var obrw = this._width - regionSize; + var obrh = this._height - o.header.length * o.headerRowSize; + + var digest = function (w, h, tw, th, el) { + if (w >= tw && h >= th) { + el.element.css({ + overflow: "hidden", + overflowX: "hidden", + overflowY: "hidden" + }) + } else if (w >= tw) { + el.element.css({ + overflow: "hidden", + overflowX: "hidden", + overflowY: "auto" + }) + } else if (h >= th) { + el.element.css({ + overflow: "hidden", + overflowX: "auto", + overflowY: "hidden" + }) + } else { + el.element.css({ + overflow: "auto", + overflowX: "auto", + overflowY: "auto" + }) + } + }; + + this.topLeft.setWidth(otlw); + this.topLeft.setHeight(otlh); + this.topRight.setWidth(otrw); + this.topRight.setHeight(otrh); + this.bottomLeft.setWidth(oblw); + this.bottomLeft.setHeight(oblh); + this.bottomRight.setWidth(obrw); + this.bottomRight.setHeight(obrh); + + this.topLeftGrid.setWidth(tlw); + this.topLeftGrid.setHeight(tlh); + this.topRightGrid.setWidth(trw); + this.topRightGrid.setHeight(trh); + this.bottomLeftGrid.setWidth(blw); + this.bottomLeftGrid.setHeight(blh); + this.bottomRightGrid.setWidth(brw); + this.bottomRightGrid.setHeight(brh); + + digest(tlw, tlh, totalLeftColumnSize, o.header.length * o.headerRowSize, this.topLeftGrid); + digest(trw, trh, totalRightColumnSize, o.header.length * o.headerRowSize, this.topRightGrid); + digest(blw, blh, totalLeftColumnSize, o.items.length * o.rowSize, this.bottomLeftGrid); + digest(brw, brh, totalRightColumnSize, o.items.length * o.rowSize, this.bottomRightGrid); + + this.topLeftGrid.setEstimatedColumnSize(freezeColLength > 0 ? totalLeftColumnSize / freezeColLength : 0); + this.topLeftGrid.setEstimatedRowSize(o.headerRowSize); + this.topRightGrid.setEstimatedColumnSize(totalRightColumnSize / (o.columnSize.length - freezeColLength)); + this.topRightGrid.setEstimatedRowSize(o.headerRowSize); + this.bottomLeftGrid.setEstimatedColumnSize(freezeColLength > 0 ? totalLeftColumnSize / freezeColLength : 0); + this.bottomLeftGrid.setEstimatedRowSize(o.rowSize); + this.bottomRightGrid.setEstimatedColumnSize(totalRightColumnSize / (o.columnSize.length - freezeColLength)); + this.bottomRightGrid.setEstimatedRowSize(o.rowSize); + + var items = this.contextLayout.attr("items"); + items[1].left = regionSize; + items[2].top = o.header.length * o.headerRowSize; + items[3].left = regionSize; + items[3].top = o.header.length * o.headerRowSize; + this.contextLayout.attr("items", items); + this.contextLayout.resize(); + + this.topLeftGrid.populate(this.header[0]); + this.topRightGrid.populate(this.header[1]); + this.bottomLeftGrid.populate(this.items[0]); + this.bottomRightGrid.populate(this.items[1]); + }, + + _populate: function () { + if (this._width <= 0 || this._height <= 0) { + return; + } + this._populateTable(); + this._populateScrollbar(); + }, + + getRegionSize: function () { + var o = this.options; + var regionSize = o.regionColumnSize[0] || 0; + if (o.isNeedFreeze === false || o.freezeCols.length === 0) { + return 0; + } + if (!regionSize) { + BI.each(o.freezeCols, function (i, col) { + regionSize += o.columnSize[col]; + }); + } + return regionSize; + }, + + setVerticalScroll: function (scrollTop) { + this.bottomLeftGrid.setScrollTop(scrollTop); + this.bottomRightGrid.setScrollTop(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + this.topLeftGrid.setScrollLeft(scrollLeft); + this.bottomLeftGrid.setScrollLeft(scrollLeft); + }, + + setRightHorizontalScroll: function (scrollLeft) { + this.topRightGrid.setScrollLeft(scrollLeft); + this.bottomRightGrid.setScrollLeft(scrollLeft); + }, + + getVerticalScroll: function () { + return this.bottomRightGrid.getScrollTop(); + }, + + getLeftHorizontalScroll: function () { + return this.bottomLeftGrid.getScrollLeft(); + }, + + getRightHorizontalScroll: function () { + return this.bottomRightGrid.getScrollLeft(); + }, + + setWidth: function (width) { + BI.GridTable.superclass.setWidth.apply(this, arguments); + this._width = this.options.width - BI.GridTableScrollbar.SIZE; + }, + + setHeight: function (height) { + BI.GridTable.superclass.setHeight.apply(this, arguments); + this._height = this.options.height - BI.GridTableScrollbar.SIZE; + }, + + setColumnSize: function (columnSize) { + this.options.columnSize = columnSize; + }, + + setRegionColumnSize: function (regionColumnSize) { + this.options.regionColumnSize = regionColumnSize; + }, + + getColumnSize: function () { + return this.options.columnSize; + }, + + getRegionColumnSize: function () { + return this.options.regionColumnSize; + }, + + populate: function (items, header) { + if (items && this.options.items !== items) { + this.options.items = items; + this.items = this._getItems(); + this._restore(); + } + if (header && this.options.header !== header) { + this.options.header = header; + this.header = this._getHeader(); + this._restore(); + } + this._populate(); + }, + + _restore: function () { + this.topLeftGrid.restore(); + this.topRightGrid.restore(); + this.bottomLeftGrid.restore(); + this.bottomRightGrid.restore(); + }, + + restore: function () { + this._restore(); + } +}); +$.shortcut('bi.grid_table', BI.GridTable);/** + * QuickGridTable + * + * Created by GUY on 2016/1/12. + * @class BI.QuickGridTable + * @extends BI.GridTable + */ +BI.QuickGridTable = BI.inherit(BI.GridTable, { + _defaultConfig: function () { + return BI.extend(BI.QuickGridTable.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-quick-grid-table" + }); + }, + + _init: function () { + BI.QuickGridTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.topLeftGrid.setOverflowX(false); + this.topLeftGrid.setOverflowY(false); + this.topRightGrid.setOverflowX(false); + this.topRightGrid.setOverflowY(false); + this.bottomLeftGrid.setOverflowX(false); + this.bottomLeftGrid.setOverflowY(false); + this.bottomRightGrid.setOverflowX(false); + this.bottomRightGrid.setOverflowY(false); + this._leftWheelHandler = new BI.WheelHandler( + BI.bind(this._onWheelY, this), + BI.bind(this._shouldHandleX, this), + BI.bind(this._shouldHandleY, this) + ); + this._rightWheelHandler = new BI.WheelHandler( + BI.bind(this._onWheelY, this), + BI.bind(this._shouldHandleX, this), + BI.bind(this._shouldHandleY, this) + ); + this.bottomLeftGrid.element.mousewheel(function (e) { + self._leftWheelHandler.onWheel(e.originalEvent); + }); + this.bottomRightGrid.element.mousewheel(function (e) { + self._rightWheelHandler.onWheel(e.originalEvent); + }); + }, + + _shouldHandleX: function (delta) { + return false; + }, + + _shouldHandleY: function (delta) { + if (delta > 0) { + return this.bottomRightGrid.getScrollTop() < this.bottomRightGrid.getMaxScrollTop(); + } else { + return this.bottomRightGrid.getScrollTop() > 0; + } + }, + + _onWheelY: function (deltaX, deltaY) { + var self = this; + var scrollTop = this.bottomRightGrid.getScrollTop(); + scrollTop += deltaY; + this.bottomLeftGrid.setScrollTop(scrollTop); + this.bottomRightGrid.setScrollTop(scrollTop); + self._populateScrollbar(); + this.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }, + + _populateTable: function () { + var self = this, o = this.options; + var regionSize = this.getRegionSize(), totalLeftColumnSize = 0, totalRightColumnSize = 0, totalColumnSize = 0, summaryColumnSizeArray = [], totalRowSize = o.items.length * o.rowSize; + var freezeColLength = this._getFreezeColLength(); + BI.each(o.columnSize, function (i, size) { + if (o.isNeedFreeze === true && o.freezeCols.contains(i)) { + totalLeftColumnSize += size; + } else { + totalRightColumnSize += size; + } + totalColumnSize += size; + if (i === 0) { + summaryColumnSizeArray[i] = size; + } else { + summaryColumnSizeArray[i] = summaryColumnSizeArray[i - 1] + size; + } + }); + + var otlw = regionSize; + var otlh = o.header.length * o.headerRowSize; + var otrw = this._width - regionSize; + var otrh = o.header.length * o.headerRowSize; + var oblw = regionSize; + var oblh = this._height - o.header.length * o.headerRowSize; + var obrw = this._width - regionSize; + var obrh = this._height - o.header.length * o.headerRowSize; + + this.topLeft.setWidth(otlw); + this.topLeft.setHeight(otlh); + this.topRight.setWidth(otrw); + this.topRight.setHeight(otrh); + this.bottomLeft.setWidth(oblw); + this.bottomLeft.setHeight(oblh); + this.bottomRight.setWidth(obrw); + this.bottomRight.setHeight(obrh); + + this.topLeftGrid.setWidth(otlw); + this.topLeftGrid.setHeight(otlh); + this.topRightGrid.setWidth(otrw); + this.topRightGrid.setHeight(otrh); + this.bottomLeftGrid.setWidth(oblw); + this.bottomLeftGrid.setHeight(oblh); + this.bottomRightGrid.setWidth(obrw); + this.bottomRightGrid.setHeight(obrh); + + this.topLeftGrid.setEstimatedColumnSize(freezeColLength > 0 ? totalLeftColumnSize / freezeColLength : 0); + this.topLeftGrid.setEstimatedRowSize(o.headerRowSize); + this.topRightGrid.setEstimatedColumnSize(totalRightColumnSize / (o.columnSize.length - freezeColLength)); + this.topRightGrid.setEstimatedRowSize(o.headerRowSize); + this.bottomLeftGrid.setEstimatedColumnSize(freezeColLength > 0 ? totalLeftColumnSize / freezeColLength : 0); + this.bottomLeftGrid.setEstimatedRowSize(o.rowSize); + this.bottomRightGrid.setEstimatedColumnSize(totalRightColumnSize / (o.columnSize.length - freezeColLength)); + this.bottomRightGrid.setEstimatedRowSize(o.rowSize); + + var items = this.contextLayout.attr("items"); + items[1].left = regionSize; + items[2].top = o.header.length * o.headerRowSize; + items[3].left = regionSize; + items[3].top = o.header.length * o.headerRowSize; + this.contextLayout.attr("items", items); + this.contextLayout.resize(); + + var leftHeader = [], rightHeader = [], leftItems = [], rightItems = []; + BI.each(o.header, function (i, cols) { + leftHeader[i] = []; + rightHeader[i] = []; + BI.each(cols, function (j, col) { + var cell = { + type: "bi.grid_table_cell", + cell: col + }; + if (j < freezeColLength) { + leftHeader[i].push(cell); + } else { + rightHeader[i].push(cell); + } + }); + }); + BI.each(o.items, function (i, cols) { + leftItems[i] = []; + rightItems[i] = []; + BI.each(cols, function (j, col) { + var cell = { + type: "bi.grid_table_cell", + cell: col + }; + if (j < freezeColLength) { + leftItems[i].push(cell); + } else { + rightItems[i].push(cell); + } + }); + }); + this.topLeftGrid.populate(leftHeader); + this.topRightGrid.populate(rightHeader); + this.bottomLeftGrid.populate(leftItems); + this.bottomRightGrid.populate(rightItems); + } +}); +$.shortcut('bi.quick_grid_table', BI.QuickGridTable);/** + * + * 表格滚动条 + * + * Created by GUY on 2016/1/12. + * @class BI.GridTableScrollbar + * @extends BI.Widget + */ +BI.GridTableScrollbar = BI.inherit(BI.Widget, { + _const: { + FACE_MARGIN: 4, + FACE_MARGIN_2: 4 * 2, + FACE_SIZE_MIN: 30, + KEYBOARD_SCROLL_AMOUNT: 40 + }, + _defaultConfig: function () { + return BI.extend(BI.GridTableScrollbar.superclass._defaultConfig.apply(this, arguments), { + baseCls: "scrollbar-layout-main public-scrollbar-main", + attributes: { + tabIndex: 0 + }, + contentSize: 0, + defaultPosition: 0, + isOpaque: false, + orientation: "vertical", + position: 0, + size: 0 + }) + }, + + _init: function () { + BI.GridTableScrollbar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.focused = false; + this.isDragging = false; + this.face = BI.createWidget({ + type: "bi.layout", + cls: "scrollbar-layout-face public-scrollbar-face " + + (this._isHorizontal() ? "scrollbar-layout-face-horizontal" : "scrollbar-layout-face-vertical") + }); + this.contextLayout = BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.face, + left: 0, + top: 0 + }] + }); + var onWheel = o.orientation === 'horizontal' ? this._onWheelX : this._onWheelY; + this._wheelHandler = new BI.WheelHandler( + BI.bind(onWheel, this), + BI.bind(this._shouldHandleX, this), + BI.bind(this._shouldHandleY, this) + ); + this._mouseMoveTracker = new BI.MouseMoveTracker( + BI.bind(this._onMouseMove, this), + BI.bind(this._onMouseMoveEnd, this), + document + ); + this.element.on("mousedown", BI.bind(this._onMouseDown, this)); + this.element.on("mousewheel", function (e) { + self._wheelHandler.onWheel(e.originalEvent); + }); + this.element.on("keydown", BI.bind(this._onKeyDown, this)); + this.element.on("focus", function () { + self.focused = true; + self._populate(); + }); + this.element.on("blur", function () { + self.focused = false; + self._populate(); + }); + if (this._isHorizontal()) { + this.element.addClass("scrollbar-layout-main-horizontal"); + } else { + this.element.addClass("scrollbar-layout-main-vertical"); + } + this._populate(); + }, + + _isHorizontal: function () { + return this.options.orientation === 'horizontal' + }, + + _getScale: function () { + var o = this.options; + var scale = o.size / o.contentSize; + var faceSize = o.size * scale; + + if (faceSize < this._const.FACE_SIZE_MIN) { + scale = (o.size - this._const.FACE_SIZE_MIN) / (o.contentSize - o.size); + } + return scale; + }, + + _getFaceSize: function () { + var o = this.options; + var scale = o.size / o.contentSize; + var faceSize = o.size * scale; + + if (faceSize < this._const.FACE_SIZE_MIN) { + faceSize = this._const.FACE_SIZE_MIN; + } + return faceSize; + }, + + _shouldHandleX: function (delta) { + return this.options.orientation === 'horizontal' ? + this._shouldHandleChange(delta) : + false; + }, + + _shouldHandleY: function (delta) { + return this.options.orientation !== 'horizontal' ? + this._shouldHandleChange(delta) : + false; + }, + + _shouldHandleChange: function (delta) { + return this.options.position + delta !== this.options.position; + }, + + _onWheelY: function (deltaX, deltaY) { + this._onWheel(deltaY); + }, + + _onWheelX: function (deltaX, deltaY) { + this._onWheel(deltaX); + }, + + _onWheel: function (delta) { + var maxPosition = this.options.contentSize - this.options.size; + this.options.position += delta; + if (this.options.position < 0) { + this.options.position = 0; + } else if (this.options.position > maxPosition) { + this.options.position = maxPosition; + } + this._populate(); + this.fireEvent(BI.GridTableScrollbar.EVENT_SCROLL, this.options.position); + }, + + _onMouseDown: function (e) { + if (e.target !== this.face.element[0]) { + var position = this._isHorizontal() ? e.offsetX : e.offsetY; + position /= this._getScale(); + this.options.position = BI.clamp(position - (this._getFaceSize() * 0.5 / this._getScale()), 0, this.options.contentSize - this.options.size); + this._populate(); + this.fireEvent(BI.GridTableScrollbar.EVENT_SCROLL, this.options.position); + } else { + this._mouseMoveTracker.captureMouseMoves(e); + } + this.element[0].focus(); + }, + + _onMouseMove: function (deltaX, deltaY) { + var delta = this._isHorizontal() ? deltaX : deltaY; + delta /= this._getScale(); + this.options.position = BI.clamp(this.options.position + delta, 0, this.options.contentSize - this.options.size); + this.isDragging = this._mouseMoveTracker.isDragging(); + this._populate(); + this.fireEvent(BI.GridTableScrollbar.EVENT_SCROLL, this.options.position); + }, + + _onMouseMoveEnd: function (event) { + this._mouseMoveTracker.releaseMouseMoves(); + if (this.isDragging === true) { + this.isDragging = false; + this._populate(); + } + }, + + _onKeyDown: function (event) { + var Keys = { + BACKSPACE: 8, + TAB: 9, + RETURN: 13, + ALT: 18, + ESC: 27, + SPACE: 32, + PAGE_UP: 33, + PAGE_DOWN: 34, + END: 35, + HOME: 36, + LEFT: 37, + UP: 38, + RIGHT: 39, + DOWN: 40, + DELETE: 46, + COMMA: 188, + PERIOD: 190, + A: 65, + Z: 90, + ZERO: 48, + NUMPAD_0: 96, + NUMPAD_9: 105 + }; + var keyCode = event.keyCode; + + if (keyCode === Keys.TAB) { + return; + } + + var distance = 40; + var direction = 0; + + if (this._isHorizontal()) { + switch (keyCode) { + case Keys.HOME: + direction = -1; + distance = this.options.contentSize; + break; + + case Keys.LEFT: + direction = -1; + break; + + case Keys.RIGHT: + direction = 1; + break; + + default: + return; + } + } + + if (!this._isHorizontal()) { + switch (keyCode) { + case Keys.SPACE: + if (event.shiftKey) { + direction = -1; + } else { + direction = 1; + } + break; + + case Keys.HOME: + direction = -1; + distance = this.options.contentSize; + break; + + case Keys.UP: + direction = -1; + break; + + case Keys.DOWN: + direction = 1; + break; + + case Keys.PAGE_UP: + direction = -1; + distance = this.options.size; + break; + + case Keys.PAGE_DOWN: + direction = 1; + distance = this.options.size; + break; + + default: + return; + } + } + + this.options.position = BI.clamp(this.options.position + (distance * direction), 0, this.options.contentSize - this.options.size); + event.preventDefault(); + this._populate(); + this.fireEvent(BI.GridTableScrollbar.EVENT_SCROLL, this.options.position); + }, + + _populate: function () { + var self = this, o = this.options; + if (o.size < 1 || o.contentSize <= o.size) { + this.setVisible(false); + return; + } + this.setVisible(true); + + var size = o.size; + var isHorizontal = this._isHorizontal(); + var isActive = this.focused || this.isDragging; + + var faceSize = this._getFaceSize(); + var isOpaque = o.isOpaque; + this.element[isOpaque === true ? "addClass" : "removeClass"]("public-scrollbar-main-opaque"); + this.element[isActive === true ? "addClass" : "removeClass"]("public-scrollbar-main-active"); + + this.face.element[isActive === true ? "addClass" : "removeClass"]("public-scrollbar-face-active"); + + var position = o.position * this._getScale() + this._const.FACE_MARGIN; + + var items = this.contextLayout.attr("items"); + if (isHorizontal) { + this.setWidth(size); + this.face.setWidth(faceSize - this._const.FACE_MARGIN_2); + items[0].left = position; + items[0].top = 0; + } else { + this.setHeight(size); + this.face.setHeight(faceSize - this._const.FACE_MARGIN_2); + items[0].left = 0; + items[0].top = position; + } + this.contextLayout.attr("items", items); + this.contextLayout.resize(); + }, + + setContentSize: function (contentSize) { + this.options.contentSize = contentSize; + }, + + setPosition: function (position) { + this.options.position = position; + }, + + setSize: function (size) { + this.options.size = size; + }, + + populate: function () { + this._populate(); + } +}); +BI.GridTableScrollbar.SIZE = 10; +BI.GridTableScrollbar.EVENT_SCROLL = "EVENT_SCROLL"; +$.shortcut("bi.grid_table_scrollbar", BI.GridTableScrollbar); + + +BI.GridTableHorizontalScrollbar = BI.inherit(BI.Widget, { + _const: { + FACE_MARGIN: 4, + FACE_MARGIN_2: 4 * 2, + FACE_SIZE_MIN: 30, + KEYBOARD_SCROLL_AMOUNT: 40 + }, + _defaultConfig: function () { + return BI.extend(BI.GridTableHorizontalScrollbar.superclass._defaultConfig.apply(this, arguments), { + attributes: { + tabIndex: 0 + }, + contentSize: 0, + position: 0, + size: 0 + }) + }, + + _init: function () { + BI.GridTableHorizontalScrollbar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.scrollbar = BI.createWidget({ + type: "bi.grid_table_scrollbar", + orientation: "horizontal", + isOpaque: true, + position: o.position, + contentSize: o.contentSize, + size: o.size + }); + this.scrollbar.on(BI.GridTableScrollbar.EVENT_SCROLL, function () { + self.fireEvent(BI.GridTableHorizontalScrollbar.EVENT_SCROLL, arguments); + }); + BI.createWidget({ + type: "bi.absolute", + cls: "horizontal-scrollbar", + element: this, + width: o.size, + height: BI.GridTableScrollbar.SIZE, + items: [{ + el: { + type: "bi.absolute", + scrollable: false, + height: BI.GridTableScrollbar.SIZE, + items: [{ + el: this.scrollbar, + left: 0, + top: 0 + }] + }, + top: 0, + left: 0, + right: 0 + }] + }); + }, + + setContentSize: function (contentSize) { + this.options.contentSize = contentSize; + this.scrollbar.setContentSize(contentSize); + }, + + setPosition: function (position) { + this.options.position = position; + this.scrollbar.setPosition(position); + }, + + setSize: function (size) { + this.setWidth(size); + this.options.size = size; + this.scrollbar.setSize(size); + }, + + populate: function () { + this.scrollbar.populate(); + } +}); +BI.GridTableHorizontalScrollbar.EVENT_SCROLL = "EVENT_SCROLL"; +$.shortcut("bi.grid_table_horizontal_scrollbar", BI.GridTableHorizontalScrollbar);/** + * + * 表格 + * + * Created by GUY on 2015/9/22. + * @class BI.TableHeaderCell + * @extends BI.Single + */ +BI.TableHeaderCell = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TableHeaderCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-table-header-cell", + text: "" + }) + }, + + _init: function () { + BI.TableHeaderCell.superclass._init.apply(this, arguments); + BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "center", + height: this.options.height, + text: this.options.text, + value: this.options.value + }) + } +}); + +$.shortcut("bi.table_header_cell", BI.TableHeaderCell);/** + * + * 表格 + * + * 能处理静态宽度以及动态宽度的表, 百分比宽度的表请使用PreviewTable + * + * Created by GUY on 2015/9/22. + * @class BI.Table + * @extends BI.Widget + */ +BI.Table = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.Table.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-table", + logic: { //冻结的页面布局逻辑 + dynamic: false + }, + + isNeedResize: false,//是否需要调整列宽 + isResizeAdapt: true,//是否需要在调整列宽或区域宽度的时候它们自适应变化 + + isNeedFreeze: false,//是否需要冻结单元格 + freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为true时生效 + + isNeedMerge: false,//是否需要合并单元格 + mergeCols: [], //合并的单元格列号 + mergeRule: function (row1, row2) { //合并规则, 默认相等时合并 + return BI.isEqual(row1, row2); + }, + + columnSize: [], + headerRowSize: 25, + footerRowSize: 25, + rowSize: 25, + + regionColumnSize: false, + + header: [], + footer: false, + items: [] //二维数组 + }) + }, + + _calculateWidth: function (width) { + if (!width || width === "0") { + return ""; + } + width = BI.parseFloat(width); + if (width < 0) { + width = 0; + } + return width > 1.01 ? width : (width * 100 + "%"); + }, + + _calculateHeight: function (height) { + return height ? height : ""; + }, + + _isRightFreeze: function () { + return BI.isNotEmptyArray(this.options.freezeCols) && BI.first(this.options.freezeCols) !== 0; + }, + + _createTopLeft: function () { + var o = this.options, isRight = this._isRightFreeze(); + this.topLeftColGroupTds = {}; + this.topLeftBodyTds = {}; + this.topLeftBodyItems = {}; + var table = this._table(); + var colgroup = this._createColGroup(this.columnLeft, this.topLeftColGroupTds); + var body = this.topLeftBody = this._body(); + body.element.append(this._createHeaderCells(this.topLeftItems, this.columnLeft, this.mergeLeft, this.topLeftBodyTds, this.topLeftBodyItems)); + BI.createWidget({ + type: "bi.adaptive", + element: table, + items: [colgroup, body] + }); + if (isRight) { + var w = 0; + BI.each(o.columnSize, function (i, col) { + if (!o.freezeCols.contains(i)) { + w += col; + } + }); + if (BI.isNumeric(w) && w > 1) { + w = BI.parseFloat(w) + o.columnSize.length - o.freezeCols.length; + } + } + return (this.topLeftContainer = BI.createWidget({ + type: "bi.adaptive", + width: this._calculateWidth(w), + items: [table] + })); + }, + + _createTopRight: function () { + var o = this.options, isRight = this._isRightFreeze(); + this.topRightColGroupTds = {}; + this.topRightBodyTds = {}; + this.topRightBodyItems = {}; + var table = this._table(); + var colgroup = this._createColGroup(this.columnRight, this.topRightColGroupTds); + var body = this.topRightBody = this._body(); + body.element.append(this._createHeaderCells(this.topRightItems, this.columnRight, this.mergeRight, this.topRightBodyTds, this.topRightBodyItems, this.columnLeft.length)); + BI.createWidget({ + type: "bi.adaptive", + element: table, + items: [colgroup, body] + }); + if (!isRight) { + var w = 0; + BI.each(o.columnSize, function (i, col) { + if (!o.freezeCols.contains(i)) { + w += col; + } + }); + if (BI.isNumeric(w)) { + w = BI.parseFloat(w) + o.columnSize.length - o.freezeCols.length; + } + } + return (this.topRightContainer = BI.createWidget({ + type: "bi.adaptive", + width: w || undefined, + items: [table] + })); + }, + + _createBottomLeft: function () { + var o = this.options, isRight = this._isRightFreeze(); + this.bottomLeftColGroupTds = {}; + this.bottomLeftBodyTds = {}; + this.bottomLeftBodyItems = {}; + var table = this._table(); + var colgroup = this._createColGroup(this.columnLeft, this.bottomLeftColGroupTds); + var body = this._createBottomLeftBody(); + BI.createWidget({ + type: "bi.adaptive", + element: table, + items: [colgroup, body] + }); + if (isRight) { + var w = 0; + BI.each(o.columnSize, function (i, col) { + if (!o.freezeCols.contains(i)) { + w += col; + } + }); + if (BI.isNumeric(w) && w > 1) { + w = BI.parseFloat(w) + o.columnSize.length - o.freezeCols.length; + } + } + return (this.bottomLeftContainer = BI.createWidget({ + type: "bi.adaptive", + width: this._calculateWidth(w), + items: [table] + })); + }, + + _createBottomLeftBody: function () { + var body = this.bottomLeftBody = this._body(); + body.element.append(this._createCells(this.bottomLeftItems, this.columnLeft, this.mergeLeft, this.bottomLeftBodyTds, this.bottomLeftBodyItems)); + return body; + }, + + _createBottomRight: function () { + var o = this.options, isRight = this._isRightFreeze(); + this.bottomRightColGroupTds = {}; + this.bottomRightBodyTds = {}; + this.bottomRightBodyItems = {}; + var table = this._table(); + var colgroup = this._createColGroup(this.columnRight, this.bottomRightColGroupTds); + var body = this._createBottomRightBody(); + BI.createWidget({ + type: "bi.adaptive", + element: table, + items: [colgroup, body] + }); + if (!isRight) { + var w = 0; + BI.each(o.columnSize, function (i, col) { + if (!o.freezeCols.contains(i)) { + w += col; + } + }); + if (BI.isNumeric(w) && w > 1) { + w = BI.parseFloat(w) + o.columnSize.length - o.freezeCols.length; + } + } + return (this.bottomRightContainer = BI.createWidget({ + type: "bi.adaptive", + width: this._calculateWidth(w), + items: [table] + })); + }, + + _createBottomRightBody: function () { + var body = this.bottomRightBody = this._body(); + body.element.append(this._createCells(this.bottomRightItems, this.columnRight, this.mergeRight, this.bottomRightBodyTds, this.bottomRightBodyItems, this.columnLeft.length)); + return body; + }, + + _createFreezeTable: function () { + var self = this, o = this.options; + var isRight = this._isRightFreeze(); + var split = this._split(o.header); + this.topLeftItems = split.left; + this.topRightItems = split.right; + split = this._split(o.items); + this.bottomLeftItems = split.left; + this.bottomRightItems = split.right; + + this.columnLeft = []; + this.columnRight = []; + BI.each(o.columnSize, function (i, size) { + if (o.freezeCols.contains(i)) { + self[isRight ? "columnRight" : "columnLeft"].push(size); + } else { + self[isRight ? "columnLeft" : "columnRight"].push(size); + } + }); + this.mergeLeft = []; + this.mergeRight = []; + BI.each(o.mergeCols, function (i, col) { + if (o.freezeCols.contains(col)) { + self[isRight ? "mergeRight" : "mergeLeft"].push(col); + } else { + self[isRight ? "mergeLeft" : "mergeRight"].push(col); + } + }); + + var topLeft = this._createTopLeft(); + var topRight = this._createTopRight(); + var bottomLeft = this._createBottomLeft(); + var bottomRight = this._createBottomRight(); + + this.scrollTopLeft = BI.createWidget({ + type: "bi.adaptive", + cls: "scroll-top-left", + width: "100%", + height: "100%", + scrollable: false, + items: [topLeft] + }); + this.scrollTopRight = BI.createWidget({ + type: "bi.adaptive", + cls: "scroll-top-right", + width: "100%", + height: "100%", + scrollable: false, + items: [topRight] + }); + this.scrollBottomLeft = BI.createWidget({ + type: "bi.adaptive", + cls: "scroll-bottom-left", + width: "100%", + height: "100%", + scrollable: isRight || null, + scrollx: !isRight, + items: [bottomLeft] + }); + this.scrollBottomRight = BI.createWidget({ + type: "bi.adaptive", + cls: "scroll-bottom-right", + width: "100%", + height: "100%", + scrollable: !isRight || null, + scrollx: isRight, + items: [bottomRight] + }); + this.topLeft = BI.createWidget({ + type: "bi.adaptive", + cls: "top-left", + scrollable: false, + items: [this.scrollTopLeft] + }); + this.topRight = BI.createWidget({ + type: "bi.adaptive", + cls: "top-right", + scrollable: false, + items: [this.scrollTopRight] + }); + this.bottomLeft = BI.createWidget({ + type: "bi.adaptive", + cls: "bottom-left", + // scrollable: false, + items: [this.scrollBottomLeft] + }); + this.bottomRight = BI.createWidget({ + type: "bi.adaptive", + cls: "bottom-right", + scrollable: false, + items: [this.scrollBottomRight] + }); + + var headerHeight = o.header.length * ((o.headerRowSize || o.rowSize) + 1) + 1; + var leftWidth = BI.sum(o.freezeCols, function (i, col) { + return o.columnSize[col] > 1 ? o.columnSize[col] + 1 : o.columnSize[col]; + }); + + if (o.isNeedResize) { + var resizer; + var createResizer = function (size, position) { + var rowSize = self.getCalculateRegionRowSize(); + resizer = BI.createWidget({ + type: "bi.layout", + cls: "bi-resizer", + width: size.width, + height: rowSize[0] + rowSize[1] + }); + BI.createWidget({ + type: "bi.absolute", + element: "body", + items: [{ + el: resizer, + left: position.left, + top: position.top - rowSize[0] + }] + }); + }; + var resizeResizer = function (size, position) { + var rowSize = self.getCalculateRegionRowSize(); + var columnSize = self.getCalculateRegionColumnSize(); + var height = rowSize[0] + rowSize[1]; + var sumSize = columnSize[0] + columnSize[1]; + if (size.width > sumSize / 5 * 4) { + size.width = sumSize / 5 * 4; + } + if (size.width < 10) { + size.width = 10; + } + resizer.element.css({ + "left": position.left + "px", + "width": size.width + "px", + "height": height + "px" + }); + }; + var stopResizer = function () { + resizer && resizer.destroy(); + resizer = null; + }; + var handle; + if (o.freezeCols.length > 0 && o.freezeCols.length < o.columnSize.length) { + if (isRight) { + var options = { + handles: "w", + minWidth: 15, + helper: "clone", + start: function (event, ui) { + createResizer(ui.size, ui.position); + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE); + }, + resize: function (e, ui) { + resizeResizer(ui.size, ui.position); + self.fireEvent(BI.Table.EVENT_TABLE_REGION_RESIZE); + e.stopPropagation(); + //return false; + }, + stop: function (e, ui) { + stopResizer(); + if (o.isResizeAdapt) { + var increment = ui.size.width - (BI.sum(self.columnRight) + self.columnRight.length); + o.columnSize[self.columnLeft.length] += increment; + } else { + self.setRegionColumnSize(["fill", ui.size.width]); + } + self._resize(); + ui.element.css("left", ""); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE); + } + }; + self.bottomRight.element.resizable(options); + handle = $(".ui-resizable-handle", this.bottomRight.element).css("top", -1 * headerHeight); + } else { + var options = { + handles: "e", + minWidth: 15, + helper: "clone", + start: function (event, ui) { + createResizer(ui.size, ui.position); + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE); + }, + resize: function (e, ui) { + resizeResizer(ui.size, ui.position); + self.fireEvent(BI.Table.EVENT_TABLE_REGION_RESIZE); + e.stopPropagation(); + //return false; + }, + stop: function (e, ui) { + stopResizer(); + if (o.isResizeAdapt) { + var increment = ui.size.width - (BI.sum(self.columnLeft) + self.columnLeft.length); + o.columnSize[self.columnLeft.length - 1] += increment; + } else { + self.setRegionColumnSize([ui.size.width, "fill"]); + } + self._resize(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE); + } + }; + self.bottomLeft.element.resizable(options); + handle = $(".ui-resizable-handle", this.bottomLeft.element).css("top", -1 * headerHeight); + } + } + } + this._resize = function () { + if (self.scrollBottomLeft.element.is(":visible")) { + self.scrollBottomLeft.element.css({"overflow-x": "auto"}); + self.scrollBottomRight.element.css({"overflow-x": "auto"}); + self.setColumnSize(o.columnSize); + if (isRight) { + self.scrollBottomLeft.element.css({"overflow-y": "auto"}); + } else { + self.scrollBottomRight.element.css({"overflow-y": "auto"}); + } + if (self.scrollBottomLeft.element.hasHorizonScroll() || self.scrollBottomRight.element.hasHorizonScroll()) { + self.scrollBottomLeft.element.css("overflow-x", "scroll"); + self.scrollBottomRight.element.css("overflow-x", "scroll"); + } + if (self.scrollBottomRight.element.hasVerticalScroll()) { + self.scrollTopRight.element.css("overflow-y", "scroll"); + } else { + self.scrollTopRight.element.css("overflow-y", "hidden"); + } + if (self.scrollBottomLeft.element.hasVerticalScroll()) { + self.scrollTopLeft.element.css("overflow-y", "scroll"); + } else { + self.scrollTopLeft.element.css("overflow-y", "hidden"); + } + self.scrollTopLeft.element[0].scrollLeft = self.scrollBottomLeft.element[0].scrollLeft; + self.scrollTopRight.element[0].scrollLeft = self.scrollBottomRight.element[0].scrollLeft; + self.scrollBottomLeft.element[0].scrollTop = self.scrollBottomRight.element[0].scrollTop; + //调整拖拽handle的高度 + if (o.isNeedResize) { + handle && handle.css("height", self.bottomLeft.element.height() + headerHeight); + } + } + }; + + var regionColumnSize = o.regionColumnSize; + if (o.freezeCols.length === 0) { + regionColumnSize = isRight ? ['fill', 0] : [0, 'fill']; + } else if (o.freezeCols.length >= o.columnSize.length) { + regionColumnSize = isRight ? [0, 'fill'] : ['fill', 0]; + } + this.partitions = BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("table", BI.extend({}, o.logic, { + rows: 2, + columns: 2, + columnSize: regionColumnSize || (isRight ? ['fill', leftWidth] : [leftWidth, 'fill']), + rowSize: [headerHeight, 'fill'], + items: [[{ + el: this.topLeft + }, { + el: this.topRight + }], [{ + el: this.bottomLeft + }, { + el: this.bottomRight + }]] + })))); + + //var scrollElement = isRight ? scrollBottomLeft.element : scrollBottomRight.element; + //var scrollTopElement = isRight ? scrollTopLeft.element : scrollTopRight.element; + //var otherElement = isRight ? scrollBottomRight.element : scrollBottomLeft.element; + + this._initFreezeScroll(); + BI.nextTick(function () { + if (self.element.is(":visible")) { + self._resize(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT); + } + }); + BI.Resizers.add(this.getName(), function (e) { + if (BI.isWindow(e.target) && self.element.is(":visible")) { + self._resize(); + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); + } + }); + }, + + _initFreezeScroll: function () { + var self = this, o = this.options; + scroll(this.scrollBottomRight.element, this.scrollTopRight.element, this.scrollBottomLeft.element); + scroll(this.scrollBottomLeft.element, this.scrollTopLeft.element, this.scrollBottomRight.element); + + function scroll(scrollElement, scrollTopElement, otherElement) { + var scrolling, scrollingX; + var fn = function (event, delta, deltaX, deltaY) { + var inf = self._getScrollOffsetAndDur(event); + if (deltaY < 0 || deltaY > 0) { + if (scrolling) { + scrollElement[0].scrollTop = scrolling; + } + scrolling = scrollElement[0].scrollTop - delta * inf.offset; + var stopPropagation = false; + var st = scrollElement[0].scrollTop; + scrollElement[0].scrollTop = scrolling; + if (scrollElement[0].scrollTop !== st) { + stopPropagation = true; + } + scrollElement[0].scrollTop = st; + self._animateScrollTo(scrollElement, scrollElement[0].scrollTop, scrolling, inf.dur, "linear", { + onStart: function () { + }, + onUpdate: function (top) { + otherElement[0].scrollTop = top; + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, top); + }, + onComplete: function () { + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, scrolling); + scrolling = null; + } + }); + + + //otherElement[0].scrollTop = scrollTop; + //scrollElement[0].scrollTop = scrollTop; + //self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, scrollTop); + if (stopPropagation === true) { + event.stopPropagation(); + return false; + } + return; + } + //if (deltaX < 0 || deltaX > 0) { + // if (scrollingX) { + // scrollElement[0].scrollLeft = scrollingX; + // } + // scrollingX = scrollElement[0].scrollLeft + delta * inf.offset; + // var stopPropagation = false; + // var sl = scrollElement[0].scrollLeft; + // scrollElement[0].scrollLeft = scrollingX; + // if (scrollElement[0].scrollLeft !== sl) { + // stopPropagation = true; + // } + // scrollElement[0].scrollLeft = sl; + // self._animateScrollTo(scrollElement, scrollElement[0].scrollLeft, scrollingX, inf.dur, "linear", { + // direction: "left", + // onStart: function () { + // }, + // onUpdate: function (left) { + // scrollTopElement[0].scrollLeft = left; + // self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, null, left); + // }, + // onComplete: function () { + // self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, null, scrollingX); + // scrollingX = null; + // } + // }); + // + // + // //otherElement[0].scrollTop = scrollTop; + // //scrollElement[0].scrollTop = scrollTop; + // //self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, scrollTop); + // if (stopPropagation === true) { + // event.stopPropagation(); + // return false; + // } + //} + }; + scrollElement.mousewheel(fn); + var scrollTop = 0, scrollLeft = 0; + scrollElement.scroll(function (e) { + var change = false; + if (scrollElement.scrollTop() != scrollTop) { + var old = otherElement.scrollTop(); + otherElement.scrollTop(scrollElement.scrollTop()); + scrollTop = scrollElement.scrollTop(); + if (Math.abs(old - otherElement[0].scrollTop) > 0.1) { + e.stopPropagation(); + change = true; + } + } + if (scrollElement.scrollLeft() != scrollLeft) { + var old = scrollTopElement.scrollLeft(); + scrollTopElement.scrollLeft(scrollElement.scrollLeft()); + scrollLeft = scrollElement.scrollLeft(); + if (Math.abs(old - scrollTopElement[0].scrollLeft) > 0.1) { + e.stopPropagation(); + change = true; + } + } + // self.fireEvent(BI.Table.EVENT_TABLE_SCROLL); + if (change === true) { + e.stopPropagation(); + //return false; + } + }); + } + }, + + _animateScrollTo: function (el, from, to, duration, easing, op) { + var self = this; + var onStart = op.onStart, onComplete = op.onComplete, onUpdate = op.onUpdate; + var startTime = BI.getTime(), _delay, progress = 0, _request; + _cancelTween(); + _startTween(); + var diff = to - from; + el._stop = 0; + function _step() { + if (el._stop) { + return; + } + if (!progress) { + onStart.call(); + } + progress = BI.getTime() - startTime; + _tween(); + if (progress >= el.time) { + el.time = (progress > el.time) ? progress + _delay - (progress - el.time) : progress + _delay - 1; + if (el.time < progress + 1) { + el.time = progress + 1; + } + } + if (el.time < duration) { + el._id = _request(_step); + } else { + el[op.direction == 'left' ? "scrollLeft" : "scrollTop"](to); + onComplete.call(); + } + } + + function _tween() { + var top = to; + if (duration > 0) { + el.currVal = _ease(el.time, from, diff, duration, easing); + el[op.direction == 'left' ? "scrollLeft" : "scrollTop"](top = Math.round(el.currVal)); + } else { + el[op.direction == 'left' ? "scrollLeft" : "scrollTop"](to); + } + onUpdate(top); + } + + function _startTween() { + _delay = 1000 / 60; + el.time = progress + _delay; + _request = (!requestAnimationFrame()) ? function (f) { + _tween(); + return setTimeout(f, 0.01); + } : requestAnimationFrame(); + el._id = _request(_step); + } + + function requestAnimationFrame() { + return window.requestAnimationFrame || + window.webkitRequestAnimationFrame || + window.mozRequestAnimationFrame || + window.msRequestAnimationFrame || + window.oRequestAnimationFrame; + } + + function cancelAnimationFrame() { + return window.cancelAnimationFrame || + window.webkitCancelAnimationFrame || + window.mozCancelAnimationFrame || + window.msCancelAnimationFrame || + window.oCancelAnimationFrame || + window.cancelRequestAnimationFrame || + window.webkitCancelRequestAnimationFrame || + window.mozCancelRequestAnimationFrame || + window.msCancelRequestAnimationFrame || + window.oCancelRequestAnimationFrame + } + + function _cancelTween() { + if (el._id == null) { + return; + } + if (!cancelAnimationFrame()) { + clearTimeout(el._id); + } else { + cancelAnimationFrame()(el._id); + } + el._id = null; + } + + function _ease(t, b, c, d, type) { + switch (type) { + case "linear": + return c * t / d + b; + break; + case "mcsLinearOut": + t /= d; + t--; + return c * Math.sqrt(1 - t * t) + b; + break; + case "easeInOutSmooth": + t /= d / 2; + if (t < 1) { + return c / 2 * t * t + b; + } + t--; + return -c / 2 * (t * (t - 2) - 1) + b; + break; + case "easeInOutStrong": + t /= d / 2; + if (t < 1) { + return c / 2 * Math.pow(2, 10 * (t - 1)) + b; + } + t--; + return c / 2 * ( -Math.pow(2, -10 * t) + 2 ) + b; + break; + case "easeInOut": + case "mcsEaseInOut": + t /= d / 2; + if (t < 1) { + return c / 2 * t * t * t + b; + } + t -= 2; + return c / 2 * (t * t * t + 2) + b; + break; + case "easeOutSmooth": + t /= d; + t--; + return -c * (t * t * t * t - 1) + b; + break; + case "easeOutStrong": + return c * ( -Math.pow(2, -10 * t / d) + 1 ) + b; + break; + case "easeOut": + case "mcsEaseOut": + default: + var ts = (t /= d) * t, tc = ts * t; + return b + c * (0.499999999999997 * tc * ts + -2.5 * ts * ts + 5.5 * tc + -6.5 * ts + 4 * t); + } + } + }, + + _getScrollOffsetAndDur: function (event) { + var offset = 40, dur = 200; + if (event.originalEvent.wheelDelta) { + offset = Math.abs(event.originalEvent.wheelDelta); + } + if (event.deltaFactor < 2) { + offset = 3; + dur = 17; + } + return { + offset: offset, + dur: dur + }; + }, + + resize: function () { + this._resize(); + }, + + _createCells: function (items, columnSize, mergeCols, TDs, Ws, start, rowSize) { + var self = this, o = this.options, preCol = {}, preRow = {}, preRW = {}, preCW = {}, map = {}; + columnSize = columnSize || o.columnSize; + mergeCols = mergeCols || o.mergeCols; + TDs = TDs || {}; + Ws = Ws || {}; + start = start || 0; + rowSize || (rowSize = o.rowSize); + var frag = document.createDocumentFragment(); + BI.each(items, function (i, rows) { + var tr = $("<tr>").addClass((i & 1) === 0 ? "odd" : "even"); + BI.each(rows, function (j, row) { + if (!map[i]) { + map[i] = {}; + } + if (!TDs[i]) { + TDs[i] = {}; + } + if (!Ws[i]) { + Ws[i] = {}; + } + map[i][j] = row; + + if (o.isNeedMerge && mergeCols.contains(j)) { + if (i === 0 && j === 0) { + createOneEl(0, 0); + } else if (j === 0 && i > 0) { + var isNeedMergeRow = o.mergeRule(map[i][j], map[i - 1][j]); + if (isNeedMergeRow === true) { + mergeRow(i, j); + preRow[i] = preCol[j]; + preRW[i] = preCW[j]; + } else { + createOneEl(i, j); + } + } else if (i === 0 && j > 0) { + var isNeedMergeCol = o.mergeRule(map[i][j], map[i][j - 1]); + if (isNeedMergeCol === true) { + mergeCol(i, j); + preCol[j] = preRow[j - 1]; + preCW[j] = preRW[j - 1]; + } else { + createOneEl(i, j); + } + } else { + var isNeedMergeRow = o.mergeRule(map[i][j], map[i - 1][j]); + var isNeedMergeCol = o.mergeRule(map[i][j], map[i][j - 1]); + if (isNeedMergeCol && isNeedMergeRow) { + return; + } + if (isNeedMergeCol) { + mergeCol(i, j); + } + if (isNeedMergeRow) { + mergeRow(i, j); + } + if (!isNeedMergeCol && !isNeedMergeRow) { + createOneEl(i, j); + } + } + } else { + createOneEl(i, j); + } + }); + function mergeRow(i, j) { + var height = (preCol[j].attr("height") | 0) + rowSize + 1; + preCol[j].attr("height", height).css("height", height); + //preCW[j].element.css("height", height); + var rowspan = ((preCol[j].attr("rowspan") || 1) | 0) + 1; + preCol[j].attr("rowspan", rowspan); + preCol[j].__mergeRows.pushDistinct(i); + TDs[i][j] = preCol[j]; + Ws[i][j] = preCW[j]; + } + + function mergeCol(i, j) { + if (columnSize[j]) { + var width = preRow[i].attr("width") | 0; + if (width > 1.05 && columnSize[j]) { + width = width + columnSize[j] + 1; + if (j === columnSize.length - 1) { + width--; + } + } else { + width = width + columnSize[j] + } + width = self._calculateWidth(width); + preRow[i].attr("width", width).css("width", width); + preRW[i].element.width(width); + } + var colspan = ((preRow[i].attr("colspan") || 1) | 0) + 1; + preRow[i].attr("colspan", colspan); + preRow[i].__mergeCols.pushDistinct(j); + TDs[i][j] = preRow[i]; + Ws[i][j] = preRW[i]; + } + + function createOneEl(r, c) { + var width = self._calculateWidth(columnSize[c]); + if (width > 1.05 && c === columnSize.length - 1) { + width--; + } + var height = self._calculateHeight(rowSize); + var td = $("<td>").attr("height", height) + .attr("width", width).css({"width": width, "height": height, "position": "relative"}) + .addClass((c & 1) === 0 ? "odd-col" : "even-col") + .addClass(r === 0 ? "first-row" : "") + .addClass(c === 0 ? "first-col" : "") + .addClass(c === rows.length - 1 ? "last-col" : ""); + var w = BI.createWidget(map[r][c], { + type: "bi.table_cell", + textAlign: "left", + width: BI.isNumeric(width) ? width : "", + height: BI.isNumeric(height) ? height : "", + _row: r, + _col: c + start + }); + w.element.css("position", "relative"); + td.append(w.element); + tr.append(td); + preCol[c] = td; + preCol[c].__mergeRows = [r]; + preCW[c] = w; + preRow[r] = td; + preRow[r].__mergeCols = [c]; + preRW[r] = w; + TDs[r][c] = td; + Ws[r][c] = w; + } + + frag.appendChild(tr[0]); + }); + return frag; + }, + + _createColGroupCells: function (columnSize, store) { + var self = this, o = this.options; + columnSize = columnSize || o.columnSize; + store = store || {}; + var frag = document.createDocumentFragment(); + BI.each(columnSize, function (i, size) { + var width = self._calculateWidth(size); + var col = $("<col>").attr("width", width).css("width", width); + store[i] = col; + frag.appendChild(col[0]); + }); + return frag; + }, + + _createHeaderCells: function (items, columnSize, mergeCols, TDs, Ws, start) { + var self = this, o = this.options; + start || (start = 0); + var frag = this._createCells(items, columnSize, BI.range(o.columnSize.length), TDs, Ws, start, o.headerRowSize || o.rowSize); + + if (o.isNeedResize === true) { + var tds = TDs[BI.size(TDs) - 1]; + BI.each(tds, function (j, td) { + j = j | 0; + var resizer; + var getHeight = function (size, position) { + var rowSize = self.getCalculateRegionRowSize(); + if (o.isNeedFreeze === true) { + var tableHeight = self.bottomRightContainer.element.outerHeight(); + return size.height + Math.min(rowSize[1], tableHeight); + } else { + var tableHeight = self.tableContainer.element.outerHeight(); + var offset = self.tableContainer.element.offset(); + var offsetTop = position.top - offset.top; + var height = tableHeight - offsetTop; + height = Math.min(height, rowSize[0] - offsetTop); + return height; + } + }; + if (j < BI.size(tds) - 1) { + td.resizable({ + handles: "e", + minWidth: 15, + helper: "clone", + start: function (event, ui) { + var height = getHeight(ui.size, ui.position); + resizer = BI.createWidget({ + type: "bi.layout", + cls: "bi-resizer", + width: ui.size.width, + height: height + }); + + BI.createWidget({ + type: "bi.absolute", + element: "body", + items: [{ + el: resizer, + left: ui.position.left, + top: ui.position.top + }] + }); + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_COLUMN_RESIZE); + }, + resize: function (e, ui) { + var height = getHeight(ui.size, ui.position); + resizer.element.css({"width": ui.size.width + "px", "height": height + "px"}); + //o.columnSize[start + j] = ui.size.width; + //self.setColumnSize(o.columnSize); + self.fireEvent(BI.Table.EVENT_TABLE_COLUMN_RESIZE); + e.stopPropagation(); + //return false; + }, + stop: function (e, ui) { + resizer.destroy(); + resizer = null; + o.columnSize[start + j] = ui.size.width - 1; + self.setColumnSize(o.columnSize); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE); + } + }) + } + }) + } + return frag; + }, + + _createFooterCells: function (items, columnSize, TDs, Ws) { + var o = this.options; + var frag = this._createCells(items, columnSize, [], TDs, Ws, 0); + return frag; + }, + + _createColGroup: function (columnSize, store, widgets) { + var self = this, o = this.options; + this.colgroup = this._colgroup(); + this.colgroup.element.append(this._createColGroupCells(columnSize, store, widgets)); + return this.colgroup; + }, + + _createHeader: function () { + var self = this, o = this.options; + if (o.header === false) { + return; + } + this.header = this._header(); + this.header.element.append(this._createHeaderCells(o.header, null, null, this.headerTds, this.headerItems)); + return this.header; + }, + + _createFooter: function (columnSize, store, widgets) { + var self = this, o = this.options; + if (o.footer === false) { + return; + } + this.footer = this._footer(); + this.footer.element.append(this._createFooterCells(o.footer, null, this.footerTds, this.footerItems)); + return this.footer; + }, + + _createBody: function () { + var self = this, o = this.options; + this.body = this._body(); + this.body.element.append(this._createCells(o.items, null, null, this.bodyTds, this.bodyItems)); + return this.body; + }, + + _createNormalTable: function () { + var self = this, o = this.options, table = this._table(); + this.colgroupTds = {}; + this.headerTds = {}; + this.footerTds = {}; + this.bodyTds = {}; + + this.headerItems = {}; + this.footerItems = {}; + this.bodyItems = {}; + var colgroup = this._createColGroup(null, this.colgroupTds); + var header = this._createHeader(); + var footer = this._createFooter(); + var body = this._createBody(); + + BI.createWidget({ + type: "bi.adaptive", + element: table, + items: [colgroup, header, footer, body] + }); + + var w = BI.sum(this.options.columnSize) || undefined; + w = this._calculateWidth(w); + if (BI.isNumeric(w) && w > 1) { + w += o.columnSize.length; + } + this.tableContainer = BI.createWidget({ + type: "bi.adaptive", + width: this._calculateWidth(w), + items: [table] + }); + + this.scrollBottomRight = BI.createWidget({ + type: "bi.adaptive", + width: "100%", + height: "100%", + cls: "scroll-bottom-right", + scrollable: true, + items: [this.tableContainer] + }); + + BI.createWidget({ + type: "bi.adaptive", + cls: "bottom-right", + element: this, + scrollable: false, + items: [this.scrollBottomRight] + }); + + this._resize = function () { + if (self.element.is(":visible")) { + self.setColumnSize(o.columnSize); + } + }; + + this._initNormalScroll(); + BI.Resizers.add(this.getName(), function (e) { + if (self.element.is(":visible") && BI.isWindow(e.target)) { + self._resize(); + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); + } + }); + BI.nextTick(function () { + if (self.element.is(":visible")) { + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT); + } + }); + }, + + _initNormalScroll: function () { + var self = this; + var scrolling, scrollX; + this.scrollBottomRight.element.mousewheel(function (event, delta, deltaX, deltaY) { + var inf = self._getScrollOffsetAndDur(event); + if (deltaY < 0 || deltaY > 0) { + var ele = self.scrollBottomRight.element; + if (scrolling) { + ele[0].scrollTop = scrolling; + } + + scrolling = ele[0].scrollTop - delta * inf.offset; + var stopPropagation = false; + var st = ele[0].scrollTop; + ele[0].scrollTop = scrolling; + if (ele[0].scrollTop !== st) { + stopPropagation = true; + } + ele[0].scrollTop = st; + self._animateScrollTo(ele, ele[0].scrollTop, scrolling, inf.dur, "linear", { + onStart: function () { + }, + onUpdate: function (top) { + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, top); + }, + onComplete: function () { + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, scrolling); + scrolling = null; + } + }); + //var scrollTop = self.scrollBottomRight.element[0].scrollTop = self.scrollBottomRight.element[0].scrollTop - delta * offset; + //self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, scrollTop); + if (stopPropagation === true) { + event.stopPropagation(); + return false; + } + } + }); + var scrollTop = 0, scrollLeft = 0; + this.scrollBottomRight.element.scroll(function (e) { + var change = false; + var scrollElement = self.scrollBottomRight.element; + if (scrollElement.scrollTop() != scrollTop) { + if (Math.abs(scrollElement.scrollTop() - scrollTop) > 0.1) { + e.stopPropagation(); + change = true; + } + scrollTop = scrollElement.scrollTop(); + } + if (scrollElement.scrollLeft() != scrollLeft) { + if (Math.abs(scrollElement.scrollLeft() - scrollLeft) > 0.1) { + e.stopPropagation(); + change = true; + } + scrollLeft = scrollElement.scrollLeft(); + } + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL); + if (change === true) { + e.stopPropagation(); + //return false; + } + return false; + }); + }, + + _split: function (items) { + var o = this.options, left = [], right = [], isRight = this._isRightFreeze(); + BI.each(items, function (i, rows) { + left.push([]); + right.push([]); + BI.each(rows, function (j, cell) { + if (o.freezeCols.contains(j)) { + (isRight ? right : left)[i].push(cell); + } else { + (isRight ? left : right)[i].push(cell); + } + }) + }); + return { + left: left, + right: right + } + }, + + _table: function () { + return BI.createWidget({ + type: "bi.layout", + tagName: "table", + cls: "table", + attribute: {"cellspacing": 0, "cellpadding": 0} + }); + }, + + _header: function () { + return BI.createWidget({ + type: "bi.layout", + cls: "header", + tagName: "thead" + }); + }, + + _footer: function () { + return BI.createWidget({ + type: "bi.layout", + cls: "footer", + tagName: "tfoot" + }); + }, + + _body: function () { + return BI.createWidget({ + type: "bi.layout", + tagName: "tbody", + cls: "body" + }); + }, + + _colgroup: function () { + return BI.createWidget({ + type: "bi.layout", + tagName: "colgroup" + }); + }, + + _init: function () { + BI.Table.superclass._init.apply(this, arguments); + + this.populate(this.options.items); + }, + + setColumnSize: function (columnSize) { + var self = this, o = this.options; + var isRight = this._isRightFreeze(); + o.columnSize = columnSize || []; + if (o.isNeedFreeze) { + var columnLeft = []; + var columnRight = []; + BI.each(o.columnSize, function (i, size) { + if (o.freezeCols.contains(i)) { + isRight ? columnRight.push(size) : columnLeft.push(size); + } else { + isRight ? columnLeft.push(size) : columnRight.push(size); + } + }); + var topleft = 0, topright = 1, bottomleft = 2, bottomright = 3; + var run = function (direction) { + var colgroupTds, bodyTds, bodyItems, sizes; + switch (direction) { + case topleft: + colgroupTds = self.topLeftColGroupTds; + bodyTds = self.topLeftBodyTds; + bodyItems = self.topLeftBodyItems; + sizes = columnLeft; + break; + case topright: + colgroupTds = self.topRightColGroupTds; + bodyTds = self.topRightBodyTds; + bodyItems = self.topRightBodyItems; + sizes = columnRight; + break; + case bottomleft: + colgroupTds = self.bottomLeftColGroupTds; + bodyTds = self.bottomLeftBodyTds; + bodyItems = self.bottomLeftBodyItems; + sizes = columnLeft; + break; + case bottomright: + colgroupTds = self.bottomRightColGroupTds; + bodyTds = self.bottomRightBodyTds; + bodyItems = self.bottomRightBodyItems; + sizes = columnRight; + break; + } + BI.each(colgroupTds, function (i, colgroup) { + var width = colgroup.attr("width") | 0; + if (width !== sizes[i]) { + var w = self._calculateWidth(sizes[i]); + colgroup.attr("width", w).css("width", w); + BI.each(bodyTds, function (j, items) { + if (items[i]) { + if (items[i].__mergeCols.length > 1) { + var wid = 0; + BI.each(sizes, function (t, s) { + if (items[i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += items[i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].attr("width", wid - 1).css("width", wid - 1); + } else { + items[i].attr("width", wid).css("width", wid); + } + } else { + items[i].attr("width", "").css("width", ""); + } + } else { + if (i == BI.size(items) - 1) { + items[i].attr("width", w - 1).css("width", w - 1); + } else { + items[i].attr("width", w).css("width", w); + } + } + } + }); + BI.each(bodyItems, function (j, items) { + if (items[i]) { + if (bodyTds[j][i].__mergeCols.length > 1) { + var wid = 0; + BI.each(sizes, function (t, s) { + if (bodyTds[j][i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += bodyTds[j][i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", wid - 1).css("width", wid - 1); + } else { + items[i].element.attr("width", wid).css("width", wid); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } else { + if (BI.isNumeric(w)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", w - 1).css("width", w - 1); + } else { + items[i].element.attr("width", w).css("width", w); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } + } + }); + } + }) + }; + run(topleft); + run(topright); + run(bottomleft); + run(bottomright); + + var lw = 0, rw = 0; + this.columnLeft = []; + this.columnRight = []; + BI.each(o.columnSize, function (i, size) { + if (o.freezeCols.contains(i)) { + lw += size; + self[isRight ? "columnRight" : "columnLeft"].push(size); + } else { + rw += size; + self[isRight ? "columnLeft" : "columnRight"].push(size); + } + }); + lw = this._calculateWidth(lw); + rw = this._calculateWidth(rw); + + if (BI.isNumeric(lw)) { + lw = BI.parseFloat(lw) + o.freezeCols.length; + } + if (BI.isNumeric(rw)) { + rw = BI.parseFloat(rw) + o.columnSize.length - o.freezeCols.length; + } + this.topLeftContainer.element.width(isRight ? rw : lw); + this.bottomLeftContainer.element.width(isRight ? rw : lw); + this.topRightContainer.element.width(isRight ? lw : rw); + this.bottomRightContainer.element.width(isRight ? lw : rw); + this.scrollTopLeft.element[0].scrollLeft = this.scrollBottomLeft.element[0].scrollLeft; + this.scrollTopRight.element[0].scrollLeft = this.scrollBottomRight.element[0].scrollLeft; + if (o.isNeedResize && o.isResizeAdapt) { + var leftWidth = BI.sum(o.freezeCols, function (i, col) { + return o.columnSize[col] > 1 ? o.columnSize[col] + 1 : o.columnSize[col]; + }); + this.partitions.attr("columnSize", isRight ? ['fill', leftWidth] : [leftWidth, 'fill']); + this.partitions.resize(); + } + } else { + BI.each(this.colgroupTds, function (i, colgroup) { + var width = colgroup.attr("width") | 0; + if (width !== o.columnSize[i]) { + var w = self._calculateWidth(o.columnSize[i]); + colgroup.attr("width", w).css("width", w); + BI.each(self.bodyTds, function (j, items) { + if (items[i]) { + if (items[i].__mergeCols.length > 1) { + var wid = 0; + BI.each(o.columnSize, function (t, s) { + if (items[i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += items[i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].attr("width", w - 1).css("width", w - 1); + } else { + items[i].attr("width", w).css("width", w); + } + } else { + items[i].attr("width", "").css("width", ""); + } + } else { + if (i == BI.size(items) - 1) { + items[i].attr("width", w - 1).css("width", w - 1); + } else { + items[i].attr("width", w).css("width", w); + } + } + } + }); + BI.each(self.headerTds, function (j, items) { + if (items[i]) { + if (items[i].__mergeCols.length > 1) { + var wid = 0; + BI.each(o.columnSize, function (t, s) { + if (items[i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += items[i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].attr("width", w - 1).css("width", w - 1); + } else { + items[i].attr("width", w).css("width", w); + } + } else { + items[i].attr("width", "").css("width", ""); + } + } else { + if (i == BI.size(items) - 1) { + items[i].attr("width", w - 1).css("width", w - 1); + } else { + items[i].attr("width", w).css("width", w); + } + } + } + }); + BI.each(self.footerTds, function (j, items) { + if (items[i]) { + if (items[i].__mergeCols.length > 1) { + var wid = 0; + BI.each(o.columnSize, function (t, s) { + if (items[i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += items[i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].attr("width", w - 1).css("width", w - 1); + } else { + items[i].attr("width", w).css("width", w); + } + } else { + items[i].attr("width", "").css("width", ""); + } + } else { + if (i == BI.size(items) - 1) { + items[i].attr("width", w - 1).css("width", w - 1); + } else { + items[i].attr("width", w).css("width", w); + } + } + } + }); + BI.each(self.bodyItems, function (j, items) { + if (items[i]) { + if (self.bodyTds[j][i].__mergeCols.length > 1) { + var wid = 0; + BI.each(o.columnSize, function (t, s) { + if (self.bodyTds[j][i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += self.bodyTds[j][i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", wid - 1).css("width", wid - 1); + } else { + items[i].element.attr("width", wid).css("width", wid); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } else { + if (BI.isNumeric(w)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", w - 1).css("width", w - 1); + } else { + items[i].element.attr("width", w).css("width", w); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } + } + }); + BI.each(self.headerItems, function (j, items) { + if (items[i]) { + if (self.headerTds[j][i].__mergeCols.length > 1) { + var wid = 0; + BI.each(o.columnSize, function (t, s) { + if (self.headerTds[j][i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += self.headerTds[j][i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", wid - 1).css("width", wid - 1); + } else { + items[i].element.attr("width", wid).css("width", wid); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } else { + if (BI.isNumeric(w)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", w - 1).css("width", w - 1); + } else { + items[i].element.attr("width", w).css("width", w); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } + } + }); + BI.each(self.footerItems, function (j, items) { + if (items[i]) { + if (self.footerTds[j][i].__mergeCols.length > 1) { + var wid = 0; + BI.each(o.columnSize, function (t, s) { + if (self.footerTds[j][i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += self.footerTds[j][i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", wid - 1).css("width", wid - 1); + } else { + items[i].element.attr("width", wid).css("width", wid); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } else { + if (BI.isNumeric(w)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", w - 1).css("width", w - 1); + } else { + items[i].element.attr("width", w).css("width", w); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } + } + }); + } + }); + var w = this._calculateWidth(BI.sum(o.columnSize)); + if (w > 1.05) { + w += o.columnSize.length; + } + this.tableContainer.element.width(w); + } + }, + + getColumnSize: function () { + return this.options.columnSize; + }, + + getCalculateColumnSize: function () { + var self = this, o = this.options; + var columnSize = []; + if (o.isNeedFreeze === true) { + if (BI.size(this.bottomLeftBodyTds) > 0 || BI.size(this.bottomRightBodyTds) > 0) { + if (!BI.any(this.bottomLeftBodyTds, function (i, tds) { + if (!BI.any(tds, function (i, item) { + if (item.__mergeCols.length > 1) { + return true; + } + })) { + BI.each(tds, function (i, item) { + var width = item.width() / item.__mergeCols.length; + if (i == BI.size(tds) - 1) { + width++; + } + columnSize.push(width); + }); + return true; + } + })) { + BI.each(this.bottomLeftBodyTds[0], function (i, item) { + var width = item.width() / item.__mergeCols.length; + if (i == BI.size(self.bottomLeftBodyTds[0]) - 1) { + width++; + } + columnSize.push(width); + }); + } + if (!BI.any(this.bottomRightBodyTds, function (i, tds) { + if (!BI.any(tds, function (i, item) { + if (item.__mergeCols.length > 1) { + return true; + } + })) { + BI.each(tds, function (i, item) { + var width = item.width() / item.__mergeCols.length; + if (i == BI.size(tds) - 1) { + width++; + } + columnSize.push(width); + }); + return true; + } + })) { + BI.each(this.bottomRightBodyTds[0], function (i, item) { + var width = item.width() / item.__mergeCols.length; + if (i == BI.size(self.bottomRightBodyTds[0]) - 1) { + width++; + } + columnSize.push(width); + }); + } + return columnSize; + } + if (!BI.any(this.topLeftBodyTds, function (i, tds) { + if (!BI.any(tds, function (i, item) { + if (item.__mergeCols.length > 1) { + return true; + } + })) { + BI.each(tds, function (i, item) { + var width = item.width() / item.__mergeCols.length; + if (i == BI.size(tds) - 1) { + width++; + } + columnSize.push(width); + }); + return true; + } + })) { + BI.each(this.topLeftBodyTds[BI.size(this.topLeftBodyTds) - 1], function (i, item) { + var width = item.width() / item.__mergeCols.length; + if (i == BI.size(self.topLeftBodyTds[BI.size(self.topLeftBodyTds) - 1]) - 1) { + width++; + } + columnSize.push(width); + }); + } + if (!BI.any(this.topRightBodyTds, function (i, tds) { + if (!BI.any(tds, function (i, item) { + if (item.__mergeCols.length > 1) { + return true; + } + })) { + BI.each(tds, function (i, item) { + var width = item.width() / item.__mergeCols.length; + if (i == BI.size(tds) - 1) { + width++; + } + columnSize.push(width); + }); + return true; + } + })) { + BI.each(this.topRightBodyTds[BI.size(this.topRightBodyTds) - 1], function (i, item) { + var width = item.width() / item.__mergeCols.length; + if (i == BI.size(self.topRightBodyTds[BI.size(self.topRightBodyTds) - 1]) - 1) { + width++; + } + columnSize.push(width); + }); + } + } else { + BI.each(this.headerTds[BI.size(this.headerTds) - 1], function (i, item) { + var width = item.width() / item.__mergeCols.length; + if (i == BI.size(self.headerTds[BI.size(self.headerTds) - 1]) - 1) { + width++; + } + columnSize.push(width); + }); + } + return columnSize; + }, + + setHeaderColumnSize: function (columnSize) { + var self = this, o = this.options; + var isRight = this._isRightFreeze(); + if (o.isNeedFreeze) { + var columnLeft = []; + var columnRight = []; + BI.each(columnSize, function (i, size) { + if (o.freezeCols.contains(i)) { + isRight ? columnRight.push(size) : columnLeft.push(size); + } else { + isRight ? columnLeft.push(size) : columnRight.push(size); + } + }); + var topleft = 0, topright = 1; + var run = function (direction) { + var colgroupTds, bodyTds, bodyItems, sizes; + switch (direction) { + case topleft: + colgroupTds = self.topLeftColGroupTds; + bodyTds = self.topLeftBodyTds; + bodyItems = self.topLeftBodyItems; + sizes = columnLeft; + break; + case topright: + colgroupTds = self.topRightColGroupTds; + bodyTds = self.topRightBodyTds; + bodyItems = self.topRightBodyItems; + sizes = columnRight; + break; + } + BI.each(colgroupTds, function (i, colgroup) { + var width = colgroup.attr("width") | 0; + if (width !== sizes[i]) { + var w = self._calculateWidth(sizes[i]); + colgroup.attr("width", w).css("width", w); + BI.each(bodyTds, function (j, items) { + if (items[i]) { + if (items[i].__mergeCols.length > 1) { + var wid = 0; + BI.each(sizes, function (t, s) { + if (items[i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += items[i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].attr("width", wid - 1).css("width", wid - 1); + } else { + items[i].attr("width", wid).css("width", wid); + } + } else { + items[i].attr("width", "").css("width", ""); + } + } else { + if (i == BI.size(items) - 1) { + items[i].attr("width", w - 1).css("width", w - 1); + } else { + items[i].attr("width", w).css("width", w); + } + } + } + }); + BI.each(bodyItems, function (j, items) { + if (items[i]) { + if (bodyTds[j][i].__mergeCols.length > 1) { + var wid = 0; + BI.each(sizes, function (t, s) { + if (bodyTds[j][i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += bodyTds[j][i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", wid - 1).css("width", wid - 1); + } else { + items[i].element.attr("width", wid).css("width", wid); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } else { + if (BI.isNumeric(w)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", w - 1).css("width", w - 1); + } else { + items[i].element.attr("width", w).css("width", w); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } + } + }); + } + }) + }; + run(topleft); + run(topright); + + var lw = 0, rw = 0; + BI.each(columnSize, function (i, size) { + if (o.freezeCols.contains(i)) { + lw += size; + } else { + rw += size; + } + }); + lw = this._calculateWidth(lw); + rw = this._calculateWidth(rw); + + if (BI.isNumeric(lw)) { + lw = BI.parseFloat(lw) + o.freezeCols.length; + } + if (BI.isNumeric(rw)) { + rw = BI.parseFloat(rw) + columnSize.length - o.freezeCols.length; + } + this.topLeftContainer.element.width(isRight ? rw : lw); + this.topRightContainer.element.width(isRight ? lw : rw); + this.scrollTopLeft.element[0].scrollLeft = this.scrollBottomLeft.element[0].scrollLeft; + this.scrollTopRight.element[0].scrollLeft = this.scrollBottomRight.element[0].scrollLeft; + if (o.isNeedResize && o.isResizeAdapt) { + var leftWidth = BI.sum(o.freezeCols, function (i, col) { + return columnSize[col] > 1 ? columnSize[col] + 1 : columnSize[col]; + }); + this.partitions.attr("columnSize", isRight ? ['fill', leftWidth] : [leftWidth, 'fill']); + this.partitions.resize(); + } + } else { + BI.each(this.colgroupTds, function (i, colgroup) { + var width = colgroup.attr("width") | 0; + if (width !== columnSize[i]) { + var w = self._calculateWidth(columnSize[i]); + colgroup.attr("width", w).css("width", w); + BI.each(self.headerTds, function (j, items) { + if (items[i]) { + if (items[i].__mergeCols.length > 1) { + var wid = 0; + BI.each(columnSize, function (t, s) { + if (items[i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += items[i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", wid - 1).css("width", wid - 1); + } else { + items[i].element.attr("width", wid).css("width", wid); + } + } else { + items[i].attr("width", "").css("width", ""); + } + } else { + if (i == BI.size(items) - 1) { + items[i].attr("width", w - 1).css("width", w - 1); + } else { + items[i].attr("width", w).css("width", w); + } + } + } + }); + BI.each(self.headerItems, function (j, items) { + if (items[i]) { + if (self.headerTds[j][i].__mergeCols.length > 1) { + var wid = 0; + BI.each(columnSize, function (t, s) { + if (self.headerTds[j][i].__mergeCols.contains(t)) { + wid += s; + } + }); + wid = self._calculateWidth(wid); + if (wid > 1) { + wid += self.headerTds[j][i].__mergeCols.length - 1; + } + if (BI.isNumeric(wid)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", wid - 1).css("width", wid - 1); + } else { + items[i].element.attr("width", wid).css("width", wid); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } else { + if (BI.isNumeric(w)) { + if (i == BI.size(items) - 1) { + items[i].element.attr("width", w - 1).css("width", w - 1); + } else { + items[i].element.attr("width", w).css("width", w); + } + } else { + items[i].element.attr("width", "").css("width", ""); + } + } + } + }); + } + }); + var cW = this._calculateWidth(BI.sum(columnSize)); + if (cW > 1.05) { + cW = cW + columnSize.length; + } + this.tableContainer.element.width(cW); + } + }, + + setRegionColumnSize: function (columnSize) { + var self = this, o = this.options; + o.regionColumnSize = columnSize; + if (o.freezeCols.length === 0) { + if (o.isNeedFreeze) { + this.partitions.attr("columnSize", this._isRightFreeze() ? ['fill', 0] : [0, 'fill']); + this.partitions.resize(); + } else { + this.tableContainer.element.width(columnSize[0]); + } + } else if (o.freezeCols.length > 0 && o.freezeCols.length < o.columnSize.length) { + if (o.isNeedFreeze) { + this.partitions.attr("columnSize", columnSize); + this.partitions.resize(); + } else { + this.tableContainer.element.width(columnSize[0]); + } + } else { + if (o.isNeedFreeze) { + this.partitions.attr("columnSize", this._isRightFreeze() ? [0, 'fill'] : ['fill', 0]); + this.partitions.resize(); + } else { + this.tableContainer.element.width(columnSize[0]); + } + } + }, + + getRegionColumnSize: function () { + return this.options.regionColumnSize; + }, + + getCalculateRegionColumnSize: function () { + var o = this.options; + if (o.isNeedFreeze) { + return [this.scrollBottomLeft.element.width(), this.scrollBottomRight.element.width()]; + } + return [this.scrollBottomRight.element.width()]; + }, + + getCalculateRegionRowSize: function () { + var o = this.options; + if (o.isNeedFreeze) { + return [this.scrollTopRight.element.height(), this.scrollBottomRight.element.height()]; + } + return [this.scrollBottomRight.element.height()]; + }, + + getClientRegionColumnSize: function () { + var o = this.options; + if (o.isNeedFreeze) { + return [this.scrollBottomLeft.element[0].clientWidth, this.scrollBottomRight.element[0].clientWidth]; + } + return [this.scrollBottomRight.element[0].clientWidth]; + }, + + getClientRegionRowSize: function () { + var o = this.options; + if (o.isNeedFreeze) { + return [this.scrollBottomLeft.element[0].clientHeight, this.scrollBottomRight.element[0].clientHeight]; + } + return [this.scrollBottomRight.element[0].clientHeight]; + }, + + getScrollRegionColumnSize: function () { + var o = this.options; + if (o.isNeedFreeze) { + return [this.scrollBottomLeft.element[0].scrollWidth, this.scrollBottomRight.element[0].scrollWidth]; + } + return [this.scrollBottomRight.element[0].scrollWidth]; + }, + + getScrollRegionRowSize: function () { + var o = this.options; + if (o.isNeedFreeze) { + if (o.freezeCols.length < o.columnSize.length) { + return [this.scrollTopRight.element[0].scrollHeight, this.scrollBottomRight.element[0].scrollHeight]; + } else { + return [this.scrollTopLeft.element[0].scrollHeight, this.scrollBottomLeft.element[0].scrollHeight]; + } + } + return [this.scrollBottomRight.element[0].scrollHeight]; + }, + + hasVerticalScroll: function () { + var o = this.options; + if (o.isNeedFreeze) { + return this.scrollBottomRight.element.hasVerticalScroll() || this.scrollBottomLeft.element.hasVerticalScroll(); + } + return this.scrollBottomRight.element.hasVerticalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + var o = this.options; + if (o.isNeedFreeze) { + if (this.scrollBottomRight.element[0].scrollTop !== scrollTop) { + this.scrollBottomRight.element[0].scrollTop = scrollTop; + } + if (this.scrollBottomLeft.element[0].scrollTop !== scrollTop) { + this.scrollBottomLeft.element[0].scrollTop = scrollTop; + } + } else { + if (this.scrollBottomRight.element[0].scrollTop !== scrollTop) { + this.scrollBottomRight.element[0].scrollTop = scrollTop; + } + } + }, + + setLeftHorizontalScroll: function (scrollLeft) { + var o = this.options; + if (o.isNeedFreeze) { + if (this.scrollBottomLeft.element[0].scrollLeft !== scrollLeft) { + this.scrollBottomLeft.element[0].scrollLeft = scrollLeft; + } + if (this.scrollTopLeft.element[0].scrollLeft !== scrollLeft) { + this.scrollTopLeft.element[0].scrollLeft = scrollLeft; + } + } else { + if (this.scrollBottomRight.element[0].scrollLeft !== scrollLeft) { + this.scrollBottomRight.element[0].scrollLeft = scrollLeft; + } + } + }, + + setRightHorizontalScroll: function (scrollLeft) { + var o = this.options; + if (o.isNeedFreeze) { + if (this.scrollBottomRight.element[0].scrollLeft !== scrollLeft) { + this.scrollBottomRight.element[0].scrollLeft = scrollLeft; + } + if (this.scrollTopRight.element[0].scrollLeft !== scrollLeft) { + this.scrollTopRight.element[0].scrollLeft = scrollLeft; + } + } else { + if (this.scrollBottomRight.element[0].scrollLeft !== scrollLeft) { + this.scrollBottomRight.element[0].scrollLeft = scrollLeft; + } + } + }, + + getVerticalScroll: function () { + var o = this.options; + if (o.isNeedFreeze) { + return this.scrollBottomRight.element[0].scrollTop || this.scrollBottomLeft.element[0].scrollTop; + } + return this.scrollBottomRight.element[0].scrollTop; + }, + + getLeftHorizontalScroll: function () { + var o = this.options; + if (o.isNeedFreeze) { + return this.scrollBottomLeft.element[0].scrollLeft; + } + return this.scrollBottomRight.element[0].scrollLeft; + }, + + getRightHorizontalScroll: function () { + var o = this.options; + if (o.isNeedFreeze) { + return this.scrollBottomRight.element[0].scrollLeft; + } + return this.scrollBottomRight.element[0].scrollLeft; + }, + + getColumns: function () { + var o = this.options; + if (o.isNeedFreeze) { + return { + topLeft: this.topLeftBodyItems, + topRight: this.topRightBodyItems, + bottomLeft: this.bottomLeftBodyItems, + bottomRight: this.bottomRightBodyItems + } + } else { + return { + header: this.headerItems, + body: this.bodyItems, + footer: this.footerItems + } + } + }, + + populate: function (items, header) { + this.options.items = items || []; + if (header) { + this.options.header = header; + } + this.empty(); + if (this.options.isNeedFreeze) { + this._createFreezeTable(); + } else { + this._createNormalTable(); + } + }, + + empty: function () { + BI.Resizers.remove(this.getName()); + BI.Table.superclass.empty.apply(this, arguments); + }, + + destroy: function () { + BI.Table.superclass.destroy.apply(this, arguments); + } +}) +; +BI.Table.EVENT_TABLE_AFTER_INIT = "EVENT_TABLE_AFTER_INIT"; +BI.Table.EVENT_TABLE_RESIZE = "EVENT_TABLE_RESIZE"; +BI.Table.EVENT_TABLE_SCROLL = "EVENT_TABLE_SCROLL"; +BI.Table.EVENT_TABLE_BEFORE_COLUMN_RESIZE = "EVENT_TABLE_BEFORE_COLUMN_RESIZE"; +BI.Table.EVENT_TABLE_COLUMN_RESIZE = "EVENT_TABLE_COLUMN_RESIZE"; +BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE = "EVENT_TABLE_AFTER_COLUMN_RESIZE"; + +BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE = "EVENT_TABLE_BEFORE_REGION_RESIZE"; +BI.Table.EVENT_TABLE_REGION_RESIZE = "EVENT_TABLE_REGION_RESIZE"; +BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE = "EVENT_TABLE_AFTER_REGION_RESIZE"; +$.shortcut("bi.table_view", BI.Table); +/** + * + * 表格单元格 + * + * Created by GUY on 2016/1/12. + * @class BI.ResizableTableCell + * @extends BI.Widget + */ +BI.ResizableTableCell = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.ResizableTableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-resizable-table-cell", + cell: {}, + start: BI.emptyFn, + resize: BI.emptyFn, + stop: BI.emptyFn + }) + }, + + _init: function () { + BI.ResizableTableCell.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.cell = BI.createWidget(BI.extend({type: "bi.label"}, o.cell, {width: o.width, height: o.height})); + + var startDrag = false; + var size = 0, offset = 0, defaultSize = o.width; + var mouseMoveTracker = new BI.MouseMoveTracker(function (deltaX, deltaY) { + if (mouseMoveTracker.isDragging()) { + startDrag = true; + offset += deltaX; + size = BI.clamp(defaultSize + offset, 15, Number.MAX_VALUE); + self.handler.element.addClass("dragging"); + o.resize(size); + } + }, function () { + if (startDrag === true) { + size = BI.clamp(size, 15, Number.MAX_VALUE); + o.stop(size); + size = 0; + offset = 0; + defaultSize = o.width; + self.handler.element.removeClass("dragging"); + startDrag = false; + } + mouseMoveTracker.releaseMouseMoves(); + }, document); + this.handler = BI.createWidget({ + type: "bi.absolute", + cls: "resizable-table-cell-resizer-container", + width: 6, + items: [{ + el: { + type: "bi.layout", + cls: "resizable-table-cell-resizer-knob", + width: 4 + }, + right: 0, + top: 0, + bottom: 0 + }] + }); + this.handler.element.on("mousedown", function (event) { + defaultSize = o.width; + mouseMoveTracker.captureMouseMoves(event); + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.cell, + left: 0, + right: 0, + top: 0, + bottom: 0 + }, { + el: this.handler, + right: 0, + top: 0, + bottom: 0 + }] + }) + }, + + setWidth: function (width) { + BI.ResizableTableCell.superclass.setWidth.apply(this, arguments); + var o = this.options; + this.cell.setWidth(o.width); + }, + + setHeight: function (height) { + BI.ResizableTableCell.superclass.setHeight.apply(this, arguments); + var o = this.options; + this.cell.setHeight(o.height); + } +}); +$.shortcut("bi.resizable_table_cell", BI.ResizableTableCell);/** + * + * 可调整列宽的grid表格 + * + * Created by GUY on 2016/1/12. + * @class BI.ResizableTable + * @extends BI.Widget + */ +BI.ResizableTable = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.ResizableTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-resizable-table", + el: { + type: "bi.grid_table" + }, + isNeedFreeze: false, + isNeedResize: true, + isResizeAdapt: false, + headerRowSize: 25, + rowSize: 25, + isNeedMerge: true,//是否需要合并单元格 + mergeCols: [], + mergeRule: BI.emptyFn, + columnSize: [], + freezeCols: [], + header: [], + items: [], + regionColumnSize: [] + }) + }, + + _init: function () { + BI.ResizableTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.resizer = BI.createWidget({ + type: "bi.layout", + cls: "resizable-table-resizer", + invisible: true, + width: 2 + }); + this.regionResizerHandler = this._createResizerHandler(); + this.table = BI.createWidget(o.el, { + type: "bi.grid_table", + element: this, + width: o.width, + height: o.height, + headerRowSize: o.headerRowSize, + rowSize: o.rowSize, + columnSize: o.columnSize, + + isNeedFreeze: o.isNeedFreeze, + freezeCols: o.freezeCols, + isNeedMerge: o.isNeedMerge, + mergeCols: o.mergeCols, + mergeRule: BI.bind(this._mergeRule, this), + + header: this._formatHeader(o.header), + items: o.items, + regionColumnSize: o.regionColumnSize + }); + this.table.on(BI.Table.EVENT_TABLE_SCROLL, function () { + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.regionResizerHandler, + left: 0, + top: 0, + bottom: 0 + }, { + el: this.resizer, + left: 0, + top: 0 + }] + }); + this._populate(); + }, + + _mergeRule: function (row1, row2) { + var o = this.options; + if (row1.type === "bi.resizable_table_cell") { + row1 = row1.cell; + } + if (row2.type === "bi.resizable_table_cell") { + row2 = row2.cell; + } + return o.mergeRule(row1, row2); + }, + + _createResizerHandler: function () { + var self = this, o = this.options; + var regionResizerHandler = BI.createWidget({ + type: "bi.absolute", + cls: "resizable-table-region-resizer", + invisible: true, + width: 6, + items: [{ + el: { + type: "bi.layout", + width: 2, + cls: "resizable-table-region-resizer-knob" + }, + left: 2, + top: 0, + bottom: 0 + }] + }); + var size = 0, offset = 0, defaultSize = 0, start = false; + var mouseMoveTracker = new BI.MouseMoveTracker(function (deltaX, deltaY) { + if (mouseMoveTracker.isDragging()) { + start = true; + offset += deltaX; + size = BI.clamp(defaultSize + offset, 15, o.width - 15); + + self.regionResizerHandler.element.addClass("dragging"); + self._setRegionResizerHandlerPosition(size - 3, 0); + } + + }, function () { + if (start === true) { + o.regionColumnSize[0] = BI.clamp(size, 15, o.width - 15); + self.table.setRegionColumnSize(o.regionColumnSize); + if (o.isResizeAdapt === true) { + var freezeColumnSize = self._getFreezeColumnSize(); + o.columnSize[self._getFreezeColLength() - 1] += o.regionColumnSize[0] - freezeColumnSize; + self.table.setColumnSize(o.columnSize); + } + self.table.populate(); + self._populate(); + self.regionResizerHandler.element.removeClass("dragging"); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE); + start = false; + } + mouseMoveTracker.releaseMouseMoves(); + }, document); + regionResizerHandler.element.on("mousedown", function (event) { + defaultSize = size = self._getRegionSize(); + offset = 0; + self._setResizerPosition(0, 0); + mouseMoveTracker.captureMouseMoves(event); + }); + return regionResizerHandler; + }, + + _setResizerPosition: function (left, top) { + this.resizer.element.css({ + left: left + "px", + top: top + "px" + }); + }, + + _setRegionResizerHandlerPosition: function (left, top) { + this.regionResizerHandler.element.css({ + left: left + "px", + top: top + "px" + }); + }, + + _getRegionSize: function () { + var o = this.options; + var regionSize = o.regionColumnSize[0] || 0; + if (o.isNeedFreeze === false || o.freezeCols.length === 0) { + return 0; + } + if (!regionSize) { + BI.each(o.freezeCols, function (i, col) { + regionSize += o.columnSize[col]; + }); + } + return regionSize; + }, + + _getRegionRowSize: function () { + var o = this.options; + return [o.header.length * o.headerRowSize, + Math.min(o.height - o.header.length * o.headerRowSize, o.items.length * o.rowSize)]; + }, + + _getFreezeColLength: function () { + return this.options.freezeCols.length; + }, + + _getFreezeColumnSize: function () { + var columnSize = this.options.columnSize; + var sum = 0; + for (var i = 0, len = this._getFreezeColLength(); i < len; i++) { + sum += columnSize[i]; + } + return sum; + }, + + _getResizerLeft: function (j) { + var left = 0; + var columnSize = this.options.columnSize; + var freezeColLength = this._getFreezeColLength(); + for (var i = (j >= freezeColLength ? freezeColLength : 0); i < j; i++) { + left += columnSize[i] || 0; + } + if (j >= freezeColLength) { + left += this.table.getRegionSize(); + left -= this.table.getRightHorizontalScroll(); + } else { + left -= this.table.getLeftHorizontalScroll(); + } + return left; + }, + + _formatHeader: function (header) { + var self = this, o = this.options; + var result = []; + var resize = function (j, size) { + self.resizer.setVisible(true); + var height = o.headerRowSize + self._getRegionRowSize()[1]; + self.resizer.setHeight(height); + + self._setResizerPosition(self._getResizerLeft(j) + size, (o.header.length - 1) * o.headerRowSize); + }; + var stop = function (j, size) { + self.resizer.setVisible(false); + o.columnSize[j] = size; + self.table.setColumnSize(o.columnSize); + self.table.populate(); + self._populate(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE); + }; + BI.each(header, function (i, cols) { + if (i === header.length - 1) { + result[i] = []; + BI.each(cols, function (j, col) { + if (j === self._getFreezeColLength() - 1 || j === cols.length - 1) { + result[i][j] = col; + } else { + result[i][j] = { + type: "bi.resizable_table_cell", + cell: col, + resize: BI.bind(resize, null, j), + stop: BI.bind(stop, null, j) + }; + if (o.isNeedMerge) { + var r = i; + while (r > 0 && self._mergeRule(result[r][j], result[r - 1][j])) { + result[r - 1][j] = { + type: "bi.resizable_table_cell", + cell: result[r - 1][j], + resize: BI.bind(resize, null, j), + stop: BI.bind(stop, null, j) + }; + r--; + } + } + } + }); + } else { + result.push(cols); + } + }); + return result; + }, + + _populate: function () { + var o = this.options; + var regionSize = this._getRegionSize(); + if (regionSize > 0) { + this.regionResizerHandler.setVisible(true); + this._setRegionResizerHandlerPosition(regionSize - 3, 0); + } else { + this.regionResizerHandler.setVisible(false); + } + }, + + setWidth: function (width) { + BI.ResizableTable.superclass.setWidth.apply(this, arguments); + this.table.setWidth(width) + }, + + setHeight: function (height) { + BI.ResizableTable.superclass.setHeight.apply(this, arguments); + this.table.setHeight(height); + }, + + setVerticalScroll: function (scrollTop) { + this.table.setVerticalScroll(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + this.table.setLeftHorizontalScroll(scrollLeft); + }, + + setRightHorizontalScroll: function (scrollLeft) { + this.table.setRightHorizontalScroll(scrollLeft); + }, + + setColumnSize: function (columnSize) { + this.options.columnSize = columnSize; + this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + setRegionColumnSize: function (columnSize) { + this.options.regionColumnSize = columnSize; + this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + getLeftHorizontalScroll: function () { + return this.table.getLeftHorizontalScroll(); + }, + + getRightHorizontalScroll: function () { + return this.table.getRightHorizontalScroll(); + }, + + attr: function () { + BI.ResizableTable.superclass.attr.apply(this, arguments); + this.table.attr.apply(this.table, arguments); + }, + + restore: function () { + this.table.restore(); + }, + + populate: function (items, header) { + if (items) { + this.options.items = items; + } + if (header) { + this.options.header = header; + if (this.options.isNeedResize) { + header = this._formatHeader(header); + } + } + this.table.populate(items, header); + this._populate(); + } +}); + +$.shortcut("bi.resizable_table", BI.ResizableTable);/** + * guy + * 异步树 + * @class BI.TreeView + * @extends BI.Pane + */ +BI.TreeView = BI.inherit(BI.Pane, { + _defaultConfig: function () { + return BI.extend(BI.TreeView.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-tree", + paras: {}, + itemsCreator: BI.emptyFn + }) + }, + _init: function () { + BI.TreeView.superclass._init.apply(this, arguments); + + this._stop = false; + this.container = BI.createWidget(); + + this._createTree(); + this.tip = BI.createWidget({ + type: "bi.loading_bar", + invisible: true, + handler: BI.bind(this._loadMore, this) + }); + BI.createWidget({ + type: "bi.vertical", + scrollable: true, + scrolly: false, + element: this, + items: [this.container, this.tip] + }); + + }, + + _createTree: function () { + this.id = "bi-tree" + BI.UUID(); + if (this.nodes) { + this.nodes.destroy(); + } + if (this.tree) { + this.tree.destroy(); + } + this.tree = BI.createWidget({ + type: "bi.layout", + element: "<ul id='" + this.id + "' class='ztree'></ul>" + }); + BI.createWidget({ + type: "bi.default", + element: this.container, + items: [this.tree] + }); + }, + + //选择节点触发方法 + _selectTreeNode: function (treeId, treeNode) { + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, treeNode, this); + this.fireEvent(BI.TreeView.EVENT_CHANGE, treeNode, this); + }, + + //配置属性 + _configSetting: function () { + var paras = this.options.paras; + var self = this; + var setting = { + async: { + enable: true, + url: getUrl, + autoParam: ["id", "name"], + otherParam: BI.cjkEncodeDO(paras) + }, + check: { + enable: true + }, + data: { + key: { + title: "title", + name: "text" + }, + simpleData: { + enable: true + } + }, + view: { + showIcon: false, + expandSpeed: "", + nameIsHTML: true, + dblClickExpand: false + }, + callback: { + beforeExpand: beforeExpand, + onAsyncSuccess: onAsyncSuccess, + onAsyncError: onAsyncError, + beforeCheck: beforeCheck, + onCheck: onCheck, + onExpand: onExpand, + onCollapse: onCollapse, + onClick: onClick + } + }; + var className = "dark", perTime = 100; + + function onClick(event, treeId, treeNode) { + self.nodes.checkNode(treeNode, !treeNode.checked, true, true); + } + + function getUrl(treeId, treeNode) { + var parentNode = self._getParentValues(treeNode); + treeNode.times = treeNode.times || 1; + var param = "id=" + treeNode.id + + "×=" + (treeNode.times++) + + "&parent_values= " + window.encodeURIComponent(BI.jsonEncode(parentNode)) + + "&check_state=" + window.encodeURIComponent(BI.jsonEncode(treeNode.getCheckStatus())); + + return BI.servletURL + '?op=' + self.options.op + '&cmd=' + self.options.cmd + "&" + param; + } + + function beforeExpand(treeId, treeNode) { + if (!treeNode.isAjaxing) { + if (!treeNode.children) { + treeNode.times = 1; + ajaxGetNodes(treeNode, "refresh"); + } + return true; + } else { + BI.Msg.toast("Please Wait。", "warning"); + return false; + } + } + + function onAsyncSuccess(event, treeId, treeNode, msg) { + treeNode.halfCheck = false; + if (!msg || msg.length === 0 || /^<html>[\s,\S]*<\/html>$/gi.test(msg) || self._stop) { + return; + } + var zTree = self.nodes; + var totalCount = treeNode.count || 0; + + //尝试去获取下一组节点,若获取值为空数组,表示获取完成 + // TODO by GUY + if (treeNode.children.length > totalCount) { + treeNode.count = treeNode.children.length; + BI.delay(function () { + ajaxGetNodes(treeNode); + }, perTime); + } else { + //treeNode.icon = ""; + zTree.updateNode(treeNode); + zTree.selectNode(treeNode.children[0]); + //className = (className === "dark" ? "":"dark"); + } + } + + function onAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) { + var zTree = self.nodes; + BI.Msg.toast("Error!", "warning"); + //treeNode.icon = ""; + //zTree.updateNode(treeNode); + } + + function ajaxGetNodes(treeNode, reloadType) { + var zTree = self.nodes; + if (reloadType == "refresh") { + //treeNode.icon = FR.servletURL +"?op=resource&resource=/com/fr/bi/web/css/base/third/ztree/img/loading.gif"; + zTree.updateNode(treeNode); + } + zTree.reAsyncChildNodes(treeNode, reloadType, true); + } + + function beforeCheck(treeId, treeNode) { + treeNode.halfCheck = false; + if (treeNode.checked === true) { + //将展开的节点halfCheck设为false,解决展开节点存在halfCheck=true的情况 guy + //所有的半选状态都需要取消halfCheck=true的情况 + function track(children) { + BI.each(children, function (i, ch) { + if (ch.halfCheck === true) { + ch.halfCheck = false; + track(ch.children); + } + }) + } + + track(treeNode.children); + var treeObj = self.nodes; + var nodes = treeObj.getSelectedNodes(); + $.each(nodes, function (index, node) { + node.halfCheck = false; + }) + } + } + + function onCheck(event, treeId, treeNode) { + self._selectTreeNode(treeId, treeNode); + } + + function onExpand(event, treeId, treeNode) { + treeNode.halfCheck = false; + } + + function onCollapse(event, treeId, treeNode) { + } + + return setting; + }, + + _getParentValues: function (treeNode) { + if (!treeNode.getParentNode()) { + return []; + } + var parentNode = treeNode.getParentNode(); + var result = this._getParentValues(parentNode); + result = result.concat([this._getNodeValue(parentNode)]); + return result; + }, + + _getNodeValue: function (node) { + //去除标红 + return node.value || node.text.replace(/<[^>]+>/g, ""); + }, + + //获取半选框值 + _getHalfSelectedValues: function (map, node) { + var self = this; + var checkState = node.getCheckStatus(); + //将未选的去掉 + if (checkState.checked === false && checkState.half === false) { + return; + } + //如果节点已展开,并且是半选 + if (BI.isNotEmptyArray(node.children) && checkState.half === true) { + var children = node.children; + BI.each(children, function (i, ch) { + self._getHalfSelectedValues(map, ch); + }); + return; + } + var parent = node.parentValues || self._getParentValues(node); + var path = parent.concat(this._getNodeValue(node)); + if (BI.isNotEmptyArray(node.children) || checkState.half === false) { + this._buildTree(map, path); + return; + } + var storeValues = BI.deepClone(this.options.paras.selected_values); + var treeNode = this._getTree(storeValues, path); + this._addTreeNode(map, parent, this._getNodeValue(node), treeNode); + }, + + _getTree: function (map, values) { + var cur = map; + BI.any(values, function (i, value) { + if (cur[value] == null) { + return true; + } + cur = cur[value]; + }); + return cur; + }, + + _addTreeNode: function (map, values, key, value) { + var cur = map; + BI.each(values, function (i, value) { + if (cur[value] == null) { + cur[value] = {}; + } + cur = cur[value]; + }); + cur[key] = value; + }, + + //构造树节点 + _buildTree: function (map, values) { + var cur = map; + BI.each(values, function (i, value) { + if (cur[value] == null) { + cur[value] = {}; + } + cur = cur[value]; + }) + }, + + //获取选中的值 + _getSelectedValues: function () { + var self = this; + var hashMap = {}; + var rootNoots = this.nodes.getNodes(); + track(rootNoots); + function track(nodes) { + BI.each(nodes, function (i, node) { + var checkState = node.getCheckStatus(); + if (checkState.checked === true || checkState.half === true) { + if (checkState.half === true) { + self._getHalfSelectedValues(hashMap, node); + } else { + var parentValues = node.parentValues || self._getParentValues(node); + var values = parentValues.concat([self._getNodeValue(node)]); + self._buildTree(hashMap, values); + } + } + }) + } + + return hashMap; + }, + + //处理节点 + _dealWidthNodes: function (nodes) { + var self = this, o = this.options; + //处理标红 + if (BI.isKey(o.paras.keyword)) { + var keyword = o.paras.keyword; + var ns = BI.Tree.transformToArrayFormat(nodes); + BI.each(ns, function (i, n) { + n.text = $("<div>").__textKeywordMarked__(n.text, keyword, n.py).html(); + }); + } + return nodes; + }, + + _loadMore: function () { + var self = this, o = this.options; + this.tip.setLoading(); + var op = BI.extend({}, o.paras, { + times: ++this.times + }); + o.itemsCreator(op, function (res) { + if (self._stop === true) { + return; + } + var hasNext = !!res.hasNext, nodes = res.items || []; + + if (!hasNext) { + self.tip.setEnd(); + } else { + self.tip.setLoaded(); + } + if (nodes.length > 0) { + self.nodes.addNodes(null, self._dealWidthNodes(nodes)); + } + }); + }, + + //生成树内部方法 + _initTree: function (setting) { + var self = this, o = this.options; + self.fireEvent(BI.Events.INIT); + this.times = 1; + var tree = this.tree; + tree.empty(); + this.loading(); + this.tip.setVisible(false); + var callback = function (nodes) { + if (self._stop === true) { + return; + } + self.nodes = $.fn.zTree.init(tree.element, setting, nodes); + }; + var op = BI.extend({}, o.paras, { + times: 1, + type: BICst.TREE.TREE_REQ_TYPE.INIT_DATA + }); + + o.itemsCreator(op, function (res) { + if (self._stop === true) { + return; + } + var hasNext = !!res.hasNext, nodes = res.items || []; + if (nodes.length > 0) { + callback(self._dealWidthNodes(nodes)); + } + self.setTipVisible(nodes.length <= 0); + self.loaded(); + if (!hasNext) { + self.tip.invisible(); + } else { + self.tip.setLoaded(); + } + op.times === 1 && self.fireEvent(BI.Events.AFTERINIT); + }); + }, + + //构造树结构, + initTree: function (nodes, setting) { + var setting = setting || { + async: { + enable: false + }, + check: { + enable: false + }, + data: { + key: { + title: "title", + name: "text" + }, + simpleData: { + enable: true + } + }, + view: { + showIcon: false, + expandSpeed: "" + }, + callback: {} + }; + this.nodes = $.fn.zTree.init(this.tree.element, setting, nodes); + }, + + start: function () { + this._stop = false; + }, + + stop: function () { + this._stop = true; + }, + + //生成树方法 + stroke: function (config) { + delete this.options.keyword; + BI.extend(this.options.paras, config); + var setting = this._configSetting(); + this._createTree(); + this.start(); + this._initTree(setting); + }, + + populate: function () { + this.stroke.apply(this, arguments); + }, + + hasChecked: function () { + var treeObj = this.nodes; + return treeObj.getCheckedNodes(true).length > 0; + }, + + checkAll: function (checked) { + this.nodes && this.nodes.checkAllNodes(checked); + }, + + expandAll: function (flag) { + this.nodes && this.nodes.expandAll(flag); + }, + + setValue: function (value, param) { + this.options.paras.selected_values = value || {}; + this.selected_values = BI.deepClone(value) || {}; + this.checkAll(false); + this.updateValue(value, param); + this.refresh(); + }, + + updateValue: function (values, param) { + if (!this.nodes) { + return; + } + param || (param = "value"); + var treeObj = this.nodes; + BI.each(values, function (v, op) { + var nodes = treeObj.getNodesByParam(param, v, null); + BI.each(nodes, function (j, node) { + BI.extend(node, {checked: true}, op); + treeObj.updateNode(node); + }) + }); + }, + + refresh: function () { + this.nodes && this.nodes.refresh(); + }, + + getValue: function () { + if (!this.nodes) { + return null; + } + return this._getSelectedValues(); + }, + + empty: function () { + BI.isNotNull(this.nodes) && this.nodes.destroy(); + }, + + destroy: function () { + this.stop(); + this.nodes && this.nodes.destroy(); + BI.TreeView.superclass.destroy.apply(this, arguments); + } +}); +BI.extend(BI.TreeView, { + REQ_TYPE_INIT_DATA: 1, + REQ_TYPE_ADJUST_DATA: 2, + REQ_TYPE_CALCULATE_SELECT_DATA: 3, + REQ_TYPE_SELECTED_DATA: 4 +}); + +BI.TreeView.EVENT_CHANGE = "EVENT_CHANGE"; +BI.TreeView.EVENT_INIT = BI.Events.INIT; +BI.TreeView.EVENT_AFTERINIT = BI.Events.AFTERINIT; + +$.shortcut("bi.tree", BI.TreeView);/** + * guy + * 同步树 + * @class BI.SyncTree + * @extends BI.TreeView + */ +BI.SyncTree = BI.inherit(BI.TreeView, { + _defaultConfig: function () { + return BI.extend(BI.SyncTree.superclass._defaultConfig.apply(this, arguments), {}) + }, + _init: function () { + BI.SyncTree.superclass._init.apply(this, arguments); + }, + + //配置属性 + _configSetting: function () { + var paras = this.options.paras; + var self = this; + var setting = { + async: { + enable: false, + otherParam: BI.cjkEncodeDO(paras) + }, + check: { + enable: true + }, + data: { + key: { + title: "title", + name: "text" + }, + simpleData: { + enable: true + } + }, + view: { + showIcon: false, + expandSpeed: "", + nameIsHTML: true, + dblClickExpand: false + }, + callback: { + beforeCheck: beforeCheck, + onCheck: onCheck, + beforeExpand: beforeExpand, + onExpand: onExpand, + onCollapse: onCollapse, + onClick: onClick + } + }; + + function onClick(event, treeId, treeNode) { + var zTree = $.fn.zTree.getZTreeObj(treeId); + zTree.checkNode(treeNode, !treeNode.checked, true, true); + } + + function beforeCheck(treeId, treeNode) { + treeNode.halfCheck = false; + if (treeNode.checked === true) { + //将展开的节点halfCheck设为false,解决展开节点存在halfCheck=true的情况 guy + //所有的半选状态都需要取消halfCheck=true的情况 + function track(children) { + BI.each(children, function (i, ch) { + if (ch.halfCheck === true) { + ch.halfCheck = false; + track(ch.children); + } + }) + } + + track(treeNode.children); + + var treeObj = $.fn.zTree.getZTreeObj(treeId); + var nodes = treeObj.getSelectedNodes(); + BI.each(nodes, function (index, node) { + node.halfCheck = false; + }) + } + } + + function beforeExpand(treeId, treeNode) { + self._expandNode(treeId, treeNode); + } + + function onCheck(event, treeId, treeNode) { + self._selectTreeNode(treeId, treeNode); + } + + function onExpand(event, treeId, treeNode) { + treeNode.halfCheck = false; + } + + function onCollapse(event, treeId, treeNode) { + treeNode.halfCheck = false; + } + + return setting; + }, + + _selectTreeNode: function (treeId, treeNode) { + var self = this, o = this.options; + var parent_values = BI.deepClone(treeNode.parentValues || self._getParentValues(treeNode)); + var name = this._getNodeValue(treeNode) +// var values = parent_values.concat([name]); + if (treeNode.checked === true) { + } else { + var tNode = treeNode; + var pNode = this._getTree(this.selected_values, parent_values); + if (BI.isNotNull(pNode[name])) { + delete pNode[name]; + } + while (tNode != null && BI.isEmpty(pNode)) { + parent_values = parent_values.slice(0, parent_values.length - 1); + tNode = tNode.getParentNode(); + if (tNode != null) { + pNode = this._getTree(this.selected_values, parent_values); + name = this._getNodeValue(tNode); + delete pNode[name]; + } + } + } + BI.SyncTree.superclass._selectTreeNode.apply(self, arguments); + }, + + //展开节点 + _expandNode: function (treeId, treeNode) { + var self = this, o = this.options; + var parentValues = treeNode.parentValues || self._getParentValues(treeNode); + var op = BI.extend({}, o.paras, { + "id": treeNode.id, + "times": 1, + "parent_values": parentValues.concat(this._getNodeValue(treeNode)), + "check_state": treeNode.getCheckStatus() + }); + var complete = function (d) { + var nodes = d.items || []; + if (nodes.length > 0) { + callback(self._dealWidthNodes(nodes), !!d.hasNext); + } + }; + var times = 1; + + function callback(nodes, hasNext) { + self.nodes.addNodes(treeNode, nodes); + + if (hasNext === true) { + BI.delay(function () { + times++; + op.times = times; + o.itemsCreator(op, complete); + }, 100); + } + } + + if (!treeNode.children) { + o.itemsCreator(op, complete) + } + }, + + _joinTree: function (map, values, isLast) { + var cur = map; + BI.each(values, function (i, value) { + if (i > 0 && BI.isPlainObject(cur) && BI.isEmpty(cur)) { + return; + } + if (isLast === true && i === values.length - 1) { + cur[value] = {}; + return; + } + if (cur[value] == null) { + cur[value] = {}; + } + cur = cur[value]; + }) + }, + + _join: function (valueA, valueB) { + var self = this; + var hashMap = valueA || {}; + track([], valueB); + function track(parent, node) { + BI.each(node, function (n, item) { + var next = parent.concat([n]); + self._joinTree(hashMap, next, BI.isPlainObject(item) && BI.isEmpty(item)); + track(next, item); + }) + } + + return hashMap; + }, + + hasChecked: function () { + return !BI.isEmpty(this.selected_values) || BI.SyncTree.superclass.hasChecked.apply(this, arguments); + }, + + getValue: function () { + if (!this.nodes) { + return {}; + } + var checkedValues = this._getSelectedValues(); + if (BI.isEmpty(checkedValues)) { + return this.selected_values; + } + if (BI.isEmpty(this.selected_values)) { + return checkedValues; + } + return this._join(checkedValues, this.selected_values); + }, + + //生成树方法 + stroke: function (config) { + delete this.options.keyword; + BI.extend(this.options.paras, config); + //取消选中时使用 + this.selected_values = BI.deepClone(this.options.paras.selected_values) || {}; + var setting = this._configSetting(); + this._initTree(setting); + } +}); + +$.shortcut("bi.sync_tree", BI.SyncTree);/** + * guy + * 局部树,两个请求树, 第一个请求构造树,第二个请求获取节点 + * @class BI.PartTree + * @extends BI.SyncTree + */ +BI.PartTree = BI.inherit(BI.SyncTree, { + _defaultConfig: function () { + return BI.extend(BI.PartTree.superclass._defaultConfig.apply(this, arguments), {}) + }, + + _init: function () { + BI.PartTree.superclass._init.apply(this, arguments); + }, + + _loadMore: function () { + var self = this, o = this.options; + var op = BI.extend({}, o.paras, { + type: BI.TreeView.REQ_TYPE_INIT_DATA, + times: ++this.times + }); + this.tip.setLoading(); + o.itemsCreator(op, function (d) { + var hasNext = !!d.hasNext, nodes = d.items || []; + o.paras.last_search_value = d.last_search_value; + if (self._stop === true) { + return; + } + if (!hasNext) { + self.tip.setEnd(); + } else { + self.tip.setLoaded(); + } + if (nodes.length > 0) { + self.nodes.addNodes(null, self._dealWidthNodes(nodes)); + } + }); + }, + + _selectTreeNode: function (treeId, treeNode) { + var self = this, o = this.options; + var parent_values = BI.deepClone(treeNode.parentValues || self._getParentValues(treeNode)); + var name = this._getNodeValue(treeNode) +// var values = parent_values.concat([name]); + if (treeNode.checked === true) { + BI.SyncTree.superclass._selectTreeNode.apply(self, arguments); + } else { + o.itemsCreator(BI.extend({}, o.paras, { + type: BI.TreeView.REQ_TYPE_CALCULATE_SELECT_DATA, + selected_values: this.selected_values, + not_selected_value: name, + parent_values: parent_values + }), function (new_values) { + if (BI.isEqual(self.selected_values, new_values)) { + var tNode = treeNode; + var pNode = self._getTree(new_values, parent_values); + if (pNode[name]) { + delete pNode[name]; + } + while (tNode != null && BI.isEmpty(pNode)) { + parent_values = parent_values.slice(0, parent_values.length - 1); + tNode = tNode.getParentNode(); + if (tNode != null) { + pNode = self._getTree(new_values, parent_values); + name = self._getNodeValue(tNode); + delete pNode[name]; + } + } + } + self.selected_values = new_values; + BI.SyncTree.superclass._selectTreeNode.apply(self, arguments); + }); + } + }, + + _getSelectedValues: function () { + var self = this; + var hashMap = {}; + var rootNoots = this.nodes.getNodes(); + track(rootNoots); + function track(nodes) { + BI.each(nodes, function (i, node) { + var checkState = node.getCheckStatus(); + if (checkState.checked === false) { + return true; + } + var parentValues = node.parentValues || self._getParentValues(node); + //把文字中的html去掉,其实就是把文字颜色去掉 + var values = parentValues.concat([self._getNodeValue(node)]); + self._buildTree(hashMap, values); +// if(checkState.checked === true && checkState.half === false && nodes[i].flag === true){ +// continue; +// } + if (BI.isNotEmptyArray(node.children)) { + track(node.children); + return true; + } + if (checkState.half === true) { + self._getHalfSelectedValues(hashMap, node); + } + }) + } + + return hashMap; + }, + + _initTree: function (setting, keyword) { + var self = this, o = this.options; + this.times = 1; + var tree = this.tree; + tree.empty(); + self.tip.setVisible(false); + this.loading(); + var op = BI.extend({}, o.paras, { + type: BI.TreeView.REQ_TYPE_INIT_DATA, + times: this.times + }); + var complete = function (d) { + if (self._stop === true || keyword != o.paras.keyword) { + return; + } + var hasNext = !!d.hasNext, nodes = d.items || []; + o.paras.last_search_value = d.last_search_value; + if (nodes.length > 0) { + callback(self._dealWidthNodes(nodes)); + } + self.setTipVisible(nodes.length <= 0); + self.loaded(); + if (!hasNext) { + self.tip.invisible(); + } else { + self.tip.setLoaded(); + } + self.fireEvent(BI.Events.AFTERINIT); + }; + + function callback(nodes) { + if (self._stop === true) { + return; + } + self.nodes = $.fn.zTree.init(tree.element, setting, nodes); + } + + BI.delay(function () { + o.itemsCreator(op, complete); + }, 100); + }, + + getValue: function () { + var o = this.options; + var result = BI.PartTree.superclass.getValue.apply(this, arguments); + o.itemsCreator({ + type: BI.TreeView.REQ_TYPE_ADJUST_DATA, + selected_values: result + }, function (res) { + result = res; + }); + return result; + }, + + //生成树方法 + stroke: function (config) { + var o = this.options; + delete o.paras.keyword; + BI.extend(o.paras, config); + delete o.paras.last_search_value; + //取消选中时使用 + this.selected_values = BI.deepClone(o.paras.selected_values) || {}; + //delete this.options.paras.selected_values; + var setting = this._configSetting(); + this._initTree(setting, o.paras.keyword); + } +}); + +$.shortcut("bi.part_tree", BI.PartTree);/** + * + * 自定义树 + * + * Created by GUY on 2015/9/7. + * @class BI.CustomTree + * @extends BI.Single + */ +BI.CustomTree = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.CustomTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-custom-tree", + expander: { + el: {}, + popup: { + type: "bi.custom_tree" + } + }, + + items: [], + itemsCreator: BI.emptyFn, + + el: { + type: "bi.button_tree", + chooseType: 0, + layouts: [{ + type: "bi.vertical" + }] + } + }) + }, + + _init: function () { + BI.CustomTree.superclass._init.apply(this, arguments); + this.initTree(this.options.items); + }, + + setEnable: function (v) { + BI.CustomTree.superclass.setEnable.apply(this, arguments); + this.tree.setEnable(v) + }, + + _formatItems: function (nodes) { + var self = this, o = this.options; + nodes = BI.Tree.transformToTreeFormat(nodes); + + var items = []; + BI.each(nodes, function (i, node) { + if (BI.isNotEmptyArray(node.children) || node.isParent === true) { + var item = BI.extend({ + type: "bi.expander", + el: {}, + popup: {type: "bi.custom_tree"} + }, BI.deepClone(o.expander), { + id: node.id, + pId: node.pId, + value: node.value + }); + var el = BI.stripEL(node); + if (!BI.isWidget(el)) { + el = BI.clone(el); + delete el.children; + BI.extend(item.el, el); + } else { + item.el = el; + } + item.popup.expander = BI.deepClone(o.expander); + item.items = item.popup.items = node.children; + item.itemsCreator = item.popup.itemsCreator = function (op) { + if (BI.isNotNull(op.node)) {//从子节点传过来的itemsCreator直接向上传递 + return o.itemsCreator.apply(self, arguments); + } + var args = Array.prototype.slice.call(arguments, 0); + args[0].node = node; + return o.itemsCreator.apply(self, args); + }; + BI.isNull(item.popup.el) && (item.popup.el = BI.deepClone(o.el)); + items.push(item); + } else { + items.push(node); + } + }); + return items; + }, + + //构造树结构, + initTree: function (nodes) { + var self = this, o = this.options; + this.tree = BI.createWidget(o.el, { + element: this, + items: this._formatItems(nodes), + itemsCreator: function (op, callback) { + o.itemsCreator.apply(this, [op, function (items) { + var args = Array.prototype.slice.call(arguments, 0); + args[0] = self._formatItems(items); + callback.apply(null, args); + }]); + } + }); + this.tree.on(BI.Controller.EVENT_CHANGE, function (type, val, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.CustomTree.EVENT_CHANGE, val, obj); + } + }) + }, + + //生成树方法 + stroke: function (nodes) { + this.populate.apply(this, arguments); + }, + + populate: function (nodes) { + var args = Array.prototype.slice.call(arguments, 0); + if (arguments.length > 0) { + args[0] = this._formatItems(nodes); + } + this.tree.populate.apply(this.tree, args); + }, + + doBehavior: function () { + this.tree.doBehavior.apply(this.tree, arguments); + }, + + setValue: function (v) { + this.tree && this.tree.setValue(v); + }, + + getValue: function () { + return this.tree ? this.tree.getValue() : []; + }, + + getAllButtons: function () { + return this.tree ? this.tree.getAllButtons() : []; + }, + + getAllLeaves: function () { + return this.tree ? this.tree.getAllLeaves() : []; + }, + + getNodeById: function (id) { + return this.tree && this.tree.getNodeById(id); + }, + + getNodeByValue: function (id) { + return this.tree && this.tree.getNodeByValue(id); + }, + + empty: function () { + this.tree.empty(); + } +}); +BI.CustomTree.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.custom_tree", BI.CustomTree); \ No newline at end of file diff --git a/dist/case.js b/dist/case.js new file mode 100644 index 000000000..a9e4f2c7a --- /dev/null +++ b/dist/case.js @@ -0,0 +1,8025 @@ +/** + * 可以改变图标的button + * + * Created by GUY on 2016/2/2. + * + * @class BI.IconChangeButton + * @extends BI.Single + */ +BI.IconChangeButton = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.IconChangeButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-icon-change-button", + iconClass: "", + iconWidth: null, + iconHeight: null, + + stopEvent: false, + stopPropagation: false, + selected: false, + once: false, //点击一次选中有效,再点无效 + forceSelected: false, //点击即选中, 选中了就不会被取消 + forceNotSelected: false, //无论怎么点击都不会被选中 + disableSelected: false, //使能选中 + + shadow: false, + isShadowShowingOnSelected: false, //选中状态下是否显示阴影 + trigger: null, + handler: BI.emptyFn + }) + }, + + _init: function () { + BI.IconChangeButton.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.button = BI.createWidget({ + type: "bi.icon_button", + element: this, + cls: o.iconClass, + height: o.height, + iconWidth: o.iconWidth, + iconHeight: o.iconHeight, + + stopEvent: o.stopEvent, + stopPropagation: o.stopPropagation, + selected: o.selected, + once: o.once, + forceSelected: o.forceSelected, + forceNotSelected: o.forceNotSelected, + disableSelected: o.disableSelected, + + shadow: o.shadow, + isShadowShowingOnSelected: o.isShadowShowingOnSelected, + trigger: o.trigger, + handler: o.handler + }); + + this.button.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button.on(BI.IconButton.EVENT_CHANGE, function () { + self.fireEvent(BI.IconChangeButton.EVENT_CHANGE, arguments); + }); + }, + + isSelected: function () { + return this.button.isSelected(); + }, + + setSelected: function (b) { + this.button.setSelected(b); + }, + + setIcon: function (cls) { + var o = this.options; + if (o.iconClass !== cls) { + this.element.removeClass(o.iconClass).addClass(cls); + o.iconClass = cls; + } + }, + + setEnable: function (b) { + BI.IconChangeButton.superclass.setEnable.apply(this, arguments); + this.button.setEnable(b); + } +}); +BI.IconChangeButton.EVENT_CHANGE = "IconChangeButton.EVENT_CHANGE"; +$.shortcut("bi.icon_change_button", BI.IconChangeButton);/** + * guy + * @extends BI.Single + * @type {*|void|Object} + */ +BI.HalfIconButton = BI.inherit(BI.IconButton, { + _defaultConfig: function() { + var conf = BI.HalfIconButton.superclass._defaultConfig.apply(this,arguments); + return BI.extend(conf, { + extraCls: "bi-half-icon-button check-half-select-icon", + height: 16, + width: 16, + iconWidth: 16, + iconHeight: 16, + selected: false + }) + }, + + _init : function() { + BI.HalfIconButton.superclass._init.apply(this, arguments); + }, + + doClick: function(){ + BI.HalfIconButton.superclass.doClick.apply(this, arguments); + if(this.isValid()){ + this.fireEvent(BI.HalfIconButton.EVENT_CHANGE); + } + } +}); +BI.HalfIconButton.EVENT_CHANGE = "HalfIconButton.EVENT_CHANGE"; + +$.shortcut("bi.half_icon_button", BI.HalfIconButton);/** + * 统一的trigger图标按钮 + * + * Created by GUY on 2015/9/16. + * @class BI.TriggerIconButton + * @extends BI.IconButton + */ +BI.TriggerIconButton = BI.inherit(BI.IconButton, { + + _defaultConfig: function () { + var conf = BI.TriggerIconButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-trigger-icon-button", + extraCls: "pull-down-font" + }); + }, + + _init: function () { + BI.TriggerIconButton.superclass._init.apply(this, arguments); + }, + + doClick: function () { + BI.TriggerIconButton.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.TriggerIconButton.EVENT_CHANGE, this); + } + } +}); +BI.TriggerIconButton.EVENT_CHANGE = "TriggerIconButton.EVENT_CHANGE"; +$.shortcut("bi.trigger_icon_button", BI.TriggerIconButton);/** + * guy + * 复选框item + * @type {*|void|Object} + */ +BI.MultiSelectItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function() { + return BI.extend(BI.MultiSelectItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-multi-select-item", + height: 25, + logic: { + dynamic: false + } + }) + }, + _init : function() { + BI.MultiSelectItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-item-text", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + rgap: o.rgap, + text: o.text, + keyword: o.keyword, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function(type){ + if(type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + }); + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", { + type: "bi.center_adapt", + items: [this.checkbox], + width: 36 + } ,this.text) + })))); + }, + + doRedMark: function(){ + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function(){ + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function(){ + BI.MultiSelectItem.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isSelected()); + }, + + setSelected: function(v){ + BI.MultiSelectItem.superclass.setSelected.apply(this, arguments); + this.checkbox.setSelected(v); + } +}); + +$.shortcut("bi.multi_select_item", BI.MultiSelectItem);/** + * Created by GUY on 2016/2/2. + * + * @class BI.SingleSelectIconTextItem + * @extends BI.BasicButton + */ +BI.SingleSelectIconTextItem = BI.inherit(BI.Single, { + _defaultConfig: function () { + return BI.extend(BI.SingleSelectIconTextItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-single-select-icon-text-item bi-list-item-active", + iconClass: "", + hgap: 10, + height: 25 + }) + }, + _init: function () { + BI.SingleSelectIconTextItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.icon_text_item", + element: this, + cls: o.iconClass, + once: o.once, + selected: o.selected, + height: o.height, + iconHeight: o.iconHeight, + iconWidth: o.iconWidth, + text: o.text, + keyword: o.keyword, + value: o.value, + py: o.py + }); + this.text.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + isSelected: function () { + return this.text.isSelected(); + }, + + setSelected: function (b) { + this.text.setSelected(b); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.SingleSelectIconTextItem.superclass.doClick.apply(this, arguments); + } +}); + +$.shortcut("bi.single_select_icon_text_item", BI.SingleSelectIconTextItem);/** + * guy + * 复选框item + * @type {*|void|Object} + */ +BI.SingleSelectItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.SingleSelectItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-single-select-item bi-list-item-active", + hgap: 10, + height: 25 + }) + }, + _init: function () { + BI.SingleSelectItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + keyword: o.keyword, + value: o.value, + py: o.py + }); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.SingleSelectItem.superclass.doClick.apply(this, arguments); + }, + + setSelected: function (v) { + BI.SingleSelectItem.superclass.setSelected.apply(this, arguments); + } +}); + +$.shortcut("bi.single_select_item", BI.SingleSelectItem);/** + * guy + * 单选框item + * @type {*|void|Object} + */ +BI.SingleSelectRadioItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.SingleSelectRadioItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-single-select-radio-item bi-list-item-active", + logic: { + dynamic: false + }, + hgap: 10, + height: 25 + }) + }, + _init: function () { + BI.SingleSelectRadioItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.radio = BI.createWidget({ + type: "bi.radio" + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(!self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-item-text", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + keyword: o.keyword, + value: o.value, + py: o.py + }); + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", { + type: "bi.center_adapt", + items: [this.radio], + width: 36 + }, this.text) + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.SingleSelectRadioItem.superclass.doClick.apply(this, arguments); + this.radio.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.SingleSelectRadioItem.superclass.setSelected.apply(this, arguments); + this.radio.setSelected(v); + + } +}); + +$.shortcut("bi.single_select_radio_item", BI.SingleSelectRadioItem);/** + * Created by roy on 15/10/16. + */ +BI.ArrowNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.ArrowNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-arrow-group-node bi-list-item", + logic: { + dynamic: false + }, + id: "", + pId: "", + open: false, + height: 25 + }); + }, + _init: function () { + var self = this, o = this.options; + BI.ArrowNode.superclass._init.apply(this, arguments); + this.checkbox = BI.createWidget({ + type: "bi.arrow_tree_group_node_checkbox", + iconWidth: 13, + iconHeight: 13 + }); + + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.ArrowNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + setValue: function (v) { + this.text.setValue(v); + }, + + setOpened: function (v) { + BI.ArrowNode.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + } +}); + +$.shortcut("bi.arrow_group_node", BI.ArrowNode);/** + * 加号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.FirstPlusGroupNode + * @extends BI.NodeButton + */ +BI.FirstPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.FirstPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-first-plus-group-node bi-list-item", + logic: { + dynamic: false + }, + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.FirstPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.first_tree_node_checkbox", + stopPropagation: true + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.triggerExpand(); + } else { + self.triggerCollapse(); + } + } + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.FirstPlusGroupNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.FirstPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.checkbox)) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.first_plus_group_node", BI.FirstPlusGroupNode);/** + * Created by User on 2016/3/31. + */ +/** + * > + icon + 文本 + * @class BI.IconArrowNode + * @extends BI.NodeButton + */ +BI.IconArrowNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.IconArrowNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-icon-arrow-node bi-list-item", + logic: { + dynamic: false + }, + id: "", + pId: "", + open: false, + height: 25, + iconHeight: 13, + iconWidth: 13, + iconCls: "" + }) + }, + _init: function () { + BI.IconArrowNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox", + width: 23, + stopPropagation: true + }); + + var icon = BI.createWidget({ + type: "bi.center_adapt", + cls: o.iconCls, + width: 23, + items: [{ + type: "bi.icon", + height: o.iconHeight, + width: o.iconWidth + }] + }); + + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.triggerExpand(); + } else { + self.triggerCollapse(); + } + } + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, { + width: 23, + el: icon + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.IconArrowNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.IconArrowNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.checkbox)) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.icon_arrow_node", BI.IconArrowNode);/** + * 加号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.LastPlusGroupNode + * @extends BI.NodeButton + */ +BI.LastPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.LastPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-last-plus-group-node bi-list-item", + logic: { + dynamic: false + }, + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.LastPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.last_tree_node_checkbox", + stopPropagation: true + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if(type === BI.Events.CLICK) { + if (this.isSelected()) { + self.triggerExpand(); + } else { + self.triggerCollapse(); + } + } + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.LastPlusGroupNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.LastPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.checkbox)) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.last_plus_group_node", BI.LastPlusGroupNode);/** + * 加号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.MidPlusGroupNode + * @extends BI.NodeButton + */ +BI.MidPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MidPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-mid-plus-group-node bi-list-item", + logic: { + dynamic: false + }, + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.MidPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.mid_tree_node_checkbox", + stopPropagation: true + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.triggerExpand(); + } else { + self.triggerCollapse(); + } + } + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.MidPlusGroupNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MidPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.checkbox)) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.mid_plus_group_node", BI.MidPlusGroupNode);BI.MultiLayerIconArrowNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerIconArrowNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-icon-arrow-node bi-list-item", + layer: 0,//第几层级 + id: "", + pId: "", + open: false, + height: 25, + iconHeight: 13, + iconWidth: 13, + iconCls: "" + }) + }, + _init: function () { + BI.MultiLayerIconArrowNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.icon_arrow_node", + iconCls: o.iconCls, + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + iconHeight: o.iconHeight, + iconWidth: o.iconWidth, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + self.setSelected(self.isSelected()); + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + isOnce: function () { + return true; + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + isSelected: function () { + return this.node.isSelected(); + }, + + setSelected: function (b) { + BI.MultiLayerIconArrowNode.superclass.setSelected.apply(this, arguments); + this.node.setSelected(b); + }, + + doClick: function () { + BI.NodeButton.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerIconArrowNode.superclass.setOpened.apply(this, arguments); + this.node.setOpened(v); + } +}); + +$.shortcut("bi.multilayer_icon_arrow_node", BI.MultiLayerIconArrowNode);/** + * 加号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.PlusGroupNode + * @extends BI.NodeButton + */ +BI.PlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.PlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-plus-group-node bi-list-item", + logic: { + dynamic: false + }, + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.PlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.tree_node_checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.PlusGroupNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.PlusGroupNode.superclass.setOpened.apply(this, arguments); + if (this.checkbox) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.plus_group_node", BI.PlusGroupNode);/** + * 三角号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.TriangleGroupNode + * @extends BI.NodeButton + */ +BI.TriangleGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.TriangleGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-triangle-group-node bi-list-item", + logic: { + dynamic: false + }, + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.TriangleGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + iconWidth: 13, + iconHeight: 13, + type: "bi.tree_group_node_checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py, + keyword: o.keyword + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.TriangleGroupNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.TriangleGroupNode.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setText: function(text){ + BI.TriangleGroupNode.superclass.setText.apply(this, arguments); + this.text.setText(text); + } +}); + +$.shortcut("bi.triangle_group_node", BI.TriangleGroupNode);/** + * guy + * 复选框item + * @type {*|void|Object} + */ +BI.FirstTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.FirstTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-first-tree-leaf-item bi-list-item-active", + logic: { + dynamic: false + }, + id: "", + pId: "", + layer: 0, + height: 25 + }) + }, + _init: function () { + BI.FirstTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, ((o.layer === 0) ? "" : { + width: 13, + el: { + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + } + }), { + width: 25, + el: { + type: "bi.layout", + cls: "mid-line-conn-background", + width: 25, + height: o.height + } + }, { + el: this.text + }); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.FirstTreeLeafItem.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.FirstTreeLeafItem.superclass.setSelected.apply(this, arguments); + this.checkbox.setSelected(v); + } +}); + +$.shortcut("bi.first_tree_leaf_item", BI.FirstTreeLeafItem);BI.IconTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.IconTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-icon-tree-leaf-item bi-list-item-active", + logic: { + dynamic: false + }, + height: 25, + iconWidth: 16, + iconHeight: 16, + iconCls: "" + }) + }, + + _init: function () { + BI.IconTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + var icon = BI.createWidget({ + type: "bi.center_adapt", + width: 23, + cls: o.iconCls, + items: [{ + type: "bi.icon", + width: o.iconWidth, + height: o.iconHeight + }] + }); + + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 23, + el: icon + }, { + el: this.text + }); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.IconTreeLeafItem.superclass.doClick.apply(this, arguments); + }, + + setSelected: function (v) { + BI.IconTreeLeafItem.superclass.setSelected.apply(this, arguments); + } +}); + +$.shortcut("bi.icon_tree_leaf_item", BI.IconTreeLeafItem);/** + * guy + * 复选框item + * @type {*|void|Object} + */ +BI.LastTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.LastTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-last-tree-leaf-item bi-list-item-active", + logic: { + dynamic: false + }, + id: "", + pId: "", + layer: 0, + height: 25 + }) + }, + _init: function () { + BI.LastTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, ((o.layer === 0) ? "" : { + width: 13, + el: { + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + } + }), { + width: 25, + el: { + type: "bi.layout", + cls: "mid-line-conn-background", + width: 25, + height: o.height + } + }, { + el: this.text + }); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.LastTreeLeafItem.superclass.doClick.apply(this, arguments); + // this.checkbox.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.LastTreeLeafItem.superclass.setSelected.apply(this, arguments); + // this.checkbox.setSelected(v); + } +}); + +$.shortcut("bi.last_tree_leaf_item", BI.LastTreeLeafItem);/** + * guy + * 复选框item + * @type {*|void|Object} + */ +BI.MidTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.MidTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-mid-tree-leaf-item bi-list-item-active", + logic: { + dynamic: false + }, + id: "", + pId: "", + layer: 0, + height: 25 + }) + }, + _init: function () { + BI.MidTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, ((o.layer === 0) ? "" : { + width: 13, + el: { + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + } + }), { + width: 25, + el: { + type: "bi.layout", + cls: "mid-line-conn-background", + width: 25, + height: o.height + } + }, { + el: this.text + }); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.MidTreeLeafItem.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.MidTreeLeafItem.superclass.setSelected.apply(this, arguments); + this.checkbox.setSelected(v); + } +}); + +$.shortcut("bi.mid_tree_leaf_item", BI.MidTreeLeafItem);/** + * @class BI.MultiLayerIconTreeLeafItem + * @extends BI.BasicButton + */ +BI.MultiLayerIconTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerIconTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-multilayer-icon-tree-leaf-item bi-list-item-active", + layer: 0, + height: 25, + iconCls: "", + iconHeight: 14, + iconWidth: 12 + }) + }, + _init: function () { + BI.MultiLayerIconTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.item = BI.createWidget({ + type: "bi.icon_tree_leaf_item", + iconCls: o.iconCls, + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + isFront: true, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py, + iconWidth: o.iconWidth, + iconHeight: o.iconHeight + }); + this.item.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + width: 13, + height: o.height + }) + }); + items.push(this.item); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }); + }, + + doRedMark: function () { + this.item.doRedMark.apply(this.item, arguments); + }, + + unRedMark: function () { + this.item.unRedMark.apply(this.item, arguments); + }, + + doHighLight: function () { + this.item.doHighLight.apply(this.item, arguments); + }, + + unHighLight: function () { + this.item.unHighLight.apply(this.item, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.MultiLayerIconTreeLeafItem.superclass.doClick.apply(this, arguments); + this.item.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.MultiLayerIconTreeLeafItem.superclass.setSelected.apply(this, arguments); + this.item.setSelected(v); + }, + + getValue: function(){ + return this.options.value; + } +}); + +$.shortcut("bi.multilayer_icon_tree_leaf_item", BI.MultiLayerIconTreeLeafItem);/** + * 树叶子节点 + * Created by GUY on 2015/9/6. + * @class BI.TreeTextLeafItem + * @extends BI.BasicButton + */ +BI.TreeTextLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function() { + return BI.extend(BI.TreeTextLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-tree-text-leaf-item bi-list-item-active", + id: "", + pId: "", + height: 25, + hgap: 0, + lgap: 0, + rgap: 0 + }) + }, + _init : function() { + BI.TreeTextLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + lgap: o.lgap, + rgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.text + }] + }) + }, + + doRedMark: function(){ + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function(){ + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function(){ + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function(){ + this.text.unHighLight.apply(this.text, arguments); + }, + + getId: function(){ + return this.options.id; + }, + + getPId: function(){ + return this.options.pId; + } +}); + +$.shortcut("bi.tree_text_leaf_item", BI.TreeTextLeafItem);/** + * Created by GUY on 2015/8/28. + * @class BI.Calendar + * @extends BI.Widget + */ +BI.Calendar = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.Calendar.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-calendar", + logic: { + dynamic: false + }, + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + year: 2015, + month: 7, //7表示八月 + day: 25 + }) + }, + + _dateCreator: function (Y, M, D) { + var self = this, o = this.options, log = {}, De = new Date(); + var mins = o.min.match(/\d+/g); + var maxs = o.max.match(/\d+/g); + Y < (mins[0] | 0) && (Y = (mins[0] | 0)); + Y > (maxs[0] | 0) && (Y = (maxs[0] | 0)); + + De.setFullYear(Y, M, D); + log.ymd = [De.getFullYear(), De.getMonth(), De.getDate()]; + + Date._MD[1] = Date.isLeap(log.ymd[0]) ? 29 : 28; + + De.setFullYear(log.ymd[0], log.ymd[1], 1); + log.FDay = De.getDay(); + + log.PDay = Date._MD[M === 0 ? 11 : M - 1] - log.FDay + 1; + log.NDay = 1; + + var items = []; + BI.each(BI.range(42), function (i) { + var td = {}, YY = log.ymd[0], MM = log.ymd[1] + 1, DD; + if (i < log.FDay) { + td.lastMonth = true; + DD = i + log.PDay; + MM === 1 && (YY -= 1); + MM = MM === 1 ? 12 : MM - 1; + } else if (i >= log.FDay && i < log.FDay + Date._MD[log.ymd[1]]) { + DD = i - log.FDay + 1; + if (i - log.FDay + 1 === log.ymd[2]) { + td.currentDay = true; + } + } else { + td.nextMonth = true; + DD = log.NDay++; + MM === 12 && (YY += 1); + MM = MM === 12 ? 1 : MM + 1; + } + if (Date.checkVoid(YY, MM, DD, mins, maxs)[0]) { + td.disabled = true; + } + td.text = DD; + items.push(td); + }) + return items; + }, + + _init: function () { + BI.Calendar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var items = BI.map(Date._SDN.slice(0, 7), function (i, value) { + return { + type: "bi.label", + height: 25, + text: value + } + }) + var title = BI.createWidget({ + type: "bi.button_group", + height: 25, + items: items + }) + var days = this._dateCreator(o.year, o.month, o.day); + items = []; + items.push(days.slice(0, 7)); + items.push(days.slice(7, 14)); + items.push(days.slice(14, 21)); + items.push(days.slice(21, 28)); + items.push(days.slice(28, 35)); + items.push(days.slice(35, 42)); + + items = BI.map(items, function (i, item) { + return BI.map(item, function (j, td) { + return BI.extend(td, { + type: "bi.text_item", + cls: "bi-list-item-active", + textAlign: "center", + whiteSpace: "normal", + once: false, + forceSelected: true, + height: 25, + value: o.year + "-" + o.month + "-" + td.text, + disabled: td.lastMonth || td.nextMonth || td.disabled + //selected: td.currentDay + }); + }); + }); + + this.days = BI.createWidget({ + type: "bi.button_group", + items: BI.createItems(items, {}), + layouts: [BI.LogicFactory.createLogic("table", BI.extend({}, o.logic, { + columns: 7, + rows: 6, + columnSize: [1 / 7, 1 / 7, 1 / 7, 1 / 7, 1 / 7, 1 / 7, 1 / 7], + rowSize: 25 + }))] + }); + this.days.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }) + BI.createWidget(BI.extend({ + element: this + + }, BI.LogicFactory.createLogic("vertical", BI.extend({}, o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("top", title, this.days) + })))); + }, + + isFrontDate: function () { + var o = this.options, c = this._const; + var Y = o.year, M = o.month, De = new Date(), day = De.getDay(); + Y = Y | 0; + De.setFullYear(Y, M, 1); + var newDate = De.getOffsetDate(-1 * (day + 1)); + return !!Date.checkVoid(newDate.getFullYear(), newDate.getMonth(), newDate.getDate(), o.min, o.max)[0]; + }, + + isFinalDate: function () { + var o = this.options, c = this._const; + var Y = o.year, M = o.month, De = new Date(), day = De.getDay(); + Y = Y | 0; + De.setFullYear(Y, M, 1); + var newDate = De.getOffsetDate(42 - day); + return !!Date.checkVoid(newDate.getFullYear(), newDate.getMonth(), newDate.getDate(), o.min, o.max)[0]; + }, + + setValue: function (ob) { + this.days.setValue([ob.year + "-" + ob.month + "-" + ob.day]); + }, + + getValue: function () { + var date = this.days.getValue()[0].match(/\d+/g); + return { + year: date[0] | 0, + month: date[1] | 0, + day: date[2] | 0 + } + } +}); + +BI.extend(BI.Calendar, { + getPageByDateJSON: function (json) { + var year = new Date().getFullYear(); + var month = new Date().getMonth(); + var page = (json.year - year) * 12; + page += json.month - month; + return page; + } +}); + +$.shortcut("bi.calendar", BI.Calendar);/** + * Created by GUY on 2015/8/28. + * @class BI.YearCalendar + * @extends BI.Widget + */ +BI.YearCalendar = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + var conf = BI.YearCalendar.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-year-calendar", + logic: { + dynamic: false + }, + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + year: null + }) + }, + + _yearCreator: function (Y) { + var o = this.options; + Y = Y | 0; + var start = BI.YearCalendar.getStartYear(Y); + var items = []; + BI.each(BI.range(BI.YearCalendar.INTERVAL), function (i) { + var td = {}; + if (Date.checkVoid(start + i, 1, 1, o.min, o.max)[0]) { + td.disabled = true; + } + td.text = start + i; + items.push(td); + }); + return items; + }, + + _init: function () { + BI.YearCalendar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.currentYear = new Date().getFullYear(); + var years = this._yearCreator(o.year || this.currentYear); + + //纵向排列年 + var len = years.length, tyears = BI.makeArray(len, ""); + var map = [0, 6, 1, 7, 2, 8, 3, 9, 4, 10, 5, 11]; + BI.each(years, function (i, y) { + tyears[i] = years[map[i]]; + }); + var items = []; + items.push(tyears.slice(0, 2)); + items.push(tyears.slice(2, 4)); + items.push(tyears.slice(4, 6)); + items.push(tyears.slice(6, 8)); + items.push(tyears.slice(8, 10)); + items.push(tyears.slice(10, 12)); + + items = BI.map(items, function (i, item) { + return BI.map(item, function (j, td) { + return BI.extend(td, { + type: "bi.text_item", + cls: "bi-list-item-active", + textAlign: "center", + whiteSpace: "normal", + once: false, + forceSelected: true, + height: 23, + width: 38, + value: td.text, + disabled: td.disabled + }); + }); + }); + + this.years = BI.createWidget({ + type: "bi.button_group", + items: BI.createItems(items, {}), + layouts: [BI.LogicFactory.createLogic("table", BI.extend({}, o.logic, { + columns: 2, + rows: 6, + columnSize: [1 / 2, 1 / 2], + rowSize: 25 + })), { + type: "bi.center_adapt", + vgap: 1 + }] + }); + this.years.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + BI.createWidget(BI.extend({ + element: this + + }, BI.LogicFactory.createLogic("vertical", BI.extend({}, o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("top", this.years) + })))); + }, + + isFrontYear: function () { + var o = this.options; + var Y = o.year; + Y = Y | 0; + return !!Date.checkVoid(BI.YearCalendar.getStartYear(Y) - 1, 1, 1, o.min, o.max)[0]; + }, + + isFinalYear: function () { + var o = this.options, c = this._const; + var Y = o.year; + Y = Y | 0; + return !!Date.checkVoid(BI.YearCalendar.getEndYear(Y) + 1, 1, 1, o.min, o.max)[0]; + }, + + setValue: function (val) { + this.years.setValue([val]); + }, + + getValue: function () { + return this.years.getValue()[0]; + } +}); +//类方法 +BI.extend(BI.YearCalendar, { + INTERVAL: 12, + + //获取显示的第一年 + getStartYear: function (year) { + var cur = new Date().getFullYear(); + return year - ((year - cur + 3) % BI.YearCalendar.INTERVAL + 12) % BI.YearCalendar.INTERVAL; + }, + + getEndYear: function (year) { + return BI.YearCalendar.getStartYear(year) + BI.YearCalendar.INTERVAL; + }, + + getPageByYear: function (year) { + var cur = new Date().getFullYear(); + year = BI.YearCalendar.getStartYear(year); + return (year - cur + 3) / BI.YearCalendar.INTERVAL; + } +}); + +$.shortcut("bi.year_calendar", BI.YearCalendar);/** + * 绘制一些较复杂的canvas + * + * Created by GUY on 2015/11/24. + * @class BI.ComplexCanvas + * @extends BI.Widget + */ +BI.ComplexCanvas = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.ComplexCanvas.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-complex-canvas" + }) + }, + + + _init: function () { + BI.ComplexCanvas.superclass._init.apply(this, arguments); + var o = this.options; + this.canvas = BI.createWidget({ + type: "bi.canvas", + element: this, + width: o.width, + height: o.height + }); + }, + + //绘制树枝节点 + branch: function (x0, y0, x1, y1, x2, y2) { + var self = this, args = [].slice.call(arguments); + if (args.length <= 5) { + return this.canvas.line.apply(this.canvas, arguments); + } + var options; + if (BI.isOdd(args.length)) { + options = BI.last(args); + args = BI.initial(args); + } + args = [].slice.call(args, 2); + var odd = BI.filter(args, function (i) { + return i % 2 === 0; + }); + var even = BI.filter(args, function (i) { + return i % 2 !== 0; + }); + options || (options = {}); + var offset = options.offset || 20; + if ((y0 > y1 && y0 > y2) || (y0 < y1 && y0 < y2)) { + if (y0 > y1 && y0 > y2) { + var y = Math.max.apply(this, even) + offset; + } else { + var y = Math.min.apply(this, even) - offset; + } + var minx = Math.min.apply(this, odd); + var minix = BI.indexOf(odd, minx); + var maxx = Math.max.apply(this, odd); + var maxix = BI.indexOf(odd, maxx); + this.canvas.line(minx, even[minix], minx, y, maxx, y, maxx, even[maxix], options); + BI.each(odd, function (i, dot) { + if (i !== maxix && i !== minix) { + self.canvas.line(dot, even[i], dot, y, options); + } + }); + this.canvas.line(x0, y, x0, y0, options); + return; + } + if ((x0 > x1 && x0 > x2) || (x0 < x1 && x0 < x2)) { + if (x0 > x1 && x0 > x2) { + var x = Math.max.apply(this, odd) + offset; + } else { + var x = Math.min.apply(this, odd) - offset; + } + var miny = Math.min.apply(this, even); + var miniy = BI.indexOf(even, miny); + var maxy = Math.max.apply(this, even); + var maxiy = BI.indexOf(even, maxy); + this.canvas.line(odd[miniy], miny, x, miny, x, maxy, odd[maxiy], maxy, options); + BI.each(even, function (i, dot) { + if (i !== miniy && i !== maxiy) { + self.canvas.line(odd[i], dot, x, dot, options); + } + }); + this.canvas.line(x, y0, x0, y0, options); + return; + } + }, + + stroke: function (callback) { + this.canvas.stroke(callback); + } +}); + +$.shortcut("bi.complex_canvas", BI.ComplexCanvas);/** + * Created by roy on 15/10/16. + * 上箭头与下箭头切换的树节点 + */ +BI.ArrowTreeGroupNodeCheckbox=BI.inherit(BI.IconButton,{ + _defaultConfig:function(){ + return BI.extend(BI.ArrowTreeGroupNodeCheckbox.superclass._defaultConfig.apply(this,arguments),{ + extraCls:"bi-arrow-tree-group-node", + iconWidth: 13, + iconHeight: 13 + }); + }, + _init:function(){ + BI.ArrowTreeGroupNodeCheckbox.superclass._init.apply(this,arguments); + }, + setSelected: function(v){ + BI.ArrowTreeGroupNodeCheckbox.superclass.setSelected.apply(this, arguments); + if(v) { + this.element.removeClass("column-next-page-h-font").addClass("column-pre-page-h-font"); + } else { + this.element.removeClass("column-pre-page-h-font").addClass("column-next-page-h-font"); + } + } +}); +$.shortcut("bi.arrow_tree_group_node_checkbox",BI.ArrowTreeGroupNodeCheckbox);/** + * 十字型的树节点 + * @class BI.CheckingMarkNode + * @extends BI.IconButton + */ +BI.CheckingMarkNode = BI.inherit(BI.IconButton, { + _defaultConfig: function() { + return BI.extend( BI.CheckingMarkNode.superclass._defaultConfig.apply(this, arguments), { + extraCls: "check-mark-font", + iconWidth: 13, + iconHeight: 13 + }); + }, + _init:function() { + BI.CheckingMarkNode.superclass._init.apply(this, arguments); + this.setSelected(this.options.selected); + + }, + setSelected: function(v){ + BI.CheckingMarkNode.superclass.setSelected.apply(this, arguments); + if(v===true) { + this.element.addClass("check-mark-font"); + } else { + this.element.removeClass("check-mark-font"); + } + } +}); +$.shortcut("bi.checking_mark_node", BI.CheckingMarkNode);/** + * 十字型的树节点 + * @class BI.FirstTreeNodeCheckbox + * @extends BI.IconButton + */ +BI.FirstTreeNodeCheckbox = BI.inherit(BI.IconButton, { + _defaultConfig: function() { + return BI.extend( BI.FirstTreeNodeCheckbox.superclass._defaultConfig.apply(this, arguments), { + extraCls: "tree-collapse-icon-type2", + iconWidth: 25, + iconHeight: 25 + }); + }, + _init:function() { + BI.FirstTreeNodeCheckbox.superclass._init.apply(this, arguments); + + }, + setSelected: function(v){ + BI.FirstTreeNodeCheckbox.superclass.setSelected.apply(this, arguments); + if(v===true) { + this.element.addClass("tree-expand-icon-type2"); + } else { + this.element.removeClass("tree-expand-icon-type2"); + } + } +}); +$.shortcut("bi.first_tree_node_checkbox", BI.FirstTreeNodeCheckbox);/** + * 十字型的树节点 + * @class BI.LastTreeNodeCheckbox + * @extends BI.IconButton + */ +BI.LastTreeNodeCheckbox = BI.inherit(BI.IconButton, { + _defaultConfig: function() { + return BI.extend( BI.LastTreeNodeCheckbox.superclass._defaultConfig.apply(this, arguments), { + extraCls: "tree-collapse-icon-type4", + iconWidth: 25, + iconHeight: 25 + }); + }, + _init:function() { + BI.LastTreeNodeCheckbox.superclass._init.apply(this, arguments); + + }, + setSelected: function(v){ + BI.LastTreeNodeCheckbox.superclass.setSelected.apply(this, arguments); + if(v===true) { + this.element.addClass("tree-expand-icon-type3"); + } else { + this.element.removeClass("tree-expand-icon-type3"); + } + } +}); +$.shortcut("bi.last_tree_node_checkbox", BI.LastTreeNodeCheckbox);/** + * 十字型的树节点 + * @class BI.MidTreeNodeCheckbox + * @extends BI.IconButton + */ +BI.MidTreeNodeCheckbox = BI.inherit(BI.IconButton, { + _defaultConfig: function() { + return BI.extend( BI.MidTreeNodeCheckbox.superclass._defaultConfig.apply(this, arguments), { + extraCls: "tree-collapse-icon-type3", + iconWidth: 25, + iconHeight: 25 + }); + }, + _init:function() { + BI.MidTreeNodeCheckbox.superclass._init.apply(this, arguments); + + }, + setSelected: function(v){ + BI.MidTreeNodeCheckbox.superclass.setSelected.apply(this, arguments); + if(v===true) { + this.element.addClass("tree-expand-icon-type3"); + } else { + this.element.removeClass("tree-expand-icon-type3"); + } + } +}); +$.shortcut("bi.mid_tree_node_checkbox", BI.MidTreeNodeCheckbox);/** + * 三角形的树节点 + * Created by GUY on 2015/9/6. + * @class BI.TreeGroupNodeCheckbox + * @extends BI.IconButton + */ +BI.TreeGroupNodeCheckbox = BI.inherit(BI.IconButton, { + _defaultConfig: function() { + return BI.extend( BI.TreeGroupNodeCheckbox.superclass._defaultConfig.apply(this, arguments), { + extraCls: "tree-node-triangle-collapse-font", + iconWidth: 13, + iconHeight: 13 + }); + }, + _init:function() { + BI.TreeGroupNodeCheckbox.superclass._init.apply(this, arguments); + + }, + setSelected: function(v){ + BI.TreeGroupNodeCheckbox.superclass.setSelected.apply(this, arguments); + if(v) { + this.element.removeClass("tree-node-triangle-collapse-font").addClass("tree-node-triangle-expand-font"); + } else { + this.element.removeClass("tree-node-triangle-expand-font").addClass("tree-node-triangle-collapse-font"); + } + } +}); +$.shortcut("bi.tree_group_node_checkbox", BI.TreeGroupNodeCheckbox);/** + * 十字型的树节点 + * @class BI.TreeNodeCheckbox + * @extends BI.IconButton + */ +BI.TreeNodeCheckbox = BI.inherit(BI.IconButton, { + _defaultConfig: function() { + return BI.extend( BI.TreeNodeCheckbox.superclass._defaultConfig.apply(this, arguments), { + extraCls: "tree-collapse-icon-type1", + iconWidth: 25, + iconHeight: 25 + }); + }, + _init:function() { + BI.TreeNodeCheckbox.superclass._init.apply(this, arguments); + + }, + setSelected: function(v){ + BI.TreeNodeCheckbox.superclass.setSelected.apply(this, arguments); + if(v) { + this.element.addClass("tree-expand-icon-type1"); + } else { + this.element.removeClass("tree-expand-icon-type1"); + } + } +}); +$.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/** + * 简单选色控件按钮 + * + * Created by GUY on 2015/11/16. + * @class BI.ColorPickerButton + * @extends BI.BasicButton + */ +BI.ColorPickerButton = BI.inherit(BI.BasicButton, { + + _defaultConfig: function () { + var conf = BI.ColorPickerButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-color-picker-button" + }) + }, + + _init: function () { + BI.ColorPickerButton.superclass._init.apply(this, arguments); + var self = this, o = this.options; + if (o.value) { + this.element.css("background-color", o.value); + var name = this.getName(); + this.element.hover(function () { + self._createMask(); + if (self.isEnabled()) { + BI.Maskers.show(name); + } + }, function () { + if (!self.isSelected()) { + BI.Maskers.hide(name); + } + }); + } + }, + + _createMask: function () { + var o = this.options, name = this.getName(); + if (this.isEnabled() && !BI.Maskers.has(name)) { + var w = BI.Maskers.make(name, this, { + offset: { + left: -1, + top: -1, + right: -1, + bottom: -1 + } + }); + w.element.addClass("color-picker-button-mask").css("background-color", o.value); + } + }, + + setSelected: function (b) { + BI.ColorPickerButton.superclass.setSelected.apply(this, arguments); + if (!!b) { + this._createMask(); + } + BI.Maskers[!!b ? "show" : "hide"](this.getName()); + } +}); +BI.ColorPickerButton.EVENT_CHANGE = "ColorPickerButton.EVENT_CHANGE"; +$.shortcut("bi.color_picker_button", BI.ColorPickerButton);/** + * 简单选色控件 + * + * Created by GUY on 2015/11/16. + * @class BI.ColorPicker + * @extends BI.Widget + */ +BI.ColorPicker = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ColorPicker.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-color-picker", + items: null + }) + }, + + _items: [ + [{ + value: "#ff0000" + }, { + value: "#ffff02" + }, { + value: "#00ff00" + }, { + value: "#00ffff" + }, { + value: "#0000ff" + }, { + value: "#ff02ff" + }, { + value: "#ffffff" + }, { + value: "#e6e6e6" + }, { + value: "#cccccc" + }, { + value: "#b3b3b3" + }, { + value: "#999999" + }, { + value: "#808080" + }, { + value: "#666666" + }, { + value: "#4d4d4d" + }, { + value: "#333333" + }, { + value: "#1a1a1a" + }], + [{ + value: "#ea9b5e" + }, { + value: "#ebb668" + }, { + value: "#efca69" + }, { + value: "#faf4a2" + }, { + value: "#c9da73" + }, { + value: "#b6d19c" + }, { + value: "#86be85" + }, { + value: "#87c5c3" + }, { + value: "#75bfec" + }, { + value: "#85a9e0" + }, { + value: "#8890d3" + }, { + value: "#a484b9" + }, { + value: "#b48bbf" + }, { + value: "#ba8dc6" + }, { + value: "#e697c8" + }, { + value: "#e49da0" + }], + [{ + value: "#df6a18" + }, { + value: "#df8d04" + }, { + value: "#efb500" + }, { + value: "#faf201" + }, { + value: "#b2cc23" + }, { + value: "#7dbd2f" + }, { + value: "#48a754" + }, { + value: "#27acaa" + }, { + value: "#09abe9" + }, { + value: "#357bcc" + }, { + value: "#4d67c1" + }, { + value: "#5b4aa5" + }, { + value: "#7e52a5" + }, { + value: "#a057a4" + }, { + value: "#d1689c" + }, { + value: "#d66871" + }], + [{ + value: "#d12d02" + }, { + value: "#db6700" + }, { + value: "#ee9106" + }, { + value: "#f7ed02" + }, { + value: "#92b801" + }, { + value: "#37a600" + }, { + value: "#289100" + }, { + value: "#1a9589" + }, { + value: "#0292e0" + }, { + value: "#005dbb" + }, { + value: "#005eb4" + }, { + value: "#0041a3" + }, { + value: "#00217f" + }, { + value: "#811e89" + }, { + value: "#cd2a7c" + }, { + value: "#cd324a" + }] + ], + + _init: function () { + BI.ColorPicker.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.colors = BI.createWidget({ + type: "bi.button_group", + element: this, + items: BI.createItems(o.items || this._items, { + type: "bi.color_picker_button", + once: false + }), + layouts: [{ + type: "bi.grid" + }] + }); + this.colors.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.fireEvent(BI.ColorPicker.EVENT_CHANGE, arguments); + }) + }, + + populate: function(items){ + var args =[].slice.call(arguments); + args[0] = BI.createItems(items, { + type: "bi.color_picker_button", + once: false + }); + this.colors.populate.apply(this.colors, args); + }, + + setValue: function (color) { + this.colors.setValue(color); + }, + + getValue: function () { + return this.colors.getValue(); + } +}); +BI.ColorPicker.EVENT_CHANGE = "ColorPicker.EVENT_CHANGE"; +$.shortcut("bi.color_picker", BI.ColorPicker);/** + * 简单选色控件 + * + * Created by GUY on 2015/11/16. + * @class BI.ColorPickerEditor + * @extends BI.Widget + */ +BI.ColorPickerEditor = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ColorPickerEditor.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-color-picker-editor", + width: 190, + height: 20 + }) + }, + + _init: function () { + BI.ColorPickerEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.colorShow = BI.createWidget({ + type: "bi.layout", + cls: "color-picker-editor-display", + height: 20 + }); + var RGB = BI.createWidgets(BI.createItems([{text: "R"}, {text: "G"}, {text: "B"}], { + type: "bi.label", + cls: "color-picker-editor-label", + width: 10, + height: 20 + })); + + var checker = function (v) { + return BI.isNumeric(v) && (v | 0) >= 0 && (v | 0) <= 255; + }; + var Ws = BI.createWidgets([{}, {}, {}], { + type: "bi.small_text_editor", + cls: "color-picker-editor-input", + validationChecker: checker, + errorText: BI.i18nText("BI-Color_Picker_Error_Text"), + value: 255, + width: 35, + height: 20 + }); + BI.each(Ws, function (i, w) { + w.on(BI.TextEditor.EVENT_CHANGE, function () { + if (self.R.isValid() && self.G.isValid() && self.B.isValid()) { + self.colorShow.element.css("background-color", self.getValue()); + self.fireEvent(BI.ColorPickerEditor.EVENT_CHANGE); + } + }); + }); + this.R = Ws[0]; + this.G = Ws[1]; + this.B = Ws[2]; + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.colorShow, + width: 'fill' + }, { + el: RGB[0], + lgap: 10, + width: 20 + }, { + el: this.R, + width: 35 + }, { + el: RGB[1], + lgap: 10, + width: 20 + }, { + el: this.G, + width: 35 + }, { + el: RGB[2], + lgap: 10, + width: 20 + }, { + el: this.B, + width: 35 + }] + }) + }, + + setValue: function (color) { + color || (color = "#000000"); + this.colorShow.element.css("background-color", color); + var json = BI.DOM.rgb2json(BI.DOM.hex2rgb(color)); + this.R.setValue(json.r); + this.G.setValue(json.g); + this.B.setValue(json.b); + }, + + getValue: function () { + return BI.DOM.rgb2hex(BI.DOM.json2rgb({ + r: this.R.getValue(), + g: this.G.getValue(), + b: this.B.getValue() + })) + } +}); +BI.ColorPickerEditor.EVENT_CHANGE = "ColorPickerEditor.EVENT_CHANGE"; +$.shortcut("bi.color_picker_editor", BI.ColorPickerEditor);/** + * guy + * 记录内容的输入框 + * @class BI.RecordEditor + * @extends BI.Single + */ +BI.RecordEditor = BI.inherit(BI.Single, { + _defaultConfig: function() { + var conf = BI.RecordEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf , { + baseCls: (conf.baseCls || "") + " bi-record-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + allowBlank: true, + watermark: "", + errorText: "", + height: 30 + }) + }, + + _init : function() { + BI.RecordEditor.superclass._init.apply(this, arguments); + this.contents = []; + var self = this, o = this.options; + + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank : o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.textContainer = BI.createWidget({ + type: "bi.vertical_adapt", + hgap: 2, + height: o.height + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_FOCUS, function(){ + self._checkInputState(); + self.fireEvent(BI.RecordEditor.EVENT_FOCUS, arguments); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function(){ + self._checkInputState(); + self.fireEvent(BI.RecordEditor.EVENT_BLUR, arguments); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function(){ + self.fireEvent(BI.RecordEditor.EVENT_CLICK, arguments); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function(){ + self.fireEvent(BI.RecordEditor.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function(v){ + self.fireEvent(BI.RecordEditor.EVENT_KEY_DOWN, arguments); + }); + + this.editor.on(BI.Editor.EVENT_VALID, function(){ + self.fireEvent(BI.RecordEditor.EVENT_VALID, arguments); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function(){ + self.fireEvent(BI.RecordEditor.EVENT_SPACE, arguments); + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function(){ + self.setValue(self.getValue()); + self.editor.isValid() && self.editor.setValue(""); + self.fireEvent(BI.RecordEditor.EVENT_CONFIRM, arguments); + }); + this.editor.on(BI.Editor.EVENT_START, function(){ + self.fireEvent(BI.RecordEditor.EVENT_START, arguments); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function(){ + self.fireEvent(BI.RecordEditor.EVENT_PAUSE, arguments); + }); + this.editor.on(BI.Editor.EVENT_STOP, function(){ + self.fireEvent(BI.RecordEditor.EVENT_STOP, arguments); + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.RecordEditor.EVENT_ENTER, arguments); + }); + this.editor.on(BI.Editor.EVENT_BACKSPACE, function(){ + self._checkInputState(); + }); + this.editor.on(BI.Editor.EVENT_REMOVE, function(){ + if(!BI.isEmpty(self.contents)){ + self.contents.pop().destroy(); + self.setValue(self.getValue()); + self._adjustInputWidth(); + } + }); + this.editor.on(BI.Editor.EVENT_ERROR, function(){ + self.fireEvent(BI.RecordEditor.EVENT_ERROR, arguments); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function(){ + self.fireEvent(BI.RecordEditor.EVENT_RESTRICT, arguments); + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function(){ + self.fireEvent(BI.RecordEditor.EVENT_EMPTY, arguments); + }); + BI.createWidget({ + type: "bi.inline", + element: this, + items: [this.textContainer, this.editor] + }); + BI.Resizers.add(this.getName(), BI.bind(this._adjustInputWidth, this)); + this._adjustInputWidth(); + }, + + _adjustInputWidth: function(){ + BI.nextTick(BI.bind(function(){ + this.editor.element.css("width", this.element.width() - this.textContainer.element.outerWidth() - 10); + }, this)); + }, + + _checkInputState: function(){ + if(BI.isEmpty(this.contents)){ + this.editor.enableWarterMark(); + } else { + this.editor.disableWarterMark(); + } + }, + + focus: function(){ + this.editor.focus(); + }, + + blur: function(){ + this.editor.blur(); + }, + + isValid : function() { + return this.editor.isValid(); + }, + + setErrorText: function(text){ + this.editor.setErrorText(text); + }, + + getErrorText: function(){ + return this.editor.getErrorText(); + }, + + isEditing: function () { + return this.editor.isEditing(); + }, + + getLastValidValue: function () { + return this.editor.getLastValidValue(); + }, + + setValue: function (k) { + this.editor.setValue(k); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + getState: function(){ + var values = BI.map(this.contents, function(i, lb){ + return lb.getText(); + }); + if(BI.isNotEmptyString(this.editor.getValue())){ + return values.concat([this.editor.getValue()]); + } + return values; + }, + + setState: function(v){ + BI.StateEditor.superclass.setValue.apply(this, arguments); + v = BI.isArray(v) ? v : (v == "" ? [] : [v]); + var contents = this.contents = []; + BI.each(v, function(i, lb){ + contents.push(BI.createWidget({ + type: "bi.label", + height: 25, + cls: "record-editor-text", + text: lb + })) + }); + this.textContainer.empty(); + this.textContainer.populate(contents); + this.editor.isValid() && this.editor.setValue(""); + this._checkInputState(); + this._adjustInputWidth(); + }, + + destroy: function(){ + BI.Resizers.remove(this.getName()); + BI.RecordEditor.superclass.destroy.apply(this, arguments); + } +}); +BI.RecordEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.RecordEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.RecordEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.RecordEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.RecordEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; + +BI.RecordEditor.EVENT_START = "EVENT_START"; +BI.RecordEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.RecordEditor.EVENT_STOP = "EVENT_STOP"; +BI.RecordEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.RecordEditor.EVENT_VALID = "EVENT_VALID"; +BI.RecordEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.RecordEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.RecordEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.RecordEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.RecordEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.record_editor", BI.RecordEditor);/** + * 带标记的文本框 + * Created by GUY on 2016/1/25. + * @class BI.ShelterEditor + * @extends BI.Single + */ +BI.ShelterEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.ShelterEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-shelter-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: true, + watermark: "", + errorText: "", + height: 30, + textAlign: "left" + }) + }, + + _init: function () { + BI.ShelterEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.text = BI.createWidget({ + type: "bi.text_button", + cls: "shelter-editor-text", + textAlign: o.textAlign, + height: o.height, + hgap: 4 + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.text, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + this.text.on(BI.Controller.EVENT_CHANGE, function () { + arguments[2] = self; + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.text.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.ShelterEditor.EVENT_CLICK_LABEL); + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.ShelterEditor.EVENT_FOCUS, arguments); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.ShelterEditor.EVENT_BLUR, arguments); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.ShelterEditor.EVENT_CLICK, arguments); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self.fireEvent(BI.ShelterEditor.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.ShelterEditor.EVENT_KEY_DOWN, arguments); + }); + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.ShelterEditor.EVENT_VALID, arguments); + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self._showHint(); + self._checkText(); + self.fireEvent(BI.ShelterEditor.EVENT_CONFIRM, arguments); + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.ShelterEditor.EVENT_START, arguments); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.ShelterEditor.EVENT_PAUSE, arguments); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.ShelterEditor.EVENT_STOP, arguments); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function () { + self.fireEvent(BI.ShelterEditor.EVENT_SPACE, arguments); + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self._checkText(); + self.fireEvent(BI.ShelterEditor.EVENT_ERROR, arguments); + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.ShelterEditor.EVENT_ENTER, arguments); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.ShelterEditor.EVENT_RESTRICT, arguments); + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self.fireEvent(BI.ShelterEditor.EVENT_EMPTY, arguments); + }); + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [this.editor] + }); + this._showHint(); + self._checkText(); + }, + + _checkText: function () { + var o = this.options; + if (this.editor.getValue() === "") { + this.text.setValue(o.watermark || ""); + this.text.element.addClass("bi-water-mark"); + } else { + this.text.setValue(this.editor.getValue()); + this.text.element.removeClass("bi-water-mark"); + } + }, + + _showInput: function () { + this.editor.visible(); + this.text.invisible(); + }, + + _showHint: function () { + this.editor.invisible(); + this.text.visible(); + }, + + focus: function () { + this._showInput(); + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + this._showHint(); + this._checkText(); + }, + + doRedMark: function () { + if (this.editor.getValue() === "" && BI.isKey(this.options.watermark)) { + return; + } + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + if (this.editor.getValue() === "" && BI.isKey(this.options.watermark)) { + return; + } + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + isEditing: function () { + return this.editor.isEditing(); + }, + + getLastValidValue: function () { + return this.editor.getLastValidValue(); + }, + + setValue: function (k) { + this.editor.setValue(k); + this._checkText(); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + getState: function () { + return this.text.getValue(); + }, + + setState: function (v) { + this._showHint(); + this.text.setValue(v); + } +}); +BI.ShelterEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.ShelterEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.ShelterEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.ShelterEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.ShelterEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.ShelterEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"; + +BI.ShelterEditor.EVENT_START = "EVENT_START"; +BI.ShelterEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.ShelterEditor.EVENT_STOP = "EVENT_STOP"; +BI.ShelterEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.ShelterEditor.EVENT_VALID = "EVENT_VALID"; +BI.ShelterEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.ShelterEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.ShelterEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.ShelterEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.ShelterEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.shelter_editor", BI.ShelterEditor);/** + * 带标记的文本框 + * Created by GUY on 2015/8/28. + * @class BI.SignEditor + * @extends BI.Single + */ +BI.SignEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.SignEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-sign-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: true, + watermark: "", + errorText: "", + height: 30 + }) + }, + + _init: function () { + BI.SignEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.text = BI.createWidget({ + type: "bi.text_button", + cls: "sign-editor-text", + textAlign: "left", + height: o.height, + hgap: 4, + handler: function () { + self._showInput(); + self.editor.focus(); + self.editor.selectAll(); + } + }); + this.text.on(BI.TextButton.EVENT_CHANGE, function () { + BI.nextTick(function () { + self.fireEvent(BI.SignEditor.EVENT_CLICK_LABEL) + }); + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.text, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.SignEditor.EVENT_FOCUS, arguments); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.SignEditor.EVENT_BLUR, arguments); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.SignEditor.EVENT_CLICK, arguments); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self.fireEvent(BI.SignEditor.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.SignEditor.EVENT_KEY_DOWN, arguments); + }); + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.SignEditor.EVENT_VALID, arguments); + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self._showHint(); + self._checkText(); + self.fireEvent(BI.SignEditor.EVENT_CONFIRM, arguments); + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.SignEditor.EVENT_START, arguments); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.SignEditor.EVENT_PAUSE, arguments); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.SignEditor.EVENT_STOP, arguments); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function () { + self.fireEvent(BI.SignEditor.EVENT_SPACE, arguments); + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self._checkText(); + self.fireEvent(BI.SignEditor.EVENT_ERROR, arguments); + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.SignEditor.EVENT_ENTER, arguments); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.SignEditor.EVENT_RESTRICT, arguments); + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self.fireEvent(BI.SignEditor.EVENT_EMPTY, arguments); + }); + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [this.editor] + }); + this._showHint(); + self._checkText(); + }, + + _checkText: function () { + var o = this.options; + if (this.editor.getValue() === "") { + this.text.setValue(o.watermark || ""); + this.text.element.addClass("bi-water-mark"); + } else { + this.text.setValue(this.editor.getValue()); + this.text.element.removeClass("bi-water-mark"); + } + }, + + _showInput: function () { + this.editor.visible(); + this.text.invisible(); + }, + + _showHint: function () { + this.editor.invisible(); + this.text.visible(); + }, + + focus: function () { + this._showInput(); + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + this._showHint(); + this._checkText(); + }, + + doRedMark: function () { + if (this.editor.getValue() === "" && BI.isKey(this.options.watermark)) { + return; + } + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + if (this.editor.getValue() === "" && BI.isKey(this.options.watermark)) { + return; + } + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setValid: function(v){ + BI.SignEditor.superclass.setValid.apply(this, arguments); + this.editor.setValid(v); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + isEditing: function () { + return this.editor.isEditing(); + }, + + getLastValidValue: function () { + return this.editor.getLastValidValue(); + }, + + setValue: function (k) { + this.editor.setValue(k); + this._checkText(); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + getState: function () { + return this.text.getValue(); + }, + + setState: function (v) { + this._showHint(); + this.text.setValue(v); + } +}); +BI.SignEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.SignEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.SignEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.SignEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.SignEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.SignEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"; + +BI.SignEditor.EVENT_START = "EVENT_START"; +BI.SignEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.SignEditor.EVENT_STOP = "EVENT_STOP"; +BI.SignEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.SignEditor.EVENT_VALID = "EVENT_VALID"; +BI.SignEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.SignEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.SignEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.SignEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.SignEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.sign_editor", BI.SignEditor);/** + * guy + * 记录状态的输入框 + * @class BI.StateEditor + * @extends BI.Single + */ +BI.StateEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.StateEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-state-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: true, + watermark: "", + errorText: "", + height: 30 + }) + }, + + _init: function () { + BI.StateEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.text = BI.createWidget({ + type: "bi.text_button", + cls: "state-editor-infinite-text", + textAlign: "left", + height: o.height, + text: BI.i18nText("BI-Unrestricted"), + hgap: 4, + handler: function () { + self._showInput(); + self.editor.focus(); + self.editor.setValue(""); + } + }); + this.text.on(BI.TextButton.EVENT_CHANGE, function () { + BI.nextTick(function () { + self.fireEvent(BI.StateEditor.EVENT_CLICK_LABEL); + }); + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.text, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.StateEditor.EVENT_FOCUS, arguments); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.StateEditor.EVENT_BLUR, arguments); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.StateEditor.EVENT_CLICK, arguments); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self.fireEvent(BI.StateEditor.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.StateEditor.EVENT_KEY_DOWN, arguments); + }); + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.StateEditor.EVENT_VALID, arguments); + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self._showHint(); + self.fireEvent(BI.StateEditor.EVENT_CONFIRM, arguments); + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.StateEditor.EVENT_START, arguments); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.StateEditor.EVENT_PAUSE, arguments); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.StateEditor.EVENT_STOP, arguments); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function () { + self.fireEvent(BI.StateEditor.EVENT_SPACE, arguments); + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self.fireEvent(BI.StateEditor.EVENT_ERROR, arguments); + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.StateEditor.EVENT_ENTER, arguments); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.StateEditor.EVENT_RESTRICT, arguments); + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self.fireEvent(BI.StateEditor.EVENT_EMPTY, arguments); + }); + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [this.editor] + }); + this._showHint(); + }, + + doRedMark: function () { + if (this.editor.getValue() === "" && BI.isKey(this.options.watermark)) { + return; + } + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + if (this.editor.getValue() === "" && BI.isKey(this.options.watermark)) { + return; + } + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + focus: function () { + this._showInput(); + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + this._showHint(); + }, + + _showInput: function () { + this.editor.visible(); + this.text.invisible(); + }, + + _showHint: function () { + this.editor.invisible(); + this.text.visible(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + isEditing: function () { + return this.editor.isEditing(); + }, + + getLastValidValue: function () { + return this.editor.getLastValidValue(); + }, + + setValue: function (k) { + this.editor.setValue(k); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + getState: function () { + return this.editor.getValue().match(/[^\s]+/g); + }, + + setState: function (v) { + BI.StateEditor.superclass.setValue.apply(this, arguments); + if (BI.isNumber(v)) { + if (v === BI.Selection.All) { + this.text.setText(BI.i18nText("BI-Select_All")); + this.text.element.removeClass("state-editor-infinite-text"); + } else if (v === BI.Selection.Multi) { + this.text.setText(BI.i18nText("BI-Select_Part")); + this.text.element.removeClass("state-editor-infinite-text"); + } else { + this.text.setText(BI.i18nText("BI-Unrestricted")); + this.text.element.addClass("state-editor-infinite-text"); + } + return; + } + if (!BI.isArray(v) || v.length === 1) { + this.text.setText(v); + this.text.setTitle(v); + this.text.element.removeClass("state-editor-infinite-text"); + } else if (BI.isEmpty(v)) { + this.text.setText(BI.i18nText("BI-Unrestricted")); + this.text.element.addClass("state-editor-infinite-text"); + } else { + this.text.setText(BI.i18nText("BI-Select_Part")); + this.text.element.removeClass("state-editor-infinite-text"); + } + } +}); +BI.StateEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.StateEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.StateEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.StateEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.StateEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.StateEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"; + +BI.StateEditor.EVENT_START = "EVENT_START"; +BI.StateEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.StateEditor.EVENT_STOP = "EVENT_STOP"; +BI.StateEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.StateEditor.EVENT_VALID = "EVENT_VALID"; +BI.StateEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.StateEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.StateEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.StateEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.StateEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.state_editor", BI.StateEditor);/** + * 无限制-已选择状态输入框 + * Created by GUY on 2016/5/18. + * @class BI.SimpleStateEditor + * @extends BI.Single + */ +BI.SimpleStateEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.SimpleStateEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-simple-state-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: true, + watermark: "", + errorText: "", + height: 30 + }) + }, + + _init: function () { + BI.SimpleStateEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.text = BI.createWidget({ + type: "bi.text_button", + cls: "state-editor-infinite-text", + textAlign: "left", + height: o.height, + text: BI.i18nText("BI-Unrestricted"), + hgap: 4, + handler: function () { + self._showInput(); + self.editor.focus(); + self.editor.setValue(""); + } + }); + this.text.on(BI.TextButton.EVENT_CHANGE, function () { + BI.nextTick(function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_CLICK_LABEL); + }); + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.text, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_FOCUS, arguments); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_BLUR, arguments); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_CLICK, arguments); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.SimpleStateEditor.EVENT_KEY_DOWN, arguments); + }); + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_VALID, arguments); + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self._showHint(); + self.fireEvent(BI.SimpleStateEditor.EVENT_CONFIRM, arguments); + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_START, arguments); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_PAUSE, arguments); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_STOP, arguments); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_SPACE, arguments); + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_ERROR, arguments); + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_ENTER, arguments); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_RESTRICT, arguments); + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self.fireEvent(BI.SimpleStateEditor.EVENT_EMPTY, arguments); + }); + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [this.editor] + }); + this._showHint(); + }, + + doRedMark: function () { + if (this.editor.getValue() === "" && BI.isKey(this.options.watermark)) { + return; + } + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + if (this.editor.getValue() === "" && BI.isKey(this.options.watermark)) { + return; + } + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + focus: function () { + this._showInput(); + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + this._showHint(); + }, + + _showInput: function () { + this.editor.visible(); + this.text.invisible(); + }, + + _showHint: function () { + this.editor.invisible(); + this.text.visible(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + isEditing: function () { + return this.editor.isEditing(); + }, + + getLastValidValue: function () { + return this.editor.getLastValidValue(); + }, + + setValue: function (k) { + this.editor.setValue(k); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + getState: function () { + return this.editor.getValue().match(/[^\s]+/g); + }, + + setState: function (v) { + BI.SimpleStateEditor.superclass.setValue.apply(this, arguments); + if (BI.isNumber(v)) { + if (v === BI.Selection.All) { + this.text.setText(BI.i18nText("BI-Aleady_Selected")); + this.text.element.removeClass("state-editor-infinite-text"); + } else if (v === BI.Selection.Multi) { + this.text.setText(BI.i18nText("BI-Aleady_Selected")); + this.text.element.removeClass("state-editor-infinite-text"); + } else { + this.text.setText(BI.i18nText("BI-Unrestricted")); + this.text.element.addClass("state-editor-infinite-text"); + } + return; + } + if (!BI.isArray(v) || v.length === 1) { + this.text.setText(v); + this.text.setTitle(v); + this.text.element.removeClass("state-editor-infinite-text"); + } else if (BI.isEmpty(v)) { + this.text.setText(BI.i18nText("BI-Unrestricted")); + this.text.element.addClass("state-editor-infinite-text"); + } else { + this.text.setText(BI.i18nText("BI-Aleady_Selected")); + this.text.element.removeClass("state-editor-infinite-text"); + } + } +}); +BI.SimpleStateEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.SimpleStateEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.SimpleStateEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.SimpleStateEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.SimpleStateEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.SimpleStateEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"; + +BI.SimpleStateEditor.EVENT_START = "EVENT_START"; +BI.SimpleStateEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.SimpleStateEditor.EVENT_STOP = "EVENT_STOP"; +BI.SimpleStateEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.SimpleStateEditor.EVENT_VALID = "EVENT_VALID"; +BI.SimpleStateEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.SimpleStateEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.SimpleStateEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.SimpleStateEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.SimpleStateEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.simple_state_editor", BI.SimpleStateEditor);/** + * 倒立的Branch + * @class BI.HandStandBranchExpander + * @extend BI.Widget + * create by young + */ +BI.HandStandBranchExpander = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.HandStandBranchExpander.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-handstand-branch-expander", + direction: BI.Direction.Top, + logic: { + dynamic: true + }, + el: {type: "bi.label"}, + popup: {} + }) + }, + + _init: function () { + BI.HandStandBranchExpander.superclass._init.apply(this, arguments); + var o = this.options; + this._initExpander(); + this._initBranchView(); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({}, o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection(o.direction, { + type: "bi.center_adapt", + items: [this.expander] + }, this.branchView) + })))); + }, + + _initExpander: function () { + var self = this, o = this.options; + this.expander = BI.createWidget(o.el); + this.expander.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + _initBranchView: function () { + var self = this, o = this.options; + this.branchView = BI.createWidget(o.popup, {}); + this.branchView.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + populate: function (items) { + this.branchView.populate.apply(this.branchView, arguments); + }, + + getValue: function () { + return this.branchView.getValue(); + } +}); +BI.HandStandBranchExpander.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.handstand_branch_expander", BI.HandStandBranchExpander);/** + * @class BI.BranchExpander + * @extend BI.Widget + * create by young + */ +BI.BranchExpander = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.BranchExpander.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-branch-expander", + direction: BI.Direction.Left, + logic: { + dynamic: true + }, + el: {}, + popup: {} + }) + }, + + _init: function () { + BI.BranchExpander.superclass._init.apply(this, arguments); + var o = this.options; + this._initExpander(); + this._initBranchView(); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({}, o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.expander, this.branchView) + })))); + }, + + _initExpander: function () { + var self = this, o = this.options; + this.expander = BI.createWidget(o.el, { + type: "bi.label", + width: 30, + height: "100%" + }); + this.expander.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + _initBranchView: function () { + var self = this, o = this.options; + this.branchView = BI.createWidget(o.popup, {}); + this.branchView.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + populate: function (items) { + this.branchView.populate.apply(this.branchView, arguments); + }, + + getValue: function () { + return this.branchView.getValue(); + } +}); +BI.BranchExpander.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.branch_expander", BI.BranchExpander);/** + * 有确定取消按钮的弹出层 + * @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-Sure")), BI.i18nText("BI-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.BarPopoverSection + * @extends BI.PopoverSection + * @abstract + */ +BI.BarPopoverSection = BI.inherit(BI.PopoverSection, { + _defaultConfig: function () { + return BI.extend(BI.BarPopoverSection.superclass._defaultConfig.apply(this, arguments), { + btns: [BI.i18nText(BI.i18nText("BI-Sure")), BI.i18nText(BI.i18nText("BI-Cancel"))] + }) + }, + + _init: function () { + BI.BarPopoverSection.superclass._init.apply(this, arguments); + }, + + rebuildSouth: function (south) { + var self = this; + 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] + }); + } +});/** + * 下拉框弹出层的多选版本,toolbar带有若干按钮, zIndex在1000w + * @class BI.MultiPopupView + * @extends BI.Widget + */ + +BI.MultiPopupView = BI.inherit(BI.PopupView, { + + _defaultConfig: function () { + var conf = BI.MultiPopupView.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-multi-list-view", + buttons: [BI.i18nText("BI-Sure")] + }) + }, + + _init: function () { + BI.MultiPopupView.superclass._init.apply(this, arguments); + }, + + _createToolBar: function () { + var o = this.options, self = this; + if (o.buttons.length === 0) { + return; + } + + var text = []; //构造[{text:content},……] + BI.each(o.buttons, function (idx, item) { + text.push({ + text: item, + value: idx + }) + }); + + this.buttongroup = BI.createWidget({ + type: "bi.button_group", + cls: "list-view-toolbar", + height: 30, + items: BI.createItems(text, { + type: "bi.text_button", + once: false, + shadow: true, + isShadowShowingOnSelected: true + }), + layouts: [{ + type: "bi.center", + hgap: 0, + vgap: 0 + }] + }); + + this.buttongroup.on(BI.ButtonGroup.EVENT_CHANGE, function (value, obj) { + self.fireEvent(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, value, obj); + }); + + return this.buttongroup; + } + +}); + +BI.MultiPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON = "EVENT_CLICK_TOOLBAR_BUTTON"; + +$.shortcut("bi.multi_popup_view", BI.MultiPopupView);/** + * 可以理解为MultiPopupView和Panel两个面板的结合体 + * @class BI.PopupPanel + * @extends BI.MultiPopupView + */ + +BI.PopupPanel = BI.inherit(BI.MultiPopupView, { + + _defaultConfig: function () { + var conf = BI.PopupPanel.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-popup-panel", + title: "" + }) + }, + + _init: function () { + BI.PopupPanel.superclass._init.apply(this, arguments); + }, + + _createTool: function () { + var self = this, o = this.options; + var close = BI.createWidget({ + type: "bi.icon_button", + cls: "close-h-font", + width: 25, + height: 25 + }); + close.on(BI.IconButton.EVENT_CHANGE, function () { + self.setVisible(false); + self.fireEvent(BI.PopupPanel.EVENT_CLOSE); + }); + return BI.createWidget({ + type: "bi.htape", + cls: "popup-panel-title", + height: 25, + items: [{ + el: { + type: "bi.label", + textAlign: "left", + text: o.title, + height: 25, + lgap: 10 + } + }, { + el: close, + width: 25 + }] + }); + } +}); + +BI.PopupPanel.EVENT_CHANGE = "EVENT_CHANGE"; +BI.PopupPanel.EVENT_CLOSE = "EVENT_CLOSE"; +BI.PopupPanel.EVENT_CLICK_TOOLBAR_BUTTON = "EVENT_CLICK_TOOLBAR_BUTTON"; + +$.shortcut("bi.popup_panel", BI.PopupPanel);/** + * list面板 + * + * Created by GUY on 2015/10/30. + * @class BI.ListPane + * @extends BI.Pane + */ +BI.ListPane = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + var conf = BI.ListPane.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-list-pane", + logic: { + dynamic: true + }, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + vgap: 0, + hgap: 0, + items: [], + itemsCreator: BI.emptyFn, + hasNext: BI.emptyFn, + onLoaded: BI.emptyFn, + el: { + type: "bi.button_group" + } + }) + }, + _init: function () { + BI.ListPane.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.button_group = BI.createWidget(o.el, { + type: "bi.button_group", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + behaviors: {}, + items: o.items, + itemsCreator: function (op, calback) { + if (op.times === 1) { + self.empty(); + BI.nextTick(function () { + self.loading() + }); + } + o.itemsCreator(op, function () { + calback.apply(self, arguments); + op.times === 1 && BI.nextTick(function () { + self.loaded(); + }); + }); + }, + hasNext: o.hasNext, + layouts: [{ + type: "bi.vertical" + }] + }); + + this.button_group.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.ListPane.EVENT_CHANGE, value, obj); + } + }); + this.check(); + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Top), BI.extend({ + scrolly: true, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + vgap: o.vgap, + hgap: o.hgap + }, o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Top, this.button_group) + })))); + }, + + hasPrev: function () { + return this.button_group.hasPrev && this.button_group.hasPrev(); + }, + + hasNext: function () { + return this.button_group.hasNext && this.button_group.hasNext(); + }, + + prependItems: function (items) { + this.options.items = items.concat(this.options.items); + this.button_group.prependItems.apply(this.button_group, arguments); + this.check(); + }, + + addItems: function (items) { + this.options.items = this.options.items.concat(items); + this.button_group.addItems.apply(this.button_group, arguments); + this.check(); + }, + + populate: function (items) { + var self = this, o = this.options; + if (arguments.length === 0 && (BI.isFunction(this.button_group.attr("itemsCreator")))) {//接管loader的populate方法 + this.button_group.attr("itemsCreator").apply(this, [{times: 1}, function () { + if (arguments.length === 0) { + throw new Error("参数不能为空"); + } + self.populate.apply(self, arguments); + }]); + return; + } + BI.ListPane.superclass.populate.apply(this, arguments); + this.button_group.populate.apply(this.button_group, arguments); + }, + + empty: function () { + this.button_group.empty(); + }, + + doBehavior: function () { + this.button_group.doBehavior.apply(this.button_group, arguments); + }, + + setNotSelectedValue: function () { + this.button_group.setNotSelectedValue.apply(this.button_group, arguments); + }, + + getNotSelectedValue: function () { + return this.button_group.getNotSelectedValue(); + }, + + setValue: function () { + this.button_group.setValue.apply(this.button_group, arguments); + }, + + getValue: function () { + return this.button_group.getValue.apply(this.button_group, arguments); + }, + + getAllButtons: function () { + return this.button_group.getAllButtons(); + }, + + getAllLeaves: function () { + return this.button_group.getAllLeaves(); + }, + + getSelectedButtons: function () { + return this.button_group.getSelectedButtons(); + }, + + getNotSelectedButtons: function () { + return this.button_group.getNotSelectedButtons(); + }, + + getIndexByValue: function (value) { + return this.button_group.getIndexByValue(value); + }, + + getNodeById: function (id) { + return this.button_group.getNodeById(id); + }, + + getNodeByValue: function (value) { + return this.button_group.getNodeByValue(value); + } +}); +BI.ListPane.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.list_pane", BI.ListPane);/** + * 带有标题栏的pane + * @class BI.Panel + * @extends BI.Widget + */ +BI.Panel = BI.inherit(BI.Widget,{ + _defaultConfig : function(){ + return BI.extend(BI.Panel.superclass._defaultConfig.apply(this,arguments),{ + baseCls: "bi-panel", + title:"", + titleButtons:[], + el:{}, + logic:{ + dynamic: false + } + }); + }, + + _init:function(){ + BI.Panel.superclass._init.apply(this,arguments); + var o = this.options; + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("vertical", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("top", this._createTitle() + ,this.options.el) + })))); + }, + + _createTitle:function(){ + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + cls: "panel-title-text", + text: o.title, + height: 30 + }); + + this.button_group = BI.createWidget({ + type:"bi.button_group", + items: o.titleButtons, + layouts: [{ + type: "bi.center_adapt", + lgap:10 + }] + }); + + this.button_group.on(BI.Controller.EVENT_CHANGE, function(){ + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.button_group.on(BI.ButtonGroup.EVENT_CHANGE, function(value, obj){ + self.fireEvent(BI.Panel.EVENT_CHANGE, value, obj); + }); + + return { + el: { + type: "bi.left_right_vertical_adapt", + cls: "panel-title", + height: 30, + items: { + left: [this.text], + right: [this.button_group] + }, + lhgap: 10, + rhgap: 10 + }, + height: 30 + }; + }, + + setTitle: function(title){ + this.text.setValue(title); + } +}); +BI.Panel.EVENT_CHANGE = "Panel.EVENT_CHANGE"; + +$.shortcut("bi.panel",BI.Panel);/** + * 选择列表 + * + * Created by GUY on 2015/11/1. + * @class BI.SelectList + * @extends BI.Widget + */ +BI.SelectList = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SelectList.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-list", + direction: BI.Direction.Top,//toolbar的位置 + logic: { + dynamic: true + }, + items: [], + itemsCreator: BI.emptyFn, + hasNext: BI.emptyFn, + onLoaded: BI.emptyFn, + toolbar: { + type: "bi.multi_select_bar" + }, + el: { + type: "bi.list_pane" + } + }) + }, + _init: function () { + BI.SelectList.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + //全选 + this.toolbar = BI.createWidget(o.toolbar); + this.toolbar.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + var isAllSelected = this.isSelected(); + if (type === BI.Events.CLICK) { + self.setAllSelected(isAllSelected); + self.fireEvent(BI.SelectList.EVENT_CHANGE, value, obj); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.list = BI.createWidget(o.el, { + type: "bi.list_pane", + items: o.items, + itemsCreator: function (op, callback) { + op.times === 1 && self.toolbar.setVisible(false); + o.itemsCreator(op, function (items) { + callback.apply(self, arguments); + if (op.times === 1) { + self.toolbar.setVisible(items && items.length > 0); + self.toolbar.setEnable(items && items.length > 0); + } + self._checkAllSelected(); + }); + }, + onLoaded: o.onLoaded, + hasNext: o.hasNext + }); + + this.list.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (type === BI.Events.CLICK) { + self._checkAllSelected(); + self.fireEvent(BI.SelectList.EVENT_CHANGE, value, obj); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({ + scrolly: true + }, o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.toolbar, this.list) + })))); + + if (o.items.length <= 0) { + this.toolbar.setVisible(false); + this.toolbar.setEnable(false); + } + }, + + _checkAllSelected: function () { + var selectLength = this.list.getValue().length; + var notSelectLength = this.getAllLeaves().length - selectLength; + var hasNext = this.list.hasNext(); + var isAlreadyAllSelected = this.toolbar.isSelected(); + var isHalf = selectLength > 0 && (notSelectLength > 0 || (!isAlreadyAllSelected && hasNext)); + isHalf = isHalf || (notSelectLength > 0 && hasNext && isAlreadyAllSelected); + this.toolbar.setHalfSelected(isHalf); + !isHalf && this.toolbar.setSelected(selectLength > 0 && notSelectLength <= 0 && (!hasNext || isAlreadyAllSelected)); + }, + + setAllSelected: function (v) { + BI.each(this.getAllButtons(), function (i, btn) { + (btn.setSelected || btn.setAllSelected).apply(btn, [v]); + }); + this.toolbar.setSelected(v); + this.toolbar.setHalfSelected(false); + }, + + setToolBarVisible: function (b) { + this.toolbar.setVisible(b); + }, + + isAllSelected: function () { + return this.toolbar.isSelected(); + }, + + hasPrev: function () { + return this.list.hasPrev(); + }, + + hasNext: function () { + return this.list.hasNext(); + }, + + prependItems: function (items) { + this.list.prependItems.apply(this.list, arguments); + }, + + addItems: function (items) { + this.list.addItems.apply(this.list, arguments); + }, + + setValue: function (data) { + var selectAll = data.type === BI.ButtonGroup.CHOOSE_TYPE_ALL; + this.setAllSelected(selectAll); + this.list[selectAll ? "setNotSelectedValue" : "setValue"](data.value); + this._checkAllSelected(); + }, + + getValue: function () { + if (this.isAllSelected() === false) { + return { + type: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + value: this.list.getValue(), + assist: this.list.getNotSelectedValue() + }; + } else { + return { + type: BI.ButtonGroup.CHOOSE_TYPE_ALL, + value: this.list.getNotSelectedValue(), + assist: this.list.getValue() + }; + } + }, + + empty: function () { + this.list.empty(); + }, + + populate: function (items) { + this.toolbar.setVisible(!BI.isEmptyArray(items)); + this.toolbar.setEnable(!BI.isEmptyArray(items)); + this.list.populate.apply(this.list, arguments); + this._checkAllSelected(); + }, + + resetHeight: function (h) { + var toolHeight = ( this.toolbar.element.outerHeight() || 25) * ( this.toolbar.isVisible() ? 1 : 0); + this.list.resetHeight ? this.list.resetHeight(h - toolHeight) : + this.list.element.css({"max-height": h - toolHeight + "px"}) + }, + + doBehavior: function () { + this.list.doBehavior.apply(this.list, arguments); + }, + + setNotSelectedValue: function () { + this.list.setNotSelectedValue.apply(this.list, arguments); + this._checkAllSelected(); + }, + + getNotSelectedValue: function () { + return this.list.getNotSelectedValue(); + }, + + getAllButtons: function () { + return this.list.getAllButtons(); + }, + + getAllLeaves: function () { + return this.list.getAllLeaves(); + }, + + getSelectedButtons: function () { + return this.list.getSelectedButtons(); + }, + + getNotSelectedButtons: function () { + return this.list.getNotSelectedButtons(); + }, + + getIndexByValue: function (value) { + return this.list.getIndexByValue(value); + }, + + getNodeById: function (id) { + return this.list.getNodeById(id); + }, + + getNodeByValue: function (value) { + return this.list.getNodeByValue(value); + } +}); +BI.SelectList.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.select_list", BI.SelectList);/** + * Created by roy on 15/11/6. + */ +BI.LazyLoader = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LazyLoader.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-lazy-loader", + el: {} + }) + }, + + _init: function () { + var self = this, o = this.options; + BI.LazyLoader.superclass._init.apply(this, arguments); + var all = o.items.length; + this.loader = BI.createWidget({ + type: "bi.loader", + element: this, + //下面是button_group的属性 + el: o.el, + + itemsCreator: function (options, populate) { + populate(self._getNextItems(options)); + }, + hasNext: function (option) { + return option.count < all; + } + }); + + this.loader.on(BI.Loader.EVENT_CHANGE, function (obj) { + self.fireEvent(BI.LazyLoader.EVENT_CHANGE, obj) + }) + }, + _getNextItems: function (options) { + var self = this, o = this.options; + var lastNum = o.items.length - BICst.PAGE_COUNT * (options.times - 1); + var lastItems = BI.last(o.items, lastNum); + var nextItems = BI.first(lastItems, BICst.PAGE_COUNT); + return nextItems; + }, + + populate: function (items) { + this.loader.populate(items); + }, + + addItems: function (items) { + this.loader.addItems(items); + }, + + empty: function () { + this.loader.empty(); + }, + + doBehavior: function () { + this.loader.doBehavior(); + }, + + setNotSelectedValue: function () { + this.loader.setNotSelectedValue.apply(this.loader, arguments); + }, + + getNotSelectedValue: function () { + return this.loader.getNotSelectedValue(); + }, + + setValue: function () { + this.loader.setValue.apply(this.loader, arguments); + }, + + getValue: function () { + return this.loader.getValue.apply(this.loader, arguments); + }, + + getAllButtons: function () { + return this.loader.getAllButtons(); + }, + + getAllLeaves: function () { + return this.loader.getAllLeaves(); + }, + + getSelectedButtons: function () { + return this.loader.getSelectedButtons(); + }, + + getNotSelectedButtons: function () { + return this.loader.getNotSelectedButtons(); + }, + + getIndexByValue: function (value) { + return this.loader.getIndexByValue(value); + }, + + getNodeById: function (id) { + return this.loader.getNodeById(id); + }, + + getNodeByValue: function (value) { + return this.loader.getNodeByValue(value); + } +}); +BI.LazyLoader.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.lazy_loader", BI.LazyLoader);/** + * 恶心的加载控件, 为解决排序问题引入的控件 + * + * Created by GUY on 2015/11/12. + * @class BI.ListLoader + * @extends BI.Widget + */ +BI.ListLoader = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.ListLoader.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-list-loader", + + isDefaultInit: true,//是否默认初始化数据 + + //下面是button_group的属性 + el: { + type: "bi.button_group" + }, + + items: [], + itemsCreator: BI.emptyFn, + onLoaded: BI.emptyFn, + + //下面是分页信息 + count: false, + next: {}, + hasNext: BI.emptyFn + }) + }, + + _nextLoad: function () { + var self = this, o = this.options; + this.next.setLoading(); + o.itemsCreator.apply(this, [{times: ++this.times}, function () { + self.next.setLoaded(); + self.addItems.apply(self, arguments); + }]); + }, + + _init: function () { + BI.ListLoader.superclass._init.apply(this, arguments); + var self = this, o = this.options; + if (o.itemsCreator === false) { + o.next = false; + } + + this.button_group = BI.createWidget(o.el, { + type: "bi.button_group", + element: this, + chooseType: 0, + items: o.items, + behaviors: {}, + layouts: [{ + type: "bi.vertical" + }] + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.ListLoader.EVENT_CHANGE, obj); + } + }); + + if (o.next !== false) { + this.next = BI.createWidget(BI.extend({ + type: "bi.loading_bar" + }, o.next)); + this.next.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self._nextLoad(); + } + }) + } + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.next] + }); + + o.isDefaultInit && BI.isEmpty(o.items) && BI.nextTick(BI.bind(function () { + this.populate(); + }, this)); + if (BI.isNotEmptyArray(o.items)) { + this.populate(o.items); + } + }, + + hasNext: function () { + var o = this.options; + if (BI.isNumber(o.count)) { + return this.count < o.count; + } + return !!o.hasNext.apply(this, [{ + times: this.times, + count: this.count + }]) + }, + + addItems: function (items) { + this.count += items.length; + if (BI.isObject(this.next)) { + if (this.hasNext()) { + this.options.items = this.options.items.concat(items); + this.next.setLoaded(); + } else { + this.next.setEnd(); + } + } + this.button_group.addItems.apply(this.button_group, arguments); + this.next.element.appendTo(this.element); + }, + + populate: function (items) { + var self = this, o = this.options; + if (arguments.length === 0 && (BI.isFunction(o.itemsCreator))) { + o.itemsCreator.apply(this, [{times: 1}, function () { + if (arguments.length === 0) { + throw new Error("参数不能为空"); + } + self.populate.apply(self, arguments); + o.onLoaded(); + }]); + return; + } + this.options.items = items; + this.times = 1; + this.count = 0; + this.count += items.length; + if (BI.isObject(this.next)) { + if (this.hasNext()) { + this.next.setLoaded(); + } else { + this.next.invisible(); + } + } + BI.DOM.hang([this.next]); + this.button_group.populate.apply(this.button_group, arguments); + this.next.element.appendTo(this.element); + }, + + empty: function () { + BI.DOM.hang([this.next]); + this.button_group.empty(); + this.next.element.appendTo(this.element); + BI.each([this.next], function (i, ob) { + ob && ob.setVisible(false); + }); + }, + + doBehavior: function () { + this.button_group.doBehavior.apply(this.button_group, arguments); + }, + + setNotSelectedValue: function () { + this.button_group.setNotSelectedValue.apply(this.button_group, arguments); + }, + + getNotSelectedValue: function () { + return this.button_group.getNotSelectedValue(); + }, + + setValue: function () { + this.button_group.setValue.apply(this.button_group, arguments); + }, + + getValue: function () { + return this.button_group.getValue.apply(this.button_group, arguments); + }, + + getAllButtons: function () { + return this.button_group.getAllButtons(); + }, + + getAllLeaves: function () { + return this.button_group.getAllLeaves(); + }, + + getSelectedButtons: function () { + return this.button_group.getSelectedButtons(); + }, + + getNotSelectedButtons: function () { + return this.button_group.getNotSelectedButtons(); + }, + + getIndexByValue: function (value) { + return this.button_group.getIndexByValue(value); + }, + + getNodeById: function (id) { + return this.button_group.getNodeById(id); + }, + + getNodeByValue: function (value) { + return this.button_group.getNodeByValue(value); + } +}); +BI.ListLoader.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.list_loader", BI.ListLoader);/** + * Created by GUY on 2016/4/29. + * + * @class BI.SortList + * @extends BI.Widget + */ +BI.SortList = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SortList.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-sort-list", + + isDefaultInit: true,//是否默认初始化数据 + + //下面是button_group的属性 + el: { + type: "bi.button_group" + }, + + items: [], + itemsCreator: BI.emptyFn, + onLoaded: BI.emptyFn, + + //下面是分页信息 + count: false, + next: {}, + hasNext: BI.emptyFn + + //containment: this.element, + //connectWith: ".bi-sort-list", + }) + }, + + _init: function () { + BI.SortList.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.loader = BI.createWidget({ + type: "bi.list_loader", + element: this, + isDefaultInit: o.isDefaultInit, + el: o.el, + items: this._formatItems(o.items), + itemsCreator: function (op, callback) { + o.itemsCreator(op, function (items) { + callback(self._formatItems(items)); + }); + }, + onLoaded: o.onLoaded, + count: o.count, + next: o.next, + hasNext: o.hasNext + }); + this.loader.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.SortList.EVENT_CHANGE, value, obj); + } + }); + + this.loader.element.sortable({ + containment: o.containment || this.element, + connectWith: o.connectWith || ".bi-sort-list", + items: ".sort-item", + cursor: "drag", + tolerance: "intersect", + placeholder: { + element: function ($currentItem) { + var holder = BI.createWidget({ + type: "bi.label", + cls: "bi-sortable-holder", + height: $currentItem.outerHeight() + }); + holder.element.css({ + "margin-left": $currentItem.css("margin-left"), + "margin-right": $currentItem.css("margin-right"), + "margin-top": $currentItem.css("margin-top"), + "margin-bottom": $currentItem.css("margin-bottom"), + "margin": $currentItem.css("margin") + }); + return holder.element; + }, + update: function () { + + } + }, + start: function (event, ui) { + + }, + stop: function (event, ui) { + self.fireEvent(BI.SortList.EVENT_CHANGE); + }, + over: function (event, ui) { + + } + }); + }, + + _formatItems: function (items) { + BI.each(items, function (i, item) { + item = BI.stripEL(item); + item.cls = item.cls ? item.cls + " sort-item" : "sort-item"; + item.attributes = { + sorted: item.value + }; + }); + return items; + }, + + hasNext: function () { + return this.loader.hasNext(); + }, + + addItems: function (items) { + this.loader.addItems(items); + }, + + populate: function (items) { + this.loader.populate.apply(this.loader, arguments); + }, + + empty: function () { + this.loader.empty(); + }, + + doBehavior: function () { + this.loader.doBehavior.apply(this.loader, arguments); + }, + + setNotSelectedValue: function () { + this.loader.setNotSelectedValue.apply(this.loader, arguments); + }, + + getNotSelectedValue: function () { + return this.loader.getNotSelectedValue(); + }, + + setValue: function () { + this.loader.setValue.apply(this.loader, arguments); + }, + + getValue: function () { + return this.loader.getValue(); + }, + + getAllButtons: function () { + return this.loader.getAllButtons(); + }, + + getAllLeaves: function () { + return this.loader.getAllLeaves(); + }, + + getSelectedButtons: function () { + return this.loader.getSelectedButtons(); + }, + + getNotSelectedButtons: function () { + return this.loader.getNotSelectedButtons(); + }, + + getIndexByValue: function (value) { + return this.loader.getIndexByValue(value); + }, + + getNodeById: function (id) { + return this.loader.getNodeById(id); + }, + + getNodeByValue: function (value) { + return this.loader.getNodeByValue(value); + }, + + getSortedValues: function () { + return this.loader.element.sortable("toArray", {attribute: "sorted"}); + } +}); +BI.SortList.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.sort_list", BI.SortList);/** + * 有总页数的分页控件 + * + * Created by GUY on 2015/9/8. + * @class BI.AllPagger + * @extends BI.Widget + */ +BI.AllPagger = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.AllPagger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-all-pager", + width: 96, + height: 25, + pages: 1, //必选项 + curr: 1 //初始化当前页, pages为数字时可用 + }) + }, + _init: function () { + BI.AllPagger.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.small_text_editor", + cls: "pager-editor", + validationChecker: function (v) { + return BI.isPositiveInteger(v); + }, + hgap: 4, + vgap: 0, + value: o.curr, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: 30, + height: o.height - 2 + }); + this.pager = BI.createWidget({ + type: "bi.pager", + width: 36, + layouts: [{ + type: "bi.horizontal", + hgap: 1, + vgap: 1 + }], + + dynamicShow: false, + pages: o.pages, + curr: o.curr, + groups: 0, + + first: false, + last: false, + prev: { + type: "bi.icon_button", + value: "prev", + title: BI.i18nText("BI-Previous_Page"), + warningTitle: BI.i18nText("BI-Current_Is_First_Page"), + height: o.height - 2, + cls: "all-pager-prev column-pre-page-h-font" + }, + next: { + type: "bi.icon_button", + value: "next", + title: BI.i18nText("BI-Next_Page"), + warningTitle: BI.i18nText("BI-Current_Is_Last_Page"), + height: o.height - 2, + cls: "all-pager-next column-next-page-h-font" + }, + + hasPrev: o.hasPrev, + hasNext: o.hasNext, + firstPage: o.firstPage, + lastPage: o.lastPage + }); + + this.editor.on(BI.TextEditor.EVENT_CONFIRM, function () { + self.pager.setValue(BI.parseInt(self.editor.getValue())); + self.fireEvent(BI.AllPagger.EVENT_CHANGE); + }); + this.pager.on(BI.Pager.EVENT_CHANGE, function () { + self.fireEvent(BI.AllPagger.EVENT_CHANGE); + }); + this.pager.on(BI.Pager.EVENT_AFTER_POPULATE, function () { + self.editor.setValue(self.pager.getCurrentPage()); + }); + + this.allPages = BI.createWidget({ + type: "bi.label", + width: 30, + title: o.pages, + text: "/" + o.pages + }); + + BI.createWidget({ + type: "bi.center_adapt", + element: this, + columnSize: [30, "", 36], + items: [this.editor, this.allPages, this.pager] + }) + }, + + setAllPages: function (v) { + this.allPages.setText("/" + v); + this.allPages.setTitle(v); + this.pager.setAllPages(v); + }, + + setValue: function (v) { + this.pager.setValue(v); + }, + + getCurrentPage: function () { + return this.pager.getCurrentPage(); + }, + + hasPrev: function () { + return this.pager.hasPrev(); + }, + + hasNext: function () { + return this.pager.hasNext(); + }, + + populate: function () { + this.pager.populate(); + } +}); +BI.AllPagger.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.all_pager", BI.AllPagger);/** + * 显示页码的分页控件 + * + * Created by GUY on 2016/6/30. + * @class BI.DirectionPager + * @extends BI.Widget + */ +BI.DirectionPager = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.DirectionPager.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-direction-pager", + width: 108, + height: 25, + horizontal: { + pages: false, //总页数 + curr: 1, //初始化当前页, pages为数字时可用 + + hasPrev: BI.emptyFn, + hasNext: BI.emptyFn, + firstPage: 1, + lastPage: BI.emptyFn + }, + vertical: { + pages: false, //总页数 + curr: 1, //初始化当前页, pages为数字时可用 + + hasPrev: BI.emptyFn, + hasNext: BI.emptyFn, + firstPage: 1, + lastPage: BI.emptyFn + } + }) + }, + _init: function () { + BI.DirectionPager.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var v = o.vertical, h = o.horizontal; + this._createVPager(); + this._createHPager(); + BI.createWidget({ + type: "bi.absolute", + scrollable: false, + element: this, + items: [{ + el: this.vpager, + top: 0, + left: -19 + }, { + el: this.vlabel, + top: 0, + left: 16 + }, { + el: this.hpager, + top: 0, + right: -19 + }, { + el: this.hlabel, + top: 0, + right: 16 + }] + }); + }, + + _createVPager: function () { + var self = this, o = this.options; + var v = o.vertical; + this.vlabel = BI.createWidget({ + type: "bi.label", + width: 20, + height: o.height, + value: v.curr, + title: v.curr + }); + this.vpager = BI.createWidget({ + type: "bi.pager", + width: 72, + layouts: [{ + type: "bi.horizontal", + lgap: 20, + vgap: 1 + }], + + dynamicShow: false, + pages: v.pages, + curr: v.curr, + groups: 0, + + first: false, + last: false, + prev: { + type: "bi.icon_button", + value: "prev", + title: BI.i18nText("BI-Up_Page"), + warningTitle: BI.i18nText("BI-Current_Is_First_Page"), + height: o.height - 2, + iconWidth: o.height - 2, + iconHeight: o.height - 2, + cls: "direction-pager-prev column-pre-page-h-font" + }, + next: { + type: "bi.icon_button", + value: "next", + title: BI.i18nText("BI-Down_Page"), + warningTitle: BI.i18nText("BI-Current_Is_Last_Page"), + height: o.height - 2, + iconWidth: o.height - 2, + iconHeight: o.height - 2, + cls: "direction-pager-next column-next-page-h-font" + }, + + hasPrev: v.hasPrev, + hasNext: v.hasNext, + firstPage: v.firstPage, + lastPage: v.lastPage + }); + + this.vpager.on(BI.Pager.EVENT_CHANGE, function () { + self.fireEvent(BI.DirectionPager.EVENT_CHANGE); + }); + this.vpager.on(BI.Pager.EVENT_AFTER_POPULATE, function () { + self.vlabel.setValue(this.getCurrentPage()); + }); + }, + + _createHPager: function () { + var self = this, o = this.options; + var h = o.horizontal; + this.hlabel = BI.createWidget({ + type: "bi.label", + width: 20, + height: o.height, + value: h.curr, + title: h.curr + }); + this.hpager = BI.createWidget({ + type: "bi.pager", + width: 72, + layouts: [{ + type: "bi.horizontal", + rgap: 20, + vgap: 1 + }], + + dynamicShow: false, + pages: h.pages, + curr: h.curr, + groups: 0, + + first: false, + last: false, + prev: { + type: "bi.icon_button", + value: "prev", + title: BI.i18nText("BI-Left_Page"), + warningTitle: BI.i18nText("BI-Current_Is_First_Page"), + height: o.height - 2, + iconWidth: o.height - 2, + iconHeight: o.height - 2, + cls: "direction-pager-prev row-pre-page-h-font" + }, + next: { + type: "bi.icon_button", + value: "next", + title: BI.i18nText("BI-Right_Page"), + warningTitle: BI.i18nText("BI-Current_Is_Last_Page"), + height: o.height - 2, + iconWidth: o.height - 2, + iconHeight: o.height - 2, + cls: "direction-pager-next row-next-page-h-font" + }, + + hasPrev: h.hasPrev, + hasNext: h.hasNext, + firstPage: h.firstPage, + lastPage: h.lastPage + }); + + this.hpager.on(BI.Pager.EVENT_CHANGE, function () { + self.fireEvent(BI.DirectionPager.EVENT_CHANGE); + }); + this.hpager.on(BI.Pager.EVENT_AFTER_POPULATE, function () { + self.hlabel.setValue(this.getCurrentPage()); + }); + }, + + getVPage: function () { + return this.vpager.getCurrentPage(); + }, + + getHPage: function () { + return this.hpager.getCurrentPage(); + }, + + setVPage: function (v) { + this.vpager.setValue(v); + this.vlabel.setValue(v); + this.vlabel.setTitle(v); + }, + + setHPage: function (v) { + this.hpager.setValue(v); + this.hlabel.setValue(v); + this.hlabel.setTitle(v); + }, + + hasVNext: function () { + return this.vpager.hasNext(); + }, + + hasHNext: function () { + return this.hpager.hasNext(); + }, + + hasVPrev: function () { + return this.vpager.hasPrev(); + }, + + hasHPrev: function () { + return this.hpager.hasPrev(); + }, + + setHPagerVisible: function (b) { + this.hpager.setVisible(b); + this.hlabel.setVisible(b); + }, + + setVPagerVisible: function (b) { + this.vpager.setVisible(b); + this.vlabel.setVisible(b); + }, + + populate: function () { + this.vpager.populate(); + this.hpager.populate(); + }, + + refresh: function () { + this.vpager.refresh(); + this.hpager.refresh(); + } +}); +BI.DirectionPager.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.direction_pager", BI.DirectionPager);/** + * 显示页码的分页控件 + * + * Created by GUY on 2016/2/17. + * @class BI.NumberPager + * @extends BI.Widget + */ +BI.NumberPager = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.NumberPager.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-number-pager", + width: 95, + height: 25, + pages: false, //总页数 + curr: 1, //初始化当前页, pages为数字时可用 + + hasPrev: BI.emptyFn, + hasNext: BI.emptyFn, + firstPage: 1, + lastPage: BI.emptyFn + }) + }, + _init: function () { + BI.NumberPager.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.currentPage = o.curr; + this.label = BI.createWidget({ + type: "bi.label", + height: o.height - 2, + value: this.currentPage + }); + this.pager = BI.createWidget({ + type: "bi.pager", + width: 36, + layouts: [{ + type: "bi.horizontal", + hgap: 1, + vgap: 1 + }], + + dynamicShow: false, + pages: o.pages, + curr: o.curr, + groups: 0, + + first: false, + last: false, + prev: { + type: "bi.icon_button", + value: "prev", + title: BI.i18nText("BI-Previous_Page"), + warningTitle: BI.i18nText("BI-Current_Is_First_Page"), + height: o.height - 2, + iconWidth: o.height - 2, + iconHeight: o.height - 2, + cls: "number-pager-prev column-pre-page-h-font" + }, + next: { + type: "bi.icon_button", + value: "next", + title: BI.i18nText("BI-Next_Page"), + warningTitle: BI.i18nText("BI-Current_Is_Last_Page"), + height: o.height - 2, + iconWidth: o.height - 2, + iconHeight: o.height - 2, + cls: "number-pager-next column-next-page-h-font" + }, + + hasPrev: o.hasPrev, + hasNext: o.hasNext, + firstPage: o.firstPage, + lastPage: o.lastPage + }); + + this.pager.on(BI.Pager.EVENT_CHANGE, function () { + if (self.getCurrentPage() !== self.pager.getCurrentPage()) { + self.currentPage = self.pager.getCurrentPage(); + self.fireEvent(BI.NumberPager.EVENT_CHANGE); + } + }); + this.pager.on(BI.Pager.EVENT_AFTER_POPULATE, function () { + self.label.setValue(self.pager.getCurrentPage()); + }); + + BI.createWidget({ + type: "bi.center_adapt", + element: this, + columnSize: [20, "", 20, 36], + items: [{type: "bi.label", text: "第"}, this.label, {type: "bi.label", text: "页"}, this.pager] + }) + }, + + getCurrentPage: function () { + return this.currentPage; + }, + + hasPrev: function () { + return this.pager.hasPrev(); + }, + + hasNext: function () { + return this.pager.hasNext(); + }, + + setValue: function (v) { + this.currentPage = v; + this.pager.setValue(v); + }, + + populate: function () { + this.pager.populate(); + } +}); +BI.NumberPager.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.number_pager", BI.NumberPager);/** + * 可以跳转的分页控件 + * + * Created by GUY on 2015/9/8. + * @class BI.SkipPager + * @extends BI.Widget + */ +BI.SkipPager = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SkipPager.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-skip-pager", + width: 110, + height: 25, + pages: false, //总页数 + curr: 1, //初始化当前页, pages为数字时可用 + + hasPrev: BI.emptyFn, + hasNext: BI.emptyFn, + firstPage: 1, + lastPage: BI.emptyFn + }) + }, + _init: function () { + BI.SkipPager.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.currentPage = o.curr; + this.editor = BI.createWidget({ + type: "bi.small_text_editor", + validationChecker: function (v) { + return BI.isPositiveInteger(v); + }, + hgap: 4, + vgap: 0, + value: o.curr, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: 30, + height: o.height - 2 + }); + this.pager = BI.createWidget({ + type: "bi.pager", + layouts: [{ + type: "bi.horizontal", + hgap: 1, + vgap: 1 + }], + + dynamicShow: false, + pages: o.pages, + curr: o.curr, + groups: 0, + + first: false, + last: false, + prev: { + type: "bi.icon_button", + value: "prev", + title: BI.i18nText("BI-Previous_Page"), + warningTitle: BI.i18nText("BI-Current_Is_First_Page"), + height: o.height - 2, + cls: "number-pager-prev column-pre-page-h-font" + }, + next: { + type: "bi.icon_button", + value: "next", + title: BI.i18nText("BI-Next_Page"), + warningTitle: BI.i18nText("BI-Current_Is_Last_Page"), + height: o.height - 2, + cls: "number-pager-next column-next-page-h-font" + }, + + hasPrev: o.hasPrev, + hasNext: o.hasNext, + firstPage: o.firstPage, + lastPage: o.lastPage + }); + + this.editor.on(BI.TextEditor.EVENT_CONFIRM, function () { + self.pager.setValue(self.editor.getValue()); + }); + this.pager.on(BI.Pager.EVENT_CHANGE, function () { + if (self.getCurrentPage() !== self.pager.getCurrentPage()) { + self.currentPage = self.pager.getCurrentPage(); + self.fireEvent(BI.SkipPager.EVENT_CHANGE); + } + }); + this.pager.on(BI.Pager.EVENT_AFTER_POPULATE, function () { + self.editor.setValue(self.pager.getCurrentPage()); + }); + + BI.createWidget({ + type: "bi.center_adapt", + element: this, + items: [{type: "bi.label", text: "第"}, this.editor, {type: "bi.label", text: "页"}, this.pager] + }) + }, + + getCurrentPage: function () { + return this.currentPage; + }, + + setValue: function(v){ + this.currentPage = v; + this.pager.setValue(v); + }, + + populate: function () { + this.pager.populate(); + } +}); +BI.SkipPager.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.skip_pager", BI.SkipPager);/** + * 分段控件使用的button + * + * Created by GUY on 2015/9/7. + * @class BI.SegmentButton + * @extends BI.BasicButton + */ +BI.SegmentButton = BI.inherit(BI.BasicButton, { + + _defaultConfig: function() { + var conf = BI.SegmentButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend( conf, { + baseCls : (conf.baseCls ||"")+' bi-segment-button', + shadow: true, + readonly: true, + hgap: 10 + }) + }, + + _init:function() { + BI.SegmentButton.superclass._init.apply(this, arguments); + var opts = this.options, self = this; + //if (BI.isNumber(opts.height) && BI.isNull(opts.lineHeight)) { + // this.element.css({lineHeight : (opts.height - 2) + 'px'}); + //} + this.text = BI.createWidget({ + type: "bi.label", + element: this, + height: opts.height-2, + whiteSpace: opts.whiteSpace, + text: opts.text, + value: opts.value, + hgap: opts.hgap + }) + }, + + setSelected: function(){ + BI.SegmentButton.superclass.setSelected.apply(this, arguments); + }, + + setText : function(text) { + BI.SegmentButton.superclass.setText.apply(this, arguments); + this.text.setText(text); + }, + + destroy : function() { + BI.SegmentButton.superclass.destroy.apply(this, arguments); + } +}); +$.shortcut('bi.segment_button', BI.SegmentButton);/** + * 单选按钮组 + * + * Created by GUY on 2015/9/7. + * @class BI.Segment + * @extends BI.Widget + */ +BI.Segment = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Segment.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-segment", + items: [], + height: 30 + }); + }, + _init: function () { + BI.Segment.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.buttonGroup = BI.createWidget({ + element: this, + type: "bi.button_group", + items: BI.createItems(o.items, { + type: "bi.segment_button", + height: o.height - 2, + whiteSpace: o.whiteSpace + }), + layout: [ + { + type: "bi.center" + } + ] + }) + this.buttonGroup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments) + }); + this.buttonGroup.on(BI.ButtonGroup.EVENT_CHANGE, function (value, obj) { + self.fireEvent(BI.Segment.EVENT_CHANGE, value, obj) + }) + }, + + setValue: function (v) { + this.buttonGroup.setValue(v); + }, + + setEnabledValue: function (v) { + this.buttonGroup.setEnabledValue(v); + }, + + setEnable: function (v) { + this.buttonGroup.setEnable(v); + }, + + getValue: function () { + return this.buttonGroup.getValue(); + } +}); +BI.Segment.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.segment', BI.Segment);/** + * + * 层级树状结构的表格 + * + * Created by GUY on 2016/8/12. + * @class BI.DynamicSummaryLayerTreeTable + * @extends BI.Widget + */ +BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.DynamicSummaryLayerTreeTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-dynamic-summary-layer-tree-table", + logic: { //冻结的页面布局逻辑 + dynamic: false + }, + + isNeedResize: false,//是否需要调整列宽 + isResizeAdapt: true,//是否需要在调整列宽或区域宽度的时候它们自适应变化 + + isNeedFreeze: false,//是否需要冻结单元格 + freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为tree时生效 + + isNeedMerge: true,//是否需要合并单元格 + mergeCols: [], + mergeRule: function (row1, row2) { //合并规则, 默认相等时合并 + return BI.isEqual(row1, row2); + }, + + columnSize: [], + headerRowSize: 25, + footerRowSize: 25, + rowSize: 25, + + regionColumnSize: false, + + header: [], + footer: false, + items: [], + + //交叉表头 + crossHeader: [], + crossItems: [] + }) + }, + + _getVDeep: function () { + return this.options.crossHeader.length;//纵向深度 + }, + + _getHDeep: function () { + var o = this.options; + return Math.max(o.mergeCols.length, o.freezeCols.length, BI.TableTree.maxDeep(o.items) - 1); + }, + + _createHeader: function (vDeep) { + var self = this, o = this.options; + var header = o.header || [], crossHeader = o.crossHeader || []; + var items = BI.DynamicSummaryTreeTable.formatCrossItems(o.crossItems, vDeep); + var result = []; + BI.each(items, function (row, node) { + var c = [crossHeader[row]]; + result.push(c.concat(node || [])); + }); + var newHeader = this._formatColumns(header); + var deep = this._getHDeep(); + if (deep <= 0) { + newHeader.unshift({ + cls: "layer-tree-table-title", + text: BI.i18nText("BI-Row_Header") + }); + } else { + newHeader[0] = { + cls: "layer-tree-table-title", + text: BI.i18nText("BI-Row_Header") + }; + } + result.push(newHeader); + return result; + }, + + _formatItems: function (nodes, deep) { + var self = this, o = this.options; + var result = []; + + function track(node, layer) { + node.type || (node.type = "bi.layer_tree_table_cell"); + node.layer = layer; + var next = [node]; + next = next.concat(node.values || []); + if (next.length > 0) { + result.push(next); + } + if (BI.isNotEmptyArray(node.children)) { + BI.each(node.children, function (index, child) { + track(child, layer + 1); + }); + } + } + + BI.each(nodes, function (i, node) { + BI.each(node.children, function (j, c) { + track(c, 0); + }); + if (BI.isArray(node.values)) { + var next = [{cls: "summary-cell last", text: BI.i18nText("BI-Summary_Values")}].concat(node.values); + result.push(next) + } + }); + return BI.DynamicSummaryTreeTable.formatSummaryItems(result, o.crossItems, deep); + }, + + _formatCols: function (cols, deep) { + deep = deep || this._getHDeep(); + cols = this._formatColumns(cols); + return BI.map(cols, function (i, c) { + return c - (deep - 1); + }) + }, + + _formatColumns: function (columns, deep) { + if (BI.isNotEmptyArray(columns)) { + deep = deep || this._getHDeep(); + return columns.slice(Math.max(0, deep - 1)); + } + return columns; + }, + + _init: function () { + BI.DynamicSummaryLayerTreeTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var deep = this._getHDeep(); + var vDeep = this._getVDeep(); + var header = this._createHeader(vDeep); + var items = this._formatItems(o.items, deep); + this.table = BI.createWidget({ + type: "bi.table_view", + element: this, + logic: o.logic, + isNeedResize: o.isNeedResize, + isResizeAdapt: o.isResizeAdapt, + isNeedFreeze: o.isNeedFreeze, + freezeCols: this._formatCols(o.freezeCols, deep), + isNeedMerge: o.isNeedMerge, + mergeCols: [], + mergeRule: o.mergeRule, + columnSize: this._formatColumns(o.columnSize, deep), + headerRowSize: o.headerRowSize, + footerRowSize: o.footerRowSize, + rowSize: o.rowSize, + regionColumnSize: o.regionColumnSize, + header: header, + footer: this._formatColumns(o.footer, deep), + items: items + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_INIT, function () { + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_SCROLL, function () { + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_REGION_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_BEFORE_COLUMN_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_COLUMN_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_COLUMN_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_COLUMN_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); + }); + }, + + resize: function () { + this.table.resize(); + }, + + setColumnSize: function (columnSize) { + columnSize = this._formatColumns(columnSize); + this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + var columnSize = this.table.getColumnSize(); + var deep = this._getHDeep(); + var pre = []; + if (deep > 0) { + pre = BI.makeArray(deep - 1, 0); + } + return pre.concat(columnSize); + }, + + getCalculateColumnSize: function () { + var columnSize = this.table.getCalculateColumnSize(); + var deep = this._getHDeep(); + var pre = []; + if (deep > 0) { + pre = BI.makeArray(deep - 1, ""); + } + return pre.concat(columnSize); + }, + + setHeaderColumnSize: function (columnSize) { + columnSize = this._formatColumns(columnSize); + this.table.setHeaderColumnSize(columnSize); + }, + + setRegionColumnSize: function (columnSize) { + this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getCalculateRegionColumnSize: function () { + return this.table.getCalculateRegionColumnSize(); + }, + + getCalculateRegionRowSize: function () { + return this.table.getCalculateRegionRowSize(); + }, + + getClientRegionColumnSize: function () { + return this.table.getClientRegionColumnSize(); + }, + + getScrollRegionColumnSize: function () { + return this.table.getScrollRegionColumnSize(); + }, + + getScrollRegionRowSize: function () { + return this.table.getScrollRegionRowSize(); + }, + + hasVerticalScroll: function () { + return this.table.hasVerticalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + this.table.setVerticalScroll(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + this.table.setLeftHorizontalScroll(scrollLeft); + }, + + setRightHorizontalScroll: function (scrollLeft) { + this.table.setRightHorizontalScroll(scrollLeft); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + getLeftHorizontalScroll: function () { + return this.table.getLeftHorizontalScroll(); + }, + + getRightHorizontalScroll: function () { + return this.table.getRightHorizontalScroll(); + }, + + getColumns: function () { + return this.table.getColumns(); + }, + + attr: function (key, value) { + var self = this; + if (BI.isObject(key)) { + BI.each(key, function (k, v) { + self.attr(k, v); + }); + return; + } + BI.DynamicSummaryLayerTreeTable.superclass.attr.apply(this, arguments); + switch (key) { + case "columnSize": + case "footer": + value = this._formatColumns(value); + break; + case "freezeCols": + value = value.length > 0 ? [0] : []; + break; + case "mergeCols": + value = value.length > 0 ? [0] : []; + break; + } + this.table.attr.apply(this.table, [key, value]); + }, + + populate: function (items, header, crossItems, crossHeader) { + var o = this.options; + o.items = items || []; + if (header) { + o.header = header; + } + if (crossItems) { + o.crossItems = crossItems; + } + if (crossHeader) { + o.crossHeader = crossHeader; + } + var deep = this._getHDeep(); + var vDeep = this._getVDeep(); + var header = this._createHeader(vDeep); + items = this._formatItems(o.items, deep); + this.table.populate(items, header); + }, + + destroy: function () { + this.table.destroy(); + BI.DynamicSummaryLayerTreeTable.superclass.destroy.apply(this, arguments); + } +}); + +$.shortcut("bi.dynamic_summary_layer_tree_table", BI.DynamicSummaryLayerTreeTable);/** + * + * 树状结构的表格 + * + * Created by GUY on 2015/8/12. + * @class BI.DynamicSummaryTreeTable + * @extends BI.Widget + */ +BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.DynamicSummaryTreeTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-dynamic-summary-tree-table", + logic: { //冻结的页面布局逻辑 + dynamic: false + }, + + isNeedResize: false,//是否需要调整列宽 + isResizeAdapt: true,//是否需要在调整列宽或区域宽度的时候它们自适应变化 + + isNeedFreeze: false,//是否需要冻结单元格 + freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为tree时生效 + + isNeedMerge: true,//是否需要合并单元格 + mergeCols: [], + mergeRule: function (row1, row2) { //合并规则, 默认相等时合并 + return BI.isEqual(row1, row2); + }, + + columnSize: [], + headerRowSize: 25, + footerRowSize: 25, + rowSize: 25, + + regionColumnSize: false, + + header: [], + footer: false, + items: [], + + //交叉表头 + crossHeader: [], + crossItems: [] + }) + }, + + _createHeader: function (deep, vDeep) { + var self = this, o = this.options; + var header = o.header || [], crossHeader = o.crossHeader || []; + var items = BI.DynamicSummaryTreeTable.formatCrossItems(o.crossItems, vDeep); + var result = []; + BI.each(items, function (row, node) { + var c = []; + for (var i = 0; i < deep; i++) { + c.push(crossHeader[row]); + } + result.push(c.concat(node || [])); + }); + result.push(header); + return result; + }, + + _getVDeep: function () { + return this.options.crossHeader.length;//纵向深度 + }, + + _getHDeep: function () { + var o = this.options; + return Math.max(o.mergeCols.length, o.freezeCols.length, BI.TableTree.maxDeep(o.items) - 1); + }, + + _init: function () { + BI.DynamicSummaryTreeTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var deep = this._getHDeep(); + var vDeep = this._getVDeep(); + var header = this._createHeader(deep, vDeep); + var items = BI.DynamicSummaryTreeTable.formatItems(o.items, deep); + items = BI.DynamicSummaryTreeTable.formatSummaryItems(items, o.crossItems, deep); + this.table = BI.createWidget({ + type: "bi.table_view", + element: this, + logic: o.logic, + + isNeedResize: o.isNeedResize, + isResizeAdapt: o.isResizeAdapt, + + isNeedFreeze: o.isNeedFreeze, + freezeCols: o.freezeCols, + isNeedMerge: o.isNeedMerge, + mergeCols: o.mergeCols, + mergeRule: o.mergeRule, + + columnSize: o.columnSize, + headerRowSize: o.headerRowSize, + footerRowSize: o.footerRowSize, + rowSize: o.rowSize, + + regionColumnSize: o.regionColumnSize, + + header: header, + footer: o.footer, + items: items + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_INIT, function () { + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_SCROLL, function () { + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_REGION_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_BEFORE_COLUMN_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_COLUMN_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_COLUMN_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_COLUMN_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); + }); + }, + + resize: function () { + this.table.resize(); + }, + + setColumnSize: function (columnSize) { + this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + getCalculateColumnSize: function () { + return this.table.getCalculateColumnSize(); + }, + + setHeaderColumnSize: function (columnSize) { + this.table.setHeaderColumnSize(columnSize); + }, + + setRegionColumnSize: function (columnSize) { + this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getCalculateRegionColumnSize: function () { + return this.table.getCalculateRegionColumnSize(); + }, + + getCalculateRegionRowSize: function () { + return this.table.getCalculateRegionRowSize(); + }, + + getClientRegionColumnSize: function () { + return this.table.getClientRegionColumnSize(); + }, + + getScrollRegionColumnSize: function () { + return this.table.getScrollRegionColumnSize(); + }, + + getScrollRegionRowSize: function () { + return this.table.getScrollRegionRowSize(); + }, + + hasVerticalScroll: function () { + return this.table.hasVerticalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + this.table.setVerticalScroll(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + this.table.setLeftHorizontalScroll(scrollLeft); + }, + + setRightHorizontalScroll: function (scrollLeft) { + this.table.setRightHorizontalScroll(scrollLeft); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + getLeftHorizontalScroll: function () { + return this.table.getLeftHorizontalScroll(); + }, + + getRightHorizontalScroll: function () { + return this.table.getRightHorizontalScroll(); + }, + + getColumns: function () { + return this.table.getColumns(); + }, + + attr: function () { + BI.DynamicSummaryTreeTable.superclass.attr.apply(this, arguments); + this.table.attr.apply(this.table, arguments); + }, + + populate: function (items, header, crossItems, crossHeader) { + var o = this.options; + o.items = items || []; + if (header) { + o.header = header; + } + if (crossItems) { + o.crossItems = crossItems; + } + if (crossHeader) { + o.crossHeader = crossHeader; + } + var deep = this._getHDeep(); + var vDeep = this._getVDeep(); + var header = this._createHeader(deep, vDeep); + items = BI.DynamicSummaryTreeTable.formatItems(o.items, deep); + items = BI.DynamicSummaryTreeTable.formatSummaryItems(items, o.crossItems, deep); + this.table.populate(items, header); + }, + + destroy: function () { + this.table.destroy(); + BI.DynamicSummaryTreeTable.superclass.destroy.apply(this, arguments); + } +}); + +BI.extend(BI.DynamicSummaryTreeTable, { + formatItems: function (nodes, deep, isCross) { + var self = this; + var result = []; + + function track(store, node) { + var next; + if (BI.isArray(node.children)) { + BI.each(node.children, function (index, child) { + var next; + if (store != -1) { + next = BI.clone(store); + next.push(node); + } else { + next = []; + } + track(next, child); + }); + if (store != -1) { + next = BI.clone(store); + next.push(node); + } else { + next = []; + } + if ((store == -1 || node.children.length > 1) && BI.isNotEmptyArray(node.values)) { + var cls = store === -1 ? " last" : ""; + var id = BI.UUID(); + for (var i = next.length; i < deep; i++) { + next.push({text: BI.i18nText("BI-Summary_Values"), tag: id, cls: "summary-cell" + cls}); + } + if (!isCross) { + next = next.concat(node.values); + } + if (next.length > 0) { + if (!isCross) { + result.push(next); + } else { + for (var k = 0, l = node.values.length; k < l; k++) { + result.push(next); + } + } + } + } + return; + } + if (store != -1) { + next = BI.clone(store); + for (var i = next.length; i < deep; i++) { + next.push(node); + } + } else { + next = []; + } + if (!isCross && BI.isArray(node.values)) { + next = next.concat(node.values); + } + if (isCross && BI.isArray(node.values)) { + for (var i = 0, len = node.values.length; i < len - 1; i++) { + if (next.length > 0) { + result.push(next); + } + } + } + if (next.length > 0) { + result.push(next); + } + } + + BI.each(nodes, function (i, node) { + track(-1, node); + }); + //填充空位 + BI.each(result, function (i, line) { + var last = BI.last(line); + for (var i = line.length; i < deep; i++) { + line.push(last); + } + }); + return result; + }, + + formatCrossItems: function (nodes, deep) { + var items = BI.DynamicSummaryTreeTable.formatItems(nodes, deep, true); + return BI.unzip(items); + }, + + formatSummaryItems: function (items, crossItems, deep) { + //求纵向需要去除的列 + var cols = []; + var leaf = 0; + + function track(node) { + if (BI.isArray(node.children)) { + BI.each(node.children, function (index, child) { + track(child); + }); + if (BI.isNotEmptyArray(node.values)) { + leaf++; + if (node.children.length === 1) { + cols.push(leaf - 1 + deep); + } + } + return; + } + leaf++; + } + + BI.each(crossItems, function (i, node) { + track(node); + }); + + if (cols.length > 0) { + BI.each(items, function (i, node) { + BI.removeAt(node, cols); + }) + } + return items; + } +}); + +$.shortcut("bi.dynamic_summary_tree_table", BI.DynamicSummaryTreeTable);/** + * Created by GUY on 2016/5/7. + * @class BI.LayerTreeTableCell + * @extends BI.Single + */ +BI.LayerTreeTableCell = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LayerTreeTableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-layer-tree-table-cell", + layer: 0, + text: "" + }) + }, + + _init: function () { + BI.LayerTreeTableCell.superclass._init.apply(this, arguments); + var o = this.options; + BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "nowrap", + height: o.height, + text: o.text, + value: o.value, + lgap: 5 + 30 * o.layer, + rgap: 5 + }) + } +}); + +$.shortcut("bi.layer_tree_table_cell", BI.LayerTreeTableCell);/** + * + * 层级树状结构的表格 + * + * Created by GUY on 2016/5/7. + * @class BI.LayerTreeTable + * @extends BI.Widget + */ +BI.LayerTreeTable = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LayerTreeTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-layer-tree-table", + logic: { //冻结的页面布局逻辑 + dynamic: false + }, + + isNeedResize: false,//是否需要调整列宽 + isResizeAdapt: true,//是否需要在调整列宽或区域宽度的时候它们自适应变化 + + isNeedFreeze: false,//是否需要冻结单元格 + freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为tree时生效 + + isNeedMerge: true,//是否需要合并单元格 + mergeCols: [], + mergeRule: function (row1, row2) { //合并规则, 默认相等时合并 + return BI.isEqual(row1, row2); + }, + + columnSize: [], + headerRowSize: 25, + footerRowSize: 25, + rowSize: 25, + + regionColumnSize: false, + + header: [], + footer: false, + items: [], + + //交叉表头 + crossHeader: [], + crossItems: [] + }) + }, + + _getVDeep: function () { + return this.options.crossHeader.length;//纵向深度 + }, + + _getHDeep: function () { + var o = this.options; + return Math.max(o.mergeCols.length, o.freezeCols.length, BI.TableTree.maxDeep(o.items) - 1); + }, + + _createHeader: function (vDeep) { + var self = this, o = this.options; + var header = o.header || [], crossHeader = o.crossHeader || []; + var items = BI.TableTree.formatCrossItems(o.crossItems, vDeep); + var result = []; + BI.each(items, function (row, node) { + var c = [crossHeader[row]]; + result.push(c.concat(node || [])); + }); + var newHeader = this._formatColumns(header); + var deep = this._getHDeep(); + if (deep <= 0) { + newHeader.unshift({ + cls: "layer-tree-table-title", + text: BI.i18nText("BI-Row_Header") + }); + } else { + newHeader[0] = { + cls: "layer-tree-table-title", + text: BI.i18nText("BI-Row_Header") + }; + } + result.push(newHeader); + return result; + }, + + _formatItems: function (nodes) { + var self = this; + var result = []; + + function track(node, layer) { + node.type || (node.type = "bi.layer_tree_table_cell"); + node.layer = layer; + var next = [node]; + next = next.concat(node.values || []); + if (next.length > 0) { + result.push(next); + } + if (BI.isNotEmptyArray(node.children)) { + BI.each(node.children, function (index, child) { + track(child, layer + 1); + }); + } + } + + BI.each(nodes, function (i, node) { + BI.each(node.children, function (j, c) { + track(c, 0); + }); + if (BI.isArray(node.values)) { + var next = [{cls: "summary-cell last", text: BI.i18nText("BI-Summary_Values")}].concat(node.values); + result.push(next) + } + }); + return result; + }, + + _formatCols: function (cols, deep) { + deep = deep || this._getHDeep(); + cols = this._formatColumns(cols); + return BI.map(cols, function (i, c) { + return c - (deep - 1); + }) + }, + + _formatColumns: function (columns, deep) { + if (BI.isNotEmptyArray(columns)) { + deep = deep || this._getHDeep(); + return columns.slice(Math.max(0, deep - 1)); + } + return columns; + }, + + _init: function () { + BI.LayerTreeTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var deep = this._getHDeep(); + var vDeep = this._getVDeep(); + var header = this._createHeader(vDeep); + var items = this._formatItems(o.items); + this.table = BI.createWidget({ + type: "bi.table_view", + element: this, + logic: o.logic, + isNeedResize: o.isNeedResize, + isResizeAdapt: o.isResizeAdapt, + isNeedFreeze: o.isNeedFreeze, + freezeCols: this._formatCols(o.freezeCols, deep), + isNeedMerge: o.isNeedMerge, + mergeCols: [], + mergeRule: o.mergeRule, + columnSize: this._formatColumns(o.columnSize, deep), + headerRowSize: o.headerRowSize, + footerRowSize: o.footerRowSize, + rowSize: o.rowSize, + regionColumnSize: o.regionColumnSize, + header: header, + footer: this._formatColumns(o.footer, deep), + items: items + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_INIT, function () { + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_SCROLL, function () { + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_REGION_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_BEFORE_COLUMN_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_BEFORE_COLUMN_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_COLUMN_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_COLUMN_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); + }); + }, + + resize: function () { + this.table.resize(); + }, + + setColumnSize: function (columnSize) { + columnSize = this._formatColumns(columnSize); + this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + var columnSize = this.table.getColumnSize(); + var deep = this._getHDeep(); + var pre = []; + if (deep > 0) { + pre = BI.makeArray(deep - 1, 0); + } + return pre.concat(columnSize); + }, + + getCalculateColumnSize: function () { + var columnSize = this.table.getCalculateColumnSize(); + var deep = this._getHDeep(); + var pre = []; + if (deep > 0) { + pre = BI.makeArray(deep - 1, ""); + } + return pre.concat(columnSize); + }, + + setHeaderColumnSize: function (columnSize) { + columnSize = this._formatColumns(columnSize); + this.table.setHeaderColumnSize(columnSize); + }, + + setRegionColumnSize: function (columnSize) { + this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getCalculateRegionColumnSize: function () { + return this.table.getCalculateRegionColumnSize(); + }, + + getCalculateRegionRowSize: function () { + return this.table.getCalculateRegionRowSize(); + }, + + getClientRegionColumnSize: function () { + return this.table.getClientRegionColumnSize(); + }, + + getScrollRegionColumnSize: function () { + return this.table.getScrollRegionColumnSize(); + }, + + getScrollRegionRowSize: function () { + return this.table.getScrollRegionRowSize(); + }, + + hasVerticalScroll: function () { + return this.table.hasVerticalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + this.table.setVerticalScroll(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + this.table.setLeftHorizontalScroll(scrollLeft); + }, + + setRightHorizontalScroll: function (scrollLeft) { + this.table.setRightHorizontalScroll(scrollLeft); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + getLeftHorizontalScroll: function () { + return this.table.getLeftHorizontalScroll(); + }, + + getRightHorizontalScroll: function () { + return this.table.getRightHorizontalScroll(); + }, + + getColumns: function () { + return this.table.getColumns(); + }, + + attr: function (key, value) { + var self = this; + if (BI.isObject(key)) { + BI.each(key, function (k, v) { + self.attr(k, v); + }); + return; + } + BI.LayerTreeTable.superclass.attr.apply(this, arguments); + switch (key) { + case "columnSize": + case "footer": + value = this._formatColumns(value); + break; + case "freezeCols": + value = value.length > 0 ? [0] : []; + break; + case "mergeCols": + value = value.length > 0 ? [0] : []; + break; + } + this.table.attr.apply(this.table, [key, value]); + }, + + populate: function (items, header, crossItems, crossHeader) { + var o = this.options; + o.items = items || []; + if (header) { + o.header = header; + } + if (crossItems) { + o.crossItems = crossItems; + } + if (crossHeader) { + o.crossHeader = crossHeader; + } + var vDeep = this._getVDeep(); + var header = this._createHeader(vDeep); + items = this._formatItems(o.items); + this.table.populate(items, header); + }, + + destroy: function () { + this.table.destroy(); + BI.LayerTreeTable.superclass.destroy.apply(this, arguments); + } +}); + +$.shortcut("bi.layer_tree_table", BI.LayerTreeTable);/** + * 分页table + * + * Created by GUY on 2015/9/8. + * @class BI.Tabler + * @extends BI.Widget + */ +BI.Tabler = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.Tabler.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-tabler", + + pager: {}, + + layouts: [{ + type: "bi.float_center_adapt" + }], + + tabler: { + isNeedFreeze: false,//是否需要冻结单元格 + freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为tree时生效 + + isNeedMerge: true,//是否需要合并单元格 + + mergeRule: function (row1, row2) { //合并规则, 默认相等时合并 + return BI.isEqual(row1, row2); + }, + + columnSize: [], + rowSize: 37, + header: [], + items: [], + + //交叉表头 + crossHeader: [], + crossItems: [] + } + }) + }, + _init: function () { + BI.Tabler.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.pager = BI.createWidget(o.pager, { + type: "bi.pager" + }); + var creater = BI.createWidget({ + type: "bi.button_tree", + items: [{ + el: this.pager + }], + layouts: o.layouts + }) + this.pager.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.fireEvent(BI.Tabler.EVENT_CHANGE); + } + }); + this.container = BI.createWidget({ + type: "bi.layout" + }) + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.container + }, { + el: creater, + height: 40 + }] + }); + this.populate(); + }, + + getCurrentPage: function () { + return this.pager.getValue(); + }, + + populate: function (opt) { + var o = this.options; + this.container.empty(); + + BI.extend(o.tabler, opt); + this.table = BI.createWidget(this.options.tabler, { + type: "bi.table_tree", + element: this.container + }); + } +}); +BI.Tabler.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.tabler", BI.Tabler);/** + * guy + * 气泡提示 + * @class BI.Bubble + * @extends BI.Tip + * @type {*|void|Object} + */ +BI.Bubble = BI.inherit(BI.Tip, { + _defaultConfig: function() { + return BI.extend(BI.Bubble.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-bubble", + direction: "top", + text: "", + height: 35 + }) + }, + _init : function() { + BI.Bubble.superclass._init.apply(this, arguments); + var fn = function (e) { + e.stopPropagation(); + e.stopEvent(); + return false; + }; + this.element.bind({"click": fn, "mousedown": fn, "mouseup": fn, "mouseover": fn, "mouseenter": fn, "mouseleave": fn, "mousemove": fn}); + BI.createWidget({ + type: "bi.left", + element: this, + items: [this["_" + this.options.direction]()] + }) + }, + + _createBubbleText: function(){ + return (this.text = BI.createWidget({ + type: "bi.label", + cls: "bubble-text", + text: this.options.text, + hgap: 10, + height: 30 + })); + }, + + _top: function(){ + return BI.createWidget({ + type: "bi.vertical", + items: [{ + el: this._createBubbleText(), + height: 30 + }, { + el: { + type: "bi.layout" + }, + height: 3 + }] + }) + }, + + _bottom: function(){ + return BI.createWidget({ + type: "bi.vertical", + items: [{ + el: { + type: "bi.layout" + }, + height: 3 + }, { + el: this._createBubbleText(), + height: 30 + }] + }) + }, + + _left: function(){ + return BI.createWidget({ + type: "bi.right", + items: [{ + el: { + type: "bi.layout", + width: 3, + height: 30 + } + }, { + el: this._createBubbleText() + }] + }) + }, + + _right: function(){ + return BI.createWidget({ + type: "bi.inline", + items: [{ + el: { + type: "bi.layout", + width: 3, + height: 30 + } + }, { + el: this._createBubbleText() + }] + }) + }, + + setText: function(text){ + this.text.setText(text); + } +}); + +$.shortcut("bi.bubble", BI.Bubble);/** + * toast提示 + * + * Created by GUY on 2015/9/7. + * @class BI.Toast + * @extends BI.Tip + */ +BI.Toast = BI.inherit(BI.Tip, { + _const: { + minWidth: 200, + hgap: 20 + }, + + _defaultConfig: function () { + return BI.extend(BI.Toast.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-toast", + text: "", + level: "success",//success或warning + height: 30 + }) + }, + _init: function () { + BI.Toast.superclass._init.apply(this, arguments); + var o = this.options; + this.element.css({ + minWidth: this._const.minWidth + "px" + }) + this.element.addClass("toast-" + o.level); + var fn = function (e) { + e.stopPropagation(); + e.stopEvent(); + return false; + }; + this.element.bind({"click": fn, "mousedown": fn, "mouseup": fn, "mouseover": fn, "mouseenter": fn, "mouseleave": fn, "mousemove": fn}); + + this.text = BI.createWidget({ + type: "bi.label", + element: this, + text: o.text, + height: 30, + hgap: this._const.hgap + }) + }, + + setWidth: function(width){ + this.element.width(width); + }, + + setText: function (text) { + this.text.setText(text); + } +}); + +$.shortcut("bi.toast", BI.Toast);/** + * toast提示 + * + * Created by GUY on 2015/9/7. + * @class BI.Tooltip + * @extends BI.Tip + */ +BI.Tooltip = BI.inherit(BI.Tip, { + _const: { + hgap: 10 + }, + + _defaultConfig: function () { + return BI.extend(BI.Tooltip.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-tooltip", + text: "", + level: "success",//success或warning + height: 20 + }) + }, + _init: function () { + BI.Tooltip.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.element.addClass("tooltip-" + o.level); + var fn = function (e) { + e.stopPropagation(); + e.stopEvent(); + return false; + }; + this.element.bind({"click": fn, "mousedown": fn, "mouseup": fn, "mouseover": fn, "mouseenter": fn, "mouseleave": fn, "mousemove": fn}); + + this.text = BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "normal", + text: o.text, + textHeight: 20, + hgap: this._const.hgap + }); + }, + + setWidth: function(width){ + this.element.width(width - 2 * this._const.hgap); + }, + + setText: function (text) { + this.text.setText(text); + }, + + setLevel: function (level) { + this.element.removeClass("tooltip-success").removeClass("tooltip-warning"); + this.element.addClass("tooltip-" + level); + } +}); + +$.shortcut("bi.tooltip", BI.Tooltip);/** + * guy + * 复选导航条 + * Created by GUY on 2015/8/25. + * @class BI.MultiSelectBar + * @extends BI.BasicButton + */ +BI.MultiSelectBar = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.MultiSelectBar.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-multi-select-bar", + height: 25, + text: BI.i18nText('BI-Select_All'), + isAllCheckedBySelectedValue: BI.emptyFn, + onCheck: BI.emptyFn, + isHalfCheckedBySelectedValue: function (selectedValues) { + return selectedValues.length > 0; + } + }) + }, + _init: function () { + BI.MultiSelectBar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.checkbox", + stopPropagation: true, + handler: function () { + self.setSelected(self.isSelected()); + o.onCheck.call(self, self.isSelected()); + } + }); + this.half = BI.createWidget({ + type: "bi.half_icon_button", + stopPropagation: true, + handler: function () { + self.setSelected(true); + o.onCheck.call(self, self.isSelected()); + } + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, self.isSelected(), self); + }); + this.half.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, self.isSelected(), self); + }); + this.half.on(BI.HalfIconButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectBar.EVENT_CHANGE, self.isSelected(), self); + }); + this.checkbox.on(BI.Checkbox.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectBar.EVENT_CHANGE, self.isSelected(), self); + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + keyword: o.keyword, + value: o.value, + py: o.py + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + width: 36, + el: { + type: "bi.center_adapt", + items: [this.checkbox, this.half] + } + }, { + el: this.text + }] + }); + this.half.invisible(); + }, + + doClick: function () { + var isHalf = this.isHalfSelected(), isSelected = this.isSelected(); + if (isHalf === true) { + this.setSelected(true); + } else { + this.setSelected(!isSelected); + } + + if (this.isValid()) { + this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, this.getValue(), this); + this.options.onCheck.call(this, this.isSelected()); + this.fireEvent(BI.MultiSelectBar.EVENT_CHANGE, this.isSelected(), this); + } + }, + + setSelected: function (v) { + this.checkbox.setSelected(v); + this.setHalfSelected(false); + }, + + setHalfSelected: function (b) { + this._half = !!b; + if (b === true) { + this.half.visible(); + this.checkbox.invisible(); + } else { + this.half.invisible(); + this.checkbox.visible(); + } + }, + + isHalfSelected: function () { + return !!this._half; + }, + + isSelected: function () { + return this.checkbox.isSelected(); + }, + + setValue: function (selectedValues) { + BI.MultiSelectBar.superclass.setValue.apply(this, arguments); + var isAllChecked = this.options.isAllCheckedBySelectedValue.apply(this, arguments); + this.setSelected(isAllChecked); + !isAllChecked && this.setHalfSelected(this.options.isHalfCheckedBySelectedValue.apply(this, arguments)); + }, + + setEnable: function (b) { + BI.MultiSelectBar.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + this.half.setEnable(b); + this.text.setEnable(b); + } +}); +BI.MultiSelectBar.EVENT_CHANGE = "MultiSelectBar.EVENT_CHANGE"; +$.shortcut("bi.multi_select_bar", BI.MultiSelectBar);/** + * @class BI.HandStandBranchTree + * @extends BI.Widget + * create by young + * 横向分支的树 + */ +BI.HandStandBranchTree = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.HandStandBranchTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-handstand-branch-tree", + expander: {}, + el: {}, + items: [] + }) + }, + _init: function () { + BI.HandStandBranchTree.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.branchTree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: BI.extend({ + type: "bi.handstand_branch_expander", + el: {}, + popup: { + type: "bi.custom_tree" + } + }, o.expander), + el: BI.extend({ + type: "bi.button_tree", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + layouts: [{ + type: "bi.horizontal_adapt" + }] + }, o.el), + items: this.options.items + }); + this.branchTree.on(BI.CustomTree.EVENT_CHANGE, function(){ + self.fireEvent(BI.HandStandBranchTree.EVENT_CHANGE, arguments); + }); + this.branchTree.on(BI.Controller.EVENT_CHANGE, function(){ + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + populate: function () { + this.branchTree.populate.apply(this.branchTree, arguments); + }, + + getValue: function () { + return this.branchTree.getValue(); + } +}); +BI.HandStandBranchTree.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.handstand_branch_tree", BI.HandStandBranchTree);/** + * @class BI.BranchTree + * @extends BI.Widget + * create by young + * 横向分支的树 + */ +BI.BranchTree = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.BranchTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-branch-tree", + expander: {}, + el: {}, + items: [] + }) + }, + _init: function () { + BI.BranchTree.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.branchTree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: BI.extend({ + type: "bi.branch_expander", + el: {}, + popup: { + type: "bi.custom_tree" + } + }, o.expander), + el: BI.extend({ + type: "bi.button_tree", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + layouts: [{ + type: "bi.vertical" + }] + }, o.el), + items: this.options.items + }); + this.branchTree.on(BI.CustomTree.EVENT_CHANGE, function(){ + self.fireEvent(BI.BranchTree.EVENT_CHANGE, arguments); + }); + this.branchTree.on(BI.Controller.EVENT_CHANGE, function(){ + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + populate: function () { + this.branchTree.populate.apply(this.branchTree, arguments); + }, + + getValue: function () { + return this.branchTree.getValue(); + } +}); +BI.BranchTree.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.branch_tree", BI.BranchTree);/** + * guy + * 异步树 + * @class BI.DisplayTree + * @extends BI.TreeView + */ +BI.DisplayTree = BI.inherit(BI.TreeView, { + _defaultConfig: function () { + return BI.extend(BI.DisplayTree.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-display-tree" + }) + }, + _init: function () { + BI.DisplayTree.superclass._init.apply(this, arguments); + }, + + //配置属性 + _configSetting: function () { + var setting = { + view: { + selectedMulti: false, + dblClickExpand: false, + showIcon: false, + showTitle: false + }, + data: { + key: { + title: "title", + name: "text" + }, + simpleData: { + enable: true + } + }, + callback: { + beforeCollapse: beforeCollapse + } + }; + + function beforeCollapse(treeId, treeNode) { + return false; + } + + return setting; + }, + + initTree: function (nodes, setting) { + var setting = setting || this._configSetting(); + this.nodes = $.fn.zTree.init(this.tree.element, setting, nodes); + }, + + destroy: function () { + BI.DisplayTree.superclass.destroy.apply(this, arguments); + } +}); +BI.DisplayTree.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.display_tree", BI.DisplayTree);/** + * guy + * 二级树 + * @class BI.LevelTree + * @extends BI.Single + */ +BI.LevelTree = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LevelTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-level-tree", + el: { + chooseType: 0 + }, + expander: {}, + items: [] + }) + }, + + _init: function () { + BI.LevelTree.superclass._init.apply(this, arguments); + + this.initTree(this.options.items); + }, + + _formatItems: function (nodes, layer) { + var self = this; + BI.each(nodes, function (i, node) { + var extend = {layer: layer}; + if (!BI.isKey(node.id)) { + node.id = BI.UUID(); + } + if (node.isParent === true || BI.isNotEmptyArray(node.children)) { + switch (i) { + case 0 : + extend.type = "bi.first_plus_group_node"; + break; + case nodes.length - 1 : + extend.type = "bi.last_plus_group_node"; + break; + default : + extend.type = "bi.mid_plus_group_node"; + break; + } + BI.defaults(node, extend); + self._formatItems(node.children, layer + 1); + } else { + switch (i) { + case nodes.length - 1: + extend.type = "bi.last_tree_leaf_item"; + break; + default : + extend.type = "bi.mid_tree_leaf_item"; + } + BI.defaults(node, extend); + } + }); + return nodes; + }, + + _assertId: function (sNodes) { + BI.each(sNodes, function (i, node) { + if (!BI.isKey(node.id)) { + node.id = BI.UUID(); + } + }); + }, + + //构造树结构, + initTree: function (nodes) { + var self = this, o = this.options; + this.empty(); + this._assertId(nodes); + this.tree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: BI.extend({ + el: {}, + popup: { + type: "bi.custom_tree" + } + }, o.expander), + + items: this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0), + + el: BI.extend({ + type: "bi.button_tree", + chooseType: 0, + layouts: [{ + type: "bi.vertical" + }] + }, o.el) + }); + this.tree.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.LevelTree.EVENT_CHANGE, arguments); + } + }) + }, + + //生成树方法 + stroke: function (nodes) { + this.tree.stroke.apply(this.tree, arguments); + }, + + populate: function (items) { + items = this._formatItems(BI.Tree.transformToTreeFormat(items), 0); + this.tree.populate(items); + }, + + doBehavior: function () { + this.tree.doBehavior.apply(this.tree, arguments); + }, + + setValue: function (v) { + this.tree.setValue(v); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + getAllLeaves: function () { + return this.tree.getAllLeaves(); + }, + + getNodeById: function (id) { + return this.tree.getNodeById(id); + }, + + getNodeByValue: function (id) { + return this.tree.getNodeByValue(id); + } +}); +BI.LevelTree.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.level_tree", BI.LevelTree);/** + * 简单的多选树 + * + * Created by GUY on 2016/2/16. + * @class BI.SimpleTreeView + * @extends BI.Widget + */ +BI.SimpleTreeView = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SimpleTreeView.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-simple-tree", + itemsCreator: BI.emptyFn, + items: null + }) + }, + _init: function () { + BI.SimpleTreeView.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.structure = new BI.Tree(); + this.tree = BI.createWidget({ + type: "bi.tree", + element: this, + itemsCreator: function (op, callback) { + var fn = function (items) { + callback({ + items: items + }); + self.structure.initTree(BI.Tree.transformToTreeFormat(items)); + }; + if (BI.isNotNull(o.items)) { + fn(o.items); + } else { + o.itemsCreator(op, fn); + } + } + }); + this.tree.on(BI.TreeView.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleTreeView.EVENT_CHANGE, arguments); + }); + if (BI.isNotEmptyArray(o.items)) { + this.populate(); + } + }, + + populate: function (items, keyword) { + if (items) { + this.options.items = items; + } + this.tree.stroke({ + keyword: keyword + }); + }, + + setValue: function (v) { + v || (v = []); + var self = this, map = {}; + var selected = []; + BI.each(v, function (i, val) { + var node = self.structure.search(val, "value"); + if (node) { + var p = node; + p = p.getParent(); + if (p) { + if (!map[p.value]) { + map[p.value] = 0; + } + map[p.value]++; + } + + while (p && p.getChildrenLength() <= map[p.value]) { + selected.push(p.value); + p = p.getParent(); + if (p) { + if (!map[p.value]) { + map[p.value] = 0; + } + map[p.value]++; + } + } + } + }); + + this.tree.setValue(BI.makeObject(v.concat(selected))); + }, + + _getValue: function () { + var self = this, result = [], val = this.tree.getValue(); + var track = function (nodes) { + BI.each(nodes, function (key, node) { + if (BI.isEmpty(node)) { + result.push(key); + } else { + track(node); + } + }) + }; + track(val); + return result; + }, + + empty: function () { + this.tree.empty(); + }, + + getValue: function () { + var self = this, result = [], val = this._getValue(); + BI.each(val, function (i, key) { + var target = self.structure.search(key, "value"); + if (target) { + self.structure._traverse(target, function (node) { + if (node.isLeaf()) { + result.push(node.value); + } + }) + } + }); + return result; + } +}); +BI.SimpleTreeView.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.simple_tree", BI.SimpleTreeView); +/** + * 文本输入框trigger + * + * Created by GUY on 2015/9/15. + * @class BI.EditorTrigger + * @extends BI.Trigger + */ +BI.EditorTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4 + }, + + _defaultConfig: function () { + var conf = BI.EditorTrigger.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-editor-trigger", + height: 30, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + allowBlank: false, + watermark: "", + errorText: "", + triggerWidth: 30 + }); + }, + + _init: function () { + this.options.height -= 2; + BI.EditorTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: false, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.EditorTrigger.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + element: this, + type: 'bi.htape', + items: [ + { + el: this.editor + }, { + el: { + type: "bi.trigger_icon_button", + width: o.triggerWidth + }, + width: o.triggerWidth + } + ] + }); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + setValue: function (value) { + this.editor.setValue(value); + }, + + setText: function (text) { + this.editor.setState(text); + } +}); +BI.EditorTrigger.EVENT_CHANGE = "BI.EditorTrigger.EVENT_CHANGE"; +$.shortcut("bi.editor_trigger", BI.EditorTrigger);/** + * 图标按钮trigger + * + * Created by GUY on 2015/10/8. + * @class BI.IconTrigger + * @extends BI.Trigger + */ +BI.IconTrigger = BI.inherit(BI.Trigger, { + + _defaultConfig: function () { + return BI.extend(BI.IconTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-icon-trigger", + el: {}, + height: 30 + }); + }, + _init: function () { + var o = this.options; + BI.IconTrigger.superclass._init.apply(this, arguments); + this.iconButton = BI.createWidget(o.el, { + type: "bi.trigger_icon_button", + element: this, + width: o.width, + height: o.height + }); + } +}); +$.shortcut('bi.icon_trigger', BI.IconTrigger);/** + * 文字trigger + * + * Created by GUY on 2015/9/15. + * @class BI.TextTrigger + * @extends BI.Trigger + */ +BI.TextTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4, + triggerWidth: 30 + }, + + _defaultConfig: function () { + var conf = BI.TextTrigger.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text-trigger", + height: 30 + }); + }, + + _init: function () { + BI.TextTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + height: o.height, + text: o.text, + hgap: c.hgap + }); + this.trigerButton = BI.createWidget({ + type: "bi.trigger_icon_button", + width: c.triggerWidth + }); + + BI.createWidget({ + element: this, + type: 'bi.htape', + items: [ + { + el: this.text + }, { + el: this.trigerButton, + width: c.triggerWidth + } + ] + }); + }, + + setEnable: function (v) { + BI.TextTrigger.superclass.setEnable.apply(this, arguments); + this.trigerButton.setEnable(v); + this.text.setEnable(v); + }, + + setValue: function (value) { + this.text.setValue(value); + }, + + setText: function (text) { + this.text.setText(text); + } +}); +$.shortcut("bi.text_trigger", BI.TextTrigger);/** + * 选择字段trigger + * + * Created by GUY on 2015/9/15. + * @class BI.SelectTextTrigger + * @extends BI.Trigger + */ +BI.SelectTextTrigger = BI.inherit(BI.Trigger, { + + _defaultConfig: function () { + return BI.extend(BI.SelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-text-trigger", + height: 24 + }); + }, + + _init: function () { + this.options.height -= 2; + BI.SelectTextTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + element: this, + height: o.height + }); + if (BI.isKey(o.text)) { + this.setValue(o.text); + } + }, + + setValue: function (vals) { + var o = this.options; + vals = BI.isArray(vals) ? vals : [vals]; + var result = []; + var items = BI.Tree.transformToArrayFormat(this.options.items); + BI.each(items, function (i, item) { + if (BI.deepContains(vals, item.value)) { + result.push(item.text || item.value); + } + }); + + if (result.length > 0) { + this.trigger.element.removeClass("bi-water-mark"); + this.trigger.setText(result.join(",")); + } else { + this.trigger.element.addClass("bi-water-mark"); + this.trigger.setText(o.text); + } + }, + + populate: function (items) { + this.options.items = items; + } +}); +$.shortcut("bi.select_text_trigger", BI.SelectTextTrigger);/** + * 选择字段trigger小一号的 + * + * @class BI.SmallSelectTextTrigger + * @extends BI.Trigger + */ +BI.SmallSelectTextTrigger = BI.inherit(BI.Trigger, { + + _defaultConfig: function () { + return BI.extend(BI.SmallSelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-small-select-text-trigger", + height: 20 + }); + }, + + _init: function () { + this.options.height -= 2; + BI.SmallSelectTextTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.small_text_trigger", + element: this, + height: o.height - 2 + }); + if (BI.isKey(o.text)) { + this.setValue(o.text); + } + }, + + setValue: function (vals) { + var o = this.options; + vals = BI.isArray(vals) ? vals : [vals]; + var result = []; + var items = BI.Tree.transformToArrayFormat(this.options.items); + BI.each(items, function (i, item) { + if (BI.deepContains(vals, item.value)) { + result.push(item.text || item.value); + } + }); + + if (result.length > 0) { + this.trigger.element.removeClass("bi-water-mark"); + this.trigger.setText(result.join(",")); + } else { + this.trigger.element.addClass("bi-water-mark"); + this.trigger.setText(o.text); + } + }, + + populate: function (items) { + this.options.items = items; + } +}); +$.shortcut("bi.small_select_text_trigger", BI.SmallSelectTextTrigger);/** + * 文字trigger(右边小三角小一号的) == + * + * @class BI.SmallTextTrigger + * @extends BI.Trigger + */ +BI.SmallTextTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4, + triggerWidth: 20 + }, + + _defaultConfig: function () { + var conf = BI.SmallTextTrigger.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text-trigger", + height: 20 + }); + }, + + _init: function () { + BI.SmallTextTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + height: o.height, + text: o.text, + hgap: c.hgap + }); + this.trigerButton = BI.createWidget({ + type: "bi.trigger_icon_button", + width: c.triggerWidth + }); + + BI.createWidget({ + element: this, + type: 'bi.htape', + items: [ + { + el: this.text + }, { + el: this.trigerButton, + width: c.triggerWidth + } + ] + }); + }, + + setEnable: function (v) { + BI.SmallTextTrigger.superclass.setEnable.apply(this, arguments); + this.trigerButton.setEnable(v); + this.text.setEnable(v); + }, + + setValue: function (value) { + this.text.setValue(value); + }, + + setText: function (text) { + this.text.setText(text); + } +}); +$.shortcut("bi.small_text_trigger", BI.SmallTextTrigger); \ No newline at end of file diff --git a/dist/core.css b/dist/core.css new file mode 100644 index 000000000..485d2d341 --- /dev/null +++ b/dist/core.css @@ -0,0 +1,9924 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +@font-face { + font-family: 'bi'; + src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg'); + + /* iOS 4.1- */ +} +.b-font { + font-family: "bi"; + font-style: normal; + -webkit-font-smoothing: antialiased; + -webkit-text-stroke-width: 0.2px; + -moz-osx-font-smoothing: grayscale; +} +html, +button, +input, +select, +textarea, +* { + font-family: "Microsoft YaHei", "Hiragino Sans GB W3"; +} +html, +body, +div, +ul, +li, +img, +a, +span, +p, +* { + margin: 0px; +} +html { + height: 100%; + overflow: hidden; +} +body { + position: absolute; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + top: 0; + left: 0; + background-repeat: repeat; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + color: #1a1a1a; + font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none; + -kthml-user-focus: normal; + -moz-user-focus: normal; + -moz-outline: 0 none; + outline: 0 none; +} +#wrapper { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: hidden; + overflow-x: hidden; + overflow-y: hidden; +} +a { + outline: none; + text-decoration: none; +} +a:focus { + outline: 0; +} +input, +textarea { + margin: 0; + padding: 0; + outline: none; + border: 1px solid #cccccc; +} +ul, +ol { + margin: 0; + padding: 0; +} +ul { + list-style: disc; +} +li { + list-style-type: none; +} +i { + font-style: normal; + -webkit-font-smoothing: antialiased; + -webkit-text-stroke-width: 0.2px; + -moz-osx-font-smoothing: grayscale; +} +div::-webkit-scrollbar, +textarea::-webkit-scrollbar { + -webkit-appearance: none; + background-color: #f4f4f4; + width: 6px; + height: 6px; +} +div::-webkit-scrollbar-thumb, +textarea::-webkit-scrollbar-thumb { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + background-color: #e2e2e2; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/************hing light*****************/ +.bi-flex-center-layout { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: center; + /* 12版 */ + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + justify-content: center; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; +} +.bi-flex-horizontal-layout { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: flex-start; + /* 12版 */ + -webkit-align-items: flex-start; + -moz-align-items: flex-start; + -ms-align-items: flex-start; + -o-align-items: flex-start; + align-items: flex-start; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.bi-flex-horizontal-layout.middle { + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; +} +.bi-flex-horizontal-layout.bottom { + /* 09版 */ + -webkit-box-align: flex-end; + /* 12版 */ + -webkit-align-items: flex-end; + -moz-align-items: flex-end; + -ms-align-items: flex-end; + -o-align-items: flex-end; + align-items: flex-end; +} +.bi-flex-vertical-center { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.bi-flex-wrapper-center-layout .flex-wrapper-center-layout-wrapper { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: center; + /* 12版 */ + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + -o-justify-content: center; + justify-content: center; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + min-width: 100%; + min-height: 100%; + float: left; +} +.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: flex-start; + /* 12版 */ + -webkit-align-items: flex-start; + -moz-align-items: flex-start; + -ms-align-items: flex-start; + -o-align-items: flex-start; + align-items: flex-start; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; + min-height: 100%; +} +.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.middle { + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; +} +.bi-flex-wrapper-horizontal-layout .flex-wrapper-horizontal-layout-wrapper.bottom { + /* 09版 */ + -webkit-box-align: flex-end; + /* 12版 */ + -webkit-align-items: flex-end; + -moz-align-items: flex-end; + -ms-align-items: flex-end; + -o-align-items: flex-end; + align-items: flex-end; +} +.bi-flex-wrapper-vertical-center .flex-wrapper-vertical-center-wrapper { + display: box; + /* OLD - Android 4.4- */ + display: -webkit-box; + /* OLD - iOS 6-, Safari 3.1-6 */ + display: -moz-box; + /* OLD - Firefox 19- (buggy but mostly works) */ + display: -ms-flexbox; + /* TWEENER - IE 10 */ + display: -webkit-flex; + /* NEW - Chrome */ + display: flex; + /* NEW, Spec - Opera 12.1, Firefox 20+ */ + /* 09版 */ + -webkit-box-orient: horizontal; + /* 12版 */ + -webkit-flex-direction: row; + -moz-flex-direction: row; + -ms-flex-direction: row; + -o-flex-direction: row; + flex-direction: row; + /* 09版 */ + -webkit-box-pack: flex-start; + /* 12版 */ + -webkit-justify-content: flex-start; + -moz-justify-content: flex-start; + -ms-justify-content: flex-start; + -o-justify-content: flex-start; + justify-content: flex-start; + /* 09版 */ + -webkit-box-align: center; + /* 12版 */ + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + -o-align-items: center; + align-items: center; + /* 09版 */ + /*-webkit-box-lines: multiple;*/ + /* 12版 */ + -webkit-flex-wrap: nowrap; + -moz-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + -o-flex-wrap: nowrap; + flex-wrap: nowrap; + min-height: 100%; + float: left; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-inline-center-adapt-layout:after { + display: inline-block; + width: 0; + min-height: 100%; + vertical-align: middle; + content: ' '; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-inline-vertical-adapt-layout:after { + display: inline-block; + width: 0; + min-height: 100%; + vertical-align: middle; + content: ' '; +} +@charset "UTF-8"; +/*! + * animate.css -http://daneden.me/animate + * Version - 3.5.1 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2016 Daniel Eden + */ +@-webkit-keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} +@-webkit-keyframes flash { + from, + 50%, + to { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } +} +@keyframes flash { + from, + 50%, + to { + opacity: 1; + } + 25%, + 75% { + opacity: 0; + } +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@-webkit-keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +@keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + to { + -webkit-transform: none; + transform: none; + } +} +@keyframes wobble { + from { + -webkit-transform: none; + transform: none; + } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + to { + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes jello { + from, + 11.1%, + to { + -webkit-transform: none; + transform: none; + } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} +@keyframes jello { + from, + 11.1%, + to { + -webkit-transform: none; + transform: none; + } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} +@-webkit-keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} +@-webkit-keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + to { + -webkit-transform: none; + transform: none; + } +} +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + to { + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } +} +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } +} +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + to { + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fadeIn { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@keyframes fadeOut { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@keyframes fadeOutDown { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@keyframes fadeOutLeft { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes fadeOutRight { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} +@keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + to { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} +@keyframes lightSpeedOut { + from { + opacity: 1; + } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + to { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} +@keyframes rollOut { + from { + opacity: 1; + } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } +} +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + 50% { + opacity: 1; + } +} +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } +} +@keyframes zoomOut { + from { + opacity: 1; + } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + to { + opacity: 0; + } +} +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; +} +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; +} +.bounceIn { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} +.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} +.flipOutX { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} +.flipOutY { + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} +.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-name: hinge; + animation-name: hinge; +} +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} +.base-line-conn-background { + background: url('icon/tree-vertical-line-1.png') repeat-y 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-1.png'); + _background: none; +} +.first-line-conn-background { + background: url('icon/tree-vertical-line-2.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); + _background: none; +} +.last-line-conn-background { + background: url('icon/tree-vertical-line-4.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); + _background: none; +} +.mid-line-conn-background { + background: url('icon/tree-vertical-line-3.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); + _background: none; +} +.loading-background { + background: url('icon/loading.gif') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif'); + _background: none; +} +.loading-background-f25 { + background: url('background/F.25.gif') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/F.25.gif'); + _background: none; +} +.loading-background-e50 { + background: url('background/E.50.gif') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/E.50.gif'); + _background: none; +} +.loading-background-d100 { + background: url('background/D.100.gif') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/D.100.gif'); + _background: none; +} +.axis-tip-background { + background: url('background/charts/axis.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.axis-accu-tip-background { + background: url('background/charts/axis_accu.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_accu.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.axis-percent-tip-background { + background: url('background/charts/axis_percent.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_percent.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.axis-compare-tip-background { + background: url('background/charts/axis_compare.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_compare.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.axis-fall-tip-background { + background: url('background/charts/axis_fall.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_fall.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.bubble-tip-background { + background: url('background/charts/bubble.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.bubble-force-tip-background { + background: url('background/charts/bubble_force.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble_force.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.dashboard-tip-background { + background: url('background/charts/dashboard.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/dashboard.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.donut-tip-background { + background: url('background/charts/donut.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/donut.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.funnel-tip-background { + background: url('background/charts/funnel.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/funnel.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.map-tip-background { + background: url('background/charts/map.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.map-gis-tip-background { + background: url('background/charts/map_gis.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_gis.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.map-svg-tip-background { + background: url('background/charts/map_svg.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.map-svg-c-tip-background { + background: url('background/charts/map_svg_c.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_c.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.map-svg-g-tip-background { + background: url('background/charts/map_svg_g.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_g.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.pie-tip-background { + background: url('background/charts/pie.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/pie.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.radar-tip-background { + background: url('background/charts/radar.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.radar-accu-tip-background { + background: url('background/charts/radar_accu.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar_accu.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.area-tip-background { + background: url('background/charts/area.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.area-accu-tip-background { + background: url('background/charts/area_accu.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_accu.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.area-compare-tip-background { + background: url('background/charts/area_compare.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_compare.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.area-percent-tip-background { + background: url('background/charts/area_percent.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_percent.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.area-range-tip-background { + background: url('background/charts/area_range.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_range.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.bar-tip-background { + background: url('background/charts/bar.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.bar-accu-tip-background { + background: url('background/charts/bar_accu.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_accu.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.bar-compare-tip-background { + background: url('background/charts/bar_compare.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_compare.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.combine-tip-background { + background: url('background/charts/combine.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.combine-m-tip-background { + background: url('background/charts/combine_m.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine_m.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.line-tip-background { + background: url('background/charts/line.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/line.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.scatter-tip-background { + background: url('background/charts/scatter.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/scatter.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.table-complex-tip-background { + background: url('background/charts/table_complex.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_complex.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.table-cross-tip-background { + background: url('background/charts/table_cross.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_cross.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.table-group-tip-background { + background: url('background/charts/table_group.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_group.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.table-detail-tip-background { + background: url('background/charts/table_detail.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_detail.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.axis-text-tip-background { + background: url('background/charts/text/axis_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.axis-accu-text-tip-background { + background: url('background/charts/text/axis_accu_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_accu_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.axis-percent-text-tip-background { + background: url('background/charts/text/axis_percent_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_percent_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.axis-compare-text-tip-background { + background: url('background/charts/text/axis_compare_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_compare_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.axis-fall-text-tip-background { + background: url('background/charts/text/axis_fall_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_fall_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.bubble-text-tip-background { + background: url('background/charts/text/bubble_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.bubble-force-text-tip-background { + background: url('background/charts/text/bubble_force_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_force_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.dashboard-text-tip-background { + background: url('background/charts/text/dashboard_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/dashboard_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.donut-text-tip-background { + background: url('background/charts/text/donut_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/donut_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.funnel-text-tip-background { + background: url('background/charts/text/funnel_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/funnel_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.map-text-tip-background { + background: url('background/charts/text/map_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.map-gis-text-tip-background { + background: url('background/charts/text/map_gis_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_gis_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.map-svg-text-tip-background { + background: url('background/charts/text/map_svg_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.map-svg-c-text-tip-background { + background: url('background/charts/text/map_svg_c_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_c_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.map-svg-g-text-tip-background { + background: url('background/charts/text/map_svg_g_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_g_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.pie-text-tip-background { + background: url('background/charts/text/pie_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/pie_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.radar-text-tip-background { + background: url('background/charts/text/radar_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.radar-accu-text-tip-background { + background: url('background/charts/text/radar_accu_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_accu_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.area-text-tip-background { + background: url('background/charts/text/area_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.area-accu-text-tip-background { + background: url('background/charts/text/area_accu_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_accu_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.area-compare-text-tip-background { + background: url('background/charts/text/area_compare_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_compare_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.area-percent-text-tip-background { + background: url('background/charts/text/area_percent_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_percent_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.area-range-text-tip-background { + background: url('background/charts/text/area_range_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_range_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.bar-text-tip-background { + background: url('background/charts/text/bar_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.bar-accu-text-tip-background { + background: url('background/charts/text/bar_accu_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_accu_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.bar-compare-text-tip-background { + background: url('background/charts/text/bar_compare_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_compare_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.combine-text-tip-background { + background: url('background/charts/text/combine_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.combine-m-text-tip-background { + background: url('background/charts/text/combine_m_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_m_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.line-text-tip-background { + background: url('background/charts/text/line_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/line_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.scatter-text-tip-background { + background: url('background/charts/text/text/scatter_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/text/scatter_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.table-complex-text-tip-background { + background: url('background/charts/text/table_complex_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_complex_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.table-cross-text-tip-background { + background: url('background/charts/text/table_cross_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_cross_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.table-group-text-tip-background { + background: url('background/charts/text/table_group_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_group_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.table-detail-text-tip-background { + background: url('background/charts/text/table_detail_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_detail_text.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +.data-miss-background { + background: url('background/data_miss.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/data_miss.png'); + _background: none; + background-color: #ffffff; + z-index: 2; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.base-disabled { + cursor: default !important; + color: #c4c6c6 !important; +} +.base-disabled .b-font:before { + color: #c4c6c6 !important; +} +.base-invalid { + cursor: default !important; +} +.clearfix { + *zoom: 1; +} +.clearfix:before, +.clearfix:after { + content: " "; + display: table; + line-height: 0; +} +.clearfix:after { + clear: both; +} +.bi-keyword-red-mark { + color: #f07d0a; +} +.bi-high-light { + color: #009de3; +} +.bi-water-mark { + color: #cccccc; + cursor: text; +} +.bi-tips { + color: #c4c6c6; +} +.bi-resizer { + background: #d8f3fe; + opacity: 0.8; + filter: alpha(opacity=80); + z-index: 1000000000; +} +.bi-z-index-mask { + background-color: #1a1a1a; + opacity: 0.5; + filter: alpha(opacity=50); +} +.bi-list-item:hover, +.bi-list-item.hover { + background-color: #f4f4f4; +} +.bi-list-item.disabled, +.bi-list-item.disabled:hover, +.bi-list-item.disabled:active { + background-color: #ffffff; +} +.bi-list-item-effect.active, +.bi-list-item-effect:active { + color: #009de3; +} +.bi-list-item-effect.disabled, +.bi-list-item-effect.disabled:hover, +.bi-list-item-effect.disabled:active { + color: #1a1a1a; +} +.bi-list-item-hover:hover, +.bi-list-item-hover.hover { + color: #009de3; + background-color: #f4f4f4; +} +.bi-list-item-hover.disabled, +.bi-list-item-hover.disabled:hover, +.bi-list-item-hover.disabled:active { + color: #1a1a1a; + background-color: #ffffff; +} +.bi-list-item-active:hover, +.bi-list-item-active.hover { + background-color: #f4f4f4; +} +.bi-list-item-active.active, +.bi-list-item-active:active { + color: #009de3; + background-color: #f4f4f4; +} +.bi-list-item-active.disabled, +.bi-list-item-active.disabled:hover, +.bi-list-item-active.disabled:active { + background-color: #ffffff; +} +.bi-list-item-select:hover, +.bi-list-item-select.hover { + color: #009de3; + background-color: #f4f4f4; +} +.bi-list-item-select:active, +.bi-list-item-select.active { + color: #ffffff; + background-color: #009de3; +} +.bi-list-item-select:active .bi-high-light, +.bi-list-item-select.active .bi-high-light { + color: #ffffff; +} +.bi-list-item-select.disabled, +.bi-list-item-select.disabled:hover, +.bi-list-item-select.disabled:active { + color: #c4c6c6 !important; + background-color: #ffffff !important; +} +.bi-list-item-select.disabled .bi-high-light, +.bi-list-item-select.disabled:hover .bi-high-light, +.bi-list-item-select.disabled:active .bi-high-light { + color: #c4c6c6 !important; +} +/*****************cursor*****************/ +.cursor-pointer { + cursor: pointer; +} +.cursor-default { + cursor: default; +} +.cursor-move { + cursor: move; +} +/*****************cursor*****************/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.close-font .b-font:before { + content: "\e600"; + color: #808080; +} +.close-font.native .b-font:before, +.close-font.disabled .b-font:before { + content: "\e600"; + color: #808080; +} +.close-red-font .b-font:before { + content: "\e600"; + color: #e85050; +} +.close-red-font.native .b-font:before, +.close-red-font.disabled .b-font:before { + content: "\e600"; + color: #e85050; +} +.close-h-font .b-font:before { + content: "\e600"; + color: #808080; +} +.close-h-font:hover .b-font:before, +.close-h-font:focus .b-font:before, +.close-h-font.hover .b-font:before { + content: "\e600"; + color: #808080; +} +.close-h-font.native .b-font:before, +.close-h-font.disabled .b-font:before { + content: "\e600"; + color: #808080; +} +.close-e-font .b-font:before { + content: "\e600"; + color: #808080; +} +.close-e-font:hover .b-font:before, +.close-e-font:focus .b-font:before, +.close-e-font.hover .b-font:before { + content: "\e600"; + color: #808080; +} +.close-e-font.active .b-font:before { + content: "\e600"; + color: #009de3; +} +.close-e-font:active .b-font:before { + content: "\e600"; + color: #009de3; +} +.close-e-font.native .b-font:before, +.close-e-font.disabled .b-font:before { + content: "\e600"; + color: #808080; +} +.close-ha-font .b-font:before { + content: "\e600"; + color: #808080; +} +.close-ha-font:hover .b-font:before, +.close-ha-font:focus .b-font:before, +.close-ha-font.hover .b-font:before { + content: "\e600"; + color: #808080; +} +.close-ha-font:active .b-font:before, +.close-ha-font.active .b-font:before { + content: "\e600"; + color: #009de3; +} +.close-ha-font.native .b-font:before, +.close-ha-font.disabled .b-font:before { + content: "\e600"; + color: #808080; +} +.search-close-h-font .b-font:before { + content: "\e600"; + color: #808080; +} +.search-close-h-font:hover .b-font:before, +.search-close-h-font:focus .b-font:before, +.search-close-h-font.hover .b-font:before { + content: "\e600"; + color: #e85050; +} +.search-close-h-font.native .b-font:before, +.search-close-h-font.disabled .b-font:before { + content: "\e600"; + color: #808080; +} +.trigger-font .b-font:before { + content: "\e603"; + color: #808080; +} +.trigger-font.native .b-font:before, +.trigger-font.disabled .b-font:before { + content: "\e603"; + color: #808080; +} +.trigger-h-font .b-font:before { + content: "\e603"; + color: #808080; +} +.trigger-h-font:hover .b-font:before, +.trigger-h-font:focus .b-font:before, +.trigger-h-font.hover .b-font:before { + content: "\e603"; + color: #808080; +} +.trigger-h-font.native .b-font:before, +.trigger-h-font.disabled .b-font:before { + content: "\e603"; + color: #808080; +} +.trigger-ha-font .b-font:before { + content: "\e603"; + color: #808080; +} +.trigger-ha-font:hover .b-font:before, +.trigger-ha-font:focus .b-font:before, +.trigger-ha-font.hover .b-font:before { + content: "\e603"; + color: #808080; +} +.trigger-ha-font:active .b-font:before, +.trigger-ha-font.active .b-font:before { + content: "\e603"; + color: #009de3; +} +.trigger-ha-font.native .b-font:before, +.trigger-ha-font.disabled .b-font:before { + content: "\e603"; + color: #808080; +} +.pre-page-font .b-font:before { + content: "\e601"; + color: #808080; +} +.pre-page-font.native .b-font:before, +.pre-page-font.disabled .b-font:before { + content: "\e601"; + color: #808080; +} +.pre-page-h-font .b-font:before { + content: "\e601"; + color: #808080; +} +.pre-page-h-font:hover .b-font:before, +.pre-page-h-font:focus .b-font:before, +.pre-page-h-font.hover .b-font:before { + content: "\e601"; + color: #808080; +} +.pre-page-h-font.native .b-font:before, +.pre-page-h-font.disabled .b-font:before { + content: "\e601"; + color: #808080; +} +.pre-page-ha-font .b-font:before { + content: "\e601"; + color: #808080; +} +.pre-page-ha-font:hover .b-font:before, +.pre-page-ha-font:focus .b-font:before, +.pre-page-ha-font.hover .b-font:before { + content: "\e601"; + color: #808080; +} +.pre-page-ha-font:active .b-font:before, +.pre-page-ha-font.active .b-font:before { + content: "\e601"; + color: #009de3; +} +.pre-page-ha-font.native .b-font:before, +.pre-page-ha-font.disabled .b-font:before { + content: "\e601"; + color: #808080; +} +.next-page-font .b-font:before { + content: "\e602"; + color: #808080; +} +.next-page-font.native .b-font:before, +.next-page-font.disabled .b-font:before { + content: "\e602"; + color: #808080; +} +.next-page-h-font .b-font:before { + content: "\e602"; + color: #808080; +} +.next-page-h-font:hover .b-font:before, +.next-page-h-font:focus .b-font:before, +.next-page-h-font.hover .b-font:before { + content: "\e602"; + color: #808080; +} +.next-page-h-font.native .b-font:before, +.next-page-h-font.disabled .b-font:before { + content: "\e602"; + color: #808080; +} +.next-page-ha-font .b-font:before { + content: "\e602"; + color: #808080; +} +.next-page-ha-font:hover .b-font:before, +.next-page-ha-font:focus .b-font:before, +.next-page-ha-font.hover .b-font:before { + content: "\e602"; + color: #808080; +} +.next-page-ha-font:active .b-font:before, +.next-page-ha-font.active .b-font:before { + content: "\e602"; + color: #009de3; +} +.next-page-ha-font.native .b-font:before, +.next-page-ha-font.disabled .b-font:before { + content: "\e602"; + color: #808080; +} +.search-font .b-font:before { + content: "\e604"; + color: #808080; +} +.search-font.native .b-font:before, +.search-font.disabled .b-font:before { + content: "\e604"; + color: #808080; +} +.search-h-font .b-font:before { + content: "\e604"; + color: #808080; +} +.search-h-font:hover .b-font:before, +.search-h-font:focus .b-font:before, +.search-h-font.hover .b-font:before { + content: "\e604"; + color: #808080; +} +.search-h-font.native .b-font:before, +.search-h-font.disabled .b-font:before { + content: "\e604"; + color: #808080; +} +.search-ha-font .b-font:before { + content: "\e604"; + color: #808080; +} +.search-ha-font:hover .b-font:before, +.search-ha-font:focus .b-font:before, +.search-ha-font.hover .b-font:before { + content: "\e604"; + color: #808080; +} +.search-ha-font:active .b-font:before, +.search-ha-font.active .b-font:before { + content: "\e604"; + color: #009de3; +} +.search-ha-font.native .b-font:before, +.search-ha-font.disabled .b-font:before { + content: "\e604"; + color: #808080; +} +.share-font .b-font:before { + content: "\e65a"; + color: #808080; +} +.share-font.native .b-font:before, +.share-font.disabled .b-font:before { + content: "\e65a"; + color: #808080; +} +.share-h-font .b-font:before { + content: "\e65a"; + color: #808080; +} +.share-h-font:hover .b-font:before, +.share-h-font:focus .b-font:before, +.share-h-font.hover .b-font:before { + content: "\e65a"; + color: #808080; +} +.share-h-font.native .b-font:before, +.share-h-font.disabled .b-font:before { + content: "\e65a"; + color: #808080; +} +.share-ha-font .b-font:before { + content: "\e65a"; + color: #808080; +} +.share-ha-font:hover .b-font:before, +.share-ha-font:focus .b-font:before, +.share-ha-font.hover .b-font:before { + content: "\e65a"; + color: #808080; +} +.share-ha-font:active .b-font:before, +.share-ha-font.active .b-font:before { + content: "\e65a"; + color: #009de3; +} +.share-ha-font.native .b-font:before, +.share-ha-font.disabled .b-font:before { + content: "\e65a"; + color: #808080; +} +/**维度/指标 下拉列表图标字体 ~begin~**/ +.delete-font .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.delete-font.native .b-font:before, +.delete-font.disabled .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.delete-h-font .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.delete-h-font:hover .b-font:before, +.delete-h-font:focus .b-font:before, +.delete-h-font.hover .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.delete-h-font.native .b-font:before, +.delete-h-font.disabled .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.delete-ha-font .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.delete-ha-font:hover .b-font:before, +.delete-ha-font:focus .b-font:before, +.delete-ha-font.hover .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.delete-ha-font:active .b-font:before, +.delete-ha-font.active .b-font:before { + content: "\e605"; + color: #009de3; +} +.delete-ha-font.native .b-font:before, +.delete-ha-font.disabled .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.delete-e-font .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.delete-e-font:hover .b-font:before, +.delete-e-font:focus .b-font:before, +.delete-e-font.hover .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.delete-e-font.active .b-font:before { + content: "\e605"; + color: #009de3; +} +.delete-e-font:active .b-font:before { + content: "\e605"; + color: #009de3; +} +.delete-e-font.native .b-font:before, +.delete-e-font.disabled .b-font:before { + content: "\e605"; + color: #1a1a1a; +} +.dot-font .b-font:before { + content: "\e606"; + color: #1a1a1a; +} +.dot-font.native .b-font:before, +.dot-font.disabled .b-font:before { + content: "\e606"; + color: #1a1a1a; +} +.dot-h-font .b-font:before { + content: "\e606"; + color: #1a1a1a; +} +.dot-h-font:hover .b-font:before, +.dot-h-font:focus .b-font:before, +.dot-h-font.hover .b-font:before { + content: "\e606"; + color: #1a1a1a; +} +.dot-h-font.native .b-font:before, +.dot-h-font.disabled .b-font:before { + content: "\e606"; + color: #1a1a1a; +} +.dot-ha-font .b-font:before { + content: "\e606"; + color: #ffffff; +} +.dot-ha-font:hover .b-font:before, +.dot-ha-font:focus .b-font:before, +.dot-ha-font.hover .b-font:before { + content: "\e606"; + color: #f4f4f4; +} +.dot-ha-font:active .b-font:before, +.dot-ha-font.active .b-font:before { + content: "\e606"; + color: #1a1a1a; +} +.dot-ha-font.native .b-font:before, +.dot-ha-font.disabled .b-font:before { + content: "\e606"; + color: #ffffff; +} +.dot-e-font .b-font:before { + content: "\e606"; + color: #ffffff; +} +.dot-e-font:hover .b-font:before, +.dot-e-font:focus .b-font:before, +.dot-e-font.hover .b-font:before { + content: "\e606"; + color: #f4f4f4; +} +.dot-e-font.active .b-font:before { + content: "\e606"; + color: #1a1a1a; +} +.dot-e-font:active .b-font:before { + content: "\e606"; + color: #009de3; +} +.dot-e-font.native .b-font:before, +.dot-e-font.disabled .b-font:before { + content: "\e606"; + color: #ffffff; +} +.pull-right-font .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.pull-right-font.native .b-font:before, +.pull-right-font.disabled .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.pull-right-h-font .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.pull-right-h-font:hover .b-font:before, +.pull-right-h-font:focus .b-font:before, +.pull-right-h-font.hover .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.pull-right-h-font.native .b-font:before, +.pull-right-h-font.disabled .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.pull-right-ha-font .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.pull-right-ha-font:hover .b-font:before, +.pull-right-ha-font:focus .b-font:before, +.pull-right-ha-font.hover .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.pull-right-ha-font:active .b-font:before, +.pull-right-ha-font.active .b-font:before { + content: "\e607"; + color: #009de3; +} +.pull-right-ha-font.native .b-font:before, +.pull-right-ha-font.disabled .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.pull-right-e-font .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.pull-right-e-font:hover .b-font:before, +.pull-right-e-font:focus .b-font:before, +.pull-right-e-font.hover .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.pull-right-e-font.active .b-font:before { + content: "\e607"; + color: #009de3; +} +.pull-right-e-font:active .b-font:before { + content: "\e607"; + color: #009de3; +} +.pull-right-e-font.native .b-font:before, +.pull-right-e-font.disabled .b-font:before { + content: "\e607"; + color: #1a1a1a; +} +.copy-font .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.copy-font.native .b-font:before, +.copy-font.disabled .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.copy-h-font .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.copy-h-font:hover .b-font:before, +.copy-h-font:focus .b-font:before, +.copy-h-font.hover .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.copy-h-font.native .b-font:before, +.copy-h-font.disabled .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.copy-ha-font .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.copy-ha-font:hover .b-font:before, +.copy-ha-font:focus .b-font:before, +.copy-ha-font.hover .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.copy-ha-font:active .b-font:before, +.copy-ha-font.active .b-font:before { + content: "\e610"; + color: #009de3; +} +.copy-ha-font.native .b-font:before, +.copy-ha-font.disabled .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.copy-e-font .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.copy-e-font:hover .b-font:before, +.copy-e-font:focus .b-font:before, +.copy-e-font.hover .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.copy-e-font.active .b-font:before { + content: "\e610"; + color: #009de3; +} +.copy-e-font:active .b-font:before { + content: "\e610"; + color: #009de3; +} +.copy-e-font.native .b-font:before, +.copy-e-font.disabled .b-font:before { + content: "\e610"; + color: #1a1a1a; +} +.check-mark-font .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.check-mark-font.native .b-font:before, +.check-mark-font.disabled .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.check-mark-h-font .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.check-mark-h-font:hover .b-font:before, +.check-mark-h-font:focus .b-font:before, +.check-mark-h-font.hover .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.check-mark-h-font.native .b-font:before, +.check-mark-h-font.disabled .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.check-mark-ha-font .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.check-mark-ha-font:hover .b-font:before, +.check-mark-ha-font:focus .b-font:before, +.check-mark-ha-font.hover .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.check-mark-ha-font:active .b-font:before, +.check-mark-ha-font.active .b-font:before { + content: "\e611"; + color: #009de3; +} +.check-mark-ha-font.native .b-font:before, +.check-mark-ha-font.disabled .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.check-mark-e-font .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.check-mark-e-font:hover .b-font:before, +.check-mark-e-font:focus .b-font:before, +.check-mark-e-font.hover .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.check-mark-e-font.active .b-font:before { + content: "\e611"; + color: #009de3; +} +.check-mark-e-font:active .b-font:before { + content: "\e611"; + color: #009de3; +} +.check-mark-e-font.native .b-font:before, +.check-mark-e-font.disabled .b-font:before { + content: "\e611"; + color: #1a1a1a; +} +.dimension-from-font .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.dimension-from-font.native .b-font:before, +.dimension-from-font.disabled .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.dimension-from-h-font .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.dimension-from-h-font:hover .b-font:before, +.dimension-from-h-font:focus .b-font:before, +.dimension-from-h-font.hover .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.dimension-from-h-font.native .b-font:before, +.dimension-from-h-font.disabled .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.dimension-from-ha-font .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.dimension-from-ha-font:hover .b-font:before, +.dimension-from-ha-font:focus .b-font:before, +.dimension-from-ha-font.hover .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.dimension-from-ha-font:active .b-font:before, +.dimension-from-ha-font.active .b-font:before { + content: "\e612"; + color: #009de3; +} +.dimension-from-ha-font.native .b-font:before, +.dimension-from-ha-font.disabled .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.dimension-from-e-font .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.dimension-from-e-font:hover .b-font:before, +.dimension-from-e-font:focus .b-font:before, +.dimension-from-e-font.hover .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.dimension-from-e-font.active .b-font:before { + content: "\e612"; + color: #009de3; +} +.dimension-from-e-font:active .b-font:before { + content: "\e612"; + color: #009de3; +} +.dimension-from-e-font.native .b-font:before, +.dimension-from-e-font.disabled .b-font:before { + content: "\e612"; + color: #1a1a1a; +} +.chart-type-font .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.chart-type-font.native .b-font:before, +.chart-type-font.disabled .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.chart-type-h-font .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.chart-type-h-font:hover .b-font:before, +.chart-type-h-font:focus .b-font:before, +.chart-type-h-font.hover .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.chart-type-h-font.native .b-font:before, +.chart-type-h-font.disabled .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.chart-type-ha-font .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.chart-type-ha-font:hover .b-font:before, +.chart-type-ha-font:focus .b-font:before, +.chart-type-ha-font.hover .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.chart-type-ha-font:active .b-font:before, +.chart-type-ha-font.active .b-font:before { + content: "\e613"; + color: #009de3; +} +.chart-type-ha-font.native .b-font:before, +.chart-type-ha-font.disabled .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.chart-type-e-font .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.chart-type-e-font:hover .b-font:before, +.chart-type-e-font:focus .b-font:before, +.chart-type-e-font.hover .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.chart-type-e-font.active .b-font:before { + content: "\e613"; + color: #009de3; +} +.chart-type-e-font:active .b-font:before { + content: "\e613"; + color: #009de3; +} +.chart-type-e-font.native .b-font:before, +.chart-type-e-font.disabled .b-font:before { + content: "\e613"; + color: #1a1a1a; +} +.style-set-font .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.style-set-font.native .b-font:before, +.style-set-font.disabled .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.style-set-h-font .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.style-set-h-font:hover .b-font:before, +.style-set-h-font:focus .b-font:before, +.style-set-h-font.hover .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.style-set-h-font.native .b-font:before, +.style-set-h-font.disabled .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.style-set-ha-font .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.style-set-ha-font:hover .b-font:before, +.style-set-ha-font:focus .b-font:before, +.style-set-ha-font.hover .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.style-set-ha-font:active .b-font:before, +.style-set-ha-font.active .b-font:before { + content: "\e60c"; + color: #009de3; +} +.style-set-ha-font.native .b-font:before, +.style-set-ha-font.disabled .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.style-set-e-font .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.style-set-e-font:hover .b-font:before, +.style-set-e-font:focus .b-font:before, +.style-set-e-font.hover .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.style-set-e-font.active .b-font:before { + content: "\e60c"; + color: #009de3; +} +.style-set-e-font:active .b-font:before { + content: "\e60c"; + color: #009de3; +} +.style-set-e-font.native .b-font:before, +.style-set-e-font.disabled .b-font:before { + content: "\e60c"; + color: #1a1a1a; +} +.hyper-link-font .b-font:before { + content: "\e688"; + color: #808080; +} +.hyper-link-font.native .b-font:before, +.hyper-link-font.disabled .b-font:before { + content: "\e688"; + color: #808080; +} +.filter-font .b-font:before { + content: "\e60f"; + color: #808080; +} +.filter-font.native .b-font:before, +.filter-font.disabled .b-font:before { + content: "\e60f"; + color: #808080; +} +.filter-h-font .b-font:before { + content: "\e60f"; + color: #1a1a1a; +} +.filter-h-font:hover .b-font:before, +.filter-h-font:focus .b-font:before, +.filter-h-font.hover .b-font:before { + content: "\e60f"; + color: #1a1a1a; +} +.filter-h-font.native .b-font:before, +.filter-h-font.disabled .b-font:before { + content: "\e60f"; + color: #1a1a1a; +} +.filter-ha-font .b-font:before { + content: "\e60f"; + color: #1a1a1a; +} +.filter-ha-font:hover .b-font:before, +.filter-ha-font:focus .b-font:before, +.filter-ha-font.hover .b-font:before { + content: "\e60f"; + color: #1a1a1a; +} +.filter-ha-font:active .b-font:before, +.filter-ha-font.active .b-font:before { + content: "\e60f"; + color: #009de3; +} +.filter-ha-font.native .b-font:before, +.filter-ha-font.disabled .b-font:before { + content: "\e60f"; + color: #1a1a1a; +} +.filter-e-font .b-font:before { + content: "\e60f"; + color: #1a1a1a; +} +.filter-e-font:hover .b-font:before, +.filter-e-font:focus .b-font:before, +.filter-e-font.hover .b-font:before { + content: "\e60f"; + color: #1a1a1a; +} +.filter-e-font.active .b-font:before { + content: "\e60f"; + color: #009de3; +} +.filter-e-font:active .b-font:before { + content: "\e60f"; + color: #009de3; +} +.filter-e-font.native .b-font:before, +.filter-e-font.disabled .b-font:before { + content: "\e60f"; + color: #1a1a1a; +} +.classify-font .b-font:before { + content: "\e694"; + color: #009de3; +} +.classify-font.native .b-font:before, +.classify-font.disabled .b-font:before { + content: "\e694"; + color: #009de3; +} +.series-font .b-font:before { + content: "\e695"; + color: #58cc7d; +} +.series-font.native .b-font:before, +.series-font.disabled .b-font:before { + content: "\e695"; + color: #58cc7d; +} +/**维度/指标 下拉列表图标字体 ~end~**/ +/** dashboard组件/控件 下拉列表图标字体 ~begin~**/ +.link-to-widget-h-font .b-font:before { + content: "\e600"; + color: #808080; +} +.link-to-widget-h-font:hover .b-font:before, +.link-to-widget-h-font:focus .b-font:before, +.link-to-widget-h-font.hover .b-font:before { + content: "\e600"; + color: #009de3; +} +.link-to-widget-h-font.native .b-font:before, +.link-to-widget-h-font.disabled .b-font:before { + content: "\e600"; + color: #808080; +} +.link-to-detail-h-font .b-font:before { + content: "\e600"; + color: #808080; +} +.link-to-detail-h-font:hover .b-font:before, +.link-to-detail-h-font:focus .b-font:before, +.link-to-detail-h-font.hover .b-font:before { + content: "\e600"; + color: #009de3; +} +.link-to-detail-h-font.native .b-font:before, +.link-to-detail-h-font.disabled .b-font:before { + content: "\e600"; + color: #808080; +} +.detail-setting-h-font .b-font:before { + content: "\e600"; + color: #808080; +} +.detail-setting-h-font:hover .b-font:before, +.detail-setting-h-font:focus .b-font:before, +.detail-setting-h-font.hover .b-font:before { + content: "\e600"; + color: #009de3; +} +.detail-setting-h-font.native .b-font:before, +.detail-setting-h-font.disabled .b-font:before { + content: "\e600"; + color: #808080; +} +.export-to-excel-h-font .b-font:before { + content: "\e600"; + color: #808080; +} +.export-to-excel-h-font:hover .b-font:before, +.export-to-excel-h-font:focus .b-font:before, +.export-to-excel-h-font.hover .b-font:before { + content: "\e600"; + color: #009de3; +} +.export-to-excel-h-font.native .b-font:before, +.export-to-excel-h-font.disabled .b-font:before { + content: "\e600"; + color: #808080; +} +.widget-copy-h-font .b-font:before { + content: "\e610"; + color: #808080; +} +.widget-copy-h-font:hover .b-font:before, +.widget-copy-h-font:focus .b-font:before, +.widget-copy-h-font.hover .b-font:before { + content: "\e610"; + color: #009de3; +} +.widget-copy-h-font.native .b-font:before, +.widget-copy-h-font.disabled .b-font:before { + content: "\e610"; + color: #808080; +} +.widget-delete-h-font .b-font:before { + content: "\e605"; + color: #808080; +} +.widget-delete-h-font:hover .b-font:before, +.widget-delete-h-font:focus .b-font:before, +.widget-delete-h-font.hover .b-font:before { + content: "\e605"; + color: #009de3; +} +.widget-delete-h-font.native .b-font:before, +.widget-delete-h-font.disabled .b-font:before { + content: "\e605"; + color: #808080; +} +/** dashboard组件/控件 下拉列表图标字体 ~end~**/ +.tree-node-triangle-expand-font .b-font:before { + content: "\e608"; + color: #808080; +} +.tree-node-triangle-expand-font.native .b-font:before, +.tree-node-triangle-expand-font.disabled .b-font:before { + content: "\e608"; + color: #808080; +} +.tree-node-triangle-collapse-font .b-font:before { + content: "\e607"; + color: #808080; +} +.tree-node-triangle-collapse-font.native .b-font:before, +.tree-node-triangle-collapse-font.disabled .b-font:before { + content: "\e607"; + color: #808080; +} +.row-pre-page-h-font .b-font:before { + content: "\e6be"; + color: #1a1a1a; +} +.row-pre-page-h-font:hover .b-font:before, +.row-pre-page-h-font:focus .b-font:before, +.row-pre-page-h-font.hover .b-font:before { + content: "\e6be"; + color: #1a1a1a; +} +.row-pre-page-h-font.native .b-font:before, +.row-pre-page-h-font.disabled .b-font:before { + content: "\e6be"; + color: #1a1a1a; +} +.row-next-page-h-font .b-font:before { + content: "\e6bd"; + color: #1a1a1a; +} +.row-next-page-h-font:hover .b-font:before, +.row-next-page-h-font:focus .b-font:before, +.row-next-page-h-font.hover .b-font:before { + content: "\e6bd"; + color: #1a1a1a; +} +.row-next-page-h-font.native .b-font:before, +.row-next-page-h-font.disabled .b-font:before { + content: "\e6bd"; + color: #1a1a1a; +} +.column-pre-page-h-font .b-font:before { + content: "\e6bc"; + color: #1a1a1a; +} +.column-pre-page-h-font:hover .b-font:before, +.column-pre-page-h-font:focus .b-font:before, +.column-pre-page-h-font.hover .b-font:before { + content: "\e6bc"; + color: #1a1a1a; +} +.column-pre-page-h-font.native .b-font:before, +.column-pre-page-h-font.disabled .b-font:before { + content: "\e6bc"; + color: #1a1a1a; +} +.column-next-page-h-font .b-font:before { + content: "\e6bb"; + color: #1a1a1a; +} +.column-next-page-h-font:hover .b-font:before, +.column-next-page-h-font:focus .b-font:before, +.column-next-page-h-font.hover .b-font:before { + content: "\e6bb"; + color: #1a1a1a; +} +.column-next-page-h-font.native .b-font:before, +.column-next-page-h-font.disabled .b-font:before { + content: "\e6bb"; + color: #1a1a1a; +} +.trigger-triangle-font .b-font:before { + content: "\e66a"; + color: #808080; +} +.trigger-triangle-font:hover .b-font:before, +.trigger-triangle-font:focus .b-font:before, +.trigger-triangle-font.hover .b-font:before { + content: "\e66a"; + color: #808080; +} +.trigger-triangle-font:active .b-font:before, +.trigger-triangle-font.active .b-font:before { + content: "\e66a"; + color: #009de3; +} +.trigger-triangle-font.native .b-font:before, +.trigger-triangle-font.disabled .b-font:before { + content: "\e66a"; + color: #808080; +} +.widget-date-next-h-font .b-font:before { + content: "\e62f"; + color: #808080; +} +.widget-date-next-h-font:hover .b-font:before, +.widget-date-next-h-font:focus .b-font:before, +.widget-date-next-h-font.hover .b-font:before { + content: "\e62f"; + color: #808080; +} +.widget-date-next-h-font.native .b-font:before, +.widget-date-next-h-font.disabled .b-font:before { + content: "\e62f"; + color: #808080; +} +.widget-date-pre-h-font .b-font:before { + content: "\e62e"; + color: #808080; +} +.widget-date-pre-h-font:hover .b-font:before, +.widget-date-pre-h-font:focus .b-font:before, +.widget-date-pre-h-font.hover .b-font:before { + content: "\e62e"; + color: #808080; +} +.widget-date-pre-h-font.native .b-font:before, +.widget-date-pre-h-font.disabled .b-font:before { + content: "\e62e"; + color: #808080; +} +.widget-date-h-change-font .b-font:before { + content: "\e660"; + color: #808080; +} +.widget-date-h-change-font:hover .b-font:before, +.widget-date-h-change-font:focus .b-font:before, +.widget-date-h-change-font.hover .b-font:before { + content: "\e660"; + color: #808080; +} +.widget-date-h-change-font.native .b-font:before, +.widget-date-h-change-font.disabled .b-font:before { + content: "\e660"; + color: #808080; +} +.pull-down-font .b-font:before { + content: "\e608"; + color: #808080; +} +.pull-down-font.native .b-font:before, +.pull-down-font.disabled .b-font:before { + content: "\e608"; + color: #808080; +} +.pull-down-h-font .b-font:before { + content: "\e608"; + color: #808080; +} +.pull-down-h-font:hover .b-font:before, +.pull-down-h-font:focus .b-font:before, +.pull-down-h-font.hover .b-font:before { + content: "\e608"; + color: #808080; +} +.pull-down-h-font.native .b-font:before, +.pull-down-h-font.disabled .b-font:before { + content: "\e608"; + color: #808080; +} +.pull-down-ha-font .b-font:before { + content: "\e608"; + color: #808080; +} +.pull-down-ha-font:hover .b-font:before, +.pull-down-ha-font:focus .b-font:before, +.pull-down-ha-font.hover .b-font:before { + content: "\e608"; + color: #808080; +} +.pull-down-ha-font:active .b-font:before, +.pull-down-ha-font.active .b-font:before { + content: "\e608"; + color: #009de3; +} +.pull-down-ha-font.native .b-font:before, +.pull-down-ha-font.disabled .b-font:before { + content: "\e608"; + color: #808080; +} +.delete-field-font .b-font:before { + content: "\e605"; + color: #808080; +} +.delete-field-font.native .b-font:before, +.delete-field-font.disabled .b-font:before { + content: "\e605"; + color: #808080; +} +.delete-field-h-font .b-font:before { + content: "\e605"; + color: #808080; +} +.delete-field-h-font:hover .b-font:before, +.delete-field-h-font:focus .b-font:before, +.delete-field-h-font.hover .b-font:before { + content: "\e605"; + color: #808080; +} +.delete-field-h-font.native .b-font:before, +.delete-field-h-font.disabled .b-font:before { + content: "\e605"; + color: #808080; +} +.delete-field-ha-font .b-font:before { + content: "\e605"; + color: #808080; +} +.delete-field-ha-font:hover .b-font:before, +.delete-field-ha-font:focus .b-font:before, +.delete-field-ha-font.hover .b-font:before { + content: "\e605"; + color: #808080; +} +.delete-field-ha-font:active .b-font:before, +.delete-field-ha-font.active .b-font:before { + content: "\e605"; + color: #009de3; +} +.delete-field-ha-font.native .b-font:before, +.delete-field-ha-font.disabled .b-font:before { + content: "\e605"; + color: #808080; +} +.toolbar-save-font .b-font:before { + content: "\e617"; + color: #808080; +} +.toolbar-save-font:hover .b-font:before, +.toolbar-save-font:focus .b-font:before, +.toolbar-save-font.hover .b-font:before { + content: "\e617"; + color: #808080; +} +.toolbar-save-font.native .b-font:before, +.toolbar-save-font.disabled .b-font:before { + content: "\e617"; + color: #808080; +} +.toolbar-undo-font .b-font:before { + content: "\e619"; + color: #808080; +} +.toolbar-undo-font:hover .b-font:before, +.toolbar-undo-font:focus .b-font:before, +.toolbar-undo-font.hover .b-font:before { + content: "\e619"; + color: #808080; +} +.toolbar-undo-font.native .b-font:before, +.toolbar-undo-font.disabled .b-font:before { + content: "\e619"; + color: #808080; +} +.toolbar-redo-font .b-font:before { + content: "\e625"; + color: #808080; +} +.toolbar-redo-font:hover .b-font:before, +.toolbar-redo-font:focus .b-font:before, +.toolbar-redo-font.hover .b-font:before { + content: "\e625"; + color: #808080; +} +.toolbar-redo-font.native .b-font:before, +.toolbar-redo-font.disabled .b-font:before { + content: "\e625"; + color: #808080; +} +.toolbar-edit-font .b-font:before { + content: "\e631"; + color: #808080; +} +.toolbar-edit-font:hover .b-font:before, +.toolbar-edit-font:focus .b-font:before, +.toolbar-edit-font.hover .b-font:before { + content: "\e631"; + color: #808080; +} +.toolbar-edit-font.native .b-font:before, +.toolbar-edit-font.disabled .b-font:before { + content: "\e631"; + color: #808080; +} +.toolbar-preview-font .b-font:before { + content: "\e65f"; + color: #808080; +} +.toolbar-preview-font:hover .b-font:before, +.toolbar-preview-font:focus .b-font:before, +.toolbar-preview-font.hover .b-font:before { + content: "\e65f"; + color: #808080; +} +.toolbar-preview-font.native .b-font:before, +.toolbar-preview-font.disabled .b-font:before { + content: "\e65f"; + color: #808080; +} +.chart-table-font .b-font:before { + content: "\e60e"; + color: #808080; +} +.chart-table-font:hover .b-font:before, +.chart-table-font:focus .b-font:before, +.chart-table-font.hover .b-font:before { + content: "\e60e"; + color: #808080; +} +.chart-table-font:active .b-font:before, +.chart-table-font.active .b-font:before { + content: "\e60e"; + color: #009de3; +} +.chart-table-font.native .b-font:before, +.chart-table-font.disabled .b-font:before { + content: "\e60e"; + color: #808080; +} +.chart-axis-font .b-font:before { + content: "\e626"; + color: #808080; +} +.chart-axis-font:hover .b-font:before, +.chart-axis-font:focus .b-font:before, +.chart-axis-font.hover .b-font:before { + content: "\e626"; + color: #808080; +} +.chart-axis-font:active .b-font:before, +.chart-axis-font.active .b-font:before { + content: "\e626"; + color: #009de3; +} +.chart-axis-font.native .b-font:before, +.chart-axis-font.disabled .b-font:before { + content: "\e626"; + color: #808080; +} +.chart-bar-font .b-font:before { + content: "\e620"; + color: #808080; +} +.chart-bar-font:hover .b-font:before, +.chart-bar-font:focus .b-font:before, +.chart-bar-font.hover .b-font:before { + content: "\e620"; + color: #808080; +} +.chart-bar-font:active .b-font:before, +.chart-bar-font.active .b-font:before { + content: "\e620"; + color: #009de3; +} +.chart-bar-font.native .b-font:before, +.chart-bar-font.disabled .b-font:before { + content: "\e620"; + color: #808080; +} +.chart-accumulate-bar-font .b-font:before { + content: "\e60a"; + color: #808080; +} +.chart-accumulate-bar-font:hover .b-font:before, +.chart-accumulate-bar-font:focus .b-font:before, +.chart-accumulate-bar-font.hover .b-font:before { + content: "\e60a"; + color: #808080; +} +.chart-accumulate-bar-font:active .b-font:before, +.chart-accumulate-bar-font.active .b-font:before { + content: "\e60a"; + color: #009de3; +} +.chart-accumulate-bar-font.native .b-font:before, +.chart-accumulate-bar-font.disabled .b-font:before { + content: "\e60a"; + color: #808080; +} +.chart-pie-font .b-font:before { + content: "\e618"; + color: #808080; +} +.chart-pie-font:hover .b-font:before, +.chart-pie-font:focus .b-font:before, +.chart-pie-font.hover .b-font:before { + content: "\e618"; + color: #808080; +} +.chart-pie-font:active .b-font:before, +.chart-pie-font.active .b-font:before { + content: "\e618"; + color: #009de3; +} +.chart-pie-font.native .b-font:before, +.chart-pie-font.disabled .b-font:before { + content: "\e618"; + color: #808080; +} +.chart-map-font .b-font:before { + content: "\e62c"; + color: #808080; +} +.chart-map-font:hover .b-font:before, +.chart-map-font:focus .b-font:before, +.chart-map-font.hover .b-font:before { + content: "\e62c"; + color: #808080; +} +.chart-map-font:active .b-font:before, +.chart-map-font.active .b-font:before { + content: "\e62c"; + color: #009de3; +} +.chart-map-font.native .b-font:before, +.chart-map-font.disabled .b-font:before { + content: "\e62c"; + color: #808080; +} +.chart-dashboard-font .b-font:before { + content: "\e623"; + color: #808080; +} +.chart-dashboard-font:hover .b-font:before, +.chart-dashboard-font:focus .b-font:before, +.chart-dashboard-font.hover .b-font:before { + content: "\e623"; + color: #808080; +} +.chart-dashboard-font:active .b-font:before, +.chart-dashboard-font.active .b-font:before { + content: "\e623"; + color: #009de3; +} +.chart-dashboard-font.native .b-font:before, +.chart-dashboard-font.disabled .b-font:before { + content: "\e623"; + color: #808080; +} +.chart-doughnut-font .b-font:before { + content: "\e624"; + color: #808080; +} +.chart-doughnut-font:hover .b-font:before, +.chart-doughnut-font:focus .b-font:before, +.chart-doughnut-font.hover .b-font:before { + content: "\e624"; + color: #808080; +} +.chart-doughnut-font:active .b-font:before, +.chart-doughnut-font.active .b-font:before { + content: "\e624"; + color: #009de3; +} +.chart-doughnut-font.native .b-font:before, +.chart-doughnut-font.disabled .b-font:before { + content: "\e624"; + color: #808080; +} +.chart-detail-font .b-font:before { + content: "\e615"; + color: #808080; +} +.chart-detail-font:hover .b-font:before, +.chart-detail-font:focus .b-font:before, +.chart-detail-font.hover .b-font:before { + content: "\e615"; + color: #808080; +} +.chart-detail-font:active .b-font:before, +.chart-detail-font.active .b-font:before { + content: "\e615"; + color: #009de3; +} +.chart-detail-font.native .b-font:before, +.chart-detail-font.disabled .b-font:before { + content: "\e615"; + color: #808080; +} +.chart-more-font .b-font:before { + content: "\e60d"; + color: #808080; +} +.chart-more-font:hover .b-font:before, +.chart-more-font:focus .b-font:before, +.chart-more-font.hover .b-font:before { + content: "\e60d"; + color: #808080; +} +.chart-more-font:active .b-font:before, +.chart-more-font.active .b-font:before { + content: "\e60d"; + color: #009de3; +} +.chart-more-font.native .b-font:before, +.chart-more-font.disabled .b-font:before { + content: "\e60d"; + color: #808080; +} +.chart-bubble-font .b-font:before { + content: "\e62a"; + color: #808080; +} +.chart-bubble-font:hover .b-font:before, +.chart-bubble-font:focus .b-font:before, +.chart-bubble-font.hover .b-font:before { + content: "\e62a"; + color: #808080; +} +.chart-bubble-font:active .b-font:before, +.chart-bubble-font.active .b-font:before { + content: "\e62a"; + color: #009de3; +} +.chart-bubble-font.native .b-font:before, +.chart-bubble-font.disabled .b-font:before { + content: "\e62a"; + color: #808080; +} +.chart-scatter-font .b-font:before { + content: "\e61d"; + color: #808080; +} +.chart-scatter-font:hover .b-font:before, +.chart-scatter-font:focus .b-font:before, +.chart-scatter-font.hover .b-font:before { + content: "\e61d"; + color: #808080; +} +.chart-scatter-font:active .b-font:before, +.chart-scatter-font.active .b-font:before { + content: "\e61d"; + color: #009de3; +} +.chart-scatter-font.native .b-font:before, +.chart-scatter-font.disabled .b-font:before { + content: "\e61d"; + color: #808080; +} +.chart-radar-font .b-font:before { + content: "\e614"; + color: #808080; +} +.chart-radar-font:hover .b-font:before, +.chart-radar-font:focus .b-font:before, +.chart-radar-font.hover .b-font:before { + content: "\e614"; + color: #808080; +} +.chart-radar-font:active .b-font:before, +.chart-radar-font.active .b-font:before { + content: "\e614"; + color: #009de3; +} +.chart-radar-font.native .b-font:before, +.chart-radar-font.disabled .b-font:before { + content: "\e614"; + color: #808080; +} +.chart-content-font .b-font:before { + content: "\e621"; + color: #808080; +} +.chart-content-font:hover .b-font:before, +.chart-content-font:focus .b-font:before, +.chart-content-font.hover .b-font:before { + content: "\e621"; + color: #808080; +} +.chart-content-font:active .b-font:before, +.chart-content-font.active .b-font:before { + content: "\e621"; + color: #009de3; +} +.chart-content-font.native .b-font:before, +.chart-content-font.disabled .b-font:before { + content: "\e621"; + color: #808080; +} +.chart-image-font .b-font:before { + content: "\e68d"; + color: #808080; +} +.chart-image-font:hover .b-font:before, +.chart-image-font:focus .b-font:before, +.chart-image-font.hover .b-font:before { + content: "\e68d"; + color: #808080; +} +.chart-image-font:active .b-font:before, +.chart-image-font.active .b-font:before { + content: "\e68d"; + color: #009de3; +} +.chart-image-font.native .b-font:before, +.chart-image-font.disabled .b-font:before { + content: "\e68d"; + color: #808080; +} +.chart-web-font .b-font:before { + content: "\e68c"; + color: #808080; +} +.chart-web-font:hover .b-font:before, +.chart-web-font:focus .b-font:before, +.chart-web-font.hover .b-font:before { + content: "\e68c"; + color: #808080; +} +.chart-web-font:active .b-font:before, +.chart-web-font.active .b-font:before { + content: "\e68c"; + color: #009de3; +} +.chart-web-font.native .b-font:before, +.chart-web-font.disabled .b-font:before { + content: "\e68c"; + color: #808080; +} +.chart-string-font .b-font:before { + content: "\e622"; + color: #808080; +} +.chart-string-font:hover .b-font:before, +.chart-string-font:focus .b-font:before, +.chart-string-font.hover .b-font:before { + content: "\e622"; + color: #808080; +} +.chart-string-font:active .b-font:before, +.chart-string-font.active .b-font:before { + content: "\e622"; + color: #009de3; +} +.chart-string-font.native .b-font:before, +.chart-string-font.disabled .b-font:before { + content: "\e622"; + color: #808080; +} +.chart-number-font .b-font:before { + content: "\e61f"; + color: #808080; +} +.chart-number-font:hover .b-font:before, +.chart-number-font:focus .b-font:before, +.chart-number-font.hover .b-font:before { + content: "\e61f"; + color: #808080; +} +.chart-number-font:active .b-font:before, +.chart-number-font.active .b-font:before { + content: "\e61f"; + color: #009de3; +} +.chart-number-font.native .b-font:before, +.chart-number-font.disabled .b-font:before { + content: "\e61f"; + color: #808080; +} +.chart-tree-font .b-font:before { + content: "\e61e"; + color: #808080; +} +.chart-tree-font:hover .b-font:before, +.chart-tree-font:focus .b-font:before, +.chart-tree-font.hover .b-font:before { + content: "\e61e"; + color: #808080; +} +.chart-tree-font:active .b-font:before, +.chart-tree-font.active .b-font:before { + content: "\e61e"; + color: #009de3; +} +.chart-tree-font.native .b-font:before, +.chart-tree-font.disabled .b-font:before { + content: "\e61e"; + color: #808080; +} +.chart-date-font .b-font:before { + content: "\e61b"; + color: #808080; +} +.chart-date-font:hover .b-font:before, +.chart-date-font:focus .b-font:before, +.chart-date-font.hover .b-font:before { + content: "\e61b"; + color: #808080; +} +.chart-date-font:active .b-font:before, +.chart-date-font.active .b-font:before { + content: "\e61b"; + color: #009de3; +} +.chart-date-font.native .b-font:before, +.chart-date-font.disabled .b-font:before { + content: "\e61b"; + color: #808080; +} +.chart-year-font .b-font:before { + content: "\e628"; + color: #808080; +} +.chart-year-font:hover .b-font:before, +.chart-year-font:focus .b-font:before, +.chart-year-font.hover .b-font:before { + content: "\e628"; + color: #808080; +} +.chart-year-font:active .b-font:before, +.chart-year-font.active .b-font:before { + content: "\e628"; + color: #009de3; +} +.chart-year-font.native .b-font:before, +.chart-year-font.disabled .b-font:before { + content: "\e628"; + color: #808080; +} +.chart-month-font .b-font:before { + content: "\e627"; + color: #808080; +} +.chart-month-font:hover .b-font:before, +.chart-month-font:focus .b-font:before, +.chart-month-font.hover .b-font:before { + content: "\e627"; + color: #808080; +} +.chart-month-font:active .b-font:before, +.chart-month-font.active .b-font:before { + content: "\e627"; + color: #009de3; +} +.chart-month-font.native .b-font:before, +.chart-month-font.disabled .b-font:before { + content: "\e627"; + color: #808080; +} +.chart-quarter-font .b-font:before { + content: "\e629"; + color: #808080; +} +.chart-quarter-font:hover .b-font:before, +.chart-quarter-font:focus .b-font:before, +.chart-quarter-font.hover .b-font:before { + content: "\e629"; + color: #808080; +} +.chart-quarter-font:active .b-font:before, +.chart-quarter-font.active .b-font:before { + content: "\e629"; + color: #009de3; +} +.chart-quarter-font.native .b-font:before, +.chart-quarter-font.disabled .b-font:before { + content: "\e629"; + color: #808080; +} +.chart-ymd-font .b-font:before { + content: "\e61c"; + color: #808080; +} +.chart-ymd-font:hover .b-font:before, +.chart-ymd-font:focus .b-font:before, +.chart-ymd-font.hover .b-font:before { + content: "\e61c"; + color: #808080; +} +.chart-ymd-font:active .b-font:before, +.chart-ymd-font.active .b-font:before { + content: "\e61c"; + color: #009de3; +} +.chart-ymd-font.native .b-font:before, +.chart-ymd-font.disabled .b-font:before { + content: "\e61c"; + color: #808080; +} +.chart-date-range-font .b-font:before { + content: "\e616"; + color: #808080; +} +.chart-date-range-font:hover .b-font:before, +.chart-date-range-font:focus .b-font:before, +.chart-date-range-font.hover .b-font:before { + content: "\e616"; + color: #808080; +} +.chart-date-range-font:active .b-font:before, +.chart-date-range-font.active .b-font:before { + content: "\e616"; + color: #009de3; +} +.chart-date-range-font.native .b-font:before, +.chart-date-range-font.disabled .b-font:before { + content: "\e616"; + color: #808080; +} +.chart-general-query-font .b-font:before { + content: "\e62b"; + color: #808080; +} +.chart-general-query-font:hover .b-font:before, +.chart-general-query-font:focus .b-font:before, +.chart-general-query-font.hover .b-font:before { + content: "\e62b"; + color: #808080; +} +.chart-general-query-font:active .b-font:before, +.chart-general-query-font.active .b-font:before { + content: "\e62b"; + color: #009de3; +} +.chart-general-query-font.native .b-font:before, +.chart-general-query-font.disabled .b-font:before { + content: "\e62b"; + color: #808080; +} +.chart-query-font .b-font:before { + content: "\e609"; + color: #808080; +} +.chart-query-font:hover .b-font:before, +.chart-query-font:focus .b-font:before, +.chart-query-font.hover .b-font:before { + content: "\e609"; + color: #808080; +} +.chart-query-font:active .b-font:before, +.chart-query-font.active .b-font:before { + content: "\e609"; + color: #009de3; +} +.chart-query-font.native .b-font:before, +.chart-query-font.disabled .b-font:before { + content: "\e609"; + color: #808080; +} +.chart-reset-font .b-font:before { + content: "\e61a"; + color: #808080; +} +.chart-reset-font:hover .b-font:before, +.chart-reset-font:focus .b-font:before, +.chart-reset-font.hover .b-font:before { + content: "\e61a"; + color: #808080; +} +.chart-reset-font:active .b-font:before, +.chart-reset-font.active .b-font:before { + content: "\e61a"; + color: #009de3; +} +.chart-reset-font.native .b-font:before, +.chart-reset-font.disabled .b-font:before { + content: "\e61a"; + color: #808080; +} +.chart-textarea-font .b-font:before { + content: "\e622"; + color: #808080; +} +.chart-textarea-font:hover .b-font:before, +.chart-textarea-font:focus .b-font:before, +.chart-textarea-font.hover .b-font:before { + content: "\e622"; + color: #808080; +} +.chart-textarea-font:active .b-font:before, +.chart-textarea-font.active .b-font:before { + content: "\e622"; + color: #009de3; +} +.chart-textarea-font.native .b-font:before, +.chart-textarea-font.disabled .b-font:before { + content: "\e622"; + color: #808080; +} +.chart-reuse-font .b-font:before { + content: "\e60b"; + color: #808080; +} +.chart-reuse-font:hover .b-font:before, +.chart-reuse-font:focus .b-font:before, +.chart-reuse-font.hover .b-font:before { + content: "\e60b"; + color: #808080; +} +.chart-reuse-font:active .b-font:before, +.chart-reuse-font.active .b-font:before { + content: "\e60b"; + color: #009de3; +} +.chart-reuse-font.native .b-font:before, +.chart-reuse-font.disabled .b-font:before { + content: "\e60b"; + color: #808080; +} +.chart-date-normal-font .b-font:before { + content: "\e61b"; + color: #808080; +} +.chart-date-normal-font.native .b-font:before, +.chart-date-normal-font.disabled .b-font:before { + content: "\e61b"; + color: #808080; +} +.less-font .b-font:before { + content: "\e633"; + color: #808080; +} +.less-font:hover .b-font:before, +.less-font:focus .b-font:before, +.less-font.hover .b-font:before { + content: "\e633"; + color: #808080; +} +.less-font:active .b-font:before, +.less-font.active .b-font:before { + content: "\e633"; + color: #009de3; +} +.less-font.native .b-font:before, +.less-font.disabled .b-font:before { + content: "\e633"; + color: #808080; +} +.less-equal-font .b-font:before { + content: "\e636"; + color: #808080; +} +.less-equal-font:hover .b-font:before, +.less-equal-font:focus .b-font:before, +.less-equal-font.hover .b-font:before { + content: "\e636"; + color: #808080; +} +.less-equal-font:active .b-font:before, +.less-equal-font.active .b-font:before { + content: "\e636"; + color: #009de3; +} +.less-equal-font.native .b-font:before, +.less-equal-font.disabled .b-font:before { + content: "\e636"; + color: #808080; +} +.check-font .b-font:before { + content: "\e611"; + color: #009de3; +} +.check-font.native .b-font:before, +.check-font.disabled .b-font:before { + content: "\e611"; + color: #009de3; +} +.move2group-add-font .b-font:before { + content: "\e649"; + color: #009de3; +} +.move2group-add-font.native .b-font:before, +.move2group-add-font.disabled .b-font:before { + content: "\e649"; + color: #009de3; +} +.select-data-field-calc-font .b-font:before { + content: "\e6a3"; + color: #1a1a1a; +} +.select-data-field-calc-font:hover .b-font:before, +.select-data-field-calc-font:focus .b-font:before, +.select-data-field-calc-font.hover .b-font:before { + content: "\e6a3"; + color: #1a1a1a; +} +.select-data-field-calc-font:active .b-font:before, +.select-data-field-calc-font.active .b-font:before { + content: "\e6a3"; + color: #ffffff; +} +.select-data-field-calc-font.native .b-font:before, +.select-data-field-calc-font.disabled .b-font:before { + content: "\e6a3"; + color: #1a1a1a; +} +.select-data-field-string-font .b-font:before { + content: "\e642"; + color: #1a1a1a; +} +.select-data-field-string-font:hover .b-font:before, +.select-data-field-string-font:focus .b-font:before, +.select-data-field-string-font.hover .b-font:before { + content: "\e642"; + color: #1a1a1a; +} +.select-data-field-string-font:active .b-font:before, +.select-data-field-string-font.active .b-font:before { + content: "\e642"; + color: #ffffff; +} +.select-data-field-string-font.native .b-font:before, +.select-data-field-string-font.disabled .b-font:before { + content: "\e642"; + color: #1a1a1a; +} +.select-data-field-number-font .b-font:before { + content: "\e641"; + color: #1a1a1a; +} +.select-data-field-number-font:hover .b-font:before, +.select-data-field-number-font:focus .b-font:before, +.select-data-field-number-font.hover .b-font:before { + content: "\e641"; + color: #1a1a1a; +} +.select-data-field-number-font:active .b-font:before, +.select-data-field-number-font.active .b-font:before { + content: "\e641"; + color: #ffffff; +} +.select-data-field-number-font.native .b-font:before, +.select-data-field-number-font.disabled .b-font:before { + content: "\e641"; + color: #1a1a1a; +} +.select-data-field-date-font .b-font:before { + content: "\e640"; + color: #1a1a1a; +} +.select-data-field-date-font:hover .b-font:before, +.select-data-field-date-font:focus .b-font:before, +.select-data-field-date-font.hover .b-font:before { + content: "\e640"; + color: #1a1a1a; +} +.select-data-field-date-font:active .b-font:before, +.select-data-field-date-font.active .b-font:before { + content: "\e640"; + color: #ffffff; +} +.select-data-field-date-font.native .b-font:before, +.select-data-field-date-font.disabled .b-font:before { + content: "\e640"; + color: #1a1a1a; +} +.select-data-field-string-group-font .b-font:before { + content: "\e642"; + color: #808080; +} +.select-data-field-string-group-font.native .b-font:before, +.select-data-field-string-group-font.disabled .b-font:before { + content: "\e642"; + color: #808080; +} +.select-data-field-number-group-font .b-font:before { + content: "\e641"; + color: #808080; +} +.select-data-field-number-group-font.native .b-font:before, +.select-data-field-number-group-font.disabled .b-font:before { + content: "\e641"; + color: #808080; +} +.select-data-field-date-group-font .b-font:before { + content: "\e640"; + color: #808080; +} +.select-data-field-date-group-font.native .b-font:before, +.select-data-field-date-group-font.disabled .b-font:before { + content: "\e640"; + color: #808080; +} +.select-data-preview-font .b-font:before { + content: "\e65f"; + color: #808080; +} +.select-data-preview-font:hover .b-font:before, +.select-data-preview-font:focus .b-font:before, +.select-data-preview-font.hover .b-font:before { + content: "\e65f"; + color: #009de3; +} +.select-data-preview-font:active .b-font:before, +.select-data-preview-font.active .b-font:before { + content: "\e65f"; + color: #009de3; +} +.select-data-preview-font.native .b-font:before, +.select-data-preview-font.disabled .b-font:before { + content: "\e65f"; + color: #808080; +} +.detail-dimension-set-font .b-font:before { + content: "\e678"; + color: #808080; +} +.detail-dimension-set-font:hover .b-font:before, +.detail-dimension-set-font:focus .b-font:before, +.detail-dimension-set-font.hover .b-font:before { + content: "\e678"; + color: #808080; +} +.detail-dimension-set-font.native .b-font:before, +.detail-dimension-set-font.disabled .b-font:before { + content: "\e678"; + color: #808080; +} +.detail-real-data-warning-font .b-font:before { + content: "\e64e"; + color: #f07d0a; +} +.detail-real-data-warning-font:hover .b-font:before, +.detail-real-data-warning-font:focus .b-font:before, +.detail-real-data-warning-font.hover .b-font:before { + content: "\e64e"; + color: #f07d0a; +} +.detail-real-data-warning-font.native .b-font:before, +.detail-real-data-warning-font.disabled .b-font:before { + content: "\e64e"; + color: #f07d0a; +} +.select-group-field-string-font .b-font:before { + content: "\e642"; + color: #009de3; +} +.select-group-field-string-font:hover .b-font:before, +.select-group-field-string-font:focus .b-font:before, +.select-group-field-string-font.hover .b-font:before { + content: "\e642"; + color: #009de3; +} +.select-group-field-string-font:active .b-font:before, +.select-group-field-string-font.active .b-font:before { + content: "\e642"; + color: #009de3; +} +.select-group-field-string-font.native .b-font:before, +.select-group-field-string-font.disabled .b-font:before { + content: "\e642"; + color: #009de3; +} +.select-group-field-number-font .b-font:before { + content: "\e641"; + color: #009de3; +} +.select-group-field-number-font:hover .b-font:before, +.select-group-field-number-font:focus .b-font:before, +.select-group-field-number-font.hover .b-font:before { + content: "\e641"; + color: #009de3; +} +.select-group-field-number-font:active .b-font:before, +.select-group-field-number-font.active .b-font:before { + content: "\e641"; + color: #009de3; +} +.select-group-field-number-font.native .b-font:before, +.select-group-field-number-font.disabled .b-font:before { + content: "\e641"; + color: #009de3; +} +.select-group-field-date-font .b-font:before { + content: "\e640"; + color: #009de3; +} +.select-group-field-date-font:hover .b-font:before, +.select-group-field-date-font:focus .b-font:before, +.select-group-field-date-font.hover .b-font:before { + content: "\e640"; + color: #009de3; +} +.select-group-field-date-font:active .b-font:before, +.select-group-field-date-font.active .b-font:before { + content: "\e640"; + color: #009de3; +} +.select-group-field-date-font.native .b-font:before, +.select-group-field-date-font.disabled .b-font:before { + content: "\e640"; + color: #009de3; +} +.dashboard-widget-combo-detail-set-font .b-font:before { + content: "\e634"; + color: #808080; +} +.dashboard-widget-combo-detail-set-font:hover .b-font:before, +.dashboard-widget-combo-detail-set-font:focus .b-font:before, +.dashboard-widget-combo-detail-set-font.hover .b-font:before { + content: "\e634"; + color: #808080; +} +.dashboard-widget-combo-detail-set-font.native .b-font:before, +.dashboard-widget-combo-detail-set-font.disabled .b-font:before { + content: "\e634"; + color: #808080; +} +.group-add-font .b-font:before { + content: "\e649"; + color: #808080; +} +.group-add-font.native .b-font:before, +.group-add-font.disabled .b-font:before { + content: "\e649"; + color: #808080; +} +.sortable-font .b-font:before { + content: "\e63b"; + color: #808080; +} +.sortable-font.native .b-font:before, +.sortable-font.disabled .b-font:before { + content: "\e63b"; + color: #808080; +} +.text-bold-font .b-font:before { + content: "\e64d"; + color: #1a1a1a; +} +.text-bold-font.native .b-font:before, +.text-bold-font.disabled .b-font:before { + content: "\e64d"; + color: #1a1a1a; +} +.text-italic-font .b-font:before { + content: "\e656"; + color: #1a1a1a; +} +.text-italic-font.native .b-font:before, +.text-italic-font.disabled .b-font:before { + content: "\e656"; + color: #1a1a1a; +} +.text-underline-font .b-font:before { + content: "\e650"; + color: #1a1a1a; +} +.text-underline-font.native .b-font:before, +.text-underline-font.disabled .b-font:before { + content: "\e650"; + color: #1a1a1a; +} +.text-color-font .b-font:before { + content: "\e69c"; + color: #1a1a1a; +} +.text-color-font.native .b-font:before, +.text-color-font.disabled .b-font:before { + content: "\e69c"; + color: #1a1a1a; +} +.text-background-font .b-font:before { + content: "\e696"; + color: #1a1a1a; +} +.text-background-font.native .b-font:before, +.text-background-font.disabled .b-font:before { + content: "\e696"; + color: #1a1a1a; +} +.text-color-underline-font .b-font:before { + content: "\e69d"; + color: ""; +} +.text-color-underline-font.native .b-font:before, +.text-color-underline-font.disabled .b-font:before { + content: "\e69d"; + color: ""; +} +.text-align-left-font .b-font:before { + content: "\e654"; + color: #1a1a1a; +} +.text-align-left-font.native .b-font:before, +.text-align-left-font.disabled .b-font:before { + content: "\e654"; + color: #1a1a1a; +} +.text-align-center-font .b-font:before { + content: "\e64f"; + color: #1a1a1a; +} +.text-align-center-font.native .b-font:before, +.text-align-center-font.disabled .b-font:before { + content: "\e64f"; + color: #1a1a1a; +} +.text-align-right-font .b-font:before { + content: "\e651"; + color: #1a1a1a; +} +.text-align-right-font.native .b-font:before, +.text-align-right-font.disabled .b-font:before { + content: "\e651"; + color: #1a1a1a; +} +.img-upload-font .b-font:before { + content: "\e6ba"; + color: #009de3; +} +.img-upload-font.native .b-font:before, +.img-upload-font.disabled .b-font:before { + content: "\e6ba"; + color: #009de3; +} +.img-size-font .b-font:before { + content: "\e68b"; + color: #009de3; +} +.img-size-font.native .b-font:before, +.img-size-font.disabled .b-font:before { + content: "\e68b"; + color: #009de3; +} +.img-href-font .b-font:before { + content: "\e688"; + color: #009de3; +} +.img-href-font.native .b-font:before, +.img-href-font.disabled .b-font:before { + content: "\e688"; + color: #009de3; +} +.img-shutdown-font .b-font:before { + content: "\e689"; + color: #009de3; +} +.img-shutdown-font.native .b-font:before, +.img-shutdown-font.disabled .b-font:before { + content: "\e689"; + color: #009de3; +} +.move-font .b-font:before { + content: "\e65e"; + color: #808080; +} +.move-font.native .b-font:before, +.move-font.disabled .b-font:before { + content: "\e65e"; + color: #808080; +} +.share-font .b-font:before { + content: "\e65a"; + color: #808080; +} +.share-font.native .b-font:before, +.share-font.disabled .b-font:before { + content: "\e65a"; + color: #808080; +} +.new-file-font .b-font:before { + content: "\e65d"; + color: #808080; +} +.new-file-font.native .b-font:before, +.new-file-font.disabled .b-font:before { + content: "\e65d"; + color: #808080; +} +.file-font .b-font:before { + content: "\e65b"; + color: #fcc550; +} +.file-font.native .b-font:before, +.file-font.disabled .b-font:before { + content: "\e65b"; + color: #fcc550; +} +.folder-font .b-font:before { + content: "\e65c"; + color: #009de3; +} +.folder-font.native .b-font:before, +.folder-font.disabled .b-font:before { + content: "\e65c"; + color: #009de3; +} +.letter-font .b-font:before { + content: "\e659"; + color: #808080; +} +.letter-font:hover .b-font:before, +.letter-font:focus .b-font:before, +.letter-font.hover .b-font:before { + content: "\e659"; + color: #808080; +} +.letter-font:active .b-font:before, +.letter-font.active .b-font:before { + content: "\e659"; + color: #009de3; +} +.letter-font.native .b-font:before, +.letter-font.disabled .b-font:before { + content: "\e659"; + color: #808080; +} +.time-font .b-font:before { + content: "\e658"; + color: #808080; +} +.time-font:hover .b-font:before, +.time-font:focus .b-font:before, +.time-font.hover .b-font:before { + content: "\e658"; + color: #808080; +} +.time-font:active .b-font:before, +.time-font.active .b-font:before { + content: "\e658"; + color: #009de3; +} +.time-font.native .b-font:before, +.time-font.disabled .b-font:before { + content: "\e658"; + color: #808080; +} +.rename-font .b-font:before { + content: "\e687"; + color: #808080; +} +.rename-font.native .b-font:before, +.rename-font.disabled .b-font:before { + content: "\e687"; + color: #808080; +} +.delete-template-font .b-font:before { + content: "\e605"; + color: #808080; +} +.delete-template-font.native .b-font:before, +.delete-template-font.disabled .b-font:before { + content: "\e605"; + color: #808080; +} +.real-time-font .b-font:before { + content: "\e6af"; + color: #fcc550; +} +.real-time-font.native .b-font:before, +.real-time-font.disabled .b-font:before { + content: "\e6af"; + color: #fcc550; +} +.data-source-table-font .b-font:before { + content: "\e67b"; + color: #009de3; +} +.data-source-table-font:hover .b-font:before, +.data-source-table-font:focus .b-font:before, +.data-source-table-font.hover .b-font:before { + content: "\e67b"; + color: #009de3; +} +.data-source-table-font:active .b-font:before, +.data-source-table-font.active .b-font:before { + content: "\e67b"; + color: #ffffff; +} +.data-source-table-font.native .b-font:before, +.data-source-table-font.disabled .b-font:before { + content: "\e67b"; + color: #009de3; +} +.etl-table-font .b-font:before { + content: "\e680"; + color: #009de3; +} +.etl-table-font:hover .b-font:before, +.etl-table-font:focus .b-font:before, +.etl-table-font.hover .b-font:before { + content: "\e680"; + color: #009de3; +} +.etl-table-font:active .b-font:before, +.etl-table-font.active .b-font:before { + content: "\e680"; + color: #ffffff; +} +.etl-table-font.native .b-font:before, +.etl-table-font.disabled .b-font:before { + content: "\e680"; + color: #009de3; +} +.excel-table-font .b-font:before { + content: "\e682"; + color: #009de3; +} +.excel-table-font:hover .b-font:before, +.excel-table-font:focus .b-font:before, +.excel-table-font.hover .b-font:before { + content: "\e682"; + color: #009de3; +} +.excel-table-font:active .b-font:before, +.excel-table-font.active .b-font:before { + content: "\e682"; + color: #ffffff; +} +.excel-table-font.native .b-font:before, +.excel-table-font.disabled .b-font:before { + content: "\e682"; + color: #009de3; +} +.sql-table-font .b-font:before { + content: "\e681"; + color: #009de3; +} +.sql-table-font:hover .b-font:before, +.sql-table-font:focus .b-font:before, +.sql-table-font.hover .b-font:before { + content: "\e681"; + color: #009de3; +} +.sql-table-font:active .b-font:before, +.sql-table-font.active .b-font:before { + content: "\e681"; + color: #ffffff; +} +.sql-table-font.native .b-font:before, +.sql-table-font.disabled .b-font:before { + content: "\e681"; + color: #009de3; +} +.refresh-table-font .b-font:before { + content: "\e683"; + color: #808080; +} +.refresh-table-font.native .b-font:before, +.refresh-table-font.disabled .b-font:before { + content: "\e683"; + color: #808080; +} +.recover-chart-font-hightlight .b-font:before { + content: "\e6b4"; + color: #009de3; +} +.recover-chart-font-hightlight.native .b-font:before, +.recover-chart-font-hightlight.disabled .b-font:before { + content: "\e6b4"; + color: #009de3; +} +.tables-tile-view-font .b-font:before { + content: "\e685"; + color: #808080; +} +.tables-tile-view-font:hover .b-font:before, +.tables-tile-view-font:focus .b-font:before, +.tables-tile-view-font.hover .b-font:before { + content: "\e685"; + color: #808080; +} +.tables-tile-view-font:active .b-font:before, +.tables-tile-view-font.active .b-font:before { + content: "\e685"; + color: #ffffff; +} +.tables-tile-view-font.native .b-font:before, +.tables-tile-view-font.disabled .b-font:before { + content: "\e685"; + color: #808080; +} +.tables-relation-view-font .b-font:before { + content: "\e684"; + color: #808080; +} +.tables-relation-view-font:hover .b-font:before, +.tables-relation-view-font:focus .b-font:before, +.tables-relation-view-font.hover .b-font:before { + content: "\e684"; + color: #808080; +} +.tables-relation-view-font:active .b-font:before, +.tables-relation-view-font.active .b-font:before { + content: "\e684"; + color: #ffffff; +} +.tables-relation-view-font.native .b-font:before, +.tables-relation-view-font.disabled .b-font:before { + content: "\e684"; + color: #808080; +} +.add-new-table-pull-down-font .b-font:before { + content: "\e62d"; + color: #ffffff; +} +.add-new-table-pull-down-font.native .b-font:before, +.add-new-table-pull-down-font.disabled .b-font:before { + content: "\e62d"; + color: #ffffff; +} +.data-link-check-font .b-font:before { + content: "\e611"; + color: #ffffff; +} +.data-link-check-font:hover .b-font:before, +.data-link-check-font:focus .b-font:before, +.data-link-check-font.hover .b-font:before { + content: "\e611"; + color: #f4f4f4; +} +.data-link-check-font:active .b-font:before, +.data-link-check-font.active .b-font:before { + content: "\e611"; + color: #009de3; +} +.data-link-check-font.native .b-font:before, +.data-link-check-font.disabled .b-font:before { + content: "\e611"; + color: #ffffff; +} +.edit-set-font .b-font:before { + content: "\e634"; + color: #808080; +} +.edit-set-font:hover .b-font:before, +.edit-set-font:focus .b-font:before, +.edit-set-font.hover .b-font:before { + content: "\e634"; + color: #808080; +} +.edit-set-font.native .b-font:before, +.edit-set-font.disabled .b-font:before { + content: "\e634"; + color: #808080; +} +.new-analysis-font .b-font:before { + content: "\e692"; + color: #ffffff; +} +.new-analysis-font:hover .b-font:before, +.new-analysis-font:focus .b-font:before, +.new-analysis-font.hover .b-font:before { + content: "\e692"; + color: #ffffff; +} +.new-analysis-font.native .b-font:before, +.new-analysis-font.disabled .b-font:before { + content: "\e692"; + color: #ffffff; +} +.data-config-font .b-font:before { + content: "\e693"; + color: #ffffff; +} +.data-config-font:hover .b-font:before, +.data-config-font:focus .b-font:before, +.data-config-font.hover .b-font:before { + content: "\e693"; + color: #ffffff; +} +.data-config-font.native .b-font:before, +.data-config-font.disabled .b-font:before { + content: "\e693"; + color: #ffffff; +} +.folder-list-view .b-font:before { + content: "\e694"; + color: #808080; +} +.folder-list-view:hover .b-font:before, +.folder-list-view:focus .b-font:before, +.folder-list-view.hover .b-font:before { + content: "\e694"; + color: #808080; +} +.folder-list-view:active .b-font:before, +.folder-list-view.active .b-font:before { + content: "\e694"; + color: #ffffff; +} +.folder-list-view.native .b-font:before, +.folder-list-view.disabled .b-font:before { + content: "\e694"; + color: #808080; +} +.folder-card-view .b-font:before { + content: "\e685"; + color: #808080; +} +.folder-card-view:hover .b-font:before, +.folder-card-view:focus .b-font:before, +.folder-card-view.hover .b-font:before { + content: "\e685"; + color: #808080; +} +.folder-card-view:active .b-font:before, +.folder-card-view.active .b-font:before { + content: "\e685"; + color: #ffffff; +} +.folder-card-view.native .b-font:before, +.folder-card-view.disabled .b-font:before { + content: "\e685"; + color: #808080; +} +.item-check-font .b-font:before { + content: "\e611"; + color: #ffffff; +} +.item-check-font:hover .b-font:before, +.item-check-font:focus .b-font:before, +.item-check-font.hover .b-font:before { + content: "\e611"; + color: #f4f4f4; +} +.item-check-font:active .b-font:before, +.item-check-font.active .b-font:before { + content: "\e611"; + color: #009de3; +} +.item-check-font.native .b-font:before, +.item-check-font.disabled .b-font:before { + content: "\e611"; + color: #ffffff; +} +.table-no-sort-no-filter-font .b-font:before { + content: "\e66a"; + color: ""; +} +.table-no-sort-no-filter-font:hover .b-font:before, +.table-no-sort-no-filter-font:focus .b-font:before, +.table-no-sort-no-filter-font.hover .b-font:before { + content: "\e66a"; + color: ""; +} +.table-no-sort-no-filter-font.native .b-font:before, +.table-no-sort-no-filter-font.disabled .b-font:before { + content: "\e66a"; + color: ""; +} +.table-no-sort-filter-font .b-font:before { + content: "\e66b"; + color: ""; +} +.table-no-sort-filter-font:hover .b-font:before, +.table-no-sort-filter-font:focus .b-font:before, +.table-no-sort-filter-font.hover .b-font:before { + content: "\e66b"; + color: ""; +} +.table-no-sort-filter-font.native .b-font:before, +.table-no-sort-filter-font.disabled .b-font:before { + content: "\e66b"; + color: ""; +} +.table-descending-filter-font .b-font:before { + content: "\e667"; + color: ""; +} +.table-descending-filter-font:hover .b-font:before, +.table-descending-filter-font:focus .b-font:before, +.table-descending-filter-font.hover .b-font:before { + content: "\e667"; + color: ""; +} +.table-descending-filter-font.native .b-font:before, +.table-descending-filter-font.disabled .b-font:before { + content: "\e667"; + color: ""; +} +.table-ascending-filter-font .b-font:before { + content: "\e669"; + color: ""; +} +.table-ascending-filter-font:hover .b-font:before, +.table-ascending-filter-font:focus .b-font:before, +.table-ascending-filter-font.hover .b-font:before { + content: "\e669"; + color: ""; +} +.table-ascending-filter-font.native .b-font:before, +.table-ascending-filter-font.disabled .b-font:before { + content: "\e669"; + color: ""; +} +.table-descending-no-filter-font .b-font:before { + content: "\e666"; + color: ""; +} +.table-descending-no-filter-font:hover .b-font:before, +.table-descending-no-filter-font:focus .b-font:before, +.table-descending-no-filter-font.hover .b-font:before { + content: "\e666"; + color: ""; +} +.table-descending-no-filter-font.native .b-font:before, +.table-descending-no-filter-font.disabled .b-font:before { + content: "\e666"; + color: ""; +} +.table-ascending-no-filter-font .b-font:before { + content: "\e668"; + color: ""; +} +.table-ascending-no-filter-font:hover .b-font:before, +.table-ascending-no-filter-font:focus .b-font:before, +.table-ascending-no-filter-font.hover .b-font:before { + content: "\e668"; + color: ""; +} +.table-ascending-no-filter-font.native .b-font:before, +.table-ascending-no-filter-font.disabled .b-font:before { + content: "\e668"; + color: ""; +} +.table-no-sort-font .b-font:before { + content: "\e66c"; + color: ""; +} +.table-no-sort-font:hover .b-font:before, +.table-no-sort-font:focus .b-font:before, +.table-no-sort-font.hover .b-font:before { + content: "\e66c"; + color: ""; +} +.table-no-sort-font.native .b-font:before, +.table-no-sort-font.disabled .b-font:before { + content: "\e66c"; + color: ""; +} +.primary-key-font .b-font:before { + content: "\e67d;"; + color: #808080; +} +.primary-key-font:hover .b-font:before, +.primary-key-font:focus .b-font:before, +.primary-key-font.hover .b-font:before { + content: "\e67d;"; + color: #808080; +} +.primary-key-font.native .b-font:before, +.primary-key-font.disabled .b-font:before { + content: "\e67d;"; + color: #808080; +} +.table-open-row-style-font .b-font:before { + content: "\e671"; + color: #808080; +} +.table-open-row-style-font:hover .b-font:before, +.table-open-row-style-font:focus .b-font:before, +.table-open-row-style-font.hover .b-font:before { + content: "\e671"; + color: #808080; +} +.table-open-row-style-font:active .b-font:before, +.table-open-row-style-font.active .b-font:before { + content: "\e671"; + color: #009de3; +} +.table-open-row-style-font.native .b-font:before, +.table-open-row-style-font.disabled .b-font:before { + content: "\e671"; + color: #808080; +} +.table-open-col-style-font .b-font:before { + content: "\e672"; + color: #808080; +} +.table-open-col-style-font:hover .b-font:before, +.table-open-col-style-font:focus .b-font:before, +.table-open-col-style-font.hover .b-font:before { + content: "\e672"; + color: #808080; +} +.table-open-col-style-font:active .b-font:before, +.table-open-col-style-font.active .b-font:before { + content: "\e672"; + color: #009de3; +} +.table-open-col-style-font.native .b-font:before, +.table-open-col-style-font.disabled .b-font:before { + content: "\e672"; + color: #808080; +} +.calculate-function-font .b-font:before { + content: "\e6a3"; + color: #1a1a1a; +} +.calculate-function-font.native .b-font:before, +.calculate-function-font.disabled .b-font:before { + content: "\e6a3"; + color: #1a1a1a; +} +.path-set-doubt .b-font:before { + content: "\e69a"; + color: #009de3; +} +.path-set-doubt.native .b-font:before, +.path-set-doubt.disabled .b-font:before { + content: "\e69a"; + color: #009de3; +} +.rename-report-font .b-font:before { + content: "\e687"; + color: #009de3; +} +.rename-report-font.native .b-font:before, +.rename-report-font.disabled .b-font:before { + content: "\e687"; + color: #009de3; +} +.remove-report-font .b-font:before { + content: "\e605"; + color: #e85050; +} +.remove-report-font.native .b-font:before, +.remove-report-font.disabled .b-font:before { + content: "\e605"; + color: #e85050; +} +.excel-upload-tip-font .b-font:before { + content: "\e69e"; + color: #009de3; +} +.excel-upload-tip-font.native .b-font:before, +.excel-upload-tip-font.disabled .b-font:before { + content: "\e69e"; + color: #009de3; +} +.excel-field-type-string-font .b-font:before { + content: "\e622"; + color: #009de3; +} +.excel-field-type-string-font.native .b-font:before, +.excel-field-type-string-font.disabled .b-font:before { + content: "\e622"; + color: #009de3; +} +.excel-field-type-number-font .b-font:before { + content: "\e61f"; + color: #009de3; +} +.excel-field-type-number-font.native .b-font:before, +.excel-field-type-number-font.disabled .b-font:before { + content: "\e61f"; + color: #009de3; +} +.excel-field-type-date-font .b-font:before { + content: "\e61b"; + color: #009de3; +} +.excel-field-type-date-font.native .b-font:before, +.excel-field-type-date-font.disabled .b-font:before { + content: "\e61b"; + color: #009de3; +} +.excel-field-type-pull-down-font .b-font:before { + content: "\e608"; + color: #009de3; +} +.excel-field-type-pull-down-font.native .b-font:before, +.excel-field-type-pull-down-font.disabled .b-font:before { + content: "\e608"; + color: #009de3; +} +.data-link-set-font .b-font:before { + content: "\e678"; + color: #009de3; +} +.data-link-set-font.native .b-font:before, +.data-link-set-font.disabled .b-font:before { + content: "\e678"; + color: #009de3; +} +.data-link-test-font .b-font:before { + content: "\e686"; + color: #009de3; +} +.data-link-test-font.native .b-font:before, +.data-link-test-font.disabled .b-font:before { + content: "\e686"; + color: #009de3; +} +.data-link-copy-font .b-font:before { + content: "\e610"; + color: #58cc7d; +} +.data-link-copy-font.native .b-font:before, +.data-link-copy-font.disabled .b-font:before { + content: "\e610"; + color: #58cc7d; +} +.data-link-remove-font .b-font:before { + content: "\e600"; + color: #e85050; +} +.data-link-remove-font.native .b-font:before, +.data-link-remove-font.disabled .b-font:before { + content: "\e600"; + color: #e85050; +} +.cube-path-confirm-font .b-font:before { + content: "\e64e"; + color: #fbb03b; +} +.cube-path-confirm-font.native .b-font:before, +.cube-path-confirm-font.disabled .b-font:before { + content: "\e64e"; + color: #fbb03b; +} +.target-style-less-dot-font .b-font:before { + content: "\e6a2"; + color: #e85050; +} +.target-style-less-dot-font.native .b-font:before, +.target-style-less-dot-font.disabled .b-font:before { + content: "\e6a2"; + color: #e85050; +} +.target-style-equal-dot-font .b-font:before { + content: "\e6a2"; + color: #f9a744; +} +.target-style-equal-dot-font.native .b-font:before, +.target-style-equal-dot-font.disabled .b-font:before { + content: "\e6a2"; + color: #f9a744; +} +.target-style-more-dot-font .b-font:before { + content: "\e6a2"; + color: #58cc7d; +} +.target-style-more-dot-font.native .b-font:before, +.target-style-more-dot-font.disabled .b-font:before { + content: "\e6a2"; + color: #58cc7d; +} +.target-style-less-arrow-font .b-font:before { + content: "\e6a1"; + color: #e85050; +} +.target-style-less-arrow-font.native .b-font:before, +.target-style-less-arrow-font.disabled .b-font:before { + content: "\e6a1"; + color: #e85050; +} +.target-style-equal-arrow-font .b-font:before { + content: "\e69f"; + color: #f9a744; +} +.target-style-equal-arrow-font.native .b-font:before, +.target-style-equal-arrow-font.disabled .b-font:before { + content: "\e69f"; + color: #f9a744; +} +.target-style-more-arrow-font .b-font:before { + content: "\e6a0"; + color: #58cc7d; +} +.target-style-more-arrow-font.native .b-font:before, +.target-style-more-arrow-font.disabled .b-font:before { + content: "\e6a0"; + color: #58cc7d; +} +.calculate-target-font .b-font:before { + content: "\e6a3"; + color: #1a1a1a; +} +.calculate-target-font.native .b-font:before, +.calculate-target-font.disabled .b-font:before { + content: "\e6a3"; + color: #1a1a1a; +} +.task-list-font .b-font:before { + content: "\e694"; + color: #009de3; +} +.task-list-font.native .b-font:before, +.task-list-font.disabled .b-font:before { + content: "\e694"; + color: #009de3; +} +.widget-combo-detail-font .b-font:before { + content: "\e697"; + color: #009de3; +} +.widget-combo-detail-font.native .b-font:before, +.widget-combo-detail-font.disabled .b-font:before { + content: "\e697"; + color: #009de3; +} +.widget-combo-pull-down-font .b-font:before { + content: "\e6ab"; + color: #009de3; +} +.widget-combo-pull-down-font.native .b-font:before, +.widget-combo-pull-down-font.disabled .b-font:before { + content: "\e6ab"; + color: #009de3; +} +.widget-tools-filter-font .b-font:before { + content: "\e60f"; + color: #009de3; +} +.widget-tools-filter-font.native .b-font:before, +.widget-tools-filter-font.disabled .b-font:before { + content: "\e60f"; + color: #009de3; +} +.widget-tools-clear-font .b-font:before { + content: "\e63d"; + color: #009de3; +} +.widget-tools-clear-font.native .b-font:before, +.widget-tools-clear-font.disabled .b-font:before { + content: "\e63d"; + color: #009de3; +} +.widget-tools-export-excel-font .b-font:before { + content: "\e635"; + color: #009de3; +} +.widget-tools-export-excel-font.native .b-font:before, +.widget-tools-export-excel-font.disabled .b-font:before { + content: "\e635"; + color: #009de3; +} +.widget-combo-expand-font .b-font:before { + content: "\e697"; + color: #808080; +} +.widget-combo-expand-font.native .b-font:before, +.widget-combo-expand-font.disabled .b-font:before { + content: "\e697"; + color: #808080; +} +.widget-combo-linkage-font .b-font:before { + content: "\e63c"; + color: #808080; +} +.widget-combo-linkage-font.native .b-font:before, +.widget-combo-linkage-font.disabled .b-font:before { + content: "\e63c"; + color: #808080; +} +.widget-combo-rename-edit-font .b-font:before { + content: "\e670"; + color: #808080; +} +.widget-combo-rename-edit-font.native .b-font:before, +.widget-combo-rename-edit-font.disabled .b-font:before { + content: "\e670"; + color: #808080; +} +.widget-combo-show-title-font .b-font:before { + content: "\e64c"; + color: #808080; +} +.widget-combo-show-title-font.native .b-font:before, +.widget-combo-show-title-font.disabled .b-font:before { + content: "\e64c"; + color: #808080; +} +.widget-combo-title-left-font .b-font:before { + content: "\e654"; + color: #808080; +} +.widget-combo-title-left-font.native .b-font:before, +.widget-combo-title-left-font.disabled .b-font:before { + content: "\e654"; + color: #808080; +} +.widget-combo-title-center-font .b-font:before { + content: "\e64f"; + color: #808080; +} +.widget-combo-title-center-font.native .b-font:before, +.widget-combo-title-center-font.disabled .b-font:before { + content: "\e64f"; + color: #808080; +} +.widget-combo-show-filter-font .b-font:before { + content: "\e60f"; + color: #808080; +} +.widget-combo-show-filter-font.native .b-font:before, +.widget-combo-show-filter-font.disabled .b-font:before { + content: "\e60f"; + color: #808080; +} +.widget-combo-export-excel-font .b-font:before { + content: "\e635"; + color: #808080; +} +.widget-combo-export-excel-font.native .b-font:before, +.widget-combo-export-excel-font.disabled .b-font:before { + content: "\e635"; + color: #808080; +} +.widget-combo-copy .b-font:before { + content: "\e610"; + color: #808080; +} +.widget-combo-copy.native .b-font:before, +.widget-combo-copy.disabled .b-font:before { + content: "\e610"; + color: #808080; +} +.widget-combo-delete .b-font:before { + content: "\e605"; + color: #808080; +} +.widget-combo-delete.native .b-font:before, +.widget-combo-delete.disabled .b-font:before { + content: "\e605"; + color: #808080; +} +.widget-combo-asc-font .b-font:before { + content: "\e63f"; + color: #808080; +} +.widget-combo-asc-font.native .b-font:before, +.widget-combo-asc-font.disabled .b-font:before { + content: "\e63f"; + color: #808080; +} +.widget-combo-des-font .b-font:before { + content: "\e63a"; + color: #808080; +} +.widget-combo-des-font.native .b-font:before, +.widget-combo-des-font.disabled .b-font:before { + content: "\e63a"; + color: #808080; +} +.widget-combo-clear-font .b-font:before { + content: "\e63d"; + color: #808080; +} +.widget-combo-clear-font.native .b-font:before, +.widget-combo-clear-font.disabled .b-font:before { + content: "\e63d"; + color: #808080; +} +.detail-table-popup-font .b-font:before { + content: "\e6ac"; + color: #808080; +} +.detail-table-popup-font:hover .b-font:before, +.detail-table-popup-font:focus .b-font:before, +.detail-table-popup-font.hover .b-font:before { + content: "\e6ac"; + color: #009de3; +} +.detail-table-popup-font.native .b-font:before, +.detail-table-popup-font.disabled .b-font:before { + content: "\e6ac"; + color: #808080; +} +.chart-drill-up .b-font:before { + content: "\e6ad"; + color: ""; +} +.chart-drill-up.native .b-font:before, +.chart-drill-up.disabled .b-font:before { + content: "\e6ad"; + color: ""; +} +.chart-drill-down .b-font:before { + content: "\e608"; + color: ""; +} +.chart-drill-down.native .b-font:before, +.chart-drill-down.disabled .b-font:before { + content: "\e608"; + color: ""; +} +.report-filter-open-font .b-font:before { + content: "\e648"; + color: #808080; +} +.report-filter-open-font.native .b-font:before, +.report-filter-open-font.disabled .b-font:before { + content: "\e648"; + color: #808080; +} +.report-filter-close-font .b-font:before { + content: "\e645"; + color: #808080; +} +.report-filter-close-font.native .b-font:before, +.report-filter-close-font.disabled .b-font:before { + content: "\e645"; + color: #808080; +} +.report-apply-hangout-normal-font .b-font:before { + content: "\e66d"; + color: #808080; +} +.report-apply-hangout-normal-font.native .b-font:before, +.report-apply-hangout-normal-font.disabled .b-font:before { + content: "\e66d"; + color: #808080; +} +.report-apply-hangout-ing-font .b-font:before { + content: "\e66d"; + color: #009de3; +} +.report-apply-hangout-ing-font.native .b-font:before, +.report-apply-hangout-ing-font.disabled .b-font:before { + content: "\e66d"; + color: #009de3; +} +.report-hangout-font .b-font:before { + content: "\e64b"; + color: #58cc7d; +} +.report-hangout-font.native .b-font:before, +.report-hangout-font.disabled .b-font:before { + content: "\e64b"; + color: #58cc7d; +} +.report-cancel-hangout-font .b-font:before { + content: "\e64b"; + color: #808080; +} +.report-cancel-hangout-font.native .b-font:before, +.report-cancel-hangout-font.disabled .b-font:before { + content: "\e64b"; + color: #808080; +} +.report-hangout-ing-mark-font .b-font:before { + content: "\e64b"; + color: #009de3; +} +.report-hangout-ing-mark-font.native .b-font:before, +.report-hangout-ing-mark-font.disabled .b-font:before { + content: "\e64b"; + color: #009de3; +} +.delete-font-package .b-font:before { + content: "\e605"; + color: #e85050; +} +.delete-font-package.native .b-font:before, +.delete-font-package.disabled .b-font:before { + content: "\e605"; + color: #e85050; +} +.delete-h-font-package .b-font:before { + content: "\e605"; + color: #e85050; +} +.delete-h-font-package.native .b-font:before, +.delete-h-font-package.disabled .b-font:before { + content: "\e605"; + color: #e85050; +} +.rename-font-package .b-font:before { + content: "\e687"; + color: #009de3; +} +.rename-font-package.native .b-font:before, +.rename-font-package.disabled .b-font:before { + content: "\e687"; + color: #009de3; +} +.package-selected-font .b-font:before { + content: "\e6b3"; + color: #178cdf; +} +.package-selected-font.native .b-font:before, +.package-selected-font.disabled .b-font:before { + content: "\e6b3"; + color: #178cdf; +} +.package-not-selected-font .b-font:before { + content: "\e6b2"; + color: #178cdf; +} +.package-not-selected-font.native .b-font:before, +.package-not-selected-font.disabled .b-font:before { + content: "\e6b2"; + color: #178cdf; +} +.report-detail-info-font .b-font:before { + content: "\e66e"; + color: #f07d0a; +} +.report-detail-info-font.native .b-font:before, +.report-detail-info-font.disabled .b-font:before { + content: "\e66e"; + color: #f07d0a; +} +.report-rename-font .b-font:before { + content: "\e670"; + color: #58cc7d; +} +.report-rename-font.native .b-font:before, +.report-rename-font.disabled .b-font:before { + content: "\e670"; + color: #58cc7d; +} +.report-cancel-share-font .b-font:before { + content: "\e6b5"; + color: #009de3; +} +.report-cancel-share-font.native .b-font:before, +.report-cancel-share-font.disabled .b-font:before { + content: "\e6b5"; + color: #009de3; +} +.drill-push-up-font .b-font:before { + content: "\e630"; + color: #808080; +} +.drill-push-up-font.native .b-font:before, +.drill-push-up-font.disabled .b-font:before { + content: "\e630"; + color: #808080; +} +.drill-push-down-font .b-font:before { + content: "\e62d"; + color: #808080; +} +.drill-push-down-font.native .b-font:before, +.drill-push-down-font.disabled .b-font:before { + content: "\e62d"; + color: #808080; +} +.drag-tag-font .b-font:before { + content: "\e600"; + color: #f07d0a; +} +.drag-tag-font.native .b-font:before, +.drag-tag-font.disabled .b-font:before { + content: "\e600"; + color: #f07d0a; +} +.tree-collapse-icon-type1 .x-icon, +.tree-collapse-icon-type1:hover .x-icon, +.tree-collapse-icon-type1:active .x-icon { + display: block; + background: url('icon/tree-collapse-1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); + _background: none; +} +.tree-collapse-icon-type1.native .x-icon, +.tree-collapse-icon-type1.disabled .x-icon { + display: block; + background: url('icon/tree-collapse-1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); + _background: none; +} +.tree-collapse-icon-type2 .x-icon, +.tree-collapse-icon-type2:hover .x-icon, +.tree-collapse-icon-type2:active .x-icon { + display: block; + background: url('icon/tree-collapse-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); + _background: none; +} +.tree-collapse-icon-type2.native .x-icon, +.tree-collapse-icon-type2.disabled .x-icon { + display: block; + background: url('icon/tree-collapse-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); + _background: none; +} +.tree-collapse-icon-type3 .x-icon, +.tree-collapse-icon-type3:hover .x-icon, +.tree-collapse-icon-type3:active .x-icon { + display: block; + background: url('icon/tree-collapse-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); + _background: none; +} +.tree-collapse-icon-type3.native .x-icon, +.tree-collapse-icon-type3.disabled .x-icon { + display: block; + background: url('icon/tree-collapse-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); + _background: none; +} +.tree-collapse-icon-type4 .x-icon, +.tree-collapse-icon-type4:hover .x-icon, +.tree-collapse-icon-type4:active .x-icon { + display: block; + background: url('icon/tree-collapse-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); + _background: none; +} +.tree-collapse-icon-type4.native .x-icon, +.tree-collapse-icon-type4.disabled .x-icon { + display: block; + background: url('icon/tree-collapse-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); + _background: none; +} +.tree-expand-icon-type1 .x-icon, +.tree-expand-icon-type1:hover .x-icon, +.tree-expand-icon-type1:active .x-icon { + display: block; + background: url('icon/tree-expand-1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); + _background: none; +} +.tree-expand-icon-type1.native .x-icon, +.tree-expand-icon-type1.disabled .x-icon { + display: block; + background: url('icon/tree-expand-1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); + _background: none; +} +.tree-expand-icon-type2 .x-icon, +.tree-expand-icon-type2:hover .x-icon, +.tree-expand-icon-type2:active .x-icon { + display: block; + background: url('icon/tree-expand-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); + _background: none; +} +.tree-expand-icon-type2.native .x-icon, +.tree-expand-icon-type2.disabled .x-icon { + display: block; + background: url('icon/tree-expand-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); + _background: none; +} +.tree-expand-icon-type3 .x-icon, +.tree-expand-icon-type3:hover .x-icon, +.tree-expand-icon-type3:active .x-icon { + display: block; + background: url('icon/tree-expand-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); + _background: none; +} +.tree-expand-icon-type3.native .x-icon, +.tree-expand-icon-type3.disabled .x-icon { + display: block; + background: url('icon/tree-expand-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); + _background: none; +} +.tree-expand-icon-type4 .x-icon, +.tree-expand-icon-type4:hover .x-icon, +.tree-expand-icon-type4:active .x-icon { + display: block; + background: url('icon/tree-expand-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); + _background: none; +} +.tree-expand-icon-type4.native .x-icon, +.tree-expand-icon-type4.disabled .x-icon { + display: block; + background: url('icon/tree-expand-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); + _background: none; +} +.tree-vertical-line-type2 .x-icon, +.tree-vertical-line-type2:hover .x-icon, +.tree-vertical-line-type2:active .x-icon { + display: block; + background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); + _background: none; +} +.tree-vertical-line-type2.native .x-icon, +.tree-vertical-line-type2.disabled .x-icon { + display: block; + background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); + _background: none; +} +.tree-vertical-line-type3 .x-icon, +.tree-vertical-line-type3:hover .x-icon, +.tree-vertical-line-type3:active .x-icon { + display: block; + background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); + _background: none; +} +.tree-vertical-line-type3.native .x-icon, +.tree-vertical-line-type3.disabled .x-icon { + display: block; + background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); + _background: none; +} +.tree-vertical-line-type4 .x-icon, +.tree-vertical-line-type4:hover .x-icon, +.tree-vertical-line-type4:active .x-icon { + display: block; + background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); + _background: none; +} +.tree-vertical-line-type4.native .x-icon, +.tree-vertical-line-type4.disabled .x-icon { + display: block; + background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); + _background: none; +} +.check-box-icon .x-icon { + display: block; + background: url('icon/check-box-normal.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); + _background: none; +} +.check-box-icon:hover .x-icon, +.check-box-icon:focus .x-icon, +.check-box-icon.hover .x-icon { + display: block; + background: url('icon/check-box-normal.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); + _background: none; +} +.check-box-icon:active .x-icon, +.check-box-icon.active .x-icon { + display: block; + background: url('icon/check-box-active.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png'); + _background: none; +} +.check-box-icon.native .x-icon, +.check-box-icon.disabled .x-icon { + display: block; + background: url('icon/check-box-disable.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png'); + _background: none; +} +.check-box-icon.native .x-icon, +.check-box-icon.disabled.active .x-icon { + display: block; + background: url('icon/check-box-disable2.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png'); + _background: none; +} +.radio-icon .x-icon { + display: block; + background: url('icon/radio-normal.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); + _background: none; +} +.radio-icon:hover .x-icon, +.radio-icon:focus .x-icon, +.radio-icon.hover .x-icon { + display: block; + background: url('icon/radio-normal.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); + _background: none; +} +.radio-icon:active .x-icon, +.radio-icon.active .x-icon { + display: block; + background: url('icon/radio-active.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png'); + _background: none; +} +.radio-icon.native .x-icon, +.radio-icon.disabled .x-icon { + display: block; + background: url('icon/radio-disable.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png'); + _background: none; +} +.radio-icon.native .x-icon, +.radio-icon.disabled.active .x-icon { + display: block; + background: url('icon/radio-disable2.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png'); + _background: none; +} +.check-half-select-icon .x-icon, +.check-half-select-icon:hover .x-icon, +.check-half-select-icon:active .x-icon { + display: block; + background: url('icon/half_selected.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); + _background: none; +} +.check-half-select-icon.native .x-icon, +.check-half-select-icon.disabled .x-icon { + display: block; + background: url('icon/half_selected.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); + _background: none; +} +.loading-bar-icon .x-icon, +.loading-bar-icon:hover .x-icon, +.loading-bar-icon:active .x-icon { + display: block; + background: url('icon/loading_bar.gif') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif'); + _background: none; +} +.loading-bar-icon.native .x-icon, +.loading-bar-icon.disabled .x-icon { + display: block; + background: url('icon/loading_bar.gif') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif'); + _background: none; +} +.left-join-icon .x-icon, +.left-join-icon:hover .x-icon, +.left-join-icon:active .x-icon { + display: block; + background: url('icon/left-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png'); + _background: none; +} +.left-join-icon.native .x-icon, +.left-join-icon.disabled .x-icon { + display: block; + background: url('icon/left-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png'); + _background: none; +} +.right-join-icon .x-icon, +.right-join-icon:hover .x-icon, +.right-join-icon:active .x-icon { + display: block; + background: url('icon/right-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png'); + _background: none; +} +.right-join-icon.native .x-icon, +.right-join-icon.disabled .x-icon { + display: block; + background: url('icon/right-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png'); + _background: none; +} +.inner-join-icon .x-icon, +.inner-join-icon:hover .x-icon, +.inner-join-icon:active .x-icon { + display: block; + background: url('icon/inner-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png'); + _background: none; +} +.inner-join-icon.native .x-icon, +.inner-join-icon.disabled .x-icon { + display: block; + background: url('icon/inner-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png'); + _background: none; +} +.outer-join-icon .x-icon, +.outer-join-icon:hover .x-icon, +.outer-join-icon:active .x-icon { + display: block; + background: url('icon/outer-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png'); + _background: none; +} +.outer-join-icon.native .x-icon, +.outer-join-icon.disabled .x-icon { + display: block; + background: url('icon/outer-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png'); + _background: none; +} +.data-link-test-fail-icon .x-icon, +.data-link-test-fail-icon:hover .x-icon, +.data-link-test-fail-icon:active .x-icon { + display: block; + background: url('icon/test_fail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png'); + _background: none; +} +.data-link-test-fail-icon.native .x-icon, +.data-link-test-fail-icon.disabled .x-icon { + display: block; + background: url('icon/test_fail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png'); + _background: none; +} +.data-link-test-success-icon .x-icon, +.data-link-test-success-icon:hover .x-icon, +.data-link-test-success-icon:active .x-icon { + display: block; + background: url('icon/test_success.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png'); + _background: none; +} +.data-link-test-success-icon.native .x-icon, +.data-link-test-success-icon.disabled .x-icon { + display: block; + background: url('icon/test_success.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png'); + _background: none; +} +.business-package-icon .x-icon, +.business-package-icon:hover .x-icon, +.business-package-icon:active .x-icon { + display: block; + background: url('icon/business_package.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png'); + _background: none; +} +.business-package-icon.native .x-icon, +.business-package-icon.disabled .x-icon { + display: block; + background: url('icon/business_package.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png'); + _background: none; +} +.business-package-add-icon .x-icon, +.business-package-add-icon:hover .x-icon, +.business-package-add-icon:active .x-icon { + display: block; + background: url('icon/business_package_add.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png'); + _background: none; +} +.business-package-add-icon.native .x-icon, +.business-package-add-icon.disabled .x-icon { + display: block; + background: url('icon/business_package_add.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png'); + _background: none; +} +.business-package-add-disable-icon .x-icon, +.business-package-add-disable-icon:hover .x-icon, +.business-package-add-disable-icon:active .x-icon { + display: block; + background: url('icon/business_package_add_disable.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png'); + _background: none; +} +.business-package-add-disable-icon.native .x-icon, +.business-package-add-disable-icon.disabled .x-icon { + display: block; + background: url('icon/business_package_add_disable.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png'); + _background: none; +} +.business-package-selected-icon .x-icon, +.business-package-selected-icon:hover .x-icon, +.business-package-selected-icon:active .x-icon { + display: block; + background: url('icon/package_selected.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png'); + _background: none; +} +.business-package-selected-icon.native .x-icon, +.business-package-selected-icon.disabled .x-icon { + display: block; + background: url('icon/package_selected.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png'); + _background: none; +} +.card-view-report-icon .x-icon, +.card-view-report-icon:hover .x-icon, +.card-view-report-icon:active .x-icon { + display: block; + background: url('icon/report.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png'); + _background: none; +} +.card-view-report-icon.native .x-icon, +.card-view-report-icon.disabled .x-icon { + display: block; + background: url('icon/report.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png'); + _background: none; +} +.card-view-real-time-icon .x-icon, +.card-view-real-time-icon:hover .x-icon, +.card-view-real-time-icon:active .x-icon { + display: block; + background: url('icon/real_time.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png'); + _background: none; +} +.card-view-real-time-icon.native .x-icon, +.card-view-real-time-icon.disabled .x-icon { + display: block; + background: url('icon/real_time.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png'); + _background: none; +} +.table-style1-icon .x-icon, +.table-style1-icon:hover .x-icon, +.table-style1-icon:active .x-icon { + display: block; + background: url('icon/table_style_1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png'); + _background: none; +} +.table-style1-icon.native .x-icon, +.table-style1-icon.disabled .x-icon { + display: block; + background: url('icon/table_style_1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png'); + _background: none; +} +.table-style2-icon .x-icon, +.table-style2-icon:hover .x-icon, +.table-style2-icon:active .x-icon { + display: block; + background: url('icon/table_style_2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png'); + _background: none; +} +.table-style2-icon.native .x-icon, +.table-style2-icon.disabled .x-icon { + display: block; + background: url('icon/table_style_2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png'); + _background: none; +} +.table-style3-icon .x-icon, +.table-style3-icon:hover .x-icon, +.table-style3-icon:active .x-icon { + display: block; + background: url('icon/table_style_3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png'); + _background: none; +} +.table-style3-icon.native .x-icon, +.table-style3-icon.disabled .x-icon { + display: block; + background: url('icon/table_style_3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png'); + _background: none; +} +.axis-chart-style-gradual-icon .x-icon, +.axis-chart-style-gradual-icon:hover .x-icon, +.axis-chart-style-gradual-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png'); + _background: none; +} +.axis-chart-style-gradual-icon.native .x-icon, +.axis-chart-style-gradual-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png'); + _background: none; +} +.axis-chart-style-gradual-highlight-icon .x-icon, +.axis-chart-style-gradual-highlight-icon:hover .x-icon, +.axis-chart-style-gradual-highlight-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png'); + _background: none; +} +.axis-chart-style-gradual-highlight-icon.native .x-icon, +.axis-chart-style-gradual-highlight-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png'); + _background: none; +} +.axis-chart-style-normal-icon .x-icon, +.axis-chart-style-normal-icon:hover .x-icon, +.axis-chart-style-normal-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png'); + _background: none; +} +.axis-chart-style-normal-icon.native .x-icon, +.axis-chart-style-normal-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png'); + _background: none; +} +.axis-chart-style-transparent-icon .x-icon, +.axis-chart-style-transparent-icon:hover .x-icon, +.axis-chart-style-transparent-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png'); + _background: none; +} +.axis-chart-style-transparent-icon.native .x-icon, +.axis-chart-style-transparent-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png'); + _background: none; +} +.axis-chart-style-3d-icon .x-icon, +.axis-chart-style-3d-icon:hover .x-icon, +.axis-chart-style-3d-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png'); + _background: none; +} +.axis-chart-style-3d-icon.native .x-icon, +.axis-chart-style-3d-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png'); + _background: none; +} +.line-chart-style-curve-icon .x-icon, +.line-chart-style-curve-icon:hover .x-icon, +.line-chart-style-curve-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png'); + _background: none; +} +.line-chart-style-curve-icon.native .x-icon, +.line-chart-style-curve-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png'); + _background: none; +} +.line-chart-style-broken-icon .x-icon, +.line-chart-style-broken-icon:hover .x-icon, +.line-chart-style-broken-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png'); + _background: none; +} +.line-chart-style-broken-icon.native .x-icon, +.line-chart-style-broken-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png'); + _background: none; +} +.line-chart-style-vertical-icon .x-icon, +.line-chart-style-vertical-icon:hover .x-icon, +.line-chart-style-vertical-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png'); + _background: none; +} +.line-chart-style-vertical-icon.native .x-icon, +.line-chart-style-vertical-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png'); + _background: none; +} +.area-chart-style-curve-icon .x-icon, +.area-chart-style-curve-icon:hover .x-icon, +.area-chart-style-curve-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png'); + _background: none; +} +.area-chart-style-curve-icon.native .x-icon, +.area-chart-style-curve-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png'); + _background: none; +} +.area-chart-style-broken-icon .x-icon, +.area-chart-style-broken-icon:hover .x-icon, +.area-chart-style-broken-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png'); + _background: none; +} +.area-chart-style-broken-icon.native .x-icon, +.area-chart-style-broken-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png'); + _background: none; +} +.area-chart-style-vertical-icon .x-icon, +.area-chart-style-vertical-icon:hover .x-icon, +.area-chart-style-vertical-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png'); + _background: none; +} +.area-chart-style-vertical-icon.native .x-icon, +.area-chart-style-vertical-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png'); + _background: none; +} +.pie-chart-style-normal-icon .x-icon, +.pie-chart-style-normal-icon:hover .x-icon, +.pie-chart-style-normal-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png'); + _background: none; +} +.pie-chart-style-normal-icon.native .x-icon, +.pie-chart-style-normal-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png'); + _background: none; +} +.pie-chart-style-equal-arc-rose-icon .x-icon, +.pie-chart-style-equal-arc-rose-icon:hover .x-icon, +.pie-chart-style-equal-arc-rose-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png'); + _background: none; +} +.pie-chart-style-equal-arc-rose-icon.native .x-icon, +.pie-chart-style-equal-arc-rose-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png'); + _background: none; +} +.pie-chart-style-not-equal-arc-rose-icon .x-icon, +.pie-chart-style-not-equal-arc-rose-icon:hover .x-icon, +.pie-chart-style-not-equal-arc-rose-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); + _background: none; +} +.pie-chart-style-not-equal-arc-rose-icon.native .x-icon, +.pie-chart-style-not-equal-arc-rose-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); + _background: none; +} +.radar-chart-style-polygon-icon .x-icon, +.radar-chart-style-polygon-icon:hover .x-icon, +.radar-chart-style-polygon-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png'); + _background: none; +} +.radar-chart-style-polygon-icon.native .x-icon, +.radar-chart-style-polygon-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png'); + _background: none; +} +.acc_radar-chart-style-polygon-icon .x-icon, +.acc_radar-chart-style-polygon-icon:hover .x-icon, +.acc_radar-chart-style-polygon-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png'); + _background: none; +} +.acc_radar-chart-style-polygon-icon.native .x-icon, +.acc_radar-chart-style-polygon-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png'); + _background: none; +} +.acc_radar-chart-style-circle-icon .x-icon, +.acc_radar-chart-style-circle-icon:hover .x-icon, +.acc_radar-chart-style-circle-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png'); + _background: none; +} +.acc_radar-chart-style-circle-icon.native .x-icon, +.acc_radar-chart-style-circle-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png'); + _background: none; +} +.radar-chart-style-circle-icon .x-icon, +.radar-chart-style-circle-icon:hover .x-icon, +.radar-chart-style-circle-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png'); + _background: none; +} +.radar-chart-style-circle-icon.native .x-icon, +.radar-chart-style-circle-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png'); + _background: none; +} +.dashboard-chart-style-360-icon .x-icon, +.dashboard-chart-style-360-icon:hover .x-icon, +.dashboard-chart-style-360-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png'); + _background: none; +} +.dashboard-chart-style-360-icon.native .x-icon, +.dashboard-chart-style-360-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png'); + _background: none; +} +.dashboard-chart-style-180-icon .x-icon, +.dashboard-chart-style-180-icon:hover .x-icon, +.dashboard-chart-style-180-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png'); + _background: none; +} +.dashboard-chart-style-180-icon.native .x-icon, +.dashboard-chart-style-180-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png'); + _background: none; +} +.dashboard-chart-style-percent-icon .x-icon, +.dashboard-chart-style-percent-icon:hover .x-icon, +.dashboard-chart-style-percent-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png'); + _background: none; +} +.dashboard-chart-style-percent-icon.native .x-icon, +.dashboard-chart-style-percent-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png'); + _background: none; +} +.dashboard-chart-style-percent-scale-slot-icon .x-icon, +.dashboard-chart-style-percent-scale-slot-icon:hover .x-icon, +.dashboard-chart-style-percent-scale-slot-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png'); + _background: none; +} +.dashboard-chart-style-percent-scale-slot-icon.native .x-icon, +.dashboard-chart-style-percent-scale-slot-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png'); + _background: none; +} +.dashboard-chart-style-vertical-tube-icon .x-icon, +.dashboard-chart-style-vertical-tube-icon:hover .x-icon, +.dashboard-chart-style-vertical-tube-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png'); + _background: none; +} +.dashboard-chart-style-vertical-tube-icon.native .x-icon, +.dashboard-chart-style-vertical-tube-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png'); + _background: none; +} +.dashboard-chart-style-horizontal-tube-icon .x-icon, +.dashboard-chart-style-horizontal-tube-icon:hover .x-icon, +.dashboard-chart-style-horizontal-tube-icon:active .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png'); + _background: none; +} +.dashboard-chart-style-horizontal-tube-icon.native .x-icon, +.dashboard-chart-style-horizontal-tube-icon.disabled .x-icon { + display: block; + background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png'); + _background: none; +} +.example-excel-icon .x-icon, +.example-excel-icon:hover .x-icon, +.example-excel-icon:active .x-icon { + display: block; + background: url('icon/example.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png'); + _background: none; +} +.example-excel-icon.native .x-icon, +.example-excel-icon.disabled .x-icon { + display: block; + background: url('icon/example.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png'); + _background: none; +} +.dimension-no-data-icon .x-icon, +.dimension-no-data-icon:hover .x-icon, +.dimension-no-data-icon:active .x-icon { + display: block; + background: url('icon/no_data.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); + _background: none; +} +.dimension-no-data-icon.native .x-icon, +.dimension-no-data-icon.disabled .x-icon { + display: block; + background: url('icon/no_data.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); + _background: none; +} +.drag-group-icon .x-icon, +.drag-group-icon:hover .x-icon, +.drag-group-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_group.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png'); + _background: none; +} +.drag-group-icon.native .x-icon, +.drag-group-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_group.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png'); + _background: none; +} +.drag-cross-icon .x-icon, +.drag-cross-icon:hover .x-icon, +.drag-cross-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_cross.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png'); + _background: none; +} +.drag-cross-icon.native .x-icon, +.drag-cross-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_cross.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png'); + _background: none; +} +.drag-complex-icon .x-icon, +.drag-complex-icon:hover .x-icon, +.drag-complex-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_complex.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png'); + _background: none; +} +.drag-complex-icon.native .x-icon, +.drag-complex-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_complex.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png'); + _background: none; +} +.drag-axis-icon .x-icon, +.drag-axis-icon:hover .x-icon, +.drag-axis-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_axis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png'); + _background: none; +} +.drag-axis-icon.native .x-icon, +.drag-axis-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_axis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png'); + _background: none; +} +.drag-axis-accu-icon .x-icon, +.drag-axis-accu-icon:hover .x-icon, +.drag-axis-accu-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png'); + _background: none; +} +.drag-axis-accu-icon.native .x-icon, +.drag-axis-accu-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png'); + _background: none; +} +.drag-axis-percent-accu-icon .x-icon, +.drag-axis-percent-accu-icon:hover .x-icon, +.drag-axis-percent-accu-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png'); + _background: none; +} +.drag-axis-percent-accu-icon.native .x-icon, +.drag-axis-percent-accu-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png'); + _background: none; +} +.drag-axis-compare-icon .x-icon, +.drag-axis-compare-icon:hover .x-icon, +.drag-axis-compare-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png'); + _background: none; +} +.drag-axis-compare-icon.native .x-icon, +.drag-axis-compare-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png'); + _background: none; +} +.drag-axis-fall-icon .x-icon, +.drag-axis-fall-icon:hover .x-icon, +.drag-axis-fall-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png'); + _background: none; +} +.drag-axis-fall-icon.native .x-icon, +.drag-axis-fall-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png'); + _background: none; +} +.drag-bar-icon .x-icon, +.drag-bar-icon:hover .x-icon, +.drag-bar-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_bar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png'); + _background: none; +} +.drag-bar-icon.native .x-icon, +.drag-bar-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_bar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png'); + _background: none; +} +.drag-bar-accu-icon .x-icon, +.drag-bar-accu-icon:hover .x-icon, +.drag-bar-accu-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png'); + _background: none; +} +.drag-bar-accu-icon.native .x-icon, +.drag-bar-accu-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png'); + _background: none; +} +.drag-bar-compare-icon .x-icon, +.drag-bar-compare-icon:hover .x-icon, +.drag-bar-compare-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png'); + _background: none; +} +.drag-bar-compare-icon.native .x-icon, +.drag-bar-compare-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png'); + _background: none; +} +.drag-area-icon .x-icon, +.drag-area-icon:hover .x-icon, +.drag-area-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_area.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png'); + _background: none; +} +.drag-area-icon.native .x-icon, +.drag-area-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_area.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png'); + _background: none; +} +.drag-area-accu-icon .x-icon, +.drag-area-accu-icon:hover .x-icon, +.drag-area-accu-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png'); + _background: none; +} +.drag-area-accu-icon.native .x-icon, +.drag-area-accu-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png'); + _background: none; +} +.drag-area-percent-accu-icon .x-icon, +.drag-area-percent-accu-icon:hover .x-icon, +.drag-area-percent-accu-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png'); + _background: none; +} +.drag-area-percent-accu-icon.native .x-icon, +.drag-area-percent-accu-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png'); + _background: none; +} +.drag-area-compare-icon .x-icon, +.drag-area-compare-icon:hover .x-icon, +.drag-area-compare-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png'); + _background: none; +} +.drag-area-compare-icon.native .x-icon, +.drag-area-compare-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png'); + _background: none; +} +.drag-area-range-icon .x-icon, +.drag-area-range-icon:hover .x-icon, +.drag-area-range-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png'); + _background: none; +} +.drag-area-range-icon.native .x-icon, +.drag-area-range-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png'); + _background: none; +} +.drag-combine-icon .x-icon, +.drag-combine-icon:hover .x-icon, +.drag-combine-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_combine.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png'); + _background: none; +} +.drag-combine-icon.native .x-icon, +.drag-combine-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_combine.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png'); + _background: none; +} +.drag-combine-mult-icon .x-icon, +.drag-combine-mult-icon:hover .x-icon, +.drag-combine-mult-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png'); + _background: none; +} +.drag-combine-mult-icon.native .x-icon, +.drag-combine-mult-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png'); + _background: none; +} +.drag-line-icon .x-icon, +.drag-line-icon:hover .x-icon, +.drag-line-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_line.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png'); + _background: none; +} +.drag-line-icon.native .x-icon, +.drag-line-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_line.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png'); + _background: none; +} +.drag-pie-icon .x-icon, +.drag-pie-icon:hover .x-icon, +.drag-pie-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_pie.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png'); + _background: none; +} +.drag-pie-icon.native .x-icon, +.drag-pie-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_pie.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png'); + _background: none; +} +.drag-map-china-icon .x-icon, +.drag-map-china-icon:hover .x-icon, +.drag-map-china-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png'); + _background: none; +} +.drag-map-china-icon.native .x-icon, +.drag-map-china-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png'); + _background: none; +} +.drag-map-global-icon .x-icon, +.drag-map-global-icon:hover .x-icon, +.drag-map-global-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png'); + _background: none; +} +.drag-map-global-icon.native .x-icon, +.drag-map-global-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png'); + _background: none; +} +.drag-map-svg-icon .x-icon, +.drag-map-svg-icon:hover .x-icon, +.drag-map-svg-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png'); + _background: none; +} +.drag-map-svg-icon.native .x-icon, +.drag-map-svg-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png'); + _background: none; +} +.drag-map-gis-icon .x-icon, +.drag-map-gis-icon:hover .x-icon, +.drag-map-gis-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png'); + _background: none; +} +.drag-map-gis-icon.native .x-icon, +.drag-map-gis-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png'); + _background: none; +} +.drag-dashboard-icon .x-icon, +.drag-dashboard-icon:hover .x-icon, +.drag-dashboard-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png'); + _background: none; +} +.drag-dashboard-icon.native .x-icon, +.drag-dashboard-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png'); + _background: none; +} +.drag-donut-icon .x-icon, +.drag-donut-icon:hover .x-icon, +.drag-donut-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_donut.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png'); + _background: none; +} +.drag-donut-icon.native .x-icon, +.drag-donut-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_donut.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png'); + _background: none; +} +.drag-radar-icon .x-icon, +.drag-radar-icon:hover .x-icon, +.drag-radar-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_radar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png'); + _background: none; +} +.drag-radar-icon.native .x-icon, +.drag-radar-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_radar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png'); + _background: none; +} +.drag-radar-accu-icon .x-icon, +.drag-radar-accu-icon:hover .x-icon, +.drag-radar-accu-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png'); + _background: none; +} +.drag-radar-accu-icon.native .x-icon, +.drag-radar-accu-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png'); + _background: none; +} +.drag-bubble-icon .x-icon, +.drag-bubble-icon:hover .x-icon, +.drag-bubble-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png'); + _background: none; +} +.drag-bubble-icon.native .x-icon, +.drag-bubble-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png'); + _background: none; +} +.drag-bubble-force-icon .x-icon, +.drag-bubble-force-icon:hover .x-icon, +.drag-bubble-force-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png'); + _background: none; +} +.drag-bubble-force-icon.native .x-icon, +.drag-bubble-force-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png'); + _background: none; +} +.drag-scatter-icon .x-icon, +.drag-scatter-icon:hover .x-icon, +.drag-scatter-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png'); + _background: none; +} +.drag-scatter-icon.native .x-icon, +.drag-scatter-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png'); + _background: none; +} +.drag-funnel-icon .x-icon, +.drag-funnel-icon:hover .x-icon, +.drag-funnel-icon:active .x-icon { + display: block; + background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png'); + _background: none; +} +.drag-funnel-icon.native .x-icon, +.drag-funnel-icon.disabled .x-icon { + display: block; + background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png'); + _background: none; +} +.drag-detail-icon .x-icon, +.drag-detail-icon:hover .x-icon, +.drag-detail-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png'); + _background: none; +} +.drag-detail-icon.native .x-icon, +.drag-detail-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png'); + _background: none; +} +.drag-input-icon .x-icon, +.drag-input-icon:hover .x-icon, +.drag-input-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png'); + _background: none; +} +.drag-input-icon.native .x-icon, +.drag-input-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png'); + _background: none; +} +.drag-web-icon .x-icon, +.drag-web-icon:hover .x-icon, +.drag-web-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png'); + _background: none; +} +.drag-web-icon.native .x-icon, +.drag-web-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png'); + _background: none; +} +.drag-image-icon .x-icon, +.drag-image-icon:hover .x-icon, +.drag-image-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png'); + _background: none; +} +.drag-image-icon.native .x-icon, +.drag-image-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png'); + _background: none; +} +.drag-string-icon .x-icon, +.drag-string-icon:hover .x-icon, +.drag-string-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png'); + _background: none; +} +.drag-string-icon.native .x-icon, +.drag-string-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png'); + _background: none; +} +.drag-number-icon .x-icon, +.drag-number-icon:hover .x-icon, +.drag-number-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png'); + _background: none; +} +.drag-number-icon.native .x-icon, +.drag-number-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png'); + _background: none; +} +.drag-tree-icon .x-icon, +.drag-tree-icon:hover .x-icon, +.drag-tree-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png'); + _background: none; +} +.drag-tree-icon.native .x-icon, +.drag-tree-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png'); + _background: none; +} +.drag-date-icon .x-icon, +.drag-date-icon:hover .x-icon, +.drag-date-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png'); + _background: none; +} +.drag-date-icon.native .x-icon, +.drag-date-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png'); + _background: none; +} +.drag-year-icon .x-icon, +.drag-year-icon:hover .x-icon, +.drag-year-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png'); + _background: none; +} +.drag-year-icon.native .x-icon, +.drag-year-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png'); + _background: none; +} +.drag-year-month-icon .x-icon, +.drag-year-month-icon:hover .x-icon, +.drag-year-month-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png'); + _background: none; +} +.drag-year-month-icon.native .x-icon, +.drag-year-month-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png'); + _background: none; +} +.drag-year-season-icon .x-icon, +.drag-year-season-icon:hover .x-icon, +.drag-year-season-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png'); + _background: none; +} +.drag-year-season-icon.native .x-icon, +.drag-year-season-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png'); + _background: none; +} +.drag-ymd-icon .x-icon, +.drag-ymd-icon:hover .x-icon, +.drag-ymd-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png'); + _background: none; +} +.drag-ymd-icon.native .x-icon, +.drag-ymd-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png'); + _background: none; +} +.drag-general-query-icon .x-icon, +.drag-general-query-icon:hover .x-icon, +.drag-general-query-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png'); + _background: none; +} +.drag-general-query-icon.native .x-icon, +.drag-general-query-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png'); + _background: none; +} +.drag-query-icon .x-icon, +.drag-query-icon:hover .x-icon, +.drag-query-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png'); + _background: none; +} +.drag-query-icon.native .x-icon, +.drag-query-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png'); + _background: none; +} +.drag-reset-icon .x-icon, +.drag-reset-icon:hover .x-icon, +.drag-reset-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png'); + _background: none; +} +.drag-reset-icon.native .x-icon, +.drag-reset-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png'); + _background: none; +} +.drag-reuse-icon .x-icon, +.drag-reuse-icon:hover .x-icon, +.drag-reuse-icon:active .x-icon { + display: block; + background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png'); + _background: none; +} +.drag-reuse-icon.native .x-icon, +.drag-reuse-icon.disabled .x-icon { + display: block; + background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png'); + _background: none; +} +.drag-group-small-icon .x-icon, +.drag-group-small-icon:hover .x-icon, +.drag-group-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png'); + _background: none; +} +.drag-group-small-icon.native .x-icon, +.drag-group-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png'); + _background: none; +} +.drag-cross-small-icon .x-icon, +.drag-cross-small-icon:hover .x-icon, +.drag-cross-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png'); + _background: none; +} +.drag-cross-small-icon.native .x-icon, +.drag-cross-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png'); + _background: none; +} +.drag-complex-small-icon .x-icon, +.drag-complex-small-icon:hover .x-icon, +.drag-complex-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png'); + _background: none; +} +.drag-complex-small-icon.native .x-icon, +.drag-complex-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png'); + _background: none; +} +.drag-axis-small-icon .x-icon, +.drag-axis-small-icon:hover .x-icon, +.drag-axis-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png'); + _background: none; +} +.drag-axis-small-icon.native .x-icon, +.drag-axis-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png'); + _background: none; +} +.drag-axis-accu-small-icon .x-icon, +.drag-axis-accu-small-icon:hover .x-icon, +.drag-axis-accu-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png'); + _background: none; +} +.drag-axis-accu-small-icon.native .x-icon, +.drag-axis-accu-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png'); + _background: none; +} +.drag-axis-percent-accu-small-icon .x-icon, +.drag-axis-percent-accu-small-icon:hover .x-icon, +.drag-axis-percent-accu-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png'); + _background: none; +} +.drag-axis-percent-accu-small-icon.native .x-icon, +.drag-axis-percent-accu-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png'); + _background: none; +} +.drag-axis-compare-small-icon .x-icon, +.drag-axis-compare-small-icon:hover .x-icon, +.drag-axis-compare-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png'); + _background: none; +} +.drag-axis-compare-small-icon.native .x-icon, +.drag-axis-compare-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png'); + _background: none; +} +.drag-axis-fall-small-icon .x-icon, +.drag-axis-fall-small-icon:hover .x-icon, +.drag-axis-fall-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png'); + _background: none; +} +.drag-axis-fall-small-icon.native .x-icon, +.drag-axis-fall-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png'); + _background: none; +} +.drag-bar-small-icon .x-icon, +.drag-bar-small-icon:hover .x-icon, +.drag-bar-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png'); + _background: none; +} +.drag-bar-small-icon.native .x-icon, +.drag-bar-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png'); + _background: none; +} +.drag-bar-accu-small-icon .x-icon, +.drag-bar-accu-small-icon:hover .x-icon, +.drag-bar-accu-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png'); + _background: none; +} +.drag-bar-accu-small-icon.native .x-icon, +.drag-bar-accu-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png'); + _background: none; +} +.drag-bar-compare-small-icon .x-icon, +.drag-bar-compare-small-icon:hover .x-icon, +.drag-bar-compare-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png'); + _background: none; +} +.drag-bar-compare-small-icon.native .x-icon, +.drag-bar-compare-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png'); + _background: none; +} +.drag-area-small-icon .x-icon, +.drag-area-small-icon:hover .x-icon, +.drag-area-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png'); + _background: none; +} +.drag-area-small-icon.native .x-icon, +.drag-area-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png'); + _background: none; +} +.drag-area-accu-small-icon .x-icon, +.drag-area-accu-small-icon:hover .x-icon, +.drag-area-accu-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png'); + _background: none; +} +.drag-area-accu-small-icon.native .x-icon, +.drag-area-accu-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png'); + _background: none; +} +.drag-area-percent-accu-small-icon .x-icon, +.drag-area-percent-accu-small-icon:hover .x-icon, +.drag-area-percent-accu-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png'); + _background: none; +} +.drag-area-percent-accu-small-icon.native .x-icon, +.drag-area-percent-accu-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png'); + _background: none; +} +.drag-area-compare-small-icon .x-icon, +.drag-area-compare-small-icon:hover .x-icon, +.drag-area-compare-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png'); + _background: none; +} +.drag-area-compare-small-icon.native .x-icon, +.drag-area-compare-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png'); + _background: none; +} +.drag-area-range-small-icon .x-icon, +.drag-area-range-small-icon:hover .x-icon, +.drag-area-range-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png'); + _background: none; +} +.drag-area-range-small-icon.native .x-icon, +.drag-area-range-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png'); + _background: none; +} +.drag-combine-small-icon .x-icon, +.drag-combine-small-icon:hover .x-icon, +.drag-combine-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png'); + _background: none; +} +.drag-combine-small-icon.native .x-icon, +.drag-combine-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png'); + _background: none; +} +.drag-combine-mult-small-icon .x-icon, +.drag-combine-mult-small-icon:hover .x-icon, +.drag-combine-mult-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png'); + _background: none; +} +.drag-combine-mult-small-icon.native .x-icon, +.drag-combine-mult-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png'); + _background: none; +} +.drag-line-small-icon .x-icon, +.drag-line-small-icon:hover .x-icon, +.drag-line-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png'); + _background: none; +} +.drag-line-small-icon.native .x-icon, +.drag-line-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png'); + _background: none; +} +.drag-pie-small-icon .x-icon, +.drag-pie-small-icon:hover .x-icon, +.drag-pie-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png'); + _background: none; +} +.drag-pie-small-icon.native .x-icon, +.drag-pie-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png'); + _background: none; +} +.drag-map-china-small-icon .x-icon, +.drag-map-china-small-icon:hover .x-icon, +.drag-map-china-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png'); + _background: none; +} +.drag-map-china-small-icon.native .x-icon, +.drag-map-china-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png'); + _background: none; +} +.drag-map-global-small-icon .x-icon, +.drag-map-global-small-icon:hover .x-icon, +.drag-map-global-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png'); + _background: none; +} +.drag-map-global-small-icon.native .x-icon, +.drag-map-global-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png'); + _background: none; +} +.drag-map-svg-small-icon .x-icon, +.drag-map-svg-small-icon:hover .x-icon, +.drag-map-svg-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png'); + _background: none; +} +.drag-map-svg-small-icon.native .x-icon, +.drag-map-svg-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png'); + _background: none; +} +.drag-map-gis-small-icon .x-icon, +.drag-map-gis-small-icon:hover .x-icon, +.drag-map-gis-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png'); + _background: none; +} +.drag-map-gis-small-icon.native .x-icon, +.drag-map-gis-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png'); + _background: none; +} +.drag-dashboard-small-icon .x-icon, +.drag-dashboard-small-icon:hover .x-icon, +.drag-dashboard-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png'); + _background: none; +} +.drag-dashboard-small-icon.native .x-icon, +.drag-dashboard-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png'); + _background: none; +} +.drag-donut-small-icon .x-icon, +.drag-donut-small-icon:hover .x-icon, +.drag-donut-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png'); + _background: none; +} +.drag-donut-small-icon.native .x-icon, +.drag-donut-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png'); + _background: none; +} +.drag-radar-small-icon .x-icon, +.drag-radar-small-icon:hover .x-icon, +.drag-radar-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png'); + _background: none; +} +.drag-radar-small-icon.native .x-icon, +.drag-radar-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png'); + _background: none; +} +.drag-radar-accu-small-icon .x-icon, +.drag-radar-accu-small-icon:hover .x-icon, +.drag-radar-accu-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png'); + _background: none; +} +.drag-radar-accu-small-icon.native .x-icon, +.drag-radar-accu-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png'); + _background: none; +} +.drag-bubble-small-icon .x-icon, +.drag-bubble-small-icon:hover .x-icon, +.drag-bubble-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png'); + _background: none; +} +.drag-bubble-small-icon.native .x-icon, +.drag-bubble-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png'); + _background: none; +} +.drag-bubble-force-small-icon .x-icon, +.drag-bubble-force-small-icon:hover .x-icon, +.drag-bubble-force-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png'); + _background: none; +} +.drag-bubble-force-small-icon.native .x-icon, +.drag-bubble-force-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png'); + _background: none; +} +.drag-scatter-small-icon .x-icon, +.drag-scatter-small-icon:hover .x-icon, +.drag-scatter-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png'); + _background: none; +} +.drag-scatter-small-icon.native .x-icon, +.drag-scatter-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png'); + _background: none; +} +.drag-funnel-small-icon .x-icon, +.drag-funnel-small-icon:hover .x-icon, +.drag-funnel-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png'); + _background: none; +} +.drag-funnel-small-icon.native .x-icon, +.drag-funnel-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png'); + _background: none; +} +.drag-detail-small-icon .x-icon, +.drag-detail-small-icon:hover .x-icon, +.drag-detail-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png'); + _background: none; +} +.drag-detail-small-icon.native .x-icon, +.drag-detail-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png'); + _background: none; +} +.drag-input-small-icon .x-icon, +.drag-input-small-icon:hover .x-icon, +.drag-input-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png'); + _background: none; +} +.drag-input-small-icon.native .x-icon, +.drag-input-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png'); + _background: none; +} +.drag-web-small-icon .x-icon, +.drag-web-small-icon:hover .x-icon, +.drag-web-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png'); + _background: none; +} +.drag-web-small-icon.native .x-icon, +.drag-web-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png'); + _background: none; +} +.drag-image-small-icon .x-icon, +.drag-image-small-icon:hover .x-icon, +.drag-image-small-icon:active .x-icon { + display: block; + background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png'); + _background: none; +} +.drag-image-small-icon.native .x-icon, +.drag-image-small-icon.disabled .x-icon { + display: block; + background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png'); + _background: none; +} +.error-face-icon .x-icon, +.error-face-icon:hover .x-icon, +.error-face-icon:active .x-icon { + display: block; + background: url('icon/no_data.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); + _background: none; +} +.error-face-icon.native .x-icon, +.error-face-icon.disabled .x-icon { + display: block; + background: url('icon/no_data.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); + _background: none; +} +.drag-tip-dots-icon .x-icon, +.drag-tip-dots-icon:hover .x-icon, +.drag-tip-dots-icon:active .x-icon { + display: block; + background: url('icon/dots.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png'); + _background: none; +} +.drag-tip-dots-icon.native .x-icon, +.drag-tip-dots-icon.disabled .x-icon { + display: block; + background: url('icon/dots.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png'); + _background: none; +} +.bubble-no-projector .x-icon, +.bubble-no-projector:hover .x-icon, +.bubble-no-projector:active .x-icon { + display: block; + background: url('icon/bubble_no_projector.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png'); + _background: none; +} +.bubble-no-projector.native .x-icon, +.bubble-no-projector.disabled .x-icon { + display: block; + background: url('icon/bubble_no_projector.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png'); + _background: none; +} +.bubble-with-projector .x-icon, +.bubble-with-projector:hover .x-icon, +.bubble-with-projector:active .x-icon { + display: block; + background: url('icon/bubble_projector.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png'); + _background: none; +} +.bubble-with-projector.native .x-icon, +.bubble-with-projector.disabled .x-icon { + display: block; + background: url('icon/bubble_projector.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png'); + _background: none; +} +.drill-push-down-icon .x-icon, +.drill-push-down-icon:hover .x-icon, +.drill-push-down-icon:active .x-icon { + display: block; + background: url('icon/push_down.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png'); + _background: none; +} +.drill-push-down-icon.native .x-icon, +.drill-push-down-icon.disabled .x-icon { + display: block; + background: url('icon/push_down.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png'); + _background: none; +} +.drill-push-up-icon .x-icon, +.drill-push-up-icon:hover .x-icon, +.drill-push-up-icon:active .x-icon { + display: block; + background: url('icon/push_up.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png'); + _background: none; +} +.drill-push-up-icon.native .x-icon, +.drill-push-up-icon.disabled .x-icon { + display: block; + background: url('icon/push_up.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png'); + _background: none; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.y-overflow-auto { + overflow-y: auto; + overflow-x: hidden; +} +.x-overflow-auto { + overflow-y: hidden; + overflow-x: auto; +} +.y-overflow-scroll { + overflow-y: scroll; + overflow-x: hidden; +} +.x-overflow-scroll { + overflow-y: hidden; + overflow-x: scroll; +} +.overflow-auto { + overflow-x: auto; + overflow-y: auto; +} +.overflow-scroll { + overflow-x: scroll; + overflow-y: scroll; +} +.overflow-hidden { + overflow-x: hidden; + overflow-y: hidden; +} +.td-overflow { + white-space: normal; + word-break: break-all; +} +.overflow-dot { + text-overflow: ellipsis; + overflow-x: hidden; + white-space: nowrap; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.display-block { + display: block; +} +.display-inline { + display: inline-block; + *display: inline; + *zoom: 1; +} +/**常用于span元素在与combo并列时**/ +.vertical-super { + vertical-align: super; +} +.vertical-top { + vertical-align: top; +} +.horizon-center { + text-align: center; +} +.horizon-left { + text-align: left; +} +.div-horizon-center { + margin-left: auto; + margin-right: auto; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/*类似ie6的盒子模型 可以在有百分比的时候加border 支持到ie8*/ +.border-sizing { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ +} +.content-sizing { + -webkit-box-sizing: content-box; + /*Safari3.2+*/ + -moz-box-sizing: content-box; + /*Firefox3.5+*/ + -ms-box-sizing: content-box; + /*IE8*/ + box-sizing: content-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +@font-face { + font-family: 'bi'; + src: url('${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.svg#svgFontName') format('svg'); + + /* iOS 4.1- */ +} +.b-font { + font-family: "bi"; + font-style: normal; + -webkit-font-smoothing: antialiased; + -webkit-text-stroke-width: 0.2px; + -moz-osx-font-smoothing: grayscale; +} +html, +button, +input, +select, +textarea, +* { + font-family: "Microsoft YaHei", "Hiragino Sans GB W3"; +} +html, +body, +div, +ul, +li, +img, +a, +span, +p, +* { + margin: 0px; +} +html { + height: 100%; + overflow: hidden; +} +body { + position: absolute; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + top: 0; + left: 0; + background-repeat: repeat; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + color: #1a1a1a; + font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none; + -kthml-user-focus: normal; + -moz-user-focus: normal; + -moz-outline: 0 none; + outline: 0 none; +} +#wrapper { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: hidden; + overflow-x: hidden; + overflow-y: hidden; +} +a { + outline: none; + text-decoration: none; +} +a:focus { + outline: 0; +} +input, +textarea { + margin: 0; + padding: 0; + outline: none; + border: 1px solid #cccccc; +} +ul, +ol { + margin: 0; + padding: 0; +} +ul { + list-style: disc; +} +li { + list-style-type: none; +} +i { + font-style: normal; + -webkit-font-smoothing: antialiased; + -webkit-text-stroke-width: 0.2px; + -moz-osx-font-smoothing: grayscale; +} +div::-webkit-scrollbar, +textarea::-webkit-scrollbar { + -webkit-appearance: none; + background-color: #f4f4f4; + width: 6px; + height: 6px; +} +div::-webkit-scrollbar-thumb, +textarea::-webkit-scrollbar-thumb { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + background-color: #e2e2e2; +} diff --git a/dist/core.js b/dist/core.js new file mode 100644 index 000000000..559811fa3 --- /dev/null +++ b/dist/core.js @@ -0,0 +1,28321 @@ +/*! + * jQuery JavaScript Library v1.8.3 + * http://jquery.com/ + * + * Includes Sizzle.js + * http://sizzlejs.com/ + * + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license + * http://jquery.org/license + * + * Date: Tue Nov 13 2012 08:20:33 GMT-0500 (Eastern Standard Time) + */ +(function( window, undefined ) { +var + // A central reference to the root jQuery(document) + rootjQuery, + + // The deferred used on DOM ready + readyList, + + // Use the correct document accordingly with window argument (sandbox) + document = window.document, + location = window.location, + navigator = window.navigator, + + // Map over jQuery in case of overwrite + _jQuery = window.jQuery, + + // Map over the $ in case of overwrite + _$ = window.$, + + // Save a reference to some core methods + core_push = Array.prototype.push, + core_slice = Array.prototype.slice, + core_indexOf = Array.prototype.indexOf, + core_toString = Object.prototype.toString, + core_hasOwn = Object.prototype.hasOwnProperty, + core_trim = String.prototype.trim, + + // Define a local copy of jQuery + jQuery = function( selector, context ) { + // The jQuery object is actually just the init constructor 'enhanced' + return new jQuery.fn.init( selector, context, rootjQuery ); + }, + + // Used for matching numbers + core_pnum = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source, + + // Used for detecting and trimming whitespace + core_rnotwhite = /\S/, + core_rspace = /\s+/, + + // Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE) + rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, + + // A simple way to check for HTML strings + // Prioritize #id over <tag> to avoid XSS via location.hash (#9521) + rquickExpr = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/, + + // Match a standalone tag + rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/, + + // JSON RegExp + rvalidchars = /^[\],:{}\s]*$/, + rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g, + rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g, + rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g, + + // Matches dashed string for camelizing + rmsPrefix = /^-ms-/, + rdashAlpha = /-([\da-z])/gi, + + // Used by jQuery.camelCase as callback to replace() + fcamelCase = function( all, letter ) { + return ( letter + "" ).toUpperCase(); + }, + + // The ready event handler and self cleanup method + DOMContentLoaded = function() { + if ( document.addEventListener ) { + document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false ); + jQuery.ready(); + } else if ( document.readyState === "complete" ) { + // we're here because readyState === "complete" in oldIE + // which is good enough for us to call the dom ready! + document.detachEvent( "onreadystatechange", DOMContentLoaded ); + jQuery.ready(); + } + }, + + // [[Class]] -> type pairs + class2type = {}; + +jQuery.fn = jQuery.prototype = { + constructor: jQuery, + init: function( selector, context, rootjQuery ) { + var match, elem, ret, doc; + + // Handle $(""), $(null), $(undefined), $(false) + if ( !selector ) { + return this; + } + + // Handle $(DOMElement) + if ( selector.nodeType ) { + this.context = this[0] = selector; + this.length = 1; + return this; + } + + // Handle HTML strings + if ( typeof selector === "string" ) { + if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) { + // Assume that strings that start and end with <> are HTML and skip the regex check + match = [ null, selector, null ]; + + } else { + match = rquickExpr.exec( selector ); + } + + // Match html or make sure no context is specified for #id + if ( match && (match[1] || !context) ) { + + // HANDLE: $(html) -> $(array) + if ( match[1] ) { + context = context instanceof jQuery ? context[0] : context; + doc = ( context && context.nodeType ? context.ownerDocument || context : document ); + + // scripts is true for back-compat + selector = jQuery.parseHTML( match[1], doc, true ); + if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) { + this.attr.call( selector, context, true ); + } + + return jQuery.merge( this, selector ); + + // HANDLE: $(#id) + } else { + elem = document.getElementById( match[2] ); + + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document #6963 + if ( elem && elem.parentNode ) { + // Handle the case where IE and Opera return items + // by name instead of ID + if ( elem.id !== match[2] ) { + return rootjQuery.find( selector ); + } + + // Otherwise, we inject the element directly into the jQuery object + this.length = 1; + this[0] = elem; + } + + this.context = document; + this.selector = selector; + return this; + } + + // HANDLE: $(expr, $(...)) + } else if ( !context || context.jquery ) { + return ( context || rootjQuery ).find( selector ); + + // HANDLE: $(expr, context) + // (which is just equivalent to: $(context).find(expr) + } else { + return this.constructor( context ).find( selector ); + } + + // HANDLE: $(function) + // Shortcut for document ready + } else if ( jQuery.isFunction( selector ) ) { + return rootjQuery.ready( selector ); + } + + if ( selector.selector !== undefined ) { + this.selector = selector.selector; + this.context = selector.context; + } + + return jQuery.makeArray( selector, this ); + }, + + // Start with an empty selector + selector: "", + + // The current version of jQuery being used + jquery: "1.8.3", + + // The default length of a jQuery object is 0 + length: 0, + + // The number of elements contained in the matched element set + size: function() { + return this.length; + }, + + toArray: function() { + return core_slice.call( this ); + }, + + // Get the Nth element in the matched element set OR + // Get the whole matched element set as a clean array + get: function( num ) { + return num == null ? + + // Return a 'clean' array + this.toArray() : + + // Return just the object + ( num < 0 ? this[ this.length + num ] : this[ num ] ); + }, + + // Take an array of elements and push it onto the stack + // (returning the new matched element set) + pushStack: function( elems, name, selector ) { + + // Build a new jQuery matched element set + var ret = jQuery.merge( this.constructor(), elems ); + + // Add the old object onto the stack (as a reference) + ret.prevObject = this; + + ret.context = this.context; + + if ( name === "find" ) { + ret.selector = this.selector + ( this.selector ? " " : "" ) + selector; + } else if ( name ) { + ret.selector = this.selector + "." + name + "(" + selector + ")"; + } + + // Return the newly-formed element set + return ret; + }, + + // Execute a callback for every element in the matched set. + // (You can seed the arguments with an array of args, but this is + // only used internally.) + each: function( callback, args ) { + return jQuery.each( this, callback, args ); + }, + + ready: function( fn ) { + // Add the callback + jQuery.ready.promise().done( fn ); + + return this; + }, + + eq: function( i ) { + i = +i; + return i === -1 ? + this.slice( i ) : + this.slice( i, i + 1 ); + }, + + first: function() { + return this.eq( 0 ); + }, + + last: function() { + return this.eq( -1 ); + }, + + slice: function() { + return this.pushStack( core_slice.apply( this, arguments ), + "slice", core_slice.call(arguments).join(",") ); + }, + + map: function( callback ) { + return this.pushStack( jQuery.map(this, function( elem, i ) { + return callback.call( elem, i, elem ); + })); + }, + + end: function() { + return this.prevObject || this.constructor(null); + }, + + // For internal use only. + // Behaves like an Array's method, not like a jQuery method. + push: core_push, + sort: [].sort, + splice: [].splice +}; + +// Give the init function the jQuery prototype for later instantiation +jQuery.fn.init.prototype = jQuery.fn; + +jQuery.extend = jQuery.fn.extend = function() { + var options, name, src, copy, copyIsArray, clone, + target = arguments[0] || {}, + i = 1, + length = arguments.length, + deep = false; + + // Handle a deep copy situation + if ( typeof target === "boolean" ) { + deep = target; + target = arguments[1] || {}; + // skip the boolean and the target + i = 2; + } + + // Handle case when target is a string or something (possible in deep copy) + if ( typeof target !== "object" && !jQuery.isFunction(target) ) { + target = {}; + } + + // extend jQuery itself if only one argument is passed + if ( length === i ) { + target = this; + --i; + } + + for ( ; i < length; i++ ) { + // Only deal with non-null/undefined values + if ( (options = arguments[ i ]) != null ) { + // Extend the base object + for ( name in options ) { + src = target[ name ]; + copy = options[ name ]; + + // Prevent never-ending loop + if ( target === copy ) { + continue; + } + + // Recurse if we're merging plain objects or arrays + if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) { + if ( copyIsArray ) { + copyIsArray = false; + clone = src && jQuery.isArray(src) ? src : []; + + } else { + clone = src && jQuery.isPlainObject(src) ? src : {}; + } + + // Never move original objects, clone them + target[ name ] = jQuery.extend( deep, clone, copy ); + + // Don't bring in undefined values + } else if ( copy !== undefined ) { + target[ name ] = copy; + } + } + } + } + + // Return the modified object + return target; +}; + +jQuery.extend({ + noConflict: function( deep ) { + if ( window.$ === jQuery ) { + window.$ = _$; + } + + if ( deep && window.jQuery === jQuery ) { + window.jQuery = _jQuery; + } + + return jQuery; + }, + + // Is the DOM ready to be used? Set to true once it occurs. + isReady: false, + + // A counter to track how many items to wait for before + // the ready event fires. See #6781 + readyWait: 1, + + // Hold (or release) the ready event + holdReady: function( hold ) { + if ( hold ) { + jQuery.readyWait++; + } else { + jQuery.ready( true ); + } + }, + + // Handle when the DOM is ready + ready: function( wait ) { + + // Abort if there are pending holds or we're already ready + if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) { + return; + } + + // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443). + if ( !document.body ) { + return setTimeout( jQuery.ready, 1 ); + } + + // Remember that the DOM is ready + jQuery.isReady = true; + + // If a normal DOM Ready event fired, decrement, and wait if need be + if ( wait !== true && --jQuery.readyWait > 0 ) { + return; + } + + // If there are functions bound, to execute + readyList.resolveWith( document, [ jQuery ] ); + + // Trigger any bound ready events + if ( jQuery.fn.trigger ) { + jQuery( document ).trigger("ready").off("ready"); + } + }, + + // See test/unit/core.js for details concerning isFunction. + // Since version 1.3, DOM methods and functions like alert + // aren't supported. They return false on IE (#2968). + isFunction: function( obj ) { + return jQuery.type(obj) === "function"; + }, + + isArray: Array.isArray || function( obj ) { + return jQuery.type(obj) === "array"; + }, + + isWindow: function( obj ) { + return obj != null && obj == obj.window; + }, + + isNumeric: function( obj ) { + return !isNaN( parseFloat(obj) ) && isFinite( obj ); + }, + + type: function( obj ) { + return obj == null ? + String( obj ) : + class2type[ core_toString.call(obj) ] || "object"; + }, + + isPlainObject: function( obj ) { + // Must be an Object. + // Because of IE, we also have to check the presence of the constructor property. + // Make sure that DOM nodes and window objects don't pass through, as well + if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) { + return false; + } + + try { + // Not own constructor property must be Object + if ( obj.constructor && + !core_hasOwn.call(obj, "constructor") && + !core_hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) { + return false; + } + } catch ( e ) { + // IE8,9 Will throw exceptions on certain host objects #9897 + return false; + } + + // Own properties are enumerated firstly, so to speed up, + // if last one is own, then all properties are own. + + var key; + for ( key in obj ) {} + + return key === undefined || core_hasOwn.call( obj, key ); + }, + + isEmptyObject: function( obj ) { + var name; + for ( name in obj ) { + return false; + } + return true; + }, + + error: function( msg ) { + throw new Error( msg ); + }, + + // data: string of html + // context (optional): If specified, the fragment will be created in this context, defaults to document + // scripts (optional): If true, will include scripts passed in the html string + parseHTML: function( data, context, scripts ) { + var parsed; + if ( !data || typeof data !== "string" ) { + return null; + } + if ( typeof context === "boolean" ) { + scripts = context; + context = 0; + } + context = context || document; + + // Single tag + if ( (parsed = rsingleTag.exec( data )) ) { + return [ context.createElement( parsed[1] ) ]; + } + + parsed = jQuery.buildFragment( [ data ], context, scripts ? null : [] ); + return jQuery.merge( [], + (parsed.cacheable ? jQuery.clone( parsed.fragment ) : parsed.fragment).childNodes ); + }, + + parseJSON: function( data ) { + if ( !data || typeof data !== "string") { + return null; + } + + // Make sure leading/trailing whitespace is removed (IE can't handle it) + data = jQuery.trim( data ); + + // Attempt to parse using the native JSON parser first + if ( window.JSON && window.JSON.parse ) { + return window.JSON.parse( data ); + } + + // Make sure the incoming data is actual JSON + // Logic borrowed from http://json.org/json2.js + if ( rvalidchars.test( data.replace( rvalidescape, "@" ) + .replace( rvalidtokens, "]" ) + .replace( rvalidbraces, "")) ) { + + return ( new Function( "return " + data ) )(); + + } + jQuery.error( "Invalid JSON: " + data ); + }, + + // Cross-browser xml parsing + parseXML: function( data ) { + var xml, tmp; + if ( !data || typeof data !== "string" ) { + return null; + } + try { + if ( window.DOMParser ) { // Standard + tmp = new DOMParser(); + xml = tmp.parseFromString( data , "text/xml" ); + } else { // IE + xml = new ActiveXObject( "Microsoft.XMLDOM" ); + xml.async = "false"; + xml.loadXML( data ); + } + } catch( e ) { + xml = undefined; + } + if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) { + jQuery.error( "Invalid XML: " + data ); + } + return xml; + }, + + noop: function() {}, + + // Evaluates a script in a global context + // Workarounds based on findings by Jim Driscoll + // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context + globalEval: function( data ) { + if ( data && core_rnotwhite.test( data ) ) { + // We use execScript on Internet Explorer + // We use an anonymous function so that context is window + // rather than jQuery in Firefox + ( window.execScript || function( data ) { + window[ "eval" ].call( window, data ); + } )( data ); + } + }, + + // Convert dashed to camelCase; used by the css and data modules + // Microsoft forgot to hump their vendor prefix (#9572) + camelCase: function( string ) { + return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); + }, + + nodeName: function( elem, name ) { + return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); + }, + + // args is for internal usage only + each: function( obj, callback, args ) { + var name, + i = 0, + length = obj.length, + isObj = length === undefined || jQuery.isFunction( obj ); + + if ( args ) { + if ( isObj ) { + for ( name in obj ) { + if ( callback.apply( obj[ name ], args ) === false ) { + break; + } + } + } else { + for ( ; i < length; ) { + if ( callback.apply( obj[ i++ ], args ) === false ) { + break; + } + } + } + + // A special, fast, case for the most common use of each + } else { + if ( isObj ) { + for ( name in obj ) { + if ( callback.call( obj[ name ], name, obj[ name ] ) === false ) { + break; + } + } + } else { + for ( ; i < length; ) { + if ( callback.call( obj[ i ], i, obj[ i++ ] ) === false ) { + break; + } + } + } + } + + return obj; + }, + + // Use native String.trim function wherever possible + trim: core_trim && !core_trim.call("\uFEFF\xA0") ? + function( text ) { + return text == null ? + "" : + core_trim.call( text ); + } : + + // Otherwise use our own trimming functionality + function( text ) { + return text == null ? + "" : + ( text + "" ).replace( rtrim, "" ); + }, + + // results is for internal usage only + makeArray: function( arr, results ) { + var type, + ret = results || []; + + if ( arr != null ) { + // The window, strings (and functions) also have 'length' + // Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930 + type = jQuery.type( arr ); + + if ( arr.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( arr ) ) { + core_push.call( ret, arr ); + } else { + jQuery.merge( ret, arr ); + } + } + + return ret; + }, + + inArray: function( elem, arr, i ) { + var len; + + if ( arr ) { + if ( core_indexOf ) { + return core_indexOf.call( arr, elem, i ); + } + + len = arr.length; + i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0; + + for ( ; i < len; i++ ) { + // Skip accessing in sparse arrays + if ( i in arr && arr[ i ] === elem ) { + return i; + } + } + } + + return -1; + }, + + merge: function( first, second ) { + var l = second.length, + i = first.length, + j = 0; + + if ( typeof l === "number" ) { + for ( ; j < l; j++ ) { + first[ i++ ] = second[ j ]; + } + + } else { + while ( second[j] !== undefined ) { + first[ i++ ] = second[ j++ ]; + } + } + + first.length = i; + + return first; + }, + + grep: function( elems, callback, inv ) { + var retVal, + ret = [], + i = 0, + length = elems.length; + inv = !!inv; + + // Go through the array, only saving the items + // that pass the validator function + for ( ; i < length; i++ ) { + retVal = !!callback( elems[ i ], i ); + if ( inv !== retVal ) { + ret.push( elems[ i ] ); + } + } + + return ret; + }, + + // arg is for internal usage only + map: function( elems, callback, arg ) { + var value, key, + ret = [], + i = 0, + length = elems.length, + // jquery objects are treated as arrays + isArray = elems instanceof jQuery || length !== undefined && typeof length === "number" && ( ( length > 0 && elems[ 0 ] && elems[ length -1 ] ) || length === 0 || jQuery.isArray( elems ) ) ; + + // Go through the array, translating each of the items to their + if ( isArray ) { + for ( ; i < length; i++ ) { + value = callback( elems[ i ], i, arg ); + + if ( value != null ) { + ret[ ret.length ] = value; + } + } + + // Go through every key on the object, + } else { + for ( key in elems ) { + value = callback( elems[ key ], key, arg ); + + if ( value != null ) { + ret[ ret.length ] = value; + } + } + } + + // Flatten any nested arrays + return ret.concat.apply( [], ret ); + }, + + // A global GUID counter for objects + guid: 1, + + // Bind a function to a context, optionally partially applying any + // arguments. + proxy: function( fn, context ) { + var tmp, args, proxy; + + if ( typeof context === "string" ) { + tmp = fn[ context ]; + context = fn; + fn = tmp; + } + + // Quick check to determine if target is callable, in the spec + // this throws a TypeError, but we will just return undefined. + if ( !jQuery.isFunction( fn ) ) { + return undefined; + } + + // Simulated bind + args = core_slice.call( arguments, 2 ); + proxy = function() { + return fn.apply( context, args.concat( core_slice.call( arguments ) ) ); + }; + + // Set the guid of unique handler to the same of original handler, so it can be removed + proxy.guid = fn.guid = fn.guid || jQuery.guid++; + + return proxy; + }, + + // Multifunctional method to get and set values of a collection + // The value/s can optionally be executed if it's a function + access: function( elems, fn, key, value, chainable, emptyGet, pass ) { + var exec, + bulk = key == null, + i = 0, + length = elems.length; + + // Sets many values + if ( key && typeof key === "object" ) { + for ( i in key ) { + jQuery.access( elems, fn, i, key[i], 1, emptyGet, value ); + } + chainable = 1; + + // Sets one value + } else if ( value !== undefined ) { + // Optionally, function values get executed if exec is true + exec = pass === undefined && jQuery.isFunction( value ); + + if ( bulk ) { + // Bulk operations only iterate when executing function values + if ( exec ) { + exec = fn; + fn = function( elem, key, value ) { + return exec.call( jQuery( elem ), value ); + }; + + // Otherwise they run against the entire set + } else { + fn.call( elems, value ); + fn = null; + } + } + + if ( fn ) { + for (; i < length; i++ ) { + fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass ); + } + } + + chainable = 1; + } + + return chainable ? + elems : + + // Gets + bulk ? + fn.call( elems ) : + length ? fn( elems[0], key ) : emptyGet; + }, + + now: function() { + return ( new Date() ).getTime(); + } +}); + +jQuery.ready.promise = function( obj ) { + if ( !readyList ) { + + readyList = jQuery.Deferred(); + + // Catch cases where $(document).ready() is called after the browser event has already occurred. + // we once tried to use readyState "interactive" here, but it caused issues like the one + // discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15 + if ( document.readyState === "complete" ) { + // Handle it asynchronously to allow scripts the opportunity to delay ready + setTimeout( jQuery.ready, 1 ); + + // Standards-based browsers support DOMContentLoaded + } else if ( document.addEventListener ) { + // Use the handy event callback + document.addEventListener( "DOMContentLoaded", DOMContentLoaded, false ); + + // A fallback to window.onload, that will always work + window.addEventListener( "load", jQuery.ready, false ); + + // If IE event model is used + } else { + // Ensure firing before onload, maybe late but safe also for iframes + document.attachEvent( "onreadystatechange", DOMContentLoaded ); + + // A fallback to window.onload, that will always work + window.attachEvent( "onload", jQuery.ready ); + + // If IE and not a frame + // continually check to see if the document is ready + var top = false; + + try { + top = window.frameElement == null && document.documentElement; + } catch(e) {} + + if ( top && top.doScroll ) { + (function doScrollCheck() { + if ( !jQuery.isReady ) { + + try { + // Use the trick by Diego Perini + // http://javascript.nwbox.com/IEContentLoaded/ + top.doScroll("left"); + } catch(e) { + return setTimeout( doScrollCheck, 50 ); + } + + // and execute any waiting functions + jQuery.ready(); + } + })(); + } + } + } + return readyList.promise( obj ); +}; + +// Populate the class2type map +jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) { + class2type[ "[object " + name + "]" ] = name.toLowerCase(); +}); + +// All jQuery objects should point back to these +rootjQuery = jQuery(document); +// String to Object options format cache +var optionsCache = {}; + +// Convert String-formatted options into Object-formatted ones and store in cache +function createOptions( options ) { + var object = optionsCache[ options ] = {}; + jQuery.each( options.split( core_rspace ), function( _, flag ) { + object[ flag ] = true; + }); + return object; +} + +/* + * Create a callback list using the following parameters: + * + * options: an optional list of space-separated options that will change how + * the callback list behaves or a more traditional option object + * + * By default a callback list will act like an event callback list and can be + * "fired" multiple times. + * + * Possible options: + * + * once: will ensure the callback list can only be fired once (like a Deferred) + * + * memory: will keep track of previous values and will call any callback added + * after the list has been fired right away with the latest "memorized" + * values (like a Deferred) + * + * unique: will ensure a callback can only be added once (no duplicate in the list) + * + * stopOnFalse: interrupt callings when a callback returns false + * + */ +jQuery.Callbacks = function( options ) { + + // Convert options from String-formatted to Object-formatted if needed + // (we check in cache first) + options = typeof options === "string" ? + ( optionsCache[ options ] || createOptions( options ) ) : + jQuery.extend( {}, options ); + + var // Last fire value (for non-forgettable lists) + memory, + // Flag to know if list was already fired + fired, + // Flag to know if list is currently firing + firing, + // First callback to fire (used internally by add and fireWith) + firingStart, + // End of the loop when firing + firingLength, + // Index of currently firing callback (modified by remove if needed) + firingIndex, + // Actual callback list + list = [], + // Stack of fire calls for repeatable lists + stack = !options.once && [], + // Fire callbacks + fire = function( data ) { + memory = options.memory && data; + fired = true; + firingIndex = firingStart || 0; + firingStart = 0; + firingLength = list.length; + firing = true; + for ( ; list && firingIndex < firingLength; firingIndex++ ) { + if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) { + memory = false; // To prevent further calls using add + break; + } + } + firing = false; + if ( list ) { + if ( stack ) { + if ( stack.length ) { + fire( stack.shift() ); + } + } else if ( memory ) { + list = []; + } else { + self.disable(); + } + } + }, + // Actual Callbacks object + self = { + // Add a callback or a collection of callbacks to the list + add: function() { + if ( list ) { + // First, we save the current length + var start = list.length; + (function add( args ) { + jQuery.each( args, function( _, arg ) { + var type = jQuery.type( arg ); + if ( type === "function" ) { + if ( !options.unique || !self.has( arg ) ) { + list.push( arg ); + } + } else if ( arg && arg.length && type !== "string" ) { + // Inspect recursively + add( arg ); + } + }); + })( arguments ); + // Do we need to add the callbacks to the + // current firing batch? + if ( firing ) { + firingLength = list.length; + // With memory, if we're not firing then + // we should call right away + } else if ( memory ) { + firingStart = start; + fire( memory ); + } + } + return this; + }, + // Remove a callback from the list + remove: function() { + if ( list ) { + jQuery.each( arguments, function( _, arg ) { + var index; + while( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) { + list.splice( index, 1 ); + // Handle firing indexes + if ( firing ) { + if ( index <= firingLength ) { + firingLength--; + } + if ( index <= firingIndex ) { + firingIndex--; + } + } + } + }); + } + return this; + }, + // Control if a given callback is in the list + has: function( fn ) { + return jQuery.inArray( fn, list ) > -1; + }, + // Remove all callbacks from the list + empty: function() { + list = []; + return this; + }, + // Have the list do nothing anymore + disable: function() { + list = stack = memory = undefined; + return this; + }, + // Is it disabled? + disabled: function() { + return !list; + }, + // Lock the list in its current state + lock: function() { + stack = undefined; + if ( !memory ) { + self.disable(); + } + return this; + }, + // Is it locked? + locked: function() { + return !stack; + }, + // Call all callbacks with the given context and arguments + fireWith: function( context, args ) { + args = args || []; + args = [ context, args.slice ? args.slice() : args ]; + if ( list && ( !fired || stack ) ) { + if ( firing ) { + stack.push( args ); + } else { + fire( args ); + } + } + return this; + }, + // Call all the callbacks with the given arguments + fire: function() { + self.fireWith( this, arguments ); + return this; + }, + // To know if the callbacks have already been called at least once + fired: function() { + return !!fired; + } + }; + + return self; +}; +jQuery.extend({ + + Deferred: function( func ) { + var tuples = [ + // action, add listener, listener list, final state + [ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ], + [ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ], + [ "notify", "progress", jQuery.Callbacks("memory") ] + ], + state = "pending", + promise = { + state: function() { + return state; + }, + always: function() { + deferred.done( arguments ).fail( arguments ); + return this; + }, + then: function( /* fnDone, fnFail, fnProgress */ ) { + var fns = arguments; + return jQuery.Deferred(function( newDefer ) { + jQuery.each( tuples, function( i, tuple ) { + var action = tuple[ 0 ], + fn = fns[ i ]; + // deferred[ done | fail | progress ] for forwarding actions to newDefer + deferred[ tuple[1] ]( jQuery.isFunction( fn ) ? + function() { + var returned = fn.apply( this, arguments ); + if ( returned && jQuery.isFunction( returned.promise ) ) { + returned.promise() + .done( newDefer.resolve ) + .fail( newDefer.reject ) + .progress( newDefer.notify ); + } else { + newDefer[ action + "With" ]( this === deferred ? newDefer : this, [ returned ] ); + } + } : + newDefer[ action ] + ); + }); + fns = null; + }).promise(); + }, + // Get a promise for this deferred + // If obj is provided, the promise aspect is added to the object + promise: function( obj ) { + return obj != null ? jQuery.extend( obj, promise ) : promise; + } + }, + deferred = {}; + + // Keep pipe for back-compat + promise.pipe = promise.then; + + // Add list-specific methods + jQuery.each( tuples, function( i, tuple ) { + var list = tuple[ 2 ], + stateString = tuple[ 3 ]; + + // promise[ done | fail | progress ] = list.add + promise[ tuple[1] ] = list.add; + + // Handle state + if ( stateString ) { + list.add(function() { + // state = [ resolved | rejected ] + state = stateString; + + // [ reject_list | resolve_list ].disable; progress_list.lock + }, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock ); + } + + // deferred[ resolve | reject | notify ] = list.fire + deferred[ tuple[0] ] = list.fire; + deferred[ tuple[0] + "With" ] = list.fireWith; + }); + + // Make the deferred a promise + promise.promise( deferred ); + + // Call given func if any + if ( func ) { + func.call( deferred, deferred ); + } + + // All done! + return deferred; + }, + + // Deferred helper + when: function( subordinate /* , ..., subordinateN */ ) { + var i = 0, + resolveValues = core_slice.call( arguments ), + length = resolveValues.length, + + // the count of uncompleted subordinates + remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0, + + // the master Deferred. If resolveValues consist of only a single Deferred, just use that. + deferred = remaining === 1 ? subordinate : jQuery.Deferred(), + + // Update function for both resolve and progress values + updateFunc = function( i, contexts, values ) { + return function( value ) { + contexts[ i ] = this; + values[ i ] = arguments.length > 1 ? core_slice.call( arguments ) : value; + if( values === progressValues ) { + deferred.notifyWith( contexts, values ); + } else if ( !( --remaining ) ) { + deferred.resolveWith( contexts, values ); + } + }; + }, + + progressValues, progressContexts, resolveContexts; + + // add listeners to Deferred subordinates; treat others as resolved + if ( length > 1 ) { + progressValues = new Array( length ); + progressContexts = new Array( length ); + resolveContexts = new Array( length ); + for ( ; i < length; i++ ) { + if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) { + resolveValues[ i ].promise() + .done( updateFunc( i, resolveContexts, resolveValues ) ) + .fail( deferred.reject ) + .progress( updateFunc( i, progressContexts, progressValues ) ); + } else { + --remaining; + } + } + } + + // if we're not waiting on anything, resolve the master + if ( !remaining ) { + deferred.resolveWith( resolveContexts, resolveValues ); + } + + return deferred.promise(); + } +}); +jQuery.support = (function() { + + var support, + all, + a, + select, + opt, + input, + fragment, + eventName, + i, + isSupported, + clickFn, + div = document.createElement("div"); + + // Setup + div.setAttribute( "className", "t" ); + div.innerHTML = " <link/><table></table><a href='/a'>a</a><input type='checkbox'/>"; + + // Support tests won't run in some limited or non-browser environments + all = div.getElementsByTagName("*"); + a = div.getElementsByTagName("a")[ 0 ]; + if ( !all || !a || !all.length ) { + return {}; + } + + // First batch of tests + select = document.createElement("select"); + opt = select.appendChild( document.createElement("option") ); + input = div.getElementsByTagName("input")[ 0 ]; + + a.style.cssText = "top:1px;float:left;opacity:.5"; + support = { + // IE strips leading whitespace when .innerHTML is used + leadingWhitespace: ( div.firstChild.nodeType === 3 ), + + // Make sure that tbody elements aren't automatically inserted + // IE will insert them into empty tables + tbody: !div.getElementsByTagName("tbody").length, + + // Make sure that link elements get serialized correctly by innerHTML + // This requires a wrapper element in IE + htmlSerialize: !!div.getElementsByTagName("link").length, + + // Get the style information from getAttribute + // (IE uses .cssText instead) + style: /top/.test( a.getAttribute("style") ), + + // Make sure that URLs aren't manipulated + // (IE normalizes it by default) + hrefNormalized: ( a.getAttribute("href") === "/a" ), + + // Make sure that element opacity exists + // (IE uses filter instead) + // Use a regex to work around a WebKit issue. See #5145 + opacity: /^0.5/.test( a.style.opacity ), + + // Verify style float existence + // (IE uses styleFloat instead of cssFloat) + cssFloat: !!a.style.cssFloat, + + // Make sure that if no value is specified for a checkbox + // that it defaults to "on". + // (WebKit defaults to "" instead) + checkOn: ( input.value === "on" ), + + // Make sure that a selected-by-default option has a working selected property. + // (WebKit defaults to false instead of true, IE too, if it's in an optgroup) + optSelected: opt.selected, + + // Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7) + getSetAttribute: div.className !== "t", + + // Tests for enctype support on a form (#6743) + enctype: !!document.createElement("form").enctype, + + // Makes sure cloning an html5 element does not cause problems + // Where outerHTML is undefined, this still works + html5Clone: document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav></:nav>", + + // jQuery.support.boxModel DEPRECATED in 1.8 since we don't support Quirks Mode + boxModel: ( document.compatMode === "CSS1Compat" ), + + // Will be defined later + submitBubbles: true, + changeBubbles: true, + focusinBubbles: false, + deleteExpando: true, + noCloneEvent: true, + inlineBlockNeedsLayout: false, + shrinkWrapBlocks: false, + reliableMarginRight: true, + boxSizingReliable: true, + pixelPosition: false + }; + + // Make sure checked status is properly cloned + input.checked = true; + support.noCloneChecked = input.cloneNode( true ).checked; + + // Make sure that the options inside disabled selects aren't marked as disabled + // (WebKit marks them as disabled) + select.disabled = true; + support.optDisabled = !opt.disabled; + + // Test to see if it's possible to delete an expando from an element + // Fails in Internet Explorer + try { + delete div.test; + } catch( e ) { + support.deleteExpando = false; + } + + if ( !div.addEventListener && div.attachEvent && div.fireEvent ) { + div.attachEvent( "onclick", clickFn = function() { + // Cloning a node shouldn't copy over any + // bound event handlers (IE does this) + support.noCloneEvent = false; + }); + div.cloneNode( true ).fireEvent("onclick"); + div.detachEvent( "onclick", clickFn ); + } + + // Check if a radio maintains its value + // after being appended to the DOM + input = document.createElement("input"); + input.value = "t"; + input.setAttribute( "type", "radio" ); + support.radioValue = input.value === "t"; + + input.setAttribute( "checked", "checked" ); + + // #11217 - WebKit loses check when the name is after the checked attribute + input.setAttribute( "name", "t" ); + + div.appendChild( input ); + fragment = document.createDocumentFragment(); + fragment.appendChild( div.lastChild ); + + // WebKit doesn't clone checked state correctly in fragments + support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked; + + // Check if a disconnected checkbox will retain its checked + // value of true after appended to the DOM (IE6/7) + support.appendChecked = input.checked; + + fragment.removeChild( input ); + fragment.appendChild( div ); + + // Technique from Juriy Zaytsev + // http://perfectionkills.com/detecting-event-support-without-browser-sniffing/ + // We only care about the case where non-standard event systems + // are used, namely in IE. Short-circuiting here helps us to + // avoid an eval call (in setAttribute) which can cause CSP + // to go haywire. See: https://developer.mozilla.org/en/Security/CSP + if ( div.attachEvent ) { + for ( i in { + submit: true, + change: true, + focusin: true + }) { + eventName = "on" + i; + isSupported = ( eventName in div ); + if ( !isSupported ) { + div.setAttribute( eventName, "return;" ); + isSupported = ( typeof div[ eventName ] === "function" ); + } + support[ i + "Bubbles" ] = isSupported; + } + } + + // Run tests that need a body at doc ready + jQuery(function() { + var container, div, tds, marginDiv, + divReset = "padding:0;margin:0;border:0;display:block;overflow:hidden;", + body = document.getElementsByTagName("body")[0]; + + if ( !body ) { + // Return for frameset docs that don't have a body + return; + } + + container = document.createElement("div"); + container.style.cssText = "visibility:hidden;border:0;width:0;height:0;position:static;top:0;margin-top:1px"; + body.insertBefore( container, body.firstChild ); + + // Construct the test element + div = document.createElement("div"); + container.appendChild( div ); + + // Check if table cells still have offsetWidth/Height when they are set + // to display:none and there are still other visible table cells in a + // table row; if so, offsetWidth/Height are not reliable for use when + // determining if an element has been hidden directly using + // display:none (it is still safe to use offsets if a parent element is + // hidden; don safety goggles and see bug #4512 for more information). + // (only IE 8 fails this test) + div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>"; + tds = div.getElementsByTagName("td"); + tds[ 0 ].style.cssText = "padding:0;margin:0;border:0;display:none"; + isSupported = ( tds[ 0 ].offsetHeight === 0 ); + + tds[ 0 ].style.display = ""; + tds[ 1 ].style.display = "none"; + + // Check if empty table cells still have offsetWidth/Height + // (IE <= 8 fail this test) + support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 ); + + // Check box-sizing and margin behavior + div.innerHTML = ""; + div.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;"; + support.boxSizing = ( div.offsetWidth === 4 ); + support.doesNotIncludeMarginInBodyOffset = ( body.offsetTop !== 1 ); + + // NOTE: To any future maintainer, we've window.getComputedStyle + // because jsdom on node.js will break without it. + if ( window.getComputedStyle ) { + support.pixelPosition = ( window.getComputedStyle( div, null ) || {} ).top !== "1%"; + support.boxSizingReliable = ( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px"; + + // Check if div with explicit width and no margin-right incorrectly + // gets computed margin-right based on width of container. For more + // info see bug #3333 + // Fails in WebKit before Feb 2011 nightlies + // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right + marginDiv = document.createElement("div"); + marginDiv.style.cssText = div.style.cssText = divReset; + marginDiv.style.marginRight = marginDiv.style.width = "0"; + div.style.width = "1px"; + div.appendChild( marginDiv ); + support.reliableMarginRight = + !parseFloat( ( window.getComputedStyle( marginDiv, null ) || {} ).marginRight ); + } + + if ( typeof div.style.zoom !== "undefined" ) { + // Check if natively block-level elements act like inline-block + // elements when setting their display to 'inline' and giving + // them layout + // (IE < 8 does this) + div.innerHTML = ""; + div.style.cssText = divReset + "width:1px;padding:1px;display:inline;zoom:1"; + support.inlineBlockNeedsLayout = ( div.offsetWidth === 3 ); + + // Check if elements with layout shrink-wrap their children + // (IE 6 does this) + div.style.display = "block"; + div.style.overflow = "visible"; + div.innerHTML = "<div></div>"; + div.firstChild.style.width = "5px"; + support.shrinkWrapBlocks = ( div.offsetWidth !== 3 ); + + container.style.zoom = 1; + } + + // Null elements to avoid leaks in IE + body.removeChild( container ); + container = div = tds = marginDiv = null; + }); + + // Null elements to avoid leaks in IE + fragment.removeChild( div ); + all = a = select = opt = input = fragment = div = null; + + return support; +})(); +var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/, + rmultiDash = /([A-Z])/g; + +jQuery.extend({ + cache: {}, + + deletedIds: [], + + // Remove at next major release (1.9/2.0) + uuid: 0, + + // Unique for each copy of jQuery on the page + // Non-digits removed to match rinlinejQuery + expando: "jQuery" + ( jQuery.fn.jquery + Math.random() ).replace( /\D/g, "" ), + + // The following elements throw uncatchable exceptions if you + // attempt to add expando properties to them. + noData: { + "embed": true, + // Ban all objects except for Flash (which handle expandos) + "object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000", + "applet": true + }, + + hasData: function( elem ) { + elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ]; + return !!elem && !isEmptyDataObject( elem ); + }, + + data: function( elem, name, data, pvt /* Internal Use Only */ ) { + if ( !jQuery.acceptData( elem ) ) { + return; + } + + var thisCache, ret, + internalKey = jQuery.expando, + getByName = typeof name === "string", + + // We have to handle DOM nodes and JS objects differently because IE6-7 + // can't GC object references properly across the DOM-JS boundary + isNode = elem.nodeType, + + // Only DOM nodes need the global jQuery cache; JS object data is + // attached directly to the object so GC can occur automatically + cache = isNode ? jQuery.cache : elem, + + // Only defining an ID for JS objects if its cache already exists allows + // the code to shortcut on the same path as a DOM node with no cache + id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey; + + // Avoid doing any more work than we need to when trying to get data on an + // object that has no data at all + if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && getByName && data === undefined ) { + return; + } + + if ( !id ) { + // Only DOM nodes need a new unique ID for each element since their data + // ends up in the global cache + if ( isNode ) { + elem[ internalKey ] = id = jQuery.deletedIds.pop() || jQuery.guid++; + } else { + id = internalKey; + } + } + + if ( !cache[ id ] ) { + cache[ id ] = {}; + + // Avoids exposing jQuery metadata on plain JS objects when the object + // is serialized using JSON.stringify + if ( !isNode ) { + cache[ id ].toJSON = jQuery.noop; + } + } + + // An object can be passed to jQuery.data instead of a key/value pair; this gets + // shallow copied over onto the existing cache + if ( typeof name === "object" || typeof name === "function" ) { + if ( pvt ) { + cache[ id ] = jQuery.extend( cache[ id ], name ); + } else { + cache[ id ].data = jQuery.extend( cache[ id ].data, name ); + } + } + + thisCache = cache[ id ]; + + // jQuery data() is stored in a separate object inside the object's internal data + // cache in order to avoid key collisions between internal data and user-defined + // data. + if ( !pvt ) { + if ( !thisCache.data ) { + thisCache.data = {}; + } + + thisCache = thisCache.data; + } + + if ( data !== undefined ) { + thisCache[ jQuery.camelCase( name ) ] = data; + } + + // Check for both converted-to-camel and non-converted data property names + // If a data property was specified + if ( getByName ) { + + // First Try to find as-is property data + ret = thisCache[ name ]; + + // Test for null|undefined property data + if ( ret == null ) { + + // Try to find the camelCased property + ret = thisCache[ jQuery.camelCase( name ) ]; + } + } else { + ret = thisCache; + } + + return ret; + }, + + removeData: function( elem, name, pvt /* Internal Use Only */ ) { + if ( !jQuery.acceptData( elem ) ) { + return; + } + + var thisCache, i, l, + + isNode = elem.nodeType, + + // See jQuery.data for more information + cache = isNode ? jQuery.cache : elem, + id = isNode ? elem[ jQuery.expando ] : jQuery.expando; + + // If there is already no cache entry for this object, there is no + // purpose in continuing + if ( !cache[ id ] ) { + return; + } + + if ( name ) { + + thisCache = pvt ? cache[ id ] : cache[ id ].data; + + if ( thisCache ) { + + // Support array or space separated string names for data keys + if ( !jQuery.isArray( name ) ) { + + // try the string as a key before any manipulation + if ( name in thisCache ) { + name = [ name ]; + } else { + + // split the camel cased version by spaces unless a key with the spaces exists + name = jQuery.camelCase( name ); + if ( name in thisCache ) { + name = [ name ]; + } else { + name = name.split(" "); + } + } + } + + for ( i = 0, l = name.length; i < l; i++ ) { + delete thisCache[ name[i] ]; + } + + // If there is no data left in the cache, we want to continue + // and let the cache object itself get destroyed + if ( !( pvt ? isEmptyDataObject : jQuery.isEmptyObject )( thisCache ) ) { + return; + } + } + } + + // See jQuery.data for more information + if ( !pvt ) { + delete cache[ id ].data; + + // Don't destroy the parent cache unless the internal data object + // had been the only thing left in it + if ( !isEmptyDataObject( cache[ id ] ) ) { + return; + } + } + + // Destroy the cache + if ( isNode ) { + jQuery.cleanData( [ elem ], true ); + + // Use delete when supported for expandos or `cache` is not a window per isWindow (#10080) + } else if ( jQuery.support.deleteExpando || cache != cache.window ) { + delete cache[ id ]; + + // When all else fails, null + } else { + cache[ id ] = null; + } + }, + + // For internal use only. + _data: function( elem, name, data ) { + return jQuery.data( elem, name, data, true ); + }, + + // A method for determining if a DOM node can handle the data expando + acceptData: function( elem ) { + var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ]; + + // nodes accept data unless otherwise specified; rejection can be conditional + return !noData || noData !== true && elem.getAttribute("classid") === noData; + } +}); + +jQuery.fn.extend({ + data: function( key, value ) { + var parts, part, attr, name, l, + elem = this[0], + i = 0, + data = null; + + // Gets all values + if ( key === undefined ) { + if ( this.length ) { + data = jQuery.data( elem ); + + if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) { + attr = elem.attributes; + for ( l = attr.length; i < l; i++ ) { + name = attr[i].name; + + if ( !name.indexOf( "data-" ) ) { + name = jQuery.camelCase( name.substring(5) ); + + dataAttr( elem, name, data[ name ] ); + } + } + jQuery._data( elem, "parsedAttrs", true ); + } + } + + return data; + } + + // Sets multiple values + if ( typeof key === "object" ) { + return this.each(function() { + jQuery.data( this, key ); + }); + } + + parts = key.split( ".", 2 ); + parts[1] = parts[1] ? "." + parts[1] : ""; + part = parts[1] + "!"; + + return jQuery.access( this, function( value ) { + + if ( value === undefined ) { + data = this.triggerHandler( "getData" + part, [ parts[0] ] ); + + // Try to fetch any internally stored data first + if ( data === undefined && elem ) { + data = jQuery.data( elem, key ); + data = dataAttr( elem, key, data ); + } + + return data === undefined && parts[1] ? + this.data( parts[0] ) : + data; + } + + parts[1] = value; + this.each(function() { + var self = jQuery( this ); + + self.triggerHandler( "setData" + part, parts ); + jQuery.data( this, key, value ); + self.triggerHandler( "changeData" + part, parts ); + }); + }, null, value, arguments.length > 1, null, false ); + }, + + removeData: function( key ) { + return this.each(function() { + jQuery.removeData( this, key ); + }); + } +}); + +function dataAttr( elem, key, data ) { + // If nothing was found internally, try to fetch any + // data from the HTML5 data-* attribute + if ( data === undefined && elem.nodeType === 1 ) { + + var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase(); + + data = elem.getAttribute( name ); + + if ( typeof data === "string" ) { + try { + data = data === "true" ? true : + data === "false" ? false : + data === "null" ? null : + // Only convert to a number if it doesn't change the string + +data + "" === data ? +data : + rbrace.test( data ) ? jQuery.parseJSON( data ) : + data; + } catch( e ) {} + + // Make sure we set the data so it isn't changed later + jQuery.data( elem, key, data ); + + } else { + data = undefined; + } + } + + return data; +} + +// checks a cache object for emptiness +function isEmptyDataObject( obj ) { + var name; + for ( name in obj ) { + + // if the public data object is empty, the private is still empty + if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) { + continue; + } + if ( name !== "toJSON" ) { + return false; + } + } + + return true; +} +jQuery.extend({ + queue: function( elem, type, data ) { + var queue; + + if ( elem ) { + type = ( type || "fx" ) + "queue"; + queue = jQuery._data( elem, type ); + + // Speed up dequeue by getting out quickly if this is just a lookup + if ( data ) { + if ( !queue || jQuery.isArray(data) ) { + queue = jQuery._data( elem, type, jQuery.makeArray(data) ); + } else { + queue.push( data ); + } + } + return queue || []; + } + }, + + dequeue: function( elem, type ) { + type = type || "fx"; + + var queue = jQuery.queue( elem, type ), + startLength = queue.length, + fn = queue.shift(), + hooks = jQuery._queueHooks( elem, type ), + next = function() { + jQuery.dequeue( elem, type ); + }; + + // If the fx queue is dequeued, always remove the progress sentinel + if ( fn === "inprogress" ) { + fn = queue.shift(); + startLength--; + } + + if ( fn ) { + + // Add a progress sentinel to prevent the fx queue from being + // automatically dequeued + if ( type === "fx" ) { + queue.unshift( "inprogress" ); + } + + // clear up the last queue stop function + delete hooks.stop; + fn.call( elem, next, hooks ); + } + + if ( !startLength && hooks ) { + hooks.empty.fire(); + } + }, + + // not intended for public consumption - generates a queueHooks object, or returns the current one + _queueHooks: function( elem, type ) { + var key = type + "queueHooks"; + return jQuery._data( elem, key ) || jQuery._data( elem, key, { + empty: jQuery.Callbacks("once memory").add(function() { + jQuery.removeData( elem, type + "queue", true ); + jQuery.removeData( elem, key, true ); + }) + }); + } +}); + +jQuery.fn.extend({ + queue: function( type, data ) { + var setter = 2; + + if ( typeof type !== "string" ) { + data = type; + type = "fx"; + setter--; + } + + if ( arguments.length < setter ) { + return jQuery.queue( this[0], type ); + } + + return data === undefined ? + this : + this.each(function() { + var queue = jQuery.queue( this, type, data ); + + // ensure a hooks for this queue + jQuery._queueHooks( this, type ); + + if ( type === "fx" && queue[0] !== "inprogress" ) { + jQuery.dequeue( this, type ); + } + }); + }, + dequeue: function( type ) { + return this.each(function() { + jQuery.dequeue( this, type ); + }); + }, + // Based off of the plugin by Clint Helfers, with permission. + // http://blindsignals.com/index.php/2009/07/jquery-delay/ + delay: function( time, type ) { + time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time; + type = type || "fx"; + + return this.queue( type, function( next, hooks ) { + var timeout = setTimeout( next, time ); + hooks.stop = function() { + clearTimeout( timeout ); + }; + }); + }, + clearQueue: function( type ) { + return this.queue( type || "fx", [] ); + }, + // Get a promise resolved when queues of a certain type + // are emptied (fx is the type by default) + promise: function( type, obj ) { + var tmp, + count = 1, + defer = jQuery.Deferred(), + elements = this, + i = this.length, + resolve = function() { + if ( !( --count ) ) { + defer.resolveWith( elements, [ elements ] ); + } + }; + + if ( typeof type !== "string" ) { + obj = type; + type = undefined; + } + type = type || "fx"; + + while( i-- ) { + tmp = jQuery._data( elements[ i ], type + "queueHooks" ); + if ( tmp && tmp.empty ) { + count++; + tmp.empty.add( resolve ); + } + } + resolve(); + return defer.promise( obj ); + } +}); +var nodeHook, boolHook, fixSpecified, + rclass = /[\t\r\n]/g, + rreturn = /\r/g, + rtype = /^(?:button|input)$/i, + rfocusable = /^(?:button|input|object|select|textarea)$/i, + rclickable = /^a(?:rea|)$/i, + rboolean = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i, + getSetAttribute = jQuery.support.getSetAttribute; + +jQuery.fn.extend({ + attr: function( name, value ) { + return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 ); + }, + + removeAttr: function( name ) { + return this.each(function() { + jQuery.removeAttr( this, name ); + }); + }, + + prop: function( name, value ) { + return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 ); + }, + + removeProp: function( name ) { + name = jQuery.propFix[ name ] || name; + return this.each(function() { + // try/catch handles cases where IE balks (such as removing a property on window) + try { + this[ name ] = undefined; + delete this[ name ]; + } catch( e ) {} + }); + }, + + addClass: function( value ) { + var classNames, i, l, elem, + setClass, c, cl; + + if ( jQuery.isFunction( value ) ) { + return this.each(function( j ) { + jQuery( this ).addClass( value.call(this, j, this.className) ); + }); + } + + if ( value && typeof value === "string" ) { + classNames = value.split( core_rspace ); + + for ( i = 0, l = this.length; i < l; i++ ) { + elem = this[ i ]; + + if ( elem.nodeType === 1 ) { + if ( !elem.className && classNames.length === 1 ) { + elem.className = value; + + } else { + setClass = " " + elem.className + " "; + + for ( c = 0, cl = classNames.length; c < cl; c++ ) { + if ( setClass.indexOf( " " + classNames[ c ] + " " ) < 0 ) { + setClass += classNames[ c ] + " "; + } + } + elem.className = jQuery.trim( setClass ); + } + } + } + } + + return this; + }, + + removeClass: function( value ) { + var removes, className, elem, c, cl, i, l; + + if ( jQuery.isFunction( value ) ) { + return this.each(function( j ) { + jQuery( this ).removeClass( value.call(this, j, this.className) ); + }); + } + if ( (value && typeof value === "string") || value === undefined ) { + removes = ( value || "" ).split( core_rspace ); + + for ( i = 0, l = this.length; i < l; i++ ) { + elem = this[ i ]; + if ( elem.nodeType === 1 && elem.className ) { + + className = (" " + elem.className + " ").replace( rclass, " " ); + + // loop over each item in the removal list + for ( c = 0, cl = removes.length; c < cl; c++ ) { + // Remove until there is nothing to remove, + while ( className.indexOf(" " + removes[ c ] + " ") >= 0 ) { + className = className.replace( " " + removes[ c ] + " " , " " ); + } + } + elem.className = value ? jQuery.trim( className ) : ""; + } + } + } + + return this; + }, + + toggleClass: function( value, stateVal ) { + var type = typeof value, + isBool = typeof stateVal === "boolean"; + + if ( jQuery.isFunction( value ) ) { + return this.each(function( i ) { + jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal ); + }); + } + + return this.each(function() { + if ( type === "string" ) { + // toggle individual class names + var className, + i = 0, + self = jQuery( this ), + state = stateVal, + classNames = value.split( core_rspace ); + + while ( (className = classNames[ i++ ]) ) { + // check each className given, space separated list + state = isBool ? state : !self.hasClass( className ); + self[ state ? "addClass" : "removeClass" ]( className ); + } + + } else if ( type === "undefined" || type === "boolean" ) { + if ( this.className ) { + // store className if set + jQuery._data( this, "__className__", this.className ); + } + + // toggle whole className + this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || ""; + } + }); + }, + + hasClass: function( selector ) { + var className = " " + selector + " ", + i = 0, + l = this.length; + for ( ; i < l; i++ ) { + if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) { + return true; + } + } + + return false; + }, + + val: function( value ) { + var hooks, ret, isFunction, + elem = this[0]; + + if ( !arguments.length ) { + if ( elem ) { + hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ]; + + if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) { + return ret; + } + + ret = elem.value; + + return typeof ret === "string" ? + // handle most common string cases + ret.replace(rreturn, "") : + // handle cases where value is null/undef or number + ret == null ? "" : ret; + } + + return; + } + + isFunction = jQuery.isFunction( value ); + + return this.each(function( i ) { + var val, + self = jQuery(this); + + if ( this.nodeType !== 1 ) { + return; + } + + if ( isFunction ) { + val = value.call( this, i, self.val() ); + } else { + val = value; + } + + // Treat null/undefined as ""; convert numbers to string + if ( val == null ) { + val = ""; + } else if ( typeof val === "number" ) { + val += ""; + } else if ( jQuery.isArray( val ) ) { + val = jQuery.map(val, function ( value ) { + return value == null ? "" : value + ""; + }); + } + + hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ]; + + // If set returns undefined, fall back to normal setting + if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) { + this.value = val; + } + }); + } +}); + +jQuery.extend({ + valHooks: { + option: { + get: function( elem ) { + // attributes.value is undefined in Blackberry 4.7 but + // uses .value. See #6932 + var val = elem.attributes.value; + return !val || val.specified ? elem.value : elem.text; + } + }, + select: { + get: function( elem ) { + var value, option, + options = elem.options, + index = elem.selectedIndex, + one = elem.type === "select-one" || index < 0, + values = one ? null : [], + max = one ? index + 1 : options.length, + i = index < 0 ? + max : + one ? index : 0; + + // Loop through all the selected options + for ( ; i < max; i++ ) { + option = options[ i ]; + + // oldIE doesn't update selected after form reset (#2551) + if ( ( option.selected || i === index ) && + // Don't return options that are disabled or in a disabled optgroup + ( jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null ) && + ( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) { + + // Get the specific value for the option + value = jQuery( option ).val(); + + // We don't need an array for one selects + if ( one ) { + return value; + } + + // Multi-Selects return an array + values.push( value ); + } + } + + return values; + }, + + set: function( elem, value ) { + var values = jQuery.makeArray( value ); + + jQuery(elem).find("option").each(function() { + this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0; + }); + + if ( !values.length ) { + elem.selectedIndex = -1; + } + return values; + } + } + }, + + // Unused in 1.8, left in so attrFn-stabbers won't die; remove in 1.9 + attrFn: {}, + + attr: function( elem, name, value, pass ) { + var ret, hooks, notxml, + nType = elem.nodeType; + + // don't get/set attributes on text, comment and attribute nodes + if ( !elem || nType === 3 || nType === 8 || nType === 2 ) { + return; + } + + if ( pass && jQuery.isFunction( jQuery.fn[ name ] ) ) { + return jQuery( elem )[ name ]( value ); + } + + // Fallback to prop when attributes are not supported + if ( typeof elem.getAttribute === "undefined" ) { + return jQuery.prop( elem, name, value ); + } + + notxml = nType !== 1 || !jQuery.isXMLDoc( elem ); + + // All attributes are lowercase + // Grab necessary hook if one is defined + if ( notxml ) { + name = name.toLowerCase(); + hooks = jQuery.attrHooks[ name ] || ( rboolean.test( name ) ? boolHook : nodeHook ); + } + + if ( value !== undefined ) { + + if ( value === null ) { + jQuery.removeAttr( elem, name ); + return; + + } else if ( hooks && "set" in hooks && notxml && (ret = hooks.set( elem, value, name )) !== undefined ) { + return ret; + + } else { + elem.setAttribute( name, value + "" ); + return value; + } + + } else if ( hooks && "get" in hooks && notxml && (ret = hooks.get( elem, name )) !== null ) { + return ret; + + } else { + + ret = elem.getAttribute( name ); + + // Non-existent attributes return null, we normalize to undefined + return ret === null ? + undefined : + ret; + } + }, + + removeAttr: function( elem, value ) { + var propName, attrNames, name, isBool, + i = 0; + + if ( value && elem.nodeType === 1 ) { + + attrNames = value.split( core_rspace ); + + for ( ; i < attrNames.length; i++ ) { + name = attrNames[ i ]; + + if ( name ) { + propName = jQuery.propFix[ name ] || name; + isBool = rboolean.test( name ); + + // See #9699 for explanation of this approach (setting first, then removal) + // Do not do this for boolean attributes (see #10870) + if ( !isBool ) { + jQuery.attr( elem, name, "" ); + } + elem.removeAttribute( getSetAttribute ? name : propName ); + + // Set corresponding property to false for boolean attributes + if ( isBool && propName in elem ) { + elem[ propName ] = false; + } + } + } + } + }, + + attrHooks: { + type: { + set: function( elem, value ) { + // We can't allow the type property to be changed (since it causes problems in IE) + if ( rtype.test( elem.nodeName ) && elem.parentNode ) { + jQuery.error( "type property can't be changed" ); + } else if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) { + // Setting the type on a radio button after the value resets the value in IE6-9 + // Reset value to it's default in case type is set after value + // This is for element creation + var val = elem.value; + elem.setAttribute( "type", value ); + if ( val ) { + elem.value = val; + } + return value; + } + } + }, + // Use the value property for back compat + // Use the nodeHook for button elements in IE6/7 (#1954) + value: { + get: function( elem, name ) { + if ( nodeHook && jQuery.nodeName( elem, "button" ) ) { + return nodeHook.get( elem, name ); + } + return name in elem ? + elem.value : + null; + }, + set: function( elem, value, name ) { + if ( nodeHook && jQuery.nodeName( elem, "button" ) ) { + return nodeHook.set( elem, value, name ); + } + // Does not return so that setAttribute is also used + elem.value = value; + } + } + }, + + propFix: { + tabindex: "tabIndex", + readonly: "readOnly", + "for": "htmlFor", + "class": "className", + maxlength: "maxLength", + cellspacing: "cellSpacing", + cellpadding: "cellPadding", + rowspan: "rowSpan", + colspan: "colSpan", + usemap: "useMap", + frameborder: "frameBorder", + contenteditable: "contentEditable" + }, + + prop: function( elem, name, value ) { + var ret, hooks, notxml, + nType = elem.nodeType; + + // don't get/set properties on text, comment and attribute nodes + if ( !elem || nType === 3 || nType === 8 || nType === 2 ) { + return; + } + + notxml = nType !== 1 || !jQuery.isXMLDoc( elem ); + + if ( notxml ) { + // Fix name and attach hooks + name = jQuery.propFix[ name ] || name; + hooks = jQuery.propHooks[ name ]; + } + + if ( value !== undefined ) { + if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) { + return ret; + + } else { + return ( elem[ name ] = value ); + } + + } else { + if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) { + return ret; + + } else { + return elem[ name ]; + } + } + }, + + propHooks: { + tabIndex: { + get: function( elem ) { + // elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set + // http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/ + var attributeNode = elem.getAttributeNode("tabindex"); + + return attributeNode && attributeNode.specified ? + parseInt( attributeNode.value, 10 ) : + rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ? + 0 : + undefined; + } + } + } +}); + +// Hook for boolean attributes +boolHook = { + get: function( elem, name ) { + // Align boolean attributes with corresponding properties + // Fall back to attribute presence where some booleans are not supported + var attrNode, + property = jQuery.prop( elem, name ); + return property === true || typeof property !== "boolean" && ( attrNode = elem.getAttributeNode(name) ) && attrNode.nodeValue !== false ? + name.toLowerCase() : + undefined; + }, + set: function( elem, value, name ) { + var propName; + if ( value === false ) { + // Remove boolean attributes when set to false + jQuery.removeAttr( elem, name ); + } else { + // value is true since we know at this point it's type boolean and not false + // Set boolean attributes to the same name and set the DOM property + propName = jQuery.propFix[ name ] || name; + if ( propName in elem ) { + // Only set the IDL specifically if it already exists on the element + elem[ propName ] = true; + } + + elem.setAttribute( name, name.toLowerCase() ); + } + return name; + } +}; + +// IE6/7 do not support getting/setting some attributes with get/setAttribute +if ( !getSetAttribute ) { + + fixSpecified = { + name: true, + id: true, + coords: true + }; + + // Use this for any attribute in IE6/7 + // This fixes almost every IE6/7 issue + nodeHook = jQuery.valHooks.button = { + get: function( elem, name ) { + var ret; + ret = elem.getAttributeNode( name ); + return ret && ( fixSpecified[ name ] ? ret.value !== "" : ret.specified ) ? + ret.value : + undefined; + }, + set: function( elem, value, name ) { + // Set the existing or create a new attribute node + var ret = elem.getAttributeNode( name ); + if ( !ret ) { + ret = document.createAttribute( name ); + elem.setAttributeNode( ret ); + } + return ( ret.value = value + "" ); + } + }; + + // Set width and height to auto instead of 0 on empty string( Bug #8150 ) + // This is for removals + jQuery.each([ "width", "height" ], function( i, name ) { + jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], { + set: function( elem, value ) { + if ( value === "" ) { + elem.setAttribute( name, "auto" ); + return value; + } + } + }); + }); + + // Set contenteditable to false on removals(#10429) + // Setting to empty string throws an error as an invalid value + jQuery.attrHooks.contenteditable = { + get: nodeHook.get, + set: function( elem, value, name ) { + if ( value === "" ) { + value = "false"; + } + nodeHook.set( elem, value, name ); + } + }; +} + + +// Some attributes require a special call on IE +if ( !jQuery.support.hrefNormalized ) { + jQuery.each([ "href", "src", "width", "height" ], function( i, name ) { + jQuery.attrHooks[ name ] = jQuery.extend( jQuery.attrHooks[ name ], { + get: function( elem ) { + var ret = elem.getAttribute( name, 2 ); + return ret === null ? undefined : ret; + } + }); + }); +} + +if ( !jQuery.support.style ) { + jQuery.attrHooks.style = { + get: function( elem ) { + // Return undefined in the case of empty string + // Normalize to lowercase since IE uppercases css property names + return elem.style.cssText.toLowerCase() || undefined; + }, + set: function( elem, value ) { + return ( elem.style.cssText = value + "" ); + } + }; +} + +// Safari mis-reports the default selected property of an option +// Accessing the parent's selectedIndex property fixes it +if ( !jQuery.support.optSelected ) { + jQuery.propHooks.selected = jQuery.extend( jQuery.propHooks.selected, { + get: function( elem ) { + var parent = elem.parentNode; + + if ( parent ) { + parent.selectedIndex; + + // Make sure that it also works with optgroups, see #5701 + if ( parent.parentNode ) { + parent.parentNode.selectedIndex; + } + } + return null; + } + }); +} + +// IE6/7 call enctype encoding +if ( !jQuery.support.enctype ) { + jQuery.propFix.enctype = "encoding"; +} + +// Radios and checkboxes getter/setter +if ( !jQuery.support.checkOn ) { + jQuery.each([ "radio", "checkbox" ], function() { + jQuery.valHooks[ this ] = { + get: function( elem ) { + // Handle the case where in Webkit "" is returned instead of "on" if a value isn't specified + return elem.getAttribute("value") === null ? "on" : elem.value; + } + }; + }); +} +jQuery.each([ "radio", "checkbox" ], function() { + jQuery.valHooks[ this ] = jQuery.extend( jQuery.valHooks[ this ], { + set: function( elem, value ) { + if ( jQuery.isArray( value ) ) { + return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 ); + } + } + }); +}); +var rformElems = /^(?:textarea|input|select)$/i, + rtypenamespace = /^([^\.]*|)(?:\.(.+)|)$/, + rhoverHack = /(?:^|\s)hover(\.\S+|)\b/, + rkeyEvent = /^key/, + rmouseEvent = /^(?:mouse|contextmenu)|click/, + rfocusMorph = /^(?:focusinfocus|focusoutblur)$/, + hoverHack = function( events ) { + return jQuery.event.special.hover ? events : events.replace( rhoverHack, "mouseenter$1 mouseleave$1" ); + }; + +/* + * Helper functions for managing events -- not part of the public interface. + * Props to Dean Edwards' addEvent library for many of the ideas. + */ +jQuery.event = { + + add: function( elem, types, handler, data, selector ) { + + var elemData, eventHandle, events, + t, tns, type, namespaces, handleObj, + handleObjIn, handlers, special; + + // Don't attach events to noData or text/comment nodes (allow plain objects tho) + if ( elem.nodeType === 3 || elem.nodeType === 8 || !types || !handler || !(elemData = jQuery._data( elem )) ) { + return; + } + + // Caller can pass in an object of custom data in lieu of the handler + if ( handler.handler ) { + handleObjIn = handler; + handler = handleObjIn.handler; + selector = handleObjIn.selector; + } + + // Make sure that the handler has a unique ID, used to find/remove it later + if ( !handler.guid ) { + handler.guid = jQuery.guid++; + } + + // Init the element's event structure and main handler, if this is the first + events = elemData.events; + if ( !events ) { + elemData.events = events = {}; + } + eventHandle = elemData.handle; + if ( !eventHandle ) { + elemData.handle = eventHandle = function( e ) { + // Discard the second event of a jQuery.event.trigger() and + // when an event is called after a page has unloaded + return typeof jQuery !== "undefined" && (!e || jQuery.event.triggered !== e.type) ? + jQuery.event.dispatch.apply( eventHandle.elem, arguments ) : + undefined; + }; + // Add elem as a property of the handle fn to prevent a memory leak with IE non-native events + eventHandle.elem = elem; + } + + // Handle multiple events separated by a space + // jQuery(...).bind("mouseover mouseout", fn); + types = jQuery.trim( hoverHack(types) ).split( " " ); + for ( t = 0; t < types.length; t++ ) { + + tns = rtypenamespace.exec( types[t] ) || []; + type = tns[1]; + namespaces = ( tns[2] || "" ).split( "." ).sort(); + + // If event changes its type, use the special event handlers for the changed type + special = jQuery.event.special[ type ] || {}; + + // If selector defined, determine special event api type, otherwise given type + type = ( selector ? special.delegateType : special.bindType ) || type; + + // Update special based on newly reset type + special = jQuery.event.special[ type ] || {}; + + // handleObj is passed to all event handlers + handleObj = jQuery.extend({ + type: type, + origType: tns[1], + data: data, + handler: handler, + guid: handler.guid, + selector: selector, + needsContext: selector && jQuery.expr.match.needsContext.test( selector ), + namespace: namespaces.join(".") + }, handleObjIn ); + + // Init the event handler queue if we're the first + handlers = events[ type ]; + if ( !handlers ) { + handlers = events[ type ] = []; + handlers.delegateCount = 0; + + // Only use addEventListener/attachEvent if the special events handler returns false + if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) { + // Bind the global event handler to the element + if ( elem.addEventListener ) { + elem.addEventListener( type, eventHandle, false ); + + } else if ( elem.attachEvent ) { + elem.attachEvent( "on" + type, eventHandle ); + } + } + } + + if ( special.add ) { + special.add.call( elem, handleObj ); + + if ( !handleObj.handler.guid ) { + handleObj.handler.guid = handler.guid; + } + } + + // Add to the element's handler list, delegates in front + if ( selector ) { + handlers.splice( handlers.delegateCount++, 0, handleObj ); + } else { + handlers.push( handleObj ); + } + + // Keep track of which events have ever been used, for event optimization + jQuery.event.global[ type ] = true; + } + + // Nullify elem to prevent memory leaks in IE + elem = null; + }, + + global: {}, + + // Detach an event or set of events from an element + remove: function( elem, types, handler, selector, mappedTypes ) { + + var t, tns, type, origType, namespaces, origCount, + j, events, special, eventType, handleObj, + elemData = jQuery.hasData( elem ) && jQuery._data( elem ); + + if ( !elemData || !(events = elemData.events) ) { + return; + } + + // Once for each type.namespace in types; type may be omitted + types = jQuery.trim( hoverHack( types || "" ) ).split(" "); + for ( t = 0; t < types.length; t++ ) { + tns = rtypenamespace.exec( types[t] ) || []; + type = origType = tns[1]; + namespaces = tns[2]; + + // Unbind all events (on this namespace, if provided) for the element + if ( !type ) { + for ( type in events ) { + jQuery.event.remove( elem, type + types[ t ], handler, selector, true ); + } + continue; + } + + special = jQuery.event.special[ type ] || {}; + type = ( selector? special.delegateType : special.bindType ) || type; + eventType = events[ type ] || []; + origCount = eventType.length; + namespaces = namespaces ? new RegExp("(^|\\.)" + namespaces.split(".").sort().join("\\.(?:.*\\.|)") + "(\\.|$)") : null; + + // Remove matching events + for ( j = 0; j < eventType.length; j++ ) { + handleObj = eventType[ j ]; + + if ( ( mappedTypes || origType === handleObj.origType ) && + ( !handler || handler.guid === handleObj.guid ) && + ( !namespaces || namespaces.test( handleObj.namespace ) ) && + ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) { + eventType.splice( j--, 1 ); + + if ( handleObj.selector ) { + eventType.delegateCount--; + } + if ( special.remove ) { + special.remove.call( elem, handleObj ); + } + } + } + + // Remove generic event handler if we removed something and no more handlers exist + // (avoids potential for endless recursion during removal of special event handlers) + if ( eventType.length === 0 && origCount !== eventType.length ) { + if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) { + jQuery.removeEvent( elem, type, elemData.handle ); + } + + delete events[ type ]; + } + } + + // Remove the expando if it's no longer used + if ( jQuery.isEmptyObject( events ) ) { + delete elemData.handle; + + // removeData also checks for emptiness and clears the expando if empty + // so use it instead of delete + jQuery.removeData( elem, "events", true ); + } + }, + + // Events that are safe to short-circuit if no handlers are attached. + // Native DOM events should not be added, they may have inline handlers. + customEvent: { + "getData": true, + "setData": true, + "changeData": true + }, + + trigger: function( event, data, elem, onlyHandlers ) { + // Don't do events on text and comment nodes + if ( elem && (elem.nodeType === 3 || elem.nodeType === 8) ) { + return; + } + + // Event object or event type + var cache, exclusive, i, cur, old, ontype, special, handle, eventPath, bubbleType, + type = event.type || event, + namespaces = []; + + // focus/blur morphs to focusin/out; ensure we're not firing them right now + if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { + return; + } + + if ( type.indexOf( "!" ) >= 0 ) { + // Exclusive events trigger only for the exact event (no namespaces) + type = type.slice(0, -1); + exclusive = true; + } + + if ( type.indexOf( "." ) >= 0 ) { + // Namespaced trigger; create a regexp to match event type in handle() + namespaces = type.split("."); + type = namespaces.shift(); + namespaces.sort(); + } + + if ( (!elem || jQuery.event.customEvent[ type ]) && !jQuery.event.global[ type ] ) { + // No jQuery handlers for this event type, and it can't have inline handlers + return; + } + + // Caller can pass in an Event, Object, or just an event type string + event = typeof event === "object" ? + // jQuery.Event object + event[ jQuery.expando ] ? event : + // Object literal + new jQuery.Event( type, event ) : + // Just the event type (string) + new jQuery.Event( type ); + + event.type = type; + event.isTrigger = true; + event.exclusive = exclusive; + event.namespace = namespaces.join( "." ); + event.namespace_re = event.namespace? new RegExp("(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)") : null; + ontype = type.indexOf( ":" ) < 0 ? "on" + type : ""; + + // Handle a global trigger + if ( !elem ) { + + // TODO: Stop taunting the data cache; remove global events and always attach to document + cache = jQuery.cache; + for ( i in cache ) { + if ( cache[ i ].events && cache[ i ].events[ type ] ) { + jQuery.event.trigger( event, data, cache[ i ].handle.elem, true ); + } + } + return; + } + + // Clean up the event in case it is being reused + event.result = undefined; + if ( !event.target ) { + event.target = elem; + } + + // Clone any incoming data and prepend the event, creating the handler arg list + data = data != null ? jQuery.makeArray( data ) : []; + data.unshift( event ); + + // Allow special events to draw outside the lines + special = jQuery.event.special[ type ] || {}; + if ( special.trigger && special.trigger.apply( elem, data ) === false ) { + return; + } + + // Determine event propagation path in advance, per W3C events spec (#9951) + // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) + eventPath = [[ elem, special.bindType || type ]]; + if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) { + + bubbleType = special.delegateType || type; + cur = rfocusMorph.test( bubbleType + type ) ? elem : elem.parentNode; + for ( old = elem; cur; cur = cur.parentNode ) { + eventPath.push([ cur, bubbleType ]); + old = cur; + } + + // Only add window if we got to document (e.g., not plain obj or detached DOM) + if ( old === (elem.ownerDocument || document) ) { + eventPath.push([ old.defaultView || old.parentWindow || window, bubbleType ]); + } + } + + // Fire handlers on the event path + for ( i = 0; i < eventPath.length && !event.isPropagationStopped(); i++ ) { + + cur = eventPath[i][0]; + event.type = eventPath[i][1]; + + handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" ); + if ( handle ) { + handle.apply( cur, data ); + } + // Note that this is a bare JS function and not a jQuery handler + handle = ontype && cur[ ontype ]; + if ( handle && jQuery.acceptData( cur ) && handle.apply && handle.apply( cur, data ) === false ) { + event.preventDefault(); + } + } + event.type = type; + + // If nobody prevented the default action, do it now + if ( !onlyHandlers && !event.isDefaultPrevented() ) { + + if ( (!special._default || special._default.apply( elem.ownerDocument, data ) === false) && + !(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) { + + // Call a native DOM method on the target with the same name name as the event. + // Can't use an .isFunction() check here because IE6/7 fails that test. + // Don't do default actions on window, that's where global variables be (#6170) + // IE<9 dies on focus/blur to hidden element (#1486) + if ( ontype && elem[ type ] && ((type !== "focus" && type !== "blur") || event.target.offsetWidth !== 0) && !jQuery.isWindow( elem ) ) { + + // Don't re-trigger an onFOO event when we call its FOO() method + old = elem[ ontype ]; + + if ( old ) { + elem[ ontype ] = null; + } + + // Prevent re-triggering of the same event, since we already bubbled it above + jQuery.event.triggered = type; + elem[ type ](); + jQuery.event.triggered = undefined; + + if ( old ) { + elem[ ontype ] = old; + } + } + } + } + + return event.result; + }, + + dispatch: function( event ) { + + // Make a writable jQuery.Event from the native event object + event = jQuery.event.fix( event || window.event ); + + var i, j, cur, ret, selMatch, matched, matches, handleObj, sel, related, + handlers = ( (jQuery._data( this, "events" ) || {} )[ event.type ] || []), + delegateCount = handlers.delegateCount, + args = core_slice.call( arguments ), + run_all = !event.exclusive && !event.namespace, + special = jQuery.event.special[ event.type ] || {}, + handlerQueue = []; + + // Use the fix-ed jQuery.Event rather than the (read-only) native event + args[0] = event; + event.delegateTarget = this; + + // Call the preDispatch hook for the mapped type, and let it bail if desired + if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) { + return; + } + + // Determine handlers that should run if there are delegated events + // Avoid non-left-click bubbling in Firefox (#3861) + if ( delegateCount && !(event.button && event.type === "click") ) { + + for ( cur = event.target; cur != this; cur = cur.parentNode || this ) { + + // Don't process clicks (ONLY) on disabled elements (#6911, #8165, #11382, #11764) + if ( cur.disabled !== true || event.type !== "click" ) { + selMatch = {}; + matches = []; + for ( i = 0; i < delegateCount; i++ ) { + handleObj = handlers[ i ]; + sel = handleObj.selector; + + if ( selMatch[ sel ] === undefined ) { + selMatch[ sel ] = handleObj.needsContext ? + jQuery( sel, this ).index( cur ) >= 0 : + jQuery.find( sel, this, null, [ cur ] ).length; + } + if ( selMatch[ sel ] ) { + matches.push( handleObj ); + } + } + if ( matches.length ) { + handlerQueue.push({ elem: cur, matches: matches }); + } + } + } + } + + // Add the remaining (directly-bound) handlers + if ( handlers.length > delegateCount ) { + handlerQueue.push({ elem: this, matches: handlers.slice( delegateCount ) }); + } + + // Run delegates first; they may want to stop propagation beneath us + for ( i = 0; i < handlerQueue.length && !event.isPropagationStopped(); i++ ) { + matched = handlerQueue[ i ]; + event.currentTarget = matched.elem; + + for ( j = 0; j < matched.matches.length && !event.isImmediatePropagationStopped(); j++ ) { + handleObj = matched.matches[ j ]; + + // Triggered event must either 1) be non-exclusive and have no namespace, or + // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace). + if ( run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test( handleObj.namespace ) ) { + + event.data = handleObj.data; + event.handleObj = handleObj; + + ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler ) + .apply( matched.elem, args ); + + if ( ret !== undefined ) { + event.result = ret; + if ( ret === false ) { + event.preventDefault(); + event.stopPropagation(); + } + } + } + } + } + + // Call the postDispatch hook for the mapped type + if ( special.postDispatch ) { + special.postDispatch.call( this, event ); + } + + return event.result; + }, + + // Includes some event props shared by KeyEvent and MouseEvent + // *** attrChange attrName relatedNode srcElement are not normalized, non-W3C, deprecated, will be removed in 1.8 *** + props: "attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "), + + fixHooks: {}, + + keyHooks: { + props: "char charCode key keyCode".split(" "), + filter: function( event, original ) { + + // Add which for key events + if ( event.which == null ) { + event.which = original.charCode != null ? original.charCode : original.keyCode; + } + + return event; + } + }, + + mouseHooks: { + props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "), + filter: function( event, original ) { + var eventDoc, doc, body, + button = original.button, + fromElement = original.fromElement; + + // Calculate pageX/Y if missing and clientX/Y available + if ( event.pageX == null && original.clientX != null ) { + eventDoc = event.target.ownerDocument || document; + doc = eventDoc.documentElement; + body = eventDoc.body; + + event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 ); + event.pageY = original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 ); + } + + // Add relatedTarget, if necessary + if ( !event.relatedTarget && fromElement ) { + event.relatedTarget = fromElement === event.target ? original.toElement : fromElement; + } + + // Add which for click: 1 === left; 2 === middle; 3 === right + // Note: button is not normalized, so don't use it + if ( !event.which && button !== undefined ) { + event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) ); + } + + return event; + } + }, + + fix: function( event ) { + if ( event[ jQuery.expando ] ) { + return event; + } + + // Create a writable copy of the event object and normalize some properties + var i, prop, + originalEvent = event, + fixHook = jQuery.event.fixHooks[ event.type ] || {}, + copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props; + + event = jQuery.Event( originalEvent ); + + for ( i = copy.length; i; ) { + prop = copy[ --i ]; + event[ prop ] = originalEvent[ prop ]; + } + + // Fix target property, if necessary (#1925, IE 6/7/8 & Safari2) + if ( !event.target ) { + event.target = originalEvent.srcElement || document; + } + + // Target should not be a text node (#504, Safari) + if ( event.target.nodeType === 3 ) { + event.target = event.target.parentNode; + } + + // For mouse/key events, metaKey==false if it's undefined (#3368, #11328; IE6/7/8) + event.metaKey = !!event.metaKey; + + return fixHook.filter? fixHook.filter( event, originalEvent ) : event; + }, + + special: { + load: { + // Prevent triggered image.load events from bubbling to window.load + noBubble: true + }, + + focus: { + delegateType: "focusin" + }, + blur: { + delegateType: "focusout" + }, + + beforeunload: { + setup: function( data, namespaces, eventHandle ) { + // We only want to do this special case on windows + if ( jQuery.isWindow( this ) ) { + this.onbeforeunload = eventHandle; + } + }, + + teardown: function( namespaces, eventHandle ) { + if ( this.onbeforeunload === eventHandle ) { + this.onbeforeunload = null; + } + } + } + }, + + simulate: function( type, elem, event, bubble ) { + // Piggyback on a donor event to simulate a different one. + // Fake originalEvent to avoid donor's stopPropagation, but if the + // simulated event prevents default then we do the same on the donor. + var e = jQuery.extend( + new jQuery.Event(), + event, + { type: type, + isSimulated: true, + originalEvent: {} + } + ); + if ( bubble ) { + jQuery.event.trigger( e, null, elem ); + } else { + jQuery.event.dispatch.call( elem, e ); + } + if ( e.isDefaultPrevented() ) { + event.preventDefault(); + } + } +}; + +// Some plugins are using, but it's undocumented/deprecated and will be removed. +// The 1.7 special event interface should provide all the hooks needed now. +jQuery.event.handle = jQuery.event.dispatch; + +jQuery.removeEvent = document.removeEventListener ? + function( elem, type, handle ) { + if ( elem.removeEventListener ) { + elem.removeEventListener( type, handle, false ); + } + } : + function( elem, type, handle ) { + var name = "on" + type; + + if ( elem.detachEvent ) { + + // #8545, #7054, preventing memory leaks for custom events in IE6-8 + // detachEvent needed property on element, by name of that event, to properly expose it to GC + if ( typeof elem[ name ] === "undefined" ) { + elem[ name ] = null; + } + + elem.detachEvent( name, handle ); + } + }; + +jQuery.Event = function( src, props ) { + // Allow instantiation without the 'new' keyword + if ( !(this instanceof jQuery.Event) ) { + return new jQuery.Event( src, props ); + } + + // Event object + if ( src && src.type ) { + this.originalEvent = src; + this.type = src.type; + + // Events bubbling up the document may have been marked as prevented + // by a handler lower down the tree; reflect the correct value. + this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false || + src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse; + + // Event type + } else { + this.type = src; + } + + // Put explicitly provided properties onto the event object + if ( props ) { + jQuery.extend( this, props ); + } + + // Create a timestamp if incoming event doesn't have one + this.timeStamp = src && src.timeStamp || jQuery.now(); + + // Mark it as fixed + this[ jQuery.expando ] = true; +}; + +function returnFalse() { + return false; +} +function returnTrue() { + return true; +} + +// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding +// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html +jQuery.Event.prototype = { + preventDefault: function() { + this.isDefaultPrevented = returnTrue; + + var e = this.originalEvent; + if ( !e ) { + return; + } + + // if preventDefault exists run it on the original event + if ( e.preventDefault ) { + e.preventDefault(); + + // otherwise set the returnValue property of the original event to false (IE) + } else { + e.returnValue = false; + } + }, + stopPropagation: function() { + this.isPropagationStopped = returnTrue; + + var e = this.originalEvent; + if ( !e ) { + return; + } + // if stopPropagation exists run it on the original event + if ( e.stopPropagation ) { + e.stopPropagation(); + } + // otherwise set the cancelBubble property of the original event to true (IE) + e.cancelBubble = true; + }, + stopImmediatePropagation: function() { + this.isImmediatePropagationStopped = returnTrue; + this.stopPropagation(); + }, + isDefaultPrevented: returnFalse, + isPropagationStopped: returnFalse, + isImmediatePropagationStopped: returnFalse +}; + +// Create mouseenter/leave events using mouseover/out and event-time checks +jQuery.each({ + mouseenter: "mouseover", + mouseleave: "mouseout" +}, function( orig, fix ) { + jQuery.event.special[ orig ] = { + delegateType: fix, + bindType: fix, + + handle: function( event ) { + var ret, + target = this, + related = event.relatedTarget, + handleObj = event.handleObj, + selector = handleObj.selector; + + // For mousenter/leave call the handler if related is outside the target. + // NB: No relatedTarget if the mouse left/entered the browser window + if ( !related || (related !== target && !jQuery.contains( target, related )) ) { + event.type = handleObj.origType; + ret = handleObj.handler.apply( this, arguments ); + event.type = fix; + } + return ret; + } + }; +}); + +// IE submit delegation +if ( !jQuery.support.submitBubbles ) { + + jQuery.event.special.submit = { + setup: function() { + // Only need this for delegated form submit events + if ( jQuery.nodeName( this, "form" ) ) { + return false; + } + + // Lazy-add a submit handler when a descendant form may potentially be submitted + jQuery.event.add( this, "click._submit keypress._submit", function( e ) { + // Node name check avoids a VML-related crash in IE (#9807) + var elem = e.target, + form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined; + if ( form && !jQuery._data( form, "_submit_attached" ) ) { + jQuery.event.add( form, "submit._submit", function( event ) { + event._submit_bubble = true; + }); + jQuery._data( form, "_submit_attached", true ); + } + }); + // return undefined since we don't need an event listener + }, + + postDispatch: function( event ) { + // If form was submitted by the user, bubble the event up the tree + if ( event._submit_bubble ) { + delete event._submit_bubble; + if ( this.parentNode && !event.isTrigger ) { + jQuery.event.simulate( "submit", this.parentNode, event, true ); + } + } + }, + + teardown: function() { + // Only need this for delegated form submit events + if ( jQuery.nodeName( this, "form" ) ) { + return false; + } + + // Remove delegated handlers; cleanData eventually reaps submit handlers attached above + jQuery.event.remove( this, "._submit" ); + } + }; +} + +// IE change delegation and checkbox/radio fix +if ( !jQuery.support.changeBubbles ) { + + jQuery.event.special.change = { + + setup: function() { + + if ( rformElems.test( this.nodeName ) ) { + // IE doesn't fire change on a check/radio until blur; trigger it on click + // after a propertychange. Eat the blur-change in special.change.handle. + // This still fires onchange a second time for check/radio after blur. + if ( this.type === "checkbox" || this.type === "radio" ) { + jQuery.event.add( this, "propertychange._change", function( event ) { + if ( event.originalEvent.propertyName === "checked" ) { + this._just_changed = true; + } + }); + jQuery.event.add( this, "click._change", function( event ) { + if ( this._just_changed && !event.isTrigger ) { + this._just_changed = false; + } + // Allow triggered, simulated change events (#11500) + jQuery.event.simulate( "change", this, event, true ); + }); + } + return false; + } + // Delegated event; lazy-add a change handler on descendant inputs + jQuery.event.add( this, "beforeactivate._change", function( e ) { + var elem = e.target; + + if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "_change_attached" ) ) { + jQuery.event.add( elem, "change._change", function( event ) { + if ( this.parentNode && !event.isSimulated && !event.isTrigger ) { + jQuery.event.simulate( "change", this.parentNode, event, true ); + } + }); + jQuery._data( elem, "_change_attached", true ); + } + }); + }, + + handle: function( event ) { + var elem = event.target; + + // Swallow native change events from checkbox/radio, we already triggered them above + if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) { + return event.handleObj.handler.apply( this, arguments ); + } + }, + + teardown: function() { + jQuery.event.remove( this, "._change" ); + + return !rformElems.test( this.nodeName ); + } + }; +} + +// Create "bubbling" focus and blur events +if ( !jQuery.support.focusinBubbles ) { + jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) { + + // Attach a single capturing handler while someone wants focusin/focusout + var attaches = 0, + handler = function( event ) { + jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true ); + }; + + jQuery.event.special[ fix ] = { + setup: function() { + if ( attaches++ === 0 ) { + document.addEventListener( orig, handler, true ); + } + }, + teardown: function() { + if ( --attaches === 0 ) { + document.removeEventListener( orig, handler, true ); + } + } + }; + }); +} + +jQuery.fn.extend({ + + on: function( types, selector, data, fn, /*INTERNAL*/ one ) { + var origFn, type; + + // Types can be a map of types/handlers + if ( typeof types === "object" ) { + // ( types-Object, selector, data ) + if ( typeof selector !== "string" ) { // && selector != null + // ( types-Object, data ) + data = data || selector; + selector = undefined; + } + for ( type in types ) { + this.on( type, selector, data, types[ type ], one ); + } + return this; + } + + if ( data == null && fn == null ) { + // ( types, fn ) + fn = selector; + data = selector = undefined; + } else if ( fn == null ) { + if ( typeof selector === "string" ) { + // ( types, selector, fn ) + fn = data; + data = undefined; + } else { + // ( types, data, fn ) + fn = data; + data = selector; + selector = undefined; + } + } + if ( fn === false ) { + fn = returnFalse; + } else if ( !fn ) { + return this; + } + + if ( one === 1 ) { + origFn = fn; + fn = function( event ) { + // Can use an empty set, since event contains the info + jQuery().off( event ); + return origFn.apply( this, arguments ); + }; + // Use same guid so caller can remove using origFn + fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ ); + } + return this.each( function() { + jQuery.event.add( this, types, fn, data, selector ); + }); + }, + one: function( types, selector, data, fn ) { + return this.on( types, selector, data, fn, 1 ); + }, + off: function( types, selector, fn ) { + var handleObj, type; + if ( types && types.preventDefault && types.handleObj ) { + // ( event ) dispatched jQuery.Event + handleObj = types.handleObj; + jQuery( types.delegateTarget ).off( + handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType, + handleObj.selector, + handleObj.handler + ); + return this; + } + if ( typeof types === "object" ) { + // ( types-object [, selector] ) + for ( type in types ) { + this.off( type, selector, types[ type ] ); + } + return this; + } + if ( selector === false || typeof selector === "function" ) { + // ( types [, fn] ) + fn = selector; + selector = undefined; + } + if ( fn === false ) { + fn = returnFalse; + } + return this.each(function() { + jQuery.event.remove( this, types, fn, selector ); + }); + }, + + bind: function( types, data, fn ) { + return this.on( types, null, data, fn ); + }, + unbind: function( types, fn ) { + return this.off( types, null, fn ); + }, + + live: function( types, data, fn ) { + jQuery( this.context ).on( types, this.selector, data, fn ); + return this; + }, + die: function( types, fn ) { + jQuery( this.context ).off( types, this.selector || "**", fn ); + return this; + }, + + delegate: function( selector, types, data, fn ) { + return this.on( types, selector, data, fn ); + }, + undelegate: function( selector, types, fn ) { + // ( namespace ) or ( selector, types [, fn] ) + return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn ); + }, + + trigger: function( type, data ) { + return this.each(function() { + jQuery.event.trigger( type, data, this ); + }); + }, + triggerHandler: function( type, data ) { + if ( this[0] ) { + return jQuery.event.trigger( type, data, this[0], true ); + } + }, + + toggle: function( fn ) { + // Save reference to arguments for access in closure + var args = arguments, + guid = fn.guid || jQuery.guid++, + i = 0, + toggler = function( event ) { + // Figure out which function to execute + var lastToggle = ( jQuery._data( this, "lastToggle" + fn.guid ) || 0 ) % i; + jQuery._data( this, "lastToggle" + fn.guid, lastToggle + 1 ); + + // Make sure that clicks stop + event.preventDefault(); + + // and execute the function + return args[ lastToggle ].apply( this, arguments ) || false; + }; + + // link all the functions, so any of them can unbind this click handler + toggler.guid = guid; + while ( i < args.length ) { + args[ i++ ].guid = guid; + } + + return this.click( toggler ); + }, + + hover: function( fnOver, fnOut ) { + return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver ); + } +}); + +jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " + + "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " + + "change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) { + + // Handle event binding + jQuery.fn[ name ] = function( data, fn ) { + if ( fn == null ) { + fn = data; + data = null; + } + + return arguments.length > 0 ? + this.on( name, null, data, fn ) : + this.trigger( name ); + }; + + if ( rkeyEvent.test( name ) ) { + jQuery.event.fixHooks[ name ] = jQuery.event.keyHooks; + } + + if ( rmouseEvent.test( name ) ) { + jQuery.event.fixHooks[ name ] = jQuery.event.mouseHooks; + } +}); +/*! + * Sizzle CSS Selector Engine + * Copyright 2012 jQuery Foundation and other contributors + * Released under the MIT license + * http://sizzlejs.com/ + */ +(function( window, undefined ) { + +var cachedruns, + assertGetIdNotName, + Expr, + getText, + isXML, + contains, + compile, + sortOrder, + hasDuplicate, + outermostContext, + + baseHasDuplicate = true, + strundefined = "undefined", + + expando = ( "sizcache" + Math.random() ).replace( ".", "" ), + + Token = String, + document = window.document, + docElem = document.documentElement, + dirruns = 0, + done = 0, + pop = [].pop, + push = [].push, + slice = [].slice, + // Use a stripped-down indexOf if a native one is unavailable + indexOf = [].indexOf || function( elem ) { + var i = 0, + len = this.length; + for ( ; i < len; i++ ) { + if ( this[i] === elem ) { + return i; + } + } + return -1; + }, + + // Augment a function for special use by Sizzle + markFunction = function( fn, value ) { + fn[ expando ] = value == null || value; + return fn; + }, + + createCache = function() { + var cache = {}, + keys = []; + + return markFunction(function( key, value ) { + // Only keep the most recent entries + if ( keys.push( key ) > Expr.cacheLength ) { + delete cache[ keys.shift() ]; + } + + // Retrieve with (key + " ") to avoid collision with native Object.prototype properties (see Issue #157) + return (cache[ key + " " ] = value); + }, cache ); + }, + + classCache = createCache(), + tokenCache = createCache(), + compilerCache = createCache(), + + // Regex + + // Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace + whitespace = "[\\x20\\t\\r\\n\\f]", + // http://www.w3.org/TR/css3-syntax/#characters + characterEncoding = "(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+", + + // Loosely modeled on CSS identifier characters + // An unquoted value should be a CSS identifier (http://www.w3.org/TR/css3-selectors/#attribute-selectors) + // Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier + identifier = characterEncoding.replace( "w", "w#" ), + + // Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors + operators = "([*^$|!~]?=)", + attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace + + "*(?:" + operators + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]", + + // Prefer arguments not in parens/brackets, + // then attribute selectors and non-pseudos (denoted by :), + // then anything else + // These preferences are here to reduce the number of selectors + // needing tokenize in the PSEUDO preFilter + pseudos = ":(" + characterEncoding + ")(?:\\((?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|([^()[\\]]*|(?:(?:" + attributes + ")|[^:]|\\\\.)*|.*))\\)|)", + + // For matchExpr.POS and matchExpr.needsContext + pos = ":(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + whitespace + + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", + + // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter + rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ), + + rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ), + rcombinators = new RegExp( "^" + whitespace + "*([\\x20\\t\\r\\n\\f>+~])" + whitespace + "*" ), + rpseudo = new RegExp( pseudos ), + + // Easily-parseable/retrievable ID or TAG or CLASS selectors + rquickExpr = /^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/, + + rnot = /^:not/, + rsibling = /[\x20\t\r\n\f]*[+~]/, + rendsWithNot = /:not\($/, + + rheader = /h\d/i, + rinputs = /input|select|textarea|button/i, + + rbackslash = /\\(?!\\)/g, + + matchExpr = { + "ID": new RegExp( "^#(" + characterEncoding + ")" ), + "CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ), + "NAME": new RegExp( "^\\[name=['\"]?(" + characterEncoding + ")['\"]?\\]" ), + "TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ), + "ATTR": new RegExp( "^" + attributes ), + "PSEUDO": new RegExp( "^" + pseudos ), + "POS": new RegExp( pos, "i" ), + "CHILD": new RegExp( "^:(only|nth|first|last)-child(?:\\(" + whitespace + + "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace + + "*(\\d+)|))" + whitespace + "*\\)|)", "i" ), + // For use in libraries implementing .is() + "needsContext": new RegExp( "^" + whitespace + "*[>+~]|" + pos, "i" ) + }, + + // Support + + // Used for testing something on an element + assert = function( fn ) { + var div = document.createElement("div"); + + try { + return fn( div ); + } catch (e) { + return false; + } finally { + // release memory in IE + div = null; + } + }, + + // Check if getElementsByTagName("*") returns only elements + assertTagNameNoComments = assert(function( div ) { + div.appendChild( document.createComment("") ); + return !div.getElementsByTagName("*").length; + }), + + // Check if getAttribute returns normalized href attributes + assertHrefNotNormalized = assert(function( div ) { + div.innerHTML = "<a href='#'></a>"; + return div.firstChild && typeof div.firstChild.getAttribute !== strundefined && + div.firstChild.getAttribute("href") === "#"; + }), + + // Check if attributes should be retrieved by attribute nodes + assertAttributes = assert(function( div ) { + div.innerHTML = "<select></select>"; + var type = typeof div.lastChild.getAttribute("multiple"); + // IE8 returns a string for some attributes even when not present + return type !== "boolean" && type !== "string"; + }), + + // Check if getElementsByClassName can be trusted + assertUsableClassName = assert(function( div ) { + // Opera can't find a second classname (in 9.6) + div.innerHTML = "<div class='hidden e'></div><div class='hidden'></div>"; + if ( !div.getElementsByClassName || !div.getElementsByClassName("e").length ) { + return false; + } + + // Safari 3.2 caches class attributes and doesn't catch changes + div.lastChild.className = "e"; + return div.getElementsByClassName("e").length === 2; + }), + + // Check if getElementById returns elements by name + // Check if getElementsByName privileges form controls or returns elements by ID + assertUsableName = assert(function( div ) { + // Inject content + div.id = expando + 0; + div.innerHTML = "<a name='" + expando + "'></a><div name='" + expando + "'></div>"; + docElem.insertBefore( div, docElem.firstChild ); + + // Test + var pass = document.getElementsByName && + // buggy browsers will return fewer than the correct 2 + document.getElementsByName( expando ).length === 2 + + // buggy browsers will return more than the correct 0 + document.getElementsByName( expando + 0 ).length; + assertGetIdNotName = !document.getElementById( expando ); + + // Cleanup + docElem.removeChild( div ); + + return pass; + }); + +// If slice is not available, provide a backup +try { + slice.call( docElem.childNodes, 0 )[0].nodeType; +} catch ( e ) { + slice = function( i ) { + var elem, + results = []; + for ( ; (elem = this[i]); i++ ) { + results.push( elem ); + } + return results; + }; +} + +function Sizzle( selector, context, results, seed ) { + results = results || []; + context = context || document; + var match, elem, xml, m, + nodeType = context.nodeType; + + if ( !selector || typeof selector !== "string" ) { + return results; + } + + if ( nodeType !== 1 && nodeType !== 9 ) { + return []; + } + + xml = isXML( context ); + + if ( !xml && !seed ) { + if ( (match = rquickExpr.exec( selector )) ) { + // Speed-up: Sizzle("#ID") + if ( (m = match[1]) ) { + if ( nodeType === 9 ) { + elem = context.getElementById( m ); + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document #6963 + if ( elem && elem.parentNode ) { + // Handle the case where IE, Opera, and Webkit return items + // by name instead of ID + if ( elem.id === m ) { + results.push( elem ); + return results; + } + } else { + return results; + } + } else { + // Context is not a document + if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) && + contains( context, elem ) && elem.id === m ) { + results.push( elem ); + return results; + } + } + + // Speed-up: Sizzle("TAG") + } else if ( match[2] ) { + push.apply( results, slice.call(context.getElementsByTagName( selector ), 0) ); + return results; + + // Speed-up: Sizzle(".CLASS") + } else if ( (m = match[3]) && assertUsableClassName && context.getElementsByClassName ) { + push.apply( results, slice.call(context.getElementsByClassName( m ), 0) ); + return results; + } + } + } + + // All others + return select( selector.replace( rtrim, "$1" ), context, results, seed, xml ); +} + +Sizzle.matches = function( expr, elements ) { + return Sizzle( expr, null, null, elements ); +}; + +Sizzle.matchesSelector = function( elem, expr ) { + return Sizzle( expr, null, null, [ elem ] ).length > 0; +}; + +// Returns a function to use in pseudos for input types +function createInputPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === type; + }; +} + +// Returns a function to use in pseudos for buttons +function createButtonPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return (name === "input" || name === "button") && elem.type === type; + }; +} + +// Returns a function to use in pseudos for positionals +function createPositionalPseudo( fn ) { + return markFunction(function( argument ) { + argument = +argument; + return markFunction(function( seed, matches ) { + var j, + matchIndexes = fn( [], seed.length, argument ), + i = matchIndexes.length; + + // Match elements found at the specified indexes + while ( i-- ) { + if ( seed[ (j = matchIndexes[i]) ] ) { + seed[j] = !(matches[j] = seed[j]); + } + } + }); + }); +} + +/** + * Utility function for retrieving the text value of an array of DOM nodes + * @param {Array|Element} elem + */ +getText = Sizzle.getText = function( elem ) { + var node, + ret = "", + i = 0, + nodeType = elem.nodeType; + + if ( nodeType ) { + if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { + // Use textContent for elements + // innerText usage removed for consistency of new lines (see #11153) + if ( typeof elem.textContent === "string" ) { + return elem.textContent; + } else { + // Traverse its children + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + ret += getText( elem ); + } + } + } else if ( nodeType === 3 || nodeType === 4 ) { + return elem.nodeValue; + } + // Do not include comment or processing instruction nodes + } else { + + // If no nodeType, this is expected to be an array + for ( ; (node = elem[i]); i++ ) { + // Do not traverse comment nodes + ret += getText( node ); + } + } + return ret; +}; + +isXML = Sizzle.isXML = function( elem ) { + // documentElement is verified for cases where it doesn't yet exist + // (such as loading iframes in IE - #4833) + var documentElement = elem && (elem.ownerDocument || elem).documentElement; + return documentElement ? documentElement.nodeName !== "HTML" : false; +}; + +// Element contains another +contains = Sizzle.contains = docElem.contains ? + function( a, b ) { + var adown = a.nodeType === 9 ? a.documentElement : a, + bup = b && b.parentNode; + return a === bup || !!( bup && bup.nodeType === 1 && adown.contains && adown.contains(bup) ); + } : + docElem.compareDocumentPosition ? + function( a, b ) { + return b && !!( a.compareDocumentPosition( b ) & 16 ); + } : + function( a, b ) { + while ( (b = b.parentNode) ) { + if ( b === a ) { + return true; + } + } + return false; + }; + +Sizzle.attr = function( elem, name ) { + var val, + xml = isXML( elem ); + + if ( !xml ) { + name = name.toLowerCase(); + } + if ( (val = Expr.attrHandle[ name ]) ) { + return val( elem ); + } + if ( xml || assertAttributes ) { + return elem.getAttribute( name ); + } + val = elem.getAttributeNode( name ); + return val ? + typeof elem[ name ] === "boolean" ? + elem[ name ] ? name : null : + val.specified ? val.value : null : + null; +}; + +Expr = Sizzle.selectors = { + + // Can be adjusted by the user + cacheLength: 50, + + createPseudo: markFunction, + + match: matchExpr, + + // IE6/7 return a modified href + attrHandle: assertHrefNotNormalized ? + {} : + { + "href": function( elem ) { + return elem.getAttribute( "href", 2 ); + }, + "type": function( elem ) { + return elem.getAttribute("type"); + } + }, + + find: { + "ID": assertGetIdNotName ? + function( id, context, xml ) { + if ( typeof context.getElementById !== strundefined && !xml ) { + var m = context.getElementById( id ); + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document #6963 + return m && m.parentNode ? [m] : []; + } + } : + function( id, context, xml ) { + if ( typeof context.getElementById !== strundefined && !xml ) { + var m = context.getElementById( id ); + + return m ? + m.id === id || typeof m.getAttributeNode !== strundefined && m.getAttributeNode("id").value === id ? + [m] : + undefined : + []; + } + }, + + "TAG": assertTagNameNoComments ? + function( tag, context ) { + if ( typeof context.getElementsByTagName !== strundefined ) { + return context.getElementsByTagName( tag ); + } + } : + function( tag, context ) { + var results = context.getElementsByTagName( tag ); + + // Filter out possible comments + if ( tag === "*" ) { + var elem, + tmp = [], + i = 0; + + for ( ; (elem = results[i]); i++ ) { + if ( elem.nodeType === 1 ) { + tmp.push( elem ); + } + } + + return tmp; + } + return results; + }, + + "NAME": assertUsableName && function( tag, context ) { + if ( typeof context.getElementsByName !== strundefined ) { + return context.getElementsByName( name ); + } + }, + + "CLASS": assertUsableClassName && function( className, context, xml ) { + if ( typeof context.getElementsByClassName !== strundefined && !xml ) { + return context.getElementsByClassName( className ); + } + } + }, + + relative: { + ">": { dir: "parentNode", first: true }, + " ": { dir: "parentNode" }, + "+": { dir: "previousSibling", first: true }, + "~": { dir: "previousSibling" } + }, + + preFilter: { + "ATTR": function( match ) { + match[1] = match[1].replace( rbackslash, "" ); + + // Move the given value to match[3] whether quoted or unquoted + match[3] = ( match[4] || match[5] || "" ).replace( rbackslash, "" ); + + if ( match[2] === "~=" ) { + match[3] = " " + match[3] + " "; + } + + return match.slice( 0, 4 ); + }, + + "CHILD": function( match ) { + /* matches from matchExpr["CHILD"] + 1 type (only|nth|...) + 2 argument (even|odd|\d*|\d*n([+-]\d+)?|...) + 3 xn-component of xn+y argument ([+-]?\d*n|) + 4 sign of xn-component + 5 x of xn-component + 6 sign of y-component + 7 y of y-component + */ + match[1] = match[1].toLowerCase(); + + if ( match[1] === "nth" ) { + // nth-child requires argument + if ( !match[2] ) { + Sizzle.error( match[0] ); + } + + // numeric x and y parameters for Expr.filter.CHILD + // remember that false/true cast respectively to 0/1 + match[3] = +( match[3] ? match[4] + (match[5] || 1) : 2 * ( match[2] === "even" || match[2] === "odd" ) ); + match[4] = +( ( match[6] + match[7] ) || match[2] === "odd" ); + + // other types prohibit arguments + } else if ( match[2] ) { + Sizzle.error( match[0] ); + } + + return match; + }, + + "PSEUDO": function( match ) { + var unquoted, excess; + if ( matchExpr["CHILD"].test( match[0] ) ) { + return null; + } + + if ( match[3] ) { + match[2] = match[3]; + } else if ( (unquoted = match[4]) ) { + // Only check arguments that contain a pseudo + if ( rpseudo.test(unquoted) && + // Get excess from tokenize (recursively) + (excess = tokenize( unquoted, true )) && + // advance to the next closing parenthesis + (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) { + + // excess is a negative index + unquoted = unquoted.slice( 0, excess ); + match[0] = match[0].slice( 0, excess ); + } + match[2] = unquoted; + } + + // Return only captures needed by the pseudo filter method (type and argument) + return match.slice( 0, 3 ); + } + }, + + filter: { + "ID": assertGetIdNotName ? + function( id ) { + id = id.replace( rbackslash, "" ); + return function( elem ) { + return elem.getAttribute("id") === id; + }; + } : + function( id ) { + id = id.replace( rbackslash, "" ); + return function( elem ) { + var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id"); + return node && node.value === id; + }; + }, + + "TAG": function( nodeName ) { + if ( nodeName === "*" ) { + return function() { return true; }; + } + nodeName = nodeName.replace( rbackslash, "" ).toLowerCase(); + + return function( elem ) { + return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; + }; + }, + + "CLASS": function( className ) { + var pattern = classCache[ expando ][ className + " " ]; + + return pattern || + (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) && + classCache( className, function( elem ) { + return pattern.test( elem.className || (typeof elem.getAttribute !== strundefined && elem.getAttribute("class")) || "" ); + }); + }, + + "ATTR": function( name, operator, check ) { + return function( elem, context ) { + var result = Sizzle.attr( elem, name ); + + if ( result == null ) { + return operator === "!="; + } + if ( !operator ) { + return true; + } + + result += ""; + + return operator === "=" ? result === check : + operator === "!=" ? result !== check : + operator === "^=" ? check && result.indexOf( check ) === 0 : + operator === "*=" ? check && result.indexOf( check ) > -1 : + operator === "$=" ? check && result.substr( result.length - check.length ) === check : + operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 : + operator === "|=" ? result === check || result.substr( 0, check.length + 1 ) === check + "-" : + false; + }; + }, + + "CHILD": function( type, argument, first, last ) { + + if ( type === "nth" ) { + return function( elem ) { + var node, diff, + parent = elem.parentNode; + + if ( first === 1 && last === 0 ) { + return true; + } + + if ( parent ) { + diff = 0; + for ( node = parent.firstChild; node; node = node.nextSibling ) { + if ( node.nodeType === 1 ) { + diff++; + if ( elem === node ) { + break; + } + } + } + } + + // Incorporate the offset (or cast to NaN), then check against cycle size + diff -= last; + return diff === first || ( diff % first === 0 && diff / first >= 0 ); + }; + } + + return function( elem ) { + var node = elem; + + switch ( type ) { + case "only": + case "first": + while ( (node = node.previousSibling) ) { + if ( node.nodeType === 1 ) { + return false; + } + } + + if ( type === "first" ) { + return true; + } + + node = elem; + + /* falls through */ + case "last": + while ( (node = node.nextSibling) ) { + if ( node.nodeType === 1 ) { + return false; + } + } + + return true; + } + }; + }, + + "PSEUDO": function( pseudo, argument ) { + // pseudo-class names are case-insensitive + // http://www.w3.org/TR/selectors/#pseudo-classes + // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters + // Remember that setFilters inherits from pseudos + var args, + fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] || + Sizzle.error( "unsupported pseudo: " + pseudo ); + + // The user may use createPseudo to indicate that + // arguments are needed to create the filter function + // just as Sizzle does + if ( fn[ expando ] ) { + return fn( argument ); + } + + // But maintain support for old signatures + if ( fn.length > 1 ) { + args = [ pseudo, pseudo, "", argument ]; + return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ? + markFunction(function( seed, matches ) { + var idx, + matched = fn( seed, argument ), + i = matched.length; + while ( i-- ) { + idx = indexOf.call( seed, matched[i] ); + seed[ idx ] = !( matches[ idx ] = matched[i] ); + } + }) : + function( elem ) { + return fn( elem, 0, args ); + }; + } + + return fn; + } + }, + + pseudos: { + "not": markFunction(function( selector ) { + // Trim the selector passed to compile + // to avoid treating leading and trailing + // spaces as combinators + var input = [], + results = [], + matcher = compile( selector.replace( rtrim, "$1" ) ); + + return matcher[ expando ] ? + markFunction(function( seed, matches, context, xml ) { + var elem, + unmatched = matcher( seed, null, xml, [] ), + i = seed.length; + + // Match elements unmatched by `matcher` + while ( i-- ) { + if ( (elem = unmatched[i]) ) { + seed[i] = !(matches[i] = elem); + } + } + }) : + function( elem, context, xml ) { + input[0] = elem; + matcher( input, null, xml, results ); + return !results.pop(); + }; + }), + + "has": markFunction(function( selector ) { + return function( elem ) { + return Sizzle( selector, elem ).length > 0; + }; + }), + + "contains": markFunction(function( text ) { + return function( elem ) { + return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1; + }; + }), + + "enabled": function( elem ) { + return elem.disabled === false; + }, + + "disabled": function( elem ) { + return elem.disabled === true; + }, + + "checked": function( elem ) { + // In CSS3, :checked should return both checked and selected elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + var nodeName = elem.nodeName.toLowerCase(); + return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected); + }, + + "selected": function( elem ) { + // Accessing this property makes selected-by-default + // options in Safari work properly + if ( elem.parentNode ) { + elem.parentNode.selectedIndex; + } + + return elem.selected === true; + }, + + "parent": function( elem ) { + return !Expr.pseudos["empty"]( elem ); + }, + + "empty": function( elem ) { + // http://www.w3.org/TR/selectors/#empty-pseudo + // :empty is only affected by element nodes and content nodes(including text(3), cdata(4)), + // not comment, processing instructions, or others + // Thanks to Diego Perini for the nodeName shortcut + // Greater than "@" means alpha characters (specifically not starting with "#" or "?") + var nodeType; + elem = elem.firstChild; + while ( elem ) { + if ( elem.nodeName > "@" || (nodeType = elem.nodeType) === 3 || nodeType === 4 ) { + return false; + } + elem = elem.nextSibling; + } + return true; + }, + + "header": function( elem ) { + return rheader.test( elem.nodeName ); + }, + + "text": function( elem ) { + var type, attr; + // IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc) + // use getAttribute instead to test this case + return elem.nodeName.toLowerCase() === "input" && + (type = elem.type) === "text" && + ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === type ); + }, + + // Input types + "radio": createInputPseudo("radio"), + "checkbox": createInputPseudo("checkbox"), + "file": createInputPseudo("file"), + "password": createInputPseudo("password"), + "image": createInputPseudo("image"), + + "submit": createButtonPseudo("submit"), + "reset": createButtonPseudo("reset"), + + "button": function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === "button" || name === "button"; + }, + + "input": function( elem ) { + return rinputs.test( elem.nodeName ); + }, + + "focus": function( elem ) { + var doc = elem.ownerDocument; + return elem === doc.activeElement && (!doc.hasFocus || doc.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); + }, + + "active": function( elem ) { + return elem === elem.ownerDocument.activeElement; + }, + + // Positional types + "first": createPositionalPseudo(function() { + return [ 0 ]; + }), + + "last": createPositionalPseudo(function( matchIndexes, length ) { + return [ length - 1 ]; + }), + + "eq": createPositionalPseudo(function( matchIndexes, length, argument ) { + return [ argument < 0 ? argument + length : argument ]; + }), + + "even": createPositionalPseudo(function( matchIndexes, length ) { + for ( var i = 0; i < length; i += 2 ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "odd": createPositionalPseudo(function( matchIndexes, length ) { + for ( var i = 1; i < length; i += 2 ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "lt": createPositionalPseudo(function( matchIndexes, length, argument ) { + for ( var i = argument < 0 ? argument + length : argument; --i >= 0; ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "gt": createPositionalPseudo(function( matchIndexes, length, argument ) { + for ( var i = argument < 0 ? argument + length : argument; ++i < length; ) { + matchIndexes.push( i ); + } + return matchIndexes; + }) + } +}; + +function siblingCheck( a, b, ret ) { + if ( a === b ) { + return ret; + } + + var cur = a.nextSibling; + + while ( cur ) { + if ( cur === b ) { + return -1; + } + + cur = cur.nextSibling; + } + + return 1; +} + +sortOrder = docElem.compareDocumentPosition ? + function( a, b ) { + if ( a === b ) { + hasDuplicate = true; + return 0; + } + + return ( !a.compareDocumentPosition || !b.compareDocumentPosition ? + a.compareDocumentPosition : + a.compareDocumentPosition(b) & 4 + ) ? -1 : 1; + } : + function( a, b ) { + // The nodes are identical, we can exit early + if ( a === b ) { + hasDuplicate = true; + return 0; + + // Fallback to using sourceIndex (in IE) if it's available on both nodes + } else if ( a.sourceIndex && b.sourceIndex ) { + return a.sourceIndex - b.sourceIndex; + } + + var al, bl, + ap = [], + bp = [], + aup = a.parentNode, + bup = b.parentNode, + cur = aup; + + // If the nodes are siblings (or identical) we can do a quick check + if ( aup === bup ) { + return siblingCheck( a, b ); + + // If no parents were found then the nodes are disconnected + } else if ( !aup ) { + return -1; + + } else if ( !bup ) { + return 1; + } + + // Otherwise they're somewhere else in the tree so we need + // to build up a full list of the parentNodes for comparison + while ( cur ) { + ap.unshift( cur ); + cur = cur.parentNode; + } + + cur = bup; + + while ( cur ) { + bp.unshift( cur ); + cur = cur.parentNode; + } + + al = ap.length; + bl = bp.length; + + // Start walking down the tree looking for a discrepancy + for ( var i = 0; i < al && i < bl; i++ ) { + if ( ap[i] !== bp[i] ) { + return siblingCheck( ap[i], bp[i] ); + } + } + + // We ended someplace up the tree so do a sibling check + return i === al ? + siblingCheck( a, bp[i], -1 ) : + siblingCheck( ap[i], b, 1 ); + }; + +// Always assume the presence of duplicates if sort doesn't +// pass them to our comparison function (as in Google Chrome). +[0, 0].sort( sortOrder ); +baseHasDuplicate = !hasDuplicate; + +// Document sorting and removing duplicates +Sizzle.uniqueSort = function( results ) { + var elem, + duplicates = [], + i = 1, + j = 0; + + hasDuplicate = baseHasDuplicate; + results.sort( sortOrder ); + + if ( hasDuplicate ) { + for ( ; (elem = results[i]); i++ ) { + if ( elem === results[ i - 1 ] ) { + j = duplicates.push( i ); + } + } + while ( j-- ) { + results.splice( duplicates[ j ], 1 ); + } + } + + return results; +}; + +Sizzle.error = function( msg ) { + throw new Error( "Syntax error, unrecognized expression: " + msg ); +}; + +function tokenize( selector, parseOnly ) { + var matched, match, tokens, type, + soFar, groups, preFilters, + cached = tokenCache[ expando ][ selector + " " ]; + + if ( cached ) { + return parseOnly ? 0 : cached.slice( 0 ); + } + + soFar = selector; + groups = []; + preFilters = Expr.preFilter; + + while ( soFar ) { + + // Comma and first run + if ( !matched || (match = rcomma.exec( soFar )) ) { + if ( match ) { + // Don't consume trailing commas as valid + soFar = soFar.slice( match[0].length ) || soFar; + } + groups.push( tokens = [] ); + } + + matched = false; + + // Combinators + if ( (match = rcombinators.exec( soFar )) ) { + tokens.push( matched = new Token( match.shift() ) ); + soFar = soFar.slice( matched.length ); + + // Cast descendant combinators to space + matched.type = match[0].replace( rtrim, " " ); + } + + // Filters + for ( type in Expr.filter ) { + if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] || + (match = preFilters[ type ]( match ))) ) { + + tokens.push( matched = new Token( match.shift() ) ); + soFar = soFar.slice( matched.length ); + matched.type = type; + matched.matches = match; + } + } + + if ( !matched ) { + break; + } + } + + // Return the length of the invalid excess + // if we're just parsing + // Otherwise, throw an error or return tokens + return parseOnly ? + soFar.length : + soFar ? + Sizzle.error( selector ) : + // Cache the tokens + tokenCache( selector, groups ).slice( 0 ); +} + +function addCombinator( matcher, combinator, base ) { + var dir = combinator.dir, + checkNonElements = base && combinator.dir === "parentNode", + doneName = done++; + + return combinator.first ? + // Check against closest ancestor/preceding element + function( elem, context, xml ) { + while ( (elem = elem[ dir ]) ) { + if ( checkNonElements || elem.nodeType === 1 ) { + return matcher( elem, context, xml ); + } + } + } : + + // Check against all ancestor/preceding elements + function( elem, context, xml ) { + // We can't set arbitrary data on XML nodes, so they don't benefit from dir caching + if ( !xml ) { + var cache, + dirkey = dirruns + " " + doneName + " ", + cachedkey = dirkey + cachedruns; + while ( (elem = elem[ dir ]) ) { + if ( checkNonElements || elem.nodeType === 1 ) { + if ( (cache = elem[ expando ]) === cachedkey ) { + return elem.sizset; + } else if ( typeof cache === "string" && cache.indexOf(dirkey) === 0 ) { + if ( elem.sizset ) { + return elem; + } + } else { + elem[ expando ] = cachedkey; + if ( matcher( elem, context, xml ) ) { + elem.sizset = true; + return elem; + } + elem.sizset = false; + } + } + } + } else { + while ( (elem = elem[ dir ]) ) { + if ( checkNonElements || elem.nodeType === 1 ) { + if ( matcher( elem, context, xml ) ) { + return elem; + } + } + } + } + }; +} + +function elementMatcher( matchers ) { + return matchers.length > 1 ? + function( elem, context, xml ) { + var i = matchers.length; + while ( i-- ) { + if ( !matchers[i]( elem, context, xml ) ) { + return false; + } + } + return true; + } : + matchers[0]; +} + +function condense( unmatched, map, filter, context, xml ) { + var elem, + newUnmatched = [], + i = 0, + len = unmatched.length, + mapped = map != null; + + for ( ; i < len; i++ ) { + if ( (elem = unmatched[i]) ) { + if ( !filter || filter( elem, context, xml ) ) { + newUnmatched.push( elem ); + if ( mapped ) { + map.push( i ); + } + } + } + } + + return newUnmatched; +} + +function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) { + if ( postFilter && !postFilter[ expando ] ) { + postFilter = setMatcher( postFilter ); + } + if ( postFinder && !postFinder[ expando ] ) { + postFinder = setMatcher( postFinder, postSelector ); + } + return markFunction(function( seed, results, context, xml ) { + var temp, i, elem, + preMap = [], + postMap = [], + preexisting = results.length, + + // Get initial elements from seed or context + elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ), + + // Prefilter to get matcher input, preserving a map for seed-results synchronization + matcherIn = preFilter && ( seed || !selector ) ? + condense( elems, preMap, preFilter, context, xml ) : + elems, + + matcherOut = matcher ? + // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results, + postFinder || ( seed ? preFilter : preexisting || postFilter ) ? + + // ...intermediate processing is necessary + [] : + + // ...otherwise use results directly + results : + matcherIn; + + // Find primary matches + if ( matcher ) { + matcher( matcherIn, matcherOut, context, xml ); + } + + // Apply postFilter + if ( postFilter ) { + temp = condense( matcherOut, postMap ); + postFilter( temp, [], context, xml ); + + // Un-match failing elements by moving them back to matcherIn + i = temp.length; + while ( i-- ) { + if ( (elem = temp[i]) ) { + matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem); + } + } + } + + if ( seed ) { + if ( postFinder || preFilter ) { + if ( postFinder ) { + // Get the final matcherOut by condensing this intermediate into postFinder contexts + temp = []; + i = matcherOut.length; + while ( i-- ) { + if ( (elem = matcherOut[i]) ) { + // Restore matcherIn since elem is not yet a final match + temp.push( (matcherIn[i] = elem) ); + } + } + postFinder( null, (matcherOut = []), temp, xml ); + } + + // Move matched elements from seed to results to keep them synchronized + i = matcherOut.length; + while ( i-- ) { + if ( (elem = matcherOut[i]) && + (temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) { + + seed[temp] = !(results[temp] = elem); + } + } + } + + // Add elements to results, through postFinder if defined + } else { + matcherOut = condense( + matcherOut === results ? + matcherOut.splice( preexisting, matcherOut.length ) : + matcherOut + ); + if ( postFinder ) { + postFinder( null, results, matcherOut, xml ); + } else { + push.apply( results, matcherOut ); + } + } + }); +} + +function matcherFromTokens( tokens ) { + var checkContext, matcher, j, + len = tokens.length, + leadingRelative = Expr.relative[ tokens[0].type ], + implicitRelative = leadingRelative || Expr.relative[" "], + i = leadingRelative ? 1 : 0, + + // The foundational matcher ensures that elements are reachable from top-level context(s) + matchContext = addCombinator( function( elem ) { + return elem === checkContext; + }, implicitRelative, true ), + matchAnyContext = addCombinator( function( elem ) { + return indexOf.call( checkContext, elem ) > -1; + }, implicitRelative, true ), + matchers = [ function( elem, context, xml ) { + return ( !leadingRelative && ( xml || context !== outermostContext ) ) || ( + (checkContext = context).nodeType ? + matchContext( elem, context, xml ) : + matchAnyContext( elem, context, xml ) ); + } ]; + + for ( ; i < len; i++ ) { + if ( (matcher = Expr.relative[ tokens[i].type ]) ) { + matchers = [ addCombinator( elementMatcher( matchers ), matcher ) ]; + } else { + matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches ); + + // Return special upon seeing a positional matcher + if ( matcher[ expando ] ) { + // Find the next relative operator (if any) for proper handling + j = ++i; + for ( ; j < len; j++ ) { + if ( Expr.relative[ tokens[j].type ] ) { + break; + } + } + return setMatcher( + i > 1 && elementMatcher( matchers ), + i > 1 && tokens.slice( 0, i - 1 ).join("").replace( rtrim, "$1" ), + matcher, + i < j && matcherFromTokens( tokens.slice( i, j ) ), + j < len && matcherFromTokens( (tokens = tokens.slice( j )) ), + j < len && tokens.join("") + ); + } + matchers.push( matcher ); + } + } + + return elementMatcher( matchers ); +} + +function matcherFromGroupMatchers( elementMatchers, setMatchers ) { + var bySet = setMatchers.length > 0, + byElement = elementMatchers.length > 0, + superMatcher = function( seed, context, xml, results, expandContext ) { + var elem, j, matcher, + setMatched = [], + matchedCount = 0, + i = "0", + unmatched = seed && [], + outermost = expandContext != null, + contextBackup = outermostContext, + // We must always have either seed elements or context + elems = seed || byElement && Expr.find["TAG"]( "*", expandContext && context.parentNode || context ), + // Nested matchers should use non-integer dirruns + dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.E); + + if ( outermost ) { + outermostContext = context !== document && context; + cachedruns = superMatcher.el; + } + + // Add elements passing elementMatchers directly to results + for ( ; (elem = elems[i]) != null; i++ ) { + if ( byElement && elem ) { + for ( j = 0; (matcher = elementMatchers[j]); j++ ) { + if ( matcher( elem, context, xml ) ) { + results.push( elem ); + break; + } + } + if ( outermost ) { + dirruns = dirrunsUnique; + cachedruns = ++superMatcher.el; + } + } + + // Track unmatched elements for set filters + if ( bySet ) { + // They will have gone through all possible matchers + if ( (elem = !matcher && elem) ) { + matchedCount--; + } + + // Lengthen the array for every element, matched or not + if ( seed ) { + unmatched.push( elem ); + } + } + } + + // Apply set filters to unmatched elements + matchedCount += i; + if ( bySet && i !== matchedCount ) { + for ( j = 0; (matcher = setMatchers[j]); j++ ) { + matcher( unmatched, setMatched, context, xml ); + } + + if ( seed ) { + // Reintegrate element matches to eliminate the need for sorting + if ( matchedCount > 0 ) { + while ( i-- ) { + if ( !(unmatched[i] || setMatched[i]) ) { + setMatched[i] = pop.call( results ); + } + } + } + + // Discard index placeholder values to get only actual matches + setMatched = condense( setMatched ); + } + + // Add matches to results + push.apply( results, setMatched ); + + // Seedless set matches succeeding multiple successful matchers stipulate sorting + if ( outermost && !seed && setMatched.length > 0 && + ( matchedCount + setMatchers.length ) > 1 ) { + + Sizzle.uniqueSort( results ); + } + } + + // Override manipulation of globals by nested matchers + if ( outermost ) { + dirruns = dirrunsUnique; + outermostContext = contextBackup; + } + + return unmatched; + }; + + superMatcher.el = 0; + return bySet ? + markFunction( superMatcher ) : + superMatcher; +} + +compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) { + var i, + setMatchers = [], + elementMatchers = [], + cached = compilerCache[ expando ][ selector + " " ]; + + if ( !cached ) { + // Generate a function of recursive functions that can be used to check each element + if ( !group ) { + group = tokenize( selector ); + } + i = group.length; + while ( i-- ) { + cached = matcherFromTokens( group[i] ); + if ( cached[ expando ] ) { + setMatchers.push( cached ); + } else { + elementMatchers.push( cached ); + } + } + + // Cache the compiled function + cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) ); + } + return cached; +}; + +function multipleContexts( selector, contexts, results ) { + var i = 0, + len = contexts.length; + for ( ; i < len; i++ ) { + Sizzle( selector, contexts[i], results ); + } + return results; +} + +function select( selector, context, results, seed, xml ) { + var i, tokens, token, type, find, + match = tokenize( selector ), + j = match.length; + + if ( !seed ) { + // Try to minimize operations if there is only one group + if ( match.length === 1 ) { + + // Take a shortcut and set the context if the root selector is an ID + tokens = match[0] = match[0].slice( 0 ); + if ( tokens.length > 2 && (token = tokens[0]).type === "ID" && + context.nodeType === 9 && !xml && + Expr.relative[ tokens[1].type ] ) { + + context = Expr.find["ID"]( token.matches[0].replace( rbackslash, "" ), context, xml )[0]; + if ( !context ) { + return results; + } + + selector = selector.slice( tokens.shift().length ); + } + + // Fetch a seed set for right-to-left matching + for ( i = matchExpr["POS"].test( selector ) ? -1 : tokens.length - 1; i >= 0; i-- ) { + token = tokens[i]; + + // Abort if we hit a combinator + if ( Expr.relative[ (type = token.type) ] ) { + break; + } + if ( (find = Expr.find[ type ]) ) { + // Search, expanding context for leading sibling combinators + if ( (seed = find( + token.matches[0].replace( rbackslash, "" ), + rsibling.test( tokens[0].type ) && context.parentNode || context, + xml + )) ) { + + // If seed is empty or no tokens remain, we can return early + tokens.splice( i, 1 ); + selector = seed.length && tokens.join(""); + if ( !selector ) { + push.apply( results, slice.call( seed, 0 ) ); + return results; + } + + break; + } + } + } + } + } + + // Compile and execute a filtering function + // Provide `match` to avoid retokenization if we modified the selector above + compile( selector, match )( + seed, + context, + xml, + results, + rsibling.test( selector ) + ); + return results; +} + +if ( document.querySelectorAll ) { + (function() { + var disconnectedMatch, + oldSelect = select, + rescape = /'|\\/g, + rattributeQuotes = /\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g, + + // qSa(:focus) reports false when true (Chrome 21), no need to also add to buggyMatches since matches checks buggyQSA + // A support test would require too much code (would include document ready) + rbuggyQSA = [ ":focus" ], + + // matchesSelector(:active) reports false when true (IE9/Opera 11.5) + // A support test would require too much code (would include document ready) + // just skip matchesSelector for :active + rbuggyMatches = [ ":active" ], + matches = docElem.matchesSelector || + docElem.mozMatchesSelector || + docElem.webkitMatchesSelector || + docElem.oMatchesSelector || + docElem.msMatchesSelector; + + // Build QSA regex + // Regex strategy adopted from Diego Perini + assert(function( div ) { + // Select is set to empty string on purpose + // This is to test IE's treatment of not explictly + // setting a boolean content attribute, + // since its presence should be enough + // http://bugs.jquery.com/ticket/12359 + div.innerHTML = "<select><option selected=''></option></select>"; + + // IE8 - Some boolean attributes are not treated correctly + if ( !div.querySelectorAll("[selected]").length ) { + rbuggyQSA.push( "\\[" + whitespace + "*(?:checked|disabled|ismap|multiple|readonly|selected|value)" ); + } + + // Webkit/Opera - :checked should return selected option elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + // IE8 throws error here (do not put tests after this one) + if ( !div.querySelectorAll(":checked").length ) { + rbuggyQSA.push(":checked"); + } + }); + + assert(function( div ) { + + // Opera 10-12/IE9 - ^= $= *= and empty values + // Should not select anything + div.innerHTML = "<p test=''></p>"; + if ( div.querySelectorAll("[test^='']").length ) { + rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:\"\"|'')" ); + } + + // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) + // IE8 throws error here (do not put tests after this one) + div.innerHTML = "<input type='hidden'/>"; + if ( !div.querySelectorAll(":enabled").length ) { + rbuggyQSA.push(":enabled", ":disabled"); + } + }); + + // rbuggyQSA always contains :focus, so no need for a length check + rbuggyQSA = /* rbuggyQSA.length && */ new RegExp( rbuggyQSA.join("|") ); + + select = function( selector, context, results, seed, xml ) { + // Only use querySelectorAll when not filtering, + // when this is not xml, + // and when no QSA bugs apply + if ( !seed && !xml && !rbuggyQSA.test( selector ) ) { + var groups, i, + old = true, + nid = expando, + newContext = context, + newSelector = context.nodeType === 9 && selector; + + // qSA works strangely on Element-rooted queries + // We can work around this by specifying an extra ID on the root + // and working up from there (Thanks to Andrew Dupont for the technique) + // IE 8 doesn't work on object elements + if ( context.nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) { + groups = tokenize( selector ); + + if ( (old = context.getAttribute("id")) ) { + nid = old.replace( rescape, "\\$&" ); + } else { + context.setAttribute( "id", nid ); + } + nid = "[id='" + nid + "'] "; + + i = groups.length; + while ( i-- ) { + groups[i] = nid + groups[i].join(""); + } + newContext = rsibling.test( selector ) && context.parentNode || context; + newSelector = groups.join(","); + } + + if ( newSelector ) { + try { + push.apply( results, slice.call( newContext.querySelectorAll( + newSelector + ), 0 ) ); + return results; + } catch(qsaError) { + } finally { + if ( !old ) { + context.removeAttribute("id"); + } + } + } + } + + return oldSelect( selector, context, results, seed, xml ); + }; + + if ( matches ) { + assert(function( div ) { + // Check to see if it's possible to do matchesSelector + // on a disconnected node (IE 9) + disconnectedMatch = matches.call( div, "div" ); + + // This should fail with an exception + // Gecko does not error, returns false instead + try { + matches.call( div, "[test!='']:sizzle" ); + rbuggyMatches.push( "!=", pseudos ); + } catch ( e ) {} + }); + + // rbuggyMatches always contains :active and :focus, so no need for a length check + rbuggyMatches = /* rbuggyMatches.length && */ new RegExp( rbuggyMatches.join("|") ); + + Sizzle.matchesSelector = function( elem, expr ) { + // Make sure that attribute selectors are quoted + expr = expr.replace( rattributeQuotes, "='$1']" ); + + // rbuggyMatches always contains :active, so no need for an existence check + if ( !isXML( elem ) && !rbuggyMatches.test( expr ) && !rbuggyQSA.test( expr ) ) { + try { + var ret = matches.call( elem, expr ); + + // IE 9's matchesSelector returns false on disconnected nodes + if ( ret || disconnectedMatch || + // As well, disconnected nodes are said to be in a document + // fragment in IE 9 + elem.document && elem.document.nodeType !== 11 ) { + return ret; + } + } catch(e) {} + } + + return Sizzle( expr, null, null, [ elem ] ).length > 0; + }; + } + })(); +} + +// Deprecated +Expr.pseudos["nth"] = Expr.pseudos["eq"]; + +// Back-compat +function setFilters() {} +Expr.filters = setFilters.prototype = Expr.pseudos; +Expr.setFilters = new setFilters(); + +// Override sizzle attribute retrieval +Sizzle.attr = jQuery.attr; +jQuery.find = Sizzle; +jQuery.expr = Sizzle.selectors; +jQuery.expr[":"] = jQuery.expr.pseudos; +jQuery.unique = Sizzle.uniqueSort; +jQuery.text = Sizzle.getText; +jQuery.isXMLDoc = Sizzle.isXML; +jQuery.contains = Sizzle.contains; + + +})( window ); +var runtil = /Until$/, + rparentsprev = /^(?:parents|prev(?:Until|All))/, + isSimple = /^.[^:#\[\.,]*$/, + rneedsContext = jQuery.expr.match.needsContext, + // methods guaranteed to produce a unique set when starting from a unique set + guaranteedUnique = { + children: true, + contents: true, + next: true, + prev: true + }; + +jQuery.fn.extend({ + find: function( selector ) { + var i, l, length, n, r, ret, + self = this; + + if ( typeof selector !== "string" ) { + return jQuery( selector ).filter(function() { + for ( i = 0, l = self.length; i < l; i++ ) { + if ( jQuery.contains( self[ i ], this ) ) { + return true; + } + } + }); + } + + ret = this.pushStack( "", "find", selector ); + + for ( i = 0, l = this.length; i < l; i++ ) { + length = ret.length; + jQuery.find( selector, this[i], ret ); + + if ( i > 0 ) { + // Make sure that the results are unique + for ( n = length; n < ret.length; n++ ) { + for ( r = 0; r < length; r++ ) { + if ( ret[r] === ret[n] ) { + ret.splice(n--, 1); + break; + } + } + } + } + } + + return ret; + }, + + has: function( target ) { + var i, + targets = jQuery( target, this ), + len = targets.length; + + return this.filter(function() { + for ( i = 0; i < len; i++ ) { + if ( jQuery.contains( this, targets[i] ) ) { + return true; + } + } + }); + }, + + not: function( selector ) { + return this.pushStack( winnow(this, selector, false), "not", selector); + }, + + filter: function( selector ) { + return this.pushStack( winnow(this, selector, true), "filter", selector ); + }, + + is: function( selector ) { + return !!selector && ( + typeof selector === "string" ? + // If this is a positional/relative selector, check membership in the returned set + // so $("p:first").is("p:last") won't return true for a doc with two "p". + rneedsContext.test( selector ) ? + jQuery( selector, this.context ).index( this[0] ) >= 0 : + jQuery.filter( selector, this ).length > 0 : + this.filter( selector ).length > 0 ); + }, + + closest: function( selectors, context ) { + var cur, + i = 0, + l = this.length, + ret = [], + pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ? + jQuery( selectors, context || this.context ) : + 0; + + for ( ; i < l; i++ ) { + cur = this[i]; + + while ( cur && cur.ownerDocument && cur !== context && cur.nodeType !== 11 ) { + if ( pos ? pos.index(cur) > -1 : jQuery.find.matchesSelector(cur, selectors) ) { + ret.push( cur ); + break; + } + cur = cur.parentNode; + } + } + + ret = ret.length > 1 ? jQuery.unique( ret ) : ret; + + return this.pushStack( ret, "closest", selectors ); + }, + + // Determine the position of an element within + // the matched set of elements + index: function( elem ) { + + // No argument, return index in parent + if ( !elem ) { + return ( this[0] && this[0].parentNode ) ? this.prevAll().length : -1; + } + + // index in selector + if ( typeof elem === "string" ) { + return jQuery.inArray( this[0], jQuery( elem ) ); + } + + // Locate the position of the desired element + return jQuery.inArray( + // If it receives a jQuery object, the first element is used + elem.jquery ? elem[0] : elem, this ); + }, + + add: function( selector, context ) { + var set = typeof selector === "string" ? + jQuery( selector, context ) : + jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ), + all = jQuery.merge( this.get(), set ); + + return this.pushStack( isDisconnected( set[0] ) || isDisconnected( all[0] ) ? + all : + jQuery.unique( all ) ); + }, + + addBack: function( selector ) { + return this.add( selector == null ? + this.prevObject : this.prevObject.filter(selector) + ); + } +}); + +jQuery.fn.andSelf = jQuery.fn.addBack; + +// A painfully simple check to see if an element is disconnected +// from a document (should be improved, where feasible). +function isDisconnected( node ) { + return !node || !node.parentNode || node.parentNode.nodeType === 11; +} + +function sibling( cur, dir ) { + do { + cur = cur[ dir ]; + } while ( cur && cur.nodeType !== 1 ); + + return cur; +} + +jQuery.each({ + parent: function( elem ) { + var parent = elem.parentNode; + return parent && parent.nodeType !== 11 ? parent : null; + }, + parents: function( elem ) { + return jQuery.dir( elem, "parentNode" ); + }, + parentsUntil: function( elem, i, until ) { + return jQuery.dir( elem, "parentNode", until ); + }, + next: function( elem ) { + return sibling( elem, "nextSibling" ); + }, + prev: function( elem ) { + return sibling( elem, "previousSibling" ); + }, + nextAll: function( elem ) { + return jQuery.dir( elem, "nextSibling" ); + }, + prevAll: function( elem ) { + return jQuery.dir( elem, "previousSibling" ); + }, + nextUntil: function( elem, i, until ) { + return jQuery.dir( elem, "nextSibling", until ); + }, + prevUntil: function( elem, i, until ) { + return jQuery.dir( elem, "previousSibling", until ); + }, + siblings: function( elem ) { + return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem ); + }, + children: function( elem ) { + return jQuery.sibling( elem.firstChild ); + }, + contents: function( elem ) { + return jQuery.nodeName( elem, "iframe" ) ? + elem.contentDocument || elem.contentWindow.document : + jQuery.merge( [], elem.childNodes ); + } +}, function( name, fn ) { + jQuery.fn[ name ] = function( until, selector ) { + var ret = jQuery.map( this, fn, until ); + + if ( !runtil.test( name ) ) { + selector = until; + } + + if ( selector && typeof selector === "string" ) { + ret = jQuery.filter( selector, ret ); + } + + ret = this.length > 1 && !guaranteedUnique[ name ] ? jQuery.unique( ret ) : ret; + + if ( this.length > 1 && rparentsprev.test( name ) ) { + ret = ret.reverse(); + } + + return this.pushStack( ret, name, core_slice.call( arguments ).join(",") ); + }; +}); + +jQuery.extend({ + filter: function( expr, elems, not ) { + if ( not ) { + expr = ":not(" + expr + ")"; + } + + return elems.length === 1 ? + jQuery.find.matchesSelector(elems[0], expr) ? [ elems[0] ] : [] : + jQuery.find.matches(expr, elems); + }, + + dir: function( elem, dir, until ) { + var matched = [], + cur = elem[ dir ]; + + while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) { + if ( cur.nodeType === 1 ) { + matched.push( cur ); + } + cur = cur[dir]; + } + return matched; + }, + + sibling: function( n, elem ) { + var r = []; + + for ( ; n; n = n.nextSibling ) { + if ( n.nodeType === 1 && n !== elem ) { + r.push( n ); + } + } + + return r; + } +}); + +// Implement the identical functionality for filter and not +function winnow( elements, qualifier, keep ) { + + // Can't pass null or undefined to indexOf in Firefox 4 + // Set to 0 to skip string check + qualifier = qualifier || 0; + + if ( jQuery.isFunction( qualifier ) ) { + return jQuery.grep(elements, function( elem, i ) { + var retVal = !!qualifier.call( elem, i, elem ); + return retVal === keep; + }); + + } else if ( qualifier.nodeType ) { + return jQuery.grep(elements, function( elem, i ) { + return ( elem === qualifier ) === keep; + }); + + } else if ( typeof qualifier === "string" ) { + var filtered = jQuery.grep(elements, function( elem ) { + return elem.nodeType === 1; + }); + + if ( isSimple.test( qualifier ) ) { + return jQuery.filter(qualifier, filtered, !keep); + } else { + qualifier = jQuery.filter( qualifier, filtered ); + } + } + + return jQuery.grep(elements, function( elem, i ) { + return ( jQuery.inArray( elem, qualifier ) >= 0 ) === keep; + }); +} +function createSafeFragment( document ) { + var list = nodeNames.split( "|" ), + safeFrag = document.createDocumentFragment(); + + if ( safeFrag.createElement ) { + while ( list.length ) { + safeFrag.createElement( + list.pop() + ); + } + } + return safeFrag; +} + +var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" + + "header|hgroup|mark|meter|nav|output|progress|section|summary|time|video", + rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g, + rleadingWhitespace = /^\s+/, + rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi, + rtagName = /<([\w:]+)/, + rtbody = /<tbody/i, + rhtml = /<|&#?\w+;/, + rnoInnerhtml = /<(?:script|style|link)/i, + rnocache = /<(?:script|object|embed|option|style)/i, + rnoshimcache = new RegExp("<(?:" + nodeNames + ")[\\s/>]", "i"), + rcheckableType = /^(?:checkbox|radio)$/, + // checked="checked" or checked + rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i, + rscriptType = /\/(java|ecma)script/i, + rcleanScript = /^\s*<!(?:\[CDATA\[|\-\-)|[\]\-]{2}>\s*$/g, + wrapMap = { + option: [ 1, "<select multiple='multiple'>", "</select>" ], + legend: [ 1, "<fieldset>", "</fieldset>" ], + thead: [ 1, "<table>", "</table>" ], + tr: [ 2, "<table><tbody>", "</tbody></table>" ], + td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ], + col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ], + area: [ 1, "<map>", "</map>" ], + _default: [ 0, "", "" ] + }, + safeFragment = createSafeFragment( document ), + fragmentDiv = safeFragment.appendChild( document.createElement("div") ); + +wrapMap.optgroup = wrapMap.option; +wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; +wrapMap.th = wrapMap.td; + +// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags, +// unless wrapped in a div with non-breaking characters in front of it. +if ( !jQuery.support.htmlSerialize ) { + wrapMap._default = [ 1, "X<div>", "</div>" ]; +} + +jQuery.fn.extend({ + text: function( value ) { + return jQuery.access( this, function( value ) { + return value === undefined ? + jQuery.text( this ) : + this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) ); + }, null, value, arguments.length ); + }, + + wrapAll: function( html ) { + if ( jQuery.isFunction( html ) ) { + return this.each(function(i) { + jQuery(this).wrapAll( html.call(this, i) ); + }); + } + + if ( this[0] ) { + // The elements to wrap the target around + var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true); + + if ( this[0].parentNode ) { + wrap.insertBefore( this[0] ); + } + + wrap.map(function() { + var elem = this; + + while ( elem.firstChild && elem.firstChild.nodeType === 1 ) { + elem = elem.firstChild; + } + + return elem; + }).append( this ); + } + + return this; + }, + + wrapInner: function( html ) { + if ( jQuery.isFunction( html ) ) { + return this.each(function(i) { + jQuery(this).wrapInner( html.call(this, i) ); + }); + } + + return this.each(function() { + var self = jQuery( this ), + contents = self.contents(); + + if ( contents.length ) { + contents.wrapAll( html ); + + } else { + self.append( html ); + } + }); + }, + + wrap: function( html ) { + var isFunction = jQuery.isFunction( html ); + + return this.each(function(i) { + jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html ); + }); + }, + + unwrap: function() { + return this.parent().each(function() { + if ( !jQuery.nodeName( this, "body" ) ) { + jQuery( this ).replaceWith( this.childNodes ); + } + }).end(); + }, + + append: function() { + return this.domManip(arguments, true, function( elem ) { + if ( this.nodeType === 1 || this.nodeType === 11 ) { + this.appendChild( elem ); + } + }); + }, + + prepend: function() { + return this.domManip(arguments, true, function( elem ) { + if ( this.nodeType === 1 || this.nodeType === 11 ) { + this.insertBefore( elem, this.firstChild ); + } + }); + }, + + before: function() { + if ( !isDisconnected( this[0] ) ) { + return this.domManip(arguments, false, function( elem ) { + this.parentNode.insertBefore( elem, this ); + }); + } + + if ( arguments.length ) { + var set = jQuery.clean( arguments ); + return this.pushStack( jQuery.merge( set, this ), "before", this.selector ); + } + }, + + after: function() { + if ( !isDisconnected( this[0] ) ) { + return this.domManip(arguments, false, function( elem ) { + this.parentNode.insertBefore( elem, this.nextSibling ); + }); + } + + if ( arguments.length ) { + var set = jQuery.clean( arguments ); + return this.pushStack( jQuery.merge( this, set ), "after", this.selector ); + } + }, + + // keepData is for internal use only--do not document + remove: function( selector, keepData ) { + var elem, + i = 0; + + for ( ; (elem = this[i]) != null; i++ ) { + if ( !selector || jQuery.filter( selector, [ elem ] ).length ) { + if ( !keepData && elem.nodeType === 1 ) { + jQuery.cleanData( elem.getElementsByTagName("*") ); + jQuery.cleanData( [ elem ] ); + } + + if ( elem.parentNode ) { + elem.parentNode.removeChild( elem ); + } + } + } + + return this; + }, + + empty: function() { + var elem, + i = 0; + + for ( ; (elem = this[i]) != null; i++ ) { + // Remove element nodes and prevent memory leaks + if ( elem.nodeType === 1 ) { + jQuery.cleanData( elem.getElementsByTagName("*") ); + } + + // Remove any remaining nodes + while ( elem.firstChild ) { + elem.removeChild( elem.firstChild ); + } + } + + return this; + }, + + clone: function( dataAndEvents, deepDataAndEvents ) { + dataAndEvents = dataAndEvents == null ? false : dataAndEvents; + deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; + + return this.map( function () { + return jQuery.clone( this, dataAndEvents, deepDataAndEvents ); + }); + }, + + html: function( value ) { + return jQuery.access( this, function( value ) { + var elem = this[0] || {}, + i = 0, + l = this.length; + + if ( value === undefined ) { + return elem.nodeType === 1 ? + elem.innerHTML.replace( rinlinejQuery, "" ) : + undefined; + } + + // See if we can take a shortcut and just use innerHTML + if ( typeof value === "string" && !rnoInnerhtml.test( value ) && + ( jQuery.support.htmlSerialize || !rnoshimcache.test( value ) ) && + ( jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value ) ) && + !wrapMap[ ( rtagName.exec( value ) || ["", ""] )[1].toLowerCase() ] ) { + + value = value.replace( rxhtmlTag, "<$1></$2>" ); + + try { + for (; i < l; i++ ) { + // Remove element nodes and prevent memory leaks + elem = this[i] || {}; + if ( elem.nodeType === 1 ) { + jQuery.cleanData( elem.getElementsByTagName( "*" ) ); + elem.innerHTML = value; + } + } + + elem = 0; + + // If using innerHTML throws an exception, use the fallback method + } catch(e) {} + } + + if ( elem ) { + this.empty().append( value ); + } + }, null, value, arguments.length ); + }, + + replaceWith: function( value ) { + if ( !isDisconnected( this[0] ) ) { + // Make sure that the elements are removed from the DOM before they are inserted + // this can help fix replacing a parent with child elements + if ( jQuery.isFunction( value ) ) { + return this.each(function(i) { + var self = jQuery(this), old = self.html(); + self.replaceWith( value.call( this, i, old ) ); + }); + } + + if ( typeof value !== "string" ) { + value = jQuery( value ).detach(); + } + + return this.each(function() { + var next = this.nextSibling, + parent = this.parentNode; + + jQuery( this ).remove(); + + if ( next ) { + jQuery(next).before( value ); + } else { + jQuery(parent).append( value ); + } + }); + } + + return this.length ? + this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value ) : + this; + }, + + detach: function( selector ) { + return this.remove( selector, true ); + }, + + domManip: function( args, table, callback ) { + + // Flatten any nested arrays + args = [].concat.apply( [], args ); + + var results, first, fragment, iNoClone, + i = 0, + value = args[0], + scripts = [], + l = this.length; + + // We can't cloneNode fragments that contain checked, in WebKit + if ( !jQuery.support.checkClone && l > 1 && typeof value === "string" && rchecked.test( value ) ) { + return this.each(function() { + jQuery(this).domManip( args, table, callback ); + }); + } + + if ( jQuery.isFunction(value) ) { + return this.each(function(i) { + var self = jQuery(this); + args[0] = value.call( this, i, table ? self.html() : undefined ); + self.domManip( args, table, callback ); + }); + } + + if ( this[0] ) { + results = jQuery.buildFragment( args, this, scripts ); + fragment = results.fragment; + first = fragment.firstChild; + + if ( fragment.childNodes.length === 1 ) { + fragment = first; + } + + if ( first ) { + table = table && jQuery.nodeName( first, "tr" ); + + // Use the original fragment for the last item instead of the first because it can end up + // being emptied incorrectly in certain situations (#8070). + // Fragments from the fragment cache must always be cloned and never used in place. + for ( iNoClone = results.cacheable || l - 1; i < l; i++ ) { + callback.call( + table && jQuery.nodeName( this[i], "table" ) ? + findOrAppend( this[i], "tbody" ) : + this[i], + i === iNoClone ? + fragment : + jQuery.clone( fragment, true, true ) + ); + } + } + + // Fix #11809: Avoid leaking memory + fragment = first = null; + + if ( scripts.length ) { + jQuery.each( scripts, function( i, elem ) { + if ( elem.src ) { + if ( jQuery.ajax ) { + jQuery.ajax({ + url: elem.src, + type: "GET", + dataType: "script", + async: false, + global: false, + "throws": true + }); + } else { + jQuery.error("no ajax"); + } + } else { + jQuery.globalEval( ( elem.text || elem.textContent || elem.innerHTML || "" ).replace( rcleanScript, "" ) ); + } + + if ( elem.parentNode ) { + elem.parentNode.removeChild( elem ); + } + }); + } + } + + return this; + } +}); + +function findOrAppend( elem, tag ) { + return elem.getElementsByTagName( tag )[0] || elem.appendChild( elem.ownerDocument.createElement( tag ) ); +} + +function cloneCopyEvent( src, dest ) { + + if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) { + return; + } + + var type, i, l, + oldData = jQuery._data( src ), + curData = jQuery._data( dest, oldData ), + events = oldData.events; + + if ( events ) { + delete curData.handle; + curData.events = {}; + + for ( type in events ) { + for ( i = 0, l = events[ type ].length; i < l; i++ ) { + jQuery.event.add( dest, type, events[ type ][ i ] ); + } + } + } + + // make the cloned public data object a copy from the original + if ( curData.data ) { + curData.data = jQuery.extend( {}, curData.data ); + } +} + +function cloneFixAttributes( src, dest ) { + var nodeName; + + // We do not need to do anything for non-Elements + if ( dest.nodeType !== 1 ) { + return; + } + + // clearAttributes removes the attributes, which we don't want, + // but also removes the attachEvent events, which we *do* want + if ( dest.clearAttributes ) { + dest.clearAttributes(); + } + + // mergeAttributes, in contrast, only merges back on the + // original attributes, not the events + if ( dest.mergeAttributes ) { + dest.mergeAttributes( src ); + } + + nodeName = dest.nodeName.toLowerCase(); + + if ( nodeName === "object" ) { + // IE6-10 improperly clones children of object elements using classid. + // IE10 throws NoModificationAllowedError if parent is null, #12132. + if ( dest.parentNode ) { + dest.outerHTML = src.outerHTML; + } + + // This path appears unavoidable for IE9. When cloning an object + // element in IE9, the outerHTML strategy above is not sufficient. + // If the src has innerHTML and the destination does not, + // copy the src.innerHTML into the dest.innerHTML. #10324 + if ( jQuery.support.html5Clone && (src.innerHTML && !jQuery.trim(dest.innerHTML)) ) { + dest.innerHTML = src.innerHTML; + } + + } else if ( nodeName === "input" && rcheckableType.test( src.type ) ) { + // IE6-8 fails to persist the checked state of a cloned checkbox + // or radio button. Worse, IE6-7 fail to give the cloned element + // a checked appearance if the defaultChecked value isn't also set + + dest.defaultChecked = dest.checked = src.checked; + + // IE6-7 get confused and end up setting the value of a cloned + // checkbox/radio button to an empty string instead of "on" + if ( dest.value !== src.value ) { + dest.value = src.value; + } + + // IE6-8 fails to return the selected option to the default selected + // state when cloning options + } else if ( nodeName === "option" ) { + dest.selected = src.defaultSelected; + + // IE6-8 fails to set the defaultValue to the correct value when + // cloning other types of input fields + } else if ( nodeName === "input" || nodeName === "textarea" ) { + dest.defaultValue = src.defaultValue; + + // IE blanks contents when cloning scripts + } else if ( nodeName === "script" && dest.text !== src.text ) { + dest.text = src.text; + } + + // Event data gets referenced instead of copied if the expando + // gets copied too + dest.removeAttribute( jQuery.expando ); +} + +jQuery.buildFragment = function( args, context, scripts ) { + var fragment, cacheable, cachehit, + first = args[ 0 ]; + + // Set context from what may come in as undefined or a jQuery collection or a node + // Updated to fix #12266 where accessing context[0] could throw an exception in IE9/10 & + // also doubles as fix for #8950 where plain objects caused createDocumentFragment exception + context = context || document; + context = !context.nodeType && context[0] || context; + context = context.ownerDocument || context; + + // Only cache "small" (1/2 KB) HTML strings that are associated with the main document + // Cloning options loses the selected state, so don't cache them + // IE 6 doesn't like it when you put <object> or <embed> elements in a fragment + // Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache + // Lastly, IE6,7,8 will not correctly reuse cached fragments that were created from unknown elems #10501 + if ( args.length === 1 && typeof first === "string" && first.length < 512 && context === document && + first.charAt(0) === "<" && !rnocache.test( first ) && + (jQuery.support.checkClone || !rchecked.test( first )) && + (jQuery.support.html5Clone || !rnoshimcache.test( first )) ) { + + // Mark cacheable and look for a hit + cacheable = true; + fragment = jQuery.fragments[ first ]; + cachehit = fragment !== undefined; + } + + if ( !fragment ) { + fragment = context.createDocumentFragment(); + jQuery.clean( args, context, fragment, scripts ); + + // Update the cache, but only store false + // unless this is a second parsing of the same content + if ( cacheable ) { + jQuery.fragments[ first ] = cachehit && fragment; + } + } + + return { fragment: fragment, cacheable: cacheable }; +}; + +jQuery.fragments = {}; + +jQuery.each({ + appendTo: "append", + prependTo: "prepend", + insertBefore: "before", + insertAfter: "after", + replaceAll: "replaceWith" +}, function( name, original ) { + jQuery.fn[ name ] = function( selector ) { + var elems, + i = 0, + ret = [], + insert = jQuery( selector ), + l = insert.length, + parent = this.length === 1 && this[0].parentNode; + + if ( (parent == null || parent && parent.nodeType === 11 && parent.childNodes.length === 1) && l === 1 ) { + insert[ original ]( this[0] ); + return this; + } else { + for ( ; i < l; i++ ) { + elems = ( i > 0 ? this.clone(true) : this ).get(); + jQuery( insert[i] )[ original ]( elems ); + ret = ret.concat( elems ); + } + + return this.pushStack( ret, name, insert.selector ); + } + }; +}); + +function getAll( elem ) { + if ( typeof elem.getElementsByTagName !== "undefined" ) { + return elem.getElementsByTagName( "*" ); + + } else if ( typeof elem.querySelectorAll !== "undefined" ) { + return elem.querySelectorAll( "*" ); + + } else { + return []; + } +} + +// Used in clean, fixes the defaultChecked property +function fixDefaultChecked( elem ) { + if ( rcheckableType.test( elem.type ) ) { + elem.defaultChecked = elem.checked; + } +} + +jQuery.extend({ + clone: function( elem, dataAndEvents, deepDataAndEvents ) { + var srcElements, + destElements, + i, + clone; + + if ( jQuery.support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test( "<" + elem.nodeName + ">" ) ) { + clone = elem.cloneNode( true ); + + // IE<=8 does not properly clone detached, unknown element nodes + } else { + fragmentDiv.innerHTML = elem.outerHTML; + fragmentDiv.removeChild( clone = fragmentDiv.firstChild ); + } + + if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) && + (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) { + // IE copies events bound via attachEvent when using cloneNode. + // Calling detachEvent on the clone will also remove the events + // from the original. In order to get around this, we use some + // proprietary methods to clear the events. Thanks to MooTools + // guys for this hotness. + + cloneFixAttributes( elem, clone ); + + // Using Sizzle here is crazy slow, so we use getElementsByTagName instead + srcElements = getAll( elem ); + destElements = getAll( clone ); + + // Weird iteration because IE will replace the length property + // with an element if you are cloning the body and one of the + // elements on the page has a name or id of "length" + for ( i = 0; srcElements[i]; ++i ) { + // Ensure that the destination node is not null; Fixes #9587 + if ( destElements[i] ) { + cloneFixAttributes( srcElements[i], destElements[i] ); + } + } + } + + // Copy the events from the original to the clone + if ( dataAndEvents ) { + cloneCopyEvent( elem, clone ); + + if ( deepDataAndEvents ) { + srcElements = getAll( elem ); + destElements = getAll( clone ); + + for ( i = 0; srcElements[i]; ++i ) { + cloneCopyEvent( srcElements[i], destElements[i] ); + } + } + } + + srcElements = destElements = null; + + // Return the cloned set + return clone; + }, + + clean: function( elems, context, fragment, scripts ) { + var i, j, elem, tag, wrap, depth, div, hasBody, tbody, len, handleScript, jsTags, + safe = context === document && safeFragment, + ret = []; + + // Ensure that context is a document + if ( !context || typeof context.createDocumentFragment === "undefined" ) { + context = document; + } + + // Use the already-created safe fragment if context permits + for ( i = 0; (elem = elems[i]) != null; i++ ) { + if ( typeof elem === "number" ) { + elem += ""; + } + + if ( !elem ) { + continue; + } + + // Convert html string into DOM nodes + if ( typeof elem === "string" ) { + if ( !rhtml.test( elem ) ) { + elem = context.createTextNode( elem ); + } else { + // Ensure a safe container in which to render the html + safe = safe || createSafeFragment( context ); + div = context.createElement("div"); + safe.appendChild( div ); + + // Fix "XHTML"-style tags in all browsers + elem = elem.replace(rxhtmlTag, "<$1></$2>"); + + // Go to html and back, then peel off extra wrappers + tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase(); + wrap = wrapMap[ tag ] || wrapMap._default; + depth = wrap[0]; + div.innerHTML = wrap[1] + elem + wrap[2]; + + // Move to the right depth + while ( depth-- ) { + div = div.lastChild; + } + + // Remove IE's autoinserted <tbody> from table fragments + if ( !jQuery.support.tbody ) { + + // String was a <table>, *may* have spurious <tbody> + hasBody = rtbody.test(elem); + tbody = tag === "table" && !hasBody ? + div.firstChild && div.firstChild.childNodes : + + // String was a bare <thead> or <tfoot> + wrap[1] === "<table>" && !hasBody ? + div.childNodes : + []; + + for ( j = tbody.length - 1; j >= 0 ; --j ) { + if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) { + tbody[ j ].parentNode.removeChild( tbody[ j ] ); + } + } + } + + // IE completely kills leading whitespace when innerHTML is used + if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) { + div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild ); + } + + elem = div.childNodes; + + // Take out of fragment container (we need a fresh div each time) + div.parentNode.removeChild( div ); + } + } + + if ( elem.nodeType ) { + ret.push( elem ); + } else { + jQuery.merge( ret, elem ); + } + } + + // Fix #11356: Clear elements from safeFragment + if ( div ) { + elem = div = safe = null; + } + + // Reset defaultChecked for any radios and checkboxes + // about to be appended to the DOM in IE 6/7 (#8060) + if ( !jQuery.support.appendChecked ) { + for ( i = 0; (elem = ret[i]) != null; i++ ) { + if ( jQuery.nodeName( elem, "input" ) ) { + fixDefaultChecked( elem ); + } else if ( typeof elem.getElementsByTagName !== "undefined" ) { + jQuery.grep( elem.getElementsByTagName("input"), fixDefaultChecked ); + } + } + } + + // Append elements to a provided document fragment + if ( fragment ) { + // Special handling of each script element + handleScript = function( elem ) { + // Check if we consider it executable + if ( !elem.type || rscriptType.test( elem.type ) ) { + // Detach the script and store it in the scripts array (if provided) or the fragment + // Return truthy to indicate that it has been handled + return scripts ? + scripts.push( elem.parentNode ? elem.parentNode.removeChild( elem ) : elem ) : + fragment.appendChild( elem ); + } + }; + + for ( i = 0; (elem = ret[i]) != null; i++ ) { + // Check if we're done after handling an executable script + if ( !( jQuery.nodeName( elem, "script" ) && handleScript( elem ) ) ) { + // Append to fragment and handle embedded scripts + fragment.appendChild( elem ); + if ( typeof elem.getElementsByTagName !== "undefined" ) { + // handleScript alters the DOM, so use jQuery.merge to ensure snapshot iteration + jsTags = jQuery.grep( jQuery.merge( [], elem.getElementsByTagName("script") ), handleScript ); + + // Splice the scripts into ret after their former ancestor and advance our index beyond them + ret.splice.apply( ret, [i + 1, 0].concat( jsTags ) ); + i += jsTags.length; + } + } + } + } + + return ret; + }, + + cleanData: function( elems, /* internal */ acceptData ) { + var data, id, elem, type, + i = 0, + internalKey = jQuery.expando, + cache = jQuery.cache, + deleteExpando = jQuery.support.deleteExpando, + special = jQuery.event.special; + + for ( ; (elem = elems[i]) != null; i++ ) { + + if ( acceptData || jQuery.acceptData( elem ) ) { + + id = elem[ internalKey ]; + data = id && cache[ id ]; + + if ( data ) { + if ( data.events ) { + for ( type in data.events ) { + if ( special[ type ] ) { + jQuery.event.remove( elem, type ); + + // This is a shortcut to avoid jQuery.event.remove's overhead + } else { + jQuery.removeEvent( elem, type, data.handle ); + } + } + } + + // Remove cache only if it was not already removed by jQuery.event.remove + if ( cache[ id ] ) { + + delete cache[ id ]; + + // IE does not allow us to delete expando properties from nodes, + // nor does it have a removeAttribute function on Document nodes; + // we must handle all of these cases + if ( deleteExpando ) { + delete elem[ internalKey ]; + + } else if ( elem.removeAttribute ) { + elem.removeAttribute( internalKey ); + + } else { + elem[ internalKey ] = null; + } + + jQuery.deletedIds.push( id ); + } + } + } + } + } +}); +// Limit scope pollution from any deprecated API +(function() { + +var matched, browser; + +// Use of jQuery.browser is frowned upon. +// More details: http://api.jquery.com/jQuery.browser +// jQuery.uaMatch maintained for back-compat +jQuery.uaMatch = function( ua ) { + ua = ua.toLowerCase(); + + var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) || + /(webkit)[ \/]([\w.]+)/.exec( ua ) || + /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) || + /(msie) ([\w.]+)/.exec( ua ) || + ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) || + []; + + return { + browser: match[ 1 ] || "", + version: match[ 2 ] || "0" + }; +}; + +matched = jQuery.uaMatch( navigator.userAgent ); +browser = {}; + +if ( matched.browser ) { + browser[ matched.browser ] = true; + browser.version = matched.version; +} + +// Chrome is Webkit, but Webkit is also Safari. +if ( browser.chrome ) { + browser.webkit = true; +} else if ( browser.webkit ) { + browser.safari = true; +} + +jQuery.browser = browser; + +jQuery.sub = function() { + function jQuerySub( selector, context ) { + return new jQuerySub.fn.init( selector, context ); + } + jQuery.extend( true, jQuerySub, this ); + jQuerySub.superclass = this; + jQuerySub.fn = jQuerySub.prototype = this(); + jQuerySub.fn.constructor = jQuerySub; + jQuerySub.sub = this.sub; + jQuerySub.fn.init = function init( selector, context ) { + if ( context && context instanceof jQuery && !(context instanceof jQuerySub) ) { + context = jQuerySub( context ); + } + + return jQuery.fn.init.call( this, selector, context, rootjQuerySub ); + }; + jQuerySub.fn.init.prototype = jQuerySub.fn; + var rootjQuerySub = jQuerySub(document); + return jQuerySub; +}; + +})(); +var curCSS, iframe, iframeDoc, + ralpha = /alpha\([^)]*\)/i, + ropacity = /opacity=([^)]*)/, + rposition = /^(top|right|bottom|left)$/, + // swappable if display is none or starts with table except "table", "table-cell", or "table-caption" + // see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display + rdisplayswap = /^(none|table(?!-c[ea]).+)/, + rmargin = /^margin/, + rnumsplit = new RegExp( "^(" + core_pnum + ")(.*)$", "i" ), + rnumnonpx = new RegExp( "^(" + core_pnum + ")(?!px)[a-z%]+$", "i" ), + rrelNum = new RegExp( "^([-+])=(" + core_pnum + ")", "i" ), + elemdisplay = { BODY: "block" }, + + cssShow = { position: "absolute", visibility: "hidden", display: "block" }, + cssNormalTransform = { + letterSpacing: 0, + fontWeight: 400 + }, + + cssExpand = [ "Top", "Right", "Bottom", "Left" ], + cssPrefixes = [ "Webkit", "O", "Moz", "ms" ], + + eventsToggle = jQuery.fn.toggle; + +// return a css property mapped to a potentially vendor prefixed property +function vendorPropName( style, name ) { + + // shortcut for names that are not vendor prefixed + if ( name in style ) { + return name; + } + + // check for vendor prefixed names + var capName = name.charAt(0).toUpperCase() + name.slice(1), + origName = name, + i = cssPrefixes.length; + + while ( i-- ) { + name = cssPrefixes[ i ] + capName; + if ( name in style ) { + return name; + } + } + + return origName; +} + +function isHidden( elem, el ) { + elem = el || elem; + return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem ); +} + +function showHide( elements, show ) { + var elem, display, + values = [], + index = 0, + length = elements.length; + + for ( ; index < length; index++ ) { + elem = elements[ index ]; + if ( !elem.style ) { + continue; + } + values[ index ] = jQuery._data( elem, "olddisplay" ); + if ( show ) { + // Reset the inline display of this element to learn if it is + // being hidden by cascaded rules or not + if ( !values[ index ] && elem.style.display === "none" ) { + elem.style.display = ""; + } + + // Set elements which have been overridden with display: none + // in a stylesheet to whatever the default browser style is + // for such an element + if ( elem.style.display === "" && isHidden( elem ) ) { + values[ index ] = jQuery._data( elem, "olddisplay", css_defaultDisplay(elem.nodeName) ); + } + } else { + display = curCSS( elem, "display" ); + + if ( !values[ index ] && display !== "none" ) { + jQuery._data( elem, "olddisplay", display ); + } + } + } + + // Set the display of most of the elements in a second loop + // to avoid the constant reflow + for ( index = 0; index < length; index++ ) { + elem = elements[ index ]; + if ( !elem.style ) { + continue; + } + if ( !show || elem.style.display === "none" || elem.style.display === "" ) { + elem.style.display = show ? values[ index ] || "" : "none"; + } + } + + return elements; +} + +jQuery.fn.extend({ + css: function( name, value ) { + return jQuery.access( this, function( elem, name, value ) { + return value !== undefined ? + jQuery.style( elem, name, value ) : + jQuery.css( elem, name ); + }, name, value, arguments.length > 1 ); + }, + show: function() { + return showHide( this, true ); + }, + hide: function() { + return showHide( this ); + }, + toggle: function( state, fn2 ) { + var bool = typeof state === "boolean"; + + if ( jQuery.isFunction( state ) && jQuery.isFunction( fn2 ) ) { + return eventsToggle.apply( this, arguments ); + } + + return this.each(function() { + if ( bool ? state : isHidden( this ) ) { + jQuery( this ).show(); + } else { + jQuery( this ).hide(); + } + }); + } +}); + +jQuery.extend({ + // Add in style property hooks for overriding the default + // behavior of getting and setting a style property + cssHooks: { + opacity: { + get: function( elem, computed ) { + if ( computed ) { + // We should always get a number back from opacity + var ret = curCSS( elem, "opacity" ); + return ret === "" ? "1" : ret; + + } + } + } + }, + + // Exclude the following css properties to add px + cssNumber: { + "fillOpacity": true, + "fontWeight": true, + "lineHeight": true, + "opacity": true, + "orphans": true, + "widows": true, + "zIndex": true, + "zoom": true + }, + + // Add in properties whose names you wish to fix before + // setting or getting the value + cssProps: { + // normalize float css property + "float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat" + }, + + // Get and set the style property on a DOM Node + style: function( elem, name, value, extra ) { + // Don't set styles on text and comment nodes + if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) { + return; + } + + // Make sure that we're working with the right name + var ret, type, hooks, + origName = jQuery.camelCase( name ), + style = elem.style; + + name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) ); + + // gets hook for the prefixed version + // followed by the unprefixed version + hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ]; + + // Check if we're setting a value + if ( value !== undefined ) { + type = typeof value; + + // convert relative number strings (+= or -=) to relative numbers. #7345 + if ( type === "string" && (ret = rrelNum.exec( value )) ) { + value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) ); + // Fixes bug #9237 + type = "number"; + } + + // Make sure that NaN and null values aren't set. See: #7116 + if ( value == null || type === "number" && isNaN( value ) ) { + return; + } + + // If a number was passed in, add 'px' to the (except for certain CSS properties) + if ( type === "number" && !jQuery.cssNumber[ origName ] ) { + value += "px"; + } + + // If a hook was provided, use that value, otherwise just set the specified value + if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) { + // Wrapped to prevent IE from throwing errors when 'invalid' values are provided + // Fixes bug #5509 + try { + style[ name ] = value; + } catch(e) {} + } + + } else { + // If a hook was provided get the non-computed value from there + if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) { + return ret; + } + + // Otherwise just get the value from the style object + return style[ name ]; + } + }, + + css: function( elem, name, numeric, extra ) { + var val, num, hooks, + origName = jQuery.camelCase( name ); + + // Make sure that we're working with the right name + name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) ); + + // gets hook for the prefixed version + // followed by the unprefixed version + hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ]; + + // If a hook was provided get the computed value from there + if ( hooks && "get" in hooks ) { + val = hooks.get( elem, true, extra ); + } + + // Otherwise, if a way to get the computed value exists, use that + if ( val === undefined ) { + val = curCSS( elem, name ); + } + + //convert "normal" to computed value + if ( val === "normal" && name in cssNormalTransform ) { + val = cssNormalTransform[ name ]; + } + + // Return, converting to number if forced or a qualifier was provided and val looks numeric + if ( numeric || extra !== undefined ) { + num = parseFloat( val ); + return numeric || jQuery.isNumeric( num ) ? num || 0 : val; + } + return val; + }, + + // A method for quickly swapping in/out CSS properties to get correct calculations + swap: function( elem, options, callback ) { + var ret, name, + old = {}; + + // Remember the old values, and insert the new ones + for ( name in options ) { + old[ name ] = elem.style[ name ]; + elem.style[ name ] = options[ name ]; + } + + ret = callback.call( elem ); + + // Revert the old values + for ( name in options ) { + elem.style[ name ] = old[ name ]; + } + + return ret; + } +}); + +// NOTE: To any future maintainer, we've window.getComputedStyle +// because jsdom on node.js will break without it. +if ( window.getComputedStyle ) { + curCSS = function( elem, name ) { + var ret, width, minWidth, maxWidth, + computed = window.getComputedStyle( elem, null ), + style = elem.style; + + if ( computed ) { + + // getPropertyValue is only needed for .css('filter') in IE9, see #12537 + ret = computed.getPropertyValue( name ) || computed[ name ]; + + if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) { + ret = jQuery.style( elem, name ); + } + + // A tribute to the "awesome hack by Dean Edwards" + // Chrome < 17 and Safari 5.0 uses "computed value" instead of "used value" for margin-right + // Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels + // this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values + if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) { + width = style.width; + minWidth = style.minWidth; + maxWidth = style.maxWidth; + + style.minWidth = style.maxWidth = style.width = ret; + ret = computed.width; + + style.width = width; + style.minWidth = minWidth; + style.maxWidth = maxWidth; + } + } + + return ret; + }; +} else if ( document.documentElement.currentStyle ) { + curCSS = function( elem, name ) { + var left, rsLeft, + ret = elem.currentStyle && elem.currentStyle[ name ], + style = elem.style; + + // Avoid setting ret to empty string here + // so we don't default to auto + if ( ret == null && style && style[ name ] ) { + ret = style[ name ]; + } + + // From the awesome hack by Dean Edwards + // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291 + + // If we're not dealing with a regular pixel number + // but a number that has a weird ending, we need to convert it to pixels + // but not position css attributes, as those are proportional to the parent element instead + // and we can't measure the parent instead because it might trigger a "stacking dolls" problem + if ( rnumnonpx.test( ret ) && !rposition.test( name ) ) { + + // Remember the original values + left = style.left; + rsLeft = elem.runtimeStyle && elem.runtimeStyle.left; + + // Put in the new values to get a computed value out + if ( rsLeft ) { + elem.runtimeStyle.left = elem.currentStyle.left; + } + style.left = name === "fontSize" ? "1em" : ret; + ret = style.pixelLeft + "px"; + + // Revert the changed values + style.left = left; + if ( rsLeft ) { + elem.runtimeStyle.left = rsLeft; + } + } + + return ret === "" ? "auto" : ret; + }; +} + +function setPositiveNumber( elem, value, subtract ) { + var matches = rnumsplit.exec( value ); + return matches ? + Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) : + value; +} + +function augmentWidthOrHeight( elem, name, extra, isBorderBox ) { + var i = extra === ( isBorderBox ? "border" : "content" ) ? + // If we already have the right measurement, avoid augmentation + 4 : + // Otherwise initialize for horizontal or vertical properties + name === "width" ? 1 : 0, + + val = 0; + + for ( ; i < 4; i += 2 ) { + // both box models exclude margin, so add it if we want it + if ( extra === "margin" ) { + // we use jQuery.css instead of curCSS here + // because of the reliableMarginRight CSS hook! + val += jQuery.css( elem, extra + cssExpand[ i ], true ); + } + + // From this point on we use curCSS for maximum performance (relevant in animations) + if ( isBorderBox ) { + // border-box includes padding, so remove it if we want content + if ( extra === "content" ) { + val -= parseFloat( curCSS( elem, "padding" + cssExpand[ i ] ) ) || 0; + } + + // at this point, extra isn't border nor margin, so remove border + if ( extra !== "margin" ) { + val -= parseFloat( curCSS( elem, "border" + cssExpand[ i ] + "Width" ) ) || 0; + } + } else { + // at this point, extra isn't content, so add padding + val += parseFloat( curCSS( elem, "padding" + cssExpand[ i ] ) ) || 0; + + // at this point, extra isn't content nor padding, so add border + if ( extra !== "padding" ) { + val += parseFloat( curCSS( elem, "border" + cssExpand[ i ] + "Width" ) ) || 0; + } + } + } + + return val; +} + +function getWidthOrHeight( elem, name, extra ) { + + // Start with offset property, which is equivalent to the border-box value + var val = name === "width" ? elem.offsetWidth : elem.offsetHeight, + valueIsBorderBox = true, + isBorderBox = jQuery.support.boxSizing && jQuery.css( elem, "boxSizing" ) === "border-box"; + + // some non-html elements return undefined for offsetWidth, so check for null/undefined + // svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285 + // MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668 + if ( val <= 0 || val == null ) { + // Fall back to computed then uncomputed css if necessary + val = curCSS( elem, name ); + if ( val < 0 || val == null ) { + val = elem.style[ name ]; + } + + // Computed unit is not pixels. Stop here and return. + if ( rnumnonpx.test(val) ) { + return val; + } + + // we need the check for style in case a browser which returns unreliable values + // for getComputedStyle silently falls back to the reliable elem.style + valueIsBorderBox = isBorderBox && ( jQuery.support.boxSizingReliable || val === elem.style[ name ] ); + + // Normalize "", auto, and prepare for extra + val = parseFloat( val ) || 0; + } + + // use the active box-sizing model to add/subtract irrelevant styles + return ( val + + augmentWidthOrHeight( + elem, + name, + extra || ( isBorderBox ? "border" : "content" ), + valueIsBorderBox + ) + ) + "px"; +} + + +// Try to determine the default display value of an element +function css_defaultDisplay( nodeName ) { + if ( elemdisplay[ nodeName ] ) { + return elemdisplay[ nodeName ]; + } + + var elem = jQuery( "<" + nodeName + ">" ).appendTo( document.body ), + display = elem.css("display"); + elem.remove(); + + // If the simple way fails, + // get element's real default display by attaching it to a temp iframe + if ( display === "none" || display === "" ) { + // Use the already-created iframe if possible + iframe = document.body.appendChild( + iframe || jQuery.extend( document.createElement("iframe"), { + frameBorder: 0, + width: 0, + height: 0 + }) + ); + + // Create a cacheable copy of the iframe document on first call. + // IE and Opera will allow us to reuse the iframeDoc without re-writing the fake HTML + // document to it; WebKit & Firefox won't allow reusing the iframe document. + if ( !iframeDoc || !iframe.createElement ) { + iframeDoc = ( iframe.contentWindow || iframe.contentDocument ).document; + iframeDoc.write("<!doctype html><html><body>"); + iframeDoc.close(); + } + + elem = iframeDoc.body.appendChild( iframeDoc.createElement(nodeName) ); + + display = curCSS( elem, "display" ); + document.body.removeChild( iframe ); + } + + // Store the correct default display + elemdisplay[ nodeName ] = display; + + return display; +} + +jQuery.each([ "height", "width" ], function( i, name ) { + jQuery.cssHooks[ name ] = { + get: function( elem, computed, extra ) { + if ( computed ) { + // certain elements can have dimension info if we invisibly show them + // however, it must have a current display style that would benefit from this + if ( elem.offsetWidth === 0 && rdisplayswap.test( curCSS( elem, "display" ) ) ) { + return jQuery.swap( elem, cssShow, function() { + return getWidthOrHeight( elem, name, extra ); + }); + } else { + return getWidthOrHeight( elem, name, extra ); + } + } + }, + + set: function( elem, value, extra ) { + return setPositiveNumber( elem, value, extra ? + augmentWidthOrHeight( + elem, + name, + extra, + jQuery.support.boxSizing && jQuery.css( elem, "boxSizing" ) === "border-box" + ) : 0 + ); + } + }; +}); + +if ( !jQuery.support.opacity ) { + jQuery.cssHooks.opacity = { + get: function( elem, computed ) { + // IE uses filters for opacity + return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ? + ( 0.01 * parseFloat( RegExp.$1 ) ) + "" : + computed ? "1" : ""; + }, + + set: function( elem, value ) { + var style = elem.style, + currentStyle = elem.currentStyle, + opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "", + filter = currentStyle && currentStyle.filter || style.filter || ""; + + // IE has trouble with opacity if it does not have layout + // Force it by setting the zoom level + style.zoom = 1; + + // if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652 + if ( value >= 1 && jQuery.trim( filter.replace( ralpha, "" ) ) === "" && + style.removeAttribute ) { + + // Setting style.filter to null, "" & " " still leave "filter:" in the cssText + // if "filter:" is present at all, clearType is disabled, we want to avoid this + // style.removeAttribute is IE Only, but so apparently is this code path... + style.removeAttribute( "filter" ); + + // if there there is no filter style applied in a css rule, we are done + if ( currentStyle && !currentStyle.filter ) { + return; + } + } + + // otherwise, set new filter values + style.filter = ralpha.test( filter ) ? + filter.replace( ralpha, opacity ) : + filter + " " + opacity; + } + }; +} + +// These hooks cannot be added until DOM ready because the support test +// for it is not run until after DOM ready +jQuery(function() { + if ( !jQuery.support.reliableMarginRight ) { + jQuery.cssHooks.marginRight = { + get: function( elem, computed ) { + // WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right + // Work around by temporarily setting element display to inline-block + return jQuery.swap( elem, { "display": "inline-block" }, function() { + if ( computed ) { + return curCSS( elem, "marginRight" ); + } + }); + } + }; + } + + // Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084 + // getComputedStyle returns percent when specified for top/left/bottom/right + // rather than make the css module depend on the offset module, we just check for it here + if ( !jQuery.support.pixelPosition && jQuery.fn.position ) { + jQuery.each( [ "top", "left" ], function( i, prop ) { + jQuery.cssHooks[ prop ] = { + get: function( elem, computed ) { + if ( computed ) { + var ret = curCSS( elem, prop ); + // if curCSS returns percentage, fallback to offset + return rnumnonpx.test( ret ) ? jQuery( elem ).position()[ prop ] + "px" : ret; + } + } + }; + }); + } + +}); + +if ( jQuery.expr && jQuery.expr.filters ) { + jQuery.expr.filters.hidden = function( elem ) { + return ( elem.offsetWidth === 0 && elem.offsetHeight === 0 ) || (!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || curCSS( elem, "display" )) === "none"); + }; + + jQuery.expr.filters.visible = function( elem ) { + return !jQuery.expr.filters.hidden( elem ); + }; +} + +// These hooks are used by animate to expand properties +jQuery.each({ + margin: "", + padding: "", + border: "Width" +}, function( prefix, suffix ) { + jQuery.cssHooks[ prefix + suffix ] = { + expand: function( value ) { + var i, + + // assumes a single number if not a string + parts = typeof value === "string" ? value.split(" ") : [ value ], + expanded = {}; + + for ( i = 0; i < 4; i++ ) { + expanded[ prefix + cssExpand[ i ] + suffix ] = + parts[ i ] || parts[ i - 2 ] || parts[ 0 ]; + } + + return expanded; + } + }; + + if ( !rmargin.test( prefix ) ) { + jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber; + } +}); +var r20 = /%20/g, + rbracket = /\[\]$/, + rCRLF = /\r?\n/g, + rinput = /^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i, + rselectTextarea = /^(?:select|textarea)/i; + +jQuery.fn.extend({ + serialize: function() { + return jQuery.param( this.serializeArray() ); + }, + serializeArray: function() { + return this.map(function(){ + return this.elements ? jQuery.makeArray( this.elements ) : this; + }) + .filter(function(){ + return this.name && !this.disabled && + ( this.checked || rselectTextarea.test( this.nodeName ) || + rinput.test( this.type ) ); + }) + .map(function( i, elem ){ + var val = jQuery( this ).val(); + + return val == null ? + null : + jQuery.isArray( val ) ? + jQuery.map( val, function( val, i ){ + return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; + }) : + { name: elem.name, value: val.replace( rCRLF, "\r\n" ) }; + }).get(); + } +}); + +//Serialize an array of form elements or a set of +//key/values into a query string +jQuery.param = function( a, traditional ) { + var prefix, + s = [], + add = function( key, value ) { + // If value is a function, invoke it and return its value + value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value ); + s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value ); + }; + + // Set traditional to true for jQuery <= 1.3.2 behavior. + if ( traditional === undefined ) { + traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional; + } + + // If an array was passed in, assume that it is an array of form elements. + if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) { + // Serialize the form elements + jQuery.each( a, function() { + add( this.name, this.value ); + }); + + } else { + // If traditional, encode the "old" way (the way 1.3.2 or older + // did it), otherwise encode params recursively. + for ( prefix in a ) { + buildParams( prefix, a[ prefix ], traditional, add ); + } + } + + // Return the resulting serialization + return s.join( "&" ).replace( r20, "+" ); +}; + +function buildParams( prefix, obj, traditional, add ) { + var name; + + if ( jQuery.isArray( obj ) ) { + // Serialize array item. + jQuery.each( obj, function( i, v ) { + if ( traditional || rbracket.test( prefix ) ) { + // Treat each array item as a scalar. + add( prefix, v ); + + } else { + // If array item is non-scalar (array or object), encode its + // numeric index to resolve deserialization ambiguity issues. + // Note that rack (as of 1.0.0) can't currently deserialize + // nested arrays properly, and attempting to do so may cause + // a server error. Possible fixes are to modify rack's + // deserialization algorithm or to provide an option or flag + // to force array serialization to be shallow. + buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add ); + } + }); + + } else if ( !traditional && jQuery.type( obj ) === "object" ) { + // Serialize object item. + for ( name in obj ) { + buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add ); + } + + } else { + // Serialize scalar item. + add( prefix, obj ); + } +} +var + // Document location + ajaxLocParts, + ajaxLocation, + + rhash = /#.*$/, + rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL + // #7653, #8125, #8152: local protocol detection + rlocalProtocol = /^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/, + rnoContent = /^(?:GET|HEAD)$/, + rprotocol = /^\/\//, + rquery = /\?/, + rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, + rts = /([?&])_=[^&]*/, + rurl = /^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/, + + // Keep a copy of the old load method + _load = jQuery.fn.load, + + /* Prefilters + * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example) + * 2) These are called: + * - BEFORE asking for a transport + * - AFTER param serialization (s.data is a string if s.processData is true) + * 3) key is the dataType + * 4) the catchall symbol "*" can be used + * 5) execution will start with transport dataType and THEN continue down to "*" if needed + */ + prefilters = {}, + + /* Transports bindings + * 1) key is the dataType + * 2) the catchall symbol "*" can be used + * 3) selection will start with transport dataType and THEN go to "*" if needed + */ + transports = {}, + + // Avoid comment-prolog char sequence (#10098); must appease lint and evade compression + allTypes = ["*/"] + ["*"]; + +// #8138, IE may throw an exception when accessing +// a field from window.location if document.domain has been set +try { + ajaxLocation = location.href; +} catch( e ) { + // Use the href attribute of an A element + // since IE will modify it given document.location + ajaxLocation = document.createElement( "a" ); + ajaxLocation.href = ""; + ajaxLocation = ajaxLocation.href; +} + +// Segment location into parts +ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || []; + +// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport +function addToPrefiltersOrTransports( structure ) { + + // dataTypeExpression is optional and defaults to "*" + return function( dataTypeExpression, func ) { + + if ( typeof dataTypeExpression !== "string" ) { + func = dataTypeExpression; + dataTypeExpression = "*"; + } + + var dataType, list, placeBefore, + dataTypes = dataTypeExpression.toLowerCase().split( core_rspace ), + i = 0, + length = dataTypes.length; + + if ( jQuery.isFunction( func ) ) { + // For each dataType in the dataTypeExpression + for ( ; i < length; i++ ) { + dataType = dataTypes[ i ]; + // We control if we're asked to add before + // any existing element + placeBefore = /^\+/.test( dataType ); + if ( placeBefore ) { + dataType = dataType.substr( 1 ) || "*"; + } + list = structure[ dataType ] = structure[ dataType ] || []; + // then we add to the structure accordingly + list[ placeBefore ? "unshift" : "push" ]( func ); + } + } + }; +} + +// Base inspection function for prefilters and transports +function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR, + dataType /* internal */, inspected /* internal */ ) { + + dataType = dataType || options.dataTypes[ 0 ]; + inspected = inspected || {}; + + inspected[ dataType ] = true; + + var selection, + list = structure[ dataType ], + i = 0, + length = list ? list.length : 0, + executeOnly = ( structure === prefilters ); + + for ( ; i < length && ( executeOnly || !selection ); i++ ) { + selection = list[ i ]( options, originalOptions, jqXHR ); + // If we got redirected to another dataType + // we try there if executing only and not done already + if ( typeof selection === "string" ) { + if ( !executeOnly || inspected[ selection ] ) { + selection = undefined; + } else { + options.dataTypes.unshift( selection ); + selection = inspectPrefiltersOrTransports( + structure, options, originalOptions, jqXHR, selection, inspected ); + } + } + } + // If we're only executing or nothing was selected + // we try the catchall dataType if not done already + if ( ( executeOnly || !selection ) && !inspected[ "*" ] ) { + selection = inspectPrefiltersOrTransports( + structure, options, originalOptions, jqXHR, "*", inspected ); + } + // unnecessary when only executing (prefilters) + // but it'll be ignored by the caller in that case + return selection; +} + +// A special extend for ajax options +// that takes "flat" options (not to be deep extended) +// Fixes #9887 +function ajaxExtend( target, src ) { + var key, deep, + flatOptions = jQuery.ajaxSettings.flatOptions || {}; + for ( key in src ) { + if ( src[ key ] !== undefined ) { + ( flatOptions[ key ] ? target : ( deep || ( deep = {} ) ) )[ key ] = src[ key ]; + } + } + if ( deep ) { + jQuery.extend( true, target, deep ); + } +} + +jQuery.fn.load = function( url, params, callback ) { + if ( typeof url !== "string" && _load ) { + return _load.apply( this, arguments ); + } + + // Don't do a request if no elements are being requested + if ( !this.length ) { + return this; + } + + var selector, type, response, + self = this, + off = url.indexOf(" "); + + if ( off >= 0 ) { + selector = url.slice( off, url.length ); + url = url.slice( 0, off ); + } + + // If it's a function + if ( jQuery.isFunction( params ) ) { + + // We assume that it's the callback + callback = params; + params = undefined; + + // Otherwise, build a param string + } else if ( params && typeof params === "object" ) { + type = "POST"; + } + + // Request the remote document + jQuery.ajax({ + url: url, + + // if "type" variable is undefined, then "GET" method will be used + type: type, + dataType: "html", + data: params, + complete: function( jqXHR, status ) { + if ( callback ) { + self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] ); + } + } + }).done(function( responseText ) { + + // Save response for use in complete callback + response = arguments; + + // See if a selector was specified + self.html( selector ? + + // Create a dummy div to hold the results + jQuery("<div>") + + // inject the contents of the document in, removing the scripts + // to avoid any 'Permission Denied' errors in IE + .append( responseText.replace( rscript, "" ) ) + + // Locate the specified elements + .find( selector ) : + + // If not, just inject the full result + responseText ); + + }); + + return this; +}; + +// Attach a bunch of functions for handling common AJAX events +jQuery.each( "ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split( " " ), function( i, o ){ + jQuery.fn[ o ] = function( f ){ + return this.on( o, f ); + }; +}); + +jQuery.each( [ "get", "post" ], function( i, method ) { + jQuery[ method ] = function( url, data, callback, type ) { + // shift arguments if data argument was omitted + if ( jQuery.isFunction( data ) ) { + type = type || callback; + callback = data; + data = undefined; + } + + return jQuery.ajax({ + type: method, + url: url, + data: data, + success: callback, + dataType: type + }); + }; +}); + +jQuery.extend({ + + getScript: function( url, callback ) { + return jQuery.get( url, undefined, callback, "script" ); + }, + + getJSON: function( url, data, callback ) { + return jQuery.get( url, data, callback, "json" ); + }, + + // Creates a full fledged settings object into target + // with both ajaxSettings and settings fields. + // If target is omitted, writes into ajaxSettings. + ajaxSetup: function( target, settings ) { + if ( settings ) { + // Building a settings object + ajaxExtend( target, jQuery.ajaxSettings ); + } else { + // Extending ajaxSettings + settings = target; + target = jQuery.ajaxSettings; + } + ajaxExtend( target, settings ); + return target; + }, + + ajaxSettings: { + url: ajaxLocation, + isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ), + global: true, + type: "GET", + contentType: "application/x-www-form-urlencoded; charset=UTF-8", + processData: true, + async: true, + /* + timeout: 0, + data: null, + dataType: null, + username: null, + password: null, + cache: null, + throws: false, + traditional: false, + headers: {}, + */ + + accepts: { + xml: "application/xml, text/xml", + html: "text/html", + text: "text/plain", + json: "application/json, text/javascript", + "*": allTypes + }, + + contents: { + xml: /xml/, + html: /html/, + json: /json/ + }, + + responseFields: { + xml: "responseXML", + text: "responseText" + }, + + // List of data converters + // 1) key format is "source_type destination_type" (a single space in-between) + // 2) the catchall symbol "*" can be used for source_type + converters: { + + // Convert anything to text + "* text": window.String, + + // Text to html (true = no transformation) + "text html": true, + + // Evaluate text as a json expression + "text json": jQuery.parseJSON, + + // Parse text as xml + "text xml": jQuery.parseXML + }, + + // For options that shouldn't be deep extended: + // you can add your own custom options here if + // and when you create one that shouldn't be + // deep extended (see ajaxExtend) + flatOptions: { + context: true, + url: true + } + }, + + ajaxPrefilter: addToPrefiltersOrTransports( prefilters ), + ajaxTransport: addToPrefiltersOrTransports( transports ), + + // Main method + ajax: function( url, options ) { + + // If url is an object, simulate pre-1.5 signature + if ( typeof url === "object" ) { + options = url; + url = undefined; + } + + // Force options to be an object + options = options || {}; + + var // ifModified key + ifModifiedKey, + // Response headers + responseHeadersString, + responseHeaders, + // transport + transport, + // timeout handle + timeoutTimer, + // Cross-domain detection vars + parts, + // To know if global events are to be dispatched + fireGlobals, + // Loop variable + i, + // Create the final options object + s = jQuery.ajaxSetup( {}, options ), + // Callbacks context + callbackContext = s.context || s, + // Context for global events + // It's the callbackContext if one was provided in the options + // and if it's a DOM node or a jQuery collection + globalEventContext = callbackContext !== s && + ( callbackContext.nodeType || callbackContext instanceof jQuery ) ? + jQuery( callbackContext ) : jQuery.event, + // Deferreds + deferred = jQuery.Deferred(), + completeDeferred = jQuery.Callbacks( "once memory" ), + // Status-dependent callbacks + statusCode = s.statusCode || {}, + // Headers (they are sent all at once) + requestHeaders = {}, + requestHeadersNames = {}, + // The jqXHR state + state = 0, + // Default abort message + strAbort = "canceled", + // Fake xhr + jqXHR = { + + readyState: 0, + + // Caches the header + setRequestHeader: function( name, value ) { + if ( !state ) { + var lname = name.toLowerCase(); + name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name; + requestHeaders[ name ] = value; + } + return this; + }, + + // Raw string + getAllResponseHeaders: function() { + return state === 2 ? responseHeadersString : null; + }, + + // Builds headers hashtable if needed + getResponseHeader: function( key ) { + var match; + if ( state === 2 ) { + if ( !responseHeaders ) { + responseHeaders = {}; + while( ( match = rheaders.exec( responseHeadersString ) ) ) { + responseHeaders[ match[1].toLowerCase() ] = match[ 2 ]; + } + } + match = responseHeaders[ key.toLowerCase() ]; + } + return match === undefined ? null : match; + }, + + // Overrides response content-type header + overrideMimeType: function( type ) { + if ( !state ) { + s.mimeType = type; + } + return this; + }, + + // Cancel the request + abort: function( statusText ) { + statusText = statusText || strAbort; + if ( transport ) { + transport.abort( statusText ); + } + done( 0, statusText ); + return this; + } + }; + + // Callback for when everything is done + // It is defined here because jslint complains if it is declared + // at the end of the function (which would be more logical and readable) + function done( status, nativeStatusText, responses, headers ) { + var isSuccess, success, error, response, modified, + statusText = nativeStatusText; + + // Called once + if ( state === 2 ) { + return; + } + + // State is "done" now + state = 2; + + // Clear timeout if it exists + if ( timeoutTimer ) { + clearTimeout( timeoutTimer ); + } + + // Dereference transport for early garbage collection + // (no matter how long the jqXHR object will be used) + transport = undefined; + + // Cache response headers + responseHeadersString = headers || ""; + + // Set readyState + jqXHR.readyState = status > 0 ? 4 : 0; + + // Get response data + if ( responses ) { + response = ajaxHandleResponses( s, jqXHR, responses ); + } + + // If successful, handle type chaining + if ( status >= 200 && status < 300 || status === 304 ) { + + // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode. + if ( s.ifModified ) { + + modified = jqXHR.getResponseHeader("Last-Modified"); + if ( modified ) { + jQuery.lastModified[ ifModifiedKey ] = modified; + } + modified = jqXHR.getResponseHeader("Etag"); + if ( modified ) { + jQuery.etag[ ifModifiedKey ] = modified; + } + } + + // If not modified + if ( status === 304 ) { + + statusText = "notmodified"; + isSuccess = true; + + // If we have data + } else { + + isSuccess = ajaxConvert( s, response ); + statusText = isSuccess.state; + success = isSuccess.data; + error = isSuccess.error; + isSuccess = !error; + } + } else { + // We extract error from statusText + // then normalize statusText and status for non-aborts + error = statusText; + if ( !statusText || status ) { + statusText = "error"; + if ( status < 0 ) { + status = 0; + } + } + } + + // Set data for the fake xhr object + jqXHR.status = status; + jqXHR.statusText = ( nativeStatusText || statusText ) + ""; + + // Success/Error + if ( isSuccess ) { + deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] ); + } else { + deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] ); + } + + // Status-dependent callbacks + jqXHR.statusCode( statusCode ); + statusCode = undefined; + + if ( fireGlobals ) { + globalEventContext.trigger( "ajax" + ( isSuccess ? "Success" : "Error" ), + [ jqXHR, s, isSuccess ? success : error ] ); + } + + // Complete + completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] ); + + if ( fireGlobals ) { + globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] ); + // Handle the global AJAX counter + if ( !( --jQuery.active ) ) { + jQuery.event.trigger( "ajaxStop" ); + } + } + } + + // Attach deferreds + deferred.promise( jqXHR ); + jqXHR.success = jqXHR.done; + jqXHR.error = jqXHR.fail; + jqXHR.complete = completeDeferred.add; + + // Status-dependent callbacks + jqXHR.statusCode = function( map ) { + if ( map ) { + var tmp; + if ( state < 2 ) { + for ( tmp in map ) { + statusCode[ tmp ] = [ statusCode[tmp], map[tmp] ]; + } + } else { + tmp = map[ jqXHR.status ]; + jqXHR.always( tmp ); + } + } + return this; + }; + + // Remove hash character (#7531: and string promotion) + // Add protocol if not provided (#5866: IE7 issue with protocol-less urls) + // We also use the url parameter if available + s.url = ( ( url || s.url ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" ); + + // Extract dataTypes list + s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().split( core_rspace ); + + // A cross-domain request is in order when we have a protocol:host:port mismatch + if ( s.crossDomain == null ) { + parts = rurl.exec( s.url.toLowerCase() ); + s.crossDomain = !!( parts && + ( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] || + ( parts[ 3 ] || ( parts[ 1 ] === "http:" ? 80 : 443 ) ) != + ( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? 80 : 443 ) ) ) + ); + } + + // Convert data if not already a string + if ( s.data && s.processData && typeof s.data !== "string" ) { + s.data = jQuery.param( s.data, s.traditional ); + } + + // Apply prefilters + inspectPrefiltersOrTransports( prefilters, s, options, jqXHR ); + + // If request was aborted inside a prefilter, stop there + if ( state === 2 ) { + return jqXHR; + } + + // We can fire global events as of now if asked to + fireGlobals = s.global; + + // Uppercase the type + s.type = s.type.toUpperCase(); + + // Determine if request has content + s.hasContent = !rnoContent.test( s.type ); + + // Watch for a new set of requests + if ( fireGlobals && jQuery.active++ === 0 ) { + jQuery.event.trigger( "ajaxStart" ); + } + + // More options handling for requests with no content + if ( !s.hasContent ) { + + // If data is available, append data to url + if ( s.data ) { + s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.data; + // #9682: remove data so that it's not used in an eventual retry + delete s.data; + } + + // Get ifModifiedKey before adding the anti-cache parameter + ifModifiedKey = s.url; + + // Add anti-cache in url if needed + if ( s.cache === false ) { + + var ts = jQuery.now(), + // try replacing _= if it is there + ret = s.url.replace( rts, "$1_=" + ts ); + + // if nothing was replaced, add timestamp to the end + s.url = ret + ( ( ret === s.url ) ? ( rquery.test( s.url ) ? "&" : "?" ) + "_=" + ts : "" ); + } + } + + // Set the correct header, if data is being sent + if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) { + jqXHR.setRequestHeader( "Content-Type", s.contentType ); + } + + // Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode. + if ( s.ifModified ) { + ifModifiedKey = ifModifiedKey || s.url; + if ( jQuery.lastModified[ ifModifiedKey ] ) { + jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ ifModifiedKey ] ); + } + if ( jQuery.etag[ ifModifiedKey ] ) { + jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ ifModifiedKey ] ); + } + } + + // Set the Accepts header for the server, depending on the dataType + jqXHR.setRequestHeader( + "Accept", + s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ? + s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) : + s.accepts[ "*" ] + ); + + // Check for headers option + for ( i in s.headers ) { + jqXHR.setRequestHeader( i, s.headers[ i ] ); + } + + // Allow custom headers/mimetypes and early abort + if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) { + // Abort if not done already and return + return jqXHR.abort(); + + } + + // aborting is no longer a cancellation + strAbort = "abort"; + + // Install callbacks on deferreds + for ( i in { success: 1, error: 1, complete: 1 } ) { + jqXHR[ i ]( s[ i ] ); + } + + // Get transport + transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR ); + + // If no transport, we auto-abort + if ( !transport ) { + done( -1, "No Transport" ); + } else { + jqXHR.readyState = 1; + // Send global event + if ( fireGlobals ) { + globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] ); + } + // Timeout + if ( s.async && s.timeout > 0 ) { + timeoutTimer = setTimeout( function(){ + jqXHR.abort( "timeout" ); + }, s.timeout ); + } + + try { + state = 1; + transport.send( requestHeaders, done ); + } catch (e) { + // Propagate exception as error if not done + if ( state < 2 ) { + done( -1, e ); + // Simply rethrow otherwise + } else { + throw e; + } + } + } + + return jqXHR; + }, + + // Counter for holding the number of active queries + active: 0, + + // Last-Modified header cache for next request + lastModified: {}, + etag: {} + +}); + +/* Handles responses to an ajax request: + * - sets all responseXXX fields accordingly + * - finds the right dataType (mediates between content-type and expected dataType) + * - returns the corresponding response + */ +function ajaxHandleResponses( s, jqXHR, responses ) { + + var ct, type, finalDataType, firstDataType, + contents = s.contents, + dataTypes = s.dataTypes, + responseFields = s.responseFields; + + // Fill responseXXX fields + for ( type in responseFields ) { + if ( type in responses ) { + jqXHR[ responseFields[type] ] = responses[ type ]; + } + } + + // Remove auto dataType and get content-type in the process + while( dataTypes[ 0 ] === "*" ) { + dataTypes.shift(); + if ( ct === undefined ) { + ct = s.mimeType || jqXHR.getResponseHeader( "content-type" ); + } + } + + // Check if we're dealing with a known content-type + if ( ct ) { + for ( type in contents ) { + if ( contents[ type ] && contents[ type ].test( ct ) ) { + dataTypes.unshift( type ); + break; + } + } + } + + // Check to see if we have a response for the expected dataType + if ( dataTypes[ 0 ] in responses ) { + finalDataType = dataTypes[ 0 ]; + } else { + // Try convertible dataTypes + for ( type in responses ) { + if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) { + finalDataType = type; + break; + } + if ( !firstDataType ) { + firstDataType = type; + } + } + // Or just use first one + finalDataType = finalDataType || firstDataType; + } + + // If we found a dataType + // We add the dataType to the list if needed + // and return the corresponding response + if ( finalDataType ) { + if ( finalDataType !== dataTypes[ 0 ] ) { + dataTypes.unshift( finalDataType ); + } + return responses[ finalDataType ]; + } +} + +// Chain conversions given the request and the original response +function ajaxConvert( s, response ) { + + var conv, conv2, current, tmp, + // Work with a copy of dataTypes in case we need to modify it for conversion + dataTypes = s.dataTypes.slice(), + prev = dataTypes[ 0 ], + converters = {}, + i = 0; + + // Apply the dataFilter if provided + if ( s.dataFilter ) { + response = s.dataFilter( response, s.dataType ); + } + + // Create converters map with lowercased keys + if ( dataTypes[ 1 ] ) { + for ( conv in s.converters ) { + converters[ conv.toLowerCase() ] = s.converters[ conv ]; + } + } + + // Convert to each sequential dataType, tolerating list modification + for ( ; (current = dataTypes[++i]); ) { + + // There's only work to do if current dataType is non-auto + if ( current !== "*" ) { + + // Convert response if prev dataType is non-auto and differs from current + if ( prev !== "*" && prev !== current ) { + + // Seek a direct converter + conv = converters[ prev + " " + current ] || converters[ "* " + current ]; + + // If none found, seek a pair + if ( !conv ) { + for ( conv2 in converters ) { + + // If conv2 outputs current + tmp = conv2.split(" "); + if ( tmp[ 1 ] === current ) { + + // If prev can be converted to accepted input + conv = converters[ prev + " " + tmp[ 0 ] ] || + converters[ "* " + tmp[ 0 ] ]; + if ( conv ) { + // Condense equivalence converters + if ( conv === true ) { + conv = converters[ conv2 ]; + + // Otherwise, insert the intermediate dataType + } else if ( converters[ conv2 ] !== true ) { + current = tmp[ 0 ]; + dataTypes.splice( i--, 0, current ); + } + + break; + } + } + } + } + + // Apply converter (if not an equivalence) + if ( conv !== true ) { + + // Unless errors are allowed to bubble, catch and return them + if ( conv && s["throws"] ) { + response = conv( response ); + } else { + try { + response = conv( response ); + } catch ( e ) { + return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current }; + } + } + } + } + + // Update prev for next iteration + prev = current; + } + } + + return { state: "success", data: response }; +} +var oldCallbacks = [], + rquestion = /\?/, + rjsonp = /(=)\?(?=&|$)|\?\?/, + nonce = jQuery.now(); + +// Default jsonp settings +jQuery.ajaxSetup({ + jsonp: "callback", + jsonpCallback: function() { + var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( nonce++ ) ); + this[ callback ] = true; + return callback; + } +}); + +// Detect, normalize options and install callbacks for jsonp requests +jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) { + + var callbackName, overwritten, responseContainer, + data = s.data, + url = s.url, + hasCallback = s.jsonp !== false, + replaceInUrl = hasCallback && rjsonp.test( url ), + replaceInData = hasCallback && !replaceInUrl && typeof data === "string" && + !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && + rjsonp.test( data ); + + // Handle iff the expected data type is "jsonp" or we have a parameter to set + if ( s.dataTypes[ 0 ] === "jsonp" || replaceInUrl || replaceInData ) { + + // Get callback name, remembering preexisting value associated with it + callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ? + s.jsonpCallback() : + s.jsonpCallback; + overwritten = window[ callbackName ]; + + // Insert callback into url or form data + if ( replaceInUrl ) { + s.url = url.replace( rjsonp, "$1" + callbackName ); + } else if ( replaceInData ) { + s.data = data.replace( rjsonp, "$1" + callbackName ); + } else if ( hasCallback ) { + s.url += ( rquestion.test( url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName; + } + + // Use data converter to retrieve json after script execution + s.converters["script json"] = function() { + if ( !responseContainer ) { + jQuery.error( callbackName + " was not called" ); + } + return responseContainer[ 0 ]; + }; + + // force json dataType + s.dataTypes[ 0 ] = "json"; + + // Install callback + window[ callbackName ] = function() { + responseContainer = arguments; + }; + + // Clean-up function (fires after converters) + jqXHR.always(function() { + // Restore preexisting value + window[ callbackName ] = overwritten; + + // Save back as free + if ( s[ callbackName ] ) { + // make sure that re-using the options doesn't screw things around + s.jsonpCallback = originalSettings.jsonpCallback; + + // save the callback name for future use + oldCallbacks.push( callbackName ); + } + + // Call if it was a function and we have a response + if ( responseContainer && jQuery.isFunction( overwritten ) ) { + overwritten( responseContainer[ 0 ] ); + } + + responseContainer = overwritten = undefined; + }); + + // Delegate to script + return "script"; + } +}); +// Install script dataType +jQuery.ajaxSetup({ + accepts: { + script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript" + }, + contents: { + script: /javascript|ecmascript/ + }, + converters: { + "text script": function( text ) { + jQuery.globalEval( text ); + return text; + } + } +}); + +// Handle cache's special case and global +jQuery.ajaxPrefilter( "script", function( s ) { + if ( s.cache === undefined ) { + s.cache = false; + } + if ( s.crossDomain ) { + s.type = "GET"; + s.global = false; + } +}); + +// Bind script tag hack transport +jQuery.ajaxTransport( "script", function(s) { + + // This transport only deals with cross domain requests + if ( s.crossDomain ) { + + var script, + head = document.head || document.getElementsByTagName( "head" )[0] || document.documentElement; + + return { + + send: function( _, callback ) { + + script = document.createElement( "script" ); + + script.async = "async"; + + if ( s.scriptCharset ) { + script.charset = s.scriptCharset; + } + + script.src = s.url; + + // Attach handlers for all browsers + script.onload = script.onreadystatechange = function( _, isAbort ) { + + if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) { + + // Handle memory leak in IE + script.onload = script.onreadystatechange = null; + + // Remove the script + if ( head && script.parentNode ) { + head.removeChild( script ); + } + + // Dereference the script + script = undefined; + + // Callback if not abort + if ( !isAbort ) { + callback( 200, "success" ); + } + } + }; + // Use insertBefore instead of appendChild to circumvent an IE6 bug. + // This arises when a base node is used (#2709 and #4378). + head.insertBefore( script, head.firstChild ); + }, + + abort: function() { + if ( script ) { + script.onload( 0, 1 ); + } + } + }; + } +}); +var xhrCallbacks, + // #5280: Internet Explorer will keep connections alive if we don't abort on unload + xhrOnUnloadAbort = window.ActiveXObject ? function() { + // Abort all pending requests + for ( var key in xhrCallbacks ) { + xhrCallbacks[ key ]( 0, 1 ); + } + } : false, + xhrId = 0; + +// Functions to create xhrs +function createStandardXHR() { + try { + return new window.XMLHttpRequest(); + } catch( e ) {} +} + +function createActiveXHR() { + try { + return new window.ActiveXObject( "Microsoft.XMLHTTP" ); + } catch( e ) {} +} + +// Create the request object +// (This is still attached to ajaxSettings for backward compatibility) +jQuery.ajaxSettings.xhr = window.ActiveXObject ? + /* Microsoft failed to properly + * implement the XMLHttpRequest in IE7 (can't request local files), + * so we use the ActiveXObject when it is available + * Additionally XMLHttpRequest can be disabled in IE7/IE8 so + * we need a fallback. + */ + function() { + return !this.isLocal && createStandardXHR() || createActiveXHR(); + } : + // For all other browsers, use the standard XMLHttpRequest object + createStandardXHR; + +// Determine support properties +(function( xhr ) { + jQuery.extend( jQuery.support, { + ajax: !!xhr, + cors: !!xhr && ( "withCredentials" in xhr ) + }); +})( jQuery.ajaxSettings.xhr() ); + +// Create transport if the browser can provide an xhr +if ( jQuery.support.ajax ) { + + jQuery.ajaxTransport(function( s ) { + // Cross domain only allowed if supported through XMLHttpRequest + if ( !s.crossDomain || jQuery.support.cors ) { + + var callback; + + return { + send: function( headers, complete ) { + + // Get a new xhr + var handle, i, + xhr = s.xhr(); + + // Open the socket + // Passing null username, generates a login popup on Opera (#2865) + if ( s.username ) { + xhr.open( s.type, s.url, s.async, s.username, s.password ); + } else { + xhr.open( s.type, s.url, s.async ); + } + + // Apply custom fields if provided + if ( s.xhrFields ) { + for ( i in s.xhrFields ) { + xhr[ i ] = s.xhrFields[ i ]; + } + } + + // Override mime type if needed + if ( s.mimeType && xhr.overrideMimeType ) { + xhr.overrideMimeType( s.mimeType ); + } + + // X-Requested-With header + // For cross-domain requests, seeing as conditions for a preflight are + // akin to a jigsaw puzzle, we simply never set it to be sure. + // (it can always be set on a per-request basis or even using ajaxSetup) + // For same-domain requests, won't change header if already provided. + if ( !s.crossDomain && !headers["X-Requested-With"] ) { + headers[ "X-Requested-With" ] = "XMLHttpRequest"; + } + + // Need an extra try/catch for cross domain requests in Firefox 3 + try { + for ( i in headers ) { + xhr.setRequestHeader( i, headers[ i ] ); + } + } catch( _ ) {} + + // Do send the request + // This may raise an exception which is actually + // handled in jQuery.ajax (so no try/catch here) + xhr.send( ( s.hasContent && s.data ) || null ); + + // Listener + callback = function( _, isAbort ) { + + var status, + statusText, + responseHeaders, + responses, + xml; + + // Firefox throws exceptions when accessing properties + // of an xhr when a network error occurred + // http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE) + try { + + // Was never called and is aborted or complete + if ( callback && ( isAbort || xhr.readyState === 4 ) ) { + + // Only called once + callback = undefined; + + // Do not keep as active anymore + if ( handle ) { + xhr.onreadystatechange = jQuery.noop; + if ( xhrOnUnloadAbort ) { + delete xhrCallbacks[ handle ]; + } + } + + // If it's an abort + if ( isAbort ) { + // Abort it manually if needed + if ( xhr.readyState !== 4 ) { + xhr.abort(); + } + } else { + status = xhr.status; + responseHeaders = xhr.getAllResponseHeaders(); + responses = {}; + xml = xhr.responseXML; + + // Construct response list + if ( xml && xml.documentElement /* #4958 */ ) { + responses.xml = xml; + } + + // When requesting binary data, IE6-9 will throw an exception + // on any attempt to access responseText (#11426) + try { + responses.text = xhr.responseText; + } catch( e ) { + } + + // Firefox throws an exception when accessing + // statusText for faulty cross-domain requests + try { + statusText = xhr.statusText; + } catch( e ) { + // We normalize with Webkit giving an empty statusText + statusText = ""; + } + + // Filter status for non standard behaviors + + // If the request is local and we have data: assume a success + // (success with no data won't get notified, that's the best we + // can do given current implementations) + if ( !status && s.isLocal && !s.crossDomain ) { + status = responses.text ? 200 : 404; + // IE - #1450: sometimes returns 1223 when it should be 204 + } else if ( status === 1223 ) { + status = 204; + } + } + } + } catch( firefoxAccessException ) { + if ( !isAbort ) { + complete( -1, firefoxAccessException ); + } + } + + // Call complete if needed + if ( responses ) { + complete( status, statusText, responses, responseHeaders ); + } + }; + + if ( !s.async ) { + // if we're in sync mode we fire the callback + callback(); + } else if ( xhr.readyState === 4 ) { + // (IE6 & IE7) if it's in cache and has been + // retrieved directly we need to fire the callback + setTimeout( callback, 0 ); + } else { + handle = ++xhrId; + if ( xhrOnUnloadAbort ) { + // Create the active xhrs callbacks list if needed + // and attach the unload handler + if ( !xhrCallbacks ) { + xhrCallbacks = {}; + jQuery( window ).unload( xhrOnUnloadAbort ); + } + // Add to list of active xhrs callbacks + xhrCallbacks[ handle ] = callback; + } + xhr.onreadystatechange = callback; + } + }, + + abort: function() { + if ( callback ) { + callback(0,1); + } + } + }; + } + }); +} +var fxNow, timerId, + rfxtypes = /^(?:toggle|show|hide)$/, + rfxnum = new RegExp( "^(?:([-+])=|)(" + core_pnum + ")([a-z%]*)$", "i" ), + rrun = /queueHooks$/, + animationPrefilters = [ defaultPrefilter ], + tweeners = { + "*": [function( prop, value ) { + var end, unit, + tween = this.createTween( prop, value ), + parts = rfxnum.exec( value ), + target = tween.cur(), + start = +target || 0, + scale = 1, + maxIterations = 20; + + if ( parts ) { + end = +parts[2]; + unit = parts[3] || ( jQuery.cssNumber[ prop ] ? "" : "px" ); + + // We need to compute starting value + if ( unit !== "px" && start ) { + // Iteratively approximate from a nonzero starting point + // Prefer the current property, because this process will be trivial if it uses the same units + // Fallback to end or a simple constant + start = jQuery.css( tween.elem, prop, true ) || end || 1; + + do { + // If previous iteration zeroed out, double until we get *something* + // Use a string for doubling factor so we don't accidentally see scale as unchanged below + scale = scale || ".5"; + + // Adjust and apply + start = start / scale; + jQuery.style( tween.elem, prop, start + unit ); + + // Update scale, tolerating zero or NaN from tween.cur() + // And breaking the loop if scale is unchanged or perfect, or if we've just had enough + } while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations ); + } + + tween.unit = unit; + tween.start = start; + // If a +=/-= token was provided, we're doing a relative animation + tween.end = parts[1] ? start + ( parts[1] + 1 ) * end : end; + } + return tween; + }] + }; + +// Animations created synchronously will run synchronously +function createFxNow() { + setTimeout(function() { + fxNow = undefined; + }, 0 ); + return ( fxNow = jQuery.now() ); +} + +function createTweens( animation, props ) { + jQuery.each( props, function( prop, value ) { + var collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ), + index = 0, + length = collection.length; + for ( ; index < length; index++ ) { + if ( collection[ index ].call( animation, prop, value ) ) { + + // we're done with this property + return; + } + } + }); +} + +function Animation( elem, properties, options ) { + var result, + index = 0, + tweenerIndex = 0, + length = animationPrefilters.length, + deferred = jQuery.Deferred().always( function() { + // don't match elem in the :animated selector + delete tick.elem; + }), + tick = function() { + var currentTime = fxNow || createFxNow(), + remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ), + // archaic crash bug won't allow us to use 1 - ( 0.5 || 0 ) (#12497) + temp = remaining / animation.duration || 0, + percent = 1 - temp, + index = 0, + length = animation.tweens.length; + + for ( ; index < length ; index++ ) { + animation.tweens[ index ].run( percent ); + } + + deferred.notifyWith( elem, [ animation, percent, remaining ]); + + if ( percent < 1 && length ) { + return remaining; + } else { + deferred.resolveWith( elem, [ animation ] ); + return false; + } + }, + animation = deferred.promise({ + elem: elem, + props: jQuery.extend( {}, properties ), + opts: jQuery.extend( true, { specialEasing: {} }, options ), + originalProperties: properties, + originalOptions: options, + startTime: fxNow || createFxNow(), + duration: options.duration, + tweens: [], + createTween: function( prop, end, easing ) { + var tween = jQuery.Tween( elem, animation.opts, prop, end, + animation.opts.specialEasing[ prop ] || animation.opts.easing ); + animation.tweens.push( tween ); + return tween; + }, + stop: function( gotoEnd ) { + var index = 0, + // if we are going to the end, we want to run all the tweens + // otherwise we skip this part + length = gotoEnd ? animation.tweens.length : 0; + + for ( ; index < length ; index++ ) { + animation.tweens[ index ].run( 1 ); + } + + // resolve when we played the last frame + // otherwise, reject + if ( gotoEnd ) { + deferred.resolveWith( elem, [ animation, gotoEnd ] ); + } else { + deferred.rejectWith( elem, [ animation, gotoEnd ] ); + } + return this; + } + }), + props = animation.props; + + propFilter( props, animation.opts.specialEasing ); + + for ( ; index < length ; index++ ) { + result = animationPrefilters[ index ].call( animation, elem, props, animation.opts ); + if ( result ) { + return result; + } + } + + createTweens( animation, props ); + + if ( jQuery.isFunction( animation.opts.start ) ) { + animation.opts.start.call( elem, animation ); + } + + jQuery.fx.timer( + jQuery.extend( tick, { + anim: animation, + queue: animation.opts.queue, + elem: elem + }) + ); + + // attach callbacks from options + return animation.progress( animation.opts.progress ) + .done( animation.opts.done, animation.opts.complete ) + .fail( animation.opts.fail ) + .always( animation.opts.always ); +} + +function propFilter( props, specialEasing ) { + var index, name, easing, value, hooks; + + // camelCase, specialEasing and expand cssHook pass + for ( index in props ) { + name = jQuery.camelCase( index ); + easing = specialEasing[ name ]; + value = props[ index ]; + if ( jQuery.isArray( value ) ) { + easing = value[ 1 ]; + value = props[ index ] = value[ 0 ]; + } + + if ( index !== name ) { + props[ name ] = value; + delete props[ index ]; + } + + hooks = jQuery.cssHooks[ name ]; + if ( hooks && "expand" in hooks ) { + value = hooks.expand( value ); + delete props[ name ]; + + // not quite $.extend, this wont overwrite keys already present. + // also - reusing 'index' from above because we have the correct "name" + for ( index in value ) { + if ( !( index in props ) ) { + props[ index ] = value[ index ]; + specialEasing[ index ] = easing; + } + } + } else { + specialEasing[ name ] = easing; + } + } +} + +jQuery.Animation = jQuery.extend( Animation, { + + tweener: function( props, callback ) { + if ( jQuery.isFunction( props ) ) { + callback = props; + props = [ "*" ]; + } else { + props = props.split(" "); + } + + var prop, + index = 0, + length = props.length; + + for ( ; index < length ; index++ ) { + prop = props[ index ]; + tweeners[ prop ] = tweeners[ prop ] || []; + tweeners[ prop ].unshift( callback ); + } + }, + + prefilter: function( callback, prepend ) { + if ( prepend ) { + animationPrefilters.unshift( callback ); + } else { + animationPrefilters.push( callback ); + } + } +}); + +function defaultPrefilter( elem, props, opts ) { + var index, prop, value, length, dataShow, toggle, tween, hooks, oldfire, + anim = this, + style = elem.style, + orig = {}, + handled = [], + hidden = elem.nodeType && isHidden( elem ); + + // handle queue: false promises + if ( !opts.queue ) { + hooks = jQuery._queueHooks( elem, "fx" ); + if ( hooks.unqueued == null ) { + hooks.unqueued = 0; + oldfire = hooks.empty.fire; + hooks.empty.fire = function() { + if ( !hooks.unqueued ) { + oldfire(); + } + }; + } + hooks.unqueued++; + + anim.always(function() { + // doing this makes sure that the complete handler will be called + // before this completes + anim.always(function() { + hooks.unqueued--; + if ( !jQuery.queue( elem, "fx" ).length ) { + hooks.empty.fire(); + } + }); + }); + } + + // height/width overflow pass + if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) { + // Make sure that nothing sneaks out + // Record all 3 overflow attributes because IE does not + // change the overflow attribute when overflowX and + // overflowY are set to the same value + opts.overflow = [ style.overflow, style.overflowX, style.overflowY ]; + + // Set display property to inline-block for height/width + // animations on inline elements that are having width/height animated + if ( jQuery.css( elem, "display" ) === "inline" && + jQuery.css( elem, "float" ) === "none" ) { + + // inline-level elements accept inline-block; + // block-level elements need to be inline with layout + if ( !jQuery.support.inlineBlockNeedsLayout || css_defaultDisplay( elem.nodeName ) === "inline" ) { + style.display = "inline-block"; + + } else { + style.zoom = 1; + } + } + } + + if ( opts.overflow ) { + style.overflow = "hidden"; + if ( !jQuery.support.shrinkWrapBlocks ) { + anim.done(function() { + style.overflow = opts.overflow[ 0 ]; + style.overflowX = opts.overflow[ 1 ]; + style.overflowY = opts.overflow[ 2 ]; + }); + } + } + + + // show/hide pass + for ( index in props ) { + value = props[ index ]; + if ( rfxtypes.exec( value ) ) { + delete props[ index ]; + toggle = toggle || value === "toggle"; + if ( value === ( hidden ? "hide" : "show" ) ) { + continue; + } + handled.push( index ); + } + } + + length = handled.length; + if ( length ) { + dataShow = jQuery._data( elem, "fxshow" ) || jQuery._data( elem, "fxshow", {} ); + if ( "hidden" in dataShow ) { + hidden = dataShow.hidden; + } + + // store state if its toggle - enables .stop().toggle() to "reverse" + if ( toggle ) { + dataShow.hidden = !hidden; + } + if ( hidden ) { + jQuery( elem ).show(); + } else { + anim.done(function() { + jQuery( elem ).hide(); + }); + } + anim.done(function() { + var prop; + jQuery.removeData( elem, "fxshow", true ); + for ( prop in orig ) { + jQuery.style( elem, prop, orig[ prop ] ); + } + }); + for ( index = 0 ; index < length ; index++ ) { + prop = handled[ index ]; + tween = anim.createTween( prop, hidden ? dataShow[ prop ] : 0 ); + orig[ prop ] = dataShow[ prop ] || jQuery.style( elem, prop ); + + if ( !( prop in dataShow ) ) { + dataShow[ prop ] = tween.start; + if ( hidden ) { + tween.end = tween.start; + tween.start = prop === "width" || prop === "height" ? 1 : 0; + } + } + } + } +} + +function Tween( elem, options, prop, end, easing ) { + return new Tween.prototype.init( elem, options, prop, end, easing ); +} +jQuery.Tween = Tween; + +Tween.prototype = { + constructor: Tween, + init: function( elem, options, prop, end, easing, unit ) { + this.elem = elem; + this.prop = prop; + this.easing = easing || "swing"; + this.options = options; + this.start = this.now = this.cur(); + this.end = end; + this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" ); + }, + cur: function() { + var hooks = Tween.propHooks[ this.prop ]; + + return hooks && hooks.get ? + hooks.get( this ) : + Tween.propHooks._default.get( this ); + }, + run: function( percent ) { + var eased, + hooks = Tween.propHooks[ this.prop ]; + + if ( this.options.duration ) { + this.pos = eased = jQuery.easing[ this.easing ]( + percent, this.options.duration * percent, 0, 1, this.options.duration + ); + } else { + this.pos = eased = percent; + } + this.now = ( this.end - this.start ) * eased + this.start; + + if ( this.options.step ) { + this.options.step.call( this.elem, this.now, this ); + } + + if ( hooks && hooks.set ) { + hooks.set( this ); + } else { + Tween.propHooks._default.set( this ); + } + return this; + } +}; + +Tween.prototype.init.prototype = Tween.prototype; + +Tween.propHooks = { + _default: { + get: function( tween ) { + var result; + + if ( tween.elem[ tween.prop ] != null && + (!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) { + return tween.elem[ tween.prop ]; + } + + // passing any value as a 4th parameter to .css will automatically + // attempt a parseFloat and fallback to a string if the parse fails + // so, simple values such as "10px" are parsed to Float. + // complex values such as "rotate(1rad)" are returned as is. + result = jQuery.css( tween.elem, tween.prop, false, "" ); + // Empty strings, null, undefined and "auto" are converted to 0. + return !result || result === "auto" ? 0 : result; + }, + set: function( tween ) { + // use step hook for back compat - use cssHook if its there - use .style if its + // available and use plain properties where available + if ( jQuery.fx.step[ tween.prop ] ) { + jQuery.fx.step[ tween.prop ]( tween ); + } else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) { + jQuery.style( tween.elem, tween.prop, tween.now + tween.unit ); + } else { + tween.elem[ tween.prop ] = tween.now; + } + } + } +}; + +// Remove in 2.0 - this supports IE8's panic based approach +// to setting things on disconnected nodes + +Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = { + set: function( tween ) { + if ( tween.elem.nodeType && tween.elem.parentNode ) { + tween.elem[ tween.prop ] = tween.now; + } + } +}; + +jQuery.each([ "toggle", "show", "hide" ], function( i, name ) { + var cssFn = jQuery.fn[ name ]; + jQuery.fn[ name ] = function( speed, easing, callback ) { + return speed == null || typeof speed === "boolean" || + // special check for .toggle( handler, handler, ... ) + ( !i && jQuery.isFunction( speed ) && jQuery.isFunction( easing ) ) ? + cssFn.apply( this, arguments ) : + this.animate( genFx( name, true ), speed, easing, callback ); + }; +}); + +jQuery.fn.extend({ + fadeTo: function( speed, to, easing, callback ) { + + // show any hidden elements after setting opacity to 0 + return this.filter( isHidden ).css( "opacity", 0 ).show() + + // animate to the value specified + .end().animate({ opacity: to }, speed, easing, callback ); + }, + animate: function( prop, speed, easing, callback ) { + var empty = jQuery.isEmptyObject( prop ), + optall = jQuery.speed( speed, easing, callback ), + doAnimation = function() { + // Operate on a copy of prop so per-property easing won't be lost + var anim = Animation( this, jQuery.extend( {}, prop ), optall ); + + // Empty animations resolve immediately + if ( empty ) { + anim.stop( true ); + } + }; + + return empty || optall.queue === false ? + this.each( doAnimation ) : + this.queue( optall.queue, doAnimation ); + }, + stop: function( type, clearQueue, gotoEnd ) { + var stopQueue = function( hooks ) { + var stop = hooks.stop; + delete hooks.stop; + stop( gotoEnd ); + }; + + if ( typeof type !== "string" ) { + gotoEnd = clearQueue; + clearQueue = type; + type = undefined; + } + if ( clearQueue && type !== false ) { + this.queue( type || "fx", [] ); + } + + return this.each(function() { + var dequeue = true, + index = type != null && type + "queueHooks", + timers = jQuery.timers, + data = jQuery._data( this ); + + if ( index ) { + if ( data[ index ] && data[ index ].stop ) { + stopQueue( data[ index ] ); + } + } else { + for ( index in data ) { + if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) { + stopQueue( data[ index ] ); + } + } + } + + for ( index = timers.length; index--; ) { + if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) { + timers[ index ].anim.stop( gotoEnd ); + dequeue = false; + timers.splice( index, 1 ); + } + } + + // start the next in the queue if the last step wasn't forced + // timers currently will call their complete callbacks, which will dequeue + // but only if they were gotoEnd + if ( dequeue || !gotoEnd ) { + jQuery.dequeue( this, type ); + } + }); + } +}); + +// Generate parameters to create a standard animation +function genFx( type, includeWidth ) { + var which, + attrs = { height: type }, + i = 0; + + // if we include width, step value is 1 to do all cssExpand values, + // if we don't include width, step value is 2 to skip over Left and Right + includeWidth = includeWidth? 1 : 0; + for( ; i < 4 ; i += 2 - includeWidth ) { + which = cssExpand[ i ]; + attrs[ "margin" + which ] = attrs[ "padding" + which ] = type; + } + + if ( includeWidth ) { + attrs.opacity = attrs.width = type; + } + + return attrs; +} + +// Generate shortcuts for custom animations +jQuery.each({ + slideDown: genFx("show"), + slideUp: genFx("hide"), + slideToggle: genFx("toggle"), + fadeIn: { opacity: "show" }, + fadeOut: { opacity: "hide" }, + fadeToggle: { opacity: "toggle" } +}, function( name, props ) { + jQuery.fn[ name ] = function( speed, easing, callback ) { + return this.animate( props, speed, easing, callback ); + }; +}); + +jQuery.speed = function( speed, easing, fn ) { + var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : { + complete: fn || !fn && easing || + jQuery.isFunction( speed ) && speed, + duration: speed, + easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing + }; + + opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration : + opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default; + + // normalize opt.queue - true/undefined/null -> "fx" + if ( opt.queue == null || opt.queue === true ) { + opt.queue = "fx"; + } + + // Queueing + opt.old = opt.complete; + + opt.complete = function() { + if ( jQuery.isFunction( opt.old ) ) { + opt.old.call( this ); + } + + if ( opt.queue ) { + jQuery.dequeue( this, opt.queue ); + } + }; + + return opt; +}; + +jQuery.easing = { + linear: function( p ) { + return p; + }, + swing: function( p ) { + return 0.5 - Math.cos( p*Math.PI ) / 2; + } +}; + +jQuery.timers = []; +jQuery.fx = Tween.prototype.init; +jQuery.fx.tick = function() { + var timer, + timers = jQuery.timers, + i = 0; + + fxNow = jQuery.now(); + + for ( ; i < timers.length; i++ ) { + timer = timers[ i ]; + // Checks the timer has not already been removed + if ( !timer() && timers[ i ] === timer ) { + timers.splice( i--, 1 ); + } + } + + if ( !timers.length ) { + jQuery.fx.stop(); + } + fxNow = undefined; +}; + +jQuery.fx.timer = function( timer ) { + if ( timer() && jQuery.timers.push( timer ) && !timerId ) { + timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval ); + } +}; + +jQuery.fx.interval = 13; + +jQuery.fx.stop = function() { + clearInterval( timerId ); + timerId = null; +}; + +jQuery.fx.speeds = { + slow: 600, + fast: 200, + // Default speed + _default: 400 +}; + +// Back Compat <1.8 extension point +jQuery.fx.step = {}; + +if ( jQuery.expr && jQuery.expr.filters ) { + jQuery.expr.filters.animated = function( elem ) { + return jQuery.grep(jQuery.timers, function( fn ) { + return elem === fn.elem; + }).length; + }; +} +var rroot = /^(?:body|html)$/i; + +jQuery.fn.offset = function( options ) { + if ( arguments.length ) { + return options === undefined ? + this : + this.each(function( i ) { + jQuery.offset.setOffset( this, options, i ); + }); + } + + var docElem, body, win, clientTop, clientLeft, scrollTop, scrollLeft, + box = { top: 0, left: 0 }, + elem = this[ 0 ], + doc = elem && elem.ownerDocument; + + if ( !doc ) { + return; + } + + if ( (body = doc.body) === elem ) { + return jQuery.offset.bodyOffset( elem ); + } + + docElem = doc.documentElement; + + // Make sure it's not a disconnected DOM node + if ( !jQuery.contains( docElem, elem ) ) { + return box; + } + + // If we don't have gBCR, just use 0,0 rather than error + // BlackBerry 5, iOS 3 (original iPhone) + if ( typeof elem.getBoundingClientRect !== "undefined" ) { + box = elem.getBoundingClientRect(); + } + win = getWindow( doc ); + clientTop = docElem.clientTop || body.clientTop || 0; + clientLeft = docElem.clientLeft || body.clientLeft || 0; + scrollTop = win.pageYOffset || docElem.scrollTop; + scrollLeft = win.pageXOffset || docElem.scrollLeft; + return { + top: box.top + scrollTop - clientTop, + left: box.left + scrollLeft - clientLeft + }; +}; + +jQuery.offset = { + + bodyOffset: function( body ) { + var top = body.offsetTop, + left = body.offsetLeft; + + if ( jQuery.support.doesNotIncludeMarginInBodyOffset ) { + top += parseFloat( jQuery.css(body, "marginTop") ) || 0; + left += parseFloat( jQuery.css(body, "marginLeft") ) || 0; + } + + return { top: top, left: left }; + }, + + setOffset: function( elem, options, i ) { + var position = jQuery.css( elem, "position" ); + + // set position first, in-case top/left are set even on static elem + if ( position === "static" ) { + elem.style.position = "relative"; + } + + var curElem = jQuery( elem ), + curOffset = curElem.offset(), + curCSSTop = jQuery.css( elem, "top" ), + curCSSLeft = jQuery.css( elem, "left" ), + calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1, + props = {}, curPosition = {}, curTop, curLeft; + + // need to be able to calculate position if either top or left is auto and position is either absolute or fixed + if ( calculatePosition ) { + curPosition = curElem.position(); + curTop = curPosition.top; + curLeft = curPosition.left; + } else { + curTop = parseFloat( curCSSTop ) || 0; + curLeft = parseFloat( curCSSLeft ) || 0; + } + + if ( jQuery.isFunction( options ) ) { + options = options.call( elem, i, curOffset ); + } + + if ( options.top != null ) { + props.top = ( options.top - curOffset.top ) + curTop; + } + if ( options.left != null ) { + props.left = ( options.left - curOffset.left ) + curLeft; + } + + if ( "using" in options ) { + options.using.call( elem, props ); + } else { + curElem.css( props ); + } + } +}; + + +jQuery.fn.extend({ + + position: function() { + if ( !this[0] ) { + return; + } + + var elem = this[0], + + // Get *real* offsetParent + offsetParent = this.offsetParent(), + + // Get correct offsets + offset = this.offset(), + parentOffset = rroot.test(offsetParent[0].nodeName) ? { top: 0, left: 0 } : offsetParent.offset(); + + // Subtract element margins + // note: when an element has margin: auto the offsetLeft and marginLeft + // are the same in Safari causing offset.left to incorrectly be 0 + offset.top -= parseFloat( jQuery.css(elem, "marginTop") ) || 0; + offset.left -= parseFloat( jQuery.css(elem, "marginLeft") ) || 0; + + // Add offsetParent borders + parentOffset.top += parseFloat( jQuery.css(offsetParent[0], "borderTopWidth") ) || 0; + parentOffset.left += parseFloat( jQuery.css(offsetParent[0], "borderLeftWidth") ) || 0; + + // Subtract the two offsets + return { + top: offset.top - parentOffset.top, + left: offset.left - parentOffset.left + }; + }, + + offsetParent: function() { + return this.map(function() { + var offsetParent = this.offsetParent || document.body; + while ( offsetParent && (!rroot.test(offsetParent.nodeName) && jQuery.css(offsetParent, "position") === "static") ) { + offsetParent = offsetParent.offsetParent; + } + return offsetParent || document.body; + }); + } +}); + + +// Create scrollLeft and scrollTop methods +jQuery.each( {scrollLeft: "pageXOffset", scrollTop: "pageYOffset"}, function( method, prop ) { + var top = /Y/.test( prop ); + + jQuery.fn[ method ] = function( val ) { + return jQuery.access( this, function( elem, method, val ) { + var win = getWindow( elem ); + + if ( val === undefined ) { + return win ? (prop in win) ? win[ prop ] : + win.document.documentElement[ method ] : + elem[ method ]; + } + + if ( win ) { + win.scrollTo( + !top ? val : jQuery( win ).scrollLeft(), + top ? val : jQuery( win ).scrollTop() + ); + + } else { + elem[ method ] = val; + } + }, method, val, arguments.length, null ); + }; +}); + +function getWindow( elem ) { + return jQuery.isWindow( elem ) ? + elem : + elem.nodeType === 9 ? + elem.defaultView || elem.parentWindow : + false; +} +// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods +jQuery.each( { Height: "height", Width: "width" }, function( name, type ) { + jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) { + // margin is only for outerHeight, outerWidth + jQuery.fn[ funcName ] = function( margin, value ) { + var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ), + extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" ); + + return jQuery.access( this, function( elem, type, value ) { + var doc; + + if ( jQuery.isWindow( elem ) ) { + // As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there + // isn't a whole lot we can do. See pull request at this URL for discussion: + // https://github.com/jquery/jquery/pull/764 + return elem.document.documentElement[ "client" + name ]; + } + + // Get document width or height + if ( elem.nodeType === 9 ) { + doc = elem.documentElement; + + // Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest + // unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it. + return Math.max( + elem.body[ "scroll" + name ], doc[ "scroll" + name ], + elem.body[ "offset" + name ], doc[ "offset" + name ], + doc[ "client" + name ] + ); + } + + return value === undefined ? + // Get width or height on the element, requesting but not forcing parseFloat + jQuery.css( elem, type, value, extra ) : + + // Set width or height on the element + jQuery.style( elem, type, value, extra ); + }, type, chainable ? margin : undefined, chainable, null ); + }; + }); +}); +// Expose jQuery to the global object +window.jQuery = window.$ = jQuery; + +// Expose jQuery as an AMD module, but only for AMD loaders that +// understand the issues with loading multiple versions of jQuery +// in a page that all might call define(). The loader will indicate +// they have special allowances for multiple jQuery versions by +// specifying define.amd.jQuery = true. Register as a named module, +// since jQuery can be concatenated with other files that may use define, +// but not use a proper concatenation script that understands anonymous +// AMD modules. A named AMD is safest and most robust way to register. +// Lowercase jquery is used because AMD module names are derived from +// file names, and jQuery is normally delivered in a lowercase file name. +// Do this after creating the global so that if an AMD module wants to call +// noConflict to hide this version of jQuery, it will work. +if ( typeof define === "function" && define.amd && define.amd.jQuery ) { + define( "jquery", [], function () { return jQuery; } ); +} + +})( window ); +// Underscore.js 1.8.2 +// http://underscorejs.org +// (c) 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors +// Underscore may be freely distributed under the MIT license. + +(function() { + + // Baseline setup + // -------------- + + // Establish the root object, `window` in the browser, or `exports` on the server. + var root = this; + + // Save the previous value of the `_` variable. + var previousUnderscore = root._; + + // Save bytes in the minified (but not gzipped) version: + var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype; + + // Create quick reference variables for speed access to core prototypes. + var + push = ArrayProto.push, + slice = ArrayProto.slice, + toString = ObjProto.toString, + hasOwnProperty = ObjProto.hasOwnProperty; + + // All **ECMAScript 5** native function implementations that we hope to use + // are declared here. + var + nativeIsArray = Array.isArray, + nativeKeys = Object.keys, + nativeBind = FuncProto.bind, + nativeCreate = Object.create; + + // Naked function reference for surrogate-prototype-swapping. + var Ctor = function(){}; + + // Create a safe reference to the Underscore object for use below. + var _ = function(obj) { + if (obj instanceof _) return obj; + if (!(this instanceof _)) return new _(obj); + this._wrapped = obj; + }; + + // Export the Underscore object for **Node.js**, with + // backwards-compatibility for the old `require()` API. If we're in + // the browser, add `_` as a global object. + if (typeof exports !== 'undefined') { + if (typeof module !== 'undefined' && module.exports) { + exports = module.exports = _; + } + exports._ = _; + } else { + root._ = _; + } + + // Current version. + _.VERSION = '1.8.2'; + + // Internal function that returns an efficient (for current engines) version + // of the passed-in callback, to be repeatedly applied in other Underscore + // functions. + var optimizeCb = function(func, context, argCount) { + if (context === void 0) return func; + switch (argCount == null ? 3 : argCount) { + case 1: return function(value) { + return func.call(context, value); + }; + case 2: return function(value, other) { + return func.call(context, value, other); + }; + case 3: return function(value, index, collection) { + return func.call(context, value, index, collection); + }; + case 4: return function(accumulator, value, index, collection) { + return func.call(context, accumulator, value, index, collection); + }; + } + return function() { + return func.apply(context, arguments); + }; + }; + + // A mostly-internal function to generate callbacks that can be applied + // to each element in a collection, returning the desired result 鈥? either + // identity, an arbitrary callback, a property matcher, or a property accessor. + var cb = function(value, context, argCount) { + if (value == null) return _.identity; + if (_.isFunction(value)) return optimizeCb(value, context, argCount); + if (_.isObject(value)) return _.matcher(value); + return _.property(value); + }; + _.iteratee = function(value, context) { + return cb(value, context, Infinity); + }; + + // An internal function for creating assigner functions. + var createAssigner = function(keysFunc, undefinedOnly) { + return function(obj) { + var length = arguments.length; + if (length < 2 || obj == null) return obj; + for (var index = 1; index < length; index++) { + var source = arguments[index], + keys = keysFunc(source), + l = keys.length; + for (var i = 0; i < l; i++) { + var key = keys[i]; + if (!undefinedOnly || obj[key] === void 0) obj[key] = source[key]; + } + } + return obj; + }; + }; + + // An internal function for creating a new object that inherits from another. + var baseCreate = function(prototype) { + if (!_.isObject(prototype)) return {}; + if (nativeCreate) return nativeCreate(prototype); + Ctor.prototype = prototype; + var result = new Ctor; + Ctor.prototype = null; + return result; + }; + + // Helper for collection methods to determine whether a collection + // should be iterated as an array or as an object + // Related: http://people.mozilla.org/~jorendorff/es6-draft.html#sec-tolength + var MAX_ARRAY_INDEX = Math.pow(2, 53) - 1; + var isArrayLike = function(collection) { + var length = collection != null && collection.length; + return typeof length == 'number' && length >= 0 && length <= MAX_ARRAY_INDEX; + }; + + // Collection Functions + // -------------------- + + // The cornerstone, an `each` implementation, aka `forEach`. + // Handles raw objects in addition to array-likes. Treats all + // sparse array-likes as if they were dense. + _.each = _.forEach = function(obj, iteratee, context) { + iteratee = optimizeCb(iteratee, context); + var i, length; + if (isArrayLike(obj)) { + for (i = 0, length = obj.length; i < length; i++) { + iteratee(obj[i], i, obj); + } + } else { + var keys = _.keys(obj); + for (i = 0, length = keys.length; i < length; i++) { + iteratee(obj[keys[i]], keys[i], obj); + } + } + return obj; + }; + + // Return the results of applying the iteratee to each element. + _.map = _.collect = function(obj, iteratee, context) { + iteratee = cb(iteratee, context); + var keys = !isArrayLike(obj) && _.keys(obj), + length = (keys || obj).length, + results = Array(length); + for (var index = 0; index < length; index++) { + var currentKey = keys ? keys[index] : index; + results[index] = iteratee(obj[currentKey], currentKey, obj); + } + return results; + }; + + // Create a reducing function iterating left or right. + function createReduce(dir) { + // Optimized iterator function as using arguments.length + // in the main function will deoptimize the, see #1991. + function iterator(obj, iteratee, memo, keys, index, length) { + for (; index >= 0 && index < length; index += dir) { + var currentKey = keys ? keys[index] : index; + memo = iteratee(memo, obj[currentKey], currentKey, obj); + } + return memo; + } + + return function(obj, iteratee, memo, context) { + iteratee = optimizeCb(iteratee, context, 4); + var keys = !isArrayLike(obj) && _.keys(obj), + length = (keys || obj).length, + index = dir > 0 ? 0 : length - 1; + // Determine the initial value if none is provided. + if (arguments.length < 3) { + memo = obj[keys ? keys[index] : index]; + index += dir; + } + return iterator(obj, iteratee, memo, keys, index, length); + }; + } + + // **Reduce** builds up a single result from a list of values, aka `inject`, + // or `foldl`. + _.reduce = _.foldl = _.inject = createReduce(1); + + // The right-associative version of reduce, also known as `foldr`. + _.reduceRight = _.foldr = createReduce(-1); + + // Return the first value which passes a truth test. Aliased as `detect`. + _.find = _.detect = function(obj, predicate, context) { + var key; + if (isArrayLike(obj)) { + key = _.findIndex(obj, predicate, context); + } else { + key = _.findKey(obj, predicate, context); + } + if (key !== void 0 && key !== -1) return obj[key]; + }; + + // Return all the elements that pass a truth test. + // Aliased as `select`. + _.filter = _.select = function(obj, predicate, context) { + var results = []; + predicate = cb(predicate, context); + _.each(obj, function(value, index, list) { + if (predicate(value, index, list)) results.push(value); + }); + return results; + }; + + // Return all the elements for which a truth test fails. + _.reject = function(obj, predicate, context) { + return _.filter(obj, _.negate(cb(predicate)), context); + }; + + // Determine whether all of the elements match a truth test. + // Aliased as `all`. + _.every = _.all = function(obj, predicate, context) { + predicate = cb(predicate, context); + var keys = !isArrayLike(obj) && _.keys(obj), + length = (keys || obj).length; + for (var index = 0; index < length; index++) { + var currentKey = keys ? keys[index] : index; + if (!predicate(obj[currentKey], currentKey, obj)) return false; + } + return true; + }; + + // Determine if at least one element in the object matches a truth test. + // Aliased as `any`. + _.some = _.any = function(obj, predicate, context) { + predicate = cb(predicate, context); + var keys = !isArrayLike(obj) && _.keys(obj), + length = (keys || obj).length; + for (var index = 0; index < length; index++) { + var currentKey = keys ? keys[index] : index; + if (predicate(obj[currentKey], currentKey, obj)) return true; + } + return false; + }; + + // Determine if the array or object contains a given value (using `===`). + // Aliased as `includes` and `include`. + _.contains = _.includes = _.include = function(obj, target, fromIndex) { + if (!isArrayLike(obj)) obj = _.values(obj); + return _.indexOf(obj, target, typeof fromIndex == 'number' && fromIndex) >= 0; + }; + + // Invoke a method (with arguments) on every item in a collection. + _.invoke = function(obj, method) { + var args = slice.call(arguments, 2); + var isFunc = _.isFunction(method); + return _.map(obj, function(value) { + var func = isFunc ? method : value[method]; + return func == null ? func : func.apply(value, args); + }); + }; + + // Convenience version of a common use case of `map`: fetching a property. + _.pluck = function(obj, key) { + return _.map(obj, _.property(key)); + }; + + // Convenience version of a common use case of `filter`: selecting only objects + // containing specific `key:value` pairs. + _.where = function(obj, attrs) { + return _.filter(obj, _.matcher(attrs)); + }; + + // Convenience version of a common use case of `find`: getting the first object + // containing specific `key:value` pairs. + _.findWhere = function(obj, attrs) { + return _.find(obj, _.matcher(attrs)); + }; + + // Return the maximum element (or element-based computation). + _.max = function(obj, iteratee, context) { + var result = -Infinity, lastComputed = -Infinity, + value, computed; + if (iteratee == null && obj != null) { + obj = isArrayLike(obj) ? obj : _.values(obj); + for (var i = 0, length = obj.length; i < length; i++) { + value = obj[i]; + if (value > result) { + result = value; + } + } + } else { + iteratee = cb(iteratee, context); + _.each(obj, function(value, index, list) { + computed = iteratee(value, index, list); + if (computed > lastComputed || computed === -Infinity && result === -Infinity) { + result = value; + lastComputed = computed; + } + }); + } + return result; + }; + + // Return the minimum element (or element-based computation). + _.min = function(obj, iteratee, context) { + var result = Infinity, lastComputed = Infinity, + value, computed; + if (iteratee == null && obj != null) { + obj = isArrayLike(obj) ? obj : _.values(obj); + for (var i = 0, length = obj.length; i < length; i++) { + value = obj[i]; + if (value < result) { + result = value; + } + } + } else { + iteratee = cb(iteratee, context); + _.each(obj, function(value, index, list) { + computed = iteratee(value, index, list); + if (computed < lastComputed || computed === Infinity && result === Infinity) { + result = value; + lastComputed = computed; + } + }); + } + return result; + }; + + // Shuffle a collection, using the modern version of the + // [Fisher-Yates shuffle](http://en.wikipedia.org/wiki/Fisher鈥揧ates_shuffle). + _.shuffle = function(obj) { + var set = isArrayLike(obj) ? obj : _.values(obj); + var length = set.length; + var shuffled = Array(length); + for (var index = 0, rand; index < length; index++) { + rand = _.random(0, index); + if (rand !== index) shuffled[index] = shuffled[rand]; + shuffled[rand] = set[index]; + } + return shuffled; + }; + + // Sample **n** random values from a collection. + // If **n** is not specified, returns a single random element. + // The internal `guard` argument allows it to work with `map`. + _.sample = function(obj, n, guard) { + if (n == null || guard) { + if (!isArrayLike(obj)) obj = _.values(obj); + return obj[_.random(obj.length - 1)]; + } + return _.shuffle(obj).slice(0, Math.max(0, n)); + }; + + // Sort the object's values by a criterion produced by an iteratee. + _.sortBy = function(obj, iteratee, context) { + iteratee = cb(iteratee, context); + return _.pluck(_.map(obj, function(value, index, list) { + return { + value: value, + index: index, + criteria: iteratee(value, index, list) + }; + }).sort(function(left, right) { + var a = left.criteria; + var b = right.criteria; + if (a !== b) { + if (a > b || a === void 0) return 1; + if (a < b || b === void 0) return -1; + } + return left.index - right.index; + }), 'value'); + }; + + // An internal function used for aggregate "group by" operations. + var group = function(behavior) { + return function(obj, iteratee, context) { + var result = {}; + iteratee = cb(iteratee, context); + _.each(obj, function(value, index) { + var key = iteratee(value, index, obj); + behavior(result, value, key); + }); + return result; + }; + }; + + // Groups the object's values by a criterion. Pass either a string attribute + // to group by, or a function that returns the criterion. + _.groupBy = group(function(result, value, key) { + if (_.has(result, key)) result[key].push(value); else result[key] = [value]; + }); + + // Indexes the object's values by a criterion, similar to `groupBy`, but for + // when you know that your index values will be unique. + _.indexBy = group(function(result, value, key) { + result[key] = value; + }); + + // Counts instances of an object that group by a certain criterion. Pass + // either a string attribute to count by, or a function that returns the + // criterion. + _.countBy = group(function(result, value, key) { + if (_.has(result, key)) result[key]++; else result[key] = 1; + }); + + // Safely create a real, live array from anything iterable. + _.toArray = function(obj) { + if (!obj) return []; + if (_.isArray(obj)) return slice.call(obj); + if (isArrayLike(obj)) return _.map(obj, _.identity); + return _.values(obj); + }; + + // Return the number of elements in an object. + _.size = function(obj) { + if (obj == null) return 0; + return isArrayLike(obj) ? obj.length : _.keys(obj).length; + }; + + // Split a collection into two arrays: one whose elements all satisfy the given + // predicate, and one whose elements all do not satisfy the predicate. + _.partition = function(obj, predicate, context) { + predicate = cb(predicate, context); + var pass = [], fail = []; + _.each(obj, function(value, key, obj) { + (predicate(value, key, obj) ? pass : fail).push(value); + }); + return [pass, fail]; + }; + + // Array Functions + // --------------- + + // Get the first element of an array. Passing **n** will return the first N + // values in the array. Aliased as `head` and `take`. The **guard** check + // allows it to work with `_.map`. + _.first = _.head = _.take = function(array, n, guard) { + if (array == null) return void 0; + if (n == null || guard) return array[0]; + return _.initial(array, array.length - n); + }; + + // Returns everything but the last entry of the array. Especially useful on + // the arguments object. Passing **n** will return all the values in + // the array, excluding the last N. + _.initial = function(array, n, guard) { + return slice.call(array, 0, Math.max(0, array.length - (n == null || guard ? 1 : n))); + }; + + // Get the last element of an array. Passing **n** will return the last N + // values in the array. + _.last = function(array, n, guard) { + if (array == null) return void 0; + if (n == null || guard) return array[array.length - 1]; + return _.rest(array, Math.max(0, array.length - n)); + }; + + // Returns everything but the first entry of the array. Aliased as `tail` and `drop`. + // Especially useful on the arguments object. Passing an **n** will return + // the rest N values in the array. + _.rest = _.tail = _.drop = function(array, n, guard) { + return slice.call(array, n == null || guard ? 1 : n); + }; + + // Trim out all falsy values from an array. + _.compact = function(array) { + return _.filter(array, _.identity); + }; + + // Internal implementation of a recursive `flatten` function. + var flatten = function(input, shallow, strict, startIndex) { + var output = [], idx = 0; + for (var i = startIndex || 0, length = input && input.length; i < length; i++) { + var value = input[i]; + if (isArrayLike(value) && (_.isArray(value) || _.isArguments(value))) { + //flatten current level of array or arguments object + if (!shallow) value = flatten(value, shallow, strict); + var j = 0, len = value.length; + output.length += len; + while (j < len) { + output[idx++] = value[j++]; + } + } else if (!strict) { + output[idx++] = value; + } + } + return output; + }; + + // Flatten out an array, either recursively (by default), or just one level. + _.flatten = function(array, shallow) { + return flatten(array, shallow, false); + }; + + // Return a version of the array that does not contain the specified value(s). + _.without = function(array) { + return _.difference(array, slice.call(arguments, 1)); + }; + + // Produce a duplicate-free version of the array. If the array has already + // been sorted, you have the option of using a faster algorithm. + // Aliased as `unique`. + _.uniq = _.unique = function(array, isSorted, iteratee, context) { + if (array == null) return []; + if (!_.isBoolean(isSorted)) { + context = iteratee; + iteratee = isSorted; + isSorted = false; + } + if (iteratee != null) iteratee = cb(iteratee, context); + var result = []; + var seen = []; + for (var i = 0, length = array.length; i < length; i++) { + var value = array[i], + computed = iteratee ? iteratee(value, i, array) : value; + if (isSorted) { + if (!i || seen !== computed) result.push(value); + seen = computed; + } else if (iteratee) { + if (!_.contains(seen, computed)) { + seen.push(computed); + result.push(value); + } + } else if (!_.contains(result, value)) { + result.push(value); + } + } + return result; + }; + + // Produce an array that contains the union: each distinct element from all of + // the passed-in arrays. + _.union = function() { + return _.uniq(flatten(arguments, true, true)); + }; + + // Produce an array that contains every item shared between all the + // passed-in arrays. + _.intersection = function(array) { + if (array == null) return []; + var result = []; + var argsLength = arguments.length; + for (var i = 0, length = array.length; i < length; i++) { + var item = array[i]; + if (_.contains(result, item)) continue; + for (var j = 1; j < argsLength; j++) { + if (!_.contains(arguments[j], item)) break; + } + if (j === argsLength) result.push(item); + } + return result; + }; + + // Take the difference between one array and a number of other arrays. + // Only the elements present in just the first array will remain. + _.difference = function(array) { + var rest = flatten(arguments, true, true, 1); + return _.filter(array, function(value){ + return !_.contains(rest, value); + }); + }; + + // Zip together multiple lists into a single array -- elements that share + // an index go together. + _.zip = function() { + return _.unzip(arguments); + }; + + // Complement of _.zip. Unzip accepts an array of arrays and groups + // each array's elements on shared indices + _.unzip = function(array) { + var length = array && _.max(array, 'length').length || 0; + var result = Array(length); + + for (var index = 0; index < length; index++) { + result[index] = _.pluck(array, index); + } + return result; + }; + + // Converts lists into objects. Pass either a single array of `[key, value]` + // pairs, or two parallel arrays of the same length -- one of keys, and one of + // the corresponding values. + _.object = function(list, values) { + var result = {}; + for (var i = 0, length = list && list.length; i < length; i++) { + if (values) { + result[list[i]] = values[i]; + } else { + result[list[i][0]] = list[i][1]; + } + } + return result; + }; + + // Return the position of the first occurrence of an item in an array, + // or -1 if the item is not included in the array. + // If the array is large and already in sort order, pass `true` + // for **isSorted** to use binary search. + _.indexOf = function(array, item, isSorted) { + var i = 0, length = array && array.length; + if (typeof isSorted == 'number') { + i = isSorted < 0 ? Math.max(0, length + isSorted) : isSorted; + } else if (isSorted && length) { + i = _.sortedIndex(array, item); + return array[i] === item ? i : -1; + } + if (item !== item) { + return _.findIndex(slice.call(array, i), _.isNaN); + } + for (; i < length; i++) if (array[i] === item) return i; + return -1; + }; + + _.lastIndexOf = function(array, item, from) { + var idx = array ? array.length : 0; + if (typeof from == 'number') { + idx = from < 0 ? idx + from + 1 : Math.min(idx, from + 1); + } + if (item !== item) { + return _.findLastIndex(slice.call(array, 0, idx), _.isNaN); + } + while (--idx >= 0) if (array[idx] === item) return idx; + return -1; + }; + + // Generator function to create the findIndex and findLastIndex functions + function createIndexFinder(dir) { + return function(array, predicate, context) { + predicate = cb(predicate, context); + var length = array != null && array.length; + var index = dir > 0 ? 0 : length - 1; + for (; index >= 0 && index < length; index += dir) { + if (predicate(array[index], index, array)) return index; + } + return -1; + }; + } + + // Returns the first index on an array-like that passes a predicate test + _.findIndex = createIndexFinder(1); + + _.findLastIndex = createIndexFinder(-1); + + // Use a comparator function to figure out the smallest index at which + // an object should be inserted so as to maintain order. Uses binary search. + _.sortedIndex = function(array, obj, iteratee, context) { + iteratee = cb(iteratee, context, 1); + var value = iteratee(obj); + var low = 0, high = array.length; + while (low < high) { + var mid = Math.floor((low + high) / 2); + if (iteratee(array[mid]) < value) low = mid + 1; else high = mid; + } + return low; + }; + + // Generate an integer Array containing an arithmetic progression. A port of + // the native Python `range()` function. See + // [the Python documentation](http://docs.python.org/library/functions.html#range). + _.range = function(start, stop, step) { + if (arguments.length <= 1) { + stop = start || 0; + start = 0; + } + step = step || 1; + + var length = Math.max(Math.ceil((stop - start) / step), 0); + var range = Array(length); + + for (var idx = 0; idx < length; idx++, start += step) { + range[idx] = start; + } + + return range; + }; + + // Function (ahem) Functions + // ------------------ + + // Determines whether to execute a function as a constructor + // or a normal function with the provided arguments + var executeBound = function(sourceFunc, boundFunc, context, callingContext, args) { + if (!(callingContext instanceof boundFunc)) return sourceFunc.apply(context, args); + var self = baseCreate(sourceFunc.prototype); + var result = sourceFunc.apply(self, args); + if (_.isObject(result)) return result; + return self; + }; + + // Create a function bound to a given object (assigning `this`, and arguments, + // optionally). Delegates to **ECMAScript 5**'s native `Function.bind` if + // available. + _.bind = function(func, context) { + if (nativeBind && func.bind === nativeBind) return nativeBind.apply(func, slice.call(arguments, 1)); + if (!_.isFunction(func)) throw new TypeError('Bind must be called on a function'); + var args = slice.call(arguments, 2); + var bound = function() { + return executeBound(func, bound, context, this, args.concat(slice.call(arguments))); + }; + return bound; + }; + + // Partially apply a function by creating a version that has had some of its + // arguments pre-filled, without changing its dynamic `this` context. _ acts + // as a placeholder, allowing any combination of arguments to be pre-filled. + _.partial = function(func) { + var boundArgs = slice.call(arguments, 1); + var bound = function() { + var position = 0, length = boundArgs.length; + var args = Array(length); + for (var i = 0; i < length; i++) { + args[i] = boundArgs[i] === _ ? arguments[position++] : boundArgs[i]; + } + while (position < arguments.length) args.push(arguments[position++]); + return executeBound(func, bound, this, this, args); + }; + return bound; + }; + + // Bind a number of an object's methods to that object. Remaining arguments + // are the method names to be bound. Useful for ensuring that all callbacks + // defined on an object belong to it. + _.bindAll = function(obj) { + var i, length = arguments.length, key; + if (length <= 1) throw new Error('bindAll must be passed function names'); + for (i = 1; i < length; i++) { + key = arguments[i]; + obj[key] = _.bind(obj[key], obj); + } + return obj; + }; + + // Memoize an expensive function by storing its results. + _.memoize = function(func, hasher) { + var memoize = function(key) { + var cache = memoize.cache; + var address = '' + (hasher ? hasher.apply(this, arguments) : key); + if (!_.has(cache, address)) cache[address] = func.apply(this, arguments); + return cache[address]; + }; + memoize.cache = {}; + return memoize; + }; + + // Delays a function for the given number of milliseconds, and then calls + // it with the arguments supplied. + _.delay = function(func, wait) { + var args = slice.call(arguments, 2); + return setTimeout(function(){ + return func.apply(null, args); + }, wait); + }; + + // Defers a function, scheduling it to run after the current call stack has + // cleared. + _.defer = _.partial(_.delay, _, 1); + + // Returns a function, that, when invoked, will only be triggered at most once + // during a given window of time. Normally, the throttled function will run + // as much as it can, without ever going more than once per `wait` duration; + // but if you'd like to disable the execution on the leading edge, pass + // `{leading: false}`. To disable execution on the trailing edge, ditto. + _.throttle = function(func, wait, options) { + var context, args, result; + var timeout = null; + var previous = 0; + if (!options) options = {}; + var later = function() { + previous = options.leading === false ? 0 : _.now(); + timeout = null; + result = func.apply(context, args); + if (!timeout) context = args = null; + }; + return function() { + var now = _.now(); + if (!previous && options.leading === false) previous = now; + var remaining = wait - (now - previous); + context = this; + args = arguments; + if (remaining <= 0 || remaining > wait) { + if (timeout) { + clearTimeout(timeout); + timeout = null; + } + previous = now; + result = func.apply(context, args); + if (!timeout) context = args = null; + } else if (!timeout && options.trailing !== false) { + timeout = setTimeout(later, remaining); + } + return result; + }; + }; + + // Returns a function, that, as long as it continues to be invoked, will not + // be triggered. The function will be called after it stops being called for + // N milliseconds. If `immediate` is passed, trigger the function on the + // leading edge, instead of the trailing. + _.debounce = function(func, wait, immediate) { + var timeout, args, context, timestamp, result; + + var later = function() { + var last = _.now() - timestamp; + + if (last < wait && last >= 0) { + timeout = setTimeout(later, wait - last); + } else { + timeout = null; + if (!immediate) { + result = func.apply(context, args); + if (!timeout) context = args = null; + } + } + }; + + return function() { + context = this; + args = arguments; + timestamp = _.now(); + var callNow = immediate && !timeout; + if (!timeout) timeout = setTimeout(later, wait); + if (callNow) { + result = func.apply(context, args); + context = args = null; + } + + return result; + }; + }; + + // Returns the first function passed as an argument to the second, + // allowing you to adjust arguments, run code before and after, and + // conditionally execute the original function. + _.wrap = function(func, wrapper) { + return _.partial(wrapper, func); + }; + + // Returns a negated version of the passed-in predicate. + _.negate = function(predicate) { + return function() { + return !predicate.apply(this, arguments); + }; + }; + + // Returns a function that is the composition of a list of functions, each + // consuming the return value of the function that follows. + _.compose = function() { + var args = arguments; + var start = args.length - 1; + return function() { + var i = start; + var result = args[start].apply(this, arguments); + while (i--) result = args[i].call(this, result); + return result; + }; + }; + + // Returns a function that will only be executed on and after the Nth call. + _.after = function(times, func) { + return function() { + if (--times < 1) { + return func.apply(this, arguments); + } + }; + }; + + // Returns a function that will only be executed up to (but not including) the Nth call. + _.before = function(times, func) { + var memo; + return function() { + if (--times > 0) { + memo = func.apply(this, arguments); + } + if (times <= 1) func = null; + return memo; + }; + }; + + // Returns a function that will be executed at most one time, no matter how + // often you call it. Useful for lazy initialization. + _.once = _.partial(_.before, 2); + + // Object Functions + // ---------------- + + // Keys in IE < 9 that won't be iterated by `for key in ...` and thus missed. + var hasEnumBug = !{toString: null}.propertyIsEnumerable('toString'); + var nonEnumerableProps = ['valueOf', 'isPrototypeOf', 'toString', + 'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString']; + + function collectNonEnumProps(obj, keys) { + var nonEnumIdx = nonEnumerableProps.length; + var constructor = obj.constructor; + var proto = (_.isFunction(constructor) && constructor.prototype) || ObjProto; + + // Constructor is a special case. + var prop = 'constructor'; + if (_.has(obj, prop) && !_.contains(keys, prop)) keys.push(prop); + + while (nonEnumIdx--) { + prop = nonEnumerableProps[nonEnumIdx]; + if (prop in obj && obj[prop] !== proto[prop] && !_.contains(keys, prop)) { + keys.push(prop); + } + } + } + + // Retrieve the names of an object's own properties. + // Delegates to **ECMAScript 5**'s native `Object.keys` + _.keys = function(obj) { + if (!_.isObject(obj)) return []; + if (nativeKeys) return nativeKeys(obj); + var keys = []; + for (var key in obj) if (_.has(obj, key)) keys.push(key); + // Ahem, IE < 9. + if (hasEnumBug) collectNonEnumProps(obj, keys); + return keys; + }; + + // Retrieve all the property names of an object. + _.allKeys = function(obj) { + if (!_.isObject(obj)) return []; + var keys = []; + for (var key in obj) keys.push(key); + // Ahem, IE < 9. + if (hasEnumBug) collectNonEnumProps(obj, keys); + return keys; + }; + + // Retrieve the values of an object's properties. + _.values = function(obj) { + var keys = _.keys(obj); + var length = keys.length; + var values = Array(length); + for (var i = 0; i < length; i++) { + values[i] = obj[keys[i]]; + } + return values; + }; + + // Returns the results of applying the iteratee to each element of the object + // In contrast to _.map it returns an object + _.mapObject = function(obj, iteratee, context) { + iteratee = cb(iteratee, context); + var keys = _.keys(obj), + length = keys.length, + results = {}, + currentKey; + for (var index = 0; index < length; index++) { + currentKey = keys[index]; + results[currentKey] = iteratee(obj[currentKey], currentKey, obj); + } + return results; + }; + + // Convert an object into a list of `[key, value]` pairs. + _.pairs = function(obj) { + var keys = _.keys(obj); + var length = keys.length; + var pairs = Array(length); + for (var i = 0; i < length; i++) { + pairs[i] = [keys[i], obj[keys[i]]]; + } + return pairs; + }; + + // Invert the keys and values of an object. The values must be serializable. + _.invert = function(obj) { + var result = {}; + var keys = _.keys(obj); + for (var i = 0, length = keys.length; i < length; i++) { + result[obj[keys[i]]] = keys[i]; + } + return result; + }; + + // Return a sorted list of the function names available on the object. + // Aliased as `methods` + _.functions = _.methods = function(obj) { + var names = []; + for (var key in obj) { + if (_.isFunction(obj[key])) names.push(key); + } + return names.sort(); + }; + + // Extend a given object with all the properties in passed-in object(s). + _.extend = createAssigner(_.allKeys); + + // Assigns a given object with all the own properties in the passed-in object(s) + // (https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object/assign) + _.extendOwn = _.assign = createAssigner(_.keys); + + // Returns the first key on an object that passes a predicate test + _.findKey = function(obj, predicate, context) { + predicate = cb(predicate, context); + var keys = _.keys(obj), key; + for (var i = 0, length = keys.length; i < length; i++) { + key = keys[i]; + if (predicate(obj[key], key, obj)) return key; + } + }; + + // Return a copy of the object only containing the whitelisted properties. + _.pick = function(object, oiteratee, context) { + var result = {}, obj = object, iteratee, keys; + if (obj == null) return result; + if (_.isFunction(oiteratee)) { + keys = _.allKeys(obj); + iteratee = optimizeCb(oiteratee, context); + } else { + keys = flatten(arguments, false, false, 1); + iteratee = function(value, key, obj) { return key in obj; }; + obj = Object(obj); + } + for (var i = 0, length = keys.length; i < length; i++) { + var key = keys[i]; + var value = obj[key]; + if (iteratee(value, key, obj)) result[key] = value; + } + return result; + }; + + // Return a copy of the object without the blacklisted properties. + _.omit = function(obj, iteratee, context) { + if (_.isFunction(iteratee)) { + iteratee = _.negate(iteratee); + } else { + var keys = _.map(flatten(arguments, false, false, 1), String); + iteratee = function(value, key) { + return !_.contains(keys, key); + }; + } + return _.pick(obj, iteratee, context); + }; + + // Fill in a given object with default properties. + _.defaults = createAssigner(_.allKeys, true); + + // Creates an object that inherits from the given prototype object. + // If additional properties are provided then they will be added to the + // created object. + _.create = function(prototype, props) { + var result = baseCreate(prototype); + if (props) _.extendOwn(result, props); + return result; + }; + + // Create a (shallow-cloned) duplicate of an object. + _.clone = function(obj) { + if (!_.isObject(obj)) return obj; + return _.isArray(obj) ? obj.slice() : _.extend({}, obj); + }; + + // Invokes interceptor with the obj, and then returns obj. + // The primary purpose of this method is to "tap into" a method chain, in + // order to perform operations on intermediate results within the chain. + _.tap = function(obj, interceptor) { + interceptor(obj); + return obj; + }; + + // Returns whether an object has a given set of `key:value` pairs. + _.isMatch = function(object, attrs) { + var keys = _.keys(attrs), length = keys.length; + if (object == null) return !length; + var obj = Object(object); + for (var i = 0; i < length; i++) { + var key = keys[i]; + if (attrs[key] !== obj[key] || !(key in obj)) return false; + } + return true; + }; + + + // Internal recursive comparison function for `isEqual`. + var eq = function(a, b, aStack, bStack) { + // Identical objects are equal. `0 === -0`, but they aren't identical. + // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal). + if (a === b) return a !== 0 || 1 / a === 1 / b; + // A strict comparison is necessary because `null == undefined`. + if (a == null || b == null) return a === b; + // Unwrap any wrapped objects. + if (a instanceof _) a = a._wrapped; + if (b instanceof _) b = b._wrapped; + // Compare `[[Class]]` names. + var className = toString.call(a); + if (className !== toString.call(b)) return false; + switch (className) { + // Strings, numbers, regular expressions, dates, and booleans are compared by value. + case '[object RegExp]': + // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i') + case '[object String]': + // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is + // equivalent to `new String("5")`. + return '' + a === '' + b; + case '[object Number]': + // `NaN`s are equivalent, but non-reflexive. + // Object(NaN) is equivalent to NaN + if (+a !== +a) return +b !== +b; + // An `egal` comparison is performed for other numeric values. + return +a === 0 ? 1 / +a === 1 / b : +a === +b; + case '[object Date]': + case '[object Boolean]': + // Coerce dates and booleans to numeric primitive values. Dates are compared by their + // millisecond representations. Note that invalid dates with millisecond representations + // of `NaN` are not equivalent. + return +a === +b; + } + + var areArrays = className === '[object Array]'; + if (!areArrays) { + if (typeof a != 'object' || typeof b != 'object') return false; + + // Objects with different constructors are not equivalent, but `Object`s or `Array`s + // from different frames are. + var aCtor = a.constructor, bCtor = b.constructor; + if (aCtor !== bCtor && !(_.isFunction(aCtor) && aCtor instanceof aCtor && + _.isFunction(bCtor) && bCtor instanceof bCtor) + && ('constructor' in a && 'constructor' in b)) { + return false; + } + } + // Assume equality for cyclic structures. The algorithm for detecting cyclic + // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`. + + // Initializing stack of traversed objects. + // It's done here since we only need them for objects and arrays comparison. + aStack = aStack || []; + bStack = bStack || []; + var length = aStack.length; + while (length--) { + // Linear search. Performance is inversely proportional to the number of + // unique nested structures. + if (aStack[length] === a) return bStack[length] === b; + } + + // Add the first object to the stack of traversed objects. + aStack.push(a); + bStack.push(b); + + // Recursively compare objects and arrays. + if (areArrays) { + // Compare array lengths to determine if a deep comparison is necessary. + length = a.length; + if (length !== b.length) return false; + // Deep compare the contents, ignoring non-numeric properties. + while (length--) { + if (!eq(a[length], b[length], aStack, bStack)) return false; + } + } else { + // Deep compare objects. + var keys = _.keys(a), key; + length = keys.length; + // Ensure that both objects contain the same number of properties before comparing deep equality. + if (_.keys(b).length !== length) return false; + while (length--) { + // Deep compare each member + key = keys[length]; + if (!(_.has(b, key) && eq(a[key], b[key], aStack, bStack))) return false; + } + } + // Remove the first object from the stack of traversed objects. + aStack.pop(); + bStack.pop(); + return true; + }; + + // Perform a deep comparison to check if two objects are equal. + _.isEqual = function(a, b) { + return eq(a, b); + }; + + // Is a given array, string, or object empty? + // An "empty" object has no enumerable own-properties. + _.isEmpty = function(obj) { + if (obj == null) return true; + if (isArrayLike(obj) && (_.isArray(obj) || _.isString(obj) || _.isArguments(obj))) return obj.length === 0; + return _.keys(obj).length === 0; + }; + + // Is a given value a DOM element? + _.isElement = function(obj) { + return !!(obj && obj.nodeType === 1); + }; + + // Is a given value an array? + // Delegates to ECMA5's native Array.isArray + _.isArray = nativeIsArray || function(obj) { + return toString.call(obj) === '[object Array]'; + }; + + // Is a given variable an object? + _.isObject = function(obj) { + var type = typeof obj; + return type === 'function' || type === 'object' && !!obj; + }; + + // Add some isType methods: isArguments, isFunction, isString, isNumber, isDate, isRegExp, isError. + _.each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp', 'Error'], function(name) { + _['is' + name] = function(obj) { + return toString.call(obj) === '[object ' + name + ']'; + }; + }); + + // Define a fallback version of the method in browsers (ahem, IE < 9), where + // there isn't any inspectable "Arguments" type. + if (!_.isArguments(arguments)) { + _.isArguments = function(obj) { + return _.has(obj, 'callee'); + }; + } + + // Optimize `isFunction` if appropriate. Work around some typeof bugs in old v8, + // IE 11 (#1621), and in Safari 8 (#1929). + if (typeof /./ != 'function' && typeof Int8Array != 'object') { + _.isFunction = function(obj) { + return typeof obj == 'function' || false; + }; + } + + // Is a given object a finite number? + _.isFinite = function(obj) { + return isFinite(obj) && !isNaN(parseFloat(obj)); + }; + + // Is the given value `NaN`? (NaN is the only number which does not equal itself). + _.isNaN = function(obj) { + return _.isNumber(obj) && obj !== +obj; + }; + + // Is a given value a boolean? + _.isBoolean = function(obj) { + return obj === true || obj === false || toString.call(obj) === '[object Boolean]'; + }; + + // Is a given value equal to null? + _.isNull = function(obj) { + return obj === null; + }; + + // Is a given variable undefined? + _.isUndefined = function(obj) { + return obj === void 0; + }; + + // Shortcut function for checking if an object has a given property directly + // on itself (in other words, not on a prototype). + _.has = function(obj, key) { + return obj != null && hasOwnProperty.call(obj, key); + }; + + // Utility Functions + // ----------------- + + // Run Underscore.js in *noConflict* mode, returning the `_` variable to its + // previous owner. Returns a reference to the Underscore object. + _.noConflict = function() { + root._ = previousUnderscore; + return this; + }; + + // Keep the identity function around for default iteratees. + _.identity = function(value) { + return value; + }; + + // Predicate-generating functions. Often useful outside of Underscore. + _.constant = function(value) { + return function() { + return value; + }; + }; + + _.noop = function(){}; + + _.property = function(key) { + return function(obj) { + return obj == null ? void 0 : obj[key]; + }; + }; + + // Generates a function for a given object that returns a given property. + _.propertyOf = function(obj) { + return obj == null ? function(){} : function(key) { + return obj[key]; + }; + }; + + // Returns a predicate for checking whether an object has a given set of + // `key:value` pairs. + _.matcher = _.matches = function(attrs) { + attrs = _.extendOwn({}, attrs); + return function(obj) { + return _.isMatch(obj, attrs); + }; + }; + + // Run a function **n** times. + _.times = function(n, iteratee, context) { + var accum = Array(Math.max(0, n)); + iteratee = optimizeCb(iteratee, context, 1); + for (var i = 0; i < n; i++) accum[i] = iteratee(i); + return accum; + }; + + // Return a random integer between min and max (inclusive). + _.random = function(min, max) { + if (max == null) { + max = min; + min = 0; + } + return min + Math.floor(Math.random() * (max - min + 1)); + }; + + // A (possibly faster) way to get the current timestamp as an integer. + _.now = Date.now || function() { + return new Date().getTime(); + }; + + // List of HTML entities for escaping. + var escapeMap = { + '&': '&', + '<': '<', + '>': '>', + '"': '"', + "'": ''', + '`': '`' + }; + var unescapeMap = _.invert(escapeMap); + + // Functions for escaping and unescaping strings to/from HTML interpolation. + var createEscaper = function(map) { + var escaper = function(match) { + return map[match]; + }; + // Regexes for identifying a key that needs to be escaped + var source = '(?:' + _.keys(map).join('|') + ')'; + var testRegexp = RegExp(source); + var replaceRegexp = RegExp(source, 'g'); + return function(string) { + string = string == null ? '' : '' + string; + return testRegexp.test(string) ? string.replace(replaceRegexp, escaper) : string; + }; + }; + _.escape = createEscaper(escapeMap); + _.unescape = createEscaper(unescapeMap); + + // If the value of the named `property` is a function then invoke it with the + // `object` as context; otherwise, return it. + _.result = function(object, property, fallback) { + var value = object == null ? void 0 : object[property]; + if (value === void 0) { + value = fallback; + } + return _.isFunction(value) ? value.call(object) : value; + }; + + // Generate a unique integer id (unique within the entire client session). + // Useful for temporary DOM ids. + var idCounter = 0; + _.uniqueId = function(prefix) { + var id = ++idCounter + ''; + return prefix ? prefix + id : id; + }; + + // By default, Underscore uses ERB-style template delimiters, change the + // following template settings to use alternative delimiters. + _.templateSettings = { + evaluate : /<%([\s\S]+?)%>/g, + interpolate : /<%=([\s\S]+?)%>/g, + escape : /<%-([\s\S]+?)%>/g + }; + + // When customizing `templateSettings`, if you don't want to define an + // interpolation, evaluation or escaping regex, we need one that is + // guaranteed not to match. + var noMatch = /(.)^/; + + // Certain characters need to be escaped so that they can be put into a + // string literal. + var escapes = { + "'": "'", + '\\': '\\', + '\r': 'r', + '\n': 'n', + '\u2028': 'u2028', + '\u2029': 'u2029' + }; + + var escaper = /\\|'|\r|\n|\u2028|\u2029/g; + + var escapeChar = function(match) { + return '\\' + escapes[match]; + }; + + // JavaScript micro-templating, similar to John Resig's implementation. + // Underscore templating handles arbitrary delimiters, preserves whitespace, + // and correctly escapes quotes within interpolated code. + // NB: `oldSettings` only exists for backwards compatibility. + _.template = function(text, settings, oldSettings) { + if (!settings && oldSettings) settings = oldSettings; + settings = _.defaults({}, settings, _.templateSettings); + + // Combine delimiters into one regular expression via alternation. + var matcher = RegExp([ + (settings.escape || noMatch).source, + (settings.interpolate || noMatch).source, + (settings.evaluate || noMatch).source + ].join('|') + '|$', 'g'); + + // Compile the template source, escaping string literals appropriately. + var index = 0; + var source = "__p+='"; + text.replace(matcher, function(match, escape, interpolate, evaluate, offset) { + source += text.slice(index, offset).replace(escaper, escapeChar); + index = offset + match.length; + + if (escape) { + source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'"; + } else if (interpolate) { + source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'"; + } else if (evaluate) { + source += "';\n" + evaluate + "\n__p+='"; + } + + // Adobe VMs need the match returned to produce the correct offest. + return match; + }); + source += "';\n"; + + // If a variable is not specified, place data values in local scope. + if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n'; + + source = "var __t,__p='',__j=Array.prototype.join," + + "print=function(){__p+=__j.call(arguments,'');};\n" + + source + 'return __p;\n'; + + try { + var render = new Function(settings.variable || 'obj', '_', source); + } catch (e) { + e.source = source; + throw e; + } + + var template = function(data) { + return render.call(this, data, _); + }; + + // Provide the compiled source as a convenience for precompilation. + var argument = settings.variable || 'obj'; + template.source = 'function(' + argument + '){\n' + source + '}'; + + return template; + }; + + // Add a "chain" function. Start chaining a wrapped Underscore object. + _.chain = function(obj) { + var instance = _(obj); + instance._chain = true; + return instance; + }; + + // OOP + // --------------- + // If Underscore is called as a function, it returns a wrapped object that + // can be used OO-style. This wrapper holds altered versions of all the + // underscore functions. Wrapped objects may be chained. + + // Helper function to continue chaining intermediate results. + var result = function(instance, obj) { + return instance._chain ? _(obj).chain() : obj; + }; + + // Add your own custom functions to the Underscore object. + _.mixin = function(obj) { + _.each(_.functions(obj), function(name) { + var func = _[name] = obj[name]; + _.prototype[name] = function() { + var args = [this._wrapped]; + push.apply(args, arguments); + return result(this, func.apply(_, args)); + }; + }); + }; + + // Add all of the Underscore functions to the wrapper object. + _.mixin(_); + + // Add all mutator Array functions to the wrapper. + _.each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) { + var method = ArrayProto[name]; + _.prototype[name] = function() { + var obj = this._wrapped; + method.apply(obj, arguments); + if ((name === 'shift' || name === 'splice') && obj.length === 0) delete obj[0]; + return result(this, obj); + }; + }); + + // Add all accessor Array functions to the wrapper. + _.each(['concat', 'join', 'slice'], function(name) { + var method = ArrayProto[name]; + _.prototype[name] = function() { + return result(this, method.apply(this._wrapped, arguments)); + }; + }); + + // Extracts the result from a wrapped and chained object. + _.prototype.value = function() { + return this._wrapped; + }; + + // Provide unwrapping proxy for some methods used in engine operations + // such as arithmetic and JSON stringification. + _.prototype.valueOf = _.prototype.toJSON = _.prototype.value; + + _.prototype.toString = function() { + return '' + this._wrapped; + }; + + // AMD registration happens at the end for compatibility with AMD loaders + // that may not enforce next-turn semantics on modules. Even though general + // practice for AMD registration is to be anonymous, underscore registers + // as a named module because, like jQuery, it is a base library that is + // popular enough to be bundled in a third party lib, but not be part of + // an AMD load request. Those cases could generate an error when an + // anonymous define() is called outside of a loader request. + if (typeof define === 'function' && define.amd) { + define('underscore', [], function() { + return _; + }); + } +}.call(this));/** + * Created by richie on 15/7/8. + */ +/** + * 初始化BI对象 + */ +if (window.BI == null) { + window.BI = {}; +}/** + * 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 (eval(viewFunc))(_.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, _, $) { + + var previousBI = root.BI; + + // Create local references to array methods we'll want to use later. + var array = []; + var slice = array.slice; + + // Current version of the library. Keep in sync with `package.json`. + BI.VERSION = '1.0.0'; + + // For BI's purposes, jQuery, Zepto, Ender, or My Library (kidding) owns + // the `$` variable. + BI.$ = $; + + // Runs BI.js in *noConflict* mode, returning the `BI` variable + // to its previous owner. Returns a reference to this BI object. + BI.noConflict = function() { + root.BI = previousBI; + return this; + }; + + // 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 = BI.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; + }, + + // 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; + }, + + // 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; + + // Allow the `BI` object to serve as a global event bus, for folks who + // want global "pubsub" in a convenient place. + _.extend(BI, Events); + + // 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.element}, + // **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(); + if ($.browser.msie === true) { + this.el.outerHTML = ''; + } + }, + + // 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.show(); + } else { + this.element.hide(); + } + }, + + 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.$(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.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.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.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 = $.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; + } +});/** + * 基本函数 + * Create By GUY 2014\11\17 + * + */ + +if (!window.BI) { + window.BI = {}; +} +; +!(function ($, undefined) { + _.extend(BI, { + version: "4.0" + }); + var traverse = function (func, context) { + return function (value, key, obj) { + return func.call(context, key, value, obj); + } + }; + var _apply = function (name) { + return function () { + return _[name].apply(_, arguments); + } + }; + var _applyFunc = function (name) { + return function () { + var args = Array.prototype.slice.call(arguments, 0); + args[1] = _.isFunction(args[1]) ? traverse(args[1], args[2]) : args[1]; + return _[name].apply(_, args); + } + }; + + //Utility + _.extend(BI, { + i18nText: function (key) { + var localeText = key; + if (!localeText) { + localeText = key; + } + var len = arguments.length; + if (len > 1) { + for (var i = 1; i < len; i++) { + var key = "{R" + i + "}"; + localeText = localeText.replaceAll(key, arguments[i] + ""); + } + } + return localeText; + }, + + assert: function (v, is) { + if (this.isFunction(is)) { + if (!is(v)) { + throw new Error(v + "值不合法"); + } else { + return true; + } + } + if (!this.isArray(is)) { + is = [is]; + } + if (!this.deepContains(is, v)) { + throw new Error(v + "值不合法"); + } + }, + + warn: function (message) { + console.warn(message) + }, + + UUID: function () { + var f = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']; + var str = ""; + for (var i = 0; i < 16; i++) { + var r = parseInt(f.length * Math.random(), 10); + str += f[r]; + } + return str; + }, + + isWidget: function (widget) { + return widget instanceof BI.Widget || (BI.View && widget instanceof BI.View); + }, + + createWidgets: function (items, options) { + if (!BI.isArray(items)) { + throw new Error("无法根据items创建组件?") + } + return BI.map(BI.flatten(items), function (i, item) { + return BI.createWidget(item, BI.deepClone(options)); + }); + }, + + createItems: function (data, innerAttr, outerAttr) { + innerAttr = BI.isArray(innerAttr) ? innerAttr : BI.makeArray(BI.flatten(data).length, innerAttr); + outerAttr = BI.isArray(outerAttr) ? outerAttr : BI.makeArray(BI.flatten(data).length, outerAttr); + return BI.map(data, function (i, item) { + if (BI.isArray(item)) { + return BI.createItems(item, innerAttr, outerAttr); + } + if (item instanceof BI.Widget) { + return BI.extend({}, innerAttr.shift(), outerAttr.shift(), { + type: null, + el: item + }); + } + if (innerAttr[0] instanceof BI.Widget) { + outerAttr.shift(); + return BI.extend({}, item, { + el: innerAttr.shift() + }) + } + if (item.el instanceof BI.Widget || (BI.View && item.el instanceof BI.View)) { + innerAttr.shift(); + return BI.extend({}, outerAttr.shift(), {type: null}, item); + } + if (item.el) { + return BI.extend({}, outerAttr.shift(), item, { + el: BI.extend({}, innerAttr.shift(), item.el) + }) + } + return BI.extend({}, outerAttr.shift(), { + el: BI.extend({}, innerAttr.shift(), item) + }) + }) + }, + + //用容器包装items + packageItems: function (items, layouts) { + for (var i = layouts.length - 1; i >= 0; i--) { + items = BI.map(items, function (k, it) { + return BI.extend({}, layouts[i], { + items: [ + BI.extend({}, layouts[i].el, { + el: it + }) + ] + }) + }) + } + return items; + }, + + formatEL: function (obj) { + if (obj && obj.el) { + return obj; + } + return { + el: obj + }; + }, + + //剥开EL + stripEL: function (obj) { + return obj.type && obj || obj.el || obj; + }, + + trans2Element: function (widgets) { + return BI.map(widgets, function (i, wi) { + return wi.element; + }); + } + }); + + //集合相关方法 + _.each(["where", "findWhere", "contains", "invoke", "pluck", "shuffle", "sample", "toArray", "size"], function (name) { + BI[name] = _apply(name) + }); + _.each(["each", "map", "reduce", "reduceRight", "find", "filter", "reject", "every", "all", "some", "any", "max", "min", + "sortBy", "groupBy", "indexBy", "countBy", "partition"], function (name) { + BI[name] = _applyFunc(name) + }); + _.extend(BI, { + clamp: function (value, minValue, maxValue) { + if (value < minValue) { + value = minValue; + } + if (value > maxValue) { + value = maxValue; + } + return value; + }, + //数数 + count: function (from, to, predicate) { + var t; + if (predicate) { + for (t = from; t < to; t++) { + predicate(t); + } + } + return to - from; + }, + + //倒数 + inverse: function (from, to, predicate) { + return BI.count(to, from, predicate); + }, + + firstKey: function (obj) { + var res = undefined; + BI.any(obj, function (key, value) { + res = key; + return true; + }); + return res; + }, + + lastKey: function (obj) { + var res = undefined; + BI.each(obj, function (key, value) { + res = key; + return true; + }); + return res; + }, + + firstObject: function (obj) { + var res = undefined; + BI.any(obj, function (key, value) { + res = value; + return true; + }); + return res; + }, + + lastObject: function (obj) { + var res = undefined; + BI.each(obj, function (key, value) { + res = value; + return true; + }); + return res; + }, + + concat: function (obj1, obj2) { + if (BI.isKey(obj1)) { + return obj1 + "" + obj2; + } + if (BI.isArray(obj1)) { + return obj1.concat(obj2); + } + if (BI.isObject(obj1)) { + return _.extend({}, obj1, obj2); + } + }, + + backEach: function (obj, predicate, context) { + predicate = BI.iteratee(predicate, context); + for (var index = obj.length - 1; index >= 0; index--) { + predicate(index, obj[index], obj); + } + return false; + }, + + backAny: function (obj, predicate, context) { + predicate = BI.iteratee(predicate, context); + for (var index = obj.length - 1; index >= 0; index--) { + if (predicate(index, obj[index], obj)) return true; + } + return false; + }, + + backEvery: function (obj, predicate, context) { + predicate = BI.iteratee(predicate, context); + for (var index = obj.length - 1; index >= 0; index--) { + if (!predicate(index, obj[index], obj)) return false; + } + return true; + }, + + remove: function (obj, target, context) { + var isFunction = BI.isFunction(target); + target = isFunction || BI.isArray(target) ? target : [target]; + var i; + if (BI.isArray(obj)) { + for (i = 0; i < obj.length; i++) { + if ((isFunction && target.apply(context, [i, obj[i]]) === true) || (!isFunction && target.contains(obj[i]))) { + obj.splice(i--, 1); + } + } + } else { + BI.each(obj, function (i, v) { + if ((isFunction && target.apply(context, [i, obj[i]]) === true) || (!isFunction && target.contains(obj[i]))) { + delete obj[i]; + } + }); + } + }, + + removeAt: function (obj, index) { + index = BI.isArray(index) ? index : [index]; + var isArray = BI.isArray(obj), i; + for (i = 0; i < index.length; i++) { + if (isArray) { + obj[index[i]] = "$deleteIndex"; + } else { + delete obj[index[i]]; + } + } + if (isArray) { + BI.remove(obj, "$deleteIndex"); + } + }, + + string2Array: function (str) { + return str.split('&-&'); + }, + + array2String: function (array) { + return array.join("&-&"); + }, + + abc2Int: function (str) { + var idx = 0, start = 'A', str = str.toUpperCase(); + for (var i = 0, len = str.length; i < len; ++i) { + idx = str.charAt(i).charCodeAt(0) - start.charCodeAt(0) + 26 * idx + 1; + if (idx > (2147483646 - str.charAt(i).charCodeAt(0) + start.charCodeAt(0)) / 26) { + return 0; + } + } + return idx; + }, + + int2Abc: function (num) { + var DIGITS = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']; + var idx = num, str = ""; + if (num === 0) { + return ""; + } + while (idx !== 0) { + var t = idx % 26; + if (t === 0) { + t = 26; + } + str = DIGITS[t - 1] + str; + idx = (idx - t) / 26; + } + return str; + } + }); + + //数组相关的方法 + _.each(["first", "initial", "last", "rest", "compact", "flatten", "without", "union", "intersection", + "difference", "zip", "unzip", "object", "indexOf", "lastIndexOf", "sortedIndex", "range"], function (name) { + BI[name] = _apply(name) + }); + _.each(["findIndex", "findLastIndex"], function (name) { + BI[name] = _applyFunc(name) + }); + _.extend(BI, { + //构建一个长度为length的数组 + makeArray: function (length, value) { + var res = []; + for (var i = 0; i < length; i++) { + if (BI.isNull(value)) { + res.push(i); + } else { + res.push(BI.deepClone(value)); + } + } + return res; + }, + + makeObject: function (array, value) { + var map = {}; + for (var i = 0; i < array.length; i++) { + if (BI.isNull(value)) { + map[array[i]] = array[i]; + } else { + map[array[i]] = BI.deepClone(value); + } + } + return map; + }, + + makeArrayByArray: function (array, value) { + var res = []; + if (!array) { + return res; + } + for (var i = 0, len = array.length; i < len; i++) { + if (BI.isArray(array[i])) { + res.push(arguments.callee(array[i], value)); + } else { + res.push(BI.deepClone(value)); + } + } + return res; + }, + + uniq: function (array, isSorted, iteratee, context) { + if (array == null) return []; + if (!_.isBoolean(isSorted)) { + context = iteratee; + iteratee = isSorted; + isSorted = false; + } + iteratee && (iteratee = traverse(iteratee, context)); + return _.uniq.call(_, array, isSorted, iteratee, context); + } + }); + + //对象相关方法 + _.each(["keys", "allKeys", "values", "pairs", "invert", "create", "functions", "extend", "extendOwn", + "defaults", "clone", "property", "propertyOf", "matcher", "isEqual", "isMatch", "isEmpty", + "isElement", "isNumber", "isString", "isArray", "isObject", "isArguments", "isFunction", "isFinite", + "isBoolean", "isDate", "isRegExp", "isError", "isNaN", "isUndefined"], function (name) { + BI[name] = _apply(name) + }); + _.each(["mapObject", "findKey", "pick", "omit", "tap"], function (name) { + BI[name] = _applyFunc(name) + }); + _.extend(BI, { + + inherit: function (sb, sp, overrides) { + if (typeof sp == 'object') { + overrides = sp; + sp = sb; + sb = function () { + sp.apply(this, arguments); + }; + } + var F = function () { + }, spp = sp.prototype; + F.prototype = spp; + sb.prototype = new F(); + sb.superclass = spp; + _.extend(sb.prototype, overrides, { + superclass: sp + }); + return sb; + }, + + has: function (obj, keys) { + if (BI.isKey(keys)) { + return _.has.apply(_, arguments); + } + if (!keys || BI.isEmpty(keys)) { + return false; + } + return BI.every(keys, function (i, key) { + return _.has(obj, key); + }); + }, + + //数字和字符串可以作为key + isKey: function (key) { + return BI.isNumber(key) || (BI.isString(key) && key.length > 0); + }, + + //忽略大小写的等于 + isCapitalEqual: function (a, b) { + a = BI.isNull(a) ? a : ("" + a).toLowerCase(); + b = BI.isNull(b) ? b : ("" + b).toLowerCase(); + return BI.isEqual(a, b); + }, + + isWidthOrHeight: function (w) { + if (typeof w == 'number') { + return w >= 0; + } else if (typeof w == 'string') { + return /^\d{1,3}%$/.exec(w) || w == 'auto' || /^\d+px$/.exec(w); + } + }, + + isNotNull: function (obj) { + return !BI.isNull(obj); + }, + + isNull: function (obj) { + return typeof obj === "undefined" || obj === null; + }, + + isPlainObject: function () { + return $.isPlainObject.apply($, arguments); + }, + + isEmptyArray: function (arr) { + return BI.isArray(arr) && BI.isEmpty(arr); + }, + + isNotEmptyArray: function (arr) { + return BI.isArray(arr) && !BI.isEmpty(arr); + }, + + isEmptyObject: function (obj) { + return BI.isEqual(obj, {}); + }, + + isNotEmptyObject: function (obj) { + return BI.isPlainObject(obj) && !BI.isEmptyObject(obj); + }, + + isEmptyString: function (obj) { + return BI.isString(obj) && obj.length === 0; + }, + + isNotEmptyString: function (obj) { + return BI.isString(obj) && !BI.isEmptyString(obj); + }, + + isWindow: function () { + return $.isWindow.apply($, arguments); + } + }); + + //deep方法 + _.extend(BI, { + /** + *完全克隆�?个js对象 + * @param obj + * @returns {*} + */ + deepClone: function (obj) { + if (obj === null || obj === undefined) { + return obj; + } + + var type = Object.prototype.toString.call(obj); + + // Date + if (type === '[object Date]') { + return new Date(obj.getTime()); + } + + var i, clone, key; + + // Array + if (type === '[object Array]') { + i = obj.length; + + clone = []; + + while (i--) { + clone[i] = BI.deepClone(obj[i]); + } + } + // Object + else if (type === '[object Object]' && obj.constructor === Object) { + clone = {}; + + for (var i in obj) { + if (_.has(obj, i)) { + clone[i] = BI.deepClone(obj[i]); + } + } + } + + return clone || obj; + }, + + isDeepMatch: function (object, attrs) { + var keys = BI.keys(attrs), length = keys.length; + if (object == null) return !length; + var obj = Object(object); + for (var i = 0; i < length; i++) { + var key = keys[i]; + if (!BI.isEqual(attrs[key], obj[key]) || !(key in obj)) return false; + } + return true; + }, + + deepContains: function (obj, copy) { + if (BI.isObject(copy)) { + return BI.any(obj, function (i, v) { + if (BI.isEqual(v, copy)) { + return true; + } + }) + } + return BI.contains(obj, copy); + }, + + deepIndexOf: function (obj, target) { + for (var i = 0; i < obj.length; i++) { + if (BI.isEqual(target, obj[i])) { + return i; + } + } + return -1; + }, + + deepRemove: function (obj, target) { + var i; + if (BI.isArray(obj)) { + for (i = 0; i < obj.length; i++) { + if (BI.isEqual(target, obj[i])) { + obj.splice(i--, 1); + } + } + } else { + BI.each(obj, function (i, v) { + if (BI.isEqual(target, obj[i])) { + delete obj[i]; + } + }); + } + }, + + deepWithout: function (obj, target) { + if (BI.isArray(obj)) { + var result = []; + for (var i = 0; i < obj.length; i++) { + if (!BI.isEqual(target, obj[i])) { + result.push(obj[i]); + } + } + return result; + } else { + var result = {}; + BI.each(obj, function (i, v) { + if (!BI.isEqual(target, obj[i])) { + result[i] = v; + } + }); + return result; + } + }, + + deepUniq: function () { + + }, + + //比较两个对象得出不一样的key值 + deepDiff: function (object, other) { + object || (object = {}); + other || (other = {}); + var result = []; + var used = []; + for (var b in object) { + if (this.has(object, b)) { + if (!this.isEqual(object[b], other[b])) { + result.push(b); + } + used.push(b); + } + } + for (var b in other) { + if (this.has(other, b) && !used.contains(b)) { + result.push(b); + } + } + return result; + } + }); + + //通用方法 + _.each(["uniqueId", "result", "chain", "iteratee", "escape", "unescape"], function (name) { + BI[name] = function () { + return _[name].apply(_, arguments); + } + }); + + //事件相关方法 + _.each(["bind", "once", "partial", "debounce", "throttle", "delay", "defer", "wrap"], function (name) { + BI[name] = function () { + return _[name].apply(_, arguments); + } + }); + + _.extend(BI, { + nextTick: (function () { + var callbacks = []; + var pending = false; + var timerFunc; + + function nextTickHandler() { + pending = false; + var copies = callbacks.slice(0); + callbacks = []; + for (var i = 0; i < copies.length; i++) { + copies[i].func.apply(null, copies[i].args); + } + } + + /* istanbul ignore if */ + if (typeof MutationObserver !== 'undefined') { + var counter = 1; + var observer = new MutationObserver(nextTickHandler); + var textNode = document.createTextNode(counter); + observer.observe(textNode, { + characterData: true + }); + timerFunc = function () { + counter = (counter + 1) % 2; + textNode.data = counter; + } + } else { + timerFunc = setTimeout + } + return function (cb) { + var args = [].slice.call(arguments, 1); + callbacks.push({func: cb, args: args}); + if (pending) return; + pending = true; + timerFunc(nextTickHandler, 0); + } + })() + }); + + //数字相关方法 + _.each(["random"], function (name) { + BI[name] = _apply(name) + }); + _.extend(BI, { + getTime: function () { + if (window.performance && window.performance.now) { + return window.performance.now(); + } else { + if (window.performance && window.performance.webkitNow) { + return window.performance.webkitNow(); + } else { + if (Date.now) { + return Date.now(); + } else { + return new Date().getTime(); + } + } + } + }, + + parseInt: function (number) { + var radix = 10; + if (/^0x/g.test(number)) { + radix = 16; + } + try { + return parseInt(number, radix); + } catch (e) { + throw new Error("转成int类型失败"); + return NaN; + } + }, + + parseFloat: function (number) { + try { + return parseFloat(number); + } catch (e) { + throw new Error("转成float类型失败"); + return NaN; + } + }, + + isNaturalNumber: function (number) { + if (/^\d+$/.test(number)) { + return true; + } + return false; + }, + + isPositiveInteger: function (number) { + if (/^\+?[1-9][0-9]*$/.test(number)) { + return true; + } + return false; + }, + + isNegativeInteger: function (number) { + if (/^\-[1-9][0-9]*$/.test(number)) { + return true; + } + return false; + }, + + isInteger: function (number) { + if (/^\-?\d+$/.test(number)) { + return true; + } + return false; + }, + + isNumeric: function (number) { + return $.isNumeric(number); + }, + + isFloat: function (number) { + if (/^([+-]?)\\d*\\.\\d+$/.test(number)) { + return true; + } + return false; + }, + + isOdd: function (number) { + if (!BI.isInteger(number)) { + return false; + } + return number & 1 === 1; + }, + + isEven: function (number) { + if (!BI.isInteger(number)) { + return false; + } + return number & 1 === 0; + }, + + sum: function (array, iteratee, context) { + var sum = 0; + BI.each(array, function (i, item) { + if (iteratee) { + sum += new Number(iteratee.apply(context, [i, item])); + } else { + sum += new Number(item); + } + }); + return sum; + }, + + average: function (array, iteratee, context) { + var sum = BI.sum(array, iteratee, context); + return sum / array.length; + } + }); + + //字符串相关方法 + _.extend(BI, { + trim: function () { + return $.trim.apply($, arguments); + }, + + toUpperCase: function (string) { + return (string + "").toLocaleUpperCase(); + }, + + toLowerCase: function (string) { + return (string + "").toLocaleLowerCase(); + }, + + isLiteral: function (exp) { + var literalValueRE = /^\s?(true|false|-?[\d\.]+|'[^']*'|"[^"]*")\s?$/ + return literalValueRE.test(exp) + }, + + stripQuotes: function (str) { + var a = str.charCodeAt(0) + var b = str.charCodeAt(str.length - 1) + return a === b && (a === 0x22 || a === 0x27) + ? str.slice(1, -1) + : str + }, + + //background-color => backgroundColor + camelize: function (str) { + return str.replace(/-(.)/g, function (_, character) { + return character.toUpperCase(); + }); + }, + + //backgroundColor => background-color + hyphenate: function (str) { + return str.replace(/([A-Z])/g, '-$1').toLowerCase(); + }, + + isNotEmptyString: function (str) { + return BI.isString(str) && !BI.isEmpty(str); + }, + + isEmptyString: function (str) { + return BI.isString(str) && BI.isEmpty(str); + }, + + /** + * 对字符串进行加密 {@link #decrypt} + * @static + * @param str 原始字符�? + * @param keyt 密钥 + * @returns {String} 加密后的字符�? + */ + encrypt: function (str, keyt) { + if (str == "") { + return ""; + } + str = escape(str); + if (!keyt || keyt == "") { + keyt = "655"; + } + keyt = escape(keyt); + if (keyt == null || keyt.length <= 0) { + alert("Please enter a password with which to encrypt the message."); + return null; + } + var prand = ""; + for (var i = 0; i < keyt.length; i++) { + prand += keyt.charCodeAt(i).toString(); + } + var sPos = Math.floor(prand.length / 5); + var mult = parseInt(prand.charAt(sPos) + prand.charAt(sPos * 2) + prand.charAt(sPos * 3) + prand.charAt(sPos * 4) + prand.charAt(sPos * 5)); + + var incr = Math.ceil(keyt.length / 2); + var modu = Math.pow(2, 31) - 1; + if (mult < 2) { + alert("Algorithm cannot find a suitable hash. Please choose a different password. \nPossible considerations are to choose a more complex or longer password."); + return null; + } +// var salt = Math.round(Math.random() * 1000000000) % 100000000; + var salt = 101; + prand += salt; + while (prand.length > 10) { + prand = (parseInt(prand.substring(0, 10)) + parseInt(prand.substring(10, prand.length), 10)).toString(); + } + prand = (mult * prand + incr) % modu; + var enc_chr = ""; + var enc_str = ""; + for (var i = 0; i < str.length; i++) { + enc_chr = parseInt(str.charCodeAt(i) ^ Math.floor((prand / modu) * 255)); + if (enc_chr < 16) { + enc_str += "0" + enc_chr.toString(16); + } else { + enc_str += enc_chr.toString(16); + } + prand = (mult * prand + incr) % modu; + } + salt = salt.toString(16); + while (salt.length < 8) { + salt = "0" + salt; + } + enc_str += salt; + return enc_str; + }, + + /** + * 对加密后的字符串解密 {@link #encrypt} + * @static + * @param str 加密过的字符�? + * @param keyt 密钥 + * @returns {String} 解密后的字符�? + */ + decrypt: function (str, keyt) { + if (str == "") { + return ""; + } + if (!keyt || keyt == "") { + keyt = "655"; + } + keyt = escape(keyt); + if (str == null || str.length < 8) { + return; + } + if (keyt == null || keyt.length <= 0) { + return; + } + var prand = ""; + for (var i = 0; i < keyt.length; i++) { + prand += keyt.charCodeAt(i).toString(); + } + var sPos = Math.floor(prand.length / 5); + var tempmult = prand.charAt(sPos) + prand.charAt(sPos * 2) + prand.charAt(sPos * 3) + prand.charAt(sPos * 4); + if (sPos * 5 < prand.length) { + tempmult += prand.charAt(sPos * 5); + } + var mult = parseInt(tempmult); + var incr = Math.round(keyt.length / 2); + var modu = Math.pow(2, 31) - 1; + var salt = parseInt(str.substring(str.length - 8, str.length), 16); + str = str.substring(0, str.length - 8); + prand += salt; + while (prand.length > 10) { + prand = (parseInt(prand.substring(0, 10), 10) + parseInt(prand.substring(10, prand.length), 10)).toString(); + } + prand = (mult * prand + incr) % modu; + var enc_chr = ""; + var enc_str = ""; + for (var i = 0; i < str.length; i += 2) { + enc_chr = parseInt(parseInt(str.substring(i, i + 2), 16) ^ Math.floor((prand / modu) * 255)); + enc_str += String.fromCharCode(enc_chr); + prand = (mult * prand + incr) % modu; + } + return unescape(enc_str); + } + }); + + //浏览器相关方法 + _.extend(BI, { + isIE: function () { + return $.browser.msie; + }, + + isChrome: function () { + return $.browser.chrome; + }, + + isFireFox: function () { + return $.browser.mozilla; + }, + + isOpera: function () { + return $.browser.opera; + }, + + isSafari: function () { + return $.browser.safari; + }, + + isKhtml: function () { + return /Konqueror|Safari|KHTML/i.test(navigator.userAgent); + }, + + isSupportCss3: function (style) { + var prefix = ['webkit', 'Moz', 'ms', 'o'], + i, len, + humpString = [], + htmlStyle = document.documentElement.style, + _toHumb = function (string) { + return string.replace(/-(\w)/g, function ($0, $1) { + return $1.toUpperCase(); + }); + }; + + for (i in prefix) { + humpString.push(_toHumb(prefix[i] + '-' + style)); + } + humpString.push(_toHumb(style)); + + for (i = 0, len = humpString.length; i < len; i++) { + if (humpString[i] in htmlStyle) { + return true; + } + } + return false; + } + }); + //BI请求 + _.extend(BI, { + + /** + * 异步ajax请求 + * @param {String} op op参数 + * @param {String} cmd cmd参数 + * @param {JSON} data ajax请求的参数 + * @param {Function} callback 回调函数 + * @param {Function} complete 回调 + */ + requestAsync: function (op, cmd, data, callback, complete) { + // if (BI.isNull(BI.REQUEST_LOADING)) { + // BI.REQUEST_LOADING = BI.createWidget({ + // type: "bi.request_loading" + // }); + // } + data = data || {}; + if (!BI.isKey(op)) { + op = 'fr_bi_dezi'; + } + if (op === "fr_bi_dezi") { + data.sessionID = Data.SharingPool.get("sessionID"); + } + var url = FR.servletURL + '?op=' + op + '&cmd=' + cmd + "&_=" + Math.random(); + (BI.ajax || FR.ajax)({ + url: url, + type: 'POST', + data: data, + error: function () { + // BI.Msg.toast(BI.i18nText("BI-Ajax_Error")); + //失败 取消、重新加载 + // BI.REQUEST_LOADING.setCallback(function () { + // BI.requestAsync(op, cmd, data, callback, complete); + // }); + // BI.REQUEST_LOADING.showError(); + }, + complete: function (res, status) { + if (BI.isFunction(callback) && status === 'success') { + callback(BI.jsonDecode(res.responseText)); + BI.Maskers.hide(BI.RequstLoading.MASK_ID); + } + if (BI.isFunction(complete)) { + complete(); + } + } + }); + }, + + /** + * 同步ajax请求 + * @param {String} op op参数 + * @param {String} cmd cmd参数 + * @param {JSON} data ajax请求的参�? + * @returns {Object} ajax同步请求返回的JSON对象 + */ + requestSync: function (op, cmd, data) { + data = data || {}; + if (!BI.isKey(op)) { + op = 'fr_bi_dezi'; + } + if (op === "fr_bi_dezi") { + data.sessionID = Data.SharingPool.get("sessionID"); + } + var url = FR.servletURL + '?op=' + op + '&cmd=' + cmd + "&_=" + Math.random(); + var result = {}; + (BI.ajax || FR.ajax)({ + url: url, + type: 'POST', + async: false, + data: data, + error: function () { + BI.Msg.toast(BI.i18nText("BI-Ajax_Error")); + }, + complete: function (res, status) { + if (status === 'success') { + result = BI.jsonDecode(res.responseText); + } + } + }); + return result; + }, + + /** + * 请求方法 + * @param cmd 命令 + * @param data 数据 + * @param extend 参数 + * @returns {*} + */ + request: function (cmd, data, extend) { + extend = extend || {}; + data = data || {}; + var op = extend.op; + if (!BI.isKey(op)) { + op = 'fr_bi_dezi'; + } + if (op === "fr_bi_dezi") { + data.sessionID = Data.SharingPool.get("sessionID"); + } + if (extend.async === true) { + BI.requestAsync(op, cmd, data, extend.complete || extend.success); + } else { + return BI.requestSync(op, cmd, data); + } + } + }); +})(jQuery);/** + * 客户端观察者,主要处理事件的添加、删除、执行等 + * @class BI.OB + * @abstract + */ +BI.OB = function (config) { + var props = this.props; + if (BI.isFunction(this.props)) { + props = this.props(config); + } + this.options = $.extend(this._defaultConfig(config), props, config); + this._init(); + this._initRef(); +}; +$.extend(BI.OB.prototype, { + props: {}, + init: function () { + }, + + _defaultConfig: function (config) { + return {}; + }, + + _init: function () { + this._initListeners(); + this.init(); + }, + + _initListeners: function () { + var self = this; + if (this.options.listeners != null) { + $.each(this.options.listeners, function (i, lis) { + (lis.target ? lis.target : self)[lis.once ? 'once' : 'on'] + (lis.eventName, _.bind(lis.action, self)) + }); + delete this.options.listeners; + } + }, + + //获得一个当前对象的引用 + _initRef: function () { + if (this.options.ref) { + this.options.ref.call(this, this); + } + }, + + _getEvents: function () { + if (!$.isArray(this.events)) { + this.events = [] + } + return this.events; + }, + + /** + * 给观察者绑定一个事件 + * @param {String} eventName 事件的名字 + * @param {Function} fn 事件对应的执行函数 + */ + on: function (eventName, fn) { + eventName = eventName.toLowerCase(); + var fns = this._getEvents()[eventName]; + if (!$.isArray(fns)) { + fns = []; + this._getEvents()[eventName] = fns; + } + fns.push(fn); + }, + + /** + * 给观察者绑定一个只执行一次的事件 + * @param {String} eventName 事件的名字 + * @param {Function} fn 事件对应的执行函数 + */ + once: function (eventName, fn) { + var proxy = function () { + fn.apply(this, arguments); + this.un(eventName, proxy); + }; + this.on(eventName, proxy); + }, + /** + * 解除观察者绑定的指定事件 + * @param {String} eventName 要解除绑定事件的名字 + * @param {Function} fn 事件对应的执行函数,该参数是可选的,没有该参数时,将解除绑定所有同名字的事件 + */ + un: function (eventName, fn) { + eventName = eventName.toLowerCase(); + + /*alex:如果fn是null,就是把eventName上面所有方法都un掉*/ + if (fn == null) { + delete this._getEvents()[eventName]; + } else { + var fns = this._getEvents()[eventName]; + if ($.isArray(fns)) { + var newFns = []; + $.each(fns, function (idx, ifn) { + if (ifn != fn) { + newFns.push(ifn); + } + }) + this._getEvents()[eventName] = newFns; + } + } + }, + /** + * 清除观察者的所有事件绑定 + */ + purgeListeners: function () { + /*alex:清空events*/ + this.events = []; + }, + /** + * 触发绑定过的事件 + * + * @param {String} eventName 要触发的事件的名字 + * @returns {Boolean} 如果事件函数返回false,则返回false并中断其他同名事件的执行,否则执行所有的同名事件并返回true + */ + fireEvent: function () { + var eventName = arguments[0].toLowerCase(); + var fns = this._getEvents()[eventName]; + if (BI.isArray(fns)) { + if (BI.isArguments(arguments[1])) { + for (var i = 0; i < fns.length; i++) { + if (fns[i].apply(this, arguments[1]) === false) { + return false; + } + } + } else { + var args = Array.prototype.slice.call(arguments, 1); + for (var i = 0; i < fns.length; i++) { + if (fns[i].apply(this, args) === false) { + return false; + } + } + } + } + return true; + } +});/** + * Widget超类 + * @class BI.Widget + * @extends BI.OB + * + * @cfg {JSON} options 配置属性 + */ +BI.Widget = BI.inherit(BI.OB, { + _defaultConfig: function () { + return BI.extend(BI.Widget.superclass._defaultConfig.apply(this), { + tagName: "div", + attributes: null, + data: null, + + tag: null, + disabled: false, + invisible: false, + invalid: false, + baseCls: "", + extraCls: "", + cls: "" + }) + }, + + //生命周期函数 + beforeCreate: function () { + + }, + + created: function () { + + }, + + render: function () { + + }, + + beforeMounted: function () { + + }, + + mounted: function () { + + }, + + destroyed: function () { + }, + + _init: function () { + BI.Widget.superclass._init.apply(this, arguments); + this.beforeCreate(); + this._initRoot(); + this._initElementWidth(); + this._initElementHeight(); + this._initVisualEffects(); + this._initState(); + this._initElement(); + this.created(); + }, + + /** + * 初始化根节点 + * @private + */ + _initRoot: function () { + var o = this.options; + this.widgetName = o.widgetName || BI.uniqueId("widget"); + if (BI.isWidget(o.element)) { + this._parent = o.element; + this._parent.addWidget(this.widgetName, this); + this.element = this.options.element.element; + } else if (o.element) { + this.element = $(o.element); + this._isRoot = true; + } else { + this.element = $(document.createElement(o.tagName)); + } + if (o.baseCls || o.extraCls || o.cls) { + this.element.addClass((o.baseCls || "") + " " + (o.extraCls || "") + " " + (o.cls || "")); + } + if (o.attributes) { + this.element.attr(o.attributes); + } + if (o.data) { + this.element.data(o.data); + } + this._children = {}; + }, + + _initElementWidth: function () { + var o = this.options; + if (BI.isWidthOrHeight(o.width)) { + this.element.css("width", o.width); + } + }, + + _initElementHeight: function () { + var o = this.options; + if (BI.isWidthOrHeight(o.height)) { + this.element.css("height", o.height); + } + }, + + _initVisualEffects: function () { + var o = this.options; + if (o.invisible) { + this.element.hide(); + } + if (o.disabled) { + this.element.addClass("base-disabled disabled"); + } + if (o.invalid) { + this.element.addClass("base-invalid invalid"); + } + }, + + _initState: function () { + this._isMounted = false; + }, + + _initElement: function () { + var self = this; + var els = this.render(); + if (BI.isPlainObject(els)) { + els = [els]; + } + if (BI.isArray(els)) { + BI.each(els, function (i, el) { + BI.createWidget(el, { + element: self + }) + }) + } + if (this._isRoot === true) { + this._mount(); + } + }, + + _setParent: function (parent) { + this._parent = parent; + }, + + _mount: function () { + var self = this; + var isMounted = this._isMounted; + if (isMounted) { + return; + } + if (this._isRoot === true) { + isMounted = true; + } else if (this._parent && this._parent._isMounted === true) { + isMounted = true; + } + if (!isMounted) { + return; + } + this.beforeMounted(); + this._isMounted = true; + this._mountChildren(); + BI.each(this._children, function (i, widget) { + widget._mount(); + }); + this.mounted(); + }, + + _mountChildren: function () { + var self = this; + var frag = document.createDocumentFragment(); + var hasChild = false; + BI.each(this._children, function (i, widget) { + if (widget.element !== self.element) { + frag.appendChild(widget.element[0]); + hasChild = true; + } + }); + if (hasChild === true) { + this.element.append(frag); + } + }, + + _unMount: function () { + BI.each(this._children, function (i, widget) { + widget._unMount(); + }); + this._children = {}; + this._parent = null; + this._isMounted = false; + this.destroyed(); + }, + + setWidth: function (w) { + this.options.width = w; + this._initElementWidth(); + }, + + setHeight: function (h) { + this.options.height = h; + this._initElementHeight(); + }, + + setEnable: function (enable) { + if (enable === true) { + this.options.disabled = false; + this.element.removeClass("base-disabled disabled"); + } else if (enable === false) { + this.options.disabled = true; + this.element.addClass("base-disabled disabled"); + } + }, + + setVisible: function (visible) { + if (visible === true) { + this.options.invisible = false; + this.element.show(); + } else if (visible === false) { + this.options.invisible = true; + this.element.hide(); + } + }, + + setValid: function (valid) { + this.options.invalid = !valid; + if (valid === true) { + this.element.removeClass("base-invalid invalid"); + } else if (valid === false) { + this.element.addClass("base-invalid invalid"); + } + }, + + getWidth: function () { + return this.options.width; + }, + + getHeight: function () { + return this.options.height; + }, + + isValid: function () { + return !this.options.invalid; + }, + + addWidget: function (name, widget) { + var self = this; + if (name instanceof BI.Widget) { + widget = name; + name = widget.getName(); + } + name = name || widget.getName() || BI.uniqueId("widget"); + if (this._children[name]) { + throw new Error("name has already been existed"); + } + widget._setParent(this); + widget.on(BI.Events.DESTROY, function () { + delete self._children[name] + }); + return (this._children[name] = widget); + }, + + getWidgetByName: function (name) { + if (!BI.isKey(name) || name == this.getName()) { + return this; + } + name = name + ""; + var widget = void 0, other = {}; + BI.any(this._children, function (i, wi) { + if (i === name) { + widget = wi; + return true; + } + other[i] = wi; + }); + if (!widget) { + BI.any(other, function (i, wi) { + return (widget = wi.getWidgetByName(i)); + }); + } + return widget; + }, + + removeWidget: function (name) { + delete this._children[name]; + }, + + hasWidget: function (name) { + return this._children[name] != null; + }, + + getName: function () { + return this.widgetName; + }, + + setTag: function (tag) { + this.options.tag = tag; + }, + + getTag: function () { + return this.options.tag; + }, + + attr: function (key, value) { + if (BI.isNotNull(value)) { + return this.options[key] = value; + } + return this.options[key]; + }, + + getText: function () { + + }, + + setText: function (text) { + + }, + + getValue: function () { + + }, + + setValue: function (value) { + + }, + + isEnabled: function () { + return !this.options.disabled; + }, + + isVisible: function () { + return !this.options.invisible; + }, + + disable: function () { + this.setEnable(false); + }, + + enable: function () { + this.setEnable(true); + }, + + valid: function () { + this.setValid(true); + }, + + invalid: function () { + this.setValid(false); + }, + + invisible: function () { + this.setVisible(false); + }, + + visible: function () { + this.setVisible(true); + }, + + empty: function () { + BI.each(this._children, function (i, widget) { + widget._unMount(); + }); + this._children = {}; + this.element.empty(); + }, + + destroy: function () { + this._unMount(); + this.element.destroy(); + this.fireEvent(BI.Events.DESTROY); + } +});BI.Model = BI.inherit(BI.M, { + _defaultConfig: function () { + return { + "default": "just a default", + "current": void 0 + } + }, + + _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 = []; + }, + + 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) { + this.set(this._map(child)); + 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); + }).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); + 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, BI.values(arguments).slice(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 FR.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 + })); + } +});/** + * @class BI.View + * @extends BI.V + * @type {*|void|Object} + */ +BI.View = BI.inherit(BI.V, { + + _init: function () { + BI.View.superclass._init.apply(this, arguments); + 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); + } + }) + }, + + 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.element; + }, + + _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); + this._cardLayouts[key].setElement(vessel) && this._cardLayouts[key].resize(); + 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) { + return BI.Factory.createView(url, this.get(url), modelData, viewData); + }, + + /** + * 跳转到指定的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); + 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.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(); + }, + + read: function (options) { + this.model.read(options) + }, + + update: function (options) { + this.model.update(options); + }, + + patch: function (options) { + this.model.patch(options); + }, + + reading: function (options) { + var self = this; + var name = BI.UUID(); + this.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.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.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) { + + }, + + destroy: function () { + BI.each(this._cardLayouts, function (name, card) { + card && card.destroy(); + }); + delete this._cardLayouts; + delete this._cards; + this.remove(); + this.destroyed(); + }, + + destroyed: function () { + + } +});(function ($) { + + var kv = {}; // alex:键(编辑器简称,如text)值(也是一个字符串,如FR.TextEditor)对 + $.shortcut = BI.shortcut = function (xtype, cls) { + if (kv[xtype] != null) { + throw ("shortcut:[" + xtype + "] has been registed"); + } + kv[xtype] = cls; + $.extend(cls.prototype, { + xtype: xtype + }) + }; + + // 根据配置属性生成widget + var createWidget = function (config) { + // alex:如果是一个jquery对象,就在外面套一层,变成一个FR.Widget + if (config instanceof $) { + return new BI.Widget({ + element: config + }); + } + if (config['classType']) { + return new (new Function('return ' + config['classType'] + ';')())(config); + } + + if (!config.type) { + + } + var xtype = config.type.toLowerCase(); + var cls = kv[xtype]; + return new cls(config); + }; + + BI.createWidget = function (item, options) { + var el; + options || (options = {}); + if (BI.isEmpty(item) && BI.isEmpty(options)) { + return BI.createWidget({ + type: "bi.layout" + }); + } + if (BI.isWidget(item)) { + return item; + } + if (item && (item.type || options.type)) { + el = BI.extend({}, options, item); + return BI.Plugin.getObject(el.type, createWidget(BI.Plugin.getWidget(el.type, el))); + } + if (item && item.el && (item.el.type || options.type)) { + el = BI.extend({}, options, item.el); + return BI.Plugin.getObject(el.type, createWidget(BI.Plugin.getWidget(el.type, el))); + } + if (item && BI.isWidget(item.el)) { + return item.el; + } + throw new Error('无法根据item创建组件'); + } + +})(jQuery);(function (window, undefined) { + function aspect(type) { + return function (target, methodName, advice) { + var exist = target[methodName], + dispatcher; + + if (!exist || exist.target != target) { + dispatcher = target[methodName] = function () { + // before methods + var beforeArr = dispatcher.before; + var args = arguments, next; + for (var l = beforeArr.length; l--;) { + next = beforeArr[l].advice.apply(this, args); + if (next === false) { + return false; + } + args = next || args; + } + // target method + var rs = dispatcher.method.apply(this, args); + // after methods + var afterArr = dispatcher.after; + for (var i = 0, ii = afterArr.length; i < ii; i++) { + next = afterArr[i].advice.call(this, rs, args); + if (rs === false) { + return false; + } + args = next || args; + } + return rs; + }; + + dispatcher.before = []; + dispatcher.after = []; + + if (exist) { + dispatcher.method = exist; + } + dispatcher.target = target; + } + + var aspectArr = (dispatcher || exist)[type]; + var obj = { + advice: advice, + _index: aspectArr.length, + remove: function () { + aspectArr.splice(this._index, 1); + } + }; + aspectArr.push(obj); + + return obj; + }; + } + + BI.aspect = { + before: aspect("before"), + after: aspect("after") + }; + + return BI.aspect; + +})(window);; +!(function () { + + var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; + + + // private method for UTF-8 encoding + var _utf8_encode = function (string) { + string = string.replace(/\r\n/g, "\n"); + var utftext = ""; + + for (var n = 0; n < string.length; n++) { + + var c = string.charCodeAt(n); + + if (c < 128) { + utftext += String.fromCharCode(c); + } else if ((c > 127) && (c < 2048)) { + utftext += String.fromCharCode((c >> 6) | 192); + utftext += String.fromCharCode((c & 63) | 128); + } else { + utftext += String.fromCharCode((c >> 12) | 224); + utftext += String.fromCharCode(((c >> 6) & 63) | 128); + utftext += String.fromCharCode((c & 63) | 128); + } + + } + + return utftext; + }; + + // private method for UTF-8 decoding + var _utf8_decode = function (utftext) { + var string = ""; + var i = 0; + var c = 0, c3 = 0, c2 = 0; + + while (i < utftext.length) { + + c = utftext.charCodeAt(i); + + if (c < 128) { + string += String.fromCharCode(c); + i++; + } else if ((c > 191) && (c < 224)) { + c2 = utftext.charCodeAt(i + 1); + string += String.fromCharCode(((c & 31) << 6) | (c2 & 63)); + i += 2; + } else { + c2 = utftext.charCodeAt(i + 1); + c3 = utftext.charCodeAt(i + 2); + string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); + i += 3; + } + + } + return string; + }; + + _.extend(BI, { + + encode: function (input) { + var output = ""; + var chr1, chr2, chr3, enc1, enc2, enc3, enc4; + var i = 0; + + input = _utf8_encode(input); + + while (i < input.length) { + + chr1 = input.charCodeAt(i++); + chr2 = input.charCodeAt(i++); + chr3 = input.charCodeAt(i++); + + enc1 = chr1 >> 2; + enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); + enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); + enc4 = chr3 & 63; + + if (isNaN(chr2)) { + enc3 = enc4 = 64; + } else if (isNaN(chr3)) { + enc4 = 64; + } + + output = output + _keyStr.charAt(enc1) + _keyStr.charAt(enc2) + _keyStr.charAt(enc3) + _keyStr.charAt(enc4); + + } + + return output; + }, + + // public method for decoding + decode: function (input) { + var output = ""; + var chr1, chr2, chr3; + var enc1, enc2, enc3, enc4; + var i = 0; + + input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); + + while (i < input.length) { + + enc1 = _keyStr.indexOf(input.charAt(i++)); + enc2 = _keyStr.indexOf(input.charAt(i++)); + enc3 = _keyStr.indexOf(input.charAt(i++)); + enc4 = _keyStr.indexOf(input.charAt(i++)); + + chr1 = (enc1 << 2) | (enc2 >> 4); + chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); + chr3 = ((enc3 & 3) << 6) | enc4; + + output = output + String.fromCharCode(chr1); + + if (enc3 != 64) { + output = output + String.fromCharCode(chr2); + } + if (enc4 != 64) { + output = output + String.fromCharCode(chr3); + } + + } + + output = _utf8_decode(output); + + return output; + + } + }) +})();BI.CellSizeAndPositionManager = function (cellCount, cellSizeGetter, estimatedCellSize) { + this._cellSizeGetter = cellSizeGetter; + this._cellCount = cellCount; + this._estimatedCellSize = estimatedCellSize; + this._cellSizeAndPositionData = {}; + this._lastMeasuredIndex = -1; +}; + +BI.CellSizeAndPositionManager.prototype = { + constructor: BI.CellSizeAndPositionManager, + configure: function (cellCount, estimatedCellSize) { + this._cellCount = cellCount; + this._estimatedCellSize = estimatedCellSize; + }, + + getCellCount: function () { + return this._cellCount; + }, + + getEstimatedCellSize: function () { + return this._estimatedCellSize; + }, + + getLastMeasuredIndex: function () { + return this._lastMeasuredIndex; + }, + + getSizeAndPositionOfCell: function (index) { + if (index < 0 || index >= this._cellCount) { + return; + } + if (index > this._lastMeasuredIndex) { + var lastMeasuredCellSizeAndPosition = this.getSizeAndPositionOfLastMeasuredCell(); + var offset = lastMeasuredCellSizeAndPosition.offset + lastMeasuredCellSizeAndPosition.size; + + for (var i = this._lastMeasuredIndex + 1; i <= index; i++) { + var size = this._cellSizeGetter(i); + + if (size == null || isNaN(size)) { + continue; + } + + this._cellSizeAndPositionData[i] = { + offset: offset, + size: size + }; + + offset += size; + } + + this._lastMeasuredIndex = index; + } + return this._cellSizeAndPositionData[index]; + }, + + getSizeAndPositionOfLastMeasuredCell: function () { + return this._lastMeasuredIndex >= 0 + ? this._cellSizeAndPositionData[this._lastMeasuredIndex] + : { + offset: 0, + size: 0 + } + }, + + getTotalSize: function () { + var lastMeasuredCellSizeAndPosition = this.getSizeAndPositionOfLastMeasuredCell(); + return lastMeasuredCellSizeAndPosition.offset + lastMeasuredCellSizeAndPosition.size + (this._cellCount - this._lastMeasuredIndex - 1) * this._estimatedCellSize + }, + + getUpdatedOffsetForIndex: function (align, containerSize, currentOffset, targetIndex) { + var datum = this.getSizeAndPositionOfCell(targetIndex); + var maxOffset = datum.offset; + var minOffset = maxOffset - containerSize + datum.size; + + var idealOffset; + + switch (align) { + case 'start': + idealOffset = maxOffset; + break; + case 'end': + idealOffset = minOffset; + break; + case 'center': + idealOffset = maxOffset - ((containerSize - datum.size) / 2); + break; + default: + idealOffset = Math.max(minOffset, Math.min(maxOffset, currentOffset)); + break; + } + + var totalSize = this.getTotalSize(); + + return Math.max(0, Math.min(totalSize - containerSize, idealOffset)); + }, + + getVisibleCellRange: function (containerSize, offset) { + var totalSize = this.getTotalSize(); + + if (totalSize === 0) { + return {} + } + + var maxOffset = offset + containerSize; + var start = this._findNearestCell(offset); + + var datum = this.getSizeAndPositionOfCell(start); + offset = datum.offset + datum.size; + + var stop = start; + + while (offset < maxOffset && stop < this._cellCount - 1) { + stop++; + offset += this.getSizeAndPositionOfCell(stop).size; + } + + return { + start: start, + stop: stop + } + }, + + resetCell: function (index) { + this._lastMeasuredIndex = Math.min(this._lastMeasuredIndex, index - 1) + }, + + _binarySearch: function (high, low, offset) { + var middle; + var currentOffset; + + while (low <= high) { + middle = low + Math.floor((high - low) / 2); + currentOffset = this.getSizeAndPositionOfCell(middle).offset; + + if (currentOffset === offset) { + return middle; + } else if (currentOffset < offset) { + low = middle + 1; + } else if (currentOffset > offset) { + high = middle - 1; + } + } + + if (low > 0) { + return low - 1; + } + }, + + _exponentialSearch: function (index, offset) { + var interval = 1; + + while (index < this._cellCount && this.getSizeAndPositionOfCell(index).offset < offset) { + index += interval; + interval *= 2; + } + + return this._binarySearch(Math.min(index, this._cellCount - 1), Math.floor(index / 2), offset); + }, + + _findNearestCell: function (offset) { + if (isNaN(offset)) { + return; + } + + offset = Math.max(0, offset); + + var lastMeasuredCellSizeAndPosition = this.getSizeAndPositionOfLastMeasuredCell(); + var lastMeasuredIndex = Math.max(0, this._lastMeasuredIndex); + + if (lastMeasuredCellSizeAndPosition.offset >= offset) { + return this._binarySearch(lastMeasuredIndex, 0, offset); + } else { + return this._exponentialSearch(lastMeasuredIndex, offset); + } + } +}; + +BI.ScalingCellSizeAndPositionManager = function (cellCount, cellSizeGetter, estimatedCellSize, maxScrollSize) { + this._cellSizeAndPositionManager = new BI.CellSizeAndPositionManager(cellCount, cellSizeGetter, estimatedCellSize); + this._maxScrollSize = maxScrollSize || 10000000 +}; + +BI.ScalingCellSizeAndPositionManager.prototype = { + constructor: BI.ScalingCellSizeAndPositionManager, + + configure: function () { + this._cellSizeAndPositionManager.configure.apply(this._cellSizeAndPositionManager, arguments); + }, + + getCellCount: function () { + return this._cellSizeAndPositionManager.getCellCount() + }, + + getEstimatedCellSize: function () { + return this._cellSizeAndPositionManager.getEstimatedCellSize() + }, + + getLastMeasuredIndex: function () { + return this._cellSizeAndPositionManager.getLastMeasuredIndex() + }, + + getOffsetAdjustment: function (containerSize, offset) { + var totalSize = this._cellSizeAndPositionManager.getTotalSize(); + var safeTotalSize = this.getTotalSize(); + var offsetPercentage = this._getOffsetPercentage(containerSize, offset, safeTotalSize); + + return Math.round(offsetPercentage * (safeTotalSize - totalSize)); + }, + + getSizeAndPositionOfCell: function (index) { + return this._cellSizeAndPositionManager.getSizeAndPositionOfCell(index); + }, + + getSizeAndPositionOfLastMeasuredCell: function () { + return this._cellSizeAndPositionManager.getSizeAndPositionOfLastMeasuredCell(); + }, + + getTotalSize: function () { + return Math.min(this._maxScrollSize, this._cellSizeAndPositionManager.getTotalSize()); + }, + + getUpdatedOffsetForIndex: function (align, containerSize, currentOffset, targetIndex) { + currentOffset = this._safeOffsetToOffset(containerSize, currentOffset); + + var offset = this._cellSizeAndPositionManager.getUpdatedOffsetForIndex(align, containerSize, currentOffset, targetIndex); + + return this._offsetToSafeOffset(containerSize, offset); + }, + + getVisibleCellRange: function (containerSize, offset) { + offset = this._safeOffsetToOffset(containerSize, offset); + + return this._cellSizeAndPositionManager.getVisibleCellRange(containerSize, offset); + }, + + resetCell: function (index) { + this._cellSizeAndPositionManager.resetCell(index) + }, + + _getOffsetPercentage: function (containerSize, offset, totalSize) { + return totalSize <= containerSize + ? 0 + : offset / (totalSize - containerSize) + }, + + _offsetToSafeOffset: function (containerSize, offset) { + var totalSize = this._cellSizeAndPositionManager.getTotalSize(); + var safeTotalSize = this.getTotalSize(); + + if (totalSize === safeTotalSize) { + return offset; + } else { + var offsetPercentage = this._getOffsetPercentage(containerSize, offset, totalSize); + + return Math.round(offsetPercentage * (safeTotalSize - containerSize)); + } + }, + + _safeOffsetToOffset: function (containerSize, offset) { + var totalSize = this._cellSizeAndPositionManager.getTotalSize(); + var safeTotalSize = this.getTotalSize(); + + if (totalSize === safeTotalSize) { + return offset; + } else { + var offsetPercentage = this._getOffsetPercentage(containerSize, offset, safeTotalSize); + + return Math.round(offsetPercentage * (totalSize - containerSize)); + } + } +};/** + * 汉字拼音索引 + */ +; +!(function () { + var _ChineseFirstPY = "YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJTMYHZWZHFLZPPQHGSCYYYNJQYXXGJHHSDSJNKKTMOMLCRXYPSNQSECCQZGGLLYJLMYZZSECYKYYHQWJSSGGYXYZYJWWKDJHYCHMYXJTLXJYQBYXZLDWRDJRWYSRLDZJPCBZJJBR" + + "CFTLECZSTZFXXZHTRQHYBDLYCZSSYMMRFMYQZPWWJJYFCRWFDFZQPYDDWYXKYJAWJFFXYPSFTZYHHYZYSWCJYXSCLCXXWZZXNBGNNXBXLZSZSBSGPYSYZDHMDZBQBZCWDZZYYTZHBTSYYBZGNTNXQYWQSKBPHHLXGYBFMJEBJHHGQTJCYSXSTKZHLYCKGLYSMZXYALMELDCCXGZ" + + "YRJXSDLTYZCQKCNNJWHJTZZCQLJSTSTBNXBTYXCEQXGKWJYFLZQLYHYXSPSFXLMPBYSXXXYDJCZYLLLSJXFHJXPJBTFFYABYXBHZZBJYZLWLCZGGBTSSMDTJZXPTHYQTGLJSCQFZKJZJQNLZWLSLHDZBWJNCJZYZSQQYCQYRZCJJWYBRTWPYFTWEXCSKDZCTBZHYZZYYJXZCFFZ" + + "ZMJYXXSDZZOTTBZLQWFCKSZSXFYRLNYJMBDTHJXSQQCCSBXYYTSYFBXDZTGBCNSLCYZZPSAZYZZSCJCSHZQYDXLBPJLLMQXTYDZXSQJTZPXLCGLQTZWJBHCTSYJSFXYEJJTLBGXSXJMYJQQPFZASYJNTYDJXKJCDJSZCBARTDCLYJQMWNQNCLLLKBYBZZSYHQQLTWLCCXTXLLZN" + + "TYLNEWYZYXCZXXGRKRMTCNDNJTSYYSSDQDGHSDBJGHRWRQLYBGLXHLGTGXBQJDZPYJSJYJCTMRNYMGRZJCZGJMZMGXMPRYXKJNYMSGMZJYMKMFXMLDTGFBHCJHKYLPFMDXLQJJSMTQGZSJLQDLDGJYCALCMZCSDJLLNXDJFFFFJCZFMZFFPFKHKGDPSXKTACJDHHZDDCRRCFQYJ" + + "KQCCWJDXHWJLYLLZGCFCQDSMLZPBJJPLSBCJGGDCKKDEZSQCCKJGCGKDJTJDLZYCXKLQSCGJCLTFPCQCZGWPJDQYZJJBYJHSJDZWGFSJGZKQCCZLLPSPKJGQJHZZLJPLGJGJJTHJJYJZCZMLZLYQBGJWMLJKXZDZNJQSYZMLJLLJKYWXMKJLHSKJGBMCLYYMKXJQLBMLLKMDXXK" + + "WYXYSLMLPSJQQJQXYXFJTJDXMXXLLCXQBSYJBGWYMBGGBCYXPJYGPEPFGDJGBHBNSQJYZJKJKHXQFGQZKFHYGKHDKLLSDJQXPQYKYBNQSXQNSZSWHBSXWHXWBZZXDMNSJBSBKBBZKLYLXGWXDRWYQZMYWSJQLCJXXJXKJEQXSCYETLZHLYYYSDZPAQYZCMTLSHTZCFYZYXYLJSD" + + "CJQAGYSLCQLYYYSHMRQQKLDXZSCSSSYDYCJYSFSJBFRSSZQSBXXPXJYSDRCKGJLGDKZJZBDKTCSYQPYHSTCLDJDHMXMCGXYZHJDDTMHLTXZXYLYMOHYJCLTYFBQQXPFBDFHHTKSQHZYYWCNXXCRWHOWGYJLEGWDQCWGFJYCSNTMYTOLBYGWQWESJPWNMLRYDZSZTXYQPZGCWXHN" + + "GPYXSHMYQJXZTDPPBFYHZHTJYFDZWKGKZBLDNTSXHQEEGZZYLZMMZYJZGXZXKHKSTXNXXWYLYAPSTHXDWHZYMPXAGKYDXBHNHXKDPJNMYHYLPMGOCSLNZHKXXLPZZLBMLSFBHHGYGYYGGBHSCYAQTYWLXTZQCEZYDQDQMMHTKLLSZHLSJZWFYHQSWSCWLQAZYNYTLSXTHAZNKZZ" + + "SZZLAXXZWWCTGQQTDDYZTCCHYQZFLXPSLZYGPZSZNGLNDQTBDLXGTCTAJDKYWNSYZLJHHZZCWNYYZYWMHYCHHYXHJKZWSXHZYXLYSKQYSPSLYZWMYPPKBYGLKZHTYXAXQSYSHXASMCHKDSCRSWJPWXSGZJLWWSCHSJHSQNHCSEGNDAQTBAALZZMSSTDQJCJKTSCJAXPLGGXHHGX" + + "XZCXPDMMHLDGTYBYSJMXHMRCPXXJZCKZXSHMLQXXTTHXWZFKHCCZDYTCJYXQHLXDHYPJQXYLSYYDZOZJNYXQEZYSQYAYXWYPDGXDDXSPPYZNDLTWRHXYDXZZJHTCXMCZLHPYYYYMHZLLHNXMYLLLMDCPPXHMXDKYCYRDLTXJCHHZZXZLCCLYLNZSHZJZZLNNRLWHYQSNJHXYNTT" + + "TKYJPYCHHYEGKCTTWLGQRLGGTGTYGYHPYHYLQYQGCWYQKPYYYTTTTLHYHLLTYTTSPLKYZXGZWGPYDSSZZDQXSKCQNMJJZZBXYQMJRTFFBTKHZKBXLJJKDXJTLBWFZPPTKQTZTGPDGNTPJYFALQMKGXBDCLZFHZCLLLLADPMXDJHLCCLGYHDZFGYDDGCYYFGYDXKSSEBDHYKDKDK" + + "HNAXXYBPBYYHXZQGAFFQYJXDMLJCSQZLLPCHBSXGJYNDYBYQSPZWJLZKSDDTACTBXZDYZYPJZQSJNKKTKNJDJGYYPGTLFYQKASDNTCYHBLWDZHBBYDWJRYGKZYHEYYFJMSDTYFZJJHGCXPLXHLDWXXJKYTCYKSSSMTWCTTQZLPBSZDZWZXGZAGYKTYWXLHLSPBCLLOQMMZSSLCM" + + "BJCSZZKYDCZJGQQDSMCYTZQQLWZQZXSSFPTTFQMDDZDSHDTDWFHTDYZJYQJQKYPBDJYYXTLJHDRQXXXHAYDHRJLKLYTWHLLRLLRCXYLBWSRSZZSYMKZZHHKYHXKSMDSYDYCJPBZBSQLFCXXXNXKXWYWSDZYQOGGQMMYHCDZTTFJYYBGSTTTYBYKJDHKYXBELHTYPJQNFXFDYKZH" + + "QKZBYJTZBXHFDXKDASWTAWAJLDYJSFHBLDNNTNQJTJNCHXFJSRFWHZFMDRYJYJWZPDJKZYJYMPCYZNYNXFBYTFYFWYGDBNZZZDNYTXZEMMQBSQEHXFZMBMFLZZSRXYMJGSXWZJSPRYDJSJGXHJJGLJJYNZZJXHGXKYMLPYYYCXYTWQZSWHWLYRJLPXSLSXMFSWWKLCTNXNYNPSJ" + + "SZHDZEPTXMYYWXYYSYWLXJQZQXZDCLEEELMCPJPCLWBXSQHFWWTFFJTNQJHJQDXHWLBYZNFJLALKYYJLDXHHYCSTYYWNRJYXYWTRMDRQHWQCMFJDYZMHMYYXJWMYZQZXTLMRSPWWCHAQBXYGZYPXYYRRCLMPYMGKSJSZYSRMYJSNXTPLNBAPPYPYLXYYZKYNLDZYJZCZNNLMZHH" + + "ARQMPGWQTZMXXMLLHGDZXYHXKYXYCJMFFYYHJFSBSSQLXXNDYCANNMTCJCYPRRNYTYQNYYMBMSXNDLYLYSLJRLXYSXQMLLYZLZJJJKYZZCSFBZXXMSTBJGNXYZHLXNMCWSCYZYFZLXBRNNNYLBNRTGZQYSATSWRYHYJZMZDHZGZDWYBSSCSKXSYHYTXXGCQGXZZSHYXJSCRHMKK" + + "BXCZJYJYMKQHZJFNBHMQHYSNJNZYBKNQMCLGQHWLZNZSWXKHLJHYYBQLBFCDSXDLDSPFZPSKJYZWZXZDDXJSMMEGJSCSSMGCLXXKYYYLNYPWWWGYDKZJGGGZGGSYCKNJWNJPCXBJJTQTJWDSSPJXZXNZXUMELPXFSXTLLXCLJXJJLJZXCTPSWXLYDHLYQRWHSYCSQYYBYAYWJJJ" + + "QFWQCQQCJQGXALDBZZYJGKGXPLTZYFXJLTPADKYQHPMATLCPDCKBMTXYBHKLENXDLEEGQDYMSAWHZMLJTWYGXLYQZLJEEYYBQQFFNLYXRDSCTGJGXYYNKLLYQKCCTLHJLQMKKZGCYYGLLLJDZGYDHZWXPYSJBZKDZGYZZHYWYFQYTYZSZYEZZLYMHJJHTSMQWYZLKYYWZCSRKQY" + + "TLTDXWCTYJKLWSQZWBDCQYNCJSRSZJLKCDCDTLZZZACQQZZDDXYPLXZBQJYLZLLLQDDZQJYJYJZYXNYYYNYJXKXDAZWYRDLJYYYRJLXLLDYXJCYWYWNQCCLDDNYYYNYCKCZHXXCCLGZQJGKWPPCQQJYSBZZXYJSQPXJPZBSBDSFNSFPZXHDWZTDWPPTFLZZBZDMYYPQJRSDZSQZ" + + "SQXBDGCPZSWDWCSQZGMDHZXMWWFYBPDGPHTMJTHZSMMBGZMBZJCFZWFZBBZMQCFMBDMCJXLGPNJBBXGYHYYJGPTZGZMQBQTCGYXJXLWZKYDPDYMGCFTPFXYZTZXDZXTGKMTYBBCLBJASKYTSSQYYMSZXFJEWLXLLSZBQJJJAKLYLXLYCCTSXMCWFKKKBSXLLLLJYXTYLTJYYTDP" + + "JHNHNNKBYQNFQYYZBYYESSESSGDYHFHWTCJBSDZZTFDMXHCNJZYMQWSRYJDZJQPDQBBSTJGGFBKJBXTGQHNGWJXJGDLLTHZHHYYYYYYSXWTYYYCCBDBPYPZYCCZYJPZYWCBDLFWZCWJDXXHYHLHWZZXJTCZLCDPXUJCZZZLYXJJTXPHFXWPYWXZPTDZZBDZCYHJHMLXBQXSBYLR" + + "DTGJRRCTTTHYTCZWMXFYTWWZCWJWXJYWCSKYBZSCCTZQNHXNWXXKHKFHTSWOCCJYBCMPZZYKBNNZPBZHHZDLSYDDYTYFJPXYNGFXBYQXCBHXCPSXTYZDMKYSNXSXLHKMZXLYHDHKWHXXSSKQYHHCJYXGLHZXCSNHEKDTGZXQYPKDHEXTYKCNYMYYYPKQYYYKXZLTHJQTBYQHXBM" + + "YHSQCKWWYLLHCYYLNNEQXQWMCFBDCCMLJGGXDQKTLXKGNQCDGZJWYJJLYHHQTTTNWCHMXCXWHWSZJYDJCCDBQCDGDNYXZTHCQRXCBHZTQCBXWGQWYYBXHMBYMYQTYEXMQKYAQYRGYZSLFYKKQHYSSQYSHJGJCNXKZYCXSBXYXHYYLSTYCXQTHYSMGSCPMMGCCCCCMTZTASMGQZJ" + + "HKLOSQYLSWTMXSYQKDZLJQQYPLSYCZTCQQPBBQJZCLPKHQZYYXXDTDDTSJCXFFLLCHQXMJLWCJCXTSPYCXNDTJSHJWXDQQJSKXYAMYLSJHMLALYKXCYYDMNMDQMXMCZNNCYBZKKYFLMCHCMLHXRCJJHSYLNMTJZGZGYWJXSRXCWJGJQHQZDQJDCJJZKJKGDZQGJJYJYLXZXXCDQ" + + "HHHEYTMHLFSBDJSYYSHFYSTCZQLPBDRFRZTZYKYWHSZYQKWDQZRKMSYNBCRXQBJYFAZPZZEDZCJYWBCJWHYJBQSZYWRYSZPTDKZPFPBNZTKLQYHBBZPNPPTYZZYBQNYDCPJMMCYCQMCYFZZDCMNLFPBPLNGQJTBTTNJZPZBBZNJKLJQYLNBZQHKSJZNGGQSZZKYXSHPZSNBCGZK" + + "DDZQANZHJKDRTLZLSWJLJZLYWTJNDJZJHXYAYNCBGTZCSSQMNJPJYTYSWXZFKWJQTKHTZPLBHSNJZSYZBWZZZZLSYLSBJHDWWQPSLMMFBJDWAQYZTCJTBNNWZXQXCDSLQGDSDPDZHJTQQPSWLYYJZLGYXYZLCTCBJTKTYCZJTQKBSJLGMGZDMCSGPYNJZYQYYKNXRPWSZXMTNCS" + + "ZZYXYBYHYZAXYWQCJTLLCKJJTJHGDXDXYQYZZBYWDLWQCGLZGJGQRQZCZSSBCRPCSKYDZNXJSQGXSSJMYDNSTZTPBDLTKZWXQWQTZEXNQCZGWEZKSSBYBRTSSSLCCGBPSZQSZLCCGLLLZXHZQTHCZMQGYZQZNMCOCSZJMMZSQPJYGQLJYJPPLDXRGZYXCCSXHSHGTZNLZWZKJCX" + + "TCFCJXLBMQBCZZWPQDNHXLJCTHYZLGYLNLSZZPCXDSCQQHJQKSXZPBAJYEMSMJTZDXLCJYRYYNWJBNGZZTMJXLTBSLYRZPYLSSCNXPHLLHYLLQQZQLXYMRSYCXZLMMCZLTZSDWTJJLLNZGGQXPFSKYGYGHBFZPDKMWGHCXMSGDXJMCJZDYCABXJDLNBCDQYGSKYDQTXDJJYXMSZ" + + "QAZDZFSLQXYJSJZYLBTXXWXQQZBJZUFBBLYLWDSLJHXJYZJWTDJCZFQZQZZDZSXZZQLZCDZFJHYSPYMPQZMLPPLFFXJJNZZYLSJEYQZFPFZKSYWJJJHRDJZZXTXXGLGHYDXCSKYSWMMZCWYBAZBJKSHFHJCXMHFQHYXXYZFTSJYZFXYXPZLCHMZMBXHZZSXYFYMNCWDABAZLXKT" + + "CSHHXKXJJZJSTHYGXSXYYHHHJWXKZXSSBZZWHHHCWTZZZPJXSNXQQJGZYZYWLLCWXZFXXYXYHXMKYYSWSQMNLNAYCYSPMJKHWCQHYLAJJMZXHMMCNZHBHXCLXTJPLTXYJHDYYLTTXFSZHYXXSJBJYAYRSMXYPLCKDUYHLXRLNLLSTYZYYQYGYHHSCCSMZCTZQXKYQFPYYRPFFLK" + + "QUNTSZLLZMWWTCQQYZWTLLMLMPWMBZSSTZRBPDDTLQJJBXZCSRZQQYGWCSXFWZLXCCRSZDZMCYGGDZQSGTJSWLJMYMMZYHFBJDGYXCCPSHXNZCSBSJYJGJMPPWAFFYFNXHYZXZYLREMZGZCYZSSZDLLJCSQFNXZKPTXZGXJJGFMYYYSNBTYLBNLHPFZDCYFBMGQRRSSSZXYSGTZ" + + "RNYDZZCDGPJAFJFZKNZBLCZSZPSGCYCJSZLMLRSZBZZLDLSLLYSXSQZQLYXZLSKKBRXBRBZCYCXZZZEEYFGKLZLYYHGZSGZLFJHGTGWKRAAJYZKZQTSSHJJXDCYZUYJLZYRZDQQHGJZXSSZBYKJPBFRTJXLLFQWJHYLQTYMBLPZDXTZYGBDHZZRBGXHWNJTJXLKSCFSMWLSDQYS" + + "JTXKZSCFWJLBXFTZLLJZLLQBLSQMQQCGCZFPBPHZCZJLPYYGGDTGWDCFCZQYYYQYSSCLXZSKLZZZGFFCQNWGLHQYZJJCZLQZZYJPJZZBPDCCMHJGXDQDGDLZQMFGPSYTSDYFWWDJZJYSXYYCZCYHZWPBYKXRYLYBHKJKSFXTZJMMCKHLLTNYYMSYXYZPYJQYCSYCWMTJJKQYRHL" + + "LQXPSGTLYYCLJSCPXJYZFNMLRGJJTYZBXYZMSJYJHHFZQMSYXRSZCWTLRTQZSSTKXGQKGSPTGCZNJSJCQCXHMXGGZTQYDJKZDLBZSXJLHYQGGGTHQSZPYHJHHGYYGKGGCWJZZYLCZLXQSFTGZSLLLMLJSKCTBLLZZSZMMNYTPZSXQHJCJYQXYZXZQZCPSHKZZYSXCDFGMWQRLLQ" + + "XRFZTLYSTCTMJCXJJXHJNXTNRZTZFQYHQGLLGCXSZSJDJLJCYDSJTLNYXHSZXCGJZYQPYLFHDJSBPCCZHJJJQZJQDYBSSLLCMYTTMQTBHJQNNYGKYRQYQMZGCJKPDCGMYZHQLLSLLCLMHOLZGDYYFZSLJCQZLYLZQJESHNYLLJXGJXLYSYYYXNBZLJSSZCQQCJYLLZLTJYLLZLL" + + "BNYLGQCHXYYXOXCXQKYJXXXYKLXSXXYQXCYKQXQCSGYXXYQXYGYTQOHXHXPYXXXULCYEYCHZZCBWQBBWJQZSCSZSSLZYLKDESJZWMYMCYTSDSXXSCJPQQSQYLYYZYCMDJDZYWCBTJSYDJKCYDDJLBDJJSODZYSYXQQYXDHHGQQYQHDYXWGMMMAJDYBBBPPBCMUUPLJZSMTXERXJ" + + "MHQNUTPJDCBSSMSSSTKJTSSMMTRCPLZSZMLQDSDMJMQPNQDXCFYNBFSDQXYXHYAYKQYDDLQYYYSSZBYDSLNTFQTZQPZMCHDHCZCWFDXTMYQSPHQYYXSRGJCWTJTZZQMGWJJTJHTQJBBHWZPXXHYQFXXQYWYYHYSCDYDHHQMNMTMWCPBSZPPZZGLMZFOLLCFWHMMSJZTTDHZZYFF" + + "YTZZGZYSKYJXQYJZQBHMBZZLYGHGFMSHPZFZSNCLPBQSNJXZSLXXFPMTYJYGBXLLDLXPZJYZJYHHZCYWHJYLSJEXFSZZYWXKZJLUYDTMLYMQJPWXYHXSKTQJEZRPXXZHHMHWQPWQLYJJQJJZSZCPHJLCHHNXJLQWZJHBMZYXBDHHYPZLHLHLGFWLCHYYTLHJXCJMSCPXSTKPNHQ" + + "XSRTYXXTESYJCTLSSLSTDLLLWWYHDHRJZSFGXTSYCZYNYHTDHWJSLHTZDQDJZXXQHGYLTZPHCSQFCLNJTCLZPFSTPDYNYLGMJLLYCQHYSSHCHYLHQYQTMZYPBYWRFQYKQSYSLZDQJMPXYYSSRHZJNYWTQDFZBWWTWWRXCWHGYHXMKMYYYQMSMZHNGCEPMLQQMTCWCTMMPXJPJJH" + + "FXYYZSXZHTYBMSTSYJTTQQQYYLHYNPYQZLCYZHZWSMYLKFJXLWGXYPJYTYSYXYMZCKTTWLKSMZSYLMPWLZWXWQZSSAQSYXYRHSSNTSRAPXCPWCMGDXHXZDZYFJHGZTTSBJHGYZSZYSMYCLLLXBTYXHBBZJKSSDMALXHYCFYGMQYPJYCQXJLLLJGSLZGQLYCJCCZOTYXMTMTTLLW" + + "TGPXYMZMKLPSZZZXHKQYSXCTYJZYHXSHYXZKXLZWPSQPYHJWPJPWXQQYLXSDHMRSLZZYZWTTCYXYSZZSHBSCCSTPLWSSCJCHNLCGCHSSPHYLHFHHXJSXYLLNYLSZDHZXYLSXLWZYKCLDYAXZCMDDYSPJTQJZLNWQPSSSWCTSTSZLBLNXSMNYYMJQBQHRZWTYYDCHQLXKPZWBGQY" + + "BKFCMZWPZLLYYLSZYDWHXPSBCMLJBSCGBHXLQHYRLJXYSWXWXZSLDFHLSLYNJLZYFLYJYCDRJLFSYZFSLLCQYQFGJYHYXZLYLMSTDJCYHBZLLNWLXXYGYYHSMGDHXXHHLZZJZXCZZZCYQZFNGWPYLCPKPYYPMCLQKDGXZGGWQBDXZZKZFBXXLZXJTPJPTTBYTSZZDWSLCHZHSLT" + + "YXHQLHYXXXYYZYSWTXZKHLXZXZPYHGCHKCFSYHUTJRLXFJXPTZTWHPLYXFCRHXSHXKYXXYHZQDXQWULHYHMJTBFLKHTXCWHJFWJCFPQRYQXCYYYQYGRPYWSGSUNGWCHKZDXYFLXXHJJBYZWTSXXNCYJJYMSWZJQRMHXZWFQSYLZJZGBHYNSLBGTTCSYBYXXWXYHXYYXNSQYXMQY" + + "WRGYQLXBBZLJSYLPSYTJZYHYZAWLRORJMKSCZJXXXYXCHDYXRYXXJDTSQFXLYLTSFFYXLMTYJMJUYYYXLTZCSXQZQHZXLYYXZHDNBRXXXJCTYHLBRLMBRLLAXKYLLLJLYXXLYCRYLCJTGJCMTLZLLCYZZPZPCYAWHJJFYBDYYZSMPCKZDQYQPBPCJPDCYZMDPBCYYDYCNNPLMTM" + + "LRMFMMGWYZBSJGYGSMZQQQZTXMKQWGXLLPJGZBQCDJJJFPKJKCXBLJMSWMDTQJXLDLPPBXCWRCQFBFQJCZAHZGMYKPHYYHZYKNDKZMBPJYXPXYHLFPNYYGXJDBKXNXHJMZJXSTRSTLDXSKZYSYBZXJLXYSLBZYSLHXJPFXPQNBYLLJQKYGZMCYZZYMCCSLCLHZFWFWYXZMWSXTY" + + "NXJHPYYMCYSPMHYSMYDYSHQYZCHMJJMZCAAGCFJBBHPLYZYLXXSDJGXDHKXXTXXNBHRMLYJSLTXMRHNLXQJXYZLLYSWQGDLBJHDCGJYQYCMHWFMJYBMBYJYJWYMDPWHXQLDYGPDFXXBCGJSPCKRSSYZJMSLBZZJFLJJJLGXZGYXYXLSZQYXBEXYXHGCXBPLDYHWETTWWCJMBTXC" + + "HXYQXLLXFLYXLLJLSSFWDPZSMYJCLMWYTCZPCHQEKCQBWLCQYDPLQPPQZQFJQDJHYMMCXTXDRMJWRHXCJZYLQXDYYNHYYHRSLSRSYWWZJYMTLTLLGTQCJZYABTCKZCJYCCQLJZQXALMZYHYWLWDXZXQDLLQSHGPJFJLJHJABCQZDJGTKHSSTCYJLPSWZLXZXRWGLDLZRLZXTGSL" + + "LLLZLYXXWGDZYGBDPHZPBRLWSXQBPFDWOFMWHLYPCBJCCLDMBZPBZZLCYQXLDOMZBLZWPDWYYGDSTTHCSQSCCRSSSYSLFYBFNTYJSZDFNDPDHDZZMBBLSLCMYFFGTJJQWFTMTPJWFNLBZCMMJTGBDZLQLPYFHYYMJYLSDCHDZJWJCCTLJCLDTLJJCPDDSQDSSZYBNDBJLGGJZXS" + + "XNLYCYBJXQYCBYLZCFZPPGKCXZDZFZTJJFJSJXZBNZYJQTTYJYHTYCZHYMDJXTTMPXSPLZCDWSLSHXYPZGTFMLCJTYCBPMGDKWYCYZCDSZZYHFLYCTYGWHKJYYLSJCXGYWJCBLLCSNDDBTZBSCLYZCZZSSQDLLMQYYHFSLQLLXFTYHABXGWNYWYYPLLSDLDLLBJCYXJZMLHLJDX" + + "YYQYTDLLLBUGBFDFBBQJZZMDPJHGCLGMJJPGAEHHBWCQXAXHHHZCHXYPHJAXHLPHJPGPZJQCQZGJJZZUZDMQYYBZZPHYHYBWHAZYJHYKFGDPFQSDLZMLJXKXGALXZDAGLMDGXMWZQYXXDXXPFDMMSSYMPFMDMMKXKSYZYSHDZKXSYSMMZZZMSYDNZZCZXFPLSTMZDNMXCKJMZTY" + + "YMZMZZMSXHHDCZJEMXXKLJSTLWLSQLYJZLLZJSSDPPMHNLZJCZYHMXXHGZCJMDHXTKGRMXFWMCGMWKDTKSXQMMMFZZYDKMSCLCMPCGMHSPXQPZDSSLCXKYXTWLWJYAHZJGZQMCSNXYYMMPMLKJXMHLMLQMXCTKZMJQYSZJSYSZHSYJZJCDAJZYBSDQJZGWZQQXFKDMSDJLFWEHK" + + "ZQKJPEYPZYSZCDWYJFFMZZYLTTDZZEFMZLBNPPLPLPEPSZALLTYLKCKQZKGENQLWAGYXYDPXLHSXQQWQCQXQCLHYXXMLYCCWLYMQYSKGCHLCJNSZKPYZKCQZQLJPDMDZHLASXLBYDWQLWDNBQCRYDDZTJYBKBWSZDXDTNPJDTCTQDFXQQMGNXECLTTBKPWSLCTYQLPWYZZKLPYG" + + "ZCQQPLLKCCYLPQMZCZQCLJSLQZDJXLDDHPZQDLJJXZQDXYZQKZLJCYQDYJPPYPQYKJYRMPCBYMCXKLLZLLFQPYLLLMBSGLCYSSLRSYSQTMXYXZQZFDZUYSYZTFFMZZSMZQHZSSCCMLYXWTPZGXZJGZGSJSGKDDHTQGGZLLBJDZLCBCHYXYZHZFYWXYZYMSDBZZYJGTSMTFXQYXQ" + + "STDGSLNXDLRYZZLRYYLXQHTXSRTZNGZXBNQQZFMYKMZJBZYMKBPNLYZPBLMCNQYZZZSJZHJCTZKHYZZJRDYZHNPXGLFZTLKGJTCTSSYLLGZRZBBQZZKLPKLCZYSSUYXBJFPNJZZXCDWXZYJXZZDJJKGGRSRJKMSMZJLSJYWQSKYHQJSXPJZZZLSNSHRNYPZTWCHKLPSRZLZXYJQ" + + "XQKYSJYCZTLQZYBBYBWZPQDWWYZCYTJCJXCKCWDKKZXSGKDZXWWYYJQYYTCYTDLLXWKCZKKLCCLZCQQDZLQLCSFQCHQHSFSMQZZLNBJJZBSJHTSZDYSJQJPDLZCDCWJKJZZLPYCGMZWDJJBSJQZSYZYHHXJPBJYDSSXDZNCGLQMBTSFSBPDZDLZNFGFJGFSMPXJQLMBLGQCYYXB" + + "QKDJJQYRFKZTJDHCZKLBSDZCFJTPLLJGXHYXZCSSZZXSTJYGKGCKGYOQXJPLZPBPGTGYJZGHZQZZLBJLSQFZGKQQJZGYCZBZQTLDXRJXBSXXPZXHYZYCLWDXJJHXMFDZPFZHQHQMQGKSLYHTYCGFRZGNQXCLPDLBZCSCZQLLJBLHBZCYPZZPPDYMZZSGYHCKCPZJGSLJLNSCDSL" + + "DLXBMSTLDDFJMKDJDHZLZXLSZQPQPGJLLYBDSZGQLBZLSLKYYHZTTNTJYQTZZPSZQZTLLJTYYLLQLLQYZQLBDZLSLYYZYMDFSZSNHLXZNCZQZPBWSKRFBSYZMTHBLGJPMCZZLSTLXSHTCSYZLZBLFEQHLXFLCJLYLJQCBZLZJHHSSTBRMHXZHJZCLXFNBGXGTQJCZTMSFZKJMSS" + + "NXLJKBHSJXNTNLZDNTLMSJXGZJYJCZXYJYJWRWWQNZTNFJSZPZSHZJFYRDJSFSZJZBJFZQZZHZLXFYSBZQLZSGYFTZDCSZXZJBQMSZKJRHYJZCKMJKHCHGTXKXQGLXPXFXTRTYLXJXHDTSJXHJZJXZWZLCQSBTXWXGXTXXHXFTSDKFJHZYJFJXRZSDLLLTQSQQZQWZXSYQTWGWB" + + "ZCGZLLYZBCLMQQTZHZXZXLJFRMYZFLXYSQXXJKXRMQDZDMMYYBSQBHGZMWFWXGMXLZPYYTGZYCCDXYZXYWGSYJYZNBHPZJSQSYXSXRTFYZGRHZTXSZZTHCBFCLSYXZLZQMZLMPLMXZJXSFLBYZMYQHXJSXRXSQZZZSSLYFRCZJRCRXHHZXQYDYHXSJJHZCXZBTYNSYSXJBQLPXZ" + + "QPYMLXZKYXLXCJLCYSXXZZLXDLLLJJYHZXGYJWKJRWYHCPSGNRZLFZWFZZNSXGXFLZSXZZZBFCSYJDBRJKRDHHGXJLJJTGXJXXSTJTJXLYXQFCSGSWMSBCTLQZZWLZZKXJMLTMJYHSDDBXGZHDLBMYJFRZFSGCLYJBPMLYSMSXLSZJQQHJZFXGFQFQBPXZGYYQXGZTCQWYLTLGW" + + "SGWHRLFSFGZJMGMGBGTJFSYZZGZYZAFLSSPMLPFLCWBJZCLJJMZLPJJLYMQDMYYYFBGYGYZMLYZDXQYXRQQQHSYYYQXYLJTYXFSFSLLGNQCYHYCWFHCCCFXPYLYPLLZYXXXXXKQHHXSHJZCFZSCZJXCPZWHHHHHAPYLQALPQAFYHXDYLUKMZQGGGDDESRNNZLTZGCHYPPYSQJJH" + + "CLLJTOLNJPZLJLHYMHEYDYDSQYCDDHGZUNDZCLZYZLLZNTNYZGSLHSLPJJBDGWXPCDUTJCKLKCLWKLLCASSTKZZDNQNTTLYYZSSYSSZZRYLJQKCQDHHCRXRZYDGRGCWCGZQFFFPPJFZYNAKRGYWYQPQXXFKJTSZZXSWZDDFBBXTBGTZKZNPZZPZXZPJSZBMQHKCYXYLDKLJNYPK" + + "YGHGDZJXXEAHPNZKZTZCMXCXMMJXNKSZQNMNLWBWWXJKYHCPSTMCSQTZJYXTPCTPDTNNPGLLLZSJLSPBLPLQHDTNJNLYYRSZFFJFQWDPHZDWMRZCCLODAXNSSNYZRESTYJWJYJDBCFXNMWTTBYLWSTSZGYBLJPXGLBOCLHPCBJLTMXZLJYLZXCLTPNCLCKXTPZJSWCYXSFYSZDK" + + "NTLBYJCYJLLSTGQCBXRYZXBXKLYLHZLQZLNZCXWJZLJZJNCJHXMNZZGJZZXTZJXYCYYCXXJYYXJJXSSSJSTSSTTPPGQTCSXWZDCSYFPTFBFHFBBLZJCLZZDBXGCXLQPXKFZFLSYLTUWBMQJHSZBMDDBCYSCCLDXYCDDQLYJJWMQLLCSGLJJSYFPYYCCYLTJANTJJPWYCMMGQYYS" + + "XDXQMZHSZXPFTWWZQSWQRFKJLZJQQYFBRXJHHFWJJZYQAZMYFRHCYYBYQWLPEXCCZSTYRLTTDMQLYKMBBGMYYJPRKZNPBSXYXBHYZDJDNGHPMFSGMWFZMFQMMBCMZZCJJLCNUXYQLMLRYGQZCYXZLWJGCJCGGMCJNFYZZJHYCPRRCMTZQZXHFQGTJXCCJEAQCRJYHPLQLSZDJRB" + + "CQHQDYRHYLYXJSYMHZYDWLDFRYHBPYDTSSCNWBXGLPZMLZZTQSSCPJMXXYCSJYTYCGHYCJWYRXXLFEMWJNMKLLSWTXHYYYNCMMCWJDQDJZGLLJWJRKHPZGGFLCCSCZMCBLTBHBQJXQDSPDJZZGKGLFQYWBZYZJLTSTDHQHCTCBCHFLQMPWDSHYYTQWCNZZJTLBYMBPDYYYXSQKX" + + "WYYFLXXNCWCXYPMAELYKKJMZZZBRXYYQJFLJPFHHHYTZZXSGQQMHSPGDZQWBWPJHZJDYSCQWZKTXXSQLZYYMYSDZGRXCKKUJLWPYSYSCSYZLRMLQSYLJXBCXTLWDQZPCYCYKPPPNSXFYZJJRCEMHSZMSXLXGLRWGCSTLRSXBZGBZGZTCPLUJLSLYLYMTXMTZPALZXPXJTJWTCYY" + + "ZLBLXBZLQMYLXPGHDSLSSDMXMBDZZSXWHAMLCZCPJMCNHJYSNSYGCHSKQMZZQDLLKABLWJXSFMOCDXJRRLYQZKJMYBYQLYHETFJZFRFKSRYXFJTWDSXXSYSQJYSLYXWJHSNLXYYXHBHAWHHJZXWMYLJCSSLKYDZTXBZSYFDXGXZJKHSXXYBSSXDPYNZWRPTQZCZENYGCXQFJYKJ" + + "BZMLJCMQQXUOXSLYXXLYLLJDZBTYMHPFSTTQQWLHOKYBLZZALZXQLHZWRRQHLSTMYPYXJJXMQSJFNBXYXYJXXYQYLTHYLQYFMLKLJTMLLHSZWKZHLJMLHLJKLJSTLQXYLMBHHLNLZXQJHXCFXXLHYHJJGBYZZKBXSCQDJQDSUJZYYHZHHMGSXCSYMXFEBCQWWRBPYYJQTYZCYQY" + + "QQZYHMWFFHGZFRJFCDPXNTQYZPDYKHJLFRZXPPXZDBBGZQSTLGDGYLCQMLCHHMFYWLZYXKJLYPQHSYWMQQGQZMLZJNSQXJQSYJYCBEHSXFSZPXZWFLLBCYYJDYTDTHWZSFJMQQYJLMQXXLLDTTKHHYBFPWTYYSQQWNQWLGWDEBZWCMYGCULKJXTMXMYJSXHYBRWFYMWFRXYQMXY" + + "SZTZZTFYKMLDHQDXWYYNLCRYJBLPSXCXYWLSPRRJWXHQYPHTYDNXHHMMYWYTZCSQMTSSCCDALWZTCPQPYJLLQZYJSWXMZZMMYLMXCLMXCZMXMZSQTZPPQQBLPGXQZHFLJJHYTJSRXWZXSCCDLXTYJDCQJXSLQYCLZXLZZXMXQRJMHRHZJBHMFLJLMLCLQNLDXZLLLPYPSYJYSXC" + + "QQDCMQJZZXHNPNXZMEKMXHYKYQLXSXTXJYYHWDCWDZHQYYBGYBCYSCFGPSJNZDYZZJZXRZRQJJYMCANYRJTLDPPYZBSTJKXXZYPFDWFGZZRPYMTNGXZQBYXNBUFNQKRJQZMJEGRZGYCLKXZDSKKNSXKCLJSPJYYZLQQJYBZSSQLLLKJXTBKTYLCCDDBLSPPFYLGYDTZJYQGGKQT" + + "TFZXBDKTYYHYBBFYTYYBCLPDYTGDHRYRNJSPTCSNYJQHKLLLZSLYDXXWBCJQSPXBPJZJCJDZFFXXBRMLAZHCSNDLBJDSZBLPRZTSWSBXBCLLXXLZDJZSJPYLYXXYFTFFFBHJJXGBYXJPMMMPSSJZJMTLYZJXSWXTYLEDQPJMYGQZJGDJLQJWJQLLSJGJGYGMSCLJJXDTYGJQJQJ" + + "CJZCJGDZZSXQGSJGGCXHQXSNQLZZBXHSGZXCXYLJXYXYYDFQQJHJFXDHCTXJYRXYSQTJXYEFYYSSYYJXNCYZXFXMSYSZXYYSCHSHXZZZGZZZGFJDLTYLNPZGYJYZYYQZPBXQBDZTZCZYXXYHHSQXSHDHGQHJHGYWSZTMZMLHYXGEBTYLZKQWYTJZRCLEKYSTDBCYKQQSAYXCJXW" + + "WGSBHJYZYDHCSJKQCXSWXFLTYNYZPZCCZJQTZWJQDZZZQZLJJXLSBHPYXXPSXSHHEZTXFPTLQYZZXHYTXNCFZYYHXGNXMYWXTZSJPTHHGYMXMXQZXTSBCZYJYXXTYYZYPCQLMMSZMJZZLLZXGXZAAJZYXJMZXWDXZSXZDZXLEYJJZQBHZWZZZQTZPSXZTDSXJJJZNYAZPHXYYSR" + + "NQDTHZHYYKYJHDZXZLSWCLYBZYECWCYCRYLCXNHZYDZYDYJDFRJJHTRSQTXYXJRJHOJYNXELXSFSFJZGHPZSXZSZDZCQZBYYKLSGSJHCZSHDGQGXYZGXCHXZJWYQWGYHKSSEQZZNDZFKWYSSTCLZSTSYMCDHJXXYWEYXCZAYDMPXMDSXYBSQMJMZJMTZQLPJYQZCGQHXJHHLXXH" + + "LHDLDJQCLDWBSXFZZYYSCHTYTYYBHECXHYKGJPXHHYZJFXHWHBDZFYZBCAPNPGNYDMSXHMMMMAMYNBYJTMPXYYMCTHJBZYFCGTYHWPHFTWZZEZSBZEGPFMTSKFTYCMHFLLHGPZJXZJGZJYXZSBBQSCZZLZCCSTPGXMJSFTCCZJZDJXCYBZLFCJSYZFGSZLYBCWZZBYZDZYPSWYJ" + + "ZXZBDSYUXLZZBZFYGCZXBZHZFTPBGZGEJBSTGKDMFHYZZJHZLLZZGJQZLSFDJSSCBZGPDLFZFZSZYZYZSYGCXSNXXCHCZXTZZLJFZGQSQYXZJQDCCZTQCDXZJYQJQCHXZTDLGSCXZSYQJQTZWLQDQZTQCHQQJZYEZZZPBWKDJFCJPZTYPQYQTTYNLMBDKTJZPQZQZZFPZSBNJLG" + + "YJDXJDZZKZGQKXDLPZJTCJDQBXDJQJSTCKNXBXZMSLYJCQMTJQWWCJQNJNLLLHJCWQTBZQYDZCZPZZDZYDDCYZZZCCJTTJFZDPRRTZTJDCQTQZDTJNPLZBCLLCTZSXKJZQZPZLBZRBTJDCXFCZDBCCJJLTQQPLDCGZDBBZJCQDCJWYNLLZYZCCDWLLXWZLXRXNTQQCZXKQLSGDF" + + "QTDDGLRLAJJTKUYMKQLLTZYTDYYCZGJWYXDXFRSKSTQTENQMRKQZHHQKDLDAZFKYPBGGPZREBZZYKZZSPEGJXGYKQZZZSLYSYYYZWFQZYLZZLZHWCHKYPQGNPGBLPLRRJYXCCSYYHSFZFYBZYYTGZXYLXCZWXXZJZBLFFLGSKHYJZEYJHLPLLLLCZGXDRZELRHGKLZZYHZLYQSZ" + + "ZJZQLJZFLNBHGWLCZCFJYSPYXZLZLXGCCPZBLLCYBBBBUBBCBPCRNNZCZYRBFSRLDCGQYYQXYGMQZWTZYTYJXYFWTEHZZJYWLCCNTZYJJZDEDPZDZTSYQJHDYMBJNYJZLXTSSTPHNDJXXBYXQTZQDDTJTDYYTGWSCSZQFLSHLGLBCZPHDLYZJYCKWTYTYLBNYTSDSYCCTYSZYYE" + + "BHEXHQDTWNYGYCLXTSZYSTQMYGZAZCCSZZDSLZCLZRQXYYELJSBYMXSXZTEMBBLLYYLLYTDQYSHYMRQWKFKBFXNXSBYCHXBWJYHTQBPBSBWDZYLKGZSKYHXQZJXHXJXGNLJKZLYYCDXLFYFGHLJGJYBXQLYBXQPQGZTZPLNCYPXDJYQYDYMRBESJYYHKXXSTMXRCZZYWXYQYBMC" + + "LLYZHQYZWQXDBXBZWZMSLPDMYSKFMZKLZCYQYCZLQXFZZYDQZPZYGYJYZMZXDZFYFYTTQTZHGSPCZMLCCYTZXJCYTJMKSLPZHYSNZLLYTPZCTZZCKTXDHXXTQCYFKSMQCCYYAZHTJPCYLZLYJBJXTPNYLJYYNRXSYLMMNXJSMYBCSYSYLZYLXJJQYLDZLPQBFZZBLFNDXQKCZFY" + + "WHGQMRDSXYCYTXNQQJZYYPFZXDYZFPRXEJDGYQBXRCNFYYQPGHYJDYZXGRHTKYLNWDZNTSMPKLBTHBPYSZBZTJZSZZJTYYXZPHSSZZBZCZPTQFZMYFLYPYBBJQXZMXXDJMTSYSKKBJZXHJCKLPSMKYJZCXTMLJYXRZZQSLXXQPYZXMKYXXXJCLJPRMYYGADYSKQLSNDHYZKQXZY" + + "ZTCGHZTLMLWZYBWSYCTBHJHJFCWZTXWYTKZLXQSHLYJZJXTMPLPYCGLTBZZTLZJCYJGDTCLKLPLLQPJMZPAPXYZLKKTKDZCZZBNZDYDYQZJYJGMCTXLTGXSZLMLHBGLKFWNWZHDXUHLFMKYSLGXDTWWFRJEJZTZHYDXYKSHWFZCQSHKTMQQHTZHYMJDJSKHXZJZBZZXYMPAGQMS" + + "TPXLSKLZYNWRTSQLSZBPSPSGZWYHTLKSSSWHZZLYYTNXJGMJSZSUFWNLSOZTXGXLSAMMLBWLDSZYLAKQCQCTMYCFJBSLXCLZZCLXXKSBZQCLHJPSQPLSXXCKSLNHPSFQQYTXYJZLQLDXZQJZDYYDJNZPTUZDSKJFSLJHYLZSQZLBTXYDGTQFDBYAZXDZHZJNHHQBYKNXJJQCZML" + + "LJZKSPLDYCLBBLXKLELXJLBQYCXJXGCNLCQPLZLZYJTZLJGYZDZPLTQCSXFDMNYCXGBTJDCZNBGBQYQJWGKFHTNPYQZQGBKPBBYZMTJDYTBLSQMPSXTBNPDXKLEMYYCJYNZCTLDYKZZXDDXHQSHDGMZSJYCCTAYRZLPYLTLKXSLZCGGEXCLFXLKJRTLQJAQZNCMBYDKKCXGLCZJ" + + "ZXJHPTDJJMZQYKQSECQZDSHHADMLZFMMZBGNTJNNLGBYJBRBTMLBYJDZXLCJLPLDLPCQDHLXZLYCBLCXZZJADJLNZMMSSSMYBHBSQKBHRSXXJMXSDZNZPXLGBRHWGGFCXGMSKLLTSJYYCQLTSKYWYYHYWXBXQYWPYWYKQLSQPTNTKHQCWDQKTWPXXHCPTHTWUMSSYHBWCRWXHJM" + + "KMZNGWTMLKFGHKJYLSYYCXWHYECLQHKQHTTQKHFZLDXQWYZYYDESBPKYRZPJFYYZJCEQDZZDLATZBBFJLLCXDLMJSSXEGYGSJQXCWBXSSZPDYZCXDNYXPPZYDLYJCZPLTXLSXYZYRXCYYYDYLWWNZSAHJSYQYHGYWWAXTJZDAXYSRLTDPSSYYFNEJDXYZHLXLLLZQZSJNYQYQQX" + + "YJGHZGZCYJCHZLYCDSHWSHJZYJXCLLNXZJJYYXNFXMWFPYLCYLLABWDDHWDXJMCXZTZPMLQZHSFHZYNZTLLDYWLSLXHYMMYLMBWWKYXYADTXYLLDJPYBPWUXJMWMLLSAFDLLYFLBHHHBQQLTZJCQJLDJTFFKMMMBYTHYGDCQRDDWRQJXNBYSNWZDBYYTBJHPYBYTTJXAAHGQDQT" + + "MYSTQXKBTZPKJLZRBEQQSSMJJBDJOTGTBXPGBKTLHQXJJJCTHXQDWJLWRFWQGWSHCKRYSWGFTGYGBXSDWDWRFHWYTJJXXXJYZYSLPYYYPAYXHYDQKXSHXYXGSKQHYWFDDDPPLCJLQQEEWXKSYYKDYPLTJTHKJLTCYYHHJTTPLTZZCDLTHQKZXQYSTEEYWYYZYXXYYSTTJKLLPZM" + + "CYHQGXYHSRMBXPLLNQYDQHXSXXWGDQBSHYLLPJJJTHYJKYPPTHYYKTYEZYENMDSHLCRPQFDGFXZPSFTLJXXJBSWYYSKSFLXLPPLBBBLBSFXFYZBSJSSYLPBBFFFFSSCJDSTZSXZRYYSYFFSYZYZBJTBCTSBSDHRTJJBYTCXYJEYLXCBNEBJDSYXYKGSJZBXBYTFZWGENYHHTHZH" + + "HXFWGCSTBGXKLSXYWMTMBYXJSTZSCDYQRCYTWXZFHMYMCXLZNSDJTTTXRYCFYJSBSDYERXJLJXBBDEYNJGHXGCKGSCYMBLXJMSZNSKGXFBNBPTHFJAAFXYXFPXMYPQDTZCXZZPXRSYWZDLYBBKTYQPQJPZYPZJZNJPZJLZZFYSBTTSLMPTZRTDXQSJEHBZYLZDHLJSQMLHTXTJE" + + "CXSLZZSPKTLZKQQYFSYGYWPCPQFHQHYTQXZKRSGTTSQCZLPTXCDYYZXSQZSLXLZMYCPCQBZYXHBSXLZDLTCDXTYLZJYYZPZYZLTXJSJXHLPMYTXCQRBLZSSFJZZTNJYTXMYJHLHPPLCYXQJQQKZZSCPZKSWALQSBLCCZJSXGWWWYGYKTJBBZTDKHXHKGTGPBKQYSLPXPJCKBMLL" + + "XDZSTBKLGGQKQLSBKKTFXRMDKBFTPZFRTBBRFERQGXYJPZSSTLBZTPSZQZSJDHLJQLZBPMSMMSXLQQNHKNBLRDDNXXDHDDJCYYGYLXGZLXSYGMQQGKHBPMXYXLYTQWLWGCPBMQXCYZYDRJBHTDJYHQSHTMJSBYPLWHLZFFNYPMHXXHPLTBQPFBJWQDBYGPNZTPFZJGSDDTQSHZE" + + "AWZZYLLTYYBWJKXXGHLFKXDJTMSZSQYNZGGSWQSPHTLSSKMCLZXYSZQZXNCJDQGZDLFNYKLJCJLLZLMZZNHYDSSHTHZZLZZBBHQZWWYCRZHLYQQJBEYFXXXWHSRXWQHWPSLMSSKZTTYGYQQWRSLALHMJTQJSMXQBJJZJXZYZKXBYQXBJXSHZTSFJLXMXZXFGHKZSZGGYLCLSARJ" + + "YHSLLLMZXELGLXYDJYTLFBHBPNLYZFBBHPTGJKWETZHKJJXZXXGLLJLSTGSHJJYQLQZFKCGNNDJSSZFDBCTWWSEQFHQJBSAQTGYPQLBXBMMYWXGSLZHGLZGQYFLZBYFZJFRYSFMBYZHQGFWZSYFYJJPHZBYYZFFWODGRLMFTWLBZGYCQXCDJYGZYYYYTYTYDWEGAZYHXJLZYYHL" + + "RMGRXXZCLHNELJJTJTPWJYBJJBXJJTJTEEKHWSLJPLPSFYZPQQBDLQJJTYYQLYZKDKSQJYYQZLDQTGJQYZJSUCMRYQTHTEJMFCTYHYPKMHYZWJDQFHYYXWSHCTXRLJHQXHCCYYYJLTKTTYTMXGTCJTZAYYOCZLYLBSZYWJYTSJYHBYSHFJLYGJXXTMZYYLTXXYPZLXYJZYZYYPN" + + "HMYMDYYLBLHLSYYQQLLNJJYMSOYQBZGDLYXYLCQYXTSZEGXHZGLHWBLJHEYXTWQMAKBPQCGYSHHEGQCMWYYWLJYJHYYZLLJJYLHZYHMGSLJLJXCJJYCLYCJPCPZJZJMMYLCQLNQLJQJSXYJMLSZLJQLYCMMHCFMMFPQQMFYLQMCFFQMMMMHMZNFHHJGTTHHKHSLNCHHYQDXTMMQ" + + "DCYZYXYQMYQYLTDCYYYZAZZCYMZYDLZFFFMMYCQZWZZMABTBYZTDMNZZGGDFTYPCGQYTTSSFFWFDTZQSSYSTWXJHXYTSXXYLBYQHWWKXHZXWZNNZZJZJJQJCCCHYYXBZXZCYZTLLCQXYNJYCYYCYNZZQYYYEWYCZDCJYCCHYJLBTZYYCQWMPWPYMLGKDLDLGKQQBGYCHJXY"; + + //此处收录了375个多音字,数据来自于http://www.51window.net/page/pinyin + var oMultiDiff = { + "19969": "DZ", + "19975": "WM", + "19988": "QJ", + "20048": "YL", + "20056": "SC", + "20060": "NM", + "20094": "QG", + "20127": "QJ", + "20167": "QC", + "20193": "YG", + "20250": "KH", + "20256": "ZC", + "20282": "SC", + "20285": "QJG", + "20291": "TD", + "20314": "YD", + "20340": "NE", + "20375": "TD", + "20389": "YJ", + "20391": "CZ", + "20415": "PB", + "20446": "YS", + "20447": "SQ", + "20504": "TC", + "20608": "KG", + "20854": "QJ", + "20857": "ZC", + "20911": "PF", + "20504": "TC", + "20608": "KG", + "20854": "QJ", + "20857": "ZC", + "20911": "PF", + "20985": "AW", + "21032": "PB", + "21048": "XQ", + "21049": "SC", + "21089": "YS", + "21119": "JC", + "21242": "SB", + "21273": "SC", + "21305": "YP", + "21306": "QO", + "21330": "ZC", + "21333": "SDC", + "21345": "QK", + "21378": "CA", + "21397": "SC", + "21414": "XS", + "21442": "SC", + "21477": "JG", + "21480": "TD", + "21484": "ZS", + "21494": "YX", + "21505": "YX", + "21512": "HG", + "21523": "XH", + "21537": "PB", + "21542": "PF", + "21549": "KH", + "21571": "E", + "21574": "DA", + "21588": "TD", + "21589": "O", + "21618": "ZC", + "21621": "KHA", + "21632": "ZJ", + "21654": "KG", + "21679": "LKG", + "21683": "KH", + "21710": "A", + "21719": "YH", + "21734": "WOE", + "21769": "A", + "21780": "WN", + "21804": "XH", + "21834": "A", + "21899": "ZD", + "21903": "RN", + "21908": "WO", + "21939": "ZC", + "21956": "SA", + "21964": "YA", + "21970": "TD", + "22003": "A", + "22031": "JG", + "22040": "XS", + "22060": "ZC", + "22066": "ZC", + "22079": "MH", + "22129": "XJ", + "22179": "XA", + "22237": "NJ", + "22244": "TD", + "22280": "JQ", + "22300": "YH", + "22313": "XW", + "22331": "YQ", + "22343": "YJ", + "22351": "PH", + "22395": "DC", + "22412": "TD", + "22484": "PB", + "22500": "PB", + "22534": "ZD", + "22549": "DH", + "22561": "PB", + "22612": "TD", + "22771": "KQ", + "22831": "HB", + "22841": "JG", + "22855": "QJ", + "22865": "XQ", + "23013": "ML", + "23081": "WM", + "23487": "SX", + "23558": "QJ", + "23561": "YW", + "23586": "YW", + "23614": "YW", + "23615": "SN", + "23631": "PB", + "23646": "ZS", + "23663": "ZT", + "23673": "YG", + "23762": "TD", + "23769": "ZS", + "23780": "QJ", + "23884": "QK", + "24055": "XH", + "24113": "DC", + "24162": "ZC", + "24191": "GA", + "24273": "QJ", + "24324": "NL", + "24377": "TD", + "24378": "QJ", + "24439": "PF", + "24554": "ZS", + "24683": "TD", + "24694": "WE", + "24733": "LK", + "24925": "TN", + "25094": "ZG", + "25100": "XQ", + "25103": "XH", + "25153": "PB", + "25170": "PB", + "25179": "KG", + "25203": "PB", + "25240": "ZS", + "25282": "FB", + "25303": "NA", + "25324": "KG", + "25341": "ZY", + "25373": "WZ", + "25375": "XJ", + "25384": "A", + "25457": "A", + "25528": "SD", + "25530": "SC", + "25552": "TD", + "25774": "ZC", + "25874": "ZC", + "26044": "YW", + "26080": "WM", + "26292": "PB", + "26333": "PB", + "26355": "ZY", + "26366": "CZ", + "26397": "ZC", + "26399": "QJ", + "26415": "ZS", + "26451": "SB", + "26526": "ZC", + "26552": "JG", + "26561": "TD", + "26588": "JG", + "26597": "CZ", + "26629": "ZS", + "26638": "YL", + "26646": "XQ", + "26653": "KG", + "26657": "XJ", + "26727": "HG", + "26894": "ZC", + "26937": "ZS", + "26946": "ZC", + "26999": "KJ", + "27099": "KJ", + "27449": "YQ", + "27481": "XS", + "27542": "ZS", + "27663": "ZS", + "27748": "TS", + "27784": "SC", + "27788": "ZD", + "27795": "TD", + "27812": "O", + "27850": "PB", + "27852": "MB", + "27895": "SL", + "27898": "PL", + "27973": "QJ", + "27981": "KH", + "27986": "HX", + "27994": "XJ", + "28044": "YC", + "28065": "WG", + "28177": "SM", + "28267": "QJ", + "28291": "KH", + "28337": "ZQ", + "28463": "TL", + "28548": "DC", + "28601": "TD", + "28689": "PB", + "28805": "JG", + "28820": "QG", + "28846": "PB", + "28952": "TD", + "28975": "ZC", + "29100": "A", + "29325": "QJ", + "29575": "SL", + "29602": "FB", + "30010": "TD", + "30044": "CX", + "30058": "PF", + "30091": "YSP", + "30111": "YN", + "30229": "XJ", + "30427": "SC", + "30465": "SX", + "30631": "YQ", + "30655": "QJ", + "30684": "QJG", + "30707": "SD", + "30729": "XH", + "30796": "LG", + "30917": "PB", + "31074": "NM", + "31085": "JZ", + "31109": "SC", + "31181": "ZC", + "31192": "MLB", + "31293": "JQ", + "31400": "YX", + "31584": "YJ", + "31896": "ZN", + "31909": "ZY", + "31995": "XJ", + "32321": "PF", + "32327": "ZY", + "32418": "HG", + "32420": "XQ", + "32421": "HG", + "32438": "LG", + "32473": "GJ", + "32488": "TD", + "32521": "QJ", + "32527": "PB", + "32562": "ZSQ", + "32564": "JZ", + "32735": "ZD", + "32793": "PB", + "33071": "PF", + "33098": "XL", + "33100": "YA", + "33152": "PB", + "33261": "CX", + "33324": "BP", + "33333": "TD", + "33406": "YA", + "33426": "WM", + "33432": "PB", + "33445": "JG", + "33486": "ZN", + "33493": "TS", + "33507": "QJ", + "33540": "QJ", + "33544": "ZC", + "33564": "XQ", + "33617": "YT", + "33632": "QJ", + "33636": "XH", + "33637": "YX", + "33694": "WG", + "33705": "PF", + "33728": "YW", + "33882": "SR", + "34067": "WM", + "34074": "YW", + "34121": "QJ", + "34255": "ZC", + "34259": "XL", + "34425": "JH", + "34430": "XH", + "34485": "KH", + "34503": "YS", + "34532": "HG", + "34552": "XS", + "34558": "YE", + "34593": "ZL", + "34660": "YQ", + "34892": "XH", + "34928": "SC", + "34999": "QJ", + "35048": "PB", + "35059": "SC", + "35098": "ZC", + "35203": "TQ", + "35265": "JX", + "35299": "JX", + "35782": "SZ", + "35828": "YS", + "35830": "E", + "35843": "TD", + "35895": "YG", + "35977": "MH", + "36158": "JG", + "36228": "QJ", + "36426": "XQ", + "36466": "DC", + "36710": "JC", + "36711": "ZYG", + "36767": "PB", + "36866": "SK", + "36951": "YW", + "37034": "YX", + "37063": "XH", + "37218": "ZC", + "37325": "ZC", + "38063": "PB", + "38079": "TD", + "38085": "QY", + "38107": "DC", + "38116": "TD", + "38123": "YD", + "38224": "HG", + "38241": "XTC", + "38271": "ZC", + "38415": "YE", + "38426": "KH", + "38461": "YD", + "38463": "AE", + "38466": "PB", + "38477": "XJ", + "38518": "YT", + "38551": "WK", + "38585": "ZC", + "38704": "XS", + "38739": "LJ", + "38761": "GJ", + "38808": "SQ", + "39048": "JG", + "39049": "XJ", + "39052": "HG", + "39076": "CZ", + "39271": "XT", + "39534": "TD", + "39552": "TD", + "39584": "PB", + "39647": "SB", + "39730": "LG", + "39748": "TPB", + "40109": "ZQ", + "40479": "ND", + "40516": "HG", + "40536": "HG", + "40583": "QJ", + "40765": "YQ", + "40784": "QJ", + "40840": "YK", + "40863": "QJG" + }; + + var _checkPYCh = function (ch) { + var uni = ch.charCodeAt(0); + // 如果不在汉字处理范围之内,返回原字符,也可以调用自己的处理函数 + if (uni > 40869 || uni < 19968) + return ch; // dealWithOthers(ch); + return (oMultiDiff[uni] ? oMultiDiff[uni] : (_ChineseFirstPY.charAt(uni - 19968))); + }; + + var _mkPYRslt = function (arr) { + var arrRslt = [""], k; + for (var i = 0, len = arr.length; i < len; i++) { + var str = arr[i]; + var strlen = str.length; + if (strlen == 1) { + for (k = 0; k < arrRslt.length; k++) { + arrRslt[k] += str; + } + } else { + var tmpArr = arrRslt.slice(0); + arrRslt = []; + for (k = 0; k < strlen; k++) { + // 复制一个相同的arrRslt + var tmp = tmpArr.slice(0); + // 把当前字符str[k]添加到每个元素末尾 + for (var j = 0; j < tmp.length; j++) { + tmp[j] += str.charAt(k); + } + // 把复制并修改后的数组连接到arrRslt上 + arrRslt = arrRslt.concat(tmp); + } + } + } + return arrRslt.join("").toLowerCase(); + }; + + _.extend(BI, { + makeFirstPY: function (str) { + if (typeof (str) != "string") + return '' + str; + var arrResult = []; // 保存中间结果的数组 + for (var i = 0, len = str.length; i < len; i++) { + // 获得unicode码 + var ch = str.charAt(i); + // 检查该unicode码是否在处理范围之内,在则返回该码对映汉字的拼音首字母,不在则调用其它函数处理 + arrResult.push(_checkPYCh(ch)); + } + // 处理arrResult,返回所有可能的拼音首字母串数组 + return _mkPYRslt(arrResult); + } + }); +})();/** + * Detect Element Resize. + * Forked in order to guard against unsafe 'window' and 'document' references. + * + * https://github.com/sdecima/javascript-detect-element-resize + * Sebastian Decima + * + * version: 0.5.3 + **/ +!(function () { + // Check `document` and `window` in case of server-side rendering + var _window + if (typeof window !== 'undefined') { + _window = window + } else if (typeof self !== 'undefined') { + _window = self + } else { + _window = this + } + + var attachEvent = typeof document !== 'undefined' && document.attachEvent; + var stylesCreated = false; + + if (!attachEvent) { + var requestFrame = (function () { + var raf = _window.requestAnimationFrame || _window.mozRequestAnimationFrame || _window.webkitRequestAnimationFrame || + function (fn) { + return _window.setTimeout(fn, 20); + }; + return function (fn) { + return raf(fn); + }; + })(); + + var cancelFrame = (function () { + var cancel = _window.cancelAnimationFrame || _window.mozCancelAnimationFrame || _window.webkitCancelAnimationFrame || + _window.clearTimeout; + return function (id) { + return cancel(id); + }; + })(); + + var resetTriggers = function (element) { + var triggers = element.__resizeTriggers__, + expand = triggers.firstElementChild, + contract = triggers.lastElementChild, + expandChild = expand.firstElementChild; + contract.scrollLeft = contract.scrollWidth; + contract.scrollTop = contract.scrollHeight; + expandChild.style.width = expand.offsetWidth + 1 + 'px'; + expandChild.style.height = expand.offsetHeight + 1 + 'px'; + expand.scrollLeft = expand.scrollWidth; + expand.scrollTop = expand.scrollHeight; + }; + + var checkTriggers = function (element) { + return element.offsetWidth !== element.__resizeLast__.width || + element.offsetHeight !== element.__resizeLast__.height; + } + + var scrollListener = function (e) { + var element = this; + resetTriggers(this); + if (this.__resizeRAF__) cancelFrame(this.__resizeRAF__); + this.__resizeRAF__ = requestFrame(function () { + if (checkTriggers(element)) { + element.__resizeLast__.width = element.offsetWidth; + element.__resizeLast__.height = element.offsetHeight; + element.__resizeListeners__.forEach(function (fn) { + fn.call(element, e); + }); + } + }); + }; + + /* Detect CSS Animations support to detect element display/re-attach */ + var animation = false, + animationstring = 'animation', + keyframeprefix = '', + animationstartevent = 'animationstart', + domPrefixes = 'Webkit Moz O ms'.split(' '), + startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '), + pfx = ''; + { + var elm = document.createElement('fakeelement'); + if (elm.style.animationName !== undefined) { + animation = true; + } + + if (animation === false) { + for (var i = 0; i < domPrefixes.length; i++) { + if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) { + pfx = domPrefixes[i]; + animationstring = pfx + 'Animation'; + keyframeprefix = '-' + pfx.toLowerCase() + '-'; + animationstartevent = startEvents[i]; + animation = true; + break; + } + } + } + } + + var animationName = 'resizeanim'; + var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } '; + var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; '; + } + + var createStyles = function () { + if (!stylesCreated) { + //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360 + var css = (animationKeyframes ? animationKeyframes : '') + + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', + head = document.head || document.getElementsByTagName('head')[0], + style = document.createElement('style'); + + style.type = 'text/css'; + if (style.styleSheet) { + style.styleSheet.cssText = css; + } else { + style.appendChild(document.createTextNode(css)); + } + + head.appendChild(style); + stylesCreated = true; + } + } + + var addResizeListener = function (element, fn) { + if (attachEvent) element.attachEvent('onresize', fn); + else { + if (!element.__resizeTriggers__) { + if (getComputedStyle(element).position === 'static') element.style.position = 'relative'; + createStyles(); + element.__resizeLast__ = {}; + element.__resizeListeners__ = []; + (element.__resizeTriggers__ = document.createElement('div')).className = 'resize-triggers'; + element.__resizeTriggers__.innerHTML = '<div class="expand-trigger"><div></div></div>' + + '<div class="contract-trigger"></div>'; + element.appendChild(element.__resizeTriggers__); + resetTriggers(element); + element.addEventListener('scroll', scrollListener, true); + + /* Listen for a css animation to detect element display/re-attach */ + animationstartevent && element.__resizeTriggers__.addEventListener(animationstartevent, function (e) { + if (e.animationName === animationName) + resetTriggers(element); + }); + } + element.__resizeListeners__.push(fn); + } + }; + + var removeResizeListener = function (element, fn) { + if (attachEvent) element.detachEvent('onresize', fn); + else { + element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1); + if (!element.__resizeListeners__.length) { + element.removeEventListener('scroll', scrollListener, true); + element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__); + } + } + } + + BI.ResizeDetector = { + addResizeListener: function (widget, fn) { + addResizeListener(widget.element[0], fn); + }, + removeResizeListener: function (widget, fn) { + removeResizeListener(widget.element[0], fn); + } + }; +}()); +; +(function () { + function defaultComparator(a, b) { + return a < b; + } + + BI.Heap = function (items, comparator) { + this._items = items || []; + this._size = this._items.length; + this._comparator = comparator || defaultComparator; + this._heapify(); + }; + + BI.Heap.prototype = { + constructor: BI.Heap, + empty: function () { + return this._size === 0; + }, + + pop: function () { + if (this._size === 0) { + return; + } + + var elt = this._items[0]; + + var lastElt = this._items.pop(); + this._size--; + + if (this._size > 0) { + this._items[0] = lastElt; + this._sinkDown(0); + } + + return elt; + }, + + push: function (item) { + this._items[this._size++] = item; + this._bubbleUp(this._size - 1); + }, + + size: function () { + return this._size; + }, + + peek: function () { + if (this._size === 0) { + return; + } + + return this._items[0]; + }, + + _heapify: function () { + for (var index = Math.floor((this._size + 1) / 2); index >= 0; index--) { + this._sinkDown(index); + } + }, + + _bubbleUp: function (index) { + var elt = this._items[index]; + while (index > 0) { + var parentIndex = Math.floor((index + 1) / 2) - 1; + var parentElt = this._items[parentIndex]; + + // if parentElt < elt, stop + if (this._comparator(parentElt, elt)) { + return; + } + + // swap + this._items[parentIndex] = elt; + this._items[index] = parentElt; + index = parentIndex; + } + }, + + _sinkDown: function (index) { + var elt = this._items[index]; + + while (true) { + var leftChildIndex = 2 * (index + 1) - 1; + var rightChildIndex = 2 * (index + 1); + var swapIndex = -1; + + if (leftChildIndex < this._size) { + var leftChild = this._items[leftChildIndex]; + if (this._comparator(leftChild, elt)) { + swapIndex = leftChildIndex; + } + } + + if (rightChildIndex < this._size) { + var rightChild = this._items[rightChildIndex]; + if (this._comparator(rightChild, elt)) { + if (swapIndex === -1 || + this._comparator(rightChild, this._items[swapIndex])) { + swapIndex = rightChildIndex; + } + } + } + + // if we don't have a swap, stop + if (swapIndex === -1) { + return; + } + + this._items[index] = this._items[swapIndex]; + this._items[swapIndex] = elt; + index = swapIndex; + } + } + } +})(); +;(function () { + var clamp = function (min, value, max) { + if (value < min) { + return min; + } + if (value > max) { + return max; + } + return value; + }; + + var BUFFER_ROWS = 5; + var NO_ROWS_SCROLL_RESULT = { + index: 0, + offset: 0, + position: 0, + contentHeight: 0 + }; + + BI.TableScrollHelper = function (rowCount, + defaultRowHeight, + viewportHeight, + rowHeightGetter) { + this._rowOffsets = BI.PrefixIntervalTree.uniform(rowCount, defaultRowHeight); + this._storedHeights = new Array(rowCount); + for (var i = 0; i < rowCount; ++i) { + this._storedHeights[i] = defaultRowHeight; + } + this._rowCount = rowCount; + this._position = 0; + this._contentHeight = rowCount * defaultRowHeight; + this._defaultRowHeight = defaultRowHeight; + this._rowHeightGetter = rowHeightGetter ? + rowHeightGetter : function () { + return defaultRowHeight + }; + this._viewportHeight = viewportHeight; + + this._updateHeightsInViewport(0, 0); + }; + + BI.TableScrollHelper.prototype = { + constructor: BI.TableScrollHelper, + setRowHeightGetter: function (rowHeightGetter) { + this._rowHeightGetter = rowHeightGetter; + }, + + setViewportHeight: function (viewportHeight) { + this._viewportHeight = viewportHeight; + }, + + getContentHeight: function () { + return this._contentHeight; + }, + + _updateHeightsInViewport: function (firstRowIndex, + firstRowOffset) { + var top = firstRowOffset; + var index = firstRowIndex; + while (top <= this._viewportHeight && index < this._rowCount) { + this._updateRowHeight(index); + top += this._storedHeights[index]; + index++; + } + }, + + _updateHeightsAboveViewport: function (firstRowIndex) { + var index = firstRowIndex - 1; + while (index >= 0 && index >= firstRowIndex - BUFFER_ROWS) { + var delta = this._updateRowHeight(index); + this._position += delta; + index--; + } + }, + + _updateRowHeight: function (rowIndex) { + if (rowIndex < 0 || rowIndex >= this._rowCount) { + return 0; + } + var newHeight = this._rowHeightGetter(rowIndex); + if (newHeight !== this._storedHeights[rowIndex]) { + var change = newHeight - this._storedHeights[rowIndex]; + this._rowOffsets.set(rowIndex, newHeight); + this._storedHeights[rowIndex] = newHeight; + this._contentHeight += change; + return change; + } + return 0; + }, + + getRowPosition: function (rowIndex) { + this._updateRowHeight(rowIndex); + return this._rowOffsets.sumUntil(rowIndex); + }, + + scrollBy: function (delta) { + if (this._rowCount === 0) { + return NO_ROWS_SCROLL_RESULT; + } + var firstRow = this._rowOffsets.greatestLowerBound(this._position); + firstRow = clamp(firstRow, 0, Math.max(this._rowCount - 1, 0)); + var firstRowPosition = this._rowOffsets.sumUntil(firstRow); + var rowIndex = firstRow; + var position = this._position; + + var rowHeightChange = this._updateRowHeight(rowIndex); + if (firstRowPosition !== 0) { + position += rowHeightChange; + } + var visibleRowHeight = this._storedHeights[rowIndex] - + (position - firstRowPosition); + + if (delta >= 0) { + + while (delta > 0 && rowIndex < this._rowCount) { + if (delta < visibleRowHeight) { + position += delta; + delta = 0; + } else { + delta -= visibleRowHeight; + position += visibleRowHeight; + rowIndex++; + } + if (rowIndex < this._rowCount) { + this._updateRowHeight(rowIndex); + visibleRowHeight = this._storedHeights[rowIndex]; + } + } + } else if (delta < 0) { + delta = -delta; + var invisibleRowHeight = this._storedHeights[rowIndex] - visibleRowHeight; + + while (delta > 0 && rowIndex >= 0) { + if (delta < invisibleRowHeight) { + position -= delta; + delta = 0; + } else { + position -= invisibleRowHeight; + delta -= invisibleRowHeight; + rowIndex--; + } + if (rowIndex >= 0) { + var change = this._updateRowHeight(rowIndex); + invisibleRowHeight = this._storedHeights[rowIndex]; + position += change; + } + } + } + + var maxPosition = this._contentHeight - this._viewportHeight; + position = clamp(position, 0, maxPosition); + this._position = position; + var firstRowIndex = this._rowOffsets.greatestLowerBound(position); + firstRowIndex = clamp(firstRowIndex, 0, Math.max(this._rowCount - 1, 0)); + firstRowPosition = this._rowOffsets.sumUntil(firstRowIndex); + var firstRowOffset = firstRowPosition - position; + + this._updateHeightsInViewport(firstRowIndex, firstRowOffset); + this._updateHeightsAboveViewport(firstRowIndex); + + return { + index: firstRowIndex, + offset: firstRowOffset, + position: this._position, + contentHeight: this._contentHeight + }; + }, + + _getRowAtEndPosition: function (rowIndex) { + // We need to update enough rows above the selected one to be sure that when + // we scroll to selected position all rows between first shown and selected + // one have most recent heights computed and will not resize + this._updateRowHeight(rowIndex); + var currentRowIndex = rowIndex; + var top = this._storedHeights[currentRowIndex]; + while (top < this._viewportHeight && currentRowIndex >= 0) { + currentRowIndex--; + if (currentRowIndex >= 0) { + this._updateRowHeight(currentRowIndex); + top += this._storedHeights[currentRowIndex]; + } + } + var position = this._rowOffsets.sumTo(rowIndex) - this._viewportHeight; + if (position < 0) { + position = 0; + } + return position; + }, + + scrollTo: function (position) { + if (this._rowCount === 0) { + return NO_ROWS_SCROLL_RESULT; + } + if (position <= 0) { + // If position less than or equal to 0 first row should be fully visible + // on top + this._position = 0; + this._updateHeightsInViewport(0, 0); + + return { + index: 0, + offset: 0, + position: this._position, + contentHeight: this._contentHeight + }; + } else if (position >= this._contentHeight - this._viewportHeight) { + // If position is equal to or greater than max scroll value, we need + // to make sure to have bottom border of last row visible. + var rowIndex = this._rowCount - 1; + position = this._getRowAtEndPosition(rowIndex); + } + this._position = position; + + var firstRowIndex = this._rowOffsets.greatestLowerBound(position); + firstRowIndex = clamp(firstRowIndex, 0, Math.max(this._rowCount - 1, 0)); + var firstRowPosition = this._rowOffsets.sumUntil(firstRowIndex); + var firstRowOffset = firstRowPosition - position; + + this._updateHeightsInViewport(firstRowIndex, firstRowOffset); + this._updateHeightsAboveViewport(firstRowIndex); + + return { + index: firstRowIndex, + offset: firstRowOffset, + position: this._position, + contentHeight: this._contentHeight + }; + }, + + /** + * Allows to scroll to selected row with specified offset. It always + * brings that row to top of viewport with that offset + */ + scrollToRow: function (rowIndex, offset) { + rowIndex = clamp(rowIndex, 0, Math.max(this._rowCount - 1, 0)); + offset = clamp(offset, -this._storedHeights[rowIndex], 0); + var firstRow = this._rowOffsets.sumUntil(rowIndex); + return this.scrollTo(firstRow - offset); + }, + + /** + * Allows to scroll to selected row by bringing it to viewport with minimal + * scrolling. This that if row is fully visible, scroll will not be changed. + * If top border of row is above top of viewport it will be scrolled to be + * fully visible on the top of viewport. If the bottom border of row is + * below end of viewport, it will be scrolled up to be fully visible on the + * bottom of viewport. + */ + scrollRowIntoView: function (rowIndex) { + rowIndex = clamp(rowIndex, 0, Math.max(this._rowCount - 1, 0)); + var rowBegin = this._rowOffsets.sumUntil(rowIndex); + var rowEnd = rowBegin + this._storedHeights[rowIndex]; + if (rowBegin < this._position) { + return this.scrollTo(rowBegin); + } else if (this._position + this._viewportHeight < rowEnd) { + var position = this._getRowAtEndPosition(rowIndex); + return this.scrollTo(position); + } + return this.scrollTo(this._position); + } + }; + +})(); +// Data structure that allows to store values and assign positions to them +// in a way to minimize changing positions of stored values when new ones are +// added or when some values are replaced. Stored elements are alwasy assigned +// a consecutive set of positoins startin from 0 up to count of elements less 1 +// Following actions can be executed +// * get position assigned to given value (null if value is not stored) +// * create new entry for new value and get assigned position back +// * replace value that is furthest from specified value range with new value +// and get it's position back +// All operations take amortized log(n) time where n is number of elements in +// the set. +BI.IntegerBufferSet = function () { + this._valueToPositionMap = {}; + this._size = 0; + this._smallValues = new BI.Heap( + [], // Initial data in the heap + this._smallerComparator + ); + this._largeValues = new BI.Heap( + [], // Initial data in the heap + this._greaterComparator + ); + +}; + +BI.IntegerBufferSet.prototype = { + constructor: BI.IntegerBufferSet, + getSize: function () /*number*/ { + return this._size; + }, + + getValuePosition: function (/*number*/ value) /*?number*/ { + if (this._valueToPositionMap[value] === undefined) { + return null; + } + return this._valueToPositionMap[value]; + }, + + getNewPositionForValue: function (/*number*/ value) /*number*/ { + var newPosition = this._size; + this._size++; + this._pushToHeaps(newPosition, value); + this._valueToPositionMap[value] = newPosition; + return newPosition; + }, + + replaceFurthestValuePosition: function (/*number*/ lowValue, + /*number*/ highValue, + /*number*/ newValue) /*?number*/ { + this._cleanHeaps(); + if (this._smallValues.empty() || this._largeValues.empty()) { + // Threre are currently no values stored. We will have to create new + // position for this value. + return null; + } + + var minValue = this._smallValues.peek().value; + var maxValue = this._largeValues.peek().value; + if (minValue >= lowValue && maxValue <= highValue) { + // All values currently stored are necessary, we can't reuse any of them. + return null; + } + + var valueToReplace; + if (lowValue - minValue > maxValue - highValue) { + // minValue is further from provided range. We will reuse it's position. + valueToReplace = minValue; + this._smallValues.pop(); + } else { + valueToReplace = maxValue; + this._largeValues.pop(); + } + var position = this._valueToPositionMap[valueToReplace]; + delete this._valueToPositionMap[valueToReplace]; + this._valueToPositionMap[newValue] = position; + this._pushToHeaps(position, newValue); + + return position; + }, + + _pushToHeaps: function (/*number*/ position, /*number*/ value) { + var element = { + position: position, + value:value + }; + // We can reuse the same object in both heaps, because we don't mutate them + this._smallValues.push(element); + this._largeValues.push(element); + }, + + _cleanHeaps: function () { + // We not usually only remove object from one heap while moving value. + // Here we make sure that there is no stale data on top of heaps. + this._cleanHeap(this._smallValues); + this._cleanHeap(this._largeValues); + var minHeapSize = + Math.min(this._smallValues.size(), this._largeValues.size()); + var maxHeapSize = + Math.max(this._smallValues.size(), this._largeValues.size()); + if (maxHeapSize > 10 * minHeapSize) { + // There are many old values in one of heaps. We nned to get rid of them + // to not use too avoid memory leaks + this._recreateHeaps(); + } + }, + + _recreateHeaps: function () { + var sourceHeap = this._smallValues.size() < this._largeValues.size() ? + this._smallValues : + this._largeValues; + var newSmallValues = new Heap( + [], // Initial data in the heap + this._smallerComparator + ); + var newLargeValues = new Heap( + [], // Initial datat in the heap + this._greaterComparator + ); + while (!sourceHeap.empty()) { + var element = sourceHeap.pop(); + // Push all stil valid elements to new heaps + if (this._valueToPositionMap[element.value] !== undefined) { + newSmallValues.push(element); + newLargeValues.push(element); + } + } + this._smallValues = newSmallValues; + this._largeValues = newLargeValues; + }, + + _cleanHeap: function (/*object*/ heap) { + while (!heap.empty() && + this._valueToPositionMap[heap.peek().value] === undefined) { + heap.pop(); + } + }, + + _smallerComparator: function (/*object*/ lhs, /*object*/ rhs) /*boolean*/ { + return lhs.value < rhs.value; + }, + + _greaterComparator: function (/*object*/ lhs, /*object*/ rhs) /*boolean*/ { + return lhs.value > rhs.value; + } +}; +; +!(function () { + BI.LinkHashMap = function () { + this.array = []; + this.map = {}; + }; + BI.LinkHashMap.prototype = { + constructor: BI.LinkHashMap, + has: function (key) { + if (key in this.map) { + return true; + } + return false; + }, + + add: function (key, value) { + if (typeof key == 'undefined') { + return; + } + if (key in this.map) { + this.map[key] = value; + } else { + this.array.push(key); + this.map[key] = value; + } + }, + + remove: function (key) { + if (key in this.map) { + delete this.map[key]; + for (var i = 0; i < this.array.length; i++) { + if (this.array[i] == key) { + this.array.splice(i, 1); + break; + } + } + } + }, + + size: function () { + return this.array.length; + }, + + each: function (fn, scope) { + var scope = scope || window; + var fn = fn || null; + if (fn == null || typeof (fn) != "function") { + return; + } + for (var i = 0; i < this.array.length; i++) { + var key = this.array[i]; + var value = this.map[key]; + var re = fn.call(scope, key, value, i, this.array, this.map); + if (re == false) { + break; + } + } + }, + + get: function (key) { + return this.map[key]; + }, + + toArray: function () { + var array = []; + this.each(function (key, value) { + array.push(value); + }) + return array; + } + } +})();window.BI = window.BI || {}; + +$.extend(BI, { + $defaultImport: function (options) { + var config = $.extend({ + op: 'resource', + path: null, + type: null, + must: false + }, options); + config.url = FR.servletURL + '?op=' + config.op + '&resource=' + config.path; + this.$import(config.url, config.type,config.must); + }, + $import: function () { + var _LOADED = {}; // alex:保存加载过的 + function loadReady(src, must) { + var $scripts = $("head script"); + $.each($scripts, function (i, item) { + if (item.src.indexOf(src) != -1) { + _LOADED[src] = true; + } + }); + var $links = $("head link"); + $.each($links, function (i, item) { + if (item.href.indexOf(src) != -1 && must) { + _LOADED[src] = false; + $(item).remove(); + } + }); + } + + // must=true 强行加载 + return function (src, ext, must) { + loadReady(src, must); + // alex:如果已经加载过了的,直接return + if (_LOADED[src] === true) { + return; + } + if (ext === 'css') { + var link = document.createElement('link'); + link.rel = 'stylesheet'; + link.type = 'text/css'; + link.href = src; + var head = document.getElementsByTagName('head')[0]; + head.appendChild(link); + _LOADED[src] = true; + } else { + // alex:这里用同步调用的方式,必须等待ajax完成 + $.ajax({ + url: src, + dataType: "script", // alex:指定dataType为script,jquery会帮忙做globalEval的事情 + async: false, + cache: true, + complete: function (res, status) { + /* + * alex:发现jquery会很智能地判断一下返回的数据类型是不是script,然后做一个globalEval + * 所以当status为success时就不需要再把其中的内容加到script里面去了 + */ + if (status == 'success') { + _LOADED[src] = true; + } + } + }) + } + } + }() +});; +!(function () { + BI.LRU = function (limit) { + this.size = 0; + this.limit = limit; + this.head = this.tail = undefined; + this._keymap = {}; + }; + + var p = BI.LRU.prototype; + + p.put = function (key, value) { + var removed; + if (this.size === this.limit) { + removed = this.shift(); + } + + var entry = this.get(key, true); + if (!entry) { + entry = { + key: key + }; + this._keymap[key] = entry; + if (this.tail) { + this.tail.newer = entry; + entry.older = this.tail + } else { + this.head = entry + } + this.tail = entry; + this.size++; + } + entry.value = value; + + return removed; + }; + + p.shift = function () { + var entry = this.head; + if (entry) { + this.head = this.head.newer; + this.head.older = undefined; + entry.newer = entry.older = undefined; + this._keymap[entry.key] = undefined; + this.size--; + } + return entry; + }; + + + p.get = function (key, returnEntry) { + var entry = this._keymap[key]; + if (entry === undefined) return; + if (entry === this.tail) { + return returnEntry + ? entry + : entry.value + } + // HEAD--------------TAIL + // <.older .newer> + // <--- add direction -- + // A B C <D> E + if (entry.newer) { + if (entry === this.head) { + this.head = entry.newer + } + entry.newer.older = entry.older; // C <-- E. + } + if (entry.older) { + entry.older.newer = entry.newer; // C. --> E + } + entry.newer = undefined; // D --x + entry.older = this.tail; // D. --> E + if (this.tail) { + this.tail.newer = entry; // E. <-- D + } + this.tail = entry; + return returnEntry + ? entry + : entry.value + }; +})();; +!(function () { + var MD5 = function (hexcase) { + this.hexcase = !hexcase ? 0 : 1; + /* hex output format. 0 - lowercase; 1 - uppercase */ + this.b64pad = ""; + /* base-64 pad character. "=" for strict RFC compliance */ + this.chrsz = 8; + /* bits per input character. 8 - ASCII; 16 - Unicode */ + }; + + /* + * These are the functions you'll usually want to call + * They take string arguments and return either hex or base-64 encoded strings + */ + MD5.prototype.hex_md5 = function (s) { + return this.binl2hex(this.core_md5(this.str2binl(s), s.length * this.chrsz)); + }; + + MD5.prototype.hex_md5_salt = function (s) { + var md5ed = this.hex_md5(s); + + var items1 = []; + var items2 = []; + for (var i = 0; i < md5ed.length; i++) { + if (i % 2 === 0) { + items1.push(md5ed.charAt(i)); + } else { + items2.push(md5ed.charAt(i)); + } + } + var result = ":" + items1.join("") + items2.join(""); + return result; + }; + + MD5.prototype.b64_md5 = function (s) { + return this.binl2b64(this.core_md5(this.str2binl(s), s.length * this.chrsz)); + }; + + MD5.prototype.hex_hmac_md5 = function (key, data) { + return this.binl2hex(this.core_hmac_md5(key, data)); + }; + + MD5.prototype.b64_hmac_md5 = function (key, data) { + return this.binl2b64(this.core_hmac_md5(key, data)); + }; + + /* Backwards compatibility - same as hex_md5() */ + MD5.prototype.calcMD5 = function (s) { + return this.binl2hex(this.core_md5(this.str2binl(s), s.length * this.chrsz)); + }; + + MD5.prototype.core_md5 = function (x, len) { + /* append padding */ + x[len >> 5] |= 0x80 << ((len) % 32); + x[(((len + 64) >>> 9) << 4) + 14] = len; + + var a = 1732584193; + var b = -271733879; + var c = -1732584194; + var d = 271733878; + + for (var i = 0; i < x.length; i += 16) { + var olda = a; + var oldb = b; + var oldc = c; + var oldd = d; + + a = this.md5_ff(a, b, c, d, x[i + 0], 7, -680876936); + d = this.md5_ff(d, a, b, c, x[i + 1], 12, -389564586); + c = this.md5_ff(c, d, a, b, x[i + 2], 17, 606105819); + b = this.md5_ff(b, c, d, a, x[i + 3], 22, -1044525330); + a = this.md5_ff(a, b, c, d, x[i + 4], 7, -176418897); + d = this.md5_ff(d, a, b, c, x[i + 5], 12, 1200080426); + c = this.md5_ff(c, d, a, b, x[i + 6], 17, -1473231341); + b = this.md5_ff(b, c, d, a, x[i + 7], 22, -45705983); + a = this.md5_ff(a, b, c, d, x[i + 8], 7, 1770035416); + d = this.md5_ff(d, a, b, c, x[i + 9], 12, -1958414417); + c = this.md5_ff(c, d, a, b, x[i + 10], 17, -42063); + b = this.md5_ff(b, c, d, a, x[i + 11], 22, -1990404162); + a = this.md5_ff(a, b, c, d, x[i + 12], 7, 1804603682); + d = this.md5_ff(d, a, b, c, x[i + 13], 12, -40341101); + c = this.md5_ff(c, d, a, b, x[i + 14], 17, -1502002290); + b = this.md5_ff(b, c, d, a, x[i + 15], 22, 1236535329); + + a = this.md5_gg(a, b, c, d, x[i + 1], 5, -165796510); + d = this.md5_gg(d, a, b, c, x[i + 6], 9, -1069501632); + c = this.md5_gg(c, d, a, b, x[i + 11], 14, 643717713); + b = this.md5_gg(b, c, d, a, x[i + 0], 20, -373897302); + a = this.md5_gg(a, b, c, d, x[i + 5], 5, -701558691); + d = this.md5_gg(d, a, b, c, x[i + 10], 9, 38016083); + c = this.md5_gg(c, d, a, b, x[i + 15], 14, -660478335); + b = this.md5_gg(b, c, d, a, x[i + 4], 20, -405537848); + a = this.md5_gg(a, b, c, d, x[i + 9], 5, 568446438); + d = this.md5_gg(d, a, b, c, x[i + 14], 9, -1019803690); + c = this.md5_gg(c, d, a, b, x[i + 3], 14, -187363961); + b = this.md5_gg(b, c, d, a, x[i + 8], 20, 1163531501); + a = this.md5_gg(a, b, c, d, x[i + 13], 5, -1444681467); + d = this.md5_gg(d, a, b, c, x[i + 2], 9, -51403784); + c = this.md5_gg(c, d, a, b, x[i + 7], 14, 1735328473); + b = this.md5_gg(b, c, d, a, x[i + 12], 20, -1926607734); + + a = this.md5_hh(a, b, c, d, x[i + 5], 4, -378558); + d = this.md5_hh(d, a, b, c, x[i + 8], 11, -2022574463); + c = this.md5_hh(c, d, a, b, x[i + 11], 16, 1839030562); + b = this.md5_hh(b, c, d, a, x[i + 14], 23, -35309556); + a = this.md5_hh(a, b, c, d, x[i + 1], 4, -1530992060); + d = this.md5_hh(d, a, b, c, x[i + 4], 11, 1272893353); + c = this.md5_hh(c, d, a, b, x[i + 7], 16, -155497632); + b = this.md5_hh(b, c, d, a, x[i + 10], 23, -1094730640); + a = this.md5_hh(a, b, c, d, x[i + 13], 4, 681279174); + d = this.md5_hh(d, a, b, c, x[i + 0], 11, -358537222); + c = this.md5_hh(c, d, a, b, x[i + 3], 16, -722521979); + b = this.md5_hh(b, c, d, a, x[i + 6], 23, 76029189); + a = this.md5_hh(a, b, c, d, x[i + 9], 4, -640364487); + d = this.md5_hh(d, a, b, c, x[i + 12], 11, -421815835); + c = this.md5_hh(c, d, a, b, x[i + 15], 16, 530742520); + b = this.md5_hh(b, c, d, a, x[i + 2], 23, -995338651); + + a = this.md5_ii(a, b, c, d, x[i + 0], 6, -198630844); + d = this.md5_ii(d, a, b, c, x[i + 7], 10, 1126891415); + c = this.md5_ii(c, d, a, b, x[i + 14], 15, -1416354905); + b = this.md5_ii(b, c, d, a, x[i + 5], 21, -57434055); + a = this.md5_ii(a, b, c, d, x[i + 12], 6, 1700485571); + d = this.md5_ii(d, a, b, c, x[i + 3], 10, -1894986606); + c = this.md5_ii(c, d, a, b, x[i + 10], 15, -1051523); + b = this.md5_ii(b, c, d, a, x[i + 1], 21, -2054922799); + a = this.md5_ii(a, b, c, d, x[i + 8], 6, 1873313359); + d = this.md5_ii(d, a, b, c, x[i + 15], 10, -30611744); + c = this.md5_ii(c, d, a, b, x[i + 6], 15, -1560198380); + b = this.md5_ii(b, c, d, a, x[i + 13], 21, 1309151649); + a = this.md5_ii(a, b, c, d, x[i + 4], 6, -145523070); + d = this.md5_ii(d, a, b, c, x[i + 11], 10, -1120210379); + c = this.md5_ii(c, d, a, b, x[i + 2], 15, 718787259); + b = this.md5_ii(b, c, d, a, x[i + 9], 21, -343485551); + + a = this.safe_add(a, olda); + b = this.safe_add(b, oldb); + c = this.safe_add(c, oldc); + d = this.safe_add(d, oldd); + } + return Array(a, b, c, d); + + }; + + /* + * These functions implement the four basic operations the algorithm uses. + */ + MD5.prototype.md5_cmn = function (q, a, b, x, s, t) { + return this.safe_add(this.bit_rol(this.safe_add(this.safe_add(a, q), this.safe_add(x, t)), s), b); + }; + MD5.prototype.md5_ff = function (a, b, c, d, x, s, t) { + return this.md5_cmn((b & c) | ((~b) & d), a, b, x, s, t); + }; + MD5.prototype.md5_gg = function (a, b, c, d, x, s, t) { + return this.md5_cmn((b & d) | (c & (~d)), a, b, x, s, t); + }; + MD5.prototype.md5_hh = function (a, b, c, d, x, s, t) { + return this.md5_cmn(b ^ c ^ d, a, b, x, s, t); + }; + MD5.prototype.md5_ii = function (a, b, c, d, x, s, t) { + return this.md5_cmn(c ^ (b | (~d)), a, b, x, s, t); + }; + + /* + * Calculate the HMAC-MD5, of a key and some data + */ + MD5.prototype.core_hmac_md5 = function (key, data) { + var bkey = this.str2binl(key); + if (bkey.length > 16) + bkey = this.core_md5(bkey, key.length * this.chrsz); + + var ipad = Array(16), opad = Array(16); + for (var i = 0; i < 16; i++) { + ipad[i] = bkey[i] ^ 0x36363636; + opad[i] = bkey[i] ^ 0x5C5C5C5C; + } + + var hash = this.core_md5(ipad.concat(this.str2binl(data)), 512 + data.length * this.chrsz); + return this.core_md5(opad.concat(hash), 512 + 128); + }; + + /* + * Add integers, wrapping at 2^32. This uses 16-bit operations internally + * to work around bugs in some JS interpreters. + */ + MD5.prototype.safe_add = function (x, y) { + var lsw = (x & 0xFFFF) + (y & 0xFFFF); + var msw = (x >> 16) + (y >> 16) + (lsw >> 16); + return (msw << 16) | (lsw & 0xFFFF); + }; + + /* + * Bitwise rotate a 32-bit number to the left. + */ + MD5.prototype.bit_rol = function (num, cnt) { + return (num << cnt) | (num >>> (32 - cnt)); + }; + + /* + * Convert a string to an array of little-endian words + * If chrsz is ASCII, characters >255 have their hi-byte silently ignored. + */ + MD5.prototype.str2binl = function (str) { + var bin = Array(); + var mask = (1 << this.chrsz) - 1; + for (var i = 0; i < str.length * this.chrsz; i += this.chrsz) + bin[i >> 5] |= (str.charCodeAt(i / this.chrsz) & mask) << (i % 32); + return bin; + }; + + /* + * Convert an array of little-endian words to a hex string. + */ + MD5.prototype.binl2hex = function (binarray) { + var hex_tab = this.hexcase ? "0123456789ABCDEF" : "0123456789abcdef"; + var str = ""; + for (var i = 0; i < binarray.length * 4; i++) { + str += hex_tab.charAt((binarray[i >> 2] >> ((i % 4) * 8 + 4)) & 0xF) + + hex_tab.charAt((binarray[i >> 2] >> ((i % 4) * 8)) & 0xF); + } + return str; + }; + + /* + * Convert an array of little-endian words to a base-64 string + */ + MD5.prototype.binl2b64 = function (binarray) { + var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; + var str = ""; + for (var i = 0; i < binarray.length * 4; i += 3) { + var triplet = (((binarray[i >> 2] >> 8 * (i % 4)) & 0xFF) << 16) + | (((binarray[i + 1 >> 2] >> 8 * ((i + 1) % 4)) & 0xFF) << 8) + | ((binarray[i + 2 >> 2] >> 8 * ((i + 2) % 4)) & 0xFF); + for (var j = 0; j < 4; j++) { + if (i * 8 + j * 6 > binarray.length * 32) + str += this.b64pad; + else + str += tab.charAt((triplet >> 6 * (3 - j)) & 0x3F); + } + } + return str; + }; + BI.MD5 = new MD5(); +})();//线段树 +;(function () { + var parent = function (node) { + return Math.floor(node / 2); + }; + + var Int32Array = window.Int32Array || function (size) { + var xs = []; + for (var i = size - 1; i >= 0; --i) { + xs[i] = 0; + } + return xs; + }; + + var ceilLog2 = function (x) { + var y = 1; + while (y < x) { + y *= 2; + } + return y; + }; + + BI.PrefixIntervalTree = function (xs) { + this._size = xs.length; + this._half = ceilLog2(this._size); + this._heap = new Int32Array(2 * this._half); + + var i; + for (i = 0; i < this._size; ++i) { + this._heap[this._half + i] = xs[i]; + } + + for (i = this._half - 1; i > 0; --i) { + this._heap[i] = this._heap[2 * i] + this._heap[2 * i + 1]; + } + }; + + BI.PrefixIntervalTree.prototype = { + constructor: BI.PrefixIntervalTree, + set: function (index, value) { + var node = this._half + index; + this._heap[node] = value; + + node = parent(node); + for (; node !== 0; node = parent(node)) { + this._heap[node] = + this._heap[2 * node] + this._heap[2 * node + 1]; + } + }, + + get: function (index) { + var node = this._half + index; + return this._heap[node]; + }, + + getSize: function () { + return this._size; + }, + + /** + * get(0) + get(1) + ... + get(end - 1). + */ + sumUntil: function (end) { + if (end === 0) { + return 0; + } + + var node = this._half + end - 1; + var sum = this._heap[node]; + for (; node !== 1; node = parent(node)) { + if (node % 2 === 1) { + sum += this._heap[node - 1]; + } + } + + return sum; + }, + + /** + * get(0) + get(1) + ... + get(inclusiveEnd). + */ + sumTo: function (inclusiveEnd) { + return this.sumUntil(inclusiveEnd + 1); + }, + + /** + * sum get(begin) + get(begin + 1) + ... + get(end - 1). + */ + sum: function (begin, end) { + return this.sumUntil(end) - this.sumUntil(begin); + }, + + /** + * Returns the smallest i such that 0 <= i <= size and sumUntil(i) <= t, or + * -1 if no such i exists. + */ + greatestLowerBound: function (t) { + if (t < 0) { + return -1; + } + + var node = 1; + if (this._heap[node] <= t) { + return this._size; + } + + while (node < this._half) { + var leftSum = this._heap[2 * node]; + if (t < leftSum) { + node = 2 * node; + } else { + node = 2 * node + 1; + t -= leftSum; + } + } + + return node - this._half; + }, + + /** + * Returns the smallest i such that 0 <= i <= size and sumUntil(i) < t, or + * -1 if no such i exists. + */ + greatestStrictLowerBound: function (t) { + if (t <= 0) { + return -1; + } + + var node = 1; + if (this._heap[node] < t) { + return this._size; + } + + while (node < this._half) { + var leftSum = this._heap[2 * node]; + if (t <= leftSum) { + node = 2 * node; + } else { + node = 2 * node + 1; + t -= leftSum; + } + } + + return node - this._half; + }, + + /** + * Returns the smallest i such that 0 <= i <= size and t <= sumUntil(i), or + * size + 1 if no such i exists. + */ + leastUpperBound: function (t) { + return this.greatestStrictLowerBound(t) + 1; + }, + + /** + * Returns the smallest i such that 0 <= i <= size and t < sumUntil(i), or + * size + 1 if no such i exists. + */ + leastStrictUpperBound: function (t) { + return this.greatestLowerBound(t) + 1; + } + }; + + BI.PrefixIntervalTree.uniform = function (size, initialValue) { + var xs = []; + for (var i = size - 1; i >= 0; --i) { + xs[i] = initialValue; + } + + return new BI.PrefixIntervalTree(xs); + }; + + BI.PrefixIntervalTree.empty = function () { + return BI.PrefixIntervalTree.uniform(size, 0); + }; + +})(); +; +!(function () { + BI.Queue = function (capacity) { + this.capacity = capacity; + this.array = []; + }; + BI.Queue.prototype = { + constructor: BI.Queue, + + contains: function (v) { + return this.array.contains(v); + }, + + indexOf: function (v) { + return this.array.contains(v); + }, + + getElementByIndex: function(index) { + return this.array[index]; + }, + + push: function (v) { + this.array.push(v); + if (this.capacity && this.array.length > this.capacity) { + this.array.shift(); + } + }, + + pop: function () { + this.array.pop(); + }, + + shift: function () { + this.array.shift(); + }, + + unshift: function (v) { + this.array.unshift(v); + if (this.capacity && this.array.length > this.capacity) { + this.array.pop(); + } + }, + + remove: function (v) { + this.array.remove(v); + }, + + splice: function() { + this.array.splice.apply(this.array, arguments); + }, + + slice: function() { + this.array.slice.apply(this.array, arguments); + }, + + size: function () { + return this.array.length; + }, + + each: function (fn, scope) { + var scope = scope || window; + var fn = fn || null; + if (fn == null || typeof (fn) != "function") { + return; + } + for (var i = 0; i < this.array.length; i++) { + var re = fn.call(scope, i, this.array[i], this.array); + if (re == false) { + break; + } + } + }, + + toArray: function () { + return this.array; + }, + + fromArray: function (array) { + var self = this; + BI.each(array, function (i, v) { + self.push(v); + }) + }, + + clear: function () { + this.array.clear(); + } + } +})();!(function () { + var Section = function (height, width, x, y) { + this.height = height; + this.width = width; + this.x = x; + this.y = y; + + this._indexMap = {}; + this._indices = []; + }; + + Section.prototype = { + constructor: Section, + addCellIndex: function (index) { + if (!this._indexMap[index]) { + this._indexMap[index] = true; + this._indices.push(index); + } + }, + + getCellIndices: function () { + return this._indices + } + }; + + var SECTION_SIZE = 100; + BI.SectionManager = function (sectionSize) { + this._sectionSize = sectionSize || SECTION_SIZE; + this._cellMetadata = []; + this._sections = {}; + }; + + BI.SectionManager.prototype = { + constructor: BI.SectionManager, + getCellIndices: function (height, width, x, y) { + var indices = {}; + + BI.each(this.getSections(height, width, x, y), function (i, section) { + BI.each(section.getCellIndices(), function (j, index) { + indices[index] = index + }) + }); + + return BI.map(BI.keys(indices), function (i, index) { + return indices[index] + }); + }, + + getCellMetadata: function (index) { + return this._cellMetadata[index]; + }, + + getSections: function (height, width, x, y) { + var sectionXStart = Math.floor(x / this._sectionSize); + var sectionXStop = Math.floor((x + width - 1) / this._sectionSize); + var sectionYStart = Math.floor(y / this._sectionSize); + var sectionYStop = Math.floor((y + height - 1) / this._sectionSize); + + var sections = []; + + for (var sectionX = sectionXStart; sectionX <= sectionXStop; sectionX++) { + for (var sectionY = sectionYStart; sectionY <= sectionYStop; sectionY++) { + var key = sectionX + "." + sectionY; + + if (!this._sections[key]) { + this._sections[key] = new Section(this._sectionSize, this._sectionSize, sectionX * this._sectionSize, sectionY * this._sectionSize) + } + + sections.push(this._sections[key]) + } + } + + return sections + }, + + getTotalSectionCount: function () { + return BI.size(this._sections); + }, + + registerCell: function (cellMetadatum, index) { + this._cellMetadata[index] = cellMetadatum; + + BI.each(this.getSections(cellMetadatum.height, cellMetadatum.width, cellMetadatum.x, cellMetadatum.y), function (i, section) { + section.addCellIndex(index); + }); + } + } +})();if (typeof Set !== 'undefined' && Set.toString().match(/native code/)) { + +} else { + Set = function () { + this.set = {} + }; + Set.prototype.has = function (key) { + return this.set[key] !== undefined; + }; + Set.prototype.add = function (key) { + this.set[key] = 1 + }; + Set.prototype.clear = function () { + this.set = {} + }; +}; +(function () { + var clamp = function (value, min, max) { + if (value < min) { + return min; + } + if (value > max) { + return max; + } + return value; + }; + var MIN_BUFFER_ROWS = 6; + var MAX_BUFFER_ROWS = 10; + + BI.TableRowBuffer = function (rowsCount, + defaultRowHeight, + viewportHeight, + rowHeightGetter) { + this._bufferSet = new BI.IntegerBufferSet(); + this._defaultRowHeight = defaultRowHeight; + this._viewportRowsBegin = 0; + this._viewportRowsEnd = 0; + this._maxVisibleRowCount = Math.ceil(viewportHeight / defaultRowHeight) + 1; + // this._bufferRowsCount = Math.floor(this._maxVisibleRowCount / 2); + this._bufferRowsCount = clamp( + Math.floor(this._maxVisibleRowCount / 2), + MIN_BUFFER_ROWS, + MAX_BUFFER_ROWS + ); + this._rowsCount = rowsCount; + this._rowHeightGetter = rowHeightGetter; + this._rows = []; + this._viewportHeight = viewportHeight; + + }; + BI.TableRowBuffer.prototype = { + constructor: BI.TableRowBuffer, + + getRowsWithUpdatedBuffer: function () { + var remainingBufferRows = 2 * this._bufferRowsCount; + var bufferRowIndex = + Math.max(this._viewportRowsBegin - this._bufferRowsCount, 0); + while (bufferRowIndex < this._viewportRowsBegin) { + this._addRowToBuffer( + bufferRowIndex, + this._viewportRowsBegin, + this._viewportRowsEnd - 1 + ); + bufferRowIndex++; + remainingBufferRows--; + } + bufferRowIndex = this._viewportRowsEnd; + while (bufferRowIndex < this._rowsCount && remainingBufferRows > 0) { + this._addRowToBuffer( + bufferRowIndex, + this._viewportRowsBegin, + this._viewportRowsEnd - 1 + ); + bufferRowIndex++; + remainingBufferRows--; + } + return this._rows; + }, + + getRows: function (firstRowIndex, + firstRowOffset) { + var top = firstRowOffset; + var totalHeight = top; + var rowIndex = firstRowIndex; + var endIndex = + Math.min(firstRowIndex + this._maxVisibleRowCount, this._rowsCount); + + this._viewportRowsBegin = firstRowIndex; + while (rowIndex < endIndex || + (totalHeight < this._viewportHeight && rowIndex < this._rowsCount)) { + this._addRowToBuffer( + rowIndex, + firstRowIndex, + endIndex - 1 + ); + totalHeight += this._rowHeightGetter(rowIndex); + ++rowIndex; + // Store index after the last viewport row as end, to be able to + // distinguish when there are no rows rendered in viewport + this._viewportRowsEnd = rowIndex; + } + + return this._rows; + }, + + _addRowToBuffer: function (rowIndex, + firstViewportRowIndex, + lastViewportRowIndex) { + var rowPosition = this._bufferSet.getValuePosition(rowIndex); + var viewportRowsCount = lastViewportRowIndex - firstViewportRowIndex + 1; + var allowedRowsCount = viewportRowsCount + this._bufferRowsCount * 2; + if (rowPosition === null && + this._bufferSet.getSize() >= allowedRowsCount) { + rowPosition = + this._bufferSet.replaceFurthestValuePosition( + firstViewportRowIndex, + lastViewportRowIndex, + rowIndex + ); + } + if (rowPosition === null) { + // We can't reuse any of existing positions for this row. We have to + // create new position + rowPosition = this._bufferSet.getNewPositionForValue(rowIndex); + this._rows[rowPosition] = rowIndex; + } else { + // This row already is in the table with rowPosition position or it + // can replace row that is in that position + this._rows[rowPosition] = rowIndex; + } + } + } + +})(); +; +(function () { + BI.Tree = function () { + this.root = new BI.Node(BI.UUID()); + }; + + BI.Tree.prototype = { + constructor: BI.Tree, + addNode: function (node, newNode, index) { + if (BI.isNull(newNode)) { + this.root.addChild(node, index); + } else if (BI.isNull(node)) { + this.root.addChild(newNode, index); + } else { + node.addChild(newNode, index); + } + }, + + isRoot: function (node) { + return node === this.root || node.id === this.root.id; + }, + + getRoot: function () { + return this.root; + }, + + clear: function () { + this.root.clear(); + }, + + initTree: function (nodes) { + var self = this; + this.clear(); + var queue = []; + BI.each(nodes, function (i, node) { + var n = new BI.Node(node); + n.set("data", node); + self.addNode(n); + queue.push(n); + }); + while (!BI.isEmpty(queue)) { + var parent = queue.shift(); + var node = parent.get("data"); + BI.each(node.children, function (i, child) { + var n = new BI.Node(child); + n.set("data", child); + queue.push(n); + self.addNode(parent, n); + }) + } + }, + + _toJSON: function (node) { + var self = this; + var children = []; + BI.each(node.getChildren(), function (i, child) { + children.push(self._toJSON(child)); + }); + return BI.extend({ + id: node.id + }, BI.deepClone(node.get("data")), (children.length > 0 ? { + children: children + } : {})); + }, + + toJSON: function (node) { + var self = this, result = []; + BI.each((node || this.root).getChildren(), function (i, child) { + result.push(self._toJSON(child)); + }); + return result; + }, + + _toJSONWithNode: function (node) { + var self = this; + var children = []; + BI.each(node.getChildren(), function (i, child) { + children.push(self._toJSONWithNode(child)); + }); + return BI.extend({ + id: node.id + }, BI.deepClone(node.get("data")), { + node: node + }, (children.length > 0 ? { + children: children + } : {})); + }, + + toJSONWithNode: function (node) { + var self = this, result = []; + BI.each((node || this.root).getChildren(), function (i, child) { + result.push(self._toJSONWithNode(child)); + }); + return result; + }, + + search: function (root, target, param) { + if (!(root instanceof BI.Node)) { + return arguments.callee.apply(this, [this.root, root, target]); + } + var self = this, next = null; + + if (BI.isNull(target)) { + return null; + } + if (BI.isEqual(root[param || "id"], target)) { + return root; + } + BI.any(root.getChildren(), function (i, child) { + next = self.search(child, target, param); + if (null !== next) { + return true; + } + }); + return next; + }, + + _traverse: function (node, callback) { + var queue = []; + queue.push(node); + while (!BI.isEmpty(queue)) { + var temp = queue.shift(); + var b = callback && callback(temp); + if (b === false) { + break; + } + if (b === true) { + continue; + } + if (temp != null) { + queue = queue.concat(temp.getChildren()); + } + } + }, + + traverse: function (callback) { + this._traverse(this.root, callback); + }, + + _recursion: function (node, route, callback) { + var self = this; + return BI.every(node.getChildren(), function (i, child) { + var next = BI.clone(route); + next.push(child.id); + var b = callback && callback(child, next); + if (b === false) { + return false; + } + if (b === true) { + return true; + } + return self._recursion(child, next, callback); + }); + }, + + recursion: function (callback) { + this._recursion(this.root, [], callback); + }, + + inOrderTraverse: function (callback) { + this._inOrderTraverse(this.root, callback); + }, + + //中序遍历(递归) + _inOrderTraverse: function (node, callback) { + if (node != null) { + this._inOrderTraverse(node.getLeft()); + callback && callback(node); + this._inOrderTraverse(node.getRight()); + } + }, + + //中序遍历(非递归) + nrInOrderTraverse: function (callback) { + + var stack = []; + var node = this.root; + while (node != null || !BI.isEmpty(stack)) { + while (node != null) { + stack.push(node); + node = node.getLeft(); + } + node = stack.pop(); + callback && callback(node); + node = node.getRight(); + } + }, + + preOrderTraverse: function (callback) { + this._preOrderTraverse(this.root, callback); + }, + + //先序遍历(递归) + _preOrderTraverse: function (node, callback) { + if (node != null) { + callback && callback(node); + this._preOrderTraverse(node.getLeft()); + this._preOrderTraverse(node.getRight()); + } + }, + + //先序遍历(非递归) + nrPreOrderTraverse: function (callback) { + + var stack = []; + var node = this.root; + + while (node != null || !BI.isEmpty(stack)) { + + while (node != null) { + callback && callback(node); + stack.push(node); + node = node.getLeft(); + } + node = stack.pop(); + node = node.getRight(); + } + }, + + postOrderTraverse: function (callback) { + this._postOrderTraverse(this.root, callback); + }, + + //后序遍历(递归) + _postOrderTraverse: function (node, callback) { + if (node != null) { + this._postOrderTraverse(node.getLeft()); + this._postOrderTraverse(node.getRight()); + callback && callback(node); + } + }, + + //后续遍历(非递归) + nrPostOrderTraverse: function (callback) { + + var stack = []; + var node = this.root; + var preNode = null;//表示最近一次访问的节点 + + while (node != null || !BI.isEmpty(stack)) { + + while (node != null) { + stack.push(node); + node = node.getLeft(); + } + + node = BI.last(stack); + + if (node.getRight() == null || node.getRight() == preNode) { + callback && callback(node); + node = stack.pop(); + preNode = node; + node = null; + } else { + node = node.getRight(); + } + } + } + }; + + BI.Node = function (id) { + if (BI.isObject(id)) { + BI.extend(this, id); + } else { + this.id = id; + } + this.clear.apply(this, arguments); + }; + + BI.Node.prototype = { + constructor: BI.Node, + + set: function (key, value) { + if (BI.isObject(key)) { + BI.extend(this, key); + return; + } + this[key] = value; + }, + + get: function (key) { + return this[key]; + }, + + isLeaf: function () { + return BI.isEmpty(this.children); + }, + + getChildren: function () { + return this.children; + }, + + getChildrenLength: function () { + return this.children.length; + }, + + getFirstChild: function () { + return BI.first(this.children); + }, + + getLastChild: function () { + return BI.last(this.children); + }, + + setLeft: function (left) { + this.left = left; + }, + + getLeft: function () { + return this.left; + }, + + setRight: function (right) { + this.right = right; + }, + + getRight: function () { + return this.right; + }, + + setParent: function (parent) { + this.parent = parent; + }, + + getParent: function () { + return this.parent; + }, + + getChild: function (index) { + return this.children[index]; + }, + + getChildIndex: function (id) { + return BI.findIndex(this.children, function (i, ch) { + return ch.get("id") === id; + }); + }, + + removeChild: function (id) { + this.removeChildByIndex(this.getChildIndex(id)); + }, + + removeChildByIndex: function (index) { + var before = this.getChild(index - 1); + var behind = this.getChild(index + 1); + if (before != null) { + before.setRight(behind || null); + } + if (behind != null) { + behind.setLeft(before || null); + } + this.children.splice(index, 1); + }, + + removeAllChilds: function () { + this.children = []; + }, + + addChild: function (child, index) { + var cur = null; + if (BI.isUndefined(index)) { + cur = this.children.length - 1; + } else { + cur = index - 1; + } + child.setParent(this); + if (cur >= 0) { + this.getChild(cur).setRight(child); + child.setLeft(this.getChild(cur)); + } + if (BI.isUndefined(index)) { + this.children.push(child); + } else { + this.children.splice(index, 0, child); + } + }, + + equals: function (obj) { + return this === obj || this.id === obj.id; + }, + + clear: function () { + this.parent = null; + this.left = null; + this.right = null; + this.children = []; + } + }; + + BI.extend(BI.Tree, { + transformToArrayFormat: function (nodes, pId) { + if (!nodes) return []; + var r = []; + if (BI.isArray(nodes)) { + for (var i = 0, l = nodes.length; i < l; i++) { + var node = BI.clone(nodes[i]); + node.pId = pId; + delete node.children; + r.push(node); + if (nodes[i]["children"]) { + r = r.concat(BI.Tree.transformToArrayFormat(nodes[i]["children"], node.id)); + } + } + } else { + var newNodes = BI.clone(nodes); + newNodes.pId = pId; + delete newNodes.children; + r.push(newNodes); + if (nodes["children"]) { + r = r.concat(BI.Tree.transformToArrayFormat(nodes["children"], newNodes.id)); + } + } + return r; + }, + + arrayFormat: function (nodes, pId) { + if (!nodes) return []; + var r = []; + if (BI.isArray(nodes)) { + for (var i = 0, l = nodes.length; i < l; i++) { + var node = nodes[i]; + r.push(node); + if (nodes[i]["children"]) { + r = r.concat(BI.Tree.transformToArrayFormat(nodes[i]["children"], node.id)); + } + } + } else { + var newNodes = nodes; + r.push(newNodes); + if (nodes["children"]) { + r = r.concat(BI.Tree.transformToArrayFormat(nodes["children"], newNodes.id)); + } + } + return r; + }, + + transformToTreeFormat: function (sNodes) { + var i, l; + if (!sNodes) { + return []; + } + + if (BI.isArray(sNodes)) { + var r = []; + var tmpMap = []; + for (i = 0, l = sNodes.length; i < l; i++) { + if(BI.isNull(sNodes[i].id)) { + return sNodes; + } + tmpMap[sNodes[i].id] = BI.clone(sNodes[i]); + } + for (i = 0, l = sNodes.length; i < l; i++) { + if (tmpMap[sNodes[i].pId] && sNodes[i].id != sNodes[i].pId) { + if (!tmpMap[sNodes[i].pId].children) { + tmpMap[sNodes[i].pId].children = []; + } + tmpMap[sNodes[i].pId].children.push(tmpMap[sNodes[i].id]); + } else { + r.push(tmpMap[sNodes[i].id]); + } + delete tmpMap[sNodes[i].id].pId; + } + return r; + } else { + return [sNodes]; + } + } + }) +})();//向量操作 +BI.Vector = function (x, y) { + this.x = x; + this.y = y; +}; +BI.Vector.prototype = { + constructor: BI.Vector, + cross: function (v) { + return (this.x * v.y - this.y * v.x); + }, + length: function (v) { + return (Math.sqrt(this.x * v.x + this.y * v.y)); + } +}; +BI.Region = function (x, y, w, h) { + this.x = x; + this.y = y; + this.w = w; + this.h = h; +}; +BI.Region.prototype = { + constructor: BI.Region, + //判断两个区域是否相交,若相交,则要么顶点互相包含,要么矩形边界(或对角线)相交 + isIntersects: function (obj) { + if (this.isPointInside(obj.x, obj.y) || + this.isPointInside(obj.x + obj.w, obj.y) || + this.isPointInside(obj.x, obj.y + obj.h) || + this.isPointInside(obj.x + obj.w, obj.y + obj.h)) { + return true; + } else if (obj.isPointInside(this.x, this.y) || + obj.isPointInside(this.x + this.w, this.y) || + obj.isPointInside(this.x, this.y + this.h) || + obj.isPointInside(this.x + this.w, this.y + this.h)) { + return true; + } else if (obj.x != null && obj.y != null)//判断矩形对角线相交 |v1 X v2||v1 X v3| < 0 + { + var vector1 = new BI.Vector(this.w, this.h);//矩形对角线向量 + var vector2 = new BI.Vector(obj.x - this.x, obj.y - this.y); + var vector3 = new BI.Vector(vector2.x + obj.w, vector2.y + obj.h); + if ((vector1.cross(vector2) * vector1.cross(vector3)) < 0) { + return true; + } + } + return false; + }, + //判断一个点是否在这个区域内部 + isPointInside: function (x, y) { + if (this.x == null || this.y == null) { + return false; + } + if (x >= this.x && x <= this.x + this.w && y >= this.y && y <= this.y + this.h) { + return true; + } + return false; + }, + //返回区域的重心,因为是矩形所以返回中点 + getPosition: function () { + var pos = []; + pos.push(this.x + this.w / 2); + pos.push(this.y + this.h / 2); + return pos; + } +};; +!(function (BI) { + + if (BI.isIE()) { + XMLSerializer = null; + DOMParser = null; + } + + + var XML = { + Document: { + NodeType: { + ELEMENT: 1, + ATTRIBUTE: 2, + TEXT: 3, + CDATA_SECTION: 4, + ENTITY_REFERENCE: 5, + ENTITY: 6, + PROCESSING_INSTRUCTION: 7, + COMMENT: 8, + DOCUMENT: 9, + DOCUMENT_TYPE: 10, + DOCUMENT_FRAGMENT: 11, + NOTATION: 12 + } + } + }; + + XML.ResultType = { + single: 'single', + array: 'array' + }; + + XML.fromString = function (xmlStr) { + try { + var parser = new DOMParser(); + return parser.parseFromString(xmlStr, "text/xml"); + } catch (e) { + var arrMSXML = ["MSXML2.DOMDocument.6.0", "MSXML2.DOMDocument.3.0"]; + for (var i = 0; i < arrMSXML.length; i++) { + try { + var xmlDoc = new ActiveXObject(arrMSXML[i]); + xmlDoc.setProperty("SelectionLanguage", "XPath"); + xmlDoc.async = false; + xmlDoc.loadXML(xmlStr); + return xmlDoc; + } catch (xmlError) { + } + } + } + }; + + XML.toString = function (xmlNode) { + if (!BI.isIE()) { + var xmlSerializer = new XMLSerializer(); + return xmlSerializer.serializeToString(xmlNode); + } else + return xmlNode.xml; + }; + + XML.getNSResolver = function (str) { + if (!str) + return null; + var list = str.split(' '); + var namespaces = {}; + for (var i = 0; i < list.length; i++) { + var pair = list[i].split('='); + var fix = BI.trim(pair[0]).replace("xmlns:", ""); + namespaces[fix] = BI.trim(pair[1]).replace(/"/g, "").replace(/'/g, ""); + } + return function (prefix) { + return namespaces[prefix]; + }; + }; + + XML.eval = function (context, xpathExp, resultType, namespaces) { + if ((BI.isIE() && ('undefined' === typeof(context.selectSingleNode) || 'undefined' === typeof(context.selectNodes)))) { + return XML.eval2(context, xpathExp, resultType, namespaces); + } else { + if (BI.isIE()) { + namespaces = namespaces ? namespaces : ""; + var doc = (context.nodeType == XML.Document.NodeType.DOCUMENT) ? context : context.ownerDocument; + doc.setProperty("SelectionNamespaces", namespaces); + var result; + if (resultType == this.ResultType.single) { + result = context.selectSingleNode(xpathExp); + } else { + result = context.selectNodes(xpathExp) || []; + } + doc.setProperty("SelectionNamespaces", ""); + return result; + } else { + var node = context; + var xmlDoc = (context.nodeName.indexOf("document") == -1) ? context.ownerDocument : context; + var retType = (resultType == this.ResultType.single) ? XPathResult.FIRST_ORDERED_NODE_TYPE : XPathResult.ANY_TYPE; + var col = xmlDoc.evaluate(xpathExp, node, XML.getNSResolver(namespaces), retType, null); + + if (retType == XPathResult.FIRST_ORDERED_NODE_TYPE) { + return col.singleNodeValue; + } else { + var thisColMemb = col.iterateNext(); + var rowsCol = []; + while (thisColMemb) { + rowsCol[rowsCol.length] = thisColMemb; + thisColMemb = col.iterateNext(); + } + return rowsCol; + } + } + } + }; + + XML.eval2 = function (context, xpathExp, resultType, namespaces) { + if (resultType !== "single" && resultType !== undefined && resultType !== null) { + throw new Error("justep.SimpleXML.eval只支持resultType='single', 不支持" + resultType); + } + + if (context === null || context === undefined || xpathExp === null || xpathExp === undefined) { + return context; + } + + if (context.nodeType == XML.Document.NodeType.DOCUMENT) { + context = context.documentElement; + } + + var childs, i; + if (xpathExp.indexOf("/") != -1) { + var items = xpathExp.split("/"); + var isAbs = xpathExp.substring(0, 1) == "/"; + for (i = 0; i < items.length; i++) { + var item = items[i]; + if (item === "") { + continue; + } else { + var next = null; + var ii = i + 1; + for (; ii < items.length; ii++) { + if (next === null) { + next = items[ii]; + } else { + next = next + "/" + items[ii]; + } + } + + if (item == ".") { + return this.eval(context, next, resultType); + + } else if (item == "..") { + return this.eval2(context.parentNode, next, resultType); + + } else if (item == "*") { + if (isAbs) { + return this.eval2(context, next, resultType); + + } else { + childs = context.childNodes; + for (var j = 0; j < childs.length; j++) { + var tmp = this.eval2(childs[j], next, resultType); + if (tmp !== null) { + return tmp; + } + } + return null; + } + + } else { + if (isAbs) { + if (context.nodeName == item) { + return this.eval2(context, next, resultType); + } else { + return null; + } + } else { + var child = this.getChildByName(context, item); + if (child !== null) { + return this.eval2(child, next, resultType); + } else { + return null; + } + + } + } + + } + } + + return null; + + } else { + if ("text()" == xpathExp) { + childs = context.childNodes; + for (i = 0; i < childs.length; i++) { + if (childs[i].nodeType == XML.Document.NodeType.TEXT) { + return childs[i]; + } + } + return null; + } else { + return this.getChildByName(context, xpathExp); + } + } + }; + + XML.getChildByName = function (context, name) { + if (context === null || context === undefined || name === null || name === undefined) { + return null; + } + + if (context.nodeType == XML.Document.NodeType.DOCUMENT) { + context = context.documentElement; + } + + var childs = context.childNodes; + for (var i = 0; i < childs.length; i++) { + if (childs[i].nodeType == XML.Document.NodeType.ELEMENT && (childs[i].nodeName == name || name == "*")) { + return childs[i]; + } + } + + return null; + }; + + XML.appendChildren = function (context, xpathExp, nodes, isBefore) { + nodes = (typeof nodes.length != "undefined") ? nodes : [nodes]; + var finded = this.eval(context, xpathExp); + var count = finded.length; + for (var i = 0; i < count; i++) { + if (isBefore && finded[i].firstNode) { + this._insertBefore(finded[i], nodes, finded[i].firstNode); + } else { + for (var j = 0; j < nodes.length; j++) { + finded[i].appendChild(nodes[j]); + } + } + } + return count; + }; + + XML.removeNodes = function (context, xpathExp) { + var nodes = this.eval(context, xpathExp); + for (var i = 0; i < nodes.length; i++) { + nodes[i].parentNode.removeChild(nodes[i]); + } + }; + + XML._insertBefore = function (parent, newchildren, refchild) { + for (var i = 0; i < newchildren.length; i++) { + parent.insertBefore(newchildren[i], refchild); + } + }; + + XML.insertNodes = function (context, xpathExp, nodes, isBefore) { + nodes = (typeof nodes.length != "undefined") ? nodes : [nodes]; + var finded = this.eval(context, xpathExp); + var count = finded.length; + for (var i = 0; i < count; i++) { + var refnode = (isBefore) ? finded[i] : finded[i].nextSibling; + this._insertBefore(finded[i].parentNode, nodes, refnode); + } + return count; + }; + + XML.replaceNodes = function (context, xpathExp, nodes) { + nodes = (typeof nodes.length != "undefined") ? nodes : [nodes]; + var finded = this.eval(context, xpathExp); + var count = finded.length; + for (var i = 0; i < count; i++) { + var refnode = finded[i]; + var parent = refnode.parentNode; + this._insertBefore(parent, nodes, refnode); + parent.removeChild(refnode); + } + return count; + }; + + XML.setNodeText = function (context, xpathExp, text) { + var finded = this.eval(context, xpathExp, this.ResultType.single); + if (finded === null) + return; + if (finded.nodeType == XML.Document.NodeType.ELEMENT) { + var textNode = this.eval(finded, "./text()", this.ResultType.single); + if (!textNode) { + textNode = finded.ownerDocument.createTextNode(""); + finded.appendChild(textNode); + } + textNode.nodeValue = text; + } else { + finded.nodeValue = text; + } + return; + }; + + XML.getNodeText = function (context, xpathExp, defaultValue) { + var finded = xpathExp ? this.eval(context, xpathExp, this.ResultType.single) : context; + if (finded && (finded.nodeType == XML.Document.NodeType.ELEMENT)) { + finded = this.eval(finded, "./text()", this.ResultType.single); + } + return (finded && finded.nodeValue) ? "" + finded.nodeValue : (defaultValue !== undefined) ? defaultValue : null; + }; + + XML.Namespaces = { + XMLSCHEMA: "http://www.w3.org/2001/XMLSchema#", + XMLSCHEMA_STRING: "http://www.w3.org/2001/XMLSchema#String", + XMLSCHEMA_LONG: "http://www.w3.org/2001/XMLSchema#Long", + XMLSCHEMA_INTEGER: 'http://www.w3.org/2001/XMLSchema#Integer', + XMLSCHEMA_FLOAT: 'http://www.w3.org/2001/XMLSchema#Float', + XMLSCHEMA_DOUBLE: 'http://www.w3.org/2001/XMLSchema#Double', + XMLSCHEMA_DECIMAL: 'http://www.w3.org/2001/XMLSchema#Decimal', + XMLSCHEMA_DATE: 'http://www.w3.org/2001/XMLSchema#Date', + XMLSCHEMA_TIME: 'http://www.w3.org/2001/XMLSchema#Time', + XMLSCHEMA_DATETIME: 'http://www.w3.org/2001/XMLSchema#DateTime', + XMLSCHEMA_BOOLEAN: 'http://www.w3.org/2001/XMLSchema#Boolean', + XMLSCHEMA_SYMBOL: 'http://www.w3.org/2001/XMLSchema#Symbol', + JUSTEPSCHEMA: "http://www.justep.com/xbiz#", + RDF: "http://www.w3.org/1999/02/22-rdf-syntax-ns#", + JUSTEP: "http://www.justep.com/x5#", + 'get': function (type) { + type = type ? type.toLowerCase() : "string"; + if ("string" == type) + return XML.Namespaces.XMLSCHEMA_STRING; + else if ("integer" == type) + return XML.Namespaces.XMLSCHEMA_INTEGER; + else if ("long" == type) + return XML.Namespaces.XMLSCHEMA_LONG; + else if ("float" == type) + return XML.Namespaces.XMLSCHEMA_FLOAT; + else if ("double" == type) + return XML.Namespaces.XMLSCHEMA_DOUBLE; + else if ("decimal" == type) + return XML.Namespaces.XMLSCHEMA_DECIMAL; + else if ("date" == type) + return XML.Namespaces.XMLSCHEMA_DATE; + else if ("time" == type) + return XML.Namespaces.XMLSCHEMA_TIME; + else if ("datetime" == type) + return XML.Namespaces.XMLSCHEMA_DATETIME; + else if ("boolean" == type) + return XML.Namespaces.XMLSCHEMA_BOOLEAN; + } + }; +})(BI);BI.BehaviorFactory = { + createBehavior: function(key, options){ + var behavior; + switch (key){ + case "highlight": + behavior = BI.HighlightBehavior; + break; + case "redmark": + behavior = BI.RedMarkBehavior; + break; + } + return new behavior(options); + } +} + +/** + * guy + * 行为控件 + * @class BI.Behavior + * @extends BI.OB + */ +BI.Behavior = BI.inherit(BI.OB, { + _defaultConfig: function() { + return BI.extend(BI.Behavior.superclass._defaultConfig.apply(this, arguments), { + rule: function(){return true;} + }); + }, + + _init : function() { + BI.Behavior.superclass._init.apply(this, arguments); + + }, + + doBehavior: function(){ + + } +});/** + * 布局容器类 + * @class BI.Layout + * @extends BI.Widget + * + * @cfg {JSON} options 配置属性 + * @cfg {Boolean} [options.scrollable=false] 子组件超出容器边界之后是否会出现滚动条 + * @cfg {Boolean} [options.scrollx=false] 子组件超出容器边界之后是否会出现横向滚动条 + * @cfg {Boolean} [options.scrolly=false] 子组件超出容器边界之后是否会出现纵向滚动条 + */ +BI.Layout = BI.inherit(BI.Widget, { + props: function () { + return { + scrollable: null, //true, false, null + scrollx: false, //true, false + scrolly: false, //true, false + items: [] + }; + }, + + created: function () { + this._init4Margin(); + this._init4Scroll(); + }, + + _init4Margin: function () { + if (this.options.top) { + this.element.css('top', this.options.top); + } + if (this.options.left) { + this.element.css('left', this.options.left); + } + if (this.options.bottom) { + this.element.css('bottom', this.options.bottom); + } + if (this.options.right) { + this.element.css('right', this.options.right); + } + }, + + _init4Scroll: function () { + switch (this.options.scrollable) { + case true: + this.element.css("overflow", "auto"); + break; + case false: + this.element.css("overflow", "hidden"); + break; + default : + break; + } + if (this.options.scrollx) { + this.element.css({ + "overflow-x": "auto", + "overflow-y": "hidden" + }); + } + if (this.options.scrolly) { + this.element.css({ + "overflow-x": "hidden", + "overflow-y": "auto" + }); + } + }, + + _addElement: function (i, item) { + var o = this.options; + var w; + if (!this.hasWidget(this.getName() + "-" + i)) { + w = BI.createWidget(item); + this.addWidget(this.getName() + "-" + i, w); + } else { + w = this.getWidgetByName(this.getName() + "-" + i); + } + return w; + }, + + stroke: function (items) { + var self = this; + BI.each(items, function (i, item) { + if (!!item) { + self._addElement(i, item); + } + }); + }, + + populate: function (items) { + var self = this; + this.options.items = items || []; + this.stroke(items); + }, + + resize: function () { + + }, + + /** + * 添加一个子组件到容器中 + * @param {JSON/BI.Widget} item 子组件 + */ + addItem: function (item) { + var w = this._addElement(this.options.items.length, item); + w._mount(); + this.options.items.push(item); + w.element.appendTo(this.element); + return w; + }, + + addItems: function (items) { + var self = this; + BI.each(items, function (i, item) { + self.addItem(item); + }) + }, + + getValue: function () { + var value = []; + BI.each(this._children, function (i, wi) { + var v = wi.getValue(); + v = BI.isArray(v) ? v : [v]; + value = value.concat(v); + }); + return value; + }, + + setValue: function (v) { + BI.each(this._children, function (i, wi) { + wi.setValue(v); + }) + }, + + setText: function (v) { + BI.each(this._children, function (i, wi) { + wi.setText(v); + }) + } +}); +$.shortcut('bi.layout', BI.Layout);/** + * guy + * 由一个元素切换到另一个元素的行为 + * @class BI.Action + * @extends BI.OB + * @abstract + */ +BI.Action = BI.inherit(BI.OB, { + _defaultConfig: function() { + return BI.extend(BI.Action.superclass._defaultConfig.apply(this, arguments), { + src: null, + tar: null + }); + }, + + _init : function() { + BI.Action.superclass._init.apply(this, arguments); + }, + + actionPerformed: function(src, tar, callback){ + + }, + + actionBack: function(tar, src, callback){ + + } +}); + +BI.ActionFactory = { + createAction: function(key, options){ + var action; + switch (key){ + case "show": + action = BI.ShowAction; + break; + } + return new action(options); + } +}/** + * guy + * 由一个元素切换到另一个元素的行为 + * @class BI.EffectShowAction + * @extends BI.Action + */ +BI.EffectShowAction = BI.inherit(BI.Action, { + _defaultConfig: function() { + return BI.extend(BI.EffectShowAction.superclass._defaultConfig.apply(this, arguments), { + }); + }, + + _init : function() { + BI.EffectShowAction.superclass._init.apply(this, arguments); + }, + + _checkBrowser: function(){ + return false; +// return !(BI.isFireFox() && parseInt($.browser.version) < 10); + }, + + actionPerformed: function(src, tar, callback){ + src = src || this.options.src ,tar = tar || this.options.tar || "body"; + + if(this._checkBrowser()) { + var transferEl = BI.createWidget({ + type: "bi.layout", + cls: "bi-transfer-temp-el" + }) + + BI.createWidget({ + type: "bi.absolute", + element: "body", + items: [transferEl] + }) + + transferEl.element.css({ + width: tar.element.width(), + height: tar.element.height(), + top: tar.element.offset().top, + left: tar.element.offset().left + }); + + src.element.effect("transfer", { + to: transferEl.element, + className: "ui-effects-transfer" + }, 400, function () { + transferEl.destroy(); + tar && tar.element.show(0, callback); + }) + } else { + tar && tar.element.show(0, callback); + } + }, + + actionBack: function(tar, src, callback){ + src = src || this.options.src || $("body"),tar = tar || this.options.tar; + tar && tar.element.hide(); + if(this._checkBrowser()) { + var transferEl = BI.createWidget({ + type: "bi.layout", + cls: "bi-transfer-temp-el" + }) + + BI.createWidget({ + type: "bi.absolute", + element: "body", + items: [transferEl] + }) + transferEl.element.css({ + width: src.element.width(), + height: src.element.height(), + top: src.element.offset().top, + left: src.element.offset().left + }); + + tar.element.effect("transfer", { + to: transferEl.element, + className: "ui-effects-transfer" + }, 400, function () { + transferEl.destroy(); + callback && callback(); + }) + } else { + callback && callback(); + } + } +});/** + * guy + * 由一个元素切换到另一个元素的行为 + * @class BI.ShowAction + * @extends BI.Action + */ +BI.ShowAction = BI.inherit(BI.Action, { + _defaultConfig: function() { + return BI.extend(BI.ShowAction.superclass._defaultConfig.apply(this, arguments), { + }); + }, + + _init : function() { + BI.ShowAction.superclass._init.apply(this, arguments); + }, + + actionPerformed: function(src, tar, callback){ + tar = tar || this.options.tar; + tar && tar.element.show(0, callback); + }, + + actionBack: function(tar, src, callback){ + tar = tar || this.options.tar; + tar.element.hide(0, callback); + } +});/** + * guy + * 由一个元素切换到另一个元素的行为 + * @class BI.ScaleShowAction + * @extends BI.Action + * @abstract + */ +BI.ScaleShowAction = BI.inherit(BI.Action, { + _defaultConfig: function() { + return BI.extend(BI.ScaleShowAction.superclass._defaultConfig.apply(this, arguments), { + }); + }, + + _init : function() { + BI.ScaleShowAction.superclass._init.apply(this, arguments); + }, + + _checkBrowser: function(){ + return false; +// return !(BI.isFireFox() && parseInt($.browser.version) < 10); + }, + + actionPerformed: function(src, tar, callback){ + tar = tar || this.options.tar; + this._checkBrowser() ? tar.element.show("scale", {percent:110}, 200, callback) : tar.element.show(0,callback); + }, + + actionBack : function(tar, src, callback){ + tar = tar || this.options.tar; + this._checkBrowser() ? tar.element.hide("scale", {percent:0}, 200, callback) : tar.element.hide(0,callback); + } +});/** + * @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(){ + + } +}); + +/** + * 弹出层 + * @class BI.PopoverSection + * @extends BI.Widget + * @abstract + */ +BI.PopoverSection = BI.inherit(BI.Widget, { + _init : function() { + BI.PopoverSection.superclass._init.apply(this, arguments); + }, + + rebuildNorth : function(north) { + return true; + }, + rebuildCenter : function(center) {}, + rebuildSouth : function(south) { + return false; + }, + close: function(){ + this.fireEvent(BI.PopoverSection.EVENT_CLOSE); + }, + end: function(){ + + } +}); +BI.PopoverSection.EVENT_CLOSE = "EVENT_CLOSE";/** + * guy + * + * @class BI.HighlightBehavior + * @extends BI.Behavior + */ +BI.HighlightBehavior = BI.inherit(BI.Behavior, { + _defaultConfig: function() { + return BI.extend(BI.HighlightBehavior.superclass._defaultConfig.apply(this, arguments), { + + }); + }, + + _init : function() { + BI.HighlightBehavior.superclass._init.apply(this, arguments); + + }, + + doBehavior: function(items){ + var args = Array.prototype.slice.call(arguments, 1), + o = this.options; + BI.each(items, function(i, item){ + if(item instanceof BI.Single) { + if (o.rule(item.getValue(), item)) { + item.doHighLight.apply(item, args); + } else { + item.unHighLight.apply(item, args); + } + } else { + item.doBehavior.apply(item, args); + } + }) + } +});/** + * guy + * 标红行为 + * @class BI.RedMarkBehavior + * @extends BI.Behavior + */ +BI.RedMarkBehavior = BI.inherit(BI.Behavior, { + _defaultConfig: function() { + return BI.extend(BI.RedMarkBehavior.superclass._defaultConfig.apply(this, arguments), { + + }); + }, + + _init : function() { + BI.RedMarkBehavior.superclass._init.apply(this, arguments); + + }, + + doBehavior: function(items){ + var args = Array.prototype.slice.call(arguments, 1), + o = this.options; + BI.each(items, function(i, item){ + if(item instanceof BI.Single) { + if (o.rule(item.getValue(), item)) { + item.doRedMark.apply(item, args); + } else { + item.unRedMark.apply(item, args); + } + } else { + item.doBehavior.apply(item, args); + } + }) + } +});/* + * 前端缓存 + */ +window.localStorage || (window.localStorage = { + items: {}, + setItem: function (k, v) { + BI.Cache.addCookie(k, v); + }, + getItem: function (k) { + return BI.Cache.getCookie(k); + }, + removeItem: function (k) { + BI.Cache.deleteCookie(k); + }, + key: function () { + + }, + clear: function () { + this.items = {}; + } +}); +BI.Cache = { + _prefix: "bi", + setUsername: function (username) { + localStorage.setItem(BI.Cache._prefix + ".username", (username + "" || "").toUpperCase()); + }, + getUsername: function () { + return localStorage.getItem(BI.Cache._prefix + ".username") || ""; + }, + _getKeyPrefix: function () { + return BI.Cache.getUsername() + "." + BI.Cache._prefix + "."; + }, + _generateKey: function (key) { + return BI.Cache._getKeyPrefix() + (key || ""); + }, + getItem: function (key) { + return localStorage.getItem(BI.Cache._generateKey(key)); + }, + setItem: function (key, value) { + localStorage.setItem(BI.Cache._generateKey(key), value); + }, + removeItem: function (key) { + localStorage.removeItem(BI.Cache._generateKey(key)); + }, + clear: function () { + for (var i = localStorage.length; i >= 0; i--) { + var key = localStorage.key(i); + if (key) { + if (key.indexOf(BI.Cache._getKeyPrefix()) === 0) { + localStorage.removeItem(key); + } + } + } + }, + keys: function () { + var result = []; + for (var i = localStorage.length; i >= 0; i--) { + var key = localStorage.key(i); + if (key) { + var prefix = BI.Cache._getKeyPrefix(); + if (key.indexOf(prefix) === 0) { + result[result.length] = key.substring(prefix.length); + } + } + } + return result; + }, + + addCookie: function (name, value, path, expiresHours) { + var cookieString = name + "=" + escape(value); + // 判断是否设置过期时间 + if (expiresHours && expiresHours > 0) { + var date = new Date(); + date.setTime(date.getTime() + expiresHours * 3600 * 1000); + cookieString = cookieString + "; expires=" + date.toGMTString(); + } + if (path) { + cookieString = cookieString + "; path=" + path; + } + document.cookie = cookieString; + }, + getCookie: function (name) { + var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); + if (arr = document.cookie.match(reg)) + return unescape(arr[2]); + else + return null; + }, + deleteCookie: function (name, path) { + var date = new Date(); + date.setTime(date.getTime() - 10000); + var cookieString = name + "=v; expires=" + date.toGMTString(); + if (path) { + cookieString = cookieString + "; path=" + path; + } + document.cookie = cookieString; + } +};/** + * guy + * 控制器 + * Controller层超类 + * @class BI.Controller + * @extends FR.OB + * @abstract + */ +BI.Controller = BI.inherit(BI.OB, { + _defaultConfig: function() { + return BI.extend(BI.Controller.superclass._defaultConfig.apply(this, arguments), { + + }) + }, + _init : function() { + BI.Controller.superclass._init.apply(this, arguments); + }, + + destroy: function(){ + + } +}); +BI.Controller.EVENT_CHANGE = "__EVENT_CHANGE__";/** + * 广播 + * + * Created by GUY on 2015/12/23. + * @class + */ +BI.BroadcastController = BI.inherit(BI.Controller, { + _defaultConfig: function () { + return BI.extend(BI.BroadcastController.superclass._defaultConfig.apply(this, arguments), {}); + }, + + _init: function () { + BI.BroadcastController.superclass._init.apply(this, arguments); + this._broadcasts = {}; + }, + + on: function (name, fn) { + if (!this._broadcasts[name]) { + this._broadcasts[name] = []; + } + this._broadcasts[name].push(fn); + }, + + send: function (name) { + var args = [].slice.call(arguments, 1); + BI.each(this._broadcasts[name], function (i, fn) { + fn.apply(null, args); + }); + }, + + remove: function (name, fn) { + if (fn) { + BI.remove(this._broadcasts[name], fn); + } else { + delete this._broadcasts[name]; + } + return this; + } +});/** + * 气泡图控制器 + * 控制气泡图的显示方向 + * + * Created by GUY on 2015/8/21. + * @class + */ +BI.BubblesController = BI.inherit(BI.Controller, { + _defaultConfig: function () { + return BI.extend(BI.BubblesController.superclass._defaultConfig.apply(this, arguments), {}); + }, + + _const: { + bubbleHeight: 35 + }, + + _init: function () { + BI.BubblesController.superclass._init.apply(this, arguments); + this.bubblesManager = {}; + this.storeBubbles = {}; + }, + + _createBubble: function (direct, text, height) { + return BI.createWidget({ + type: "bi.bubble", + text: text, + height: height || 35, + direction: direct + }); + }, + + hide: function (name, callback) { + if (!this.has(name)) { + return this; + } + this.get(name).element.hide(0, callback); + this.get(name).invisible(); + return this; + }, + + _getOffsetLeft: function(name, context, offsetStyle){ + var left = 0; + if ("center" === offsetStyle) { + left = context.element.offset().left + (context.element.bounds().width - this.get(name).element.bounds().width) / 2; + if (left < 0) { + left = 0; + } + return left; + } + if ("right" === offsetStyle) { + left = context.element.offset().left + context.element.bounds().width - this.get(name).element.bounds().width; + if (left < 0) { + left = 0; + } + return left; + } + return context.element.offset().left; + }, + + _getOffsetTop: function(name, context, offsetStyle){ + var top = 0; + if ("center" === offsetStyle) { + top = context.element.offset().top + (context.element.bounds().height - this.get(name).element.bounds().height) / 2; + if (top < 0) { + top = 0; + } + return top; + } else if ("right" === offsetStyle) { + top = context.element.offset().top + context.element.bounds().height - this.get(name).element.bounds().height; + if (top < 0) { + top = 0; + } + return top; + } + return context.element.offset().top; + }, + + _getLeftPosition: function(name, context, offsetStyle){ + var position = $.getLeftPosition(context, this.get(name)); + position.top = this._getOffsetTop(name, context, offsetStyle); + return position; + }, + + _getBottomPosition: function(name, context, offsetStyle){ + var position = $.getBottomPosition(context, this.get(name)); + position.left = this._getOffsetLeft(name, context, offsetStyle); + return position; + }, + + _getTopPosition: function(name, context, offsetStyle){ + var position = $.getTopPosition(context, this.get(name)); + position.left = this._getOffsetLeft(name, context, offsetStyle); + return position; + }, + + _getRightPosition: function(name, context, offsetStyle){ + var position = $.getRightPosition(context, this.get(name)); + position.top = this._getOffsetTop(name, context, offsetStyle); + return position; + }, + + /** + * + * @param name + * @param text + * @param context + * @param offsetStyle center, left, right三种类型, 默认left + * @returns {BI.BubblesController} + */ + show: function (name, text, context, opt) { + opt || (opt = {}); + var container = opt.container || context; + var offsetStyle = opt.offsetStyle || {}; + if (!this.storeBubbles[name]) { + this.storeBubbles[name] = {}; + } + if (!this.storeBubbles[name]["top"]) { + this.storeBubbles[name]["top"] = this._createBubble("top", text); + } + BI.createWidget({ + type: "bi.absolute", + element: container, + items: [{ + el: this.storeBubbles[name]["top"] + }] + }) + this.set(name, this.storeBubbles[name]["top"]) + var position = this._getTopPosition(name, context, offsetStyle); + this.get(name).element.css({left: position.left, top: position.top}); + this.get(name).invisible(); + if (!$.isTopSpaceEnough(context, this.get(name))) { + if (!this.storeBubbles[name]["left"]) { + this.storeBubbles[name]["left"] = this._createBubble("left", text, 30); + } + BI.createWidget({ + type: "bi.absolute", + element: container, + items: [{ + el: this.storeBubbles[name]["left"] + }] + }) + this.set(name, this.storeBubbles[name]["left"]); + var position = this._getLeftPosition(name, context, offsetStyle); + this.get(name).element.css({left: position.left, top: position.top}); + this.get(name).invisible(); + if (!$.isLeftSpaceEnough(context, this.get(name))) { + if (!this.storeBubbles[name]["right"]) { + this.storeBubbles[name]["right"] = this._createBubble("right", text, 30); + } + BI.createWidget({ + type: "bi.absolute", + element: container, + items: [{ + el: this.storeBubbles[name]["right"] + }] + }) + this.set(name, this.storeBubbles[name]["right"]) + var position = this._getRightPosition(name, context, offsetStyle); + this.get(name).element.css({left: position.left, top: position.top}); + this.get(name).invisible(); + if (!$.isRightSpaceEnough(context, this.get(name))) { + if (!this.storeBubbles[name]["bottom"]) { + this.storeBubbles[name]["bottom"] = this._createBubble("bottom", text); + } + BI.createWidget({ + type: "bi.absolute", + element: container, + items: [{ + el: this.storeBubbles[name]["bottom"] + }] + }); + this.set(name, this.storeBubbles[name]["bottom"]); + var position = this._getBottomPosition(name, context, offsetStyle); + this.get(name).element.css({left: position.left, top: position.top}); + this.get(name).invisible(); + } + } + } + this.get(name).setText(text); + this.get(name).visible(); + return this; + }, + + add: function (name, bubble) { + if (this.has(name)) { + return this; + } + this.set(name, bubble); + return this; + }, + + get: function (name) { + return this.bubblesManager[name]; + }, + + set: function (name, bubble) { + this.bubblesManager[name] = bubble; + }, + + has: function (name) { + return this.bubblesManager[name] != null; + }, + + remove: function (name) { + if (!this.has(name)) { + return this; + } + this.bubblesManager[name].destroy(); + delete this.bubblesManager[name]; + return this; + } +});/** + * guy + * FloatBox弹出层控制器, z-index在100w层级 + * @class BI.FloatBoxController + * @extends BI.Controller + */ +BI.FloatBoxController = BI.inherit(BI.Controller, { + _defaultConfig: function () { + return BI.extend(BI.FloatBoxController.superclass._defaultConfig.apply(this, arguments), { + modal: true, // 模态窗口 + render: "body" + }); + }, + + _init: function () { + BI.FloatBoxController.superclass._init.apply(this, arguments); + this.modal = this.options.modal; + this.floatManager = {}; + this.floatLayer = {}; + this.floatContainer = {}; + this.zindex = BI.zIndex_floatbox; + this.zindexMap = {}; + }, + + _check: function (name) { + return BI.isNotNull(this.floatManager[name]); + }, + + create: function (name, section, options) { + if (this._check(name)) { + return this; + } + var floatbox = BI.createWidget({ + type: "bi.float_box" + }, options); + floatbox.populate(section); + this.add(name, floatbox, options); + return this; + }, + + add: function (name, floatbox, options) { + var self = this; + options || (options = {}); + if (this._check(name)) { + return this; + } + this.floatContainer[name] = BI.createWidget({ + type: "bi.absolute", + cls: "bi-list-view", + items: [{ + el: (this.floatLayer[name] = BI.createWidget({ + type: 'bi.absolute', + items: [floatbox] + })), + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + this.floatManager[name] = floatbox; + (function (key) { + floatbox.on(BI.FloatBox.EVENT_FLOAT_BOX_CLOSED, function () { + self.close(key); + }) + })(name); + BI.createWidget({ + type: "bi.absolute", + element: options.container || this.options.render, + items: [{ + el: this.floatContainer[name], + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + return this; + }, + + open: function (name) { + if (!this._check(name)) { + return this; + } + var container = this.floatContainer[name]; + container.element.css("zIndex", this.zindex++); + this.modal && container.element.__hasZIndexMask__(this.zindexMap[name]) && container.element.__releaseZIndexMask__(this.zindexMap[name]); + this.zindexMap[name] = this.zindex; + this.modal && container.element.__buildZIndexMask__(this.zindex++); + this.get(name).setZindex(this.zindex++); + this.floatContainer[name].visible(); + var floatbox = this.get(name); + floatbox.show(); + var W = $(this.options.render).width(), H = $(this.options.render).height(); + var w = floatbox.element.width(), h = floatbox.element.height(); + var left = (W - w) / 2, top = (H - h) / 2; + if (left < 0) { + left = 0; + } + if (top < 0) { + top = 0; + } + floatbox.element.css({ + left: left + "px", + top: top + "px" + }); + return this; + }, + + close: function (name) { + if (!this._check(name)) { + return this; + } + this.floatContainer[name].invisible(); + this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]); + return this; + }, + + get: function (name) { + return this.floatManager[name]; + }, + + remove: function (name) { + if (!this._check(name)) { + return this; + } + this.floatContainer[name].destroy(); + this.modal && this.floatContainer[name].element.__releaseZIndexMask__(this.zindexMap[name]); + delete this.floatManager[name]; + delete this.floatLayer[name]; + delete this.zindexMap[name]; + delete this.floatContainer[name]; + return this; + } +});/** + * 弹出层面板控制器, z-index在10w层级 + * + * Created by GUY on 2015/6/24. + * @class + */ +BI.LayerController = BI.inherit(BI.Controller, { + _defaultConfig: function () { + return BI.extend(BI.LayerController.superclass._defaultConfig.apply(this, arguments), { + render: "body" + }); + }, + + _init: function () { + BI.LayerController.superclass._init.apply(this, arguments); + this.layerManager = {}; + this.layouts = {}; + this.zindex = BI.zIndex_layer; + BI.Resizers.add("layerController" + BI.uniqueId(), BI.bind(this._resize, this)); + }, + + _resize: function () { + BI.each(this.layouts, function (i, layer) { + if (layer.element.is(":visible")) { + layer.element.trigger("__resize__"); + } + }) + }, + + make: function (name, container, op) { + if (this.has(name)) { + return this.get(name); + } + op || (op = {}); + var widget = BI.createWidget((op.render || {}), { + type: "bi.layout" + }); + BI.createWidget({ + type: "bi.absolute", + element: container || this.options.render, + items: [BI.extend({ + el: widget + }, { + top: 0, + left: 0, + right: 0, + bottom: 0 + }, op.offset)] + }); + this.add(name, widget, widget); + return widget; + }, + + create: function (name, from, op) { + if (this.has(name)) { + return this.get(name); + } + op || (op = {}); + var offset = op.offset || {}; + var w = from; + if (BI.isWidget(from)) { + w = from.element; + } + if (BI.isNotEmptyString(w)) { + w = $(w); + } + if (this.has(name)) { + return this.get(name); + } + var widget = BI.createWidget((op.render || {}), { + type: "bi.layout" + }); + var layout = BI.createWidget({ + type: "bi.absolute", + items: [{ + el: widget, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + BI.createWidget({ + type: "bi.absolute", + element: op.container || this.options.render, + items: [{ + el: layout, + left: offset.left || 0, + right: offset.right || 0, + top: offset.top || 0, + bottom: offset.bottom || 0 + }] + }); + if (w) { + layout.element.addClass("bi-list-view"); + layout.element.css({ + left: w.offset().left + (offset.left || 0), + top: w.offset().top + (offset.top || 0), + width: offset.width || (w.outerWidth() - (offset.right || 0)) || "", + height: offset.height || (w.outerHeight() - (offset.bottom || 0)) || "" + }); + layout.element.on("__resize__", function () { + w.is(":visible") && + layout.element.css({ + left: w.offset().left + (offset.left || 0), + top: w.offset().top + (offset.top || 0), + width: offset.width || (w.outerWidth() - (offset.right || 0)) || "", + height: offset.height || (w.outerHeight() - (offset.bottom || 0)) || "" + }); + }); + } + this.add(name, widget, layout); + return widget; + }, + + hide: function (name, callback) { + if (!this.has(name)) { + return this; + } + this._getLayout(name).invisible(); + this._getLayout(name).element.hide(0, callback); + return this; + }, + + show: function (name, callback) { + if (!this.has(name)) { + return this; + } + this._getLayout(name).visible(); + this._getLayout(name).element.css("z-index", this.zindex++).show(0, callback).trigger("__resize__"); + return this; + }, + + isVisible: function (name) { + return this.has(name) && this._getLayout(name).isVisible(); + }, + + add: function (name, layer, layout) { + if (this.has(name)) { + throw new Error("该弹出面板已经存在了,不能添加该key值"); + } + layout.setVisible(false); + this.layerManager[name] = layer; + this.layouts[name] = layout; + layout.element.css("z-index", this.zindex++); + return this; + }, + + _getLayout: function (name) { + return this.layouts[name]; + }, + + get: function (name) { + return this.layerManager[name]; + }, + + has: function (name) { + return this.layerManager[name] != null; + }, + + remove: function (name) { + if (!this.has(name)) { + return this; + } + this.layerManager[name].destroy(); + this.layouts[name].destroy(); + delete this.layerManager[name]; + delete this.layouts[name]; + return this; + } +});/** + * 遮罩面板, z-index在1亿层级 + * + * Created by GUY on 2015/6/24. + * @class + */ +BI.MaskersController = BI.inherit(BI.LayerController, { + _defaultConfig: function () { + return BI.extend(BI.MaskersController.superclass._defaultConfig.apply(this, arguments), { + render: "body" + }); + }, + + _init: function () { + BI.MaskersController.superclass._init.apply(this, arguments); + this.zindex = BI.zIndex_masker; + } +});/** + * window.resize 控制器 + * + * Created by GUY on 2015/6/24. + * @class + */ +BI.ResizeController = BI.inherit(BI.Controller, { + _defaultConfig: function () { + return BI.extend(BI.ResizeController.superclass._defaultConfig.apply(this, arguments), {}); + }, + + _init: function () { + BI.ResizeController.superclass._init.apply(this, arguments); + var self = this; + this.resizerManger = {}; + var fn = BI.debounce(function (ev) { + //if (BI.isWindow(ev.target)) { + self._resize(ev); + //} + }, 30); + $(window).resize(fn); + }, + + _resize: function (ev) { + BI.each(this.resizerManger, function (key, resizer) { + if (resizer instanceof $) { + if (resizer.is(":visible")) { + resizer.trigger("__resize__"); + } + return; + } + if (resizer instanceof BI.Layout) { + resizer.resize(); + return; + } + if (BI.isFunction(resizer)) { + resizer(ev); + return; + } + }) + }, + + add: function (name, resizer) { + if (this.has(name)) { + return this; + } + this.resizerManger[name] = resizer; + return this; + }, + + get: function (name) { + return this.resizerManger[name]; + }, + + has: function (name) { + return this.resizerManger[name] != null; + }, + + remove: function (name) { + if (!this.has(name)) { + return this; + } + delete this.resizerManger[name]; + return this; + } +});/** + * tooltip控制器 + * 控制tooltip的显示, 且页面中只有一个tooltip显示 + * + * Created by GUY on 2015/9/8. + * @class BI.TooltipsController + * @extends BI.Controller + */ +BI.TooltipsController = BI.inherit(BI.Controller, { + _defaultConfig: function () { + return BI.extend(BI.TooltipsController.superclass._defaultConfig.apply(this, arguments), {}); + }, + + _const: { + height: 20 + }, + + _init: function () { + BI.TooltipsController.superclass._init.apply(this, arguments); + this.tooltipsManager = {}; + this.showingTips = {};//存储正在显示的tooltip + }, + + _createTooltip: function (text, level) { + return BI.createWidget({ + type: "bi.tooltip", + text: text, + level: level, + height: this._const.height + }); + }, + + hide: function (name, callback) { + if (!this.has(name)) { + return this; + } + delete this.showingTips[name]; + this.get(name).element.hide(0, callback); + this.get(name).invisible(); + return this; + }, + + create: function (name, text, level, context) { + if (!this.has(name)) { + var tooltip = this._createTooltip(text, level); + this.add(name, tooltip); + BI.createWidget({ + type: "bi.absolute", + element: context || "body", + items: [{ + el: tooltip + }] + }); + tooltip.invisible(); + } + return this.get(name); + }, + + //opt: {container: '', belowMouse: false} + show: function (e, name, text, level, context, opt) { + opt || (opt = {}); + var self = this; + BI.each(this.showingTips, function (i, tip) { + self.hide(i); + }); + this.showingTips = {}; + if (!this.has(name)) { + this.create(name, text, level, opt.container || context); + } + + var offset = context.element.offset(); + var bounds = context.element.bounds(); + + var top = offset.top + bounds.height + 5; + var tooltip = this.get(name); + tooltip.setText(text); + tooltip.element.css({ + left: "0px", + top: "0px" + }); + tooltip.visible(); + tooltip.element.height(tooltip.element[0].scrollHeight); + this.showingTips[name] = true; + var x = e.pageX || e.clientX, y = (e.pageY || e.clientY) + 15; + if (x + tooltip.element.outerWidth() > $("body").outerWidth()) { + x -= tooltip.element.outerWidth(); + } + if (y + tooltip.element.outerHeight() > $("body").outerHeight()) { + y -= tooltip.element.outerHeight() + 15; + top = offset.top - tooltip.element.outerHeight() - 5; + !opt.belowMouse && (y = Math.min(y, top)); + } else { + !opt.belowMouse && (y = Math.max(y, top)); + } + tooltip.element.css({ + left: x < 0 ? 0 : x + "px", + top: y < 0 ? 0 : y + "px" + }); + tooltip.element.hover(function () { + self.remove(name); + context.element.trigger("mouseleave.title" + context.getName()); + }); + return this; + }, + + add: function (name, bubble) { + if (this.has(name)) { + return this; + } + this.set(name, bubble); + return this; + }, + + get: function (name) { + return this.tooltipsManager[name]; + }, + + set: function (name, bubble) { + this.tooltipsManager[name] = bubble; + }, + + has: function (name) { + return this.tooltipsManager[name] != null; + }, + + remove: function (name) { + if (!this.has(name)) { + return this; + } + this.tooltipsManager[name].destroy(); + delete this.tooltipsManager[name]; + return this; + } +});/** + * + * @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); + }); + 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(); + var t = void 0, isNew = false, keys; + if (isValid) { + keys = modelData.split('.'); + BI.each(keys, function (i, k) { + if (i === 0) { + t = context.model.get(k) || (isNew = true); + } else { + t = t[k] || (isNew = true); + } + }) + } + isNew && context.model.removeChild(modelData); + !isNew && (context.listenEnd.apply(context, isValid ? keys : [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].destroy(); + delete this.views[url]; + } + return this; + } +});/** + * 统一绑定事件 + * @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.Events + */ +_.extend(BI, { + Events: { + + /** + * @static + * @property keydown事件 + */ + KEYDOWN: "_KEYDOWN", + + /** + * @static + * @property 回撤事件 + */ + BACKSPACE: "_BACKSPACE", + + /** + * @static + * @property 空格事件 + */ + SPACE: "_SPACE", + + /** + * @static + * @property 回车事件 + */ + ENTER: "_ENTER", + + /** + * @static + * @property 确定事件 + */ + CONFIRM: '_CONFIRM', + + /** + * @static + * @property 错误事件 + */ + ERROR: '_ERROR', + + /** + * @static + * @property 暂停事件 + */ + PAUSE: '_PAUSE', + + /** + * @static + * @property destroy事件 + */ + DESTROY: '_DESTROY', + + /** + * @static + * @property 清除选择 + */ + CLEAR: '_CLEAR', + + /** + * @static + * @property 添加数据 + */ + ADD: '_ADD', + + /** + * @static + * @property 正在编辑状态事件 + */ + EDITING: '_EDITING', + + /** + * @static + * @property 空状态事件 + */ + EMPTY: '_EMPTY', + + /** + * @static + * @property 显示隐藏事件 + */ + VIEW: '_VIEW', + + /** + * @static + * @property 窗体改变大小 + */ + RESIZE: "_RESIZE", + + /** + * @static + * @property 编辑前事件 + */ + BEFOREEDIT: '_BEFOREEDIT', + + /** + * @static + * @property 编辑后事件 + */ + AFTEREDIT: '_AFTEREDIT', + + /** + * @static + * @property 开始编辑事件 + */ + STARTEDIT: '_STARTEDIT', + + /** + * @static + * @property 停止编辑事件 + */ + STOPEDIT: '_STOPEDIT', + + /** + * @static + * @property 值改变事件 + */ + CHANGE: '_CHANGE', + + /** + * @static + * @property 下拉弹出菜单事件 + */ + EXPAND: '_EXPAND', + + /** + * @static + * @property 关闭下拉菜单事件 + */ + COLLAPSE: '_COLLAPSE', + + /** + * @static + * @property 回调事件 + */ + CALLBACK: '_CALLBACK', + + /** + * @static + * @property 点击事件 + */ + CLICK: '_CLICK', + + /** + * @static + * @property 状态改变事件,一般是用在复选按钮和单选按钮 + */ + STATECHANGE: '_STATECHANGE', + + /** + * @static + * @property 状态改变前事件 + */ + BEFORESTATECHANGE: '_BEFORESTATECHANGE', + + + /** + * @static + * @property 初始化事件 + */ + INIT: '_INIT', + + /** + * @static + * @property 初始化后事件 + */ + AFTERINIT: '_AFTERINIT', + + /** + * @static + * @property 滚动条滚动事件 + */ + SCROLL: '_SCROLL', + + + /** + * @static + * @property 开始加载事件 + */ + STARTLOAD: '_STARTLOAD', + + /** + * @static + * @property 加载后事件 + */ + AFTERLOAD: '_AFTERLOAD', + + + /** + * @static + * @property 提交前事件 + */ + BS: 'beforesubmit', + + /** + * @static + * @property 提交后事件 + */ + AS: 'aftersubmit', + + /** + * @static + * @property 提交完成事件 + */ + SC: 'submitcomplete', + + /** + * @static + * @property 提交失败事件 + */ + SF: 'submitfailure', + + /** + * @static + * @property 提交成功事件 + */ + SS: 'submitsuccess', + + /** + * @static + * @property 校验提交前事件 + */ + BVW: 'beforeverifywrite', + + /** + * @static + * @property 校验提交后事件 + */ + AVW: 'afterverifywrite', + + /** + * @static + * @property 校验后事件 + */ + AV: 'afterverify', + + /** + * @static + * @property 填报前事件 + */ + BW: 'beforewrite', + + /** + * @static + * @property 填报后事件 + */ + AW: 'afterwrite', + + /** + * @static + * @property 填报成功事件 + */ + WS: 'writesuccess', + + /** + * @static + * @property 填报失败事件 + */ + WF: 'writefailure', + + /** + * @static + * @property 添加行前事件 + */ + BA: 'beforeappend', + + /** + * @static + * @property 添加行后事件 + */ + AA: 'afterappend', + + /** + * @static + * @property 删除行前事件 + */ + BD: 'beforedelete', + + /** + * @static + * @property 删除行后事件 + */ + AD: 'beforedelete', + + /** + * @static + * @property 未提交离开事件 + */ + UC: 'unloadcheck', + + + /** + * @static + * @property PDF导出前事件 + */ + BTOPDF: 'beforetopdf', + + /** + * @static + * @property PDF导出后事件 + */ + ATOPDF: 'aftertopdf', + + /** + * @static + * @property Excel导出前事件 + */ + BTOEXCEL: 'beforetoexcel', + + /** + * @static + * @property Excel导出后事件 + */ + ATOEXCEL: 'aftertoexcel', + + /** + * @static + * @property Word导出前事件 + */ + BTOWORD: 'beforetoword', + + /** + * @static + * @property Word导出后事件 + */ + ATOWORD: 'aftertoword', + + /** + * @static + * @property 图片导出前事件 + */ + BTOIMAGE: 'beforetoimage', + + /** + * @static + * @property 图片导出后事件 + */ + ATOIMAGE: 'aftertoimage', + + /** + * @static + * @property HTML导出前事件 + */ + BTOHTML: 'beforetohtml', + + /** + * @static + * @property HTML导出后事件 + */ + ATOHTML: 'aftertohtml', + + /** + * @static + * @property Excel导入前事件 + */ + BIMEXCEL: 'beforeimportexcel', + + /** + * @static + * @property Excel导出后事件 + */ + AIMEXCEL: 'afterimportexcel', + + /** + * @static + * @property PDF打印前事件 + */ + BPDFPRINT: 'beforepdfprint', + + /** + * @static + * @property PDF打印后事件 + */ + APDFPRINT: 'afterpdfprint', + + /** + * @static + * @property Flash打印前事件 + */ + BFLASHPRINT: 'beforeflashprint', + + /** + * @static + * @property Flash打印后事件 + */ + AFLASHPRINT: 'afterflashprint', + + /** + * @static + * @property Applet打印前事件 + */ + BAPPLETPRINT: 'beforeappletprint', + + /** + * @static + * @property Applet打印后事件 + */ + AAPPLETPRINT: 'afterappletprint', + + /** + * @static + * @property 服务器打印前事件 + */ + BSEVERPRINT: 'beforeserverprint', + + /** + * @static + * @property 服务器打印后事件 + */ + ASERVERPRINT: 'afterserverprint', + + /** + * @static + * @property 邮件发送前事件 + */ + BEMAIL: 'beforeemail', + + /** + * @static + * @property 邮件发送后事件 + */ + AEMAIL: 'afteremail' + } +});/** + * guy + * 最基础的dom操作 + */ +BI.extend(jQuery.fn, { + + destroy: function () { + this.remove(); + if (BI.isIE() === true) { + this[0].outerHTML = ''; + } + }, + /** + * 高亮显示 + * @param text 必需 + * @param keyword + * @param py 必需 + * @returns {*} + * @private + */ + __textKeywordMarked__: function (text, keyword, py) { + if (!BI.isKey(keyword)) { + return this.text(text); + } + keyword = keyword + ""; + keyword = BI.toUpperCase(keyword); + var textLeft = (text || "") + ""; + py = (py || BI.makeFirstPY(text)) + ""; + if (py != null) { + py = BI.toUpperCase(py); + } + this.empty(); + while (true) { + var tidx = BI.toUpperCase(textLeft).indexOf(keyword); + var pidx = null; + if (py != null) { + pidx = py.indexOf(keyword); + if (pidx >= 0) { + pidx = pidx % text.length; + } + } + + if (tidx >= 0) { + this.append(textLeft.substr(0, tidx)); + this.append($("<span>").addClass("bi-keyword-red-mark") + .text(textLeft.substr(tidx, keyword.length))); + + textLeft = textLeft.substr(tidx + keyword.length); + if (py != null) { + py = py.substr(tidx + keyword.length); + } + } else if (pidx != null && pidx >= 0 && Math.floor(pidx / text.length) === Math.floor((pidx + keyword.length - 1) / text.length)) { + this.append(textLeft.substr(0, pidx)); + this.append($("<span>").addClass("bi-keyword-red-mark") + .text(textLeft.substr(pidx, keyword.length))); + if (py != null) { + py = py.substr(pidx + keyword.length); + } + textLeft = textLeft.substr(pidx + keyword.length); + } else { + this.append(textLeft); + break; + } + } + + return this; + }, + + getDomHeight: function (parent) { + var clone = $(this).clone(); + clone.appendTo($(parent || "body")); + var height = clone.height(); + clone.remove(); + return height; + }, + + //是否有竖直滚动条 + hasVerticalScroll: function () { + return this.height() > 0 && this[0].clientWidth < this[0].offsetWidth; + }, + + //是否有水平滚动条 + hasHorizonScroll: function () { + return this.width() > 0 && this[0].clientHeight < this[0].offsetHeight; + }, + + //获取计算后的样式 + getStyle: function (name) { + var node = this[0]; + var computedStyle = void 0; + + // W3C Standard + if (window.getComputedStyle) { + // In certain cases such as within an iframe in FF3, this returns null. + computedStyle = window.getComputedStyle(node, null); + if (computedStyle) { + return computedStyle.getPropertyValue(BI.hyphenate(name)); + } + } + // Safari + if (document.defaultView && document.defaultView.getComputedStyle) { + computedStyle = document.defaultView.getComputedStyle(node, null); + // A Safari bug causes this to return null for `display: none` elements. + if (computedStyle) { + return computedStyle.getPropertyValue(BI.hyphenate(name)); + } + if (name === 'display') { + return 'none'; + } + } + // Internet Explorer + if (node.currentStyle) { + if (name === 'float') { + return node.currentStyle.cssFloat || node.currentStyle.styleFloat; + } + return node.currentStyle[BI.camelize(name)]; + } + return node.style && node.style[BI.camelize(name)]; + }, + + __isMouseInBounds__: function (e) { + var offset2Body = this.offset(); + return !(e.pageX < offset2Body.left || e.pageX > offset2Body.left + this.outerWidth() + || e.pageY < offset2Body.top || e.pageY > offset2Body.top + this.outerHeight()) + }, + + __hasZIndexMask__: function (zindex) { + return zindex && this.zIndexMask[zindex] != null; + }, + + __buildZIndexMask__: function (zindex, domArray) { + this.zIndexMask = this.zIndexMask || {};//存储z-index的mask + this.indexMask = this.indexMask || [];//存储mask + var mask = BI.createWidget({ + type: "bi.center_adapt", + cls: "bi-z-index-mask", + items: domArray + }); + + mask.element.css({"z-index": zindex}); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: mask, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + this.indexMask.push(mask); + zindex && (this.zIndexMask[zindex] = mask); + return mask.element; + }, + + __releaseZIndexMask__: function (zindex) { + if (zindex && this.zIndexMask[zindex]) { + this.indexMask.remove(this.zIndexMask[zindex]); + this.zIndexMask[zindex].destroy(); + return; + } + this.indexMask = this.indexMask || []; + var indexMask = this.indexMask.pop(); + indexMask && indexMask.destroy(); + } +}); + +BI.extend(jQuery, { + + getLeftPosition: function (combo, popup, extraWidth) { + return { + left: combo.element.offset().left - popup.element.outerWidth() - (extraWidth || 0) + }; + }, + + getRightPosition: function (combo, popup, extraWidth) { + var el = combo.element; + return { + left: el.offset().left + el.outerWidth() + (extraWidth || 0) + } + }, + + getTopPosition: function (combo, popup, extraHeight) { + return { + top: combo.element.offset().top - popup.element.outerHeight() - (extraHeight || 0) + }; + }, + + getBottomPosition: function (combo, popup, extraHeight) { + var el = combo.element; + return { + top: el.offset().top + el.outerHeight() + (extraHeight || 0) + }; + }, + + isLeftSpaceEnough: function (combo, popup, extraWidth) { + return $.getLeftPosition(combo, popup, extraWidth).left >= 0; + }, + + isRightSpaceEnough: function (combo, popup, extraWidth) { + var viewBounds = popup.element.bounds(), windowBounds = $("body").bounds(); + return $.getRightPosition(combo, popup, extraWidth).left + viewBounds.width <= windowBounds.width; + }, + + isTopSpaceEnough: function (combo, popup, extraHeight) { + return $.getTopPosition(combo, popup, extraHeight).top >= 0; + }, + + isBottomSpaceEnough: function (combo, popup, extraHeight) { + var viewBounds = popup.element.bounds(), windowBounds = $("body").bounds(); + return $.getBottomPosition(combo, popup, extraHeight).top + viewBounds.height <= windowBounds.height; + }, + + isRightSpaceLarger: function (combo) { + var windowBounds = $("body").bounds(); + return windowBounds.width - combo.element.offset().left - combo.element.bounds().width >= combo.element.offset().left; + }, + + isBottomSpaceLarger: function (combo) { + var windowBounds = $("body").bounds(); + return windowBounds.height - combo.element.offset().top - combo.element.bounds().height >= combo.element.offset().top; + }, + + getLeftAlignPosition: function (combo, popup, extraWidth) { + var viewBounds = popup.element.bounds(), windowBounds = $("body").bounds(); + var left = combo.element.offset().left + extraWidth; + if (left + viewBounds.width > windowBounds.width) { + left = windowBounds.width - viewBounds.width; + } + if (left < 0) { + left = 0; + } + return { + left: left + } + }, + + getLeftAdaptPosition: function (combo, popup, extraWidth) { + if ($.isLeftSpaceEnough(combo, popup, extraWidth)) { + return $.getLeftPosition(combo, popup, extraWidth); + } + return { + left: 0 + } + }, + + getRightAlignPosition: function (combo, popup, extraWidth) { + var comboBounds = combo.element.bounds(), viewBounds = popup.element.bounds(); + var left = combo.element.offset().left + comboBounds.width - viewBounds.width - extraWidth; + if (left < 0) { + left = 0; + } + return { + left: left + } + }, + + getRightAdaptPosition: function (combo, popup, extraWidth) { + if ($.isRightSpaceEnough(combo, popup, extraWidth)) { + return $.getRightPosition(combo, popup, extraWidth); + } + return { + left: $("body").bounds().width - popup.element.bounds().width + } + }, + + getTopAlignPosition: function (combo, popup, extraHeight, needAdaptHeight) { + var comboOffset = combo.element.offset(); + var comboBounds = combo.element.bounds(), popupBounds = popup.element.bounds(), windowBounds = $("body").bounds(); + var top, adaptHeight; + if ($.isBottomSpaceEnough(combo, popup, -1 * comboBounds.height + extraHeight)) { + top = comboOffset.top + extraHeight; + } else if (needAdaptHeight) { + top = comboOffset.top + extraHeight; + adaptHeight = windowBounds.height - top; + } else { + top = windowBounds.height - popupBounds.height; + if (top < extraHeight) { + adaptHeight = windowBounds.height - extraHeight; + } + } + if (top < extraHeight) { + top = extraHeight; + } + return adaptHeight ? { + top: top, + adaptHeight: adaptHeight + } : { + top: top + } + }, + + getTopAdaptPosition: function (combo, popup, extraHeight, needAdaptHeight) { + var popupBounds = popup.element.bounds(), windowBounds = $("body").bounds(); + if ($.isTopSpaceEnough(combo, popup, extraHeight)) { + return $.getTopPosition(combo, popup, extraHeight); + } + if (needAdaptHeight) { + return { + top: 0, + adaptHeight: combo.element.offset().top - extraHeight + } + } + if (popupBounds.height + extraHeight > windowBounds.height) { + return { + top: 0, + adaptHeight: windowBounds.height - extraHeight + } + } + return { + top: 0 + } + }, + + getBottomAlignPosition: function (combo, popup, extraHeight, needAdaptHeight) { + var comboOffset = combo.element.offset(); + var comboBounds = combo.element.bounds(), popupBounds = popup.element.bounds(), windowBounds = $("body").bounds(); + var top, adaptHeight; + if ($.isTopSpaceEnough(combo, popup, -1 * comboBounds.height + extraHeight)) { + top = comboOffset.top + comboBounds.height - popupBounds.height - extraHeight; + } else if (needAdaptHeight) { + top = 0; + adaptHeight = comboOffset.top + comboBounds.height - extraHeight; + } else { + top = 0; + if (popupBounds.height + extraHeight > windowBounds.height) { + adaptHeight = windowBounds.height - extraHeight; + } + } + if (top < 0) { + top = 0; + } + return adaptHeight ? { + top: top, + adaptHeight: adaptHeight + } : { + top: top + } + }, + + getBottomAdaptPosition: function (combo, popup, extraHeight, needAdaptHeight) { + var comboOffset = combo.element.offset(); + var comboBounds = combo.element.bounds(), popupBounds = popup.element.bounds(), windowBounds = $("body").bounds(); + if ($.isBottomSpaceEnough(combo, popup, extraHeight)) { + return $.getBottomPosition(combo, popup, extraHeight); + } + if (needAdaptHeight) { + return { + top: comboOffset.top + comboBounds.height + extraHeight, + adaptHeight: windowBounds.height - comboOffset.top - comboBounds.height - extraHeight + } + } + if (popupBounds.height + extraHeight > windowBounds.height) { + return { + top: extraHeight, + adaptHeight: windowBounds.height - extraHeight + } + } + return { + top: windowBounds.height - popupBounds.height - extraHeight + } + }, + + getCenterAdaptPosition: function (combo, popup) { + var comboOffset = combo.element.offset(); + var comboBounds = combo.element.bounds(), popupBounds = popup.element.bounds(), windowBounds = $("body").bounds(); + var left; + if (comboOffset.left + comboBounds.width / 2 + popupBounds.width / 2 > windowBounds.width) { + left = windowBounds.width - popupBounds.width; + } else { + left = comboOffset.left + comboBounds.width / 2 - popupBounds.width / 2; + } + if (left < 0) { + left = 0; + } + return { + left: left + } + }, + + getMiddleAdaptPosition: function (combo, popup) { + var comboOffset = combo.element.offset(); + var comboBounds = combo.element.bounds(), popupBounds = popup.element.bounds(), windowBounds = $("body").bounds(); + var top; + if (comboOffset.top + comboBounds.height / 2 + popupBounds.height / 2 > windowBounds.height) { + top = windowBounds.height - popupBounds.height; + } else { + top = comboOffset.top + comboBounds.height / 2 - popupBounds.height / 2; + } + if (top < 0) { + top = 0; + } + return { + top: top + } + }, + + getComboPositionByDirections: function (combo, popup, extraWidth, extraHeight, needAdaptHeight, directions) { + extraWidth || (extraWidth = 0); + extraHeight || (extraHeight = 0); + var i, direct; + var leftRight = [], topBottom = []; + var isNeedAdaptHeight = false, tbFirst = false, lrFirst = false; + var left, top, pos; + for (i = 0; i < directions.length; i++) { + direct = directions[i]; + switch (direct) { + case "left": + leftRight.push(direct); + break; + case "right": + leftRight.push(direct); + break; + case "top": + topBottom.push(direct); + break; + case "bottom": + topBottom.push(direct); + break; + } + } + for (i = 0; i < directions.length; i++) { + direct = directions[i]; + switch (direct) { + case "left": + if (!isNeedAdaptHeight) { + var tW = tbFirst ? extraHeight : extraWidth, tH = tbFirst ? 0 : extraHeight; + if ($.isLeftSpaceEnough(combo, popup, tW)) { + left = $.getLeftPosition(combo, popup, tW).left; + if (topBottom[0] === "bottom") { + pos = $.getTopAlignPosition(combo, popup, tH, needAdaptHeight); + pos.dir = "left,bottom"; + } else { + pos = $.getBottomAlignPosition(combo, popup, tH, needAdaptHeight); + pos.dir = "left,top"; + } + if (tbFirst) { + pos.change = "left"; + } + pos.left = left; + return pos; + } + } + lrFirst = true; + break; + case "right": + if (!isNeedAdaptHeight) { + var tW = tbFirst ? extraHeight : extraWidth, tH = tbFirst ? extraWidth : extraHeight; + if ($.isRightSpaceEnough(combo, popup, tW)) { + left = $.getRightPosition(combo, popup, tW).left; + if (topBottom[0] === "bottom") { + pos = $.getTopAlignPosition(combo, popup, tH, needAdaptHeight); + pos.dir = "right,bottom"; + } else { + pos = $.getBottomAlignPosition(combo, popup, tH, needAdaptHeight); + pos.dir = "right,top"; + } + if (tbFirst) { + pos.change = "right"; + } + pos.left = left; + return pos; + } + } + lrFirst = true; + break; + case "top": + var tW = lrFirst ? extraHeight : extraWidth, tH = lrFirst ? extraWidth : extraHeight; + if ($.isTopSpaceEnough(combo, popup, tH)) { + top = $.getTopPosition(combo, popup, tH).top; + if (leftRight[0] === "right") { + pos = $.getLeftAlignPosition(combo, popup, tW, needAdaptHeight); + pos.dir = "top,right"; + } else { + pos = $.getRightAlignPosition(combo, popup, tW); + pos.dir = "top,left"; + } + if (lrFirst) { + pos.change = "top"; + } + pos.top = top; + return pos; + } + if (needAdaptHeight) { + isNeedAdaptHeight = true; + } + tbFirst = true; + break; + case "bottom": + var tW = lrFirst ? extraHeight : extraWidth, tH = lrFirst ? extraWidth : extraHeight; + if ($.isBottomSpaceEnough(combo, popup, tH)) { + top = $.getBottomPosition(combo, popup, tH).top; + if (leftRight[0] === "right") { + pos = $.getLeftAlignPosition(combo, popup, tW, needAdaptHeight); + pos.dir = "bottom,right"; + } else { + pos = $.getRightAlignPosition(combo, popup, tW); + pos.dir = "bottom,left"; + } + if (lrFirst) { + pos.change = "bottom"; + } + pos.top = top; + return pos; + } + if (needAdaptHeight) { + isNeedAdaptHeight = true; + } + tbFirst = true; + break; + } + } + + switch (directions[0]) { + case "left": + case "right": + if ($.isRightSpaceLarger(combo)) { + left = $.getRightAdaptPosition(combo, popup, extraWidth).left; + } else { + left = $.getLeftAdaptPosition(combo, popup, extraWidth).left; + } + if (topBottom[0] === "bottom") { + pos = $.getTopAlignPosition(combo, popup, extraHeight, needAdaptHeight); + pos.left = left; + pos.dir = directions[0] + ",bottom"; + return pos; + } + pos = $.getBottomAlignPosition(combo, popup, extraHeight, needAdaptHeight); + pos.left = left; + pos.dir = directions[0] + ",top"; + return pos; + default : + if ($.isBottomSpaceLarger(combo)) { + pos = $.getBottomAdaptPosition(combo, popup, extraHeight, needAdaptHeight); + } else { + pos = $.getTopAdaptPosition(combo, popup, extraHeight, needAdaptHeight); + } + if (leftRight[0] === "right") { + left = $.getLeftAlignPosition(combo, popup, extraWidth, needAdaptHeight).left; + pos.left = left; + pos.dir = directions[0] + ",right"; + return pos; + } + left = $.getRightAlignPosition(combo, popup, extraWidth).left; + pos.left = left; + pos.dir = directions[0] + ",left"; + return pos; + } + }, + + + getComboPosition: function (combo, popup, extraWidth, extraHeight, needAdaptHeight, directions, offsetStyle) { + extraWidth || (extraWidth = 0); + extraHeight || (extraHeight = 0); + var maxHeight = $("body").bounds().height - extraHeight; + maxHeight = Math.min(popup.attr("maxHeight") || maxHeight, maxHeight); + popup.resetHeight && popup.resetHeight(maxHeight); + var position = $.getComboPositionByDirections(combo, popup, extraWidth, extraHeight, needAdaptHeight, directions || ['bottom', 'top', 'right', 'left']); + switch (offsetStyle) { + case "center": + if (position.change) { + var p = $.getMiddleAdaptPosition(combo, popup); + position.top = p.top; + } else { + var p = $.getCenterAdaptPosition(combo, popup); + position.left = p.left; + } + break; + case "middle": + if (position.change) { + var p = $.getCenterAdaptPosition(combo, popup); + position.left = p.left; + } else { + var p = $.getMiddleAdaptPosition(combo, popup); + position.top = p.top; + } + break; + } + return position; + } +});/** + * 基本的函数 + * Created by GUY on 2015/6/24. + */ +$(function () { + BI.Func = {}; + var formulas = {}; + BI.extend(BI.Func, { + /** + * 创建唯一的名字 + * @param array + * @param name + * @returns {*} + */ + createDistinctName: function (array, name) { + var src = name, idx = 1; + name = name || ""; + while (true) { + if (!ArrayUtils.getItemByName(array, name)) { + break; + } + name = src + (idx++); + } + return name; + }, + + /** + * 获取搜索结果 + * @param items + * @param keyword + * @param param 搜索哪个属性 + */ + getSearchResult: function (items, keyword, param) { + var isArray = BI.isArray(items); + items = isArray ? BI.flatten(items) : items; + param || (param = "text"); + if (!BI.isKey(keyword)) { + return { + finded: BI.deepClone(items), + matched: isArray ? [] : {} + }; + } + var t, text, py; + keyword = BI.toUpperCase(keyword); + var matched = isArray ? [] : {}, finded = isArray ? [] : {}; + BI.each(items, function (i, item) { + item = BI.deepClone(item); + t = BI.stripEL(item); + text = t[param] || t.text || t.value || t.name || t; + py = BI.makeFirstPY(text); + text = BI.toUpperCase(text); + py = BI.toUpperCase(py); + var pidx; + if (text.indexOf(keyword) > -1) { + if (text === keyword) { + isArray ? matched.push(item) : (matched[i] = item); + } else { + isArray ? finded.push(item) : (finded[i] = item); + } + } else if (pidx = py.indexOf(keyword), (pidx > -1 && Math.floor(pidx / text.length) === Math.floor((pidx + keyword.length - 1) / text.length))) { + if (text === keyword || keyword.length === text.length) { + isArray ? matched.push(item) : (matched[i] = item); + } else { + isArray ? finded.push(item) : (finded[i] = item); + } + } + }); + return { + matched: matched, + finded: finded + } + }, + + /** + * 公式合法性验证 + */ + checkFormulaValidation: function (str) { + if (!BI.isEmptyString(str)) { + if (BI.has(formulas, str)) { + return formulas[str]; + } + formulas[str] = false; + var response = BI.requestSync("fr_bi_base", "check_validation_of_expression", {expression: str}); + if (response.validation === "invalid") { + formulas[str] = false; + } else if (response.validation === "valid") { + formulas[str] = true; + } + return formulas[str]; + } else { + return true; + } + }, + + getFormulaStringFromFormulaValue: function (formulaValue) { + var formulaString = ""; + var regx = /\$[\{][^\}]*[\}]|\w*\w|\$\{[^\$\(\)\+\-\*\/)\$,]*\w\}|\$\{[^\$\(\)\+\-\*\/]*\w\}|\$\{[^\$\(\)\+\-\*\/]*[\u4e00-\u9fa5]\}|\w|(.)/g; + var result = formulaValue.match(regx); + BI.each(result, function (i, item) { + var fieldRegx = /\$[\{][^\}]*[\}]/; + var str = item.match(fieldRegx); + if (BI.isNotEmptyArray(str)) { + formulaString = formulaString + str[0].substring(2, item.length - 1); + } else { + formulaString = formulaString + item; + } + }); + return formulaString; + }, + + formatAddress: function (address) { + var temp = ''; + var url1 = /[a-zA-z]+:\/\/[^\s]*/; + var url2 = /\/[^\s]*/; + if (address.match(url1) || address.match(url2)) { + temp = address; + } else if (BI.isNotEmptyString(address)) { + temp = "http://" + address; + } + return temp; + }, + + getCompleteImageUrl: function (url) { + return FR.servletURL + "?op=fr_bi&cmd=get_uploaded_image&image_id=" + url; + } + + }); + + /** + * 对DOM操作的通用函数 + * @type {{}} + */ + BI.DOM = {}; + BI.extend(BI.DOM, { + + /** + * 把dom数组或元素悬挂起来,使其不对html产生影响 + * @param dom + */ + hang: function (doms) { + if (BI.isEmpty(doms)) { + return; + } + var frag = document.createDocumentFragment(); + BI.each(doms, function (i, dom) { + dom instanceof BI.Widget && (dom = dom.element); + dom instanceof $ && dom[0] && frag.appendChild(dom[0]); + }); + return frag; + }, + + isExist: function (obj) { + return $("body").find(obj.element).length > 0; + }, + + //预加载图片 + preloadImages: function (srcArray, onload) { + var count = 0, images = []; + + function complete() { + count++; + if (count >= srcArray.length) { + onload(); + } + } + + BI.each(srcArray, function (i, src) { + images[i] = new Image(); + images[i].src = src; + images[i].onload = function () { + complete() + }; + images[i].onerror = function () { + complete() + }; + }); + }, + + getImageWidthAndHeight: function (src) { + return BI.requestSync("fr_bi_base", "get_image_size", { + src: src + }); + }, + + isDarkColor: function (hex) { + if (!hex) { + return false; + } + var rgb = this.rgb2json(this.hex2rgb(hex)); + var grayLevel = (rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); + if (grayLevel < 192) { + return true; + } + return false; + }, + + rgb2hex: function (rgbColour) { + if (!rgbColour || rgbColour.substr(0, 3) != "rgb") { + return ""; + } + var rgbValues = rgbColour.match(/\d+(\.\d+)?/g); + var red = BI.parseInt(rgbValues[0]); + var green = BI.parseInt(rgbValues[1]); + var blue = BI.parseInt(rgbValues[2]); + + var hexColour = "#" + this.int2hex(red) + this.int2hex(green) + this.int2hex(blue); + + return hexColour; + }, + + rgb2json: function (rgbColour) { + if (!rgbColour) { + return {}; + } + var rgbValues = rgbColour.match(/\d+(\.\d+)?/g); + return { + r: BI.parseInt(rgbValues[0]), + g: BI.parseInt(rgbValues[1]), + b: BI.parseInt(rgbValues[2]) + }; + }, + + rgba2json: function (rgbColour) { + if (!rgbColour) { + return {}; + } + var rgbValues = rgbColour.match(/\d+(\.\d+)?/g); + return { + r: BI.parseInt(rgbValues[0]), + g: BI.parseInt(rgbValues[1]), + b: BI.parseInt(rgbValues[2]), + a: BI.parseFloat(rgbValues[3]) + }; + }, + + json2rgb: function (rgb) { + if (!BI.isKey(rgb.r) || !BI.isKey(rgb.g) || !BI.isKey(rgb.b)) { + return ""; + } + return "rgb(" + rgb.r + "," + rgb.g + "," + rgb.b + ")"; + }, + + json2rgba: function (rgba) { + if (!BI.isKey(rgba.r) || !BI.isKey(rgba.g) || !BI.isKey(rgba.b)) { + return ""; + } + return "rgba(" + rgba.r + "," + rgba.g + "," + rgba.b + "," + rgba.a + ")"; + }, + + int2hex: function (strNum) { + var hexdig = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']; + + return hexdig[strNum >>> 4] + '' + hexdig[strNum & 15]; + }, + + hex2rgb: function (color) { + if (!color) { + return ""; + } + var tempValue = "rgb(", colorArray; + + if (color.length === 7) { + colorArray = [BI.parseInt('0x' + color.substring(1, 3)), + BI.parseInt('0x' + color.substring(3, 5)), + BI.parseInt('0x' + color.substring(5, 7))]; + } + else if (color.length === 4) { + colorArray = [BI.parseInt('0x' + color.substring(1, 2)), + BI.parseInt('0x' + color.substring(2, 3)), + BI.parseInt('0x' + color.substring(3, 4))]; + } + tempValue += colorArray[0] + ","; + tempValue += colorArray[1] + ","; + tempValue += colorArray[2] + ")"; + + return tempValue; + }, + + rgba2rgb: function (rgbColour, BGcolur) { + if (BI.isNull(BGcolur)) { + BGcolur = 1; + } + if (rgbColour.substr(0, 4) != "rgba") { + return ""; + } + var rgbValues = rgbColour.match(/\d+(\.\d+)?/g); + if (rgbValues.length < 4) { + return ""; + } + var R = BI.parseFloat(rgbValues[0]); + var G = BI.parseFloat(rgbValues[1]); + var B = BI.parseFloat(rgbValues[2]); + var A = BI.parseFloat(rgbValues[3]); + + return "rgb(" + Math.floor(255 * (BGcolur * (1 - A )) + R * A) + "," + + Math.floor(255 * (BGcolur * (1 - A )) + G * A) + "," + + Math.floor(255 * (BGcolur * (1 - A )) + B * A) + ")"; + }, + + getTextSizeWidth: function (text, fontSize) { + var span = $("<span></span>").addClass("text-width-span").appendTo($("#container")); + + if (fontSize == null) { + fontSize = 12; + } + fontSize = fontSize + "px"; + + span.css("font-size", fontSize).text(text); + + var width = span.width(); + span.remove(); + + return width; + }, + + //获取滚动条的宽度 + getScrollWidth: function () { + if (this._scrollWidth == null) { + var ul = $("<div>").width(50).height(50).css({ + position: "absolute", + top: "-9999px", + overflow: "scroll" + }).appendTo($("#container")); + this._scrollWidth = ul[0].offsetWidth - ul[0].clientWidth; + ul.destroy(); + } + return this._scrollWidth; + } + }); +});/** + * guy + * 检测某个Widget的EventChange事件然后去show某个card + * @type {*|void|Object} + * @class BI.ShowListener + * @extends BI.OB + */ +BI.ShowListener = BI.inherit(BI.OB, { + _defaultConfig: function () { + return BI.extend(BI.ShowListener.superclass._defaultConfig.apply(this, arguments), { + eventObj: BI.createWidget(), + cardLayout: null, + cardNameCreator: function (v) { + return v; + }, + cardCreator: BI.emptyFn, + afterCardCreated: BI.emptyFn, + afterCardShow: BI.emptyFn + }); + }, + + _init: function () { + BI.ShowListener.superclass._init.apply(this, arguments); + var self = this, o = this.options; + o.eventObj.on(BI.Controller.EVENT_CHANGE, function (type, v, ob) { + if (type === BI.Events.CLICK) { + v = v || o.eventObj.getValue(); + v = BI.isArray(v) ? (v.length > 1 ? v.toString() : v[0]) : v; + if (BI.isNull(v)) { + throw new Error("value值不能为空"); + } + var cardName = o.cardNameCreator(v); + if (!o.cardLayout.isCardExisted(cardName)) { + var card = o.cardCreator(cardName); + o.cardLayout.addCardByName(cardName, card); + o.afterCardCreated(cardName); + } + o.cardLayout.showCardByName(cardName); + BI.nextTick(function () { + o.afterCardShow(cardName); + self.fireEvent(BI.ShowListener.EVENT_CHANGE, cardName); + }); + } + }) + } +}); +BI.ShowListener.EVENT_CHANGE = "ShowListener.EVENT_CHANGE";/** + * @class BI.Logic + * @extends BI.OB + */ +BI.Logic = BI.inherit(BI.OB, { + createLogic: function () { + return this.options || {}; + } +}); + +BI.LogicFactory = { + Type: { + Vertical: "vertical", + Horizontal: "horizontal", + Table: "table", + HorizontalFill: "horizontal_fill" + }, + createLogic: function (key, options) { + var logic; + switch (key) { + case BI.LogicFactory.Type.Vertical: + logic = BI.VerticalLayoutLogic; + break; + case BI.LogicFactory.Type.Horizontal: + logic = BI.HorizontalLayoutLogic; + break; + case BI.LogicFactory.Type.Table: + logic = BI.TableLayoutLogic; + break; + case BI.LogicFactory.Type.HorizontalFill: + logic = BI.HorizontalFillLayoutLogic; + break; + default : + logic = BI.Logic; + break; + } + return new logic(options).createLogic(); + }, + + createLogicTypeByDirection: function (direction) { + switch (direction) { + case BI.Direction.Top: + case BI.Direction.Bottom: + case BI.Direction.Custom: + return BI.LogicFactory.Type.Vertical; + break; + case BI.Direction.Left: + case BI.Direction.Right: + return BI.LogicFactory.Type.Horizontal; + } + }, + + createLogicItemsByDirection: function (direction) { + var layout; + var items = Array.prototype.slice.call(arguments, 1); + items = BI.map(items, function (i, item) { + if (BI.isWidget(item)) { + return { + el: item, + width: item.options.width, + height: item.options.height + } + } + return item; + }); + switch (direction) { + case BI.Direction.Bottom: + layout = BI.LogicFactory.Type.Vertical; + items.reverse(); + break; + case BI.Direction.Right: + layout = BI.LogicFactory.Type.Horizontal; + items.reverse(); + break; + case BI.Direction.Custom: + items = items.slice(1); + break; + } + return items; + } +};/** + * guy + * 上下布局逻辑 + * 上下布局的时候要考虑到是动态布局还是静态布局 + * + * @class BI.VerticalLayoutLogic + * @extends BI.Logic + */ +BI.VerticalLayoutLogic = BI.inherit(BI.Logic, { + _defaultConfig: function () { + return BI.extend(BI.VerticalLayoutLogic.superclass._defaultConfig.apply(this, arguments), { + dynamic: false, + scrollable: null, + scrolly: false, + scrollx: false, + items: [], + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + + createLogic: function () { + var layout, o = this.options; + if (o.dynamic) { + layout = "bi.vertical"; + } else { + layout = "bi.vtape"; + } + return { + type: layout, + scrollable: o.scrollable, + scrolly: o.scrolly, + scrollx: o.scrollx, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + items: o.items + } + }, + + _init: function () { + BI.VerticalLayoutLogic.superclass._init.apply(this, arguments); + } +}); + + +/** + * guy + * 左右布局逻辑 + * 左右布局的时候要考虑到是动态布局还是静态布局 + * + * @class BI.HorizontalLayoutLogic + * @extends BI.Logic + */ +BI.HorizontalLayoutLogic = BI.inherit(BI.Logic, { + _defaultConfig: function () { + return BI.extend(BI.HorizontalLayoutLogic.superclass._defaultConfig.apply(this, arguments), { + dynamic: false, + scrollable: null, + scrolly: false, + scrollx: false, + items: [], + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + + createLogic: function () { + var layout, o = this.options; + if (o.dynamic) { + layout = "bi.horizontal"; + } else { + layout = "bi.htape"; + } + return { + type: layout, + scrollable: o.scrollable, + scrolly: o.scrolly, + scrollx: o.scrollx, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + items: o.items + } + }, + + _init: function () { + BI.HorizontalLayoutLogic.superclass._init.apply(this, arguments); + } +}); + +/** + * guy + * 表格布局逻辑 + * 表格布局的时候要考虑到是动态布局还是静态布局 + * + * @class BI.TableLayoutLogic + * @extends BI.OB + */ +BI.TableLayoutLogic = BI.inherit(BI.Logic, { + _defaultConfig: function () { + return BI.extend(BI.TableLayoutLogic.superclass._defaultConfig.apply(this, arguments), { + dynamic: false, + scrollable: null, + scrolly: false, + scrollx: false, + columns: 0, + rows: 0, + columnSize: [], + rowSize: [], + hgap: 0, + vgap: 0, + items: [] + }); + }, + + createLogic: function () { + var layout, o = this.options; + if (o.dynamic) { + layout = "bi.table"; + } else { + layout = "bi.window"; + } + return { + type: layout, + scrollable: o.scrollable, + scrolly: o.scrolly, + scrollx: o.scrollx, + columns: o.columns, + rows: o.rows, + columnSize: o.columnSize, + rowSize: o.rowSize, + hgap: o.hgap, + vgap: o.vgap, + items: o.items + } + }, + + _init: function () { + BI.TableLayoutLogic.superclass._init.apply(this, arguments); + } +}); + +/** + * guy + * 左右充满布局逻辑 + * + * @class BI.HorizontalFillLayoutLogic + * @extends BI.Logic + */ +BI.HorizontalFillLayoutLogic = BI.inherit(BI.Logic, { + _defaultConfig: function () { + return BI.extend(BI.HorizontalFillLayoutLogic.superclass._defaultConfig.apply(this, arguments), { + dynamic: false, + scrollable: null, + scrolly: false, + scrollx: false, + items: [], + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + + createLogic: function () { + var layout, o = this.options; + var columnSize = []; + BI.each(o.items, function (i, item) { + columnSize.push(item.width || 0); + }); + if (o.dynamic) { + layout = "bi.horizontal_adapt"; + } else { + layout = "bi.htape"; + } + return { + type: layout, + columnSize: columnSize, + scrollable: o.scrollable, + scrolly: o.scrolly, + scrollx: o.scrollx, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + items: o.items + } + }, + + _init: function () { + BI.HorizontalFillLayoutLogic.superclass._init.apply(this, arguments); + } +});BI.Plugin = BI.Plugin || {}; +; +(function () { + var _WidgetsPlugin = {}; + var _ObjectPlugin = {}; + BI.extend(BI.Plugin, { + + getWidget: function (type, options) { + if (_WidgetsPlugin[type]) { + var res; + for (var i = _WidgetsPlugin[type].length-1; i >=0; i--) { + if (res = _WidgetsPlugin[type][i](options)) { + return res; + } + } + } + return options; + }, + + registerWidget: function (type, fn) { + if (!_WidgetsPlugin[type]) { + _WidgetsPlugin[type] = []; + } + if (_WidgetsPlugin[type].length > 0) { + console.log("组件已经注册过了!"); + } + _WidgetsPlugin[type].push(fn); + }, + + relieveWidget: function (type) { + delete _WidgetsPlugin[type]; + }, + + getObject: function (type, object) { + if (_ObjectPlugin[type]) { + var res; + for (var i = 0, len = _ObjectPlugin[type].length; i < len; i++) { + res = _ObjectPlugin[type][i](object); + } + } + return res || object; + }, + + registerObject: function (type, fn) { + if (!_ObjectPlugin[type]) { + _ObjectPlugin[type] = []; + } + if (_ObjectPlugin[type].length > 0) { + console.log("对象已经注册过了!"); + } + _ObjectPlugin[type].push(fn); + }, + + relieveObject: function (type) { + delete _ObjectPlugin[type]; + } + }); +})();/** + * 对数组对象的扩展 + * @class Array + */ +$.extend(Array.prototype, { + /** + * 检查指定的值是否在数组中 + * @param {Object} o 要检查的值 + * @return {Number} o在数组中的索引(如果不在数组中则返回-1) + */ + indexOf: function (o) { + for (var i = 0, len = this.length; i < len; i++) { + if (_.isEqual(o, this[i])) { + return i; + } + } + return -1; + }, + + /** + * 检查指定的值是否在数组中 + * ie67不支持数组的这个方法 + * @param {Object} o 要检查的值 + * @return {Number} o在数组中的索引(如果不在数组中则返回-1) + */ + lastIndexOf: function (o) { + for (var len = this.length, i = len - 1; i >= 0; i--) { + if (_.isEqual(o, this[i])) { + return i; + } + } + return -1; + }, + + /** + * 从数组中移除指定的值,如果值不在数组中,则不产生任何效果 + * @param {Object} o 要移除的值 + * @return {Array} 移除制定值后的数组 + */ + remove: function (o) { + var index = this.indexOf(o); + if (index != -1) { + this.splice(index, 1); + } + return this; + }, + /** + * 移除数组中的所有元素 + */ + clear: function () { + while (this.length > 0) { + this.pop(); + } + } +}); + +/** + * Array原型拓展 + * Created by wang on 15/6/23. + */ +!function () { + _.each(['contains', 'indexOf', 'lastIndexOf'], function (name) { + Array.prototype[name] = function () { + var arr = _.toArray(arguments); + arr.unshift(this); + return BI[name].apply(this, arr); + }; + }); + Array.prototype.pushArray = function (array) { + for (var i = 0; i < array.length; i++) { + this.push(array[i]); + } + }; + Array.prototype.pushDistinct = function (obj) { + if (!this.contains(obj)) { + this.push(obj); + } + }; + Array.prototype.pushDistinctArray = function (array) { + for (var i = 0, len = array.length; i < len; i++) { + this.pushDistinct(array[i]); + } + }; +}(); + +/** + * 规定bi的数组分为两种,其中,value和type值为key值 + * 1、[{"text":1,"value":2,"children":[]}] + * 2、[{"name":1,"type":2,"children":[]}] + * guy + * 对数组的操作 + * @type {{}} + */ +ArrayUtils = {}; + +$.extend(ArrayUtils, { + /** + * 遍历方法 + * @param array + * @param back + */ + traversal: function (array, back) { + if (BI.isNull(array)) { + return; + } + var self = this; + BI.each(array, function (i, item) { + if (back(i, item) === BI.Status.END) { + return false; + } + self.traversal(item.children, back); + }) + }, + + getAllChildNames: function (array) { + var names = []; + this.traversal(array, function (i, item) { + if (BI.isNotEmptyArray(item.children)) { + return BI.Status.RUNNING; + } + names.push(item.text || item.name); + }); + return names; + }, + + /** + * 获取第一个子节点 + * @param array + */ + getFirstChild: function (array) { + var first = {}; + this.traversal(array, function (i, item) { + if (BI.isNotEmptyArray(item.children)) { + return; + } + first = item; + return BI.Status.END; + }) + return first; + }, + + /** + * 获取最后一个子节点 + * @param array + */ + getLastChild: function (array) { + var first = {}; + this.traversal(array, function (i, item) { + if (item.children && item.children.length > 0) { + return; + } + first = item; + }) + return first; + }, + + getTextByValue: function (array, value) { + if (!array) { + return value; + } + var text = ""; + this.traversal(array, function (i, item) { + if (BI.isEqual(item.value, value)) { + text = item.text; + return BI.Status.END; + } + }); + return text; + }, + + getNameByType: function (array, type) { + if (!array) { + return type; + } + var name = ""; + this.traversal(array, function (i, item) { + if (BI.isEqual(item.type, type)) { + name = item.name; + return BI.Status.END; + } + }); + return name; + }, + + getItemByText: function (array, text) { + var res = void 0; + this.traversal(array, function (i, item) { + if (BI.isCapitalEqual(item.text, text)) { + res = item; + return BI.Status.END; + } + }); + return res; + }, + + getIndexByText: function (array, text) { + var res = -1; + this.traversal(array, function (i, item) { + if (BI.isCapitalEqual(item.text, text)) { + res = i; + return BI.Status.END; + } + }); + return res; + }, + + getItemByValue: function (array, value) { + var res = void 0; + this.traversal(array, function (i, item) { + if (BI.isEqual(item.value, value)) { + res = item; + return BI.Status.END; + } + }); + return res; + }, + + getIndexByValue: function (array, value) { + var res = -1; + this.traversal(array, function (i, item) { + if (BI.isEqual(item.value, value)) { + res = i; + return BI.Status.END; + } + }); + return res; + }, + + getItemByName: function (array, name) { + var res = void 0; + this.traversal(array, function (i, item) { + if (BI.isCapitalEqual(item.name, name)) { + res = item; + return BI.Status.END; + } + }); + return res; + }, + + getIndexByName: function (array, name) { + var res = -1; + this.traversal(array, function (i, item) { + if (BI.isCapitalEqual(item.name, name)) { + res = i; + return BI.Status.END; + } + }); + return res; + }, + + getItemByType: function (array, type) { + var res = void 0; + this.traversal(array, function (i, item) { + if (BI.isEqual(item.type, type)) { + res = item; + return BI.Status.END; + } + }); + return res; + }, + + getIndexByType: function (array, type) { + var res = -1; + this.traversal(array, function (i, item) { + if (BI.isEqual(item.type, type)) { + res = i; + return BI.Status.END; + } + }); + return res; + }, + + deleteItemByType: function (array, type) { + var item = this.getItemByType(array, type); + array.remove(item); + }, + + deleteItemByName: function (array, name) { + var item = this.getItemByName(array, name); + array.remove(item); + }, + + deleteItemByValue: function (array, value) { + var item = this.getItemByValue(array, value); + array.remove(item); + } +});/* + * 前端缓存 + */ +window.localStorage || (window.localStorage = { + items: {}, + setItem: function (k, v) { + BI.Cache.addCookie(k, v); + }, + getItem: function (k) { + return BI.Cache.getCookie(k); + }, + removeItem: function (k) { + BI.Cache.deleteCookie(k); + }, + key: function () { + + }, + clear: function () { + this.items = {}; + } +}); +BI.Cache = { + _prefix: "bi", + setUsername: function (username) { + localStorage.setItem(BI.Cache._prefix + ".username", (username + "" || "").toUpperCase()); + }, + getUsername: function () { + return localStorage.getItem(BI.Cache._prefix + ".username") || ""; + }, + _getKeyPrefix: function () { + return BI.Cache.getUsername() + "." + BI.Cache._prefix + "."; + }, + _generateKey: function (key) { + return BI.Cache._getKeyPrefix() + (key || ""); + }, + getItem: function (key) { + return localStorage.getItem(BI.Cache._generateKey(key)); + }, + setItem: function (key, value) { + localStorage.setItem(BI.Cache._generateKey(key), value); + }, + removeItem: function (key) { + localStorage.removeItem(BI.Cache._generateKey(key)); + }, + clear: function () { + for (var i = localStorage.length; i >= 0; i--) { + var key = localStorage.key(i); + if (key) { + if (key.indexOf(BI.Cache._getKeyPrefix()) === 0) { + localStorage.removeItem(key); + } + } + } + }, + keys: function () { + var result = []; + for (var i = localStorage.length; i >= 0; i--) { + var key = localStorage.key(i); + if (key) { + var prefix = BI.Cache._getKeyPrefix(); + if (key.indexOf(prefix) === 0) { + result[result.length] = key.substring(prefix.length); + } + } + } + return result; + }, + + addCookie: function (name, value, path, expiresHours) { + var cookieString = name + "=" + escape(value); + // 判断是否设置过期时间 + if (expiresHours && expiresHours > 0) { + var date = new Date(); + date.setTime(date.getTime() + expiresHours * 3600 * 1000); + cookieString = cookieString + "; expires=" + date.toGMTString(); + } + if (path) { + cookieString = cookieString + "; path=" + path; + } + document.cookie = cookieString; + }, + getCookie: function (name) { + var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); + if (arr = document.cookie.match(reg)) + return unescape(arr[2]); + else + return null; + }, + deleteCookie: function (name, path) { + var date = new Date(); + date.setTime(date.getTime() - 10000); + var cookieString = name + "=v; expires=" + date.toGMTString(); + if (path) { + cookieString = cookieString + "; path=" + path; + } + document.cookie = cookieString; + } +};// full day names +Date._DN = [BI.i18nText("BI-Sunday"), + BI.i18nText("BI-Monday"), + BI.i18nText("BI-Tuesday"), + BI.i18nText("BI-Wednesday"), + BI.i18nText("BI-Thursday"), + BI.i18nText("BI-Friday"), + BI.i18nText("BI-Saturday"), + BI.i18nText("BI-Sunday")]; + +// short day names +Date._SDN = ['日', + '', + '', + '', + '', + '', + '', + '']; + +// Monday first, etc. +Date._FD = 1; + +// full month names +Date._MN = [ + '', + '', + '', + '', + '', + '', + '', + '', + '', + '', + '', + '']; + +// short month names +Date._SMN = ['', + '', + '', + '', + '', + '', + '', + '', + '', + '', + '', + '']; + +Date._QN = ["", BI.i18nText("BI-Quarter_1"), + BI.i18nText("BI-Quarter_2"), + BI.i18nText("BI-Quarter_3"), + BI.i18nText("BI-Quarter_4")]; + + + +/** Adds the number of days array to the Date object. */ +Date._MD = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; + +/** Constants used for time computations */ +Date.SECOND = 1000 /* milliseconds */; +Date.MINUTE = 60 * Date.SECOND; +Date.HOUR = 60 * Date.MINUTE; +Date.DAY = 24 * Date.HOUR; +Date.WEEK = 7 * Date.DAY; + +/** Returns the number of days in the current month */ +Date.prototype.getMonthDays = function (month) { + var year = this.getFullYear(); + if (typeof month == "undefined") { + month = this.getMonth(); + } + if (((0 == (year % 4)) && ( (0 != (year % 100)) || (0 == (year % 400)))) && month == 1) { + return 29; + } else { + return Date._MD[month]; + } +}; + +/** Returns the number of day in the year. */ +Date.prototype.getDayOfYear = function () { + var now = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0); + var then = new Date(this.getFullYear(), 0, 0, 0, 0, 0); + var time = now - then; + return Math.floor(time / Date.DAY); +}; + +/** Returns the number of the week in year, as defined in ISO 8601. */ +Date.prototype.getWeekNumber = function () { + var d = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0); + var DoW = d.getDay(); + d.setDate(d.getDate() - (DoW + 6) % 7 + 3); // Nearest Thu + var ms = d.valueOf(); // GMT + d.setMonth(0); + d.setDate(4); // Thu in Week 1 + return Math.round((ms - d.valueOf()) / (7 * 864e5)) + 1; +}; + +//离当前时间多少天的时间 +Date.prototype.getOffsetDate = function (offset) { + return new Date(this.getTime() + offset * 864e5); +}; + +/** Checks date and time equality */ +Date.prototype.equalsTo = function (date) { + return ((this.getFullYear() == date.getFullYear()) && + (this.getMonth() == date.getMonth()) && + (this.getDate() == date.getDate()) && + (this.getHours() == date.getHours()) && + (this.getMinutes() == date.getMinutes()) && + (this.getSeconds() == date.getSeconds())); +}; + +/** Set only the year, month, date parts (keep existing time) */ +Date.prototype.setDateOnly = function (date) { + var tmp = new Date(date); + this.setDate(1); + this.setFullYear(tmp.getFullYear()); + this.setMonth(tmp.getMonth()); + this.setDate(tmp.getDate()); +}; +/** Prints the date in a string according to the given format. */ +Date.prototype.print = function (str) { + var m = this.getMonth(); + var d = this.getDate(); + var y = this.getFullYear(); + var wn = this.getWeekNumber(); + var w = this.getDay(); + var s = {}; + var hr = this.getHours(); + var pm = (hr >= 12); + var ir = (pm) ? (hr - 12) : hr; + var dy = this.getDayOfYear(); + if (ir == 0) { + ir = 12; + } + var min = this.getMinutes(); + var sec = this.getSeconds(); + s["%a"] = Date._SDN[w]; // abbreviated weekday name [FIXME: I18N] + s["%A"] = Date._DN[w]; // full weekday name + s["%b"] = Date._SMN[m]; // abbreviated month name [FIXME: I18N] + s["%B"] = Date._MN[m]; // full month name + // FIXME: %c : preferred date and time representation for the current locale + s["%C"] = 1 + Math.floor(y / 100); // the century number + s["%d"] = (d < 10) ? ("0" + d) : d; // the day of the month (range 01 to 31) + s["%e"] = d; // the day of the month (range 1 to 31) + // FIXME: %D : american date style: %m/%d/%y + // FIXME: %E, %F, %G, %g, %h (man strftime) + s["%H"] = (hr < 10) ? ("0" + hr) : hr; // hour, range 00 to 23 (24h format) + s["%I"] = (ir < 10) ? ("0" + ir) : ir; // hour, range 01 to 12 (12h format) + s["%j"] = (dy < 100) ? ((dy < 10) ? ("00" + dy) : ("0" + dy)) : dy; // day of the year (range 001 to 366) + s["%k"] = hr; // hour, range 0 to 23 (24h format) + s["%l"] = ir; // hour, range 1 to 12 (12h format) + s["%X"] = (m < 9) ? ("0" + (1 + m)) : (1 + m); // month, range 01 to 12 + s["%x"] = m + 1 // month, range 1 to 12 + s["%M"] = (min < 10) ? ("0" + min) : min; // minute, range 00 to 59 + s["%n"] = "\n"; // a newline character + s["%p"] = pm ? "PM" : "AM"; + s["%P"] = pm ? "pm" : "am"; + // FIXME: %r : the time in am/pm notation %I:%M:%S %p + // FIXME: %R : the time in 24-hour notation %H:%M + s["%s"] = Math.floor(this.getTime() / 1000); + s["%S"] = (sec < 10) ? ("0" + sec) : sec; // seconds, range 00 to 59 + s["%t"] = "\t"; // a tab character + // FIXME: %T : the time in 24-hour notation (%H:%M:%S) + s["%U"] = s["%W"] = s["%V"] = (wn < 10) ? ("0" + wn) : wn; + s["%u"] = w + 1; // the day of the week (range 1 to 7, 1 = MON) + s["%w"] = w; // the day of the week (range 0 to 6, 0 = SUN) + // FIXME: %x : preferred date representation for the current locale without the time + // FIXME: %X : preferred time representation for the current locale without the date + s["%y"] = ('' + y).substr(2, 2); // year without the century (range 00 to 99) + s["%Y"] = y; // year with the century + s["%%"] = "%"; // a literal '%' character + + var re = /%./g; + if (!BI.isKhtml()) { + return str.replace(re, function (par) { + return s[par] || par; + }); + } + + var a = str.match(re); + for (var i = 0; i < a.length; i++) { + var tmp = s[a[i]]; + if (tmp) { + re = new RegExp(a[i], 'g'); + str = str.replace(re, tmp); + } + } + + return str; +}; + +/** + * 是否是闰年 + * @param year + * @returns {boolean} + */ +Date.isLeap = function (year) { + return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0; +}; + +/** + * 检测是否在有效期 + * + * @param YY 年 + * @param MM 月 + * @param DD 日 + * @param minDate '1900-01-01' + * @param maxDate '2099-12-31' + * @returns {Array} 若无效返回无效状态 + */ +Date.checkVoid = function (YY, MM, DD, minDate, maxDate) { + var back = []; + YY = YY | 0; + MM = MM | 0; + DD = DD | 0; + minDate = BI.isString(minDate) ? minDate.match(/\d+/g) : minDate; + maxDate = BI.isString(maxDate) ? maxDate.match(/\d+/g) : maxDate; + if (YY < minDate[0]) { + back = ['y']; + } else if (YY > maxDate[0]) { + back = ['y', 1]; + } else if (YY >= minDate[0] && YY <= maxDate[0]) { + if (YY == minDate[0]) { + if (MM < minDate[1]) { + back = ['m']; + } else if (MM == minDate[1]) { + if (DD < minDate[2]) { + back = ['d']; + } + } + } + if (YY == maxDate[0]) { + if (MM > maxDate[1]) { + back = ['m', 1]; + } else if (MM == maxDate[1]) { + if (DD > maxDate[2]) { + back = ['d', 1]; + } + } + } + } + return back; +}; + +Date.checkLegal = function (str) { + var ar = str.match(/\d+/g); + var YY = ar[0] | 0, MM = ar[1] | 0, DD = ar[2] | 0; + if (ar.length <= 1) { + return true; + } + if (ar.length <= 2) { + return MM >= 1 && MM <= 12; + } + Date._MD[1] = Date.isLeap(YY) ? 29 : 28; + return MM >= 1 && MM <= 12 && DD <= Date._MD[MM - 1]; +}; + +Date.parseDateTime = function (str, fmt) { + var today = new Date(); + var y = 0; + var m = 0; + var d = 1; + //wei : 对于fmt为‘YYYYMM’或者‘YYYYMMdd’的格式,str的值为类似'201111'的形式,因为年月之间没有分隔符,所以正则表达式分割无效,导致bug7376。 + var a = str.split(/\W+/); + if (fmt.toLowerCase() == '%y%x' || fmt.toLowerCase() == '%y%x%d') { + var yearlength = 4; + var otherlength = 2; + a[0] = str.substring(0, yearlength); + a[1] = str.substring(yearlength, yearlength + otherlength); + a[2] = str.substring(yearlength + otherlength, yearlength + otherlength * 2); + } + var b = fmt.match(/%./g); + var i = 0, j = 0; + var hr = 0; + var min = 0; + var sec = 0; + for (i = 0; i < a.length; ++i) { + switch (b[i]) { + case "%d": + case "%e": + d = parseInt(a[i], 10); + break; + + case "%X": + m = parseInt(a[i], 10) - 1; + break; + case "%x": + m = parseInt(a[i], 10) - 1; + break; + + case "%Y": + case "%y": + y = parseInt(a[i], 10); + (y < 100) && (y += (y > 29) ? 1900 : 2000); + break; + + case "%b": + case "%B": + for (j = 0; j < 12; ++j) { + if (Date._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { + m = j; + break; + } + } + break; + + case "%H": + case "%I": + case "%k": + case "%l": + hr = parseInt(a[i], 10); + break; + + case "%P": + case "%p": + if (/pm/i.test(a[i]) && hr < 12) { + hr += 12; + } else if (/am/i.test(a[i]) && hr >= 12) { + hr -= 12; + } + break; + + case "%M": + min = parseInt(a[i], 10); + case "%S": + sec = parseInt(a[i], 10); + break; + } + } +// if (!a[i]) { +// continue; +// } + if (isNaN(y)) { + y = today.getFullYear(); + } + if (isNaN(m)) { + m = today.getMonth(); + } + if (isNaN(d)) { + d = today.getDate(); + } + if (isNaN(hr)) { + hr = today.getHours(); + } + if (isNaN(min)) { + min = today.getMinutes(); + } + if (isNaN(sec)) { + sec = today.getSeconds(); + } + if (y != 0) { + return new Date(y, m, d, hr, min, sec); + } + y = 0; + m = -1; + d = 0; + for (i = 0; i < a.length; ++i) { + if (a[i].search(/[a-zA-Z]+/) != -1) { + var t = -1; + for (j = 0; j < 12; ++j) { + if (Date._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { + t = j; + break; + } + } + if (t != -1) { + if (m != -1) { + d = m + 1; + } + m = t; + } + } else if (parseInt(a[i], 10) <= 12 && m == -1) { + m = a[i] - 1; + } else if (parseInt(a[i], 10) > 31 && y == 0) { + y = parseInt(a[i], 10); + (y < 100) && (y += (y > 29) ? 1900 : 2000); + } else if (d == 0) { + d = a[i]; + } + } + if (y == 0) { + y = today.getFullYear(); + } + if (m != -1 && d != 0) { + return new Date(y, m, d, hr, min, sec); + } + return today; +};/* + * 给jQuery.Event对象添加的工具方法 + */ +$.extend($.Event.prototype, { + // event.stopEvent + stopEvent: function () { + this.stopPropagation(); + this.preventDefault(); + } +});Function.prototype.before = function (func) { + var __self = this; + return function () { + if (func.apply(this, arguments) === false) { + return false; + } + return __self.apply(this, arguments); + } +}; + +Function.prototype.after = function (func) { + var __self = this; + return function () { + var ret = __self.apply(this, arguments); + if (ret === false) { + return false; + } + func.apply(this, arguments); + return ret; + } +};if (!Number.prototype.toFixed || (0.00008).toFixed(3) !== '0.000' || + (0.9).toFixed(0) === '0' || (1.255).toFixed(2) !== '1.25' || + (1000000000000000128).toFixed(0) !== "1000000000000000128") { + (function () { + var base, size, data, i; + base = 1e7; + size = 6; + data = [0, 0, 0, 0, 0, 0]; + function multiply(n, c) { + var i = -1; + while (++i < size) { + c += n * data[i]; + data[i] = c % base; + c = Math.floor(c / base); + } + } + + function divide(n) { + var i = size, c = 0; + while (--i >= 0) { + c += data[i]; + data[i] = Math.floor(c / n); + c = (c % n) * base; + } + } + + function toString() { + var i = size; + var s = ''; + while (--i >= 0) { + if (s !== '' || i === 0 || data[i] !== 0) { + var t = String(data[i]); + if (s === '') { + s = t; + } else { + s += '0000000'.slice(0, 7 - t.length) + t; + } + } + } + return s; + } + + function pow(x, n, acc) { + return (n === 0 ? acc : (n % 2 === 1 ? pow(x, n - 1, acc * x) + : pow(x * x, n / 2, acc))); + } + + function log(x) { + var n = 0; + while (x >= 4096) { + n += 12; + x /= 4096; + } + while (x >= 2) { + n += 1; + x /= 2; + } + return n; + } + + Number.prototype.toFixed = function (fractionDigits) { + var f, x, s, m, e, z, j, k; + f = Number(fractionDigits); + f = f !== f ? 0 : Math.floor(f); + + if (f < 0 || f > 20) { + throw new RangeError('Number.toFixed called with invalid number of decimals'); + } + + x = Number(this); + + if (x !== x) { + return "NaN"; + } + + if (x <= -1e21 || x > 1e21) { + return String(x); + } + + s = ""; + + if (x < 0) { + s = "-"; + x = -x; + } + + m = "0"; + + if (x > 1e-21) { + //1e-21<x<1e21 + //-70<log2(x)<70 + e = log(x * pow(2, 69, 1)) - 69; + z = (e < 0 ? x * pow(2, -e, 1) : x / pow(2, e, 1)); + z *= 0x10000000000000;//Math.pow(2,52); + e = 52 - e; + + //-18<e<122 + //x=z/2^e + if (e > 0) { + multiply(0, z); + j = f; + + while (j >= 7) { + multiply(1e7, 0); + j -= 7; + } + + multiply(pow(10, j, 1), 0); + j = e - 1; + + while (j >= 23) { + divide(1 << 23); + j -= 23; + } + divide(1 << j); + multiply(1, 1); + divide(2); + m = toString(); + } else { + multiply(0, z); + multiply(1 << (-e), 0); + m = toString() + '0.00000000000000000000'.slice(2, 2 + f); + } + } + + if (f > 0) { + k = m.length; + + if (k <= f) { + m = s + '0.0000000000000000000'.slice(0, f - k + 2) + m; + } else { + m = s + m.slice(0, k - f) + '.' + m.slice(k - f); + } + } else { + m = s + m; + } + + return m; + } + + })(); +} + + +/** + ** 加法函数,用来得到精确的加法结果 + ** 说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 + ** 调用:accAdd(arg1,arg2) + ** 返回值:arg1加上arg2的精确结果 + **/ +function accAdd(arg1, arg2) { + var r1, r2, m, c; + try { + r1 = arg1.toString().split(".")[1].length; + } + catch (e) { + r1 = 0; + } + try { + r2 = arg2.toString().split(".")[1].length; + } + catch (e) { + r2 = 0; + } + c = Math.abs(r1 - r2); + m = Math.pow(10, Math.max(r1, r2)); + if (c > 0) { + var cm = Math.pow(10, c); + if (r1 > r2) { + arg1 = Number(arg1.toString().replace(".", "")); + arg2 = Number(arg2.toString().replace(".", "")) * cm; + } else { + arg1 = Number(arg1.toString().replace(".", "")) * cm; + arg2 = Number(arg2.toString().replace(".", "")); + } + } else { + arg1 = Number(arg1.toString().replace(".", "")); + arg2 = Number(arg2.toString().replace(".", "")); + } + return (arg1 + arg2) / m; +} + +//给Number类型增加一个add方法,调用起来更加方便。 +Number.prototype.add = function (arg) { + return accAdd(arg, this); +}; +/** + ** 减法函数,用来得到精确的减法结果 + ** 说明:javascript的减法结果会有误差,在两个浮点数相减的时候会比较明显。这个函数返回较为精确的减法结果。 + ** 调用:accSub(arg1,arg2) + ** 返回值:arg1加上arg2的精确结果 + **/ +function accSub(arg1, arg2) { + var r1, r2, m, n; + try { + r1 = arg1.toString().split(".")[1].length; + } + catch (e) { + r1 = 0; + } + try { + r2 = arg2.toString().split(".")[1].length; + } + catch (e) { + r2 = 0; + } + m = Math.pow(10, Math.max(r1, r2)); //last modify by deeka //动态控制精度长度 + n = (r1 >= r2) ? r1 : r2; + return ((arg1 * m - arg2 * m) / m).toFixed(n); +} + +// 给Number类型增加一个mul方法,调用起来更加方便。 +Number.prototype.sub = function (arg) { + return accSub(this, arg); +}; +/** + ** 乘法函数,用来得到精确的乘法结果 + ** 说明:javascript的乘法结果会有误差,在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。 + ** 调用:accMul(arg1,arg2) + ** 返回值:arg1乘以 arg2的精确结果 + **/ +function accMul(arg1, arg2) { + var m = 0, s1 = arg1.toString(), s2 = arg2.toString(); + try { + m += s1.split(".")[1].length; + } + catch (e) { + } + try { + m += s2.split(".")[1].length; + } + catch (e) { + } + return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m); +} + +// 给Number类型增加一个mul方法,调用起来更加方便。 +Number.prototype.mul = function (arg) { + return accMul(arg, this); +}; +/** + ** 除法函数,用来得到精确的除法结果 + ** 说明:javascript的除法结果会有误差,在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。 + ** 调用:accDiv(arg1,arg2) + ** 返回值:arg1除以arg2的精确结果 + **/ +function accDiv(arg1, arg2) { + var t1 = 0, t2 = 0, r1, r2; + try { + t1 = arg1.toString().split(".")[1].length; + } + catch (e) { + } + try { + t2 = arg2.toString().split(".")[1].length; + } + catch (e) { + } + with (Math) { + r1 = Number(arg1.toString().replace(".", "")); + r2 = Number(arg2.toString().replace(".", "")); + return (r1 / r2) * pow(10, t2 - t1); + } +} + +//给Number类型增加一个div方法,调用起来更加方便。 +Number.prototype.div = function (arg) { + return accDiv(this, arg); +};/** + * 特殊情况 + * Created by wang on 15/6/23. + */ +//解决console未定义问题 guy +window.console = window.console || (function () { + var c = {}; + c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile + = c.clear = c.exception = c.trace = c.assert = function () { + }; + return c; + })(); + + +//修复ie9下sort方法的bug +!function (window) { + var ua = window.navigator.userAgent.toLowerCase(), + reg = /msie|applewebkit.+safari/; + if (reg.test(ua)) { + var _sort = Array.prototype.sort; + Array.prototype.sort = function (fn) { + if (!!fn && typeof fn === 'function') { + if (this.length < 2) { + return this; + } + var i = 0, j = i + 1, l = this.length, tmp, r = false, t = 0; + for (; i < l; i++) { + for (j = i + 1; j < l; j++) { + t = fn.call(this, this[i], this[j]); + r = (typeof t === 'number' ? t : + !!t ? 1 : 0) > 0; + if (r === true) { + tmp = this[i]; + this[i] = this[j]; + this[j] = tmp; + } + } + } + return this; + } else { + return _sort.call(this); + } + }; + } +}(window);/** + * 对字符串对象的扩展 + * @class String + */ +$.extend(String.prototype, { + + /** + * 判断字符串是否已指定的字符串开始 + * @param {String} startTag 指定的开始字符串 + * @return {Boolean} 如果字符串以指定字符串开始则返回true,否则返回false + */ + startWith: function (startTag) { + if (startTag == null || startTag == "" || this.length === 0 || startTag.length > this.length) { + return false; + } + return this.substr(0, startTag.length) == startTag; + }, + /** + * 判断字符串是否以指定的字符串结束 + * @param {String} endTag 指定的字符串 + * @return {Boolean} 如果字符串以指定字符串结束则返回true,否则返回false + */ + endWith: function (endTag) { + if (endTag == null || endTag == "" || this.length === 0 || endTag.length > this.length) { + return false; + } + return this.substring(this.length - endTag.length) == endTag; + }, + + /** + * 获取url中指定名字的参数 + * @param {String} name 参数的名字 + * @return {String} 参数的值 + */ + getQuery: function (name) { + var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); + var r = this.substr(this.indexOf("?") + 1).match(reg); + if (r) { + return unescape(r[2]); + } + return null; + }, + + /** + * 给url加上给定的参数 + * @param {Object} paras 参数对象,是一个键值对对象 + * @return {String} 添加了给定参数的url + */ + appendQuery: function (paras) { + if (!paras) { + return this; + } + var src = this; + // 没有问号说明还没有参数 + if (src.indexOf("?") === -1) { + src += "?"; + } + // 如果以问号结尾,说明没有其他参数 + if (src.endWith("?") !== false) { + } else { + src += "&"; + } + $.each(paras, function (name, value) { + if (typeof(name) === 'string') { + src += name + "=" + value + "&"; + } + }); + src = src.substr(0, src.length - 1); + return src; + }, + /** + * 将所有符合第一个字符串所表示的字符串替换成为第二个字符串 + * @param {String} s1 要替换的字符串的正则表达式 + * @param {String} s2 替换的结果字符串 + * @returns {String} 替换后的字符串 + */ + replaceAll: function (s1, s2) { + return this.replace(new RegExp(s1, "gm"), s2); + }, + /** + * 总是让字符串以指定的字符开头 + * @param {String} start 指定的字符 + * @returns {String} 以指定字符开头的字符串 + */ + perfectStart: function (start) { + if (this.startWith(start)) { + return this; + } else { + return start + this; + } + }, + + /** + * 获取字符串中某字符串的所有项位置数组 + * @param {String} sub 子字符串 + * @return {Number[]} 子字符串在父字符串中出现的所有位置组成的数组 + */ + allIndexOf: function (sub) { + if (typeof sub != 'string') { + return []; + } + var str = this; + var location = []; + var offset = 0; + while (str.length > 0) { + var loc = str.indexOf(sub); + if (loc === -1) { + break; + } + location.push(offset + loc); + str = str.substring(loc + sub.length, str.length); + offset += loc + sub.length; + } + return location; + } +}); + +/** + * 对字符串对象的扩展 + * @class String + */ +$.extend(String, { + + /** + * 对字符串中的'和\做编码处理 + * @static + * @param {String} string 要做编码处理的字符串 + * @return {String} 编码后的字符串 + */ + escape: function (string) { + return string.replace(/('|\\)/g, "\\$1"); + }, + + /** + * 让字符串通过指定字符做补齐的函数 + * + * var s = String.leftPad('123', 5, '0');//s的值为:'00123' + * + * @static + * @param {String} val 原始值 + * @param {Number} size 总共需要的位数 + * @param {String} ch 用于补齐的字符 + * @return {String} 补齐后的字符串 + */ + leftPad: function (val, size, ch) { + var result = String(val); + if (!ch) { + ch = " "; + } + while (result.length < size) { + result = ch + result; + } + return result.toString(); + }, + + /** + * 对字符串做替换的函数 + * + * var cls = 'my-class', text = 'Some text'; + * var res = String.format('<div class="{0}>{1}</div>"', cls, text); + * //res的值为:'<div class="my-class">Some text</div>'; + * + * @static + * @param {String} format 要做替换的字符串,替换字符串1,替换字符串2... + * @return {String} 做了替换后的字符串 + */ + format: function (format) { + var args = Array.prototype.slice.call(arguments, 1); + return format.replace(/\{(\d+)\}/g, function (m, i) { + return args[i]; + }); + } +});/** + * guy + * 状态常量 + */ + +_.extend(BI, { + Status: { + SUCCESS: 1, + WRONG: 2, + START: 3, + END: 4, + WAITING: 5, + READY: 6, + RUNNING: 7, + OUTOFBOUNDS: 8, + NULL: -1 + }, + Direction: { + Top: "top", + Bottom: "bottom", + Left: "left", + Right: "right", + Custom: "custom" + }, + Axis: { + Vertical: "vertical", + Horizontal: "horizontal" + }, + Selection: { + Default: -999, + None: -1, + Single: 0, + Multi: 1, + All: 2 + }, + HorizontalAlign: { + Left: "left", + Right: "right", + Center: "center" + }, + VerticalAlign: { + Middle: "middle", + Top: "top", + Bottom: "bottom" + } +});BI.EventListener = { + listen: function listen(target, eventType, callback) { + if (target.addEventListener) { + target.addEventListener(eventType, callback, false); + return { + remove: function remove() { + target.removeEventListener(eventType, callback, false); + } + }; + } else if (target.attachEvent) { + target.attachEvent('on' + eventType, callback); + return { + remove: function remove() { + target.detachEvent('on' + eventType, callback); + } + }; + } + }, + + capture: function capture(target, eventType, callback) { + if (target.addEventListener) { + target.addEventListener(eventType, callback, true); + return { + remove: function remove() { + target.removeEventListener(eventType, callback, true); + } + }; + } else { + return { + remove: BI.emptyFn + }; + } + }, + + registerDefault: function registerDefault() { + } +};!(function () { + var cancelAnimationFrame = + window.cancelAnimationFrame || + window.webkitCancelAnimationFrame || + window.mozCancelAnimationFrame || + window.oCancelAnimationFrame || + window.msCancelAnimationFrame || + window.clearTimeout; + + var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || window.setTimeout; + + + BI.MouseMoveTracker = function (onMove, onMoveEnd, domNode) { + this._isDragging = false; + this._animationFrameID = null; + this._domNode = domNode; + this._onMove = onMove; + this._onMoveEnd = onMoveEnd; + + this._onMouseMove = BI.bind(this._onMouseMove, this); + this._onMouseUp = BI.bind(this._onMouseUp, this); + this._didMouseMove = BI.bind(this._didMouseMove, this); + }; + BI.MouseMoveTracker.prototype = { + constructor: BI.MouseMoveTracker, + captureMouseMoves: function (/*object*/ event) { + if (!this._eventMoveToken && !this._eventUpToken) { + this._eventMoveToken = BI.EventListener.listen( + this._domNode, + 'mousemove', + this._onMouseMove + ); + this._eventUpToken = BI.EventListener.listen( + this._domNode, + 'mouseup', + this._onMouseUp + ); + } + + if (!this._isDragging) { + this._deltaX = 0; + this._deltaY = 0; + this._isDragging = true; + this._x = event.clientX; + this._y = event.clientY; + } + event.preventDefault ? event.preventDefault() : (event.returnValue = false); + }, + + releaseMouseMoves: function () { + if (this._eventMoveToken && this._eventUpToken) { + this._eventMoveToken.remove(); + this._eventMoveToken = null; + this._eventUpToken.remove(); + this._eventUpToken = null; + } + + if (this._animationFrameID !== null) { + cancelAnimationFrame(this._animationFrameID); + this._animationFrameID = null; + } + + if (this._isDragging) { + this._isDragging = false; + this._x = null; + this._y = null; + } + }, + + isDragging: function () /*boolean*/ { + return this._isDragging; + }, + + _onMouseMove: function (/*object*/ event) { + var x = event.clientX; + var y = event.clientY; + + this._deltaX += (x - this._x); + this._deltaY += (y - this._y); + + if (this._animationFrameID === null) { + // The mouse may move faster then the animation frame does. + // Use `requestAnimationFrame` to avoid over-updating. + this._animationFrameID = + requestAnimationFrame(this._didMouseMove); + } + + this._x = x; + this._y = y; + event.preventDefault ? event.preventDefault() : (event.returnValue = false); + }, + + _didMouseMove: function () { + this._animationFrameID = null; + this._onMove(this._deltaX, this._deltaY); + this._deltaX = 0; + this._deltaY = 0; + }, + + _onMouseUp: function () { + if (this._animationFrameID) { + this._didMouseMove(); + } + this._onMoveEnd(); + } + }; +})();!(function () { + var PIXEL_STEP = 10; + var LINE_HEIGHT = 40; + var PAGE_HEIGHT = 800; + var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || window.setTimeout; + + function normalizeWheel(/*object*/event) /*object*/ { + var sX = 0, + sY = 0, + // spinX, spinY + pX = 0, + pY = 0; // pixelX, pixelY + + // Legacy + if ('detail' in event) { + sY = event.detail; + } + if ('wheelDelta' in event) { + sY = -event.wheelDelta / 120; + } + if ('wheelDeltaY' in event) { + sY = -event.wheelDeltaY / 120; + } + if ('wheelDeltaX' in event) { + sX = -event.wheelDeltaX / 120; + } + + // side scrolling on FF with DOMMouseScroll + if ('axis' in event && event.axis === event.HORIZONTAL_AXIS) { + sX = sY; + sY = 0; + } + + pX = sX * PIXEL_STEP; + pY = sY * PIXEL_STEP; + + if ('deltaY' in event) { + pY = event.deltaY; + } + if ('deltaX' in event) { + pX = event.deltaX; + } + + if ((pX || pY) && event.deltaMode) { + if (event.deltaMode === 1) { + // delta in LINE units + pX *= LINE_HEIGHT; + pY *= LINE_HEIGHT; + } else { + // delta in PAGE units + pX *= PAGE_HEIGHT; + pY *= PAGE_HEIGHT; + } + } + + // Fall-back if spin cannot be determined + if (pX && !sX) { + sX = pX < 1 ? -1 : 1; + } + if (pY && !sY) { + sY = pY < 1 ? -1 : 1; + } + + return { + spinX: sX, + spinY: sY, + pixelX: pX, + pixelY: pY + }; + } + + BI.WheelHandler = function (onWheel, handleScrollX, handleScrollY, stopPropagation) { + this._animationFrameID = null; + this._deltaX = 0; + this._deltaY = 0; + this._didWheel = BI.bind(this._didWheel, this); + if (typeof handleScrollX !== 'function') { + handleScrollX = handleScrollX ? + function () { + return true + } : + function () { + return false + }; + } + + if (typeof handleScrollY !== 'function') { + handleScrollY = handleScrollY ? + function () { + return true + } : + function () { + return false + }; + } + + if (typeof stopPropagation !== 'function') { + stopPropagation = stopPropagation ? + function () { + return true + } : + function () { + return false + }; + } + + this._handleScrollX = handleScrollX; + this._handleScrollY = handleScrollY; + this._stopPropagation = stopPropagation; + this._onWheelCallback = onWheel; + this.onWheel = BI.bind(this.onWheel, this); + }; + BI.WheelHandler.prototype = { + constructor: BI.WheelHandler, + onWheel: function (/*object*/ event) { + var normalizedEvent = normalizeWheel(event); + var deltaX = this._deltaX + normalizedEvent.pixelX; + var deltaY = this._deltaY + normalizedEvent.pixelY; + var handleScrollX = this._handleScrollX(deltaX, deltaY); + var handleScrollY = this._handleScrollY(deltaY, deltaX); + if (!handleScrollX && !handleScrollY) { + return; + } + + this._deltaX += handleScrollX ? normalizedEvent.pixelX : 0; + this._deltaY += handleScrollY ? normalizedEvent.pixelY : 0; + event.preventDefault ? event.preventDefault() : (event.returnValue = false); + + var changed; + if (this._deltaX !== 0 || this._deltaY !== 0) { + if (this._stopPropagation()) { + event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true); + } + changed = true; + } + + if (changed === true && this._animationFrameID === null) { + this._animationFrameID = requestAnimationFrame(this._didWheel); + } + }, + + _didWheel: function () { + this._animationFrameID = null; + this._onWheelCallback(this._deltaX, this._deltaY); + this._deltaX = 0; + this._deltaY = 0; + } + }; +})();/** + * 常量 + */ + +_.extend(BI, { + MAX: 0xfffffffffffffff, + MIN: -0xfffffffffffffff, + EVENT_RESPONSE_TIME: 200, + zIndex_layer: 1e5, + zIndex_floatbox: 1e6, + zIndex_popup: 1e7, + zIndex_masker: 1e8, + zIndex_tip: 1e9, + emptyStr: "", + emptyFn: function () { + }, + empty: null +});/** + * absolute实现的居中布局 + * @class BI.AbsoluteCenterLayout + * @extends BI.Layout + */ +BI.AbsoluteCenterLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.AbsoluteCenterLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-absolute-center-layout", + hgap: 0, + lgap: 0, + rgap: 0, + vgap: 0, + tgap: 0, + bgap: 0 + }); + }, + + created: function () { + BI.AbsoluteCenterLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.AbsoluteCenterLayout.superclass._addElement.apply(this, arguments); + w.element.css({ + "position": "absolute", + "left": o.hgap + o.lgap + (item.lgap || 0), + "right": o.hgap + o.rgap + (item.rgap || 0), + "top": o.vgap + o.tgap + (item.tgap || 0), + "bottom": o.vgap + o.bgap + (item.bgap || 0), + "margin": "auto" + }); + return w; + }, + + resize: function () { + // console.log("absolute_center_adapt布局不需要resize"); + }, + + populate: function (items) { + BI.AbsoluteCenterLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.absolute_center_adapt', BI.AbsoluteCenterLayout);/** + * absolute实现的居中布局 + * @class BI.AbsoluteHorizontalLayout + * @extends BI.Layout + */ +BI.AbsoluteHorizontalLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.AbsoluteHorizontalLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-absolute-horizontal-layout", + hgap: 0, + lgap: 0, + rgap: 0, + vgap: 0, + tgap: 0, + bgap: 0 + }); + }, + + created: function () { + BI.AbsoluteHorizontalLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.AbsoluteHorizontalLayout.superclass._addElement.apply(this, arguments); + w.element.css({ + "position": "absolute", + "left": o.hgap + o.lgap + (item.lgap || 0), + "right": o.hgap + o.rgap + (item.rgap || 0), + "margin": "auto" + }); + if (o.vgap + o.tgap + (item.tgap || 0) !== 0) { + w.element.css("top", o.vgap + o.tgap + (item.tgap || 0)); + } + if (o.vgap + o.bgap + (item.bgap || 0) !== 0) { + w.element.css("bottom", o.vgap + o.bgap + (item.bgap || 0)); + } + return w; + }, + + resize: function () { + // console.log("absolute_horizontal_adapt布局不需要resize"); + }, + + populate: function (items) { + BI.AbsoluteHorizontalLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.absolute_horizontal_adapt', BI.AbsoluteHorizontalLayout);/** + * absolute实现的居中布局 + * @class BI.AbsoluteVerticalLayout + * @extends BI.Layout + */ +BI.AbsoluteVerticalLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.AbsoluteVerticalLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-absolute-vertical-layout", + hgap: 0, + lgap: 0, + rgap: 0, + vgap: 0, + tgap: 0, + bgap: 0 + }); + }, + + created: function () { + BI.AbsoluteVerticalLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.AbsoluteVerticalLayout.superclass._addElement.apply(this, arguments); + w.element.css({ + "position": "absolute", + "left": item.lgap, + "right": item.rgap, + "top": o.vgap + o.tgap + (item.tgap || 0), + "bottom": o.vgap + o.bgap + (item.bgap || 0), + "margin": "auto" + }); + if (o.hgap + o.lgap + (item.lgap || 0) !== 0) { + w.element.css("left", o.hgap + o.lgap + (item.lgap || 0)); + } + if (o.hgap + o.rgap + (item.rgap || 0) !== 0) { + w.element.css("right", o.hgap + o.rgap + (item.rgap || 0)); + } + return w; + }, + + resize: function () { + // console.log("absolute_vertical_adapt布局不需要resize"); + }, + + populate: function (items) { + BI.AbsoluteVerticalLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.absolute_vertical_adapt', BI.AbsoluteVerticalLayout);/** + * 自适应水平和垂直方向都居中容器 + * @class BI.CenterAdaptLayout + * @extends BI.Layout + */ +BI.CenterAdaptLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.CenterAdaptLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-center-adapt-layout", + columnSize: [], + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.CenterAdaptLayout.superclass.created.apply(this, arguments); + this.$table = $("<table>").attr({"cellspacing": 0, "cellpadding": 0}).css({ + "position": "relative", + "width": "100%", + "height": "100%", + "white-space": "nowrap", + "border-spacing": "0px", + "border": "none", + "border-collapse": "separate" + }); + this.$tr = $("<tr>"); + this.$tr.appendTo(this.$table); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var td; + var width = o.columnSize[i] <= 1 ? (o.columnSize[i] * 100 + "%") : o.columnSize[i]; + if (!this.hasWidget(this.getName() + "-" + i)) { + var w = BI.createWidget(item); + w.element.css({"position": "relative", "top": "0", "left": "0", "margin": "0px auto"}); + td = BI.createWidget({ + type: "bi.default", + tagName: "td", + attributes: { + width: width + }, + items: [w] + }); + this.addWidget(this.getName() + "-" + i, td); + } else { + td = this.getWidgetByName(this.getName() + "-" + i); + td.element.attr("width", width); + } + td.element.css({"max-width": o.columnSize[i]}); + if (i === 0) { + td.element.addClass("first-element"); + } + td.element.css({ + "position": "relative", + "height": "100%", + "vertical-align": "middle", + "margin": "0", + "padding": "0", + "border": "none" + }); + if (o.hgap + o.lgap + (item.lgap || 0) !== 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) !== 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) !== 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) !== 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return td; + }, + + _mountChildren: function () { + var self = this; + var frag = document.createDocumentFragment(); + var hasChild = false; + BI.each(this._children, function (i, widget) { + if (widget.element !== self.element) { + frag.appendChild(widget.element[0]); + hasChild = true; + } + }); + if (hasChild === true) { + this.$tr.append(frag); + this.element.append(this.$table); + } + }, + + resize: function () { + // console.log("center_adapt布局不需要resize"); + }, + + addItem: function (item) { + var w = this._addElement(this.options.items.length, item); + w._mount(); + this.options.items.push(item); + w.element.appendTo(this.$tr); + return w; + }, + + populate: function (items) { + BI.CenterAdaptLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.center_adapt', BI.CenterAdaptLayout);/** + * 水平方向居中容器 + * @class BI.HorizontalAdaptLayout + * @extends BI.Layout + */ +BI.HorizontalAdaptLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.HorizontalAdaptLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-horizontal-adapt-layout", + verticalAlign: BI.VerticalAlign.Middle, + columnSize: [], + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.HorizontalAdaptLayout.superclass.created.apply(this, arguments); + this.$table = $("<table>").attr({"cellspacing": 0, "cellpadding": 0}).css({ + "position": "relative", + "width": "100%", + "white-space": "nowrap", + "border-spacing": "0px", + "border": "none", + "border-collapse": "separate" + }); + this.$tr = $("<tr>"); + this.$tr.appendTo(this.$table); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var td; + var width = o.columnSize[i] <= 1 ? (o.columnSize[i] * 100 + "%") : o.columnSize[i]; + if (!this.hasWidget(this.getName() + "-" + i)) { + var w = BI.createWidget(item); + w.element.css({"position": "relative", "top": "0", "left": "0", "margin": "0px auto"}); + td = BI.createWidget({ + type: "bi.default", + tagName: "td", + attributes: { + width: width + }, + items: [w] + }); + this.addWidget(this.getName() + "-" + i, td); + } else { + td = this.getWidgetByName(this.getName() + "-" + i); + td.element.attr("width", width); + } + td.element.css({"max-width": o.columnSize[i] + "px"}); + if (i === 0) { + td.element.addClass("first-element"); + } + td.element.css({ + "position": "relative", + "vertical-align": o.verticalAlign, + "margin": "0", + "padding": "0", + "border": "none" + }); + if (o.hgap + o.lgap + (item.lgap || 0) !== 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) !== 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) !== 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) !== 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return td; + }, + + _mountChildren: function () { + var self = this; + var frag = document.createDocumentFragment(); + var hasChild = false; + BI.each(this._children, function (i, widget) { + if (widget.element !== self.element) { + frag.appendChild(widget.element[0]); + hasChild = true; + } + }); + if (hasChild === true) { + this.$tr.append(frag); + this.element.append(this.$table); + } + }, + + resize: function () { + // console.log("horizontal_adapt布局不需要resize"); + }, + + addItem: function (item) { + var w = this._addElement(this.options.items.length, item); + w._mount(); + this.options.items.push(item); + w.element.appendTo(this.$tr); + return w; + }, + + populate: function (items) { + BI.HorizontalAdaptLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.horizontal_adapt', BI.HorizontalAdaptLayout);/** + * 左右分离,垂直方向居中容器 + * items:{ + left: [{el:{type:"bi.button"}}], + right:[{el:{type:"bi.button"}}] + } + * @class BI.LeftRightVerticalAdaptLayout + * @extends BI.Layout + */ +BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.LeftRightVerticalAdaptLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-left-right-vertical-adapt-layout", + items: {}, + llgap: 0, + lrgap: 0, + lhgap: 0, + rlgap: 0, + rrgap: 0, + rhgap: 0 + }); + }, + created: function () { + BI.LeftRightVerticalAdaptLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + // console.log("left_right_vertical_adapt布局不需要resize"); + }, + + addItem: function () { + //do nothing + throw new Error("不能添加元素") + }, + + stroke: function (items) { + var o = this.options; + if ("left" in items) { + var left = BI.createWidget({ + type: "bi.vertical_adapt", + items: items.left, + hgap: o.lhgap, + lgap: o.llgap, + rgap: o.lrgap + }); + left.element.css("height", "100%"); + BI.createWidget({ + type: "bi.left", + element: this, + items: [left] + }); + } + if ("right" in items) { + var right = BI.createWidget({ + type: "bi.vertical_adapt", + items: items.right, + hgap: o.rhgap, + lgap: o.rlgap, + rgap: o.rrgap + }); + right.element.css("height", "100%"); + BI.createWidget({ + type: "bi.right", + element: this, + items: [right] + }); + } + }, + + populate: function (items) { + BI.LeftRightVerticalAdaptLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.left_right_vertical_adapt', BI.LeftRightVerticalAdaptLayout); + + +BI.LeftVerticalAdaptLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.LeftRightVerticalAdaptLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-left-vertical-adapt-layout", + items: [], + lgap: 0, + rgap: 0, + hgap: 0 + }); + }, + created: function () { + BI.LeftVerticalAdaptLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + console.log("left_vertical_adapt布局不需要resize"); + }, + + addItem: function () { + //do nothing + throw new Error("不能添加元素") + }, + + populate: function (items) { + BI.LeftVerticalAdaptLayout.superclass.populate.apply(this, arguments); + var o = this.options; + var left = BI.createWidget({ + type: "bi.vertical_adapt", + items: items, + lgap: o.lgap, + hgap: o.hgap, + rgap: o.rgap + }); + left.element.css("height", "100%"); + BI.createWidget({ + type: "bi.left", + element: this, + items: [left] + }); + this._mount(); + } +}); +$.shortcut('bi.left_vertical_adapt', BI.LeftVerticalAdaptLayout); + +BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.RightVerticalAdaptLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-right-vertical-adapt-layout", + items: [], + lgap: 0, + rgap: 0, + hgap: 0 + }); + }, + created: function () { + BI.RightVerticalAdaptLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + console.log("right_vertical_adapt布局不需要resize"); + }, + + addItem: function () { + //do nothing + throw new Error("不能添加元素") + }, + + populate: function (items) { + BI.RightVerticalAdaptLayout.superclass.populate.apply(this, arguments); + var o = this.options; + var right = BI.createWidget({ + type: "bi.vertical_adapt", + items: items, + lgap: o.lgap, + hgap: o.hgap, + rgap: o.rgap + }); + right.element.css("height", "100%"); + BI.createWidget({ + type: "bi.right", + element: this, + items: [right] + }); + this._mount(); + } +}); +$.shortcut('bi.right_vertical_adapt', BI.RightVerticalAdaptLayout);/** + * 垂直方向居中容器 + * @class BI.VerticalAdaptLayout + * @extends BI.Layout + */ +BI.VerticalAdaptLayout = BI.inherit(BI.Layout, { + _defaultConfig: function () { + return BI.extend(BI.VerticalAdaptLayout.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-vertical-adapt-layout", + columnSize: [], + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + _init: function () { + BI.VerticalAdaptLayout.superclass._init.apply(this, arguments); + this.$table = $("<table>").attr({"cellspacing": 0, "cellpadding": 0}).css({ + "position": "relative", + "height": "100%", + "white-space": "nowrap", + "border-spacing": "0px", + "border": "none", + "border-collapse": "separate" + }); + this.$tr = $("<tr>"); + this.$tr.appendTo(this.$table); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var td; + var width = o.columnSize[i] <= 1 ? (o.columnSize[i] * 100 + "%") : o.columnSize[i]; + if (!this.hasWidget(this.getName() + "-" + i)) { + var w = BI.createWidget(item); + w.element.css({"position": "relative", "top": "0", "left": "0", "margin": "0px auto"}); + td = BI.createWidget({ + type: "bi.default", + tagName: "td", + attributes: { + width: width + }, + items: [w] + }); + this.addWidget(this.getName() + "-" + i, td); + } else { + td = this.getWidgetByName(this.getName() + "-" + i); + td.element.attr("width", width); + } + + if (i === 0) { + td.element.addClass("first-element"); + } + td.element.css({ + "position": "relative", + "height": "100%", + "vertical-align": "middle", + "margin": "0", + "padding": "0", + "border": "none" + }); + if (o.hgap + o.lgap + (item.lgap || 0) !== 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) !== 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) !== 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) !== 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return td; + }, + + _mountChildren: function () { + var self = this; + var frag = document.createDocumentFragment(); + var hasChild = false; + BI.each(this._children, function (i, widget) { + if (widget.element !== self.element) { + frag.appendChild(widget.element[0]); + hasChild = true; + } + }); + if (hasChild === true) { + this.$tr.append(frag); + this.element.append(this.$table); + } + }, + + addItem: function (item) { + var w = this._addElement(this.options.items.length, item); + w._mount(); + this.options.items.push(item); + w.element.appendTo(this.$tr); + return w; + }, + + resize: function () { + // console.log("vertical_adapt布局不需要resize"); + }, + + populate: function (items) { + BI.VerticalAdaptLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.vertical_adapt', BI.VerticalAdaptLayout);/** + * 水平方向居中自适应容器 + * @class BI.HorizontalAutoLayout + * @extends BI.Layout + */ +BI.HorizontalAutoLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.HorizontalAutoLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-horizon-auto-layout", + hgap: 0, + lgap: 0, + rgap: 0, + vgap: 0, + tgap: 0, + bgap: 0 + }); + }, + + created: function () { + BI.HorizontalAutoLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.HorizontalAutoLayout.superclass._addElement.apply(this, arguments); + w.element.css({ + "position": "relative", + "margin": "0px auto" + }); + if (o.hgap + o.lgap + (item.lgap || 0) !== 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) !== 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) !== 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) !== 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return w; + }, + + resize: function () { + // console.log("horizontal_adapt布局不需要resize"); + }, + + populate: function (items) { + BI.HorizontalAutoLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.horizontal_auto', BI.HorizontalAutoLayout);/** + * 浮动的居中布局 + */ +BI.FloatCenterAdaptLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FloatCenterAdaptLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-float-center-adapt-layout", + items: [], + hgap: 0, + vgap: 0, + tgap: 0, + bgap: 0, + lgap: 0, + rgap: 0 + }); + }, + created: function () { + BI.FloatCenterAdaptLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + // console.log("float_center_adapt布局不需要resize"); + }, + + addItem: function () { + //do nothing + throw new Error("不能添加元素") + }, + + mounted: function () { + var width = this.left.element.width(), + height = this.left.element.height(); + this.left.element.width(width).height(height).css("float", "none"); + BI.createWidget({ + type: "bi.center_adapt", + element: this, + items: [this.left] + }); + this.removeWidget(this.container.getName()); + }, + + stroke: function (items) { + var self = this, o = this.options; + this.left = BI.createWidget({ + type: "bi.vertical", + items: items, + hgap: o.hgap, + vgap: o.vgap, + tgap: o.tgap, + bgap: o.bgap, + lgap: o.lgap, + rgap: o.rgap + }); + + this.container = BI.createWidget({ + type: "bi.left", + element: this, + items: [this.left] + }); + + }, + + populate: function (items) { + BI.FloatCenterAdaptLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.float_center_adapt', BI.FloatCenterAdaptLayout);/** + * 浮动的水平居中布局 + */ +BI.FloatHorizontalLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FloatHorizontalLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-float-horizontal-adapt-layout", + items: [], + hgap: 0, + vgap: 0, + tgap: 0, + bgap: 0, + lgap: 0, + rgap: 0 + }); + }, + created: function () { + BI.FloatHorizontalLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + // console.log("float_horizontal_adapt布局不需要resize"); + }, + + mounted: function () { + var width = this.left.element.width(), + height = this.left.element.height(); + this.left.element.width(width).height(height).css("float", "none"); + BI.createWidget({ + type: "bi.horizontal_auto", + element: this, + items: [this.left] + }); + this.removeWidget(this.container.getName()); + }, + + _addElement: function (i, item) { + var self = this, o = this.options; + this.left = BI.createWidget({ + type: "bi.vertical", + items: items, + hgap: o.hgap, + vgap: o.vgap, + tgap: o.tgap, + bgap: o.bgap, + lgap: o.lgap, + rgap: o.rgap + }); + + this.container = BI.createWidget({ + type: "bi.left", + element: this, + items: [this.left] + }); + + return left; + }, + + populate: function (items) { + BI.HorizontalAutoLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.horizontal_float', BI.FloatHorizontalLayout);/** + * 内联布局 + * @class BI.InlineCenterAdaptLayout + * @extends BI.Layout + * + * @cfg {JSON} options 配置属性 + * @cfg {Number} [hgap=0] 水平间隙 + * @cfg {Number} [vgap=0] 垂直间隙 + */ +BI.InlineCenterAdaptLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.InlineCenterAdaptLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-inline-center-adapt-layout", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.InlineCenterAdaptLayout.superclass.created.apply(this, arguments); + this.element.css({ + whiteSpace: "nowrap" + }); + this.populate(this.options.items); + }, + + _addElement: function (i, item, length) { + var o = this.options; + if (!this.hasWidget(this.getName() + "-" + i)) { + var t = BI.createWidget(item); + t.element.css({ + "position": "relative" + }); + var w = BI.createWidget({ + type: "bi.horizontal_auto", + items: [t] + }); + this.addWidget(this.getName() + "-" + i, w); + } else { + var w = this.getWidgetByName(this.getName() + "-" + i); + } + w.element.css({ + "position": "relative", + "display": "inline-block", + "vertical-align": "middle", + "*display": "inline", + "*zoom": 1, + "min-width": 100 / length + "%" + }); + if (o.hgap + o.lgap + (item.lgap || 0) > 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) > 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) > 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) > 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return w; + }, + + resize: function () { + this.stroke(this.options.items); + }, + + addItem: function (item) { + throw new Error("不能添加元素"); + }, + + stroke: function (items) { + var self = this; + BI.each(items, function (i, item) { + if (!!item) { + self._addElement(i, item, items.length); + } + }); + }, + + populate: function (items) { + BI.InlineCenterAdaptLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.inline_center_adapt', BI.InlineCenterAdaptLayout);/** + * 内联布局 + * @class BI.InlineVerticalAdaptLayout + * @extends BI.Layout + * + * @cfg {JSON} options 配置属性 + * @cfg {Number} [hgap=0] 水平间隙 + * @cfg {Number} [vgap=0] 垂直间隙 + */ +BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.InlineVerticalAdaptLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-inline-vertical-adapt-layout", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.InlineVerticalAdaptLayout.superclass.created.apply(this, arguments); + this.element.css({ + whiteSpace: "nowrap" + }); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.InlineVerticalAdaptLayout.superclass._addElement.apply(this, arguments); + w.element.css({ + "position": "relative", + "display": "inline-block", + "vertical-align": "middle", + "*display": "inline", + "*zoom": 1 + }); + if (o.hgap + o.lgap + (item.lgap || 0) > 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) > 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) > 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) > 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return w; + }, + + resize: function () { + this.stroke(this.options.items); + }, + + populate: function (items) { + BI.InlineVerticalAdaptLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.inline_vertical_adapt', BI.InlineVerticalAdaptLayout);/** + *自适应水平和垂直方向都居中容器 + * Created by GUY on 2016/12/2. + * + * @class BI.FlexCenterLayout + * @extends BI.Layout + */ +BI.FlexCenterLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FlexCenterLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-flex-center-layout" + }); + }, + created: function () { + BI.FlexCenterLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.FlexCenterLayout.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative", "flex-shrink": "0"}); + return w; + }, + + resize: function () { + // console.log("flex_center布局不需要resize"); + }, + + populate: function (items) { + BI.FlexCenterLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.flex_center', BI.FlexCenterLayout);/** + *自适应水平和垂直方向都居中容器 + * Created by GUY on 2016/12/2. + * + * @class BI.FlexHorizontalLayout + * @extends BI.Layout + */ +BI.FlexHorizontalLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FlexHorizontalLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-flex-horizontal-layout", + verticalAlign: "middle", + columnSize: [], + scrollx: true, + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.FlexHorizontalLayout.superclass.created.apply(this, arguments); + var o = this.options; + this.element.addClass(o.verticalAlign); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.FlexHorizontalLayout.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative", "flex-shrink": "0"}); + if (o.hgap + o.lgap + (item.lgap || 0) > 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) > 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) > 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) > 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return w; + }, + + resize: function () { + // console.log("flex_horizontal布局不需要resize"); + }, + + populate: function (items) { + BI.FlexHorizontalLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.flex_horizontal', BI.FlexHorizontalLayout);/** + *自适应水平和垂直方向都居中容器 + * Created by GUY on 2016/12/2. + * + * @class BI.FlexVerticalCenter + * @extends BI.Layout + */ +BI.FlexVerticalCenter = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FlexVerticalCenter.superclass.props.apply(this, arguments), { + baseCls: "bi-flex-vertical-center", + columnSize: [], + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.FlexVerticalCenter.superclass.created.apply(this, arguments); + var o = this.options; + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.FlexVerticalCenter.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative", "flex-shrink": "0"}); + if (o.hgap + o.lgap + (item.lgap || 0) > 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) > 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) > 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) > 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return w; + }, + + resize: function () { + // console.log("flex_vertical_center布局不需要resize"); + }, + + populate: function (items) { + BI.FlexVerticalCenter.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.flex_vertical_center', BI.FlexVerticalCenter);/** + *自适应水平和垂直方向都居中容器 + * Created by GUY on 2016/12/2. + * + * @class BI.FlexCenterLayout + * @extends BI.Layout + */ +BI.FlexCenterLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FlexCenterLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-flex-wrapper-center-layout clearfix" + }); + }, + created: function () { + BI.FlexCenterLayout.superclass.created.apply(this, arguments); + this.$wrapper = $("<div>").addClass("flex-wrapper-center-layout-wrapper"); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.FlexCenterLayout.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative"}); + return w; + }, + + _mountChildren: function () { + var self = this; + var frag = document.createDocumentFragment(); + var hasChild = false; + BI.each(this._children, function (i, widget) { + if (widget.element !== self.element) { + frag.appendChild(widget.element[0]); + hasChild = true; + } + }); + if (hasChild === true) { + this.$wrapper.append(frag); + this.element.append(this.$wrapper); + } + }, + + addItem: function (item) { + var w = this._addElement(this.options.items.length, item); + w._mount(); + this.options.items.push(item); + w.element.appendTo(this.$wrapper); + return w; + }, + + resize: function () { + // console.log("flex_center布局不需要resize"); + }, + + populate: function (items) { + BI.FlexCenterLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.flex_wrapper_center', BI.FlexCenterLayout);/** + *自适应水平和垂直方向都居中容器 + * Created by GUY on 2016/12/2. + * + * @class BI.FlexHorizontalLayout + * @extends BI.Layout + */ +BI.FlexHorizontalLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FlexHorizontalLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-flex-wrapper-horizontal-layout clearfix", + verticalAlign: "middle", + columnSize: [], + scrollx: true, + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.FlexHorizontalLayout.superclass.created.apply(this, arguments); + var o = this.options; + this.$wrapper = $("<div>").addClass("flex-wrapper-horizontal-layout-wrapper " + o.verticalAlign); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.FlexHorizontalLayout.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative"}); + if (o.hgap + o.lgap + (item.lgap || 0) > 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) > 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) > 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) > 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return w; + }, + + _mountChildren: function () { + var self = this; + var frag = document.createDocumentFragment(); + var hasChild = false; + BI.each(this._children, function (i, widget) { + if (widget.element !== self.element) { + frag.appendChild(widget.element[0]); + hasChild = true; + } + }); + if (hasChild === true) { + this.$wrapper.append(frag); + this.element.append(this.$wrapper); + } + }, + + addItem: function (item) { + var w = this._addElement(this.options.items.length, item); + w._mount(); + this.options.items.push(item); + w.element.appendTo(this.$wrapper); + return w; + }, + + resize: function () { + // console.log("flex_horizontal布局不需要resize"); + }, + + populate: function (items) { + BI.FlexHorizontalLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.flex_wrapper_horizontal', BI.FlexHorizontalLayout);/** + *自适应水平和垂直方向都居中容器 + * Created by GUY on 2016/12/2. + * + * @class BI.FlexVerticalCenter + * @extends BI.Layout + */ +BI.FlexVerticalCenter = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FlexVerticalCenter.superclass.props.apply(this, arguments), { + baseCls: "bi-flex-wrapper-vertical-center clearfix", + columnSize: [], + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.FlexVerticalCenter.superclass.created.apply(this, arguments); + var o = this.options; + this.$wrapper = $("<div>").addClass("flex-wrapper-vertical-center-wrapper"); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.FlexVerticalCenter.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative"}); + if (o.hgap + o.lgap + (item.lgap || 0) > 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) > 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) > 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) > 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return w; + }, + + _mountChildren: function () { + var self = this; + var frag = document.createDocumentFragment(); + var hasChild = false; + BI.each(this._children, function (i, widget) { + if (widget.element !== self.element) { + frag.appendChild(widget.element[0]); + hasChild = true; + } + }); + if (hasChild === true) { + this.$wrapper.append(frag); + this.element.append(this.$wrapper); + } + }, + + addItem: function (item) { + var w = this._addElement(this.options.items.length, item); + this.options.items.push(item); + w.element.appendTo(this.$wrapper); + return w; + }, + + resize: function () { + // console.log("flex_vertical_center布局不需要resize"); + }, + + populate: function (items) { + BI.FlexVerticalCenter.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.flex_wrapper_vertical_center', BI.FlexVerticalCenter);/** + * 固定子组件上下左右的布局容器 + * @class BI.AbsoluteLayout + * @extends BI.Layout + */ +BI.AbsoluteLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.AbsoluteLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-absolute-layout", + hgap: null, + vgap: null, + lgap: null, + rgap: null, + tgap: null, + bgap: null + }); + }, + created: function () { + BI.AbsoluteLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.AbsoluteLayout.superclass._addElement.apply(this, arguments); + var left = 0, right = 0, top = 0, bottom = 0; + if (BI.isNotNull(item.left)) { + w.element.css({"left": item.left}); + left += item.left; + } + if (BI.isNotNull(item.right)) { + w.element.css({"right": item.right}); + right += item.right; + } + if (BI.isNotNull(item.top)) { + w.element.css({"top": item.top}); + top += item.top; + } + if (BI.isNotNull(item.bottom)) { + w.element.css({"bottom": item.bottom}); + bottom += item.bottom; + } + + if (BI.isNotNull(o.hgap)) { + left += o.hgap; + w.element.css({"left": left}); + right += o.hgap; + w.element.css({"right": right}); + } + if (BI.isNotNull(o.vgap)) { + top += o.vgap; + w.element.css({"top": top}); + bottom += o.vgap; + w.element.css({"bottom": bottom}); + } + + if (BI.isNotNull(o.lgap)) { + left += o.lgap; + w.element.css({"left": left}); + } + if (BI.isNotNull(o.rgap)) { + right += o.rgap; + w.element.css({"right": right}); + } + if (BI.isNotNull(o.tgap)) { + top += o.tgap; + w.element.css({"top": top}); + } + if (BI.isNotNull(o.bgap)) { + bottom += o.bgap; + w.element.css({"bottom": bottom}); + } + + + if (BI.isNotNull(item.width)) { + w.element.css({"width": item.width}); + } + if (BI.isNotNull(item.height)) { + w.element.css({"height": item.height}); + } + w.element.css({"position": "absolute"}); + return w; + }, + + resize: function () { + this.stroke(this.options.items); + }, + + stroke: function (items) { + this.options.items = items || []; + var self = this; + BI.each(items, function (i, item) { + if (!!item) { + if (!BI.isWidget(item) && !item.el) { + throw new Error("absolute布局中el 是必要属性"); + } + self._addElement(i, item); + } + }); + }, + + populate: function (items) { + BI.AbsoluteLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.absolute', BI.AbsoluteLayout);BI.AdaptiveLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.AdaptiveLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-adaptive-layout", + hgap: null, + vgap: null, + lgap: null, + rgap: null, + tgap: null, + bgap: null + }); + }, + created: function () { + BI.AdaptiveLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.AdaptiveLayout.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative"}); + var left = 0, right = 0, top = 0, bottom = 0; + if (BI.isNotNull(item.left)) { + w.element.css({ + "margin-left": item.left + }) + } + if (BI.isNotNull(item.right)) { + w.element.css({ + "margin-right": item.right + }) + } + if (BI.isNotNull(item.top)) { + w.element.css({ + "margin-top": item.top + }) + } + if (BI.isNotNull(item.bottom)) { + w.element.css({ + "margin-bottom": item.bottom + }) + } + + if (BI.isNotNull(o.hgap)) { + left += o.hgap; + w.element.css({"left": left}); + right += o.hgap; + w.element.css({"right": right}); + } + if (BI.isNotNull(o.vgap)) { + top += o.vgap; + w.element.css({"top": top}); + bottom += o.vgap; + w.element.css({"bottom": bottom}); + } + + if (BI.isNotNull(o.lgap)) { + left += o.lgap; + w.element.css({"left": left}); + } + if (BI.isNotNull(o.rgap)) { + right += o.rgap; + w.element.css({"right": right}); + } + if (BI.isNotNull(o.tgap)) { + top += o.tgap; + w.element.css({"top": top}); + } + if (BI.isNotNull(o.bgap)) { + bottom += o.bgap; + w.element.css({"bottom": bottom}); + } + + if (BI.isNotNull(item.width)) { + w.element.css({"width": item.width}); + } + if (BI.isNotNull(item.height)) { + w.element.css({"height": item.height}); + } + return w; + }, + + resize: function () { + this.stroke(this.options.items); + }, + + populate: function (items) { + BI.AbsoluteLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.adaptive', BI.AdaptiveLayout);/** + * 上下的高度固定/左右的宽度固定,中间的高度/宽度自适应 + * + * @class BI.BorderLayout + * @extends BI.Layout + */ +BI.BorderLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.BorderLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-border-layout", + items: {} + }); + }, + created: function () { + BI.BorderLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + this.stroke(this.options.items); + }, + + addItem: function (item) { + // do nothing + throw new Error("不能添加元素") + }, + + stroke: function(regions){ + var item; + var top = 0; + var bottom = 0; + var left = 0; + var right = 0; + if ("north" in regions) { + item = regions["north"]; + if (item != null) { + if (item.el) { + if (!this.hasWidget(this.getName() + "north")) { + var w = BI.createWidget(item); + this.addWidget(this.getName() + "north", w); + } + this.getWidgetByName(this.getName() + "north").element.height(item.height) + .css({ + "position": "absolute", + "top": (item.top || 0), + "left": (item.left || 0), + "right": (item.right || 0), + "bottom": "initial" + }); + } + top = (item.height || 0) + (item.top || 0) + (item.bottom || 0); + } + } + if ("south" in regions) { + item = regions["south"]; + if (item != null) { + if (item.el) { + if (!this.hasWidget(this.getName() + "south")) { + var w = BI.createWidget(item); + this.addWidget(this.getName() + "south", w); + } + this.getWidgetByName(this.getName() + "south").element.height(item.height) + .css({ + "position": "absolute", + "bottom": (item.bottom || 0), + "left": (item.left || 0), + "right": (item.right || 0), + "top": "initial" + }); + } + bottom = (item.height || 0) + (item.top || 0) + (item.bottom || 0); + } + } + if ("west" in regions) { + item = regions["west"]; + if (item != null) { + if (item.el) { + if (!this.hasWidget(this.getName() + "west")) { + var w = BI.createWidget(item); + this.addWidget(this.getName() + "west", w); + } + this.getWidgetByName(this.getName() + "west").element.width(item.width) + .css({ + "position": "absolute", + "left": (item.left || 0), + top: top, + bottom: bottom, + "right": "initial" + }); + } + left = (item.width || 0) + (item.left || 0) + (item.right || 0); + } + } + if ("east" in regions) { + item = regions["east"]; + if (item != null) { + if (item.el) { + if (!this.hasWidget(this.getName() + "east")) { + var w = BI.createWidget(item); + this.addWidget(this.getName() + "east", w); + } + this.getWidgetByName(this.getName() + "east").element.width(item.width) + .css({ + "position": "absolute", + "right": (item.right || 0), + top: top, + bottom: bottom, + "left": "initial" + }); + } + right = (item.width || 0) + (item.left || 0) + (item.right || 0); + } + } + if ("center" in regions) { + item = regions["center"]; + if (item != null) { + if (!this.hasWidget(this.getName() + "center")) { + var w = BI.createWidget(item); + this.addWidget(this.getName() + "center", w); + } + this.getWidgetByName(this.getName() + "center").element + .css({"position": "absolute", "top": top, "bottom": bottom, "left": left, "right": right}); + } + } + }, + + populate: function (items) { + BI.BorderLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.border', BI.BorderLayout);/** + * 卡片布局,可以做到当前只显示一个组件,其他的都隐藏 + * @class BI.CardLayout + * @extends BI.Layout + * + * @cfg {JSON} options 配置属性 + * @cfg {String} options.defaultShowName 默认展示的子组件名 + */ +BI.CardLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.CardLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-card-layout", + items: [] + }); + }, + created: function () { + BI.CardLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _getCardName: function (cardName) { + return this.getName() + cardName; + }, + + resize: function () { + // console.log("default布局不需要resize"); + }, + + stroke: function (items) { + var self = this; + this.showIndex = void 0; + BI.each(items, function (i, item) { + if (!!item) { + if (!self.hasWidget(self._getCardName(item.cardName))) { + var w = BI.createWidget(item); + self.addWidget(self._getCardName(item.cardName), w); + } else { + var w = self.getWidgetByName(self._getCardName(item.cardName)); + } + w.element.css({"position": "absolute", "top": "0", "right": "0", "bottom": "0", "left": "0"}); + w.setVisible(false); + } + }); + }, + + populate: function (items) { + BI.CardLayout.superclass.populate.apply(this, arguments); + this._mount(); + this.options.defaultShowName && this.showCardByName(this.options.defaultShowName); + }, + + isCardExisted: function (cardName) { + return this.hasWidget(this._getCardName(cardName)) + && $(this.getWidgetByName(this._getCardName(cardName)).element).length !== 0; + }, + + getCardByName: function (cardName) { + if (!this.hasWidget(this._getCardName(cardName))) { + throw new Error("cardName不存在,无法获取"); + } + return this._children[this._getCardName(cardName)]; + }, + + deleteCardByName: function (cardName) { + if (!this.hasWidget(this._getCardName(cardName))) { + throw new Error("cardName不存在,无法删除"); + } + this.getWidgetByName(this._getCardName(cardName)).destroy(); + var index = BI.findKey(this.options.items, function (i, item) { + return item.cardName == cardName; + }); + this.options.items.splice(index, 1); + delete this._children[this._getCardName(cardName)]; + }, + + addCardByName: function (cardName, cardItem) { + if (this.hasWidget(this._getCardName(cardName))) { + throw new Error("cardName已经存在了"); + } + this.options.items.push({el: cardItem, cardName: cardName}); + var widget = BI.createWidget(cardItem); + widget.element.css({"position": "relative", "top": "0", "left": "0", "width": "100%", "height": "100%"}) + .appendTo(this.element); + widget.invisible(); + this.addWidget(this._getCardName(cardName), widget); + return widget; + }, + + showCardByName: function (name, action, callback) { + var self = this; + //name不存在的时候全部隐藏 + var exist = this.hasWidget(this._getCardName(name)); + if (this.showIndex != null) { + this.lastShowIndex = this.showIndex; + } + this.showIndex = this._getCardName(name); + var flag = false; + BI.each(this._children, function (i, el) { + if (self._getCardName(name) != i) { + //动画效果只有在全部都隐藏的时候才有意义,且只要执行一次动画操作就够了 + !flag && !exist && (BI.Action && action instanceof BI.Action) ? (action.actionBack(el), flag = true) : el.element.hide(); + } else { + (BI.Action && action instanceof BI.Action) ? action.actionPerformed(void 0, el, callback) : el.element.show(0, callback); + } + }); + }, + + showLastCard: function () { + var self = this; + this.showIndex = this.lastShowIndex; + BI.each(this._children, function (i, el) { + if (self.showIndex != i) { + el.element.hide(); + } else { + el.element.show(); + } + }) + }, + + setDefaultShowName: function (name) { + this.options.defaultShowName = name; + return this; + }, + + getDefaultShowName: function () { + return this.options.defaultShowName; + }, + + getAllCardNames: function () { + return BI.map(this.options.items, function (i, item) { + return item.cardName; + }) + }, + + getShowingCard: function () { + if (!BI.isKey(this.showIndex)) { + return void 0; + } + return this.getWidgetByName(this.showIndex); + }, + + deleteAllCard: function () { + var self = this; + BI.each(this.getAllCardNames(), function (i, name) { + self.deleteCardByName(name); + }) + }, + + hideAllCard: function () { + BI.each(this._children, function (i, el) { + el.invisible(); + }); + }, + + isAllCardHide: function () { + var flag = true; + BI.each(this._children, function (i, el) { + if (el.isVisible()) { + flag = true; + return false; + } + }); + return flag; + }, +}); +$.shortcut('bi.card', BI.CardLayout);/** + * 默认的布局方式 + * + * @class BI.DefaultLayout + * @extends BI.Layout + */ +BI.DefaultLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.DefaultLayout.superclass.props.apply(this, arguments), { + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + items: [] + }); + }, + created: function () { + BI.DefaultLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.DefaultLayout.superclass._addElement.apply(this, arguments); + if (o.vgap + o.tgap + (item.tgap || 0) !== 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.hgap + o.lgap + (item.lgap || 0) !== 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) !== 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) !== 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return w; + }, + + resize: function () { + // console.log("default布局不需要resize") + }, + + populate: function (items) { + BI.DefaultLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.default', BI.DefaultLayout);/** + * 分隔容器的控件,按照宽度和高度所占比平分整个容器 + * + * @class BI.DivisionLayout + * @extends BI.Layout + */ +BI.DivisionLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.DivisionLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-division-layout", + columns: null, + rows: null, + items: [] + // [ + // { + // column: 0, + // row: 0, + // width: 0.25, + // height: 0.33, + // el: {type: 'bi.button', text: 'button1'} + // }, + // { + // column: 1, + // row: 1, + // width: 0.25, + // height: 0.33, + // el: {type: 'bi.button', text: 'button2'} + // }, + // { + // column: 3, + // row: 2, + // width: 0.25, + // height: 0.33, + // el: {type: 'bi.button', text: 'button3'} + // } + //] + }); + }, + created: function () { + BI.DivisionLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + this.stroke(this.opitons.items); + }, + + addItem: function (item) { + // do nothing + throw new Error("不能添加元素") + }, + + stroke: function(items){ + var o = this.options; + var rows = o.rows || o.items.length, columns = o.columns || ((o.items[0] && o.items[0].length) | 0); + var map = BI.makeArray(rows), widths = {}, heights = {}; + function firstElement(item, row, col) { + if (row === 0) { + item.addClass("first-row") + } + if (col === 0) { + item.addClass("first-col"); + } + item.addClass(BI.isOdd(row + 1) ? "odd-row" : "even-row"); + item.addClass(BI.isOdd(col + 1) ? "odd-col" : "even-col"); + item.addClass("center-element"); + } + + function firstObject(item, row, col) { + var cls = ""; + if (row === 0) { + cls += " first-row"; + } + if (col === 0) { + cls += " first-col"; + } + BI.isOdd(row + 1) ? (cls += " odd-row") : (cls += " even-row"); + BI.isOdd(col + 1) ? (cls += " odd-col") : (cls += " even-col"); + item.cls = (item.cls || "") + cls + " center-element"; + } + + function first(item, row, col) { + if (item instanceof BI.Widget) { + firstElement(item.element, row, col); + } else if (item.el instanceof BI.Widget) { + firstElement(item.el.element, row, col); + } else if (item.el) { + firstObject(item.el, row, col) + } else { + firstObject(item, row, col); + } + } + BI.each(map, function (i) { + map[i] = BI.makeArray(columns); + }); + BI.each(items, function (i, item) { + if (BI.isArray(item)) { + BI.each(item, function (j, el) { + widths[i] = (widths[i] || 0) + item.width; + heights[j] = (heights[j] || 0) + item.height; + map[i][j] = el; + }); + return; + } + widths[item.row] = (widths[item.row] || 0) + item.width; + heights[item.column] = (heights[item.column] || 0) + item.height; + map[item.row][item.column] = item; + }); + for (var i = 0; i < rows; i++) { + var totalW = 0; + for (var j = 0; j < columns; j++) { + if (!map[i][j]) { + throw new Error("缺少item项"); + } + if(!this.hasWidget(this.getName() + i + "_" + j)) { + var w = BI.createWidget(map[i][j]); + this.addWidget(this.getName() + i + "_" + j, w); + } else { + w = this.getWidgetByName(this.getName() + i + "_" + j); + } + var left = totalW * 100 / widths[i]; + w.element.css({"position": "absolute", "left": left + "%"}); + if (j > 0) { + var lastW = this.getWidgetByName(this.getName() + i + "_" + (j - 1)); + lastW.element.css({"right": (100 - left) + "%"}); + } + if (j == o.columns - 1) { + w.element.css({"right": "0%"}); + } + first(w, i, j); + totalW += map[i][j].width; + } + } + for (var j = 0; j < o.columns; j++) { + var totalH = 0; + for (var i = 0; i < o.rows; i++) { + var w = this.getWidgetByName(this.getName() + i + "_" + j); + var top = totalH * 100 / heights[j]; + w.element.css({"top": top + "%"}); + if (i > 0) { + var lastW = this.getWidgetByName(this.getName() + (i - 1) + "_" + j); + lastW.element.css({"bottom": (100 - top) + "%"}); + } + if (i == o.rows - 1) { + w.element.css({"bottom": "0%"}); + } + totalH += map[i][j].height; + } + } + }, + + populate: function (items) { + BI.DivisionLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.division', BI.DivisionLayout);/** + * 靠左对齐的自由浮动布局 + * @class BI.FloatLeftLayout + * @extends BI.Layout + * + * @cfg {JSON} options 配置属性 + * @cfg {Number} [hgap=0] 水平间隙 + * @cfg {Number} [vgap=0] 垂直间隙 + */ +BI.FloatLeftLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FloatLeftLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-float-left-layout clearfix", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.FloatLeftLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.FloatLeftLayout.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative", "float": "left"}); + if (BI.isNotNull(item.left)) { + w.element.css({"left": item.left}); + } + if (BI.isNotNull(item.right)) { + w.element.css({"right": item.right}); + } + if (BI.isNotNull(item.top)) { + w.element.css({"top": item.top}); + } + if ((item.lgap || 0) + o.hgap + o.lgap !== 0) { + w.element.css("margin-left", (item.lgap || 0) + o.hgap + o.lgap); + } + if ((item.rgap || 0) + o.hgap + o.rgap !== 0) { + w.element.css("margin-right", (item.rgap || 0) + o.hgap + o.rgap); + } + if ((item.tgap || 0) + o.vgap + o.tgap !== 0) { + w.element.css("margin-top", (item.tgap || 0) + o.vgap + o.tgap); + } + if ((item.bgap || 0) + o.vgap + o.bgap !== 0) { + w.element.css("margin-bottom", (item.bgap || 0) + o.vgap + o.bgap); + } + return w; + }, + + resize: function () { + this.stroke(this.options.items); + }, + + populate: function (items) { + BI.FloatLeftLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.left', BI.FloatLeftLayout); + +/** + * 靠右对齐的自由浮动布局 + * @class BI.FloatRightLayout + * @extends BI.Layout + * + * @cfg {JSON} options 配置属性 + * @cfg {Number} [hgap=0] 水平间隙 + * @cfg {Number} [vgap=0] 垂直间隙 + */ +BI.FloatRightLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FloatRightLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-float-right-layout clearfix", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.FloatRightLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.FloatRightLayout.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative", "float": "right"}); + if (BI.isNotNull(item.left)) { + w.element.css({"left": item.left}); + } + if (BI.isNotNull(item.right)) { + w.element.css({"right": item.right}); + } + if (BI.isNotNull(item.top)) { + w.element.css({"top": item.top}); + } + if ((item.lgap || 0) + o.hgap + o.lgap !== 0) { + w.element.css("margin-left", (item.lgap || 0) + o.hgap + o.lgap); + } + if ((item.rgap || 0) + o.hgap + o.rgap !== 0) { + w.element.css("margin-right", (item.rgap || 0) + o.hgap + o.rgap); + } + if ((item.tgap || 0) + o.vgap + o.tgap !== 0) { + w.element.css("margin-top", (item.tgap || 0) + o.vgap + o.tgap); + } + if ((item.bgap || 0) + o.vgap + o.bgap !== 0) { + w.element.css("margin-bottom", (item.bgap || 0) + o.vgap + o.bgap); + } + return w; + }, + + resize: function () { + this.stroke(this.options.items); + }, + + populate: function (items) { + BI.FloatRightLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.right', BI.FloatRightLayout);/** + * 上下的高度固定/左右的宽度固定,中间的高度/宽度自适应 + * + * @class BI.BorderLayout + * @extends BI.Layout + */ +BI.GridLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.GridLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-grid-layout", + columns: null, + rows: null, + items: [] + /*[ + { + column: 0, + row: 0, + el: {type: 'bi.button', text: 'button1'} + }, + { + column: 1, + row: 1, + el: {type: 'bi.button', text: 'button2'} + }, + { + column: 3, + row: 2, + el: {type: 'bi.button', text: 'button3'} + } + ]*/ + }); + }, + created: function () { + BI.GridLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + // console.log("grid布局不需要resize") + }, + + addItem: function () { + //do nothing + throw new Error("不能添加元素") + }, + + stroke: function (items) { + var o = this.options; + var rows = o.rows || o.items.length, columns = o.columns || ((o.items[0] && o.items[0].length) | 0); + var width = 100 / columns, height = 100 / rows; + var els = new Array(rows); + + function firstElement(item, row, col) { + if (row === 0) { + item.addClass("first-row") + } + if (col === 0) { + item.addClass("first-col"); + } + item.addClass(BI.isOdd(row + 1) ? "odd-row" : "even-row"); + item.addClass(BI.isOdd(col + 1) ? "odd-col" : "even-col"); + item.addClass("center-element"); + } + + function firstObject(item, row, col) { + var cls = ""; + if (row === 0) { + cls += " first-row"; + } + if (col === 0) { + cls += " first-col"; + } + BI.isOdd(row + 1) ? (cls += " odd-row") : (cls += " even-row"); + BI.isOdd(col + 1) ? (cls += " odd-col") : (cls += " even-col"); + item.cls = (item.cls || "") + cls + " center-element"; + } + + function first(item, row, col) { + if (item instanceof BI.Widget) { + firstElement(item.element, row, col); + } else if (item.el instanceof BI.Widget) { + firstElement(item.el.element, row, col); + } else if (item.el) { + firstObject(item.el, row, col) + } else { + firstObject(item, row, col); + } + } + + BI.each(els, function (i) { + els[i] = new Array(columns); + }); + BI.each(items, function (i, item) { + if (BI.isArray(item)) { + BI.each(item, function (j, el) { + els[i][j] = BI.createWidget(el); + }); + return; + } + els[item.row][item.column] = BI.createWidget(item); + }); + for (var i = 0; i < rows; i++) { + for (var j = 0; j < columns; j++) { + if (!els[i][j]) { + els[i][j] = BI.createWidget({ + type: "bi.layout" + }); + } + first(els[i][j], i, j); + els[i][j].element.css({ + "position": "absolute", + "top": height * i + "%", + "left": width * j + "%", + "right": (100 - (width * (j + 1))) + "%", + "bottom": (100 - (height * (i + 1))) + "%" + }); + this.addWidget(els[i][j]); + } + } + }, + + populate: function (items) { + BI.GridLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.grid', BI.GridLayout);/** + * 水平布局 + * @class BI.HorizontalLayout + * @extends BI.Layout + */ +BI.HorizontalLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.HorizontalLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-horizontal-layout", + verticalAlign: "middle", + columnSize: [], + scrollx: true, + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.HorizontalLayout.superclass.created.apply(this, arguments); + this.$table = $("<table>").attr({"cellspacing": 0, "cellpadding": 0}).css({ + "position": "relative", + "white-space": "nowrap", + "border-spacing": "0px", + "border": "none", + "border-collapse": "separate" + }); + this.$tr = $("<tr>"); + this.$tr.appendTo(this.$table); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var td; + var width = o.columnSize[i] <= 1 ? (o.columnSize[i] * 100 + "%") : o.columnSize[i]; + if (!this.hasWidget(this.getName() + i)) { + var w = BI.createWidget(item); + w.element.css({"position": "relative", "margin": "0px auto"}); + td = BI.createWidget({ + type: "bi.default", + tagName: "td", + attributes: { + width: width + }, + items: [w] + }); + this.addWidget(this.getName() + i, td); + } else { + td = this.getWidgetByName(this.getName() + i); + td.element.attr("width", width); + } + + if (i === 0) { + td.element.addClass("first-element"); + } + td.element.css({ + "position": "relative", + "vertical-align": o.verticalAlign, + "margin": "0", + "padding": "0", + "border": "none" + }); + if (o.hgap + o.lgap + (item.lgap || 0) > 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) > 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) > 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) > 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return td; + }, + + _mountChildren: function () { + var self = this; + var frag = document.createDocumentFragment(); + var hasChild = false; + BI.each(this._children, function (i, widget) { + if (widget.element !== self.element) { + frag.appendChild(widget.element[0]); + hasChild = true; + } + }); + if (hasChild === true) { + this.$tr.append(frag); + this.element.append(this.$table); + } + }, + + + resize: function () { + // console.log("horizontal layout do not need to resize"); + }, + + addItem: function (item) { + var w = this._addElement(this.options.items.length, item); + w._mount(); + this.options.items.push(item); + w.element.appendTo(this.$tr); + return w; + }, + + populate: function (items) { + BI.HorizontalLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.horizontal', BI.HorizontalLayout); + +/** + * 水平布局 + * @class BI.HorizontalCellLayout + * @extends BI.Layout + */ +BI.HorizontalCellLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.HorizontalCellLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-horizontal-cell-layout", + scrollable: true, + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.HorizontalCellLayout.superclass.created.apply(this, arguments); + this.element.css({"display": "table", "vertical-align": "top"}); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.HorizontalCellLayout.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative", "display": "table-cell", "vertical-align": "middle"}); + if (o.hgap + o.lgap > 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + "px" + }) + } + if (o.hgap + o.rgap > 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + "px" + }) + } + if (o.vgap + o.tgap > 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + "px" + }) + } + if (o.vgap + o.bgap > 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + "px" + }) + } + return w; + }, + + resize: function () { + // console.log("horizontal do not need to resize"); + }, + + populate: function (items) { + BI.HorizontalCellLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.horizontal_cell', BI.HorizontalCellLayout);/** + * 内联布局 + * @class BI.InlineLayout + * @extends BI.Layout + * + * @cfg {JSON} options 配置属性 + * @cfg {Number} [hgap=0] 水平间隙 + * @cfg {Number} [vgap=0] 垂直间隙 + */ +BI.InlineLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.InlineLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-inline-layout", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.InlineLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.InlineLayout.superclass._addElement.apply(this, arguments); + w.element.css({"position": "relative", display: "inline-block", "*display": "inline", "*zoom": 1}); + if (o.hgap + o.lgap + (item.lgap || 0) > 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) > 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.tgap + (item.tgap || 0) > 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) > 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return w; + }, + + resize: function(){ + this.stroke(this.options.items); + }, + + populate: function (items) { + BI.InlineLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.inline', BI.InlineLayout);/** + * 靠左对齐的自由浮动布局 + * @class BI.LatticeLayout + * @extends BI.Layout + * + * @cfg {JSON} options 配置属性 + * @cfg {Number} [hgap=0] 水平间隙 + * @cfg {Number} [vgap=0] 垂直间隙 + */ +BI.LatticeLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.LatticeLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-lattice-layout clearfix" + //columnSize: [0.2, 0.2, 0.6], + }); + }, + created: function () { + BI.LatticeLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.LatticeLayout.superclass._addElement.apply(this, arguments); + if (o.columnSize && o.columnSize[i]) { + var width = o.columnSize[i] / BI.sum(o.columnSize) * 100 + "%"; + } else { + var width = 1 / this.options.items.length * 100 + "%" + } + w.element.css({"position": "relative", "float": "left", "width": width}); + return w; + }, + + addItem: function (item) { + var w = BI.LatticeLayout.superclass.addItem.apply(this, arguments); + this.resize(); + return w; + }, + + resize: function () { + this.stroke(this.options.items); + }, + + populate: function (items) { + BI.LatticeLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.lattice', BI.LatticeLayout);/** + * 上下的高度固定/左右的宽度固定,中间的高度/宽度自适应 + * + * @class BI.TableLayout + * @extends BI.Layout + */ +BI.TableLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.TableLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-table-layout", + scrolly: true, + columnSize: [200, 200, 'fill'], + rowSize: 30, //or [30,30,30] + hgap: 0, + vgap: 0, + items: [[ + { + el: {text: 'label1'} + }, + { + el: {text: 'label2'} + }, + { + el: {text: 'label3'} + } + ]] + }); + }, + created: function () { + BI.TableLayout.superclass.created.apply(this, arguments); + this.rows = 0; + this.populate(this.options.items); + }, + + _addElement: function (idx, arr) { + var o = this.options; + var abs = [], left = 0, right = 0, i, j; + + function firstElement(item, row, col) { + if (row === 0) { + item.addClass("first-row") + } + if (col === 0) { + item.addClass("first-col"); + } + item.addClass(BI.isOdd(row + 1) ? "odd-row" : "even-row"); + item.addClass(BI.isOdd(col + 1) ? "odd-col" : "even-col"); + item.addClass("center-element"); + } + + function firstObject(item, row, col) { + var cls = ""; + if (row === 0) { + cls += " first-row"; + } + if (col === 0) { + cls += " first-col"; + } + BI.isOdd(row + 1) ? (cls += " odd-row") : (cls += " even-row"); + BI.isOdd(col + 1) ? (cls += " odd-col") : (cls += " even-col"); + item.cls = (item.cls || "") + cls + " center-element"; + } + + function first(item, row, col) { + if (item instanceof BI.Widget) { + firstElement(item.element, row, col); + } else if (item.el instanceof BI.Widget) { + firstElement(item.el.element, row, col); + } else if (item.el) { + firstObject(item.el, row, col) + } else { + firstObject(item, row, col); + } + } + + for (i = 0; i < arr.length; i++) { + if (BI.isNumber(o.columnSize[i])) { + first(arr[i], this.rows, i); + abs.push(BI.extend({ + top: 0, + bottom: 0, + left: o.columnSize[i] <= 1 ? left * 100 + "%" : left, + width: o.columnSize[i] <= 1 ? o.columnSize[i] * 100 + "%" : o.columnSize[i] + }, arr[i])); + left += o.columnSize[i] + (o.columnSize[i] < 1 ? 0 : o.hgap); + } else { + break; + } + } + for (j = arr.length - 1; j > i; j--) { + if (BI.isNumber(o.columnSize[j])) { + first(arr[j], this.rows, j); + abs.push(BI.extend({ + top: 0, + bottom: 0, + right: o.columnSize[j] <= 1 ? right * 100 + "%" : right, + width: o.columnSize[j] <= 1 ? o.columnSize[j] * 100 + "%" : o.columnSize[j] + }, arr[j])) + right += o.columnSize[j] + (o.columnSize[j] < 1 ? 0 : o.hgap); + } else { + throw new Error("只能有一个fill属性的item"); + } + } + if (i >= 0 && i < arr.length) { + first(arr[i], this.rows, i); + abs.push(BI.extend({ + top: 0, + bottom: 0, + left: left <= 1 ? left * 100 + "%" : left, + right: right <= 1 ? right * 100 + "%" : right + }, arr[i])) + } + var w = BI.createWidget({ + type: "bi.absolute", + height: BI.isArray(o.rowSize) ? o.rowSize[this.rows] : o.rowSize, + items: abs + }); + if (this.rows > 0) { + this.getWidgetByName(this.getName() + (this.rows - 1)).element.css({ + "margin-bottom": o.vgap + }) + } + w.element.css({ + "position": "relative" + }); + this.addWidget(this.getName() + (this.rows++), w); + return w; + }, + + resize: function () { + // console.log("table布局不需要resize"); + }, + + addItem: function (arr) { + if (!BI.isArray(arr)) { + throw new Error("item 必须是数组"); + } + return BI.TableLayout.superclass.addItem.apply(this, arguments); + }, + + populate: function (items) { + BI.TableLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.table', BI.TableLayout);/** + * 水平tape布局 + * @class BI.HTapeLayout + * @extends BI.Layout + */ +BI.HTapeLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.HTapeLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-h-tape-layout", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + items: [ + { + width: 100, + el: {type: 'bi.button', text: 'button1'} + }, + { + width: 'fill', + el: {type: 'bi.button', text: 'button2'} + }, + { + width: 200, + el: {type: 'bi.button', text: 'button3'} + } + ] + }); + }, + created: function () { + BI.HTapeLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + this.stroke(this.options.items); + }, + addItem: function (item) { + // do nothing + throw new Error("不能添加元素") + }, + + stroke: function (items) { + var self = this, o = this.options; + items = BI.compact(items); + BI.each(items, function (i, item) { + if (!self.hasWidget(self.getName() + i + "")) { + var w = BI.createWidget(item); + self.addWidget(self.getName() + i + "", w); + } else { + w = self.getWidgetByName(self.getName() + i + ""); + } + w.element.css({"position": "absolute", top: o.vgap + o.tgap + "px", bottom: o.vgap + o.bgap + "px"}); + }); + + var left = {}, right = {}; + left[0] = 0; + right[items.length - 1] = 0; + + BI.any(items, function (i, item) { + var w = self.getWidgetByName(self.getName() + i + ""); + if (BI.isNull(left[i])) { + left[i] = left[i - 1] + items[i - 1].width + 2 * o.hgap + o.lgap + o.rgap; + } + if (item.width < 1 && item.width >= 0) { + w.element.css({"left": left[i] * 100 + "%", width: item.width * 100 + "%"}) + } else { + w.element.css({ + "left": left[i] + o.hgap + o.lgap + "px", + width: BI.isNumber(item.width) ? item.width : "" + }); + } + if (!BI.isNumber(item.width)) { + return true; + } + }); + BI.backAny(items, function (i, item) { + var w = self.getWidgetByName(self.getName() + i + ""); + if (BI.isNull(right[i])) { + right[i] = right[i + 1] + items[i + 1].width + 2 * o.hgap + o.lgap + o.rgap; + } + if (item.width < 1 && item.width >= 0) { + w.element.css({"right": right[i] * 100 + "%", width: item.width * 100 + "%"}) + } else { + w.element.css({ + "right": right[i] + o.hgap + o.rgap + "px", + width: BI.isNumber(item.width) ? item.width : "" + }); + } + if (!BI.isNumber(item.width)) { + return true; + } + }) + }, + + populate: function (items) { + BI.HTapeLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.htape', BI.HTapeLayout); + +/** + * 垂直tape布局 + * @class BI.VTapeLayout + * @extends BI.Layout + */ +BI.VTapeLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.VTapeLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-v-tape-layout", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + items: [ + { + height: 100, + el: {type: 'bi.button', text: 'button1'} + }, + { + height: 'fill', + el: {type: 'bi.button', text: 'button2'} + }, + { + height: 200, + el: {type: 'bi.button', text: 'button3'} + } + ] + }); + }, + created: function () { + BI.VTapeLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + this.stroke(this.options.items); + }, + + addItem: function (item) { + // do nothing + throw new Error("不能添加元素") + }, + + stroke: function (items) { + var self = this, o = this.options; + items = BI.compact(items); + BI.each(items, function (i, item) { + if (!self.hasWidget(self.getName() + i + "")) { + var w = BI.createWidget(item); + self.addWidget(self.getName() + i + "", w); + } else { + w = self.getWidgetByName(self.getName() + i + ""); + } + w.element.css({"position": "absolute", left: o.hgap + o.lgap + "px", right: o.hgap + o.rgap + "px"}); + }); + + var top = {}, bottom = {}; + top[0] = 0; + bottom[items.length - 1] = 0; + + BI.any(items, function (i, item) { + var w = self.getWidgetByName(self.getName() + i + ""); + if (BI.isNull(top[i])) { + top[i] = top[i - 1] + items[i - 1].height + 2 * o.vgap + o.tgap + o.bgap; + } + if (item.height < 1 && item.height >= 0) { + w.element.css({"top": top[i] * 100 + "%", height: item.height * 100 + "%"}) + } else { + w.element.css({ + "top": top[i] + o.vgap + o.tgap + "px", + height: BI.isNumber(item.height) ? item.height : "" + }); + } + if (!BI.isNumber(item.height)) { + return true; + } + }); + BI.backAny(items, function (i, item) { + var w = self.getWidgetByName(self.getName() + i + ""); + if (BI.isNull(bottom[i])) { + bottom[i] = bottom[i + 1] + items[i + 1].height + 2 * o.vgap + o.tgap + o.bgap; + } + if (item.height < 1 && item.height >= 0) { + w.element.css({"bottom": bottom[i] * 100 + "%", height: item.height * 100 + "%"}) + } else { + w.element.css({ + "bottom": bottom[i] + o.vgap + o.bgap + "px", + height: BI.isNumber(item.height) ? item.height : "" + }); + } + if (!BI.isNumber(item.height)) { + return true; + } + }) + }, + + populate: function (items) { + BI.VTapeLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.vtape', BI.VTapeLayout);/** + * td布局 + * @class BI.TdLayout + * @extends BI.Layout + */ +BI.TdLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.TdLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-td-layout", + columnSize: [200, 200, 200], + hgap: 0, + vgap: 0, + items: [[ + { + el: {text: 'label1'} + }, + { + el: {text: 'label2'} + }, + { + el: {text: 'label3'} + } + ]] + }); + }, + created: function () { + BI.TdLayout.superclass.created.apply(this, arguments); + this.$table = $("<table>").attr({"cellspacing": 0, "cellpadding": 0}).css({ + "position": "relative", + "width": "100%", + "height": "100%", + "border-spacing": "0px", + "border": "none", + "border-collapse": "separate" + }); + this.rows = 0; + this.populate(this.options.items); + }, + + _addElement: function (idx, arr) { + var o = this.options; + + function firstElement(item, row, col) { + if (row === 0) { + item.addClass("first-row") + } + if (col === 0) { + item.addClass("first-col"); + } + item.addClass(BI.isOdd(row + 1) ? "odd-row" : "even-row"); + item.addClass(BI.isOdd(col + 1) ? "odd-col" : "even-col"); + item.addClass("center-element"); + } + + function firstObject(item, row, col) { + var cls = ""; + if (row === 0) { + cls += " first-row"; + } + if (col === 0) { + cls += " first-col"; + } + BI.isOdd(row + 1) ? (cls += " odd-row") : (cls += " even-row"); + BI.isOdd(col + 1) ? (cls += " odd-col") : (cls += " even-col"); + item.cls = (item.cls || "") + cls + " center-element"; + } + + function first(item, row, col) { + if (item instanceof BI.Widget) { + firstElement(item.element, row, col); + } else if (item.el instanceof BI.Widget) { + firstElement(item.el.element, row, col); + } else if (item.el) { + firstObject(item.el, row, col) + } else { + firstObject(item, row, col); + } + } + + var tr = BI.createWidget({ + type: "bi.default", + tagName: "tr" + }); + + for (var i = 0; i < arr.length; i++) { + var w = BI.createWidget(arr[i]); + w.element.css({"position": "relative", "top": "0", "left": "0", "margin": "0px auto"}); + first(w, this.rows++, i); + var td = BI.createWidget({ + type: 'bi.default', + attributes: { + width: o.columnSize[i] <= 1 ? (o.columnSize[i] * 100 + "%") : o.columnSize[i] + }, + tagName: 'td', + items: [w] + }); + td.element.css({ + "position": "relative", + "vertical-align": "middle", + "margin": "0", + "padding": "0", + "border": "none" + }); + tr.addItem(td); + } + this.addWidget(this.getName() + idx, tr); + return tr; + }, + + _mountChildren: function(){ + var self = this; + var frag = document.createDocumentFragment(); + var hasChild = false; + BI.each(this._children, function (i, widget) { + if (widget.element !== self.element) { + frag.appendChild(widget.element[0]); + hasChild = true; + } + }); + if (hasChild === true) { + this.$table.append(frag); + this.element.append(this.$table); + } + }, + + resize: function () { + // console.log("td布局不需要resize"); + }, + + addItem: function (arr) { + if (!BI.isArray(arr)) { + throw new Error("item 必须是数组"); + } + return BI.TdLayout.superclass.addItem.apply(this, arguments); + }, + + populate: function (items) { + BI.TdLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.td', BI.TdLayout);/** + * 垂直布局 + * @class BI.VerticalLayout + * @extends BI.Layout + */ +BI.VerticalLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.VerticalLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-vertical-layout", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + scrolly: true + }); + }, + created: function () { + BI.VerticalLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + _addElement: function (i, item) { + var o = this.options; + var w = BI.VerticalLayout.superclass._addElement.apply(this, arguments); + w.element.css({ + "position": "relative" + }); + if (o.vgap + o.tgap + (item.tgap || 0) !== 0) { + w.element.css({ + "margin-top": o.vgap + o.tgap + (item.tgap || 0) + "px" + }) + } + if (o.hgap + o.lgap + (item.lgap || 0) !== 0) { + w.element.css({ + "margin-left": o.hgap + o.lgap + (item.lgap || 0) + "px" + }) + } + if (o.hgap + o.rgap + (item.rgap || 0) !== 0) { + w.element.css({ + "margin-right": o.hgap + o.rgap + (item.rgap || 0) + "px" + }) + } + if (o.vgap + o.bgap + (item.bgap || 0) !== 0) { + w.element.css({ + "margin-bottom": o.vgap + o.bgap + (item.bgap || 0) + "px" + }) + } + return w; + }, + + resize: function () { + this.stroke(this.options.items); + }, + + populate: function (items) { + BI.VerticalLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.vertical', BI.VerticalLayout);/** + * + * @class BI.WindowLayout + * @extends BI.Layout + */ +BI.WindowLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.WindowLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-window-layout", + columns: 3, + rows: 2, + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + columnSize: [100, "fill", 200], + rowSize: [100, "fill"], + items: [[ + { + el: {type: 'bi.button', text: 'button1'} + }, + { + el: {type: 'bi.button', text: 'button2'} + }, + { + el: {type: 'bi.button', text: 'button3'} + } + ]] + }); + }, + created: function () { + BI.WindowLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + this.stroke(this.options.items); + }, + + addItem: function (item) { + // do nothing + throw new Error("不能添加元素") + }, + + stroke: function (items) { + var o = this.options; + if (BI.isNumber(o.rowSize)) { + o.rowSize = BI.makeArray(o.items.length, 1 / o.items.length); + } + if (BI.isNumber(o.columnSize)) { + o.columnSize = BI.makeArray(o.items[0].length, 1 / o.items[0].length); + } + function firstElement(item, row, col) { + if (row === 0) { + item.addClass("first-row") + } + if (col === 0) { + item.addClass("first-col"); + } + item.addClass(BI.isOdd(row + 1) ? "odd-row" : "even-row"); + item.addClass(BI.isOdd(col + 1) ? "odd-col" : "even-col"); + item.addClass("center-element"); + } + + function firstObject(item, row, col) { + var cls = ""; + if (row === 0) { + cls += " first-row"; + } + if (col === 0) { + cls += " first-col"; + } + BI.isOdd(row + 1) ? (cls += " odd-row") : (cls += " even-row"); + BI.isOdd(col + 1) ? (cls += " odd-col") : (cls += " even-col"); + item.cls = (item.cls || "") + cls + " center-element"; + } + + function first(item, row, col) { + if (item instanceof BI.Widget) { + firstElement(item.element, row, col); + } else if (item.el instanceof BI.Widget) { + firstElement(item.el.element, row, col); + } else if (item.el) { + firstObject(item.el, row, col) + } else { + firstObject(item, row, col); + } + } + + for (var i = 0; i < o.rows; i++) { + for (var j = 0; j < o.columns; j++) { + if (!o.items[i][j]) { + throw new Error("缺少item项"); + } + if (!this.hasWidget(this.getName() + i + "_" + j)) { + var w = BI.createWidget(o.items[i][j]); + w.element.css({"position": "absolute"}); + this.addWidget(this.getName() + i + "_" + j, w); + } + } + } + var left = {}, right = {}, top = {}, bottom = {}; + left[0] = 0; + top[0] = 0; + right[o.columns - 1] = 0; + bottom[o.rows - 1] = 0; + //从上到下 + for (var i = 0; i < o.rows; i++) { + for (var j = 0; j < o.columns; j++) { + var wi = this.getWidgetByName(this.getName() + i + "_" + j); + if (BI.isNull(top[i])) { + top[i] = top[i - 1] + (o.rowSize[i - 1] < 1 ? o.rowSize[i - 1] : o.rowSize[i - 1] + o.vgap + o.bgap); + } + var t = top[i] <= 1 ? top[i] * 100 + "%" : top[i] + o.vgap + o.tgap + "px", h = ""; + if (BI.isNumber(o.rowSize[i])) { + h = o.rowSize[i] <= 1 ? o.rowSize[i] * 100 + "%" : o.rowSize[i] + "px"; + } + wi.element.css({"top": t, height: h}); + first(wi, i, j); + } + if (!BI.isNumber(o.rowSize[i])) { + break; + } + } + //从下到上 + for (var i = o.rows - 1; i >= 0; i--) { + for (var j = 0; j < o.columns; j++) { + var wi = this.getWidgetByName(this.getName() + i + "_" + j); + if (BI.isNull(bottom[i])) { + bottom[i] = bottom[i + 1] + (o.rowSize[i + 1] < 1 ? o.rowSize[i + 1] : o.rowSize[i + 1] + o.vgap + o.tgap); + } + var b = bottom[i] <= 1 ? bottom[i] * 100 + "%" : bottom[i] + o.vgap + o.bgap + "px", h = ""; + if (BI.isNumber(o.rowSize[i])) { + h = o.rowSize[i] <= 1 ? o.rowSize[i] * 100 + "%" : o.rowSize[i] + "px"; + } + wi.element.css({"bottom": b, height: h}); + first(wi, i, j); + } + if (!BI.isNumber(o.rowSize[i])) { + break; + } + } + //从左到右 + for (var j = 0; j < o.columns; j++) { + for (var i = 0; i < o.rows; i++) { + var wi = this.getWidgetByName(this.getName() + i + "_" + j); + if (BI.isNull(left[j])) { + left[j] = left[j - 1] + (o.columnSize[j - 1] < 1 ? o.columnSize[j - 1] : o.columnSize[j - 1] + o.hgap + o.rgap); + } + var l = left[j] <= 1 ? left[j] * 100 + "%" : left[j] + o.hgap + o.lgap + "px", w = ""; + if (BI.isNumber(o.columnSize[j])) { + w = o.columnSize[j] <= 1 ? o.columnSize[j] * 100 + "%" : o.columnSize[j] + "px"; + } + wi.element.css({"left": l, width: w}); + first(wi, i, j); + } + if (!BI.isNumber(o.columnSize[j])) { + break; + } + } + //从右到左 + for (var j = o.columns - 1; j >= 0; j--) { + for (var i = 0; i < o.rows; i++) { + var wi = this.getWidgetByName(this.getName() + i + "_" + j); + if (BI.isNull(right[j])) { + right[j] = right[j + 1] + (o.columnSize[j + 1] < 1 ? o.columnSize[j + 1] : o.columnSize[j + 1] + o.hgap + o.lgap) + } + var r = right[j] <= 1 ? right[j] * 100 + "%" : right[j] + o.hgap + o.rgap + "px", w = ""; + if (BI.isNumber(o.columnSize[j])) { + w = o.columnSize[j] <= 1 ? o.columnSize[j] * 100 + "%" : o.columnSize[j] + "px"; + } + wi.element.css({"right": r, width: w}); + first(wi, i, j); + } + if (!BI.isNumber(o.columnSize[j])) { + break; + } + } + }, + + populate: function (items) { + BI.WindowLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.window', BI.WindowLayout);/** + * 水平和垂直方向都居中容器, 非自适应,用于宽度高度固定的面板 + * @class BI.CenterLayout + * @extends BI.Layout + */ +BI.CenterLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.CenterLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-center-layout", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + + created: function () { + BI.CenterLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + // console.log("center布局不需要resize"); + }, + + addItem: function (item) { + //do nothing + throw new Error("不能添加元素"); + }, + + stroke: function (items) { + var self = this, o = this.options; + var list = []; + BI.each(items, function (i) { + list.push({ + column: i, + row: 0, + el: BI.createWidget({ + type: "bi.default", + cls: "center-element " + (i === 0 ? "first-element " : "") + (i === items.length - 1 ? "last-element" : "") + }) + }); + }); + BI.each(items, function (i, item) { + if (!!item) { + var w = BI.createWidget(item); + w.element.css({ + position: "absolute", + left: o.hgap + o.lgap, + right: o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap, + width: "auto", + height: "auto" + }); + list[i].el.addItem(w); + } + }); + BI.createWidget({ + type: "bi.grid", + element: this, + columns: list.length, + rows: 1, + items: list + }); + }, + + populate: function (items) { + BI.CenterLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.center', BI.CenterLayout);/** + * 浮动布局实现的居中容器 + * @class BI.FloatCenterLayout + * @extends BI.Layout + */ +BI.FloatCenterLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.FloatCenterLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-float-center-layout", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.FloatCenterLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + // console.log("floatcenter布局不需要resize"); + }, + + addItem: function (item) { + //do nothing + throw new Error("不能添加元素") + }, + + stroke: function (items) { + var self = this, o = this.options; + var list = [], width = 100 / items.length; + BI.each(items, function (i) { + var widget = BI.createWidget({ + type: "bi.default" + }); + widget.element.addClass("center-element " + (i === 0 ? "first-element " : "") + (i === items.length - 1 ? "last-element" : "")).css({ + width: width + "%", + height: "100%" + }); + list.push({ + el: widget + }); + }); + BI.each(items, function (i, item) { + if (!!item) { + var w = BI.createWidget(item); + w.element.css({ + position: "absolute", + left: o.hgap + o.lgap, + right: o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap, + width: "auto", + height: "auto" + }); + list[i].el.addItem(w); + } + }); + BI.createWidget({ + type: "bi.left", + element: this, + items: list + }); + }, + + populate: function (items) { + BI.FloatCenterLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.float_center', BI.FloatCenterLayout);/** + * 水平和垂直方向都居中容器, 非自适应,用于宽度高度固定的面板 + * @class BI.HorizontalCenterLayout + * @extends BI.Layout + */ +BI.HorizontalCenterLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.HorizontalCenterLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-horizontal-center-layout", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.HorizontalCenterLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + // console.log("horizontal_center布局不需要resize"); + }, + + addItem: function (item) { + //do nothing + throw new Error("不能添加元素") + }, + + stroke: function (items) { + var o = this.options; + var list = []; + BI.each(items, function (i) { + list.push({ + column: i, + row: 0, + el: BI.createWidget({ + type: "bi.default", + cls: "center-element " + (i === 0 ? "first-element " : "") + (i === items.length - 1 ? "last-element" : "") + }) + }); + }); + BI.each(items, function (i, item) { + if (!!item) { + var w = BI.createWidget(item); + w.element.css({ + position: "absolute", + left: o.hgap + o.lgap, + right: o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap, + width: "auto" + }); + list[i].el.addItem(w); + } + }); + BI.createWidget({ + type: "bi.grid", + element: this, + columns: list.length, + rows: 1, + items: list + }); + }, + + populate: function (items) { + BI.HorizontalCenterLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.horizontal_center', BI.HorizontalCenterLayout);/** + * 垂直方向都居中容器, 非自适应,用于高度不固定的面板 + * @class BI.VerticalCenterLayout + * @extends BI.Layout + */ +BI.VerticalCenterLayout = BI.inherit(BI.Layout, { + props: function () { + return BI.extend(BI.VerticalCenterLayout.superclass.props.apply(this, arguments), { + baseCls: "bi-vertical-center-layout", + hgap: 0, + vgap: 0, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0 + }); + }, + created: function () { + BI.VerticalCenterLayout.superclass.created.apply(this, arguments); + this.populate(this.options.items); + }, + + resize: function () { + // console.log("vertical_center布局不需要resize"); + }, + + addItem: function (item) { + //do nothing + throw new Error("不能添加元素") + }, + + stroke: function (items) { + var self = this, o = this.options; + var list = []; + BI.each(items, function (i) { + list.push({ + column: 0, + row: i, + el: BI.createWidget({ + type: "bi.default", + cls: "center-element " + (i === 0 ? "first-element " : "") + (i === items.length - 1 ? "last-element" : "") + }) + }); + }); + BI.each(items, function (i, item) { + if (!!item) { + var w = BI.createWidget(item); + w.element.css({ + position: "absolute", + left: o.hgap + o.lgap, + right: o.hgap + o.rgap, + top: o.vgap + o.tgap, + bottom: o.vgap + o.bgap, + height: "auto" + }); + list[i].el.addItem(w); + } + }); + BI.createWidget({ + type: "bi.grid", + element: this, + columns: 1, + rows: list.length, + items: list + }); + }, + + populate: function (items) { + BI.VerticalCenterLayout.superclass.populate.apply(this, arguments); + this._mount(); + } +}); +$.shortcut('bi.vertical_center', BI.VerticalCenterLayout);/** + * 保存数据,将js里面用到的常量数据都分离 + * + */ +BI.Data = Data = {}; + +/** + * 存放bi里面通用的一些常量 + * @type {{}} + */ +Data.Constant = BI.Constant = BICst = {}; +BICst.HISTORY_VERSION = {}; +BICst.HISTORY_VERSION.VERSION_4_0 = 4.0; +BICst.HISTORY_VERSION.VERSION_4_1 = 4.01; +BICst.REPORT_AUTH = {}; +BICst.REPORT_AUTH.NONE = 0; +BICst.REPORT_AUTH.EDIT = 1; +BICst.REPORT_AUTH.VIEW = 2; +BICst.TARGET_STYLE = {}; +BICst.TARGET_STYLE.ICON_STYLE = {}; +BICst.TARGET_STYLE.ICON_STYLE.NONE = 1; +BICst.TARGET_STYLE.ICON_STYLE.POINT = 2; +BICst.TARGET_STYLE.ICON_STYLE.ARROW = 3; +BICst.TARGET_STYLE.NUM_LEVEL = {}; +BICst.TARGET_STYLE.NUM_LEVEL.NORMAL = 1; +BICst.TARGET_STYLE.NUM_LEVEL.TEN_THOUSAND = 2; +BICst.TARGET_STYLE.NUM_LEVEL.MILLION = 3; +BICst.TARGET_STYLE.NUM_LEVEL.YI = 4; +BICst.TARGET_STYLE.NUM_LEVEL.PERCENT = 5; +BICst.TARGET_STYLE.FORMAT = {}; +BICst.TARGET_STYLE.FORMAT.NORMAL = -1; +BICst.TARGET_STYLE.FORMAT.ZERO2POINT = 0; +BICst.TARGET_STYLE.FORMAT.ONE2POINT = 1; +BICst.TARGET_STYLE.FORMAT.TWO2POINT = 2; +BICst.MULTI_PATH_STATUS = {}; +BICst.MULTI_PATH_STATUS.NEED_GENERATE_CUBE = 0; +BICst.MULTI_PATH_STATUS.NOT_NEED_GENERATE_CUBE = 1; +BICst.CUSTOM_GROUP = {}; +BICst.CUSTOM_GROUP.UNGROUP2OTHER = {}; +BICst.CUSTOM_GROUP.UNGROUP2OTHER.NOTSELECTED = 0; +BICst.CUSTOM_GROUP.UNGROUP2OTHER.SELECTED = 1; +BICst.REPORT_STATUS = {}; +BICst.REPORT_STATUS.APPLYING = 1; +BICst.REPORT_STATUS.HANGOUT = 2; +BICst.REPORT_STATUS.NORMAL = 3; +BICst.FIELD_ID = {}; +BICst.FIELD_ID.HEAD = "81c48028-1401-11e6-a148-3e1d05defe78"; +BICst.TREE_LABEL = {}; +BICst.TREE_LABEL.TREE_LABEL_ITEM_COUNT_NUM = 40; +BICst.TREE = {}; +BICst.TREE.TREE_REQ_TYPE = {}; +BICst.TREE.TREE_REQ_TYPE.INIT_DATA = 0; +BICst.TREE.TREE_REQ_TYPE.SEARCH_DATA = 1; +BICst.TREE.TREE_REQ_TYPE.SELECTED_DATA = 3; +BICst.TREE.TREE_REQ_TYPE.ADJUST_DATA = 2; +BICst.TREE.TREE_REQ_TYPE.DISPLAY_DATA = 4; +BICst.TREE.TREE_ITEM_COUNT_PER_PAGE = 100; +BICst.BUSINESS_TABLE_TYPE = {}; +BICst.BUSINESS_TABLE_TYPE.NORMAL = 0; +BICst.EXPANDER_TYPE = {}; +BICst.EXPANDER_TYPE.NONE = false; +BICst.EXPANDER_TYPE.ALL = true; +BICst.SORT = {}; +BICst.SORT.ASC = 0; +BICst.SORT.DESC = 1; +BICst.SORT.CUSTOM = 2; +BICst.SORT.NONE = 3; +BICst.SORT.NUMBER_ASC = 4; +BICst.SORT.NUMBER_DESC = 5; +BICst.TABLE_PAGE_OPERATOR = {}; +BICst.TABLE_PAGE_OPERATOR.ALL_PAGE = -1; +BICst.TABLE_PAGE_OPERATOR.REFRESH = 0; +BICst.TABLE_PAGE_OPERATOR.COLUMN_PRE = 1; +BICst.TABLE_PAGE_OPERATOR.COLUMN_NEXT = 2; +BICst.TABLE_PAGE_OPERATOR.ROW_PRE = 3; +BICst.TABLE_PAGE_OPERATOR.ROW_NEXT = 4; +BICst.TABLE_PAGE_OPERATOR.EXPAND = 5; +BICst.TABLE_PAGE = {}; +BICst.TABLE_PAGE.VERTICAL_PRE = 0; +BICst.TABLE_PAGE.VERTICAL_NEXT = 1; +BICst.TABLE_PAGE.HORIZON_PRE = 2; +BICst.TABLE_PAGE.HORIZON_NEXT = 3; +BICst.TABLE_PAGE.TOTAL_PAGE = 4; +BICst.TABLE_WIDGET = {}; +BICst.TABLE_WIDGET.GROUP_TYPE = 1; +BICst.TABLE_WIDGET.CROSS_TYPE = 2; +BICst.TABLE_WIDGET.COMPLEX_TYPE = 3; +BICst.REGION = {}; +BICst.REGION.DIMENSION1 = "10000"; +BICst.REGION.DIMENSION2 = "20000"; +BICst.REGION.TARGET1 = "30000"; +BICst.REGION.TARGET2 = "40000"; +BICst.REGION.TARGET3 = "50000"; +BICst.EXPORT = {}; +BICst.EXPORT.EXCEL = 1; +BICst.EXPORT.PDF = 2; +BICst.WIDGET = {}; +BICst.WIDGET.TABLE = 1; +BICst.WIDGET.CROSS_TABLE = 2; +BICst.WIDGET.COMPLEX_TABLE = 3; +BICst.WIDGET.DETAIL = 4; +BICst.WIDGET.AXIS = 5; +BICst.WIDGET.ACCUMULATE_AXIS = 6; +BICst.WIDGET.PERCENT_ACCUMULATE_AXIS = 7; +BICst.WIDGET.COMPARE_AXIS = 8; +BICst.WIDGET.FALL_AXIS = 9; +BICst.WIDGET.BAR = 10; +BICst.WIDGET.ACCUMULATE_BAR = 11; +BICst.WIDGET.COMPARE_BAR = 12; +BICst.WIDGET.LINE = 13; +BICst.WIDGET.AREA = 14; +BICst.WIDGET.ACCUMULATE_AREA = 15; +BICst.WIDGET.PERCENT_ACCUMULATE_AREA = 16; +BICst.WIDGET.COMPARE_AREA = 17; +BICst.WIDGET.RANGE_AREA = 18; +BICst.WIDGET.COMBINE_CHART = 19; +BICst.WIDGET.MULTI_AXIS_COMBINE_CHART = 20; +BICst.WIDGET.PIE = 21; +BICst.WIDGET.DONUT = 22; +BICst.WIDGET.MAP = 23; +BICst.WIDGET.GIS_MAP = 24; +BICst.WIDGET.DASHBOARD = 25; +BICst.WIDGET.BUBBLE = 26; +BICst.WIDGET.FORCE_BUBBLE = 27; +BICst.WIDGET.SCATTER = 28; +BICst.WIDGET.RADAR = 29; +BICst.WIDGET.ACCUMULATE_RADAR = 30; +BICst.WIDGET.FUNNEL = 31; +BICst.WIDGET.RECT_TREE = 39; +BICst.WIDGET.MULTI_PIE = 40; +BICst.WIDGET.HEAT_MAP = 65; +BICst.WIDGET.PARETO = 66; +BICst.WIDGET.STRING = 32; +BICst.WIDGET.NUMBER = 33; +BICst.WIDGET.TREE = 34; +BICst.WIDGET.SINGLE_SLIDER = 35; +BICst.WIDGET.INTERVAL_SLIDER = 36; +BICst.WIDGET.LIST_LABEL = 37; +BICst.WIDGET.TREE_LABEL = 38; +BICst.WIDGET.STRING_LIST = 59; +BICst.WIDGET.TREE_LIST = 60; +BICst.WIDGET.DATE_PANE = 61; +BICst.WIDGET.DATE = 48; +BICst.WIDGET.YEAR = 49; +BICst.WIDGET.QUARTER = 50; +BICst.WIDGET.MONTH = 51; +BICst.WIDGET.YMD = 52; +BICst.WIDGET.QUERY = 53; +BICst.WIDGET.RESET = 54; +BICst.WIDGET.CONTENT = 55; +BICst.WIDGET.IMAGE = 56; +BICst.WIDGET.WEB = 57; +BICst.WIDGET.GENERAL_QUERY = 58; +BICst.WIDGET.TABLE_SHOW = 64; +BICst.WIDGET.NONE = -1; +BICst.TARGET_TYPE = {}; +BICst.TARGET_TYPE.CAL_POSITION = {}; +BICst.TARGET_TYPE.CAL_POSITION.ALL = 0; +BICst.TARGET_TYPE.CAL_POSITION.INGROUP = 1; +BICst.TARGET_TYPE.CAL_VALUE = {}; +BICst.TARGET_TYPE.CAL_VALUE.PERIOD_TYPE = {}; +BICst.TARGET_TYPE.CAL_VALUE.PERIOD_TYPE.VALUE = 0; +BICst.TARGET_TYPE.CAL_VALUE.PERIOD_TYPE.RATE = 1; +BICst.TARGET_TYPE.CAL_VALUE.SUMMARY_TYPE = {}; +BICst.TARGET_TYPE.CAL_VALUE.SUMMARY_TYPE.SUM = 0; +BICst.TARGET_TYPE.CAL_VALUE.SUMMARY_TYPE.MAX = 1; +BICst.TARGET_TYPE.CAL_VALUE.SUMMARY_TYPE.MIN = 2; +BICst.TARGET_TYPE.CAL_VALUE.SUMMARY_TYPE.AVG = 3; +BICst.TARGET_TYPE.CAL_VALUE.RANK_TPYE = {}; +BICst.TARGET_TYPE.CAL_VALUE.RANK_TPYE.ASC = 0; +BICst.TARGET_TYPE.CAL_VALUE.RANK_TPYE.DESC = 1; +BICst.TARGET_TYPE.CAL_VALUE.SUM_OF_ALL = 0; +BICst.TARGET_TYPE.CAL_VALUE.PERIOD = 1; +BICst.TARGET_TYPE.CAL_VALUE.SUM_OF_ABOVE = 2; +BICst.TARGET_TYPE.CAL_VALUE.RANK = 3; +BICst.TARGET_TYPE.CAL = {}; +BICst.TARGET_TYPE.CAL.FORMULA = 0; +BICst.TARGET_TYPE.CAL.CONFIGURATION = 1; +BICst.TARGET_TYPE.STRING = 1; +BICst.TARGET_TYPE.NUMBER = 2; +BICst.TARGET_TYPE.DATE = 3; +BICst.TARGET_TYPE.COUNTER = 4; +BICst.TARGET_TYPE.FORMULA = 5; +BICst.TARGET_TYPE.YEAR_ON_YEAR_RATE = 6; +BICst.TARGET_TYPE.MONTH_ON_MONTH_RATE = 7; +BICst.TARGET_TYPE.YEAR_ON_YEAR_VALUE = 8; +BICst.TARGET_TYPE.MONTH_ON_MONTH_VALUE = 9; +BICst.TARGET_TYPE.SUM_OF_ABOVE = 10; +BICst.TARGET_TYPE.SUM_OF_ABOVE_IN_GROUP = 11; +BICst.TARGET_TYPE.SUM_OF_ALL = 12; +BICst.TARGET_TYPE.SUM_OF_ALL_IN_GROUP = 13; +BICst.TARGET_TYPE.RANK = 14; +BICst.TARGET_TYPE.RANK_IN_GROUP = 15; +BICst.DIMENSION_FILTER_DATE = {}; +BICst.DIMENSION_FILTER_DATE.BELONG_VALUE = 98; +BICst.DIMENSION_FILTER_DATE.NOT_BELONG_VALUE = 99; +BICst.DIMENSION_FILTER_DATE.IS_NULL = 100; +BICst.DIMENSION_FILTER_DATE.NOT_NULL = 101; +BICst.DIMENSION_FILTER_DATE.TOP_N = 102; +BICst.DIMENSION_FILTER_DATE.BOTTOM_N = 103; +BICst.DIMENSION_FILTER_DATE.CONTAIN = 104; +BICst.DIMENSION_FILTER_DATE.NOT_CONTAIN = 105; +BICst.DIMENSION_FILTER_DATE.BEGIN_WITH = 106; +BICst.DIMENSION_FILTER_DATE.END_WITH = 107; +BICst.FILTER_TYPE = {}; +BICst.FILTER_TYPE.AND = 80; +BICst.FILTER_TYPE.OR = 81; +BICst.FILTER_TYPE.FORMULA = 82; +BICst.FILTER_TYPE.EMPTY_FORMULA = 90; +BICst.FILTER_TYPE.EMPTY_CONDITION = 91; +BICst.FILTER_TYPE.NUMBER_SUM = 83; +BICst.FILTER_TYPE.NUMBER_AVG = 84; +BICst.FILTER_TYPE.NUMBER_MAX = 85; +BICst.FILTER_TYPE.NUMBER_MIN = 86; +BICst.FILTER_TYPE.NUMBER_COUNT = 87; +BICst.FILTER_TYPE.TREE_FILTER = 88; +BICst.FILTER_TYPE.COLUMNFILTER = 89; +BICst.FILTER_TYPE.DIMENSION_TARGET_VALUE_FILTER = 96; +BICst.FILTER_TYPE.DIMENSION_SELF_FILTER = 97; +BICst.FILTER_DATE = {}; +BICst.FILTER_DATE.BELONG_DATE_RANGE = 64; +BICst.FILTER_DATE.BELONG_WIDGET_VALUE = 65; +BICst.FILTER_DATE.NOT_BELONG_DATE_RANGE = 66; +BICst.FILTER_DATE.NOT_BELONG_WIDGET_VALUE = 67; +BICst.FILTER_DATE.MORE_THAN = 68; +BICst.FILTER_DATE.LESS_THAN = 69; +BICst.FILTER_DATE.EQUAL_TO = 70; +BICst.FILTER_DATE.NOT_EQUAL_TO = 71; +BICst.FILTER_DATE.IS_NULL = 72; +BICst.FILTER_DATE.NOT_NULL = 73; +BICst.FILTER_DATE.EARLY_THAN = 74; +BICst.FILTER_DATE.LATER_THAN = 75; +BICst.FILTER_DATE.CONTAINS = 76; +BICst.FILTER_DATE.CONTAINS_DAY = 77; +BICst.FILTER_DATE.DAY_EQUAL_TO = 78; +BICst.FILTER_DATE.DAY_NOT_EQUAL_TO = 79; +BICst.TARGET_FILTER_NUMBER = {}; +BICst.TARGET_FILTER_NUMBER.EQUAL_TO = 48; +BICst.TARGET_FILTER_NUMBER.NOT_EQUAL_TO = 49; +BICst.TARGET_FILTER_NUMBER.BELONG_VALUE = 50; +BICst.TARGET_FILTER_NUMBER.BELONG_USER = 51; +BICst.TARGET_FILTER_NUMBER.NOT_BELONG_VALUE = 52; +BICst.TARGET_FILTER_NUMBER.NOT_BELONG_USER = 53; +BICst.TARGET_FILTER_NUMBER.IS_NULL = 54; +BICst.TARGET_FILTER_NUMBER.NOT_NULL = 55; +BICst.TARGET_FILTER_NUMBER.CONTAINS = 56; +BICst.TARGET_FILTER_NUMBER.NOT_CONTAINS = 57; +BICst.TARGET_FILTER_NUMBER.LARGE_THAN_CAL_LINE = 58; +BICst.TARGET_FILTER_NUMBER.LARGE_OR_EQUAL_CAL_LINE = 59; +BICst.TARGET_FILTER_NUMBER.SMALL_THAN_CAL_LINE = 60; +BICst.TARGET_FILTER_NUMBER.SMALL_OR_EQUAL_CAL_LINE = 61; +BICst.TARGET_FILTER_NUMBER.TOP_N = 62; +BICst.TARGET_FILTER_NUMBER.BOTTOM_N = 63; +BICst.TARGET_FILTER_STRING = {}; +BICst.TARGET_FILTER_STRING.BELONG_VALUE = 32; +BICst.TARGET_FILTER_STRING.BELONG_USER = 33; +BICst.TARGET_FILTER_STRING.NOT_BELONG_VALUE = 34; +BICst.TARGET_FILTER_STRING.NOT_BELONG_USER = 35; +BICst.TARGET_FILTER_STRING.CONTAIN = 36; +BICst.TARGET_FILTER_STRING.NOT_CONTAIN = 37; +BICst.TARGET_FILTER_STRING.IS_NULL = 38; +BICst.TARGET_FILTER_STRING.NOT_NULL = 39; +BICst.TARGET_FILTER_STRING.BEGIN_WITH = 40; +BICst.TARGET_FILTER_STRING.END_WITH = 41; +BICst.TARGET_FILTER_STRING.NOT_BEGIN_WITH = 42; +BICst.TARGET_FILTER_STRING.NOT_END_WITH = 43; +BICst.TARGET_FILTER_STRING.VAGUE_CONTAIN = 46; +BICst.TARGET_FILTER_STRING.NOT_VAGUE_CONTAIN = 47; +BICst.DIMENSION_FILTER_NUMBER = {}; +BICst.DIMENSION_FILTER_NUMBER.BELONG_VALUE = 16; +BICst.DIMENSION_FILTER_NUMBER.BELONG_USER = 17; +BICst.DIMENSION_FILTER_NUMBER.NOT_BELONG_VALUE = 18; +BICst.DIMENSION_FILTER_NUMBER.NOT_BELONG_USER = 19; +BICst.DIMENSION_FILTER_NUMBER.MORE_THAN_AVG = 20; +BICst.DIMENSION_FILTER_NUMBER.LESS_THAN_AVG = 21; +BICst.DIMENSION_FILTER_NUMBER.IS_NULL = 22; +BICst.DIMENSION_FILTER_NUMBER.NOT_NULL = 23; +BICst.DIMENSION_FILTER_NUMBER.TOP_N = 24; +BICst.DIMENSION_FILTER_NUMBER.BOTTOM_N = 25; +BICst.DIMENSION_FILTER_STRING = {}; +BICst.DIMENSION_FILTER_STRING.BELONG_VALUE = 0; +BICst.DIMENSION_FILTER_STRING.BELONG_USER = 1; +BICst.DIMENSION_FILTER_STRING.NOT_BELONG_VALUE = 2; +BICst.DIMENSION_FILTER_STRING.NOT_BELONG_USER = 3; +BICst.DIMENSION_FILTER_STRING.CONTAIN = 4; +BICst.DIMENSION_FILTER_STRING.NOT_CONTAIN = 5; +BICst.DIMENSION_FILTER_STRING.IS_NULL = 6; +BICst.DIMENSION_FILTER_STRING.NOT_NULL = 7; +BICst.DIMENSION_FILTER_STRING.BEGIN_WITH = 8; +BICst.DIMENSION_FILTER_STRING.END_WITH = 9; +BICst.DIMENSION_FILTER_STRING.TOP_N = 10; +BICst.DIMENSION_FILTER_STRING.BOTTOM_N = 11; +BICst.DIMENSION_FILTER_STRING.NOT_BEGIN_WITH = 12; +BICst.DIMENSION_FILTER_STRING.NOT_END_WITH = 13; +BICst.DIMENSION_FILTER_STRING.VAGUE_CONTAIN = 14; +BICst.DIMENSION_FILTER_STRING.NOT_VAGUE_CONTAIN = 15; +BICst.GROUP = {}; +BICst.GROUP.NO_GROUP = 0; +BICst.GROUP.AUTO_GROUP = 3; +BICst.GROUP.CUSTOM_GROUP = 4; +BICst.GROUP.CUSTOM_NUMBER_GROUP = 5; +BICst.GROUP.Y = 6; +BICst.GROUP.S = 7; +BICst.GROUP.M = 8; +BICst.GROUP.W = 9; +BICst.GROUP.YMD = 10; +BICst.GROUP.YD = 11; +BICst.GROUP.MD = 12; +BICst.GROUP.YMDHMS = 13; +BICst.GROUP.ID_GROUP = 14; +BICst.GROUP.HOUR = 15; +BICst.GROUP.MINUTE = 16; +BICst.GROUP.SECOND = 17; +BICst.GROUP.WEEK_COUNT = 18; +BICst.GROUP.D = 19; +BICst.GROUP.YM = 20; +BICst.GROUP.YW = 21; +BICst.GROUP.YMDH = 22; +BICst.GROUP.YMDHM = 23; +BICst.GROUP.YS = 24; +BICst.SUMMARY_TYPE = {}; +BICst.SUMMARY_TYPE.SUM = 0; +BICst.SUMMARY_TYPE.MAX = 1; +BICst.SUMMARY_TYPE.MIN = 2; +BICst.SUMMARY_TYPE.AVG = 3; +BICst.SUMMARY_TYPE.COUNT = 4; +BICst.SUMMARY_TYPE.APPEND = 5; +BICst.SUMMARY_TYPE.RECORD_COUNT = 6; +BICst.BI_REPORT = {}; +BICst.BI_REPORT.NULL = 0; +BICst.BI_REPORT.SUBMITED = 1; +BICst.BI_REPORT.PUBLISHED = 2; +BICst.VERSION = "4.0.2"; +BICst.SYSTEM_TIME = "__system_time-3e1d05defe78__"; + +BICst.ETL_ADD_COLUMN_TYPE = {}; +BICst.ETL_ADD_COLUMN_TYPE.FORMULA = "formula"; +BICst.ETL_ADD_COLUMN_TYPE.DATE_DIFF = "date_diff"; +BICst.ETL_ADD_COLUMN_TYPE.DATE_YEAR = "date_year"; +BICst.ETL_ADD_COLUMN_TYPE.DATE_SEASON = "date_season"; +BICst.ETL_ADD_COLUMN_TYPE.DATE_MONTH = "date_month"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_CPP = "expr_same_period"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_LP = "expr_last_period"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_CPP_PERCENT = "expr_same_period_percent"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_LP_PERCENT = "expr_last_period_percent"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_SUM = "expr_sum"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_ACC = "expr_acc"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_RANK = "expr_rank"; +BICst.ETL_ADD_COLUMN_TYPE.GROUP = "group_value"; +BICst.ETL_ADD_COLUMN_TYPE.SINGLE_VALUE = "single_value"; +BICst.ETL_ADD_COLUMN_TYPE.VALUE_CONVERT = "value_convert"; +BICst.JSON_KEYS = {}; +BICst.JSON_KEYS.STATISTIC_ELEMENT = "_src"; +BICst.JSON_KEYS.FILED_MAX_VALUE = "max"; +BICst.JSON_KEYS.FIELD_MIN_VALUE = "min"; +BICst.JSON_KEYS.FILTER_VALUE = "filter_value"; +BICst.JSON_KEYS.FILTER_CONDITION = "condition"; +BICst.JSON_KEYS.FILTER_AND_OR = "andor"; +BICst.JSON_KEYS.FILTER_TYPE = "filter_type"; +BICst.JSON_KEYS.FIELD_ID = "field_id"; +BICst.JSON_KEYS.FIELD_TYPE = "field_type"; +BICst.JSON_KEYS.FIELD_VALUE = "field_value"; +BICst.JSON_KEYS.FIELD_NAME = "field_name"; +BICst.JSON_KEYS.TYPE = "type"; +BICst.JSON_KEYS.VALUE = "value"; +BICst.JSON_KEYS.EXPANDER = "expander"; +BICst.JSON_KEYS.EXPANDER_X = "x"; +BICst.JSON_KEYS.EXPANDER_Y = "y"; +BICst.JSON_KEYS.CLICKEDVALUE = "clickedvalue"; +BICst.JSON_KEYS.SETTTINGS = "settings"; +BICst.JSON_KEYS.ID = "id"; +BICst.JSON_KEYS.TABLES = "tables"; +BICst.JSON_KEYS.TABLE = "table"; +BICst.JSON_KEYS.FIELDS = "fields"; +BICst.JSON_KEYS.FIELD = "field"; +BICst.JSON_KEYS.ETL_TYPE = "etl_type"; +BICst.JSON_KEYS.ETL_VALUE = "etl_value"; +BICst.JSON_KEYS.TABLE_TYPE = "table_type"; +BICst.JSON_KEYS.HAS_NEXT = "hasNext"; +BICst.JSON_KEYS.CONNECTION_NAME = "connection_name"; +BICst.JSON_KEYS.TABLE_NAME = "table_name"; +BICst.JSON_KEYS.TRAN_NAME = "tran_name"; +BICst.JSON_KEYS.TABLE_TRAN_NAME = "table_tran_name"; +BICst.JSON_KEYS.FIELD_TRAN_NAME = "field_tran_name"; +BICst.JSON_KEYS.GROUP_NAME = "group_name"; +BICst.JSON_KEYS.PACKAGE_NAME = "package_name"; +BICst.JSON_KEYS.RELATIONS = "relations"; +BICst.JSON_KEYS.TRANSLATIONS = "translations"; +BICst.JSON_KEYS.UPDATESETTING = "update_setting"; +BICst.JSON_KEYS.PACKAGE_ID = "package_id"; +BICst.JSON_KEYS.CONNECTION_SET = "connectionSet"; +BICst.JSON_KEYS.PRIMARY_KEY_MAP = "primKeyMap"; +BICst.JSON_KEYS.FOREIGN_KEY_MAP = "foreignKeyMap"; + +BICst.DATA_CONFIG_DESIGN = {}; +BICst.DATA_CONFIG_DESIGN.NO = 0; +BICst.DATA_CONFIG_DESIGN.YES = 1; +BICst.DATA_CONFIG_AUTHORITY = {}; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_MANAGER = {}; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_MANAGER.NODE = "__package_manager_node__"; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_MANAGER.PAGE = "__package_manager_page__"; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_MANAGER.SERVER_CONNECTION = "__package_server_connection__"; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_MANAGER.DATA_CONNECTION = "__package_data_connection__"; +BICst.DATA_CONFIG_AUTHORITY.DATA_CONNECTION = {}; +BICst.DATA_CONFIG_AUTHORITY.DATA_CONNECTION.NODE = "__data_connection_node__"; +BICst.DATA_CONFIG_AUTHORITY.DATA_CONNECTION.PAGE = "__data_connection_page__"; +BICst.DATA_CONFIG_AUTHORITY.MULTI_PATH_SETTING = "__multi_path_setting__"; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_AUTHORITY = "__package_authority__"; +BICst.DATA_CONFIG_AUTHORITY.FINE_INDEX_UPDATE = "__fine_index_update__"; +BICst.GLOBAL_UPDATE_TYPE = {}; +BICst.GLOBAL_UPDATE_TYPE.PART_UPDATE = "_part_update_"; +BICst.GLOBAL_UPDATE_TYPE.COMPLETE_UPDATE = "_complete_update_"; +BICst.GLOBAL_UPDATE_TYPE.META_UPDATE = "_meta_update_"; +BICst.CUBE_UPDATE_TYPE = {}; +BICst.CUBE_UPDATE_TYPE.GLOBAL_UPDATE = "__global_update__"; +BICst.CUBE_UPDATE_TYPE.SINGLETABLE_UPDATE = "__singleTable_update__"; +BICst.SINGLE_TABLE_UPDATE = {}; +BICst.SINGLE_TABLE_UPDATE.TOGETHER = 0; +BICst.SINGLE_TABLE_UPDATE.NEVER = 1; +BICst.SINGLE_TABLE_UPDATE_TYPE = {}; +BICst.SINGLE_TABLE_UPDATE_TYPE.ALL = 0; +BICst.SINGLE_TABLE_UPDATE_TYPE.PART = 1; +BICst.SINGLE_TABLE_UPDATE_TYPE.NEVER = 2; +BICst.UPDATE_FREQUENCY = {}; +BICst.UPDATE_FREQUENCY.EVER_DAY = 0; +BICst.UPDATE_FREQUENCY.EVER_SUNDAY = 1; +BICst.UPDATE_FREQUENCY.EVER_MONDAY = 2; +BICst.UPDATE_FREQUENCY.EVER_TUESDAY = 3; +BICst.UPDATE_FREQUENCY.EVER_WEDNESDAY = 4; +BICst.UPDATE_FREQUENCY.EVER_THURSDAY = 5; +BICst.UPDATE_FREQUENCY.EVER_FRIDAY = 6; +BICst.UPDATE_FREQUENCY.EVER_SATURDAY = 7; +BICst.UPDATE_FREQUENCY.EVER_MONTH = 10; +BICst.REQ_DATA_TYPE = {}; +BICst.REQ_DATA_TYPE.REQ_GET_ALL_DATA = -1; +BICst.REQ_DATA_TYPE.REQ_GET_DATA_LENGTH = 0; +BICst.TRANS_TYPE = {}; +BICst.TRANS_TYPE.READ_FROM_DB = "db"; +BICst.TRANS_TYPE.READ_FROM_TABLEDATA = "tabledata"; +BICst.TRANS_TYPE.CHOOSE = "choose"; +BICst.CONNECTION = {}; +BICst.CONNECTION.ETL_CONNECTION = "__FR_BI_ETL__"; +BICst.CONNECTION.SERVER_CONNECTION = "__FR_BI_SERVER__"; +BICst.CONNECTION.SQL_CONNECTION = "__FR_BI_SQL__"; +BICst.CONNECTION.EXCEL_CONNECTION = "__FR_BI_EXCEL__"; +BICst.COLUMN = {}; +BICst.COLUMN.NUMBER = 32; +BICst.COLUMN.STRING = 16; +BICst.COLUMN.DATE = 48; +BICst.COLUMN.COUNTER = 64; +BICst.COLUMN.ROW = 80; +BICst.CLASS = {}; +BICst.CLASS.INTEGER = 0; +BICst.CLASS.LONG = 1; +BICst.CLASS.DOUBLE = 2; +BICst.CLASS.FLOAT = 3; +BICst.CLASS.DATE = 4; +BICst.CLASS.STRING = 5; +BICst.CLASS.BOOLEAN = 6; +BICst.CLASS.TIMESTAMP = 7; +BICst.CLASS.DECIMAL = 8; +BICst.CLASS.TIME = 9; +BICst.CLASS.BYTE = 10; +BICst.CLASS.ROW = 16; +BICst.SYSTEM_USER_NAME = "__system_user_name__"; +BICst.LAST_UPDATE_TIME = "__last_update_time__"; +BICst.CURRENT_UPDATE_TIME = "__current_update_time__"; + +BICst.FUNCTION = {}; +BICst.FUNCTION.TEXT = 1; +BICst.FUNCTION.MATH = 2; +BICst.FUNCTION.DATE = 3; +BICst.FUNCTION.ARRAY = 4; +BICst.FUNCTION.LOGIC = 5; +BICst.FUNCTION.OTHER = 6;/** + * 缓冲池 + * @type {{Buffer: {}}} + */ +; +(function () { + var Buffer = {}; + var MODE = false;//设置缓存模式为关闭 + + Data.BufferPool = { + put: function (name, cache) { + if (BI.isNotNull(Buffer[name])) { + throw new Error("Buffer Pool has the key already!"); + } + Buffer[name] = cache; + }, + + get: function (name) { + return Buffer[name]; + }, + }; +})();/** + * 共享池 + * @type {{Shared: {}}} + */ +; +(function () { + var _Shared = {}; + Data.SharingPool = { + _Shared: _Shared, + put: function (name, shared) { + _Shared[name] = shared; + }, + + cat: function () { + var args = Array.prototype.slice.call(arguments, 0), + copy = _Shared; + for (var i = 0; i < args.length; i++) { + copy = copy[args[i]]; + } + return copy; + }, + + get: function () { + return BI.deepClone(this.cat.apply(this, arguments)); + }, + + remove: function (key) { + delete _Shared[key]; + } + }; +})();Data.Req = { + +}; +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", function (ob) { + //IE下滚动条滑动效果不好,禁止掉 + if (BI.isIE() || BI.isFireFox()) { + return BI.extend(ob, {type: "bi.quick_grid_table"}); + } else { + return ob; + } + }); + BI.Plugin.registerWidget("bi.collection_table", function (ob) { + //IE下滚动条滑动效果不好,禁止掉 + if (BI.isIE() || BI.isFireFox()) { + return BI.extend(ob, {type: "bi.quick_collection_table"}); + } else { + return ob; + } + }); +}); \ No newline at end of file diff --git a/dist/cursor/cursor_drag_hand.cur b/dist/cursor/cursor_drag_hand.cur new file mode 100644 index 0000000000000000000000000000000000000000..aab39cfbe1b75bb5ccf91120be77bb3f4de4dfa6 GIT binary patch literal 1758 zcmeH|u@QqX3`M^vxJ<y&(Nbmu>P*EdjFXWla(2Ej*m8g(4Kx;fTYf?|r@{g%2-+5l zy=$PM*Hem~l;FV;n5tz8gCyU34^^>Jfl`4|fh#K@tL@GVe24KTKiPl7<`&eWB9=UG z%2USApQemFuyW>QoXhyyz#+6B-0g3@!_E#P*iqu6>kl<!FzVpYkyA3jy+RMN`>6i~ D-)%c# literal 0 HcmV?d00001 diff --git a/dist/cursor/cursor_hand.cur b/dist/cursor/cursor_hand.cur new file mode 100644 index 0000000000000000000000000000000000000000..94d112079fd1f3352a74ce8da69977f214b2e04b GIT binary patch literal 1758 zcmeH|Jrcqo5QX2SaO~1K>1-{%0p7%;#G`l|Z(?g{!HAEAz)C6$t=P$foo|20YyrRk z!8AebwgGnZ4pc-(O0eY$TnF9KBGnHeAgWuRK%YRLz;7lXYU|!#@{}&-`qGvQZg|0; z1qRy!Vw8~i(^y=%EnrUO+)Y8m^|OJ(c`F-BC$vqpP3~iov)i1wPWT5|-VWWJL%7UU eaClK3dpxO!YNS7sCwZJ1pW#n@gYM}avOV9nWH#CW literal 0 HcmV?d00001 diff --git a/dist/cursor/cursor_left_right.cur b/dist/cursor/cursor_left_right.cur new file mode 100644 index 0000000000000000000000000000000000000000..54ff9f2ae8b9d5ed54a9ef843a43609b69d824ef GIT binary patch literal 894 zcmZQzU}9io5D;JhgA8T{1~DK@1BgLF3P8-rAOR#97#x6dqhK@yMneD*0{{OrFu?FX bARC15eP>{p_nCpAsTo3p_%Jz`S{MxgbYdS6 literal 0 HcmV?d00001 diff --git a/dist/font/iconfont.eot b/dist/font/iconfont.eot new file mode 100644 index 0000000000000000000000000000000000000000..9e2cbf6106267a717abef6c5c5157f45dc06133d GIT binary patch literal 78158 zcmeFa34C1Dbw7U3ecSB&rqMcDW+aU)Ya5MM>3PMrY%GJd5hH9PgaI3D44AME5CRmk z77_vp7-$wGhd2o#O&SuB?U$|O*EWW<NfWX(4XI1gH2we5)EfQ2=RJ)qF9btK=;!zA zNHg!f`|i8%-gD1A_uRAHv)f5*Y$HKJ3jRo;E7l28enWh=vEMof5wOz*?%1E|tDgB~ zDed@C6+6Wxxb%ok;vzAI^Q*-kT>qIE#PyY8KT@s`mx~(FE?PyKSc<c&@HZ}YAm>%M zw+lHg$61YN6xSd}t5__$L=&zTh~4;IWSw1!-yH68>RI^hz`1>OEw0+}1m8J;-&)+S zwXVjk-~Fgfsg^h;d;|DVg;=|G>!zzev-nOVdXQRi*6KBDsY>X$Zp3xX=5rTz3_Wq4 zhU;~>9=veRj=l8<>(9mYK_Qfu3$MAV#(PoG6x8rr+^-+sd-0yO|MSp&g3=X2INx*e zj{SR)9>D!y;pn({_nXIiZ#@SUQokk0xM$ZzJI1_E{llB^`eEGf-h~9m@AR8-{Z1}# z*Pg4c{ZjeB*KqwL-uLC*S6sMb(e9gG5)`-=b@=I?9oO#F)(2Jy3T;FFn#*_Wxv2d% z$6;LGfcr1(y<-1WKe_JxwSpqJAN=#ZS6;ODgP-~QxS)k7PuzzuLqmLP`J><F<9D9^ zCYNI$`Hm0Y1g8K|NGRf0_yyc7<RMk3-v~`O<oo2ekoFGyNdF=_$vGdhaF6DY2^an2 zYsQ2ruKn3jr7%+v+mwR%2hM}9{b7vcZ-t#E)41Zh6+)FR93A+x(HCXR%pgUeG{I*x zcjMeHiR<Y?PA6KSq7O9j7s4%SL>w&&iZYQDArTf45fw2}j<PF7m8cdepiZ5r7Y!mU zGC;^C(JZo}1*p|376Regfq0!jww&k|d7$QEu>>gHi}oxN%SDe^Ay$f2VzpQ!)&dRJ ziS=TGxK`}LK-eg5!C=@V&IYP)7X4z2I7gf-wu%7^lp!%JM#OpIO=6okUyO<i#C8mi zo#H|asEaUEF17~ArQ$LSh&>oAS77K|BlZH_-z=^Z*NYp(jp8P8vnYsL#ckp(;&$;? zafi55+=XFyx41{VO}t&aL-dJvig$^3i$53lqVL}$-Yf1G?-O3(7Y~RB#nZwNUl3Cm z$nO^)5D$rm#X<3icvL(lJ}5pUJ}f>W9v2g0QXCQ=6;FtdiNoUK;uGSN;z{u-@s#+q zct(6td`Wy+{H6Ge_^kLV@j3Ao@m2A^#P`KNiXVs{il2zDiLZ-qh;NE-iN6-lif@bm zE&fLQt@u0f9dSfFC!QDI6@L#*_?~zHBk=R$N8+dA$Ks#F&%{5ApNkj8FT}ryqvBu1 zOX8QnLqR-Bx##gA#s(WBtZVD1bn|%1>vlFvGGDjyUUNa3Xqowu@;M~|9Bu<9o+C!- zK;PkT|FF41lJNSx!Z$7yANiC~K@JCP3y{;{(w(D0^60AW85M5TeTknOLiafIVc{|~ zsk&Y2NQits?-t?px_m3k`wquZV&Cs6(cyHBzse#LD01VO6{(J&Q8mr8Pb!W;=^Q?C zj9IOoSI09eaAah}Y&`eerAs^7<MDGx&mDc!@X~XZp3}D~pKD*zu_WFWZ`%@VPXrsI zW;m85JxjGdSxKo}S31|#Dzg+#Y0*e5;*)iHI!l?9fgG9IR=J$wwR$Ah+0osVj_Za` zsiLKNM|Y-`GU*KEx_abN>WEbmm6a#Y4K-ARly{OVk*T`9xIsQj(ds&%ui96$pt!!J zvNlpyRugs{@PtAhZzyz+L)YA@RQ<k&Ra^Sa`gqK#IW<i${)OgGMn6~GB&*3&mPu}G z3RI}xn)1+&JG<gbmNdkjM1=x{%WHfe?hPh`_`e|;3)lMsUPmJ7tqX=Dbl|7%MA%cA z{t1t@8)m+tyhZ*CsAr|v{FINRs*q{pNet+$s6rV5*+n{y2r1oiWw}`?BuVBKX73WI zn}n*;7C|bl8F?xktE+F&!dWfT4G`AV>HuD6M?TI!JtVriJ7N*NR=Mey>pyzaO`kY? z)Bg4UW;mU0Lryo|`#1OA`!~j~Hx&w>c=D#3Kf3rgy4#4-_P@LDzQ40(Iod96mXFXB zXk6TkFyWw0f(S$y=WD_t8OVxAjQgXOwvXO^{`t4lPW~O`nP`0G-O2;<tC&5)m?@gg zOg!fIsfr{MZIOzQBSIlkHVH-HwkWhF-4qR|p{%I&QKX7GdZ;TMju_P4*%8ya@}$?* zrsWksczVyCr}@WNT-@5f^X4a~A6P<%`Y*isN%<A~2JRNWv$LNLEq?Om3;T;(m+-7D zMa|4c<psq9dViO=^QpTEQWFgOW(=r|>XE`pnoDRSsFQ<qgY*&1gNDl(5N@~Jg3fTc z(HRR+kXuOi$h;?nOE+Ab=0E2$w(z5CM$9TH?s)5Mw_bPPvP(zbwE66ny-V`h=BjeP z4}iVd>&p__w2;!>z0}=>W38Wjw2)e9Iob}i*DEQa`$^|KxTi;|sfswy?7bLcd^N>5 z5AMY}dZ~vv51!+D-6)64<~+E^?`S2?GkY(s0X5Q$B2ne9TKtu2($L&BE?3T7<*s(u zd3$`(n16#m7WMUb>yT3A?sDUx8A-L$-{OzO{4E#}ulP{T<*KnBstE8y#b54z-=011 z+fCP$%B^<&zH(jFr>#u2%P!YZHdh(6pv-aF7HrtaZ`{2Jr~nL3%nZr@ls^N1Q)wm* zU^F8o4t$%DQP7$MW4Dud^cYU!A(WwX7l8XoJ?t}zqx6vB4I9NRIxV127{0Jx94+oN zaEqQW!msWfX^=IL6417eJo-rfx_Gt`_UiN~3iO4!z?XRkX7`AakSj618qC_L&j723 zrl28GicL5OxkbS=FV{p8kqCws<$0|7K``;kYBKnhy%gsmoRN+H><GjhKmWNS7I6IY zymQL_+z}7(jX?Z_+cqp!ahd!by@X+L8XD2XP$UJwQ_|g?sg9WZ-S<3A?(eyxQF;pB z&lf)*4ARO#bu|hD?>VyoBya(Et7>qBYsDv?T3I7ijmIfZe2qd^4OJf%hExqX2If@N zHFXGMk|Yg+kT7KuE`{gbH1fBelpkbCV+uR>9Fg1vSkXCLz}j+iq5Xg{UV6hTJb|gs zw|33yRc23nTRaXRS=38Ls$@rx>}n;6X$$jGN0p5Dh<em`mBhpaxJNs?(>*fZqhR*p zgm7oHPVV~OpTBF%mb*T0AHMn2hps*AtZP4HABqo>5{xY<uWQgWP2J`2jgZugh%eHV zc6yqIR+u|OZ$JNhWx?FzT*|R`%{|Y>(9cwFDiKiBirS>ZJrb!|OWv|%xx>?#Uskg+ zqsVpr#h;HetrRmY=!X{cX-4erJDdb8>kZO$scUjvbx5h`QW*o02iYDJx^BZ=2Z3xp zO*SEPO@N-xk$Zq!p|vAs#OtZAt*$CBi$#I~PsW>x2Ar5uYJ3!^qM9BGq?J^VDO4_) zVlvg43R<)(2t<nL^6ug<j^1_GQHtSrXhwvS;Thozg}ub5gwv4Ha@WzhOvOw1cF1@9 zw$FM9!~I3ksKjYE5JUeYkSU#QpnN<Zm!kM$>x(b8Hd1`Si!Ux<eAmPUGY6Cp$RA)< ztHXNcEUZAbm}hrn0h86sfvW>&ql*<2Sry5+CWWR-jc0WO$U6ci-RaPsBf^1sW|IJO z33B70HRo)JClZNxysRwfif1WZ1FVP!Be8g_2D5lB*p)W)8X!wocfPwOUWIAFzFtnq z(vk1ZM^BUDBYxzBEK2Qx;)f0_?d@H9fX?INC6^a}b$Nd2(){HVxIDjPN#4HhK7Ys0 zcbuO)`SOES=DC}4qO&u(DqS?vtIIk&%T}l9KhvweoKA<@I@&_^;faQZ@WNzIW1_4q z(b$t*_(kjboF=|*Iw!gCpZWIjOOQ^$xG=L_G35*3JA&Yq%D^qXrSEXW8qrLqw|T%u z2&s`A7MjZefNT1Y+bIoIHTw8ys9OXm#TuTl(Y?FQH2;WME<|NTd9o}Kk3}QlP%z*H z7a)vaFz5|tDOVRwMN>IUuApVzz)Gz%Sf|W>r8zYt<kWPbFGpssZ+eOfrfL7ngE%Wp zBegFlg;_Ld%KoCQ=FDzoN*)Eb5fwF9L1%^E^faaGYm+g*TNN7k06)czd_0q1Nb^p^ z$5WMj+{omOIORzRbYC|d-Loe;d|mhS;l^Rpzj?FY9B%wyWs90z9i6VGMak#4^5?$$ z=%xFnZ<I%`32(ctr{}h9;cJR5gT7T4ELd>CD&Ju7zq*~-Wfc|6vd(VlKM$V=AAWfH zUmupAV1SnDtc#%O0|^Fex*Q#ML6H0yIw=YoLA0=-6pDpHkzOi>iZ2!D-N*r0^0NiB zSA~qB5^{qK<OFS^Xx6j_q*TjEb4$}nazTakWXMrVdJDN!5_+$V0gExmsk?;q$X&n` z(!?mp3SEo^xWnmj45LupaOy*Nk;`qkhQPgPTZE>$HJ%h&fkI18E`Y|*xCFEJRX>bZ z_sv$qt*ya?5pG+UZEk8zH-v(*=Gq{mSUekNv|>aGHl(l|GI;1$6L74Tf*Hci<@^JL zW9-Yt>k6_k4b(Dap=gGZ9)oHE0clp$NC~i)kjpw23Wcr6H#H4vUGRm&hB19B=i>(i zu+T!$8DW}O$rS9qJqmo>4ML@VQX|kp%1{GXAZ5xd3S=ZxnzF?#7I0mVrr>$ooH=CS zF!yNy<Mmx;*zb{Gthgu9d9pV^>hiwBF2KLdNd^|x#wc)Kml(Jpkys5VLnw(1K|{i! zs*XO8Mzvq44s~_8*={{ThGYCppBXW|Wr<)g5(+VZnW8e}@|b0FlnRDZ;h>vRN@u(? z-$@1HW)%uj94kx#CWV`dx8L#A-kW+qPlqh%Oc&@5`b_bx;+v7zEKV_;l({j$ZT5+r z*->h$kJKKZ38{T(8Oc60iy%e9VY9|`i&mjdsFfbchEu^5dc5>wa!sUFpW+ms)9xb5 zn3_iaO&!B<Vkutp%q_}u@_E$2!2ImTJQN52S1rEXci0c`c5#2~!UU_(`8uhXjvcBt z<RXWgFg~0^KJxg<D?MJoT`K)xn%ow@)PZL^OV83JXa1<U=**u|6oA8iEv8EhhO+9a z6UZ&-EPn!lcs7jDkU_68Yt(?RhVuq|HNM8Nkj)M#6UPP%6B8tk909OEZRiMPi${vt zBS)y&0_O9_CJN1R0=PXe`{llCo|&A3VNl%DceoO*Z^sOcmER~}1sdYehp@T_!$`nP zFpSb>G=<dwh$7K1tIEv|`xzQP^M^3UI2`E6pd%RY`@9~v%V~gwqE<@K?avaB0bCDg zXlJet<GnLSSvk=>Js}5=6^=~G!DdO*lX77CIhvrs>4_{&W+w&cXtNkZn}$xoi#kx) zETpiVki4?YbrpD)J~ZH5$WPw{ndya)lU@ed=zhpWugB{6HgN})oA*K9ONqWDiSjZD zIX?|Gf*?0hrSwz|rK=peDl^s6StFgpi<;||n#I`$CFQC~4RzN_SH4cVTU_p;E^5iq z0<~qq(2|Z;MP1st&``BDRU7VECfk;`OU2iw44LFx(d$>d0iSnhB?VSdFcb(5#Ue5k z4u|^q7z%HWM`bt^US-~L$6IfI%Wb#bQn>l18*jM&x;I~Y;F_zi+JEJ~y;oemXZK~7 zUb5@r@r%YT+__`>1*7M0d((L%!$X4uThBdbOaJDxH*M_OuzuZH%&xCoVfOYcU$%6~ z;zfA~O*%W;+ZMJiXkoIPNjKEj)uw7*1}|3wFM)e;;AWojaTXVuE66jx;(94XvxH;m zKI1PFp4oK1XWi$#{N;NFzVX>~<g?N^z4R^Jo6T=MpC#aVb2gi$f#M`(o12Rk?lb;l zXy89Pz$kyjq9fUfi3y}kP7Y*|lb^z8_N2MFFfjY!6Wo}Xn9G5y0V`i&a8Lq5Gh!h7 z+;h+2;fdm;T}E@W6oW{>|3G#S+2@}RWC!pbE)=T(jJrd?(L*QT=(Bx?t9kT!APk~i zkaDRC)G1Oh2@-}wHHKLo;R5Nxj82+#X-v7?5RLU6W}?+L_n-of;7pz~7tenLav)7Y zTOh>6r+K5Mx%!05rESKmUD_&;tV$tDyy5Kdb<B-luRj}}9lsinVW36nFRM&6ADd7H zj~%i4t6)(prdasOLp(cAm&W;Ic7lgAs7{I2tKbg(;13g`+w4q$Dv=q-n#u2RJ9SL2 z9@&G2&rYIqla1i1CK8Q=u<*z9ol=~HiI1WhP9ZQ%g&T4#9H7SzPXF#8Jyy(qQm+1F zF-x?w_{E(>#lOCqZn(Pm*GFhVK3e=qF+<;_bBmv!J}M)$^4m`qze|~4{C)8Qbm8B3 z6eo*ZU!I#z?O&doeq#4=E^u-myGR9Kb&v!P>0Zq6x`7$W;U}l$4xiu8U2_l5_VXD% zYxc~4Oge>gwy$62X{XcChYC2Hn^6aclRLaYh?A&6iEbb7_~87GFLinJv<OffnBVn4 z03N=x-+72&A%Pq$;eyk`g~{1@zclCDwEegC{Iw(IG!#u$wQXQB+&(ueF?=4k&odSY zNRQv`@sA0A$n6h}iICSF@{UD=(i?Vr!($>$?l6sk4aNv_jqxyW3)Kz9hQnc@zoTC` zTn=zz+wFH~yZ%_O7%`h1j+Z0Ej<6%l>_LcGggCPZHfs<DTbIHY^QAp^&XP_hr6qDY z$qXLoA%<H4oK*JM5hXi)gvpyl@~mGP0%?<=W!bDfRKZ>!0r6@EQ3HO@=lL91nJzZF zRScjYDN>qP+GyZxgf#=}ssg@Ng{Z!dMfICmRKJRA&U~K(S`TLVn32IrCr&%#O8>E6 zVYy^NonV5qr>UJ)@+eroKma_tEP%U#q7@%0&Yu}n9)xVc4=rr3>5K&Yc#$Zn5xmHQ zt3eDM7i$lqc!F0-pbD076QUOZ(aV#Gcu)yu8-iGDL~UVvt}ByorMjRLoA1Bstjj+4 z!_V!hZ}0lT4Zo%bR_uA;oV`z9e)-dTuUL1@uIq~z39MAb%%mz#qUAi+UnRdmU$kk% z2ZXA)6xB7Jr-fy;WeZ1vVV25csJR~c>jsCbVW_nwtvD8BGYWIE!;K*@Bw^|GftOvj zq`RvlqWhM1Miqa+=O2nuARd(NM8G{%RUs3ix+hUR1Wj{qvZr?lTI}+gWckn{s#(4` z1)1@}nzG?Gs?D`S=TuuaBy=LZ4{|N)N2iib!2E|!s$cE+f2#_Pm~VcASRyl?1r9T- z+C(@qYtAeZvo2s)=GYx(l}h6=H9J0M^VCIgZQvPZn@V{s*2gLbau=lYmsu=c7UXbl zvsE_BmCdT+m{2g9k6C9Hg`KoG7aq%Ck%WC@CJARpj^GzRM~)0yw0II}b6gSgOSlb! zP&@+CU@<SqKY?{bGf0O`qO;R@L=H3$Ft63j-{%U=1@J`$5DO{rQ((5KIG82ev}Sp* zUWA8=M<&4vVHBD(Ey@IBtPznm>s%O>WV#_Ec4ELT$L$kTZIL*{=vt3#Rg9>UqTN-B zPs-nw)q1^MgKs~di@#)I-^NNKyXiZv+sDs8cWFu%u~seoR%X^+bj@wI-3m*MKXAO# zhfLRw?Xu;<oiZsQi(#Ja&r4&XeSw4|xy*Zf&|=WJs>$uZDxki$MsZZytIsrfG7WV~ z%I8T9H<C~ASRHPT$biU(0@-0UE@=schud0Z%R*|3wKNTh7<m6+A{HF#poA#%Cd#m^ zNai|axt=T^KHW&Y_vBh7j}O&1tXd=HMe~;^f28F}_i4tWHEwu`0ZApslQkcf#wU(E z?n+}1OBRe_ds)Iu4PJh8em-Ie!jo*Op*`Bp<F9o8<gr(noWxWMM4#lLg(C)^HK448 z2!;Sgpf%`zkj>W8U~z&vt<}mvHhU+hPhk1MN30?^FOOW5VkMn4^s>#&JY^>e*?|dO z((u5;fW^S&8GRBZ%ntJb6o4TI5n*BG7R*_v%1(IB!upsN+cK21E6U<ZG!lt!Q>7H; zR4ztYs;noI#%PQp5Vu6ihgp^r3iuR{mpnt^AXc!JB-)FKKbc4*`$RIC=og7(Vl@^j zEMMq9rBoWXi`9+f_-iTG+-w&a-BqgRA6O!|-CScMuZbHw8|N*HUtv{T3HcgO!Xnu? zGGkLZSLU7b6aZ{GkyQh-KstlpqOcCQu>WV1<Z+JeIi;DN2MI0|p0j=_YaKw78O`Qc zHdvkUx`}z^`SP(>$(OJk1Xf`0fZf-7VdwQQEV@1nJFbtxcI(sPue7UdVdm#YH3-^3 zthco_*489rx&wND$7p>dq(H3Wa*l~6kI&sS+Co0J$G0s?;eg*C9zAcvy477;2Xr|d zqkZck_+7ME?;Jh<O#|m{K5I?ya_3@QU(8%Q*1y6SZm&y~$2Dg&d77M_p{!TBThmn) z2`vzI2Zk3e$TU<}mIWRD;lcimE6pWFcZa`wcw}hHrd2DJ8u@Ko&pCT-&oX0CXMPdL zrK(zt4U1NFh*oWU|HA9mibb7^$KQ}<@Bn+}w9RmhzlPp8xgF@Au|G|JR2^>!?V68N zuh5P_*gt+6w0h$j!VJO}?H>6<8j>HM9UyO1OUy5yNh3T>zHxhyyT`0ieo}wD(anHW z9*FzXLj2WdKl7KLe(F<Ce)1C^Km4&LK6+?!;_;7s_(LE3i^m>)<lw^(ec=5MKJdQ# z-}|2X?)~$3zw4dvc>CM#x%<!Vy7LVZx>{lu&~Uf4a=su8)4&ra51wc&{shPNc@qs! zKFpu+x}tRCH0E3QSbB!f`MLSmrHQQcT<Q37&vSYyPw9BNyh`>2$pfY?Fe%_vuu2#l z1cNeIlFIT_h6}7atknlHPV&NIHuvD*^mDd6mGf~nOSqaH7_`I|$c$2FZ*UI2KzVo% z5;0Rg&zB|P2ACzhop~jGu8`&BOBTOK!C{bZJ(rykr@MRFN5EsbF!w?a!L|=4>8E)9 z9W!?X$Q2~F6YByN>#{})e3{o^eUvU>++#p)0?8+IR<L`7x(MbPen<^jF9`9<W>{4y zt4?J{EDXU<Bm`C@P8nu3_#4ERSBlJr@O6Cl+DiM&%47R02~a6o{KOHktq{KqTB;(n z4>uIzEPsh~w(}JHI{`%!Kq8M6P)|(!;3rWt)ZGOwV6V9hG9O51$$$|}NgAYT3XGIA zUDx`ciPks697bOSHvvocW62O9HWJbSb3ivW(LC|tz{Di6uIKo7h^7346ZjL52R94W z1)d((r`7q$yv>VV2`lFSc}FW8QpM6ts?MQuC|{+~2cZkJl~qX>G(6R$c%YcAAy3LJ z$>*WrTJm|rzP=Czpz4R{X;?(+C>)D~htl;jmT8dDL@YYgNC{0#^x=@uHaCHn))Lw( z@ESa~?dLc9yn*pQ?W=h<dLtVBhP0PS{ifGZ>(y+FTA8fbBA64&D3iSs8RT>88cW3z zDFu18)(1>xncVVyKA)Aj3=A9r@j7y3(ptQM_~65|k5_T_>XC5X{M>WM0F4&k${s<& z<Rl#$C=7zE5^J3bmi7sc+D9vGkVP}r;_tXF<v3mXxXt~xmh{)qm^1BxHo~Gstcze8 zHLHm@NmmZTB3sW+mz>E%&=j9R{!{ehUYH=we%Oj(PA3lNmj2K}TMy2wW;roE2&*-$ zacA}310Yu*Q}c9h^K}Q`upt176wr6UQ~=G@U}PcP9*-P_B}Y&|70WPS^&6zj&=9zp z61#*O_RtpPhV*q<`22ofpYZwon}y%!hhDt@)Dqp&Gyd9(gx>9RRKFd-X%7ZK^%*qL zr4l-TPUy_*QkeYNVu1fjM^?uTK#GUi6~D!a=4OHty*S9<qF`GB{z4;$YY9Tj5(vx) zKt9Z$g98ejj$my8J-aIC^fH7~Y3`)?k&2K<0g(;+)bLPsxzwaj1AUbcenlXtW?!m6 zBswGlN-)rua6#pT*$z}!Cs784m@tOwYowzgC4(_XaHy7IM6o^`Vzjv~?sck2SoJz+ zw$t$}k71q|`OB;mk5QgD8MLJ|zUF)U<?+qw{2b>sW{-T$BNn3?`sX7UvDv{v3|<U# zusV<r;X?v<aRXx2fdSmJPo6JOGpsoVC$a<92@805@<l<}LNhh9I0#J15!N)%w}q(` zDbWD0vjvu?*%A^@c94f4rQ~IyDHL7VWl0LR37_Hd_*hJ-!GDqj+uja?0r5LL{_|`j z885RWB^Jc%b$d&S=DBk8U0jUe^RQg;)s$myC{^Wn5dvN4^r~l26zqOko1|@qMX9BU zE?cs=J9pf4f$2m%9*eQ@OuVy|Jz}V%ir6r;6DFkat+A9nF*Z!#uH&!GC!u@wSwE3~ z-@5OX{a^n1m-pYYZ|nJ&ZMf-)&p&a~hRb>-EKRt}iZBCEW{=ryS$$bq{mrYtc->WB zx$?@dTy@<SSFil~)!U!Av9IsOC$?Yx^~j(y2wn*Udje|ZBf+||vbr+RA_e|egUa*Z z5j~Jg*9q6BYbq<k9$kU08Q0f{LjVP@9>p?u&G{7AQ^#SM6YZhA%--<U$bF5Me)-11 zu?HU<+x)<R_3IBjuo<Q*2X=gRu^b3IcFppR!QnmEJ$svLS_UWoVKR8g(SQBppLqQG zeg{=-4;*q{#zx|34CL=qmi&Ez37Z<0zr&EQ2d1K8xrDk50(cxs&MtT)A|eq520A$> z<<jhZ6mL~}6lpTuJ^$^4U0!c(S=XklQMqy7gzWll5y?fFT6*sJ<J(&o-Fn+?*IcwN z19U0r^pDR&lQtD@VJbaqxg~Um20;x>w;bqmrva*Aal|KEY+)4G&tMjM#YfDxSI&LL zGmu3SY;{a&1_A?(fAG@w>;p1dkdxB`JRb?zC%t|$IrYo7^z9?-UX%1~b(ge7Z#l9B zZ!B|DUz5xY@;1eiw?WpX<RNEMSk4Ca;k0tL$6t^7vK-`3QDG*Xlc%llD@dXs-#ih* z^J@HB<Y;FOV_sj(R{2$noZg@+^Sb1a4dvHd<@~sX$bTX*n@^lcbx$h~E5Z0rT47uA z^)9&D|96sRt^e;Q&3fG=RIK*<J>sm_O$LQI8Me=_X<ng!w|T=GJ5D!)yaIt^(e81z ziyrWwsczsj(*lqG8|+HF>hb^j)WN*zOkRK5@%*|}0I~|$6J5CTb+_3)QGDEaW&^IY zo++(!N=IJPurSeH>)2)|oR{Spy!K(424BB!gXqLjGRZ4e{F8u%8j0rTuo%J*5?BH} zBlrXYOY0i`7q4kdupPL3#^y!u?mpePctyRY$aU#@&awh|HJVG&(dq9P<_ICV&aTrb zDVY~}+i9!x3PTmV2-m4Ar&~54uWO}v=+0K^RS(@iQl-py*g*RI^*QZW{^Qh$C6RlC z_#;~8pE%0%XEw@t6!VuyElV;=M^4M(Ymag}ozLfwa=zxJGaJpkZlk?830oDmcR6v` zpP_;VN*<mIZTtEH7O*TEaYA|*f~DhmCPa2pgq%`QB^;?^K-)4)w}LPd@NQ9+0jzy( z4_<=BX!YzpOSgeA6sn?F0Vk9#R^~M$pAJXx7l!*1sk2f8tt38ZD4od5ioba5pB{Vc zpNjuJwfEtD`yQ4{3VoOM^<7Fw_y6qCM}PL{Wt$(`x9_2Sg&ZgL!4vQgv`-WJ$$;02 zs>BpEcHH2rn_?pGh~<YCd0dKPF}WiS$Somr^F^Y=?c`7S{Cyp5tu?Ao!0|3MBx(b} z+P*Fd<T@AD#kF7p0??K!nOHz&NtmA1Q?h}|D_}d?oR$^YjI0b*R6^eoYN`%<Ri_?; z?C2EZQFG6q&_iX(=}f>Z^GtZFu(PU-@s`OKFqq}}Jb#tGjNQm%$?FaKXr1#2;d^{6 zjSxQPk-*QMVg`2Hd~3d;B~2CwAXnuN<}LfgI)zlvPGI@|;2=c&Fe8Ixo7HaCjT4N& zSeyh2E?i$A%q_4BRDr!wnhUU`XY~LZY!|Xe;K$O8e;A3e`8MQE!nXgCSIYOwPkEkR zaSXAhRzmm2;=Yf<8;bRK0mN&9U=U}YgMT;7yYbwIk-`?=Q;09s09i&A^81l;1EN%w z<9-Md@tcvy3;FPOU@>$%QrL#xi%3$CEaB{jh$ZDgE`Ae4NvOd-q_a+7Efj^9;ruMI zR<1?#CMi~nv*ZQxEV%+PoZwq2R?BU28PZn@Q+6O{uUIMbvK?`q6htuUl>_n|*@Ea! zDxztvkd5Nk$h%l9lN<?bsaPz_afI)ejL0yg&i{pcagmqs;D?}Dflo=Cj!_WLbc+Q2 zJMtz)H~kxYiE~s(m8fr}NYcO3ztB&pgBIet6DD#0K;OX=i0UOjC7+a^l=suOaVI4@ z<j3e~Iv3?Oh!p)LYi$t|tU(^6C+S+c0`IODX@ujs9_h8Bo*tty+G*)s>O?Iaq_@yb zZ~{`HE3Tva>FxAqaP3tgbI-`P$-Cus@>*Q2N3W#;i*=~0i2x2HVlso@#WIQCJpCHK zN#dw$mDG>l6kUqnTJ-rl@z!;qjF1ewK?Y}7l8Uzl)LkN=2OuLhAec2218zt`WtV`9 z-YzG+Q5?H`<no97uF$v$Nq<O=2^scFcAW6~!`?9gvf`%5IOvKyBE}FR&n?!DiM40B z*Pb;d&RXq0YxUR~T5Y;ln`6RU={8r6t)i8^?v=e`qBrL5jg9pzm$4P@*orZ+Vwroz zvN5r2v3uF#u_d&4seAF#F|jo7UYZ|Ugs24We0)sA6Yh9otc()f?nL*P=uW!3lVdd% zGFj<PR*oV3OS!wUd@NTj%RAlWonu|p+2QW&7!w^ScSmZhjT%zvR6}~)JXbVl)@7R4 zjc=rN>oe=tkBRjgGV3>t_0fh67Ylzor5gOH5s^;2S0JcW{gzg$uXnFlNVT=@6$@Hq zU7dSH)Fa*Q%$7~rrbacBac5Xs?)kqCwiRT9wx&wH!La2xDF1`Ee;m9m{~y?nn*$<U zpGwz{of(K<1y$gPJpY5auLinITW!MH?9Pn53<a($=_mi6hwb1jY<Xrv#K5}D_!;5w z?}u_NmPG&0Lw4(HgRJm^VW{=ikDLf%i+`wHX$j^>Ry-&_BtIzMBkz-Mk+;f%yjk8T zZ;)5X{c?}oEiaL~<hZ;@?vy*^o8)<NL=MZ%@@&~Fm&?U+k<7_1*(MjtX4xbgWSvaO z8d)u?WSLCJn2gf@q5q&?(2MjVdVzjG|484WZ_-!jOY}MVEPb2~)5quudYnE&AEpn| z2k8BDAKgoL((QCB-2w-yo9O^uO;^!=x}0{?4%$xJXoNOXpA|%J87)O%wiX2AYobO( zNl76(TmsgIUYPN@5Y2Z6iqDr2d-Wd?o%J6OrS;p0-}(*2bNviF2tI*0u#bv^h#32R zM3uc4F$wR0$HA>uaOYi+#BosQVMJ)yiZ~5tAujF;aQ%zG#mB*&hY$@HPI2w|j(i(b z;_xDfcX#p`6#kuj$q}QVLeIB#xA(|)FtvuBX;m|A>AG~LRb~(*GSdcE&sw9+(Ak%r zb0FxVQ46Je8;(fqj(5aRes?@(=xHv1GvHx1nBbh8R*P6>(hk4bDs?Uz1*7nMkClqT zpv7<Jn1;B~isz)!mPS!1(h5_FA{8zSCE+QKVHl0XBQXR2s6j_89zmchtA3RzqBb3k zMB6wa-_hOCiLh4)C0eC)qN>QxVL{sg15~@S13zd1pn&@0iFSmN?5yJV_*6qj#*TQK z9*5U!RF5x_oTD=zG4yK6rvb9g80z0{6%)~;v1;gwJMoH6ys{lp+)$qi;wmhsG$7qE z`yPHjs*>yC3IP0V=`Os#qce}v5VQ*q<6gR}vpbew23rhx@8fB}4h5jBd>8Hl<Y-%W zx|cF}24k+PicpnSna4xj2#(6xxlOq|x*I{iGWj$^E)8g=Gr4YbE+arZAB%I`AV3`X z5Ty#W?2a1T<d`3^R?z|u3CTc=;})JknG7Mo45!PfoddE)(NFOXKn6E(vlTHTbDTMo zMmN^A=h3r(C*T7Z#yUAFS#BBP*~wg{UAYNS;t)3l;ZqDnYKS336fq1~^SV`CK{%ke z5_AUOJw*^d=`x`pN{!-C49#Jv0jI+w9RUhxNQCFDM@J}5JgX~;AHfP7GVD;oo|r?2 zN4rarI`r%aK2@$sNVhyPs7b#=Rl;hGL#=f=VM~Poe})n8L=h+owrd_0(FS0`ri2kt zNK(*?$k<L9hA*Xxz!K8wP`!#1VSHR1!VTs&ZdD1Y4p<>OQAdgYB)QNGMbSJicnFgY ze`Q5;gr%myXfP%b(+zP1Q706kAjX7FGOSU#qB>A2qUWJ3)i2?z1%qaV{BBeN1rr2w ze2oxEC|)9@a7c&A2jCY#2@#aWHpPgXs#qXFRzTO~gFP{BL8b@!94VTvxKzytPjpll zwj+q8ftTpGM3gkN6)}}aB4Qfe0SIy6SpZXmPaEKj0Ci{zpOafkpRNRPqJ>Z|4_e?r zr4S4^3`mpI5ylX3M7IEBcmWCr5J)q;Y$}Z414u#>6nH;LucDz&00>$ELpG}oiY)$_ z!>R~Z6z_E@039lYN05;`=u&!7>HxhPaMlq+3RPl=9mcCvM2;fep+a;K_5-S@c9K*d z-U=LX0p^-Z2|-?o&i1Gc)e3SVK%^V>g6yM4Mb%KECm@3i6$XNuL<B0$?KBW94kaVd zZjGV^P-VPOGKxS-5<;H>jSVB@G=c%u=Th~EMB}*Oezy?-WR+MDPw09`i8-W?q0EmX zfV5#KYCr)hpsGRC4>y3L9$Ajye|m_VfI6(N-Kqz5F&r`~9Sl)aL~(ck90L;=hX{@^ zil8MFb5#Y=JaoC2`w9a{iJ^M|5WG~?;TeYBM=(51bpkGoW|F0m0I&iGGmay^E4Pk& z56S3ZU^UFY(L&&r3x;xhLVyNdk8FSg$TxZd*XRYn2^fk|jF@|hU)2!_5;@TAPMl$| z2V~f#BhqUKx1GR6hlAnlL3@BhpuLL238VuJP#ip(6<v4hZpDdL!J85Y=Eh50xWxd3 zHzn6vD%1bLgO>*(ngHBKGD_txWE7+~BQqiiRal+wpb+_Wpp*j8Si#OID(;s5LI)w& zOPFw;hOFBJU<9O02v`@1!t63zUyJy<AkvrtINqzDWT@UV<teN4KJtjSuFNxaxAzM; z@)gp)fCo{^)glXt6z@}j7_uBHicC&EA%-j*o3o+|)Yd8$L|@07=o$}~=6U21e!~|? z#gDhF-t)+#9;Bl5Q_AK#LxOdJOL)R68+GLXzL+xX`pZ9?SGH%0GAJ8w@jUv7r@oA9 zPA9`-w%!5}J&0!EApi-xu7+JYy>ucx=pc$kfees(t}^6m%1m0BR#K38R)~=4uLy$_ z!;>9AjztNs4Xq0MaWqhOCQU{fA-j8Fov6UY;83zVUF~p8_pF3@-xpQQGrj22P<eT6 zyjqX1Sds#UeY?EQ2RxqcDSmw=a#XIEMkw&|^3bK#YHCSOfVWAI!kEb_{|S3O9sCiZ zO?y3<P8e`Nk{(3e@cR&G%VC@L*?o^h4uR1b?93RQ@u(NPTuzH>4LN$|rl*e`d-`cg z6?YVO;P<WcTl(#P&{8Ds*!|#xyLY@DcaNd)W@uKPgY1=K<>5Vu8ycltLsXMTEUV({ zJ3B~bi@6`7e#o1h&5QjNKIL*?^l|<M&QCbZK64LURUG`c+(TUtwck<vN%nzuZd>!r zLFIXQ5btq{Dzls;F2Z8b5IqhO%Yk#^0>dzzhEw`VH6SB{_)u)xe7*A4$wMEWtw`|; zlar9m+T~q?@?7YzTC*CU;UGp_s$2AUN~OBpZWzF#RIcD`J+--#t*R=A4o%XMt`Fos z(EirqkFyW9|9^M`%e6}}A~`x<2-4uy<_e#Ik=npfHT_<<j)_*98jQ+e^azV*4Cx`b z)2P%3z;gUfQrD2Etxj5@IE53`67@i&YT$e(-%UoIGVt`Fa1`-V@+rhUN6bV!ET^)q zX=$YKp2qUxg2pH5%6l4$Kd+_4h0}$pLUGE9!CA=l$)ih~Qsu}MDRw>Ch+KDBxr(<; z!R5FwH;pVD$P;Z*thW3FF)Jg8q}D3lW_nucn1q@Yn2=`UQnn%F9=pyUkQCzKZUX>7 zEzu$aiH0(SnBs8#>BB+S`r%`saahB7k0?SPd*x?F%s@2Sx*(d3W|Ot;vHC`5B-_9Q zOHU&}B;w?9j9lg<3E?<k43D(q!6b9Rc%AZWH2VE$WpO6i(2yjmj7~pG1+!4#rOI3! zNij8bIIu8yIN(c;HIygQA4vLw#d{<IJ|d{D6+u#R1jzz|5~6vfc%E#}nuKPg7P9#! z@gHWO(Fes!8S_16(zeFt2(AdfDIji#G6X?9!InuoekYvhh1=!fm_rDV>w+2$mhbSU zhB{3@DS+qFlS`m+o-r;yqasZ6)j!Q0H(L$e3gH>gWHL>eCOcGIFc@u4!Sp)dvz-uf zY+gMd?p6>_C6$}|%jDvwX(A-2d20AhgaA4ozSAto-P6J}l~V$Da@<aQ;F&jzpB#U) z6jv>4HlmTU7Q;NW6vWm9mFPoWjzz=~DEY$?DA^dCql)s^v^+=<SX3z-E3_17ivMTJ zw_}3ZHp~5XAXS9QWyP|k;$b!vR`Zr|x)p2HtU2}WNe1kno~s1Miz)q~u^j2r{>t5G z;anScTQNp;=)96*xw*umR~kG6O^_P}0Tjo<c%k70XFKp7N*`id%5%_qxz=fLMBkv# zh&f{c9X8ylxDn6C!zWOUt~AG8lvBm$FaOHwZ(NCpsmXLYsqpW4(*=a(Ji7OrYre5p zBJudGX(0<}DQL7hb4b<X*Q{uuuqd}V4Y>G$r0UeeEQg>zo@51rN0M0Oa=Cmi-?^|T zcgpxuN-f3Ak-@q|)r!|mzx9#iI?{IritBb#1J&=K74%jl2HJK|L-Bh%I5u1Xadb`4 zr2lJTBy+IU!s%ipGyOdozfVEE6Orrms5KwI<sr-l7J36^Y#Me5u(ac;UTxc#w*s%g z<&VN)Q_;0CI7ngT1?3;61fUyYdxP~nDSo{5fIfbPPmGu@)HI9_M+Fl#dLUNQ9S}9? zKzB_nz~Pjbn#g;KANkF1X!tk9Ul+gs?6Xw=Y_VY4gZ0pF>|4{n;pAtF-=`}%majek z@|bPG{GJpG!Il2h^oGEU_hNGIag#(eUXF&m2GPf{HZ#Vt7zGc2fE7-xR@E_q$R@sk zG9GnB^pGa7f`JBn$V;m5VGT6o4`U4?`>~j@L-d&&Uwb(`ROgka$kiiecSl<#cFDlD zYa0-+(+<~(Xq|1FIyNCjCqi_VFRWZx76;Ky`jgDO2rqeKzHAsGrAol9vpv{Ob>TX= zjwl#dN}ZjagQ-F%d`pznyacuYf>%c!_D!jVL@!uS9I>De02bzyIYovi8JaRniAY8Q zwVJb;fU=;&2&N2L-D2f65wFcGVua5KI}b=Cmr*E8O<4)0D|4z);CWP{yM!)G(SrWk zjs6NEidrjl>)m3Hd8zQK9@PuiIgiAiBV#TsGDR@#M4&&R4MAjp#fk%b24WUsO=*QL zq;uQ`7Hke$8wx?GKNsJ0K?{OT*M+J>9L+Ep4Kq({^L@fAy%8{15W+<f%ZvX&3}NSy z%2`Rgmk1o|3`npLpB6GDY%5aNVIV^eUlN66+ANsqWT60-fQjbRRDpkz>6R7%2+6zC zNgE^*<a9<%A#>5hQ#5t(U@|>Dl};WsUjVd0*Ghb&0sm%>{GJl;vq$4{+;j?UR5-x~ zgIhwN6~hH@MQ->uaMK`)64ChKMUD+wz)AuJyjzWO4mdCcn>+N{&pXFYEdV26>=jEG zG5s7DmPt!AiV^FMW5i-Q!DuCj)$AyGkc(NCVLYF*-yH3ro*(_F_{ASl;ksw9z4qDP z@XvJxD<~^41kjO(`1X$=U`x&3Mjno>4d4_DKn<`;*pI>TRZ?c@(@Amm=vo^>YmyLp zLqr@KjfQ0qfiHujR;yxC3?qzh+{ZRh&bVU;?6=~KU~dix;s7a3Q2N#i116sk0kArW z8MU>g!s6q9U}?O4#91eo1_$!-*HSseJmQK<W!Gyi5h5mDW9V>FB^^<yN6fsca?qpB zR}KUmQ2nZ(Q2>jW%BU5<8`e*t(suO8l209*M)5a3dn}nsmC{YcJT|2WaC?P<GIeYU zXn->u=Kmj0k}cDwG6h0o9>Z)kjZD_Zw0@<q4$M@P#*SNHKNwtNF$MO6?e+xNGc2n% z^RntV_lNM49JtR4La6}T3UIhA;2+8koLX1FKa8xI-Krhy(J6*(^r*HY^+E{4ybm^F zIElk7H>;3C+4Zs+MofrfRX9IdvCu==U`k0*Je5zyF&~5d+g@`FLtuLi9R)**fnuUP z1<*(k6T$m*fY}2z%2382r2wKkWg^Zz;?hsyVv1K{Ge^Pt?glk20}a{xDNtc+BN?9c zs$n1r0hcCV->6})7tI)PLWU-lE#MhB9=e%6eGVYrrn#I_!46Nc@?<zvRgp}UrxLMH zS-1>qfqECV+F^Nr9pZPxEt&U<=t^gJ(-KTHVHlEI`<GnXIJ%N&Ycl)yZhW$F(V|A~ zP%Jy?!q%lLM=^<*d;86czPG4<(G*ipwv$xETJU|J1>a}Kwqjl%gpVf!U<S*^IBo_< zorho!TZ>3q!^qkd0<W)8x)vK-S&QTbi+Be+l_!h0#Cl@*NiC4SU63kX!^o7AzsqE% z^~|D0>(B>y0m_~NJQ?;Szr_n}2BHo(L3`(~0!l9Qy0KXphT8x*xsorF%P_3f73bBB zRW?V&1I&(-Y6qu_14k{3#RA9QpW>y{)ZCfe4dmcIyaTw%_2hnMPHv~|<xvYcD^@+Q z^kP3sY&@V{jGWjai66iUK}bvwbth!fu+_k+xiAI51sp>krTf9P8BoK`ZctMP=>u;G z!cOMWM3)tA`|NFS#5bp><nCgDXGI=UJwro1RG6MJ@#;4YrtA@4`bv`_30F-36(fJ{ z{5V*_n^=34?1ua!ff>00_IRz-W|lQ0U~n3MZKwp^RYBZqsAeOi{Sb-pP7mvai(D|E zvp^3h1O5sG;>Nfan-b_gZ4{z--RIM{;hw#KG~DFS49C#%fCBv-P=Mo<@szaT_ZA4P z$M~6-Xd<ll@2TBfVW{ZXE7lKFNR1F2LcZP#9$(r)1^`3+22cdZrm_vav|RF3!R)4G zg}aojd4Z=6jos(LPh}w2axxCl{+5&pPN@K*&t#!M-|`elw3vrXXYp_DTtEw_>#cSA zpQk*W1)0n#bl+6*$vaz2^Uy`bzpcBG78WA~Vau;rK7dV8AdNH4<xmeGN{vOJd1OEe zr;QsR<ve9zPn{D()i@j+ss;g|d9lKKTs72X>I}HMD4@Nls&e5I3;wP3@qc?J+}~fk z#TFi5y<9B3_#&wB8-?fdg$gWOm}1nnkbL%d9Ko%zXwPv+!EHrh)0+|R{1lX5kn!1M zZh_Z>D8#N^!cA^OrngBh@9G4-221%IpfGL&u*24hP7u6&DL>*yN~eLXI8Xl^G*^8f zlGM)y7=)!yyrQBaQ<15!<2?uf@Onm{8VHx5h=uUez@ny({jRM!B}**7h8Z^I@i_`q zc;Lz_F2C!JYsw0RXm6%zm7f?l5LLRc_5Q8$=#7QPmlrRz*1}@(S?d-RrbR))4<gW; zTX*l?DyIMs4BA;b>K2=95X5w7dKg*6kfov73=+y=_|1wFZeZT&E8Qmvg6>6er667g z`)712m=benLJrIZvm5xJGcetmQkYD`OMHw2tDz2ap_?^5CI`{xxZ{er1WX0Ao_#o| z9F|2@Ry&<euhWac7SKakt&?Dw-knc1gz~YlVit;5?kw&tv@fNP6yJWo?z;D0M$-Ln zE6^qJ>f*zw-`p7Cc{L1<q0?;RJ)ofV!iz24s~qQSm}5^__lLvLXaGBK&fmCFme%lf z(Re;1ue11m{&~9ii?4izVqYo#s_?nNcgv%5Jpc4APX0>q7u5IsXZqiZm#K4ba9V4j z8nN5F!~mBA!Fg{r(Q@8v4T1?}+y_H3fXyw(U0#U|X&i{>1OciJGRqr+2)6=Lk~y{j zB0x#2l1Yy%S(B{c4OqCTES2|pT~SX2yVC^xA&3SwbW^G!mqMpuHxk5E31XGZD?Y}y za>Pr(NWvmz3P)g=X)&)zC}5>~h<^*bf&qUc3RurTP&QrQIOg-()r?i{60uV3GcS)h zF-#z2Kqosy3Xy}Ma&&7ZT7`L8$L4X+04Ufu%|HnTjX;Wl-ED;%8>tBu$`tI@iLDwo z@m3Ak?#ZP=bzt@`Te>LU)!DYNC7VfCS0)qKYRN6&DTj?W8(_S`8>VLRuyL?<FlFNt zgRNrhJ!bQ9-bj`2NM_ccWE1vInUT^_5naQ{4|$v)Ne*=M@7;TFuRdA6Wg*V`TQ-${ zOhLllYx@_06DZzk9q4P;;b^X9du?@D)sCixoTWcfwzEEqvvlo65x-Rq9mGS6`is}v zhp$-&;Dfz3=Do8*mJGBCd@c5#tI;KV6IcsshOp}IW#=C@Tesxr@TLQIsJ}dSSY2J6 zs%H5$%du-*9GiZg&fs*iYf$#%x`HW76968E`5fz8z-DIiv;@}1R3&ls)D)V5E)|fK z3bcb4^dt7%Uc;C{ypcK(SPsu0;RyPsDy!Ht$>t<pE(cZ=x~@BQ=PVhZ6gCe|@lF@Y z!Q%Fs;z1L`o~7xgJOq4YnJ&<(L~B?V787^btP5-1q}T>I8MdI3>M-Q8E@*HJ3@3z0 zQXGIMXq+WtW{J8&s2-wgfX8_ikBpc}A!fIko7+kR{iTP39_*TlsLONv8Ca4QjJ;^5 z#Ig)cz*yoL*8WI{$u0U_kb+l~_%NJLY+F#=X!^i;!Po#c5d^^|rZ#5NGIm=HZY$Vh zO#c{iyf4=&EySV-Equj{BW6g5l61*#kK@Gl<TE@Y%Y%ht&1_S^=~#s1gr;ntnmUM< zfPl>$1ybw=wgjPD+HU&l%OTcpj5}D(&rWT;sAGKuhumXY0ad1k+1c798P<51q-svR zi}mpQos>Ua4!^btD@8<&YQ)r<`h2>6cI*>2Urc9U<&?Ln0tg4prQ*8$VDYKqOY7Ie z>|g_h)~}y_#vbaQ+h2TX|F$JdwrRTmJ>Pkc-=W|_?*7=j-t{qjbN0ag{)P=pwryLY zs@VmXzUMucF34&Mt_9}25>6i9-772F;f=Hy3iTDR23$|yvHR{?OE620QJ)J<ht6S} z7xpA>=e7tU^u>aK(Q+!QsH`m;t)|M_+RANdN(t<wRflkdu-fTk>mTqP&_xf`N5cp} z<qmEXv1Fn_iC4tpLm|I(S5ZZoyJA?>*3{JYiQ3wleo<3fQ{u?4JNf<2vC~zcqO5ZK zb+3VW)9lN|c&YXF+W~>G+4jfAEdZ3>4^WJ~ZXf{DziH*lmX?|t-d1Ymnw4{s>f;+r zwY0aiEnHBOt(mu_$w`~ZSfm$xONKc-o@6oB!5v|MbQ-n;o)x8uo$L(zCKeE#xp<B_ zsXFj}9K$I!dxYNC-T?*79&bm933m!JFg{Z7uZb)0S%rdiTENU~5fO<atNl!-BE(8J z+~-fh`aR)H5teRl3ZoJq1?%nIP<*ou1WT^F%yw{VJ>b`tGYN;L7lfwdSS8?C1sZOf znpoSofa!qZqXCpHo`>IIj!iMF6|^v?UVuQ@`kfIxvmBk8nj&x(Xq9;?ZL2eDg7X4u zLQ##m0{QSZ@Uj<FSo;uX@~I%U%7lromNDW+DoD@&_|D>&?)>pG5(~hZy#Kokp1%uh z&8>Fod#%*VpI`7@Bnq1j9a0KbTU}`DN)yq%@lsoe4$jnvSAiI@yc0585|@DGf+aAh z56lK<=dKGzObk$W&>akOFexJwOl9)c&YhM@GDti4ZFfEYo*AsMh5ybUFZl7DwB-4_ zic@!e*RG~)wG-L42JmM-eaf;yVfbTD8jC(V!0tiL4Gp^j{*^WE(6wIzsTk@3_8hg_ zY*mS6fzcpKhbUvMNy&%<0l_}QR}{dWn&zJ=a8oAH3!gH-N$8hvnk1&DFc%1x3jiJ! z&{%9TH@Gl`5ExNKRK#NezXxVmidjiUPZ+yDf@?$fGZZYu0Bj&@6D*$;%4XOr3T0Ke zGZc;lgB?H#)FvxgIGICzQqgt`L2~W6r7(#zQm9!0NXe512^&!g#TQ<nDcbk~QjpHb z!xcBDq{Va~Xx_{d@)uYGM+IbNuruRX8#-guXjV@E*&iw38?hC!%TPrWJ7s}Stb-~f zi=Eh`L2!ogFidj8-D&yV`y<{SZ{&U~i@&Rf^zS;{N9kUFWu?EkyTV!gC7McMr!^so zJ7#s48djB9%RuIhKa&kLmt!@>QV}HVf?g45YUo0Qu;r{?Zj@sh*4W}D9Lxv9*q3Ks zHDH~^CcJ3^7^aHZ%dEOw=5pwhnopaARo)>8bj*Uqpo>zyVvg^@-1hH{INleVIRscd zg0)UmG@1>-BfuZB&^fjF7F1J_YkVHCB2izoE2Lop55r<O9MkJyXaY7Fn=*Go_C;m0 z0Pqz1J#O;#_`-!S-Az8jDE``s&EA{CK6<#g!xu(d=feUTd^YD}11-R!7xq8c_5}8@ zn;?wfxAQ~}7R&AxA<E*Bpbs`(CxAuc&CGRZryzXeE$vaIj_!;Fmg#$JShy|=bDbDE z^T4u2)1Gq#xmH}epo52n03D-4sAa?iH$7`t1<**af<7qefx7$$*n%2>a-v@gz$Z;$ z-*dK{g0&l$aseLUE#;t$By=5%)bNjYGo{7z1%Uv1GfyZJfWOz0G^{h%gxRVRrkp~J zW8YMvn6qS4)hz)!HvE>ba09N`gNX2w`noDCX`<LU8^w4db=Wz(A%`){Sjy;;X;2tC z&_G~7cXT(Td6#+O6-@>!?h@uccCoDB4t(SyH>XVxhjR^KxsiX5x(j!gJB$B{SAP5A zhq*()hD>+Irm=Bcc=}2H<+a=(;4lF=FfOHFAJuO{tcqnRk1fmUbPSSros2Qq{i^a3 z>~oKuvRFaKTa|5sl$CA0G<8jVt<Te#sm<1BYbwhUCA@P1@6ZlIvBlQBR?AtE4xkz$ z1lpU*Tapo^c6BQsE@2}b_PC3`wy<&c32D=vz|iDrF_g;ZhHeFYKkS3?-@TzE5a7Sl zdZk2jH4EMwOt)>e2SeG?+!I2LL1PA(zH+QX*6EoEoG6g9&XZo)>Vc6@MdJ{3@E(CM ziOF-2$oc!%lO0781N{X|ydbC#efi_JY}|Ou$L+%-KYeE3zGwJ{j^h52Bc?RxZgQSu zU$bu`4{8A1|0C2t7Ehx7_MYuAJI<xm1PZ}n1AY+PgjlKmFPu=lz+CMPVU9!fzj#9P z==Qnx@q|7#v(K`*2@2Ru+BU!Tl)A~9Qny%B>Y6ZQcc>4gY9aRR?8rB0@D9Ni?qG1H zAMnD4gu1C4Cgomv)HrspAwTmO*iP@psGlo803~jR*l4bYmL3sap|=82$C3ui9q1+4 z?0yWdqKhF6LLYC!0dpvxS5}oJq-aW~suCS#?eUn`ZD=AO15V5%C)Y+<2-EIh3XrM9 ze&$R)q1Er^BaES$s&<}KUGs;j)DN-1{G<l6?s5A^Q9k7`4q+gl*py@cetRTxyZr0o zltcRv=fsb$9(B2ns+i%_x%Ev+$Ny$~HM0;T4q^+ow}E=r)?FK{)5n?{(JfD-)5o5@ z`~<83@CdvfY?bowduGJ6wiB>4_|BKp;9EO!vsm@C+Iz6i5Llj0Z4Vkh1zs9>e!Pvg z{cDURinfT&ZNT(ZfCb>`1RN0yOfmn+er5z#BbWg;o@aAc6`gj9xvQlckbm21##$a| zshpl^`6|8lfu`cO($qEmJC<t7qh@PEC2q!w`d3?U^S$=X?-W3x2SBSQEm|D`&z6Bj z;CTpxdn0zY`LH-l&zlwZQ6%_I5`jzMCG?gKcza!RAu6>DtdI`ImSZMd2kVnaIEY{e z0kD+;F^=`BDi8x9ro@$49Of8tpW+zxxbU#wXZXiK@Do}>XT*&rwCI?KMlXf{D;x}k zS$?j>RL~?ZBI<g5BhZ)lWyB8}1?8pXs<T4G<B828k#HwUey-P_K@H*#-}oP;3g%6J zoVUjviFn_sU;qpf5{#J*gm{AYBVAb9w&Oz|eDskAAGr73@3`ld!qxjP-_5%p@7!T; zd%S6**$YKwQ?x9cZD2<;INI@`j>BCm4*p*6wuPP%c9iReIX?S)!G#ZDc409b@hR~t znTx^mteUDMJDp|HMjiVO!UwDu>(pw()pD3S#NzE(w&kJguEj=@63$`>3Y6BWKu3Cs z3&aEY4*2A;BN-gdpa=&u9l@n7T7h(~GY*rPm>gZ`kTsED6qK=Mi>4s<PSWSil$U49 zKM=2llUFE|mijHZ>PTm!+mXZq-w*RMy(&@L7)iNZs;929+KAW5hnIOm*kE4KVh(3b z`Q9}ipRAD1imIJu$%TqD9&-5L?gP<QF{3A|l7@mH+#XeFOoO~?N=KdQ(!DnxzR`Pr z?{F{vA1J0L_eb_#Nmn_pajgp0N~-jE6J6(doncz4emtGeWb#=hlZZBIYBsX`BTX$; zzDU?t4i3`eOO%I`6%eU`goEfqR}l(!*D52@<5a@2Kt#f8^j!*!;y0}^Xw!J0!Sn{A zF4f`iIDEQ$&=&~!3`a2B7O7dHQg#t}DqDwdym7d-@<2}yDpv%znVo<L@yz$#MGNh{ zmEEv;5H7Fg8Wvv21D)8l4Ex>sFv&ol1y#Yk{gvnT-PIJV-m$;(89jS^-(7x8f>g}z zyL<YlVF=QP3OLoxTnDH68us1A5(#P_tVviw0lfv5j@Gxd@$&QpHiZ`)jEJzONyz{U zE3moEmmyL`fNN;yClH=|5?j#~3+&2p3Vhk0fo;<BktilORZ*iOPV&{LAAuE*wD znD0h~0c9YjGnWV6ilcDZvbU4>L4^i?K?XU(bQy>@9>A*E<8pfdd4RYN@Mj}o$vez% zw9CQ_XBFliw@Z^yqQCm$M$Bw1=J)gd^A+W>vKaI}aHk0QF){hP4!2|eUi9;~G=?5X z%XAv{fwe+Lrn3ZBY@{ou?=uTH6fc9S4RP|POiYh+TUsNK)4(L+ybmJmdjTQzF=Y?T zOjz?!mskZ4=Urm2I3Nmig&Arh2Ye2N_iFNqr4(|in05S^b>L6o_P|dL(~HNzDsUW| zml(qE^7P{~1XT3ogQw`I@M}`@O8^PlAs4hmh~wlm^z)$Ab%s1pAHgdOHXs8*L_+d~ zHj7Zm9V*Q$*!<y@-{B(|_r9i=m>0fY<#XjlNb`lThVn~m4JEf&?OKEBp>f~7(oV4Z z4(vOyAG+YnE*-mYc<9_M8`iDtU6gNYZExzVi-17|@dtaV$JrPb#2c2f?V!|5qv5*^ z2WHD^3Dd)J;v87|!xtPg0DOm`iq7yQdmeKF9F1conh(eGQ>lC&?#1x%o+I{8HYVyI z9*mH$azSk(R+WjtomaNh^+rR%WTf5~lcDD8m1tva@~g6?9zIzzk!VoWRJIB-1x<_8 zW7xRBm6TN%3l<&ULL1!k==M(|es9R-PELQ_Cg0z3k$YJ(K;`Aq6Uii#jbXP8R;`aU zhW+tqsHQ8`03S@<3&+Y>Tk%&FX{l6KR77J+-7l*b>$1M0x~yE6$^T-S{85kNO|6yb z6G-uM*^pN=czc40GVtL8GtU9PS@mjw>)K}TmRdL8{D?Vrf>L%);sR~DA~D|U?Oe<* zX%~Y`oi^LZao-6_DfnYWS3IQ*Od~x1;ABw@$cX{`(jX0yC^k<XDPY`LG7A+$6O`q& zG7h*!7a;AJC5gy?_sm_&)$-d&(m#ncWg1ct<*Mm~{JH#g@%-ZXD6`bo=V1{Q7j>e~ zT*sci_DTh+xJyt9<~}*XyNh50Bo_otkPZmGE^UPr2-MZGWi1rZaMK9H1Mz4)>V|1m z#DEViFic^`rjD2nWh`rFHJHl4P_Q#or=;W&@BIemas7QfYd_9Yb}zN?j6J>K%Ds{O zlggl^1(n68y%5#Xs>%f;H{SRqo;`<qrVwHdGeJqOIwk)VeH9nm5vlDR;?3qYcf9q6 z>)RGqSAj;`p`))oaLv^h?nIp0^TA`m8a*FZ)GPO0JbvyuD_1z+CT_Z2Qp98E$6iRo zouE8JEZtNUp^jkD1`BxwtenFz5Yyk`V1qY@vFg^sp3C~yH>TMMARKT(4$Dns=B#cp z1!q;xI?fw-OhT*!MlO?Hh@cbfe~%Lb;SZR%gN)P)mjICuSgyEb%g!ScCkQ8iq+Wvj zG_#nD_9%h?7->A81&5Y~9vtBV+H-L3N3??O{8EBy3+nG!Ji1t+-)`Bz|Iz*Xw=CPb z^}xWuQaT)4;_|n6t_w$cqE!m**g;BFv?mh2-rEvzE{-P>@x`aTf1Rhr?^+T|Br3Lc zwDxRS)a7hzb9OD-($m_p_0$x4Y5!yU@n1Z&^#ESH^{9+TYkPvX`21xqUtd{SpU+k1 z_uUfgsg1^^+`L^XG29RFeW!mzGP%L;<ohA}{ssMVOGoJPz7_4svaMUolI<({E)TV* ztd#P^z(AthN~r-ZNUTk#lxGwZlB^byGdo(cO_4AQXH6_t*dPdt6JWi>q6H(=G9hG( z1EH;nMa!a5mZW3FgMQ0fUca!nw9Yfcy^1uTFcc7am4whAouRzDxOnlwD;LuP>B}~z zix-8u(_z}vTD&*icUhVqSiJ9%Ma9ju)P47tHWK}?m3~)Tp1<PZMRZ@ohD#fYm$49z zb}cC0pT4B8f!?#|p}mWWTdD7vyWC49{rv)N&%0;7u3WC<v9<_`TkJI)Hx#mGbqInu zc<*De)n}iP1Q{ZbAv;WH{KS0LUEAd66-&TG6!!TrIR|~v1ha%P818hixg=Y~TH<u5 zs=%T}m4<9}aYJ=>z5G6mT<huU)KHbpRu#VoixKht@1qK!TOc$A5DrarJvA$8wOaBd zcp!0sUE8Pl+$C0)+leD1pT?u73Sz;f%n4$V!DaRL6#DzPuJ!m%u{W95M@WQW8jKzv z3K>yF2|8l%y-?tL0k?TSjKaWY4EYk?IER*S_t|G|HobMzn)>>h8mN>5Qp`6kug}zD zFQb~e8j!sb)kEMDL>38z16Z`V;D#jqWtPllo>yyEnsTX1naZ)k4?4iQsHH80BHgm( zWvxxFlMT7%+}5Ul#%wNYN$@dQ++dxdwewxr*kS<xQ}~&JV1qAA0NkSO_?ZOU?Ro5W z8+%f4#YU1fd%=a1-F8`&%X{0geYvKV(1#;q&fe$bb5SHg(*u<lddYm{Vt_+ISozHQ zCZjMVX!x^XkbdwH_{*mTvWmz~H_O3+X>kNQ_f1bI;PBa2x+sp!j%BnKR6QlunyW(K z)nU}9ND~$%kf(u9<ftA5?h#=o!I(lcJpvb9#9G+Ip1LYR-Xes=8c^n1=*b!bEHJWG zuh^vqA~S%T*S=t)y1Ot>@f;P=>y-FQkNb-sPsP^(l-0c}4?JFcVdd!PTSiA$D(2${ znim$|ye^(H3x(?H$6qSG$T!|Hinn8(Aw)CwPGopjv5hSv|MX!YaIS;}9?M>?6%IGt zu&}Q1B0|Y%6E%p8t06N~9+0kNB<Oc)fR-4lz-pp0;jSDKi7ITvhm}f|T2?hwO`2EL zHX;@i)q;B_?@*jn=p3-o-*8<`$fxR!u#{2Kx-yJ#Pxa|Okxtk5i~4juYx_BD@RcXN z|Bvume%n@&$uw+6;~HF6G)WHr{l>K%0xtmF?I0|`;3j3r@jo5d*)?U$#*GUX@?L)b ze{o*|7{^hi-PJw!eUGG(<r$4GOEaTe@*&G@U5+g~K4RIDEXk6r(}(0k@<omzAtA9% z$R-A|frY?A$N}s)iAe}aP(n5Ymfg*AZCH+l>~e$+M;3laf;9fWSKY14cAT)VE4!zw ztE=m-SFc{Z_tnPD8#iCQiB9?|U01rU1<D2uie22Swn2FrX&@KFKu)nto@J>(SxC#k zQw}u)oaIMGD!}+%1^Er9BSbfddVr$fS&ua|++?><Ng>_Ul?aD0oXSuL{x9k;#7hW} z6@3GM?tU9bbm5#XI$iBSAo~(RFX8WkC&ph}33=idZfF{OyO@*+aBlYnfxO!2NH3h% z4hU?(`r@{Oj)^BAUy6<1@4(^iGbQ4;ahy<+#tP}eO=0gDBboEqWO@F9N3#H$qbi?Q z0j`8Jyak-z3k??&RLcwws|ZO4R3jnt0PukY%3K;VwuP86*yPt}pRpnS9nJ(BcpD!= zZCBHyg!C5rXUd<;snj+hC)1@&d5}?%#Z9GKk1AzTM0)8z7R<P0@_^cO65EFKCqkx+ zA5CI0HHE2LxJfuDT?aJVOd%}P3k}4rMr<PRHDtl!(zz@;5H@Hdh>juBgK&Vr!9WCu zNp)D68A>w-vuUTB8NeMF1lV*kKr3wmj)_xpIq4B5bFislQcG5r(#2LTpEHaq$RnlE z{JcC*zRLq{HR20^?F0ox`IH4Afe=7$T}UE918w!uDv`PnIvKhS*;(>0z-mJB2cgZ6 z(m(NgJ>@xto83}4H@9H-{^9LcZ(mbcSyitSYdm18R;?~6S$p%%lF1kfx!fM3bmQ8! ztRh<NcDcjOb#{w+WOvW_uI<js+ST!&V_7LT|6|SASk2!p&2>2J5PH>%oRtB>b6onA z_)Vb}2x?tIuW(d8(wZmg&0Bz^vl;4OD~$l>(aBdc!)nY}r0xv;0IQx^VHT@5m;v7) zS>Q{$Wmc%$ZUSF}!)r-wgDn^X?Npe}biS+E(Ac{h=ec*ZU9)N9RV`~)uUK9T<IBj> zTwkt(7B;97=#y0gm5eqtVH-sM=*Tuy3Kx`u`HpgBRESDR(~SQ^9nMy<77PI1h1K{P zb&ZNeY`jWu-Pu|a&C8IMw&s?UW#v2lK~F`o+2Zro<>yAD8B*rD+-SMO8TNqZh-YT7 z<7;!4<m5JQ&CUp}&dtfl$keS~8}j)xmai<W$X+pn+Agk!#ky^MFciuOa=km9qbfhc z?{~Yr!0c-FWQIZ+HXE>{bdn`2GyQL0$g<l;yDM6=vO-3q-8J*uUw_x8*KcfWT%Wla ztsw~;g>mUo@vpGva$=tAmOHC}Xk;}(TxzrgG0S0STdYQ_#R$S{vKlcA^=1KFhM715 zuJ>y&VcQKHIaa44meMAZVJi+nGc>PUj$`pkbA3^_2Y)VGkPH@#(b_^_qg5J-zWvD! z@Z7fjW33-JyY;~SjUQqzS!PFfwif3_Gj%zw(PC7zBM@{~7F$r!tMYU6qCusiosNhn z;B&_^Gftd6J2mxJfA!Rt#bCO9u0{hHq{*n(C^|Sqz*>z0UP>ofGwIwsWo<$<&n-lu z1=)=eE{U0b91SNzWkIOVpneN#hXptKE#Rw+1K4W^<`e1;rcb&7iUd3vcpNZ7I`BB) zbWmqHL$lWt2`>pj3mit%-du048R8-8e-0>_@$t;nrLYz!6)Nhrz=MnW4AScQPws+Y z>%qT2-Sn=~>)DpHO!su^Ce2@bs=gT(uc!aMDuLJ2zrl^(Dt^T2Xmnh$XS-T%1$PN7 zED_qa;7ueMV-6Hvg2Di(K9rg1Y*r{sfa`>k89xz`G;npSQL)S-g)H<bs~1Mn7-_)c z!7{^5^OPnaCSpoD9JB`qNSG;6hGDk+#|y$AXOdV}3pj)!IXxwUZ-y||3_TB;XDFv6 z%bCAQ_`JfEC1}c^$-)3DIG|P;tg!j8LBql25N&q5t(ERJ`)0ROwA<_&b6l`Er1JV2 ziU<%96ep%H@X7Bmdaw*j=8IDZKXKlK#7|1q&VBSp^`OVf8ITLzs1}B5p^K{MQf^6@ zqQB(4U$l@UY!U8|QsO~K$V)(Hp%q4$ZA=8(52zz1AIWUu(hxy{rVn<nw_*VW)?R2% z#4=#0TvZ;cP1F`dVV4jJlw_2^6v2)Kkze$a);?5^u#pas8{)LdDuM3HIPVQ5Aj~t$ zJM6m~3K3Qd$<XA!>};&%==a4J@k{Covk%IPZ>5tw5dGePz;rLlPX7o$_|L+0_feQB z#RtVj7g=-ROI%(M7S;--a;&~C9`kvCu7?$pjMu8D0BuUvhO{meSaVHvMovhF?paW1 zgnWi0_;3s|Y?;*>4L*2PK*0-|I)z-ri9CX}5cUw%7vYrA7Xf2!O_exeu{GN*Qf}^- zBD-^SkqDUjo9pYP`c(awR<C9O)qx{MFAl|CwV0Ys79BqPQY4~_^hS0pue%vvO7-|S z1tF5^(3veQCZwT+%iSH>Sxe!l{7h)P@MY;K=x&9Cd^y(-VZ08KLK)>n58i~Ez-7~d z*zC*j`M8=1mw}jJj0%M$$Vx~qVpbHBu>HNykzM3Se<1w<M^Uze?ZX|<Y#;pTIjP*! zAGmZlY7gPU6n2$m?9Sv1+vLr80Al40A&y|z4<;jKVFWwFz*p3p%=%8jWH4}X99e^# z3{6Xx;M9QpCHc|Z@Y2j6)GwT*-U%BUQOIW5=z<W>VPXbj!!b)~6}SYT5!eYOksaJo za5}J5!NOPc-}dlre%wj9J1I{kamPvXQ?w2jlWhBe1KSyN!;`X{#0_Sx-~wsAjxHly zNTLi$SRw_55cIV9>aPah!G_fW17%B(V1;FE7s$Gv6e*FQ1s2}G&NS+D##Xu;bz4Zg zTc>GimtN*;3X6bxBN;hhI6^HHgomR5(2}ow-e=f*0<we^lL{q!*$?IAm;L4nS*7(3 z7&Vdt6WK!Xy>2(HymRgTl6)8+kzO<{P5hP6js`!u40K%&`YwTG7LxcA@k>}%WCy`b z*vVt=rOW{puwRNwR@T{M?KO+0z}71@-6(*=Fr$*44wK2*10V&gkuj-4iVf`@oQ5r7 z4S^jyJMGv(b-`(OkX?wtI}!*W+*IwfakYA3R9E<3*iH$FY%`Js>?Z9@Q6sETB0>El zLk_2D=$%Fbm=|86xfuSWGEw_LS#<FdGm~o}+HGc&9=#S)8g=VXN5mOKxM0y8r~_y< zvH(&3VJC6skJSYQ)%iD96(IP{)%p3=1=5b`2c;b(+?jb$yRg%U1fb_gf#?0syh{{t zW(@ujO~M(wv+YajK`zWi|0>(O06f)s++ZxoVua)=fXSkriXO~R5C|~|f-JC-Wcspr z8&+w|Ts8cHU;t<a(#U4S0Wedo#jw|-X=}}kaZyltnHK7b8K9bnwx!<(t!n5Gsr77v zGz^Rl!B!a!iu4H@pG=Bqd$SL<RkT##KgI;acuMVI75(6YdFv`F)>UAUxg%YSwV{mq zngY!v8z=|xf?kjT9%=w10$RXKX4=<Q?5{y9j3RbGAt*BlSQNqD%#5vR%-|MmcN6|9 z@tXQ!8$?h>(aM=NBET3P77HI9mMsDdiLuhgF85nRCP8`h?Z?(3`<+fFpn!;QaKi!+ z4X+)GZ^hDxwAsti+q@8Mpt4|Z9dU~?ERK>O5&}%Z(65p*87RWZ<a_T;%FuAfgACy* zG~mGsPSM<w6yT-ug1|qZJ_P*>(&5H>c@(_0B+}+R*`$h+CN=Y_FToIq5Uqi_lKAs2 zzU$~XkL<fhg%J7X#^6)3tQapNr!q^*NOP{uJU}EwdqFptw--7x+KVi^N&)Nyb24Zk zK!;F|2Es}S%}1Oxw3X2)08-&{TgtE=8J5e{F9ftH)DB7A@Cx4m5&_tg9wV1|c))bS zxLv7qNvUc-D%?-ZB2i@-Iu>Ms0v16~YI$lJ6Q4MhM4lFw=|h(;Q`Kyl1Y)=$y47L& zf`9`BBp?B$fEN|4X0Bk1zk@2qz~w%?eChbQ0s;*x9q&qr0^NkV5GJ2X6;CjzZALTv z+*;y;N<S)u+5;L86$7kDaLXJJ!GadRsqeT!K4FFAL9Z<z!V3cNSJ&|Nhk#vOIK15$ zL0a64RtZ=#Q@7Lpkr<FmZg6KZl~KE3VZ{F=A&HehQoT|C5~i?jl0j24g*9>=P^yR> z23tfhpIEp-$sZZr3EW@<0f5k*!-W`(jrclK$ixW9AhT3hq~?=AlCE6fx5EyD%O)e$ zjITVhinDw`8AdM9v9MEw{|*Q#f<_~^eoCTaK~^XvA#I$RhhK469#_ySL_)7H5_$zh z7ldAc85_6|=#8W;4edoRYuNYWd-;H`z^aqbD{vS)pel%U#LZ;b3?(ygkI4Gv@E@G- z0RMqq8T%pm)~F9OmZnhVJ)l*D`EcUA0{EbGwIyUvOP2JoP{J6eRWxooIx9=ZG^*vF zeUD%S3ZY;_$#4BJ`jX9L(x4(>ia!r3Vm?d+Z!Q9eKw~3*naR==n?nD9Ed@MaqeT8# z*9*X^gaR{wmVi%5`mGR;(l;oW$|KX7yiTZ-R|qiAg}4!u6Og94tOLr=My_Luy`FY- zJrx#b8)?V4<Ykp)0mw@M-g7Wl4hz>aR{_Z>Yw0Wk=s}i8v44&Q7uRPYVWvaxE02;k zBvcu}po*u{zj*bw+g@b>{HDK}OkVF!<UmhE#PJn2OX*UV*<DbP9l@jsLns_-5if{u z-ray=-1h41hcoMwzX;}mgVJSq8ger7Aw<i_4%a}8YqQ#5*k0M0xumRg*9w%G=AR_` zaT29B3K0M-p^k`P%uPH{0v9E+>7v<#>Wt8xlIp}Sh{PNxQK`a(AL#^)O`iZXVIGHU zf&7T~b!h9+9<Se%0d(YQD1S<YSkOcR4k;lfdWX8NSrrk}ScoNG7YnZ%JbKejH{OyJ zvD>S5+}=$bcmK!7H$}vP4U{)^Ew)rk2TeffkeLkh2$2q0TqPZr5TSBfX=arL^%#pf zVKyb&t({FtJeiqmcT^%Nnz`pCh4^H3KY+MzAaYYDVlpzZVBzicqAxM1Er-DshWRSN z$PP1O`i=DMEcpe^nSKM=$EWqed&FnNli>9Yk5~<aH>D5w(8stCf{n2Tw>$l`Yw1$) z<o9gLtlzWv{p|C8KmQi_`3iWd6~ZmTO|m5d26HtgW8ysXFf-?4*HIE2W~ixJ1bv4c z%7e^mAcZyJtc+y3!L2spXliNX@_{w*q^<N-GgePGU4MLX|8QSV=gzHH7es>jC0Y43 z)wByyCng}=0()qH6afx{A7W=r)#%Oj45w;T=TZ|G(eu&K6^j7L0UH5OTgdt#mga~f zejf}3AbvnJ6bHiL86yN<aKOr;YPFUUlEDkrw;ID+WSu5Uw^3hdG~cOn7<FAiDccdO z&xe30?ko?L<;8qeuFQvYSi0Wcu6H^edfl2eq1<J*aA3!Aozc^2Hs<L~gF44Xox{`V z&?Sxft0a3T;>G`5yR=+yY_OO%;sK!gnAAnvKC@-i4!ta$vB$R5;<7@UXqQDYiaLA1 zReV*iQP-(6rXTQRKvK#MN;X^0AnT-~0PGtq=0keBzEh{a!)!eRIV9`kF&f9L=2j?* zfg*ywVjyEq(dKgKicp_X#v|=7V>zLN#1c~ln34q`R~Vo4_x2I4rsO35M|(eio^-E_ zjx(1g*|t1^sk=ojE9@t&CQ+!z84r;A%$8YWeizUnjg5ecEFblJX)biI{W<Bg*dg3e z%(BvFbJ%`9W>_&4*S-V#2BviZo;rH&g8(zX`Mq;^>a%M+5fU9xF%`fZnCM7n)(}qw zk%8DSSgQfECm(unno!XZ8Prj`=Hf%zNi}W4XE$Ss4SaT%Pmu5geO@hoEPaN5NFTrO z-f|$cR~yRjDWSQDuQ$c-Am48nPkk<4eXthxk+V^Y(3KT)ZYc+#dX=&K!zFDTP914z z^BqZ`1HwwV7F+l8z-hoxq0<q}-=cX=#HtYjV3(p*LKdYFQoqr#(iPNW2|NE&(;THt zqTfzhXJdIZB_#{8=KQf~3nrIz<{<4*=U>VXS(6YhSOIhvfJjoX#D^)5$uPN8m%(P} zn{(`3kpIhNGZ8OdmY)|1XNNL^a~ZZ?I>Ss`@6Mh$JnL9c5M&;^s<I5RLO~VFT6kYn zIE-h2l5!Em!W;E*EH<7Nr^U6H3p5^Oo<O&X?921#8^{{886myF@Bh{8OriAiHNq|8 zv*NXL^GY0&-P-&b?9=-U;+^TI-EP)^dF7V*k)TCrj!Q~1^v@$gk#LQ?B@DAaVJQ?Y z3I9a`{)>*S!RCo3d{F9|Fb+wqp|C*n0E@j|s0x5%C1sjuR&kg%eJ(<OiQ=3jF2*6I zr#h&Q`bp9*V%<Co7|%gqep$KlfnPoFz_Fd{(QlGTS(fC*Ffhv|8jn4IK;`GAret&k z{E6U41g_gfIM%@HqcwFV?dcIIg$1yN;;PsIs{%1Bsj-@tNZKQksWPCsu%y2HXB{1% z=jxRN(xgJR0sx4EEf+-DwaoP7lj+x=Wb(%dhxNxl{+KvL&rdSbw2IC8<HdP(3O!0* zFKbt+X7wE!V|JV;HBc~bf(8by>J@?faFo~|r_b{fvn4^zTKdQQT<ryQDPcs8Df!Dn z^}w1AQ~}F=$ajgcmH>$>01{V`E`s5v#~ld8)Y_zdr?>bJTt09RVdi2rfZ{;lN090e zspK!BEKx~TmWrg2CUWW`PH_nU^v{$>{LbqGP9Z8BI-kQAi?dw;xx-4VgVQzMc@?|W z*{*;YS2K2nQlnz+imq^(&yaVAC`7`3k3tY(<G+|78X30dqqN&n&#*hg^*E^{v!&Rc ze$e5Q#DM*<)f6eTZe?+7PDsN1Lj3_jMDIiH!hp&3F1*h!LWdS&7k({0E`>lX`_BVz zkCDZ01RZ`UXg1bl40;=AqOE)hzn0+ip;@ZH>1WS{08^pUE5^M%pw!TTfiFOf9q?AP zS3x@!MidK{yc{-x@86Qj0k&F*nS*w}7->5@wzm8B+q)lrPxAcvq#w%eV^1D9@T3%4 zG4hd~=bn4tXCA$9K6_dA{xAOEi!?dwKzn}4WrQJUoU}lH;<IvAA|hHXVK76>v#~U` zWm<s%=>Z<K9>t>5KC7W$BZ3@3mmOFXdYE4rV3uJ3mrDm>TL9W+!&a}&*n$43Y!fNk zrK_&=9m3lPzH{;C*kyv8^y*C;);Bf6{w-SQO<>o_4MCtl`)JrqqrEk3u+jD!j+m>d zDg|q+hX%&waKLJLs6s&%VGF91Rk{beQpZm?3YR!eoNz2DbeuR&`%`ew{GrVHKxn&) z2=>{~mN+4Tl_gruAukRM<M2RfwtVx76`R>mw&VD5+TWs>6gQ8lu6AAa(yk%}AIzWG z6I}*;u*_DoCuA1$73`oCk4R~kDYQ#1R>9aS0uIL=itMi%CT^H>86<cd5RQa@v^BTW zhN&28KqkF;CzP8=gn^q$-Ts0C)PnB>9pJLx&WBifxLletE2;293Y+JPxM<@B%1%IK z00042PFN-|*biY{>L!5kAZb7)nQ(u==}y07$}pv0aytX}15getRVg_ogYA{4m|X1q zz0vr4XEDi}Xzw1T=CX`#i81wp&?7AeM}En9*;h&PGN3Y|AWejR0FZVmV`=`(oB2yK znB=KC!V=kyjoImMkk|onO(Cv+H7;~Yjv!7(^h{{xabcs<fVc`syL)k5;->UBC^DAt zfnSh?jpEDV7x^5I1qN&<SOMp|NC_OK(OOU(LCJIUN1h{hHPT`^`1YBF-zvO8A@~GV zIh*H;zm<gg3*W|mbb$AUJRu>ML~=r)<s{9Qmt?~j3J0>R1~C<3n!(SaAT<MQc4l}8 zkERe!V?-fwqGD~m1VbPl)B}t#48eXIl#s*^edvPl4BN{#W}8{2H8WAZB(kD@eR=xM zWO6k98&)X4gd@`e9~w!&`fU1xY}5EKFy;eQ8+Mfz)E8wt4bS+JGrxwhLgBwW^^y*A z2na*{g{P%wr3TDce)QfrILKA<azA=1tlksE&mfRaFX-ry7X)Ye4#;}}m$3;qowyac zAYwDrki6btoe{F<0vz23O)3Y@;-n=hp|#*h!dzPJ<BGafIDi}mXn<(B_@X^*{${^r zX{OF{qs_y-*58=*wilmBzmA=a31&*a{zU($`}#ip9R2i*)fT-y{qjkh&KI_Q+~H&` z_?p?%ucyywA54Es4U8|8{<$79o5#d=BXOKRhNTo_AQ(~N2+_RV*wEqUj}^|@44{|# zq|>YY>93@};$L0jX9ohS@#9Yh*z)uXfs)k$wjZ!6X9FDnhY5?~$80DgYK|)-s_}a& zu+L7)$(Y%4sS8aa#uaP@MW4P4(Wme7i^)Lx1-6{xN8FT#5<hmNzY12X7WuC{Pfb8` z7HvveY4l+#R^ZiK)NSXhICMM`3}Wo*s<5{YJ&Xz}79|h+_QmC}UYr|>Y(cv4m`xY& zFd{Lqz@@k_G8c?eHC@3+y%>Be6_*C9BwSQJ2?;N*Wu?soA*mCv4uuk>Yz1wphxcw5 zbCy&`uyKN|W{^ZAi)&#xsxlsqQMhSpXYk4NN99R^RiZczkDwN@wj`7pa5hN_clj_d zSeO?^$2MHJTfamCq!w0zSwd9kly{PPg3bUbEsi&oLFK`fkr-6ML4DYb19l+}XvD4p zNi8mMI8G>JHin`hC=CI|92;orF*%mEJSGQpf>x20Zrz6TO9$w@oI5oJDU_eTiohVB zn7K8ppqG7(pPIvdH=jG2=@sP{d*RbBUa#1Lej9cMC0ws954^=@Y@&Cv7CFix`AdqS zr3<}hd5s<-AZ9gpZY8q|dCO*;cL;S~2YTZwFcNfr2@ZF#nt=ZXB|%uT;*bdJ%0lxO z428keftC~`==4LlwiYd-+XfcPs-rzyI{CfsvQd~U3`)RPilZ2DtbEHjkTSAB)^A#D z^K*f1{>zntGH|JnA+)C>E~p?(*Fu}b?)IJAuW4xl4p1=Y4hBj25y$L_KAfMM5Uc9N z%4%?h8orAN4N0yzT2AKrwdK_-7#4XDY~##F*pvAbh0<D__6iBO6b&lNKm-8qb$b8G zmHW^9wQ}3o_K_27*Pi&ugUYS#-nOPqoy?Pgvoi+^D@%h>uiIvY%0c-x_ZF`6W_j^n zOwWBzvBc*-r&wk_#ddAnwb|x&+r-I4w7A&6G*KZk8z2g;RYgtp>GNT%E<;|g9h{?( zf8jOhdy*3ph)u%RWP7$5Iux6lt0cWZ0#`C1s07`m6(s;dFtG@Fj0+R?aR#9O111Q& zh#YB(`UUo(AWh}4^{uH2d|GyePgRMn76YxFYOe4JHkq*>hF$=<;3hRilHUTHByU+B zWVV&XWNYFDmr7^vI`NBkA!}Wn$BWsG_9C=Nu2NqJQ$A`jdcOvDsKN1<s$MpEL&jTp z%4nD{=`23e+M;v&CZ7uHJ(2`fmb~xWeC<D#Bn((}>Ngqf(#CCOr(SmmhjYTv+ORq_ zb?r^hdqk(tCi-4J`~Dw>s>mB}+2gv6{G*co<L^J{mfV))$KOBEV$xZ?rU~n3585zm zY%_RG7Jcm4M?QO_*(SOycRly`nRRr4D#S;`yB<Qjy&vtC2MT+&(8KPOE&0r1j5D0w zt2W#gH*-NG>w?jX1)9NVFsSC3tV1}pmkh4DaEgf&I3!M>7APmjbqY9u8#XSsPOPQ) z0t$^Pipr{r<_rZbbkqMJUL2~5PDe{HC4R2<L0#o)HBuvVmfvx1FA=M}{YnvnBa)nY zspGAx0kexp3uj&hqJVDJAs24myk^bjp3OZS?K^jD-LmHDHCGdg<yv|5s^v8qK7XaR zy3!l=2TSx|b_wTWPF_f?^b%~7&8b>O`3w(+%Samo5Lm2Xs`6zaEXoOA$Pg{3XsT+w zi=L&tnP0~0tCt2uZ(!-tz|1cLORMW+qBmAwA4~t*<O-M`qw{?pGX-3x(=)%aI-OS0 zb2|Mws|$nx59-}fAB)8(0`V&PEib3<XC9B$i&aK^`IyOO!;dpyI_(O$PNz=-=#;*8 zTU}zrWv!xE@Pj^SVn?7q_&cdiAQ?)AunZh2Sy)^nOv;A|I0PqS`#2Z36J!Ls$u>di z^tv6AE$9kJbb=vJ9V~Xc1#lJ?i+!7i*)8^#HETe?urGAYwoMzF8`m_fX;>@QuU=kV zmMD%F!)9k$Q8XON^k?{?zA{g&l7T7MAFaMftb)S=F7|x;A;o9^A9JK%B5?*Q!fYL4 zUs~jmb}sU`D1`X(?|#>bL!8uDvI;sEJ<oh&k;mcy#QO^u?vT>b5vq5{G&8~fe_D2j zh<Gl^@<Ssln^|<E%wogX!m*FQ($rai?O-%mx=5b`|Dl5<!pIzmztCXO6k9-8MUkH> zA_7#&AVRUFZr<0RFaV=_2cJXSwKRt?>G+@5i<6(cn*5oR*$Ai79m%h>Vw~Vm1pJHq zVPy4=)vI@~_L=WXUuv5E8vA!v`q0mQcF%1mmcM%RId+S<w}jrWo;fFdY32!0oc?N* ztxP|E8~ft}=|_&GNyHBR^1r|{#=tW|eyiEvgPoQvGcSudk+hM$0f{x6xsb<xz+fnQ ziSWeyL50CC=FGetVXvo6Np?YG(R6MadVF(x3KHtyCQLjEr4nMOxNaN_H6^H<;^1is zdNpK73#A}I80MNbtt6bnIi@-~#}tYtYEZDHZxNE4bK2%(jKG{T6BS4bY;LMZolr8p zLwa!fTjE1AZNwOZiH0s4{3_EsF3RsgEx)8_nU72WGzbtNAkCxrkhGUBfv-@YhLcd3 zw+Q(5^ZHHk!I>STMuy#FzD*^4JKcr{5p9=7+tHbVKxI|VcK}2gGKD38j?}Ppm;<RM z!SBM|C_udv2W>##7#|tY*I>Xv`h7Sv#E9B~u2FTRC{2H6rkzQ})1B9e_rF{Ghw1ZD z>-qE3KN5eRB8BXrz%Kj@dymw*b2>(|8m>4Auo7DNtAsU3PPHzD>C7(nN^8oCTD)Gc zI{>ZHBgFK@#j&1jY$f1;av<{T3^5}V_8>h5@oUY=vY-SwyV-_a&M>n@ut)+DPJ1qM z*u9Qc55T9H6S|7+f-lOvAZa@b^29)4zUa>g_;(hujAfZYNgvBVUEo;ccyUR)5RY5q zG&g4>7dOnyg+5k1^uL}BIY~Ki*j+<Z5&suiz!crKtCJ?@w(Vs73DeJwWc#_U<r0RU zbJls6GX0!y{*j<FY86{V7>?lx4#iF2(qzs_7uhLlZvG4n5>fyoe}v=KqZGbe4M%R$ z<|Q){mf(L~T|epSO8n#}k9Bp$ckLptc)SZf_>Vv4P5+Xu)dK9g?Y3RyPhULt*i41= zn`syO;;B>OC%aB{-Ig9;<B47IQwe;GPrKkoeB7@qaVj2<C%)J9@t>gIgU7jWJ2oQ@ zqu(zT2IYPtha-@%i$ueqqAfYF{e>kw%p^%?+hQg2Pgn|>Fk^$KBuox72B*=CJ~<1{ z0o$vkI!&s{b>x&O0NbhVAWkg9DN5B5OvcboLv=u`3HRKceKOsp6J|d7T7Ld(Vi)e} zuXO0m-`^1b<V;iS`q+2kH^jdIoQ44M|DVzY@wIm_Zg-0jMb>+}I$p|3#S(Pak{+Qr zt}l)c2=SOc9veuoSZw$&Hiq;tF~^9`&~N60I)key(t7&+i*i*w^naW!`3`MVYZdi> zoh6L&?(N&R@7@k$Q3bbeN86uqw3nlgsw4N$Iob&a3~E8>?UmISl%=Jm-Q7R$?k@fL z&!50=cQ*}k^6O6E5q~V0euXvj0AJ|t?mB(Ci~Q+}FMQ!}y65z1_K7p%+3wTbXVTql zBGFxX8W+VvzX-|wx)Wz8+IP3K{JgpO=ipa_3#T#OC;51vL+q#(J}!S045W*RAl{M- zXV^N1Fs{v+W_>1BWtqlN%(Wm3P@4mUpr5&&E;kSpoPy2cgf)i)X5kL|&H(cSAq@6- z$<D)+VKwc{Vi`C}z?hMVb*9C<SvlwF^2bJAmToN3=msoVRJy@U??E@TJ5gFvw<YRK zcOx$HW1miUh@0>KZGQf5@4x@I{CepD{C)R+{C$_-rHMcO;fDC9X5{z{v46$&&G-#B zoV=bL!%y=1>mh5)zHs5f?`hNa9ncx@2SByn1J-Y!FfKN>rZO<P?^H+kUyQDBYEn!r zLYYvWC@bHI4VOf1rC3^(DBUSk3DqT4)jMMhumPLntfa(RqHzy*|F7i?sh5=$x4x|m z7MB3r>#sEe^p~%-cbGR&qS5iO1N-;wB^1%Yfj#}extb$Ne@-4``Co=A%{OILc@^SU z_{aefB68CG3TV<RuY3`dhbR#Jfl8?qi)EyL&RX!u$yoR4(?q}$_@eZQCuR<vIU~Mu z=1f|NhQ6f_OT|xgpXolG?qL(4RA&@w#eaKB6WkB93}F-3zw*i}XG(kE>MkXDH-n5p zl;lNYutjbJwXq9UJ735Wi2{nG1Y1RzGZ3c@j7W>ERj}DCn}GspY19nm=Gph+oH(x9 zr;-e+2)evjT+sq+lD(St9X|YnLx+BJ`0x)8AO3H?#445^nr;&lZI84mf9YRi?e&lZ ztv2Y^393Ei#p{V4c^B3;ZqezcB@Gk=VSz}th}imoAvBKfVqE(X_@Z`ZbP?pc%i(af z3c%3YjAO(djo5OSk5Mw8QH7l{sSZlGG*v}FmT+=NB$15%s5~rJ9G>~>2ibq5mpn)= z{-hK_x^-^($X;(_rXA_m+uC-phuU`F_CB?QuuZz~1lpnwB_)I`?ab+X=vM(9q7X7- zCJQ=%gXl~{J})E_fO>#60PM=>pi0;R01*<{5bZ!ObukO927#<$^)Q=6wt+-uab_zS zMZ?`xP*6}*P=wRVFJEphaU;eO>%K~2t1njrI5|WoV&`aR<~ix1l9^mM?s<^CoX&ZW zT>MF`hdrPCRI`*Unf|u;xqDCzZRyuh0qj9kLR*{o%Rl^qaygH8&J~Wx2P4=lVzLLo zRhQtRv9^0hTy!|B(}i=xxtE<2z1p1k7QD2v@N(?5*!A&yFJ`IPtFOI={%b(ll9=z3 zwCIL}*nt+#XAePJ0jFTWDus!%pKmfVdwrBSRx84f?dS{k5juGr2R>T#7Aww-HCXgr zu-9{%VMpaOo1I;F3&>U==)w#MvRmFKBs#nlV*x#Cr(kwC%ve>J9b2I3?I6Pn7beaf zi{pld21O20*8ebenwDv8vmoaSVwZGI*pU87nU{eSeC3!?Jp=EwUPv6BnV$!PYZU<! zCVa5_<$o@a0l*Mp9MC_$;40*99Nt6hCqyIeNM(6-R6Kd_%oj+HU%RCE^XZ?mtWVGU zR<ytOTM)6`_1^bN$tTjCExqg5T`lkX#{-WX*d%ryc;dIy!aXE@DTf}yKSK|J=$spx zG*hz0#|)-SjCk6Mpr%`EVP>ObG(&a-Gia#`I{SK~RX^YWjxTK^5qJ(@dKoAk6c%7m zM15fqo^Qj#IIIKjJdzGMN(jE8EV7dJdQ5H;Ke};&WX-9Xh7#BbH=m-~($n!uZaQk| zDfY2z-gqOu?2Zl0b``rZdGEbRy2Kl1WN7H!C1x@I^uKKq@4D{GKZfC+JT--(#O1Zh zSb_~SdV^oc77v^ckY+b3h=hh41slY%Hpt+xuPOlX*edC)(tseDbQ0~gF{7yqz$8Z2 zg?$2`K@b*`XmN--XmMct==J<CR1z#2Ay`y)c3b|0IB`mhQNNuc)`>tg6fJy{m&AnY zt`wWjguUKHS-f;~)FZB15S<mE%!^C>_TwX^iuG?dJ{>a-%+=wgGgyQOH~(o7UcOP} zElP|~>f??47G++T$IC{E@lPZm*J9D>l!KEMg>`5SVebT}&*~ZRF2x?!iy>c$?M9Lq zlOZp*stO5AtCB7G;~%d}|8(Qmp`o!i-G7GNbH@w!CS{<E&HPLpOU{gl8BE|jfxJt~ zpPK2NA}hvA^y`2SW?N<R5?~GoaC)yQ5O2hEK%E*xAC1h0uq`#)kwv8=Gab;QKm=?+ ze6dO-Sh~1NE1&>x9o2#ul&(y=PIEn30R=!L5MU84n$3_^>lT!wD?|fOfGfp-!Fk0p z@wN*FEtX(72og>$IKTb)rily3Uz05}*idSyd2Q#;2b8!wS_{-Fmhr|L6Y1YIe<eME z792?Tokk0?qxar>?X~yb`yR1q<~8wWGovD~q2@IrNYfM<f~IAn;WB9WH)d&ghVa07 zFUU7hCmO7^KoJ7{?jaaB67=DyLX~dYh;B=Z={7d~EcnBI{&M9@^Uyo}6nF_9pgG}G zuM7{zw0Qf(+6yv`jis-%k8XSO&2-Tn>zVbc$3dgzOAzUq-BW63mW1`#cX$l^jumrQ ziO|`a@}THZE)E5sA_50b;ZHjGMh+c-Nt@U@eRD|8)j~mLdYM2Sj|GE4kKYTJTaS7& z5J5ESpjKB62yq7W;?>yhg|^9p=k-Uw_N%WQr62aV>flf6k2rd4aMh|o`gzZ)!ByX@ z8(g_^u<m=S2GjSh8m#+1yzu|~b%WH#h6}ey(-Ke_u`|0(7!)3noxr|hrp>LZR@$N2 zN|QBhBH%PJ6JQ%LKCF_7CLt7Qly=f^w0j3;d7OL+1!P#qibe}yU`*z%VAU*ZVcn%E zA-~o4W=v*4(OVpk`gMn#EeL}HeLWpqe&5_wURG2X3?R=YZ^Z5@0ffGCej0<8IRKoo zbq<{yg9-rzwC3vhAV7d`Cc8ZX0peKB3t@nQ*mDOE5cbf>LVBKMPgHz*<~C?xi61tZ z&CNKzOZ53}^{w<tK3|jMWJk-&q_SJ_uk0&g*=?n_;n8R@wK!n3<M-X>UFAdYCLQ1; zj+WgA2!tQeMltE|_hv$IOZ@1}jfmH1Xhv;{{uPKA;aB<^P5H~hM-i!1R(2b1h?=J% z0V4paA;`iCKLy1XO{V-J3OaK{lza0-iuM?TC>%RXr!OSMNp<gRiLhL*b`g(`V;k#9 zL{IqQXgbB193~>@wWI~5s_A-hh9KEc;1EF_Ve&xb+oRs0d;kw%X>(0@_F`{SllFh2 ztf{Gtu4GeRQ&S(iioap&_)`=0yEPY{gkG%-oq%feyD?$6+?55qDiIQsS{>}yWhe(A zOE8Qx4G~I*&SVx%<^kGnWLQRt9S&%<Sj?MnGh4R7;uD}sV+V$Z`gV79Y`<pn)$5wp zt_cP!fvFd*rriaP26Y8hRf91K#Q-C95Wg=Uodf8BP_lrc&#V##x6!GtV*Xm_T2gP~ z&{)vbAX`-qpN=n~x&;Fx@}!fVIK)4!IjhSN3+%i?z>o7}WqCgSjNNX}vp*w#{TbZs z_Gdos&C2rP7@trURQ9Uod#2yyp5hx`e4T!i!f9XQi|^txLTs9q7h<zt%?1eN12PZ{ zyGUP&>DROmxj!+Lo>0icVp-nw8yO*Z&c*=f4Bj43L+`x-?NKgl5C(*u@^-X`C_r*m zNp-KbhcJS+kf0j~Q+KS=fU3hfsq)R1O}JUiTd7&h&ATyFw{P9py8fz0sKEIBYCB;4 z0oDIYR$7(*l2r{gTXx9?f?kYHYf`c%D1p9~+N9+^Hbm9GumahLR$@<Prbn&m^xgA4 z)iz;QtBr>W(`peqNgk>=G}*IgMVsx}Pk20^cosl(dG=>Rd8m43L<LVjx4<v`2K=bn z(QNa-#2S}ZIz$DE9Eebp3Wa_02)5Q7BRDhDJ?i(0P75=NP6hP^I&ST-50Y@+f*JPj zCaj1t-@06;R@_Xk&DbP1xf-*xZMN*f?0JZ_no!H;wP6*g=v=r0idZWjtOALB$_Y6f z7g;A09t5C9R8WYhJ4sgPV(RwWXFOtJ<{P-~5D&6DUcCMG7gHC6-d-m30z=@3>E~D- zT@7iufnDE_ey%|b%P{hhWiiQ%DqOe`3boe@cL^UB{#N*$@PzzWYn><>H?9&LVp~lR z!`-<f!yx&D>WaAJ@twK;+P>UugUxgLhIjRsCn8HsZr$-=(c(HbBBF=MpJtw$(fgp} zDH=zhXn~3o9UXq`JV-!Z1tcDpiaw9v>+~`YI5(ZgMvCsJS)IE>a9Po1T^1#jc^j5r z=9aT(Kl_;n?!OO*Kz;OY&VKmphwuK-9XO}py|=vQrtt%tH?=ecgGB{3Zco5pB0yuX zJeQw$54B^=5kO!ir9e939tQzL=@qFA62bwU3_#DYhzZn-_#r@2n2M9iA%6)J4onaT zMb8|{74Z<9Jq`>YU`P&Uiu0zFD0muy$`#NrB_o?aB}i~}RUT=CV+?pmSq!ckI^aNY zO25unhLfLmniF9bE_IkQ!fx+QhrQk9ak<-F#thpsScC`7&JIV|*<rPI_{*YZOGmaG zw7OO<a}_DC-1dmqVI*HtAPvgd9Ts!6%-`WO2W>^JWh-4)@-rGcu$5p;gd+)4duDLi z%Ji3=&VUPlI3p+EdKucKp-@4HJ(1yd?(ldciPDHYVhLJy218kaohH-H?8e#n5tknc z%q3Iko=wJqIp6KziEEi(kZX4#&$Tn`=*Y-IK_iJo#N%prtX$^)Tgp$snLfhvl%nj= z!LVWQct67Y=!52Dkx(Nvv7^cYe3Os4?M}P9$IGBg;>5W)*wAu-Izq1OhFsa@fw{D@ z`-LtDlwT55Q8&}ubo%x=`SMnhFE?WaPOwi+TBPW*P*H&z(A$iSB56ZToE9f-&d{o* zS&a*FsQ*c1^3}8P{8>s$i<pYq+GWd_P}@}7RKI#z&9a)ZQc|aYW?lxFBWt=jguVrX zL?83{$#f9XD3VI!UJdme5=d3kX|zD7#6hLXSqDV1^nk9Ztk>0+=jejbgsxD$7Z^cU zyb!7rp#P?rJUvyACCQ|eH$9bA0P*ycB&TJ`7O&n_l{5xcm6w_pJg_Mli(8rhu;iSL zcER+Jl*H<F`^H^M4gThqkqX7F_pNQ-R|C=p;-U4QB|-#LJg%K8FKiO4WydCF*uWec znX?t$LtXqH5wf$aS=l|p606y|#7v7{x6#d@=b9m8Wn;MJFzXVBwKc@dzKH0xn7!?O zk4>`Jahx&`=>yD-rLfxwS!vj{RB|{C0L%m76P*x~!ctt!)I+A884P9utv)ljRS0GV zwcdB&N=aWiO@{-@fEOo6skHI@IINpd0IS8Sb<;5=Q7j%VSKvQys`A7Y6Z{L*F!lPz z+}xZTL71;uRJWq4Tmh2LEd-;9{feAO4t8o_;;$UhGfxu+QrcYLD?`ly3;SyNrG0IT z1PEqm`AQQsN%a{n{G%-#fW}{9d_d<YSXmoo09#<aGK~Jn?oYr7Ko3u1g%7tpm6YLe ziD81kG!*3Y6yc=v@9@arBQqfh(;G+z1h|v%rQ4#>GL=jwXApUkxEpQ10QQ7fKd+OU za-m4b<P5$`0Q_N`Vg!LbD5h?JOn9M8FhEjX!vbq{7+3>8-S6`U{3^sy1-CdO>$94? z@I1Joa=z#zOjpf9E6U#Y)8`HydX9eBv$H@!Kp1NF*#FL!nQyy;W!Unw?CG!CJyMYp z5TU<1A64k@5HdfLLfW(PC?v+cezt5*j@M8EUBFu&g_w(UK1o0Vyf}^=fCE^KP@shv zmt!>$egLQ*pp;-kD9*zV;COKw)&M>Mz73>;Z~YBymBTsZW${>HUQS84Bmf%~zzzuW ztWp>k9%#o7>!r#H9MTAO8O*a(fK?G^9mJ6rpT2GD*4v&|ZlC|r(_>>#(@**vxlK!$ z%Vw@H+gz+`Wl_<}A}Ki=kit)&AA9=XLG=UiXG_xuNIjh0wRC3hvK7mg5!4c|s~=$B zD2g6IdXz!b*c*>#GaJ<v863$F1sTmS7C|l9nH_RLz0PLS_u$+Rh{g@}c63D8cz~=y z)Buo4YzINQKzp|UK(tsPRZ{E_8kKlpmx-#Qh#2)Q%*Hkl*|!^&EaMzO^9V&{Fk;{8 z?Zz{g8&HBwn~ivHThOMCZ<Y53dXTmSOVb>UWE#<!)D*?tC&V)|6SG%oY5JAY^ckH{ zI^83Eg8hK&@QBzg?|x$X3GtPg7Glb24_pv7K<s}WE(>(O^Pri!QfQ&QM>DhOy-+6= zW!M}#1s82uIfu<Aw}ed>QEwwXZ=2xI*&H3fyMVO^p_8G1+X2UK7dBf662mSulGLpQ zi@BPr%JR~9VLl|2nc6f?0A)y+bZosqVU{X!5<#V8tPNs;L3AvlC!V*EZ1j}#@PN** zKz<o%-G&QCs#7g_wAD1`d-me>tCpS$t-P+SrY7y%S91{C=&P`p%1PXP_wtN9kL!F} z*o`g0qPEkaKxb#f=ec1Xwu*Qz{go|S*otRPpFW%Z9ka#H8jCXX{ekpXJb{XQoAa>Q zkQs28PnrAeVCmEUQ5uPqLSBbLqACROztwt#r8>8z*)7~G->B8(?#-fGkg(C|6kz1* z=`fpc&dcJu^v%^JuR^ySiotG|%e_eeRMA$!<#si%T|>1BdBxWCEo-h`d-clYwN({m z#YH&ADEkt18(37g*n$Fwq~~~QZ&|$}uil`~8<{WA0#uDs-5LbA-_8Dgs5I+PplrA~ z7E2#!kL~(*@l$@AHISKq-E|3Xj?;d&B@;#>#z@OypO39ypY3w6$>}@kfGKH=egn?w z?>lh_f|Tb1RPzO)p@9j1bLi0V?|m=-gdS%bFt*g?y&yO|%W^FCZb;=kR^wsg7OUOo zW{;QT%%mt1aZ66g%o!(+))Wo&JM$*w6L$-3(x~_lXor*A<@d=%PjOBJfZ<`652gpG z=mcgjnGE29OxTw-(eWF=NVhnkMj$w>R!6Jg0B<5#9ad~V%<YeA0(J%JUfC-3qEkj` zfbv>4l3_jOTCk?*&QKu7v-n>RrQ6y44_$YETN?mjue<Icc7M9P1X=*wIy&06ZEL&k zq4c-gcWm3X<GP2CRhrc<+#vk{>x@juSY&xMj;n%ADU-2Zt*3*l0eOl;HzAVMb&^R8 ztO9WZkORIHo3pbLvBH9^^6YYdeny#zpk-(cNlQ-H;X`6s$|58z29L}lbm(Lm<WLZ8 z=5o;|U}ykd{`~YlX3xUG2rS|(vOAssEJb|TA>Z^q=>rj)<ao_d<Zw7XHvR9uY#?uo zIN;Obb)<jja5xJc|IC2k?#*VgC1x{hz5g4YMfQ&^DO{qI>yx1EU1*uBgr{WB8Z3pD zCzfC_l$-69a3&f=$U)HfdTi!G`$imsR9Octc<j&{%sK;%M*wDFAR9thfOQe1k=ZB! z-2&#((k7^TFdz&{tR+MiomYy$td|BZ8$*Yj1N1|oxoP#Ps>)b#VL>=2Bj~!yeU*Y; zVxtAfq7g!f@~SMbw$OlMM$|_F0SVSZDo@j=-)9VxN#U#qPI7o`-mrL=)A_#QHJ!5U zSwQ<a8-is`rKP!|tHI%|+g@jT##ZRE+Rg;S8~3%gO1nyOroYbz6ee`Q^6CB<sgBEX zJTv%dukL8Z(nwiZW0~%#y~JC*YE^MY@IH$}dec=Os%dTAw-J*h?Kud)er96nZfD*9 z13U=zJmFhU{X>^_hsI(7ES{5iHc_ACfA~g9UMLW{48s>-ETdn-V^Ux8+iOZph#oLO z(kns?&(~tQ=*4{qR~YUL<r02@yN<%E*DJX1#+Ae+U*;-?|K%?FrW==_eoOZxE-gGg zYwr1X%Hxj9yaS_2@i9NHN%ex8xGlkmXT(F-Y`iku7hljzfPeCm?=H$O8H@`pxTfY^ zvidFg;XMzd`OUxM-E8`rdrI}AXZ2zMxZjI-v^)7HaZx?crH148DLm69t5+NDTA9h+ z1{ODo`)P9H(!$*dH~G`E<}awvH{reu*GBc3!X$BR!L<fgBQ6R{mzI_ccM=!fwQEXs zYj;5nLwCAll(BwZm?@?1v^LZ3T3Wyx6d0wC?|53td3Wk3<WJWN%EjPjIdD@Nbgfq| zY9HQ4xKrH9vtgKRz%$iFKCVM}KBBxA{tI`y)c!{J8W<c(8I(AvA8LNuU3p(VFPscF z<$=mU?LlRsOU;K6hMO+!dH(%w?vHe|KUT-ivWMB5Kv1ZV2BiC>uj}s6oAf#Q7Y!|j zdks$;Z#Uj=$~E;sF1pw9q;<RXGqz59w!O#x31@@zq-)y!8~^75d4Yl8n;9oFb29%k zYbqp$>O)WD{4{(pcYp5JqSNu;Cvp>864xglO#GrWuXJT;dug)t;j)af`^rbk?=Jth zisFj?ikB))m4~Y~RQ*$Rd(HluyKBB*^WU{SwfEHiYI)Q0yH^}v@%T#1$~#xSxXQ9> z`>LtBuDYq!hSd|RU#j1-=DsyA%h~df{7L!EwKZ##YoBbeG~_nO4fi!>H1;$;-IU$5 zv1zKgqWRi&BUfcyHMOB^!?hdEZn&@2w9&Eg=*E{e88)5W^t-D!Zhm=7@0RJU&u;75 z_WU)0Yd*KVVEcXBf7P~Shp^)}J8x~zZtrjZdPiNy!yT`89`1ah^W|M#yOO&e-Svwu zUspwUZg)@j-Q8dBe!0ieQ`FPh^NHPAyXD<oyPxmP?%m(}LSJ3qJ^e%dKiy;7Q?X~u zp0Pd857Z0{4SaCm8-uRFyup=&8wYy^Ul{uN@N=V%(dYJV-@AYBd-i^RU&X$${l7S{ zVeIAc>kr9?K6u!0_}0U}pRi1P<f!TBtH;KU{qXpUC$dhweDa=md9LlfE_s9FhHI0a z<g@P{y0PNMvo{GhJ&!Ia2(O8sha8IjMB!=S>jE&RB*FF+_aQyJ5AsknSI`Wg^bFGI zL;vGpBnT%=svGPukN^~az0eE^m*S?-`w=bELF*IUZA^8Gh@b3+$X~)L<a*VuLzu@^ zw_Z3UJgK@37#c18qnic?Mkf!njE_yUj2|8z3|Az|!Yjl5qxh+bSHvsI%4_>acMKjr z0>$buG}u>#CnkpaCMU*6M#m<?MMujLE2@@-<NL$Q!|}u6>auWrUAUqQx8vdRs&M>R zICoucI6f4PAL$<z`muMt3A^0`xK9cPuu>XF{wMhTFf{WAg)lh(1XR((C_$KqS6nry z*9v}>fs3o<Z+0O3Vc`hkqFBQ4r!QB*HGzLaLLbtYz`GHIpj5(;G9N{Vgs=jd_sj4c zM@@!><=k}`ztueDIBW_jA7$#(aXgjd3krV>zqxpy%b$k$?-8CGZBADk`=T4^aZ<bQ z0>=rAH0-Cs@|R8?fIYAkD{?z951h;eJQV==Fdxo*3a}u{V3{n7g<wOx1o*Z~S(rsw zE{n1}md^@UAuD3bSTTS_V=NAcg;G|=%2@@lm8w`Zt6{ZlIS_JI;%JvT@Thcnvdq@9 z2G+=$STk#3>)2InJ=?%q*+#aBUClPLEo>{>#;#%8nR4uQJL>>y>@L>Dx>*m~&3aiM z>t}n|02^dOY?zI(QQ#=;WBb_wAPJANgX|FChmWucHpz~%W9&FP!A`Pw0iEzVc0IcR zC|U1jH?o`9d)UqF7WQ6tE4z)IVyD>|_C9tydq2B_{S~{D-32=N0ro-mA$B+WYjzL& zF#8Dm8}?E5F?KKeIQs<qTlPuzDRv+GG`pWYz#e1|vCpv2vd;lXD#gx$!al+tW#`%F z*<<W+_67C?`yzXiJ;k18Ut&}28TKsuGJB5wJ$s&gg}uPO%D%?_fqk9*Bl{=z&+J9^ zFYFuao9tWc+w42+U)f9SyX@cC_t^Jgocu$WKmUmRn7z#YgZ(G_3HvGg8T&bVh5ds4 z7kicclKskXWPI|-<hX8Nv~SF?cXaIJ$f$Mv@WAL;-{BKS1}7{hC&%~V)x`Lu<;3`; z>NE^b_Ko$A>W`21?e8-j8yp+y8+VTG86O+MnA|hIfBf)@asz)^ZagwFxp#8kB<_7< zdqyU`C;G;QkBp2S85u-UBa`^wXC0m#-+xqf4^7Vc2PVeHhWCyR4<e2eqx<{R-~j~a zAMG25$H~!?BZFhZdl2_<aAK1C4vrol9UGqW_l}P585@`!-8(vgkLcaRq=o#3CQl%K zD>;V|$-pGa05|e+68;nyf46^dbf9ly(n0SI;OpZ&aUSa!YG!C~Y#+~N-x!azzi)ic zr0SeY3pqSKImYALGct&(8Mje<dq(gnisPb(!=r~rwWtD`$01(lnzx<2kMxaEYfVh@ z?4oY8w{HG+genl3rjqhZFDf>gtAB9JLtz!C_BoII1TWpezA^sk3A8gB2x;-`p5)n` z9Ont4XHXr%Z*pSNN6}Gr>>VAL&ChHdotPZd67g#R;dgkpxV&NxjUMb9SKH>$=-|lY zxQPM}j805isdG*A^$(06LnSKi{ewdjHr0K2ba-UKtUgR0<lcMw4i8|Wn6Q&KJ)j33 z9^_9{|0gEVX}$DLc^W_$;C>l%eh4wphmOPhe|c!`g%Wt)yNv$PsxoAn_d!$w;v5@3 zgck74z8FBq7?~VAzGra1W7d=RcGv79B{h6}(mU(14>6*OC;LX-vwr N0Y&W94B z3Z9Ed9c}YHP`=}n^F4UM=CXp0baHg=5q;z2Xka!`-t^S{>2gs`%<ryBn;>5(fP-G* zYbpyarNYsNcnrLa;JZg@QV<*>20XsK=(i{XM(QE3IZC^r;8c^mJwbl>J5Fd$Vlej) zq6A~ZJOO$JWjQj)gQ9Elphk*j^6-A1>T$HrD0lIqdFUO!7~$1$uy6D@#uN8CIeK7n z?iu5oH|Fr*C@-a2G9GrWl;wUU$Gp^Y-aKz7Mya*X{5<g!ll%L|xIaeE7`5fFkG|E~ znOY7srjO@O^F-N^{RLhq<0ZThP#F_yui>9iOQ7wKO>#QR`@HIf;M|V~14&*SO!Zn2 z?3hwH^J7!Jv|zlR`judAD%;6XOen)AFuqaC{OyUsW0RniOX%%^@qTItdZ$pfy_g-w zCl8J0T;}abRMEb^Q9e))p<?>RF&|-UQEq7{%$9~8lvheGq<SDfB~#Sfv>vTANFRt7 zk(&r5OvG(?P$i_iYUpz{?TbUuoWVPa8iF^&@Z>O&Af-+AqXR3n60uWRj|@^XU~28} z8|8gqf#-<Y;f6<#P!tx*lQL`af}>6m1x>`%hm;pa%;Z$ldfuq~3#Amicv|}9{KW|( zN27d%AO$|)_Ty8`UB?C$@4<=v{PmGT%KiBMBfRZEC@?C=cqPuIk1X;raS)LlL{s3I zw?jqE9?ajPl*zrLgFFZ(!*TVQXN4l^SH?W={b<U*F-{XECJ*8}<P+HnQU%QWRGU$F zDoQ}ji)W3KR*X6f;FFU|Y&;Kr+=CbR#3+)Q|ELA$*}@C7zDhgxj}Fd}@_E$9Ge;pc z5~OzdSpwCMX_&X&<T!P=ifUdGg<GNK!IX)ChdRloVDtTXZK!=DYw=5THuaTCKPWCG zKAN^Ic)!0dzGwX437#PgD)_3b6K_YA;PL{(JqeZs>Gw}6lbeYi2Kr7Ytw@f!>5i9& zd+|w=_s6-%xo~RTAs;-81Dpe-I#75h>s%JgopWxUXI@9>H~0@aLB&D<a0gmMG*r-0 z>2`9E7Z9=2lj5TU1BtvinBu7f;~50QH>8wOAtq>dq%}6o`|4bWEa!b_ev|NOKv1<A zlrA;PB=bkqs`{3HJ+I@GTZch>$0vDdIcq_M93C9%8#|%V1)f+YZ<UMQA>GTo0U5r` z8{}pl;ToRgYy`1~Y94udOXt$NI0RCC%lAn8E#D&tys>Eb)2zq`pYIT#Au;L?z#EeR zsO;oIPh!wPbAk&(p6nalLoC4IN&6wR^WI5yZQ+`0G=(l$)bb&9&54X=QH38uiqzWZ zXXs8C9%F-}dj>E4>KM`+%)aDT>R9q?6bPLWaiK)}z`A)fUl0-c8U%DUpu*p)0liv4 zgwT@l&GSQ)O89{0304ElycTvgR>fOQZZ=lM7p2|b=h7nJPe{(D)S$wo&h>P>K8dQ; z_+)aQPzN0!^}MFlK-vpVTvR{%5ZI1G7{yow?p63aPM1~kZ#*!5crad7$>*otCnvGe zLRIjAM^A`k9M60(FJM69Wi>3$JNa(ZG!<X%AiJp;mws~+T`2BW!(kBy)&Lza?ofR= zp&5<y*<?2-B<L037W&lK=6k9AEY4~2g239Fa!yN;IVyr0DPPlYsx>ef56~#vy<Z_l zoZ?U^Ac%wcFZNXkp?Tq7g-{`7T=+5Vy=eE85KD!7hvF#~3lD@-Q(IEHg3gq#c~^TR z8VQ|h52v<lX^*7jj!-zYoLtL0I>ISSbKgJ;7HSc=!l^QHlu?MOE$!i<@TpUM2(qQU z7d~Mgh+H+~s_6~&LUAdS5=uHcqA6iZ`(Q^$JSE1$h)0*-hb-tDx3s79(T0>E+7OCF zI#R4Ro|0lw<R?6EPT$`UrZ*2;1hF^*XJhzO_!Oc$SEkQDwY9x>OQ>&KM|-pb@8oOR z@ghXISCfjTbg`5PaT{?7bTy`oja%DOrpA(oQEiRA4XMCjHgcqo;T>g4Y~GV%&HcSi z@svUH6H21zbh`ZBaPz5XA5|MKr4XW;NQFa4PfIW*<ws$X5KkFn=k)sK6zhZA6hoQ9 zsG`OVR0D8C8#+=}dfJ93E1u#hb1eM0PUxqfJxC>GYwQi5>J6uC(S~R|Wr?+JZ$D>b zO&xhD`(X5VJY|iwZf$S9M)3?q;P2)Bw%9qr-q_ZD&Tel+@(n3-Ne2~M%x_Rje9i** zIV*lrED#MN%P0jx=<*v*p>C13sW=kFx0)NR$G=A${9Ol1vJUxQ*PBZA&(+vDoar8I zO0mY2Q2#KFr$FV#Q+8xW-@LtDNZF$e;a<dg-r>N30NA@f)qBpSD@pAu3FV^v4$5~) zJmrj?V{~`L&WUt)$IeM~_r%WW=<Y?u(%lz3XP~=3cFsumK<u1}?!nkOGu<;{DPzgo zOgj^4XW*MGq)qn_(x!Vh(x&?oq)qo6q)qpwNSp3qq)qn-(x!VZ(x!VfhLSpZ!;PrL zUaC6$-`XAx*Wodm@(gBEKaZ#KVyS3JDq0**<;TL|b?6~l=Zp3&kA_dRwJ-KWJI7N6 zvsKChsr=#;^Ox}&ESz8Bg|CWY;c7mvmc@jWr1WqM6)in-3V}yC@o1`#E<abq{K!>t zEL?{iXrX%14f>YHQzfxPur8j8UE(boe-A>$QGY@pKb#1!<D*W@Uw`V<y68F#p7wr} zA;mDDV>nyDhg1?6WdU?P{O3VZhUSvNQ;BFeTz3j_mCn5mCzLo+I-(ZMCE-*rjV5_( z`y*ml3WpvM3#6=$h6eO$GspzeLyFOs-juEp9Tj6qC{bvY*w{M|O-YS?1L*l;V_yjF z-VO`|1nWb>po!6zzU84P;%TAgGdJ?M5QP#IQUFcB1L~wCrN^+))3^8zln{i1V#hBi zU?>{tn2QmuS4QOtBMp6lTApYfidoLRQ)Ud3aJVIkdMiOEh^H!e@sTr8tsP-|dm>y1 zTCH>|wMLNqZ1v?MGwboTFU6YoM3ov>Xj)XQRpcq2s#H^K)T*_YCI*y3tNE%}G@PK~ zw}493btKN^F&{d2^{h84f6lvR)|-dcK3x!|HkL}1Xm1uox;&ODEjfiIr?x$X&VNzD zsO&^459zPqHA4MGt3c`t7+m25dajbkl^BR1XR{qkE8>-V&boKjS*Uhstky-Bha&SD zF4CdqWEB-ztGYTWWrXUNGNR^owqUDKFuyWlK&de}yoppX21xy7{MUdEFrPP7f-rI{ z1#H^XTB@67)Lys+bX=>Ah8Xp$)LK+tW9(r;SP4fH9E=>zv4<J=X@P_LtfMfi@aifG zLyq+nh8!Cx3^`gUOf4K6DGWI_Q5bSuO<~BfnZm4qV+(~L$5skMj%^f%9M@2oIykmd z7;>~x7;@~OFyz=tVV1+uPGQK=L1D<zNnyybE0!vot>!LzNL9hRo4cyv>fyZx-ZgmG z9ZQwZhVG>Y9=eaaD0Dw}QP4fHRK;x20eav;2f2%a4sjO+9gd|cXM>K=0}ndNT@-XL zcTv!Nv67T&FeT+}IZosoEL`j3!VBBl&oOp;#}{CDD(ne^NH$?|jvh=on!{ndcWiA< z8LsJUPgR9dMIF81yV^j#)M4JA5~EFzSYW(W@`%MszYYL{mvlU=D>654!yCInS8~q4 qn$RzA1p_4C+J4R;HJvM<C-5Bf2<`%ZkFyImr*!W-rx%(qA^d-QsU4UA literal 0 HcmV?d00001 diff --git a/dist/font/iconfont.svg b/dist/font/iconfont.svg new file mode 100644 index 000000000..90429dbe1 --- /dev/null +++ b/dist/font/iconfont.svg @@ -0,0 +1,674 @@ +<?xml version="1.0" standalone="no"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > +<svg xmlns="http://www.w3.org/2000/svg"> +<metadata> +Created by FontForge 20120731 at Mon Feb 6 14:42:36 2017 + By admin +</metadata> +<defs> +<font id="bi" horiz-adv-x="1024" > + <font-face + font-family="bi" + font-weight="500" + font-stretch="normal" + units-per-em="1024" + panose-1="2 0 6 3 0 0 0 0 0 0" + ascent="896" + descent="-128" + x-height="792" + bbox="0 -218 1308 896" + underline-thickness="0" + underline-position="0" + unicode-range="U+0078-E6EC" + /> +<missing-glyph + /> + <glyph glyph-name=".notdef" + /> + <glyph glyph-name=".notdef" + /> + <glyph glyph-name=".null" horiz-adv-x="0" + /> + <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" + /> + <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" +d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5 +t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5 +t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" /> + <glyph glyph-name="sousuo" unicode="" +d="M894 -7l-239 242q73 77 73 205t-86.5 217t-212.5 89t-215 -90t-89 -216q0 -127 88 -213.5t214 -86.5q115 0 188 57l241 -244q7 -6 16 -6t20 11q7 7 8 17.5t-6 17.5zM173 443.5q0 105.5 74 180t178.5 74.5t178.5 -74.5t74 -180t-74 -180t-178.5 -74.5t-178.5 74.5t-74 180 +z" /> + <glyph glyph-name="dian" unicode="" +d="M352 287.5q0 -66.5 47 -113t113.5 -46.5t113 46.5t46.5 113t-46.5 113.5t-113 47t-113.5 -47t-47 -113.5z" /> + <glyph glyph-name="jinzhi" unicode="" +d="M512 709q-111 0 -205.5 -54.5t-149 -149t-54.5 -205.5t54.5 -205.5t149 -149t205.5 -54.5t205.5 54.5t149 149t54.5 205.5t-54.5 205.5t-149 149t-205.5 54.5zM819 300q0 -98 -57 -178l-428 428q80 57 178 57q127 0 217 -90t90 -217zM205 300q0 99 58 179l428 -428 +q-80 -58 -179 -58q-127 0 -217 90t-90 217z" /> + <glyph glyph-name="ordinaryset" unicode="" +d="M955 374h-44q-15 0 -29.5 10.5t-18.5 24.5l-26 62q-7 13 -4.5 30.5t13.5 28.5l32 31q10 11 10 26.5t-10 25.5l-53 52q-11 11 -26 11t-26 -11l-31 -31q-11 -11 -28.5 -13.5t-30.5 4.5l-62 26q-14 4 -24.5 18.5t-10.5 29.5v44q0 15 -11 26t-26 11h-74q-15 0 -26 -11 +t-11 -26v-44q0 -16 -10.5 -30t-24.5 -18l-62 -26q-13 -7 -30.5 -4.5t-28.5 13.5l-31 32q-11 10 -26 10t-26 -10l-52 -53q-11 -10 -11 -25.5t11 -26.5l31 -31q11 -11 13.5 -28.5t-4.5 -30.5l-26 -62q-4 -14 -18.5 -24.5t-29.5 -10.5h-44q-15 0 -26 -11t-11 -26v-74 +q0 -15 11 -26t26 -11h44q16 0 30 -10.5t18 -24.5l26 -62q7 -13 4.5 -30.5t-13.5 -28.5l-32 -31q-10 -11 -10 -26.5t10 -25.5l53 -53q11 -10 26 -10t26 10l31 32q11 11 28.5 13.5t30.5 -5.5l62 -25q14 -4 24.5 -18.5t10.5 -29.5v-44q0 -15 11 -26t26 -11h74q15 0 26 11t11 26 +v44q0 15 10.5 29.5t24.5 18.5l62 25q13 8 30.5 5.5t28.5 -13.5l31 -32q11 -10 26 -10t26 10l53 53q10 11 10 26t-10 26l-32 31q-11 11 -13.5 28.5t4.5 30.5l26 62q4 14 18 24.5t30 10.5h44q15 0 26 11t11 26v74q0 15 -11 26t-26 11zM697 300q0 -76 -54 -130.5t-130.5 -54.5 +t-131 54.5t-54.5 131t54.5 130.5t131 54t130.5 -54t54 -131v0z" /> + <glyph glyph-name="zuojiantou" unicode="" +d="M287 301l435 434q6 7 15.5 7t16.5 -7t7 -16.5t-7 -15.5l-418 -418l414 -414q7 -7 7 -16.5t-6.5 -16.5t-16 -7t-16.5 7l-431 430q-6 7 -6 16.5t6 16.5z" /> + <glyph glyph-name="youjiantou" unicode="" +d="M754 301l-434 434q-7 7 -16.5 7t-16 -7t-6.5 -16.5t6 -15.5l418 -418l-414 -414q-7 -7 -7 -16.5t7 -16.5t16.5 -7t16.5 7l430 430q7 7 7 16.5t-7 16.5z" /> + <glyph glyph-name="guanbi" unicode="" +d="M552 299l231 232q8 8 8 19.5t-8 19.5t-19 8t-19 -8l-232 -232l-232 232q-8 8 -19 8t-19 -8t-8 -19.5t8 -19.5l231 -232l-231 -232q-8 -8 -8 -19t8 -19t19 -8t19 8l232 231l232 -231q8 -8 19 -8t19 8t8 19t-8 19z" /> + <glyph glyph-name="xiala" unicode="" +d="M762 446l-219 -322q-12 -17 -32.5 -17t-31.5 17l-219 322q-10 16 0.5 31.5t31.5 15.5h438q21 0 31.5 -15.5t0.5 -31.5z" /> + <glyph glyph-name="wenhao" unicode="" +d="M512 813q-104 0 -199 -40.5t-163.5 -109t-109 -163.5t-40.5 -199t40.5 -199t109 -163.5t163.5 -109t199 -40.5t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199t-109 163.5t-163.5 109t-199 40.5zM512 -147q-91 0 -174 35.5t-143 95.5t-95.5 143t-35.5 174t35.5 174 +t95.5 143t143 95.5t174 35.5t174 -35.5t143 -95.5t95.5 -143t35.5 -174t-35.5 -174t-95.5 -143t-143 -95.5t-174 -35.5zM412 410q1 4 2.5 10.5t10 23t19.5 28.5t33.5 20t49.5 5q35 -4 53.5 -18t21 -31t0 -30t-7.5 -21q-4 -11 -56 -55.5t-60 -64.5q-14 -32 -14 -102h89 +q1 1 0 7.5t1.5 19t6 25.5t13.5 26.5t24 21.5q20 12 40.5 32t39.5 47.5t23.5 57.5t-7.5 62q-41 66 -84.5 85.5t-108.5 16.5q-64 -2 -113 -38t-67 -116zM463 142h93v-102h-93v102z" /> + <glyph glyph-name="iconfontcolor91" unicode="" +d="M512 812q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM800 268h-256v-256q0 -14 -9.5 -23t-22.5 -9t-22.5 9t-9.5 23v256h-256q-14 0 -23 9.5t-9 22.5t9.5 22.5 +t22.5 9.5h256v256q0 14 9.5 23t22.5 9t22.5 -9t9.5 -23v-256h256q14 0 23 -9.5t9 -22.5t-9 -22.5t-23 -9.5z" /> + <glyph glyph-name="xiala1" unicode="" +d="M512 40l-279 279l46 45l233 -233l233 233l46 -45z" /> + <glyph glyph-name="shujuku" unicode="" +d="M802 682q-119 51 -292 51t-292 -51q-59 -26 -90.5 -59.5t-31.5 -71.5v-505q0 -38 31.5 -72t90.5 -59q119 -51 292 -51t292 51q59 25 90.5 59t31.5 72v505q0 38 -31.5 71.5t-90.5 59.5zM756 460q-110 -38 -246 -38t-246 38q-55 18 -84.5 42t-29.5 49t29.5 49t84.5 42 +q110 38 246 38t246 -38q55 -18 84 -42t29 -49t-29 -49t-84 -42zM756 304q-110 -37 -246 -37t-246 37q-55 19 -84.5 42.5t-29.5 49.5v62q54 -40 147 -64q97 -25 213 -25t213 25q93 24 146 64v-62q0 -26 -29 -49.5t-84 -42.5zM756 129q-110 -37 -246 -37t-246 37 +q-55 19 -84.5 42.5t-29.5 49.5v82q54 -41 147 -65q97 -25 213 -25t213 25q93 24 146 65v-82q0 -26 -29 -49.5t-84 -42.5zM510 -83q-136 0 -246 37q-55 19 -84.5 42.5t-29.5 49.5v82q54 -41 147 -65q97 -25 213 -25t213 25q93 24 146 65v-82q0 -26 -29 -49.5t-84 -42.5 +q-110 -37 -246 -37z" /> + <glyph glyph-name="shanchu" unicode="" +d="M576 672v64h-192v-64h-256v-128h704v128h-256zM192 -32q0 -53 37.5 -90.5t90.5 -37.5h320q53 0 90.5 37.5t37.5 90.5v512h-576v-512zM576 416h64v-448h-64v448zM448 416h64v-448h-64v448zM320 416h64v-448h-64v448z" /> + <glyph glyph-name="yangshishezhihuihua" unicode="" +d="M784 748l-54 -118l-122 -19l88 -92l-21 -131l109 62l109 -62l-21 131l88 92l-122 19l-54 118v0zM192 280l-40 -86l-88 -14l64 -67l-15 -95l79 45l79 -45l-15 95l64 67l-88 14l-40 86v0zM391 19l-25 -54l-56 -9l41 -43l-10 -60l50 28l51 -28l-10 60l41 43l-56 9l-26 54v0z +M176 546l84 90l84 -90l-84 -90l-84 90v0zM260 701l-149 -159l149 -159l494 -531l149 159l-643 690v0z" /> + <glyph glyph-name="guolvhuihua" unicode="" +d="M448 254l-384 494h896l-384 -494v-274l-128 -128v402v0z" /> + <glyph glyph-name="fuzhihuihua" unicode="" +d="M128 -84h640v-64h-640v64v0zM64 620h64v-768h-64v768v0zM704 748h-448q-18 0 -31 -7t-19 -16.5t-9.5 -19t-4.5 -16.5v-7v-638q0 -28 16 -44t32 -18l16 -2h576q28 0 44 16t18 32l2 16v512l-192 192v0zM320 300h448v-64h-448v64v0zM320 428h448v-64h-448v64v0zM320 172h448 +v-64h-448v64v0zM704 556v128l128 -128h-128v0z" /> + <glyph glyph-name="tongjigeshuyilaihuihua" unicode="" +d="M960 556l-64 64l-512 -384l-256 192l-64 -64l320 -384l576 576v0z" /> + <glyph glyph-name="zhibiaolaizizhengchang" unicode="" +d="M384 428h256v-64h-256v64v0zM448 556h128v-64h-128v64v0zM960 -84h-896v391l192 441h512l192 -441v-391v0zM832 300l-126 320h-379l-135 -320h198l63 -128h126l63 128h190v0z" /> + <glyph glyph-name="tubiaoleixingzhengchang" unicode="" +d="M64 364h256v-512h-256v512v0zM704 556h256v-704h-256v704v0zM384 748h256v-896h-256v896v0z" /> + <glyph glyph-name="iocnduijitiaoxingtu" unicode="" +d="M128 727h43v-854h-43v854zM43 1h938v-42h-938v42zM171 641h170v-128h-170v128zM427 641h213v-128h-213v128zM171 428h384v-128h-384v128zM640 428h299v-128h-299v128zM171 215h213v-128h-213v128zM469 215h256v-128h-256v128z" /> + <glyph glyph-name="iocnfuyong" unicode="" +d="M299 513v-597h682v597h-682zM939 -41h-598v426h598v-426zM43 727v-598h213v43h-171v427h598v-43h42v171h-682z" /> + <glyph glyph-name="iocngengduo" unicode="" +d="M43 556h469v-43h-469v43zM85 471h43v-256h-43v256zM128 300h341v-43h-341v43zM427 471h42v-214h-42v214zM128 471h299v-43h-299v43zM128 385h299v-42h-299v42zM256 513h43v-341h-43v341zM128 215h43v-43h-43v43zM171 172h85v-43h-85v43zM43 129h128v-42h-128v42zM256 129 +h256v-42h-256v42zM555 129h170v-42h-170v42zM725 599h43v-86h-43v86zM768 556h171v-43h-171v43zM853 513h43v-42h-43v42zM811 471h42v-43h-42v43zM768 428h43v-43h-43v43zM725 385h43v-42h-43v42zM683 428h42v-43h-42v43zM640 471h43v-43h-43v43zM683 513h42v-42h-42v42z +M555 428h85v-43h-85v43zM640 343h85v-43h-85v43zM555 300h85v-43h-85v43zM683 257h85v-42h-85v42zM768 300h43v-43h-43v43zM811 343h170v-43h-170v43zM853 385h43v-42h-43v42zM896 428h43v-43h-43v43zM939 300h42v-43h-42v43zM896 257h43v-42h-43v42zM811 257h42v-85h-42v85 +zM853 215h43v-43h-43v43zM725 172h86v-43h-86v43z" /> + <glyph glyph-name="iocnhuizongbiao" unicode="" +d="M43 684v-768h938v768h-938zM939 -41h-854v682h854v-682zM128 599h341v-598h-341v598zM512 599h384v-171h-384v171zM512 385h384v-170h-384v170zM512 172h384v-171h-384v171z" /> + <glyph glyph-name="iocnleidatu" unicode="" +d="M512 674l419 -285l-160 -473h-518l-160 472zM512 727l-469 -322l179 -532h580l179 532l-469 322v0zM512 520l257 -180l-98 -296h-318l-98 295zM512 573l-307 -217l117 -355h380l117 355l-307 217v0zM512 623l-213 -341l426 -341z" /> + <glyph glyph-name="iocnmingxibiao" unicode="" +d="M43 684v-768h938v768h-938zM939 -41h-854v682h854v-682zM512 599h384v-171h-384v171zM512 385h384v-170h-384v170zM512 172h384v-171h-384v171zM128 599h341v-171h-341v171zM128 385h341v-170h-341v170zM128 172h341v-171h-341v171z" /> + <glyph glyph-name="iocnnianfenkongjian" unicode="" +d="M171 343h128v-214h-128v214zM683 343h128v-214h-128v214zM811 727v-43h-128v43h-384v-43h-128v43h-128v-854h896v854h-128zM896 -84h-811v640h811v-640zM341 257h43v-42h-43v42zM384 300h85v-43h-85v43zM469 257h43v-42h-43v42zM512 215h85v-43h-85v43zM597 257h43v-42 +h-43v42z" /> + <glyph glyph-name="iocnbaocun" unicode="" +d="M848 748h-784v-896h896v784zM512 620h128v-192h-128v192zM832 -20h-640v640h64v-256h448v256h98l30 -30v-610z" /> + <glyph glyph-name="iocnbingtu" unicode="" +d="M512 242v410q-79 0 -155 -32.5t-134 -87t-93.5 -131.5t-35.5 -159q0 -112 53.5 -206.5t147.5 -149.5t205.5 -55t205.5 55t148.5 149.5t54.5 206.5q0 111 -36 183zM922 543q-52 104 -147.5 165.5t-219.5 61.5v-411z" /> + <glyph glyph-name="iocnchaxun" unicode="" +d="M0 684h43v-768h-43v768zM0 684h1024v-43h-1024v43zM981 641h43v-725h-43v725zM0 -41h1024v-43h-1024v43zM85 513h384v-42h-384v42zM256 556h43v-213h-43v213zM171 471h42v-43h-42v43zM128 428h43v-43h-43v43zM85 385h43v-42h-43v42zM341 471h43v-43h-43v43zM384 428h43 +v-43h-43v43zM427 385h42v-42h-42v42zM128 343h43v-214h-43v214zM171 257h213v-42h-213v42zM384 343h43v-214h-43v214zM171 343h213v-43h-213v43zM171 172h213v-43h-213v43zM85 87h384v-43h-384v43zM512 556h43v-43h-43v43zM555 513h42v-42h-42v42zM597 471h43v-43h-43v43z +M640 556h43v-85h-43v85zM683 513h256v-42h-256v42zM896 513h43v-426h-43v426zM811 87h85v-43h-85v43zM512 428h85v-43h-85v43zM555 428h42v-384h-42v384zM640 428h43v-341h-43v341zM640 172h213v-43h-213v43zM683 428h170v-43h-170v43zM811 428h42v-299h-42v299zM683 300 +h128v-43h-128v43z" /> + <glyph glyph-name="iocnchexiao" unicode="" +d="M762 -212q25 46 42 94t23.5 99t0 97.5t-32.5 88t-69 71t-114 46t-164 14.5v-254l-384 384l384 384v-248q105 2 190 -17.5t141.5 -55.5t94.5 -86.5t52.5 -109.5t11 -124.5t-25 -131t-60 -130.5t-90.5 -121z" /> + <glyph glyph-name="iocnchongzhi" unicode="" +d="M0 684h43v-768h-43v768zM0 684h1024v-43h-1024v43zM981 641h43v-725h-43v725zM0 -41h1024v-43h-1024v43zM128 513h171v-42h-171v42zM299 556h128v-43h-128v43zM256 471h43v-384h-43v384zM85 428h384v-43h-384v43zM128 385h43v-170h-43v170zM171 343h256v-43h-256v43z +M384 385h43v-170h-43v170zM171 257h256v-42h-256v42zM128 172h299v-43h-299v43zM85 87h384v-43h-384v43zM563 556h43v-85h-43v85zM597 556h342v-43h-342v43zM904 513h43v-85h-43v85zM776 513h43v-85h-43v85zM691 513h43v-85h-43v85zM555 471h384v-43h-384v43zM725 428h43 +v-171h-43v171zM555 385h384v-42h-384v42zM597 300h43v-213h-43v213zM597 300h299v-43h-299v43zM853 300v0v-213v0v213zM853 300h43v-213h-43v213zM725 172h43v-128h-43v128zM555 87h384v-43h-384v43z" /> + <glyph glyph-name="iocnriqikongjian" unicode="" +d="M427 471h128v-128h-128v128zM597 471h128v-128h-128v128zM768 471h128v-128h-128v128zM256 129h128v-128h-128v128zM427 129h128v-128h-128v128zM597 129h128v-128h-128v128zM427 300h128v-128h-128v128zM597 300h128v-128h-128v128zM768 300h128v-128h-128v128zM256 300 +h128v-128h-128v128zM896 727v-43h-128v43h-384v-43h-128v43h-128v-854h896v854h-128zM981 -84h-810v640h810v-640z" /> + <glyph glyph-name="iocnriqiqujiankongjian" unicode="" +d="M811 727v-43h-128v43h-384v-43h-128v43h-128v-854h896v854h-128zM896 -84h-811v640h811v-640zM171 471h128v-43h-128v43zM256 428h43v-85h-43v85zM171 385h85v-42h-85v42zM171 343h42v-86h-42v86zM213 300h86v-43h-86v43zM341 428h43v-128h-43v128zM427 428h42v-128h-42 +v128zM384 471h43v-43h-43v43zM384 300h43v-43h-43v43zM341 471h43v-43h-43v43zM341 300h43v-43h-43v43zM427 300h42v-43h-42v43zM427 471h42v-43h-42v43zM512 471h85v-43h-85v43zM555 428h42v-171h-42v171zM512 300h128v-43h-128v43zM683 471h42v-86h-42v86zM683 385h128 +v-42h-128v42zM768 343h43v-86h-43v86zM683 300h85v-43h-85v43zM725 471h86v-43h-86v43zM171 172h42v-128h-42v128zM256 172h43v-128h-43v128zM213 215h43v-43h-43v43zM213 44h43v-43h-43v43zM171 215h42v-43h-42v43zM171 44h42v-43h-42v43zM256 44h43v-43h-43v43zM256 215 +h43v-43h-43v43zM341 215h86v-43h-86v43zM384 172h43v-171h-43v171zM341 44h128v-43h-128v43zM512 172h43v-128h-43v128zM597 172h43v-128h-43v128zM555 215h42v-43h-42v43zM555 44h42v-43h-42v43zM512 215h43v-43h-43v43zM512 44h43v-43h-43v43zM597 44h43v-43h-43v43z +M597 215h43v-43h-43v43zM683 215h85v-43h-85v43zM725 172h43v-171h-43v171zM683 44h128v-43h-128v43z" /> + <glyph glyph-name="iocnsandiantu" unicode="" +d="M952 769l29 -29l-909 -909l-29 29zM341 44h128v-128h-128v128zM43 -41h128v-128h-128v128zM43 215h128v-128h-128v128zM256 343h128v-128h-128v128zM213 599h128v-128h-128v128zM555 641h128v-128h-128v128zM640 428h128v-128h-128v128zM811 44h128v-128h-128v128z +M853 641h128v-128h-128v128z" /> + <glyph glyph-name="iocnshukongjian" unicode="" +d="M341 599l-170 -299l-171 299h341zM427 599h597v-86h-597v86zM427 343h597v-86h-597v86zM427 87h597v-86h-597v86z" /> + <glyph glyph-name="iocnshuzhileixing" unicode="" +d="M43 428h42v-85h-42v85zM85 471h43v-86h-43v86zM128 513h85v-384h-85v384zM341 471h86v-43h-86v43zM384 513h213v-42h-213v42zM555 471h85v-128h-85v128zM512 385h85v-85h-85v85zM469 343h43v-86h-43v86zM512 300h43v-43h-43v43zM427 300h85v-85h-85v85zM384 257h85v-85 +h-85v85zM341 215h43v-86h-43v86zM384 172h256v-43h-256v43zM683 471h85v-43h-85v43zM725 513h214v-42h-214v42zM896 471h85v-86h-85v86zM811 385h128v-42h-128v42zM896 343h85v-128h-85v128zM896 215h43v-43h-43v43zM683 215h85v-43h-85v43zM725 172h171v-43h-171v43z" /> + <glyph glyph-name="iocntiaoxingtu" unicode="" +d="M128 727h43v-854h-43v854zM43 1h938v-42h-938v42zM171 641h384v-128h-384v128zM171 428h682v-128h-682v128zM171 215h512v-128h-512v128z" /> + <glyph glyph-name="iocnwenben" unicode="" +d="M85 599h128v-299h-42v-43h42h86h42v43h-42v299h128v-43h42v128h-42h-342h-42v-128h42v43zM555 513h426v-85h-426v85zM555 343h426v-86h-426v86zM43 172h938v-85h-938v85zM43 1h938v-85h-938v85zM555 684h426v-85h-426v85z" /> + <glyph glyph-name="iocnwenbenkongjian" unicode="" +d="M43 215h85v-128h-85v128zM85 385h86v-170h-86v170zM128 471h128v-86h-128v86zM128 215h213v-43h-213v43zM256 172h85v-85h-85v85zM213 385h86v-170h-86v170zM384 471h85v-384h-85v384zM597 428h86v-128h-86v128zM597 257h86v-128h-86v128zM469 471h171v-43h-171v43z +M469 300h171v-43h-171v43zM469 129h171v-42h-171v42zM725 385h86v-213h-86v213zM768 428h85v-43h-85v43zM811 471h170v-43h-170v43zM939 428h85v-43h-85v43zM768 172h85v-43h-85v43zM811 129h170v-42h-170v42zM939 172h85v-43h-85v43z" /> + <glyph glyph-name="iocnyibiaopan" unicode="" +d="M243 -127h84q-113 68 -177.5 165t-64.5 219q0 116 57.5 214.5t155.5 155.5t214 57t214 -57t155.5 -155.5t57.5 -214.5q0 -122 -64.5 -219t-177.5 -165h84q93 66 146.5 166.5t53.5 217.5q0 96 -37 183t-100 149.5t-150 100t-182 37.5t-182 -37.5t-150 -100t-100 -149.5 +t-37 -183q0 -117 53.5 -217.5t146.5 -166.5zM213 -41h598v-86h-598v86zM469 727h86v-128h-86v128zM85 343h86v-85h-86v85zM853 343h86v-85h-86v85zM469 428h86v-469h-86v469zM512 428zM469 428.5q0 17.5 12.5 30t30.5 12.5t30.5 -12.5t12.5 -30t-12.5 -30t-30.5 -12.5 +t-30.5 12.5t-12.5 30z" /> + <glyph glyph-name="iocnyuanhuantu" unicode="" +d="M555 597q124 -16 191 -97.5t67 -199.5q0 -61 -20 -111l149 -86q40 88 40 197q0 122 -53 225t-151 168.5t-223 75.5v-172zM469 3q-100 17 -177.5 102.5t-77.5 194.5t77.5 194.5t177.5 102.5v172q-79 -8 -156 -48t-136.5 -101.5t-96 -146t-36.5 -173.5t36.5 -173.5t96 -146 +t136.5 -101.5t156 -48v172zM749 115q-75 -96 -194 -112v-172q97 9 190 62.5t150 134.5z" /> + <glyph glyph-name="iocnzhongzuo" unicode="" +d="M576 564v248l384 -384l-384 -384v254q-93 2 -164 -14.5t-114 -46t-69 -71t-32.5 -88t0 -97.5t23.5 -99t42 -94q-52 56 -90.5 121t-60 130.5t-25 131t11 124.5t52.5 109.5t94.5 86.5t141.5 55.5t190 17.5z" /> + <glyph glyph-name="iocnzuobiaozhoutu" unicode="" +d="M128 727h43v-854h-43v854zM43 1h938v-42h-938v42zM256 385h128v-384h-128v384zM469 684h128v-683h-128v683zM683 513h128v-512h-128v512z" /> + <glyph glyph-name="iocnnianjidukongjian" unicode="" +d="M811 727v-43h-128v43h-384v-43h-128v43h-128v-854h896v854h-128zM896 -84h-811v640h811v-640zM171 471h128v-43h-128v43zM256 428h43v-85h-43v85zM171 385h85v-42h-85v42zM171 343h42v-86h-42v86zM213 300h86v-43h-86v43zM341 428h43v-128h-43v128zM427 428h42v-128h-42 +v128zM384 471h43v-43h-43v43zM384 300h43v-43h-43v43zM341 471h43v-43h-43v43zM341 300h43v-43h-43v43zM427 300h42v-43h-42v43zM427 471h42v-43h-42v43zM512 471h85v-43h-85v43zM555 428h42v-171h-42v171zM512 300h128v-43h-128v43zM683 471h42v-86h-42v86zM683 385h128 +v-42h-128v42zM768 343h43v-86h-43v86zM683 300h85v-43h-85v43zM725 471h86v-43h-86v43zM341 172h43v-128h-43v128zM427 172h42v-128h-42v128zM384 215h43v-43h-43v43zM384 44h43v-43h-43v43zM341 215h43v-43h-43v43zM341 44h43v-43h-43v43zM427 44h42v-43h-42v43zM427 215 +h42v-43h-42v43zM512 215h85v-43h-85v43zM555 172h42v-171h-42v171zM512 44h128v-43h-128v43z" /> + <glyph glyph-name="iocnnianyuekongjian" unicode="" +d="M811 727v-43h-128v43h-384v-43h-128v43h-128v-854h896v854h-128zM896 -84h-811v640h811v-640zM171 385h128v-42h-128v42zM256 343h43v-128h-43v128zM171 257h85v-42h-85v42zM171 215h42v-128h-42v128zM213 129h86v-42h-86v42zM341 343h43v-214h-43v214zM427 343h42v-214 +h-42v214zM384 385h43v-42h-43v42zM384 129h43v-42h-43v42zM341 385h43v-42h-43v42zM341 129h43v-42h-43v42zM427 129h42v-42h-42v42zM427 385h42v-42h-42v42zM512 385h85v-42h-85v42zM555 343h42v-256h-42v256zM512 129h128v-42h-128v42zM683 385h42v-128h-42v128zM683 257 +h128v-42h-128v42zM768 215h43v-128h-43v128zM683 129h85v-42h-85v42zM725 385h86v-42h-86v42z" /> + <glyph glyph-name="iocnnianyuerikongjian" unicode="" +d="M811 727v-43h-128v43h-384v-43h-128v43h-128v-854h896v854h-128zM896 -84h-811v640h811v-640zM171 471h128v-43h-128v43zM256 428h43v-85h-43v85zM171 385h85v-42h-85v42zM171 343h42v-86h-42v86zM213 300h86v-43h-86v43zM341 428h43v-128h-43v128zM427 428h42v-128h-42 +v128zM384 471h43v-43h-43v43zM384 300h43v-43h-43v43zM341 471h43v-43h-43v43zM341 300h43v-43h-43v43zM427 300h42v-43h-42v43zM427 471h42v-43h-42v43zM512 471h85v-43h-85v43zM555 428h42v-171h-42v171zM512 300h128v-43h-128v43zM683 471h42v-86h-42v86zM683 385h128 +v-42h-128v42zM768 343h43v-86h-43v86zM683 300h85v-43h-85v43zM725 471h86v-43h-86v43zM384 172h213v-43h-213v43zM341 44h299v-43h-299v43z" /> + <glyph glyph-name="iocnqipaotu" unicode="" +d="M619 492zM341 492q0 115 81.5 196t196 81t196 -81t81.5 -196t-81.5 -196t-196 -81t-196 81t-81.5 196zM235 108zM43 108q0 79 56 135.5t135.5 56.5t136 -56.5t56.5 -135.5t-56.5 -135.5t-136 -56.5t-135.5 56.5t-56 135.5zM725 44zM597 44q0 53 37.5 90.5t90.5 37.5 +t90.5 -37.5t37.5 -90.5t-37.5 -90.5t-90.5 -37.5t-90.5 37.5t-37.5 90.5z" /> + <glyph glyph-name="iocnqiehuo" unicode="" +d="M0 684h43v-768h-43v768zM0 684h1024v-43h-1024v43zM981 641h43v-725h-43v725zM0 -41h1024v-43h-1024v43zM128 513h43v-469h-43v469zM128 513h299v-42h-299v42zM384 513h43v-469h-43v469zM171 385h213v-42h-213v42zM171 257h213v-42h-213v42zM85 87h384v-43h-384v43z +M512 471h427v-43h-427v43zM725 556h43v-341h-43v341zM768 215h43v-43h-43v43zM811 172h42v-43h-42v43zM853 129h43v-42h-43v42zM896 215h43v-171h-43v171zM853 385h43v-85h-43v85zM811 300h42v-85h-42v85zM725 172h43v-43h-43v43zM683 129h42v-42h-42v42zM640 87h43v-43h-43 +v43zM512 129h85v-42h-85v42zM597 215h86v-43h-86v43zM512 385h43v-170h-43v170zM512 385h171v-42h-171v42zM640 385h43v-170h-43v170zM555 257h128v-42h-128v42zM811 556h42v-43h-42v43zM853 513h43v-42h-43v42z" /> + <glyph glyph-name="iocnditu" unicode="" horiz-adv-x="1025" +d="M894 432v0l6 5q5 0 7 1l1.5 1t4 3t3.5 3q9 7 10 8t8 -5q3 8 5 8l2.5 2t5 5t3.5 5q0 3 0.5 12.5t1 17t1.5 7.5l20 3q7 4 14 12l3 3q3 6 8.5 19t5.5 14q4 4 4 18q0 4 6 8l1.5 0.5l1.5 0.5q2 1 4 4.5t2.5 7l0.5 3.5q-23 -10 -26 -12q-17 -10 -26 -13q-16 -5 -19 5 +q-2 3 -2.5 12t-1 11t-2.5 3.5t-4.5 3t-3.5 2.5l-3 2.5t-5 2.5q-24 3 -27 15q-1 4 -3 22.5t-5.5 34t-6.5 18.5q-12 8 -15 8q-7 0 -12 4l-4 3t-7.5 5t-7.5 2q-16 0 -25 -6l-8 -5q-12 -11 -10 -13q8 -5 8 -9q0 -2 -8 -12t-9 -12q-16 -32 -21 -36q-1 0 -3 -1.5t-5.5 -4 +t-5.5 -4.5q-1 0 -4 1.5l-9 4.5t-12 5l-3 -6t-6.5 -14t-4.5 -10q-7 -17 0 -19q2 -1 5 1.5t6 1.5q3 0 10.5 -1.5t10.5 -0.5q1 0 3 2q8 4 10 0q19 -26 11 -32q-3 -2 -12.5 0.5t-21.5 -2.5q-22 -11 -30 -20q-6 -7 -22 -11q-2 0 -8 -3.5t-11 -5.5t-8 -1q-2 1 -5 4t-6 4t-7 0 +q-4 -2 -6 -18t-5 -19q-4 -5 -17.5 -13t-18.5 -9q-2 0 -6.5 1t-6.5 0q-3 -2 -15 -4q-2 0 -10.5 -0.5t-13.5 -2.5q-2 -1 -9.5 -4.5t-11.5 -4.5t-8 0q-3 2 -12.5 5t-13.5 5q-32 18 -40 19q-4 1 -21 2t-22 2.5t-9.5 0.5t-9.5 1.5t-7 9.5t-2.5 16t-1 13.5t-2.5 4.5q-7 0 -14 7 +q-16 17 -28 17q-21 0 -16 16q1 4 3.5 11t4 12t0.5 9q-1 6 -7 16t-10 12t-9.5 8.5t-6.5 9.5q0 2 -0.5 5t-1 4.5l-0.5 1.5q-11 0 -14 -4l-19 -15q-9 -11 -9.5 -14.5t-4 -11.5t-5.5 -8q-1 0 -9.5 4t-15 6t-10.5 -2q-2 -3 -7 -14t-9.5 -19.5t-6.5 -9.5l-9.5 1t-16.5 0t-9 -7 +t0 -15t1 -12q-5 -22 -7 -22t-6.5 -4t-4.5 -6q0 -14 -8 -16q-4 0 -10.5 -2.5t-8 -3t-6 -1t-9 -1.5t-5.5 -2q-2 -2 -7 -2.5t-7 -3.5q-6 -14 -13 -15q-3 0 -5.5 3.5t-7.5 3.5q-4 0 -9.5 -3.5t-9.5 -6.5l-3 -4q-17 -16 -17 -19t4 -15q0 -1 4 -5t3 -6q0 -1 1.5 -9.5t-0.5 -10.5 +q-9 -10 -6 -13q1 -1 3 -1t3 -0.5t2 -2.5q0 -17 4 -22q2 -2 15 -8t14 -8q10 -27 10 -28t-1 -5t-1 -10v-18q-1 -1 -2.5 -5.5t-3 -7.5t-3 -3t-4 1.5t-2.5 -0.5v-30l6 -4.5t11 -10t6 -9.5q1 -12 7 -11q1 0 4 1t4.5 1h5.5q10 -4 13 -11q5 -8 13 -10l19 -21q2 -2 4.5 -6t4 -5.5 +t4.5 -4t7 -2.5q5 -1 16 0t13 0q8 -6 7 -8q-1 -3 -0.5 -7t2.5 -4q1 0 4 6l3 6l2 2t4 3t3 0q2 0 7 -3.5t8 -3.5q12 0 13 -2q1 0 4 -10.5t4 -11.5q2 -2 11.5 0t14.5 5q1 1 14.5 11t16.5 11q4 2 12 -1l4.5 -2l9 -4l4.5 -2q1 0 3.5 3t5.5 5.5t5 2.5q4 -1 8 -12t3 -21 +q-4 -30 -19 -47q-2 -3 -4 -4.5t-3 -2t-2 -1.5t-1.5 -2.5l-1.5 -4.5q-3 -13 0 -13q1 0 8.5 0.5t13 0.5t6.5 -1l-3.5 -5.5t-1.5 -7.5q0 -1 1.5 -3t2 -4.5t0.5 -5.5q-4 -22 -3 -23h3.5h3.5t3 -2l1.5 -3.5t3 -5.5t2.5 -2l16 6q0 -2 -1 -4q-4 -5 -3 -6l10 -4l2 6q-2 13 4 15 +l6 5.5t14 5.5q18 -1 24 2q4 2 8.5 5.5t8 6l3.5 2.5q1 0 5.5 -3t5.5 -3q16 0 17 -5q0 -4 -3 -8.5t-3 -5.5q1 -4 21 -18l4 -2l4 -1q1 0 1.5 0.5t1.5 0.5q4 3 7 1q4 -6 7 -6h5l4 -1q0 -1 -3.5 -4t-4.5 -5t0 -3q6 -4 6 -7v-4t0.5 -4.5t3.5 -0.5q3 0 4 2.5t1 4.5v2q-3 7 2 12 +q10 11 24 13q5 0 8 -0.5t6 0.5t7 3t4.5 4t3.5 3q4 1 5 -2t4 -3t5 2t3 2q3 -1 5.5 0t2.5 4q0 12 6 11q3 0 8 -2t9 -2q5 2 12 6.5t7 6.5l-1.5 2t-1.5 3t2 4l2.5 2.5t2 0.5h3.5l8 3q5 -3 11 7q1 3 2.5 6t1.5 4.5t0.5 3t1 1.5h1.5q3 -2 6 -1.5t3 3.5q0 1 -1 4.5t-1 5.5t2 2 +q1 1 3.5 -1t3.5 0v2v3t2 0q7 -2 7 -2.5t-1 7t0 8.5q8 14 4 17t-4.5 4.5t1.5 2.5q2 0 4.5 -2t3.5 0q1 0 3 2t3 4q0 2 4 5.5t4 7.5q0 7 2 12t5 3q1 0 3 -2q4 -4 7 2q2 3 -2 7t-2 6l5 6l-2 3l7 15l-6 4q-1 6 -5 6q-7 0 -7 8q0 2 2.5 1t4.5 -2t4 1q1 1 4 3.5t4.5 4.5t0.5 4 +t-4.5 6.5t-6.5 8.5t-2 6t6.5 -1.5t7.5 -0.5q2 2 -5 10t-7 10q0 19 -6 29q-3 6 -11.5 11.5t-7.5 10.5q1 7 6.5 16t10.5 11q18 6 18 9l1 9q2 3 5 3l6 -1t9 -1t4 2l-2 8l8 8q-1 5 -11 4q-2 0 -6.5 1.5t-9.5 1.5q-5 1 -14.5 -5t-13.5 -6t-6 3t-3 5v3q2 10 -4 10q-14 2 -15 11 +q0 4 0.5 7.5t1 6.5t1.5 3l12 -3l12 8q6 -9 12 -11q2 0 4 2.5t3 4.5l1 3q-1 0 -2.5 1t-4 3t-1.5 5q2 8 8 8q3 0 5 1.5t2 2.5l1 2q5 8 12 11q13 6 13 0l-1 -11l3 -6l-6 -5.5t-4 -8.5q5 -9 1 -11l-4 -1q-1 0 -2.5 -1t-4 -3.5t-0.5 -5.5q2 -2 5 0t6 6l3 4q10 11 19 13q2 0 8.5 2 +t8 2t6.5 -2l3 10q10 8 14 11q1 1 2 1.5t2 0.5q1 1 4 2t4 2q1 0 4.5 5t7.5 9t5 4q4 -2 7 -6q4 -3 7 -3q3 1 4 4t1 5v3v0v0zM520 -91q-8 0 -8.5 -0.5t-1.5 -3t-2 -4t-1 -2.5q-5 -3 -6 -5q-2 -9 0 -12q1 0 2.5 -3t3.5 -4.5t4 -1.5q1 1 6 2.5t8 1.5t6 1t5 2.5t1.5 2.5t-2.5 3 +t-1.5 3.5t3.5 4t3 3.5q3 3 6 5q2 1 2.5 3.5t-0.5 3.5q-1 4 -13 3q-2 -1 -5 -1.5l-6 -1t-4 -0.5v0v0zM753 30q0 1 -1 1.5t-4 1.5t-7 -1q-11 -3 -15 -17q-11 -28 -11 -29q3 -5 3 -8q-3 -12 0 -16q6 -8 8 -8q0 1 3.5 10t4.5 10q11 15 11 21v6v5t2 5q2 4 4 6.5t3 4t1 2.5l-2 6v0 +v0z" /> + <glyph glyph-name="icontabdown" unicode="" +d="M512 139q-18 0 -30 13l-192 191q-12 13 -12 30.5t12.5 30t30 12.5t30.5 -13l161 -161l161 161q13 13 30.5 13t30 -12.5t12.5 -30t-12 -30.5l-192 -191q-12 -13 -30 -13z" /> + <glyph glyph-name="icontableft" unicode="" +d="M374 277.5q0 17.5 12 30.5l191 191q13 13 30.5 13t30 -12.5t12.5 -30.5t-12 -30l-161 -161l161 -162q12 -12 12 -29.5t-12.5 -30t-30 -12.5t-30.5 12l-191 191q-12 13 -12 30.5z" /> + <glyph glyph-name="icontabright" unicode="" +d="M650 277.5q0 -17.5 -12 -30.5l-191 -191q-13 -12 -30.5 -12t-30 12.5t-12.5 30t12 29.5l161 162l-161 161q-12 12 -12 30t12.5 30.5t30 12.5t29.5 -13l192 -191q12 -13 12 -30.5z" /> + <glyph glyph-name="icontabup" unicode="" +d="M512 416q18 0 30 -13l192 -191q12 -12 12 -30t-12.5 -30.5t-30 -12.5t-30.5 13l-161 161l-161 -161q-13 -13 -30.5 -13t-30 12.5t-12.5 30.5t12 30l192 191q12 13 30 13z" /> + <glyph glyph-name="iconcardedit" unicode="" +d="M940 719q-26 27 -53 44.5t-46 24.5t-34.5 10t-23.5 2l-8 -1l-706 -706l-66 -311l311 66l706 706q4 4 -1 33q-12 65 -79 132zM295 -115l-106 -23q-18 34 -45 61t-61 45l23 106l31 31q6 0 17.5 -2t44 -18.5t61.5 -45.5t45.5 -60t18.5 -47l2 -16z" /> + <glyph glyph-name="iconcardshare" unicode="" +d="M449 245h126v315h189l-252 252l-252 -252h189v-315zM638 371v-97l289 -108l-415 -155l-415 155l289 108v97l-378 -142v-252l504 -189l504 189v252z" /> + <glyph glyph-name="iconxiaoyuhao" unicode="" +d="M725 51v-50l-426 258v43l426 254v-53l-389 -223z" /> + <glyph glyph-name="iconxiaoyudengyuhao" unicode="" +d="M725 241v-53l-426 158v52l426 158v-49l-372 -135zM725 87v-43l-426 154v49z" /> + <glyph glyph-name="iconxiaoyuhaodaijiantou1" unicode="" +d="M469 167v-50l-426 258v43l426 254v-53l-389 -223zM982 75l-171 -171l-172 171h343z" /> + <glyph glyph-name="iconxiaoyudengyudaijiantou1" unicode="" +d="M469 314v-52l-426 157v53l426 157v-49l-372 -134zM469 160v-43l-426 155v49zM983 75l-172 -171l-171 171h343z" /> + <glyph glyph-name="bi40qietubianjixiangqing" unicode="" +d="M860 748q41 0 70.5 -29.5t29.5 -70.5q0 -33 -20 -60l-40 -40l-140 140l40 40q27 20 60 20zM360 288l-40 -180l180 40l370 370l-140 140zM767 521l-280 -280l-34 34l280 280zM832 172v-192h-640v640h192l128 128h-320q-53 0 -90.5 -37.5t-37.5 -90.5v-640 +q0 -53 37.5 -90.5t90.5 -37.5h640q53 0 90.5 37.5t37.5 90.5v320z" /> + <glyph glyph-name="bi40qietudaochuexcel" unicode="" +d="M974 176q21 -16 21 -39.5t-21 -40.5l-220 -176q-21 -16 -35.5 -9t-14.5 33v100h-257q-26 0 -44.5 18.5t-18.5 45.5q0 26 18.5 45t44.5 19h257v157q0 26 14.5 33t35.5 -10zM192 -20v640h384v-192h64h128h128v64l-256 256h-512q-18 0 -31 -7t-19 -16.5t-9.5 -19t-4.5 -16.5 +v-7v-766q0 -28 16 -44t32 -18l16 -2h512v128h-448zM640 684l192 -192h-192v192z" /> + <glyph glyph-name="bi40qietufuzhi" unicode="" +d="M64 620h64v-768h-64v768zM64 -84h704v-64h-704v64zM704 748h-448q-18 0 -31 -7t-19 -16.5t-9.5 -19t-4.5 -16.5v-7v-638q0 -28 16 -44t32 -18l16 -2h576q28 0 44 16t18 32l2 16v512zM768 108h-448v64h448v-64zM768 236h-448v64h448v-64zM768 364h-448v64h448v-64z +M704 556v128l128 -128h-128z" /> + <glyph glyph-name="bi40qietujiangxu" unicode="" +d="M64 44h384v-128h-384v128zM64 364h640v-128h-640v128zM64 684h896v-128h-896v128z" /> + <glyph glyph-name="bi40qietuketuozhuai" unicode="" +d="M64 620h896v-128h-896v128zM64 364h896v-128h-896v128zM64 108h896v-128h-896v128z" /> + <glyph glyph-name="bi40qietuliandong" unicode="" +d="M704 492h-297l110 -112l-197 -203l68 -69l202 202l114 -112v294zM896 748h-768q-26 0 -45 -19t-19 -45v-768q0 -26 19 -45t45 -19h768q26 0 45 19t19 45v768q0 26 -19 45t-45 19zM832 -20h-640v640h640v-640z" /> + <glyph glyph-name="bi40qietuqingkong" unicode="" horiz-adv-x="1029" +d="M1029 321l-390 390l-634 -634l161 -161h26h72h262h98h16v16zM200 -20l-98 97l293 293l292 -293l-97 -97h-390z" /> + <glyph glyph-name="bi40qietushanchu" unicode="" +d="M576 684v64h-192v-64h-256v-128h704v128h-256zM192 -20q0 -53 37.5 -90.5t90.5 -37.5h320q53 0 90.5 37.5t37.5 90.5v512h-576v-512zM576 428h64v-448h-64v448zM448 428h64v-448h-64v448zM320 428h64v-448h-64v448z" /> + <glyph glyph-name="bi40qietushengxu" unicode="" +d="M64 684h384v-128h-384v128zM64 364h640v-128h-640v128zM64 44h896v-128h-896v128z" /> + <glyph glyph-name="bi40qietushijian" unicode="" +d="M480 684q-172 0 -294 -122t-122 -294t122 -294t294 -122t294 122t122 294t-122 294t-294 122zM480 -84q-146 0 -249 103t-103 249t103 249t249 103t249 -103t103 -249t-103 -249t-249 -103zM448 492h64v-256h-64v256zM448 300h384v-64h-384v64z" /> + <glyph glyph-name="bi40qietushuzi" unicode="" +d="M128 556q-3 0 -7 -0.5t-15 -4t-19.5 -9.5t-15.5 -19t-7 -31v-64h64v-448h64v0v576v0h-64zM448 44h-64l192 256h-64l-192 -256q0 -3 0.5 -7t4 -15t9.5 -19.5t19 -15.5t31 -7h192v64h-128zM512 556h-128q-3 0 -7 -0.5t-15 -4t-19.5 -9.5t-15.5 -19t-7 -31v-128h64v128h64 +h64v-192h64v192q0 3 -0.5 7t-4 15t-9.5 19.5t-19 15.5t-31 7zM832 556h-64q-3 0 -7 -0.5t-15 -4t-19.5 -9.5t-15.5 -19t-7 -31v-128h64v128h64h64v-192h-128v-64h128v-192h-64h-64v128h-64v-128q0 -28 16 -44t32 -18l16 -2h64h128v576h-128z" /> + <glyph glyph-name="bi40qietuwenzi" unicode="" +d="M256 620h-128q-26 0 -45 -19t-19 -45v-512h64v256h128v-256h64v512q0 26 -19 45t-45 19zM256 364h-128v192h128v-192zM960 556v64h-192q-26 0 -45 -19t-19 -45v-448q0 -26 19 -45t45 -19h192v64h-192v448h192zM640 396v160q0 26 -19 45t-45 19h-192v-576h192q26 0 45 19 +t19 45v160q0 64 -44 64q44 0 44 64zM576 108h-128v192h128v-192zM576 364h-128v192h128v-192z" /> + <glyph glyph-name="bi40qietuzhongmingming" unicode="" +d="M512 684q159 0 271.5 -112.5t112.5 -271.5t-112.5 -271.5t-271.5 -112.5t-271.5 112.5t-112.5 271.5t112.5 271.5t271.5 112.5zM512 748q-122 0 -225 -60t-163 -163t-60 -225t60 -225t163 -163t225 -60t225 60t163 163t60 225t-60 225t-163 163t-225 60v0zM384 556h256 +v-64h-256v64zM384 108h256v-64h-256v64zM448 492h128v-384h-128v384z" /> + <glyph glyph-name="iconriqikongjian" unicode="" +d="M64 556h832v-704h-832v704zM832 812v-64h-128v64h-448v-64h-128v64h-128v-1024h960v1024h-128zM128 236h128v-128h-128v128zM704 236h128v-128h-128v128zM512 236h128v-128h-128v128zM320 236h128v-128h-128v128zM512 44h128v-128h-128v128zM320 44h128v-128h-128v128z +M128 44h128v-128h-128v128zM704 428h128v-128h-128v128zM512 428h128v-128h-128v128zM320 428h128v-128h-128v128z" /> + <glyph glyph-name="icontianjia" unicode="" +d="M960 364h-384v384h-128v-384h-384v-128h384v-384h128v384h384v128z" /> + <glyph glyph-name="iconwenjianjia" unicode="" +d="M0 492h1024l-64 -640h-896zM928 620l32 -64h-896l64 128h352l32 -64h416z" /> + <glyph glyph-name="iconxuanzhong" unicode="" +d="M896 556l-64 64l-448 -320l-192 128l-64 -64l256 -320z" /> + <glyph glyph-name="iconjiacu" unicode="" +d="M632 355q40 46 40 105q0 66 -47 113t-113 47h-256v-64h64v-512h-64v-64h320q80 0 136 56t56 136q0 64 -38 114.5t-98 68.5zM512 556q40 0 68 -28t28 -68t-28 -68t-68 -28h-64v192h64zM576 44h-128v256h128q53 0 90.5 -37.5t37.5 -90.5t-37.5 -90.5t-90.5 -37.5z" /> + <glyph glyph-name="iconjingshi" unicode="" +d="M948 -53l-383 762q-22 39 -53 39t-53 -39l-383 -762q-22 -39 -5.5 -67t61.5 -28h760q45 0 61.5 28t-5.5 67zM576 -20h-128v128h128v-128zM576 172h-128v256h128v-256z" /> + <glyph glyph-name="iconjuzhongduiqi" unicode="" +d="M384 620h320v-64h-320v64zM192 428h704v-64h-704v64zM384 236h320v-64h-320v64zM192 44h704v-64h-704v64z" /> + <glyph glyph-name="iconxiahuaxian" unicode="" +d="M576 620v-384q0 -26 -28 -45t-68 -19t-68 19t-28 45v384h-128v-384q0 -62 65.5 -105.5t158.5 -43.5t158.5 43.5t65.5 105.5v384h-128zM192 44h576v-64h-576v64z" /> + <glyph glyph-name="iconyouduiqi" unicode="" +d="M576 620h320v-64h-320v64zM192 428h704v-64h-704v64zM576 236h320v-64h-320v64zM192 44h704v-64h-704v64z" /> + <glyph glyph-name="iconzitibeijing" unicode="" +d="M371 44l44 147l33 33v12v64v64h-64v64h-256v-64h192v-64h-128h-64v-64h-64v-128h64v-64h64h128h51zM192 236h128v-128h-128v128zM652 428h-12v192h-128v-332zM768 152v-44h-44l-64 -64h172v64h64v172zM887 381l-303 -302l-136 -35l45 125l303 303zM64 -20h896v-128h-896 +v128z" /> + <glyph glyph-name="iconzitiyanse" unicode="" +d="M867 44h-174l-45 128h-241l-46 -128h-169l241 640h193zM607 300l-80 233l-80 -233h160zM64 -20h896v-128h-896v128z" /> + <glyph glyph-name="iconzuoduiqi" unicode="" +d="M192 620h320v-64h-320v64zM192 428h704v-64h-704v64zM192 236h320v-64h-320v64zM192 44h704v-64h-704v64z" /> + <glyph glyph-name="iconurl" unicode="" +d="M384 748h154q114 0 169.5 -62.5t55.5 -190.5q0 -169 -110 -230l137 -413h-135l-118 384h-25v-384h-128v896zM512 364h21q63 0 82.5 28.5t19.5 99.5q0 72 -20.5 100t-87.5 28h-15v-256zM832 748h128v-768h64v-128h-192v896zM192 748v-768h-64v768h-128v-704q0 -84 42 -138 +t118 -54t118 54t42 138v704h-128z" /> + <glyph glyph-name="iconxieti" unicode="" +d="M384 620v-64h128l-128 -512h-128v-64h384v64h-128l128 512h128v64h-384z" /> + <glyph glyph-name="iconwenzi" unicode="" +d="M832 -148h128l-398 896h-98l-400 -896h128q49 115 108 256h424zM354 236q152 361 158 384q10 -31 158 -384h-316z" /> + <glyph glyph-name="iconanshijianpaixu" unicode="" +d="M512 748q-122 0 -225 -60t-163 -163t-60 -225t60 -225t163 -163t225 -60t225 60t163 163t60 225t-60 225t-163 163t-225 60zM512 -36q-139 0 -237.5 98.5t-98.5 237.5t98.5 237.5t237.5 98.5t237.5 -98.5t98.5 -237.5t-98.5 -237.5t-237.5 -98.5zM576 492h-128v-215 +l188 -185l86 80l-146 151v169z" /> + <glyph glyph-name="iconanzimupaixu" unicode="" +d="M64 172h320l-320 -192v-128h448v128h-320l320 192v128h-448v-128zM192 748h-64h-64v-384h128v64h192v-64h128v256v128h-128h-192zM384 556h-192v64h192v-64zM832 108v640h-128v-640h-128l192 -256l192 256h-128z" /> + <glyph glyph-name="iconfenxianggei" unicode="" +d="M768 236q-52 0 -96 -26.5t-70 -70.5l-166 96q12 34 12 65q0 25 -9 55l168 97q26 -41 68.5 -64.5t92.5 -23.5q80 0 136 56t56 136t-56 136t-136 56t-136 -56t-56 -136q0 -20 6 -45l-171 -98q-27 36 -67.5 57.5t-87.5 21.5q-80 0 -136 -56t-56 -136t56 -136t136 -56 +q44 0 82.5 19t65.5 53l175 -101q-3 -20 -3 -35q0 -80 56 -136t136 -56t136 56t56 136t-56 136t-136 56zM768 652q40 0 68 -28t28 -68t-28 -68t-68 -28t-68 28t-28 68t28 68t68 28zM256 204q-40 0 -68 28t-28 68t28 68t68 28t68 -28t28 -68t-28 -68t-68 -28zM768 -52 +q-40 0 -68 28t-28 68t28 68t68 28t68 -28t28 -68t-28 -68t-68 -28z" /> + <glyph glyph-name="iconwenjian" unicode="" +d="M640 748h-512q-18 0 -31 -7t-19 -16.5t-9.5 -19t-4.5 -16.5v-7v-766q0 -28 16 -44t32 -18l16 -2h704q28 0 44 16t18 32l2 16v576zM768 44h-576v64h576v-64zM768 172h-576v64h576v-64zM768 300h-576v64h576v-64zM640 492v192l192 -192h-192z" /> + <glyph glyph-name="iconwenjianjia1" unicode="" +d="M928 684h-416l-32 64h-352l-64 -128h896zM0 556l64 -640h896l64 640h-1024z" /> + <glyph glyph-name="iconxinjianwenjianjia" unicode="" +d="M640 620l-128 128h-448v-128v-768h896v768h-320zM832 -20h-640v512h640v-512zM448 44h128v128h128v128h-128v128h-128v-128h-128v-128h128v-128z" /> + <glyph glyph-name="iconyidongdao" unicode="" +d="M672 620l-128 128h-480v-128v-768h896v768h-288zM832 -20h-640v512h640v-512zM576 76l192 192l-192 192v-160h-320v-128h320v-96z" /> + <glyph glyph-name="iconyulan" unicode="" +d="M512 620q-165 0 -302 -87.5t-210 -232.5q73 -145 210 -232.5t302 -87.5t302 87.5t210 232.5q-73 145 -210 232.5t-302 87.5zM416 498q40 0 68 -28t28 -68t-28 -68t-68 -28t-68 28t-28 68t28 68t68 28zM764 150q-115 -74 -252 -74t-252 74q-92 58 -150 150q58 92 150 150 +q5 4 11 8q-15 -43 -15 -88q0 -106 75 -181t181 -75t181 75t75 181q0 45 -15 88q8 -5 11 -8q92 -58 150 -150q-58 -92 -150 -150z" /> + <glyph glyph-name="iconbianliang" unicode="" +d="M384 364h64v128h128v-128h64v128h192v64h-256v64h-128v-64h-256v-64h192v-128zM256 428h64v-64h-64v64zM192 364h64v-64h-64v64zM704 428h64v-64h-64v64zM768 364h64v-64h-64v64zM576 236v-64h128v64h64v64h-512v-64h64v-64h128v64h128zM576 108v64h-64h-64v-64h64h64z +M320 108h128v-64h-128v64zM576 108h128v-64h-128v64zM192 44h128v-64h-128v64zM704 44h128v-64h-128v64zM64 748v-896h896v896h-896zM896 -84h-768v768h768v-768z" /> + <glyph glyph-name="icontuozhuaishangxia" unicode="" +d="M512 236h-64v-192h-192l224 -192l224 192h-192v192zM448 428h64v192h192l-224 192l-224 -192h192v-192zM192 364h576v-64h-576v64z" /> + <glyph glyph-name="icontuozhuaiyouxie" unicode="" +d="M471 386l-226 226l136 136h-317v-317l136 136l226 -226zM366 190l256 256l45 -45l-256 -256zM823 35l-216 215l-45 -45l215 -216l-137 -137h320v320z" /> + <glyph glyph-name="icontuozhuaizuoxie" unicode="" +d="M353 314l-216 -215l-137 137v-320h320l-137 137l215 216zM548 209l-256 256l46 45l256 -256zM579 812l136 -136l-226 -226l45 -45l226 226l136 -136v317h-317z" /> + <glyph glyph-name="icontuozhuaizuoyou" unicode="" +d="M960 257l-192 224v-181h-192v-64h192v-203zM192 481l-192 -224l192 -224v203h192v64h-192v181zM448 556h64v-576h-64v576z" /> + <glyph glyph-name="icontuozhuai" unicode="" +d="M960 332l-192 224v-192h-128h-64h-64v256h-64v-256h-256v192l-192 -224l192 -224v192h256v-64v0v-192h-192l224 -192l224 192h-192v192v0v64h64h64h128v-192zM480 812l-224 -192h448z" /> + <glyph glyph-name="iconjiangxuwuguolv" unicode="" +d="M728 236h-152v404q0 15 -10 29.5t-23 14.5h-62q-13 0 -23 -14.5t-10 -29.5v-404h-152q-12 0 -17.5 -14t2.5 -23l216 -273q6 -7 15 -7.5t15 6.5l216 275q8 9 2.5 22.5t-17.5 13.5z" /> + <glyph glyph-name="iconjiangxuyouguolv" unicode="" +d="M448 684l192 -320v-448l128 128v320l192 320h-512zM491 172h-107v404q0 15 -10 29.5t-23 14.5h-62q-13 0 -23 -14.5t-10 -29.5v-404h-107q-10 0 -14 -11t2 -19l171 -219q5 -5 12 -4.5t12 6.5l171 217q6 7 2 18.5t-14 11.5z" /> + <glyph glyph-name="iconshengxuwuguolv" unicode="" +d="M281 395l216 270q6 7 15 7t15 -7l216 -270q8 -9 2.5 -20t-17.5 -11h-432q-12 0 -17.5 11t2.5 20zM543 -84h-62q-14 0 -23.5 9.5t-9.5 23.5v415h128v-415q0 -14 -9.5 -23.5t-23.5 -9.5z" /> + <glyph glyph-name="iconshengxuyouguolv" unicode="" +d="M448 684l192 -320v-448l128 128v320l192 320h-512zM332 603q-5 5 -12 5t-12 -5l-171 -214q-6 -8 -2 -16.5t14 -8.5h107v-415q0 -14 9.5 -23.5t23.5 -9.5h62q14 0 23.5 9.5t9.5 23.5v415h107q10 0 14 8.5t-2 16.5z" /> + <glyph glyph-name="iconwupaixuwuguolv" unicode="" +d="M256 428l256 -320l256 320h-512z" /> + <glyph glyph-name="iconwupaixuyouguolv" unicode="" +d="M128 684l320 -384v-384l128 128v256l320 384h-768z" /> + <glyph glyph-name="iconbupaixu" unicode="" +d="M384 236v11l-128 128v-139h-152q-12 0 -17.5 -13.5t2.5 -22.5l216 -275q6 -7 15 -6.5t15 7.5l163 207l-103 103h-11zM935 395l-216 270q-6 7 -15 7t-15 -7l-161 -200l101 -101h11v-11l128 -128v139h152q12 0 17.5 11t-2.5 20zM263 639q-19 19 -45.5 19t-45 -18.5 +t-18.5 -45t19 -45.5l588 -588q19 -19 45.5 -19t45 18.5t18.5 45t-19 45.5z" /> + <glyph glyph-name="iconzidingyipaixu" unicode="" +d="M935 395l-216 270q-6 7 -15 7t-15 -7l-216 -270q-8 -9 -2.5 -20t17.5 -11h432q12 0 17.5 11t-2.5 20zM673 -84h62q14 0 23.5 9.5t9.5 23.5v415h-128v-415q0 -14 9.5 -23.5t23.5 -9.5zM551 199l-216 -273q-6 -7 -15 -7.5t-15 6.5l-216 275q-8 9 -2.5 22.5t17.5 13.5h432 +q12 0 17.5 -14t-2.5 -23zM300 684h51q14 0 23.5 -9.5t9.5 -23.5v-415h-128v404q0 18 13 31t31 13z" /> + <glyph glyph-name="iconyewubao" unicode="" +d="M928 684h-416l-32 64h-352l-64 -128h896zM0 556l64 -640h896l64 640h-1024z" /> + <glyph glyph-name="iconmobanshaixuandianjishouqi" unicode="" +d="M480 492l-256 -256l64 -64l192 213l192 -213l64 64zM480 812q-98 0 -186.5 -38t-153 -102.5t-102.5 -153t-38 -186.5t38 -186.5t102.5 -153t153 -102.5t186.5 -38t186.5 38t153 102.5t102.5 153t38 186.5t-38 186.5t-102.5 153t-153 102.5t-186.5 38zM480 -88 +q-114 0 -210.5 56.5t-153 153t-56.5 210.5t56.5 210.5t153 153t210.5 56.5t210.5 -56.5t153 -153t56.5 -210.5t-56.5 -210.5t-153 -153t-210.5 -56.5z" /> + <glyph glyph-name="iconmobanshaixuandianjizhankai" unicode="" +d="M480 172l-256 256l64 64l192 -213l192 213l64 -64zM960 332q0 98 -38 186.5t-102.5 153t-153 102.5t-186.5 38t-186.5 -38t-153 -102.5t-102.5 -153t-38 -186.5t38 -186.5t102.5 -153t153 -102.5t186.5 -38t186.5 38t153 102.5t102.5 153t38 186.5zM900 332 +q0 -114 -56.5 -210.5t-153 -153t-210.5 -56.5t-210.5 56.5t-153 153t-56.5 210.5t56.5 210.5t153 153t210.5 56.5t210.5 -56.5t153 -153t56.5 -210.5z" /> + <glyph glyph-name="iconquxiaoguachushenqing" unicode="" +d="M819 748h-614q-13 0 -13 -7v-876q0 -7 5 -7q2 0 5 2l310 185l310 -185q3 -2 5 -2q5 0 5 7v876q0 7 -13 7v0z" /> + <glyph glyph-name="iconshenqingguachu" unicode="" +d="M819 748h-614q-13 0 -13 -7v-876q0 -7 5 -7q2 0 5 2l310 185l310 -185q3 -2 5 -2q5 0 5 7v876q0 7 -13 7zM768 -33l-223 133l-33 20l-33 -20l-223 -133v717h512v-717zM435 364q5 0 9 -4t4 -9v-166q0 -5 4 -9t9 -4h102q5 0 9 4t4 9v166q0 5 4 9t9 4h102q5 0 6.5 3t-1.5 7 +l-181 236q-8 10 -15 0l-172 -236q-4 -4 -2 -7t7 -3h102z" /> + <glyph glyph-name="iconxiangqing" unicode="" +d="M512 684q159 0 271.5 -112.5t112.5 -271.5t-112.5 -271.5t-271.5 -112.5t-271.5 112.5t-112.5 271.5t112.5 271.5t271.5 112.5zM512 748q-122 0 -225 -60t-163 -163t-60 -225t60 -225t163 -163t225 -60t225 60t163 163t60 225t-60 225t-163 163t-225 60v0zM448 364h128 +v-320h-128v320zM448 556h128v-128h-128v128z" /> + <glyph glyph-name="iconzhongmingming" unicode="" +d="M722 748q46 0 78 -32t32 -78q0 -37 -22 -66l-44 -44l-154 154l44 44q29 22 66 22zM172 242l-44 -198l198 44l407 407l-154 154zM620 498l-308 -308l-38 38l308 308zM64 -20h896v-128h-896v128z" /> + <glyph glyph-name="iconbaiduditu" unicode="" +d="M606 118q47 10 39 77q-2 17 -18 34t-36 15q-17 -1 -27.5 -15.5t-13.5 -28.5l-2 -13q-5 -24 11 -50t47 -19zM656 21q-5 -13 -2 -22q5 -19 22 -20h24v59h-26q-14 -4 -18 -17zM692.5 211q19.5 0 33 19t13.5 46.5t-13.5 47t-33 19.5t-33 -19.5t-13.5 -47t13.5 -46.5t33 -19z +M803 206q23 -3 40 16.5t20 43.5q4 21 -9.5 41t-31.5 25q-18 4 -37 -17.5t-21 -41.5q-6 -61 39 -67zM887 44q-53 41 -84 85q-20 30 -45.5 37t-45.5 -3t-31 -29q-8 -14 -21 -27.5t-23 -22t-11 -9.5q0 -1 -8 -7t-15.5 -13t-16 -19t-11 -25.5t-0.5 -32.5q6 -26 21 -40t27 -16.5 +t12 -0.5q34 -4 74 5q20 4 36.5 3.5t27.5 -2.5l10 -3q4 -1 10 -3t23.5 -4t32 -0.5t30 10.5t22.5 26q23 54 -12 88zM728 -45h-60q-12 2 -21 8t-12.5 10.5t-4.5 7.5q-8 19 -5 41q5 16 16 26t19 12l9 1h32v40l27 -1v-145zM840 -45h-69q-12 3 -19 10t-8 10.5t-1 5.5v77h28v-69 +q2 -7 11 -8v0h28v77h30v-103zM938 160q0 16 -12.5 34.5t-38.5 18.5q-47 0 -47 -64q0 -13 1.5 -21t6 -18.5t16 -15.5t29.5 -5q8 0 15 2t11.5 6t8 8t5.5 10t3.5 10t1.5 11t0.5 10t0 8.5zM465 74q6 -14 19 -22t28 -8t28 8t20 22l3 7q-20 8 -34 25q-15 19 -21 43t-2 44 +q3 32 23 61t58 33h7q5 0 10 -1q3 43 28 71t60 28q4 0 14 -1l6 12q13 29 13 75q0 88 -62.5 150.5t-150.5 62.5t-150.5 -62.5t-62.5 -150.5q0 -46 13 -75zM436.5 546q31.5 31 75.5 31t75.5 -31t31.5 -75t-31.5 -75.5t-75.5 -31.5t-75.5 31.5t-31.5 75.5t31.5 75zM559 -84h-474 +l171 256h115l20 -43h-112l-114 -170h372q8 -26 22 -43z" /> + <glyph glyph-name="iconbiaogeleixinghengxiangzhankai" unicode="" +d="M43 684v-768h938v768h-938zM939 -41h-854v682h854v-682zM341 1h-213v598h213v-598zM597 215h-213v384h213v-384zM597 1h-213v171h213v-171zM896 428h-256v171h256v-171zM896 215h-256v170h256v-170zM896 1h-256v171h256v-171z" /> + <glyph glyph-name="iconbiaogeleixingzongxiangzhankai" unicode="" +d="M43 684v-768h938v768h-938zM939 -41h-854v682h854v-682zM128 599v-171h768v171h-768zM277 471l-64 85h128zM128 385v-170h768v170h-768zM491 257l-64 86h128zM128 172v-171h768v171h-768zM704 44l-64 85h128z" /> + <glyph glyph-name="icongugeditu" unicode="" +d="M692 267q0 -60 40 -86q24 -16 59 -16q4 0 7 1q-4 -27 16 -54h-1q-14 0 -28.5 -1t-37 -7t-39.5 -16t-29 -29.5t-12 -45.5t11 -46t26 -29.5t34.5 -15t30.5 -6.5t21 -1h3v0h4q44 0 79 17q63 30 63 103q0 22 -10.5 42t-19.5 29.5t-26 24.5q-26 23 -26 33.5t20 28.5 +q36 32 36 84q0 33 -7 51.5t-29 30.5q2 1 20 3q42 6 42 19v3h-123q-3 0 -13.5 -1.5t-30.5 -8t-37 -17.5t-30 -35t-13 -55zM890 26q2 -28 -20 -47t-58 -21q-37 -3 -63.5 12.5t-27.5 43.5q-2 28 22 49q24 22 61 25h8q33 0 54.5 -17.5t23.5 -44.5zM858 292q9 -31 -2 -59.5 +t-33 -34.5q-5 -2 -10 -2q-20 0 -38 18t-25 46q-8 31 1 56q10 27 31 33q5 2 11 2q25 0 40.5 -13t24.5 -46zM465 74q6 -14 19 -22t28 -8t28 8t20 22l81 173q-1 12 -1 20q0 91 74 137q11 29 11 67q0 88 -62.5 150.5t-150.5 62.5t-150.5 -62.5t-62.5 -150.5q0 -46 13 -75z +M436.5 546q31.5 31 75.5 31t75.5 -31t31.5 -75t-31.5 -75.5t-75.5 -31.5t-75.5 31.5t-31.5 75.5t31.5 75zM633 129l20 43h15q13 -18 31 -31q-10 -5 -21 -12h-45zM652 -84h-567l171 256h115l20 -43h-112l-114 -170h460q10 -25 27 -43z" /> + <glyph glyph-name="iconloudoutu" unicode="" +d="M853 343h-682l-86 256h854zM768 129h-512l-85 171h682zM768 87h-512l85 -128h342z" /> + <glyph glyph-name="iconxuansejiantoubai" unicode="" horiz-adv-x="1280" +d="M128 684l512 -768l512 768h-1024z" /> + <glyph glyph-name="iconxuansejiantouhei" unicode="" +d="M884 719l-744 -419l744 -419v838z" /> + <glyph glyph-name="icongisditu" unicode="" +d="M725 513q0 -45 -13 -74l-152 -323q-7 -13 -20 -21t-28 -8t-28 7.5t-19 21.5l-153 323q-13 29 -13 74q0 89 62.5 151.5t150.5 62.5t150.5 -62.5t62.5 -151.5zM587.5 438q31.5 31 31.5 75t-31.5 75.5t-75.5 31.5t-75.5 -31.5t-31.5 -75.5t31.5 -75t75.5 -31t75.5 31z +M768 215h-115l-20 -43h112l114 -171h-694l114 171h112l-20 43h-115l-171 -256h854z" /> + <glyph glyph-name="iconshezhi" unicode="" +d="M504 494q-81 0 -138.5 -57.5t-57.5 -139t57.5 -139t138.5 -57.5t138.5 57.5t57.5 139t-57.5 139t-138.5 57.5v0v0v0zM504 154q-60 0 -102 42t-42 101.5t42 101.5t101.5 42t102 -42t42.5 -101.5t-42.5 -101.5t-101.5 -42v0v0v0zM936 390q-22 2 -51 13.5t-39 32.5 +q-15 34 29 96l12 17l-122 129l-19 -14q-20 -15 -51 -27.5t-52 -2.5q-30 14 -33 89l-1 25h-97h-97l-1 -25q-3 -75 -33 -89q-21 -10 -52 2.5t-51 27.5l-19 14l-123 -129l13 -17q44 -62 28 -96q-9 -21 -37.5 -32.5t-51.5 -13.5l-24 -2v-79v0v-96l24 -2q23 -3 51.5 -14t38.5 -32 +q15 -34 -29 -96l-12 -18l122 -129l19 14q20 15 51 27.5t52 3.5q30 -15 33 -89l1 -26h97h97l1 26q3 74 33 89q21 9 52 -3.5t51 -27.5l19 -14l122 129l-12 18q-44 62 -29 96q10 21 39 32.5t51 13.5l24 2v95v0v80l-24 2v0v0v0zM908 309v0v-50q-84 -18 -109 -73t21 -130l-62 -65 +q-81 49 -137 23q-52 -25 -61 -109h-48h-48q-9 84 -61 109q-56 26 -137 -23l-62 65q46 75 21 130t-109 73v49v0v33q84 18 109 73t-21 130l62 65q81 -49 137 -22q52 24 61 109h48h48q9 -85 61 -109q56 -27 137 22l62 -65q-46 -75 -21 -130t109 -73v-32v0v0v0v0zM908 309z" /> + <glyph glyph-name="iconziduanguanlianshezhi" unicode="" +d="M914 506l-455 -451q-57 -55 -137 -55t-137 55.5t-57 135t57 135.5l410 405q38 37 91.5 37t91.5 -37t38 -90t-38 -90l-411 -405q-18 -19 -45 -19t-46 18.5t-19 45t19 45.5l365 360l-46 45l-364 -360q-38 -38 -38 -90.5t37.5 -90t91 -37.5t91.5 37l410 406q57 56 57 135 +t-56.5 135t-137 56t-136.5 -56l-433 -428l1 -1q-59 -75 -53.5 -171.5t75 -165t167 -74t173.5 53.5l1 -2l479 473l-46 45v0v0zM914 506z" /> + <glyph glyph-name="suoding" unicode="" +d="M805 457v293q0 30 -21.5 51.5t-52.5 21.5h-438q-31 0 -52.5 -21.5t-21.5 -51.5v-293h-73v-512h732v512h-73zM366 457v220h292v-220h-292z" /> + <glyph glyph-name="guolv" unicode="" +d="M128 768l320 -384v-384l128 128v256l320 384h-768z" /> + <glyph glyph-name="iconbiaoge" unicode="" +d="M896 832h-768q-26 0 -45 -19t-19 -45v-768q0 -26 19 -45t45 -19h768q26 0 45 19t19 45v768q0 26 -19 45t-45 19zM384 384v128h256v-128h-256zM640 320v-128h-256v128h256zM128 512h192v-128h-192v128zM128 320h192v-128h-192v128zM128 0v128h192v-128h-192zM384 0v128 +h256v-128h-256zM896 0h-192v128h192v-128zM896 192h-192v128h192v-128zM896 384h-192v128h192v-128z" /> + <glyph glyph-name="iconloudoutu1" unicode="" +d="M85 768l43 -213h768l43 213h-854zM213 256h598l85 256h-768zM341 0h342l128 213h-598z" /> + <glyph glyph-name="iconyaochi" unicode="" +d="M672 832q-119 0 -203.5 -84.5t-84.5 -203.5q0 -42 15 -89l-335 -391v-72q0 -23 16.5 -39.5t39.5 -16.5h72v64h128v128h128v128h64l31 31q63 -31 129 -31q119 0 203.5 84.5t84.5 203.5t-84.5 203.5t-203.5 84.5zM672 384q-66 0 -113 47t-47 113t47 113t113 47t113 -47 +t47 -113t-47 -113t-113 -47v0z" /> + <glyph glyph-name="icongis" unicode="" +d="M341 555h43v-43h-43v43zM128 256h43v-43h128h42h43v128v43h-128v-43h43v-85h-86v43h-42v213h42v43h128v42h-170v-42h-43v-43h-43v-213h43v-43zM597 256h-42v299h42v42h-170v-42h42v-299h-42v-43h170v43zM853 555h43v-43h-43v43zM853 213v43h43v85v43h-43v43h-85v42h-43 +v86h128v42h-170v-42h-43v-128h43v-43h85v-43h43v-85h-128v-43h170zM640 299h43v-43h-43v43zM0 768v-725h981v725h-981zM939 85h-896v640h896v-640z" /> + <glyph glyph-name="iconlingcunwei" unicode="" +d="M448 320h128v-128h-128v128zM640 320h128v-128h-128v128zM832 320h128v-128h-128v128zM832 832h-768v-896h896v128h-768v640h64v-256h448v256h128v-256h128v256zM640 512h-128v192h128v-192z" /> + <glyph glyph-name="iconetl" unicode="" +d="M480 306h-283q0 -35 10.5 -61.5t29.5 -43.5q18 -16 42.5 -24.5t54.5 -8.5q39 0 78.5 16t56.5 31h3v-71q-32 -13 -66 -23q-34 -9 -72 -9q-95 0 -149 52t-54 147q0 94 51.5 149.5t135.5 55.5q78 0 120 -45.5t42 -129.5v-35zM417 356q0 51 -25.5 78.5t-76.5 27.5 +q-52 0 -83 -30.5t-35 -75.5h220zM763 124q-18 -4 -39 -7q-21 -4 -39 -4q-59 0 -89.5 32t-30.5 101v205h-43v54h43v110h65v-110h133v-54h-133v-175q0 -31 1.5 -48t9.5 -31q7 -14 20.5 -20.5t40.5 -6.5q16 0 33 5q18 5 25 8h3v-59zM893 121h-65v535h65v-535z" /> + <glyph glyph-name="iconsql" unicode="" +d="M392 298q0 -53 -43.5 -86.5t-118.5 -33.5q-43 0 -78 10q-36 10 -60 22v73h3q31 -23 68.5 -36.5t71.5 -13.5q43 0 67 13.5t24 43.5q0 23 -13 34.5t-50 19.5q-15 3 -36 7q-23 5 -41 9q-50 14 -71 40t-21 63q0 24 9 45q10 21 30 38q19 16 49 25.5t67 9.5q34 0 69 -9 +q35 -8 59 -20v-69h-3q-25 18 -60.5 30.5t-69.5 12.5q-35 0 -59.5 -13.5t-24.5 -40.5q0 -24 14 -36q15 -12 47 -19q18 -5 40 -9q21 -4 37 -7q45 -10 70 -36q24 -25 24 -67zM768 46h-65v185q-30 -26 -59 -39q-30 -12 -64 -12q-69 0 -109.5 52.5t-40.5 145.5q0 50 14 87.5 +t38 63.5q23 26 53.5 39.5t64.5 13.5q30 0 54 -7t49 -20l4 16h61v-525v0zM703 285v217q-27 12 -47 17q-21 5 -45 5q-56 0 -85 -38t-29 -105t23.5 -103.5t73.5 -36.5q28 0 56.5 12.5t52.5 31.5zM932 187h-65v535h65v-535z" /> + <glyph glyph-name="iconxls" unicode="" +d="M452 121h-82l-108 148l-110 -148h-75l149 192l-148 192h81l109 -145l108 145h76l-151 -189zM573 121h-64v535h64v-535zM947 232q0 -53 -43.5 -86.5t-118.5 -33.5q-42 0 -78 10q-35 10 -60 22v73h4q30 -23 67.5 -36.5t72.5 -13.5q42 0 66 13.5t24 43.5q0 22 -13 34t-50 20 +q-14 3 -36 7q-23 5 -40 9q-51 14 -72 40t-21 63q0 24 10 45t30 37q19 17 48.5 26t66.5 9q34 0 70 -8q35 -8 58 -20v-69h-3q-25 18 -60.5 30.5t-69.5 12.5q-35 0 -59.5 -13.5t-24.5 -40.5q0 -24 15 -36q14 -12 47 -20q18 -4 40 -8q20 -4 37 -7q44 -11 69 -36q24 -25 24 -67z +" /> + <glyph glyph-name="iconshuaxin" unicode="" +d="M829 701q-62 62 -144 96.5t-173 34.5q-122 0 -225 -60t-163 -163t-60 -225h112q0 139 98.5 237.5t237.5 98.5q68 0 129.5 -26t108.5 -72l-126 -126h336v336zM512 48q-68 0 -129.5 26t-108.5 72l126 126h-336v-336l131 131q62 -62 144 -96.5t173 -34.5q122 0 225 60 +t163 163t60 225h-112q0 -139 -98.5 -237.5t-237.5 -98.5z" /> + <glyph glyph-name="iconguanlianshitu" unicode="" +d="M640 832v-251l-256 -256v251h-320v-640h320v299l256 256v-299h320v640h-320zM320 0h-192v512h192v-512zM896 256h-192v512h192v-512z" /> + <glyph glyph-name="iconpingpushitu" unicode="" +d="M128 768h192v-192h-192v192zM448 768h192v-192h-192v192zM768 768h192v-192h-192v192zM128 448h192v-192h-192v192zM448 448h192v-192h-192v192zM768 448h192v-192h-192v192zM128 128h192v-192h-192v192zM448 128h192v-192h-192v192zM768 128h192v-192h-192v192z" /> + <glyph glyph-name="icon26ceshilianjie" unicode="" +d="M384 144h-256q-20 0 -34 14t-14 34v384q0 20 14 34t34 14h256q20 0 34 -14t14 -34t-14 -34t-34 -14h-208v-288h208q20 0 34 -14t14 -34t-14 -34t-34 -14zM896 144h-256q-20 0 -34 14t-14 34t14 34t34 14h208v288h-208q-20 0 -34 14t-14 34t14 34t34 14h256q20 0 34 -14 +t14 -34v-384q0 -20 -14 -34t-34 -14zM704 336h-384q-20 0 -34 14t-14 34t14 34t34 14h384q20 0 34 -14t14 -34t-14 -34t-34 -14z" /> + <glyph glyph-name="iconchaolianjie" unicode="" +d="M616 492q-10 10 -22 18l-69 -69q13 -8 23 -18l3 -4q34 -33 34 -80.5t-34 -81.5l-191 -191q-33 -33 -80.5 -33t-81.5 33l-4 4q-33 33 -33 81t33 81l87 86q-23 56 -22 116l-133 -133q-62 -62 -62 -150t62 -150l3 -3q62 -62 150 -62t150 62l191 191q61 61 61 149t-61 150z +M898 767l-3 3q-62 62 -150 62t-150 -62l-191 -191q-61 -61 -61 -149t61 -150l4 -4q9 -9 22 -19l69 70q-13 8 -23 18l-3 3q-34 34 -34 81.5t34 81.5l191 191q33 33 80.5 33t81.5 -33l4 -4q33 -34 33 -81.5t-33 -80.5l-87 -87q23 -55 22 -115l133 133q62 62 62 150t-62 150z +" /> + <glyph glyph-name="iconguanbi" unicode="" +d="M580 384l363 363q14 14 14 34t-14 34t-34 14t-34 -14l-363 -363l-363 363q-14 14 -34 14t-34 -14t-14 -34t14 -34l363 -363l-363 -363q-14 -14 -14 -34t14 -34t34 -14t34 14l363 363l363 -363q14 -14 34 -14t34 14t14 34t-14 34z" /> + <glyph glyph-name="iconshangchuan" unicode="" +d="M768 640q-2 0 -4.5 -0.5t-4.5 -0.5q-21 84 -89.5 138.5t-157.5 54.5t-157.5 -54.5t-89.5 -138.5q-2 0 -4.5 0.5t-4.5 0.5q-106 0 -181 -75t-75 -181t75 -181t181 -75h128v-128v-64h64h192v64v128h128q106 0 181 75t75 181t-75 181t-181 75zM576 320v-192v-128h-128v128 +v192h-192l256 256l256 -256h-192z" /> + <glyph glyph-name="icontupianchicun" unicode="" +d="M896 128v512v128h-128h-512v128h-128v-128h-128v-128h128v-512v-128h128h512v-128h128v128h128v128h-128zM768 128h-512v512h512v-512zM320 576h384v-384h-384v384z" /> + <glyph glyph-name="iconchaolianjiekongjian" unicode="" +d="M43 768v-768h938v768h-938zM490.5 725q26.5 0 45.5 -18.5t19 -45t-19 -45.5t-45.5 -19t-45 19t-18.5 45.5t18.5 45t45 18.5zM320 725q26 0 45 -18.5t19 -45t-19 -45.5t-45 -19t-45 19t-19 45.5t19 45t45 18.5zM149.5 725q26.5 0 45 -18.5t18.5 -45t-18.5 -45.5t-45 -19 +t-45.5 19t-19 45.5t19 45t45.5 18.5zM939 43h-854v512h854v-512zM213 469h598v-85h-598v85zM213 341h598v-85h-598v85zM213 213h598v-85h-598v85z" /> + <glyph glyph-name="icontupiankongjian" unicode="" +d="M43 768v-768h938v768h-938zM939 43h-854v682h854v-682zM768 555zM683 554.5q0 35.5 25 60.5t60 25t60 -25t25 -60.5t-25 -60.5t-60 -25t-60 25t-25 60.5zM683 341l-128 -128l-256 342l-171 -470h768z" /> + <glyph glyph-name="iconfuzhidaofenzu" unicode="" +d="M576 320l192 160l-192 160v-128h-384v-64h384v-128zM64 704h64v-640h-64v640zM64 64h768v-64h-768v64zM192 832v-256h64v192h640v-576h-640v192h-64v-256h768v704h-768z" /> + <glyph glyph-name="icontianjiafenzu" unicode="" +d="M448 768h64v-704h-64v704zM128 448h704v-64h-704v64z" /> + <glyph glyph-name="iconyichufenzu" unicode="" +d="M768 256l192 160l-192 160v-128h-512v-64h512v-128zM704 640v192h-640v-832h640v192h-64v-128h-512v704h512v-128h64z" /> + <glyph glyph-name="iconyidaofenzu" unicode="" +d="M576 256l192 160l-192 160v-128h-512v-64h512v-128zM320 640v192h640v-832h-640v192h64v-128h512v704h-512v-128h-64z" /> + <glyph glyph-name="iconfenlei" unicode="" +d="M320 768h640v-128h-640v128zM320 448h640v-128h-640v128zM320 128h640v-128h-640v128zM64 768h128v-128h-128v128zM64 448h128v-128h-128v128zM64 128h128v-128h-128v128z" /> + <glyph glyph-name="iconxilie" unicode="" +d="M448 64v256h192v128h-192v256h192v128h-192q-26 0 -47 -7t-34 -18.5t-23 -25t-14 -27t-6.5 -25t-3.5 -18.5v-7v-256h-128v-128h128v-256h-128v-128h640v128h-384z" /> + <glyph glyph-name="bi40qietuzitibeijing" unicode="" +d="M371 128l44 147l33 33v12v64v64h-64v64h-256v-64h192v-64h-128h-64v-64h-64v-128h64v-64h64h128h51zM192 320h128v-128h-128v128zM652 512h-12v192h-128v-332zM768 236v-44h-44l-64 -64h172v64h64v172zM887 465l-303 -302l-136 -35l45 125l303 303z" /> + <glyph glyph-name="bi40qietuzitiyanse" unicode="" +d="M867 128h-174l-45 128h-241l-46 -128h-169l241 640h193zM607 384l-80 233l-80 -233h160z" /> + <glyph glyph-name="iconzitibeijingbg" unicode="" +d="M64 448h896v-128h-896v128z" /> + <glyph glyph-name="iconshuoming25" unicode="" +d="M512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM576 64h-128v128h128v-128zM702 426q-17 -23 -63 -59l-30 -24q-27 -21 -33 -41q-2 -4 -3 -16t-2 -21l-1 -9 +h-116q2 66 14 96q10 24 57 61l31 24q16 12 25 24q17 24 17 52q0 32 -19 59t-69 27q-28 0 -44.5 -5t-26.5 -21q-3 -4 -5.5 -10t-4.5 -11.5t-3.5 -11.5t-3 -11t-2.5 -9t-1 -6v-2h-124q2 51 24.5 96t60.5 70q45 29 124 29q95 0 161 -48q64 -47 64 -138q0 -57 -27 -95z" /> + <glyph glyph-name="icontubiaobiaojidenghao" unicode="" +d="M128 640h768v-128h-768v128zM128 256h768v-128h-768v128z" /> + <glyph glyph-name="icontubiaobiaojishangjiantou" unicode="" +d="M0 134q46 -26 94 -42.5t99 -23t97.5 0t88 32.5t71 69t46 114t14.5 164h-254l384 384l384 -384h-248q2 -98 -17.5 -178.5t-55.5 -136t-86.5 -94t-109.5 -55t-124.5 -15.5t-131 20t-130.5 56t-121 89z" /> + <glyph glyph-name="icontubiaobiaojixiajiantou" unicode="" +d="M1024 634q-46 25 -94 42t-99 23.5t-97.5 -0.5t-88 -32.5t-71 -68.5t-46 -114t-14.5 -164h254l-384 -384l-384 384h248q-2 98 17.5 178.5t55.5 136t86.5 94t109.5 55t124.5 15.5t131 -20t130.5 -56t121 -89z" /> + <glyph glyph-name="icontubiaobiaojiyuan" unicode="" +d="M512 384zM64 384q0 185 131.5 316.5t316.5 131.5t316.5 -131.5t131.5 -316.5t-131.5 -316.5t-316.5 -131.5t-316.5 131.5t-131.5 316.5z" /> + <glyph glyph-name="xiala-copy" unicode="" +d="M366 634l322 -219q17 -12 17 -32.5t-17 -31.5l-322 -219q-16 -10 -31.5 0.5t-15.5 31.5v438q0 21 15.5 31.5t31.5 0.5z" /> + <glyph glyph-name="iconjisuanzhibiao" unicode="" +d="M960 541v4v5t-0.5 4.5t-1.5 3.5t-2 1h-90q-8 0 -18 -12l-93 -107q-7 -9 -12 1l-51 105q-7 13 -16 13h-146q-4 0 -11 -6.5t-7 -11.5v7q0 4 -3.5 7.5t-7.5 3.5h-92l23 94q3 12 17 27.5t28 25.5q23 16 54 21.5t49.5 4t55.5 -8.5t44 -8v91q-1 0 -23.5 5t-30 6.5t-32 5 +t-38 2.5t-37.5 -3t-42 -8.5t-40 -17.5t-42 -27q-52 -42 -68 -114l-25 -96h-171q-4 0 -7.5 -3.5t-3.5 -7.5v-90q0 -4 3.5 -7.5t7.5 -3.5h142l-88 -343q-5 -18 -12.5 -30t-15 -15.5t-14.5 -4.5t-12 0l-4 1h-63v-112h63q27 0 44 1.5t37.5 7.5t32.5 18q32 30 54 131l86 346h120 +q4 0 7.5 3.5t3.5 7.5v-7q0 -4 18 -4h90q9 0 16 -13l36 -74q5 -10 -3 -19l-101 -113q-4 -5 -18 -5h-76q-4 0 -11 -6.5t-7 -11.5v-90q0 -4 18 -4h90q14 0 18 5l128 144q7 9 12 -2l72 -140q3 -7 16 -7h90h3q1 0 1 1v3v90v4v5t-0.5 4.5t-1.5 3.5t-2 1h-34q-13 0 -16 7l-56 110 +q-5 11 2 20l66 75q10 12 18 12h76h3q1 0 1 1v3v90z" /> + <glyph glyph-name="iconjuzhong" unicode="" +d="M384 704h320v-64h-320v64zM192 512h704v-64h-704v64zM384 320h320v-64h-320v64zM192 128h704v-64h-704v64z" /> + <glyph glyph-name="iconjuzuo" unicode="" +d="M192 704h320v-64h-320v64zM192 512h704v-64h-704v64zM192 320h320v-64h-320v64zM192 128h704v-64h-704v64z" /> + <glyph glyph-name="iconbudengyu" unicode="" +d="M256 469h512v-42h-512v42zM256 341h512v-42h-512v42zM345 581l364 -364l-30 -30l-364 364z" /> + <glyph glyph-name="icondayu" unicode="" +d="M299 135v-50l426 258v43l-426 254v-53l389 -223z" /> + <glyph glyph-name="icondayudaijiantou" unicode="" +d="M640 171l171 -171l170 171h-341zM43 263v-50l426 258v43l-426 254v-53l389 -223z" /> + <glyph glyph-name="icondayudengyu" unicode="" +d="M671 456l-372 135v49l426 -158v-52l-426 -158v53zM725 331v-49l-426 -154v43z" /> + <glyph glyph-name="icondayudengyudaijiantou" unicode="" +d="M415 542l-372 134v49l426 -157v-53l-426 -157v52zM469 417v-49l-426 -155v43zM640 171l171 -171l170 171h-341z" /> + <glyph glyph-name="iconxiala" unicode="" +d="M960 896h-896q-26 0 -45 -19t-19 -45v-896q0 -26 19 -45t45 -19h896q26 0 45 19t19 45v896q0 26 -19 45t-45 19zM896 0h-768v768h768v-768zM704 512h-384l192 -256z" /> + <glyph glyph-name="icondanchumingxibiao" unicode="" +d="M960 896h-896q-26 0 -45 -19t-19 -45v-896q0 -26 19 -45t45 -19h896q26 0 45 19t19 45v896q0 26 -19 45t-45 19zM960 -64h-896v896h896v-896zM256 384zM192 384q0 26 19 45t45 19t45 -19t19 -45t-19 -45t-45 -19t-45 19t-19 45zM512 384zM448 384q0 26 19 45t45 19 +t45 -19t19 -45t-19 -45t-45 -19t-45 19t-19 45zM768 384zM704 384q0 26 19 45t45 19t45 -19t19 -45t-19 -45t-45 -19t-45 19t-19 45z" /> + <glyph glyph-name="xiala-copy1" unicode="" +d="M262 238l219 322q12 17 32.5 17t31.5 -17l219 -322q10 -16 -0.5 -31.5t-31.5 -15.5h-438q-21 0 -31.5 15.5t-0.5 31.5z" /> + <glyph glyph-name="xiala-copy-copy" unicode="" +d="M658 134l-322 219q-17 12 -17 32.5t17 31.5l322 219q16 10 31.5 -0.5t15.5 -31.5v-438q0 -21 -15.5 -31.5t-31.5 -0.5z" /> + <glyph glyph-name="iconshishibaobiaoxiaotu" unicode="" +d="M640 832h-512q-18 0 -31 -7t-19 -16.5t-9.5 -19t-4.5 -16.5v-7v-766q0 -28 16 -44t32 -18l16 -2h704q28 0 44 16t18 32l2 16v576zM659 576q51 -41 80 -99t29 -125q0 -119 -84.5 -203.5t-203.5 -84.5t-203.5 84.5t-84.5 203.5t84.5 203.5t203.5 84.5q87 0 160 -49v177 +l192 -192h-173zM448 384h-128v-64h128h64v256h-64v-192z" /> + <glyph glyph-name="icondanxuanweixuanze" unicode="" +d="M512 704q132 0 226 -94t94 -226t-94 -226t-226 -94t-226 94t-94 226t94 226t226 94zM512 768q-159 0 -271.5 -112.5t-112.5 -271.5t112.5 -271.5t271.5 -112.5t271.5 112.5t112.5 271.5t-112.5 271.5t-271.5 112.5v0z" /> + <glyph glyph-name="icondanxuanxuanze" unicode="" +d="M512 768q-159 0 -271.5 -112.5t-112.5 -271.5t112.5 -271.5t271.5 -112.5t271.5 112.5t112.5 271.5t-112.5 271.5t-271.5 112.5zM512 256q-53 0 -90.5 37.5t-37.5 90.5t37.5 90.5t90.5 37.5t90.5 -37.5t37.5 -90.5t-37.5 -90.5t-90.5 -37.5z" /> + <glyph glyph-name="iconduoxuanweixuanze" unicode="" +d="M832 704v-640h-640v640h640zM832 768h-640q-26 0 -45 -19t-19 -45v-640q0 -26 19 -45t45 -19h640q26 0 45 19t19 45v640q0 26 -19 45t-45 19v0z" /> + <glyph glyph-name="iconduoxuanxuanze" unicode="" +d="M832 768h-640q-26 0 -45 -19t-19 -45v-640q0 -26 19 -45t45 -19h640q26 0 45 19t19 45v640q0 26 -19 45t-45 19zM774 521l-342 -342q-14 -14 -34 -14h-5q-22 2 -35 21l-114 171q-11 17 -7 36.5t20.5 30.5t36 7t30.5 -20l81 -123l301 301q14 14 34 14t34 -14t14 -34 +t-14 -34z" /> + <glyph glyph-name="iconhuifu" unicode="" +d="M545 795q-85 0 -159 -28.5t-129 -80.5t-87.5 -130t-32.5 -172h-93l142 -196l142 196h-93q0 141 89 227t221 86q128 0 218.5 -90t90.5 -217.5t-90.5 -218t-218.5 -90.5q-21 0 -35 -14t-14 -34.5t14 -34.5t35 -14q110 0 204 54t148.5 147.5t54.5 204t-54.5 204 +t-148.5 147.5t-204 54z" /> + <glyph glyph-name="iconquxiaofenxiang" unicode="" +d="M908 372q-14 14 -34 14t-34 -14l-120 -120l-121 120q-14 14 -33.5 14t-34 -14t-14.5 -34t14 -34l121 -120l-121 -121q-14 -14 -14 -33.5t14.5 -33.5t34 -14t33.5 14l121 120l120 -120q14 -14 34 -14t34 14t14 33.5t-14 33.5l-121 121l121 120q14 14 14 34t-14 34z +M401 258q48 55 48 126q0 28 -11 59l169 92q27 -40 69 -63.5t92 -23.5q80 0 136 56t56 136t-56 136t-136 56t-136 -56t-56 -136q0 -21 6 -46l-173 -94q-27 35 -67 55.5t-85 20.5q-80 0 -136 -56t-56 -136t56 -136t136 -56q48 0 94 25l75 -75q9 -9 22.5 -9t23 9t9.5 22.5 +t-10 22.5zM768 736q40 0 68 -28t28 -68t-28 -68t-68 -28t-68 28t-28 68t28 68t68 28zM161 384q0 40 28 68t67.5 28t68 -28t28.5 -68t-28.5 -68t-68 -28t-67.5 28t-28 68z" /> + <glyph glyph-name="iconshangchuan1" unicode="" +d="M384 192h256v320h168q22 0 29.5 21t-9.5 36l-296 246q-8 7 -20 7t-20 -7l-296 -246q-17 -15 -9.5 -36t29.5 -21h168v-320zM704 256v-128h-384v128h-256v-320h896v320h-256zM768 0h-64v64h64v-64zM896 0h-64v64h64v-64z" /> + <glyph glyph-name="iconshangjiantou" unicode="" +d="M556 115l259 302q24 28 8.5 61.5t-52.5 33.5h-518q-37 0 -52.5 -33.5t8.5 -61.5l259 -302q18 -20 44 -20t44 20z" /> + <glyph glyph-name="iconxiajiantou" unicode="" +d="M556 589l259 -302q24 -28 8.5 -61.5t-52.5 -33.5h-518q-37 0 -52.5 33.5t8.5 61.5l259 302q18 20 44 20t44 -20z" /> + <glyph glyph-name="iconyoujiantou" unicode="" +d="M717 431l-302 259q-28 24 -61.5 8.5t-33.5 -52.5v-517q0 -37 33.5 -52.5t61.5 8.5l302 259q20 17 20 43.5t-20 43.5z" /> + <glyph glyph-name="iconzuojiantou" unicode="" +d="M307 431l302 259q28 24 61.5 8.5t33.5 -52.5v-517q0 -37 -33.5 -52.5t-61.5 8.5l-302 259q-20 17 -20 43.5t20 43.5z" /> + <glyph glyph-name="iconzitibeijing1" unicode="" +d="M663 534l-151 151v104h-256v-276l-193 -194l362 -362l332 333q28 -111 19 -214q-1 -15 11.5 -22t23.5 3q25 22 48 48t47.5 63t39 82.5t14.5 92.5q0 38 -16.5 69t-45 51t-59.5 34t-67.5 21.5t-61 10.5t-47.5 5zM320 725h128v-20l-128 -128v148zM425 48l-272 271l295 295 +v-209h64v189l216 -216q2 -4 8 -19z" /> + <glyph glyph-name="gougou-copy" unicode="" +d="M720 565q-13 10 -29 7.5t-25 -15.5l-211 -286l-98 122q-10 12 -25.5 14t-28 -8t-14.5 -26t8 -28l130 -161q12 -14 30 -14h1q19 0 30 15l240 326q9 13 6.5 29t-14.5 25v0zM720 565zM512 834q-186 0 -318 -132t-132 -318t132 -318t318 -132t318 132t132 318t-132 318 +t-318 132v0zM512 22q-98 0 -181.5 48.5t-132 132t-48.5 181.5t48.5 181.5t132 132t181.5 48.5t181.5 -48.5t132 -132t48.5 -181.5t-48.5 -181.5t-132 -132t-181.5 -48.5v0zM512 22z" /> + <glyph glyph-name="iconbiaogefanyejiantoushang" unicode="" +d="M876.5 128q-30.5 0 -51.5 22l-313 312l-313 -312q-21 -22 -51.5 -22t-52 21.5t-21.5 52t21 52.5l365 364q22 22 52.5 22t51.5 -22l365 -364q21 -22 21 -52.5t-21.5 -52t-52 -21.5z" /> + <glyph glyph-name="iconbiaogefanyejiantouxia" unicode="" +d="M147.5 640q30.5 0 51.5 -22l313 -312l313 312q21 22 51.5 22t52 -21.5t21.5 -52t-21 -52.5l-365 -364q-22 -22 -52.5 -22t-51.5 22l-365 364q-21 22 -21 52.5t21.5 52t52 21.5z" /> + <glyph glyph-name="iconbiaogefanyejiantouyou" unicode="" +d="M256 19.5q0 30.5 22 51.5l312 313l-312 313q-22 21 -22 51.5t21.5 52t52 21.5t52.5 -21l364 -365q22 -22 22 -52.5t-22 -51.5l-364 -365q-22 -21 -52.5 -21t-52 21.5t-21.5 52z" /> + <glyph glyph-name="iconbiaogefanyejiantouzuo" unicode="" +d="M768 748.5q0 -30.5 -22 -51.5l-312 -313l312 -313q22 -21 22 -51.5t-21.5 -52t-52 -21.5t-52.5 21l-364 365q-22 22 -22 52.5t22 51.5l364 365q22 21 52.5 21t52 -21.5t21.5 -52z" /> + <glyph glyph-name="iconbiaogegundongtiaojiantoushang" unicode="" +d="M0 128h1024l-512 512z" /> + <glyph glyph-name="iconbiaogegundongtiaojiantouxia" unicode="" +d="M1024 640h-1024l512 -512z" /> + <glyph glyph-name="iconbiaogegundongtiaojiantouyou" unicode="" +d="M256 896v-1024l512 512z" /> + <glyph glyph-name="iconbiaogegundongtiaojiantouzuo" unicode="" +d="M768 896v-1024l-512 512z" /> + <glyph glyph-name="iconliandongfenzu" unicode="" horiz-adv-x="1639" +d="M1098 458h-296l109 -112l-197 -203l68 -69l202 202l114 -112v294zM1244 664h-640q-26 0 -45 -19t-19 -45v-640q0 -26 19 -45t45 -19h640q27 0 45.5 19t18.5 45v640q0 26 -18.5 45t-45.5 19zM1212 -8h-576v576h576v-576zM1026 776v96h-632q-26 0 -45 -19t-19 -45v-670h96 +v638h600z" /> + <glyph glyph-name="qidonghuamianbangzhu" unicode="" +d="M512 766q77 0 146.5 -29t123.5 -83t83 -124t29 -146.5t-29 -146t-83 -123.5t-124 -83t-146.5 -29t-146 29t-123.5 83t-83 124t-29 146.5t29 146t83 123.5t124 83t146 29v0zM512 811q-85 0 -163 -32.5t-138.5 -93t-93 -138.5t-32.5 -163t32.5 -163t93 -138.5t138.5 -93 +t163 -32.5t163 32.5t138.5 93t93 138.5t32.5 163t-32.5 163t-93 138.5t-138.5 93t-163 32.5v0zM512 208zM629.5 593q-42.5 38 -110.5 38q-77 0 -122 -45.5t-45 -124.5v0q1 -12 10 -20.5t21 -8.5t21 8.5t10 20.5v0v2v0v0q1 117 102 117q39 0 64.5 -23t25.5 -58q0 -42 -47 -84 +l-23 -21q-35 -31 -44.5 -54t-9.5 -73v0v-3q0 -12 8.5 -20.5t20.5 -8.5q11 0 19 8t9 19v0l1 11q0 52 49 92q83 68 83 130q0 60 -42.5 98zM512 164zM473 164zM544 132q0 -14 -9.5 -23.5t-22.5 -9.5t-22.5 9.5t-9.5 23t9.5 23t22.5 9.5t22.5 -9.5t9.5 -22.5v0z" /> + <glyph glyph-name="qidonghuamiangengxin" unicode="" +d="M138 440q7 0 13 4l116 76q8 6 10 15.5t-3 17.5t-15 10t-18 -3l-65 -43q40 98 128.5 158t195.5 60q117 0 211.5 -71.5t126.5 -183.5q5 -17 23 -17h6q9 3 14 11.5t2 18.5q-36 128 -143 208.5t-240 80.5q-124 0 -227 -71.5t-146 -187.5l-46 70q-6 8 -15.5 10t-17.5 -3.5 +t-10 -15t3 -17.5l77 -116q7 -11 20 -11v0zM982 267l-82 112q-9 12 -24 9q-5 -1 -9 -4l-113 -82q-8 -6 -9.5 -15.5t4.5 -17.5q7 -10 19 -10q8 0 14 5l61 44q-27 -119 -123 -197t-220 -78q-131 0 -230 86.5t-117 216.5q-2 9 -9.5 15t-17.5 5t-16 -9t-4 -18q20 -147 133 -245 +t261 -98q143 0 254 92t138 232l52 -71q7 -10 19 -10q8 0 14 4q8 6 9.5 16t-4.5 18v0z" /> + <glyph glyph-name="qidonghuamianzaicijinru" unicode="" +d="M804 -14h-531q-44 0 -75 31t-31 75v44h53v-44q0 -22 15.5 -37.5t37.5 -15.5h531q22 0 37.5 15.5t15.5 37.5v584q0 22 -15.5 37.5t-37.5 15.5h-531q-22 0 -37.5 -15.5t-15.5 -37.5v-49h-53v49q0 44 31 75t75 31h531q44 0 75 -31t31 -75v-584q0 -44 -31 -75t-75 -31v0z +M531 550q-8 7 -8 18t8 19t19 8t19 -8l183 -183q8 -8 7 -20q1 -12 -7 -20l-183 -183q-8 -8 -19 -8t-19 7.5t-8 18.5t8 19l139 139h-530q-11 0 -18.5 8t-7.5 19t7.5 19t18.5 8h530l-139 139v0zM193 160v0q11 0 19 -8t8 -19v-17q0 -11 -8 -18.5t-19 -7.5v0q-11 0 -18.5 7.5 +t-7.5 18.5v17q0 11 7.5 19t18.5 8zM193 705v0q11 0 19 -8t8 -19v-52q0 -11 -8 -19t-19 -8v0q-11 0 -18.5 8t-7.5 19v52q0 11 7.5 19t18.5 8z" /> + <glyph glyph-name="quanjuyangshi" unicode="" horiz-adv-x="1639" +d="M706 738v-244h-245v244h245zM731 828h-296q-26 0 -45 -19t-19 -45v-296q0 -26 19 -45t45 -19h296q27 0 45.5 19t18.5 45v296q0 26 -18.5 45t-45.5 19v0zM1178 738v-244h-245v244h245zM1203 828h-296q-26 0 -45 -19t-19 -45v-296q0 -26 19 -45t45 -19h296q27 0 45.5 19 +t18.5 45v296q0 26 -18.5 45t-45.5 19v0zM706 270v-244h-245v244h245zM731 360h-296q-26 0 -45 -19t-19 -45v-296q0 -26 19 -45t45 -19h296q27 0 45.5 19t18.5 45v296q0 26 -18.5 45t-45.5 19v0zM1178 270v-244h-245v244h245zM1203 360h-296q-26 0 -45 -19t-19 -45v-296 +q0 -26 19 -45t45 -19h296q27 0 45.5 19t18.5 45v296q0 26 -18.5 45t-45.5 19v0z" /> + <glyph glyph-name="shangchuantupian" unicode="" +d="M247 618zM143 618q0 43 30.5 73.5t73.5 30.5t73.5 -30.5t30.5 -73.5t-30.5 -73.5t-73.5 -30.5t-73.5 30.5t-30.5 73.5zM548 -77h-548v959h959v-582h-68v514h-822v-823h479v-68zM851 26h171l-231 314l-231 -314h154v-137h137v137zM730 396l-56 169l-236 -333l-118 119 +l-196 -257h390z" /> + <glyph glyph-name="jiantouzuo" unicode="" +d="M778 896l-542 -511l542 -513l33 36l-505 477l505 476z" /> + <glyph glyph-name="jiantouyou" unicode="" +d="M269 -128l542 511l-542 513l-33 -35l504 -478l-504 -475z" /> + <glyph glyph-name="biaoqianxianshiweizhineice" unicode="" +d="M0 896v-1024h1024v1024h-1024zM981 -85h-938v938h938v-938v0zM169 734h683v-426h-683v426z" /> + <glyph glyph-name="biaoqianxianshiweizhiwaice" unicode="" horiz-adv-x="1025" +d="M0 384v-512h1024v512h-1024zM981 -85h-938v426h938v-426v0zM168 896h682v-427h-682v427z" /> + <glyph glyph-name="biaoqianxianshiweizhijuzhong" unicode="" +d="M2 715v-843h1020v843h-172v181h-680l-1 -181h-167zM979 -85h-934v758h125v-176h680v176h129v-758z" /> + <glyph glyph-name="kongjiandanzhihuakuai" unicode="" horiz-adv-x="1026" +d="M1 676h46v-92h-46v92zM47 722h46v-92h-46v92zM93 767h92v-412h-92v412zM322 722h92v-46h-92v46zM368 767h229v-45h-229v45zM551 722h92v-138h-92v138zM506 630h91v-92h-91v92zM460 584h46v-92h-46v92zM506 538h45v-46h-45v46zM414 538h92v-92h-92v92zM368 492h92v-91h-92 +v91zM322 446h46v-91h-46v91zM368 401h275v-46h-275v46zM689 722h92v-46h-92v46zM735 767h229v-45h-229v45zM918 722h92v-92h-92v92zM827 630h137v-46h-137v46zM918 584h92v-138h-92v138zM918 446h46v-45h-46v45zM689 446h92v-45h-92v45zM735 401h183v-46h-183v46zM17 136 +h1008v-92h-1008v92zM460 205h138v-229h-138v229z" /> + <glyph glyph-name="kongjianliebiaoshu" unicode="" +d="M0 881h420v-250h-420v250zM1024 385v127h-604v-45h-241v164h-37v-700h37v0h241v-44h604v126h-604v-44h-241v214h241v-45h604v127h-604v-45h-241v210h241v-45h604z" /> + <glyph glyph-name="kongjianqujianhuakuai" unicode="" +d="M0 660h46v-93h-46v93zM46 706h47v-93h-47v93zM93 753h93v-419h-93v419zM325 706h93v-46h-93v46zM372 753h232v-47h-232v47zM558 706h93v-139h-93v139zM511 613h93v-93h-93v93zM465 567h46v-93h-46v93zM511 520h47v-46h-47v46zM418 520h93v-93h-93v93zM372 474h93v-93h-93 +v93zM325 427h47v-93h-47v93zM372 381h279v-47h-279v47zM697 706h93v-46h-93v46zM744 753h232v-47h-232v47zM929 706h93v-93h-93v93zM837 613h139v-46h-139v46zM929 567h93v-140h-93v140zM929 427h47v-46h-47v46zM697 427h93v-46h-93v46zM744 381h185v-47h-185v47zM630 205 +v-70h-418v70h-139v-232h139v69h418v-69h140v232h-140z" /> + <glyph glyph-name="kongjianshubiaoqian" unicode="" +d="M0 884h423v-251h-423v251zM591 386v127h-168v-45h-243v165h-37v-704h37v0h243v-45h168v127h-168v-44h-243v215h243v-45h168v127h-168v-44h-243v211h243v-45h168zM639 513h169v-127h-169v127zM639 264h169v-126h-169v126zM856 513h168v-127h-168v127zM856 264h168v-126 +h-168v126zM639 10h169v-126h-169v126zM856 10h168v-126h-168v126z" /> + <glyph glyph-name="kongjianshuzhiqujian" unicode="" horiz-adv-x="1025" +d="M0 674h47v-93h-47v93zM47 721h46v-93h-46v93zM93 767h93v-418h-93v418zM326 721h93v-47h-93v47zM372 767h233v-46h-233v46zM559 721h93v-140h-93v140zM512 628h93v-93h-93v93zM465 581h47v-93h-47v93zM512 535h47v-47h-47v47zM419 535h93v-93h-93v93zM372 488h93v-93h-93 +v93zM326 442h46v-94h-46v94zM372 395h280v-46h-280v46zM698 721h93v-47h-93v47zM745 767h232v-46h-232v46zM931 721h93v-93h-93v93zM838 628h139v-47h-139v47zM931 581h93v-139h-93v139zM931 442h46v-47h-46v47zM698 442h93v-47h-93v47zM745 395h186v-46h-186v46zM90 223 +h140v-233h-140v233zM835 223h140v-233h-140v233zM370 130h46v-47h-46v47zM416 177h93v-47h-93v47zM509 130h47v-47h-47v47zM556 83h93v-46h-93v46zM649 130h47v-47h-47v47z" /> + <glyph glyph-name="kongjianwenbenbiaoqian" unicode="" horiz-adv-x="1026" +d="M117 558h492v-85h-492v85zM117 294h114v-85h-114v85zM338 294h113v-85h-113v85zM562 294h114v-85h-114v85zM784 294h114v-85h-114v85zM1026 -64h-1024v896h1024v-896zM44 -21h939v810h-939v-810z" /> + <glyph glyph-name="kongjianwenbenliebiao" unicode="" +d="M290 504h615v-85h-615v85zM120 683h483v-86h-483v86zM290 333h615v-85h-615v85zM290 163h615v-86h-615v86zM120 504h85v-85h-85v85zM120 333h85v-85h-85v85zM120 163h85v-86h-85v86zM1024 -64h-1024v896h1024v-896zM43 -21h938v810h-938v-810z" /> + <glyph glyph-name="kongjianwenbenxiala" unicode="" horiz-adv-x="1026" +d="M1026 -69h-1024v896h614v-43h-572v-811h939v686h43v-728zM292 505h614v-85h-614v85zM122 684h482v-85h-482v85zM292 335h614v-86h-614v86zM292 164h614v-85h-614v85zM122 505h85v-85h-85v85zM122 335h85v-86h-85v86zM122 164h85v-85h-85v85zM989 828l-164 -247l-165 247 +h329z" /> + <glyph glyph-name="kongjianxialashu" unicode="" +d="M0 881h420v-250h-420v250zM1024 385v127h-604v-45h-241v164h-37v-700h37v0h241v-44h604v126h-604v-44h-241v214h241v-45h604v127h-604v-45h-241v210h241v-45h604zM1024 877l-161 -241l-160 241h321z" /> + <glyph glyph-name="quanjudaochu" unicode="" +d="M634 896v-186h160zM211 288h263v-70h-263v70zM211 122h263v-71h-263v71zM211 454h263v-70h-263v70zM1024 243l-198 205v-109h-282v-179h282v-109zM659 -26h-525v602h525v-109h135v186h-212v243h-582v-1024h659h135v0v154h-135v-52z" /> + <glyph glyph-name="iconshangxiazuan" unicode="" +d="M189 639v-704h415v704h-415zM521 18h-249v538h249v-538zM50 833v-806h144v77h-74v659h268v-125h72v195h-410zM846 608h128l-160 192l-160 -192h128v-448h-128l160 -192l160 192h-128v448z" /> + <glyph glyph-name="iconxiazuanyixuanze" unicode="" +d="M285 555h251v-537h-251v537zM410 640v128h-282v-664h76v536h206zM0 896v-1024h1024v1024h-1024zM618 -64h-414v91h-140v805h410v-192h144v-704zM818 -32l-160 192h128v640h64v-640h128z" /> + <glyph glyph-name="iconshangxiazuanyixuanze" unicode="" +d="M280 552h249v-527h-249v527zM396 768h-268v-663h69v535h199v128zM0 896v-1024h1024v1024h-1024zM612 -64h-415v91h-139v805h410v-192h144v-704v0zM986 128l-160 -192l-160 192h124v448h-124l160 192l160 -192h-132v-448h132z" /> + <glyph glyph-name="iconxiazuan" unicode="" +d="M204 639v-704h414v704h-414zM536 18h-250v538h250v-538zM64 833v-806h144v77h-73v659h267v-125h72v195h-410zM658 160l160 -192l160 192h-128v640h-64v-640h-128z" /> + <glyph glyph-name="fuwuqishujuji" unicode="" +d="M73 676.5q0 59.5 59 110t160 80t220 29.5t220 -29.5t160 -80t59 -110t-59 -110t-160 -80t-220 -29.5t-220 29.5t-160 80t-59 110zM512 384q-119 0 -220 29.5t-160 80t-59 109.5v-219q0 -60 59 -110.5t160 -79.5t220 -29t220 29t160 79.5t59 110.5v219q0 -59 -59 -109.5 +t-160 -80t-220 -29.5zM512 91q-119 0 -220 29.5t-160 80t-59 110.5v-220q0 -59 59 -109.5t160 -80t220 -29.5t220 29.5t160 80t59 109.5v220q0 -60 -59 -110.5t-160 -80t-220 -29.5z" /> + <glyph glyph-name="iconfuzhilianjie" unicode="" +d="M702 -25v-96h-631q-26 0 -45 19t-19 45v670h96v-638h599zM770 642q-8 8 -17 15l-9 6l-69 -69l14 -8q7 -5 14 -11l2 -2q20 -21 20 -49.5t-20 -48.5l-136 -136q-20 -20 -49 -20t-49 20l-3 2q-20 20 -20 49t20 49l68 67l-3 8q-15 37 -14 78v32l-118 -118q-48 -48 -48 -116 +t48 -116l3 -3q48 -48 116 -48t116 48l136 137q48 48 48 116t-48 116zM971 839l-2 2q-48 48 -116.5 48t-115.5 -48l-137 -136q-48 -48 -48 -116t48 -116l3 -3q7 -7 17 -14l8 -7l70 70l-14 8q-8 4 -14 11l-2 2q-21 20 -21 48.5t20 49.5l137 136q19 20 48.5 20t49.5 -20l2 -2 +q20 -21 20 -49.5t-20 -48.5l-68 -68l4 -8q15 -37 14 -77l-1 -32l118 118q48 48 48 116t-48 116zM853 138h-576v576h192v96h-224q-27 0 -45.5 -18.5t-18.5 -45.5v-640q0 -26 18.5 -45t45.5 -19h640q26 0 45 19t19 45v301h-96v-269z" /> + <glyph glyph-name="more-43" unicode="" +d="M512 -128q48 0 82 34t34 82.5t-34 82.5t-82 34t-82 -34t-34 -82.5t34 -82.5t82 -34zM512 268q48 0 82 34t34 82t-34 82t-82 34t-82 -34t-34 -82t34 -82t82 -34zM512 663v0q48 0 82 34t34 82.5t-34 82.5t-82 34v0v0q-48 0 -82 -34t-34 -82.5t34 -82.5t82 -34v0z" /> + <glyph glyph-name="icon_zuidahua" unicode="" +d="M109 473q-19 0 -32 13t-13 32v263q0 24 13.5 37.5t37.5 13.5h262q18 -1 31 -14t13 -31t-13 -31.5t-31 -14.5h-161l193 -193q13 -13 13 -31t-13 -31t-31 -13t-31 13l-193 193v-161q0 -19 -13 -32t-32 -13zM870 518v161l-193 -193q-13 -13 -31 -13t-31 13t-13 31t13 31 +l193 193h-161q-19 0 -32 13.5t-13 32t13 32t32 13.5h262q24 0 37.5 -13.5t13.5 -37.5v-263v-3q0 -19 -13 -32t-32 -13t-32 13t-13 32v3zM154 246v-161l193 193q13 13 31 13t31 -13t13 -31t-13 -31l-193 -193h161q19 0 32 -13.5t13 -32t-13 -32t-32 -13.5h-262 +q-24 0 -37.5 13.5t-13.5 37.5v263v2q0 18 13 31.5t32 13.5t32 -13.5t13 -31.5v-2zM915 291q19 0 32 -13t13 -32v-263q0 -24 -13.5 -37.5t-37.5 -13.5h-262q-19 0 -32 13.5t-13 32t13 32t32 13.5h161l-193 193q-13 13 -13 31t13 31t31 13t31 -13l193 -193v161v0q0 19 13 32 +t32 13v0z" /> + <glyph glyph-name="icon_zuixiaohua" unicode="" +d="M377 834q19 0 32 -13.5t13 -31.5v-263q0 -24 -13.5 -37.5t-37.5 -13.5h-262q-19 0 -32 13t-13 32t13 32t32 13h161l-193 194q-13 13 -13 31t13 31q13 12 31 12t31 -12l193 -194v162q0 18 13 31.5t32 13.5zM692 789v-162l193 194q13 12 31 12t31 -12q13 -13 13 -31 +t-13 -31l-193 -194h161q18 0 30.5 -13.5t12.5 -31.5t-12.5 -31.5t-30.5 -13.5h-262q-24 0 -37.5 13.5t-13.5 37.5v263q0 18 13 31.5t32 13.5t32 -13.5t13 -31.5zM332 -21v162l-193 -194q-13 -12 -31 -12t-31 12q-13 13 -13 31t13 31l193 194h-161q-18 0 -30.5 13.5 +t-12.5 31.5t12.5 31.5t30.5 13.5h262q24 0 37.5 -13.5t13.5 -37.5v-263q0 -18 -13 -31.5t-32 -13.5t-32 13.5t-13 31.5zM647 -66q-19 0 -32 13.5t-13 31.5v263q0 24 13.5 37.5t37.5 13.5h262q18 0 31.5 -13t13.5 -32t-13.5 -32t-31.5 -13h-161l193 -194q13 -13 13 -31 +t-13 -31q-13 -12 -31 -12t-31 12l-193 194v-162v0q0 -18 -13 -31.5t-32 -13.5z" /> + <glyph glyph-name="iconzhongmingming-06" unicode="" +d="M128 448h384v-128h-384v128zM816 542h142v-316h-142v316zM66 542h558v-316h-558v316zM66 226v316h558v66h-624v-448h624v66h-558zM1024 608h-208v-66h142v-316h-142v-66h208v448zM848 704v64h-256v-64h96v-640h-96v-64h256v64h-96v640h96z" /> + <glyph glyph-name="-" unicode="" +d="M995 454q-12 12 -32.5 20.5t-37.5 8.5v0q-24 0 -50 -15l-87 86q9 18 9 37q0 33 -23 56t-55 23h-1q-32 0 -55.5 -23.5t-23.5 -56.5q0 -13 7 -29.5t16 -26.5q24 -23 56 -23q17 0 36 10l87 -87q-14 -23 -14 -50q0 -26 13 -48l-88 -87q-16 8 -34 8q-16 0 -33 -8l-88 87 +q16 28 12.5 61.5t-27.5 56.5q-12 12 -32.5 20.5t-37.5 8.5t-37.5 -8.5t-32.5 -20.5q-23 -23 -27.5 -55t10.5 -60l-89 -89q-14 7 -30 7t-31 -7l-89 89q11 21 11 45t-11 45l89 89q21 -10 45 -5.5t41.5 22t22 41.5t-5.5 45l89 89q28 -15 60 -10.5t55 27.5q11 12 19 31.5t8 36.5 +q0 41 -29 70t-70 29q-16 0 -36 -8t-32 -19q-23 -23 -27.5 -55t10.5 -60l-89 -89q-14 7 -31 7q-13 0 -29.5 -7t-26 -16.5t-16.5 -26t-7 -29.5q0 -17 7 -31l-89 -89q-28 15 -60 10.5t-55 -27.5q-12 -12 -20.5 -32.5t-8.5 -37.5t8.5 -37.5t20.5 -32.5q23 -23 55 -27.5t60 10.5 +l89 -89q-10 -21 -5.5 -45t22 -41.5t41.5 -22t45 5.5l89 -89q-15 -28 -10.5 -60t27.5 -55q12 -11 32 -19t36 -8q41 0 70 29t29 70q0 17 -8 36.5t-19 31.5q-23 23 -55 27.5t-60 -10.5l-89 89q7 15 7 31t-7 30l89 89q46 -24 93 2l87 -88q-7 -16 -7 -34q0 -33 23 -56t55 -23v0v0 +q33 0 56 23t23 56q0 18 -8 34l88 88q25 -14 48 -14v0q41 0 70 29t29 70q0 17 -8.5 37.5t-20.5 32.5zM699.5 571.5q-7.5 7.5 -7.5 18.5t7.5 19t18.5 8t19 -8t8 -19t-8 -18.5t-19 -7.5t-18.5 7.5zM737 159q-8 -8 -19 -8t-18.5 8t-7.5 19t7.5 18.5t18.5 7.5t19 -7.5t8 -18.5 +t-8 -19zM957.5 351.5q-13.5 -13.5 -32.5 -13.5v0v0q-19 0 -32.5 13.5t-13.5 32.5t13.5 32.5t32.5 13.5t32.5 -13.5t13.5 -32.5t-13.5 -32.5z" /> + <glyph glyph-name="icon_danbiaogengxin_quan-" unicode="" +d="M672 448h-512v-64h320v-128h-192v-64h192v-128h-320v-64h704v64h-320v128h192v64h-192v128h320v64h-192zM32 832v-896q0 -26 19 -45t45 -19h832q26 0 45 19t19 45v896q0 26 -19 45t-45 19h-832q-26 0 -45 -19t-19 -45zM928 -64h-832v896h832v-896zM480 768 +q-3 -9 -9 -23.5t-28.5 -56.5t-49 -80t-72 -83.5t-97.5 -76.5h128q7 6 18 16.5t40.5 45t54 69.5t48 87t31.5 102h-64zM544 768q3 -9 9 -23.5t28.5 -56.5t49 -80t72 -83.5t97.5 -76.5h-128q-7 5 -18 15t-40.5 42.5t-54 67t-48 88t-31.5 107.5h64z" /> + <glyph glyph-name="icon_danbiaogengxin_zeng-" unicode="" +d="M352 192v256h64v-64h64v-384h64v64h192v-64h64v320h-64v-64h-192v64h256v64h64v256h-448v-128h-64v256h-64v-256h-128v-64h128v-256h64zM736 192v-64h-192v64h192zM800 576v-128h-64v64h-64v64h128zM480 576h128v-64h-64v-64h-64v128zM32 832v-896q0 -26 19 -45t45 -19 +h832q26 0 45 19t19 45v896q0 26 -19 45t-45 19h-832q-26 0 -45 -19t-19 -45zM928 -64h-832v896h832v-896zM608 640h-64l-64 128h64zM672 640h64l64 128h-64zM416 192l-256 -128v64l256 128v-64z" /> + <glyph glyph-name="gengxinchenggong-" unicode="" +d="M512 808q115 0 213 -56.5t154.5 -154.5t56.5 -213t-56.5 -213t-154.5 -154.5t-213 -56.5t-213 56.5t-154.5 154.5t-56.5 213t56.5 213t154.5 154.5t213 56.5zM512 896q-139 0 -257 -68.5t-186.5 -186.5t-68.5 -257t68.5 -257t186.5 -186.5t257 -68.5t257 68.5 +t186.5 186.5t68.5 257t-68.5 257t-186.5 186.5t-257 68.5zM444 166v0q-18 0 -31 13l-175 175q-12 12 -12 30.5t12.5 31t31 12.5t30.5 -12l144 -144l280 280q12 13 30.5 13t31.5 -13t13 -31t-13 -31l-311 -311q-13 -13 -31 -13v0z" /> + <glyph glyph-name="gengxinshibai-" unicode="" +d="M512 896q-104 0 -199 -40.5t-163.5 -109t-109 -163.5t-40.5 -199t40.5 -199t109 -163.5t163.5 -109t199 -40.5t199 40.5t163.5 109t109 163.5t40.5 199t-40.5 199t-109 163.5t-163.5 109t-199 40.5zM512 -28q-112 0 -207 55t-150 150t-55 207t55 207t150 150t207 55 +t207 -55t150 -150t55 -207t-55 -207t-150 -150t-207 -55zM512 -28zM478 715h68q29 0 28 -31l-16 -403q0 -8 -6 -14t-15 -6h-50q-9 0 -15 6t-6 14l-16 403q-1 31 28 31zM512 53q-29 0 -49 20.5t-20 49t20 49t49 20.5t49 -20.5t20 -49t-20 -49t-49 -20.5z" /> + <glyph glyph-name="icon_xuanxiangqia-" unicode="" +d="M186 477h652v-93h-652v93zM186 337h652v-93h-652v93zM186 198h652v-93h-652v93zM745 710v-93h-47v93h-279v-93h-47v186h-372v-838h1024v745h-279zM977 12h-930v558h930v-558v0z" /> + <glyph glyph-name="icon_xuanxiangqiayangshi-" unicode="" +d="M464 689l-126 -313h59l31 80h138l27 -80h58l-125 313h-62zM441 496l54 139l54 -139h-108zM57 644h107v-268h54v268h112v45h-273v-45zM884 541q27 7 40.5 27t13.5 45q0 37 -27 58q-30 22 -76 22h-152v-313h152q56 0 80 18q36 22 36 72q0 37 -18 49q-16 15 -49 22zM736 648 +h85q32 0 49 -9q14 -6 14 -31q0 -22 -14 -36q-9 -9 -49 -9h-85v85zM875 425q-27 -9 -49 -9h-90v98h90q33 0 53 -13q18 -18 18 -40q0 -21 -22 -36zM1024 131.5q0 -23.5 -19 -40t-45 -16.5h-896q-26 0 -45 16.5t-19 40t19 40.5t45 17h896q26 0 45 -17t19 -40.5z" /> + <glyph glyph-name="icon_xuanxiangqiayangshi-1" unicode="" +d="M479 517l-102 -256h47l26 66h113l22 -66h48l-103 256h-51zM461 360l44 113l44 -113h-88zM146 480h88v-219h44v219h91v37h-223v-37zM823 396q21 5 33 22q11 16 11 35v2q0 31 -22 47q-25 19 -62 19h-125v-256h125q46 0 65 14q30 18 30 59q0 30 -15 40q-13 13 -40 18z +M702 484h70q25 0 40 -7q11 -6 11 -26q0 -18 -11 -29q-7 -7 -40 -7h-70v69zM816 301q-20 -7 -40 -7h-1h-73v80h73q28 0 44 -11q14 -13 15 -33q0 -17 -18 -29zM951 753h-878q-30 0 -51.5 -21.5t-21.5 -51.5v-592q0 -30 21.5 -51.5t51.5 -21.5h878q30 0 51.5 21.5t21.5 51.5 +v592q0 30 -21.5 51.5t-51.5 21.5zM951 125q0 -15 -11 -26t-26 -11h-804q-15 0 -26 11t-11 26v518q0 15 10.5 26t26.5 11h804q16 0 26.5 -11t10.5 -26v-518v0z" /> + <glyph glyph-name="icon_daxiao-" unicode="" +d="M747 594v89h-171v-89h-424v-85h424v-82h171v82h125v85h-125zM704 469h-85v171h85v-171zM448 341h-171v-88h-125v-86h125v-82h171v82h424v86h-424v88zM405 128h-85v171h85v-171z" /> + <glyph glyph-name="icon_qiehuanweidu-" unicode="" +d="M966 258h-917h-1q-13 0 -26 -9t-18 -21q-4 -9 -4 -19q0 -19 14 -33l289 -290q15 -14 35 -14t33 14q15 15 15 34.5t-15 33.5l-207 207h801q20 1 34 15t14 34v1q0 19 -13.5 33t-33.5 14v0zM49 558h917q33 0 45 29q3 9 3 18v1v0q0 20 -14 34l-241 242q-14 14 -34 14t-34 -14 +q-14 -15 -14 -35t14 -33l159 -159h-801q-20 0 -34 -14.5t-14.5 -34t14 -34t34.5 -14.5z" /> + <glyph glyph-name="icon_luoxuanfenxibiao-" unicode="" horiz-adv-x="1025" +d="M951 859h-878q-30 0 -51.5 -21.5t-21.5 -51.5v-804q0 -30 21.5 -51.5t51.5 -21.5h878q30 0 51.5 21.5t21.5 51.5v804q0 30 -21.5 51.5t-51.5 21.5zM858 475q-15 1 -30 5l-141 -251q42 -33 42 -86q0 -45 -31.5 -77t-76.5 -32t-77 32t-32 77q0 25 12 48l-194 167 +q-26 -19 -59 -19q-13 0 -28 4l-66 -118q23 -24 23 -55q0 -33 -24 -57t-58 -24t-57.5 24t-23.5 57.5t23.5 57.5t57.5 24q2 0 18 -4l66 118q-14 13 -23.5 34.5t-9.5 40.5q0 42 30 71.5t72 29.5t72 -29.5t30 -71.5q0 -24 -12 -47l193 -166q12 10 31.5 17t35.5 7q11 0 23 -3 +l140 250q-23 16 -39 47t-16 58q0 54 38 91.5t91.5 37.5t91 -37.5t37.5 -91t-37.5 -91.5t-91.5 -38z" /> + </font> +</defs></svg> diff --git a/dist/font/iconfont.ttf b/dist/font/iconfont.ttf new file mode 100644 index 0000000000000000000000000000000000000000..11634db76f94d4c8bcb7676951e9fb68f859cc63 GIT binary patch literal 77900 zcmeFa34C1Dbw7U3ecSB&rqMcDW@L@5Z8RFM(({UK+1SR`MvSnH5C&{wFkr$uKnPIC zT1W^aV4zu$9O5K|G-*hb^_Q*5uWbxzlO|+o8d8_0Y5M=AsWtk4&wCnKUI>Pg(9iGJ zk!Id|_uY5jz31M0&bep1f`kwO{HQ{#UAukLHJ@I5mk{JZYSlTb*Q}))q2sz4*L9n> zwRa6YdA^40b+{h9Xy2~=jfWby;rfseO6x_}UR~$CxMT`y`YrA^j_<!@U&sG>_<lj@ zDj}TjzGT;d{YVes{;zO!T(b8~<9)ZCcK|Q{mLTKaJs0m9^FIA|Z@}w^aldB|5*)wN zZ^89DxV%04uD<R|l>=YH^;3A?m-oK$qFsyj-u$AVz;&p@&-U%QZojrZutHF12lCfl zv1{MOowqxV;QB_~e}4ZP4_y7z>)%%|D1!UJKiz-T#rr?->CcS|YDanEeta1k;#<of z`wkz!`^-1F9Q(+3eE23fMM&gS#INuRxZw&<syh8fXu=`iE5C*7x7$bhCy^s3XVDd; z+8+v(&v4u_zGh6A;<}$7Q;IW1u|p|}zeBQB6Du1($KNVDO{Q_hcdLXdT{t@M$2AaK z#>~v@nc%aTdvIl!#PxI`rxUGE(FdCNGvO9>B90aXMTJO;kO+&2h>Dn~MA_A%M%0Rw zs22^QQ8bCP$cSdKK(vUgXcY@Zn`jpuqEmE<oah#L(IX0CkytF2h^3+r?O7(4i(aup ztQ4!nYOzMF73YX`V!hZPt`k>^tHefet2iJwiF3u(VzbyHwu<w_HnCj{h(R$VhQ)|D zU%Wx=5EqD1aiQ2Lc8T5MA~7Z|7USX)u}54gE)$oFy<(rZLcCF2Bd!(u#X<2ValN=f z+$e4mH;Y?DQQRhO7jG7Kh_{G4#a-fV@h9RQaj$r*c$;{;=ojx0?-cJ6e=6=n-@jYD zM?4_jE4;!l9uyCWXM`a>FQ$Y?yidGeJS-j&hs2}eG4Z(gfcT*Jkod58LQIHBaaepr zJSjdZj);$mkBd);r^F}4)8bR&3*w97OXADo&&8+3XT)EK&x)^zuZsUAejxr{{80Qz z{8W5Rd|iA)d{cZ&{H6G|_>TDB;;+PCi@y=y6-ULh;yLj>@wXTW-xtqg27XTbSo}=< zMEryJx%fx%3-N;ZrT8atO#HKWQTz+Wp&*{6R@dXmqrn~#vne=~Z=Ohb&CX5??ANTw zS67fGT4#Q&d{#+d40m88o+n1>VE>WumSJ;)B;oaWg>PIaKJqD}f*cOo5g@0-r8`H1 z<k3~#Gb-Gw`%*tSgzj<Z!@^}~Qgyr3kr4TO-mSvxb@^6S_8*C(#Qxt?qQmJLe}zRR zP~^t5D^eXlt7@9(o>CkE(>Z+P7_(YEua0L|;K;~`*}QGr(xqLU@%XmUZKH1(UV7fr z^ZHj6@|{b%mc%>a9b1E)iC}Zo49BvhXQ|#Nt0|T5PUpMZWR{{SEgFeMe6m4LXDO31 zkRwyyCYMvZUXR3bT|M3DxNi8A8d|D%^<>&8lg?1SyH_ryu2?luMP+hZsHrNXyn|ec zOwApo4e~LH);9QjwZ6KArS+}V^^uB-y0GJ*ClvB{L!o;ey5?4;>i0FR+PcMTjK`ds zQ`7X)pK1PN^s}`KWG#6rGRch#0#&NFt}?XiuI~7fB~5WBQL#wj$~xbN`hv+I{%=gi z!i~Ow*O5qi8-n2o9sHR)5%yH4f68<1#+h#@Z<hZA>{%@~KkXx_DrDN@B!;o9s6rV5 z+C@5z2r1oiWu;jyB*{xp+$B;s300-7pe3|s<mqs%p|ME|XSGZZK-f^P19-WvLY#kk zNp$yg#UgsWa`V5e|H#cZfBeYJ2iE_q;dHtUIo*8UU)^`#Um3sNR4jh{she;4$l~AV zZX-%N|K|St|Hh(nv{T$7AEhbaxVRZ%+(4TI5s)y>*MvhdkQI>__eVYL9KGX$3+|xZ z{5#5&Xnf{f%7gN&pdMjRiWV~ykNJJ7BFRKsq$1>qP>7UGLQ%La3av>mhz8V9R@D0_ zQbS$6)SV7T4C={s#kB4M=?(R1`NkhUvv1!s{9`OGZQru{mZzp4TtbJpTy)D*@+<ZY z+%0`~_ZB+5_^Dei+EUuSgsHX^bu$~4=M@j|{oUfOr|&LGO)%_RFrhN4M+zrtE}@N} zP7cxy(nmlC4VN(>+-|uQo#Aq$GZvyCw~+3Uc~1zJZn!qhf6irW<ww_ym^D(|`Ig&n zyZ+$imyNz*^SLYgmK3rrHI;rJ0DFtqmnF2Rozgvh)YFY)y`Oy4PHnUtZO5?Jt0|)U zN#{Jcr$=h3hB(jcy%>-9T8eQV+>3SfQ7>^GJjeHXP!5;Pd2o;4(MFtS_Fh`U&`9$T zi7J25>aSLlhUTtwx$^EBcdfg@+v|(Q{2TnSsIS-CfRq|{w;Kn|NUGKTR(~w!Z^evw z*@yBjSDp1xRe&EV{mb6>?%Vg?y>xB4+*;S~E7w(f#>&*X>~b9ybCp30Dja8Q!G?|e z#=V;`6flAlGehz}<j=w1RGUcyBbo;#4t$#jqo6ej9^Fpj*<(0~r%;B{-2m<<^svt; zjnc!0H*A!)>a>tPZur7_X|%N4z%6>x2*0v-q=D9eN`TwC3g{#G>(aSK*sIfHD9{(? z0$<`CpzaYRAy;C4HJSBMp8-}6O+iDX6q|4ma;pL|FV{p8kqD+16?m@tfiUsPS~B>R zeH7;@oRQ7{=m^9dzxahC7I6IIymQL_!VwSfjX?aQ+cqp!ak=~*y@+XX1{~4NP$UJw zQ_?-TR98&??)#nv?(e&zQF<ER&y_wG4ARO#Z7m7|?>Vy&C~zTot6Fe`YsJT(URftq zjpr#7zGk7ThN_PWL#l=x19PhCnmU9zNs<PENEkB-m%_9+jr?t=<Of>P7{kszM<h1^ zR&*X0u(r}{w;wRZ%Wrs@CqU|aYuBt^W%hP<#Nz;xg}r2?Mt1ee?lzJjTcAr_H8SEO z>Q&=45`+tIkLG&Py|U1&fO>I4I2Ub@d;a(5?%ulf?$6nWZ$ACO>&`jnx)0ii(nF*K zV+$)Anlw#Q_c(kbBsC-Ai!4YxJqw0bn7c!7yWj$4;oRd~%JFy3J<r9^&sA?K5m3~s z`lQ1>5~*8D-il<U!_!<?R<|;v$aPyvzZhp+DP~&H53T6ajM(3QBnenH8l>q`*W|eB zkW$g5G6p0Mv^^+v-G;jk1le+iY(nUo06v{V_W-v-Ye&q8*V9;ETT@vPiv$Cnj5iYv zI6+eCd=#jmx?T#Tl~j;1R6dwuG?hyQEnF4EK#J({p3*Om-F^2lis5%?Mud~$8Q}|s zy~L-4(~#17_p!N5rAzsC$amtl&w2>c{RPpi#Az=EhW-f*rgXN63h_c*iqZ>hFTBv! zO!0*;ys(hRyCyE2IjFo}{t#5H0qdD_umag?p4*iLOja+)SRFVQU96bMsz@GdQfR8w zn5r8Xydz-JoeteOA{?MIn*^9kpc@CRId5w`kx0bj6%|2OJWJ_1jEZP55{t*`K*jUH z?zExTVX$=f6ng67H6RQ2^>RX%u0l^CdWIAq@gpZ?QR)wtK6r3xU*FP$bUq(1y`uE1 zD+)`O7OtSc6@?{B3ifr+1-pK+>w^5Lmmjb)&)t+0xm<Epx@4qRSLAXPtJCx!=~Z7& zr$ZfG9U=ShWK&bPJ=xowsHjLZ_a@uFXkDMTfUg&vmu&w>zJ1~ns1q<Q&g@i7`8@cJ zAb6z;a7%CQKN7KKG^6Pq9<UKYY9xn+=5hewnm*)qN<&qRem)xNRsl@0h6y&hchA}8 zA2BP1sIIC^RwUxFXe1m82E5<`gb@q|y}>Ny8=|RbDi7icT-Jk8spWzV%IsH~Q!_$N zO&9y~Waj&)r>JO}_P;!Yv*I*T`}0zmC6lJ?FWPF(>{X`ZF>o7EQHK?DR`^ZNf^=hj zGUj)yLIWS*r?^pwXA12!?=*ZORVl=cOu>j#fs{bc^~2G9`=Z0w_e>vY9ya}(H~Y=u z=Koc(Xo0IM=UT8R`P_E?+<!m4c>nZG^4PWE9k=)P-o7JzZK-w8x9Y-$3ol&d8!Y{2 zk2AZhs%lx**(3eu<MYrXk4*pbBl6=6&~lx15j1^3!C+jMqvI|Nk{?qiML{Eo78aFa zsaP!0i=|NM#Ui~6IRHz3wuttskTFz4ZjgbTphJ|*y0(CnY9(oIX*x+RtdgD#IqFGo zC6`J<@3Tk1V$e8skB}a@2P1_vF$%OomtX<zaC#iWC{#C``Vd~^avQE8aBtdHp=oZ7 zi9#EO(2`RNpz*UV!R&j*598JSvz2gbYd|o<9qrkc1<mQEP%zd~ALJnx&&GLJ@jwbT zrLY__c<R>@##kQ(GlZMV`3D1zM_)ePP?W`K3@uX@OJ*qPF{myOkY-h#lmL5qa9PJ< zvA7-irlx_di@tE!Fs5(geEfjGD71#?j4(~CWQum*9>aLt3q+-VLL=Zp%1{$nAZ5xd z31lQwnzGd_6>(jZreL~l&K$PJF!yNy^Yxu(*zb{Gthgu9d9p7+>hk_0F2KLTNd^|x z#wf<VE-`U|BC#4!hENh2f`)`cRUQ36jp`PmI@HybW~cQC8IJL@eP+b;RwRPKNGQYr zW{k>^D}c)8DHRN-!a+Bslw3Sl$Wf8FS;e9h$BR>dN%7{=9d~}U@8-VG(P0ZZ(?z<I zK3zJe^d{srOH&LdWo`~|n|&g0c9omzBefU9gw%etjATEWMUW!luvufgMXOLJ)Jl(J z!>M2jJzoAXxhB%8PiczJX>SQ-OiiQzrjBDeu@tXm=2qod`5bCsfIj;{hvMM>YQ=Z@ zkN5%JZtjmgAg~Huppy!6>`=8K7dhO7`QaS$k;hM7>G1;YQrQBg$!+mVU3fNEewHph z`$x@1XaAI<037yfK`t>FDr##^Lbt%P{0Ri&*)V292EE3tQ4_uz&YSSn_!`GzHann9 z93L!BOprKw6u<(up`(;79W7;#9;Frwn9m)bD7MH6jO~HhFZW%`%;X#lgW}%)Bh_eq zCnz*lexraDaEL=6!s;FjBVlBMVU#wbDXa!S6p4OWRcUtF&(QeUKLi@%aG)cDj$pv= z^LpGarvVg-S}8%dKT8-4;Cg^VbNL3$_gtQ`a-wB=LJl4;9-WkfEs~}u<-qi_G(m&Y z6Iq(fP72`B7BPr64V^YF8h~N5kizC5d1aaFD)21*XuvkePu~EU=|zx}UJlvl0mwyf z!0PyRaVJ%p_e0)GiT)&s$_fcNKMgelAuph6>8Tz{*En=lW@@FgPCADdwKOVqi?dBi z%2k&d>ZzBmLW6X-y4*wE)S9P-YU{$GC0%Wbx-{2rs9J}r4figS9m_kV;_Fa`O!BSh z^DEwf&pWh|0;?z(3IvB@5g7`HL;ZXVg*V5eG8_u8GH<=}EqA>6_S<eP-g5IzH{Njl zo31-}?KM{)xa!LNZ@gmP-pen$bk8N@7mr=Ed)LkjM=#j%hVw^;hXx0>Z#!@6md)pG z+StEg{kn6QU0=Dv?CV{=Z0VB4iwY2$<hnXL+S?YkGFr~0n;IMHQ*|#fE>~k*V(i5+ zHVZr+XU8IQ1qB|jxL!)pEa6zb&*PU7&ulv1v+i?V{_;Ho-}r1g@>yw|UjCNv&E~hB z&l1LYOE#OOfzl*pTUtui*yr(&se%9O01x@279Pn?OiUnUa&jPxoct6%vnMSr#evxm zpWw#C#9R(s4Osb#gM$(fnh^upXP<o*4^NaP?J`<gq!>g3{s*#y$UgskAUlBfaG_WQ zVBQ_Z7(IN_82xttky@U89teYI4`g7f0(FWMjDm#WP>o?$N4S8xK+#E)E{!pl8=|rP zBaE~<<{nhQ5uD9)=HmH}Kn|oyXbXh6<P2}rG*`cHxwOrAwM$zClvOQ6nKzuBzK*&1 z>-A^Dv-4NuIgDXZ{>v&8EypL6!Q)4*{wiA7iZK?x@-S29>GC|E%ueu>2G%L#dKKKE zAN*lL^q9E>uo9VZteN~Cw^Ijs^~hc{e3ppL5gWmzCK8Q=u<!@@PAN_T;iIUAQwR)G z;ifzb2k7xb)4w}JkC(EakgGpY$`b7^eQ`HY=`XLL8?Pz-<x!fDkClE}%Fy>{Tj_Jt z$7F<7e&?yu_bBtrzb(C=F8bT9(qxJ2%e3kA{$<+qQ@fAzfm8d~MJfQR10{G!_kzOf z1}K!nPfp1lKEI#4=N_Kz=d*g&?4AFZbPDHeU%$lDPN$<E6>vB=qYe%ycX*Q!r(lCJ z-agUs!TB9u?(*mv2S90He%E6F@bsPi&Kn5UAdrLQvEa1E!sIO7FVlP*xBu3rU%O&X zL(x=K+W{uS?Q^pd!{>4PJY$i7^!VK#|CsQH-2Tv*2zlKh?^rY_y<xXEJSM{A4$~Oe zV9YSr7*7MYP~A{$I2_jScWe<3mjj&GPWv6&o<GzpM$82c$4en%N7xZ&_8`P8LY!Fy zn>7f7txMqxdTG<nS=7m>w2V$CnZW}-#B?iylgb`Hs${2+GJ3O6p7l#ZKy4DZESt5b zD%k6zKwd3CY8c=1c|HeLri;xU6%!~(ij*dnHX1k^VNqaRRlwJ(5Y_jysD3kx>Q`~i zneTHz>%lA^Gcq{I;WQUlwjBQzmP;no2_`sun%Z3>kAdY21i+)qBDfnUTJe$Mf|)_( zA;=c|(8Bha&Pc$I7m2bO!HYb&8pPCbvGyQ}CwQd<tY8T@A$k!Iy*!nO2bEy9DTu{J z)E2hqyEBD0Y6wcP`GKp?x%{&~`s}{O&hF3O_-lG_#l8p6+yBfJS3I--jq9%6b3^H3 zft9M5nN-CoxSZ$uE95umi#Bd}zfcvIqPoTl)Lv0v(LRb1W+_C5S{k9hZgRMqhT2-w zieq6mqcA5s+#CW!5|&;cc-du3db+zJx^HPNs`vvw|4@tq@t|}k0`8%jDwz<qy@}c( zXqx+yy?sN_VprBBD~A?Q-SWjL$c)?TDuz3#KHmwQQ+>mb(24YZ$hBw-I+b+7$ba~h z`qhvBx2oWX`KH&2B{Jh#jA3R~7Z8rjnlp>UtP9wcId+FxrSg1C&Cbu+JPlD?8+eA< zrg9#O^|8u<+y&|UWfqH<1$ms?Y?aM&WwWX{E)>k><JOslVJ9ulh37I@Bw-(!Ny6FD zqxi+o(W8SFE}lf%99P8r5^e(_l#T*5Sj-FZPhcI<0@Pun=<GBekpnFQ%xksq_t|1g z5qwb*$U+MI6q#)*4Q2^9Eh-Pzi||nC=p<Mn%tCXfRhfW{H6qexgA22gOgCi2PE6S4 zxP6kUEfR+qUF(%?iV<~Ew5LY#N%^~qdat*8@NE}x@t00qxv|>FZu)N9&hZPjEltT1 z)~dzd%FMcpuf6^D+hD2jU!1S>LDRKsr)<4ww@gaNVwh+9)AF3?Tqq$)uJE3iw3u|R zT5>zE3TUjaQykUy>N8EAOjCoB@_ACj&Eyk2SBG07G9a>{Kz5joOIkzW;f^-h+D;2% ztqX=k47`6Z5ep7=Q9@LB6BSriB=b30sV6Ik&ooo-JGEBH6I1ndtJa8l@%$yqA82{f zbB4KS%^O}~KvIeMWYNR&{KS#xU3u<d$$~j-FH3l-!OL&X&qpjln8>D@I-{LD|H}7I zoqNT}Nsw9$^hustIAZcy6UthMU<zOcT9fXF*=#)xmL@1?tyTuI*}FJ>0?Q9RVim!8 zdFG-NE9sP}mu+F@DLYZj4ovWph9@2-EG8~f^huO3JIx1B0Hz#7gvFU#L9<SmoiNS9 z`j{5mGL&<xD&k5s5{d3mr4*G^DMneUtS6JkXpABdw?rz3S(XzD_!N(qJVW6iR<M>N z+6%&;OeB*1BAHBV5s74CH5Mu?U)XY5sWfgEs~gGjS5vOJ*)B4=r(DnfVu|2(^Uck? zCT`9(&s!G1%&NE=@-++z3uWWTj7|AmnRm`40Hf(-Rt<v%(i!}ggmu7${Xd%|PjGC{ zDlPOJP;jyMto2J->j0e0!)%UagVh<Yo0wOgFCTk_d<n}zU<LMe*nPbRc3zLbqU%Gj z<N7FUw>~BQLc7`)W`1r|gP;w_dPhfdeO)r9JD~S>j5bC>3dA}t=a^XF@wpd_wvx~7 z@$HCGIN<k(N6+7|ZgscT1zk?pX#aW$eitp)bE6l$VPM<lbJp}NcP`fT#mvQH{VR;& z&W2QFTywUNXMxi*l=Vt?Te_wyp#{S3z;OG*OjB)jMbP0N9^A5VrMblD>GJmsj|^?y zv}(mtqp)N9dFQU}U1luG6&3+qs;b4<uxM3>Xw@F?pMT9-u_(8A{B>ytPp~hXu^F!M zSJ4}%wgde$_Q&auniCD7J@W_E%d{g9_K%-oSiOD?VFuxgc8~m58d4aaoglAQOUy5y zO(Q%DeB<^ccaK@K{FMH9y_*56JRtXHg!qfkeEQEn_4Fs7`ozaScI2Z^e&q1v#1kL> z&<8*8XOBPj=%Gg*e*gO(dhopuyyxBb-}k5QdgnXd{<gQ?d(WTTeb?(GbhX4Rz~OFd z<$Pfnrhz9D4<<Age}ZG@JVL|7hxrp;SCo&O#(WDO%g^vRKR5rnOvuX5m5(p=Jg1lQ zl#gf1t7K1-Jb-k8Ndc#VRl?vP7?i=XRF+8@F0k&fRv*YX$qSF!+=GMD&)V`-&d1p- z;c9kZ&=Ol9GfJJk!8!N><>5U@1f_hAFU!IWFiUtl^Gf_&G0V%BEPj!K!yw;!HajEE zboY#pfX8xy_CgQAwhyQ1r<neZnY#ky3X<E2bpeZYStA9$%xkbdN*6HhF(5aA<P$n8 z*gZmB1al2Pq=u{)gm`5$tSXdMr?Vs02*FPz1Xd(Y8D=&38^o7aip+-ab$s^PO8fKb z;|Hn<P$^mb#8I%V5Wfsssv@)xHx%M5e~xsv^A!9$0Ywr(B99hPPY{0alc*W$?t&Ju z&s+wX52UkXz=)<S4N^4)MoOBlYyHqf>ziQ?qpyOSfTjDfWQY(O3F&}2pqm!ZJn`Yc z#3Zq<=fro2rTl{v_!E!^w+Pk+o*C9>)cMGQ&5K?IE9U@tN2?rC#nMcw&Y?;uU!~Cx zp$oK?HAxpVJhh~FpqQ;APs%OH=b_<x@_EC){tyMA>WAoQSVS5q9E*g9(v32fX_C=I zEIQOo2~A7%<B-rcF90vCCA3xGHJG*?;5Ylcf$=}?tC<?T9*uro+RLbZ(`%^pYOzJF zjMi)s%*kk!(Owx1^0{@5rD7SC0=-)614grqZuvf+&&pf|295%G9X&c}E#829@L}A? zt2lf0NH}kK_E}_rMvHG{k0N1mk`50P2Z2_JwN6D#`-DgBqm?$uq8V%PcS4tP0xx~c z=6>7C`fF&+8TUXNVc{ayMKF$<)kK`4D~Dl`t!Jl8&*mX$iq9hdY5H+5Ops<jY{f9A z69;t5e`ukt2j^9@oR}Vj)f(2gvwH6VpevxMdAhgxx`S`n5CBFB=zCx)faYp2vXE|% zM~=dhBPgJXWf-vf4N_)k2;7W`UBV4}XbW>g`Z_Fpe!s6@_<a7&!te7#FTUmU65Y}> z{_2Z_-tA0SzZ1ae3<iMp88p$Q5;}k!bmk2y5P!B9;J@;b)o}xm;(@y2w=~hxLQtZY z2KieOY)imjXvA<WfoNF*0g8aZ2l_cUpup(}))vsStAfrfLpUAhPMROC3V9SD*|1Ly z57kymP5Lz8R|(-)1cGYzr3yr%Ln5FA1N{jXR9>KVz`8n#3Mj;cG1OQm9Ze}2j5&fs z^%NtD_2Uqu%?)v{Q$@n6*FdwKj%RreGhyT}vrarmnQ$^_%V~Vg_xQ{6o74F@&TGsb z`I=`eW;OKBM=@iwgM*m7nC4)0ARoeq1n%Mn#Hs@WxM!a{SELqLa|}*o2dono@G$X3 zLD^ypwXiq{OvzE!G|#t%sTL{G1h2D&mZ#Yg5>IuJhajcoWuYk)UD;zv3U>&f;qmxb zOsT;&j0D@>4ub*lJ3RjLZ6g^kvm|8}#Orl?%Zlc?a`Zi1jN$XJT=A8ZV{Rx{<wOwz zUFh_xXHgXFep#EOZH7gurHQUsvbZOI!gPW0L_8jgvGGhi*Tx<()Kx=l7@C6#DST@z zWlxL^6S(X6Yx7CyUVYY2<lnYmdFz2M|KiIBZoP8*1($EQ`N_{cdGm(L`y?z)xXVf~ z15jp<*=$8)MMdK+tG{^t)nB>ls;^vq{TElS{Q5OJpS-ER|E4E*Ui0<HpfU(v2?%=v zYUQKBhKh=Y3g99I{#S#_bKns@kV`iR*Qe^LtHK^#fvp+W*N8&^1+N~(GI!1U6xdV8 zVVM){rGm`f_?F21&6j=oropj?9va*H;KB9l4?egVrYZ+_eP*#72t0o6@~*+*eb;~c zcGt8FPX66w@UUac4NrXhi5s>!sA^~6u=8>@5=Ubof1k4C?+Z=X)Uf;=hJ?K^6&1@R z)MXIB<4|^X!6Ok7i6}78$vY{ZX78hTo6@UDlkx5aZyW6Pdh08?H)W0LjaN>{?%$S> zT#~7!+b$U2*|zAm+i$=2;&mAem$FX(1Ra{Rv2ZJ6=~>Gyp*u7PYGAtMK%YAeU=52S zKGk9iv%r1^ROn?NF*{y9_gPaQ3n$p>m@)+d1C4+1(l+%08ZFAn=>euk0`^I-olH*s zvMqi4@VZweeOuivZP8nvY{47L+|*YkbA!B1vE*%#wJ8P2*%X$ufqgimob8F%qP{E# z`D0X=QRn0tEBrE&D9ATYhVZ-^zZyB(*~6IE7qeA<#UiKIsmi=AIc!7uRadz%ZVlu= z5}3^=&!)O(l!ujJ{70>@E%|yUT<!lmNwe1f_mgJ5W)dn^`~4nq)@vq%0!@bP^Q)pO z^lvtAcvIJzD9FnoI2P@mP`l^>|JmvW&OjD;{@-X<;uX*T*QO5U&1duaGtTGNqymst zz@F%$-LJXL?#bfg+}TaI@_MGc&M6;xO~b-Od#z)eop4^3XYksGWg2|_noXjUXUQb5 zSn*E+7HT9~p2cDaKS*E+@QmOS2rR8@_+PxLIl*?|@(VUEdQZ=p=EckEHATK#*YlPY z$ScuYimsf$YnUU1<a6C;Qc^N6^42p}>1C!WcoD8scV4$_Kwi^I@zkBI)GMC4f1pa4 zZ?}Q;`|ESYx%`Kz5lbTX3GoNC%s+XS7tU^$^DO2s&svsbl#iU2$Jd_ab~>NWpXGeb zOJ_EkdCg{fX%e<7Z0~aNv_DG)4U{}g3vK)QA{MYL8*xH<7lNhZ`6fhmQiPmRQ6(Iy zV;Hs-mTm=MB;ehmDg#*i+8(?Fi_zNIdzNkkVJK8Zu>wvgTdmA%Mm`me;4cjKB~oXl z23lEs&{RH=mzRF|_&+@U_&=2XZEF7`S6=yuTvF`6tiS&<I(Fdak3IJD$1dOe@Re6S zd}T4uiT&^d{4d(4i34Q7YeiLJiW)m%@YO>xQE<cxLyJ5v#j%*&5eMX!kh%FH(cw<= zr+ohYu8y`k)hFP1ml_iFfna@qHwE&!_J+6?Oh5qIS|bw+sUiu}vqnlbQDqfuM_bae zDw~njp{i==J3<R;!(P>?hafvT&3M$@_eb<lS#l;5Fv~m>-YV>@YL9r!<O?I1<@rp% z%3mJc$YaUt4f|-F^9<p8d@RopKIfUh&z@!mcEWsXzM&;emIfeK<qznVePW$Ls%Iy# ze1C8dB7T^WL9)$iH|xep#$PN>f&>??FA(My*#)Y|-Y6|aSkkk4fDN{b*`x4dX~92? z#MpcrawlQif61%ld*mlQ (SW_#Zdt-6mN8k;`db|MQH9;_lv(Li68|K}3?n6jn zi|;AKmuiA6qXzl?NVySFsw#0m1c~@9$m4~4_`9$ex&tX}L+?c-DM*%Z_9MiS@*o$# z38Ey_;7X*kPGBt*g_q;}9I;leMf4^qR*Q4wh4LJ^0x_K6TPaq{9da4cR|->hA!nah zDGRa_ah()IFzS;7@;up!=uRr4X|0gW;@8N#SS*tq32doYEGuz@@0X0oFr?1^iF|QU zknrG#pjm-WNt}*T5YP081pOQGCPfeZD}0Ib)Iim!Z?#C$Khr<aPpOOAah-!n+~3i6 z@dToJ$xq6s<R|0<^c~zui7xq3dWN>4+$NEtKWD8iVuCfvL-Z6~M{mTt8$}x7cy2&? zy=bJzX^eJTdY1-KPlxEubTgcQROpHu=mB~g{Rv!qRmj{k@~!e7dA+<2SL@MhX~1F~ z>S`i@1BsZ-;CHc1;<rG*#&421>RL5z!EcH#!*4zM{2h4fI$%afhTTAeGb~BP+XCty z5zqsW5gQQ98j1loq@c1#z(sG56W%C}Jw9^zLw;9iT!f@QB*%md`z1S0c>Q7Tm;hRF zQ)C=?#T`NLF|pPy){cp_=eXCNGbYYi?LKGq*cw`Gx>uWH!d&S#SB|Zsm3{7&ePg08 z=I)D)^)8pO74F!IF|lHqd&RObv23w>+2XM!w0Nm|@zOD|wBTM^7+Zv>1nxq7OvDrJ zcw(%A5<Tuj&zR^*x_gpibyYH1?M_yYA^c0FySj2LUn?tf?#kR)H|4tAxvnwMm2!8b z#yY4el}<IK$IWe`C9^KmvTl4Mty`a2w|-2l-;i0qVXU7vY`8@DJ1N!VPmPFl+Pwln zts1wsQDdWfMLX5kyH_l1l?@H<6;Y3LyE9uiWfwH7nT$Kb(sIxLb+D}>8?<#b@^ywS z$3gj@ar=iEx0U|`+i`P1q#IM|#<8;l@hiXz9FgaLM(!(tF5^}kv9`D~BQJr08_N30 z|L0*lI15{*Oo$lRkQqO#G5q_XT#qHu|MQUD{^}qrykHpWy^SL$gV^F9>Q`EV`H>Y5 z$q&j8$al;8<(uVgvM6tnH_032)$)McC-=%r<sLaMFP6LIF8Ky|z8sOma<e>F_Q~aP zv0NncvRih@cG)5q$R^n!Q?gFh${JZA6EY^F^nd8z>6i2Z{g|GoAJX5`x9FSn75Wl= zmOeutqa*ZDdXk=?57UR}1N44+AKg#)(Oq;0-A1><f$A1INY~KSbbzj)y|jyV(heG- z&D3uN(OX7K5tywN!T1(XGoqxV5FIW7>q9Th_*{tQI|Ie%i-^7Y_lVB=cZkyZ9mH?_ z2I9GX8Xg26M;zG4#34kCeIKIA-iMfkcf#Y~Hbkhs8am)h5WjW|(QSti>2@1d25ZC$ zaQ%zG#mB*&hY$@HPH~-uu0jV?;_xDf_vH8t3jZ8ma>OX8&<h<soxQRXOs%13+SE)( zx*?rulNkhw%yhujv)<@1boOQE90<B-)I;gsfg=)o;$1P6-xH4+dYTL140xCgCO9Xj z)gzXfw8L+<Nu7&E!6>}YYo($vXz@EarXg;$;W=q^q)`-#w8B)PNQDbSNqCB57)B%U zNX)=LYS0ynM-b@Bs$VsVs82^D(GE^1boF%Q5cUe8L~E2Bs*3y^7PJ#EK(%vS_(2N* z1=Jr;bRv{wu7=;^Qw<#%yW$;s9A2+cJ-$S8j$9#P=(SWx17x`v>fdP<6VaowTIh;% zctsAc>_ikd)TfHL3d<=CNO#S?hu@E?<h!{70Dnii8}IMR6;K+2cHv>%OLymbVufX} z#enxdo(Akt0Lm(K<1Rpsw)Ld@C{tiC=DTYMRcVt2Jk*2WsGObKlrNyW5%eolNHgTp zfMz<A??LDC0Eic2agG}Vh$A1ORH2qVQG=Tt^CQ+OTEHP88HjP*!V@TyAq1G=bUAf$ zK-MVwDc%Lh;0A8CA!cNrGiTE1#)i%UdKT~md;r5(j-!(0mm!{=%x5~4n-L`raZ?aJ z#ZaV%7(zr5!+<rfTh$eW1Bxp_X8_()1o4wD6AGf#C?3Vo9EKWjIy}-5pn!%%c;0$+ zgyO`rx}x|ItiU0|4khe~IdpimyA-KI&yL_zm70Wf%OiuD^gC1~tkyZydY2QnR0!~A z7y(Zdfudl$=1~!C048io7y*SO1-*!j?UZ5oQmP0nA)OA@t2hzH$HgJsU~c19m7wZ? z6|xg`l=x4Q3(Zgz&EtZHFzN7DRy0RgY6^@7V-hjl5JwPoLJ<mLOz0%T8dWN)1EnH* z9?DYv624k6XjaJYMkP=%K`_VH2$6*1B|-{^beMbqegTvaL1}DLjL4~q1rlThbX`8! z6XO<SdXUeNqUnlD)qL<oM|EL4f>;`OiH=J|Nkdx^Q;8%Zrr{lc5C@(GFg5tJ0nP|e zho<m3xux{!N)RVn2=(%y1rAgS!EnQXG)Wy{3;{=U3qXb!pl|?zG{eiL!U#TqBs4*R z_mlK08tMdqpcOD=v)Z7@(w{i2if~2oUY7#Up;CAR8Oeh#r5B_Q(7OR=9WkU(C5G4$ zyh=snDAFA&L>FN{po(fIN%i5a7$YvgTyrTQ$Scv=9<`}fK~4mSbfaF7eblL_8cOs8 zWRRi4Kv0v2K&82z27<+*WCYr+Q?vl8j2B8CB9M}V(5D#2h7oca!GP*>sd_}Baoljf z+Xw)%N-T&cbUmcR9MZ>7=Eo60+AtI~pkOGVszKBbH!wy$vJ%1n^bk1#by#1!RS)W7 zIAl~h7^0|%;_v`C1_&632#)X&K}#s+stKZb=yEUj6(*1pL-zt8c&VzxGYq|tV0fD9 z1YCHSNtQ+ezzQJDV;u2axpmxoNJbB1RKxrmEyTET!BCD*2++XmkqvMF`bJOS8odBG zVT589Bj%psS9L^!L=JSj6K9z00U37bi1Zr5Z70T}!@+R&pgkBvz`csYi9rV(pg4Fo zE4uF1-HH>hf;S}wm>Vx~;T8iB-jrNxsZ9SnPhOscXadGQl2IymArC=%6EY)`P?go` z4hoT9$B<G08Y|d2Ma4bxpXd<edI=NG(~xzW0E~c?2?6UOQJ7t38|x8Y7f2cufaAUT zNroCdQ=W<j@1u`;8!9|g_jo^#BVQry^LP-YTqClONbx=eh#||NqR8arlVZriu{kTc zfo-i)f%J8}iLUi<X`V+P<u`nuRQz}=8a<Cb=0Pe-Kdo%8GbC6ixr8UIvQbwK;0uyr z*I)k0ys|x0ltI~ei|4UNJ&hGyb2=3sv-K8;=s`3K4*^Knbv5kL>BW=bL5EN*3S@vZ za+M)hQ)bf2w333%vr2?ae^nT$7@q6^ax6-4ZD>>2kE4ltGHEi>2-)2S>qG@E28WY9 z=~{<lx_2ea`@X1Zp6NxGg(@rS<F$Hx#gY_8*mo)$d>F^my``_OM2_ke(+CA#SsA*l zR!uGG4e&MzQW!H?<v(E0r-MI2v}vyg<b(l-LDGw;8-5=GZ8>byKD+Oc$RRLt!Cc13 z#iL&Ea(OMPHRb6GH$QXy_%qK?s<f-L3%_rn-_mdYot7eT*WQO7+Pmv*xO*Ihw?MP< zEM%`7D-Z8M+|VfHo1&ULYFQQEkn19uE#-fN`XO(2HZS&9_@v8$*~j^tI6vVq`^>#` zb!qTl^AC4F+<9l|r`ZQPxos^ohm_~!A-u;aYRpQGxCo0yL-aaGEXSA=7aE4)G@Q~` zt^pYt#D`+j<{Ol^OdkHwY(+|+pPYnj)-LZ_l;=W!)tj{d4F@seQr)80Q!dr*cEbP` zrE&#l>#5C^Y*ke`e0Y+UbiY6U{?50Qev*Bt^Z&yeSgu`;5y{c<LXZZpHdpuz%+w~1 zs_FN-br4!<YA`AX!wZXNOz9!G)2P%Bz;gUfQrD2EuT5H^IE53~67@i&YK-|zp@)nD zW#H*U;V9y#6jF$Lj+lvdSWacff~Aq>dz&ju3!9&!tL|+o{i2={7flzZilr$l24^wf zFOMx<kg7zkNU8g&X5_lt%2m2`3NFX}`DtX~K%QueVzuR`h*=pyB(*m2R@2kkz$nzL z0zsOMOWA>td+a)cKvIZ@y8{3KwnU2zBpS*PVv57{rymDh+X5d0jl&wwdqffX*vmgN zVg{nowuRAbG@GpNj5RhpBiSZKSb7=(A`vH-W8^X?NeIUQV|b*U2qu{i#v7DxN25Q8 zR+nayO-)In>ge>hsc069yi}QsBPph)js)6+M*_a&SW{&({r;pcSh`mt;3I<SS`j2A zN02NcC?T3xj_1kttVw7_>LHt7ApYG9H2a`fsbIdxOxo7i9KjXgHwDD)P=+9gC)hG+ z$M1v_y>Poc9CHW(a$QiP!SWs6)KI7Crv&g^dTI$Y&J^R4vns+gU-{GAakJIXtq`8^ zOeV7+v%n4&7Ys&QQZT&^_-rSHJeya~hr1QTQ%U9L{xbQvX_^ShX`UXw6Cr?3gzq$q za__V-P35$}ogB9lA9&`?j!%xiS&plgHJj1MS&LzwS_)!o0!#EGFUKO{2$cNc2$XCL z&QV4AYg!&82rQ};j~82uG{yh3<=ZhqZJXsSb|6)R%4Nl}rQ%^W6jt+=ak>?2)vP=H z?kNWBpPH)#$BQZdp|Kq4(*DZ5XyIHN_gXPVb?Cg3V!64*!dDtR15KbC1pySt!FZwJ z1ZO+&9!fuATgvm$db!qVa75pr&xko=0Ub8nskjj@#KR|HjqWtZU6fO$=dSq5>Tg_y zh^fhRI;rsQ`O`&&<vh0kn`^$YUn23ut!W{PXen^CI&)an<kzfdps*;nISsh@0j28H z%PfbWekQU4!6Qkma=BbSmv0*^%AGR4lu}DUIWkz6s9Ndz>9;(ZTu1uuKxy4>YNEzn zw1VD(#6ZU`YASty7srMxB95*Job-Q9jARbBT0B#XWX8Xzj_=ck-pPaO%tLGb_?Cx3 z4XojfA!FmP!+@n7PxTtxzPt_N3S9mu95xkQ8-s%sR$fs4fh1tKA+|SI&r{;ZTMy{t zXZgg4=|WAz_;6G(QKtuDbv*%5mk#vQ#R42oiLr^ixAfuP{Dy{qQ~Gu32jBiSHGaEP zH0{ZH_&4^g>ECejw@W{ut2magO@DdLwt~JVMLW3CpPAkenDIUk_g*(iMC0XX$ZHUN z9BVUU9E(x#00>y&#A;O?6Nqf$3n=4JS40nK0xKA3z=yn~3Ln-$L;f(<AaV;9Gj@nR zbK|Qoho|bi@)Wsx#O&$nsKzcCBsOk9yiPk@C!%$BZ0g#C7@Y{wS=nCQUJ(b<P5P6} zya+FOW4>${BBg4;E!P?Bq=s+<Tt^g4ETzFt&%;z92j3DUH7|iJfZ)~9fPGVHA<+vK z6-O-S1Av7&WloXdNrtA(aw3wEKyBu1CJb5NVFXhKu5PvRnuynCmN3I-gq;T{lFKL- zr>3lg@|8JNEHWLH=q{lPQ?#PL_M*Rnh@#d8-FlDMXI>_}sz>$0b<QKP=g61~i%by= zI}zwlXhRSgV6ox=pMjW#SW{Y|3+X(!fd!j`)`mh*>d(bDUD%4C(+#285JxjiM#Ib# z+kBt!N^b<r6@+k6#PZ@lAVb)Br1Dl0?<E4qIs+0c#HWQ!3EPS^bQ#Ey$CpGgnKp}N zI$11&C19jEHC5!FWV*E#07CNKbkYWi1Uj7&Q^;I0@f1xRI+RRLPo<NG%;y1Z;I%T} zXu!XjBfqD_d+ph{95<ap8x>Bl!Qhq<XvJ{BTag>S1Kc!_qC_-)c#&g67O;|l0q<6$ zoCgj}!R8Kq_Vdp1(+j{17<<_gMod4)g=N$djbg^S<Cw7^Cz!1Sv6>x44{|ZfGK}dd z`_0iV>izMLOJDpk6|evHb=Q6SH~e#b(F)3n5d!GQ!+iV45U{0YZzB)K)&_7&MGOtF zO4yIV@>No1@zW`B_UJkrLTi!`dP77U8;yo#5P>g)qgJb8QVb)EZ`{W=P|mnx2<*4w zj9_mL2;u-K5GZ|nl>w7ahyYlf#Ejb7a$)iD|6*ypeZ)DZmIep%@mEth#604PN@dTh zE)gOoUSsHRQY9Txs7K6#s&dey+{*_74yb<B&qDx<nChq%z#G<2z|wZ~$+Ax!n?~_B zK6@;iN|n=1#XLTx2ylDFqB3=S3c~<rIL!Y)ktAEEO=Sv*#yk#cHH}Qx$FzQ>unx>r zl;@6HU_TgKV=)ExgYEVN*fT7vHuJLT1owyVlN`9u3PP!1v=!lSS;Rk-9XPeFF#a&J zX7;LftVgF9vWG{l9jO;W80LMj5yL4QW~Et!9Lk=T%rIg?9IL|l(Tas0$_7(PisGq4 zDh_%K_HSq1aZG`ob#x32DJF`E_7s65flLJN(*b4=*eF98gOnnW?v#l*^N347g^MX( ziOn1X>$?}&v;sI}|0jWkt&L=u>ea$P5&|wwz`jw#UN4$4;)D!MDqF!bay)c1edZh( zc$?;ON(DPS#VV8GP)$`bRhde}LKWc(tOXif*lLI6{SAoU4Yy?8E22A{;Y~|GXu>cg zxArf&u6cANQ)@D}?BDoQ^P)w~+@V-@(nW1cSB`>+nESVw7k_`zmPJ#HJ=soD5o^Ks zeFl7=9ovd|eIPz21{fJE8{@bc9CaRoIczN=X$=q7?htr=jnehl*veWYH(AI#m{XoA z-5TqS;U~3F{&r!ibS)32y!>4zGp%P9En0^@zzb0J6yV9QFZ(TCWHS&AxCz`le-%)6 zq1TPg!Z6$hz{!<-iCl(Zt*$t)ZmhC7BA#G&oK!nFT^wW7vREu~{QW6jI!(=;$-NjH z{D*g7EOI@$-<gx!ZF_mtL(Ym-4=ladj}jXXXqO--wn*X!utE?L<e}lDOd7TtI6W6g z09?Q^^-;PXT$=$k-0TK54Uj(YmLTk8E=_b<@%GQ$4o7@*dP?ps6`3mXoa!AK>ZRiJ zl!;frelTT^`0`hp3`w|Z0;rhzbLS_(3f{!pqhv4S9|=(8CfMV(QHNR4f`Gwk0Jf<b z<E{qcUPCpTA?=4qgm-#aFI?n;0i6YUKpF5?AP_gkz1WmM_i3XL#p^zwz61B{1*G97 zhh{j2P6QO#!T|+1P8pM=4ZpWQXg$WyzC;sYy?;;b<_bea$6mI6AR%=^a0vNED|mc) z2N?hi@f&~<Ae+iI_0e+4q=MN^%L;cXS#*I(hsN&n;HNT>YdLug(Sg>K2~Md9q|a!f zNZ;}lNwk`WO=sz^?pjFg(~Z_T{ZCUK&Vo$l6uNJ!^weFgrg`|{(qA{+MD3+WQP}b; zmJeW46iDMtb2-!lh*D!AXr396!fE3MP&tzf?5T5ds2YcZL)9PvG%r?okE^DJOoIV; z7X`Q%RaGu}a^b(WJ@Kz!2yfX^y44mQV7*)_zVHID@#{6t=L;2BxG=>-+ZyDv#}fnG znu|7#I|gnm3Y*@Hc*iH9{DO?nMso|j9z-E_?GbKrBQm{>a(P!L=rvf%=KzLr8-N|Q zR&)a470US$H&QwcY{hxz=b*Xj2a=>MT!2AX`oycMsxnoX#s=Pl003{~;Zq0U5)`oz zei~TRG_c>bMN_iG@@tr3gO1N(pyGp9z43~>@4U96Sd8{%7Oe6Uj}1hXE^dEdyF7MN z@rmW7i>$S<SbWa9Ma5}RRPcic^yc=xd$-Fezyp(Z7LU5cCL07X9hx2<EMmyg&};?@ z<uLqa)k!x%clyisNdlpJQCvBQm%;uSIRzv!k0#{7Y%sfl4>|+n&XmGr9A4&Q99Ru? zneA@Y^q3q(o8yiv;!-db(0cacpmJCiRaxzHI=xOWCR;!cWwji^FukXcY6=x%VZ|(# zuG(GNU+i2;A1=M^0o`@qeLP4HytPP|#%oKDpnh|6gz0J+97E3R;60$A^}>rS-K!ku zY@o5Ht^32_Xf%KwIOlI%Da&j4hG@Kyk=I*%KmR;a`sG)?Lb0!uepUSJ;Jf6pIi7!d z4<~=6^h@f0?$cY|gO{muaBx~{p*peGywm`f1HpM;Ezxq`YYl=4W!witF@Vi2$6a2D z4QU*R=L7+&4m8Uff(W+)Q<6Eh03tw1tCC5ND_NJU;|*B2sVtTEd0kOY1iRA&{2_=2 zHFQ&|DW5{8VK)-QRS9C1%qu<~ZIy_ZfSH6v$`p<mVW!2rBB6+t?qU8d@(Kq0jVNM0 z13}qzk>i-pYgY?axl6=Kaiw`h%!z3NAp<(uAySAO43(o>Gtny0WgVNxK?9&*-!uay z7&HPY26nd<Zfv9`R47xhTPL<^*u+~kV7n)m2GxPtw`}R6LU*pCy)~Oj*H$MJ*lNiw z;3<cVH=AI*!W*V$3b1job}(h*6N9Z{>^)`+ao$Lk??`6Wpkx#FPMMMNQ4!t4$q#y* zA5IQ*ZP~y7(0+Zga%(%zwzO`l{HTJ2{nu?-1WurImvx}8S%+i!)}8gW6*apSv~!j% zk&4}oS)8ToFOK-Fa_A5qTC}BfoqhP4b-;MA*T%eeR>+cp)_||Y-g9-jgl__CLCp|W z{eA5G!)EK2{2bnN;12bd<_>FXYg4r>zh*ghor`1B&(j&4Np=m)enM9;WoZJy<1n9N zeT&%4Y@U|D+L)>=uAZ7gGti|1vQmL|@PdBCrtNh+GKe=)#{ibY^Jh4MzNyM8_Dr%l ziI>WO6@{+rPTe_+1}KHigHycIg>tC0v#xZ=#I$E=x+xE1ys}Ie!>WvHSQi!(ciXHB zYu%*S0XZ4Appxn^<gzYka12Z*gh)~xfG2RAC1PfYx<aTPqHBQ1c?FM*m`NdKx0##U zN(B9-hk_pLnu(~(bNd-sk`~OpXij2Th9+PxF@?215@K=-e;1|T6(v3l=abtO6gQbZ za9%JrfK3EJunE$}Y+A-{tHEsrdkpfADaZSAoz_AuiqOKB%{XF)geXgw?DjZLZcib@ z6j>fBmg;7k0#3(5Bqudx=hW08v;+uj<`@RWUW}F?bW1x;Ut=Z2`pt0%tNGcfjTd#S zkKmAdj4PnZ)IgoBU6Nsq2O?E>`dzGt=kKKasY>{@MOY~!>Qp19)-@K=jk9x~u=!#- z11qP3jTL}6U@jHc<p)YnmtI`I9%cs{D71e4^cU=@{@DYi7Z2=MvSf#*```WDcl#X* zF67>izVn?Q#W!zH>>q5{uw=)MC90ZTc-gz(ec8gSrr=tD=9S0fiQT=jq7&Xoi=j|o z0c*hZ^j*8}uCoNQ<QVn2&~)e=c6eb=;&$$cAVOa(7#OXjimK}RiqTrCuCK4&k*1Wu zPFf8JM+mE(ezyJr-vM3pP-8TV095YaMiEOUnv{4|EIt(SOLq-bRk*8$MSWdeeZQ!$ zuiGN(>g&oJ`Sqv1-#K=s3RG28kH6+MFmIlHxfn0E-hMkEFgDx%*ti9N^7{dbvDXX) zVEQ+$T-n-MSI65*tz5HmPEvhhW2x58){gdtb=kUkTbi7*nT&;c!M9|X!($?gxeo3K z6C`KY4tQ3SCU&wj?3-9X<nr-6b5af9{WykGYW4`due}2bm_6Q(5(IY&6c`^V_}9c0 z_^e{lIxT`STS!FW$Z9{6u?Vr!4fpv|w0=)IQ-r0Po5HNbN5Oh~FBIQw1HqE(ZnG2I zS}*vu<&46i=>?)GJ5~ueRso0GrY6=lE?_#K_-F!Vix=Q`m}gTAYXvRLsplaOwti;> zQ<h^>Q&R-a0<AJn$88N}U2tANO(?2CE07Ow1221Fm9-CXrjQC^t4x^aY8fMLq=NL^ zPwpyx>8_tFBe4*y$@{*y@VUFe*4$>NzQ;<v;<<(2L!z+p&|#%$wbg~Tt~3$N8!xqm z=-^C!comQl%R3>nC2=WOE?5Es`@n2)mUdk@Vq${2gYICMgGm{gU@B9vcJ8!Pl0n+V zZ@c@sch6vrE&O-=WZ_Tlq9xDWU7EW4dv-Nto1MtEHGn_!=~I>s3d0|J(pdP}0d@~^ zZfMvQ@UN_KhpzonNX1YOu;-}VW~)jp3ycO?Iz$<3O-e=_0}$*pd_@85scHV10ykw6 zJ^xAbn}mM(rb%LY3ba75TmbN>g2rN#xxobzLSRG{Q5BB`{2rKLDP}bpy<zPB2(As? z&rq-i24DkOn_&5*P&UI}Q7EgzxllL~40d5ipf*{_!pS`9lZtj)10>&>UkZ~rBZZn3 zF({d6kgx|zvGn}&G({VqM+(w;@NmV=DQPhs2%0zZr2Hk;z)=C28SKoMYC~s?8qMkn zAp0W)d?U6Zb{VROVy7(di49PNWU&)_GziWx9)?M7xF;>Y_dvwk>y12sW%2j)kp4Y~ z`xxEludeo&_EtGd|AMAc*l7_Yap$b=Qp2heYZ=JA@n^E3=5nm2SSo^qJ<uy+m>Rke zA#6FTR~nTd!x~$>goA}(82j?fs|KvI*n~Gt0K-%%d%0DY%UuqAQuAq(u*y3OfsR?U z7<5stSIqH!nA`rX5y$&tGlv0-N3qt4ie|G3;|TDFEObt7z7^F}<Qks`tVq-s?G9-m z;9*z{hhusJ3{Ai$V^iiFWM5P<3jj}Pi^omAUSGHvrhCX|7^Po3vDte|*hi0)cKO0+ z>wH*1gU{xCY@h{L^uhiI+n&H4b`yjV{B|bfV6p685uzd<3Ho5ubrM)K-ppKwb_&8b z-qIdb>gvf@V41$xhK1|$FxQEpGY>3VHSJkPkZZ-Y3p#jO2;ea~j9NxaaMQDPRRE0y zE9irg9z&P^09#-KU{3UF5#vb{*!P?*r(o^IrCf+dcuP4bBMDu{A~pQu-Hd7Rd{H2P z-prHA1mN$rBn|7#HDR`@gej*`<JdP<DCR8MRCP;$jt##hEZi_w>`6p;Nn=9|mNZf9 zoQ-0<kp}FX-IT{1=26PSBh#cXbfAI2gzoBTO7kxB#4DN%R@~*0`}ifYiaYSpi`|?y zJsi$Ah2=*6J?1XnQ|T=IGhX?fOCI44{Tede6Pw1yapCEw_?OpmgMh;X;J{-k1^cKi zCd8^(mh#-PtWL)udDqDpgWazxFU3Ch*eQz@bi7sBCP-P?)=N{@G}ik(&6)aaW45lk zB2gZ9E{r?0!%%FoHLun3mZSqi4G{wEP30}g2vWOyln<3hBOUR$OTV^8<KC0frgIpf z$uo{ns+^m;RrG_f55|A@g_0Nm|DDz=Wt^*7@ZMm$ZL>WX%9d$Q2sH+d8DRX%u?|_M zXC`o>K+ZZ(dSR;vMm`yhL(su{1i~byz(FGC?_W=L6iH0<=RtUZP#^yC$8O!Y@z#&o zhev<*g)6W80{_r4+&_BMl;+$`&U5^0_HE=r4KViq0QHZ>lc>MFXM4<!b7?h!LU7oC z9|SicR<8f^Csi*nSG&WYaj5<mPih|BG1opO=u<OSS~fR90h>wN=GP{vn=F#L)gq~D z!jRpeK9s75*f-ZzXwu*vf-T&^;7mX0g$)VyP!CMXz4DlG{60f|`qQwT-iuj3SAGCW z+%B=vTn{ZhBD_Lx1*DE84VF95OR(Af7+yt}Kp2ER-h=~aD4thVRV1WXkWSSkx+*&3 zF|XUuL_h|dpd+W&Mrns>cQ6IWRAWDL#-7mX_wW(M(2P}cr&QPcQ7ZK#EHFQz!K{1S z{!x@qI*h}Z$R{`D_`lr|iQFOovNYw;KFB%oqpQbUu45`FoI1C@DeL&(WUpr0f#M*x zV0#;=XKmfJ!8(1cxe?v+3_5-6*~?GB3ILD5>%mqj|GsBNOlvy<OM~xxDGk206E}-h ziz`wW5Qnbh{c@l)WXG0so4(YAk$u|&}pvAGSHz6!7aOisWNvA`7cM{Z$8U^Rjn zVB>i<cU948r<uE2x&isuZDy?X!Pe^Onbxn;dmda+`c|5{r+>#%O?k|0YpTZ0SV{kC zD{j8WzWLoEF!TU$^`wQXBjDLGun0UKVQ_E4?lvD1N9Z}T>VAp@-$5d98N7tv+y!s1 zi!VZ@mVp)0!Ps)lgzI5_5(x(p>>vQPG9bpWUR4ERAjFio5{tteBkofiqaGI?_WKO~ zI1qk9OXxgsqX{iKCZf?xAixR-Lt&PmD=`%~$%}}(Uf&4xC4L$414lu5X}RjG5b=0o zvq&V|iL#&T4QEk<xWhO82dRR2^B?BzaYrKFe>xZdgM<WQW&<If;QdJ3%iDH*@B@!M z`p|>-z3c7w-deooz!iIW_v78W>}`)XZ8ZC!s9X@O2xptv(F~4uJgMVw*NTI`*L!TC zXM`Q)dSH&v{$6n5LzrDy3`cxQyhi3@@I0%f8p%#)nY7WszJu@q>%%&=mT<Kk<_@uV zCzfpm=(_8%k)(vP7=i+&wHn}&KH>uLK%omhdF)6AhchU`!AwVRX^U1Moy)~xG82=d z?G9NN2}Xe#>$YkNV(%n<-b`g>rt<yqdN_H7LTRbrny-!In%#~h7WjUcpXoJ;`sPT= z?NU7r)wM>vK|Zp~6T$}biWYM?>niuJ@%UtwbXL{uu1K~k&Unb-gS!tzTcwPitVtRQ zf^d6Or8y1sswrI!s!R9YbmS)Q1%1PP_<yjJo;(oQe-&NrxYo5QSTCvC=S_5<?{$W0 zsrs>WA(JU&l}sYqtf|?^@((X)t?@;|zDjVA9$%s|oUDRK4JaH)AG(TAu%})bkshZK zjs+qTUZd|+U=+V;jX|5n15Ktk5Ot{zhsWX5-GjbBz-Ksu;f_e%5|y%x$Wz@meA7+C zZPf>Rdr`R(xXtVYM2Kg<?=D(s@2%{H&4X}xHP^84LLTVEu4UNo)(0X3eHK&&^Y&Ms z+jmz}uzJV-%4hZLiG6qZF$q*LyYKFqpN1hwKPuo<H*+1F>Z{my7fU3leXu5B1qJjL zSUOtY^2W>46WA19a4;gmo+f1jEUduhHeZHF6#=fHou5E>@=0t(S1PhA!)fqke+ITq zs}esnu_=bChhaMj*FaBMqPiZNYk}U43IobOkTaJD-io7e*|N8j_d$gQe?bO0!gLvk zHy*&M+2eA10C|A8AMj@*VaYqpZ?ww-g|iBCkK3h5DA8YeaU*6n7W4ag|M{xQSVata zAGlM5{2)v|ufy$_zZd=dEsdcE(lR;2KCo8E$mGg!#YVbf`hK&BL+Ns;+7Ksy$^?0w z+tM0=oCYQl=Y0@i--`&L50X7FGhxx8Zm|j;&U?guaZnWLjb>;8IpA|Byw{LVETxcB z1=aC`>cF4E?SY>h$cx9oDsUW|ml(qEGWqct0xEj)!Bccp_%*5dC4dC&kPF%&#Bp*O z`uWi6Izt|)kKh#s8<2q@A|d%gn?)$(4wdN&Hh*~eclZd#y|3ye=0&en`CNGs(tIJT zq5RTXL&>dHyVig_G+%jTc_-K_4_<lj0Cd5ZUp98p@X)rc8`iDtTU6+1>s*j)h=4%_ z@&|jW$JrPb$Qzcjoxs$Lqv5*^2WHD^3FKipaSkl~;R_B50N-J#qBDHSp2wU3N8?x- z=fm;*bSz(hdoet`=aBtV&4~tx2P5RGURa-q)nsCD=asDuebG=b8EN#zWT@o^CE8q{ z{Hknigin@CB$`w;m92qHLDM3Qm^LnOB^9-$qJ_t|(gycDy#2F?-y3qdlha?f(f7Ap z<X)BxP-Ug`L^8=_bJ#6|HS1%|VShXts_RZQ!3R_K!m%>eQTkO?S}L_wRneHz@GrHC zb=g=|TT!XY<bN_w{)or%hPLYTNvQbQY{;t_ygk801^DoRnP)M+S@mjw>)K)OmfA4i z{D?Vrf>L%);sR~DA~D|^?Oe<*X_o*^oiW?U3Ev4yDfnYWS3IQ*Od~x1;ABY*$cX{` z(jX0yD78!;En?nTG7A+`6PV?UG7h*!7a{GKMTy9N&&=J*HS#-1(m#PUWg1ct<?88# z{Du5Z>4MS)D6`zw=U@>P7Y(A{T*sci_DTh+xJywAXrCP6-9@kgk_&<+NCyO8m$yO+ z1RCnuvKESHxM>99fp|0?b;GnOV!($MBTQk(rmmO{Wh`rFHJHl4P%xKiP*U=!_W=WR zTz@Z9?I)OI_facT?CA|x?T;LoR0bt2tS&v{g{YQRRWBU5>839+^&IY<LWns~g0fz9 zO8ztYDlT>+Qrp|bo6KwPe9MhDbhOvj07u)Qqpv%7?KKzeMx5FUz+=H0y%1N_tFF9c zeA{^|S2*A%Zn|Ak#AE2kK1jozz&t}N-BcB!j$qLS3wZ^soWn2>)8FA>gExn<>bBy( z%lp?ir`ZW09B@Gn%S~kFtYI+)XI0KR&YO5nLaYNuE|YFY&<Xax$BBXP2h7_+Mrwsi zfXD|dSKP8?=b4EUgcCqgA3=VaSxiP}6hQ!tG@j3bLrX&sj_?7Uc{ukYT0u`?DM7Ub z^>-{DU98Y=w;nj~*ntCEmu=sEaA0659f>V*`CC2Lha<hw8ijW4BBdtU8wuawZ4EdV z#}kS8;xpdA-qY%LEr}%(RolDTdbcj>c6M|)yBBTkZR^^8dJ4UG;PC_aFCE@~5HH?- zOva=2y}?_3{tB0`zoMew=c@4gZVmR<N8?g%-YJzB?uYok)4w5^+~9Ze{g8eC!Yy)Z zSLllV6`je7?b|Dooh$mU2z92cl*+`wK%&x0sl!;1Ses5MUr<a)vRXyn>}t&}h=f@< zYhtm&20>VyVAM-2S};Q`6GFB)5Zanpv?3a1Njg?M=(mF9^$UAT>pVl;t4PBTh5|yb zkr4W$Gn99g7B4<@)na-uefh?8>EcjNI!yc8O82GvFHh5hi?4iiQE4+Rb>H))jYL0c zqu-U57vA{DBD%k6!(~mS%UK9Vdlr@+NMG9DMDJeo@cu=m?bQE;yWLAA{p~_-&%0*6 zu3VuMu(k+_TkSO*Hx#mGbqInuc<*De)o-7X1R5fsAv;WH{N#MrUEAd6WlI1d3j2H@ z&OskE!7QN+hI0-!mt?D0OPmf>6<D;W(v+<&ZK%zzmp_1!Ya@M~nrgDyn$q`SF(Q8O z15^Qc3y7u&#G#4qr)Nd2R!g1&4<s(MYx^{xyTr;$J8@*>Q+V`rK`gkGIYBHkxUBx3 zLVusowVv21_Ga^j2#GLEgVEzdAtS0NK}QU}7YckY;5P4vQ5g7)Az#89=g<=Fe*4VL zrnhcd)7V&72bFR_iutDHjhRO5WmMNt2eenldI)@i$RdGo0E;#k+>oTd!jjp{^J?u* zQ$AHKQ+ZbSK?m3nwX}s$q+7PUthLGK*pO?^ZEgDJ%;vI|1Rs;d4b~Z2JKu$kEe7yE zg`X)1Hu%B>z%AU4pGm;orek;5qbCJdY$RFK3oe}Ow#%Yi-rJ7t%Qdw;d^j@Z?0rt& zh9U`?9;n37OXkZLgE16@mCvkiG73|IhCdqy>IWZzzd~vttBCA$iyR!77Dusj-}Hn6 z4xeqMOXBG4Tt;hw)l*`vxhe!+9Y%eMG+|K!c^ddcj_N_+9uZ~|j44FZBXH40tc6YN zsjDL7Eka1F0cNg;o~${*0wZhnid||TG6TqY?F%NVryF#NX;egSP~tB>;V*qG6<-HX z*7mJD_(bXXm7}9?9vxk&m`@yRX)nELT|8wLi?y{+yjXgHZ@hUFZ^t@Ah!*Uf$ndUV z8(T#F>BmA~n}h`(%U-S%4maGeu&(eTLdoa?Y7!Y&Q)Z|#AYI8w(C^d$EiqJu)kJl| zT|FccHQ0s^E0r3xqGqU;G_R^{L@Xw%2lq_gp*X3~Ibfr|;fA`9Pt}`YDWjxyWf<X} z8q@tEoo?JB8q<xe?dPz;SDpO+Kfr7GZQDgA)3h0lYjRo9Bsuu^>(_D!ya05!gRlUD zo0K8P|9D_$*OaXrH@3I)UVa-lZ`^$DCf@0*{hao5*236erR^6tXKm2g!4}9ZaFDY- zljm3}U>3GA2zA2D0DJkdlL}(|E`|KY!Xu0~7<&Mt;9A2P8t3e{kmH=ed=B}L$HFq4 z!}@E8W^fY%WZT{VL3fX0i!SWb#k;FbAhIt<=;ipk;EC}W$Z{fnaSls^qb+PifPK6F z|Kh#`Fpi^2yQ_Qd`yNRn%QG5XmS#q`<U^L*x*S_}e8jRPS&}7Lrw_@8<cl0bLPBDj zkWCC^0}FwLkOSCp5|a>;poDA)EW4ZK+OQl8+2sfujx79;1Zn(#uew{8?Koj!S9VWV zS6A0vuU@@+@2d*}d9~4zUO2BE5ZHkA#cc;26Hh?C6dS$Yfy3QrO2lvDIH4qs71D*9 z!rn7RGUu_$^85pjW&t!uRX(o*TnTA-3pl+O8ZIWNmKhvY5t0t5MndKR-~$Vkxin^M z3o&D`$*<8qV?+EqoC!AYHa>*fuBJx`=`Hlnls}hKsck||rc0UfAfq6Qn@YDHRm!G_ z^wNJUm~qME0k!EQwhie|giIGdn#5vi3RAamlW<VF4rsQSLRhF58i-qs*hJuK$b!YC zb6IpCY|us!9YdrC;Q)byfd~$h>aa31lx7TO(@r-tfIBb<u<2xgR@wv{6Q|^I(j!df zU{k}SmaHtLi>+KfXBbtGM@pmld3m0Emj~Qx#1{bD2?~hvDGNdZA%NVvkVJw8+UlcK zB6T5jGISlXv*cfZ)r8~^LYp6@f8zIg%5w@gyQOe$Zo%&T!`rXkzNWIWs$M77c)(Px zT3u4I_U4-<lQ9%>xjjbd#<go%MYP)Oa)+Jk>=yIL?w;{o+ntrQtK&b%vQlpT$C|OR zn!j6`>u}g1^r{y*D+7e*xb!LUn?fxR)VhRT;i!D1HBZ!=w*X0JGt|LW8UfCuldoom z)tIqJ-5L4;Rz0)AELLwY1HM7Bz?XE(tWdYz1il7`*OJ%<TQCONsW6-Ad{?ufv3EDl zbMI)oX4A&2TGp&yvAh_@myxBpzFY?_Y)~c8C#wc38Et67Hi-Vwk!`3HE+_@_9p%cX z5S5aq8UKemoULLl7y!HrtMN7J8WoG!c$MC|v$Z6emmw`}%`GX*%6IyMo{D0##pkWd z&y7Yiq|9}>(Q=0~>;caa&&*)Q*XAtA$!*@6oe^A}o0E}|saw4^<nw1NUs+m_y<!Hn zU0e-|b=&%2D3lZAdUrZURepxw?{;~C+12dH423dmHegBVBuiFi`rp2gWw(uXSF~nj zg^WhKYv#AV{;o~0-`Lo=K65i#LlQO$<I<zzUt!JV#5~t6cUA$>$ZCSP)MyD}mc!7t zSdCVT5ro%dHDVa*%>uX#GjRl5@7G|$wi`HdtWHHNrA;QoRvdz6XkNJ-$KsXd`l4<R z{#>>o87vs1wS~Y&t27dQ`;!~sxo!K$T0d}h>w*0nKg3+J%#QACEzXN(>T+76#i(dU zAn2|vwxFU{<>%%_gGxm^9T88!=Z<A&oH%=SYU;24>Zvb_!F2mvjRrDElTocvba04( zwHgJyluoi{(z$uc+JtDHTZlpnvKu2@5;Ofc8cu}Df>579{T9>?3vTpVz*iXuu-6XE zC)6EGpL7Eh33xK_IADZy;Bmm|pw4uLX0Im_UJ`;9IE<#fx!zne#6#5o98faj<C&{V zVJ%K7RMcyM2N(4jq}BDG+y%qdgMWXz>0PDQvn^?v?&;J`n!or|eKRaxPyc;Y0<Wik zgB!h7{D{-h=(u9fcD39J?h;s7BD8J6n@BRo94Nd5g#l1~C^OU9tWcH!*9j#vej*}i z;ObbTVwpt>S?E(%FN~xy(tyW<WrmyPDNR63#FTV6Xb%pMFjJxo!)*DF7lc2~B(ba( za0o+kdP)S}3}LJpdLA^-P)<pfGk=xvd4(%W(3C-wg#lJ@K&>)ZVe?^whJ(u?+U#~) zE8T7O&2Fb?x7ju3xL|Qe<@Gfb5g;NcPE23mliy+VU>TOo7pD+@;=BoopOmVd`{<AA zL64O)AQ!q(EezE{7gf=v+>$Uwf5~~jXdy}1BHSUR#DkEKmw?VfD~vGPm<Y5VP)AHY zlG((iA%X-=AM9Rl#R3Yfz0jP9Wx!CmsytSks4a-XE+G^s$tZy-f*lJYzvw5eeW)H` zBOM?&#A%aN0^OH!-Wy6lm}iuC*mpM+BCHmYp~-#O*;vcb?~5<um(&$zACwp0N+)?B z`n>~z>0Xqb{t<rgpM~k}qcBs74~mN}vgX2<xV#`NtQAV-SbbeQ=JNnu4=W@YuT@b2 z+LWvfX<aC==9=n^oRALPv!Kuj`3y(!;TUAtGOINjeDJD(f)_M(3b}?8c?4@A>>;Qx z!YQLK0>;{!DsjYOYqndY+}tlkcIWCM5is>P*Vjw+sroOiUd;lk14oQr9E!baF*Tbk zI(+!0NJJOujqF%ncQd|}>hW<3LL}9pGh13rNJ9yiyF0S8mcmi_nb3IQ%hFTO-3kf$ za;_i3cpW5#GRlh{ya_jf%ccdf*_Yw-aWxYz12MxG6$(j^m5^M-tSBa7`+J`wyU3CL zK>7oYqHG7-hdZ9xKKRpfQn{x;aOrT=9>Rqw>?+IHoyixr$(!>4#L62&9Ko(1Oh(MY z2zG{nuc$Yf^__yrVBq37vIaL9nwBiVsR8**@}s%orI|sfUpPs<6E-%Ykj=8u1tFfp z#0<uUW0uk?a0x&ouoFrmJGi6ZbYQ81g|Fzp?cv+}xRY{sQl3iUj+5r6XdNyl+4chm zwlnC4CuKQ_8_Zh41=4yQT}HT&L>ZE>L<$Na=xOuSUk$#44XXtP%9b9%3d`CqkaayN zQX)YMEWCl8Y1HYAt#mi)wvcwWPSeybz0B7X76J7}GIGFhgjy&F4@Uu@C13fx&#?Cd zWC<%K6-xH9AIi%w`^^=yO6wgkY9s|FvW4P%-ELZW=i2=x`7k~ry=YpR_$#3u4SsSN z=(-;CT>{H2B=INWm$0nJ4uYGolgHdknFA_dzZ8|Mth345YZgs`tygNgQ2>WwMkPBP zCX=%VKnhqRV^W0_8`?WK4O_w*0y}ng+OdP`g46CGyAXkQBoIKjsoH7dYW2dXuJFCE zoe~n+W+VyNP1>2FMp&ang8D~>98S~FJB<b~FT6x^G5kqoqV|EZ=;9@2Cf7o=+sr0C zdM%_h>eiu-h%<<A!J<1*2heI{0iyiFPU6fTs|yOM^KY&yK=7NZ^Yg0<q#e@_N;^on zGxMN!VW$xZK+ll^&-<Numnh)O82lregfn($+n3aXT$qdgRknEnc&hWb!B~*R2+30b zlSMlfJ(!^&5MmMpSzsl}^kwljtkRgdYWM}g0MHDik<Ew$V5VA&VXsHi)|waNqM-6J zEz}h=Ks66-OTQ0V)zBYO>)8Zp7#JIZtuh)E=@T?QnH16XW*=&+XsN(|j0uSGl-k28 z`oRbD)>TxjtH2_2N4gkmLmBlo1)51VP!8Y)y&wZT)Br{Vw1An+w6Cq$UxQW{MeKk= zP-YOYD1yD28C%ns!7bSCCj3?6HTA<bh@gz3l{0NbfH6EQ7Ct;ITLc&qW2KE<?zf0c zg7WCwkF7)YJDpBI0TJQgh6NxRUON`wilq^0vzMc{c_G?BWx?J$;ud9C93?>{1ek=O zUnONSP=u4o_uiY7q2Z1P8NyR&z=IW>qPZn0z)R%?fqy`K2>KVK!;SUwD0pj0q|JM> zNfjkcYUWj6f*}wgS_5?@@#kB7*U@nv*>{l&A@a?Q!KY+dF<wSaWtNnY=3JY3fJlh; zf^INxFLY$I7g=_d0@w-WWY9o>4xt_mgq0GSk2q;)E2B{Wq{8L4lwmzGESIZa2xwEN z9g@1?6}|x^0<b4NMlSR4fa!*DyHe?rQq_J`xSyCsqRKLKEXV={EP|la^3*gYK5;6E zJS{BKhb~>Fs@XCL#Bf7&tHbmK0S5|5KmtkuFDh8gT)`H92UU!L%YAtH((!c#1R7L2 z-jxsqx(Rh5Og@(?o?uYhjAr<`wZsRNepCpx2Q(lm23V2cmN_7T1ucM6-*JO{!V1ZQ zURyqd7X;$3uHo$u0lT_zc)Kxzw73_o60l^ZZm0btF(8-R;Lc<!qjtf<i2q4K5-WkE zdZYd&Okv$5gQjE(YvekhR1rH2wuoRpv2cTuKQg)#xWNVj0HHgF3o#fQ@pYz<i4l-N zW~s19%_o5*UAe$-haCo&O-8C2UwLE|XZe6Kj9j2&VW$ZH9S~9kjYe+$ltjmZtWZco z+Bh{2zv8ewuAo<lgkE7J^a_YB2)zO`HgF-(8%bLl+KXV;u<ytB@&R9gRVSfW;4pST zRS@flo5`>lN@n05k@d^rKRDk3{sX%*_CxZmQ6Fe5O`*(tK&uGz;lz0b@ImQnOURy< zEa_pPgfUL5XxwykR+f%wRLej69>E9{LcxZT-}+<pC7a2lK}En6e;!oCe3%H{Tm%q- z#zy=ylcgy(h5i9s3V6UqiTtsy7l2g>1!e#(0iTleTOl5$Z%{CmN2WD-olqyQ5MZ7Q zaU&)tAWd^w2b7<UT*nl9J?-dvDlE=6(vEM*%PPqNke33y=U}cJ7OrQm0+LhK(pd!1 zgDj6?{~QZ0uFpckOo!fA9wlu^s4{{<6;G#s@#<~2y~+akO@B3+yxyJ2fu4wn<11{I z(xoo5yPzUFf=LmEP&m{gUJ&2By8*?x?bX>2XVxcw5zGSzrOWU%<YeSSh?bEZu7McW zX0^evy|OcNNm=Qx6(}>!KS}iCBuZ}-A^=!I9TCBpn|PoEE=pw6MY9Lh8KFBR)rnsa zi8)T9QiTgY(g_%wJ^^ULJPz3c`4R8y(AJ|pUcV;;=*ZPj{*(%_pos<?QbJ7h4s~C% zDk7$_5KF!;7G5=Y^ro9`yd^7Qw^!}By_-1h{*RAuiiiapC~xXoY^jzGnt;+FGa2X+ zA|0@}N;)hdLglp5%qk1&F&1^gY)Z6SJDZYtGBelis6<jUbI(f(@yY6b0CC?y<fcx< zWMpE&!rSXbUt&;O4udNU^HqY89cIS#8|m9w@(Y?X{RXm+PwR#Eh|h>8!Rs3yu^I?( zN+0l{k8vRc8)FS_clv49(xu|b@7b1Fzi09L+2{R!{w?zJ74TFmgj<B0WJ?4L=4wpF z#ChgnX3od1qa--YP*b%C`VKpk2btAC3Twn!8Od~mTW!SA)Y8c118d+(Tj{H2te$SV z{`lnn;l7^Eom;Oihy?RXvhr)HX&0hSOhC8=_Rs(+0vrZE#Lk$i(VOcTPSvQ+r6w?< z=cA)576Fn2HUglwko7?<%@IfZJ{Sl<{D5dE4ur!qMhLv%fR#hlYAq!sgBPlAHHNpy zI!%^tqrTE;zEkHg>binbwj)@d4*^l!Ssp6Oi}|WtnGfl(biKV@?{qr!x;1M;xyx+f zz>ecOqo>ns%+s3&b&icXho{q_OB(f8N%l^}i~qTHX}R9mU@>jP13>jLsf)IKX3MA@ zdRaPSk8P>NWra4;E{kLob@qU(_^Mu`u2W}BKj6uLq?8?$Y_^<1)=5VJ*f&_rhxB%R zr%r!|*?I<YNY=??G>%!#txyyLMFf4tK*pS+&E?P)p+2LGN7`S;azY1*C8i26B?~~V zFh1$;?IT=G$w~f?_J006>0TKfXD&^$ZFvGycZ*t9*iTwbqEL@B9w7IbEwje_E}%gg z8vzwrKI-|>T<Bo?bJAzAL%5@uWu?#Nu>E|@uwp2#eFyXnOzQ$Xb@bc^0cL*ld*|@f zXV-WlBs!pCDu6jK(UH!qA)W{#1F>PSRs&{FKJ?%;p`s%)sH1kx#fP+$YTAU)ZpIQD z`0Om7AmIu6yjuKN`V9Y&K7Qf7<v?h!Hk98}LUR#cZ;IbRzTYmM`dqyFU@hz;XQLLO zD=X&QQVu}%Dr5PFOWHV`I?~YQJCZ;Lgq3nFw(jSF(}1Burz4oZMf049RU-tzE=8+^ zEJ`D!exqTfE2zg3cK)ZPIZByCzn!$s#`0)NN)}|z`D4=-OfKonLE53tzmy-cCLvs~ z0_ZFNk)&XW4^tkKVRET1gU!%4=h(R*|Ch^VB3`^KKQ9u_4rK)AGHktchMBhBojq}Q z*0G=<$UJscWf@|Hf-07^@V=;U7|#GD<syiMH|pb9Y&<Pai)%3#Xgtb1fo>Jqm*>wn zkTqyCLVAPW|Et-VLh0vggj>XC#cSv0l{h53wfQyJr}r7eJJV0Q-K+ug$}RIFL5t8F zmy~4apGSlu;Tm~M7-oOMQYc&!{)+_s7ad!J%@a-dpwu;C9FkZ=VS(lW7JI!=6#&Od z$~4ie;xKLcT!j7-#W_h_j6+OMbx<GmlcZh5x_K5bo`b;rvU24Ezk1+-V>{QQ-z1Z= zEXj*uV3tiZ9(w?R%Fj(r$><396Ty!NT(^sGtbx}@YwAqe(<4#}3t$b!Rj~tB1!7oI zV>K<2v_~XUWk7RbNqzaxIyyej)hh|4Nrh|$01yXTE{L*gnd!+V)2~0t<c|>!>yLl@ zF>#8XpJb+K6`S?Pi}UIfdX&6g)~-^`>N_;X>^M(qpkUqv4Gdb<D+2l9D6v0IpXVoL zOM;rU^pE+u+6(GZ!iXGG@|T6`fi)ed0+#)d?-FAz0TNdLB(5S|1j9{_I}nPgwMqL< zZ}B0xeBdC$%*AQ|#eu+&Ak`sK$zMcSqLQpE6-gsa<kUr+;t~MppDB;{o!1APLR2_( zK8G(BXS)J&hm}|dr)#|PDt4>0T>&$$X6y>3M#b6{UEwmHA@2@Rh=lzfg&@Mle=$Kc zGHlOBX}6`GVRwe>aZ*WUOR+uupu;DL0sCRADN<<N%Hr6Zkc9b#`U8T9-iO?U0h8-p zc%NN_4lTqk{91Zk3V~Yop9kC?Ba7V#I{Z@5Y^=!`^fu5$Tlo@xEy3wSvs8i8&z=hb zrb4GzjC*-Nsi6Y{Uw|4r;H_w{f_5s5C>AVvIcx&oza^CeY_$+G2km|_(sp)iZTIcB zcR&1|<oWYSKa}0ao;+~iNh!2q<Rd-LJ@>xPJbK}L_Ok5#U;M!rX>!(q_WY8|2t&{~ zX@UO4XXUI!M6_DMV1|}wV`*&5v;qOr13YRyibbb=Rztr=1UZ5(JFqD9FuyRsEW-dU zmkz?V0JO`7tzMh41N~FkCQ`IZS6%5lgtrlV=i<+?%LF;;)tfe~Z)$}7TeQ%dz^;=U zf<S@x(Xg3Ddu!NWqwO^uF;`Pn3f5K+4UEg-fYtI)g@P)=7E~##bPsl=j-PN8E^(YV z;aF1WIB}fzr{JFXLz(q~&~_CO?6aXQaY6(uOSGCpUK|?6;epa@`Q{ZXHnX8@$MNH| zzeO=AZXQ!z?YiuxT}28$m_M^8x(xVWnXP6|$Sme7*g+{Ck<u<xXqQ^7g0WWw9F98_ z*<UqG+%V@dNbooy90~tuYi_3vQ!&(lOnUQ9C^wM^12>bp{RIW61>Xrez-7Ok53%%c zxin=~QsIXbHqRGv(Z&swoq);!00OL>uuNdEAHurSO#tIT(tt`b;r@WroqoxbVM@Q` zb_VVTpd41JQgTWL+bd5ox!C!8qw)97Vv;w}-aSmsWf|QPW9kK=M_LY!{F3vsuaf3v zKxIThnh5;>Anj7d()^h>^Ot5Y$y0TNC9)eEv(w)ou><0oLR|f7T<DY>L7a@}nb6GR z!bYV5aTSnu_u{z3P3dn?WGvwWzaR@6#h1k|@;M$04A@Sv0?v1l5;#nwwV*hHlIQ4; zJV)+oq{VXZ?K2C%Rd|C!@CmGPHqRG-D+%=%zK#9p0PhWXLP9Qy<b*)WNt!P&$%Zi$ z4rEykVk*KkgP%n~Y6jTs%<vE%O(B}bh(h8-#oBrahCn)~2N+=(g8eoqA&DRQ&;{Wc zwwG<pHnU7?W}<vaWJUe@^7Ng_<Y@XgtWbUlN2UcnG?ISx+4Kk5rtx85%m=DA>?$p& zFUocrp7AATehp)V!hd<{B^~Av5Qh2-PfO2A4Vba~=)G}pkgMe7e)LpWy(fsDK_H!8 z(9t0;2+s5!koN*EV-s#VaVvB|#Ac`=dA-3pBV^A7IJys-R1TcQNlQ{fYr&C(xwPEJ z6?Lm{067fM0MT;sMSIx%&3?<$Or7OMn}>O=zcK4=FFuie9XlHn%#?opiT+Rb^?mv| z`so*|EqZ(U<&!p@FKqj`!^v9kHM6H*PoL2~nEsX;7+)y;b3J4>kBRR_;y8Z{ODV`e zFrvf}qItWqp~KG~E1a_#Kri)4r&s&aUrB$(zq-WF4g^-?$Da(a<>?m!C94B$KVVhP z1~~o?6Bfmf*-%E*99KqE<M&ixpPiJGF|*}T7n($jE7%H(K7ALWPv7MilY#ULY&pe` zxG4=Ke(Xqp6|7b*@?UwLnt<jk+LW}?=)+X3z^l2a+s;>U=y)U;#MskSVQ(LL7!_13 zN*?y@i_2lXI5!m8f^^|An=amAL}FlpOL1XjE*Pb1x`K~-G5A(0E)7;mxTt&*5?)-( zN}CBnQYT;?3MER}3ffW+@7*ruEUAuQ;{;pHAc;s8*TQgAWjq|CaMRSz;FIZ(%98}E zL~$A(K`ml!NhmYmY?2i2@?l`GFfWXbZMbl^eu)G~Evy2wgs9Ld?<DmEodHr>9B(Lt z%7ZH-F{p%t`mh@Z>_QySh+PGeT3q6AoKVPY3`Ijw8Ul<tHqg{#ax8CoOb+M-ts*Pk zx((@<4$yfycWMk$C_jG{fk8eob8A*XFZ&ulHHZCfK6f<JE6OkS!lz%nUa<%LHtY;a zxL#Wxc#F;0MDJuRa+E{zmlQ)w7kba~8a+fn%xdo3N@f@Gmd!Zt5bC}T^u|?SB<TDS z9PVH>0sjq3g0N=AAraV>h2}393WKQwEh$LQ>4$J_Em}mk4J?*bM|-w(@_XH7qcB+* zlz^`kM=|19`Id1YWn_V@-?Z4~=K|aOmn#Eh;8Gt$XirC6P(hfkg*J)Z?K`($)6xVS zpkUA)43hFAj@c7^I6pTbR@IA@)!+&>d>0WKl3a1LoXquW%d1x~Eb<`O#+i?>C-W%^ zrL{Qi6%ueM8dR2n2ms#e^!}AA_n-M|<+icyBPZ6bJ@JtTm0R1rZB3gxnI{8hXATxt zmIk9<x6KNbgYs+cEnMf#^5Vakp8K3)iO+pbvCMpm?b^6&v(4?ciIa(Faj}1CqC#Xg zKonZ5ikj-v=fhZChP+-oI7cD>!fVp^Bqt;gn}n~)_G~kBC^j`$NqT_<u4F(^3A#%w zN&tjlViEKh7bfiE3_$+}Ob~VvInosM3+zKdn#y78TT>PIwCoC>suEi*23kAST;UUJ zGGjjsy#R8-O=^lHzXdo+-m*N%Y%7b&*2D`gmCoLE;uq~g*19;47qc7fMQD>;rM?iR zeAHs}ehuzWgX1q%y=?M^jJNQV(J*1sS$w9oMd$WSJ{8t`Bnhf4dEdGD+J7oZ7_jQp zZ!+4YjoZvlz3vbW=Y*lPVRdNg+MAyDh)$nP^u2uc{XYy<kvHD5$8{U|M<xBo-+$08 zxh=_$zki~|q_cWW6V}fjv|-lRX7HLU`q;6LeD+4OO>|lAdhYQv>*xSgh>wVOJ%o09 zKiVx16!vPNhutY#@|ndLXE?i8ZMZFN=7LDp1)~=WG=tG#P|Yz}hj3~y8C-SY6cZ<K zNSr_|P)?5P6mS4HY+P)eSWEE*6dF|&l~onZ846nHrvE{_I8+s#j+S6b{9NsWy2{mR zq(<m0zvJ9qB360(l_CU3Bsuj`$6HkcW*3nb&b$gl0o|-aF5J9%&6>?Un|nIickbA_ zWzE%Vt|k=Awesp!%WE=x{z`9kr8n#kmgvFk63)k*ypUMwCD<mLQ?-op86FImkv0Y( zuvo)X<;y}?loP&?AzDt+RMmJFJxh5rzl_yaFAa#^z|y6GnO_E$R@cWwZ>+vPmj1QL z6)-(U=leWn3b;(CXMSaMI<2DTboz5v7YG3!)VrfT7K>2?;#KrpUQXZ7JRYkTtBm;a zF_X=PA7{XH+7)n}PM-wODShp>y2OafT1Bzo2Yu4SjzE9#cT$}|GL#Hq88}k1u((E; zln)bd2u{ZKaV~Br$Ov?kZGzP4bvq<m&=rvA1Vf-YSnPHS;4CZ_`!)}=TkI`s)_{Ov zU+9``n>I8zu4!1)uvV^Ly}Y_CQ5-LZ&Car-XgHMV&+tQiWu90i15>a+T78jN1&0M( z?D_UXiqHN(=19Lp;tW=V**e6&w8$gvT;y?42=V3L{jL*-IH|E@6?86op83WikHrCq z_ZKeQA*H1wRPT^!W`h6!wCoNM@m!MShelR5v*<{f#fGtkV;_N~sj~pv!Dz5_kv<3h zLkCHOkvR~5p~0dlwt%pTB0p6`1gMfhgknqGystrF07mx?K8Lt#X%1o1@jtH@CqH>L z`7<fA5l*E$l3!`XIKiO^_!s%Z$m$)dSMOl$GvAlK)HMAy_V29pp`ZQip4(0=fA#2d z>=tov3B6xEb58ow%oCzG{naR2nSTB@_Qwa(j~q*rh#mape}QL=foFvLR<pkcJ1tpe zUKVpAX(M|B5^FYdA&>ol!BF-R;feW!3WHtDnRz+FUQe5n?1IRm>D)B*_~!N$B-Fo6 zn0ORQCB#s1-8dL(N>De&!P64-YRHflN<o4!%r$LVNjQabOm%dQDHKiApkPbiA|yBG zw9UsDfjMU;Dv%V|+*FY|p=5f8^x*Wj#D`|uh%p8e4P7?)Ri<}bl;49|eo4_XADIAX z5FkK6nn&>=X)j#@U!gz^C!sKJ5%BHj^_${@GdoC)47<sEn@ak2x(yE^+AfW@qca78 z%Br020EjYV3QGVTsbT3b2U1Of--WwTfO;nm+JL?>J~E=O!GMAE`*3E65w!zdqv}dg zn*Pj8JClm1JFgS(f4BG#)90nu^XI33B>p}{3fVz{UHBRH9;tQbbc|*-TyYX$CA9Ka z32Ts?YF!G`nO*Fa)|3~uc)ehE09vI-i0O-qV?Ei}O27f-K;+pOVn!(JL3#}0*P4@M zK?!hnvkkkPVP=b9kpv{1_FU$$dmXJFfKM|gbQRkLUzB-4(smZ)iGjj=(Vr3U?<`^& z%QAzKK9+&Hz_G~j;*xeD9=FD6Zq7z7ZkU$~eXMxse?1#=l5*g%yN0MD{x7nCDY|V} zCr!?6+sXP9rk@+h_H$j!B@933tn)5q`Z?eHBSB}>Dz=C)9K#VDikrZt$()levQyOD z{23Y~qyR?#2*<5QDSWvaj@+cpOJ*c2!T-9te$v&I_{mQm>*|W{+C^URco%%|AAii7 z{v}(h1=w}lZM(>yzIg1hnF{GQ(=PVKQ>VmFcAe_FEj_@-6T9N468IROcEOGKxL;S| zR6HI}e6Q={KS93-k8|O6Y(^YLzh5d0%KbzRM<8JriH1Q%TXJCg3rl#INs`XC#Y*O% zuoN<3#s*JGm>gydPNNxpau%EewpUAanpBhP$SG3*wo~0foLGial&T|`jG>)|>VQ}i z?zubrWV%Zy%zW~-{QTF%F5J~$>Cl_Mzajp~nWotFvG2rhh<^h(4FTl;Kcx%eYwuv( z?iM48toL?xyp)xSCFrgtJwkC@UmPD0;xT<ZHjrSk*zjL$4C!HFjuD-q-^>Sf23Jv} z_4NA}<*In-|2SLn9oneYD(e3_OBm(d+qZAuy&cA)3U1$ywm;)&FGn9$NA90<v=a^( z)Pm64E2}XmOG`_;yMNx@UHbE%KY`!wZW`p|*PXy4{#Y>m3Tx&8zR=y>b^3G{`O_C) z_`>0I&*{_b6KBM;-KV?Hq`TQfqPz4oE{cVI5t93LC(cl`?`~=Nd2{p6!LJAxPGh`J z^6@^0*ikEdT>dB+NEZ`9yd@XTuyqV!T$?k^`b@0KGL55{Ye5#EHU|hnKXW@>ZXhN& z1)IkSYYqp@!X5UV0p<xp80_(qorfvIYTB8_GH{fDF(VV}OpAH5a?aD`kBz)6-B_a0 z4Op_Mbc37TgKlVdqO_!LOVpX}MqK2_KAr9mH{bu;{QTeEfB$d!_0j|Q`|kbt`!2sr z6My`}4e?LS$nhIu|BCCI@f&V9c|ALZpXBw|L)Mmk;lhRA)28h^pflhPfNH%5tlvIi zTx@JjWngsQsgCZy7+vAiq?lNQGNC+CR=yJ(E{WPov9u~tx>KkUs!OV>cg7fC12)H5 zNr|;Y;~wt*U&|R%FDof-eOnnUE&;gLUuy*DFJEi#FmIqlqvK--_V3$ED58S{d-{QM zHAj^GoIJ?#zYJBHZ_29jD#Wkwkpm(`<fQu*(4<#h`64I}Q6TyQl~O4d%Siv6wcwGH zvF_8SiGU^WMd=ey%p5v%MttSWnY0oOeM=vfil68{(|tPK!zMtf&M4H1|Mrw7xF2X4 z!X~bN<&{^?l=i^YT}tw91{s4W$&1Edi`)omV;8J;zK|sn1r$jMwu&%kAWj<?krrF4 zV6#~^0|nC3s2R%5v+u<@aa^@eB^gu^ba}D3q6O9@do}GleE0{44*lrx;U6A8{NH?u zRV+O;-6kg59%)nl(!a*q>mdnRZP2X~RC~&c*AqSRF05_bqSH-F8Yl?D0+DPHvGoB% zXdK_gxb`FPMeWS!BFJ}_!{KTbfT6b;$A~)`vE?uyqhvm#3Oi*|9h7iss)~Rt;pC7= zA{qTrd04JEJoDENvj0dgd5~QENhySM>)i5@z23%5JJPSWwe4UJwe7&|eQF6|n{?p` zv_&0CN(fonnbY~uuL3$mA!Ni%7IXjy(V2#PUPvYY^#E%C*p<;im9PZ>A|$XO+JRo` zVis5p0$IcAVK#|u1BuMy%vLgrhP$btprELr2&b1{zT8~mMvNuaeU-#kU#<pla)?gE z&e71!bJ9a4Gr4fw^B{XUo%0~M_>)=>dp`N8W+_=R{cZ7c_n;cu(yyZe*n_Bqwl?vX zfA|CCavtxTD;$vzMzC4LWDkI=F2O}(ZTF72=x|u43+IM&FFPlCwK?%Ecxhwd<=APl z>*M!c%u=&gUwaMx*MPDmG2bO=(G3Z)11+4-9)h+4PQijz3KL~N-(+U?`Y3a(R)inh z(HHC^bn-S1e6;8-R-74Yu;{yBuje$wj>>5^JG<}}kgY(_g&7iLx4chCba*Mo0(#U= z!R&CDv8pgTwm{R{L53ABOq@Fw#|;e)iX5V>|6%MjEz{a&LCzP%F6o@GA^npwF9Rv~ z$}yvQ2Ht7CkT^OsKMw}iDgq=-_+a<T|6CvgfFZ&-pnrV9Rmj~qyocCNh(_Fz%JS-{ zc=FzvFOVL;c1iK)(?4ZdpPu=xXn*gwAY!}gz3-KhPoz6rde^bLTHg1M2Oc@FN$foE z#BZmCdr16J4n2f_h8_aZIX5(Ereuqc8BCcN@w68~O}Ey<%tpy*hU^Gt&{7w4_Vq@q ze!u}7U)n|@@EpMOGEh1wEWn_M`obbS--d;8SO?yDBpq^;5PU;fWF_tOnA|3QbmIca zno~6mC9o52K1H>qr{k5}bkx#Q>|@uw@kV;t9UGYKDt2S?-g}dDi8sv1(9pX}%wqoO zf7>M9b={YL48uKnY6?S%%WIXf1RH4d2EULk9ylK$&2Cf>2@N+2Hi%<wkilVJRRH3# zRnl3d0YNh9B-(3ZMpGAnNsO!u`vgFPAS@=);t+Mv;=uUP>-k}*Bv>>;u&C_pw)_ck z;*=Ppemh016M<+bTKFa}i3!(TDK?!6d%cUYc<Jb<M_jcaIx9e#7nk_$$45#P>)&pC zI%XW0tHVoYum}-u{?j77e51%)lo+AZ#~b-A%Dga-myHtRpGZKi#iG+G2PZ2E>(Cs+ z-U(2j)idH<iao3sL%tH*jU+K9LtboE6%v?MC0p{xKVFyq>Bg@^Lt}5c{|vk5ju-At z%0L;L`I$JDoEZ@_n80}gd6$$wHPbsqR*aYE*8w5Sw#w!uz#I<X^j=jU-iYadIyHtq z8kr4YTWYo=i%LgkI-o~^2-tx5VwFg+ba9tfKmp!5ss%A9U72*9=6bRM3V=u;z#>{S zn<1;#EhtA<hz6hlSBe3H^NMBSZ5Iq$EWvOPB%E4se*5uF6BmxZCR=8(q0~_G+RmL1 zC~<eR7N}J$<Bc~a(!Xo|N_qk<IFRl;jTU4_@4ffhYwx}HJz~+!YvRvlMnzyl&1*!E zrYSN6P0K{XWzg_%%+l}-;eqpBkZ+<+G+1kaA_V%~Loje8=)+NkD&4jb-If;9ZEX5k z@Q3~U<;s`lp?CTz@De;gbHb@!86J*l@%D+e7i1b6OJ8Rn-S+02>7qN<GwW54gGS4j zAks6tr_|0Y3G1=%@EG_VE9S5gp|dsRLD8dJ911=~1P-3UpLFt#96A7#HnDa3=8&AL zg@VlVGJ!fC3kHK8zZWpK9`$4(f@s!3t*#mn;tcA=tFhe+ZIcDh>yLizS6@3yKkRYU z!JpJ0arD^Ws#SyZ^PW|MtG-t^xN_xS-S<`vrte)fSoeK+;s5vR2C0n=7jBWJC7?25 zXLg$~C_ExNfqlnJn_E|{v_rF%CTrS6z-eM8z&2uhSS1rpLMYNG?WEyo_YTbRIQbF^ z$gqwTjTXSbn9N(js#(^;x=T|+eyi`zn9P8pw>Td4>kc_v5C#YOdOEoLzPYKqtf(*; zK%PzBh}~5J2z}-JGzKkm061go96C1!6#@uo&DHZkfB@f2c6$T@#Ic+g!T<%a=MEqs z?4gl`^gPR+sQC2EZP36HKWs9an{j-X==0s`Tj`U0z9z}Zj+T{4Ww+vA*;mA}+e&Z4 zqtRk&almND@4L;r%7@@hI>1RBExQj82tT5YV$$L7&4l8X_|cgg5wFqEjM^0aD-bcl zuk<yV@|T5=B2uZW>^9sGHBUnVMgUYpkcAa~3W_h9O!-9=bmoXC_vVKb?J)*XIChv$ zUr36R>fYHBVYyuGA|4&bHrA7fp76!dbc!)KOhnLYNefC<)AiyEL9(I1A%Z%><ble! zN4-P&03N{7=9=*A#oneS?f*nsQ&SmT$)>)hrapERf5X=CrzYxmYc4zqy;>PM0oCYt zW5RB^D+_p4A|xiYI@qtvP!2$rU>Ii_B9soD$t;@81GL@9u#6Hr9MEd9m^a~OwrqpN zCqR|P4h#?V?e6N>e$D2q*EOwO6AV@YQ!iRgy9*u->I$l=24fV80Y>T|eqTO12hand zWC2B=StSf^qf=eQ{I$@vq~64#v7oC#wyGRH9bZCq3kF8yNhdvVh<{jfR+l3d*m;G3 zALq%+@_hUmyWO5=e@6WJGq~C9&wSjQmF2}TKA|kA>{ZS8OuxxJ#W%e8I{hYv)4s+R z-^FEw*fc9I#Ad&m4G_u)WFQ!Jk-iesuW280e_|><p^%5gvb^axGD7g2jRDXZygi<V z-g^Vuqg>b^3<x{r?Pw2CfaI!@>RxRRVFYa<K{pVl?pUP(Rfly_<(n;=aI=`VQnQ$w zcVnn--@37N{Z)-nf${s*cEI`rs{fa)v?~22s~T#y?2-)xy%?R=q-0G{0(~vDNy~j~ zh^l{K1+o#X#GcGdk6P2|yXSkVZNjcr8xIwx)gp9~JXCRLvS-nXHrunG@OVD)EP&|p z?9YbsQ1#4+3Z8y$fnWL!_))c^+2((VH7>7ohzb-r5TPa&3j5>{Y^^y)aAu}^)bACY z7G@Nk3hE1V+}dFuB;mXTGwk0@SP^5sb-7HfxS3p=u}N%lHD+hqY}tj`^AKw_p_a{S z!zxhGxo`y(u~t4<1rqy|6LL5%vQ8#E2tbXfpb$}alC03h)a|#=c*MlaH*nn{9%OgC zc>C=yrY;D*y-er@hQJTg&#^kX8q#tDyS^d)T!R>vVdNvrVv-kCxNsvBYOfdW5<V>a zt?)VF3Hh<sI#D!kTqQchwwfS@yK_f|LGlUJ6>-VqJ9GWDeYx2No9FZm@9Hm4M3$J` zy5qy5#dT~%L=Tfc%{(`w_d&^1G>$;g0u?7ZI{esqkbt}jNIWbReICKr>17^pZaR;R z6x~s?I(LWQvZBknEJ`TzHY~r)EoaYu_A?LMe;*Ek`sm-B{qWfj-~FLGa8AK{Z+Xv6 z;|DfxYH11viwbJoo`AnZfW}~XE<f)cYR8x(fWS&hfpo+@4g!eMD^eLGgabMmfSzFy z6Q~#QLx7|(6(^NL{t_r0m>>{}o;j2&;vqPD92h{rkQ~kw=S?Y5@H7IIE1+LWMmB*; zkl^a7Jkkiq81Rs?7+f`Uz=7hFex0!lCqL~pC&DaT>M&=7-QJxJd%Mfya<{vT8MbAx z2oIW_9geWG!)opDmqpE%j%+z-b*)_HDpFp#?GdlTNWP>%8kDm;EaqsLzr$$`+KODu zR=TX@XEb(TE5VouM-ry?%;2(>=`TB-0T=#oMoz%>GPFxWp@I;5BE#+6;qgWir4f6? z6140LhOz=XO{SgMjkED1E<X~OOQz60n~Vc<zT3eQ*D}8#*X}}|YiHQek&%UhMiPmL z$JOpwxy=2yl%IezeT3&JMcJW)VZ-3@euVka2hGVMp+;z8N0kNmCLeR#opyJRmqC}r ziF0wVq2&N|gk0GTxw6Xxb7^Jw3tbQ>za*%lZl<^C^zC!<<*g)NZpI3nV4s?_NYQ1X zq5?Ibw;3Bn(uSNkEl%2;p;b$>8W-eH|C7k%t7qf+vy_w;F%`A7%a$>rwyCzMe)Y1N zWi@4`q)q|NybLl&)^u|SeG3MOKIZe2=^&(0B$dX!8tOSDkgBHBXn|0PgG!aN4v1pu z0bNsBud6N3(FLOkU7>g{FoLjnAyg+o|4lJ@da58xl1V9VdMc{`;^`?#PRo)lUcIX- zX$-6?FEuTAU{f*{w=(}>$vGSCg6SbCiPh`&jk}f_{LL*R6^dK$Tid*^2BZzdL+d|F zgb1j3Tsu`>*d$iVj!n$4fjKrZXDhmgy7)aJWM^5kvU`LjR<m`9nHIlpqnkm`HABeC z#&FGH)+G*WYlxYB5z%Wgd)xgUn`E)$IAtKx2bdd6VYd;o(y(i(<Zv1Qm<PfqIw2;7 zrMQ@>hfF;)7|aA(eP(d05X=l}z3;%4lD=}94hNJ0FHVk9Y2*2EST~~pR*O~ZrejK? zSUg;=z<=IU<%ugM_!p>Q>h+Dexj8w4FkiE%ZbenO0wkYX2u2h86*-X{?9{--Upb;@ zo+b>Ww7I}nhMEBu_SN)D``Q=@5X{i>l_qGC>N8yUM_V`mjlabBfX-2{vNp;9w!nI2 z82ypmpMVj79-hPsA8vUnDZ}Fu!vuk8D9Gt4!b#`f;gP{dW<nCCH;@bna3|qQw?(66 zDw#~qAo3(}H`;yy><O`cUMDx@LXnWk8GM%j_`^8G2m*UhOx*yP@IskjfTX;J1=i{? zum*m*-{%kbRfwSqZgED|XEk}@d2mDJe9=dku9}5bl)dk#&mB7S9R09oXMuu%Fx2d^ z|D7!}-*yMfu;pjj(_giFq#`9CLVtBWs?gsdWPT=vv}ff}NQ`^^Y}uR~ub~9GfVVsf zF&F84l7IwwaU3}S2e2BUKnpQ0$7&$_08l+ZDZz$NoQEI4@!~YB0ek{{8%PD;`Wx6P zhjYry;<3WKoRV-!05&Rs9T4VOr7$i$(2gC}OO+Kkq!H{gm}jW~t0K-ih$AmPecRTp zw>_=gKL4Yq$HtzfpY%6!o0c$_&0Jx&xmefAqN0^WQgSvRg`Yk@_VmGn>IdS_mZlGo zdN{jl>CE0`E0!%Is3l%kKfu0G6g`6UD1)f6Hy+JqHmWN!IFca>GMZs5f?BdOJLH0T zoz152!MPz2jT`Lk=!mfK09k{m0U(pu4uW)n_HF@yXt6@7q}U-eD)GQB6IDkMG3s5I zjcp*ZZ#ODg#yNuK5sJ!S#J<(rjb|=5pahvV8}Z(@piLd$D(?;SAZ-hlra2nPG@>!7 zDT=#Kh-YRdX0OuH^ed(5GdiJkx<~p1`vKSC5wTm|{lxSW;wv*P#FWz>xFBqR*#A6S z7U+KGK{Iuw&_a8UW@giSp-w8wusL)JF50qk4x3GG37amW-bQ-fHo>8@IXZxM0c#IJ zCqw_X1CHM=Y_<?2hFxeRsap#cb2U|!<)!h$d`KoUwP~CH%8)SW*m{A&ELGwpf=bC) z8^i*G=vYKgJZ~Y{=qcyn0i9og{4&zI4Hu47r&{u8t7**l?8WO>Ej<-ld0ksgP1?7w z<{-AwS79-gleqit<r#S%*ZH=v8(V@!ZKp$l&d!L>bHhAr74cm9D_gd(70;YLeK!3& zW{aOS7G>u91L?1L0u}i-=V7xUGvF|vGWXlT(x?BUG!iL=ybgs#RS4pLtMv#=b#6<u zTew-iQLD+_n?<)EVWZP2z{uCrVK(8Mm&JAIo2yG+g>E|(gWWEddy@dDqOF3<?P^}T zhH4e^immHg)?B^z>XplDt18Nhi*Srl_9f~zu&8da1qBXC&+*jWvU){cy+NNhGGCwt zs2ZiZH3)FOoBjJxY1W}Y*>H0#mOjuP+x73_r~Ec+AT$5E>k{4^r~Pb8CX7Ukk(R?g zA6vgZ+vQ-B(|6JVQ_>jy2AtF1cj6EPDbEF{<_khY0~7w{(4phs`(FMDJ<c{@Y^lq8 zL2!7M<yh?9kji<i#>2)fR=dy59xut6Nl_%?mYkBAGfo_>DH`Z^=1s^a?iSjlQSl+r z4kx$E?~{q1;+zNo!^18gOb<}e3CvzH8NdaZurF((<2QhjZgD`3KyX;Cj#j||-bAoE ztk`~-+aJ{g><ZMqvQ_Fur;O47<+W@i!+OlMU`^4Tp+Jsj@xLBQx3l{ny6*nAHUPq2 zciltm{&af@v;eksbhK^T)^^=P>2J61*tTuQbq^t{G^<^>LHYyM8JUo=$nt6&R|T6= zCS$)^PX|{6@)U<|LL{r}B$F6e1>y!E2Ye|uXJ;j1g#}sV+2#KHj4~5J%g`E<mYlG| zhs3g!MMzi-9+^ex(8)5$p&;7K<)Tl(&;Y#r`RRSko`r)ESj1UmcRK%BiukfazUh6^ z2O>7f@tUK^;c$Fx`rm!oK;9N{z^BFQNdM5`a27iLnE}Dwo6TZN%x2hn|2I5~>>pcF zxI`(}Cqdi0&@xvEPsyG&SPCsqEWu(ZH`^=WOf-m)gP`&C*vy6YjW`6UvJP7C*r7L= zbp{xZ0L;QbHiWPM>mo=avrz!L1<a$RO;Gn>Kp2!*ONcBwuM~k<FAZEah7LIg=!Zgc z)9O`Km9gT&f^beo&~=sjDh0d5MhlQdBZLs;Raszdp#jH?sE-5!60C((o~BQ~&ln_= z!dVZT<nY+MVeu}f^L@o@I%V6lfcA4X1k0LAOLIk6gTq_5z0UTGt<Yt)oe73F?rUw8 zc9rBzf1eL1Oz42+)BQ109hc>JX7JNq-O-Gtk+QPJGTl*oiMM#ws^W~`eHMrGrmH?w z)7rXkBPL1Oa}a+0%*4{&&bt2xco6D&!ndCKhc4|7jl}|3JSXvNqCUz0@QswbP#|;} zhA+TaM!$r|q`u_0*OZtLJz#>QSA-azuf=rHi~A6+Fx(l+CHw++9fen~S8(5rD~U_K z%vB8k%U$$MH!eZ_mhMShT6lWa-1G00#~qh>2S$_PV}4wd>IFA(TY?eKh=;D(cxAXR zzMz)?|Kug#U6fxk7#CV_P0hPx^;`18dmcvfn}5f<+4ME{l<G&%>cs+ZzZdanck)l- zqI#f94ae_Oc&1BMuQuGZGLyRvEN&9_)8xjbg}W1O@~3CbUr?WK!hIL6jp{RnN#fdq zYYnbOTojfrEiD=DBrdvZ*Ocnk?t&VI?sUm0WBt4^Q%c=wZKmC|w177#FiIca@wAfj z?$l4npRN~_i^0uu;HEU_TCZHxKD>=^r?{18!!X-`XR3>QT!-*{M0qd#7w&Ya{f+Q7 zFgTPlC~;6f)cmx&^1ggtI2mrr1C@i?gUUjenhzliH(lEE{QKS9AL(d+td5;!53@Ic zpim(VNcTx!*WIBv>2vfi8d?nZ8lE=ZZoJ==YwCeqbg$(}>vrpBY@POOdyoAS&Iad6 z*R=aL{?7&S0t3M}GfrmaWd3K?R7ecfhn~p!Y4~97{@kxcr{lj*<R-Qxu1`Fe_(f@6 z>B`df(q!qwWf^7nm5-F)UH)$s#TES(FIAc<4_9rd`lssln*B9**L=U`ziWGH@2UOO z@}}i?uQ<Nq@s*a9cdmSKm1WiTRa13cbyKSit0z{!RKI1-eQREpv*jWAlk%HuYt|;$ zKG|St$Ze1t?rY3w>}h<uDZ6Q7(^PXs^R??nuFAM-YD3wEYd4(Ta9^uwqhsUIjW2C7 zY&yH?cUN!R{PLFGEz?_{-PX13`D+5#d~SQe_WQQ~s%^^-VaIQF-rAns-rxT9j=GMA zJ6`WR-1$Q1%e%UEC3ii#>la<Vu8Qv5?w;<uyT9K3a*w5_sHd~%6T7o^%e%XFKi`|( zyTA8^zPi49`iJ^|y2rMsV$YU6V|$(-s2La<_~5`d23>=BgDVF&4)zSbF!b}`=SCf) z&+Xm5cmLk^?EU_}ihX1Ie{o>L*vsSBACeD!@UY?Vt%rX<VVU^IQPa^^kBuGs;qezw zWSw~V<UQ~5T-$qH@&?BZ*Csv5XWu<^W5tbUZxU{L9$iupUK2kLITZbg!qdXn1z=7| zg6%2pLwa~0<e_M;pcz2v8KlvN{>Q^e5Kfp>H`rky0Vw`@p&1e`#Z962BU+||)+f5# znCcc0KiLhDzl2rD^{QKkFpsNly>Lo+Qgs_JG+O#cHw_MqP9A6(ADd_yKRi4bu1J)H zSBCpX@lzA8h*y-A*Y=O@7(9Fgiq&Cgu&)YFObqo+PK=L?j!lG%j+P}>R4og~_lK8< z<A=l5W#Ra`a77tz$HV1S;rOv|?z-G?d?*}0(myKnWAAzscDn~~pA-&Yr8JKGPw@L; zXyy+JVQ~HlsG^5af-n!SxN1<Z75pj#7gx*Q>_GU#!V$zpv4r7IU#@~{0{@1DKBO^$ zcOwWvse~bAK8g?tVFfhrm*F{%nhXoex$7`~t9i<C*c4Je%G9Uhcq+#i6#f`~bMZcx zKMnEUBRn_SoUS(ZMK{vpq;}s0juRMZ*iVJ!FP%I9dtfV8<aS^lIGGE0Dgf|dKAia! zU_q9_GFcW2!G?GV@NJi}FpIEU7G-%XpB1n|R>YREVgQTASR4=wrL2sVvkG7<Rk3PT z!)n=bAmpsX(Jpo1QR(nxnXP3FtdTXbX4b;iv8&j6wt=;>jcgOUnr&uV*jBcUUBk9B z<=E|Z)&bPmU95|BvmUma^|C(J&-SnZHpqt9FdJc`z){-A_Ok;(5*}v<*&)CWA7K-0 zk{xBo*l~7(on-F<I^lKfdUgX)vfj;ZWH+(*u$$Q}?7i$(b{jjzPO~%Yee8Djes%}@ zD|RQl3v}`W?1St>>~8kg>>l=E_7V0s?4#^s>|XY9_6hd4?33(M>^}Bsc0YT7J;)wn zpJAV6p97Foik$<6eS|&A&a=<6$JpcS3+xH@MfN0niapJ~#HQFY>{<3@_8j|r_B{Iv zdx3qGeU1GC`#Sqa_D}4e*^BI7*f-cW*|*rY*>~8#vX|I**}t*xvG2n;`G+un{t^2z zdzt+Q`%m^0_EYvV_H*_M`vv<i_A2`&`<3Cy_~envaoxaZ-<V<V=-A1TQS12Ofzh$P z!zYdmPFPM(j_<{*iSbFxiSbF*X&9dD8|xp{A0O@8-)A^BI5yHZ?i}4SJ~o6gxo3R; z_~8}h2L7_#cw}U9@8rHo-22A%j7)k@^o<Q485un?GKi!`Ch@<|Iy^bP|ETI7nw<3y zOpK2W?;RZ;L>wnZ_xGv60|?MR+BXi5lcOg`2FHf?AnxJd#3c6}96dfdHazF=9Ub2@ zHZVE5cXR?D(YuLB3;7LAo<RIoat<Ssfk~7BZsg-6{3$N}ZvWuuK;OiqgWes$*T;F{ zJk~MP%+TQ2KAz3KF&=Aw-}s(M)j5|Ia(H}ljK{ZUWDr#|Zln12jNnrg$3+i^M-Po^ zQ3W)QL%hy4Z##J(=^LZgnwaF-Mcrs`-TdtcRUk4=CFPl3RBSX?|KOO1!YWSfa~}B# zUb=&QWBk(-XlFDK(&E`Y$+J5-&J#k<pgMxz<iw<pqND2AJ326%pV>M(F*&Fu;@1Mg z@9=DKdBq$WJ=iy{w#}i@!I8;v69pa^otU&z=bGs29~eJ|N>tqY2ZttXs{8Qh@W_N& zeV9DRz4!DT9>7E~VJB~TKo2}T$e*bGPfViIdg-0=G=MI^{W9kK5MrPY9f$Y-^3dE1 zCGfm=8U3SGWymz|gQx_=IW~L<E#RAdF@TOSGC6pB&)|N?tS9g7uGvRQYWVo1ch+Mc zVnh{B_Kmt{{q`f!0Q$|G4<$quJQtBV+U9$pe8(r}d+>tIWd$AS<mlWZ`o_u8z-*$t z>8bnE<)WIH-(8h9LB3D`2ff7CR2E!Hg`*Gg7<e1OcaPGfAUH$}czk=&Z&3z})I(r% zly*VEsU~@Qg8cAzoY0)aVD2A83C4zb0`v^Za%7MPMc3p(jTFt~;r%?-<7k~x?&3xB z&^vrF!mHt6-{^6SC+>A}^uXlYGsZV>%;CXNUP`rOJnUR4%l%4@d8y~TdEQQpQfs04 zdEzG~_xFu)e~g|nYRh3CeXF%IwH#<nAJ3oWiLxX63%pRqOL!rmGA7hs!#|;xK-(Xi z<aCzzdDRQSxgQS(lDs&W>a`%)F{N_m$EJE|!FWCOE5Y1Uwv(fnP=-%ne5026+Y^Jw zCP68e(Axv!{nQThPN8gjF*}S;9vaQL%-fTwqJ4d%e4rje#q^D1KEl|d+|p2(Ee$;= zuasU$^+0|~rl_}RJz8myJ`gV=HxWvhh}-a>N=SLt(C2E}7l)uZgLf1)1aF4n$zdWv zN}KFQ2Uch$VyChm8Kh>w)Y{)S%KN|q&k?o54UZn7C@hpGW!B^cN1Y-Hnuw_nDKCte z$*HFGyixfVN-22pwDimQixWhSM)?Rq3Vgur$ETRPjtwf_gA@Dt>m!Gh`|<rpc-w(c zU{sFrN}Nj{S>$8lAR;-4roc0Ahl-j#n7>CUlY2)8c@Rv7<LWcd3PsYdjCtPs(Ug5- zoF+_69>jOZC$bf!3Yhn)Hly%Vlz^HS&l)GK7<CxHCnuHIcpmz=2QTo6Q6x40Q47wq zg%@ajm3HhO9h@WO^Qez!jzVfANbT~o1gam?FmJobaq4ar)x0DMw?fT>DH8(^b&^fN z=KJ&7Q2R*M;+N=b>MNCgP+UrUG;Le(et%zl&-lR;JVO{%@KsqS-i|84<pqR$5-bVQ z@1ImAHxoS!^qo*zksNc=9WM{};*%!tk8_W6;nccAK6n-fI0r~|pzu)Exh$4D=iEHc zypGUs@E>%7iiH5+4z!49sGy_L?c^XYAY!K{#YYJS5_xej#Zw8!GYE!nNGYX4OwjH~ zYiyYJ)wvE?&il~(CgIh9plUNHU22v|=8vdV^)3H;UdJi74uklPPx8`o)`AK-JUG-h zc0!{IJh4pPDi^&&x|ewaGJKgg$jv;$H9X1L2x1S_Jo5CG&ZT#82&DR!?~(RfzDEvt zW6|)ZS&<Ju-yuFjV$>giHzos6*~x{T#Gr%b1Q&!n**Cg}Sb)Qm_Csjry_4$N!Zp`u z3SF?M<wNS46B*5-3O|GtskPD1(48<m#s)|C3|{)xF{C$`eaWxXvE<h%5IQ5`LW%Z) zb@OPxAR_cN2<U7;g}+w=dbNNEp(W#+=Z7ej@Bz&etOl5QE$nQpinp5FY^;heO1r<$ zrA5G>kep4aL4`@3>*;uX5>>15$>ctv4mv*Sc}=T<v=^MXsDAb#upNgmim?dXtMGZ8 zF016<cwqeSV7#i5&riEgPGY5ns^9~Uo)F16p7~&2z<|cfYFM0i^4+LuD!$r5c2hAf z{pKXPP~5GC!y*i<0XksZq55z_GaBc!$!<<a&?~?#^r^AU_fq>=oYUk5fwec~oR%VU zR0K6rzNX<+YhW@Spi#Daze0>S#i3F_5C`*L?5hw$^TNLhp+d^I@MGG0(e5cBmJ0U{ z#ZxR69tfwVwxo0gohe=OuJ%YY5<1l$PHoxJ9!bd^p>S$Bxt4cygj1I0zJU}h)FN<& zQ)T2RqYzVD+QUQPQ>Xe6WJ`N5e8M~sxoXH&(;MoA;!-Fjlyr1NQ^J<^!H$l2N{odO zk1oFtS<p9bX;0~+4JkvkAry&pq*!k}CB>r1Pk7**zP}+%ZyvS?VsQk{#_*}|DMWX! zOrL*hYkTjOP~WzW_Gky*$=9^wMTl~*CKXTVVkr~iHsTWKYD^g$x3;HDjU^AG+8TQs zQh~v2<VYXGJIa*UyeGw)`+J+>DTC%Gltj<zbossE=2Ou=sy1FqAw)Hi3Wt!MmS9TC zkHRD&o-)SH>GjPi)(5vKhBAdwMU5M%2H=P`bfm2Gv<**IJjGMySom?B&`&>mkV?wd z*c(388&27x4bgbY5^LSwe$L36I`UHX!RYaL${K6k+TMDN;u(s--^=}Nv2%jGv90}_ z-QI}g8&c+y4l1^o-=LQGoCWT4R{W$`AR0!NQ3{06<u{x{-6CyMaU_awH8)z1e~&o$ zyAG6O9rC}fH<j$4tFd!9(>>ahVvQ-G{$U(Xfy#}i?8uJ3d3(E%vPT=jy@>U^!+`?< zuy=o|_nb{vlG;}i%0>Adl<$&w${9Py=<bT06Y1`bos;P9iJjBY-HVE)yDxUmKzD!a zoRRK<*f|s3gRygFx@W{v#*(+0b|%u!z&BY)o9-c`P4{f1P4^{8o9;PCo9;`IHr>NW zo9+>$P4`@+P4{RFC3W<M8&QkBRCV~jwLKcH!(%k%8O)}B9#7@PQqhuBv^bv1kA=hQ z&_lG&7wuaf4WDXjU+jr?j;9J{tCR&&`Nb*bFXJ^>IKRXTUlql|)qGqniwP-7>EReE zT6*LZ0*`Xy(NrH@ey)i5k*nfZxDGkcLiM5>^evC4N@9s%T|5=L#9K7}9)yUa{)9k& zI1ygQN1d3z{?w^;(RCO+?foc2ieW&<aJGOCsU$GU0_c4B&x524%_W1U647wD?iAuG zoqHWlC~>58L@k<2!l_;wP4d?EN5rrc4m~0kNLd{X4d~NmkO`!R6r(M@DP1EvD#nsf zqR=X_v3DSvk{bI4(DTK{z7X8K9T*4*)`x^a6QeDC%R^Db(?ZQ>Zsc(x3MDF}0GfaY z)JaK7k71#wZ}A-{AqWM<j$cr~P&Cpp7b9A)jLH*68u|jYJkdH7vz&XU%orr$a7z^R zR)S6tPgU^ZBWI#oJHqz%M7R#LTIp75jUf5i>dQxF*5hqoiZ$<vDmAXqw5VFE$WuI3 zsixSdRckLz3@C+G^Hs5EI6=j40hOxjNSw=KK6LKtS#MPSoOjKvHxI3Sx*$w#ER`tH z-Ykf8c`Q|0atcjOZF>rx|DuFZ*@;vh(qF-Ag!+qCfz%f;xWWnaTqTbyF%Ut{W;>Qv z#4Golb?>aRQ0>rIt&1)XMdmeJq(jZgDk`#8b#+wA2-PoTM9uAN!B(SSer3dfQe$v< z6RBbhkowE`uK^ukK5wc7VdPi}*tDs&R5#72y>JWYxK<ktG3r;TwWz$t*u#Rb5{@P~ z7&)3_4>Ru50tfe5M`2ds)m0RR9P23zIW|xja<o#IS~xaR7;<c)Fyy$J!jNM#g;@c| z779a-trUhF+b9e<uAwk>aBQbA<Y=QX<k&%B$gz{cEQh0=!jPkb!jPkr!jNNEELApJ z&0X}6s)BbncU8mH!+Q<9Yw)l;mMWhO-AfNVbRTz7=zi{^pnGDeirJt8^uU7-au)?1 z;w}n097|Qs1|6XX9(0tuDCl19qM-X?B`MQjO3K@EoX9s=xYoyo7q+#ZW9;^hFTn6r z*b@ekY{KLmJ(zMdhr@X9*xH&hT+`W}stTowI(or(wSju6!@NHwMw=e7z<8_V5sQ_6 z9RLO|>3CRIWNzMuH+F-r<eY&up<mt#21vfO{hUE+I#)nX;5q0K+y(v~XBTcx>E3rv JFEn97`2TXC0qy_* literal 0 HcmV?d00001 diff --git a/dist/font/iconfont.woff b/dist/font/iconfont.woff new file mode 100644 index 0000000000000000000000000000000000000000..f55cb72faa944bc80268051bcba8df3c80f73ca4 GIT binary patch literal 38004 zcmY&<V{|4>v~_ITwvCBx>xpgKwr$(CZB3GilZlgwZQZ=zy??%1Yp?3FYoD(A(W|@q zoKx-!;^IKSKtC<T1qkV<17?W$U;97q|8L^rs&YR9n;#bE2Y9ZX+z}F@V&Xqs#E(tz z10rAoATR|LMwTD0;>VWwfx1SW7Pzskp~DY%^J7c@^vXc7m;J_WE<`{;AiO^u)(^<w zO}_-q9L#NhI8`7Zun!<0=rpG1yi{{T=O154#UBmS{{hL|#?$PF0{{U9U;qI_#t6hJ zyIGhTng9WX|7d|2f4~7hwV`eCL;i3DKlXp?BZGQ_@VBsa@%Z5ee%3()1Oz%VjH?c9 zV{iPUi@5mV4*vt^o!67Cp~ug?qJIDQ5&Z{nDI_5~LtE1y?&e3s^n*LWS;=n)duJCQ zpqL*GWG4_1a&lAB!-0d7>5p&n){kH6e<<zjGxNwXHZU+S0SaPmi=GSqN9(OHK41Z) z90>U{>wjY=1_ryJM$iyQ21W*8Lx_SiAjix=KnPjDr2jW=X#6oWFf}m9mV62a3MwKH zV&*ezFf%bZFfcMOHUk720|EzylyICiv^$`9djan}{0$L?bqo=vO~g*b4TRnculfJx zF)%O-Fu;Zohd{akzQY>y!GHiIngtG#HOP!IxBvPMZ^9C+`QBEhQ`9vWm>2^(VF`L* zVlDs?hsXjp+rXAX0Rpnogkk&NH3@=>!->zJd=s*8erN<Q0153wR(s^+s#&@(iKC_V zm?&%{jVOw4GNYEW;bb;|gED|oH^H9n3tEu>BcWv0eF62kF#pUd|DCrK|IzZ7M-N5I zOMVki=DIJF$9~Bh)iI{x!jq^@NkUrhxuoe!mFBj&r0!fVkLvU>smrE3F9}15RxWjB z^pmtx)RjTKNvc6=>|C!XubTHdcu|I>hDwHHgJff>hfYpK0Z%}#m8;hzp)4>ZCMZ|B zI3B4=i7~MX!Bje2uQx9$8(f(K=eDA_$P0<)3U8jfH1?N4iBsyZPNSynp|{k^{agH^ zX!+WvUyi}B@dK$wplZy_z!MumxB}VIf*uKLqW?vQd`hS?t`1PWRl|6J^lf3stxy~4 z#2=5@TUVt@HWu`guKA{QI{f%lq@%%|wZatKuKwWWrLqcjW5@RaRtRqD6e=%Ci~t0c z%<?Cw4c-<(v)H%deY_i2D8?ovQ=0h{x_^q0Eaq;{$wnL7QmZD81^N&y_HNHf+vCGx z^>L4;-F*fy=FDD6XwlKgTj4C{<+9y>pd_#{od-sF_4Zd<geN9IVx&oDl(b*+)+?-Y z@Qv+V2;!GjOcupHwq^bJxGDjAT+?0>Tar25<8|jlYDCdc<v7=radc;jrVVfJi%I8n zT!tCuqr#)<n0@ZZuZ+xg0txQ2d&+&*Q7A{=WmGD8%wnNV*rBC5%%f;WRn%qF)@2!m zyw*{gQ_kXLpZ=%szAyaYtS5Wfi^29&us3qAz&<K|P&+AvgPf&7_EW!nRP;jZrEPa@ zsa24xG8$c8F3Gi83$3_WI|ld>O=csW#O%QqnWSBprKnx|OVz%}UeAlhjn9*ly4Wpk zBD%XQn_pgB#_a8MS<b?8s}*8Mj|%x*9@p3kRo-X!cII@qX&5@IBdmriI7l+U0yzG) zgWSs9+wdUWr|J59h%kZtnXhD5RdK!ilZu0Q*Hhh%m3KIB5Mf*pdtO&JAcLx+E^@zT zPR)Y;9^6xzYIV}!`f8%h9?nrRv`O-mYLZiS*?Xuam74lo)uP9rA4crug|QmaX0tt6 zf>Nl&I(K_hM<ceLnCA3HK=>rRs1Gv7(M{-lnE6U{Td0-&!sX@FjMN&IBCM>X7q!5I zP8Z!+=}0rj*ahAi-+l`vudbXD<CdBuGk!?g)i)*Hj&zpRP19_lLfX|O{Ymqpn&Xp& z#{z(FE?`;3adl>>9ZRFkr`8A20_mo{{i29S%YRm&q{hDaZ)3ukjlp`%A8x`(=k;8? znqujCH_fVi)@W8&$ayD&?pdDEzIW1(_M|Ma>|4E<o;3XvFYeVAd3T4K%1vcOu$SF3 z!V!2K7K>q7^aNpcdyHuR*E?bE(x?6G5D|B^ZR|Sl<KEdRRT7V^XO3yM=E@`0tWrzz z2)~$7^>E~%T<jjeZVCe8@JgU&XP9rdjxHLp$CfOhV}4_#BJXVXia>*u?Si%w5i8Sp zyc50wbQfjhc&(KdAE<kg`~+dZ{1AzkD14Wg8?5_q3+yEaFNkr1_$3K1sD7do{5NU1 zK|EfN#E*ue9KJyTVGz{`s*fUk7uQJ(2$~y=nj1`ElGww{#98^+zH-8~;F_)r_@Va_ zhe}(~kIBh&Xs!a_wnNf{NJsMcdtw>-F(RrI;pe(jtmMn$a3kam6<y|YokZEcG2##A zSbAn)%BmNmrv#)w2yI`D9}qAQ@b@<mqDRg}FT4+)hAWldeD8f{Gf#K3ezTVERh^s0 z%2ZS7vehSb>?KzuJx?2|3~gZXNMsRLBx({D88NY;2oza}asl*>FtNNvpd<qrl;Rr{ z9on0;z)-y}Rp1b9;RC1#Luty__eW*xS3YYq?Ia<!JXDDOPO_W1+4WYZ^L6J*j`v*W zN#3-{iu+ynzB9?-z77560E5|*!{%CYVsG-CJOZ5oL<aYC2y|J7S%IYk5m?u;%7Z2B zM^wp6c_uOTDwvRQl)ef@rb23`$xBHkQ-+xVAuO2B@ybdgr7fM~g#fkEl5aC((*zhs z=lNDtirIXn>`Bp5RIn!9JeciqDLNNB`_Y4r)8treFld|a<OBIqecqPG?O619TdE8w zE(GVA^=0dOO<>3}sx!$g2o<<wb`QRCX`zl~MLs4`T9WaC$Dc!Na*Y5V=~28_7l9o( zH?7FA=-^=yZfzyG1z_CN!95>=LuXGa_}H6RCM<hM3rjgYl)1LhQJ#VH3HL3Hok_xQ zfcY33&urcDBfjtDsfCP;hG_RJA;LT8-pwYP7zY^x`0PcSuXnB;Pu+AE9qr>za`5EZ z$uEst`J48`<ZkuQjS@i(>zCb6k*6?tO>M{ub>hVhQ$LSC(poQ`zAOZ%93sH<iEt)0 zl4y4C-lWL4?I(TXSPkE^MnlKinzYluPBSW5B3T`Puug0^^RRX(16cd`vLeJw9e}6S zR$P#9Bj~Te(6a@&VBGM85>EKOOG5WIp8M-ZMK%O#JHm#Z*?B|-grBI}vA>92<kerk z$G;Op0o}=}x23y^ESqxf&xYiN-Xt?3;P_#X2TE$;9;#9&#GGKcH&WzARgac00XPvA zkG?Q9VG0#yqLm7(^@_I`KB}=j9qx+5NHKpJSl|$E^Zzg^lLCVijDyTVp}&A!8weQi z4TTNMnoUt6M|BEgOu4Ne*L($k5q=c(LtZQkybM}dv6{Q*emLJ!e2HKfU)s!<%k3rs zjTg^znIWN|s>m8;AgHWiLP#`OnB%>$PrCz`Y|AE9yrJ0Szqyd*oz6`q2IUZn|CudG z#o9AlFB^txAP)NZl)HaV#|d=2Un%f<J}2UTSDkeg-i_vkf1MSEe@TB%URgb&Dr|p- z2>`xTMiq@6UcY@__P$@4`V`HUlha|t1?E-F40E*`R_t-SS)y7m-3L7e7!%Ao;e3)N z`D1CTYE<EJtCLFN7Bo|zn59zN+J99;tA@|9f2S->0lc-Xo5&5vjTa=>V8DF<u**#~ z0crut6lqbV(gE~x@CfNODLO4IMYl)tmt+U6qh|o<oW(UG_^P-A-xnobHB4sLnvqNu z_kv^JM)ve(8UYw~pXf``#wIv772Ic~(RK+a89)jWe|p$-`E~ch;`=VlFL_il@%8K% z%vbywK|Ch35#R)5Q&Vz{rm(O*h&3zC$NBJIJg@jWcl9iNN719ZON|*4kSN`8-*{ix z`Fzvf;s1JxkZ#57ur_f{1oSmQeEPmTr-Nz%Y-!7*Ym>$(2jdw7>R5CWBs1bT*CyC$ z=HP8%=$e_fCdD?m-2t(Ud>1I{hV^FYjkN2_7r&lx+(Nd;u1xF$7-RX?BYQvmD4_Eb ze40%GOG$Q`tg*c(MTVvA+3x`LdsEs^U+%(MhQrXS)rZMErsw*on}Ab9RSsJ$0-P9{ z<1r&yFcGr`l<)*wM^a=K8hl&c!Cw+6x#%22;>o1N=xHXkx|1tYzy59X@Gmp8)|^^p z>cE~Z0^RMnlntQ)nZ{7VT!`5r!sM);`Rum5m74n(({LU2T*15VJihT<du(5}Z@+D5 z$8Gs6#nyN3y$!GGde0VCo7ZP`-bDqc>vQ;?25R(MSv9dR_kAZtKVNP;FI?#w^SJAH z48Cs8Z??Hcv;J!GTpEKvUrkMHiw*|0UVW&)qJ5}4n>=aS&UC4&ZazSxvHS?d>oy=J z2UM=n3^-#%k_YWLF{e#p8iU{TWzzX^20hE|xpv-;@@8WBsrf*tA39!l9|5lJcaPgy zkU!FHel5Pp&11r#@C=R!7di~};)GlE{?ez4d49s!5-|AN+1?(P2?GlYdu3>7800k6 z<84iSEfv;2K0ba9dvK7!FYgKK?7aN<uT|?*JUz)2CI&Ml;WfT~#eVUFZ`+2p@6)<) z>u>E{I7BrcPkY}YAP-c1rP}#;Od!H4#u>~6KQ?tP&v?M@e6EmyKCU-Q!~@ev0ym)% z5tvR@KuJ)Il+!3=7I26TI_ifIl!GX}$zLNz)FC7?I{5wO(c@-^*-nA88lLC!kX_?g z^G+_r(EKz^!MFt70)%N)Wwr#tF>7IzOuqx{JywQed0Ewy;{bZP922{AIw0YyxPWlI zGo-IA=n#SYVFWCDA8gm*Nn;tNmbJ~XJe%<qL?$(0vD~M`nKCPBaB>U^6C`vzQ!)mb zH6T2qO5lmK8!zo@)_;7U%_m<-akw~9m|3Nog$39*xcs_mCWnx+0PzMO^(ho;T5$D7 z(Gev&p}_e^hPm5F)a6i5{)K5n$Gmt(epqLwMlKCOx}0*y-`t*nKQE5Q!%7X&ritkg zKQ9*@_g~nEI4H@9dys?b({6n|5b8SOX^dj)KhO7a7)!+O8~o(P^ZIzXzsx-^Ci5kz zTg{aJWS>6b(_E{4g2i^KTqjSSmUe~_hvNzKdZG#Y*`0R(CMJ3#irUpa%VlgbX!pJ~ z*&d623WPllm9@3Wf%|4a>WBJYdp|6U`unB$2Q{*-GzNVtzM77MxG{Rew){eD1`8em zpa864Aq9e^6>y!DEl$3kr0Yaf$nvfay)aiPS0CM?>mEaEBwxFfQ}@`OQ(3qE-D9T` z|DzqWs<d}C9X9As;J{d|Na|5fqLkpcZOw-4U|Nle0zFP!D1Zu?5j3R@X$wS0&`kA6 z2`5dw!O9&@<a3LW7)rFA<Fog?_qFeOj(t|uCl>c6SVUQjj(re~Vcsmr&lo4u6_1En zGEJL(PlQOeEn#Fn@HvoqR{hwBeIOs}-nXvzDBJ2_09vHDmBFf?51v+!)H{tnj3G41 zmn?!6?Fy)IMo>9U1ZHqv9|Ldtb2~<;YcRF7r5qPDJ$S2{o3RU3m~7K?LwC0(e67<v z*yQcaolT{vmLR8K@RYiG5DM`w9#+lfF<N;y#hQ1)ybF2g74E>6J_1Z)XA~g2Oy-J$ z-5U315c&$2(5X<zCTbeLP^asqi1(}gB<GQqaE~RKJA3qY_pF(hdb*GK_<qv60V=-- ze%*%0SPr{&(5Zzy4;2c71U`=xb;q&*;uCX3=Q@&`+0kh5vc78C5Le%xSKH>U>~#pQ zkvIi1+egwc&3Io%@y~h;Cqpw)gcal+`?9cQ8%;xu6~3P;;;O%DsC!~gW!Jp=t!CsY z)p&U#>_cN~&6UezI9Ixs5JyKbsD7+TE+jp?G~o-G!Bhq1ZM{SsEwRf7ULj5JOc^+k z&g_TmaG?bXteUEB<!-c3*jY8xaKbaQCWpycx*wgv@G1Df1$X*xOy9ro+rdV0<ggz6 zcj_iLcw`p_+_wE*%V<@YZi8eTA?e^$xx%;lu^NjWRK;>Ea9V}!)=Y#7gM>DvCRQ~) zT~WTFz2z=c`8TzHFrghwE2G>&y_K>Z`ed!28TI0Pn(U;=YPvq8N5zm>W)6>u$uo}5 zUcTOV?@vrmwRck3lHn5~7|VJ}&S#QM2wYoxzVf|M{ndDnfD0+e)AE&nOGszt*DfSN z0uo~BUMM{A@nM1+yiX<Z|AZmY+2nF5<Wh_GLtBUyZ7Pt=DkpwtQb=uJEwNcLCbK~w zodZ83E4HpX`<hKbw~*1%;vk>~___^(6E@bMl+;Ml7-1)%h;;)PNTyVp6}^lptJp)N z9<Sbf?O&4@x+Me<$94YEsqfL>tiORjt{Uo<>)jtlQ@|@`%c(m-WXrJ&;Rvw-LxY2; z7LMznyT({`Nl^5nwrSecrcmA4luTVL4myrvxAQ+{O%o!nHpXm_Jn3J8C816N$*n62 zQxiov2?oLQjDo?C?XKNcpg-Vt1wG!}Cz=w`s|CoyZx%IL0AMg1WK@J9!5~IVdPI-- z&?nO-c0mYvyI$^#Zw9^gl0SMBR$zfN{`9+m3w|={!`A!TellVj#0ltq>+vD(1jwA_ z>+{YPH#}M^EcXMy68bfN`E}f72S2{P`G}<PCATlWeDlTkrwNzeYY<9K{6WKu`z!!! zSVcz%m!*gLMY+<RG>#A|f6#dHP{Z1E$6UwSJ7})IYpJ_Bc2jcd-GC=YX_jqz(USNg zTV`Er(lrhDY%|l&-<Nc`p9pX~=njJJhV#foJZE5-;WXJ&IjYL{yt^9gsDsf=Is}dI z2(wI3T6(}O^QXYs|0>u+oNF*xg9<YTa2bSvvNA_Ql86(r43ij$8bEa7#wqt<;{?G` zU?<O%TVDMxzBJ8J5IO7F@(%a;r|}p?ZJt`zn}Adz)&dnNNCq2fqfE`KMiNw#H)Q`4 zLST&Mktv$tMdoYb!zoMXf}z9^HFO+IRUFHfs3-soQc9lPgh`on!cuWP6d?`DAA#bW zVV~z3LPJl03`TMmLChsWNWH0%1^PtKm>HXJY>JpQ+ooweCSXV)gtC*5LNZ2qXts?0 zMHLt$M$<$kLKJrM6N40pvmrtg?whTiAOM7$&u8;%BF96;{XsV^jw65vzZI*oT!if~ z=8z?Ndx!coegTWsmjgW<b$R}%EJtZ0uMu7u0;a;a3>ZYFf<K!6OlVZB_q?XZ)Oqf_ z_PKhy3M^#o`J%j;NINI&d>JdZ@7O!V)py>j4Zo_<KZ?coHIjcYq<4}Z3oi{a28#Lj zGBjJBol?Ysh<=Ftm+?;qLgOBSq0`rWnhOyV+wGG~BuZUox1~n6*4pRe*R(lfuZeNg zsub@l_PoBwa_#fqckz{{>5a@?k+|#Kqn_(2T92f7uaAH3S#3Fi%e=pnY@q3Ivwv-L z)T6?|vqxOHr2pRFJK}`=^5Gy=E)!s12c;lIoinjd2?r44(a1J2ML&d+CR@LI?%)8> zueH?-9sl6gh;CKE2?w=;q0m<(k;#btts>K=oHsM{`uCtkZm$1oCC9B%t7`8jRyBL0 zX(K6f78wd3Q>x=-w~=~N!_f!tYQ8MpO0hGM@4if)E>+S5+8DSP^<KUiQ+0noK_jU^ z{M0jqbV$Ptu51g#aR0R_Obn0u$W7Iih0qlLPK~dY!~LuHZLdmrrkAIk&WJHH2Bvr9 z1J-$Y=tZZ#y1^k#XF@IL<`Ez~%*(DvJ{wxNrOD@sxHyp6Mp6Vk;t#l9k72N~ZWN=# ziN#OgGOztTRW`X;OO|}*f>-n++2WdXnCvit_677piwxVUzxs<na4c1pEXkNIQ})6% z(qz9!-QH*2TfCC#9KE_?ay?zSu6dl6#qFOd4YI_!vH~Kpu0o?Z_}@>E7VCD{2H~Yt z4V`H8Rkl9^ry}qq(>kqD<G-90oM#nCBN^kl=A-mH;=&5fny-*y)UM+()e*RD9v1=M zG8>9(!58i8*A34N&y5o6kn7>=yzf}=WbbhA*LU=J0bj3{nove7kSk9m-ARsOD!x@5 z+xYOX`E_p(*lknxIMrqE18g71fmou#g9avVYCMd*_L2m642X#G@t1<8X4_t+T)wB( z<BaRhgHH>yZ(d@W3d&GcO|rRo6D3-<n%CgpG~4>rU>ytj=N2*(g%QYEI?ccGFKz4_ zTXqje{_1My!k^t3ICwZ!HQ7J6(c>=P1%6`cyL?Shxav0cAiO4#b^1h#`iqgwkokNM zO|L|`jy^WmOR`1`^m(k9y_o5Txfy)Ve0bq3Hf|wtJ&<f5M}htP0N@CN45j<MhNYP6 z@1=3+^QViyXk<3)(Z*!%jF`zT<lnOye}BgFzlZ0)K9uLZ9a8dt9gg$AL5?4v<h@LU z3p~8{KM#%*^1S_n{QKQ~?S0ta`^<Ok_fojyxyrM1yJ`Pj+s^m00(s>h3fESb6~VjZ zAdxvu61oJ5*jZSdK*!>c)!E8TxWe206oc+1w`9ZPuwn0!IG=B=r^F@ZJXC1CwVdVU z?M+FcD41!X<#K8tMAvk1RfBDoQx4rMeia!xYR;!^Q)t=g>K~)fVWqL0TW7uH(A?op zIi?%U5SKDvi$^^^$-pbrgu<sm&wHMglTW?}uYl@uzCI-7*4AzA3ua137}ty581Uf4 zfo(m;jRleq9u^0}g>51ABHl??u;`L8q$;JPbX{CY()3Vd#AOBo3j)=oUFg*jPBGP% z8_6iAM1~`-G!o|1Mr;RwKj^jiXv6K_ZV|8%a4f+`qH)#80|+*vhekoWYr$=XbAl<R z35>YhEgQPz40l7J^eK*d?E^>?$EF&u_|1y=JE2|Gfe|X$rk8)4k!wn#Q_x27j+tn# z52I<WkFCMrMi9}fu)-P)&;Sg-u=2AZvo^K9)Ggc$j1a!DqYHUOo@$$i-)fo=7`;V~ zX6X#Vh?us^9HCu_7*12w6|ptO6_r3ZRuUhmQLe%EPKp-6zfuMVABIhEW&}s@U_~Z^ zh^pq2>9PVPd2uQayF7XGj~YdJ)lUOM=qSf-QWBnPgpt+cCpK}6H<7)Xv7u(ay!5wU zVc6f$Eg2i%wi%1H*3UDerex|s%bVIhU^qG+x+|6IGUSRsKx5xswljKg2=xVzTN{|J zY3vD%arL{N%K8%g`Q9&hXYD+fv|%%te)bn*)u<&hi*#zsxwSMM_i7$)OB7zZ@F}$| z;EYRC<9w&>{-NPOw*;Xch<7AS7AWyn01<_Ict9`jv_AtPckoHlH=KXKK$PB1?F}%% z5K}kn*<J0ha};{+Z2JD=;6<V9`mSeNn&8%)04#wtG)07F0)VQSZMt>y{>lc+935IC z?Mxy^(#?%E66rg$J2IH)oc%RG#u_Z-9FuA0fC!r<H1gJKo@U|jeIdi>G-WA(yGq#b z4;RL}Aky}b+~{>wnIaU_aVcqwH<{hDCyJCHuDrMRvGcE<2gdOk>O(DS5V0?J@y>|F zBuF4B2+0nZFBq;lR4+)iB;1^x2v_pS91o!->^r!!-$)8c>YO@*vx<1p2?eb9tU;)l zCLLO=8bA_I*ccM;47!yG1rC5sPz9V`?Q3z2)^?bwEh0fi#P3lfc(b?(rZX9CP75Az zcPr{KbB*D!(QNIkC}&yZ7{e=Bk~1o5%=lpHXo45EHw2(*XJll!PvVK?dOjm!{T;=1 zjwm{~pN&4L`ppyGehhPP1&-}uaWfhOv#j@z+!<-{31n8b{^8TooI1_4TJfIHAlL@9 zp&VimvG_0GgsCt>q)zGzh*hnBhm5s!rp|Cc74?tQNN2$@V&ByL0yGjihggE(02CXw zUnSlV5_)mg*E*(VT=V@536@(SLBd=im8M(m-W>sj%oUy6blBr?=@CMiUCX6MPEP2B zk$@-rumR*qQIr<hy^DZ*?D8#zwVhY8X{C2+*!*e#W&dd&ss7hjdi<92(w9vArsuPS z!1qG8yB_BhB}Sz_#o2Ns^a2+q4E;7e{kA>VwT%1LU23-d*A%_G&uLGszVGD`VXw8# zMP0n!*G9cK<p|i6^hCqS891PUg`PeW!=0c2(R9Sz@#emnqXc)yylZ2V#82!HM(|P1 zR&?8MBH9lNhap`S`Er+o%E|_8s^{j7Q-biS^J&^$Zl>qjm(`n~({?;=lVBY*vT+mP zYr%`3;BB`y8<LWuzW*T8+c$bE>pR=?JfrP-j*|a&B-fkWqMO%6w%;z_`XHZcozklA z)3<eLTKAm?DCPy+Je#`%!h@Hc{^mt8MXZ<v5RimWiszZI`DrBT5dLyiYM+k<1GY#n z(hY0%UYC9R@_XLGu4+yNm$B33>F&$bzUTR`c6}F<|B9o<--99Fk<#pggrdocKFg#U z!~Am^CwL7KeqS^iw){b*BTWANn$OYBc~3B_4y46)ZV>tomWSpN)8GGsZCa*IFvl%< zNp{N8=P4+C*PHu%4~NoC+JD(ccylD7c!Y5(kCvvJ)Ckk-bZBu|?H0vsv=d!+-+{Qb zQR>CLB?0fPDj6E(-kaCnFt%0n8pP^HwH|C$Z#C*1VcI%*g;vRWO*ZN`O&zW4o9E`n z=gGLvTOoRj(OhWu{heI1Phqznx6flgH*Hp2{=T1K%!ZG8z<Do?rM<By2=2DNA!p(e zJ~Cxf6&`dR-Nr2VUPbI<d-L}^+uibIs28B+>!(8(-0z8M)aM>VpO4+mdXrU|N2Y}u z(;~r|m*H~485Gl#C;62seJo`>ir8SD?~4JrZmxjaD@>Q~?WM%lRo#Z`?X5W~o!0t@ z&MUdwy^%>$1z1WdNiQ*`B{vTmIXIwLbEwiF^!~p1YoFUH-4DPh`~{zyvYy_noI9QB zwNUa-Ta|LZd7_-(ym(h%CeHStH@{YI3!wjg3sZB-@_Y@Oc?|_$-8mwMj|;sWYKpCw z78QozFl%IzY0}_^0G%89g^A)mmKQ_1(bnNi+nq@koG{`syb$vWlsYmu#^-JaT9!c; z((R#k;mm5E|0YWo^^Huf1ypIso{)VUY;zx^ukpPH`MnoR_!0irzij98P?k+_gj;32 z8W*bzJ0AaWa1j4}aIkv$Iv~gCyIW=zi82m&XY5BnQ9UuNvDJ~hH4U#fjA(AcVANQ7 z^%d4e6jx={$<D@(l|v9@GKCn2SbcJrqL3+_RShi_QTMWe5-#1(ilNtzOi(*L-;G@U zog~|$+C`ihy3%H1UCKGW3FG;fz|Ok<LC{0ZoQ&vH8Xz#8C4BOxe{hxtZ|)52>|fq= zWwePt4Tejrmt~hHx0!2EBd?^OeY#kZu^4q;ruz-Y*<kuyn+gkN*vH@JFg2Arb|lIg zc=3*kdN{zY;0B)M=4_v{{~>l<@>h@7i^5NEqac;8ciGdS9CBi>MGKITeSS$!%b0}c zd?`P3|Gm$7|9qqHn*Y}+NOz)*<tpp+3#c*j_*U2^uExRRkz0KT4L1LssVrgKDi+^F zGtCS?Lm+~>-n^YO4yJ^a&>Qp^nrOu@_Y<KTQDs7ibKtM^SCPjf{*&ABxXuH`SP>vN zdtwsRKYt#pAEBPn;N<>(edhpo-Wc;{`UTtv_MK9TabWHM@`XZnX9|x$f?Hx;UGEt5 zf~${vPW+XtKjXQP(D<*M4eYg{z+lh$I>p~GPtK;t9`t!h9^NU^EtBuSR~z+X7)+vu z5U}PwFu=<UlgvQB;a@V`F#k}N6e7?|z>Zs5h=15O{7$eCAh<ue2K@`7FHQljiR2s2 zKgvI;AG0saUD+nVA1*IUreTXtW{_~PhJLz{P5?$>@bU)7$DMQfc6?7>R-xJMg=l5~ z{i;VMtaOj62l^^Z<b`&g<wnngrw6@mOuv_I-alGk;(E9JpdNqCnmc4P^iV812L_OH za@&zdSy_66Y6bd%6@S@)8Bg7T5pQ{M@4l<eC_2aW>!~Er=7vmD`PP>B6bY8PP()TK zRYVs3jF^JXF+wxTRT7fE0-t3N6AsdMPZQ&KkSX7g7v=CU6(33*gcWW*3V1>DkXAfp zmdUMea4z5QMBgCCe-N&Fm-is(-mHz3kZI1@ETehZp>574xVCs~WdWN5hg1B3l{DMa zCmMN&Ww_0TrOhVGFna|zdu84x;1M_W5!ZZetf{e)w;5roO{vX1BbVu7L>87TEOz7u z4p$y$crvq&BhQ92>5>)y_g|})_PLZ_p4JN%^mA}Rj=!l8<{Ac5m@~38Vb@g|QfFs> zr8oTj2z~tvYwkW6%5#T#m0`%^cI<wUgB_g9Q*Sm1ENL2CNu4&0tqmah-CIxC)g4Q3 zO_a;gR&#Zb8PiC9d=i$p)85@sB{6jp%d1K8`F&)t2|-}d{p*DmZga$+d+qCZ*Y^B7 z^s<I^&S|?+=Xs_x@I_3J^Vz>pCgYu?Kt}OFaLxKqA8IA@Sm*cmZ9}fbK-zB7TsiCO zdOGlwrE26?eE7vzI)o;MpkNv3c6ne2u*NErK<kn3hsekCYxnE$hulYO&(zMq^?v<H z`wi)bmtThdFygJIA9{Zf;bHx8{l1D%()AwZtx{iR{mHpUB;swW5B&8}wMUw{N0j@m z{NF)skDzf+xG((|_ZQ+1pg!37;hmxHp#A`X@cIG5;gj9?-Gdu4A2@y(g#n4(;hXmx zzZYE(EP|l-J$?_;El@QN&@G7iQ0-l)Euio{A{_)s1DK})te7Dvo1oYRoVNm?>H^5S zgdlmz0C-@g0mxsqvZew?-!osB?-=j6PjXM}PjK(7PvsZQ7pxbk7Y7%PZYjP2pA6m^ zd?N$~_J+?*oK34u+H1srEb4_HGDP9s1<pD#8!l~Nr9aOVquP~z0?^SJY5{?F2A-Et zDdE$@PY#K7Vd4dn0@I|5!nKV(ZXO09h(t|Q(tY|<^|Pi<uYP&+hJ<yO;j&t~)ifpi z%5g2wR$YX5*0(W{!%qfy(}ZmYRY@wi*f)lE@&!35Y3i!U-o$_2I)x$WuwWVEJ1SqW z&%y&;kYsxn;^!S*Z4sh}NVXF+03`)O4P;S)=wPzV#g6C#fZ)Ln{8pZUT74dj#JSO; z#?}-?0z3k`vCEF$l`Evt4s8jTOO61h0V_<%+W>khR2v%~BLk$pMWJhEa<##j;3uuo zI5$DrMoxz*B{~VUQq(DKFiqyTM?#0_NSa0uN<usa1QnAyBOf9wW#5f}ss?N)sMEnQ z?|+|w)I}sUpuv6)&XCjKQI<3a5mo)D2X<AwxO7h7<0y$+OE9I(0bU(~p>8NAn@tBh zv^!G}W6KKA2AWSineoF#B-3*D)Ty=Y+d-$k9MXv+q^wRKODvvrqydI;TP@glq;a3% zlx|);mCDImqLNB*5BH1!i|&e`WqQ;QBr}grYzV3fJ-GKtf{TJ|v7U9r5akT+{9(Hp zxRge7Xj&u35W^m>ka{ZHeZZ!&pWs&Qgw8|(XhqO8%dWnv8aI@PGFbWmMj8PMo?w#D z9yD+g&4+L*yBf@CR=zbc)MUnl&@F8g%u5Z4s3Op+hbSttzmAIV)-|e*5}6c=a`lWW z!^c*Vr(&|G=-FaPi^8*`52VI&f&fJ@9neRTiGe8`@&d3-I|$12DX)=JP0CDXofL54 z`GBvEQYf8F7#W=u=%8y2>9_)l&l()DNk5_>u$Ux2u{AOStXR^4&hSv<Vp510l)%w0 zGPYJ|iD6~aP$M1n1bI~&5)xYj3V_Lhc;OmJ&nOkWA48o?SL`LUA%rSToPRWFzy=Iu zChGTNCJQ@3$Ot$e1MLvyWZAAs&yvYZr~)*&{}dDm0*+dgvA(1SHB|&Yh{`dI7*$fE z?HaQOJj6*E30+UZFo02@O>kKHv<WY<0&KM8?}Kr>LlwpoiyJ(M0(`=El`OijppiYX z4yf?hFJi%lxdJOYT(J6nHD_93^wH-xupk85(D;P*Si){JzX5cx-arTS4rw)#2tI0+ z2_SUXC9=?HNu<K4W%(czln~YBaHe!$k{HIpxhI)*`9N-RF^&d3-l=Y~8l1F$h>p<( z!h#7&FeDX))k#sNRCpfg2_gVfA7V<hJs3ped=i{$D}Y9Ag2@{h`BbChpPPchFr+3D zyFJt>6b#4MY%o(V9U^O$P&AYX7=Rk=c{nGM#Agq>pvq7I>7Pv@PBMWNv1N}KYcQpn zh~FP5YDC9jxG^YE1~Nof=M4>>Ye&Fmv}8oc<5yw<yE5eDf_=d{spy)E$P6K7IW>tW zuO+lW4mx5E2D+8cXhXaLMy+u`7$K|tdv3u%Az_DRB3wl8V|fERYp_t1BZ?(P@Y;ka zXtT3{+jR%%DBckgK2gNghCQ{U3|2UU>+zRDc*1{a+3*t)JOh45WQ7)CMG?FBq{c)_ z=DwihQ|PeVS^jbHak<@z^oWE)|Fy6Lpm8NGB<ew6bvA74%&il`3W6z05&Rt>eBO3& zA@n7}H6={9H{!B7AHCJRiv(^MIVL<r<5IpVh>*z^2V~NV0D|cLZvB-eyW2Ppl8NDe zIXHlMBiqk(39AP;psh*hPiwB1BmH^dNK=d!=wN}?qio9(Q$I-gshaiOIQ|b_9|#&T zFwO4UIR2ga5!ReK`^@Jp$)VncPEG3M2Hvy&>!X%->S>iI-gIgCApW&m8$_QAmKW#I zEIi@^=f(h#q@l4)i|^+`!@Em`v3Utxl3gXc$0~n30=+N_QWG1RYoHCL*@$^cK>*qe z^cl3`Xky5f56T|SGE4>M79o!`o;2JkFQ<*S4rBU7F7?D%*UhoDk=4e7?mZobX0*1d z#Y(Y%yD#}!t<5a)o+j3?R9m}e%~Sd(EKza7x8JQv;Y0R;8T_bNkCO1_z(F`bgbdrU zJkp{u^kn1Yk&j{#<*P_-rdo^#Lr}AhZ2Zs$y3gZziBg{Tlda?o@*MK^#q0(9<6_5< zl!Acwqwg7?|HZAx8w8e-X&1I<KK7eL=_B0+PI^6K22-bgpC>wa0QPawy{Cgw?*cR` z0L4txEw6c071_D@icEb#(P4KlPBxkwL5U7U^cDv6(AF5u!HG~LX$yhwC;LwSB`a|i zsE9vuP6PutT#!a=UyOzmSz2Sn9SV}R4A)AHP_uz`>8Y(??dv+P;&8v&^mtuP?096< zs$RRg)seNlh$YbHs8)sUEOsuU@Mus6xux^yZPlZNPfM>(O}Zyd8aMphK(C~3@OjaW z=dT|Ih*}DR>q7RnpeH?NQEWgGGlWC}n&9ICe;0Zpp~0bQs)^Z?N_=KH1fX@9jgkgY zv-ZDaQd6QuKi0>g8-<#95&hjRmVnhHVJC0LR<=yZ42z~tsu_?@bmppo!%}U!i1DDn zcz3Jm^<&ALr2yVAj-D4>u2h$D(T_qOv1+9hv96&MF>|8W%$n&Hu+(~NzqOhLJ{E)C zM<cJ8vSz<%16iyKN98Z`ohm0zC-0d+(F4lE>A2<SDCNJcFGYm&HQ1$pyhbO$Cc<OL z;ibttlDO5(b>*sUVToAM8Hs?fVSO#pE32xiJKM4`!m04IAj<Z*|7b+yM5_A=ef8w5 z+flm3^RLxT2a@5*oqZHX^9zZ6$u7kSLuLX2(9o@_=+Ug#R&lx65OBct_CI_Da;|>Y z-Sh>1oBMsGV5za$r<>r@%{tkjzq?cZF?OP8P1rgh<Fmi0z*LSZ#F_nw8FJf8I2<j3 z3CPFh7XW87>^feuj0~u<umW#9X(>>}RbVVc);P<Fa>&8_W+T=uh8u;KF+I6|ReM$Y zE1F|E>ZQVVZ|3#4k=)(v@?k)gL`~~$KHX*<p4BxiL3J5@ufj?`l~B(lj&u%6T&%Hz z3J*P0!|629NSggb9#$T4memuX*BsIMa2B0r0fakPJGTCOQg*OO^ij06{wE^HHub!( z<9T%b_*R%2b#OJrD{f>_x|ee`*m*wFUC!O$Z&ryyo8HXzaCe+e=(hTtkHRBv=s40m zI|qRoZ@L$!kESL!Q?x6Vm{AHNvMv(CjAq6#wsL>(no1!}uM&HHn}9+mIHi8sgwGu+ zgK#vV8?bsdzkQQ>|8;S^K_YYPBqcPiK~JKy`x5Kl_c?EOn9<>5op@V?sUgnqDVy~A z?eO|;RlbVb3hIZ}o&iFdC-ItbuGAMkwrR_sKmU-K9$_GK@+2;4E9x~@tVc5W$b+%- z0k{)Ztb<x+>;Y-|?Tgelkj>28@<e2EzVqwfs3$)iUdXtACfEG99@X6a`pr8g(dxRA zHM!rtG1pt?ziq5+W^kG34+OpQ*Ysyny}}fMSUN$fyBL^~)w|5nj=v>(S7ube`Z2A6 z_u9Gae?g}%xcQlnUK;X{KZ+~FYh<8DyTe3kXfbiFqQVOX<z6<=2wzVX4DZSx^Z)dJ z&anRel<ht9h~<7#xn9{<pnlDKYu_`AQaEXiv}i+o^-HQ1s(iT46~qd?RWf-ag}9j| zK(;q8D6}h^D`JT<4(1<r`J-NnjlmL%jnd4luL?a4$Bt#7MGl0*ssvdDM%tomz(~Uy z%VgNC=fy2rMLUIx7yh_6*m_wjgt}Ij`%?mR%q?OA=(oGP8r-h-x|?v<UTvwjY)m|* z2$sV60{{YXY(|pGF2dha$7_HfLY<7T2p1ee!Dj4jK{gs)RP2|ml_c_q!nBRlwg;=G zY3VQ}3CL7&wkmi_Har}O6_p(W`^l{JSEFemd9vJ{@pCd7F}R<_tk8RTA}LV!YSk`p zg&Z@MtJk84xF3Mf%ozGI#KRNuxfiLjPlT;M&b87Jy_N>}r@eL_p0M((vSgw!gvQ|Y zp@2ZAqQje#p#sC|{bTP~Q&cis+Wm0IXg0l0T=wPbw4vC-rkGDOp%Z3lq(p20LKJnp zp{&kPbNNohHj}2}G37;wWSRk3SyE{LRZF(j7tRz!VN1V&tIHiH1UXOAL<){zTes5S zCw2DmkHi0V;!1xI97;6LGhv_6alfIiz~_sSZAp_MaLtp5Aaac-t(_;O$Dz_~Yvhg7 zsyA9~=w2(n7`~A5n6vc8Dq7(Q2(1$fJ(CO8VXyB(L7$LAN=6^gUhM}ZMvDb3XkrWv z@{59)3K|7sV_>#LY&Od_%N5G~REInKRt;|cMFq`WIMFN{M}D{l7d={6R-mBHCEWNa zrX#!o&!hsMp#rESiie<H5x8)kmD0|zrF?1-9g<`_F}mUn$63qbey6Pra(=EqzHCct z7@w;FRVNxWtWpBy5t3P2VH1(@`S(odf8iU?`%t&zx5>A>O3=B-^eUk1_}kfMqjws6 zbkA6=hFp0fiCL8$SnRo@cFhr2Ne0_Z<e659<rtxON|Iv|@0hf^8HYV|dr;=~jw#6& zl5*IBzuau1PnRH2spL|A;`bckC}4|#DlN)%!;%=|a(8qP+0ufG(j6$$tTRm0wSmhb zxp9diyc%!4{I>jjIxV_{M2x4nY~RN#cC5Qd9S%Ic&bKL{R&){WP+R-H_PTvZ*a|+} zS*Nr74>tW1mKF<4AyE@sDQV(WWEouk;e3mGm0OrV*Ce635UP{TQn!}<))l8G?&{{R zIt!^f<SzUbS>04cy4sUe6A5K>CDwoGq6+dTO>_{fNea+gkB7Q}G7^*$xA&5Koc?59 z2eS^*Zq@eLsmH(VAW%f=Vg4bnQTg&}%$-bwCn}71nN%Wee<Z5;;+wG<wP^wQu`b|9 zwH4M>B(p;;%OSUgEg40<yCO%17vXvB=7OLvZ*Qut@!?MW3RIk-w9L|HMK>OT3zb!C zCb2Ho#U-Pv0rmI(KGb!Wdurd|U<pdCE+$jXkV*16e0|23m=rTt$tzhr!eK{9cnN8z zFeTC-X3n%~3<r_7Befq1>-qxWF2n0DqUtINx9mYIHc3~gq>h@Sj$2{8t|BD&Od_*L zVyr@#bgUy>GjzYqk4aLAx^#h4ASX$uG9i|#(OQd@fH|NN@v2K~@naA=;1V#!+mYyO zQ}CrR+jQiVr;187)v}26;NThxe+w*sAJmS-R@?Q&%e7`d0oDI{;p=wWzIVKSSljWx zEz9ncgyf2Q#>8*{((IBdNA*A39t*}Ck6~Y7h-!Y98oJE;XyVJ<b?m{<j}z-a2Wcpy z-X)24=2+htvQ73Oan-H{0}cCKY)H`bpctAsP<3IiVk$%-WMuhA^Mn(&+1!6}5vmU} zM^9@a=qJsb(>&gLy#HH<K}ksmH@Yc3%1t+II?1K(YFt?nh66;UZG4O9r*u9c+uA1E z5cvXqm6r69dx%>Jbq3ym+KN(<W!FQE=dn3w<Q)TFiPZ8C%;{uQixeU2Kup9Kz7)Fj zUo!g$D&%cZe9_ety1E!?#cfb?k6~;zp?sk*ad(=GvQuUcAAxn`=n$2_d7W?L#pTIT z#~h<=XR=JS0WE%yjffv#g!}Spy@1!fmj{{qcAd^=)r|uK$m;Vd;Z&?{da%UG&cj;Q z8^M|d@5^{MP~Q@wK)pRf|M7zBjf2}s>-w8(q75}jxccf&cDETF?6ux=Anxk&^Y9ub zArptw%dyo{b>U`5u4vce(|4q|b&2j`sKcKSh|{rbm-i296Kt)bDdXLw%XE2S>kj+K zI*l=4PK$4f5BfxoiHY*8!Y>e_OJdZWrehH5dFynLoG2V{NcZ61s(VbTxcwR98i<@9 zWv=SClC4Y8NOUR=I247#?paSeXD%JLKKe|cPHIv^#6s@IjN!0=V6?SLrz!DX5Via1 zZh2Mwjvm;!VwTZ_pWsnzGH3T&g_s+~e4Q*Ua=@jVhV6wjeElZrb|%9{4o#|fV-pu( zZt8ZQ=<II=J_A3Bpe=NmA(q4{kU(9YhvZTIC!NNqA^LQEkxxueNw>KQ>x!Em_~C_X zIGrP!d3TtAm5H$EcDSJ)?BhOK_pJ(5;B*M_CxZhP%nVwb56rZ3XN~+RjP#z7zH_F_ z)dhFL<b~eUBsk5`?TQK6)<T+WYZ=O|gG>pzspdAnO>TF!3XM21wIn3L)R9zzAUSE0 z&@DFO>m}ck_O|5y++SRGzU5{+T|{KYvpxsY@3GpY3PCQ;E7!WWm9E}%D>Cln_#T53 zQiRXMXpxa;KE5?IFiG))q>2tG{<fIik&Lj2I8!1mHJx1EbC@gjp91QBN`91a5i9oZ z^)uB^^?h9OuX`UqrOA42cjBkUa>7-lyk+utg#_KxKo;jRoWC(PMHSu|RX8+3_jFTU ztm#!<Y3x(g6`Q=aYoq?0WA&IBf9xQrTn{2wCv4QUyY|D8U;phi5B|aVl>gm1q|K3{ zzQwg4ZgGzsSJgwOKf6W0^e-@)`U>UjGE;>m5zWV}j+$};%h899F9N6As*pi+(GdDH z#VwOYQ`Pj!AYJYHv)KDQh9|n>_i}X!GV*MkDh;WkZVh)mmFy9^{uL70xf)0*r2e%R zc8zqfJ-)c7z~F{v+GCR+;JoDl<i!c9*@kCd7xE;FhMTV-Av0Yx9)AY1PsGc(DU=ng zRxz|>4nlARO(pLsyu&DKDzFry0>YxHN-d4F|Dtq)@q~ROKKI))Fso)J&pUE%trI;A zJ@+-Vw6Np%D3%m-p3m<T1SA8h<Rs6vD2%4!hRkGuU>U^fegm=&cEAW&W||g})Ugo# z`5!Td62_x~G#%SDkLnxDFPaAalZ@ik@3XJv2D8S^)`c(msU0RT9`=hqt<TE$cf6A| zwa5OsEpY3zg|npX6dP@{!Wl=7bGr~0cOasYbVsBtHOpGWIDzEyaOx#C7?rYDw)|*e zE@iVjY<5&?n8V%{kh7`yy06tQ%CE=h#9r_7XOA%Bl*aSrpVI~ME3Fz3^BP*8|8`8V z7?L>W%5UH+nZpPqCVz!Bx#aa8sK7)@#3CEJ4$S+`xJO_c=oANxJ4w+Wck%F)65lha zhUC`a{!;JSnyGhAJwLmE<%2AUGZZmoL@!W|vFNU?rQb;#XGR&7wUOa0R7jWFbG0l| zh&2%nGqUS2mIk)CLUDw8okxMJ;&-~Yw)5DfZ*NnrZd~}NvK1oQ0*sVh`Ct3_ebk+y zW}j<xm5H={1;MVWVQQ+WZWp}HeGP{{-)Hf(Z{rETw{3z7=>TUIl}y*{&&^$1+9CdS zn}Wx4AIo|UG%i=<dOY6XO<g%g2S<n`w-JWc8F{J^VcX)Ss`Fy0rlho_8-U1VhnT(N zK?C|q!2NfXmHKN}Z)pGCMHlg3U>FD$CNTN=o)Zl&!#L?s<%)e@k)N@v0jW>P*V8ji zUpN5?8Q-0@TF2N`jlh(ArZ$tqmW831IlWSYDAs^ZKQ8~fFvgZ783ycRB8W`(?r0$4 z)NR=(2Ws=Qr{B0je&^?t`M(>N&v5-$n2~<vZ^uVx)a(86UR7Q?f}+FvKmJh0^S*A^ z-fNZjqbA$eM&Y^EszeQU3-ST8G!s#ZCd}4voq-0dFExw-(oH{^^{v#Pn3y0$7Lf*Y zqd|hI$2OD2YZ*84Zprk*GOuYWUuJ(cn^2KKhr*ns#%$$vWg20Oer06SOy#gNzs|K4 z7zT2oTKSYCoEs_TL9ky0&Z%e{f5KuaTAravt9eFu^%v^&qW+AuHD%}E?*B@Pg!nUw zBNJE%odCC9cmxQdRUz95`dy9{8Av1h+K4A&G=|2Za%Z`i(mgtFx3Le|ikaVoA9}eU zhr5~@9`$n!0R66W?#W~b1{`h$wimcLL5`NjwkMO(U2uVwd9<ianjrBnL8ECl$6*Q2 z7Ap{ZqsyG`+8Qq`2V3Sxg8sLplaIr7EGI#)Ql|ZOJ4F4{)1}>K#y|+J{Z2OmdEndU z74+91K77VU-MlNCQ?3pxc++)U+s>ly0FBNEwS@w01Uy{{?(=r<asgL`n$CRe+2*kA z*Ls8$>t}9ES85$&4CFji2zYVJJ<3j!Zk6<8F0bjNyP-uxb93`5)*}@2n)YdlyFtc` zcG0;$UPe7<N;;)6$E+P1w~HujM|bsRZZ*wn=BI2kNUc1T2Vzyi8_{%NjXNHL-40Sq zovc4XkAWoBFo~&jY$23)T<%_p6H*EMtt+V{dLyJN@=1+L?jpnjNexGc3v;85rM+A_ zwBBJM5K*CVaup0+q&B2auX|PF{nc!=TR9ATwYC`D)67b3i5~!3&=3;5`dZKWS{gMx z@*SzgI<QM@7jal;J6M0iG3q}9n$Bi}*70su-cz19iLVP*z10h7DK0wVPSPq2^~-VU ze7WBpqQ=Oz=6a(H?lV{F3?A{diP4zuX(vV0TQs*YnkZ~jUEP;Kz_FeGmag*JNUzPc ziW4nT{@AUMS2|W!cjuhj{pP3Aebvd^s^Y5)hzZV#NB??%R9N+IF@_8=qzrMt0DKfl zoaOT<e=j70;&R|6r0#b2e_a(&+&~I^G`jcQ8^6$dhJ0S;@^IpDH3%iaRM-1Hch~Fc zCV+pLaUHY2+pafh7=YG{tTfNsz;4dD4XpO|b#Ld&g4%98IPNE02m-kb|3(xgHW{t` z?Lynq(ps)v##6|b`*VUe7;So@QWo40=nl)%55@^DRN9@6q$a`e(&*NNg!ZDXLl+vd za{<_vUVM{G#@)4a9Pn$qHQlweI}7C%zr0^RpIaMzLu<oa{|Sf7ol|elOu?7O&kUzN zem?Kc4{UU1S{)dsq07};Uta^0e(i6U@A)F#(OuGIUtnLWwYoccmwE=GzQKZ99vLr= zN#csi6_}S2pKZU!ayNFdtXm{mrR;%Sm80GUb@JiHhLpOk6%v`|0->fv2B)E>^DuU| zY{*O~8~GK|DKNJVmt5`;_op<|Dq}H4#<;OnMD@&LXR+oqu{ls_D{@Kg>_|bWNUTNp zl@WFsftDMqOFPkB+ubCIdGj=OVC{6Zm`1Rf{N?M3b(}Zvsnx=`HPuf>EJz@i)l+-y zv`HQ8e*i;3yuVWhW-d83A_usv&E1bVUrt$NTLl~BylSf{3!eMC`|E#v|KDu_wi-o~ z-~Gnw=N>?@=8azJd)(9;o?HEm2O2(a%#E$k*LdevC*tyL@0}=_n&j@`*&zM&>T9T> zZa@X!vdiI=gY;ooh83Yef@<DM<;(8wqOLoN1qbPE4?Oqolc-~};QfEM`tR<C4bMGL zuRZV$ubRByOWfRC&+g6fd+=ZH47>bU!*QPJ3YS4Nyq#o_uknm=W3Dl7k6R_OHO4Hm z4nf}4NkO$~upz$#fxxaU(xC=qrh?}`<@`BdkNi1`bc;35?&#WL+mJ);c6RzmO*4qi zw%PGe(68VK?X-hB5&>y5N^RKv1O*o{t|3WYurW7E!ybja{<cMm;Yif72FXg1j}<r> zKTBAjRBXUSkkUYDBgY!1ux5mhG-v?x5T#mw{&}duuIJs2;M_E-xKrabPoIgO{3!n+ z>cBCwnQ@8JP{qV7qwurjQ%e>-5GXfVA-_+RSPWt^%840^v@DtdN6FBRbU-;Woa5hk zZ!|Cxh`txq;%_Kn<r|uD93Bd`w+HKo+w}UsU{fKYy8{w?OT%wPMm~<ZjO6--JLIIl znYO<p7c}691exS7Qx(R-p@2_mRa?mhPu`sot87K!lxlQ>yL=-D2!>j{aGhJ1>wKCr zFPrkbqVZ$(8p;8#fX<rrifiAJLHVX?<NM+#k0C6MqOKETJ+wI+d0oQPvdh#ynhE6F zO+ShvF*7z4mXUlS!-IAtu4Gc_9E!=gl2x>#3bZr;;IHrX8(@x@k!l1U1XES(Khfjy zdT+#pN9za8$Z4?H>}()cZgS2=Sd4NIn;A_%?v}|2;SJSGy~0?F9kon9$`dQWBInXH zS-cTk_XJXYQF70_U|D>d2MgbI5vmhGX9ZaH$?~(BMYW>ZSsIZALp}z_u$EB=rRj!O zq}zp@n+2WhB=mob#1yhc6EASvVmncqf{>OUp{+>GLIkjmWKzQqzMD8LK2I{|#L16} zIfQ?}wKQDlY>$vfeVho__H&hqW}I0`aSim+Aq_<|6>-HQBEXk)XF5=&iAAjt788hO z^iUyNLK-G4CG^N=1wqFy#*m-~hqLY^I*>+_M~%CQxgWfmx6%2rs|-q8oQ#yR5x$F# z$BpWPt$O{R@s(e@`cdl8KgCQB#usUlX7MRHdi>wB`G-(a8DzVh9kGa|<H!n*Lf-qb zaBZoyOk{@G;nk{3_q$b>?rGz{Z7m7TR^?J1iNTfuJ037pnT2>rH_x0Q5NjZaLmUjo z+rjJc%`h}f=QWTcOemf<h2VTAmHG}!lAn|{O`i1*LVQY7k4Y%Po-(~~;@|FzM(^W) zS+8mGhbSi=6zRCncU)3d>a1$R)9!Vi1hxhfP}L&;FaX7y4OKZKy;N36=%-~pE`Pb0 zF!_9Padw~3$UzJh_{Id~fA-9j<62K*u}CDO+bEvKLrPaJ1k3gY)LY%%P)P(h2qWM9 zZv9K&h3Xwmqr)?IcrG}{DE+%I0;wgl!|jNdH5~t4d&30c^qlK=Lvw2dw%6HBe%K1} zNq6<g3<FgGbw&f^px5Z2Fjc1L<+NquZYIm*A1F)PyVIt>C!a2K7rNS85=|cBLmq-S zsS0ljg7j|BZjNjN@*+2ksd3lJg{ecs;=@hO0#Evl`cGWWa`=?A#UiF9&&q9}b%_nP z!M7u3{UAIPPM+a|A16zXr+*o$qBm!(NNONM7WM((OAPuva5Xh@xtGr7a_`z~`Cs=t z@xDj;+80mu{RzD1kyZ7-$idL!&s|@`<4%9J9dE|#%AfS%&G&dWzg~S2dw$AtW6w`R z<udaHWZxtUpgyMulu8hE6A6y%(hKbQDL3}~Jf~-u_xz;CP~nyudw!n%X-U$@@T5z7 zs2p8-344Cx5LcwHMFyr+2~)gpbI;GkxrGJV)E<w8ldd0`_g&ua6LrQ3ni5@{n+G;u zug=x0<eq*8e5v1whTGWRI;I~aB?79R1fRdD5$|A<g0w%)RNc^#w0(Z=_e}?yyV#q6 zimxP7!!@R>nqCQ^)Z_OV{xdeVC#OiaETnd~Fk{v$jnBT6;-;KJJRS^c8e?s(@s>D3 z7V$6~M9`W6&Cn3GXWdRUmMY2lqUxRKmzpmwZ)A<od)TSsseT=bQRB$cot0Zz&(BxK z=jZ0C6SS+}xa;pfesbRR&l_Uf*nXsy8`*8F3a@d(t3dNBzyhxYlWl~sE;(K-!2?V( z{D$P8Wtv~bQG7N80aOP9gj1%<Oyn!3qQW!_%3KceS=tIf@)>0AQ?N;|Vt%HF{rVJ> z1#p><TM=%W;XN!IHo{Frzw}(*VS+OI(q7_R`Er#{<+8ABhLLXuxyv{CKKGThu%PFr zo0?H+Z@TTK+m77)nj5aWcIL{-$|d`DUbuC1U3qQ)z^Y;<8ZJPTmL!)In;cnVu9xe; zASQT`({n?v6B`*VHUs5A(M?ryd3VJ!GTA)+q*cR|FpLRJU%1lHS-juM#kj2mVaW;Z zsh&gzrT8eA?W@y?ct<|&L*cP6Ga3t9$!ND3=i%NvMXV>C{1e{Soh<=RB(jo}Ds&*1 zmgQ(S;<+y-D=nS%s_Wmj4|W<W{Mr6K8VrPeMso41o?F{r_`ukd3_)uv_eb-|WKYE4 zR>zKbPb6r^!d*kDtRJ`%5F!v?TmNxej*HH=wpd(b{-txh!n@l#TUr&K{15U~`vbrB z>i+iJDK2Wy7Qz8prBG#aEr|EyC!a(7t~B_?0gnr3R!$#-yK&2kMFx9lkpa?s_bKzo zFOY4;x(7%J{3k=Dof6}V6BA-$zRt$^+&CU#0xH1jz4Hq+KD#ofL^9_K$fyw=P?hHm zmWcV^cJcvn3;!A!(Lad_PY$J6am!+Yf1iJ?erf$uSAX={`W%irHp{Rv=R#Vg>q%|8 zqSI~!C{6Jx+Q&nY$9$+L(8?_O-JBl`g;qL6h3t?Wvtx#Z_^ApL5W@s5!WxV#o+oEq z&ZtE@RW9Z;BE=U1?^Ut?mH$TGj89P4k3t`H`Qpx-Z;T$97ZV&-x7VKz;NSt<+E-8A zb=MzLmrah;3iI<g5;X1N-rSANE@y9Nzs+9f-1?R`zy8j(YdSlSsd{0bDax}Ob&rDX zk%`6@(#<zrJ$uQ;TeoN$D$0hBGdqqQH0rLtQuGRGr;=dOluQbeCQwJxRMp)%ohBVM zb=w=O*IzfbqbC<}J@|c5QqsJ6gUouc8dC)dUT29WQ7l(c*2%4bg1dGeFH}43`n;l! z>xMc&k-a>EXYxZQ%EXIu!<`lN-~4(|2Vy4JDn(x?0FtkoAI|0R)(FZYaeQJU#O-+5 zR^oPSy?~$XJ96alBS-da+Q0v{@$rrDWPF1!*yq0^5*>+k2sn5UL`Q5S8o4vj7t+_; ziG;oWtoQHm_XT|$;)z7t{=xo{ed~twwQKdEb^Av82lt<u0zW$P!6W#oAKQN$zIgv} zZpYFi);(sh#b=JSw2Ya)mY{i$HIk0mobS1ui#Xm7(|tX-Gnw2O)aicMyMNhUzHcym z!`POAWXt~jEy;l`V>g5cQf^9XVthQ&>ZZ6RUiPk&UlliqvTF^w$MXfJ8>nkb6%<y5 zt8R{YSItSvRxc!`eQLfHQ=GrB1Z3P1)5L+mGEvMSjm(M^HF6IjFCbTMw_I^1CbEUj z`p(Y64*qRa&b#5OknJcGI_lq|t?R%2ZI8~8Fsp(vd+5^*)zWRrQ!c%Gwf!_*``Ff2 zFL7$>GiOyiaa3PYJjoYs$sh1+UZZzAcSeCl6mJvmuo@G>(&B>b<&}`mrJ$eta7e3| ziGWRE6pS(N${-uM0o%K~ySk!LTAa4hZL&MxozG>vGF>Z-pHUkJuUIG&Lb1@NvLFw( zxcc5HYq6k|YUim^wz=PoYaK;7yRqnizBF;Yv_xz1A4w!6s}Na!NQ`%{u(d0fYtame z>qY5KSh_BgPGi0Vr5iCXScC81=V4Dufh9K1Xpy?7?vR57`RmD26Mb5j?^E(6t}mTJ zCP3_^b0`LJ$YSgi`B+6E4p}9RyZB#DjTb2VWiOu?Ut|j~fs(F3iI{xD>TF?!ucwXL z+xgD6Fv_+H8FI+egTg(`GKye9S{z(Wf*h)EQyK-UP<GRbT4^6e5RkSbCrjh-)Z;3f zt{ea{cl`&MpNnOh9vy-u)+X#9JrS&bJY`>qpzIvodfOBA=eJHzziE1Ut8kvUt#?iR zbr;$xgm`D?6F;i|fNs2L+LOx}D~JUb-W}vqw6sIrZV&ReGtB^|p&TCIiaNatvMle* z<}0ls?n_3kpe`e{Sfvfc<@SWpUSWw2IWdNkeTUT2QRxIZAj!L8ehz7r)F4o?L5ic4 zAo0meSJ;%4o>WALoFXP!uDd%o#&Wsty{tReeO{wOZ$9<?zk=7&+xD}3KD!4Sm-V?Z z(%N6qmOFRQs|^ii>D>X9&;I&ePHxxxcI{fThGOCF+OuoVMY|~)?wSkMoHZcsz}gq~ z%XZzd2fTgjz>8<Qk)s?;e8lA)MRz)tb_heA6R*invq(9uQgJi6WO*FM<vc}~`{Y;7 zuh9N;g=%l1N+F$T!*VwoEybFpaJRJOCMAx$v6>gFVxgBNO?ZI<HM<*~FHi(%3isUG zOPirj(3a>Fw3bSv`x6CD+SkJ3xVN@cUZQP}H_`0>!%rnaZ#vrz(e~dyWHr;Y)i;VW z2bf|S9QAX(LYlgd1$>od;bkugFWB3|&BtKYea;8k%sD(b<=9QXky9qIf~W2R?hSe5 zz3eV1lS#E-a%D#u6~7K8)M+lN;kjNtQFZ5oJ?);1_Y%98-6-zj?{Ix!M%Y%8?oxgp zB&Q%>NDBERWNfI`b90vFeN3RR0kS5^QwHdM&=g&(SQH6_E3ATgcaW@WAr=&&ApHb! zu?l2oOC~)O+punV^vZRUlT5a|JDd%LNnDS{ZP#T4+vh1z6kuR59?R3xB3d!)CK3v{ zvw1OEQ|LZ{q8TbrRuP`B|3fSi9_YyLu|!uooxAMt)%!2nKUypfjYxbr9E*iFZY~tI z+;^YQ)YjIJ6;{O?w`_sIOvwsaUBL?iKK;;T)315;{$R1ZdG+^E4Rf~t<?szR41cUM zZJGgD79-phW!M4MFMf~zH7m1=@cMFgt8-+mo6GuMkmNl8(gv0Lx#U~~%4UiKE=x%D zV8~$1FkM#kF%*h@;LVmBoEf`OuJI#IR2Wyu<DN}1T_+_#SGG|s>sL>WU$T4Gh3AiM zUcaulCznlirlV<-6aj^zg5^s^7jmSP(m!oa=0%?xv{6{ixXw2?*u<Ov2*V{1H?x(C zR=$*@*jO|ZkEOXFy}vS6$aE(}=UBS1Hkl2^?C@Z(?u$k?Wz(5VLbP0v&J38rt}x0R zt6LIq`<9OOj`a3@Z3%mGx+9Tjkv4B>jm8q|Hmn(JTfd0V?k#Qe`TRTV*47T&^)ryn zp==@+vqBMF^KTEgw6-Sveiess;Y+sE|K_vFfd86H2gj1hR#gpz7XR&EzUi0cUE8+p zXxW3kA=qxj;ZGtClYQ?3cB%8KAuzb1p{}U<Y~=Mw+CD=yd@3?t%}|jHWu2jTpp!)4 z`Z+1uZVFfgoIsBxsVVy~P1(L--Ee7OO*)#f!uS{R+vK3BX3F^@LQ5t7_L4i`%NHNM zVeH|D_FaE?*Lxu3IB;uathYPUB6W;qdJ)iO+_s9nJ_Pi}Y`QyRdw>p_sc<}M^|d5k z_s~PN+B@I*^dED(KDi9hcwz-a5y7=(h-wtg%V=p~E7z`AD5GBPTxyc?+!90Wnxp#5 zMiPX#$hA;GMZ8rxs54BJxhf;<Pz#r4nm!*I2|^OeI4J4tqgj>hk#MT3z15C~Gm%Ur z9ZBoq0#Nf!h!tIWcBh9?ccm%g4mbW;DHB!1=8@lf^&QXLe&bgjJnzmmcf;PgL+ARF z_cqh{(<9q&f98${zcSR1w@>^SPjuHy^X9F+HhFg5i<~hO3ssGCMOG=0mV-1$!A{f) zaealkTZD2+L2;2BR%m@Yx!Fjt&GSTWZha83B05r949IF~(KyvKs1h@!IV-YlFIH<c z?vO<MA1B#=ELKqsW%UK*xi#)C%tdUgy7gmc*rGG+)1Fk;PeTR`77Bw3MG2tD0DeWS zgiP)a1pH%k_6PP@K_2i2n!<7J^qk)9OQ;}Vd#Frr?|~OtJc<nee{){~A4hTJT~*yZ zeNNAPXl8VbMl-ta%cs<~B?Fdi*~YRgSrUfG!p7Ku<8UN^XGwq<JA@77A{S(H08X-G zgF^xd2$s#Y7hg8)W<PT8FA01fIoRY&IHcD1UUiRdALQ6w+0#AUQ}w#Ly6V+?uipE= z;<G^E2c5LFg<R0m8NQ?6qUC(1&+uJvl!^SjE!P>gk-LP4+0{G~b0@BX%N+Dgr3|<u zOg@6DaO(jPw!lsx+d+Xs%=O-ex_Fe4w&uFdhR$53tfV*@t&P_P{XQ=!L=hH2FGa+! z3AFKr5sV#i0!OO3?2Q>{aF4%%(&VX37mmUn3a>nzN`Wqi+h?DJEru1&9ymXI$IkQb zxV_8WSEcM9!3O@*GTeu;%%pRsAcrhm2TPL=IugiQ?#?HT5!D0#$B71lf~HIm3`!s2 zYg`h}7@%`#xMZ|sU98)wuTCr_AS-nIoD_yEA9jP;l`{QID`m2ab%IDO%deK@3(E`E z85YeZEjy3E6nV0MPnD5%q|vJDT2o&a4hl>m=wv?|Ubhe!tfM_%k`x1I!jYqhwS_QV zh(Xp(bDgp$45wPUDX!L5@>Om;5$nu3B|2K18d15kqmAv?j9#xMl$Sr5zNB1Cr$OSr zwW~|$dbsP!wQFhA{UWN~rKRXgn$oLiBAj|Mofgx3)4NuzxfLo1T~O!YE*f*ch^n?x zf!a>F@=MZ#omh@=d&P#CzZJeJtOY)iwaO!=jH^YMN|T4rpxVpr+l2Lo<KZw5k>zoN zD&>pPsuN47I*Ze+haNOjRi^!3`@LpW%A^Nj56AQ%oX6w5v$x;7d^yLzbW+4c^c2aG z9aet@RSAC)Y`-W_U4(A7-_V#UQ%O;!VWN0ET)4&PPsP(yTue!Ewm6$9FDosIMM41| zy7+j2Cy^9Q!LX#|9+)f3UCdI{jEm`Ny4G<dhVL1W{#4B1E3wG&zd0U(Jv#VdfClXC zf6Y&#ZGz?L&O?WG()WGmeds(5J9`o(W9)a_uO|=Bkazeml^ovN;kdwRf-Y!dM3-fK z1hG!gnFcPX5n)g<9Jm(T%i=b4ZxajNdW~nOjb)*rB%{|Vu&91CdpdEtQSJ;oS52RQ zdV(&GpS_~B;*539ajU2Ug78{k<?#5SKme@~<=#kbHqf3)J4#s~(wgS(aMdu^Nid!T zP$Nho_7$<a&=;16Njkx>g&!?GXcger#I-%3$N#Jyj9%ol^acV_mkQ0~GZn=*=0~hV z=2*fdbT-rkP>*zCcyXD|OH7~FL`Pr3I}%I^@V$`obL~P>=crG1;)NLP_oL;A6<$KO zLj>9qsF*%w;*FBAdKXjpgPv)~S=n8zb{BC^6tAHw3zr{7*MT;-Xisrja$a;!t?<zF z>+QK*d-m4092C2?J)3RM3A^~pZw;m%E_?*SlfYzo;d$HXw=uG7095AzXP%mSzvyn^ zhuP}iEF+|VSQrd|u*F=QkSfAgJH}*OjuokZ#ybx~uja)|xz5Whcgrs*MlR;w&oVak z?6Ap@S?`xK7qzMjrOtT+*zzGlB4NMJ&}S`#%G@%qTu8ixAd9o>=BEZ)HnzZj7!#*Z z?kKG5K2&i*OUnf<pm^`HYj}<s!sjp#j}c3dZ&)UxkWvm>rKq?z?!@51ke3<48=?IW z6h*2~6=rFWYBXpT#9u}ETe{q!I+2;q1zBXk(3LcecO`8b(G-ox;GK;aI-Q(9wIM6w z^Z61!H!Hj&0*1V?TG!hgJsO*F)(^CD#{x7?peT$U0~mUQEt9t}NX0@tvHR}B$X7f- zH^b>kj#-88Ay43x+ppf_^r3_kKge?`FUp?m_Jxr9BSGNS-NZ56pRL}|&}kH3F-#hz z6ukdQ%MDz^KrNcb`E2f;1<AYcePKWuzAxxUt}jC)NKYQ(k;g!NkR*6Ppgls1^JWyW z86`pBMrgdSBp?K%TZ2qs6^b4B9CbkQl4Ut42OSWEkQym8y5KZ5m$y)WMy|{QFEAbm zrU<8%C#PWIV;qQU;WNE|`DbdIeI|lh!Z`c}lgBs*02`UT*(DFwG527L>v=?J{7e<k z{B&H`YH#IF$GZ~YS`>C6OnAM_<8j%fPDFoc9cG)W9cSSR4CF$dG$Dc_D0rAKj(*qz z-G#WB9Kyf@-KA!kVuW~rT@3LMj4jAnc3?e_g~MK>qP(;uSp<r>->CFfM*OND1Y(o= zOK4da^&`@q6T0jw4gusIkpNd9*a`dpymb8dOEe1G!5I=tgl32t40$PjrSLT<)E$3m zwvc@Qe-4^+KbyP~@Up!#*9#wJ--kIiL)ys&Air<7wzky51N5u~O@3f20&R2mY6qQx ztL_*fDSJd2g?$jc)FG}#Y=O~^(z8N)cWjTv<MCLms3@Sp5YLs#pt%Ra(O9$$k?#X- zIoVTI$&<%-l*JHt#W`M!i=$|Yi!5`-q)Unj<=5Gtx^8uM_v-8DFzyc=wts!NbM@-Z z!_<GcbJeO&=eT3^(ibirZC`x&$%Q|%hgw?`8*;Xs>nUn&E$Ye9S92Sl$>oAgElojZ z_ql8~)R^e1iWe2dtGW`6PxIp))p%UJBhmQtg@+;H;D(VUI{W(^-c;$~0|?`171T<3 z1g%CnRvzp`sb8mvmgh36vIT|sPZ#s?*N?%gTtPoyinyG$NE<g|Jp8=yj}{j8(6Y{1 zZ{aiJ;FshD!V&u19oID`LDvEf47z8xwZ@0GAGC>cs9cd^Bs1LJpo-vyvZoLCh45gg zT||oDHsToWrbR)T<PZq$nQ~K<BLQa(Al**6Zl9=0gcXT$i!??s!hbWCOvYrHM^)r` zTvGSUbI|S)ZXu~44OVTsB$*KTtZ5ae&=<?Y*5dl`0pegjVhe&&5f7s8e<iRF(19>> zL1&lH-qs*yTO)EvMSQwgG{)Zl{u%NVy@GB|skBHhYG^J_uk5<0*?vzxf584Vt+c+& zJS_VD{q{>w+wY@WuDaZ3YSFe$dm3|HRVkn6sc?S!SJX!<|JPT)EBZL^DVy0W{75j! zF>;)|^NYvxOd=StP=ozMG#E_3l18K<U?vLn$Q1aB2D-L9Ky;mLhsjCP*CSLUgHFcu zp?NicLCM;d`Smn;J67!-vPu}a{kFH?^49APUNN?(f9v}0Rh_jpB}t!2j<I824mpQf zEqb)K!5(u(&_;^m&~bS$hQW(yzRqu`2bUlqIdy+SH(=DCJ+6-2f@wLh%zPJNpdBqJ z)JPl4xWDBjE|4Pc6CSVg6^jX3(#tfhT`$o~^^CX6j6{8#e9?&6<;}pE61`1_og^p3 zVqcvv8uiurQ|GSKu4!ewQp%5&>|b5^!9#~WcqP5IP^45l8(pn*S-Pc~Lsu!9tpra{ zq%3<gn>OPWuiWD3?3+kl_#(?Y7~ld%6+0R-_a*=#lVhS+&SC$=Xf!OGSR1jwZht+p zwl+c!Mc2Y6l8@3A_BW!nYoqi^c&>Y*YnP>8FbH7019RyITR`_OpbAyeT-#fK;!3&_ z$=i1WdHe1N%SY{R&=p7@XyY|FeT>(yhk3LfxLqk(Pd1Xj`QrLAm`|`j$GKb&(}(C8 z1EEor**GrAgUCGSKm+ZX4-MpGrD|AI9)`Ds^U-X*r8u9w0-Ed3s|K(`6IU^<uI8p# zEQUA=WD!OfYwKbyB@E^v+9k$HfQ4aZlt^nwu8RSOaM1B&v}dyY&pvT{`}X5cIJ>|9 z;-{{^;DYNv<?QSaQ6UhmPiC?b@Z|l9IYgNxhs|(xPBp3r*IAbZ?;IT!>SwFtZt5>* z>*J38O!TJXenCu?Clq}sT(*&VixNr2sOnr(w!Tte7jCm(nBew6L=OPbcn%xnh;@~N z48jl@L`Gx~N#w{NYdPiy8s%ZGpHO*!ppKuNh!$@Vu{T6%P^a7^13SgjZ<x%Zcs5|f z!}8b~zBhoaLC=k=kv}`42FI9zXMU4FIG)B0ryVd2XSyw(#nj*^1!%Fy2xZJcDbj*A z5Sjhm1>A69%+6jJI*_3#1sD#`0vL|@5FGge_=YnMEoupqbQ0P)W`&nvK>L}WBV};N zWe4hcp6v-`i8W-6wUS6OE^SU=pZD-}6<H$kkQ-FKdoHNl>FX7V+C(4{aR6=SBu-ot z?L<B;o2)qlk{RZp;W$Z{Mo0=bXS#U48k8CqNTBvN^ZA<t4JAp0UOLJQt+CXv268Q_ zw1&<}0=tpb=j!_}Sr3mfPb!_hDF1(A74b+|j0e}3#Ite3h^NXrG{0!*hNg(E!$rkS zjeAxSN3X+voaZuB+A1Nlpd$svtREG#4X#!ea&5?YSD^-}AEg3x_?-DMw>^dty`9sr zG)lT=d7sYKM}l$Se(fa;#&kxdnW!l=u!g-8qZhAEGn;}!`U<POaNo6WfBP-BCDLAR z+parD(UNu9{a0;Cv)m^BUL6}}Y2iA^zct4rl#v5CR~N2B8<;7?T2<Pb>w>W;lG!Vv zXV~nO*jtOry=E(13N_++mzrnaMhj3esIALpx(J0Z#!~c?GT`}T-1;WdBUH9uweO_) zFBiVrue$wm=IcOnCAp2f-O|#O2y21Yp;e{=Mo3l!fsUA}B5?7-OEu8{J?Kk~h5~t@ zFk<S_2D1Omg$n>N+p!kNBC)sMeEnOly!_I!;lb@&bLm*NHj(XUN3Vr7tN|qo=$wtz ziL~SJDu@c&1;RwEy&RiShTfYgh#i6{G@?gI3s1ns5m_Q(kSajX05Yz40>{wH;S_vn zZE0^?TeuQj27YkQw!;u*bXd_wWvNwG-y@o`I1&?5W~?i_Nv8F_=44YvUAWC(bV`(E z@y^|n&u2<vcXzV9+9-?ex?Yrn!>U{%Df>iovuFl~O))P^7Yg2COuoZtxmQ>r$?G*` zGsYhlQ&4!BaZuF`c)gM=%40^U=GO(2?$HF8&b(27&4qhqaafe?2ZM1LNL(!#M#(-p zjA?Sbn>6(r$tw+u(p{>4QpQ{76y?LZ+GoHaV*U_|&kF^eq}^(n8&hWo@_EAuV3V^* zK7Xp~o*O-A?wS}*`#7i|y<`@fTvr(B(o`m_JqI5ts6!!4YlJ3i{u!cIme}{u=W2G< z(1d+Y3B8h!8CpvQ*mJ<67Uvp){`8Q&i{5(sY_1VDYyV_U9tk(;gUmV6BERu$th11` zB!B9msa+1SQ>RXi%+Z5u=iO^#P776*7(@6WOqYT++u6tLle{8+zHxi=N83Ky?rFXk zZ^OA4_S_rDK`}>HignU?q}jl!hgivN%^zw1NSoaJq1pkSf@0pBh1zeFtg<?zbUt{G zRLBOuc&=i^iA{36P(4e%P|>t1q(j2w6i0Cr@;n&;Mn2m4Ng<z0%$=Wt=>Q#2xo_jV z`#}_Il#Ozv0j(do;xJ5G)KWZ!07+G54obXs=G$zjuc^*fq{~vtcx>*5_2qAv7Hq-U zC0`aiNCN%RrY$RnR(G0MxL@>eFs^JX!Oimvcf4<U$dhb}twSGtSI(F>H?(2=eRh5T zvFCZCT7O=PMC?tG$S>*oK)`;&Us~$)^KNn*dy3r%v^-zXJ<!kVK{@EmcJPI6_8$9* zK!C1?(zneg;`&zPVV(+-G^rvNTieP!OdzEopCLYuU<E;r>XzriQVW1ij>UcVQeda5 z${a|Y=zN<=)Rd{gWzcalB{bq_kRZ6U$D~XISLT<3<ou#_)q}r$@WJZ_FG3(s5I+TL zF-%VN(GAx<2!)zI&)t`aE0;LF;F#m#GDpZP;%ng)*TQGlz@0ehIdd}};z|e)<!0R6 zeCBFHLto_K3kYK6E}3V`okRq=484&mU-^pt%2%lMF<b}#@sB^oCh_<yRGD(u#(%u{ zUVUWDxz{t|uDZAS2Ekf~PUC$7<D5;D;QAp0`*H5XK7B=B-xYlVac|B3aUY&oaDM`f z$iuGf9vTI6hA?2!9FPDny#vLHjqV+WIeQUyVG={PHPH-qmWo3hCo&u|b&s=1gXu;< zRmm<Is2Ra>%w0Idn6sVa*700o?&Q4t_K^&^=5z^Vv-$?S)3dj4Xny;Oh2_~ZS3@<G zk#t!k=<pY5DSrWNJyV`RdrTLFVZb$be3IFx*l9mxh6NV&9?_L_rM{ikn^h@+%zvog zLlG7_6{w6V{<p#JsVbBS>t=o}d`U<Gx4i7M%t7D!9!?`(E2gmnB}<&(kHJlm>oC*D zY)YThTnQ1EnFr<y3hRep;FDM+==bWlj*qMOGOpsAjKfNBe=qcq<H%p!M}(yZ?m4_} z^v*j+|K=U})2H*1R4Q`#D~Aq!MM$pP|KYJ`o_W`29+^3vs!m<``1c>blG`KJ&HR$f z$Vt*gHj=I6vsR)Z&2+5{grOBFn0bvNohfpVGDWf+n?pNMWCrXAR|r*)q@r}Iiyj@# zZX(gdAz~0&G323H7YZjDW%ar0L3sm#OBYuM8D+={ZQZizqMi*_cPLXCY6!=}0dK69 zplz)Z-7!i*3=gBFEQanFjUd`eXTeG9<fSS}0VAz2$K0E$GOxeEtSmNfxWO#0G;g>b zeKg?v^zWPW2a`Kp#I(;Qx78zJT2n)xnha@_I)G_(MgPi`{d6K_UVpvmQgXg?N^3eV zNR^IMIrwRjqOnXhd@JfxgGrTT9c-nCIUxtf@LMnhJ3uFCJuPs>#Tgj7J3Be>Q2xa; z*3cJXF_^Q&woaAj1w``~nyDyRV(-$ITCJ8`*FlDHuIuFQgUO9wcTrA1_qrsEmf^5t z7DMx!K$h6S1bwMB&e5$10oem&HAYMelMi*lnM?fCSKFSZBFL9{wtTs@g>n?jO`&)Q z^O$3Ab9BHC9w&(25_dUkaqS5CC^0JGz*7~zz=-ZYg9eB+I#m@(9n>6ijz(u)Y?4;T zf_g+$C(f%PsBnJ&{7}O{AXpJj`_VZh&Cx%yxpG-TOb{C35##|(ViH5o^E@RFM12AK zyGmTKzZ>vH9{^z<w00ps$?=Uq#;@`HPL_Y?t3d-l`b;7`v*onaH^?Qz3PzTfZ^Er8 z-_Q;o>xC#Atd0ut((LqW+0r-_f^Bc64XF(qQuepQ4y{R`b*W2hQ4ip>;N^2U319tU zT5OB`Z6rn;!aOVFX7*$DIG2?`QOiNq9B0=E&d&aEwkZ8;hsx`mN}wGdp%m&)F0AXw zSlH`m>+C%*R~O`40p(kaEu|P+N&{Sj5%Sn?964^eG6M9!xiTW%H1h!|g;*yX(=bDZ ztwD6P5<T#n;9;oK!7PfVCqeWG=oJmBk|Yl*XG-*yOsaA+lgyN-OH%Vverab-`BmAT zb`sx+o9yo%!rWi)DNI($Y<4vQ8$LGu&O~l6{T9yvMt?hhHk;ndtY`PanakMCI96I_ zo)rE`SjY9j0F0JNOAAwvQiKk1zy|y<Zq{j3l?7QvCkI^?MhvP;vM!CAR3RSd_86Ez zfCtDtnv6N7>qXcC>lf0{$KN=SAuEGu0!f}xG89w-$}CF5tc!`ybumGIV!mXCj#m;w zbp>$x{3`v}#jn0<SKqaX8W+-A^7q}B#}7M(O7isGEI}hv|9cC&`=-DB@#Lg!IT(=A ztbT-;^<EMoDR$^|6t!Sive`@wm8r%Uw5KkTF)!5xQOAXGMHG~A?i4ygs4UYFALt&c zf#E7lGZ7mS9#fVi4y=nwB4r5;uO{ZN_ycIlNMI)t7I{3VCa!l~fi5@~HBsS!Dd#~B zd&Gqc$mtV*4815vu{ck9B9+I_MX(A8_Wxl7&-_xXZ4O0**8S6v9O8dgxu%Jtvrtd~ z9?`rS^y)%B1Ha=}6XL;10y@j5oqipv<hieC@$0YOWdCgQKfr8xg?-scdhcD|xG!(z zS?%=C+2Q>3eio+$^KML8dxY%d^xjDn<Cp2zQBp>?TWT?7@hFp7cfq-k7}#ZC*un$T z35CwRRpvY(6%BYkFE#uo(*;9cu1h=4g=Z(VfP(XC>5{I}jYJG+|M^t(LX)2d8LRi4 z6wc?F_`8e6G%Z#ZD=RI*H#q<OaYq7wAnd$59#cl=y}LkGhPRjLjAa5e{_3ko?cer( z-98F$aNNH11iV3d?S1#%c;kKdy@ORvzs!C<eSpOlyhH?y!^MBwa^#&Sg>TRD@Hlz! zbch?-ox$2kfbYt}7)HuTvMP;x3oO?_mMbh~x#VJ^!5{aG<u%obH(GVb$_9hTtb_3& z_l-S&W*q`H9moX!fqrzyYp>Z=cU?sF3%`WUNy{+l=}RWv&WvsF6|U37Njup=4wFl) zkwg@P!h=^F=)`>AmMnsr#S})A3G_-76_qLKxCi|(Q0*Ktsj6w}7TBrU4lmVIZR6oX zmrq=J$;i;oi~F};(6g>P7HiGMBbj!8AXXbJggbDDolFcwZuE(dgtP7Nr4l{g=f^y7 zyGwf;jdX&1j_&Y|9_Iv2aL5U$=|o3l(oW0-hec^ArR~i?C7(+q<J1#OB!c%p<@I_i zyic)zcnWr2?^E}O5{VG?#FGh_*4yTvv|r;V*{dO_ZNG-63bmoezr#n4CuyQ0NoQ-# z7D#53Q0G<3uokmlUT_{KzhE*Mq;+tSSK~=IId@&+;O;ypoDynzJX8hfnEhlM8KxVp z3{O*3TO-TLri(7Lx+PVvpt?G|9mDmlZT(EgFj12y&XpC+%{W0+T~YOMqHBt-jT2D4 zv=NZO6xpK;aZJYT7_9<YHl^YYP_=c=ERsNC%^6838u03K(x~AXfX_yQr*`KkBL!;n zDFC;6qm@OG3)o14iW`y31a=SZym(_zWh4`e1!6JonZ%dg-DUXJ_IYdbEE5RwfWu~l z$mwiuUrBk$XBgd3BF$kZ5V5nl6OnU-Ol;Pn1a$BdSFT!h<;f2^yUhb1zG2<E8$SGy zvm3Z?pl8c4h4D=3zRK3dSSA!ObU&rd7vEQTK`0RlVJDfZj=TD~>bRT!B;B)lPrnfe z80;+#nVOnNX+sO6M!>J@ZB;#8_USS+6iS9dUgRXXng0}?7fg}`-Q`=BH>EO0xAe9N z5<#&P1J7F#Hx$P1got^G2>RYCRKl4UIn=moGQ@Z4tg7)84G#WN(>bcTD|ZD7sC9Ro zql&;0A)R%+E%Vm#hAh3Jx}r9bZLL9!f)MxlX`nuep^Q;PMQZJ$mE1@n!_K6oG}<av z=5YDWr1*O`>=FD3e{|z{IhYbuyF>OIRYWbUtgHI`!MA+1ObQBustFbUdh3n<RNLSQ z`9*1q>=iceP<@hkjUsqtL-DLlPTu(TuLYSeY_RZ8?s@kQl5Kbzex+X$H}guhmtFtv zt3lY%^7p^{=tf1<L&{P8vsW7e6?S++iYC=v_u<dp0@9FQyZf0hoxDI3Jz>Ssy^p|q zyA$491!(eH$ryc)rDdrm*8_Jgytr)v>KA3vKSpFtlwmZ$$WRr1B4lE6Mtvj<_eMm& z4<;2Sx%DuiFcU*p8HTsP4QcRFK`-D&Gqg=OsM=fp2)fLJ3gN&keWB1*wz@>odFD?+ z)!KP3f-s{BK1molD`6NSTMA9UNH6k<%KrZD?*6g<v7z0AyS8uZ-rBtt(Vo{?Yge!6 zh=)O7Y;O&fMPjv58iT%DBlE1gX<Pu#w9kd;Ww<2?`l5^r#N{}hxxTlRw3%aCdNR#O zrmZ8i=vb(j{zY9^dufz~qNSzL>0d-k+q>#msIIH4&i<9+k1CI%hwP(D)UTYF{-y5o z=`47{{+#XyMgRxy-t4NYt3v|pLfketWButb)d822q2{BCVZg>0RZjS${uB0F{dxdv z2XsG6`}H=Y0vlZ4qHms=6n`VE;kNWRsV4P2GXG-o7V8Kmu4EBUn0u8C!oXIjU=U$A z6fgxN=8p=PWPQ*_HLq9egPrEx5u_mBZS3v_1{NXY;vHKy^={~1-@SgF)wOm-ds9PA zeNBB`ZFN<qELjwZM?n6WXI_u{(CMdriFsXG?&SHGWKaJ;YTDoBshg^j*=&+Nx#)!L zJ68$zli&V!IF~4#O5}zY9Z!Gz90eSm;x7eTIKtNzgQSR*l22QKBr?z9L_`p2ifSS{ z#~XZx7b!^E+62*Lk2a!kz)s+$plBU{)`D>$6&(42u`<RNz!Buq!$2cjGp{yqnDIAM zeaP~amLT4z6MGTTfi)La9Wmg?!9dEk>M%}Pg-ZCB{{8;7yVkDVMR!ksPk6Ft>Ra@O zwDHu>e}3=r8&<q@?KAW?c111zzIOWa!jsdFF*fzh3|(b^?Kpk?LHi5W*)xu9?xmT$ zPzySjG>3E6i9u%5KVc<lTc)oHd7DnpRM79!?=4#%jY=w|URE;wlQezBR`PU)(TrVg zXXmdi3()=sIr@k~8Ff{;DvyhkiP`oDLjWcRD040y`8HgT=;4mjZc&8PJab771GGS> zmwmNG)CuwlU_*+ec50XK(A0O>sp$bUrhyJq3&*>JR(scy`@Onwzo;)}Q8*VQI>xa; zaj}G=C&UsQyPR82m^f>}^S{@BVGm93!cZGVZ0@cgJZBG}g&E$34fl#`hAXWOCl8Y3 zp%Q989uWgFM3@7yeb8nl5>TECIHGRKc{RXwo=kgMhAXy4((SEGnEK50ZYtDF4d28b z_zU*;Q>TT#)2F9?#D4cM2Cc>joq0i|Y-X7__t_k(WHsrA%ekmTWRUEkFZMkgf>ykl zcuha`j*&X4rlxKzr7*FWs!UV|lT;=QbXxQZ=_^TS@C2p6{g^OVMvb)2sA<sM<<#_s z%)TJzC-sH>zTG68p&?*tgSiS8t<17WJQ^9SqVejYm>|`~p)G1iZGBDcZc<;b*W)yr zg1b02?=Gaenu-7N+pzL@2d39Q@!xd|FhvjWMAEwkb|Pv}|JE&=5i@96z@T%daxHiO zH8`*V4vr0G+j72R5{5#$*3NmUTlujY(BPKiI5=3o+5H{AW5gp*)6l^GMn--*GScwV zpFTP=Qom;po~f@Nfiv(Q{%FYl1zlGtu;=*kJ$N2#Jo@N#i}33yKYjd;JJ=^i?ie|4 zkJGCf_SE0e0F{w2d<S~`+(^S6_4V})&yU>yQ#bzT-7rwEfqq{~_F0$l6bXo9hm47s zKEd2gn4kI#=EE3JO-J+}gXjvHYZMhxfK(WqvMLSEfgp;aSSl`PN~axz0o3ZzPf~Kz z;kGv8@Wk(Pd-@4`L?qLncsZMWnT^2S-3r&d_Pb;CpP25cySeUP>yOocyPl9J-2YDn zo4x!7#_c66?W|SZ>5iACMpg^mwRViu)Jrw><D|Y$s;?VwpmlYZ|JgdQB*pt+7nk~Z zSB~?L8`P)Yz38rLCjOgm%et#Ds{g0l5{&ZEojZ44vh$L$(GhpJ{|QHXGxX6v!)Qmm z<qStGY;A`@+1S`PI{L!sXyXenJO<m*(FT5U6u!VA{Lz^GBJJe`zC1cQa^l1Yp2r$r z{_+uf?8FKB@ssSH(G#O5?NNHPVYKlCe2@xmp(H;y+Hexd{>8?PFZA}l!2Qrp!gxQ* z$NT&-a=-Oa5Fq`O0rM98re828U|g$3s#F9@RFQlD7w5R^Vwn0PG~n|G22<2WjG)gL zBqs4{rgtz(gE1P?gCUF?SK_)dn4s|_Et2C!pkQfgzmpH~%&D}`$Tx}$d?Pc<H(H(S zbF=$SH*_rI?q&CV&`;Y#tp9=EWV63{;DO)p&vze$zkh!K{{Efsg`=<k{#gAdr>**9 zb^ivRf2luq?5#J`>tK_=`R1DmNkO~)P9$$sJ|LHnH-SKRkX*$!IB_WNaYy%`cVeu; ziLr?^H#9X5cC@gD&Q{jg*3dXe+DLnCTl-)gt*NQ)ucx)OdTl{^_`rYJox#<cYHRw= z>jrCTfdPH6z<~b8-5YSC16LhBbmhS-4(z{tV&6E&6P{yAe@Yo-#h-^O&4)cI(8CXY z2PTB<Wb{SgNiV+mIOkH0{BLxYW6`+%0^L|(W1}ZdAOmZF8jX)VHhs;>lkCNlCvAt! zs9Uj-eSGxf=m~p_9!37-a4WtYYi!`>fS2L5Z+`K`7f-^;MmT}?ZZ<P1vRTZ-!Wi6W zZGa;$(Y=EO?`p*(3QUzHfp-XEXqwSS3`6TDnxSo2rg6=f<KjIJtPnpTbe)CITj)!6 z_{fp(UvtfmjvV>Hkt6@fRjeA})YJfL82G|~^Jo7GbgxrF4ME(j0_Mz8elce4f#U%4 z1qNL(pg{#eP<Sl86J?9u=mzz8sq9B&Bfn|-`-tCf_7fNf8_tez#Z&O23%Tn`F3gLn zmE7l{<?Qn54?aZy!!CXZzwsmIA%u6%sgLxP0jlh>Ul|zKMNbXvg5A5^Csg5GJPz+- z4PVs^%wj)fNfn|BR#HhpUuzHsMP(u!ViX|)F~Ke236s54GO0(EJiC2V^;1n(wZQ<@ zgVYcZYXn^~QK>|X5rOpNa=EHp)maAzx3~p(5Kf>~I!g;sxl&|PgiTC8Bb=(8E{8Ao zK16?Fmpp{u_>tQVZ~DY1dxd=M)N|}}_d+ua*snkXQ1}&g>=(cPJ=d$}Wao17X6x!S zcPI<`*>X~J;0;RAWo4pRR$f+q#yK%`9<sDtc_wk1jog3VQjwaz^zzF*hP+@iU@ihk zgk<R{E9R#j$%io`Rs@}=3H5emsOi8_TRRcxdOv|D+fQ^&()2MRc{FK+h=NZQ$B0i= zeIxLzrW+b&BBjhjd7lt4iFP3xLp4nm+Cw$B5mPmLTz80Fi)kZ}3J~{<|FP6@S{^(r zbwTt^{DI`H-RDCY9$@^9l16iMQMRId-jE1{3gaP$*#HZ{B)pSwgo=oq<_o|X^n`0| zZqKl{-Z%Ya48$sYg!-@9Kck6HPydE_Z~xBpW9;tRZx`~9*~1(6UO?~O_^y9E^o2uP z*zlppeltbx#nE}uOkQ}D#|9=r4jS%zIOt^ZF67K9<X#`<X00u*m#!%FCav;9DHtVZ zC^YnFEEWq!LY{DKu&s->l+ZAy5D?27XnVwga9c~m9=7QCqHDkP%Wqwa8~P>p%lr*H zaNWMutM}pN9jo`PetylqRjc-`d4Bai`@Yrt)_iX@{<!*kYxd#uT|RTS@Im%>E-F-w zRT+!=OpH`PKR`EwXaQ_vJA!TW=BgvyBYj@_=TKPYON3HeCpt^#*i}FH>Y+nl#f`ku z-ns3vV~<SVyNZ5h+nbI(!v4<r0XFt`F55;wv+|K+Z`x+>T=fX|C+V7bLU>wOPr@)F zOG!OxAgiqv5s?vzS`B<iV#5(}0-akWLZu-O6&Vw^c+f#(J7FU0jYI;WP;8A15<$)* z3xy@I)wBh(*;O_R<-`fw%LJfdXWKo~%%1g@ssD1BR$3%#w-`YX^?$8O#<P#vuTX^^ zrHcK^W0!sU(n~-63~nxC?V9AZfAUsC43`=An?AY`YE!TMihZ(BVd^_>Vc0lpTk_29 z!t25fpsCc89b_N*g5^saj4J(ot5<m?o#FyliaWYcMOP?-i3tk22ywHdL_CVb(?g50 zAY!T&jmg?DFjaLs3>|HqG3PXWw)!eT;Gx0AblloQ7U%=}#xETk;xb-uPjgch^b5FW zC6xC1Yo$oq$%jXsgboYg{3>&u?ehWsI_CiWcy5P<kbal}qO+q-NONS0c`Fhb_Qdq@ zL~bwpkfN%+rYy5?_?_WZVIdsu5q$L8rY523o$#;e>#XT`<8e5YHD#lzcvvKSJhVCt z#d|~_g@T`&o}By<U!BMUy`sIj1pDapEkIZH^g?T}$Vwm#<yVC_DB0?=Yk{cH)N~wn zK$>4ekY#zJBEl`Kj9^iy(W7Lmu;}!gnYA~Ybetn;z3V&tgfIzxI8K_$CNfS2t(}P| zV+5q<R`eNh{Yc1up8+pNRSrnV5vj)LFglH>+7{Sp>UMM|QF||e*RXT@=Dv$A++eL; z9f`R9Bfta68Js=Zq-9-1I$EN1S;rC&a-0Roo3pMc&0#u`TjKaZ_ZK`hf<;9^*F(hq z!2FZ0FA3f1I-MkwvrZ?%`eYCtKH%r4;n*;q{&+C>@uv*~4xUa{aMuthKlRLlbM~un z4&6oMg*Aaaot(+DqpnT8n5@7AV!$Y3RO&*Z1M|CxLoR5_&|>%FP%sq67#k&8D>@GU z;h?(@HM@CDxbHuGc5hEl;s4R5o}MQB<a;jd>A93%$WPM?_)!m+FR&xbV$_6q=EH;5 zeh`+-{UqQI9EgONPopyPIT&98p}Tby>y5A~iGl(%qL(UuztRUg#orG)p5ot-N*P9~ zGBr<?Du_)+$Osi+!2D51+|P0>tw6fjO)f@V+;;(OG#vaT6F@kyJbU=gJEw!JVfx$f zxr<#*?|SymJD+`chV0!-$zD2{|AGAsU4x(XwzZz#yxx9hJu9=U>AYoez;?u^xCNf~ zW^y<A5cw<eIr5nGXx|#f<jt#@$p$)N(B*x*;vOMP+FR;{VEE+CH(pwv@)*Gr$KG~X zb3?jV35eHU&NTmZ`x*3l>(exND~yP4A~Siv0$PvhW9CqV`k+O9!Vo%Kk#LZNheI^z zrG^+Za3X+~6$3-Wufs6%YfdS32e3PJ<30C$_A?JY@TpIJ{Qi%A<em@R^PvyC|E_o6 z`L5e<d&k?aI@G^qV^1trmFoxuqmf$D08>G^T-nj?CLs-TAB)Zyj|ItP%6SSJj)=)K z)8H|%xo8)I4dP1|Li{N&Z8BaBk2y3t&?#X&Va+T$bpv%t@M}a{S5lsHyEEF_j9)6; z+!I09(WV0v>^NVAU&X5f@x-9oP)5rdO*LK?2o0Lv-Tt6Iu-h-kjq37hBc}R>%rf7Q zt`9|;GO9L|vSPY_Rkgp$`6=K{hfEpIqGL_WN)2ghrYSPyQ)5Pzzj~El$8)kg)X+F6 zH<YCtl-)(K>Q(mN`g~D8{6%s9lVm8AOy-jGv3S6@D;P>QG^V|2Ev5~|l8NY`q70@s z%+d#15xBtIWhw)+moZ_E37GtB;pP|Ib)b@;^Oc!H@dP|*x}hN*^zSy|m%qaMiTdm} z^Lu(2ZwC|0mVpfSBj68VQUUr~2kD{LIs*NcFb#Np-oRLh`b@9S97jW+2^<^r?EvW8 z{vbmB6tJIU2m1-TnPiC4?m4}CJL=uNF6?MefhcrY;xoy_`BFn718^rk%~$YL?R9B^ z6#d5#v$oFC`I9^;%H}Pdoz>NpboO-ibgixKsP1TLL=#V@EE!*%`%qvcOv4e=3I9et zHH{h^PiX^ODX`FqgkxozqTJdgb~cxYu}p(l$?mfWqEcfpx{ZFT*3@J!Ay_=5cQTRV z8M-ao5{&xxJ#Be8y1KbhS#Us|0Cv8i`FSD1QxihoQj2$P-c#y{^lseW;(V9F>v|7% z5N_)z^dGbURD#^*W~C=vSi5Czp`K0D+)RCa&}i-|`I|{9p(j#fq*zz=VimoE19E`M z6Ce^KQZQUgs9tR9eMzc@(=4Q^q1}<7A!uGo0vZ{N(g2aAfDF1)nZHypeI9cVrZ$23 z1fIs76-jK66vbjieWa);ww=U^Vujv!=v<dR_W^$sfb2C*)6=)i<?t#4{C-TmA09wQ zcr2%z9(FDY!sdU?Rjs4vyx^aqg|XLfC@(K5A!NR_bIr=OX2-%=URlm(=8|*?%+1hU zmRL0q*f)kqY%u@wd>H|>?ZZd_wG~~Kae_w62IXm6Fx@>SVOeH;WGY)@t(_SvwP)#G z%x;hITm(h{qWn-NgE@l!*w!+`WYSG=Z%^`^BUld(DPjO|=(icdBf)5%qXsP*Etp1X zdXi_6nvb0m1O4~{tEZeIDpj1TY93TL&>(<8s^b{qN<@mtlTJ2`MTq8+a3mUWVRT$g z7!eIC=0oZ<b0q_%+yatThQ8}(&s=lOGq|Bo&qvYe4SN6DD9Rdl(YTRKc<pa`gF=;4 z5H{bOkDT+@P%>MDCB2CXEV&@I!N>6oYDp`(?U7=~x5V#Yjk@5t9+@%E*u409;Ck}V zQV^}?xnzS-MfR|XbJZELf@LMmP4#t^6(zN0wb5A2uP#N>0*S*>Vm*@3+9C@m!h=9B z<bs88@r3|dU;NP%hYvr28~fYkJ;l^-s4c4Drz5MXs#aAA`Grtfrw>1I_0?_#_VZHv z5W3CLyGy69s9srJy|NJB^nG}aj4SWPpv7K&Bt?yaBerGgOjbP{#MDc@WDGilVMt>N z^$;)dcz3&r7r9CbEi}lrS)6gU5lz#zf`8@)hmI<HCLBT(dl$@6#>DxPvMi#?>V72U zk@ufJojDR{n=%X>+(yiB$9HfxC(wK}6&%SpqSG#Fao{m_a{B1(r?Js~vC%#$lE$eq z;p6oCd~K7B!rx<4kFgi0H=<CEYXgMziG-cz7+gV+V;adSvJq{vDmA1KH4SEAjvwMj zgPZSiRS5_JCNDP7fz2SMXqZDmG{JijfeZS#cMI`)Nxz1W5ni$ZBP}+9g4xm5+T2)Q znJq~riwe^?f^fOMN1;G16<Rxi`3Q1nEX$*Z+S3xsyp=hgu>qHTDsz<%td)$qBz)SP z!(c&K1%5`Ky?J%%9m!QU4Rmza;e#Dl+rJW4gMwGm@PQAkh*t#trw7Ucrm0p9oJdB8 zhtuKUv3c+u?DO{5w{4><pE_~k9{ab{sJ}<9D#}Kp_Sb{amaO4BqI!y=rh12ZnHNNQ z`#&1f>Be#=2b&Mt@nyFiD@hCYF}{S{YTZ(3$xHfKfCv`q8bQGq98#6g(zXoGwIy%D zfR_w{_Tdj~A<zl76Mw+pyRI8sb!2Gg_KP-lZ(X-_)r!uxmZqAjbZJRynYN8CYFm!? zo{>0a*jbyG@#c+%mqdEbss4_pPk%Vkn7Ag|ba`)GoqcF`-JTz^Peu$qT9m!%riM_7 z&wJ0tBA>3y>5WIiVS3R;DZfeIGW8xz*eD#vZPYjQJzq597b^S_Ce4ub>nZujHP>AK z{PWoxq<}v}X{nz>=T?_!-ccEJX<a@dZ_~Zu0R2*J$@IfWgl#LSoj!@^jm(4F>DNGi z`~Vpc_OnxbEeY3=F13)K%9O~1eu=@%!8|w=Jw#AE0>ZTWR0Y#nsRq?dRU0IxuA6-X zr39jz`iAARabxNj*Ig4jWrhz?Y-Je(rrqpkFde7ynEl^V_HO#Xshb`c7?>faZo26d zeZbybJ21d@3=IwJ*fDU^Df_wIyLRl@b<-*0`Woeh-@$xQM4DmxTw9(l6+{oUh~$yD z8TbHjedsnGaaeG2MF<?J0KEcxQ;CMU%3Pv3)f~yjn-qjzK^>B3BSd)Kwnm!n;vk`* z(qk`ZYH#NFq1@D#E;ngZ_}bJ#>P<+ZNz=Y6ug~|-LOPsEhNlh+?@b$m`LbDMn&!u* zei%+sn8t#Js)bDZ2d3$(H2;~V!Zehkb;YU*Gw*-G$tv&1iYtqq=lUe@c3joFkbKn& zc7uYjqM;a6gz{8KkUZ#$8w1|lMP!w!GMmsT6IF&t(;ijyi~~cJR1Zcw2!b?%kUy$S z)FmL!JksS{1XM{FKO==9t0drOq_=17>bBOpn#x>RNj&DiFmR!R?O`l~9fa9P+_<XF zO3WJN9&&h_PMlbISd|>(S)&Rk!XDw#dBfsuKHs})x`!>}=|tM=TOVucX>2TK{`F>P z&CWH(Q%0p<H%`XNHXrQk6ZX`WOnr~ngbCfwQ}Ok5d%b1V7sWmu60ePyrkk2JG>O-G zYeO}wSJ%X2pVCa>HGfyKqp$Da=Kl||S8f{s0C=2ZU}Rum0OIO9+g``>+k9n^XJG(= zD|=7JAn5;UtTN0EKrROZ6G#*QYC#MD0C=2ZU}RumZuqap5W|+v00gWu42%q@;3EJ^ zFaw4F0C=2rld(z!K@5if?9HA&fneoTHfQAn=!qaG2sXQw$aU8%*a-&~Hdk5sI9vKE zhdzXVOy&$>UHF(}lFj~;$rjin9WdGAqyS$9a%f;nUdWpMlAM!5A7t(<lAW2S_=B&o zy1N)sZbdcq|HM#4-;)FK?9j%9?9&dKB<uL2MeAC!_Re)x7HJ*4H)>zGU#T?)%N2~& zkM*KG1mF2R*IQU?|N4;Mr=F|+uC=_4`x<`_=k3zBU&%eW4Z1Y<F8G&0TkL7<p~jZs zJe(cO$c;00)^+N2jSqI-dWRBcM)#*Sn>!5=ou3PTKi}o2AvzyNHD|gK)pt6gMSFEj z9+~sxv2Vv`5lw0Mlf=8z{f7Gpt8q<M<c#duH)IpyGY2Dl)Y?Da)jk9O0000000000 z00BG!egUun;sN*qPy)sR<O2c&C<Mp_Y6a8=E(d@J7zj2A1_>YunhDklE(+WWo(td% zBn(^)-VV|dkP`+IMikr?TowQp#uuU&<QO0roEyj;QXftqtRUVh*ee7pGAm#!j4RA6 z1}q#bf-Mj&E-h9qh%QPldM>;#3@=14x-aT5R52_uurr)9;xs}vRyDph95zTcj5fSB z(l<UgdN<BEBsh3ESUH$E>N;{dusZ5HG&`U?JUpO0<~>wBxIQpHhCjkT{6I!Pgh1Ls z7C~S^oI&bB0zx1{hC=#7Y(w5eC`8yrfJX2~JV#VVW=F_K&PgyyUP<gqOiH9oI!w4t zR8AUBv`-#SZcqkLeo+Wfh*8i|GE(AG(o||x{#8U(u2vpamRCquzE}iUTv=jSl3Bu9 zhFbtzR$Fje>Rb+7LR@%UqFs_*&Rz&!JYG^>dR~}b%3l&+ieIo_%wRTPj9}bhIAN?} z3S!n{5@S$fWMg_``eYzvMr34Uf@G9rrezRiqGt|g@@RBvJZfBPIBbG#IBm#n;BEMB zP;RDf;&5JYzH(M_@^rLy3UzvQ{B~-0es}J8Hh89an0iopntKv_V10mp4u5=r5`e;i zW`Z(;l!E|+#sC2T008j<wg4>v000000sy`M%m8cv00RIFy#N3J0C=25k4sC#Koo^f z+O$y6wJYV4RlArl32E(PZM$+M2)b)&(gtb*$@H-j-1-Cjy`Gs4n&IC2ow<*>0dRvK z1h8L#4*H%g-Ffcf9`Bw*W<EXl@D$v7?xPdDu`&n;ya`>G<qqc$Ja;k2gXfUv;<<-! ze0lC83|_E732bQ3$g!n3;)5dJmPf`VYE&>THrTO5kRpa=oYQRgl_pTkSkp-G$kw_t z%evX+lEzx*vMK2%DpjdYnEreBl|vh}l=dlMvmL)68J+@bZe*C-v%;<-7~;f=7&BxT zQ7atir;Zx>v0G1J<(Ac6UEJ)<@tHniK60vXzU3-;)0TB5Nvs!QOtC(idS6yXh9@1* zvXQ8ROhq*^)}mIDYKDs>nW(cwt4LHKs{Q}9U%CrID0rNOSBHBeM-{){k+aW|Ez7oS zU+yjmp@jf~)8%pyYUsU}5CWK$G+vFo-c{L&wMz*QdQa%RgdWl$^xk{#z4!8c{0F@E zW>&k>`HuTe*39p{d2L=9?b*BM)c^iVAMDw?=MwD2O>i3aVFt6<k2#c3#yl2K!6K?y z!ZKD+!z$LWjsrLy2XP38aR$!BS-2_A#?5eZ+yb}6t#A%*jdO7u+!nV(9k<6Fa0Cq; z#d$b}^Kl$^#GP;f?u@(OuDBcSj(gxj+!Oc0y>TDh7x%;c@c=v!55j}-5IhtQ!^80i zJQ9z>qwyF#7LUV4cswq~6L1Nhh$rF6*uYcZp@|mSP}qcz4m7&hLV#_Ah|ohH0}K(v z;8N^hgaj#`il^b}cm^)RGx01u8<*obcrKoY=i>!<Azp+R<0W`0UWS+B6}SRd;+1$6 zUX9n_wRjy~k2m0rcoW`?x8SXK8{Uq0;3~Wm@4~zB9=sRt!~1bHK7ea*Ew01$xB(x; zhj1f4jE~@>_!vHpPvDdI6h4j5;IsG~K94Wpi}(`0jIZFU_!_>BZ{VBw7QT(|;Jf%9 zzK<W^hxieGjGy4A_!)kVU*MPc6@HE1;J5f4evd!kkN6Y*jKAQo_#6I?f8d|^7yga^ z%=pF&o4S;msH?p&j!Y?uj9bo(v=?}dnPFsxCYl{~ys*_Vr?rV%5>mYt^^$$EEa|94 zRBvR$6<)TD?&?^3(MX4WY=pdNk|^|75-;?J9X;%*w4*zQ{(EI6`zrL?CR*e*!71@J zNkG{*QE;i_+ce`dYcVl&wXcR9ljy+9U}E571f)9ckW8{F^w(n}sM2guj*DhO+g@xc zyxu1ANF<0KAvwFL!Y$E7elyneqLy(>@vdy0R}_h8-mW87qN}_a=)TU*uVp}Af}Ft% z3=h4KLmL~30C|;Bm)xENI{U@asp#&gu&Ki3d^sUJ5tn*iC`S{zb&3_~5_3~A*F>U- zzL}LU6PsEVgRX9m?HLCqF)G7W3)o=nt^}s9dtT&>>}%CA(SFGg&4Fu0VeB>A(N37H z1GO2?yY)c(op{b|Oi$pJH)tz5ypU}uF9%9?9RI|0yy!qvA3H+2<kHD@B7}aQVpSUx z+H{E>qed+itmJ3glowXQguJ$=T}?C&O*0p0m9ccm)9QH34F1ThjDaosP>7AEm&RB? zOl=BWj<CfX%3P4E!6KkoauE=7Dh0r#I^R-mq*|iY^yp5<w~(kELy3I`ueYP7M+xWY zk+C`1rD~1HoGMd``7B{dNe=l(A9lgk^_eG;lad2lp0<}Qh*#k?nboyh5!p8!ViHNt zvWpxEd&MM4(p9p8*jv{8u9l`E26l~bPz&noin}ffH79{&5Op}AEn4Ga-Bh}pDd0VI zsG$;8Dh6Sl<&7Bxb5@*+^_;Uh)yuqMKPB)z_IA-isopmEp4y1yp|7m_&gI2P_ZzEL zh3s=!Y)drf2W74(PfWnY%{QrS=>3|6)nyjv3bitCxd@W)Wc~z1KJEe$<9rcXcJbzH z+cDCUR|*iZ3npwXDT{0lnqb?p!6~viC}Wd2H7z!l%(-AQBP)7a+e<DNX_;s_ViC>- z?&|zG+l4Fgm20J97mIM2c_If7q9TWc#Wy}TAseHB63TW<m!U)DS_0MBiD1VifUk!v zqU0Q-s+pxZ%l7XR?@PHU3q>^zAtc<uY+{li$@74Y(q!6E7FKZ}-^0HB9tFd))y2gS zE?Gaas@1Vg(;f-w8QDw7j~;K)h}D7Qp;{X^l8Ly=NgAk;V=HB{o3;Wa7h61Xsy3;5 znj4uWYuBfaX02s8XUqp7ml3yCssSpe)Km+7M1YE|6H-;&X6&{O=|n3EqQM0XdefM$ z*|Jwa9CYKZ!UL_UQ|+Nqjs|o&-XIyO_)vZ~n>6&Ys}(;_-<?J|G(!bVp5{}iAbxoQ zloqr!WkJ(-!88#E{pk7YHb$(AKQyE%n@PdpX<Y1bb{w20l3|Win<nu?Vab;HP&%(X zBg%y?JLlFWnzzMjr{aFzw7taU5HIpMSs6pZdSG&!^SP^_*JaJJ@aW6mXXX42+E~oj z@@L(~iTu`0>kH2lSD_?`>ygStril%+11)0Ns4t$#W<iUHf%NR$v|iewm9_bkWC69d zlTavxh34ZMc?`sI4S8;zbt(?hyEs{Gjp}$`41Rv&6*mxz+x*ACDYYg4hb|9F=}Pup zlNW3@nNq`#Nox<U6Bp?N(@YtmTws=#xRDwvZt}F&m)S_GZBo~iZfzz(UpjrbJ^`kl zZgFi5%tD`pc8&XWQq5y%dr&F&s+0%dAUofu?a1~}N*1b-Q0bQ1owP&x)Ztx8uAo-4 zZr7H2BMY{8{AMUMCO%C)V9aQLOE|`r3?+_CO|5{DNXx&Lf%exz#=ANRJ9R6Qs8m}u z!(>OI=WPV-%X(px276yigYD`W3NdLe`!v`iBPCiLH*?qc7qbiHDk5)Yx1)ioA3Lvh z!W6F`IgYwi(MH>I`6qX~!4~XJN$I=3<aRBd`aVglR~#aZLf55^H>AStv%+)IijYf@ z`oWV@8uQKscEt&mpFYw~+NQoHP+*&hbPTq&{y%$fm1Y0{086+4$WmCb0RfI#xd;FV z0AnDq0V6~pumdA-unt8aAWOIa4pB?622)yCurwR6C|O`;Ac|F3umUAvumMG5BVw=u zBSf<b2?YczvkD6Z1S_)+4+R7(S+WEu2}M#wvkDCc1S_!y0YtGR0f<pput11du?7P~ ku_ghCQCPSH0Ek$z1_4A_Sy@@Q0sn=t1dXu;07L))04#KqdH?_b literal 0 HcmV?d00001 diff --git a/src/less/base/third/ztree/img/line_conn.gif b/dist/icon/line_conn.gif similarity index 100% rename from src/less/base/third/ztree/img/line_conn.gif rename to dist/icon/line_conn.gif diff --git a/src/less/base/third/ztree/img/loading.gif b/dist/icon/loading.gif similarity index 100% rename from src/less/base/third/ztree/img/loading.gif rename to dist/icon/loading.gif diff --git a/dist/icon/tree-collapse-1.png b/dist/icon/tree-collapse-1.png new file mode 100644 index 0000000000000000000000000000000000000000..2eb16bf2a62746328805959211c57edb75ef25fa GIT binary patch literal 205 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6Jlq9{)n$B>F!Nq_$Tw`X3<D9kK- zV1=sk6(O;jN%8yZRIO@@i;Io<);<Ud4wgPBc)nx(n<iJAeG0ouUyB{=P(LN~#iCKt wW=pX6*+(fJDQ?Fu&MLezX<;s>Ljxnjp%bc;xis6NfwnMsy85}Sb4q9e008|%i2wiq literal 0 HcmV?d00001 diff --git a/dist/icon/tree-collapse-2.png b/dist/icon/tree-collapse-2.png new file mode 100644 index 0000000000000000000000000000000000000000..685c49c3066e0023a05b51a534b4fc441a4bf4b8 GIT binary patch literal 236 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6JlqDoH}$B>F!Nq_$Tw`X3<D9kK- zV1=sk6(O;jN%8yZRIO@@i;Io<);<Ud4wgPBc)nx(n<iJAeG0ouUyIGC`|w7!dD|)> zi%;wC?PE6=QE{81`l67@xFTb@-mIf1C!FZvQJ6oWY5kpDzvqY8_9$=v<$5k-ajLj4 dgF^!&L+QV|m`7ns4M0aQc)I$ztaD0e0s!xFQ^EiM literal 0 HcmV?d00001 diff --git a/dist/icon/tree-collapse-3.png b/dist/icon/tree-collapse-3.png new file mode 100644 index 0000000000000000000000000000000000000000..af57c458f6aefae2c261affe8bff9ec47c041f82 GIT binary patch literal 236 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6JlqDoH}$B>F!Nq_$Tw`X3<D7;c? z-MxL^=Rccv;i&o(hGUMB>dj`4KC)fEzCOOwY{Kl>vkNm=r_Y)tbvVQBp!CNdO)svk zjZXM=aPxGYTdTZ!UT6xaxD~x(isUe^$XKp7>*&b|Cwh1k=1*u^e`nY4`60H8UH@j> ebhTy>NMKNo>drZR=Vd0)5e%NLelF{r5}E*Kuv#Vn literal 0 HcmV?d00001 diff --git a/dist/icon/tree-collapse-4.png b/dist/icon/tree-collapse-4.png new file mode 100644 index 0000000000000000000000000000000000000000..1b20faa120c6e1d688d0eb660ee348abd36ed936 GIT binary patch literal 225 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6JlqC8I*$B>F!Nq_$Tw`X3<D7;c? z-MxL^=Rccv;i&o(hGUMB>dj`4KC)fEzCOOwY{Kl>vkNm=r_Y)tbvVQBp!CNdO)svk zjZXM=aPxGYTdTZ!UT6xaxD~x(isUe^$XKp7>*&b|Cwi23h{$bCsfb__NMMlsWVtxi Sy`&CkGlQqApUXO@geCwy(o#48 literal 0 HcmV?d00001 diff --git a/dist/icon/tree-expand-1.png b/dist/icon/tree-expand-1.png new file mode 100644 index 0000000000000000000000000000000000000000..b92d64cef7460933f20380de7dbb48b2a04a0f32 GIT binary patch literal 191 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6JlA|Fo|$B>F!Nq_$Tw`X3<D9kK- zV1=sk6(O;jN%8yZRIO@@i;Io>j-52<tdIx@4nC||{`#73(=W-7q7xRc%>EH|$Rf(P hFUn|(E+dBl!}D_@+F#aB&H<Xs;OXk;vd$@?2>?+fJ%a!M literal 0 HcmV?d00001 diff --git a/dist/icon/tree-expand-2.png b/dist/icon/tree-expand-2.png new file mode 100644 index 0000000000000000000000000000000000000000..78b2453424b6059109d0812f7cb8cacafa878580 GIT binary patch literal 221 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6JlqAX7r$B>F!Nq_$Tw`X3<D9kK- zV1=sk6(O;jN%8yZRIO@@i;Io>j-52<tdIx@4nC||{`#7(LG9OXd;i~B<<(<g<|C(a ztYdwHjBo7W>q2Y+M<zF|zq9N2{1Dq7<?X**&t)j<mtItT#K^?MP~e~YMT0BlF3?s6 MPgg&ebxsLQ030?<XaE2J literal 0 HcmV?d00001 diff --git a/dist/icon/tree-expand-3.png b/dist/icon/tree-expand-3.png new file mode 100644 index 0000000000000000000000000000000000000000..b6bd4b1f522595ace1ff95343336f305eab17ba0 GIT binary patch literal 222 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6JlqHIqW$B>F!Nq_$Tw`X3<D7;c? z-MxL^=Rccv;i&o(hGUMB>dj`4KC)fEzCOOwY{Kl>vkQMLU-vMXliRTC%9Sexr|#}5 z<(~IyOXyUIi@^#WIVPpO0p1c0g8p3lieA5~5Bl08_H}Wo&07YC21W+i)zvJe6GZ<4 Pt!40Z^>bP0l+XkKNG?$` literal 0 HcmV?d00001 diff --git a/dist/icon/tree-expand-4.png b/dist/icon/tree-expand-4.png new file mode 100644 index 0000000000000000000000000000000000000000..835c2591e8099f22ed6bafa10d20e857f7685688 GIT binary patch literal 209 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6JlqBu_%$B>F!Nq_$Tw`X3<D7;c? z-MxL^=Rccv;i&o(hGUMB>dj`4KC)fEzCOOwY{Kl>vkQMLU-vMXliRTC%9Sexr|#}5 z<(~IyOXyUIi@^#WIVPpO(+({@Xqt60U<-@F0R|CgO>4)bs8pa$44$rjF6*2UngA`Q BODq5Y literal 0 HcmV?d00001 diff --git a/dist/icon/tree-vertical-line-1.png b/dist/icon/tree-vertical-line-1.png new file mode 100644 index 0000000000000000000000000000000000000000..89d2825fe8dc6d6d8319e68ed8e01a4726863e27 GIT binary patch literal 152 zcmeAS@N?(olHy`uVBq!ia0vp^l0eML!3HEZ{B>^zQk(@Ik;M!Q+`=Ht$S`Y;1V~kh zYeY$Kep*R+Vo@rCV@iHfs)A>3VtQ&&YGO)d;mK4RpdwXI7srr_TS<TZ|F>se%P723 uYTdnk-{(J@cHyY{69%`cBb*Kmj0``2b53C1ymbyx1B0ilpUXO@geCwlz%IK0 literal 0 HcmV?d00001 diff --git a/dist/icon/tree-vertical-line-2.png b/dist/icon/tree-vertical-line-2.png new file mode 100644 index 0000000000000000000000000000000000000000..643856eb73f8fae8e3667ff49935e24d76f366ad GIT binary patch literal 192 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6JlB41Az$B>F!Nq_$Tw`X3<D9kK- zV1?@9X+2R!lXMalLl0lQ{ry1e+-<9bl#S%qORQ*6VU6Ee`rUqIm4thqW{=E0Wqr<m iw?7$2F7q+4NHC=S%&LDMV5kc;n8DN4&t;ucLK6U^7Ch_# literal 0 HcmV?d00001 diff --git a/dist/icon/tree-vertical-line-3.png b/dist/icon/tree-vertical-line-3.png new file mode 100644 index 0000000000000000000000000000000000000000..365a2df1f7358de356bf6a6b471d637ec0154c13 GIT binary patch literal 197 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6Jlq99Kf$B>F!Nq_$Tw`X3<D7;c? z-MxL^=Rccv;i&o(hGUMB>Wc;Kr9L)mKZ-n2D0xCDH&oTF#JjMo@llIN&C_dl|1WtZ n+56+73{cHtLH|?+fdqy{tE%N#FK*Qan$F<q>gTe~DWM4f>nTHR literal 0 HcmV?d00001 diff --git a/dist/icon/tree-vertical-line-4.png b/dist/icon/tree-vertical-line-4.png new file mode 100644 index 0000000000000000000000000000000000000000..eb9fac96015b4e40459f108adc60c80ceaa074f9 GIT binary patch literal 187 zcmeAS@N?(olHy`uVBq!ia0vp^k|4~%1|*NXY)uAIoCO|{#S9GG!XV7ZFl&wkNJWWj zL`iUdT1k0gQ7VIDN`6wRf@f}GdTLN=VoGJ<$y6JlA`ed&$B>F!Nq_$Tw`X3<D7;c? z-MxL^=Rccv;i&o(hGUMB>Wc;Kr9L)mKZ-n2D0xCDH&oTF#JjMw_ko4v)|4xg0=?Td ds4_6JF=$U#I-{UjBL_5-!PC{xWt~$(69CpfJ4gTk literal 0 HcmV?d00001 diff --git a/dist/icon/tree-vertical-line-5.png b/dist/icon/tree-vertical-line-5.png new file mode 100644 index 0000000000000000000000000000000000000000..8b21347e903b0222413aa7193dae421913fb3215 GIT binary patch literal 14577 zcmeI3Pi)&%9LL`@30R>QIM8xHmZwQf;MmT;CYF=ZB`vAIrD`*giUW1*m)2`y8{1jZ za^a7V;5rF}DmWn_PTVFTn8bliuoDsj4m<6-Nr)3jNJ!z?&Yxe>q>rH;U!)|zy!ZWm zf6t%yC%*W@&5f7l=bo8E2+glo%3I`nF?>Jv2>HBu?|p-OopUQYK0=Q_6~51)<4+e5 z$~|jUYe7wWMKPRKLN}c{PIOx?Q6r=-cU|2$zyVjsdzM|`|M>Php0msX|5`?qG`EEJ zt;&&yw~sce#?gV1H~Hn_oZ3~0K??^u*KIXzU+EV3$X6k8*evo~Bnb`*{7P7mt7)5D z$?-6kNn`{=lGEH$J|So1bWVPOOG<J|lv1Lc66B;J<rO)@^<R8(jzp?wHk7UMTE86m zRp9r7z*R)C)9EBSsf6S0iE=)l7p0__ObSFH_=k3&cLm!&ADaw(%GftN%MC2Y=0ab+ z?zDpf&xeJEul{wl++iWx@3SKm#jfs(azYZPC7H%B$8CGfXlSM(;wElkJMc-KJT=eV zcLK-XcV?6vcF!zK=0wwmwWp4^)tXw`4_2=d1bw7aGyUqJi^VPMJ8jRvt5?aToS$~} zfz=pI&X`l!Gjr^?Yt2Xtd*ZZcDa13Rl515;9@YcLt2$1z7_YL;0Ya`+;-1rV!?Hu9 z7gcdmKbq{36)x)mE|SHV6{NHvr>k;Skt9WupO<nZ04A|=!b5XRt8qBZLsp~=^Z?39 z53+eoJ<$J?3)BK1(@+|Y*V2Qc)zbH{=-PX#IBEpS;gV8HPSf$ouy8S@iqo1wR<z8N zb=wbg+raDPB56oimZ{W@tfc4iDFJ7b4Iyo$4MESCvanRoW;2;wu94N#5kyUc=_jnq zj?oUcO5fUiKx>eG!unOuBFCKG1e$R44_ac1&52SK%O{KT5G-1<bfbf88^1Z;I_PLx z(ShXZo{z)rR^SKwZFqtW52!FF+O~>rghyG?2zLWERdK9!G^}A}Kh65T6Bzr0^w~8! z``A8hL&a8+YPN~*G=h%q;gvnICa4=dwj9ry^j5|2+;3Xrvk<qAPtIVuo}5fIJkAud z5XhkPXaZzaJkd6)9P4Z0gf`oeekm!Dmnesy{Z!aJnYwd&D(s$29c5m&t)Q6fSDR=C zS>c%*p9$OK_5c^j_Dy9}ak6<bW7F#5X02?I&FhCtGC9bZ?3kLkGb<5v^b_N$0)OPu zOvbI`Hi6ush{Icy@kt);f`=T8uIM2fLpxRk(xAo+7Zni{FkFxZHD<V|h@gPsf;6Zx z!$m~|1q>IYL5&$MDk3OgxF8K`%y3Z=K>@=BX;5Q^i;4&e7%oVI8Z%r}L{PwRK^oMU z;i4jf0)`9HpvDXr6%iCLT#yDeX1J(`pn&0mG^jDdMMVS!3>Tz9jTtT~A}C<EAPs8F za8VIK0mB7pP-BLRiU<lAE=YqKGh9?eP{43O8q}EKq9TF<h6~c5#tat~5fm_7kOnno zxTuJrfZ>8Ps4>GuMFa&57o<UrPsKGidgu?^<Vn8{d8F^NpmU2n4#*jmEe)Zg3kbda z9zuWj$oD;j+7d$dcM(!PLFj4c+8ejlh*n!KuT;Bt>i_h5%V#g%z5n}Ly~Txvh3l6; z`rx<kZ@&1bbmjJ!7e4>^i6>vK{rGG5&%X-CuV31F=ZDIbGx_6h)`Z3D<}cS)cFz%~ cUhgcr@$>wRpT79|Hu;IxS2xOEUD|#3U%h?BhyVZp literal 0 HcmV?d00001 diff --git a/src/less/base/third/ztree/img/zTreeStandard.gif b/dist/icon/zTreeStandard.gif similarity index 100% rename from src/less/base/third/ztree/img/zTreeStandard.gif rename to dist/icon/zTreeStandard.gif diff --git a/src/less/base/third/ztree/img/zTreeStandard.png b/dist/icon/zTreeStandard.png similarity index 100% rename from src/less/base/third/ztree/img/zTreeStandard.png rename to dist/icon/zTreeStandard.png diff --git a/dist/widget.css b/dist/widget.css new file mode 100644 index 000000000..e7217f5dc --- /dev/null +++ b/dist/widget.css @@ -0,0 +1,1584 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-arrangement-block { + background: #e85050; + opacity: 0.8; + filter: alpha(opacity=80); +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-arrangement .arrangement-helper { + border: 1px solid #d4dadd; + background: #009de3; + z-index: 1000000000; +} +.bi-arrangement .arrangement-block { + z-index: 1000000000; +} +.bi-arrangement .arrangement-drop-container { + z-index: 1000000000; +} +.bi-arrangement .arrangement-drop-container .arrangement-drop-region { + overflow: hidden; +} +.bi-arrangement .arrangement-drop-container .drop-devider { + z-index: 1000000001; + background: #009de3; +} +.bi-arrangement .arrangement-drop-container .top-left, +.bi-arrangement .arrangement-drop-container .top-right, +.bi-arrangement .arrangement-drop-container .bottom-left, +.bi-arrangement .arrangement-drop-container .bottom-right, +.bi-arrangement .arrangement-drop-container .top-left-second, +.bi-arrangement .arrangement-drop-container .top-right-second, +.bi-arrangement .arrangement-drop-container .bottom-left-second, +.bi-arrangement .arrangement-drop-container .bottom-right-second, +.bi-arrangement .arrangement-drop-container .top-center, +.bi-arrangement .arrangement-drop-container .bottom-center, +.bi-arrangement .arrangement-drop-container .left-center, +.bi-arrangement .arrangement-drop-container .right-center, +.bi-arrangement .arrangement-drop-container .top-center-second, +.bi-arrangement .arrangement-drop-container .bottom-center-second, +.bi-arrangement .arrangement-drop-container .left-center-second, +.bi-arrangement .arrangement-drop-container .right-center-second { + z-index: 1000000001; + background: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-arrangement-droppable { + background: #d8f3fe; + opacity: 0.8; + filter: alpha(opacity=80); + z-index: 100000; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-icon-combo.bi-combo-popup .bi-icon-combo-trigger .b-font:before { + color: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-adapt-editor .adapt-editor-text { + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/*************BI.SearchEditor******************/ +.bi-search-editor { + border: 1px solid #d4dadd; +} +.bi-search-editor .close-font { + font-size: 20px; +} +.bi-search-editor .search-font { + font-size: 20px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/*************BI.SearchEditor******************/ +.bi-small-search-editor .bi-editor { + font-size: 12px; +} +.bi-small-search-editor .bi-editor .bi-input { + font-size: 12px; +} +.bi-small-search-editor .bi-editor .bi-label { + font-size: 12px; +} +.bi-small-search-editor .close-font { + font-size: 18px; +} +.bi-small-search-editor .search-font { + font-size: 18px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sign-initial-editor .sign-initial-editor-text { + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sign-style-editor .sign-style-editor-text { + max-width: 100%; + font-size: 12px; +} +.bi-sign-style-editor .sign-style-editor-tip { + max-width: 100%; + font-size: 12px; + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-text-editor { + border: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/*************BI.SearchEditor******************/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-loading-main-background { + background-color: #ffffff; + opacity: 0.7; + filter: alpha(opacity=70); +} +.bi-loading-mask-content .loading-bar-label { + font-size: 20px; + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-line-segment-button.active .line-segment-button-line { + background: #009de3; +} +.bi-line-segment-button.disabled, +.bi-line-segment-button.disabled:hover, +.bi-line-segment-button.disabled:active { + color: #1a1a1a; + background: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-line-segment { + border-bottom: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-helper { + background-color: #009de3; + font-size: 13px; + color: #ffffff; + cursor: url('cursor/cursor_drag_hand.cur'), auto; + opacity: 0.7; +} +.bi-helper.dragging-modify { + background: none; +} +.bi-helper.dragging-modify .helper-warning { + color: #1a1a1a; + border: 1px solid #e85050; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-progress-bar-bar { + background: #eaeaea; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-progress-bar .progress-bar-label { + font-weight: bold; + font-family: "微软雅黑"; + color: #009de3; +} +.bi-progress-bar .progress-bar-label.success { + color: #0c6d23; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-progress-bar-processor { + background: #009de3; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + overflow-x: hidden; + overflow-y: hidden; +} +.bi-progress-bar-processor.success { + background: #58cc7d; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-chooser-popup .color-chooser-popup-title { + background: #f4f4f4; + border-bottom: 1px solid #d4dadd; +} +.bi-color-chooser-popup .color-chooser-popup-more { + background: #f4f4f4; +} +.bi-color-chooser-popup .color-chooser-popup-more:hover { + background: #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-chooser-trigger { + background: #ffffff; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + box-shadow: 0px 0px 2px 1px #d4dadd inset; + -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; + -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-copy2group-add-button { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + background: #fff5c1; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.copy2_group_search_pane { + background: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-date-picker { + background: #f4f4f4; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-date-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item, +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item .b-font:before { + background-color: #f4f4f4; +} +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item:disabled, +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item.disabled, +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item:disabled .b-font:before, +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item.disabled .b-font:before { + background-color: #ffffff; +} +.bi-down-list-combo .bi-down-list-spliter { + border-top: 1px solid #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-down-list-popup .bi-down-list-item:hover, +.bi-down-list-popup .bi-down-list-item.hover { + background-color: #f4f4f4; +} +.bi-down-list-popup .bi-down-list-item.disabled, +.bi-down-list-popup .bi-down-list-item.disabled:hover, +.bi-down-list-popup .bi-down-list-item.disabled:active { + background-color: #ffffff; +} +.bi-down-list-popup .bi-down-list-item:active { + color: #009de3; + background-color: #f4f4f4; +} +.bi-down-list-popup .bi-down-list-item .list-item-text { + max-width: 203px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sheet-tab-dynamic-button { + background: #eaeaea; + border-top: 1px solid #d4dadd; +} +.bi-sheet-tab-dynamic-button .bi-icon-button-scroll { + border: 1px solid #eaeaea; +} +.bi-sheet-tab-dynamic-button .bi-icon-button-scroll:hover { + border-color: #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-excel-table > div.bottom-right > div > div > table { + border-right: 1px solid #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-excel-table-header-cell { + font-weight: bold; + background-color: #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-file-manager-file-item { + border-bottom: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-file-manager-folder-item { + border-bottom: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-file-manager-nav-button .file-manager-nav-button-text { + max-width: 200px; + background: #ffffff; +} +.bi-file-manager-nav-button .file-manager-nav-button-text.active { + background-color: #f4f4f4; + color: #808080; +} +.bi-file-manager-nav-button .file-manager-nav-button-triangle { + z-index: 1; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-file-manager-nav { + border-left: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-filter-item { + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +.bi-filter-item .filter-item-empty-item { + border-top: 1px solid #d4dadd; +} +.bi-filter-item .filter-item-empty-item .empty-filter-item-leaf { + border: 1px dashed #178cdf; + background: #58cc7d; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-filter-expander { + min-width: 100%; + border-right: 0px; + border-bottom: 0px; +} +.bi-filter-expander > .filter-item-empty-item { + border-top: 0px; + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +.bi-filter-expander > table { + min-width: 100%; +} +.bi-filter-expander > table > tbody > tr > td.first-element { + width: 20px; + border-right: 1px solid #d4dadd !important; + border-bottom: 1px solid #d4dadd !important; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-filter-pane { + min-width: 100%; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border-top: 1px solid #d4dadd; + border-left: 1px solid #d4dadd; +} +.bi-filter-pane .condition-container { + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-fine-tuning-number-editor { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.bi-fine-tuning-number-editor .top-button { + border-left: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +.bi-fine-tuning-number-editor .bottom-button { + border-left: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-search-edit { + border: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-formula-symbol-group .symbol-button:hover, +.bi-formula-symbol-group .symbol-button.hover, +.bi-formula-symbol-group .symbol-button:active, +.bi-formula-symbol-group .symbol-button.active { + color: #009de3; + background-color: #f4f4f4; + border: 1px solid #d4dadd; +} +.bi-formula-symbol-group .symbol-button { + color: #009de3; + border: 1px solid #ffffff; +} +.symbol-group-column { + border: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-formula-insert .more-function-button { + color: #009de3; +} +.bi-formula-insert .bi-formula-field-pane { + border-top: 1px solid #d4dadd; + border-left: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +.bi-formula-insert .bi-formula-editor { + border-left: 1px solid #d4dadd; + border-top: 1px solid #d4dadd; + border-right: 1px solid #d4dadd; +} +.bi-formula-insert .bi-water-mark { + font-size: 14px; +} +.bi-formula-insert .proxy_div { + font-size: 13px; + background-color: #009de3; + color: #ffffff; + opacity: 0.7; + cursor: pointer; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-button-text-tree-item:hover, +.bi-button-text-tree-item.hover { + background-color: #f4f4f4; +} +.bi-button-text-tree-item.active { + color: #009de3; + background-color: #f4f4f4; +} +.bi-button-text-tree-item.disabled, +.bi-button-text-tree-item.disabled:hover, +.bi-button-text-tree-item.disabled:active { + background-color: #ffffff; +} +.bi-button-text-tree-item .formula-function-insert-button { + color: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-formula-function-pane .style-inner { + border-left: 1px solid #d4dadd; + border-top: 1px solid #d4dadd; +} +.bi-formula-function-pane .style-top { + border-top: 1px solid #d4dadd; +} +.bi-formula-function-pane .style-left { + border-left: 1px solid #d4dadd; +} +.bi-formula-function-pane { + background-color: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-formula-field-tree { + background-color: #f4f4f4; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-formula-function-tree { + background-color: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-image-button-href .image-button-href-icon-button { + z-index: 1; + font-size: 16px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-image-button-size .image-button-size-button-group { + font-size: 12px; + color: #1a1a1a; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-upload-image .upload-image-text-button-label { + font-size: 14px; + color: #c4c6c6; +} +.bi-upload-image .upload-image-icon-button { + z-index: 1; + font-size: 16px; + background-color: #ffffff; +} +.bi-upload-image .upload-image-delete-label { + font-size: 14px; + color: #1a1a1a; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-interactive-arrangement .interactive-arrangement-dragtag-line { + z-index: 1000000000; + background-color: #f07d0a; +} +.bi-interactive-arrangement .interactive-arrangement-dragtag-icon { + z-index: 1000000000; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-list-label { + font-size: 14px; +} +.bi-list-label .list-label-button:hover { + color: #e85050; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-month-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-move2group-add-button { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + background: #fff5c1; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.move2_group_search_pane { + background: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-combo { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-daycard .bi-multidate-inner-label { + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-monthcard .bi-multidate-inner-label { + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-popup .bi-multidate-popup-label { + color: #009de3; + font-size: 14px; + border-left: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; + border-top: 1px solid #eaeaea; +} +.bi-multidate-popup .bi-multidate-popup-tab { + border-bottom: 1px solid #eaeaea; +} +.bi-multidate-popup .bi-multidate-popup-item:active, +.bi-multidate-popup .bi-multidate-popup-item.active { + background-color: #009de3; + color: #ffffff; + -webkit-border-radius: 2px 2px 0 0; + -moz-border-radius: 2px 2px 0 0; + border-radius: 2px 2px 0 0; +} +.bi-multidate-popup .bi-multidate-popup-button { + color: #009de3; + font-size: 14px; + border-top: 1px solid #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-quartercard .bi-multidate-inner-label { + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-segment .bi-multidate-normal-label { + color: #1a1a1a; +} +.bi-multidate-segment .bi-multidate-editor { + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-weekcard .bi-multidate-inner-label { + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-yearcard .bi-multidate-inner-label { + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-check-pane .multi-select-continue-select { + background-color: #f4f4f4; +} +.bi-multi-select-check-pane .multi-select-check-selected { + color: #009de3; + text-decoration: underline; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-display-list { + background-color: #f4f4f4; +} +.bi-display-list .display-list-item { + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-combo .multi-select-trigger-icon-button { + border-left: 1px solid #d4dadd; + font-size: 16px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-popup-view .multi-select-no-toolbar { + color: #c4c6c6; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + border-radius: 2px 2px 2px 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-search-pane { + background: #ffffff; +} +.bi-multi-select-search-pane .multi-select-toolbar { + color: #e85050; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-check-selected-button { + border: 1px solid #009de3; + -webkit-border-radius: 8px 8px 8px 8px; + -moz-border-radius: 8px 8px 8px 8px; + border-radius: 8px 8px 8px 8px; + color: #009de3; + background-color: #ffffff; + z-index: 1; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-string-list .popup-multi-string-list { + border-left: 1px solid #d4dadd; + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-check-pane { + background-color: #f4f4f4; +} +.bi-multi-tree-check-pane .multi-tree-continue-select { + background-color: #f4f4f4; +} +.bi-multi-tree-check-pane .multi-tree-check-selected { + color: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-display { + background-color: #f4f4f4; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-combo .multi-select-trigger-icon-button { + border-left: 1px solid #d4dadd; + font-size: 16px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + border-radius: 2px 2px 2px 2px; +} +.bi-multi-tree-trigger .trigger-check-selected { + border: 1px solid #009de3; + -webkit-border-radius: 8px 8px 8px 8px; + -moz-border-radius: 8px 8px 8px 8px; + border-radius: 8px 8px 8px 8px; + color: #009de3; + background-color: #ffffff; + z-index: 1; +} +.bi-multi-tree-trigger .trigger-icon-button { + border-left: 1px solid #d4dadd; + font-size: 16px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-popup .popup-view-tree { + min-height: 170px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-search-pane { + background: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + border-radius: 2px 2px 2px 2px; +} +.bi-multi-tree-trigger .trigger-check-selected { + border: 1px solid #009de3; + -webkit-border-radius: 8px 8px 8px 8px; + -moz-border-radius: 8px 8px 8px 8px; + border-radius: 8px 8px 8px 8px; + color: #009de3; + background-color: #ffffff; + z-index: 1; +} +.bi-multi-tree-trigger .trigger-icon-button { + border-left: 1px solid #d4dadd; + font-size: 16px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-check-selected-button .trigger-check-selected { + border: 1px solid #009de3; + -webkit-border-radius: 8px 8px 8px 8px; + -moz-border-radius: 8px 8px 8px 8px; + border-radius: 8px 8px 8px 8px; + color: #009de3; + background-color: #ffffff; + z-index: 1; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-tree-list-popup { + border-left: 1px solid #d4dadd; + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-numerical-interval .numerical-interval-small-editor { + border-top: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; + border-left: 1px solid #d4dadd; + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.bi-numerical-interval .numerical-interval-big-editor { + border-top: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; + border-right: 1px solid #d4dadd; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.bi-numerical-interval .numerical-interval-big-combo { + border: 1px solid #d4dadd; + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { + font-size: 14px; +} +.bi-numerical-interval .numerical-interval-small-combo { + border: 1px solid #d4dadd; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { + font-size: 14px; +} +.bi-numerical-interval.number-error .bi-input { + color: #e85050; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-numerical-interval-popup .numerical-interval-popup-item.hover, +.bi-numerical-interval-popup .numerical-interval-popup-item:hover { + background-color: #f4f4f4; +} +.bi-numerical-interval-popup .numerical-interval-popup-item.active, +.bi-numerical-interval-popup .numerical-interval-popup-item:active { + background-color: #f4f4f4; + color: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-page-table-cell { + -webkit-user-select: initial; + -khtml-user-select: initial; + -moz-user-select: initial; + -ms-user-select: initial; + -o-user-select: initial; + user-select: initial; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-date-param-combo .param-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-date-interval-param-combo .param-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-param0-date-item .param-label { + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-param1-date-item .param-label { + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-param2-date-item .param-label { + color: #808080; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-year-param-combo .param-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-year-month-param-combo .param-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-year-season-param-combo .param-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-path-chooser .path-chooser-radio { + z-index: 1; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-path-region { + background: #eaeaea; +} +.bi-path-region .path-region-label { + z-index: 1; + background: #ffffff; + border: 1px solid #ffffff; +} +.bi-path-region .path-region-label.active { + background: #009de3; + color: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-preview-table-cell { + min-height: 25px; + min-width: 80px; + max-width: 220px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-preview-table > div > table > thead > tr.odd, +.bi-preview-table > div > div > div > table > thead > tr.odd { + background-color: #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-preview-table-header-cell { + font-weight: bold; + min-height: 25px; + min-width: 80px; + max-width: 220px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-quarter-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-relation-view-item.active { + color: #ffffff; + background-color: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-relation-view-region .relation-view-region-container { + background: #ffffff; + border: 1px solid #d4dadd; + z-index: 1; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.bi-relation-view-region .relation-view-region-container.other-package { + border: 1px dashed #d4dadd; +} +.bi-relation-view-region .relation-view-region-container .relation-view-region-title { + border-bottom: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-search-result-pane .search-result-line { + border-top: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-searcher { + font-size: 13px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-search-segment .search-segment-field-table > .first-element { + -webkit-border-radius: 3px 0px 0px 3px; + -moz-border-radius: 3px 0px 0px 3px; + border-radius: 3px 0px 0px 3px; +} +.bi-select-data-search-segment .search-segment-field-table > .last-element { + -webkit-border-radius: 0px 3 3px 0px; + -moz-border-radius: 0px 3 3px 0px; + border-radius: 0px 3 3px 0px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-level0-node .select-data-selected-count-label { + color: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-level1-node .select-data-selected-count-label { + color: #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-level0-item .select-data-level0-item-button { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.bi-select-data-level0-item .select-data-level0-item-button:hover, +.bi-select-data-level0-item .select-data-level0-item-button.hover { + color: #009de3; + background-color: #f4f4f4; +} +.bi-select-data-level0-item .select-data-level0-item-button:active, +.bi-select-data-level0-item .select-data-level0-item-button.active { + color: #ffffff; + background-color: #009de3; +} +.bi-select-data-level0-item .select-data-level0-item-button:active .bi-high-light, +.bi-select-data-level0-item .select-data-level0-item-button.active .bi-high-light { + color: #ffffff; +} +.bi-select-data-level0-item .select-data-level0-item-button.disabled, +.bi-select-data-level0-item .select-data-level0-item-button.disabled:hover, +.bi-select-data-level0-item .select-data-level0-item-button.disabled:active { + color: #c4c6c6 !important; + background-color: #ffffff !important; +} +.bi-select-data-level0-item .select-data-level0-item-button.disabled .bi-high-light, +.bi-select-data-level0-item .select-data-level0-item-button.disabled:hover .bi-high-light, +.bi-select-data-level0-item .select-data-level0-item-button.disabled:active .bi-high-light { + color: #c4c6c6 !important; +} +.bi-select-data-level0-item .select-data-top-line, +.bi-select-data-level0-item .select-data-bottom-line { + background-color: #009de3; +} +.bi-select-data-level0-item.select-data-item-top .select-data-level0-item-button { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.bi-select-data-level0-item.select-data-item-bottom .select-data-level0-item-button { + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-level1-item .select-data-level1-item-button { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.bi-select-data-level1-item .select-data-level1-item-button:hover, +.bi-select-data-level1-item .select-data-level1-item-button.hover { + color: #009de3; + background-color: #f4f4f4; +} +.bi-select-data-level1-item .select-data-level1-item-button:active, +.bi-select-data-level1-item .select-data-level1-item-button.active { + color: #ffffff; + background-color: #009de3; +} +.bi-select-data-level1-item .select-data-level1-item-button:active .bi-high-light, +.bi-select-data-level1-item .select-data-level1-item-button.active .bi-high-light { + color: #ffffff; +} +.bi-select-data-level1-item .select-data-level1-item-button.disabled, +.bi-select-data-level1-item .select-data-level1-item-button.disabled:hover, +.bi-select-data-level1-item .select-data-level1-item-button.disabled:active { + color: #c4c6c6 !important; + background-color: #ffffff !important; +} +.bi-select-data-level1-item .select-data-level1-item-button.disabled .bi-high-light, +.bi-select-data-level1-item .select-data-level1-item-button.disabled:hover .bi-high-light, +.bi-select-data-level1-item .select-data-level1-item-button.disabled:active .bi-high-light { + color: #c4c6c6 !important; +} +.bi-select-data-level1-item .select-data-top-line, +.bi-select-data-level1-item .select-data-bottom-line { + background-color: #009de3; +} +.bi-select-data-level1-item.select-data-item-top .select-data-level1-item-button { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.bi-select-data-level1-item.select-data-item-bottom .select-data-level1-item-button { + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-database-table { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border: 1px solid #d4dadd; + background: #ffffff; +} +.bi-database-table.active { + background: #009de3; + color: #ffffff; +} +.bi-database-table .table-name-text { + max-width: 300px; +} +.bi-database-table .table-font { + font-size: 16px; +} +.bi-database-table .table-conn-label1 { + background-color: #009de3; +} +.bi-database-table .table-conn-label2 { + background-color: #4fc1e9; +} +.bi-database-table .table-conn-label3 { + background-color: #48cfad; +} +.bi-database-table .table-conn-label4 { + background-color: #57cb7c; +} +.bi-database-table .table-conn-label5 { + background-color: #a0d468; +} +.bi-database-table .table-conn-label6 { + background-color: #fbaf4f; +} +.bi-database-table .table-conn-label7 { + background-color: #fc6e51; +} +.bi-database-table .table-conn-label8 { + background-color: #ed5565; +} +.bi-database-table .table-conn-label9 { + background-color: #ac92ec; +} +.bi-database-table .table-conn-label10 { + background-color: #5d9cec; +} +.bi-database-table.table-selected1.active { + background-color: #009de3; +} +.bi-database-table.table-selected2.active { + background-color: #4fc1e9; +} +.bi-database-table.table-selected3.active { + background-color: #48cfad; +} +.bi-database-table.table-selected4.active { + background-color: #57cb7c; +} +.bi-database-table.table-selected5.active { + background-color: #a0d468; +} +.bi-database-table.table-selected6.active { + background-color: #fbaf4f; +} +.bi-database-table.table-selected7.active { + background-color: #fc6e51; +} +.bi-database-table.table-selected8.active { + background-color: #ed5565; +} +.bi-database-table.table-selected9.active { + background-color: #ac92ec; +} +.bi-database-table.table-selected10.active { + background-color: #5d9cec; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-selecttree-combo .selecttree-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sequence-table-dynamic-number .sequence-table-title-cell { + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border: 1px solid #eaeaea; +} +.bi-sequence-table-dynamic-number .sequence-table-number-cell { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border-left: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; + border-bottom: 1px solid #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sequence-table-list-number .sequence-table-title-cell { + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border: 1px solid #eaeaea; +} +.bi-sequence-table-list-number .sequence-table-number-cell { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border-left: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; + border-bottom: 1px solid #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sequence-table-tree-number .sequence-table-title-cell { + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border: 1px solid #eaeaea; +} +.bi-sequence-table-tree-number .sequence-table-number-cell { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border-left: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; + border-bottom: 1px solid #eaeaea; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-single-slider .slider-editor-button .sign-editor-text:hover { + border: 1px solid #d4dadd; +} +.bi-single-slider .slider-editor-button .bi-editor { + border: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-single-slider-slider { + cursor: url('cursor/cursor_left_right.cur'), auto; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-slider-track .background-track { + background-color: #f4f4f4; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + border-radius: 12px; +} +.bi-slider-track .gray-track { + background: #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.bi-slider-track .blue-track { + background: #009de3; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-singletree-combo .singletree-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.bi-singletree-combo .bi-singletree-popup .singletree-toolbar { + color: #c4c6c6; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sortable-table .sortable_table_drag_clone { + background: #d8f2fd; + top: 0px; + opacity: 0.5; +} +.bi-sortable-table .drag-header { + cursor: move; +} +.bi-sortable-table .insert-help-line { + border-right: 3px dashed #009de3; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-text-area .text-area-editor-text-button-label { + font-size: 16px; + color: #c4c6c6; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-text-toolbar-align-chooser .align-chooser-button:hover { + background-color: #c4c6c6; +} +.bi-text-toolbar-align-chooser .align-chooser-button.active { + background-color: #c4c6c6; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-text-toolbar { + background: #eaeaea; +} +.bi-text-toolbar .text-toolbar-button { + font-size: 16px; +} +.bi-text-toolbar .text-toolbar-size-chooser-trigger { + background: #ffffff; + font-size: 12px; +} +.bi-text-toolbar .text-toolbar-size-chooser-trigger a { + font-size: 12px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-param-time-interval.time-error .bi-input { + color: #e85050; +} +.bi-param-time-interval.time-error .sign-editor-text { + color: #e85050; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-time-setting-day .operator-button { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-time-setting-hour .operator-button { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border: 1px solid #d4dadd; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-tree-label { + font-size: 14px; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-web-page .web-page-button { + z-index: 1; + font-size: 14px; + background-color: #ffffff; +} +.bi-web-page .web-page-text-button-label { + font-size: 16px; + color: #c4c6c6; +} +.bi-web-page .web-page-delete-label { + font-size: 14px; + color: #1a1a1a; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-year-popup .year-popup-navigation { + border-top: 1px solid #eaeaea; + line-height: 30px; + color: #009de3; +} +.bi-year-popup .year-popup-navigation > .center-element { + border-left: 1px solid #eaeaea; +} +.bi-year-popup .year-popup-navigation > .first-element { + border-left: none; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-year-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/dist/widget.js b/dist/widget.js new file mode 100644 index 000000000..5b882d9f8 --- /dev/null +++ b/dist/widget.js @@ -0,0 +1,30146 @@ +/** + * 普通控件 + * + * @class BI.ParamPopupView + * @extends BI.Widget + * @abstract + */ +BI.ParamPopupView = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ParamPopupView.superclass._defaultConfig.apply(this, arguments), {}); + }, + + dateConfig: function(){ + + }, + + _init: function () { + BI.ParamPopupView.superclass._init.apply(this, arguments); + var self = this; + + this.radioGroup = BI.createWidget({ + type: "bi.button_group", + chooseType: 0, + items: this.dateConfig(), + layouts: [{ + type: "bi.vertical", + items: [{ + type: "bi.vertical", + vgap: 5 + }], + vgap: 5, + hgap: 5 + }] + }); + + this.radioGroup.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.ParamPopupView.EVENT_CHANGE); + }); + this.popup = BI.createWidget({ + type: 'bi.multi_popup_view', + element: this, + el: this.radioGroup, + minWidth: 310, + stopPropagation: false + }); + + this.popup.on(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, function () { + self.fireEvent(BI.ParamPopupView.EVENT_CONFIRM); + }); + + }, + + setValue: function (v) { + this.radioGroup.setValue(v.type); + BI.each(this.radioGroup.getAllButtons(), function (i, button) { + if (button.isSelected()) { + button.setEnable(true); + button.setInputValue(v.value); + } else { + button.setEnable(false); + } + }); + }, + + getValue: function () { + var button = this.radioGroup.getSelectedButtons()[0]; + var type = button.getValue(), value = button.getInputValue(); + return { + type: type, + value: value + } + }, + + getCalculationValue: function () { + var valueObject = this.getValue(); + var type = valueObject.type, value = valueObject.value; + var fPrevOrAfter = value.foffset === 0 ? -1 : 1; + var sPrevOrAfter = value.soffset === 0 ? -1 : 1; + var start, end; + start = end = new Date(); + var ydate = new Date((new Date().getFullYear() + fPrevOrAfter * value.fvalue), new Date().getMonth(), new Date().getDate()); + switch (type) { + case BICst.YEAR: + start = new Date((new Date().getFullYear() + fPrevOrAfter * value.fvalue), 0, 1); + end = new Date(start.getFullYear(), 11, 31); + break; + case BICst.YEAR_QUARTER: + ydate = new Date().getOffsetQuarter(ydate, sPrevOrAfter * value.svalue); + start = ydate.getQuarterStartDate(); + end = ydate.getQuarterEndDate(); + break; + case BICst.YEAR_MONTH: + ydate = new Date().getOffsetMonth(ydate, sPrevOrAfter * value.svalue); + start = new Date(ydate.getFullYear(), ydate.getMonth(), 1); + end = new Date(ydate.getFullYear(), ydate.getMonth(), (ydate.getLastDateOfMonth()).getDate()); + break; + case BICst.YEAR_WEEK: + start = ydate.getOffsetDate(sPrevOrAfter * 7 * value.svalue); + end = start.getOffsetDate(7); + break; + case BICst.YEAR_DAY: + start = ydate.getOffsetDate(sPrevOrAfter * value.svalue); + end = start.getOffsetDate(1); + break; + case BICst.MONTH_WEEK: + var mdate = new Date().getOffsetMonth(new Date(), fPrevOrAfter * value.fvalue); + start = mdate.getOffsetDate(sPrevOrAfter * 7 * value.svalue); + end = start.getOffsetDate(7); + break; + case BICst.MONTH_DAY: + var mdate = new Date().getOffsetMonth(new Date(), fPrevOrAfter * value.fvalue); + start = mdate.getOffsetDate(sPrevOrAfter * value.svalue); + end = start.getOffsetDate(1); + break; + } + return { + start: start, + end: end + }; + }, + + resetWidth: function(w){ + this.popup.resetWidth(w); + }, + + resetHeight: function(h){ + this.popup.resetHeight(h); + } +}); +BI.ParamPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +BI.ParamPopupView.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.param_popup_view", BI.ParamPopupView);/** + * + * Created by GUY on 2016/5/26. + * @class BI.SequenceTableTreeNumber + * @extends BI.Widget + */ +BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SequenceTableTreeNumber.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-sequence-table-tree-number", + isNeedFreeze: false, + startSequence: 1,//开始的序号 + scrollTop: 0, + headerRowSize: 25, + rowSize: 25, + + header: [], + items: [], //二维数组 + + //交叉表头 + crossHeader: [], + crossItems: [] + }); + }, + + _init: function () { + BI.SequenceTableTreeNumber.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.vCurr = 1; + this.hCurr = 1; + this.tasks = []; + this.renderedCells = []; + this.renderedKeys = []; + + this.header = BI.createWidget({ + type: "bi.table_style_cell", + cls: "sequence-table-title-cell", + styleGetter: o.headerCellStyleGetter, + text: BI.i18nText("BI-Number_Index") + }); + this.container = BI.createWidget({ + type: "bi.absolute", + width: 60, + scrollable: false + }); + + this.scrollContainer = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.container] + }); + + this.layout = BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.header, + height: this._getHeaderHeight() + }, { + el: this.scrollContainer + }] + }); + //缓存第一行对应的序号 + this.start = this.options.startSequence; + this.cache = {}; + this._nextState(); + + this._populate(); + }, + + _getNextSequence: function (nodes) { + var self = this; + var start = this.start; + var cnt = this.start; + + function track(node) { + self.cache[node.text || node.value] = cnt++; + } + + BI.each(nodes, function (i, node) { + if (BI.isNotEmptyArray(node.children)) { + BI.each(node.children, function (index, child) { + if (index === 0) { + if (self.cache[child.text || child.value]) { + start = cnt = self.cache[child.text || child.value]; + } + } + track(child) + }); + } + }); + this.start = cnt; + return start; + }, + + _getStart: function (nodes) { + var self = this; + var start = this.start; + BI.each(nodes, function (i, node) { + if (BI.isNotEmptyArray(node.children)) { + BI.each(node.children, function (index, child) { + if (index === 0) { + if (self.cache[child.text || child.value]) { + start = self.cache[child.text || child.value]; + } + } + }); + } + }); + return start; + }, + + _formatNumber: function (nodes) { + var self = this, o = this.options; + var result = []; + var count = this._getStart(nodes); + + function getLeafCount(node) { + var cnt = 0; + if (BI.isNotEmptyArray(node.children)) { + BI.each(node.children, function (index, child) { + cnt += getLeafCount(child); + }); + if (/**node.children.length > 1 && **/BI.isNotEmptyArray(node.values)) { + cnt++; + } + } else { + cnt++; + } + return cnt; + } + + var start = 0, top = 0; + BI.each(nodes, function (i, node) { + if (BI.isArray(node.children)) { + BI.each(node.children, function (index, child) { + var cnt = getLeafCount(child); + result.push({ + text: count++, + start: start, + top: top, + cnt: cnt, + index: index, + height: cnt * o.rowSize + }); + start += cnt; + top += cnt * o.rowSize; + }); + if (BI.isNotEmptyArray(node.values)) { + result.push({ + text: BI.i18nText("BI-Summary_Values"), + start: start++, + top: top, + cnt: 1, + isSummary: true, + height: o.rowSize + }); + top += o.rowSize; + } + } + }); + return result; + }, + + _layout: function () { + var self = this, o = this.options; + var headerHeight = this._getHeaderHeight(); + var items = this.layout.attr("items"); + if (o.isNeedFreeze === false) { + items[0].height = 0; + } else if (o.isNeedFreeze === true) { + items[0].height = headerHeight; + } + this.layout.attr("items", items); + this.layout.resize(); + this.scrollContainer.element.scrollTop(o.scrollTop); + }, + + _getHeaderHeight: function () { + var o = this.options; + return o.headerRowSize * (o.crossHeader.length + (o.header.length > 0 ? 1 : 0)); + }, + + _nextState: function () { + var o = this.options; + this._getNextSequence(o.items); + }, + + _prevState: function () { + var self = this, o = this.options; + var firstChild; + BI.some(o.items, function (i, node) { + if (BI.isNotEmptyArray(node.children)) { + return BI.some(node.children, function (j, child) { + firstChild = child; + return true; + }); + } + }); + if (firstChild && BI.isNotEmptyObject(this.cache)) { + this.start = this.cache[firstChild.text || firstChild.value]; + } else { + this.start = 1; + } + this._nextState(); + }, + + _getMaxScrollTop: function (numbers) { + var cnt = 0; + BI.each(numbers, function (i, number) { + cnt += number.cnt; + }); + return Math.max(0, cnt * this.options.rowSize - (this.options.height - this._getHeaderHeight()) + BI.DOM.getScrollWidth()); + }, + + _calculateChildrenToRender: function () { + var self = this, o = this.options; + + var renderedCells = [], renderedKeys = []; + var numbers = this._formatNumber(o.items); + var intervalTree = BI.PrefixIntervalTree.uniform(numbers.length, 0); + BI.each(numbers, function (i, number) { + intervalTree.set(i, number.height); + }); + var scrollTop = BI.clamp(o.scrollTop, 0, this._getMaxScrollTop(numbers)); + var index = intervalTree.greatestLowerBound(scrollTop); + var offsetTop = -(scrollTop - (index > 0 ? intervalTree.sumTo(index - 1) : 0)); + var height = offsetTop; + var bodyHeight = o.height - this._getHeaderHeight(); + while (height < bodyHeight && index < numbers.length) { + renderedKeys.push(index); + offsetTop += numbers[index].height; + height += numbers[index].height; + index++; + } + + BI.each(renderedKeys, function (i, key) { + var index = BI.deepIndexOf(self.renderedKeys, key); + if (index > -1) { + if (numbers[key].height !== self.renderedCells[index]._height) { + self.renderedCells[index]._height = numbers[key].height; + self.renderedCells[index].el.setHeight(numbers[key].height); + } + if (numbers[key].top !== self.renderedCells[index].top) { + self.renderedCells[index].top = numbers[key].top; + self.renderedCells[index].el.element.css("top", numbers[key].top + "px"); + } + renderedCells.push(self.renderedCells[index]); + } else { + var child = BI.createWidget(BI.extend({ + type: "bi.table_style_cell", + cls: "sequence-table-number-cell", + width: 60, + styleGetter: numbers[key].isSummary === true ? function () { + return o.summaryCellStyleGetter(true); + } : function (key) { + return function () { + return o.sequenceCellStyleGetter(key); + } + }(numbers[key].index) + }, numbers[key])); + renderedCells.push({ + el: child, + left: 0, + top: numbers[key].top, + _height: numbers[key].height + }); + } + }); + + //已存在的, 需要添加的和需要删除的 + var existSet = {}, addSet = {}, deleteArray = []; + BI.each(renderedKeys, function (i, key) { + if (BI.deepContains(self.renderedKeys, key)) { + existSet[i] = key; + } else { + addSet[i] = key; + } + }); + BI.each(this.renderedKeys, function (i, key) { + if (BI.deepContains(existSet, key)) { + return; + } + if (BI.deepContains(addSet, key)) { + return; + } + deleteArray.push(i); + }); + BI.each(deleteArray, function (i, index) { + self.renderedCells[index].el.destroy(); + }); + var addedItems = []; + BI.each(addSet, function (index) { + addedItems.push(renderedCells[index]) + }); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: addedItems + }); + this.renderedCells = renderedCells; + this.renderedKeys = renderedKeys; + + this.container.setHeight(intervalTree.sumUntil(numbers.length)); + }, + + _restore: function () { + BI.each(this.renderedCells, function (i, cell) { + cell.el.destroy(); + }); + this.renderedCells = []; + this.renderedKeys = []; + }, + + _populate: function () { + var self = this; + BI.each(this.tasks, function (i, task) { + task.apply(self); + }); + this.tasks = []; + this.header.populate(); + this._layout(); + this._calculateChildrenToRender(); + }, + + setVerticalScroll: function (scrollTop) { + if (this.options.scrollTop !== scrollTop) { + this.options.scrollTop = scrollTop; + this.scrollContainer.element.scrollTop(scrollTop); + } + }, + + getVerticalScroll: function () { + return this.options.scrollTop; + }, + + setVPage: function (v) { + if (v <= 1) { + this.cache = {}; + this.start = this.options.startSequence; + this._restore(); + this.tasks.push(this._nextState); + } else if (v === this.vCurr + 1) { + this.tasks.push(this._nextState); + } else if (v === this.vCurr - 1) { + this.tasks.push(this._prevState); + } + this.vCurr = v; + }, + + setHPage: function (v) { + if (v !== this.hCurr) { + this.tasks.push(this._prevState); + } + this.hCurr = v; + }, + + restore: function () { + this._restore(); + }, + + populate: function (items, header, crossItems, crossHeader) { + var o = this.options; + if (items && items !== this.options.items) { + o.items = items; + this._restore(); + this.tasks.push(this._prevState); + } + if (header && header !== this.options.header) { + o.header = header; + } + if (crossItems && crossItems !== this.options.crossItems) { + o.crossItems = crossItems; + } + if (crossHeader && crossHeader !== this.options.crossHeader) { + o.crossHeader = crossHeader; + } + this._populate(); + } +}); +$.shortcut('bi.sequence_table_tree_number', BI.SequenceTableTreeNumber);/** + * 自适应布局 + * + * 1、resize + * 2、吸附 + * 3、当前组件在最上方 + * 4、可以撤销 + * 5、上下之间插入组件 + * + * Created by GUY on 2016/2/23. + * @class BI.AdaptiveArrangement + * @extends BI.Widget + */ +BI.AdaptiveArrangement = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.AdaptiveArrangement.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-adaptive-arrangement", + resizable: true, + isNeedReLayout: true, + isNeedResizeContainer: true, + layoutType: BI.Arrangement.LAYOUT_TYPE.FREE, + items: [] + }); + }, + + _init: function () { + BI.AdaptiveArrangement.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.arrangement = BI.createWidget({ + type: "bi.arrangement", + element: this, + isNeedReLayout: o.isNeedReLayout, + layoutType: o.layoutType, + items: o.items + }); + if (o.isNeedResizeContainer) { + + var isResizing = false; + var height; + var interval; + var resize = function (e, ui) { + if (isResizing) { + return; + } + isResizing = true; + height = ui.size.height; + interval = setInterval(function () { + height += 40; + self.arrangement.setContainerSize({ + width: ui.size.width, + height: height + }); + self.arrangement.scrollTo(height); + }, 500); + }; + this.arrangement.container.element.resizable({ + handles: "s", + minWidth: 100, + minHeight: 20, + helper: "bi-resizer", + autoHide: true, + resize: function (e, ui) { + if (ui.size.height >= self.arrangement.container.element.height()) { + resize(e, ui); + } else { + interval && clearInterval(interval); + } + }, + stop: function (e, ui) { + var size = ui.size; + if (isResizing) { + size.height = height; + } + self.arrangement.setContainerSize(ui.size); + isResizing = false; + interval && clearInterval(interval); + self.fireEvent(BI.AdaptiveArrangement.EVENT_RESIZE); + } + }); + this._setLayoutType(o.layoutType); + } + this.zIndex = 0; + BI.each(o.items, function (i, item) { + self._initResizable(item.el); + }); + + this.element.click(function (e) { + BI.each(self.getAllRegions(), function (i, region) { + if (!region.el.element.__isMouseInBounds__(e)) { + region.el.element.removeClass("selected"); + } + }); + }); + BI.ResizeDetector.addResizeListener(this, function () { + self.arrangement.resize(); + self.fireEvent(BI.AdaptiveArrangement.EVENT_RESIZE); + }); + }, + + _isEqual: function () { + return this.arrangement._isEqual.apply(this.arrangement, arguments); + }, + + _initResizable: function (item) { + var self = this, o = this.options; + item.element.css("zIndex", ++this.zIndex); + item.element.mousedown(function () { + if (!item.element.hasClass("selected")) { + item.element.css("zIndex", ++self.zIndex); + BI.each(self.getAllRegions(), function (i, region) { + region.el.element.removeClass("selected"); + }); + item.element.addClass("selected"); + } + }); + o.resizable && item.element.resizable({ + handles: "e, s, se", + minWidth: 20, + minHeight: 20, + autoHide: true, + helper: "bi-resizer", + start: function () { + item.element.css("zIndex", ++self.zIndex); + self.fireEvent(BI.AdaptiveArrangement.EVENT_ELEMENT_START_RESIZE); + }, + resize: function (e, ui) { + // self._resize(item.attr("id"), ui.size); + self._resize(item.attr("id"), ui.size); + self.fireEvent(BI.AdaptiveArrangement.EVENT_ELEMENT_RESIZE, item.attr("id"), ui.size); + }, + stop: function (e, ui) { + self._stopResize(item.attr("id"), ui.size); + self.fireEvent(BI.AdaptiveArrangement.EVENT_ELEMENT_STOP_RESIZE, item.attr("id"), ui.size); + self.fireEvent(BI.AdaptiveArrangement.EVENT_RESIZE); + } + }); + }, + + _resize: function (name, size) { + var self = this; + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this.setRegionSize(name, size); + break; + } + }, + + _stopResize: function (name, size) { + var self = this; + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + this.setRegionSize(name, { + width: size.width, + height: size.height + }); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + this.setRegionSize(name, size); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this.setRegionSize(name, size); + break; + } + }, + + //检查宽高是否规范 + _checkRegionSize: function (name, size) { + var self = this; + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + var newSize = {}; + var leftid, rightid, topid, bottomid; + var region = this.getRegionByName(name); + var rs = this.arrangement._getInDirectRelativeRegions(name, ["right"]).right; + var bs = this.arrangement._getInDirectRelativeRegions(name, ["bottom"]).bottom; + if (rs.left.length > 0) { + topid = BI.first(rs.left).id; + bottomid = BI.last(rs.left).id; + } + if (bs.top.length > 0) { + leftid = BI.first(bs.top).id; + rightid = BI.last(bs.top).id; + } + if (this.arrangement._isEqual(region.width, size.width)) { + topid = name; + bottomid = name; + } + if (this.arrangement._isEqual(region.height, size.height)) { + leftid = name; + rightid = name; + } + var tops = topid ? this.getDirectRelativeRegions(topid, ["top"]).top : []; + var bottoms = bottomid ? this.getDirectRelativeRegions(bottomid, ["bottom"]).bottom : []; + var lefts = leftid ? this.getDirectRelativeRegions(leftid, ["left"]).left : []; + var rights = rightid ? this.getDirectRelativeRegions(rightid, ["right"]).right : []; + if (region.width !== size.width) { + if (rights.length === 0) {//最右边的组件不能调整宽度 + newSize.width = region.width; + } else { + var finded = BI.find(tops.concat(bottoms), function (i, r) { + r = self.getRegionByName(r.id); + return Math.abs(size.width + region.left - (r.left + r.width)) <= 3; + }); + if (finded) { + finded = this.getRegionByName(finded.id); + newSize.width = finded.left + finded.width - region.left; + } else { + newSize.width = size.width; + } + } + } else { + newSize.width = size.width; + } + if (region.height !== size.height) { + if (bottoms.length === 0) { + newSize.height = region.height; + } else { + var finded = BI.find(lefts.concat(rights), function (i, r) { + r = self.getRegionByName(r.id); + return Math.abs(size.height + region.top - (r.top + r.height)) <= 3; + }); + if (finded) { + finded = this.getRegionByName(finded.id); + newSize.height = finded.top + finded.height - region.top; + } else { + newSize.height = size.height; + } + } + } else { + newSize.height = size.height; + } + return newSize; + case BI.Arrangement.LAYOUT_TYPE.FREE: + return size; + case BI.Arrangement.LAYOUT_TYPE.GRID: + return size; + } + }, + + _getScrollOffset: function () { + return this.arrangement._getScrollOffset(); + }, + + _setLayoutType: function (type) { + try { + //BI.nextTick(function () { + switch (type) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + $(">.ui-resizable-s", this.arrangement.container.element).css("zIndex", ""); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + $(">.ui-resizable-s", this.arrangement.container.element).css("zIndex", "-1"); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + $(">.ui-resizable-s", this.arrangement.container.element).css("zIndex", "-1"); + break; + } + this.arrangement.container.element.resizable("option", "disabled", type === BI.Arrangement.LAYOUT_TYPE.FREE); + //}); + } catch (e) { + + } + }, + + getClientWidth: function () { + return this.arrangement.getClientWidth(); + }, + + getClientHeight: function () { + return this.arrangement.getClientHeight(); + }, + + getDirectRelativeRegions: function (name, direction) { + return this.arrangement.getDirectRelativeRegions(name, direction); + }, + + addRegion: function (region, position) { + this._initResizable(region.el); + var self = this, flag; + var old = this.arrangement.getAllRegions(); + if (BI.isNotNull(this.position)) { + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + var type = this.position.type; + var current = this.position.region; + switch (type) { + case "top-gap": + var t = this.arrangement._getEquivalentRelativeRegions(current.id, ["top"])[0]; + current = this.getRegionByName(t.id); + break; + case "bottom-gap": + break; + } + var id = BI.UUID(); + var insert = this.position.insert; + if (insert.height > 0) { + var clone = this.arrangement._cloneRegion(); + //找到最下面的组件 + var occupied = this.arrangement._getRegionOccupied(); + var bottomRegions = []; + BI.each(clone, function (i, region) { + if (self.arrangement._isEqual(region.top + region.height, occupied.top + occupied.height)) { + bottomRegions.push(region); + } + }); + var bs = this.arrangement._getInDirectRelativeRegions(current.id, ["bottom"]).bottom; + var seen = [current.id]; + var bottoms = bs.bottom; + var occ = this.arrangement._getRegionOccupied(bottoms); + clone[id] = BI.extend({}, region, { + left: occ.left, + width: occ.width, + top: current.top + current.height, + height: insert.height + }); + while (bottoms.length > 0) { + BI.each(bottoms, function (i, bottom) { + seen.push(bottom.id); + var r = self.getRegionByName(bottom.id); + BI.extend(clone[bottom.id], { + top: r.top + insert.height + }); + }); + var t = []; + BI.each(bottoms, function (i, bottom) { + var n = self.arrangement._getInDirectRelativeRegions(bottom.id, ["bottom"]).bottom; + BI.each(n.top, function (i, region) { + if (!seen.contains(region.id)) { + seen.push(region.id); + var r = self.getRegionByName(region.id); + BI.extend(clone[region.id], { + height: r.height + insert.height + }); + } + }); + t = t.concat(n.bottom); + }); + t = BI.uniq(t, function (i, region) { + return region.id; + }); + bottoms = t; + } + BI.each(bottomRegions, function (i, region) { + if (!seen.contains(region.id)) { + region.height = region.height + insert.height; + } + }); + this.arrangement.populate(BI.toArray(clone)); + this.arrangement.resize(); + flag = true; + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + this.position = null; + } else { + if (flag = this.arrangement.addRegion(region, position)) { + this._old = old; + } + } + return flag; + }, + + deleteRegion: function (name) { + var flag; + var old = this.getAllRegions(); + if (flag = this.arrangement.deleteRegion(name)) { + this._old = old; + } else { + this._old = this.getAllRegions(); + this.relayout(); + } + return true; + }, + + setRegionSize: function (name, size) { + var flag; + var old = this.getAllRegions(); + size = this._checkRegionSize(name, size); + if (flag = this.arrangement.setRegionSize(name, size)) { + this._old = old; + } + return flag; + }, + + setPosition: function (position, size) { + var self = this; + var at = this.arrangement.setPosition(position, size); + this.position = null; + if (!at) { + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (position.left < 0 || position.top < 0) { + return null; + } + var offset = this.arrangement._getScrollOffset(); + position = { + left: position.left + offset.left, + top: position.top + offset.top + }; + BI.some(this.getAllRegions(), function (id, region) { + if (self.arrangement._isPositionInBounds(position, region)) { + var at = self.arrangement._positionAt(position, region); + if (at.type === "top-gap" || at.type === "bottom-gap") { + self.arrangement._setArrangeSize({ + top: region.top - 8 + (at.type === "bottom-gap" ? region.height : 0), + left: region.left, + width: region.width, + height: 16 + }); + self.position = { + insert: { + height: (size || {}).height + }, + type: at.type, + region: region + }; + self.arrangement._start(); + } + return true; + } + }); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + } + return this.position || at; + }, + + setRegionPosition: function (name, position) { + var region = this.getRegionByName(name); + region.el.element.css("zIndex", ++this.zIndex); + return this.arrangement.setRegionPosition(name, position); + }, + + zoom: function (ratio) { + this.arrangement.zoom(ratio); + }, + + resize: function () { + this.arrangement.resize(); + }, + + relayout: function () { + return this.arrangement.relayout(); + }, + + setLayoutType: function (type) { + var self = this; + this._setLayoutType(type); + this.arrangement.setLayoutType(type); + }, + + getLayoutType: function () { + return this.arrangement.getLayoutType(); + }, + + getLayoutRatio: function () { + return this.arrangement.getLayoutRatio(); + }, + + getHelper: function () { + return this.arrangement.getHelper(); + }, + + getRegionByName: function (name) { + return this.arrangement.getRegionByName(name); + }, + + getAllRegions: function () { + return this.arrangement.getAllRegions(); + }, + + revoke: function () { + if (this._old) { + this.populate(BI.toArray(this._old)); + } + }, + + populate: function (items) { + var self = this; + BI.each(items, function (i, item) { + self._initResizable(item.el); + }); + this.arrangement.populate(items); + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + BI.nextTick(function () { + self.arrangement.resize(); + }); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + } +}); +BI.AdaptiveArrangement.EVENT_ELEMENT_START_RESIZE = "AdaptiveArrangement.EVENT_ELEMENT_START_RESIZE"; +BI.AdaptiveArrangement.EVENT_ELEMENT_RESIZE = "AdaptiveArrangement.EVENT_ELEMENT_RESIZE"; +BI.AdaptiveArrangement.EVENT_ELEMENT_STOP_RESIZE = "AdaptiveArrangement.EVENT_ELEMENT_STOP_RESIZE"; +BI.AdaptiveArrangement.EVENT_RESIZE = "AdaptiveArrangement.EVENT_RESIZE"; +$.shortcut('bi.adaptive_arrangement', BI.AdaptiveArrangement);/** + * Arrangement的block面板 + * + * Created by GUY on 2016/3/1. + * @class BI.ArrangementBlock + * @extends BI.Widget + */ +BI.ArrangementBlock = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-arrangement-block" + }); + }, + + _init: function () { + BI.ArrangementBlock.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + } +}); +$.shortcut('bi.arrangement_block', BI.ArrangementBlock);/** + * Arrangement的drop面板 + * + * Created by GUY on 2016/3/1. + * @class BI.ArrangementDroppable + * @extends BI.Widget + */ +BI.ArrangementDroppable = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ArrangementDroppable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-arrangement-droppable" + }); + }, + + _init: function () { + BI.ArrangementDroppable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + } +}); +$.shortcut('bi.arrangement_droppable', BI.ArrangementDroppable);/** + * 布局 + * + * Created by GUY on 2016/2/23. + * @class BI.Arrangement + * @extends BI.Widget + */ +BI.Arrangement = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.Arrangement.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-arrangement", + layoutType: BI.Arrangement.LAYOUT_TYPE.FREE, + isNeedReLayout: true, + items: [] + }); + }, + + _init: function () { + BI.Arrangement.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.arrangement = BI.createWidget({ + type: "bi.arrangement_droppable", + cls: "arrangement-block", + invisible: true + }); + this.block = BI.createWidget({ + type: "bi.arrangement_block", + invisible: true + }); + this.droppable = BI.createWidget({ + type: "bi.layout", + cls: "arrangement-drop-container", + invisible: true + }); + this.container = BI.createWidget({ + type: "bi.absolute", + items: o.items.concat([this.block, this.arrangement, { + el: this.droppable, + left: 0, + right: 0, + top: 0, + bottom: 0 + }]) + }); + + this.scrollContainer = BI.createWidget({ + type: "bi.adaptive", + width: "100%", + height: "100%", + scrollable: true, + items: [this.container] + }); + + BI.createWidget({ + type: "bi.adaptive", + element: this, + items: [this.scrollContainer] + }); + this.regions = {}; + this.locations = {}; + this.drops = {}; + this.storeDrops = {}; + if (o.items.length > 0) { + BI.nextTick(function () { + self.populate(o.items); + }); + } + }, + + ////初始化操作//// + _calculateRegions: function (items) { + var self = this, o = this.options; + this.regions = {}; + this.drops = {}; + BI.each(items, function (i, item) { + var region = self._createOneRegion(item); + self.regions[region.id] = region; + var drop = self._createOneDrop(region); + self.drops[drop.id] = drop; + self.storeDrops[drop.id] = drop; + }); + }, + + //定方位 + _locationRegion: function () { + var self = this, o = this.options; + this.locations = {}; + var reg = []; + BI.each(this.regions, function (id, region) { + var t = new BI.Region(region.left, region.top, region.width, region.height); + t.id = id; + reg.push(t); + self.locations[id] = {top: [], left: [], right: [], bottom: []}; + }); + BI.each(reg, function (i, dim) { + var topRegion = new BI.Region(dim.x, 0, dim.w, dim.y), + bottomRegion = new BI.Region(dim.x, dim.y + dim.h, dim.w, BI.MAX), + leftRegion = new BI.Region(0, dim.y, dim.x, dim.h), + rightRegion = new BI.Region(dim.x + dim.w, dim.y, BI.MAX, dim.h); + BI.each(reg, function (j, tar) { + if (i !== j) { + if (tar.isIntersects(topRegion) && self._isLessThanEqual(tar.y + tar.h, dim.y)) { + self.locations[dim.id].top.push(self.regions[tar.id]); + } + if (tar.isIntersects(bottomRegion) && self._isMoreThanEqual(tar.y, dim.y + dim.h)) { + self.locations[dim.id].bottom.push(self.regions[tar.id]); + } + if (tar.isIntersects(leftRegion) && self._isLessThanEqual(tar.x + tar.w, dim.x)) { + self.locations[dim.id].left.push(self.regions[tar.id]); + } + if (tar.isIntersects(rightRegion) && self._isMoreThanEqual(tar.x, dim.x + dim.w)) { + self.locations[dim.id].right.push(self.regions[tar.id]); + } + } + }); + }); + }, + + _isEqual: function (num1, num2) { + return Math.abs(num1 - num2) < 2; + }, + + _isLessThan: function (num1, num2) { + return num1 < num2 && !this._isEqual(num1, num2); + }, + + _isMoreThan: function (num1, num2) { + return num1 > num2 && !this._isEqual(num1, num2); + }, + + _isLessThanEqual: function (num1, num2) { + return num1 <= num2 || this._isEqual(num1, num2); + }, + + _isMoreThanEqual: function (num1, num2) { + return num1 >= num2 || this._isEqual(num1, num2); + }, + + ////方法//// + _isPositionInBounds: function (position, bound) { + var region = new BI.Region(bound.left, bound.top, bound.width, bound.height); + return region.isPointInside(position.left, position.top); + }, + + //获取某区域等量相关联的区域 + _getEquivalentRelativeRegions: function (name, direction) { + var self = this; + direction || (direction = ["top", "bottom", "left", "right"]); + var result = []; + var target = this.regions[name]; + var tops = this.locations[name].top; + var bottoms = this.locations[name].bottom; + var lefts = this.locations[name].left; + var rights = this.locations[name].right; + var finded = direction.contains("top") && BI.some(tops, function (i, region) { + if (self._isEqual(region.top + region.height, target.top) && self._isEqual(region.left, target.left) && self._isEqual(region.width, target.width)) { + var clone = BI.clone(region); + clone.height = region.height + target.height; + result.push(clone); + return true; + } + }); + if (!finded) { + finded = direction.contains("bottom") && BI.some(bottoms, function (i, region) { + if (self._isEqual(target.top + target.height, region.top) && self._isEqual(region.left, target.left) && self._isEqual(region.width, target.width)) { + var clone = BI.clone(region); + clone.top = region.top - target.height; + clone.height = region.height + target.height; + result.push(clone); + return true; + } + }); + if (!finded) { + finded = direction.contains("left") && BI.some(lefts, function (i, region) { + if (self._isEqual(region.left + region.width, target.left) && self._isEqual(region.top, target.top) && self._isEqual(region.height, target.height)) { + var clone = BI.clone(region); + clone.width = region.width + target.width; + result.push(clone); + return true; + } + }); + if (!finded) { + finded = direction.contains("right") && BI.some(rights, function (i, region) { + if (self._isEqual(target.left + target.width, region.left) && self._isEqual(region.top, target.top) && self._isEqual(region.height, target.height)) { + var clone = BI.clone(region); + clone.left = region.left - target.width; + clone.width = region.width + target.width; + result.push(clone); + return true; + } + }); + if (!finded) { + var findTopRegions = [], findBottomRegions = []; + direction.contains("top") && BI.each(tops, function (i, region) { + if (self._isEqual(region.top + region.height, target.top) + && self._isMoreThanEqual(region.left, target.left) + && self._isLessThanEqual(region.left + region.width, target.left + target.width)) { + findTopRegions.push(region); + } + }); + direction.contains("bottom") && BI.each(bottoms, function (i, region) { + if (self._isEqual(target.top + target.height, region.top) + && self._isMoreThanEqual(region.left, target.left) + && self._isLessThanEqual(region.left + region.width, target.left + target.width)) { + findBottomRegions.push(region); + } + }); + var topValid = isRegionsValid(findTopRegions, "top"), bottomValid = isRegionsValid(findBottomRegions, "bottom"); + if (topValid && bottomValid) { + BI.each(findTopRegions, function (i, region) { + var clone = BI.clone(region); + clone.height = region.height + target.height / 2; + result.push(clone); + }); + BI.each(findBottomRegions, function (i, region) { + var clone = BI.clone(region); + clone.top = region.top - target.height / 2; + clone.height = region.height + target.height / 2; + result.push(clone); + }); + } else if (topValid) { + BI.each(findTopRegions, function (i, region) { + var clone = BI.clone(region); + clone.height = region.height + target.height; + result.push(clone); + }); + } else if (bottomValid) { + BI.each(findBottomRegions, function (i, region) { + var clone = BI.clone(region); + clone.top = region.top - target.height; + clone.height = region.height + target.height; + result.push(clone); + }); + } + if (!topValid && !bottomValid) { + var findLeftRegions = [], findRightRegions = []; + direction.contains("left") && BI.each(lefts, function (i, region) { + if (self._isEqual(region.left + region.width, target.left) + && self._isMoreThanEqual(region.top, target.top) + && self._isLessThanEqual(region.top + region.height, target.top + target.height)) { + findLeftRegions.push(region); + } + }); + direction.contains("right") && BI.each(rights, function (i, region) { + if (self._isEqual(target.left + target.width, region.left) + && self._isMoreThanEqual(region.top, target.top) + && self._isLessThanEqual(region.top + region.height, target.top + target.height)) { + findRightRegions.push(region); + } + }); + var leftValid = isRegionsValid(findLeftRegions, "left"), rightValid = isRegionsValid(findRightRegions, "right"); + if (leftValid && rightValid) { + BI.each(findLeftRegions, function (i, region) { + var clone = BI.clone(region); + clone.width = region.width + target.width / 2; + result.push(clone); + }); + BI.each(findRightRegions, function (i, region) { + var clone = BI.clone(region); + clone.left = region.left - target.width / 2; + clone.width = region.width + target.width / 2; + result.push(clone); + }); + } else if (leftValid) { + BI.each(findLeftRegions, function (i, region) { + var clone = BI.clone(region); + clone.width = region.width + target.width; + result.push(clone); + }); + } else if (rightValid) { + BI.each(findRightRegions, function (i, region) { + var clone = BI.clone(region); + clone.left = region.left - target.width; + clone.width = region.width + target.width; + result.push(clone); + }); + } + + //上下左右都不可行 + if (!leftValid && !rightValid) { + + } + } + } + } + } + } + return result; + function isRegionsValid(regions, dir) { + var occupied = self._getRegionOccupied(regions); + switch (dir) { + case "top": + case "bottom": + return self._isEqual(occupied.left, target.left) && self._isEqual(occupied.width, target.width); + case "left": + case "right": + return self._isEqual(occupied.top, target.top) && self._isEqual(occupied.height, target.height); + } + return false; + } + }, + + //获取某区域直接相关联的区域 + _getDirectRelativeRegions: function (name, direction) { + var self = this; + direction || (direction = ["top", "bottom", "left", "right"]); + var result = []; + var target = this.regions[name]; + var tops = this.locations[name].top; + var bottoms = this.locations[name].bottom; + var lefts = this.locations[name].left; + var rights = this.locations[name].right; + var finded = direction.contains("top") && BI.some(tops, function (i, region) { + if (self._isEqual(region.top + region.height, target.top) + && ((self._isMoreThanEqual(region.left, target.left) && self._isLessThan(region.left, target.left + target.width)) + || (self._isMoreThan(region.left + region.width, target.left) && self._isLessThanEqual(region.left + region.width, target.left + target.width)) + || (self._isLessThan(region.left, target.left) && self._isMoreThan(region.left + region.width, target.left + target.width)))) { + var clone = BI.clone(region); + clone.height = region.height + target.height; + result.push(clone); + } + }); + if (!finded) { + finded = direction.contains("bottom") && BI.some(bottoms, function (i, region) { + if (self._isEqual(target.top + target.height, region.top) + && ((self._isMoreThanEqual(region.left, target.left) && self._isLessThan(region.left, target.left + target.width)) + || (self._isMoreThan(region.left + region.width, target.left) && self._isLessThanEqual(region.left + region.width, target.left + target.width)) + || (self._isLessThan(region.left, target.left) && self._isMoreThan(region.left + region.width, target.left + target.width)))) { + var clone = BI.clone(region); + clone.top = region.top - target.height; + clone.height = region.height + target.height; + result.push(clone); + } + }); + if (!finded) { + finded = direction.contains("left") && BI.some(lefts, function (i, region) { + if (self._isEqual(region.left + region.width, target.left) + && ((self._isMoreThanEqual(region.top, target.top) && self._isLessThan(region.top, target.top + target.height)) + || (self._isMoreThan(region.top + region.height, target.top) && self._isLessThanEqual(region.top + region.height, target.top + target.height)) + || (self._isLessThan(region.top, target.top) && self._isMoreThan(region.top + region.height, target.top + target.height)))) { + var clone = BI.clone(region); + clone.width = region.width + target.width; + result.push(clone); + } + }); + if (!finded) { + finded = direction.contains("right") && BI.some(rights, function (i, region) { + if (self._isEqual(target.left + target.width, region.left) + && ((self._isMoreThanEqual(region.top, target.top) && self._isLessThan(region.top, target.top + target.height)) + || (self._isMoreThan(region.top + region.height, target.top) && self._isLessThanEqual(region.top + region.height, target.top + target.height)) + || (self._isLessThan(region.top, target.top) && self._isMoreThan(region.top + region.height, target.top + target.height)))) { + var clone = BI.clone(region); + clone.left = region.left - target.width; + clone.width = region.width + target.width; + result.push(clone); + } + }); + } + } + } + return result; + }, + + //获取间接相关联的区域,即调整name区域后需要附带调整的所有相关区域(包括自身) + _getInDirectRelativeRegions: function (name, direction) { + var self = this, dict = ["top", "left", "right", "bottom"]; + var result = {}; + direction || (direction = dict); + function recursion(regions, dir, store, cache) { + BI.each(regions, function (i, region) { + if (cache[region.id]) { + return; + } + cache[region.id] = true; + if (!store[dict[3 - dir]]) { + store[dict[3 - dir]] = []; + } + store[dict[3 - dir]].push(region); + recursion(self._getDirectRelativeRegions(region.id, [dict[dir]]), 3 - dir, store, cache); + }) + } + + if (direction.contains("top")) { + var store = {}, cache = {}; + recursion([this.regions[name]], dict.indexOf("top"), store, cache); + store["top"] = BI.sortBy(store["top"], "left"); + store["bottom"] = BI.sortBy(store["bottom"], "left"); + result["top"] = store; + } + if (direction.contains("bottom")) { + var store = {}, cache = {}; + recursion([this.regions[name]], dict.indexOf("bottom"), store, cache); + store["top"] = BI.sortBy(store["top"], "left"); + store["bottom"] = BI.sortBy(store["bottom"], "left"); + result["bottom"] = store; + } + if (direction.contains("left")) { + var store = {}, cache = {}; + recursion([this.regions[name]], dict.indexOf("left"), store, cache); + store["left"] = BI.sortBy(store["left"], "top"); + store["right"] = BI.sortBy(store["right"], "top"); + result["left"] = store; + } + if (direction.contains("right")) { + var store = {}, cache = {}; + recursion([this.regions[name]], dict.indexOf("right"), store, cache); + store["left"] = BI.sortBy(store["left"], "top"); + store["right"] = BI.sortBy(store["right"], "top"); + result["right"] = store; + } + return result; + }, + + _getLeftAlignRegions: function (name) { + var self = this; + var tops = this._getDirectRelativeRegions(name, ["top"]); + var bottoms = this._getDirectRelativeRegions(name, ["bottom"]); + var current = this.regions[name]; + var rtop = [], rbottom = []; + BI.each(tops, function (i, region) { + if (self._isEqual(region.left, current.left)) { + rtop.push(region); + } + }); + BI.each(bottoms, function (i, region) { + if (self._isEqual(region.left, current.left)) { + rbottom.push(region); + } + }); + return { + top: rtop, + bottom: rbottom + } + }, + + _getRightAlignRegions: function (name) { + var self = this; + var tops = this._getDirectRelativeRegions(name, ["top"]); + var bottoms = this._getDirectRelativeRegions(name, ["bottom"]); + var current = this.regions[name]; + var rtop = [], rbottom = []; + BI.each(tops, function (i, region) { + if (self._isEqual(region.left + region.width, current.left + current.width)) { + rtop.push(region); + } + }); + BI.each(bottoms, function (i, region) { + if (self._isEqual(region.left + region.width, current.left + current.width)) { + rbottom.push(region); + } + }); + return { + top: rtop, + bottom: rbottom + } + }, + + _getTopAlignRegions: function (name) { + var self = this; + var lefts = this._getDirectRelativeRegions(name, ["left"]); + var rights = this._getDirectRelativeRegions(name, ["right"]); + var current = this.regions[name]; + var rleft = [], rright = []; + BI.each(lefts, function (i, region) { + if (self._isEqual(region.top, current.top)) { + rleft.push(region); + } + }); + BI.each(rights, function (i, region) { + if (self._isEqual(region.top, current.top)) { + rright.push(region); + } + }); + return { + left: rleft, + right: rright + } + }, + + _getBottomAlignRegions: function (name) { + var self = this; + var lefts = this._getDirectRelativeRegions(name, ["left"]); + var rights = this._getDirectRelativeRegions(name, ["right"]); + var current = this.regions[name]; + var rleft = [], rright = []; + BI.each(lefts, function (i, region) { + if (self._isEqual(region.top + region.height, current.top + current.height)) { + rleft.push(region); + } + }); + BI.each(rights, function (i, region) { + if (self._isEqual(region.top + region.height, current.top + current.height)) { + rright.push(region); + } + }); + return { + left: rleft, + right: rright + } + }, + + //获取占有的最大Region + _getRegionOccupied: function (regions) { + var self = this, o = this.options; + if (BI.size(regions || this.regions) <= 0) { + return { + left: 0, + top: 0, + width: 0, + height: 0 + } + } + var minLeft = BI.MAX, maxLeft = BI.MIN, minTop = BI.MAX, maxTop = BI.MIN; + BI.each(regions || this.regions, function (id, region) { + minLeft = Math.min(minLeft, region.left); + maxLeft = Math.max(maxLeft, region.left + region.width); + minTop = Math.min(minTop, region.top); + maxTop = Math.max(maxTop, region.top + region.height); + }); + return { + left: minLeft, + top: minTop, + width: maxLeft - minLeft, + height: maxTop - minTop + } + }, + + //两个区域的交叉面积 + _getCrossArea: function (region1, region2) { + if (region1.left <= region2.left) { + if (region1.top <= region2.top) { + if (region1.top + region1.height > region2.top && region1.left + region1.width > region2.left) { + if (this._isEqual(region1.top + region1.height, region2.top) || this._isEqual(region1.left + region1.width, region2.left)) { + return 0; + } + return (region1.top + region1.height - region2.top) * (region1.left + region1.width - region2.left); + } + } else { + if (region2.top + region2.height > region1.top && region1.left + region1.width > region2.left) { + if (this._isEqual(region2.top + region2.height, region1.top) || this._isEqual(region1.left + region1.width, region2.left)) { + return 0; + } + return (region2.top + region2.height - region1.top) * (region1.left + region1.width - region2.left); + } + } + } else { + if (region1.top <= region2.top) { + if (region1.top + region1.height > region2.top && region2.left + region2.width > region1.left) { + if (this._isEqual(region1.top + region1.height, region2.top) || this._isEqual(region2.left + region2.width, region1.left)) { + return 0; + } + return (region1.top + region1.height - region2.top) * (region2.left + region2.width - region1.left); + } + } else { + if (region2.top + region2.height > region1.top && region2.left + region2.width > region1.left) { + if (this._isEqual(region2.top + region2.height, region1.top) || this._isEqual(region2.left + region2.width, region1.left)) { + return 0; + } + return (region2.top + region2.height - region1.top) * (region2.left + region2.width - region1.left); + } + } + } + return 0; + }, + + //是否有覆盖的组件 + _isRegionOverlay: function (regions) { + var reg = []; + BI.each(regions || this.regions, function (id, region) { + reg.push(new BI.Region(region.left, region.top, region.width, region.height)); + }); + for (var i = 0, len = reg.length; i < len; i++) { + for (var j = i + 1; j < len; j++) { + var area1 = { + left: reg[i].x, + top: reg[i].y, + width: reg[i].w, + height: reg[i].h + }; + var area2 = { + left: reg[j].x, + top: reg[j].y, + width: reg[j].w, + height: reg[j].h + }; + if (reg[i].isIntersects(reg[j]) && this._getCrossArea(area1, area2) > 1) { + return true; + } + } + } + return false; + }, + + //布局是否是优良的 + _isArrangeFine: function (regions) { + switch (this.options.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (this._isRegionOverlay()) { + return false; + } + var maxRegion = this._getRegionOccupied(regions); + var area = maxRegion.width * maxRegion.height; + var all = 0; + BI.each(regions || this.regions, function (id, region) { + all += region.width * region.height; + }); + return Math.abs(area - all) < 8; + case BI.Arrangement.LAYOUT_TYPE.FREE: + return true; + case BI.Arrangement.LAYOUT_TYPE.GRID: + if (this._isRegionOverlay()) { + return false; + } + } + return true; + }, + + _getRegionNames: function (regions) { + var names = []; + BI.each(regions || this.regions, function (i, region) { + names.push(region.id || region.attr("id")); + }); + return names; + }, + + _getRegionsByNames: function (names, regions) { + names = BI.isArray(names) ? names : [names]; + regions = regions || this.regions; + if (BI.isArray(regions)) { + var result = []; + BI.each(regions, function (i, region) { + if (names.contains(region.id || region.attr("id"))) { + result.push(region); + } + }); + } else { + var result = {}; + BI.each(names, function (i, name) { + result[name] = regions[name]; + }); + } + return result; + }, + + _cloneRegion: function (regions) { + var clone = {}; + BI.each(regions || this.regions, function (id, region) { + clone[id] = {}; + clone[id].el = region.el; + clone[id].id = region.id; + clone[id].left = region.left; + clone[id].top = region.top; + clone[id].width = region.width; + clone[id].height = region.height; + }); + return clone; + }, + + //测试合法性 + _test: function (regions) { + var self = this; + return !BI.any(regions || this.regions, function (i, region) { + if (BI.isNaN(region.width) || BI.isNaN(region.height) || region.width <= 21 || region.height <= 21) { + return true; + } + }) + }, + + //对区域进行划分 + _splitRegions: function (name) { + var result = []; + var tid = BI.UUID(); + var _left = this._getLeftAlignRegions(name); + var _right = this._getRightAlignRegions(name); + var _top = this._getTopAlignRegions(name); + var _bottom = this._getBottomAlignRegions(name); + if (_left.top.length > 0) { + var upid = _left.top[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].width, clone[upid].width) / 2;//两个组件中较小宽度的一半 + var left = (clone[name].left + clone[upid].left) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + left: left, + top: clone[upid].top, + width: split, + height: clone[name].height + clone[upid].height + }; + BI.extend(clone[name], { + left: left + split, + width: clone[name].width - split - (left - clone[name].left) + }); + BI.extend(clone[upid], { + left: left + split, + width: clone[upid].width - split - (left - clone[upid].left) + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "left-top", + regions: clone, + insert: insert + }); + } + } + if (_left.bottom.length > 0) { + var bottomid = _left.bottom[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].width, clone[bottomid].width) / 2; + var left = (clone[name].left + clone[bottomid].left) / 2; + var insert = clone[tid] = {//新增的区域 + left: left, + top: clone[name].top, + width: split, + height: clone[name].height + clone[bottomid].height + }; + BI.extend(clone[name], { + left: left + split, + width: clone[name].width - split - (left - clone[name].left) + }); + BI.extend(clone[bottomid], { + left: left + split, + width: clone[bottomid].width - split - (left - clone[bottomid].left) + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom-left", + regions: clone, + insert: insert + }); + } + } + if (_right.top.length > 0) { + var upid = _right.top[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].width, clone[upid].width) / 2;//两个组件中较小宽度的一半 + var right = (clone[name].left + clone[name].width + clone[upid].left + clone[upid].width) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + left: right - split, + top: clone[upid].top, + width: split, + height: clone[name].height + clone[upid].height + }; + BI.extend(clone[name], { + width: right - clone[name].left - split + }); + BI.extend(clone[upid], { + width: right - clone[upid].left - split + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "top-right", + regions: clone, + insert: insert + }); + } + } + if (_right.bottom.length > 0) { + var bottomid = _right.bottom[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].width, clone[bottomid].width) / 2;//两个组件中较小宽度的一半 + var right = (clone[name].left + clone[name].width + clone[bottomid].left + clone[bottomid].width) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + left: right - split, + top: clone[name].top, + width: split, + height: clone[name].height + clone[bottomid].height + }; + BI.extend(clone[name], { + width: right - clone[name].left - split + }); + BI.extend(clone[bottomid], { + width: right - clone[bottomid].left - split + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom-right", + regions: clone, + insert: insert + }); + } + } + if (_top.left.length > 0) { + var leftid = _top.left[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].height, clone[leftid].height) / 2;//两个组件中较小高度的一半 + var top = (clone[name].top + clone[leftid].top) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + top: top, + left: clone[leftid].left, + height: split, + width: clone[name].width + clone[leftid].width + }; + BI.extend(clone[name], { + top: top + split, + height: clone[name].height - split - (top - clone[name].top) + }); + BI.extend(clone[leftid], { + top: top + split, + height: clone[leftid].height - split - (top - clone[leftid].top) + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "top-left", + regions: clone, + insert: insert + }); + } + } + if (_top.right.length > 0) { + var rightid = _top.right[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].height, clone[rightid].height) / 2;//两个组件中较小高度的一半 + var top = (clone[name].top + clone[rightid].top) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + top: top, + left: clone[name].left, + height: split, + width: clone[name].width + clone[rightid].width + }; + BI.extend(clone[name], { + top: top + split, + height: clone[name].height - split - (top - clone[name].top) + }); + BI.extend(clone[rightid], { + top: top + split, + height: clone[rightid].height - split - (top - clone[rightid].top) + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "top-right-second", + regions: clone, + insert: insert + }); + } + } + if (_bottom.left.length > 0) { + var leftid = _bottom.left[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].height, clone[leftid].height) / 2;//两个组件中较小高度的一半 + var bottom = (clone[name].top + clone[name].height + clone[leftid].top + clone[leftid].height) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + left: clone[leftid].left, + top: bottom - split, + height: split, + width: clone[name].width + clone[leftid].width + }; + BI.extend(clone[name], { + height: bottom - clone[name].top - split + }); + BI.extend(clone[leftid], { + height: bottom - clone[leftid].top - split + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom-left-second", + regions: clone, + insert: insert + }); + } + } + if (_bottom.right.length > 0) { + var rightid = _bottom.right[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].height, clone[rightid].height) / 2;//两个组件中较小高度的一半 + var bottom = (clone[name].top + clone[name].height + clone[rightid].top + clone[rightid].height) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + left: clone[name].left, + top: bottom - split, + height: split, + width: clone[name].width + clone[rightid].width + }; + BI.extend(clone[name], { + height: bottom - clone[name].top - split + }); + BI.extend(clone[rightid], { + height: bottom - clone[rightid].top - split + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom-right-second", + regions: clone, + insert: insert + }); + } + } + //有上方居中drop + var lefts = _top.left, rights = _top.right; + if (lefts.length > 0 && rights.length > 0) { + var count = 0; + var store = [this.regions[name]]; + while (lefts.length > 0 || rights.length > 0) { + var clone = this._cloneRegion(); + if (lefts.length > 0) { + store.push(this.regions[lefts[0].id]); + } + if (rights.length > 0) { + store.push(this.regions[rights[0].id]); + } + count++; + var top = BI.average(store, function (i, r) {//求平均,减少误差 + return r.top; + }); + var occupied = this._getRegionOccupied(store); + + var split = BI.min(store, function (i, r) { + return r.height; + }).height / 2; + var insert = clone[tid] = { + left: occupied.left, + width: occupied.width, + top: top, + height: split + }; + BI.each(store, function (i, region) { + BI.extend(clone[region.id], { + top: top + split, + height: region.height - split - (top - region.top) + }); + }); + if (this._test(store)) { + delete clone[tid]; + result.push({ + type: "top-center" + count, + regions: clone, + insert: insert + }); + } else { + break; + } + + if (lefts.length > 0) lefts = this._getTopAlignRegions(lefts[0].id).left; + if (rights.length > 0) rights = this._getTopAlignRegions(rights[0].id).right; + } + } + //有下方居中drop + var lefts = _bottom.left, rights = _bottom.right; + if (lefts.length > 0 && rights.length > 0) { + var count = 0; + var store = [this.regions[name]]; + while (lefts.length > 0 || rights.length > 0) { + var clone = this._cloneRegion(); + if (lefts.length > 0) { + store.push(this.regions[lefts[0].id]); + } + if (rights.length > 0) { + store.push(this.regions[rights[0].id]); + } + count++; + var bottom = BI.average(store, function (i, r) {//求平均,减少误差 + return r.top + r.height; + }); + var occupied = this._getRegionOccupied(store); + + var split = BI.min(store, function (i, r) { + return r.height; + }).height / 2; + var insert = clone[tid] = { + left: occupied.left, + width: occupied.width, + top: bottom - split, + height: split + }; + BI.each(store, function (i, region) { + BI.extend(clone[region.id], { + height: bottom - region.top - split + }); + }); + if (this._test(store)) { + delete clone[tid]; + result.push({ + type: "bottom-center" + count, + regions: clone, + insert: insert + }); + } else { + break; + } + + if (lefts.length > 0) lefts = this._getBottomAlignRegions(lefts[0].id).left; + if (rights.length > 0) rights = this._getBottomAlignRegions(rights[0].id).right; + } + } + //有左方居中drop + var tops = _left.top, bottoms = _left.bottom; + if (tops.length > 0 && bottoms.length > 0) { + var count = 0; + var store = [this.regions[name]]; + while (tops.length > 0 || bottoms.length > 0) { + var clone = this._cloneRegion(); + if (tops.length > 0) { + store.push(this.regions[tops[0].id]); + } + if (bottoms.length > 0) { + store.push(this.regions[bottoms[0].id]); + } + count++; + var left = BI.average(store, function (i, r) {//求平均,减少误差 + return r.left; + }); + var occupied = this._getRegionOccupied(store); + + var split = BI.min(store, function (i, r) { + return r.width; + }).width / 2; + var insert = clone[tid] = { + left: left, + width: split, + top: occupied.top, + height: occupied.height + }; + BI.each(store, function (i, region) { + BI.extend(clone[region.id], { + left: left + split, + width: region.width - split - (left - region.left) + }); + }); + if (this._test(store)) { + delete clone[tid]; + result.push({ + type: "left-center" + count, + regions: clone, + insert: insert + }); + } else { + break; + } + + if (tops.length > 0) tops = this._getLeftAlignRegions(tops[0].id).top; + if (bottoms.length > 0) bottoms = this._getLeftAlignRegions(bottoms[0].id).bottom; + } + } + //有右方居中drop + var tops = _right.top, bottoms = _right.bottom; + if (tops.length > 0 && bottoms.length > 0) { + var count = 0; + var store = [this.regions[name]]; + while (tops.length > 0 || bottoms.length > 0) { + var clone = this._cloneRegion(); + if (tops.length > 0) { + store.push(this.regions[tops[0].id]); + } + if (bottoms.length > 0) { + store.push(this.regions[bottoms[0].id]); + } + count++; + var right = BI.average(store, function (i, r) {//求平均,减少误差 + return r.left + r.width; + }); + var occupied = this._getRegionOccupied(store); + + var split = BI.min(store, function (i, r) { + return r.width; + }).width / 2; + var insert = clone[tid] = { + left: right - split, + width: split, + top: occupied.top, + height: occupied.height + }; + BI.each(store, function (i, region) { + BI.extend(clone[region.id], { + width: right - region.left - split + }); + }); + if (this._test(store)) { + delete clone[tid]; + result.push({ + type: "right-center" + count, + regions: clone, + insert: insert + }); + } else { + break; + } + + if (tops.length > 0) tops = this._getRightAlignRegions(tops[0].id).top; + if (bottoms.length > 0) bottoms = this._getRightAlignRegions(bottoms[0].id).bottom; + } + } + var lefts = this._getEquivalentRelativeRegions(name, ["left"]); + if (lefts.length === 1) { + var clone = this._cloneRegion(); + var _cur = clone[name]; + var left = this.regions[lefts[0].id]; + var width = left.width; + var all = left.width + _cur.width; + var ratio = width / all; + var split = all / 3; + var lleft = width - split * ratio, rleft = _cur.width - split * (1 - ratio); + var insert = false; + if (lleft <= 21) { + rleft = _cur.width - split; + if (rleft <= 21) { + + } else { + insert = clone[tid] = { + top: _cur.top, + height: _cur.height, + left: _cur.left, + width: split, + }; + BI.extend(clone[name], { + top: _cur.top, + height: _cur.height, + left: _cur.left + split, + width: _cur.width - split + }); + } + } else if (rleft <= 21) { + lleft = width - split; + if (lleft <= 21) { + } else { + insert = clone[tid] = { + top: _cur.top, + height: _cur.height, + left: _cur.left - split, + width: split, + }; + BI.extend(clone[left.id], { + top: left.top, + height: left.height, + left: left.left, + width: left.width - split + }); + } + } else { + insert = clone[tid] = { + top: _cur.top, + height: _cur.height, + left: left.left + lleft, + width: split, + }; + BI.extend(clone[name], { + top: _cur.top, + height: _cur.height, + left: _cur.left + _cur.width - rleft, + width: rleft + }); + BI.extend(clone[left.id], { + top: left.top, + height: left.height, + left: left.left, + width: lleft + }); + } + if (insert !== false) { + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "left-line", + regions: clone, + insert: insert + }) + } + } + } + var rights = this._getEquivalentRelativeRegions(name, ["right"]); + if (rights.length === 1) { + var clone = this._cloneRegion(); + var _cur = clone[name]; + var right = this.regions[rights[0].id]; + var width = right.width; + var all = right.width + _cur.width; + var ratio = width / all; + var split = all / 3; + var lleft = _cur.width - split * (1 - ratio), rleft = width - split * ratio; + var insert = false; + if (lleft <= 21) { + rleft = width - split; + if (rleft <= 21) { + } else { + insert = clone[tid] = { + top: right.top, + height: right.height, + left: right.left, + width: split + }; + BI.extend(clone[right.id], { + top: right.top, + height: right.height, + left: right.left + split, + width: right.width - split + }) + } + } else if (rleft <= 21) { + lleft = _cur.width - split; + if (lleft <= 21) { + } else { + insert = clone[tid] = { + top: _cur.top, + height: _cur.height, + left: _cur.left + lleft, + width: split + }; + BI.extend(clone[name], { + top: _cur.top, + height: _cur.height, + left: _cur.left, + width: _cur.width - split + }) + } + } else { + insert = clone[tid] = { + top: _cur.top, + height: _cur.height, + left: _cur.left + lleft, + width: split + }; + BI.extend(clone[name], { + top: _cur.top, + height: _cur.height, + left: _cur.left, + width: lleft + }); + BI.extend(clone[right.id], { + top: right.top, + height: right.height, + left: right.left + right.width - rleft, + width: rleft + }); + } + if (insert !== false) { + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "right-line", + regions: clone, + insert: insert + }) + } + } + } + var tops = this._getEquivalentRelativeRegions(name, ["top"]); + if (tops.length === 1) { + var clone = this._cloneRegion(); + var _cur = clone[name]; + var top = this.regions[tops[0].id]; + var height = top.height; + var all = top.height + _cur.height; + var ratio = height / all; + var split = all / 3; + var tleft = height - split * ratio, bleft = _cur.height - split * (1 - ratio); + var insert = false; + if (tleft <= 21) { + bleft = _cur.height - split; + if (bleft <= 21) { + } else { + insert = clone[tid] = { + top: _cur.top, + width: _cur.width, + left: _cur.left, + height: split + }; + BI.extend(clone[name], { + top: _cur.top + split, + height: _cur.height - split, + left: _cur.left, + width: _cur.width + }); + } + } + if (bleft <= 21) { + tleft = height - split; + if (tleft <= 21) { + } else { + insert = clone[tid] = { + top: _cur.top - split, + height: split, + left: _cur.left, + width: _cur.width + }; + BI.extend(clone[top.id], { + top: top.top, + height: top.height - split, + left: top.left, + width: top.width + }); + } + } else { + insert = clone[tid] = { + top: top.top + tleft, + height: split, + left: _cur.left, + width: _cur.width + }; + BI.extend(clone[name], { + top: _cur.top + _cur.height - bleft, + height: bleft, + left: _cur.left, + width: _cur.width + }); + BI.extend(clone[top.id], { + top: top.top, + height: tleft, + left: top.left, + width: top.width + }); + } + if (insert !== false) { + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "top-line", + regions: clone, + insert: insert + }) + } + } + } + var bottoms = this._getEquivalentRelativeRegions(name, ["bottom"]); + if (bottoms.length === 1) { + var clone = this._cloneRegion(); + var _cur = clone[name]; + var bottom = this.regions[bottoms[0].id]; + var height = bottom.height; + var all = bottom.height + _cur.height; + var ratio = height / all; + var split = all / 3; + var tleft = _cur.height - split * (1 - ratio), bleft = height - split * ratio; + var insert = false; + if (tleft <= 21) { + bleft = height - split; + if (bleft <= 21) { + } else { + insert = clone[tid] = { + top: bottom.top, + height: bottom.height, + left: bottom.left, + width: split + }; + BI.extend(clone[bottom.id], { + top: bottom.top + split, + height: bottom.height - split, + left: bottom.left, + width: bottom.width + }); + } + } else if (bleft <= 21) { + tleft = _cur.height - split; + if (tleft <= 21) { + } else { + insert = clone[tid] = { + top: _cur.top + tleft, + height: split, + left: _cur.left, + width: _cur.width + }; + BI.extend(clone[name], { + top: _cur.top, + height: _cur.height - split, + left: _cur.left, + width: _cur.width + }); + } + } else { + insert = clone[tid] = { + top: _cur.top + tleft, + height: split, + left: _cur.left, + width: _cur.width, + }; + BI.extend(clone[name], { + top: _cur.top, + height: tleft, + left: _cur.left, + width: _cur.width + }); + BI.extend(clone[bottom.id], { + top: bottom.top + bottom.height - bleft, + height: bleft, + left: bottom.left, + width: bottom.width + }); + } + if (insert !== false) { + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom-line", + regions: clone, + insert: insert + }) + } + } + } + if (tops.length >= 1) { + result.push({ + type: "top-gap" + }); + } + if (bottoms.length >= 1) { + result.push({ + type: "bottom-gap" + }); + } + //上 + var clone = this._cloneRegion(); + var _cur = clone[name]; + var insert = clone[tid] = { + top: _cur.top, + left: _cur.left, + width: _cur.width, + height: _cur.height / 2, + }; + BI.extend(clone[name], { + top: _cur.top + _cur.height / 2, + left: _cur.left, + width: _cur.width, + height: _cur.height / 2 + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "top", + regions: clone, + insert: insert + }) + } + //下 + var clone = this._cloneRegion(); + var _cur = clone[name]; + var insert = clone[tid] = { + top: _cur.top + _cur.height / 2, + left: _cur.left, + width: _cur.width, + height: _cur.height / 2 + }; + BI.extend(clone[name], { + top: _cur.top, + left: _cur.left, + width: _cur.width, + height: _cur.height / 2 + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom", + regions: clone, + insert: insert + }) + } + //左 + var clone = this._cloneRegion(); + var _cur = clone[name]; + var insert = clone[tid] = { + top: _cur.top, + left: _cur.left, + width: _cur.width / 2, + height: _cur.height + }; + BI.extend(clone[name], { + top: _cur.top, + left: _cur.left + _cur.width / 2, + width: _cur.width / 2, + height: _cur.height + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "left", + regions: clone, + insert: insert + }) + } + //右 + var clone = this._cloneRegion(); + var _cur = clone[name]; + var insert = clone[tid] = { + top: _cur.top, + left: _cur.left + _cur.width / 2, + width: _cur.width / 2, + height: _cur.height + }; + BI.extend(clone[name], { + top: _cur.top, + left: _cur.left, + width: _cur.width / 2, + height: _cur.height + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "right", + regions: clone, + insert: insert + }) + } + return result; + }, + + _positionAt: function (position, bound) { + var left = position.left - bound.left, top = position.top - bound.top; + var right = bound.width - left, bottom = bound.height - top; + var halfW = bound.width / 2, halfH = bound.height / 2; + if (left < 0 || top < 0 || right < 0 || bottom < 0) { + return; + } + var devides = this._splitRegions(bound.id); + var types = []; + var result = {}; + var topcenterCount = 0, bottomcenterCount = 0, leftcenterCount = 0, rightcenterCount = 0; + BI.each(devides, function (i, devide) { + if (devide.type.indexOf("top-center") > -1) { + topcenterCount++; + } else if (devide.type.indexOf("bottom-center") > -1) { + bottomcenterCount++; + } else if (devide.type.indexOf("left-center") > -1) { + leftcenterCount++; + } else if (devide.type.indexOf("right-center") > -1) { + rightcenterCount++; + } + types.push(devide.type); + result[devide.type] = devide; + }); + //drop + if (top >= 5 && top <= 15 && left >= 5 && left <= 15 && types.contains("left-top")) { + return result["left-top"]; + } + if (top >= 5 && top <= 15 && right >= 5 && right <= 15 && types.contains("top-right")) { + return result["top-right"]; + } + if (bottom >= 5 && bottom <= 15 && left >= 5 && left <= 15 && types.contains("bottom-left")) { + return result["bottom-left"]; + } + if (bottom >= 5 && bottom <= 15 && right >= 5 && right <= 15 && types.contains("bottom-right")) { + return result["bottom-right"]; + } + + if (top >= 5 && top <= 15 && left >= 25 && left <= 35 && types.contains("top-left")) { + return result["top-left"]; + } + if (top >= 5 && top <= 15 && right >= 25 && right <= 35 && types.contains("top-right-second")) { + return result["top-right-second"]; + } + if (bottom >= 5 && bottom <= 15 && left >= 25 && left <= 35 && types.contains("bottom-left-second")) { + return result["bottom-left-second"]; + } + if (bottom >= 5 && bottom <= 15 && right >= 25 && right <= 35 && types.contains("bottom-right-second")) { + return result["bottom-right-second"]; + } + + //topcenter或bottomcenter + if (left >= halfW - 10 && left <= halfW + 10 && (topcenterCount > 0 || bottomcenterCount > 0)) { + for (var i = 1; i <= topcenterCount; i++) { + var s = (topcenterCount - i) * 20 + 5, e = s + 10; + if (top >= s && top <= e) { + return result["top-center" + i]; + } + } + for (var i = 1; i <= bottomcenterCount; i++) { + var s = (bottomcenterCount - i) * 20 + 5, e = s + 10; + if (bottom >= s && bottom <= e) { + return result["bottom-center" + i]; + } + } + } + //leftcenter或rightcenter + if (top >= halfH - 10 && top <= halfH + 10 && (leftcenterCount > 0 || rightcenterCount > 0)) { + for (var i = 1; i <= leftcenterCount; i++) { + var s = (leftcenterCount - i) * 20 + 5, e = s + 10; + if (left >= s && left <= e) { + return result["left-center" + i]; + } + } + for (var i = 1; i <= rightcenterCount; i++) { + var s = (rightcenterCount - i) * 20 + 5, e = s + 10; + if (right >= s && right <= e) { + return result["right-center" + i]; + } + } + } + + //缝隙 + if (top <= 8 && types.contains("top-gap")) { + return result["top-gap"]; + } + if (bottom <= 8 && types.contains("bottom-gap")) { + return result["bottom-gap"]; + } + + //三分 + if (top <= 15 && left >= 15 && right >= 15 && types.contains("top-line")) { + return result["top-line"]; + } + if (left <= 15 && top >= 15 && bottom >= 15 && types.contains("left-line")) { + return result["left-line"]; + } + if (right <= 15 && top >= 15 && bottom >= 15 && types.contains("right-line")) { + return result["right-line"]; + } + if (bottom <= 15 && left >= 15 && right >= 15 && types.contains("bottom-line")) { + return result["bottom-line"]; + } + + //平分 + if (top <= 1 / 4 * bound.height && types.contains("top")) { + return result["top"]; + } + if (top >= 3 / 4 * bound.height && types.contains("bottom")) { + return result["bottom"]; + } + if (left <= bound.width / 2 && types.contains("left")) { + return result["left"]; + } + return result["right"]; + }, + + + _getScrollOffset: function () { + return { + left: this.scrollContainer.element[0].scrollLeft, + top: this.scrollContainer.element[0].scrollTop + } + }, + + ////操作//// + _createOneRegion: function (item) { + var el = BI.createWidget(item.el); + el.setVisible(true); + return { + id: el.attr("id"), + left: item.left, + top: item.top, + width: item.width, + height: item.height, + el: el + } + }, + + _createOneDrop: function (region) { + if (this.storeDrops[region.id]) { + var drop = this.storeDrops[region.id].el; + drop.setVisible(true); + } else { + var drop = BI.createWidget({ + type: "bi.layout", + cls: "arrangement-drop-region", + widgetName: region.id + }); + } + return { + id: region.id, + left: region.left, + top: region.top, + width: region.width, + height: region.height, + el: drop + } + }, + + _calculateDrops: function () { + var self = this; + BI.each(this.drops, function (id, drop) { + drop.el.empty(); + var devides = self._splitRegions(id); + var topcenterCount = 0, bottomcenterCount = 0, leftcenterCount = 0, rightcenterCount = 0; + var absolutes = []; + var horizontals = []; + var verticals = []; + BI.each(devides, function (i, devide) { + if (devide.type.indexOf("top-center") > -1) { + topcenterCount++; + } else if (devide.type.indexOf("bottom-center") > -1) { + bottomcenterCount++; + } else if (devide.type.indexOf("left-center") > -1) { + leftcenterCount++; + } else if (devide.type.indexOf("right-center") > -1) { + rightcenterCount++; + } + }); + BI.each(devides, function (i, devide) { + switch (devide.type) { + case "left-top": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + left: 5, + top: 5 + }); + break; + case "top-right": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + right: 5, + top: 5 + }); + break; + case "bottom-left": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + left: 5, + bottom: 5 + }); + break; + case "bottom-right": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + right: 5, + bottom: 5 + }); + break; + case "top-left": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + left: 25, + top: 5 + }); + break; + case "top-right-second": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + right: 25, + top: 5 + }); + break; + case "bottom-left-second": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + left: 25, + bottom: 5 + }); + break; + case "bottom-right-second": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + right: 25, + bottom: 5 + }); + break; + default: + if (devide.type.indexOf("top-center") > -1) { + var num = devide.type.split("top-center")[1]; + horizontals.push({ + el: { + type: "bi.layout", + width: 20, + height: 10, + cls: "drop-devider" + }, + tgap: 20 * (topcenterCount - BI.parseInt(num)) + 5 + }) + } else if (devide.type.indexOf("bottom-center") > -1) { + var num = devide.type.split("bottom-center")[1]; + horizontals.push({ + el: { + type: "bi.layout", + width: 20, + height: 10, + cls: "drop-devider" + }, + bgap: 20 * (bottomcenterCount - BI.parseInt(num)) + 5 + }) + } else if (devide.type.indexOf("left-center") > -1) { + var num = devide.type.split("left-center")[1]; + verticals.push({ + el: { + type: "bi.layout", + width: 10, + height: 20, + cls: "drop-devider" + }, + lgap: 20 * (leftcenterCount - BI.parseInt(num)) + 5 + }) + } else if (devide.type.indexOf("right-center") > -1) { + var num = devide.type.split("right-center")[1]; + verticals.push({ + el: { + type: "bi.layout", + width: 10, + height: 20, + cls: "drop-devider" + }, + rgap: 20 * (rightcenterCount - BI.parseInt(num)) + 5 + }) + } + break; + } + + }); + BI.createWidget({ + type: "bi.absolute", + element: drop.el, + items: absolutes + }); + + BI.createWidget({ + type: "bi.absolute_horizontal_adapt", + element: drop.el, + items: horizontals + }); + + BI.createWidget({ + type: "bi.absolute_vertical_adapt", + element: drop.el, + items: verticals + }); + }); + }, + + _applyRegion: function (regions) { + var self = this, o = this.options; + BI.each(regions || this.regions, function (i, region) { + region.el.element.css({ + left: region.left, + top: region.top, + width: region.width, + height: region.height + }); + self.drops[region.id].left = region.left; + self.drops[region.id].top = region.top; + self.drops[region.id].width = region.width; + self.drops[region.id].height = region.height; + }); + BI.each(this.drops, function (i, region) { + region.el.element.css({ + left: region.left, + top: region.top, + width: region.width, + height: region.height + }); + }); + this._applyContainer(); + this._calculateDrops(); + this.ratio = this.getLayoutRatio(); + }, + + _renderRegion: function () { + var self = this; + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: BI.toArray(this.regions) + }); + BI.createWidget({ + type: "bi.absolute", + element: this.droppable, + items: BI.toArray(this.drops) + }); + }, + + getClientWidth: function () { + return this.scrollContainer.element[0].clientWidth; + }, + + getClientHeight: function () { + return this.scrollContainer.element[0].clientHeight; + }, + + _applyContainer: function () { + //先掩藏后显示能够明确滚动条是否出现 + this.scrollContainer.element.css("overflow", "hidden"); + var occupied = this._getRegionOccupied(); + this.container.element.width(occupied.left + occupied.width).height(occupied.top + occupied.height); + this.scrollContainer.element.css("overflow", "auto"); + return occupied; + }, + + _modifyRegion: function (regions) { + BI.each(this.regions, function (id, region) { + if (regions[id]) { + region.left = regions[id].left; + region.top = regions[id].top; + region.width = regions[id].width; + region.height = regions[id].height; + } + }); + BI.each(this.drops, function (id, region) { + if (regions[id]) { + region.left = regions[id].left; + region.top = regions[id].top; + region.width = regions[id].width; + region.height = regions[id].height; + } + }); + }, + + _addRegion: function (item) { + var region = this._createOneRegion(item); + this.regions[region.id] = region; + var drop = this._createOneDrop(region); + this.drops[drop.id] = drop; + this.storeDrops[drop.id] = drop; + this._locationRegion(); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: [region] + }); + BI.createWidget({ + type: "bi.absolute", + element: this.droppable, + items: [drop] + }) + }, + + _deleteRegionByName: function (name) { + this.regions[name].el.setVisible(false); + this.drops[name].el.setVisible(false); + delete this.regions[name]; + delete this.drops[name]; + this._locationRegion(); + }, + + _setArrangeSize: function (size) { + this.arrangement.element.css({ + left: size.left, + top: size.top, + width: size.width, + height: size.height + }) + }, + + //Grid + _getOneWidthPortion: function () { + return this.getClientWidth() / BI.Arrangement.PORTION; + }, + + _getGridPositionAndSize: function (position) { + var perWidth = this._getOneWidthPortion(); + var widthPortion = Math.round(position.width / perWidth); + var leftPortion = Math.round(position.left / perWidth); + var topPortion = Math.round(position.top / BI.Arrangement.GRID_HEIGHT); + var heightPortion = Math.round(position.height / BI.Arrangement.GRID_HEIGHT); + // if (leftPortion > BI.Arrangement.PORTION) { + // leftPortion = BI.Arrangement.PORTION; + // } + // if (widthPortion > BI.Arrangement.PORTION) { + // widthPortion = BI.Arrangement.PORTION; + // } + // if (leftPortion + widthPortion > BI.Arrangement.PORTION) { + // leftPortion = BI.Arrangement.PORTION - widthPortion; + // } + if (widthPortion === 0) { + widthPortion = 1; + } + if (heightPortion === 0) { + heightPortion = 1; + } + return { + x: leftPortion, + y: topPortion, + w: widthPortion, + h: heightPortion + } + }, + + _getBlockPositionAndSize: function (position) { + var perWidth = this._getOneWidthPortion(); + return { + left: position.x * perWidth, + top: position.y * BI.Arrangement.GRID_HEIGHT, + width: position.w * perWidth, + height: position.h * BI.Arrangement.GRID_HEIGHT + }; + }, + + _getLayoutsByRegions: function (regions) { + var self = this; + var result = []; + BI.each(regions || this.regions, function (id, region) { + result.push(BI.extend(self._getGridPositionAndSize(region), { + i: region.id + })) + }); + return result; + }, + + _getLayoutIndexByName: function (layout, name) { + return BI.findIndex(layout, function (i, l) { + return l.i === name; + }); + }, + + _setBlockPositionAndSize: function (size) { + this.block.element.css({ + left: size.left, + top: size.top, + width: size.width, + height: size.height + }); + }, + + _getRegionsByLayout: function (layout) { + var self = this; + var regions = {}; + BI.each(layout, function (i, ly) { + regions[ly.i] = BI.extend(self._getBlockPositionAndSize(ly), { + id: ly.i + }); + }); + return regions; + }, + + _setRegionsByLayout: function (regions, layout) { + var self = this; + regions || (regions = this.regions); + BI.each(layout, function (i, ly) { + if (regions[ly.i]) { + BI.extend(regions[ly.i], self._getBlockPositionAndSize(ly)); + } + }); + return regions; + }, + + _moveElement: function (layout, l, x, y, isUserAction) { + var self = this; + if (l.static) return layout; + + if (l.y === y && l.x === x) return layout; + + var movingUp = y && l.y > y; + if (typeof x === 'number') l.x = x; + if (typeof y === 'number') l.y = y; + l.moved = true; + + var sorted = this._sortLayoutItemsByRowCol(layout); + if (movingUp) sorted = sorted.reverse(); + var collisions = getAllCollisions(sorted, l); + + for (var i = 0, len = collisions.length; i < len; i++) { + var collision = collisions[i]; + if (collision.moved) continue; + + if (l.y > collision.y && l.y - collision.y > collision.h / 4) continue; + + if (collision.static) { + layout = this._moveElementAwayFromCollision(layout, collision, l, isUserAction); + } else { + layout = this._moveElementAwayFromCollision(layout, l, collision, isUserAction); + } + } + + return layout; + + function getAllCollisions(layout, layoutItem) { + return BI.filter(layout, function (i, l) { + return self._collides(l, layoutItem); + }); + } + }, + + _sortLayoutItemsByRowCol: function (layout) { + return [].concat(layout).sort(function (a, b) { + if (a.y > b.y || (a.y === b.y && a.x > b.x)) { + return 1; + } + return -1; + }); + }, + + _collides: function (l1, l2) { + if (l1 === l2) return false; // same element + if (l1.x + l1.w <= l2.x) return false; // l1 is left of l2 + if (l1.x >= l2.x + l2.w) return false; // l1 is right of l2 + if (l1.y + l1.h <= l2.y) return false; // l1 is above l2 + if (l1.y >= l2.y + l2.h) return false; // l1 is below l2 + return true; // boxes overlap + }, + + _getFirstCollision: function (layout, layoutItem) { + for (var i = 0, len = layout.length; i < len; i++) { + if (this._collides(layout[i], layoutItem)) return layout[i]; + } + }, + + _moveElementAwayFromCollision: function (layout, collidesWith, + itemToMove, isUserAction) { + if (isUserAction) { + var fakeItem = { + x: itemToMove.x, + y: itemToMove.y, + w: itemToMove.w, + h: itemToMove.h, + i: '-1' + }; + fakeItem.y = Math.max(collidesWith.y - itemToMove.h, 0); + if (!this._getFirstCollision(layout, fakeItem)) { + return this._moveElement(layout, itemToMove, undefined, fakeItem.y); + } + } + + return this._moveElement(layout, itemToMove, undefined, itemToMove.y + 1); + }, + + _compactItem: function (compareWith, l, verticalCompact) { + if (verticalCompact) { + while (l.y > 0 && !this._getFirstCollision(compareWith, l)) { + l.y--; + } + } + + var collides; + while ((collides = this._getFirstCollision(compareWith, l))) { + l.y = collides.y + collides.h; + } + return l; + }, + + compact: function (layout, verticalCompact) { + var compareWith = getStatics(layout); + var sorted = this._sortLayoutItemsByRowCol(layout); + var out = []; + + for (var i = 0, len = sorted.length; i < len; i++) { + var l = sorted[i]; + + if (!l.static) { + l = this._compactItem(compareWith, l, verticalCompact); + + compareWith.push(l); + } + + out[layout.indexOf(l)] = l; + + l.moved = false; + } + + return out; + function getStatics(layout) { + return BI.filter(layout, function (i, l) { + return l.static; + }); + } + }, + + ////公有方法//// + getRegionByName: function (name) { + var obj = {}; + obj[name] = this.regions[name]; + return this._cloneRegion(obj)[name]; + }, + + getAllRegions: function () { + return BI.toArray(this._cloneRegion()); + }, + + getHelper: function () { + var helper = BI.createWidget({ + type: "bi.layout", + width: 18, + height: 18, + cls: "arrangement-helper" + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [helper] + }); + return helper; + }, + + _start: function (cur) { + this.arrangement.setVisible(true); + this.droppable.setVisible(true); + if (this.options.layoutType === BI.Arrangement.LAYOUT_TYPE.GRID) { + this.block.setVisible(true); + } + BI.each(this.drops, function (i, drop) { + drop.el.setVisible(false); + }); + if (cur) { + if (this.drops[cur]) { + this.drops[cur].el.setVisible(true); + } + } + }, + + _stop: function () { + this.arrangement.setVisible(false); + this.droppable.setVisible(false); + this.block.setVisible(false); + }, + + getDirectRelativeRegions: function (name, direction) { + direction || (direction = ["top", "bottom", "left", "right"]); + var self = this, result = {}; + BI.each(direction, function (i, dir) { + result[dir] = self._getDirectRelativeRegions(name, [dir]); + }); + return result; + }, + + ////公有操作//// + setLayoutType: function (type) { + var self = this, o = this.options; + if (type !== o.layoutType) { + o.layoutType = type; + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + this.relayout(); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this.relayout(); + break; + } + } + }, + + getLayoutType: function () { + return this.options.layoutType; + }, + + getLayoutRatio: function () { + var occupied = this._getRegionOccupied(); + var width = this.getClientWidth(), height = this.getClientHeight(); + return { + x: BI.parseFloat(BI.contentFormat((occupied.left + occupied.width) / width, "#.##;-#.##")), + y: BI.parseFloat(BI.contentFormat((occupied.top + occupied.height) / height, "#.##;-#.##")) + } + }, + + addRegion: function (region, position) { + if (position) { + this.setPosition(position, region); + } + var self = this, o = this.options; + if (!this.position) { + return false; + } + var test = this._cloneRegion(); + BI.each(this.position.regions, function (i, region) { + test[region.id].left = region.left; + test[region.id].top = region.top; + test[region.id].width = region.width; + test[region.id].height = region.height; + + }); + var item = BI.extend({}, region, { + left: this.position.insert.left, + top: this.position.insert.top, + width: this.position.insert.width, + height: this.position.insert.height + }); + var added = this._createOneRegion(item); + test[added.id] = added; + if (this._test(test)) { + delete test[added.id]; + this._modifyRegion(test); + this._addRegion(item); + this._populate(this.getAllRegions()); + return true; + } + return false; + }, + + deleteRegion: function (name) { + if (!this.regions[name]) { + return false; + } + var self = this, o = this.options; + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + var clone = this._cloneRegion(); + var regions = this._getEquivalentRelativeRegions(name); + if (regions.length > 0) { + BI.each(regions, function (i, region) { + BI.extend(clone[region.id], region); + }); + this._modifyRegion(clone); + } + this._deleteRegionByName(name); + this._populate(this.getAllRegions()); + return true; + case BI.Arrangement.LAYOUT_TYPE.FREE: + this._deleteRegionByName(name); + this._populate(this.getAllRegions()); + return true; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this._deleteRegionByName(name); + this._populate(this.getAllRegions()); + this.resize(); + return true; + } + return false; + }, + + setRegionSize: function (name, size) { + var self = this, o = this.options; + var flag = false; + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + var current = this.regions[name]; + if (size.width !== current.width) { + var regions = this._getInDirectRelativeRegions(name, ["right"]).right; + var lefts = regions.left || [], rights = regions.right || []; + var offset = size.width - current.width; + var cloned = this._cloneRegion(); + BI.some(lefts, function (i, left) { + var region = cloned[left.id]; + region.width = region.width + offset; + }); + BI.some(rights, function (i, right) { + var region = cloned[right.id]; + region.width = region.width - offset; + region.left = region.left + offset; + }); + if (this._test(cloned) && this._isArrangeFine(cloned)) { + this._modifyRegion(cloned); + flag = true; + } + } + if (size.height !== current.height) { + var regions = this._getInDirectRelativeRegions(name, ["bottom"]).bottom; + var tops = regions.top || [], bottoms = regions.bottom || []; + var offset = size.height - current.height; + var cloned = this._cloneRegion(); + BI.some(tops, function (i, top) { + var region = cloned[top.id]; + region.height = region.height + offset; + }); + BI.some(bottoms, function (i, bottom) { + var region = cloned[bottom.id]; + region.height = region.height - offset; + region.top = region.top + offset; + }); + if (this._test(cloned) && this._isArrangeFine(cloned)) { + this._modifyRegion(cloned); + flag = true; + } + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + var clone = this._cloneRegion(); + BI.extend(clone[name], { + width: size.width, + height: size.height + }); + if (this._test(clone)) { + this._modifyRegion(clone); + flag = true; + } + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + var clone = this._cloneRegion(); + BI.extend(clone[name], { + width: size.width, + height: size.height + }); + if (this._test(clone)) { + var layout = this._getLayoutsByRegions(clone); + layout = this.compact(layout, true); + var regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + flag = true; + } + break; + } + this._locationRegion(); + this._applyRegion(); + return flag; + }, + + setPosition: function (position, size) { + var self = this, o = this.options; + var insert, regions = [], cur; + if (position.left < 0 || position.top < 0) { + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this.resize(); + break; + } + this._stop(); + this.position = null; + return null; + } + var offset = this._getScrollOffset(); + position = { + left: position.left + offset.left, + top: position.top + offset.top + }; + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (BI.isEmpty(this.regions)) { + if (self._isPositionInBounds(position, { + left: 0, + top: 0, + width: this.element[0].clientWidth, + height: this.element[0].clientHeight + })) { + insert = { + left: 0, + top: 0, + width: this.element[0].clientWidth, + height: this.element[0].clientHeight + }; + } + } else { + if (BI.some(this.regions, function (id, region) { + if (self._isPositionInBounds(position, region)) { + var at = self._positionAt(position, region); + if (!at) { + insert = null; + } else { + insert = at.insert; + regions = at.regions; + } + cur = id; + return true; + } + })) { + } + else { + insert = null; + regions = []; + } + } + if (insert == null) { + this._stop(); + self.position = null; + break; + } + + this.position = { + insert: insert, + regions: regions + }; + this._setArrangeSize(insert); + this._start(cur); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + var insert = { + top: position.top < 0 ? 0 : position.top, + left: position.left < 0 ? 0 : position.left, + width: size.width, + height: size.height + }; + this.position = { + insert: insert + }; + this._setArrangeSize(insert); + this._start(); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + var p = { + top: position.top < 0 ? 0 : position.top, + left: position.left < 0 ? 0 : position.left, + width: size.width, + height: size.height + }; + this._setArrangeSize(p); + var cur = this._getGridPositionAndSize(p); + var layout = [{ + x: 0, y: BI.MAX, w: cur.w, h: cur.h, i: cur.i + }].concat(this._getLayoutsByRegions()); + layout = this._moveElement(layout, layout[0], cur.x, cur.y, true); + layout = this.compact(layout, true); + var regions = this._setRegionsByLayout(this._cloneRegion(), layout); + var insert = this._getBlockPositionAndSize(layout[0]); + this.position = { + insert: insert, + regions: regions + }; + this._applyRegion(regions); + this._setBlockPositionAndSize(insert); + this._start(); + break; + } + return this.position; + }, + + setRegionPosition: function (name, position) { + var self = this, o = this.options; + var offset = this._getScrollOffset(); + position = BI.extend(position, { + left: position.left + offset.left, + top: position.top + offset.top + }); + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + BI.extend(this.regions[name], { + left: position.left < 0 ? 0 : position.left, + top: position.top < 0 ? 0 : position.top + }); + this._applyRegion(); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + if (!position.stop) { + BI.extend(this.regions[name], { + left: position.left < 0 ? 0 : position.left, + top: position.top < 0 ? 0 : position.top + }); + var cloned = this._cloneRegion(); + var cur = this._getGridPositionAndSize(BI.extend(cloned[name], { + left: position.left < 0 ? 0 : position.left, + top: position.top < 0 ? 0 : position.top + })); + var x = cur.x, y = cur.y; + cur = BI.extend(cur, { + x: 0, y: BI.MAX, i: -1 + }); + delete cloned[name]; + var layout = this._getLayoutsByRegions(cloned); + layout = this._moveElement([cur].concat(layout), cur, x, y, true); + layout = this.compact(layout, true); + var regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + this._applyRegion(); + + this._setBlockPositionAndSize(this._getBlockPositionAndSize(cur)); + this.block.setVisible(true); + } else { + BI.extend(this.regions[name], { + left: position.left < 0 ? 0 : position.left, + top: position.top < 0 ? 0 : position.top + }); + var cloned = this._cloneRegion(); + var layout = this._getLayoutsByRegions(cloned); + layout = this.compact(layout, true); + var regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + this._applyRegion(); + this.block.setVisible(false); + } + break; + } + }, + + setContainerSize: function (size) { + var self = this, o = this.options; + var occupied = this._getRegionOccupied(); + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (this._isArrangeFine()) { + var width = size.width, height = size.height; + var regions = this._cloneRegion(); + BI.each(regions, function (i, region) { + region.width = region.width / occupied.width * width; + //region.height = region.height / occupied.height * height; + }); + BI.each(regions, function (id, region) { + var lefts = self.locations[id].left; + var tops = self.locations[id].top; + var bottoms = self.locations[id].bottom; + var maxRegion; + if (lefts.length > 0) { + var ids = self._getRegionNames(lefts); + var rs = self._getRegionsByNames(ids); + maxRegion = self._getRegionOccupied(rs); + region.left = maxRegion.left + maxRegion.width / occupied.width * width; + } else { + region.left = 0; + } + if (bottoms.length === 0) { + region.height = height - region.top; + } + //if (tops.length > 0) { + // var ids = self._getRegionNames(tops); + // var rs = self._getRegionsByNames(ids); + // maxRegion = self._getRegionOccupied(rs); + // region.top = maxRegion.top + maxRegion.height / occupied.height * height; + //} + //if (tops.length === 0) { + // region.top = 0; + //} + }); + if (this._test(regions)) { + this._modifyRegion(regions); + this._applyRegion(); + } + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + this.resize(); + }, + + scrollTo: function (top) { + this.scrollContainer.element.scrollTop(top); + }, + + zoom: function (ratio) { + var self = this, o = this.options; + if (!ratio) { + return; + } + var occupied = this._applyContainer(); + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (this._isArrangeFine()) { + var width = this.getClientWidth(); + var xRatio = (ratio.x || 1) * width / (occupied.left + occupied.width); + //var yRatio = ratio.y * height / (occupied.top + occupied.height); + var regions = this._cloneRegion(); + BI.each(regions, function (i, region) { + region.left = region.left * xRatio; + //region.top = region.top * yRatio; + region.width = region.width * xRatio; + //region.height = region.height * yRatio; + }); + if (this._test(regions)) { + this._modifyRegion(regions); + this._applyRegion(); + } + this.resize(); + // } else { + this.relayout(); + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + if (this._isArrangeFine()) { + var width = this.getClientWidth(); + var xRatio = (ratio.x || 1) * width / (occupied.left + occupied.width); + var regions = this._cloneRegion(); + BI.each(regions, function (i, region) { + region.left = region.left * xRatio; + region.width = region.width * xRatio; + }); + if (this._test(regions)) { + var layout = this._getLayoutsByRegions(regions); + layout = this.compact(layout, true); + regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + this._applyRegion(); + } + } else { + this.relayout(); + } + break; + } + }, + + resize: function () { + var self = this, o = this.options; + var occupied = this._applyContainer(); + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (this._isArrangeFine()) { + var width = this.getClientWidth(), height = this.getClientHeight(); + var isHeightAdjust = height > occupied.top + occupied.height; + var regions = this._cloneRegion(); + BI.each(regions, function (i, region) { + region.width = region.width / occupied.width * width; + //if (isHeightAdjust) { + // region.height = region.height / occupied.height * height; + //} + }); + BI.each(regions, function (id, region) { + var lefts = self.locations[id].left; + var tops = self.locations[id].top; + var bottoms = self.locations[id].bottom; + var maxRegion; + if (lefts.length > 0) { + var ids = self._getRegionNames(lefts); + var rs = self._getRegionsByNames(ids); + maxRegion = self._getRegionOccupied(rs); + region.left = maxRegion.left + maxRegion.width / occupied.width * width; + } else { + region.left = 0; + } + if (tops.length === 0) { + region.top = 0; + } + if (isHeightAdjust && bottoms.length === 0) { + region.height = height - region.top; + } + //if (isHeightAdjust && tops.length > 0) { + // var ids = self._getRegionNames(tops); + // var rs = self._getRegionsByNames(ids); + // maxRegion = self._getRegionOccupied(rs); + // region.top = maxRegion.top + maxRegion.height / occupied.height * height; + //} + }); + if (this._test(regions)) { + this._modifyRegion(regions); + this._applyRegion(); + } + } else { + this.relayout(); + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this.zoom(this.ratio); + var regions = this._cloneRegion(); + var layout = this._getLayoutsByRegions(regions); + layout = this.compact(layout, true); + regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + this._applyRegion(); + break; + } + }, + + relayout: function () { + var self = this, o = this.options; + if (o.isNeedReLayout === false) { + return; + } + //var occupied = this._applyContainer(); + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (!this._isArrangeFine()) { + var width = this.getClientWidth(), height = this.getClientHeight(); + var clone = BI.toArray(this._cloneRegion()); + clone.sort(function (r1, r2) { + if (self._isEqual(r1.top, r2.top)) { + return r1.left - r2.left; + } + return r1.top - r2.top; + }); + var count = clone.length; + var cols = 3, rows = Math.floor((count - 1) / 3 + 1); + var w = width / cols, h = height / rows; + var store = {}; + BI.each(clone, function (i, region) { + var row = Math.floor(i / 3), col = i % 3; + BI.extend(region, { + top: row * 380, + left: col * w, + width: w, + height: 380 + }); + if (!store[row]) { + store[row] = {}; + } + store[row][col] = region; + }); + //非3的倍数 + if (count % 3 !== 0) { + var lasts = store[rows - 1]; + var perWidth = width / (count % 3); + BI.each(lasts, function (i, region) { + BI.extend(region, { + left: BI.parseInt(i) * perWidth, + width: perWidth + }); + }); + } + if (this._test(clone)) { + this._populate(clone); + this.resize(); + } + } else { + this.resize(); + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + var width = this.getClientWidth(), height = this.getClientHeight(); + var regions = this._cloneRegion(); + var clone = BI.toArray(regions); + clone.sort(function (r1, r2) { + if (self._isEqual(r1.top, r2.top)) { + return r1.left - r2.left; + } + return r1.top - r2.top; + }); + var count = clone.length; + var cols = 3, rows = Math.floor((count - 1) / 3 + 1); + var w = width / cols, h = height / rows; + var store = {}; + BI.each(clone, function (i, region) { + var row = Math.floor(i / 3), col = i % 3; + BI.extend(region, { + top: row * 380, + left: col * w, + width: w, + height: 380 + }); + if (!store[row]) { + store[row] = {}; + } + store[row][col] = region; + }); + //非3的倍数 + if (count % 3 !== 0) { + var lasts = store[rows - 1]; + var perWidth = width / (count % 3); + BI.each(lasts, function (i, region) { + BI.extend(region, { + left: BI.parseInt(i) * perWidth, + width: perWidth + }); + }); + } + if (this._test(clone)) { + var layout = this._getLayoutsByRegions(regions); + layout = this.compact(layout, true); + regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + this._populate(clone); + } + break; + } + }, + + _populate: function (items) { + this._stop(); + this._calculateRegions(items); + this._locationRegion(); + this._applyRegion(); + }, + + populate: function (items) { + var self = this; + BI.each(this.regions, function (name, region) { + self.regions[name].el.setVisible(false); + self.drops[name].el.setVisible(false); + delete self.regions[name]; + delete self.drops[name]; + }); + this._populate(items); + this._renderRegion(); + } +}); +BI.extend(BI.Arrangement, { + PORTION: 24, + GRID_HEIGHT: 50, + LAYOUT_TYPE: { + ADAPTIVE: BICst.DASHBOARD_LAYOUT_ADAPT, + FREE: BICst.DASHBOARD_LAYOUT_FREE, + GRID: BICst.DASHBOARD_LAYOUT_GRID + } +}); +$.shortcut('bi.arrangement', BI.Arrangement);/** + * Created by Young's on 2016/4/28. + */ +BI.EditorIconCheckCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.EditorIconCheckCombo.superclass._defaultConfig.apply(this, arguments), { + baseClass: "bi-check-editor-combo", + width: 100, + height: 30, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + allowBlank: true, + watermark: "", + errorText: "" + }) + }, + + _init: function () { + BI.EditorIconCheckCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.editor_trigger", + items: o.items, + height: o.height, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.trigger.on(BI.EditorTrigger.EVENT_CHANGE, function () { + self.popup.setValue(this.getValue()); + self.fireEvent(BI.EditorIconCheckCombo.EVENT_CHANGE); + }); + this.popup = BI.createWidget({ + type: "bi.text_value_check_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.TextValueCheckComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.editorIconCheckCombo.hideView(); + self.fireEvent(BI.EditorIconCheckCombo.EVENT_CHANGE); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editorIconCheckCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup, + maxHeight: 300 + } + }); + }, + + setValue: function (v) { + this.editorIconCheckCombo.setValue(v); + }, + + setEnable: function (v) { + BI.EditorIconCheckCombo.superclass.setEnable.apply(this, arguments); + this.editorIconCheckCombo.setEnable(v); + }, + + getValue: function () { + return this.trigger.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.editorIconCheckCombo.populate(items); + } +}); +BI.EditorIconCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.editor_icon_check_combo", BI.EditorIconCheckCombo);/** + * Created by GUY on 2016/4/25. + * + * @class BI.FormulaCombo + * @extend BI.Widget + */ +BI.FormulaCombo = BI.inherit(BI.Widget, { + + _constant: { + POPUP_HEIGHT: 450, + POPUP_WIDTH: 600, + POPUP_V_GAP: 10, + POPUP_H_GAP: 10, + ADJUST_LENGTH: 2, + HEIGHT_MAX: 10000, + MAX_HEIGHT: 500, + MAX_WIDTH: 600, + COMBO_TRIGGER_WIDTH: 300 + }, + + _defaultConfig: function () { + return BI.extend(BI.FormulaCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-combo", + height: 30, + items: [] + }) + }, + + _init: function () { + BI.FormulaCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.formula_ids = []; + this.input = BI.createWidget({ + type: "bi.formula_combo_trigger", + height: o.height, + items: o.items + }); + this.formulaPopup = BI.createWidget({ + type: "bi.formula_combo_popup", + fieldItems: o.items + }); + + this.formulaInputCombo = BI.createWidget({ + type: "bi.combo", + element: this, + isNeedAdjustHeight: true, + isNeedAdjustWidth: false, + adjustLength: this._constant.CONDITION_TYPE_COMBO_ADJUST, + el: this.input, + popup: { + el: { + type: "bi.absolute", + height: this._constant.HEIGHT_MAX, + width: this._constant.POPUP_WIDTH, + items: [{ + el: this.formulaPopup, + top: this._constant.POPUP_V_GAP, + left: this._constant.POPUP_H_GAP, + right: this._constant.POPUP_V_GAP, + bottom: 0 + }] + }, + stopPropagation: false, + maxHeight: this._constant.MAX_HEIGHT, + width: this._constant.MAX_WIDTH + } + }); + this.formulaInputCombo.on(BI.Combo.EVENT_AFTER_POPUPVIEW, function () { + self.formulaPopup.setValue(self.input.getValue()); + }); + this.formulaPopup.on(BI.FormulaComboPopup.EVENT_CHANGE, function () { + self.setValue(self.formulaPopup.getValue()); + self.formulaInputCombo.hideView(); + self.fireEvent(BI.FormulaCombo.EVENT_CHANGE); + }); + this.formulaPopup.on(BI.FormulaComboPopup.EVENT_VALUE_CANCEL, function () { + self.formulaInputCombo.hideView(); + }); + }, + + setValue: function (v) { + if (this.formulaInputCombo.isViewVisible()) { + this.formulaInputCombo.hideView(); + } + this.input.setValue(v); + this.input.setText(BI.Func.getFormulaStringFromFormulaValue(v)); + this.formulaPopup.setValue(this.input.getValue()); + }, + + getFormulaTargetIds: function() { + return this.formulaPopup.getFormulaTargetIds(); + }, + + getValue: function () { + return this.input.getValue(); + } +}); +BI.FormulaCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.formula_combo", BI.FormulaCombo);/** + * Created by GUY on 2016/4/25. + * + * @class BI.FormulaComboPopup + * @extend BI.Widget + */ +BI.FormulaComboPopup = BI.inherit(BI.Widget, { + + _constant: { + BUTTON_HEIGHT: 30, + SOUTH_HEIGHT: 60, + SOUTH_H_GAP: 10 + }, + + _defaultConfig: function () { + return BI.extend(BI.FormulaComboPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-pane-popup" + }) + }, + + _init: function () { + BI.FormulaComboPopup.superclass._init.apply(this, arguments); + this.populate(); + }, + + populate: function () { + var self = this, fieldItems = this.options.fieldItems; + this.formula = BI.createWidget({ + type: "bi.formula_insert" + }); + this.formula.populate(fieldItems); + var confirmButton = BI.createWidget({ + type: "bi.button", + level: "common", + height: this._constant.BUTTON_HEIGHT, + text: BI.i18nText("BI-Basic_OK") + }); + var cancelButton = BI.createWidget({ + type: "bi.button", + level: "ignore", + height: this._constant.BUTTON_HEIGHT, + text: BI.i18nText("BI-Basic_Cancel") + }); + + this.formula.on(BI.FormulaInsert.EVENT_CHANGE, function () { + confirmButton.setEnable(self.formula.checkValidation()); + }); + confirmButton.on(BI.Button.EVENT_CHANGE, function () { + self.fireEvent(BI.FormulaComboPopup.EVENT_CHANGE); + }); + cancelButton.on(BI.Button.EVENT_CHANGE, function () { + self.setValue(self.oldValue); + self.fireEvent(BI.FormulaComboPopup.EVENT_VALUE_CANCEL); + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.formula, + height: "fill" + }, { + el: { + type: "bi.right_vertical_adapt", + height: this._constant.SOUTH_HEIGHT, + items: [cancelButton, confirmButton], + hgap: this._constant.SOUTH_H_GAP + }, + height: this._constant.SOUTH_HEIGHT + }] + }) + }, + + getFormulaTargetIds: function(){ + return this.formula.getUsedFields(); + }, + + getValue: function () { + return this.formula.getValue(); + }, + + setValue: function (v) { + this.oldValue = v; + this.formula.setValue(v); + } +}); +BI.FormulaComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; +BI.FormulaComboPopup.EVENT_VALUE_CANCEL = "EVENT_VALUE_CANCEL"; +$.shortcut("bi.formula_combo_popup", BI.FormulaComboPopup);/** + * Created by GUY on 2016/4/25. + * + * @class BI.FormulaComboTrigger + * @extend BI.Widget + */ +BI.FormulaComboTrigger = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.FormulaComboTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-combo-trigger", + height: 30, + items: [] + }) + }, + + _init: function () { + BI.FormulaComboTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.label = BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + textHeight: this.options.height, + lgap: 10 + }); + }, + + _getTextFromFormulaValue: function (formulaValue) { + var self = this; + var formulaString = ""; + var regx = /\$[\{][^\}]*[\}]|\w*\w|\$\{[^\$\(\)\+\-\*\/)\$,]*\w\}|\$\{[^\$\(\)\+\-\*\/]*\w\}|\$\{[^\$\(\)\+\-\*\/]*[\u4e00-\u9fa5]\}|\w|(.)/g; + var result = formulaValue.match(regx); + BI.each(result, function (i, item) { + var fieldRegx = /\$[\{][^\}]*[\}]/; + var str = item.match(fieldRegx); + if (BI.isNotEmptyArray(str)) { + var id = str[0].substring(2, item.length - 1); + var item = BI.find(self.options.items, function (i, item) { + return id === item.value; + }); + formulaString = formulaString + item.text; + } else { + formulaString = formulaString + item; + } + }); + return formulaString; + }, + + getValue: function () { + return this.options.value; + }, + + setValue: function (v) { + this.options.value = v; + this.label.setText(this._getTextFromFormulaValue(v)); + } +}); +$.shortcut("bi.formula_combo_trigger", BI.FormulaComboTrigger);/** + * Created by GUY on 2016/2/2. + * + * @class BI.IconCombo + * @extend BI.Widget + */ +BI.IconCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.IconCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-icon-combo", + width: 24, + height: 24, + iconClass: "", + el: {}, + popup: {}, + minWidth: 100, + maxWidth: 'auto', + maxHeight: 300, + direction: "bottom", + adjustLength: 3,//调整的距离 + adjustXOffset: 0, + adjustYOffset: 0, + offsetStyle: "left", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }) + }, + + _init: function () { + BI.IconCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(o.el, { + type: "bi.icon_combo_trigger", + iconClass: o.iconClass, + title: o.title, + items: o.items, + width: o.width, + height: o.height, + iconWidth: o.iconWidth, + iconHeight: o.iconHeight + }); + this.popup = BI.createWidget(o.popup, { + type: "bi.icon_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.IconComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.iconCombo.hideView(); + self.fireEvent(BI.IconCombo.EVENT_CHANGE); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.iconCombo = BI.createWidget({ + type: "bi.combo", + element: this, + direction: o.direction, + adjustLength: o.adjustLength, + adjustXOffset: o.adjustXOffset, + adjustYOffset: o.adjustYOffset, + offsetStyle: o.offsetStyle, + el: this.trigger, + popup: { + el: this.popup, + maxWidth: o.maxWidth, + maxHeight: o.maxHeight, + minWidth: o.minWidth + } + }); + }, + + showView: function () { + this.iconCombo.showView(); + }, + + hideView: function () { + this.iconCombo.hideView(); + }, + + setValue: function (v) { + this.iconCombo.setValue(v); + }, + + setEnable: function (v) { + BI.IconCombo.superclass.setEnable.apply(this, arguments); + this.iconCombo.setEnable(v); + }, + + getValue: function () { + return this.iconCombo.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.iconCombo.populate(items); + } +}); +BI.IconCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.icon_combo", BI.IconCombo);/** + * Created by GUY on 2016/2/2. + * + * @class BI.IconComboPopup + * @extend BI.Pane + */ +BI.IconComboPopup = BI.inherit(BI.Pane, { + _defaultConfig: function () { + return BI.extend(BI.IconComboPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi.icon-combo-popup", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }); + }, + + _init: function () { + BI.IconComboPopup.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.popup = BI.createWidget({ + type: "bi.button_group", + items: BI.createItems(o.items, { + type: "bi.single_select_icon_text_item", + height: 30 + }), + chooseType: o.chooseType, + layouts: [{ + type: "bi.vertical" + }] + }); + + this.popup.on(BI.Controller.EVENT_CHANGE, function (type, val, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.IconComboPopup.EVENT_CHANGE, val, obj); + } + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.popup] + }); + }, + + populate: function (items) { + BI.IconComboPopup.superclass.populate.apply(this, arguments); + items = BI.createItems(items, { + type: "bi.single_select_icon_text_item", + height: 30 + }); + this.popup.populate(items); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + setValue: function (v) { + this.popup.setValue(v); + } + +}); +BI.IconComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.icon_combo_popup", BI.IconComboPopup);/** + * Created by GUY on 2016/2/2. + * + * @class BI.IconComboTrigger + * @extend BI.Widget + */ +BI.IconComboTrigger = BI.inherit(BI.Trigger, { + _defaultConfig: function () { + return BI.extend(BI.IconComboTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-icon-combo-trigger", + el: {}, + items: [], + iconClass: "", + width: 25, + height: 25, + isShowDown: true + }); + }, + + _init: function () { + BI.IconComboTrigger.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.button = BI.createWidget(o.el, { + type: "bi.icon_change_button", + cls: "icon-combo-trigger-icon " + o.iconClass, + disableSelected: true, + width: o.width, + height: o.height, + iconWidth: o.iconWidth, + iconHeight: o.iconHeight + }); + this.down = BI.createWidget({ + type: "bi.icon_button", + disableSelected: true, + cls: "icon-combo-down-icon trigger-triangle-font", + width: 12, + height: 8 + }); + this.down.setVisible(o.isShowDown); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.button, + left: 0, + right: 0, + top: 0, + bottom: 0 + }, { + el: this.down, + right: 0, + bottom: 0 + }] + }); + if (BI.isKey(o.value)) { + this.setValue(o.value); + } + }, + + populate: function (items) { + var o = this.options; + this.options.items = items || []; + this.button.setIcon(o.iconClass); + this.button.setSelected(false); + this.down.setSelected(false); + }, + + setValue: function (v) { + BI.IconComboTrigger.superclass.setValue.apply(this, arguments); + var o = this.options; + var iconClass = ""; + v = BI.isArray(v) ? v[0] : v; + if (BI.any(this.options.items, function (i, item) { + if (v === item.value) { + iconClass = item.iconClass; + return true; + } + })) { + this.button.setIcon(iconClass); + this.button.setSelected(true); + this.down.setSelected(true); + } else { + this.button.setIcon(o.iconClass); + this.button.setSelected(false); + this.down.setSelected(false); + } + } +}); +BI.IconComboTrigger.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger);/** + * 单选combo + * + * @class BI.StaticCombo + * @extend BI.Widget + */ +BI.StaticCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.StaticCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-static-combo", + height: 30, + text: "", + el: {}, + items: [], + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }) + }, + + _init: function () { + BI.StaticCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(o.el, { + type: "bi.text_icon_item", + cls: "bi-select-text-trigger pull-down-font", + text: o.text, + readonly: true, + textLgap: 5, + height: o.height - 2 + }); + this.popup = BI.createWidget({ + type: "bi.text_value_combo_popup", + textAlign: o.textAlign, + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.popup.on(BI.TextValueComboPopup.EVENT_CHANGE, function () { + self.combo.hideView(); + self.fireEvent(BI.StaticCombo.EVENT_CHANGE, arguments); + }); + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup + } + }); + }, + + populate: function (items) { + this.combo.populate(items); + }, + + setValue: function (v) { + this.combo.setValue(v); + }, + + getValue: function () { + return this.combo.getValue(); + } +}); +BI.StaticCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.static_combo", BI.StaticCombo);/** + * @class BI.TextValueCheckCombo + * @extend BI.Widget + * combo : text + icon, popup : check + text + */ +BI.TextValueCheckCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextValueCheckCombo.superclass._defaultConfig.apply(this, arguments), { + baseClass: "bi-text-value-check-combo", + width: 100, + height: 30, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + text: "" + }) + }, + + _init: function () { + BI.TextValueCheckCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.select_text_trigger", + items: o.items, + height: o.height, + text: o.text + }); + this.popup = BI.createWidget({ + type: "bi.text_value_check_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.TextValueCheckComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.textIconCheckCombo.hideView(); + self.fireEvent(BI.TextValueCheckCombo.EVENT_CHANGE); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.textIconCheckCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup, + maxHeight: 300 + } + }); + }, + + setTitle: function (title) { + this.trigger.setTitle(title); + }, + + setValue: function (v) { + this.textIconCheckCombo.setValue(v); + }, + + setEnable: function (v) { + BI.TextValueCheckCombo.superclass.setEnable.apply(this, arguments); + this.textIconCheckCombo.setEnable(v); + }, + + setWarningTitle: function (title) { + this.trigger.setWarningTitle(title); + }, + + getValue: function () { + return this.textIconCheckCombo.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.textIconCheckCombo.populate(items); + } +}); +BI.TextValueCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_value_check_combo", BI.TextValueCheckCombo);/** + * @class BI.SmallTextValueCheckCombo + * @extend BI.Widget + * combo : text + icon, popup : check + text + */ +BI.SmallTextValueCheckCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SmallTextValueCheckCombo.superclass._defaultConfig.apply(this, arguments), { + width: 100, + height: 24, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + text: "" + }) + }, + + _init: function () { + BI.SmallTextValueCheckCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.small_select_text_trigger", + items: o.items, + height: o.height, + text: o.text + }); + this.popup = BI.createWidget({ + type: "bi.text_value_check_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.TextValueCheckComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.SmallTextIconCheckCombo.hideView(); + self.fireEvent(BI.SmallTextValueCheckCombo.EVENT_CHANGE); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.SmallTextIconCheckCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup, + maxHeight: 300 + } + }); + }, + + setValue: function (v) { + this.SmallTextIconCheckCombo.setValue(v); + }, + + setEnable: function (v) { + BI.SmallTextValueCheckCombo.superclass.setEnable.apply(this, arguments); + this.SmallTextIconCheckCombo.setEnable(v); + }, + + getValue: function () { + return this.SmallTextIconCheckCombo.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.SmallTextIconCheckCombo.populate(items); + } +}); +BI.SmallTextValueCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.small_text_value_check_combo", BI.SmallTextValueCheckCombo);BI.TextValueCheckComboPopup = BI.inherit(BI.Pane, { + _defaultConfig: function () { + return BI.extend(BI.TextValueCheckComboPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-icon-popup", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }); + }, + + _init: function () { + BI.TextValueCheckComboPopup.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.popup = BI.createWidget({ + type: "bi.button_group", + items: this._formatItems(o.items), + chooseType: o.chooseType, + layouts: [{ + type: "bi.vertical" + }] + }); + + this.popup.on(BI.Controller.EVENT_CHANGE, function (type, val, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.TextValueCheckComboPopup.EVENT_CHANGE, val, obj); + } + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.popup] + }); + }, + + _formatItems: function (items) { + return BI.map(items, function (i, item) { + return BI.extend({ + type: "bi.icon_text_item", + cls: "item-check-font bi-list-item", + height: 30 + }, item); + }); + }, + + populate: function (items) { + BI.TextValueCheckComboPopup.superclass.populate.apply(this, arguments); + this.popup.populate(this._formatItems(items)); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + setValue: function (v) { + this.popup.setValue(v); + } + +}); +BI.TextValueCheckComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_value_check_combo_popup", BI.TextValueCheckComboPopup);/** + * @class BI.TextValueCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.TextValueCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextValueCombo.superclass._defaultConfig.apply(this, arguments), { + baseClass: "bi-text-value-combo", + height: 30, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + text: "", + el: {} + }) + }, + + _init: function () { + BI.TextValueCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(o.el, { + type: "bi.select_text_trigger", + items: o.items, + height: o.height, + text: o.text + }); + this.popup = BI.createWidget({ + type: "bi.text_value_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.TextValueComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.textIconCombo.hideView(); + self.fireEvent(BI.TextValueCombo.EVENT_CHANGE, arguments); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.textIconCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup, + maxHeight: 300 + } + }); + }, + + setValue: function (v) { + this.textIconCombo.setValue(v); + }, + + setEnable: function (v) { + BI.TextValueCombo.superclass.setEnable.apply(this, arguments); + this.textIconCombo.setEnable(v); + }, + + getValue: function () { + return this.textIconCombo.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.textIconCombo.populate(items); + } +}); +BI.TextValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_value_combo", BI.TextValueCombo);/** + * @class BI.SmallTextValueCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.SmallTextValueCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SmallTextValueCombo.superclass._defaultConfig.apply(this, arguments), { + width: 100, + height: 24, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + el: {}, + text: "" + }) + }, + + _init: function () { + BI.SmallTextValueCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(o.el, { + type: "bi.small_select_text_trigger", + items: o.items, + height: o.height, + text: o.text + }); + this.popup = BI.createWidget({ + type: "bi.text_value_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.TextValueComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.SmallTextValueCombo.hideView(); + self.fireEvent(BI.SmallTextValueCombo.EVENT_CHANGE); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.SmallTextValueCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup, + maxHeight: 300 + } + }); + }, + + setValue: function (v) { + this.SmallTextValueCombo.setValue(v); + }, + + setEnable: function (v) { + BI.SmallTextValueCombo.superclass.setEnable.apply(this, arguments); + this.SmallTextValueCombo.setEnable(v); + }, + + getValue: function () { + return this.SmallTextValueCombo.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.SmallTextValueCombo.populate(items); + } +}); +BI.SmallTextValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.small_text_value_combo", BI.SmallTextValueCombo);BI.TextValueComboPopup = BI.inherit(BI.Pane, { + _defaultConfig: function () { + return BI.extend(BI.TextValueComboPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-icon-popup", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }); + }, + + _init: function () { + BI.TextValueComboPopup.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.popup = BI.createWidget({ + type: "bi.button_group", + items: BI.createItems(o.items, { + type: "bi.single_select_item", + textAlign: o.textAlign, + height: 30 + }), + chooseType: o.chooseType, + layouts: [{ + type: "bi.vertical" + }] + }); + + this.popup.on(BI.Controller.EVENT_CHANGE, function (type, val, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.TextValueComboPopup.EVENT_CHANGE, val, obj); + } + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.popup] + }); + }, + + populate: function (items) { + BI.TextValueComboPopup.superclass.populate.apply(this, arguments); + items = BI.createItems(items, { + type: "bi.single_select_item", + height: 30 + }); + this.popup.populate(items); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + setValue: function (v) { + this.popup.setValue(v); + } + +}); +BI.TextValueComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_value_combo_popup", BI.TextValueComboPopup);/** + * @class BI.TextValueDownListCombo + * @extend BI.Widget + */ +BI.TextValueDownListCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextValueDownListCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-value-down-list-combo", + height: 30, + text: "" + }) + }, + + _init: function () { + BI.TextValueDownListCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this._createValueMap(); + + this.trigger = BI.createWidget({ + type: "bi.down_list_select_text_trigger", + height: o.height, + items: o.items + }); + + this.combo = BI.createWidget({ + type: "bi.down_list_combo", + element: this, + chooseType: BI.Selection.Single, + adjustLength: 2, + height: o.height, + el: this.trigger, + items: BI.deepClone(o.items) + }); + + this.combo.on(BI.DownListCombo.EVENT_CHANGE, function () { + self.setValue(self.combo.getValue()[0].value); + self.fireEvent(BI.TextValueDownListCombo.EVENT_CHANGE); + }); + + this.combo.on(BI.DownListCombo.EVENT_SON_VALUE_CHANGE, function () { + self.setValue(self.combo.getValue()[0].childValue); + self.fireEvent(BI.TextValueDownListCombo.EVENT_CHANGE); + }); + }, + + _createValueMap: function () { + var self = this; + this.valueMap = {}; + BI.each(BI.flatten(this.options.items), function (idx, item) { + if (BI.has(item, "el")) { + BI.each(item.children, function (id, it) { + self.valueMap[it.value] = {value: item.el.value, childValue: it.value} + }); + } else { + self.valueMap[item.value] = {value: item.value}; + } + }); + }, + + setValue: function (v) { + v = this.valueMap[v]; + this.combo.setValue([v]); + this.trigger.setValue(v.childValue || v.value); + }, + + setEnable: function (v) { + BI.TextValueDownListCombo.superclass.setEnable.apply(this, arguments); + this.combo.setEnable(v); + }, + + getValue: function () { + var v = this.combo.getValue()[0]; + return [v.childValue || v.value]; + }, + + populate: function (items) { + this.options.items = BI.flatten(items); + this.combo.populate(items); + this._createValueMap(); + } +}); +BI.TextValueDownListCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_value_down_list_combo", BI.TextValueDownListCombo);/** + * 选择字段trigger, downlist专用 + * 显示形式为 父亲值(儿子值) + * + * @class BI.DownListSelectTextTrigger + * @extends BI.Trigger + */ +BI.DownListSelectTextTrigger = BI.inherit(BI.Trigger, { + + _defaultConfig: function () { + return BI.extend(BI.DownListSelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-down-list-select-text-trigger", + height: 24, + text: "" + }); + }, + + _init: function () { + BI.DownListSelectTextTrigger.superclass._init.apply(this, arguments); + var o = this.options; + this.trigger = BI.createWidget({ + type: "bi.select_text_trigger", + element: this, + height: o.height, + items: this._formatItemArray(o.items), + text: o.text + }); + }, + + _formatItemArray: function(){ + var sourceArray = BI.flatten(BI.deepClone(this.options.items)); + var targetArray = []; + BI.each(sourceArray, function(idx, item){ + if(BI.has(item, "el")){ + BI.each(item.children, function(id, it){ + it.text = item.el.text + "(" + it.text + ")"; + }); + targetArray = BI.concat(targetArray, item.children); + }else{ + targetArray.push(item); + } + }); + return targetArray; + }, + + setValue: function (vals) { + this.trigger.setValue(vals); + }, + + populate: function (items) { + this.trigger.populate(this._formatItemArray(items)); + } +}); +$.shortcut("bi.down_list_select_text_trigger", BI.DownListSelectTextTrigger);/** + * 根据内容自适应长度的输入框 + * @class BI.AdaptiveEditor + * @extends BI.Single + */ +BI.AdaptiveEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.AdaptiveEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-adapt-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: true, + watermark: "", + errorText: "", + height: 30 + }) + }, + + _init: function () { + BI.AdaptiveEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + element: this, + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_BLUR, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_BLUR); + }); + this.editor.on(BI.SignEditor.EVENT_CLICK, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_CLICK); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self._checkEditorLength(); + self.fireEvent(BI.AdaptiveEditor.EVENT_CHANGE); + }); + this.editor.on(BI.SignEditor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.AdaptiveEditor.EVENT_KEY_DOWN); + }); + + this.editor.on(BI.SignEditor.EVENT_VALID, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_VALID); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_CONFIRM); + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_PAUSE, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_PAUSE); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_STOP); + }); + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_SPACE); + }); + this.editor.on(BI.SignEditor.EVENT_ERROR, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_ERROR); + }); + this.editor.on(BI.SignEditor.EVENT_ENTER, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_ENTER); + }); + this.editor.on(BI.SignEditor.EVENT_RESTRICT, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_RESTRICT); + }); + this.editor.on(BI.SignEditor.EVENT_EMPTY, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_EMPTY); + }); + this._checkEditorLength(); + }, + + _checkEditorLength: function () { + var o = this.options; + this.element.width(BI.DOM.getTextSizeWidth(this.getValue(), 14) + 2 * o.hgap + o.lgap + o.rgap); + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + setValue: function (k) { + this.editor.setValue(k); + this._checkEditorLength(); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + getState: function () { + return this.editor.getState(); + }, + + setState: function (v) { + + } +}); +BI.AdaptiveEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.AdaptiveEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.AdaptiveEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.AdaptiveEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.AdaptiveEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.AdaptiveEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"; + +BI.AdaptiveEditor.EVENT_START = "EVENT_START"; +BI.AdaptiveEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.AdaptiveEditor.EVENT_STOP = "EVENT_STOP"; +BI.AdaptiveEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.AdaptiveEditor.EVENT_VALID = "EVENT_VALID"; +BI.AdaptiveEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.AdaptiveEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.AdaptiveEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.AdaptiveEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.AdaptiveEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.adapt_editor", BI.AdaptiveEditor);/** + * 有清楚按钮的文本框 + * Created by GUY on 2015/9/29. + * @class BI.SmallTextEditor + * @extends BI.SearchEditor + */ +BI.ClearEditor = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.ClearEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-clear-editor", + height: 30, + errorText: "", + watermark: "", + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn + }); + }, + _init: function () { + BI.ClearEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + watermark: o.watermark, + allowBlank: true, + errorText: o.errorText, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker + }); + this.clear = BI.createWidget({ + type: "bi.icon_button", + stopEvent: true, + cls: "search-close-h-font" + }); + this.clear.on(BI.IconButton.EVENT_CHANGE, function () { + self.setValue(""); + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.STOPEDIT); + self.fireEvent(BI.ClearEditor.EVENT_CLEAR); + }); + BI.createWidget({ + element: this, + type: "bi.htape", + items: [ + { + el: this.editor + }, + { + el: this.clear, + width: 25 + }] + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.ClearEditor.EVENT_FOCUS); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.ClearEditor.EVENT_BLUR); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.ClearEditor.EVENT_CLICK); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self._checkClear(); + self.fireEvent(BI.ClearEditor.EVENT_CHANGE); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.ClearEditor.EVENT_KEY_DOWN, v); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function () { + self.fireEvent(BI.ClearEditor.EVENT_SPACE) + }); + this.editor.on(BI.Editor.EVENT_BACKSPACE, function () { + self.fireEvent(BI.ClearEditor.EVENT_BACKSPACE) + }); + + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.ClearEditor.EVENT_VALID) + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self.fireEvent(BI.ClearEditor.EVENT_ERROR) + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.ClearEditor.EVENT_ENTER); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.ClearEditor.EVENT_RESTRICT) + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self._checkClear(); + self.fireEvent(BI.ClearEditor.EVENT_EMPTY) + }); + this.editor.on(BI.Editor.EVENT_REMOVE, function () { + self.fireEvent(BI.ClearEditor.EVENT_REMOVE) + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self.fireEvent(BI.ClearEditor.EVENT_CONFIRM) + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.ClearEditor.EVENT_START); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.ClearEditor.EVENT_PAUSE); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.ClearEditor.EVENT_STOP); + }); + + this.clear.invisible(); + }, + + _checkClear: function () { + if (!this.getValue()) { + this.clear.invisible(); + } else { + this.clear.visible(); + } + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + getValue: function () { + if (this.isValid()) { + var res = this.editor.getValue().match(/[\S]+/g); + return BI.isNull(res) ? "" : res[res.length - 1]; + } + }, + + setValue: function (v) { + this.editor.setValue(v); + if (BI.isKey(v)) { + this.clear.visible(); + } + }, + + isValid: function () { + return this.editor.isValid(); + } +}); +BI.ClearEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.ClearEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.ClearEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.ClearEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.ClearEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.ClearEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.ClearEditor.EVENT_BACKSPACE = "EVENT_BACKSPACE"; +BI.ClearEditor.EVENT_CLEAR = "EVENT_CLEAR"; + +BI.ClearEditor.EVENT_START = "EVENT_START"; +BI.ClearEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.ClearEditor.EVENT_STOP = "EVENT_STOP"; +BI.ClearEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.ClearEditor.EVENT_VALID = "EVENT_VALID"; +BI.ClearEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.ClearEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.ClearEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.ClearEditor.EVENT_REMOVE = "EVENT_REMOVE"; +BI.ClearEditor.EVENT_EMPTY = "EVENT_EMPTY"; +$.shortcut("bi.clear_editor", BI.ClearEditor);/** + * Created by roy on 15/9/14. + */ +BI.SearchEditor = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-search-editor", + height: 30, + errorText: "", + watermark: BI.i18nText("BI-Basic_Search"), + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn + }); + }, + _init: function () { + this.options.height -= 2; + BI.SearchEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + watermark: o.watermark, + allowBlank: true, + errorText: o.errorText, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker + }); + this.clear = BI.createWidget({ + type: "bi.icon_button", + stopEvent: true, + cls: "search-close-h-font" + }); + this.clear.on(BI.IconButton.EVENT_CHANGE, function () { + self.setValue(""); + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.STOPEDIT); + self.fireEvent(BI.SearchEditor.EVENT_CLEAR); + }); + BI.createWidget({ + element: this, + type: "bi.htape", + items: [ + { + el: { + type: "bi.center_adapt", + cls: "search-font", + items: [{ + el: { + type: "bi.icon" + } + }] + }, + width: 25 + }, + { + el: self.editor + }, + { + el: this.clear, + width: 25 + } + ] + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.SearchEditor.EVENT_FOCUS); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.SearchEditor.EVENT_BLUR); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.SearchEditor.EVENT_CLICK); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self._checkClear(); + self.fireEvent(BI.SearchEditor.EVENT_CHANGE); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.SearchEditor.EVENT_KEY_DOWN, v); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function () { + self.fireEvent(BI.SearchEditor.EVENT_SPACE) + }); + this.editor.on(BI.Editor.EVENT_BACKSPACE, function () { + self.fireEvent(BI.SearchEditor.EVENT_BACKSPACE) + }); + + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.SearchEditor.EVENT_VALID) + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self.fireEvent(BI.SearchEditor.EVENT_ERROR) + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.SearchEditor.EVENT_ENTER); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.SearchEditor.EVENT_RESTRICT) + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self._checkClear(); + self.fireEvent(BI.SearchEditor.EVENT_EMPTY) + }); + this.editor.on(BI.Editor.EVENT_REMOVE, function () { + self.fireEvent(BI.SearchEditor.EVENT_REMOVE) + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self.fireEvent(BI.SearchEditor.EVENT_CONFIRM) + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.SearchEditor.EVENT_START); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.SearchEditor.EVENT_PAUSE); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.SearchEditor.EVENT_STOP); + }); + + this.clear.invisible(); + }, + + _checkClear: function () { + if (!this.getValue()) { + this.clear.invisible(); + } else { + this.clear.visible(); + } + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + getValue: function () { + if (this.isValid()) { + var res = this.editor.getValue().match(/[\S]+/g); + return BI.isNull(res) ? "" : res[res.length - 1]; + } + }, + + getLastValidValue: function () { + return this.editor.getLastValidValue(); + }, + + setValue: function (v) { + this.editor.setValue(v); + if (BI.isKey(v)) { + this.clear.visible(); + } + }, + + setValid: function (b) { + this.editor.setValid(b); + }, + + isEditing: function () { + return this.editor.isEditing(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setEnable: function (b) { + BI.Editor.superclass.setEnable.apply(this, arguments); + this.editor && this.editor.setEnable(b); + this.clear.setEnabled(b); + } +}); +BI.SearchEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.SearchEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.SearchEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.SearchEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.SearchEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.SearchEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.SearchEditor.EVENT_BACKSPACE = "EVENT_BACKSPACE"; +BI.SearchEditor.EVENT_CLEAR = "EVENT_CLEAR"; + +BI.SearchEditor.EVENT_START = "EVENT_START"; +BI.SearchEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.SearchEditor.EVENT_STOP = "EVENT_STOP"; +BI.SearchEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.SearchEditor.EVENT_VALID = "EVENT_VALID"; +BI.SearchEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.SearchEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.SearchEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.SearchEditor.EVENT_REMOVE = "EVENT_REMOVE"; +BI.SearchEditor.EVENT_EMPTY = "EVENT_EMPTY"; +$.shortcut("bi.search_editor", BI.SearchEditor);/** + * 小号搜索框 + * Created by GUY on 2015/9/29. + * @class BI.SmallSearchEditor + * @extends BI.SearchEditor + */ +BI.SmallSearchEditor = BI.inherit(BI.SearchEditor, { + _defaultConfig: function () { + var conf = BI.SmallSearchEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-small-search-editor", + height: 24 + }); + }, + + _init: function () { + BI.SmallSearchEditor.superclass._init.apply(this, arguments); + } +}); +$.shortcut("bi.small_search_editor", BI.SmallSearchEditor);/** + * sign是新值(初始value值)形式的自适应宽度的输入框 + * @class BI.SignInitialEditor + * @extends BI.Single + */ +BI.SignInitialEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.SignInitialEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-sign-initial-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: true, + watermark: "", + errorText: "", + value: "", + text: "", + height: 30 + }) + }, + + _init: function () { + BI.SignInitialEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + element: this, + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value || o.text, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + if(BI.isNotNull(o.value)){ + this.setState(o.value); + } + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_BLUR, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_BLUR); + }); + this.editor.on(BI.SignEditor.EVENT_CLICK, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_CLICK); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_CHANGE); + }); + this.editor.on(BI.SignEditor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.SignInitialEditor.EVENT_KEY_DOWN); + }); + + this.editor.on(BI.SignEditor.EVENT_VALID, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_VALID); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + self.setState(self.editor.getValue()); + self.fireEvent(BI.SignInitialEditor.EVENT_CONFIRM); + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_PAUSE, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_PAUSE); + }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_STOP); + }); + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_SPACE); + }); + this.editor.on(BI.SignEditor.EVENT_ERROR, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_ERROR); + }); + this.editor.on(BI.SignEditor.EVENT_ENTER, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_ENTER); + }); + this.editor.on(BI.SignEditor.EVENT_RESTRICT, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_RESTRICT); + }); + this.editor.on(BI.SignEditor.EVENT_EMPTY, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_EMPTY); + }); + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + setValue: function (v) { + this.editor.setValue(v.value); + this.setState(v.value); + }, + + getValue: function () { + return { + value: this.editor.getValue(), + text: this.options.text + } + }, + + getState: function () { + return this.editor.getState(); + }, + + setState: function (v) { + var o = this.options; + v = (BI.isEmpty(v) || v == o.text) ? o.text : v + "(" + o.text + ")"; + this.editor.setState(v); + } +}); +BI.SignInitialEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.SignInitialEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.SignInitialEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.SignInitialEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.SignInitialEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.SignInitialEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"; + +BI.SignInitialEditor.EVENT_START = "EVENT_START"; +BI.SignInitialEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.SignInitialEditor.EVENT_STOP = "EVENT_STOP"; +BI.SignInitialEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.SignInitialEditor.EVENT_VALID = "EVENT_VALID"; +BI.SignInitialEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.SignInitialEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.SignInitialEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.SignInitialEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.SignInitialEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.sign_initial_editor", BI.SignInitialEditor);/** + * sign标签分两段,可以自定义样式 + * @class BI.SignStyleEditor + * @extends BI.Single + */ +BI.SignStyleEditor = BI.inherit(BI.Single, { + + constants: { + tipTextGap: 4 + }, + + _defaultConfig: function () { + var conf = BI.SignStyleEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-sign-style-editor", + text: "", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: false, + watermark: "", + errorText: "", + height: 30 + }) + }, + + _init: function () { + BI.SignStyleEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.text = BI.createWidget({ + type: "bi.text_button", + cls: "sign-style-editor-text", + textAlign: "left", + height: o.height, + hgap: 4, + handler: function () { + self._showInput(); + self.editor.focus(); + self.editor.selectAll(); + } + }); + + this.tipText = BI.createWidget({ + type: "bi.text_button", + cls: "sign-style-editor-tip", + textAlign: "right", + rgap: 4, + height: o.height, + text: o.text, + handler: function () { + self._showInput(); + self.editor.focus(); + self.editor.selectAll(); + } + }); + + this.text.on(BI.TextButton.EVENT_CHANGE, function () { + BI.nextTick(function () { + self.fireEvent(BI.SignStyleEditor.EVENT_CLICK_LABEL) + }); + }); + + this.tipText.on(BI.TextButton.EVENT_CHANGE, function () { + BI.nextTick(function () { + self.fireEvent(BI.SignStyleEditor.EVENT_CLICK_LABEL) + }); + }); + + this.wrap = BI.createWidget({ + type: "bi.htape", + element: this, + items: [this.text, this.tipText] + }); + + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_FOCUS); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_BLUR); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_CLICK); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_CHANGE); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.SignStyleEditor.EVENT_KEY_DOWN); + }); + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_VALID); + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self._showHint(); + self._checkText(); + self._resizeLayout(); + self.fireEvent(BI.SignStyleEditor.EVENT_CONFIRM); + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_START); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_PAUSE); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_STOP); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_SPACE); + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_ERROR); + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_ENTER); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_RESTRICT); + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_EMPTY); + }); + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [this.editor] + }); + this._showHint(); + this._checkText(); + + BI.nextTick(function () { + var tipTextSize = self.text.element.getStyle("font-size"); + self.tipTextSize = tipTextSize.substring(0, tipTextSize.length - 2); + self._resizeLayout(); + }); + }, + + _checkText: function () { + var o = this.options; + if (this.editor.getValue() === "") { + this.text.setValue(o.watermark || ""); + this.text.element.addClass("bi-water-mark"); + } else { + this.text.setValue(this.editor.getValue()); + this.tipText.setValue("(" + o.text + ")"); + this.text.element.removeClass("bi-water-mark"); + } + this.setTitle(this.text.getValue() + this.tipText.getValue()); + }, + + _showInput: function () { + this.editor.setVisible(true); + this.text.setVisible(false); + this.tipText.setVisible(false); + }, + + _showHint: function () { + this.editor.setVisible(false); + this.text.setVisible(true); + this.tipText.setVisible(true); + }, + + _resizeLayout: function () { + this.wrap.attr("items")[0].width = BI.DOM.getTextSizeWidth(this.text.getValue(), this.tipTextSize) + 2 * this.constants.tipTextGap; + this.wrap.resize(); + }, + + focus: function () { + this._showInput(); + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + this._showHint(); + this._checkText(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + setValue: function (k) { + BI.SignStyleEditor.superclass.setValue.apply(this, arguments); + this.editor.setValue(k); + this._checkText(); + this._resizeLayout(); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + getState: function () { + return this.options.text; + }, + + setState: function (v) { + var o = this.options; + o.text = v; + this._showHint(); + this.tipText.setValue("(" + v + ")"); + this._checkText(); + } +}); +BI.SignStyleEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.SignStyleEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.SignStyleEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.SignStyleEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.SignStyleEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.SignStyleEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"; + +BI.SignStyleEditor.EVENT_START = "EVENT_START"; +BI.SignStyleEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.SignStyleEditor.EVENT_STOP = "EVENT_STOP"; +BI.SignStyleEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.SignStyleEditor.EVENT_VALID = "EVENT_VALID"; +BI.SignStyleEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.SignStyleEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.SignStyleEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.SignStyleEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.SignStyleEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.sign_style_editor", BI.SignStyleEditor);/** + * guy + * @class BI.TextEditor + * @extends BI.Single + */ +BI.TextEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-text-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: false, + watermark: "", + errorText: "", + height: 30 + }) + }, + + _init: function () { + BI.TextEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + if (BI.isNumber(o.height)) { + this.element.css({height: o.height - 2}); + } + if (BI.isNumber(o.width)) { + this.element.css({width: o.width - 2}); + } + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height - 2, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.TextEditor.EVENT_FOCUS); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.TextEditor.EVENT_BLUR); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.TextEditor.EVENT_CLICK); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self.fireEvent(BI.TextEditor.EVENT_CHANGE); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.TextEditor.EVENT_KEY_DOWN); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function (v) { + self.fireEvent(BI.TextEditor.EVENT_SPACE); + }); + this.editor.on(BI.Editor.EVENT_BACKSPACE, function (v) { + self.fireEvent(BI.TextEditor.EVENT_BACKSPACE); + }); + + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.TextEditor.EVENT_VALID); + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self.fireEvent(BI.TextEditor.EVENT_CONFIRM); + }); + this.editor.on(BI.Editor.EVENT_REMOVE, function (v) { + self.fireEvent(BI.TextEditor.EVENT_REMOVE); + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.TextEditor.EVENT_START); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.TextEditor.EVENT_PAUSE); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.TextEditor.EVENT_STOP); + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self.fireEvent(BI.TextEditor.EVENT_ERROR); + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.TextEditor.EVENT_ENTER); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.TextEditor.EVENT_RESTRICT); + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self.fireEvent(BI.TextEditor.EVENT_EMPTY); + }); + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [this.editor] + }); + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setValue: function (v) { + this.editor.setValue(v); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + setEnable: function (b) { + BI.Editor.superclass.setEnable.apply(this, arguments); + this.editor && this.editor.setEnable(b); + } +}); +BI.TextEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.TextEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.TextEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.TextEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.TextEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.TextEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.TextEditor.EVENT_BACKSPACE = "EVENT_BACKSPACE"; + +BI.TextEditor.EVENT_START = "EVENT_START"; +BI.TextEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.TextEditor.EVENT_STOP = "EVENT_STOP"; +BI.TextEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.TextEditor.EVENT_VALID = "EVENT_VALID"; +BI.TextEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.TextEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.TextEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.TextEditor.EVENT_REMOVE = "EVENT_REMOVE"; +BI.TextEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.text_editor", BI.TextEditor);/** + * 小号搜索框 + * Created by GUY on 2015/9/29. + * @class BI.SmallTextEditor + * @extends BI.SearchEditor + */ +BI.SmallTextEditor = BI.inherit(BI.TextEditor, { + _defaultConfig: function () { + var conf = BI.SmallTextEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-small-text-editor", + height: 25 + }); + }, + + _init: function () { + BI.SmallTextEditor.superclass._init.apply(this, arguments); + } +}); +$.shortcut("bi.small_text_editor", BI.SmallTextEditor);/** + * @class BI.LoadingCancelMask + * @extend BI.Widget + * 带有取消按钮的正在加载mask + */ +BI.LoadingCancelMask = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LoadingCancelMask.superclass._defaultConfig.apply(this, arguments), {}) + }, + + _init: function () { + BI.LoadingCancelMask.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var cancelButton = BI.createWidget({ + type: "bi.button", + level: "ignore", + width: 100, + height: 30, + text: BI.i18nText("BI-Basic_Cancel") + }); + cancelButton.on(BI.Button.EVENT_CHANGE, function () { + self.fireEvent(BI.LoadingCancelMask.EVENT_VALUE_CANCEL); + self.destroy(); + }); + var mask = BI.Maskers.create(this.getName(), o.masker); + BI.createWidget({ + type: "bi.absolute", + element: mask, + items: [{ + el: { + type: "bi.layout", + cls: "bi-loading-main-background" + }, + top: 0, + left: 0, + bottom: 0, + right: 0 + }, { + el: { + type: "bi.center_adapt", + cls: "bi-loading-mask-content", + items: [{ + el: { + type: "bi.vertical", + items: [{ + type: "bi.center_adapt", + cls: "loading-bar-icon", + items: [{ + type: "bi.icon", + width: 208, + height: 30 + }] + }, { + type: "bi.label", + cls: "loading-bar-label", + text: o.text, + height: 30 + }, { + type: "bi.center_adapt", + items: [cancelButton] + }], + vgap: 10 + } + }] + }, + top: 0, + left: 0, + bottom: 0, + right: 0 + }] + }); + BI.Maskers.show(this.getName()); + BI.nextTick(function () { + BI.Maskers.show(self.getName()); + }); + }, + + destroy: function () { + BI.Maskers.remove(this.getName()); + } +}); +BI.LoadingCancelMask.EVENT_VALUE_CANCEL = "EVENT_VALUE_CANCEL"; +$.shortcut("bi.loading_cancel_mask", BI.LoadingCancelMask);/** + * @class BI.LoadingBackground + * @extend BI.Widget + * 正在加载mask层 + */ +BI.LoadingBackground = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LoadingBackground.superclass._defaultConfig.apply(this, arguments), { + baseCls: "", + backgroundCls: "loading-background-e50" + }) + }, + + _init: function () { + BI.LoadingBackground.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var mask = BI.Maskers.create(this.getName(), o.masker, {offset: o.offset, container: o.container}); + BI.createWidget({ + type: "bi.center_adapt", + element: mask, + cls: "bi-loading-mask " + o.backgroundCls + }); + BI.Maskers.show(this.getName()); + BI.nextTick(function () { + BI.Maskers.show(self.getName()); + }); + }, + + destroy: function () { + BI.Maskers.remove(this.getName()); + } +}); +$.shortcut("bi.loading_background", BI.LoadingBackground);/** + * @class BI.LoadingMask + * @extend BI.Widget + * 正在加载mask层 + */ +BI.LoadingMask = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LoadingMask.superclass._defaultConfig.apply(this, arguments), { + baseCls: "" + }); + }, + + _init: function () { + BI.LoadingMask.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var mask = BI.Maskers.create(this.getName(), o.masker, {offset: o.offset, container: o.container}); + BI.createWidget({ + type: "bi.absolute", + element: mask, + items: [{ + el: { + type: "bi.layout", + cls: "bi-loading-main-background" + }, + top: 0, + left: 0, + bottom: 0, + right: 0 + }, { + el: { + type: "bi.center_adapt", + cls: "bi-loading-mask-content", + items: [{ + type: "bi.vertical", + items: [{ + type: "bi.center_adapt", + cls: "loading-bar-icon", + items: [{ + type: "bi.icon", + width: 208, + height: 30 + }] + }, { + type: "bi.label", + cls: "loading-bar-label", + text: o.text, + height: 30 + }] + }] + }, + top: 0, + left: 0, + bottom: 0, + right: 0 + }] + }); + BI.Maskers.show(this.getName()); + BI.nextTick(function () { + BI.Maskers.show(self.getName()); + }); + }, + + destroy: function () { + BI.Maskers.remove(this.getName()); + } +}); +$.shortcut("bi.loading_mask", BI.LoadingMask);/** + * 一个button选中的时候下面有条线 + * + * Created by GUY on 2015/9/30. + * @class BI.LineSegmentButton + * @extends BI.BasicButton + */ +BI.LineSegmentButton = BI.inherit(BI.BasicButton, { + + _defaultConfig: function() { + var conf = BI.LineSegmentButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend( conf, { + baseCls : (conf.baseCls ||"")+' bi-line-segment-button bi-list-item-effect', + once: true, + readonly: true, + hgap: 10, + height: 25 + }) + }, + + _init:function() { + BI.LineSegmentButton.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.text = BI.createWidget({ + type: "bi.label", + element: this, + text: o.text, + height: o.height, + value: o.value, + hgap: o.hgap + }); + + this.line = BI.createWidget({ + type: "bi.layout", + cls: "line-segment-button-line", + height: 3 + }) + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.line, + left: 0, + right: 0, + bottom: 0 + }] + }) + }, + + setSelected: function(v){ + BI.LineSegmentButton.superclass.setSelected.apply(this, arguments); + }, + + setText : function(text) { + BI.LineSegmentButton.superclass.setText.apply(this, arguments); + this.text.setText(text); + }, + + destroy : function() { + BI.LineSegmentButton.superclass.destroy.apply(this, arguments); + } +}); +$.shortcut('bi.line_segment_button', BI.LineSegmentButton);/** + * 另一套风格的单选按钮组 + * + * Created by GUY on 2015/9/30. + * @class BI.LineSegment + * @extends BI.Widget + */ +BI.LineSegment = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LineSegment.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-line-segment", + items: [], + height: 30 + }); + }, + _init: function () { + BI.LineSegment.superclass._init.apply(this, arguments); + var self = this, o = this.options; + if (BI.isNumber(o.height)) { + this.element.css({height: o.height - 1, lineHeight: (o.height - 1) + 'px'}); + } + this.buttonGroup = BI.createWidget({ + element: this, + type: "bi.button_group", + items: BI.createItems(o.items, { + type: "bi.line_segment_button", + height: o.height - 1 + }), + layout: [ + { + type: "bi.center" + } + ] + }); + this.buttonGroup.on(BI.Controller.EVENT_CHANGE, function(){ + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments) + }); + this.buttonGroup.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.fireEvent(BI.LineSegment.EVENT_CHANGE) + }) + }, + + setValue: function (v) { + this.buttonGroup.setValue(v); + }, + + setEnabledValue: function (v) { + this.buttonGroup.setEnabledValue(v); + }, + + setEnable: function (v) { + BI.LineSegment.superclass.setEnable.apply(this, arguments); + this.buttonGroup.setEnable(v) + }, + + + getValue: function () { + return this.buttonGroup.getValue(); + } +}); +BI.LineSegment.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.line_segment', BI.LineSegment);/** + * 拖拽字段的helper + * Created by roy on 15/10/13. + */ +BI.Helper = BI.inherit(BI.Tip, { + _defaultConfig: function () { + return BI.extend(BI.Helper.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-helper", + text: "", + value: "" + }) + }, + + _init: function () { + BI.Helper.superclass._init.apply(this, arguments); + this.populate(); + }, + + modifyContent: function(widget) { + this.empty(); + BI.createWidget({ + type: "bi.left", + element: this, + cls: "dragging-modify", + items: [widget], + lgap: 15 + }); + }, + + populate: function () { + var o = this.options; + this.element.data({helperWidget: this}); + this.empty(); + BI.createWidget({ + element: this, + type: "bi.label", + textAlign: "center", + textHeight: 20, + hgap: 5, + text: o.text, + value: o.value + }); + this.element.removeClass("dragging-modify"); + } +}); +$.shortcut("bi.helper", BI.Helper);/** + * guy + * 复选导航条 + * Created by GUY on 2015/12/24. + * @class BI.ProgressBarBar + * @extends BI.BasicButton + */ +BI.ProgressBarBar = BI.inherit(BI.Single, { + _defaultConfig: function () { + return BI.extend(BI.ProgressBarBar.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-progress-bar-bar", + height: 24 + }) + }, + _init: function () { + BI.ProgressBarBar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.svg = BI.createWidget({ + type: "bi.svg", + width: 6, + height: 6 + }); + this.svg.circle(3, 3, 3).attr({fill: "#ffffff", "stroke": ""}); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.svg, + right: 10, + top: 9 + }] + }); + this.processor = BI.createWidget({ + type: "bi.progress_bar_processor", + width: "0%", + height: o.height + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.processor] + }); + }, + + setValue: function (process) { + this.processor.setValue(process); + + } +}); +$.shortcut("bi.progress_bar_bar", BI.ProgressBarBar);/** + * guy + * 复选导航条 + * Created by GUY on 2015/12/24. + * @class BI.ProgressBar + * @extends BI.BasicButton + */ +BI.ProgressBar = BI.inherit(BI.Single, { + _defaultConfig: function () { + return BI.extend(BI.ProgressBar.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-progress-bar", + height: 24 + }) + }, + _init: function () { + BI.ProgressBar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.bar = BI.createWidget({ + type: "bi.progress_bar_bar", + height: o.height + }); + this.label = BI.createWidget({ + type: "bi.label", + cls: "progress-bar-label", + width: 50, + height: o.height, + value: "0%" + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.bar + }, { + el: this.label, + width: 50 + }] + }) + }, + + setValue: function (process) { + if (process >= 100) { + process = 100; + this.label.element.addClass("success"); + } else { + this.label.element.removeClass("success"); + } + this.label.setValue(process + "%"); + this.bar.setValue(process); + } +}); +$.shortcut("bi.progress_bar", BI.ProgressBar);/** + * guy + * 复选导航条 + * Created by GUY on 2015/12/24. + * @class BI.ProgressBarProcessor + * @extends BI.BasicButton + */ +BI.ProgressBarProcessor = BI.inherit(BI.Single, { + _defaultConfig: function () { + return BI.extend(BI.ProgressBarProcessor.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-progress-bar-processor", + height: 24 + }) + }, + _init: function () { + BI.ProgressBarProcessor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.svg = BI.createWidget({ + type: "bi.svg", + width: 12, + height: 12 + }); + this.svg.circle(6, 6, 6).attr({fill: "#eaeaea", "stroke": ""}); + + this.dot = this.svg.circle(6, 6, 3).attr({fill: "#ffffff", "stroke": ""}).hide(); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.svg, + right: 7, + top: 6 + }] + }); + }, + + setValue: function (process) { + if (process >= 100) { + process = 100; + this.dot.show(); + this.element.addClass("success"); + } else { + this.dot.hide(); + this.element.removeClass("success"); + } + this.element.width(process + "%"); + } +}); +BI.ProgressBarProcessor.EVENT_CHANGE = "ProgressBarProcessor.EVENT_CHANGE"; +$.shortcut("bi.progress_bar_processor", BI.ProgressBarProcessor);/** + * 表关联树 + * + * Created by GUY on 2015/12/15. + * @class BI.BranchRelation + * @extends BI.Widget + */ +BI.BranchRelation = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.BranchRelation.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-branch-relation-tree", + items: [], + + centerOffset: 0,//重心偏移量 + direction: BI.Direction.Bottom, + align: BI.VerticalAlign.Top + }) + }, + + _init: function () { + BI.BranchRelation.superclass._init.apply(this, arguments); + this.populate(this.options.items); + }, + + //树分层 + _stratification: function () { + var levels = []; + this.tree.recursion(function (node, route) { + //node.isRoot = route.length <= 1; + node.leaf = node.isLeaf(); + if (!levels[route.length - 1]) { + levels[route.length - 1] = []; + } + levels[route.length - 1].push(node); + }); + return levels; + }, + + //计算所有节点的叶子结点个数 + _calculateLeaves: function () { + var count = 0; + + function track(node) { + var c = 0; + if (node.isLeaf()) { + return 1; + } + BI.each(node.getChildren(), function (i, child) { + c += track(child); + }); + node.set("leaves", c); + return c; + } + + count = track(this.tree.getRoot()); + return count; + }, + + //树平移 + _translate: function (levels) { + var adjust = []; + var maxLevel = levels.length; + BI.each(levels, function (i, nodes) { + if (!adjust[i]) { + adjust[i] = []; + } + BI.each(nodes, function (j, node) { + if (node.isLeaf() && i < maxLevel - 1) { + var newNode = new BI.Node(BI.UUID()); + //newNode.isEmptyRoot = node.isRoot || node.isEmptyRoot; + newNode.isNew = true; + //把node向下一层移 + var tar = 0; + if (j > 0) { + var c = nodes[j - 1].getLastChild(); + tar = levels[i + 1].indexOf(c) + 1; + } + levels[i + 1].splice(tar, 0, node); + //新增一个临时树节点 + var index = node.parent.getChildIndex(node.id); + node.parent.removeChildByIndex(index); + node.parent.addChild(newNode, index); + newNode.addChild(node); + adjust[i].push(newNode); + nodes[j] = newNode; + } else { + adjust[i].push(node); + } + }) + }); + return adjust; + }, + + //树补白 + _fill: function (levels) { + var adjust = []; + var maxLevel = levels.length; + BI.each(levels, function (i, nodes) { + if (!adjust[i]) { + adjust[i] = []; + } + BI.each(nodes, function (j, node) { + if (node.isLeaf() && i < maxLevel - 1) { + var newNode = new BI.Node(BI.UUID()); + newNode.leaf = true; + newNode.width = node.width; + newNode.height = node.height; + newNode.isNew = true; + //把node向下一层移 + var tar = 0; + if (j > 0) { + var c = nodes[j - 1].getLastChild(); + tar = levels[i + 1].indexOf(c) + 1; + } + levels[i + 1].splice(tar, 0, newNode); + //新增一个临时树节点 + node.addChild(newNode); + } + adjust[i].push(node); + }) + }); + return adjust; + }, + + //树调整 + _adjust: function (adjust) { + while (true) { + var isAllNeedAjust = false; + BI.backEach(adjust, function (i, nodes) { + BI.each(nodes, function (j, node) { + if (!node.isNew) { + var needAdjust = true; + BI.any(node.getChildren(), function (k, n) { + if (!n.isNew) { + needAdjust = false; + return true; + } + }); + if (!node.isLeaf() && needAdjust === true) { + var allChilds = []; + BI.each(node.getChildren(), function (k, n) { + allChilds = allChilds.concat(n.getChildren()); + }); + node.removeAllChilds(); + BI.each(allChilds, function (k, c) { + node.addChild(c); + }); + var newNode = new BI.Node(BI.UUID()); + //newNode.isEmptyRoot = node.isRoot || node.isEmptyRoot; + newNode.isNew = true; + var index = node.parent.getChildIndex(node.id); + node.parent.removeChildByIndex(index); + node.parent.addChild(newNode, index); + newNode.addChild(node); + isAllNeedAjust = true; + } + } + }) + }); + if (isAllNeedAjust === false) { + break; + } else {//树重构 + adjust = this._stratification(); + } + } + return adjust; + }, + + _calculateWidth: function () { + var o = this.options; + var width = 0; + + function track1(node) { + var w = 0; + if (node.isLeaf()) { + return node.width; + } + BI.each(node.getChildren(), function (i, child) { + w += track1(child); + }); + return w; + } + + function track2(node) { + var w = 0; + if (node.isLeaf()) { + return node.height; + } + BI.each(node.getChildren(), function (i, child) { + w += track2(child); + }); + return w; + } + + if (this._isVertical()) { + width = track1(this.tree.getRoot()); + } else { + width = track2(this.tree.getRoot()); + } + + return width; + }, + + _isVertical: function () { + var o = this.options; + return o.direction === BI.Direction.Top || o.direction === BI.Direction.Bottom; + }, + + _calculateHeight: function () { + var o = this.options; + var height = 0; + + function track1(node) { + var h = 0; + BI.each(node.getChildren(), function (i, child) { + h = Math.max(h, track1(child)); + }); + return h + (node.height || 0); + } + + function track2(node) { + var h = 0; + BI.each(node.getChildren(), function (i, child) { + h = Math.max(h, track2(child)); + }); + return h + (node.width || 0); + } + + if (this._isVertical()) { + height = track1(this.tree.getRoot()); + } else { + height = track2(this.tree.getRoot()); + } + return height; + }, + + _calculateXY: function (levels) { + var o = this.options; + var width = this._calculateWidth(); + var height = this._calculateHeight(); + var levelCount = levels.length; + var allLeavesCount = this._calculateLeaves(); + //计算坐标 + var xy = {}; + var levelHeight = height / levelCount; + BI.each(levels, function (i, nodes) { + //计算权重 + var weights = []; + BI.each(nodes, function (j, node) { + weights[j] = (node.get("leaves") || 1) / allLeavesCount; + }); + BI.each(nodes, function (j, node) { + //求前j个元素的权重 + var weight = BI.sum(weights.slice(0, j)); + //求坐标 + var x = weight * width + weights[j] * width / 2; + var y = i * levelHeight + levelHeight / 2; + xy[node.id] = {x: x, y: y}; + }) + }); + return xy; + }, + + _stroke: function (levels, xy) { + var height = this._calculateHeight(); + var levelCount = levels.length; + var levelHeight = height / levelCount; + var self = this, o = this.options; + switch (o.direction) { + case BI.Direction.Top: + BI.each(levels, function (i, nodes) { + BI.each(nodes, function (j, node) { + if (node.getChildrenLength() > 0 && !node.leaf) { + var path = ""; + var start = xy[node.id]; + var split = start.y + levelHeight / 2; + path += "M" + start.x + "," + (start.y + o.centerOffset) + "L" + start.x + "," + split; + var end = []; + BI.each(node.getChildren(), function (t, c) { + var e = end[t] = xy[c.id]; + path += "M" + e.x + "," + (e.y + o.centerOffset) + "L" + e.x + "," + split; + }); + if (end.length > 0) { + path += "M" + BI.first(end).x + "," + split + "L" + BI.last(end).x + "," + split; + } + self.svg.path(path).attr("stroke", "gray"); + } + }) + }); + break; + case BI.Direction.Bottom: + BI.each(levels, function (i, nodes) { + BI.each(nodes, function (j, node) { + if (node.getChildrenLength() > 0 && !node.leaf) { + var path = ""; + var start = xy[node.id]; + var split = start.y - levelHeight / 2; + path += "M" + start.x + "," + (start.y - o.centerOffset) + "L" + start.x + "," + split; + var end = []; + BI.each(node.getChildren(), function (t, c) { + var e = end[t] = xy[c.id]; + path += "M" + e.x + "," + (e.y - o.centerOffset) + "L" + e.x + "," + split; + }); + if (end.length > 0) { + path += "M" + BI.first(end).x + "," + split + "L" + BI.last(end).x + "," + split; + } + self.svg.path(path).attr("stroke", "gray"); + } + }) + }); + break; + case BI.Direction.Left: + BI.each(levels, function (i, nodes) { + BI.each(nodes, function (j, node) { + if (node.getChildrenLength() > 0 && !node.leaf) { + var path = ""; + var start = xy[node.id]; + var split = start.y + levelHeight / 2; + path += "M" + (start.y + o.centerOffset) + "," + start.x + "L" + split + "," + start.x; + var end = []; + BI.each(node.getChildren(), function (t, c) { + var e = end[t] = xy[c.id]; + path += "M" + (e.y + o.centerOffset) + "," + e.x + "L" + split + "," + e.x; + }); + if (end.length > 0) { + path += "M" + split + "," + BI.first(end).x + "L" + split + "," + BI.last(end).x; + } + self.svg.path(path).attr("stroke", "gray"); + } + }) + }); + break; + case BI.Direction.Right: + BI.each(levels, function (i, nodes) { + BI.each(nodes, function (j, node) { + if (node.getChildrenLength() > 0 && !node.leaf) { + var path = ""; + var start = xy[node.id]; + var split = start.y - levelHeight / 2; + path += "M" + (start.y - o.centerOffset) + "," + start.x + "L" + split + "," + start.x; + var end = []; + BI.each(node.getChildren(), function (t, c) { + var e = end[t] = xy[c.id]; + path += "M" + (e.y - o.centerOffset) + "," + e.x + "L" + split + "," + e.x; + }); + if (end.length > 0) { + path += "M" + split + "," + BI.first(end).x + "L" + split + "," + BI.last(end).x; + } + self.svg.path(path).attr("stroke", "gray"); + } + }) + }); + break; + } + }, + + _createBranches: function (levels) { + var self = this, o = this.options; + if (o.direction === BI.Direction.Bottom || o.direction === BI.Direction.Right) { + levels = levels.reverse(); + } + var xy = this._calculateXY(levels); + //画图 + this._stroke(levels, xy); + }, + + _isNeedAdjust: function () { + var o = this.options; + return o.direction === BI.Direction.Top && o.align === BI.VerticalAlign.Bottom || o.direction === BI.Direction.Bottom && o.align === BI.VerticalAlign.Top + || o.direction === BI.Direction.Left && o.align === BI.HorizontalAlign.Right || o.direction === BI.Direction.Right && o.align === BI.HorizontalAlign.Left + }, + + setValue: function (value) { + + }, + + getValue: function () { + + }, + + _transformToTreeFormat: function (sNodes) { + var i, l; + if (!sNodes) { + return []; + } + + if (BI.isArray(sNodes)) { + var r = []; + var tmpMap = []; + for (i = 0, l = sNodes.length; i < l; i++) { + tmpMap[sNodes[i].id] = sNodes[i]; + } + for (i = 0, l = sNodes.length; i < l; i++) { + if (tmpMap[sNodes[i].pId] && sNodes[i].id != sNodes[i].pId) { + if (!tmpMap[sNodes[i].pId].children) { + tmpMap[sNodes[i].pId].children = []; + } + tmpMap[sNodes[i].pId].children.push(sNodes[i]); + } else { + r.push(sNodes[i]); + } + } + return r; + } else { + return [sNodes]; + } + }, + + populate: function (items) { + var self = this, o = this.options; + o.items = items || []; + this.empty(); + items = this._transformToTreeFormat(o.items); + this.tree = new BI.Tree(); + this.tree.initTree(items); + + this.svg = BI.createWidget({ + type: "bi.svg" + }); + + //树分层 + var levels = this._stratification(); + + if (this._isNeedAdjust()) { + //树平移 + var adjust = this._translate(levels); + //树调整 + adjust = this._adjust(adjust); + + this._createBranches(adjust); + } else { + var adjust = this._fill(levels); + + this._createBranches(adjust); + } + + var container = BI.createWidget({ + type: "bi.layout", + width: this._isVertical() ? this._calculateWidth() : this._calculateHeight(), + height: this._isVertical() ? this._calculateHeight() : this._calculateWidth() + }); + BI.createWidget({ + type: "bi.absolute", + element: container, + items: [{ + el: this.svg, + top: 0, + left: 0, + right: 0, + bottom: 0 + }] + }); + if (this._isVertical()) { + items = [{ + type: "bi.handstand_branch_tree", + expander: { + direction: o.direction + }, + el: { + layouts: [{ + type: "bi.horizontal_adapt", + verticalAlign: o.align + }] + }, + items: items + }] + } else { + items = [{ + type: "bi.branch_tree", + expander: { + direction: o.direction + }, + el: { + layouts: [{ + type: "bi.vertical" + }, { + type: o.align === BI.HorizontalAlign.Left ? "bi.left" : "bi.right" + }] + }, + items: items + }] + } + BI.createWidget({ + type: "bi.adaptive", + element: container, + items: items + }); + BI.createWidget({ + type: "bi.center_adapt", + scrollable: true, + element: this, + items: [container] + }); + } +}); +BI.BranchRelation.EVENT_CHANGE = "BranchRelation.EVENT_CHANGE"; +$.shortcut("bi.branch_relation", BI.BranchRelation);/** + * 自定义选色 + * + * Created by GUY on 2015/11/17. + * @class BI.CustomColorChooser + * @extends BI.Widget + */ +BI.CustomColorChooser = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.CustomColorChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-custom-color-chooser", + width: 227, + height: 245 + }) + }, + + _init: function () { + BI.CustomColorChooser.superclass._init.apply(this, arguments); + var self = this; + this.editor = BI.createWidget({ + type: "bi.color_picker_editor", + width: 195 + }); + this.editor.on(BI.ColorPickerEditor.EVENT_CHANGE, function () { + self.setValue(this.getValue()); + }); + this.farbtastic = BI.createWidget({ + type: "bi.farbtastic" + }); + this.farbtastic.on(BI.Farbtastic.EVENT_CHANGE, function () { + self.setValue(this.getValue()); + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + type: "bi.absolute", + items: [{ + el: this.editor, + left: 15, + top: 10, + right: 15 + }], + height: 30 + }, { + type: "bi.absolute", + items: [{ + el: this.farbtastic, + left: 15, + right: 15, + top: 10 + }], + height: 215 + }] + }) + }, + + setValue: function (color) { + this.editor.setValue(color); + this.farbtastic.setValue(color); + }, + + getValue: function () { + return this.editor.getValue(); + } +}); +BI.CustomColorChooser.EVENT_CHANGE = "CustomColorChooser.EVENT_CHANGE"; +$.shortcut("bi.custom_color_chooser", BI.CustomColorChooser);/** + * 选色控件 + * + * Created by GUY on 2015/11/17. + * @class BI.ColorChooser + * @extends BI.Widget + */ +BI.ColorChooser = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ColorChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-color-chooser", + el: {} + }) + }, + + _init: function () { + BI.ColorChooser.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(BI.extend({ + type: "bi.color_chooser_trigger", + width: o.width, + height: o.height + }, o.el)); + this.colorPicker = BI.createWidget({ + type: "bi.color_chooser_popup" + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 1, + el: this.trigger, + popup: { + el: this.colorPicker, + stopPropagation: false, + minWidth: 202 + } + }); + + var fn = function () { + var color = self.colorPicker.getValue(); + self.trigger.setValue(color); + var colors = BI.string2Array(BI.Cache.getItem("colors") || ""); + var que = new BI.Queue(8); + que.fromArray(colors); + que.remove(color); + que.unshift(color); + BI.Cache.setItem("colors", BI.array2String(que.toArray())); + }; + + this.colorPicker.on(BI.ColorChooserPopup.EVENT_VALUE_CHANGE, function () { + fn(); + }); + + this.colorPicker.on(BI.ColorChooserPopup.EVENT_CHANGE, function () { + fn(); + self.combo.hideView(); + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.colorPicker.setStoreColors(BI.string2Array(BI.Cache.getItem("colors") || "")); + }); + + this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.fireEvent(BI.ColorChooser.EVENT_CHANGE, arguments); + }) + }, + + isViewVisible: function () { + return this.combo.isViewVisible(); + }, + + setEnable: function (v) { + this.combo.setEnable(v) + }, + + setValue: function (color) { + this.combo.setValue(color); + }, + + getValue: function () { + return this.colorPicker.getValue(); + } +}); +BI.ColorChooser.EVENT_CHANGE = "ColorChooser.EVENT_CHANGE"; +$.shortcut("bi.color_chooser", BI.ColorChooser);/** + * 选色控件 + * + * Created by GUY on 2015/11/17. + * @class BI.ColorChooserPopup + * @extends BI.Widget + */ +BI.ColorChooserPopup = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ColorChooserPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-color-chooser-popup", + height: 145 + }) + }, + + _init: function () { + BI.ColorChooserPopup.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.colorEditor = BI.createWidget({ + type: "bi.color_picker_editor" + }); + + this.colorEditor.on(BI.ColorPickerEditor.EVENT_CHANGE, function () { + self.setValue(this.getValue()); + self.fireEvent(BI.ColorChooserPopup.EVENT_VALUE_CHANGE, arguments); + }); + + this.storeColors = BI.createWidget({ + type: "bi.color_picker", + items: [[{ + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }]], + width: 190, + height: 25 + }); + this.storeColors.on(BI.ColorPicker.EVENT_CHANGE, function () { + self.setValue(this.getValue()[0]); + self.fireEvent(BI.ColorChooserPopup.EVENT_CHANGE, arguments); + }); + + this.colorPicker = BI.createWidget({ + type: "bi.color_picker", + width: 190, + height: 50 + }); + + this.colorPicker.on(BI.ColorPicker.EVENT_CHANGE, function () { + self.setValue(this.getValue()[0]); + self.fireEvent(BI.ColorChooserPopup.EVENT_CHANGE, arguments); + }); + + this.customColorChooser = BI.createWidget({ + type: "bi.custom_color_chooser" + }); + + var panel = BI.createWidget({ + type: "bi.popup_panel", + buttons: [BI.i18nText("BI-Basic_Cancel"), BI.i18nText("BI-Basic_Save")], + title: BI.i18nText("BI-Custom_Color"), + el: this.customColorChooser, + stopPropagation: false, + bgap: -1, + rgap: 1, + lgap: 1, + minWidth: 227 + }); + + this.more = BI.createWidget({ + type: "bi.combo", + direction: "right,top", + isNeedAdjustHeight: false, + el: { + type: "bi.text_item", + cls: "color-chooser-popup-more", + textAlign: "center", + height: 20, + text: BI.i18nText("BI-Basic_More") + "..." + }, + popup: panel + }); + + this.more.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.customColorChooser.setValue(self.getValue()); + }); + panel.on(BI.PopupPanel.EVENT_CLICK_TOOLBAR_BUTTON, function (index) { + switch (index) { + case 0: + self.more.hideView(); + break; + case 1: + self.setValue(self.customColorChooser.getValue()); + self.more.hideView(); + self.fireEvent(BI.ColorChooserPopup.EVENT_CHANGE, arguments); + break; + } + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: { + type: "bi.absolute", + cls: "color-chooser-popup-title", + items: [{ + el: this.colorEditor, + left: 0, + right: 0, + top: 5 + }] + }, + height: 30 + }, { + el: { + type: "bi.absolute", + items: [{ + el: this.storeColors, + left: 5, + right: 5, + top: 5 + }] + }, + height: 30 + }, { + el: { + type: "bi.absolute", + items: [{ + el: this.colorPicker, + left: 5, + right: 5, + top: 5 + }] + }, + height: 65 + }, { + el: this.more, + height: 20 + }] + }) + }, + + setStoreColors: function (colors) { + if (BI.isArray(colors)) { + var items = BI.map(colors, function (i, color) { + return { + value: color + } + }); + BI.count(colors.length, 8, function (i) { + items.push({ + value: "", + disabled: true + }) + }); + this.storeColors.populate([items]); + } + }, + + setValue: function (color) { + this.colorEditor.setValue(color); + this.colorPicker.setValue(color); + this.storeColors.setValue(color); + }, + + getValue: function () { + return this.colorEditor.getValue(); + } +}); +BI.ColorChooserPopup.EVENT_VALUE_CHANGE = "ColorChooserPopup.EVENT_VALUE_CHANGE"; +BI.ColorChooserPopup.EVENT_CHANGE = "ColorChooserPopup.EVENT_CHANGE"; +$.shortcut("bi.color_chooser_popup", BI.ColorChooserPopup);/** + * 选色控件 + * + * Created by GUY on 2015/11/17. + * @class BI.ColorChooserTrigger + * @extends BI.Trigger + */ +BI.ColorChooserTrigger = BI.inherit(BI.Trigger, { + + _defaultConfig: function () { + var conf = BI.ColorChooserTrigger.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger", + height: 30 + }) + }, + + _init: function () { + BI.ColorChooserTrigger.superclass._init.apply(this, arguments); + this.colorContainer = BI.createWidget({ + type: "bi.layout" + }); + + var down = BI.createWidget({ + type: "bi.icon_button", + disableSelected: true, + cls: "icon-combo-down-icon trigger-triangle-font", + width: 12, + height: 8 + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.colorContainer, + left: 3, + right: 3, + top: 3, + bottom: 3 + }, { + el: down, + right: 3, + bottom: 3 + }] + }); + if (this.options.value) { + this.setValue(this.options.value); + } + }, + + setValue: function (color) { + BI.ColorChooserTrigger.superclass.setValue.apply(this, arguments); + this.colorContainer.element.css("background-color", color); + } +}); +BI.ColorChooserTrigger.EVENT_CHANGE = "ColorChooserTrigger.EVENT_CHANGE"; +$.shortcut("bi.color_chooser_trigger", BI.ColorChooserTrigger);/** + * 新建并选中某个分组按钮 + * + * Created by GUY on 2015/9/25. + * @class BI.Copy2GroupAddButton + * @extends BI.BasicButton + */ +BI.Copy2GroupAddButton = BI.inherit(BI.BasicButton, { + + _defaultConfig: function () { + var conf = BI.Copy2GroupAddButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + ' bi-copy2group-add-button', + shadow: true, + isShadowShowingOnSelected: true, + height: 30 + }) + }, + + _init: function () { + BI.Copy2GroupAddButton.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + text: BI.i18nText("BI-Create_And_Select") + "\"江苏\"", + height: o.height + }) + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.icon_button", + cls: "move2group-add-font" + }, + width: 30 + }, { + el: this.text + }] + }) + }, + + setValue: function (v) { + this.text.setValue(BI.i18nText("BI-Create_And_Select") + "\"" + v + "\""); + this.setTitle(BI.i18nText("BI-Create_And_Select") + "\"" + v + "\"", { + container: "body" + }); + }, + + doClick: function () { + BI.Copy2GroupAddButton.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.Copy2GroupAddButton.EVENT_CHANGE); + } + } +}); +BI.Copy2GroupAddButton.EVENT_CHANGE = "Copy2GroupAddButton.EVENT_CHANGE"; +$.shortcut('bi.copy2group_add_button', BI.Copy2GroupAddButton);/** + * 复制到分组下拉框 + * + * Created by GUY on 2015/9/25. + * @class BI.Copy2GroupCombo + * @extends BI.Widget + */ +BI.Copy2GroupCombo = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Copy2GroupCombo.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-copy2group-combo", + height: 30, + tipType: "warning", + items: [] + }); + }, + _init: function () { + BI.Copy2GroupCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.button", + text: BI.i18nText("BI-Copy_To_Group"), + height: o.height + }); + + this.tools = BI.createWidget({ + type: "bi.copy2group_bar" + }); + + this.tools.on(BI.Copy2GroupBar.EVENT_START, function () { + self.combo.adjustHeight(); + self.searcher.adjustHeight(); + }); + this.tools.on(BI.Copy2GroupBar.EVENT_EMPTY, function () { + self.combo.adjustHeight(); + }); + this.tools.on(BI.Copy2GroupBar.EVENT_CLICK_BUTTON, function () { + self.fireEvent(BI.Copy2GroupCombo.EVENT_CLICK_BUTTON); + self.searcher.stopSearch(); + }); + this.tools.on(BI.Copy2GroupBar.EVENT_CHANGE, function () { + this.setButtonVisible(!self.searcher.hasMatched()); + self.combo.adjustHeight(); + self.searcher.adjustHeight(); + }); + + this.popup = this._createPopup(this.options.items); + + + this.searcher = BI.createWidget({ + type: "bi.searcher", + el: this.tools, + chooseType: BI.Selection.Multi, + adapter: this.popup + }); + + this.searcher.on(BI.Searcher.EVENT_CHANGE, function () { + + }); + + this.multipopup = BI.createWidget({ + type: "bi.multi_popup_view", + width: 200, + stopPropagation: false, + el: this.popup, + tool: this.searcher + }); + + + this.combo = BI.createWidget({ + type: "bi.combo", + isNeedAdjustWidth: false, + element: this, + el: this.trigger, + popup: this.multipopup + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.Copy2GroupCombo.EVENT_BEFORE_POPUPVIEW); + }); + this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.searcher.stopSearch(); + }); + + this.multipopup.on(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, function (value) { + switch (value) { + case 0 : + self.fireEvent(BI.Copy2GroupCombo.EVENT_CONFIRM); + self.combo.hideView(); + break; + default : + break; + } + }); + }, + + _createItems: function (items) { + return BI.createItems(items, { + type: "bi.multi_select_item", + height: 25, + handler: function (v) { + + } + }) + }, + + _createPopup: function (items, opt) { + return BI.createWidget(BI.extend({ + type: "bi.button_group", + items: this._createItems(items), + chooseType: 1, + layouts: [{ + type: "bi.vertical" + }] + }, opt)); + }, + + + scrollToBottom: function () { + var self = this; + BI.delay(function () { + self.popup.element.scrollTop(BI.MAX); + }, 30); + }, + + populate: function (items) { + this.options.items = items; + this.combo.populate(this._createItems(items)); + }, + + setValue: function (v) { + this.combo.setValue(v); + this.searcher.setValue(v); + }, + + setEnable: function (enable) { + this.combo.setEnable.apply(this.combo, arguments); + }, + + getTargetValue: function () { + return this.tools.getValue(); + }, + + getValue: function () { + return this.searcher.getValue(); + } +}); +BI.Copy2GroupCombo.EVENT_BEFORE_POPUPVIEW = "Copy2GroupCombo.EVENT_BEFORE_POPUPVIEW"; +BI.Copy2GroupCombo.EVENT_CHANGE = "Copy2GroupCombo.EVENT_CHANGE"; +BI.Copy2GroupCombo.EVENT_CONFIRM = "Copy2GroupCombo.EVENT_CONFIRM"; +BI.Copy2GroupCombo.EVENT_CLICK_BUTTON = "Copy2GroupCombo.EVENT_CLICK_BUTTON"; +$.shortcut('bi.copy2group_combo', BI.Copy2GroupCombo);/** + * guy + * 复选导航条 + * Created by GUY on 2015/9/25. + * @class BI.Copy2GroupBar + * @extends BI.Widget + */ +BI.Copy2GroupBar = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Copy2GroupBar.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-copy2group-bar" + }) + }, + _init: function () { + BI.Copy2GroupBar.superclass._init.apply(this, arguments); + var self = this; + this.search = BI.createWidget({ + type: "bi.text_editor", + watermark: BI.i18nText("BI-Search_And_Create_Group"), + allowBlank: true + }); + + this.search.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + + this.search.on(BI.TextEditor.EVENT_CHANGE, function () { + self.button.setValue(this.getValue()); + if(this.getValue() !== "") { + self.fireEvent(BI.Copy2GroupBar.EVENT_CHANGE); + } + }); + + this.search.on(BI.TextEditor.EVENT_EMPTY, function () { + self.button.invisible(); + self.fireEvent(BI.Copy2GroupBar.EVENT_EMPTY); + }); + + this.search.on(BI.TextEditor.EVENT_START, function () { + self.button.visible(); + self.fireEvent(BI.Copy2GroupBar.EVENT_START); + }); + + this.button = BI.createWidget({ + type: "bi.copy2group_add_button" + }); + + this.button.on(BI.Copy2GroupAddButton.EVENT_CHANGE, function () { + self.fireEvent(BI.Copy2GroupBar.EVENT_CLICK_BUTTON); + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + vgap: 5, + hgap: 5, + items: [this.search, this.button] + }); + + this.button.invisible(); + }, + + blur: function(){ + this.search.blur(); + }, + + setButtonVisible: function (b) { + this.button.setVisible(b); + }, + + getValue: function () { + return this.search.getValue(); + }, + + setValue: function (v) { + this.search.setValue(v); + this.button.setValue(v); + } +}); +BI.Copy2GroupBar.EVENT_CHANGE = "Copy2GroupBar.EVENT_CHANGE"; +BI.Copy2GroupBar.EVENT_START = "Copy2GroupBar.EVENT_START"; +BI.Copy2GroupBar.EVENT_EMPTY = "Copy2GroupBar.EVENT_EMPTY"; +BI.Copy2GroupBar.EVENT_CLICK_BUTTON = "Copy2GroupBar.EVENT_CLICK_BUTTON"; +$.shortcut("bi.copy2group_bar", BI.Copy2GroupBar);/** + * 日期控件中的月份下拉框 + * + * Created by GUY on 2015/9/7. + * @class BI.MonthDateCombo + * @extends BI.Trigger + */ +BI.MonthDateCombo = BI.inherit(BI.Trigger, { + _defaultConfig: function() { + return BI.extend( BI.MonthDateCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-month-combo", + height: 25 + }); + }, + _init: function() { + BI.MonthDateCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.date_triangle_trigger" + }); + + this.popup = BI.createWidget({ + type: "bi.month_popup" + }); + + this.popup.on(BI.YearPopup.EVENT_CHANGE, function(){ + self.setValue(self.popup.getValue()); + }) + + + this.combo = BI.createWidget({ + type: "bi.combo", + offsetStyle: "center", + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + minWidth: 85, + stopPropagation: false, + el: this.popup + } + }) + this.combo.on(BI.Combo.EVENT_CHANGE, function(){ + self.combo.hideView(); + self.fireEvent(BI.MonthDateCombo.EVENT_CHANGE); + }); + }, + + setValue: function(v){ + this.trigger.setValue(v + 1); + this.popup.setValue(v); + }, + + getValue: function(){ + return this.popup.getValue(); + } +}); +BI.MonthDateCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.month_date_combo', BI.MonthDateCombo);/** + * 年份下拉框 + * + * Created by GUY on 2015/9/7. + * @class BI.YearDateCombo + * @extends BI.Trigger + */ +BI.YearDateCombo = BI.inherit(BI.Trigger, { + _defaultConfig: function() { + return BI.extend( BI.YearDateCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-combo", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + height: 25 + }); + }, + _init: function() { + BI.YearDateCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.date_triangle_trigger" + }); + + this.popup = BI.createWidget({ + type: "bi.year_popup", + min: o.min, + max: o.max + }); + + this.popup.on(BI.YearPopup.EVENT_CHANGE, function(){ + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.YearDateCombo.EVENT_CHANGE); + }) + + + this.combo = BI.createWidget({ + type: "bi.combo", + offsetStyle: "center", + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + minWidth: 85, + stopPropagation: false, + el: this.popup + } + }) + this.combo.on(BI.Combo.EVENT_CHANGE, function(){ + self.fireEvent(BI.YearDateCombo.EVENT_CHANGE); + }) + }, + + setValue: function(v){ + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function(){ + return this.popup.getValue(); + } +}); +BI.YearDateCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.year_date_combo', BI.YearDateCombo);/** + * Created by GUY on 2015/9/7. + * @class BI.DatePicker + * @extends BI.Widget + */ +BI.DatePicker = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.DatePicker.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-date-picker", + height: 25, + min: '1900-01-01', //最小日期 + max: '2099-12-31' //最大日期 + }) + }, + + _init: function () { + BI.DatePicker.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this._year = new Date().getFullYear(); + this._month = new Date().getMonth(); + this.left = BI.createWidget({ + type: "bi.icon_button", + cls: "pre-page-h-font", + width: 25, + height: 25 + }); + this.left.on(BI.IconButton.EVENT_CHANGE, function () { + if (self._month === 0) { + self.setValue({ + year: self.year.getValue() - 1, + month: 11 + }) + } else { + self.setValue({ + year: self.year.getValue(), + month: self.month.getValue() - 1 + }) + } + self.fireEvent(BI.DatePicker.EVENT_CHANGE); + }); + + this.right = BI.createWidget({ + type: "bi.icon_button", + cls: "next-page-h-font", + width: 25, + height: 25 + }); + + this.right.on(BI.IconButton.EVENT_CHANGE, function () { + if (self._month === 11) { + self.setValue({ + year: self.year.getValue() + 1, + month: 0 + }) + } else { + self.setValue({ + year: self.year.getValue(), + month: self.month.getValue() + 1 + }) + } + self.fireEvent(BI.DatePicker.EVENT_CHANGE); + }); + + this.year = BI.createWidget({ + type: "bi.year_date_combo", + min: o.min, + max: o.max + }); + this.year.on(BI.YearDateCombo.EVENT_CHANGE, function () { + self.setValue({ + year: self.year.getValue(), + month: self.month.getValue() + }); + self.fireEvent(BI.DatePicker.EVENT_CHANGE); + }) + this.month = BI.createWidget({ + type: "bi.month_date_combo" + }); + this.month.on(BI.MonthDateCombo.EVENT_CHANGE, function () { + self.setValue({ + year: self.year.getValue(), + month: self.month.getValue() + }); + self.fireEvent(BI.DatePicker.EVENT_CHANGE); + }); + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.left, + width: 25 + }, { + type: "bi.center_adapt", + items: [{ + type: "bi.horizontal", + width: 100, + items: [this.year, this.month] + }] + }, { + el: this.right, + width: 25 + }] + }) + this.setValue({ + year: this._year, + month: this._month + }) + }, + + setValue: function (ob) { + this._year = ob.year; + this._month = ob.month; + this.year.setValue(ob.year); + this.month.setValue(ob.month); + }, + + getValue: function () { + return { + year: this.year.getValue(), + month: this.month.getValue() + } + } +}); +BI.DatePicker.EVENT_CHANGE = "EVENT_CHANGE" +$.shortcut("bi.date_picker", BI.DatePicker);/** + * Created by GUY on 2015/9/7. + * @class BI.DateCalendarPopup + * @extends BI.Widget + */ +BI.DateCalendarPopup = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.DateCalendarPopup.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-date-calendar-popup", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + selectedTime: null + }) + }, + + _createNav: function (v) { + var date = BI.Calendar.getDateJSONByPage(v); + var calendar = BI.createWidget({ + type: "bi.calendar", + logic: { + dynamic: true + }, + min: this.options.min, + max: this.options.max, + year: date.year, + month: date.month, + day: this.selectedTime.day + }); + return calendar; + }, + + _init: function () { + BI.DateCalendarPopup.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.today = new Date(); + this._year = this.today.getFullYear(); + this._month = this.today.getMonth(); + this._day = this.today.getDate(); + + this.selectedTime = o.selectedTime || { + year: this._year, + month: this._month, + day: this._day + }; + this.datePicker = BI.createWidget({ + type: "bi.date_picker", + min: o.min, + max: o.max + }); + + this.calendar = BI.createWidget({ + direction: "top", + element: this, + logic: { + dynamic: true + }, + type: "bi.navigation", + tab: this.datePicker, + cardCreator: BI.bind(this._createNav, this), + + afterCardCreated: function () { + + }, + + afterCardShow: function () { + this.setValue(self.selectedTime); + } + }); + + this.datePicker.on(BI.DatePicker.EVENT_CHANGE, function () { + self.selectedTime = self.datePicker.getValue(); + self.selectedTime.day = 1; + self.calendar.setSelect(BI.Calendar.getPageByDateJSON(self.selectedTime)); + }); + + this.calendar.on(BI.Navigation.EVENT_CHANGE, function () { + self.selectedTime = self.calendar.getValue(); + self.setValue(self.selectedTime); + self.fireEvent(BI.DateCalendarPopup.EVENT_CHANGE); + }); + }, + + setValue: function (timeOb) { + this.datePicker.setValue(timeOb); + this.calendar.setSelect(BI.Calendar.getPageByDateJSON(timeOb)); + this.calendar.setValue(timeOb); + this.selectedTime = timeOb; + }, + + getValue: function () { + return this.selectedTime; + } +}); +BI.DateCalendarPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.date_calendar_popup", BI.DateCalendarPopup);/** + * 日期控件中的年份或月份trigger + * + * Created by GUY on 2015/9/7. + * @class BI.DateTriangleTrigger + * @extends BI.Trigger + */ +BI.DateTriangleTrigger = BI.inherit(BI.Trigger, { + _const: { + height: 25, + iconWidth: 16, + iconHeight: 13 + }, + + _defaultConfig: function() { + return BI.extend( BI.DateTriangleTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-date-triangle-trigger pull-down-ha-font cursor-pointer", + height: 25 + }); + }, + _init: function() { + BI.DateTriangleTrigger.superclass._init.apply(this, arguments); + var o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-item-text", + textAlign: "right", + text: o.text, + value: o.value, + height: c.height + }) + this.icon = BI.createWidget({ + type: "bi.icon", + width: c.iconWidth, + height: c.iconHeight + }); + + BI.createWidget({ + type: "bi.center_adapt", + element: this, + items: [{ + type: "bi.center_adapt", + width: 50, + height: c.height, + items: [this.text, this.icon] + }] + }) + }, + + setValue: function(v){ + this.text.setValue(v); + }, + + getValue: function(){ + return this.text.getValue(); + }, + + setText: function(v){ + this.text.setText(v); + }, + + getText: function(){ + return this.item.getText(); + }, + + getKey: function(){ + + } +}); +$.shortcut('bi.date_triangle_trigger', BI.DateTriangleTrigger);/** + * 日期下拉框 + * + * Created by GUY on 2015/9/7. + * @class BI.DateCombo + * @extends BI.Widget + */ +BI.DateCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.DateCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-date-combo", + height: 30 + }); + }, + _init: function () { + BI.DateCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.date_trigger" + }); + + this.trigger.on(BI.DateTrigger.EVENT_TRIGGER_CLICK, function () { + self.combo.toggle(); + }); + + this.popup = BI.createWidget({ + type: "bi.date_calendar_popup" + }); + + this.popup.on(BI.DateCalendarPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + toggle: false, + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + width: 270, + el: this.popup, + stopPropagation: false + } + }) + }, + + setValue: function (v) { + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + } +}); +$.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4, + vgap: 2, + triggerWidth: 30, + watermark: BI.i18nText("BI-Unrestricted"), + yearLength: 4, + yearMonthLength: 7 + }, + + _defaultConfig: function () { + return BI.extend(BI.DateTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-date-trigger", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + height: 25 + }); + }, + _init: function () { + BI.DateTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height, + validationChecker: function (v) { + var date = v.match(/\d+/g); + self._autoAppend(v, date); + return self._dateCheck(v) && Date.checkLegal(v) && self._checkVoid({ + year: date[0], + month: date[1], + day: date[2] + }); + }, + quitChecker: function () { + return false; + }, + hgap: c.hgap, + vgap: c.vgap, + allowBlank: true, + watermark: c.watermark, + errorText: function () { + if (self.editor.isEditing()) { + return BI.i18nText("BI-Date_Trigger_Error_Text"); + } + return BI.i18nText("BI-Year_Trigger_Invalid_Text"); + } + }); + this.editor.on(BI.SignEditor.EVENT_KEY_DOWN, function () { + self.fireEvent(BI.DateTrigger.EVENT_KEY_DOWN) + }); + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.DateTrigger.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_VALID, function () { + self.fireEvent(BI.DateTrigger.EVENT_VALID); + }); + this.editor.on(BI.SignEditor.EVENT_ERROR, function () { + self.fireEvent(BI.DateTrigger.EVENT_ERROR); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + var value = self.editor.getValue(); + if (BI.isNotNull(value)) { + self.editor.setState(value); + } + + if (BI.isNotEmptyString(value)) { + var date = value.split("-"); + self.store_value = { + type: BICst.MULTI_DATE_CALENDAR, + value:{ + year: date[0] | 0, + month: date[1] - 1, + day: date[2] | 0 + } + }; + } + self.fireEvent(BI.DateTrigger.EVENT_CONFIRM); + }); + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + if (self.editor.isValid()) { + self.editor.blur(); + } + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.DateTrigger.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.DateTrigger.EVENT_STOP); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.DateTrigger.EVENT_CHANGE); + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: BI.createWidget(), + width: 30 + }, { + el: this.editor + }] + }) + }, + _dateCheck: function (date) { + return Date.parseDateTime(date, "%Y-%x-%d").print("%Y-%x-%d") == date || Date.parseDateTime(date, "%Y-%X-%d").print("%Y-%X-%d") == date || Date.parseDateTime(date, "%Y-%x-%e").print("%Y-%x-%e") == date || Date.parseDateTime(date, "%Y-%X-%e").print("%Y-%X-%e") == date; + }, + _checkVoid: function (obj) { + return !Date.checkVoid(obj.year, obj.month, obj.day, this.options.min, this.options.max)[0]; + }, + _autoAppend: function (v, dateObj) { + var self = this; + var date = Date.parseDateTime(v, "%Y-%X-%d").print("%Y-%X-%d"); + var yearCheck = function (v) { + return Date.parseDateTime(v, "%Y").print("%Y") == v && date >= self.options.min && date <= self.options.max; + }; + var monthCheck = function (v) { + return Date.parseDateTime(v, "%Y-%X").print("%Y-%X") == v && date >= self.options.min && date <= self.options.max; + }; + if (BI.isNotNull(dateObj) && Date.checkLegal(v)) { + switch (v.length) { + case this._const.yearLength: + if (yearCheck(v)) { + this.editor.setValue(v + "-"); + } + break; + case this._const.yearMonthLength: + if (monthCheck(v)) { + this.editor.setValue(v + "-"); + } + break; + } + } + }, + + setValue: function (v) { + var type, value, self = this; + var date = new Date(); + this.store_value = v; + if (BI.isNotNull(v)) { + type = v.type || BICst.MULTI_DATE_CALENDAR; value = v.value; + if(BI.isNull(value)){ + value = v; + } + } + var _setInnerValue = function (date, text) { + var dateStr = date.print("%Y-%x-%e"); + self.editor.setState(dateStr); + self.editor.setValue(dateStr); + self.setTitle(text + ":" + dateStr); + }; + switch (type) { + case BICst.MULTI_DATE_YEAR_PREV: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_PREV]; + date = new Date((date.getFullYear() - 1 * value), date.getMonth(), date.getDate()); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_YEAR_AFTER: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_AFTER]; + date = new Date((date.getFullYear() + 1 * value), date.getMonth(), date.getDate()); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_YEAR_BEGIN: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_BEGIN]; + date = new Date(date.getFullYear(), 0, 1); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_YEAR_END: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_END]; + date = new Date(date.getFullYear(), 11, 31); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_QUARTER_PREV: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_PREV]; + date = new Date().getBeforeMulQuarter(value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_QUARTER_AFTER: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_AFTER]; + date = new Date().getAfterMulQuarter(value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_QUARTER_BEGIN: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_BEGIN]; + date = new Date().getQuarterStartDate(); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_QUARTER_END: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_END]; + date = new Date().getQuarterEndDate(); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_MONTH_PREV: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_PREV]; + date = new Date().getBeforeMultiMonth(value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_MONTH_AFTER: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_AFTER]; + date = new Date().getAfterMultiMonth(value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_MONTH_BEGIN: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_BEGIN]; + date = new Date(date.getFullYear(), date.getMonth(), 1); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_MONTH_END: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_END]; + date = new Date(date.getFullYear(), date.getMonth(), (date.getLastDateOfMonth()).getDate()); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_WEEK_PREV: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_PREV]; + date = date.getOffsetDate(-7 * value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_WEEK_AFTER: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_AFTER]; + date = date.getOffsetDate(7 * value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_DAY_PREV: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_PREV]; + date = date.getOffsetDate(-1 * value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_DAY_AFTER: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_AFTER]; + date = date.getOffsetDate(1 * value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_DAY_TODAY: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_TODAY]; + date = new Date(); + _setInnerValue(date, text); + break; + default: + if (BI.isNull(value) || BI.isNull(value.day)) { + this.editor.setState(""); + this.editor.setValue(""); + this.setTitle(""); + } else { + var dateStr = value.year + "-" + (value.month + 1) + "-" + value.day; + this.editor.setState(dateStr); + this.editor.setValue(dateStr); + this.setTitle(dateStr); + } + break; + } + }, + + getKey: function () { + return this.editor.getValue(); + }, + getValue: function () { + return this.store_value; + } + +}); +BI.DateTrigger.EVENT_FOCUS = "EVENT_FOCUS"; +BI.DateTrigger.EVENT_START = "EVENT_START"; +BI.DateTrigger.EVENT_STOP = "EVENT_STOP"; +BI.DateTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.DateTrigger.EVENT_CHANGE = "EVENT_CHANGE"; +BI.DateTrigger.EVENT_VALID = "EVENT_VALID"; +BI.DateTrigger.EVENT_ERROR = "EVENT_ERROR"; +BI.DateTrigger.EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK"; +BI.DateTrigger.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +$.shortcut("bi.date_trigger", BI.DateTrigger);/** + * Created by zcf on 2017/2/20. + */ +BI.DatePaneWidget = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.DatePaneWidget.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-date-pane-widget", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + selectedTime: null + }) + }, + _init: function () { + BI.DatePaneWidget.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.today = new Date(); + this._year = this.today.getFullYear(); + this._month = this.today.getMonth(); + + this.selectedTime = o.selectedTime || { + year: this._year, + month: this._month + }; + + this.datePicker = BI.createWidget({ + type: "bi.date_picker", + min: o.min, + max: o.max + }); + this.datePicker.on(BI.DatePicker.EVENT_CHANGE, function () { + self.selectedTime = self.datePicker.getValue(); + // self.selectedTime.day = 1; + self.calendar.setSelect(BI.Calendar.getPageByDateJSON(self.selectedTime)); + }); + + this.calendar = BI.createWidget({ + direction: "top", + element: this, + logic: { + dynamic: true + }, + type: "bi.navigation", + tab: this.datePicker, + cardCreator: BI.bind(this._createNav, this) + + // afterCardCreated: function () { + // + // }, + // + // afterCardShow: function () { + // // this.setValue(self.selectedTime); + // } + }); + this.calendar.on(BI.Navigation.EVENT_CHANGE, function () { + self.selectedTime = self.calendar.getValue(); + self.calendar.empty(); + self.setValue(self.selectedTime); + self.fireEvent(BI.DateCalendarPopup.EVENT_CHANGE); + }); + + }, + + _createNav: function (v) { + var date = BI.Calendar.getDateJSONByPage(v); + var calendar = BI.createWidget({ + type: "bi.calendar", + logic: { + dynamic: true + }, + min: this.options.min, + max: this.options.max, + year: date.year, + month: date.month, + day: this.selectedTime.day + }); + return calendar; + }, + + _getNewCurrentDate: function () { + var today = new Date(); + return { + year: today.getFullYear(), + month: today.getMonth() + } + }, + + _setCalenderValue: function (date) { + this.calendar.setSelect(BI.Calendar.getPageByDateJSON(date)); + this.calendar.setValue(date); + this.selectedTime = date; + }, + + _setDatePicker: function (timeOb) { + if (BI.isNull(timeOb) || BI.isNull(timeOb.year) || BI.isNull(timeOb.month)) { + this.datePicker.setValue(this._getNewCurrentDate()); + } else { + this.datePicker.setValue(timeOb); + } + }, + + _setCalendar: function (timeOb) { + if (BI.isNull(timeOb) || BI.isNull(timeOb.day)) { + this.calendar.empty(); + this._setCalenderValue(this._getNewCurrentDate()); + } else { + this._setCalenderValue(timeOb) + } + }, + + setValue: function (timeOb) { + this._setDatePicker(timeOb); + this._setCalendar(timeOb); + }, + + getValue: function () { + return this.selectedTime; + } + +}); +$.shortcut("bi.date_pane_widget", BI.DatePaneWidget);/** + * 带有方向的pathchooser + * + * Created by GUY on 2016/4/21. + * @class BI.DirectionPathChooser + * @extends BI.Widget + */ +BI.DirectionPathChooser = BI.inherit(BI.Widget, { + + _const: { + lineColor: "#808080", + selectLineColor: "#009de3" + }, + + _defaultConfig: function () { + return BI.extend(BI.DirectionPathChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-excel-table", + items: [] + }); + }, + + _init: function () { + BI.DirectionPathChooser.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.pathChooser = BI.createWidget({ + type: "bi.path_chooser", + element: this, + items: o.items + }); + this.pathChooser.on(BI.PathChooser.EVENT_CHANGE, function (start, index) { + //self._unselectAllArrows(); + self._setValue(start, index); + self.fireEvent(BI.DirectionPathChooser.EVENT_CHANGE); + }); + this._drawArrows(); + + }, + + _unselectAllArrows: function () { + var self = this, lineColor = this._const.lineColor; + BI.each(this.arrows, function (region, rs) { + BI.each(rs, function (idx, arrows) { + BI.each(arrows, function (i, arrow) { + arrow.attr({fill: lineColor, stroke: lineColor}); + }); + }); + }); + }, + + _drawOneArrow: function (dot, direction) { + //0,1,2,3 上右下左 + var lineColor = this._const.lineColor; + var selectLineColor = this._const.selectLineColor; + var svg = this.pathChooser.svg; + var path = ""; + switch (direction) { + case 0: + path = "M" + dot.x + "," + dot.y + + "L" + (dot.x - 3) + "," + (dot.y + 5) + + "L" + (dot.x + 3) + "," + (dot.y + 5) + + "L" + dot.x + "," + dot.y; + break; + case 1: + path = "M" + dot.x + "," + dot.y + + "L" + (dot.x - 5) + "," + (dot.y - 3) + + "L" + (dot.x - 5) + "," + (dot.y + 3) + + "L" + dot.x + "," + dot.y; + break; + case 2: + path = "M" + dot.x + "," + dot.y + + "L" + (dot.x - 3) + "," + (dot.y - 5) + + "L" + (dot.x + 3) + "," + (dot.y - 5) + + "L" + dot.x + "," + dot.y; + break; + case 3: + path = "M" + dot.x + "," + dot.y + + "L" + (dot.x + 5) + "," + (dot.y - 3) + + "L" + (dot.x + 5) + "," + (dot.y + 3) + + "L" + dot.x + "," + dot.y; + break; + } + return svg.path(path).attr({fill: lineColor, stroke: lineColor}); + }, + + _drawArrows: function () { + var self = this, o = this.options; + var routes = this.pathChooser.routes; + var pathes = this.pathChooser.pathes; + var store = this.pathChooser.store; + this.arrows = {}; + BI.each(routes, function (region, ps) { + self.arrows[region] = []; + BI.each(ps, function (idx, path) { + self.arrows[region][idx] = []; + var dots = pathes[region][idx]; + BI.each(dots, function (i, dot) { + if (i > 0 && i < dots.length - 1) { + var arrow; + if (dot.y === dots[i - 1].y) { + if (dots[i + 1].y != dot.y) { + if (store[path[path.length - 2]].direction === -1) { + if (i - 1 > 0) { + arrow = self._drawOneArrow(dots[i - 1], 3); + } + } else { + arrow = self._drawOneArrow(dots[i], 1); + } + } + } else if (dot.x === dots[i - 1].x) { + if (dot.y > dots[i - 1].y) { + if (store[BI.first(path)].direction === -1) { + arrow = self._drawOneArrow(dots[i - 1], 0); + } else { + arrow = self._drawOneArrow(dot, 2); + } + } else { + if (store[path[path.length - 2]].direction === -1) { + arrow = self._drawOneArrow(dots[i - 1], 2); + } else { + arrow = self._drawOneArrow(dot, 0); + } + } + } + if (arrow) { + self.arrows[region][idx].push(arrow); + } + } + }); + BI.each(path, function (i, node) { + if (i !== 0) { + var arrow; + var from = path[i - 1]; + if (store[from].direction === -1) { + var regionIndex = self.pathChooser.getRegionIndexById(from); + var x = getXoffsetByRegionIndex(regionIndex, -1); + var y = getYByXoffset(dots, x); + arrow = self._drawOneArrow({x: x, y: y}, 3); + } else { + var regionIndex = self.pathChooser.getRegionIndexById(node); + var x = getXoffsetByRegionIndex(regionIndex); + var y = getYByXoffset(dots, x); + arrow = self._drawOneArrow({x: x, y: y}, 1); + } + if (arrow) { + self.arrows[region][idx].push(arrow); + } + } + }); + }) + }); + + function getXoffsetByRegionIndex(regionIndex, diregion) { + if (diregion === -1) { + return 100 * (regionIndex + 1) - 20; + } + return 100 * regionIndex + 20; + } + + function getYByXoffset(dots, xoffset) { + var finded = BI.find(dots, function (i, dot) { + if (i > 0) { + if (dots[i - 1].x < xoffset && dots[i].x > xoffset) { + return true; + } + } + }); + return finded.y; + } + }, + + _setValue: function (start, index) { + var self = this; + var lineColor = this._const.lineColor; + var selectLineColor = this._const.selectLineColor; + var routes = this.pathChooser.routes; + var starts = this.pathChooser.start; + var each = [start]; + if (starts.contains(start)) { + each = starts; + } + BI.each(each, function (i, s) { + BI.each(self.arrows[s], function (j, arrows) { + BI.each(arrows, function (k, arrow) { + arrow.attr({fill: lineColor, stroke: lineColor}).toFront(); + }); + }); + }); + BI.each(this.arrows[start][index], function (i, arrow) { + arrow.attr({fill: selectLineColor, stroke: selectLineColor}).toFront(); + }); + var current = BI.last(routes[start][index]); + while (current && routes[current] && routes[current].length === 1) { + BI.each(self.arrows[current][0], function (i, arrow) { + arrow.attr({fill: selectLineColor, stroke: selectLineColor}).toFront(); + }); + current = BI.last(routes[current][0]); + } + }, + + setValue: function (v) { + this.pathChooser.setValue(v); + this._unselectAllArrows(); + var routes = this.pathChooser.routes; + var nodes = BI.keys(routes), self = this; + var result = [], array = []; + BI.each(v, function (i, val) { + if (BI.contains(nodes, val)) { + if (array.length > 0) { + array.push(val); + result.push(array); + array = []; + } + } + array.push(val); + }); + if (array.length > 0) { + result.push(array); + } + //画这n条路径 + BI.each(result, function (idx, path) { + var start = path[0]; + var index = BI.findIndex(routes[start], function (idx, p) { + if (BI.isEqual(path, p)) { + return true; + } + }); + if (index >= 0) { + self._setValue(start, index); + } + }); + }, + + getValue: function () { + return this.pathChooser.getValue(); + }, + + populate: function (items) { + this.pathChooser.populate(items); + this._drawArrows(); + } +}); +BI.DirectionPathChooser.EVENT_CHANGE = "DirectionPathChooser.EVENT_CHANGE"; +$.shortcut('bi.direction_path_chooser', BI.DirectionPathChooser);/** + * Created by roy on 15/8/14. + */ +BI.DownListCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.DownListCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-down-list-combo", + invalid: false, + height: 25, + items: [], + adjustLength: 0, + el: {} + }) + }, + + _init: function () { + BI.DownListCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.popupview = BI.createWidget({ + type: "bi.down_list_popup", + items: o.items, + chooseType: o.chooseType + }); + + this.popupview.on(BI.DownListPopup.EVENT_CHANGE, function (value) { + self.fireEvent(BI.DownListCombo.EVENT_CHANGE, value); + self.downlistcombo.hideView(); + }); + + this.popupview.on(BI.DownListPopup.EVENT_SON_VALUE_CHANGE, function (value, fatherValue) { + self.fireEvent(BI.DownListCombo.EVENT_SON_VALUE_CHANGE, value, fatherValue); + self.downlistcombo.hideView(); + }); + + + this.downlistcombo = BI.createWidget({ + element: this, + type: 'bi.combo', + isNeedAdjustWidth: false, + adjustLength: o.adjustLength, + el: BI.createWidget(o.el, { + type: "bi.icon_trigger", + extraCls: o.iconCls ? o.iconCls : "pull-down-font", + width: o.width, + height: o.height + }), + popup: { + el: this.popupview, + stopPropagation: true, + maxHeight: 400 + } + }); + + this.downlistcombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.DownListCombo.EVENT_BEFORE_POPUPVIEW); + }); + }, + + populate: function (items) { + this.popupview.populate(items); + }, + + setValue: function (v) { + this.popupview.setValue(v); + }, + getValue: function () { + return this.popupview.getValue() + } +}); +BI.DownListCombo.EVENT_CHANGE = "EVENT_CHANGE"; +BI.DownListCombo.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE"; +BI.DownListCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; + +$.shortcut("bi.down_list_combo", BI.DownListCombo);/** + * Created by roy on 15/9/6. + */ +BI.DownListGroup = BI.inherit(BI.Widget, { + constants: { + iconCls: "check-mark-ha-font" + }, + _defaultConfig: function () { + return BI.extend(BI.DownListGroup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-down-list-group", + items: [ + { + el: {} + } + ] + }) + }, + _init: function () { + BI.DownListGroup.superclass._init.apply(this, arguments); + var o = this.options, self = this; + + this.downlistgroup = BI.createWidget({ + element: this, + type: "bi.button_tree", + items: o.items, + chooseType: 0,//0单选,1多选 + layouts: [{ + type: "bi.vertical", + hgap: 0, + vgap: 0 + }] + }); + this.downlistgroup.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if(type === BI.Events.CLICK) { + self.fireEvent(BI.DownListGroup.EVENT_CHANGE, arguments); + } + }) + }, + getValue:function(){ + return this.downlistgroup.getValue(); + }, + setValue:function(v){ + this.downlistgroup.setValue(v); + } + + +}) +BI.DownListGroup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.down_list_group", BI.DownListGroup);BI.DownListItem = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.DownListItem.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-down-list-item", + cls: "", + height: 25, + logic: { + dynamic: true + }, + selected: false, + iconHeight: null, + iconWidth: null, + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.DownListItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.icon_text_item", + element: this, + height: o.height, + text: o.text, + value: o.value, + logic: o.logic, + selected: o.selected, + disabled: o.disabled, + iconHeight: o.iconHeight, + iconWidth: o.iconWidth, + textHgap: o.textHgap, + textVgap: o.textVgap, + textLgap: o.textLgap, + textRgap: o.textRgap, + father: o.father + }); + this.text.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.text.on(BI.IconTextItem.EVENT_CHANGE, function () { + self.fireEvent(BI.DownListItem.EVENT_CHANGE); + }); + // this.setSelected(o.selected); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + isSelected: function () { + return this.text.isSelected(); + }, + + setSelected: function (b) { + this.text.setSelected(b); + // if (b === true) { + // this.element.addClass("dot-e-font"); + // } else { + // this.element.removeClass("dot-e-font"); + // } + }, + + setValue: function (v) { + this.text.setValue(v); + }, + + getValue: function () { + return this.text.getValue(); + } +}); +BI.DownListItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.down_list_item", BI.DownListItem);BI.DownListGroupItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + var conf = BI.DownListGroupItem.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-down-list-group-item", + logic: { + dynamic: false + }, + invalid: true, + iconCls1: "dot-e-font", + iconCls2: "pull-right-e-font" + }) + }, + _init: function () { + BI.DownListGroupItem.superclass._init.apply(this, arguments); + var o = this.options; + var self = this; + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-group-item-text", + textAlign: "left", + text: o.text, + value: o.value, + height: o.height + }) + + this.icon1 = BI.createWidget({ + type: "bi.icon_button", + cls: o.iconCls1, + width: 25, + forceNotSelected: true + }) + + this.icon2 = BI.createWidget({ + type: "bi.icon_button", + cls: o.iconCls2, + width: 25, + forceNotSelected: true + }) + + var blank = BI.createWidget({ + type: "bi.layout", + width: 25 + }) + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.icon2, + top: 0, + bottom: 0, + right: 0 + }] + }) + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", this.icon1, this.text, blank) + })))); + + this.element.on("mouseenter." + this.getName(), function (e) { + if (self.element.__isMouseInBounds__(e) && self.isEnabled()) { + self.hover(); + } else { + self.dishover(); + } + }); + this.element.on("mousemove." + this.getName(), function (e) { + if (!self.element.__isMouseInBounds__(e) && self.isEnabled()) { + self.dishover() + } + }); + this.element.on("mouseleave." + this.getName(), function () { + if (self.isEnabled()) { + self.dishover() + } + }); + }, + + hover: function () { + BI.DownListGroupItem.superclass.hover.apply(this, arguments); + this.icon1.element.addClass("hover"); + this.icon2.element.addClass("hover"); + + }, + + dishover: function () { + BI.DownListGroupItem.superclass.dishover.apply(this, arguments); + this.icon1.element.removeClass("hover"); + this.icon2.element.removeClass("hover"); + }, + + doClick: function () { + BI.DownListGroupItem.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.DownListGroupItem.EVENT_CHANGE, this.getValue()); + } + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + setValue: function (v) { + var self = this, o = this.options; + v = BI.isArray(v) ? v : [v]; + BI.find(v, function(idx, value){ + if(BI.contains(o.childValues, value)){ + self.icon1.setSelected(true); + return true; + }else{ + self.icon1.setSelected(false); + } + }) + } +}); +BI.DownListGroupItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.down_list_group_item", BI.DownListGroupItem);/** + * Created by roy on 15/9/8. + * 处理popup中的item分组样式 + * 一个item分组中的成员大于一时,该分组设置为单选,并且默认状态第一个成员设置为已选择项 + */ +BI.DownListPopup = BI.inherit(BI.Pane, { + constants: { + nextIcon: "pull-right-e-font", + height: 25, + iconHeight: 12, + iconWidth: 12, + hgap: 0, + vgap: 0, + border: 1 + }, + _defaultConfig: function () { + var conf = BI.DownListPopup.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-down-list-popup", + items: [], + chooseType: BI.Selection.Multi + }) + }, + _init: function () { + BI.DownListPopup.superclass._init.apply(this, arguments); + this.singleValues = []; + this.childValueMap = {}; + this.fatherValueMap = {}; + var self = this, o = this.options, children = this._createChildren(o.items); + this.popup = BI.createWidget({ + type: "bi.button_tree", + items: BI.createItems(children, + {}, { + adjustLength: -2 + } + ), + layouts: [{ + type: "bi.vertical", + hgap: this.constants.hgap, + vgap: this.constants.vgap + }], + chooseType: o.chooseType + }); + + this.popup.on(BI.ButtonTree.EVENT_CHANGE, function (value, object) { + var changedValue = value; + if (BI.isNotNull(self.childValueMap[value])) { + changedValue = self.childValueMap[value]; + self.fireEvent(BI.DownListPopup.EVENT_SON_VALUE_CHANGE, changedValue, self.fatherValueMap[value]) + } else { + self.fireEvent(BI.DownListPopup.EVENT_CHANGE, changedValue, object); + } + + + if (!self.singleValues.contains(changedValue)) { + var item = self.getValue(); + var result = []; + BI.each(item, function (i, valueObject) { + if (valueObject.value != changedValue) { + result.push(valueObject); + } + }); + self.setValue(result); + } + + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.popup] + }); + + }, + _createChildren: function (items) { + var self = this, result = []; + BI.each(items, function (i, it) { + var item_done = { + type: "bi.down_list_group", + items: [] + }; + + BI.each(it, function (i, item) { + if (BI.isNotEmptyArray(item.children) && !BI.isEmpty(item.el)) { + item.type = "bi.combo_group"; + item.cls = "down-list-group"; + item.trigger = "hover"; + item.isNeedAdjustWidth = false; + item.el.title = item.el.title || item.el.text; + item.el.type = "bi.down_list_group_item"; + item.el.logic = { + dynamic: true + }; + item.el.height = self.constants.height; + item.el.iconCls2 = self.constants.nextIcon; + item.popup = { + lgap: 4, + el: { + type: "bi.button_tree", + chooseType: 0, + layouts: [{ + type: "bi.vertical" + }] + + } + }; + item.el.childValues = []; + BI.each(item.children, function (i, child) { + var fatherValue = BI.deepClone(item.el.value); + var childValue = BI.deepClone(child.value); + self.singleValues.push(child.value); + child.type = "bi.down_list_item"; + child.extraCls = " child-down-list-item"; + child.title = child.title || child.text; + child.textRgap = 10; + child.isNeedAdjustWidth = false; + child.logic = { + dynamic: true + }; + child.father = fatherValue; + self.fatherValueMap[self._createChildValue(fatherValue, childValue)] = fatherValue; + self.childValueMap[self._createChildValue(fatherValue, childValue)] = childValue; + child.value = self._createChildValue(fatherValue, childValue); + item.el.childValues.push(child.value); + }) + } else { + item.type = "bi.down_list_item"; + item.title = item.title || item.text; + item.textRgap = 10; + item.isNeedAdjustWidth = false; + item.logic = { + dynamic: true + } + } + var el_done = {}; + el_done.el = item; + item_done.items.push(el_done); + }); + if (self._isGroup(item_done.items)) { + BI.each(item_done.items, function (i, item) { + self.singleValues.push(item.el.value); + }) + } + + result.push(item_done); + if (self._needSpliter(i, items.length)) { + var spliter_container = BI.createWidget({ + type: "bi.vertical", + items: [{ + el: { + type: "bi.layout", + cls: "bi-down-list-spliter cursor-pointer", + height: 0 + } + + }], + cls: "bi-down-list-spliter-container cursor-pointer", + lgap: 10, + rgap: 10 + }); + result.push(spliter_container); + } + }); + return result; + }, + + _isGroup: function (i) { + return i.length > 1; + }, + + _needSpliter: function (i, itemLength) { + return i < itemLength - 1; + }, + + _createChildValue: function (fatherValue, childValue) { + return fatherValue + "_" + childValue + }, + + populate: function (items) { + BI.DownListPopup.superclass.populate.apply(this, arguments); + var self = this; + self.childValueMap = {}; + self.fatherValueMap = {}; + self.singleValues = []; + var children = self._createChildren(items); + var popupItem = BI.createItems(children, + {}, { + adjustLength: -2 + } + ); + self.popup.populate(popupItem); + }, + + setValue: function (valueItem) { + var self = this; + var valueArray = []; + BI.each(valueItem, function (i, item) { + var value; + if (BI.isNotNull(item.childValue)) { + value = self._createChildValue(item.value, item.childValue); + } else { + value = item.value; + } + valueArray.push(value); + } + ); + this.popup.setValue(valueArray); + }, + + getValue: function () { + var self = this, result = []; + var values = this.popup.getValue(); + BI.each(values, function (i, value) { + var valueItem = {}; + if (BI.isNotNull(self.childValueMap[value])) { + var fartherValue = self.fatherValueMap[value]; + valueItem.childValue = self.childValueMap[value]; + valueItem.value = fartherValue; + } else { + valueItem.value = value; + } + result.push(valueItem); + }); + return result; + } + + +}); + +BI.DownListPopup.EVENT_CHANGE = "EVENT_CHANGE"; +BI.DownListPopup.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE"; +$.shortcut("bi.down_list_popup", BI.DownListPopup);/** + * Created by windy on 2016/12/20. + */ +BI.DynamicGroupTabButtonGroup = BI.inherit(BI.Widget, { + + _const: { + MERGE_ADD_WIDTH: 65 + }, + + _defaultConfig: function () { + return BI.extend(BI.DynamicGroupTabButtonGroup.superclass._defaultConfig.apply(this, arguments), { + cls: "bi-dynamic-group-tab-button-group", + items: [], + frozenButtons: [], + height: 30 + }) + }, + + _init: function () { + BI.DynamicGroupTabButtonGroup.superclass._init.apply(this, arguments); + var o = this.options; + this.tab = BI.createWidget({ + type: "bi.button_group", + height: o.height, + items: [], + layouts: [{ + type: "bi.horizontal", + scrollable: false, + scrollx: false + }] + }); + + this.tab.on(BI.ButtonGroup.EVENT_CHANGE, function (value, obj) { + self.fireEvent(BI.DynamicGroupTabButtonGroup.EVENT_CHANGE, arguments); + }); + + var self = this; + + this.scrollLeft = BI.createWidget({ + type: "bi.icon_button", + cls: "pre-page-font bi-icon-button-scroll", + invisible: true + }); + + this.scrollLeft.on(BI.IconButton.EVENT_CHANGE, function () { + self._scrollLeft(); + }); + this.scrollRight = BI.createWidget({ + type: "bi.icon_button", + cls: "next-page-font bi-icon-button-scroll", + invisible: true + }); + this.scrollRight.on(BI.IconButton.EVENT_CHANGE, function () { + self._scrollRight(); + }); + BI.ResizeDetector.addResizeListener(this, function () { + self.resize(); + }); + + BI.createWidget({ + type: "bi.left", + element: this, + items: [{ + type: "bi.horizontal", + tgap: -1, + height: o.height, + scrollx: false, + cls: "bi-sheet-tab-dynamic-horizontal", + items: [this.tab, + { + type: "bi.vertical_adapt", + items: [this.scrollLeft], + height: o.height + }, + { + type: "bi.vertical_adapt", + items: [this.scrollRight], + height: o.height + }, + { + type: "bi.vertical_adapt", + items: o.frozenButtons, + height: o.height, + lgap: 10 + } + ] + }] + }) + }, + + _scrollLeft: function () { + this._scrollTo(this.tab.element[0].scrollLeft - this.scrollSection) + }, + + _scrollRight: function () { + this._scrollTo(this.tab.element[0].scrollLeft + this.scrollSection) + }, + + _getTotalWidth: function () { + var totalWidth = this.element.outerWidth(); + totalWidth -= this._const.MERGE_ADD_WIDTH; + BI.each(this.options.frozenButtons, function (idx, button) { + if (BI.isWidget(button)) { + totalWidth -= button.getWidth(); + } else { + totalWidth -= button.width; + } + }) + return totalWidth; + }, + + _calculateButtonsWith: function (fn) { + var buttonWidth = 0; + var self = this; + BI.some(this.tab.getAllButtons(), function (idx, item) { + buttonWidth += item.element.outerWidth(); + if (BI.isNotNull(fn) && fn.apply(self, [item])) { + return true; + } + }) + return buttonWidth; + }, + + _dealWithScrollButtonState: function () { + var buttonWidth = this._calculateButtonsWith(); + if (this.tab.element[0].scrollLeft === 0) { + this.scrollLeft.setEnable(false); + } else { + this.scrollLeft.setEnable(true); + } + var ulWidth = this.tab.element.outerWidth(); + //可以滚动的最大距离 + var maxLeft = buttonWidth - ulWidth; + if (this.tab.element[0].scrollLeft === maxLeft) { + this.scrollRight.setEnable(false); + } else { + this.scrollRight.setEnable(true); + } + }, + + _needScroll: function (visibleWidth, buttonWidth) { + var currentLeft = this.tab.element[0].scrollLeft; + return (visibleWidth > currentLeft && visibleWidth - currentLeft > buttonWidth) || + (visibleWidth < currentLeft) + }, + + _scrollTo: function (value) { + var self = this; + BI.delay(function () { + self.tab.element.scrollLeft(value); + self._dealWithScrollButtonState(); + }, 30); + }, + + _scrollToEnd: function () { + this._scrollTo(this._calculateButtonsWith()) + }, + + resize: function () { + //获取当前所有可使用的宽度,不包含添加和合并和导航按钮以及之间的空隙 + var totalWidth = this._getTotalWidth(); + //所有button的宽度 + var buttonWidth = this._calculateButtonsWith(); + var width = buttonWidth; + var showScrollButton = false; + if (buttonWidth > totalWidth) { + width = totalWidth; + showScrollButton = true; + } + this.scrollLeft.setVisible(showScrollButton); + this.scrollRight.setVisible(showScrollButton); + //这边动态改变buttongroup的宽度,因为最大宽度是变的 + this.tab.element.width(width); + this._dealWithScrollButtonState(); + this.scrollSection = width * 2 / 3; + this.scrollSelectedVisible(); + }, + + scrollSelectedVisible: function () { + var value = this.tab.getValue()[0]; + //从index 0到当前选中的tab的所有button的宽度 + var visibleWidth = this._calculateButtonsWith(function (item) { + if (item.getValue() === value) { + return true; + } + }) + var buttonWidth = this._getTotalWidth(); + var scrollWidth = visibleWidth - buttonWidth / 2; + if (this._needScroll(visibleWidth, buttonWidth)) { + this._scrollTo(scrollWidth) + } + }, + + getAllButtons: function () { + return this.tab.getAllButtons.apply(this.tab, arguments); + }, + + addItems: function (items) { + this.tab.addItems.apply(this.tab, arguments); + this.resize(); + this._scrollToEnd(); + }, + + getValue: function () { + this.tab.getValue.apply(this.tab, arguments); + }, + + setValue: function (v) { + this.tab.setValue.apply(this.tab, arguments); + }, + + populate: function () { + this.tab.populate.apply(this.tab, arguments); + this.resize(); + } +}) + +BI.DynamicGroupTabButtonGroup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.dynamic_group_tab_button_group", BI.DynamicGroupTabButtonGroup);/** + * + * Created by GUY on 2016/3/28. + * @class BI.ExcelTableCell + * @extends BI.Widget + */ +BI.ExcelTableCell = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ExcelTableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-excel-table-cell", + text: "" + }); + }, + + _init: function () { + BI.ExcelTableCell.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "normal", + height: this.options.height, + text: this.options.text, + value: this.options.value + }) + } +}); +$.shortcut('bi.excel_table_cell', BI.ExcelTableCell);/** + * + * Created by GUY on 2016/3/28. + * @class BI.ExcelTableHeaderCell + * @extends BI.Widget + */ +BI.ExcelTableHeaderCell = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ExcelTableHeaderCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-excel-table-header-cell", + text: "" + }); + }, + + _init: function () { + BI.ExcelTableHeaderCell.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + BI.createWidget({ + type: "bi.label", + element: this, + textAlign: BI.HorizontalAlign.Center, + whiteSpace: "normal", + height: this.options.height, + text: this.options.text, + value: this.options.value + }) + } +}); +$.shortcut('bi.excel_table_header_cell', BI.ExcelTableHeaderCell);/** + * Excel表格 + * + * Created by GUY on 2016/3/28. + * @class BI.ExcelTable + * @extends BI.Widget + */ +BI.ExcelTable = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ExcelTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-excel-table", + el: { + type: "bi.adaptive_table" + }, + + isNeedResize: false, + isResizeAdapt: true, + + isNeedMerge: false,//是否需要合并单元格 + mergeCols: [], //合并的单元格列号 + mergeRule: function (row1, row2) { //合并规则, 默认相等时合并 + return BI.isEqual(row1, row2); + }, + + columnSize: [], + headerRowSize: 37, + footerRowSize: 37, + rowSize: 37, + + regionColumnSize: false, + + items: [] //二维数组 + }); + }, + + _init: function () { + BI.ExcelTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + var mergeCols = []; + BI.each(o.mergeCols, function (i, col) { + mergeCols.push(col + 1); + }); + this.table = BI.createWidget(o.el, { + type: "bi.table_view", + element: this, + isNeedResize: o.isNeedResize, + isResizeAdapt: o.isResizeAdapt, + + isNeedFreeze: false, + + isNeedMerge: o.isNeedMerge, + mergeCols: mergeCols, + mergeRule: o.mergeRule, + + columnSize: [""].concat(o.columnSize), + headerRowSize: 18, + rowSize: o.rowSize, + + regionColumnSize: o.regionColumnSize || [82, ""] + }); + + if (BI.isNotEmptyArray(o.items)) { + this.populate(o.items); + } + BI.nextTick(function () { + self.setRegionColumnSize(o.regionColumnSize || [82, ""]); + }); + }, + + resize: function () { + this.table.resize(); + }, + + setColumnSize: function (columnSize) { + this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + getCalculateColumnSize: function () { + return this.table.getCalculateColumnSize(); + }, + + setHeaderColumnSize: function (columnSize) { + this.table.setHeaderColumnSize(columnSize); + }, + + setRegionColumnSize: function (columnSize) { + this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getCalculateRegionColumnSize: function () { + return this.table.getCalculateRegionColumnSize(); + }, + + getCalculateRegionRowSize: function () { + return this.table.getCalculateRegionRowSize(); + }, + + getClientRegionColumnSize: function () { + return this.table.getClientRegionColumnSize(); + }, + + getScrollRegionColumnSize: function () { + return this.table.getScrollRegionColumnSize(); + }, + + getScrollRegionRowSize: function () { + return this.table.getScrollRegionRowSize(); + }, + + hasVerticalScroll: function () { + return this.table.hasVerticalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + this.table.setVerticalScroll(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + this.table.setLeftHorizontalScroll(scrollLeft); + }, + + setRightHorizontalScroll: function (scrollLeft) { + this.table.setRightHorizontalScroll(scrollLeft); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + getLeftHorizontalScroll: function () { + return this.table.getLeftHorizontalScroll(); + }, + + getRightHorizontalScroll: function () { + return this.table.getRightHorizontalScroll(); + }, + + getColumns: function () { + return this.table.getColumns(); + }, + + resizeHeader: function () { + this.table.resize(); + this.table._resizeHeader && this.table._resizeHeader(); + }, + + attr: function (key,value) { + var self = this; + if (BI.isObject(key)) { + BI.each(key, function (k, v) { + self.attr(k, v); + }); + return; + } + BI.ExcelTable.superclass.attr.apply(this, arguments); + switch (key){ + case "mergeCols": + var mCols = []; + BI.each(value, function (i, col) { + mCols.push(col + 1); + }); + value=mCols; + break; + } + this.table.attr.apply(this.table, arguments); + }, + + populate: function (rows) { + var self = this; + var columnSize = this.getColumnSize(); + var items = []; + var header = [{ + type: "bi.excel_table_header_cell" + }]; + if (BI.isNotNull(rows)) { + BI.each(columnSize, function (i, size) { + header.push({ + type: "bi.excel_table_header_cell", + text: BI.int2Abc(i + 1) + }); + }); + BI.each(rows, function (i, row) { + items.push([{ + type: "bi.excel_table_header_cell", + text: (i + 1) + }].concat(row)); + }); + } + this.table.populate(items, [header]); + }, + + destroy: function () { + this.table.destroy(); + BI.ExcelTable.superclass.destroy.apply(this, arguments); + } +}); +$.shortcut('bi.excel_table', BI.ExcelTable);/** + * 文件管理控件组 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerButtonGroup + * @extends BI.Widget + */ +BI.FileManagerButtonGroup = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.FileManagerButtonGroup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-button_group", + items: [] + }) + }, + + _init: function () { + BI.FileManagerButtonGroup.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.button_group = BI.createWidget({ + type: "bi.button_tree", + element: this, + chooseType: BI.Selection.Multi, + items: this._formatItems(o.items), + layouts: [{ + type: "bi.vertical" + }] + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + _formatItems: function (items) { + var self = this, o = this.options; + BI.each(items, function (i, item) { + if (item.children && item.children.length > 0) { + item.type = "bi.file_manager_folder_item"; + } else { + item.type = "bi.file_manager_file_item"; + } + }); + return items; + }, + + setValue: function (v) { + this.button_group.setValue(v); + }, + + getValue: function () { + return this.button_group.getValue(); + }, + + getNotSelectedValue: function () { + return this.button_group.getNotSelectedValue(); + }, + + getAllLeaves: function () { + return this.button_group.getAllLeaves(); + }, + + getAllButtons: function () { + return this.button_group.getAllButtons(); + }, + + getSelectedButtons: function () { + return this.button_group.getSelectedButtons(); + }, + + getNotSelectedButtons: function () { + return this.button_group.getNotSelectedButtons(); + }, + + populate: function (items) { + this.button_group.populate(this._formatItems(items)); + } +}); +BI.FileManagerButtonGroup.EVENT_CHANGE = "FileManagerButtonGroup.EVENT_CHANGE"; +$.shortcut("bi.file_manager_button_group", BI.FileManagerButtonGroup);/** + * 文件管理控件 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManager + * @extends BI.Widget + */ +BI.FileManager = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.FileManager.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager", + el: {}, + items: [] + }) + }, + + _init: function () { + BI.FileManager.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.tree = new BI.Tree(); + var items = BI.Tree.transformToTreeFormat(o.items); + this.tree.initTree(items); + this.selectedValues = []; + this.nav = BI.createWidget({ + type: "bi.file_manager_nav", + items: BI.deepClone(items) + }); + this.nav.on(BI.FileManagerNav.EVENT_CHANGE, function (value, obj) { + if (value == "-1") {//根节点 + self.populate({children: self.tree.toJSON()}); + } else { + var node = self.tree.search(obj.attr("id")); + self.populate(BI.extend({id: node.id}, node.get("data"), {children: self.tree.toJSON(node)})); + } + self.setValue(self.selectedValues); + }); + this.list = BI.createWidget(o.el, { + type: "bi.file_manager_list", + items: items + }); + this.list.on(BI.Controller.EVENT_CHANGE, function (type, selected, obj) { + if (type === BI.Events.CHANGE) { + var node = self.tree.search(obj.attr("id")); + self.populate(BI.extend({id: node.id}, node.get("data"), {children: self.tree.toJSON(node)})); + } else if (type === BI.Events.CLICK) { + var values = []; + if (obj instanceof BI.MultiSelectBar) { + var t = self.list.getValue(); + selected = t.type === BI.Selection.All; + values = BI.concat(t.assist, t.value); + } else { + values = obj.getAllLeaves(); + } + BI.each(values, function (i, v) { + if (selected === true) { + self.selectedValues.pushDistinct(v); + } else { + self.selectedValues.remove(v); + } + }); + } + self.setValue(self.selectedValues); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.list, + left: 0, + right: 0, + top: 0, + bottom: 10 + }, { + el: this.nav, + left: 40, + right: 100, + top: 0 + }] + }); + }, + + setValue: function (value) { + this.selectedValues = value || []; + this.list.setValue(this.selectedValues); + }, + + getValue: function () { + var obj = this.list.getValue(); + var res = obj.type === BI.Selection.All ? obj.assist : obj.value; + res.pushDistinctArray(this.selectedValues); + return res; + }, + + _populate: function (items) { + this.list.populate(items); + }, + + getSelectedValue: function () { + return this.nav.getValue()[0]; + }, + + getSelectedId: function () { + return this.nav.getId()[0]; + }, + + populate: function (node) { + var clone = BI.deepClone(node); + this._populate(node.children); + this.nav.populate(clone); + } +}); +BI.FileManager.EVENT_CHANGE = "FileManager.EVENT_CHANGE"; +$.shortcut("bi.file_manager", BI.FileManager);/** + * 文件管理控件 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerFileItem + * @extends BI.Single + */ +BI.FileManagerFileItem = BI.inherit(BI.Single, { + + _defaultConfig: function () { + return BI.extend(BI.FileManagerFileItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-file-item bi-list-item", + height: 30 + }) + }, + + _init: function () { + BI.FileManagerFileItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checked = BI.createWidget({ + type: "bi.multi_select_bar", + text: "", + width: 36, + height: o.height + }); + this.checked.on(BI.Controller.EVENT_CHANGE, function () { + arguments[2] = self; + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.checked, + width: 36 + }, { + el: { + type: "bi.icon_button", + cls: "create-by-me-file-font" + }, + width: 20 + }, { + el: { + type: "bi.label", + textAlign: "left", + height: o.height, + text: o.text, + value: o.value + } + }] + }) + }, + + getAllLeaves: function(){ + return [this.options.value]; + }, + + isSelected: function () { + return this.checked.isSelected(); + }, + + setSelected: function (v) { + this.checked.setSelected(v); + } +}); +BI.FileManagerFileItem.EVENT_CHANGE = "FileManagerFileItem.EVENT_CHANGE"; +$.shortcut("bi.file_manager_file_item", BI.FileManagerFileItem);/** + * 文件管理控件 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerFolderItem + * @extends BI.Single + */ +BI.FileManagerFolderItem = BI.inherit(BI.Single, { + + _defaultConfig: function () { + return BI.extend(BI.FileManagerFolderItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-folder-item bi-list-item", + height: 30 + }) + }, + + _init: function () { + BI.FileManagerFolderItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checked = BI.createWidget({ + type: "bi.multi_select_bar", + text: "", + width: 36, + height: o.height + }); + this.checked.on(BI.Controller.EVENT_CHANGE, function () { + arguments[2] = self; + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button = BI.createWidget({ + type: "bi.text_button", + textAlign: "left", + height: o.height, + text: o.text, + value: o.value + }); + this.button.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CHANGE, o.value, self); + }); + + this.tree = new BI.Tree(); + this.tree.initTree([{ + id: o.id, + children: o.children + }]); + this.selectValue = []; + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.checked, + width: 36 + }, { + el: { + type: "bi.icon_button", + cls: "create-by-me-folder-font" + }, + width: 20 + }, { + el: this.button + }] + }) + }, + + setAllSelected: function (v) { + this.checked.setSelected(v); + this.selectValue = []; + }, + + setHalfSelected: function (v) { + this.checked.setHalfSelected(v); + if(!v){ + this.selectValue = []; + } + }, + + setValue: function (v) { + var self = this, o = this.options; + var isHalf = false; + var selectValue = []; + this.tree.traverse(function (node) { + if (node.isLeaf()) { + if (BI.contains(v, node.get("data").value)) { + selectValue.push(node.get("data").value); + } else { + isHalf = true; + } + } + }); + this.setAllSelected(selectValue.length > 0 && !isHalf); + this.setHalfSelected(selectValue.length > 0 && isHalf); + if (this.checked.isHalfSelected()) { + this.selectValue = selectValue; + } + }, + + getAllButtons: function () { + return [this]; + }, + + getAllLeaves: function () { + var o = this.options; + var res = []; + this.tree.traverse(function (node) { + if (node.isLeaf()) { + res.push(node.get("data").value) + } + }); + return res; + }, + + getNotSelectedValue: function () { + var self = this, o = this.options; + var res = []; + var isAllSelected = this.checked.isSelected(); + if (isAllSelected === true) { + return res; + } + var isHalfSelected = this.checked.isHalfSelected(); + this.tree.traverse(function (node) { + if (node.isLeaf()) { + var v = node.get("data").value; + if (isHalfSelected === true) { + if (!BI.contains(self.selectValue, node.get("data").value)) { + res.push(v); + } + } else { + res.push(v); + } + } + }); + return res; + }, + + getValue: function () { + var res = []; + if (this.checked.isSelected()) { + this.tree.traverse(function (node) { + if (node.isLeaf()) { + res.push(node.get("data").value); + } + }); + return res; + } + if (this.checked.isHalfSelected()) { + return this.selectValue; + } + return []; + } +}); +BI.FileManagerFolderItem.EVENT_CHANGE = "FileManagerFolderItem.EVENT_CHANGE"; +$.shortcut("bi.file_manager_folder_item", BI.FileManagerFolderItem);/** + * 文件管理控件列表 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerList + * @extends BI.Widget + */ +BI.FileManagerList = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.FileManagerList.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-list", + el: {}, + items: [] + }) + }, + + _init: function () { + BI.FileManagerList.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.list = BI.createWidget({ + type: "bi.select_list", + element: this, + items: o.items, + toolbar: { + type: "bi.multi_select_bar", + height: 40, + text: "" + }, + el: { + type: "bi.list_pane", + el: BI.isWidget(o.el) ? o.el : BI.extend({ + type: "bi.file_manager_button_group" + }, o.el) + } + }); + this.list.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + setValue: function (v) { + this.list.setValue({ + value: v + }); + }, + + getValue: function () { + return this.list.getValue(); + }, + + populate: function (items) { + this.list.populate(items); + this.list.setToolBarVisible(true); + } +}); +BI.FileManagerList.EVENT_CHANGE = "FileManagerList.EVENT_CHANGE"; +$.shortcut("bi.file_manager_list", BI.FileManagerList);/** + * 文件管理导航按钮 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerNavButton + * @extends BI.Widget + */ +BI.FileManagerNavButton = BI.inherit(BI.Widget, { + + _const: { + normal_color: "#ffffff", + select_color: "#f4f4f4" + }, + _defaultConfig: function () { + return BI.extend(BI.FileManagerNavButton.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-nav-button", + selected: false, + height: 40 + }) + }, + + _init: function () { + BI.FileManagerNavButton.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.button = BI.createWidget({ + type: "bi.text_button", + cls: "file-manager-nav-button-text", + once: true, + selected: o.selected, + text: o.text, + title: o.text, + value: o.value, + height: o.height, + lgap: 20, + rgap: 10 + }); + this.button.on(BI.Controller.EVENT_CHANGE, function () { + arguments[2] = self; + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + var svg = BI.createWidget({ + type: "bi.svg", + cls: "file-manager-nav-button-triangle", + width: 15, + height: o.height + }); + var path = svg.path("M0,0L15,20L0,40").attr({ + "stroke": c.select_color, + "fill": o.selected ? c.select_color : c.normal_color + }); + this.button.on(BI.TextButton.EVENT_CHANGE, function () { + if (this.isSelected()) { + path.attr("fill", c.select_color); + } else { + path.attr("fill", c.normal_color); + } + }); + BI.createWidget({ + type: "bi.default", + element: this, + items: [this.button] + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: svg, + right: -15, + top: 0, + bottom: 0 + }] + }) + }, + + isSelected: function () { + return this.button.isSelected(); + }, + + setValue: function (v) { + this.button.setValue(v); + }, + + getValue: function () { + return this.button.getValue(); + }, + + populate: function (items) { + + } +}); +BI.FileManagerNavButton.EVENT_CHANGE = "FileManagerNavButton.EVENT_CHANGE"; +$.shortcut("bi.file_manager_nav_button", BI.FileManagerNavButton);/** + * 文件管理导航 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerNav + * @extends BI.Widget + */ +BI.FileManagerNav = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.FileManagerNav.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-nav", + height: 40, + items: [] + }) + }, + + _init: function () { + BI.FileManagerNav.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.tree = new BI.Tree(); + this.refreshTreeData(o.items); + this.tree.getRoot().set("data", { + text: BI.i18nText("BI-Created_By_Me"), + value: BI.FileManagerNav.ROOT_CREATE_BY_ME, + id: BI.FileManagerNav.ROOT_CREATE_BY_ME + }); + this.button_group = BI.createWidget({ + type: "bi.button_group", + element: this, + items: [{ + type: "bi.file_manager_nav_button", + text: BI.i18nText("BI-Created_By_Me"), + selected: true, + id: BI.FileManagerNav.ROOT_CREATE_BY_ME, + value: BI.FileManagerNav.ROOT_CREATE_BY_ME + }], + layouts: [{ + type: "bi.horizontal" + }] + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button_group.on(BI.ButtonGroup.EVENT_CHANGE, function (value, obj) { + self.fireEvent(BI.FileManagerNav.EVENT_CHANGE, arguments); + }); + }, + + _getAllParents: function (id) { + var node, res = []; + if (!id) { + node = this.tree.getRoot(); + } else { + node = this.tree.search(id); + } + while (node.parent) { + res.push(node); + node = node.parent; + } + res.push(node); + return res.reverse(); + }, + + _formatNodes: function (nodes) { + var res = []; + BI.each(nodes, function (i, node) { + res.push(BI.extend({ + type: "bi.file_manager_nav_button", + id: node.id + }, node.get("data"))); + }); + BI.last(res).selected = true; + return res; + }, + + getValue: function () { + return this.button_group.getValue(); + }, + + getId: function () { + var ids = []; + BI.each(this.button_group.getSelectedButtons(), function (i, btn) { + ids.push(btn.attr("id")); + }); + return ids; + }, + + refreshTreeData: function(items){ + this.tree.initTree(BI.Tree.transformToTreeFormat(items)); + this.tree.getRoot().set("data", { + text: BI.i18nText("BI-Created_By_Me"), + value: BI.FileManagerNav.ROOT_CREATE_BY_ME, + id: BI.FileManagerNav.ROOT_CREATE_BY_ME + }); + }, + + populate: function (node) { + var parents = BI.isNull(node) ? [this.tree.getRoot()] : this._getAllParents(node.id); + this.button_group.populate(this._formatNodes(parents)); + } +}); +BI.extend(BI.FileManagerNav, { + ROOT_CREATE_BY_ME: "-1" +}); +BI.FileManagerNav.EVENT_CHANGE = "FileManagerNav.EVENT_CHANGE"; +$.shortcut("bi.file_manager_nav", BI.FileManagerNav);/** + * 过滤条件抽象类 + * + * @class BI.AbstractFilterItem + * @extend BI.Widget + */ +BI.AbstractFilterItem = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.AbstractFilterItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-filter-item" + }) + }, + + _init: function () { + BI.AbstractFilterItem.superclass._init.apply(this, arguments); + }, + + isSelectedCondition: function () { + return this.emptyItem && this.emptyItem.isVisible(); + }, + + setSelectedCondition: function (b) { + if (!!b) { + if (!this.emptyItem) { + this.emptyItem = BI.createWidget({ + type: "bi.absolute", + height: 40, + cls: "filter-item-empty-item", + items: [{ + el: { + type: "bi.center_adapt", + cls: "empty-filter-item-leaf" + } + }], + hgap: 10, + vgap: 5 + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.emptyItem], + scrolly: false + }); + } + } + this.emptyItem && this.emptyItem.setVisible(b); + } +});/** + * @class BI.FilterExpander + * @extend BI.AbstractFilterItem + * 过滤树的一个expander节点 + */ +BI.FilterExpander = BI.inherit(BI.AbstractFilterItem, { + + _constant: { + EXPANDER_WIDTH: 20 + }, + + _defaultConfig: function () { + var conf = BI.FilterExpander.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-filter-expander", + el: {}, + popup: {} + }) + }, + + _init: function () { + BI.FilterExpander.superclass._init.apply(this, arguments); + this._initExpander(); + this._initConditionsView(); + BI.createWidget({ + type: "bi.horizontal_adapt", + element: this, + items: [this.expander, this.conditionsView] + }); + }, + + _initExpander: function () { + var self = this, o = this.options; + var value = o.value, text = ""; + if (value === BICst.FILTER_TYPE.AND) { + text = BI.i18nText("BI-Basic_And"); + } else { + text = BI.i18nText("BI-Basic_Or"); + } + this.expander = BI.createWidget({ + type: "bi.text_button", + cls: "condition-and-or", + text: text, + value: value, + id: o.id, + width: this._constant.EXPANDER_WIDTH, + height: "100%" + }); + this.expander.on(BI.Controller.EVENT_CHANGE, function (type) { + arguments[2] = self; + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + _initConditionsView: function () { + var self = this, popup = this.options.popup; + this.conditionsView = BI.createWidget(popup); + this.conditionsView.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + getValue: function () { + return { + type: this.expander.getValue(), + value: this.conditionsView.getValue(), + id: this.options.id + }; + }, + + setValue: function () { + + }, + + populate: function (items) { + this.conditionsView.populate.apply(this.conditionsView, arguments); + } +}); +$.shortcut("bi.filter_expander", BI.FilterExpander);/** + * 过滤 + * + * Created by GUY on 2015/11/20. + * @class BI.Filter + * @extend BI.Widget + */ +BI.Filter = BI.inherit(BI.Widget, { + + constants: { + FIELD_TYPE_NUMBER: 1, + FIELD_TYPE_STRING: 0, + FIELD_TYPE_DATE: 2 + }, + + _defaultConfig: function () { + return BI.extend(BI.Filter.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-filter", + expander: {}, + items: [], + el: {}, + itemCreator: BI.empty + }) + }, + + _init: function () { + BI.Filter.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.filter = BI.createWidget(o.el,{ + type: "bi.filter_operation", + expander: o.expander, + items: o.items, + element: this + }); + this.filter.on(BI.FilterOperation.EVENT_OPERATION, function (type) { + switch (type) { + case BICst.FILTER_OPERATION_CONDITION: + case BICst.FILTER_OPERATION_CONDITION_AND: + self._addAndOrCondition(BICst.FILTER_TYPE.EMPTY_CONDITION); + break; + case BICst.FILTER_OPERATION_CONDITION_OR: + self._addAndOrCondition(BICst.FILTER_TYPE.EMPTY_CONDITION, 1); + break; + case BICst.FILTER_OPERATION_FORMULA: + case BICst.FILTER_OPERATION_FORMULA_AND: + self._addAndOrCondition(BICst.FILTER_TYPE.EMPTY_FORMULA); + break; + case BICst.FILTER_OPERATION_FORMULA_OR: + self._addAndOrCondition(BICst.FILTER_TYPE.EMPTY_FORMULA, 1); + break; + } + }); + this.filter.on(BI.FilterOperation.EVENT_DESTROY_ITEM, function (id) { + self._removeCondition(id); + }); + + this.tree = new BI.Tree(); + this.tree.initTree(o.items); + }, + + _removeCondition: function (id) { + var finded = this.tree.search(id); + if (BI.isNotNull(finded)) { + var parent = finded.getParent(); + parent.removeChild(id); + if (parent.getChildrenLength() <= 1) { + var prev = parent.getParent(); + if (BI.isNotNull(prev)) { + var index = prev.getChildIndex(parent.id); + prev.removeChildByIndex(index); + if (parent.getChildrenLength() === 1) { + prev.addChild(parent.getFirstChild(), index); + } + } + } + this._populate(this.tree.toJSONWithNode()); + this.fireEvent(BI.Filter.EVENT_CHANGE); + } + }, + + _createEmptyNode: function (type) { + var node = new BI.Node(BI.UUID()); + node.set("data", { + value: type + }); + return node; + }, + + _insertAndOrCondition: function (id, formulaOrField, type) { + var ANDOR = ["AND", "OR"]; + type || (type = 0); + var finded = this.tree.search(id); + if (BI.isNotNull(finded)) { + var data = finded.get("data"); + var parent = finded.getParent(); + var index = parent.getChildIndex(finded.id); + var pdata = parent.get("data") || {}; + var node = this._createEmptyNode(formulaOrField); + if (data.value === BICst.FILTER_TYPE[ANDOR[type]]) { + this.tree.addNode(finded, node); + return; + } + if (data.value === BICst.FILTER_TYPE[ANDOR[1 - type]]) { + if (pdata.value === BICst.FILTER_TYPE[ANDOR[type]]) { + parent.addChild(node, index + 1); + return; + } + } + if ((data.value === BICst.FILTER_TYPE[ANDOR[1 - type]] && pdata.value !== BICst.FILTER_TYPE[ANDOR[type]]) + || pdata.value === BICst.FILTER_TYPE[ANDOR[1 - type]] + || (pdata.value !== BICst.FILTER_TYPE.AND && pdata.value !== BICst.FILTER_TYPE.OR)) { + var andor = new BI.Node(BI.UUID()); + andor.set("data", { + value: BICst.FILTER_TYPE[ANDOR[type]], + children: [finded.get("data"), node.get("data")] + }); + parent.removeChildByIndex(index); + parent.addChild(andor, index); + andor.addChild(finded); + andor.addChild(node); + return; + } + parent.addChild(node, index + 1); + } + }, + + _addAndOrCondition: function (formulaOrField, type) { + var ANDOR = ["AND", "OR"]; + type || (type = 0); + var o = this.options; + var currentSelectItem = this.filter.getCurrentSelectItem(); + if (BI.isNotNull(currentSelectItem)) { + var id = currentSelectItem.attr("id"); + this._insertAndOrCondition(id, formulaOrField, type); + } else { + var node = this._createEmptyNode(formulaOrField); + var root = this.tree.getRoot(); + var child = root.getLastChild(); + if (BI.isNotNull(child)) { + var data = child.get("data"); + if (data.value === BICst.FILTER_TYPE[ANDOR[type]]) { + this.tree.addNode(child, node); + } else { + var andor = new BI.Node(BI.UUID()); + andor.set("data", { + value: BICst.FILTER_TYPE[ANDOR[type]], + children: [child.get("data"), node.get("data")] + }); + root.removeChild(child.id); + this.tree.addNode(andor); + this.tree.addNode(andor, child); + this.tree.addNode(andor, node); + } + } else { + this.tree.addNode(node); + } + } + this._populate(this.tree.toJSONWithNode()); + this.fireEvent(BI.Filter.EVENT_CHANGE); + }, + + _populate: function (items) { + var self = this, o = this.options; + o.items = items; + ArrayUtils.traversal(items, function (i, item) { + o.itemCreator(item); + }); + this.filter.populate.apply(this.filter, [items]); + }, + + populate: function (conditions) { + this.tree.initTree(conditions); + this._populate(this.tree.toJSONWithNode()); + }, + + getValue: function () { + return this.filter.getValue(); + } +}); +BI.Filter.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.filter", BI.Filter);/** + * 过滤条件 + * + * Created by GUY on 2015/9/25. + * @class BI.FilterOperation + * @extend BI.Widget + */ +BI.FilterOperation = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.FilterOperation.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-filter-operation", + expander: {}, + items: [], + selections: [BICst.FILTER_OPERATION_CONDITION, BICst.FILTER_OPERATION_FORMULA], + itemsCreator: BI.emptyFn + }) + }, + + _defaultState: function () { + if (BI.isNotNull(this.currentSelected)) { + this.currentSelected.setSelectedCondition(false); + } + this.buttonComboTab.setSelect(BI.FilterOperation.OPERATION_ADD_CONDITION); + }, + + _init: function () { + BI.FilterOperation.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.currentSelected = null; + + this.filter = BI.createWidget({ + type: "bi.filter_pane", + expander: o.expander, + items: o.items, + itemsCreator: o.itemsCreator + }); + this.filter.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (type === BI.Events.CLICK) { + if (BI.isNotNull(self.currentSelected) && self.currentSelected === obj) { + obj.setSelectedCondition(!obj.isSelectedCondition()); + } else { + if (BI.isNotNull(self.currentSelected)) { + self.currentSelected.setSelectedCondition(false); + } + self.currentSelected = obj; + obj.setSelectedCondition(true); + } + if (self.currentSelected.isSelectedCondition()) { + self.buttonComboTab.setSelect(BI.FilterOperation.OPERATION_ADD_ANDOR_CONDITION); + } else { + self.buttonComboTab.setSelect(BI.FilterOperation.OPERATION_ADD_CONDITION); + } + } + if (type === BI.Events.DESTROY) { + if (self.currentSelected === obj) { + self.currentSelected = null; + self.buttonComboTab.setSelect(BI.FilterOperation.OPERATION_ADD_CONDITION); + } + self.fireEvent(BI.FilterOperation.EVENT_DESTROY_ITEM, value, obj); + } + }); + this.filter.on(BI.FilterPane.EVENT_CHANGE, function () { + self.fireEvent(BI.FilterOperation.EVENT_CHANGE, arguments); + }); + var operation = this._buildOperationTab(); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: operation, + height: 40 + }, { + el: { + type: "bi.absolute", + scrollable: true, + items: [{ + el: { + type: "bi.left", + items: [ + this.filter + ] + }, + top: 0, + right: 2, + bottom: 0, + left: 0 + }] + } + }] + }) + }, + + _buildOperationTab: function () { + this.buttonComboTab = BI.createWidget({ + type: "bi.tab", + tab: null, + cardCreator: BI.bind(this._createTabs, this) + }); + this.buttonComboTab.setSelect(BI.FilterOperation.OPERATION_ADD_CONDITION); + return this.buttonComboTab; + }, + + _createTabs: function (v) { + var self = this; + switch (v) { + case BI.FilterOperation.OPERATION_ADD_CONDITION: + var btnGroup = BI.createWidget({ + type: "bi.button_group", + items: BI.createItems(self._createButtons(), { + type: "bi.button", + forceNotSelected: true, + level: "ignore", + height: 25 + }), + chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT, + layouts: [{ + type: "bi.right", + hgap: 10, + vgap: 5 + }] + }); + btnGroup.on(BI.ButtonGroup.EVENT_CHANGE, function (value, obj) { + self.fireEvent(BI.FilterOperation.EVENT_OPERATION, obj.getValue()); + self._defaultState(); + }); + return btnGroup; + case BI.FilterOperation.OPERATION_ADD_ANDOR_CONDITION: + var btnGroup = BI.createWidget({ + type: "bi.button_group", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT, + items: self._createCombos(), + layouts: [{ + type: "bi.right", + hgap: 10, + vgap: 5 + }] + }); + return btnGroup; + } + }, + + _createButtons: function(){ + var buttons = []; + BI.each(this.options.selections, function(i, type){ + switch (type){ + case BICst.FILTER_OPERATION_FORMULA: + buttons.push({ + text: BI.i18nText("BI-Add_Formula"), + value: BICst.FILTER_OPERATION_FORMULA + }); + break; + case BICst.FILTER_OPERATION_CONDITION: + buttons.push({ + text: BI.i18nText("BI-Add_Condition"), + value: BICst.FILTER_OPERATION_CONDITION + }); + break; + } + }); + return buttons; + }, + + _createCombos: function () { + var self = this, combos = []; + BI.each(this.options.selections, function(i, type){ + var text = "", items = []; + switch (type) { + case BICst.FILTER_OPERATION_FORMULA: + text = BI.i18nText("BI-Add_Formula"); + items = BICst.FILTER_ADD_FORMULA_COMBO; + break; + case BICst.FILTER_OPERATION_CONDITION: + text = BI.i18nText("BI-Add_Condition"); + items = BICst.FILTER_ADD_CONDITION_COMBO; + break; + } + var addCombo = BI.createWidget({ + type: "bi.static_combo", + text: text, + width: 90, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_NONE, + items: BI.createItems(items, { + type: "bi.single_select_item", + height: 25 + }) + }); + addCombo.on(BI.Combo.EVENT_CHANGE, function (value, obj) { + self.fireEvent(BI.FilterOperation.EVENT_OPERATION, obj.getValue()); + self._defaultState(); + }); + combos.push(addCombo); + }); + return combos; + }, + + getCurrentSelectItem: function () { + if (BI.isNotNull(this.currentSelected) && this.currentSelected.isSelectedCondition()) { + return this.currentSelected; + } + }, + + populate: function (items) { + + this.filter.populate.apply(this.filter, arguments); + }, + + getValue: function () { + return this.filter.getValue(); + } +}); +BI.extend(BI.FilterOperation, { + OPERATION_ADD_CONDITION: 0, + OPERATION_ADD_ANDOR_CONDITION: 1 +}); +BI.FilterOperation.EVENT_OPERATION = "EVENT_OPERATION"; +BI.FilterOperation.EVENT_CHANGE = "EVENT_CHANGE"; +BI.FilterOperation.EVENT_DESTROY_ITEM = "BI.FilterOperation.EVENT_DESTROY_ITEM"; +$.shortcut("bi.filter_operation", BI.FilterOperation);/** + * @class BI.FilterPane + * @extend BI.Widget + * 过滤面板 + */ +BI.FilterPane = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.FilterPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-filter-pane", + expander: {}, + items: [], + itemsCreator: BI.emptyFn + }) + }, + + _init: function () { + BI.FilterPane.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.tree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: BI.extend({ + type: "bi.filter_expander", + el: {}, + popup: { + type: "bi.custom_tree" + } + }, o.expander), + el: { + type: "bi.button_map", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT, + layouts: [{ + type: "bi.vertical", + scrolly: false + }] + } + }); + + this.tree.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.FilterPane.EVENT_CHANGE, [].slice.call(arguments, 1)); + } + }); + + if (BI.isNotEmptyArray(o.items)) { + this.populate(o.items); + } + }, + + populate: function (items) { + this.tree.populate.apply(this.tree, arguments); + }, + + getValue: function () { + return this.tree.getValue(); + } +}); +BI.FilterPane.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.filter_pane", BI.FilterPane);/** + * Created by windy on 2017/3/13. + * 数值微调器 + */ +BI.FineTuningNumberEditor = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.FineTuningNumberEditor.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-fine-tuning-number-editor", + value: -1 + }) + }, + + _init: function () { + BI.FineTuningNumberEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + value: this._alertInEditorValue(o.value), + errorText: BI.i18nText("BI-Please_Input_Natural_Number"), + validationChecker: function(v){ + return BI.isNaturalNumber(v) || self._alertOutEditorValue(v) === -1; + } + }); + this.editor.on(BI.TextEditor.EVENT_CONFIRM, function(){ + self._finetuning(0); + self.fireEvent(BI.FineTuningNumberEditor.EVENT_CONFIRM); + }); + this.topBtn = BI.createWidget({ + type: "bi.icon_button", + cls: "column-pre-page-h-font top-button" + }); + this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){ + self._finetuning(1); + self.fireEvent(BI.FineTuningNumberEditor.EVENT_CONFIRM); + }); + this.bottomBtn = BI.createWidget({ + type: "bi.icon_button", + cls: "column-next-page-h-font bottom-button" + }); + this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){ + self._finetuning(-1); + self.fireEvent(BI.FineTuningNumberEditor.EVENT_CONFIRM); + }); + this._finetuning(0); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [this.editor, { + el: { + type: "bi.grid", + columns: 1, + rows: 2, + items: [{ + column: 0, + row: 0, + el: this.topBtn + }, { + column: 0, + row: 1, + el: this.bottomBtn + }] + }, + width: 30 + }] + }); + }, + + _alertOutEditorValue: function(v){ + return v === BI.i18nText("BI-Basic_Auto") ? -1 : v; + }, + + _alertInEditorValue: function(v){ + return BI.parseInt(v) === -1 ? BI.i18nText("BI-Basic_Auto") : v; + }, + + //微调 + _finetuning: function(add){ + var v = BI.parseInt(this._alertOutEditorValue(this.editor.getValue())); + this.editor.setValue(this._alertInEditorValue(v + add)); + this.bottomBtn.setEnable((v + add) !== -1); + }, + + getValue: function () { + var v = this.editor.getValue(); + return this._alertOutEditorValue(v); + }, + + setValue: function (v) { + this.editor.setValue(this._alertInEditorValue(v)); + this._finetuning(0); + } + +}); +BI.FineTuningNumberEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.fine_tuning_number_editor", BI.FineTuningNumberEditor);/** + * Created by roy on 15/9/29. + */ +/** + * Created by roy on 15/9/1. + */ +BI.SymbolGroup = BI.inherit(BI.Widget, { + constants: { + hgap: 7.5, + textWidth: 14, + textHeight: 17 + }, + _defaultConfig: function () { + return BI.extend(BI.SymbolGroup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-symbol-group" + }) + }, + _init: function () { + BI.SymbolGroup.superclass._init.apply(this, arguments) + var self = this, c = this.constants; + + var items = [{ + text: "+", + value: "+" + }, { + text: "-", + value: "-" + }, { + text: "*", + value: "*" + }, { + text: "/", + value: "/" + }, { + text: "(", + value: "(" + }, { + text: ")", + value: ")" + }]; + + this.symbolgroup = BI.createWidget({ + type: "bi.button_group", + element: self, + chooseType:-1, + items: BI.createItems(items, { + type: "bi.text_button", + forceNotSelected: true, + once: false, + textWidth: c.textWidth, + textHeight: c.textHeight, + cls: "symbol-button" + }), + layouts: [{ + type: "bi.left_vertical_adapt", + hgap: c.hgap + }] + }); + + this.symbolgroup.on(BI.ButtonGroup.EVENT_CHANGE,function(v){ + self.fireEvent(BI.SymbolGroup.EVENT_CHANGE,v) + }) + } +}); +BI.SymbolGroup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.symbol_group", BI.SymbolGroup);/** + * Created by roy on 15/9/9. + */ +//0更多函数为展开状态,1为函数框展开,显示返回状态 +BI.FormulaInsert = BI.inherit(BI.Widget, { + constants: { + right_set_off: -322, + height: 30, + width: 160, + right: 10, + button_bottom: 5, + pane_bottom: -1, + retract: 1, + more_function: 0, + functionTypes: ["MATH", "DATETIME", "ARRAY", "TEXT", "LOGIC", "OTHER"], + abandonFunctions: ["ACOS", "ACOSH", "ASIN", "ASINH", "ATAN", "ATAN2", "ATANH", "BITNOT", "BITOPERATION", "CHAR", "CLASS", "CODE", "COMBIN", "CORREL", "COS", "COSH", "DATETONUMBER", "DEGREES", "GETKEY", "GETUSERDEPARTMENTS", "GETUSERJOBTITLES", "NVL", "ODD", "PI", "POWER", "PRODUCT", "PROPER", "RADIANS", "REGEXP", "REVERSE", "RemoteIP", "SIN", "SINH", "STARTWITH", "TAN", "TANH", "TESTCONNECTION", "TESTMACANDUUID", "TOBINARY", "TOHEX", "TOOCTAL", "TOIMAGE"] + }, + + _defaultConfig: function () { + var conf = BI.FormulaInsert.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-formula-insert", + fieldItems: [] + + + }) + }, + + _init: function () { + BI.FormulaInsert.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this.constants; + self.validation = "valid"; + + this.formulatree = BI.createWidget({ + type: "bi.formula_field_tree", + cls: "bi-formula-field-pane", + items: o.fieldItems + }); + + this.formulatree.on(BI.FormulaFieldTree.EVENT_CHANGE, function () { + var v = self.formulatree.getValue(); + self.formulaedit.insertField(self.fieldValueTextMap[v[0]]); + }); + + this.symbolgroup = BI.createWidget({ + type: "bi.symbol_group", + height: c.height, + cls: "symbol-group-column" + }); + + this.symbolgroup.on(BI.SymbolGroup.EVENT_CHANGE, function (v) { + self.formulaedit.insertOperator(v); + }); + + + this.formulaedit = BI.createWidget({ + type: "bi.formula", + tipType: "warning", + watermark: BI.i18nText("BI-Formula_Water_Mark") + }); + + this.formulaedit.on(BI.FormulaEditor.EVENT_CHANGE, function () { + if (BI.Func.checkFormulaValidation(self.formulaedit.getCheckString())) { + self.validation = "valid"; + BI.Bubbles.hide(self.getName() + "invalid"); + } else { + BI.Bubbles.show(self.getName() + "invalid", BI.i18nText("BI-Formula_Valid"), self, { + offsetStyle: "center" + }); + self.validation = "invalid" + } + self.fireEvent(BI.FormulaInsert.EVENT_CHANGE); + }); + + this.formulaedit.on(BI.FormulaEditor.EVENT_BLUR, function () { + BI.Bubbles.hide(self.getName() + "invalid"); + if (!self.checkValidation()) { + self.formulaedit.setTitle(BI.i18nText("BI-Formula_Valid"), {belowMouse: true}); + } + + + }); + + this.formulaedit.on(BI.FormulaEditor.EVENT_FOCUS, function () { + self.formulaedit.setTitle(""); + if (!self.checkValidation()) { + BI.Bubbles.show(self.getName() + "invalid", BI.i18nText("BI-Formula_Valid"), self, {offsetStyle: "center"}); + } + }); + + this.editorpane = BI.createWidget({ + type: "bi.vtape", + + items: [ + { + height: "fill", + el: self.formulaedit + }, { + height: c.height, + el: self.symbolgroup + } + ] + }); + + + this.functionbutton = BI.createWidget({ + type: "bi.text_button", + text: BI.i18nText("BI-Formula_More_Function"), + value: c.more_function, + cls: "more-function-button" + }); + + this.functionpane = BI.createWidget({ + type: "bi.function_pane", + items: self._createFunctionItems(), + }); + + this.functionCombo = BI.createWidget({ + type: "bi.combo", + isNeedAdjustWidth: false, + el: this.functionbutton, + direction: "right,top", + adjustYOffset: -16, + adjustXOffset: 10, + hideChecker: function () { + return false; + }, + popup: { + el: self.functionpane, + width: 372 + }, + width: 65 + }); + + + BI.createWidget({ + element: this, + type: "bi.htape", + items: [ + { + width: c.width, + el: self.formulatree + }, + { + + el: self.editorpane + } + ], + height: o.height, + width: o.width + }); + BI.createWidget({ + element: this, + type: "bi.absolute", + items: [ + { + el: self.functionCombo, + right: c.right, + bottom: c.button_bottom + } + ] + }); + + + self.formulaedit.element.droppable({ + accept: ".bi-tree-text-leaf-item", + drop: function (event, ui) { + var value = ui.helper.attr("text"); + self.formulaedit.insertField(value); + } + }); + + + this.functionCombo.on(BI.Combo.EVENT_AFTER_POPUPVIEW, function () { + self.functionbutton.setText(BI.i18nText("BI-Formula_Retract")) + }); + + this.functionCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.functionbutton.setText(BI.i18nText("BI-Formula_More_Function")) + }); + + this.functionpane.on(BI.FunctionPane.EVENT_INSET, function (v) { + if (BI.isNotEmptyString(v)) { + self.formulaedit.insertFunction(v); + } + + }); + + this.populate(o.fieldItems); + + }, + + + _isFunction: function (str) { + var self = this, o = this.options, result = false; + BI.each(o.functionItems, function (i, item) { + var text = item.text.toLowerCase(); + var lowerString = str.toLowerCase(); + if (text === lowerString) { + result = true + } + }); + return result; + }, + + _analyzeContent: function (v) { + var regx = /\$[\{][^\}]*[\}]|\w*\w|\$\{[^\$\(\)\+\-\*\/)\$,]*\w\}|\$\{[^\$\(\)\+\-\*\/]*\w\}|\$\{[^\$\(\)\+\-\*\/]*[\u4e00-\u9fa5]\}|\w|(.)|\n/g; + return v.match(regx); + }, + + _getFunctionType: function (functionType) { + switch (functionType) { + case "MATH": + return BICst.FUNCTION.MATH; + case "TEXT": + return BICst.FUNCTION.TEXT; + case "DATETIME": + return BICst.FUNCTION.DATE; + case "ARRAY": + return BICst.FUNCTION.ARRAY; + case "LOGIC": + return BICst.FUNCTION.LOGIC; + case "OTHER": + return BICst.FUNCTION.OTHER; + } + }, + + _createFunctionItems: function () { + var self = this; + var functionObjs = FormulaJSONs; + var functionItems = []; + BI.each(functionObjs, function (i, functionObj) { + if (self.constants.functionTypes.contains(functionObj.type) && !self.constants.abandonFunctions.contains(functionObj.name)) { + var item = {}; + item.text = functionObj.name; + item.value = functionObj.name; + item.fieldType = self._getFunctionType(functionObj.type); + item.description = functionObj.def; + item.title = functionObj.def; + functionItems.push(item); + } + }); + this.options.functionItems = functionItems; + return functionItems; + }, + + _createFieldTextValueMap: function (fieldItems) { + var fieldMap = {}; + BI.each(fieldItems, function(idx, typeItems){ + BI.each(typeItems, function (i, fieldItem) { + fieldMap[fieldItem.text] = fieldItem.value; + }); + }) + return fieldMap; + }, + + _createFieldValueTextMap: function (fieldItems) { + var fieldMap = {}; + BI.each(fieldItems, function (idx, typeItems) { + BI.each(typeItems, function (i, fieldItem) { + fieldMap[fieldItem.value] = fieldItem.text; + }) + }); + return fieldMap; + }, + + _bindDragEvent: function () { + var self = this; + BI.each(self.formulatree.getAllLeaves(), function (i, node) { + node.element.draggable({ + cursorAt: {top: 5, left: 5}, + helper: function () { + var hint = BI.createWidget({ + type: "bi.helper", + value: node.getValue(), + text: self.fieldValueTextMap[node.getValue()] + }); + BI.createWidget({ + element: self, + type: "bi.default", + items: [hint] + }); + hint.element.attr({text: self.fieldValueTextMap[node.getValue()]}); + return hint.element; + + } + }) + + }); + }, + + + checkValidation: function () { + return this.validation === "valid"; + }, + + refresh: function () { + this.formulaedit.refresh(); + }, + + setValue: function (v) { + var self = this, result; + self.formulaedit.refresh(); + self.formulaedit.setValue(""); + result = this._analyzeContent(v || ""); + BI.each(result, function (i, item) { + var fieldRegx = /\$[\{][^\}]*[\}]/; + var str = item.match(fieldRegx); + if (BI.isNotEmptyArray(str)) { + self.formulaedit.insertField(self.fieldValueTextMap[str[0].substring(2, item.length - 1)]); + } else if (self._isFunction(item)) { + self.formulaedit.setFunction(item); + } else { + self.formulaedit.insertString(item); + } + }) + + }, + + getFormulaString: function () { + return this.formulaedit.getFormulaString(); + }, + + getUsedFields: function () { + return this.formulaedit.getUsedFields(); + }, + + getValue: function () { + return this.formulaedit.getValue(); + }, + populate: function (fieldItems) { + this.options.fieldItems = fieldItems; + this.fieldTextValueMap = this._createFieldTextValueMap(fieldItems); + this.fieldValueTextMap = this._createFieldValueTextMap(fieldItems); + this.formulaedit.setFieldTextValueMap(this.fieldTextValueMap); + this.formulatree.populate(fieldItems); + this._bindDragEvent(); + } + + +}); +BI.FormulaInsert.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.formula_insert", BI.FormulaInsert);BI.ButtonTextTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.ButtonTextTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-button-text-tree-item ", + id: "", + pId: "", + height: 25, + hgap: 0, + lgap: 0, + rgap: 0 + }) + }, + _init: function () { + BI.ButtonTextTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + lgap: o.lgap, + rgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.button = BI.createWidget({ + type: "bi.text_button", + height: 25, + stopEvent:true, + value: BI.i18nText("BI-Formula_Insert"), + cls: "formula-function-insert-button" + }); + this.button.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.ADD, self.text.getText()); + }); + this.button.invisible(); + this.leaf = BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.button, + width: 30 + }, { + el: this.text + }], + hgap: o.hgap + }) + this.element.hover(function () { + self.button.visible(); + }, function () { + if (!self.isSelected()) { + self.button.invisible(); + } + + }) + + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + setSelected: function (b) { + BI.ButtonTextTreeLeafItem.superclass.setSelected.apply(this, arguments); + if (BI.isNotNull(b) && b === true) { + this.button.visible(); + } else { + this.button.invisible(); + } + }, + + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + } +}); + +$.shortcut("bi.button_text_tree_leaf_item", BI.ButtonTextTreeLeafItem);/** + * Created by roy on 15/9/14. + */ +BI.FunctionPane = BI.inherit(BI.Widget, { + constants: { + search_height: 20, + height: 200, + width: 370, + column_size_editor: 170, + column_size_right: 200, + row_size: 30, + hgap: 10, + vgap: 10, + hgap_offset: 5 + }, + _defaultConfig: function () { + var conf = BI.FunctionPane.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-formula-function-pane", + width: 320, + height: 200, + items: [] + }) + }, + _init: function () { + BI.FunctionPane.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this.constants; + + + this.desLabel = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "normal", + textWidth: 180 + }); + + this.searchFunctionTree = BI.createWidget({ + type: "bi.function_tree", + cls: "style-top", + redmark: function (val, ob) { + return true + } + }); + + this.functiontree = BI.createWidget({ + type: "bi.function_tree", + cls: "style-top", + items: o.items + }); + + + this.searcher = BI.createWidget({ + type: "bi.searcher", + adapter: this.functiontree, + isAutoSearch: false, + onSearch: function (op, populate) { + var keyword = op.keyword.toLowerCase(); + var resultArray = []; + BI.each(o.items, function (i, item) { + if (item.value.toLowerCase().indexOf(keyword) > -1 && !BI.isEmptyString(keyword)) { + resultArray.push(item); + } + }); + populate(resultArray, keyword); + }, + el: { + type: "bi.small_search_editor" + }, + popup: { + type: "bi.function_searcher_pane", + searcher: self.searchFunctionTree + }, + height: 25, + width: 160 + }); + + + this.functionLabel = BI.createWidget({ + type: "bi.label" + }); + + BI.createWidget({ + element: this, + type: "bi.window", + width: c.width, + cls: "style-out", + columns: 2, + rows: 2, + columnSize: [c.column_size_editor, c.column_size_right], + rowSize: [c.row_size, 'fill'], + items: [ + [ + { + + el: { + type: "bi.center_adapt", + hgap: c.hgap_offset, + items: [ + { + el: self.searcher + } + ] + + + } + }, + { + el: { + type: "bi.center_adapt", + cls: "style-left", + items: [ + { + type: "bi.left", + hgap: c.hgap, + items: [ + { + el: self.functionLabel + } + ] + } + ] + } + } + ], [ + { + el: self.functiontree + }, + { + el: { + type: "bi.absolute", + cls: "style-inner", + items: [ + { + el: self.desLabel, + left: c.hgap, + right: c.hgap, + top: c.hgap, + bottom: c.hgap + } + ] + } + } + ] + ] + }); + + self.functiontree.on(BI.FunctionTree.FUNCTION_INSERT, function (value) { + self.fireEvent(BI.FunctionPane.EVENT_INSET, value) + }); + + self.functiontree.on(BI.FunctionTree.EVENT_DESCRIPTION_CHANGE, function (v) { + self.desLabel.setText(v); + }); + + self.functiontree.on(BI.FunctionTree.EVENT_CHANGE, function (v) { + self.functionLabel.setText(v); + }); + + self.searchFunctionTree.on(BI.FunctionTree.FUNCTION_INSERT, function (value) { + self.fireEvent(BI.FunctionPane.EVENT_INSET, value) + }); + + self.searchFunctionTree.on(BI.FunctionTree.EVENT_DESCRIPTION_CHANGE, function (v) { + self.desLabel.setText(v); + }); + + self.searchFunctionTree.on(BI.FunctionTree.EVENT_CHANGE, function (v) { + self.functionLabel.setText(v); + }); + + } + +}); +BI.FunctionPane.EVENT_INSET = "EVENT_INSET"; +$.shortcut("bi.function_pane", BI.FunctionPane);/** + * Created by roy on 16/1/21. + */ +BI.FunctionSearcherPane = BI.inherit(BI.SearcherView, { + _defaultConfig: function () { + var conf = BI.FunctionSearcherPane.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-function-searcher-pane" + }) + }, + + _init: function () { + BI.FunctionSearcherPane.superclass._init.apply(this, arguments); + }, + + populate: function (searchResult, keyword) { + searchResult || (searchResult = []); + this.spliter.setVisible(false); + this.searcher.populate(searchResult, keyword); + this.searcher.expandAll(); + this.searcher.doBehavior(keyword); + }, + + +}); +$.shortcut("bi.function_searcher_pane", BI.FunctionSearcherPane);BI.FormulaFieldTree = BI.inherit(BI.Widget, { + _const: { + leafGap: 40 + }, + _defaultConfig: function () { + return BI.extend(BI.FormulaFieldTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-field-tree", + chooseType: 0, + items: [] + }); + }, + + _init: function () { + BI.FormulaFieldTree.superclass._init.apply(this, arguments); + this.populate(this.options.items); + }, + + _getFieldNum: function (map, fieldtype) { + if (BI.isNotNull(map[fieldtype])) { + return map[fieldtype].length + } else { + return 0 + } + }, + + populate: function (items) { + var o = this.options, c = this._const, self = this; + this.empty(); + var map = {}; + BI.each(items, function (i, typeItem) { + BI.each(typeItem, function (i, item) { + if (!map[item.fieldType]) { + map[item.fieldType] = []; + } + map[item.fieldType].push(item); + }) + }); + + var nodes = [{ + id: BICst.COLUMN.NUMBER, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Numberic_Field") + "(" + self._getFieldNum(map,BICst.COLUMN.NUMBER) + ")", + value: BICst.COLUMN.NUMBER, + isParent: true, + open: items.length === 1 + }]; + + if(items.length > 1){ + nodes.push({ + id: BICst.COLUMN.STRING, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Text_Field") + "(" + self._getFieldNum(map, BICst.COLUMN.STRING) + ")", + value: BICst.COLUMN.STRING, + isParent: true, + open: false + }); + } + + if(items.length > 2){ + nodes.push({ + id: BICst.COLUMN.DATE, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Time_Field") + "(" + self._getFieldNum(map, BICst.COLUMN.DATE) + ")", + value: BICst.COLUMN.DATE, + isParent: true, + open: false + }); + } + + BI.each(items, function(idx, typeItems){ + BI.each(typeItems, function (i, item) { + nodes.push(BI.extend({ + id: BI.UUID(), + pId: item.fieldType + }, item, { + type: "bi.tree_text_leaf_item", + cls: "tree-text-leaf-item-draggable", + textAlign: "left", + lgap: c.leafGap + })) + }); + }); + this.fieldtree = BI.createWidget({ + type: "bi.level_tree", + element: this, + chooseType: o.chooseType, + expander: { + isDefaultInit: true + }, + items: nodes + }); + this.fieldtree.on(BI.LevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.FormulaFieldTree.EVENT_CHANGE); + self.fieldtree.setValue(); + }) + }, + + getValue: function () { + return this.fieldtree.getValue(); + }, + + setValue: function (v) { + this.fieldtree.setValue(v); + }, + getAllLeaves: function () { + return this.fieldtree.getAllLeaves() + } +}); +BI.FormulaFieldTree.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.formula_field_tree", BI.FormulaFieldTree);/** + * Created by roy on 15/9/14. + */ +BI.FunctionTree = BI.inherit(BI.Widget, { + _const: { + leafGap: 10, + nodeTypes: [BICst.FUNCTION.MATH, BICst.FUNCTION.ARRAY, BICst.FUNCTION.DATE, BICst.FUNCTION.LOGIC, BICst.FUNCTION.OTHER, BICst.FUNCTION.TEXT] + }, + _defaultConfig: function () { + return BI.extend(BI.FunctionTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-function-tree", + chooseType: 0, + items: [], + redmark: BI.emptyFn + }); + }, + + _init: function () { + BI.FunctionTree.superclass._init.apply(this, arguments); + this.populate(this.options.items); + }, + + _getFieldNum: function (map, fieldtype) { + if (BI.isNotNull(map[fieldtype])) { + return map[fieldtype].length + } else { + return 0 + } + }, + + populate: function (items) { + var o = this.options, c = this._const, self = this; + this.empty(); + var map = {}; + o.items = items; + BI.each(items, function (i, item) { + if (!map[item.fieldType]) { + map[item.fieldType] = []; + } + map[item.fieldType].push(item); + }); + this.nodes = [ + { + id: BICst.FUNCTION.MATH, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Numberic_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.MATH) + ")", + value: BICst.FUNCTION.MATH, + isParent: true, + open: false + }, { + id: BICst.FUNCTION.TEXT, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Text_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.TEXT) + ")", + value: BICst.FUNCTION.TEXT, + isParent: true, + open: false + }, { + id: BICst.FUNCTION.DATE, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Time_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.DATE) + ")", + value: BICst.FUNCTION.DATE, + isParent: true, + open: false + }, { + id: BICst.FUNCTION.ARRAY, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Array_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.ARRAY) + ")", + value: BICst.FUNCTION.ARRAY, + isParent: true, + open: false + }, { + id: BICst.FUNCTION.LOGIC, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Logic_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.LOGIC) + ")", + value: BICst.FUNCTION.LOGIC, + isParent: true, + open: false + }, { + id: BICst.FUNCTION.OTHER, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Other_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.OTHER) + ")", + value: BICst.FUNCTION.OTHER, + isParent: true, + open: false + } + ]; + BI.each(items, function (i, item) { + self.nodes.push(BI.extend({ + id: BI.UUID(), + pId: item.fieldType + }, item, { + type: "bi.button_text_tree_leaf_item", + textAlign: "left", + lgap: c.leafGap + })) + }); + this.fieldtree = BI.createWidget({ + type: "bi.level_tree", + element: this, + items: self.nodes, + el: { + behaviors: { + "redmark": o.redmark + } + } + }); + + this.fieldtree.on(BI.Controller.EVENT_CHANGE, function (type, value) { + if (type === BI.Events.ADD) { + self.fireEvent(BI.FunctionTree.FUNCTION_INSERT, value); + } + }); + this.fieldtree.on(BI.LevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.FunctionTree.EVENT_CHANGE, self.getValue()); + self.fireEvent(BI.FunctionTree.EVENT_DESCRIPTION_CHANGE, self._getDescription(self.getValue(), o.items)) + self.fieldtree.setValue(self.getValue()); + }) + }, + + getValue: function () { + return this.fieldtree.getValue(); + }, + + setValue: function (v) { + this.fieldtree.setValue(v); + }, + + doBehavior: function () { + this.fieldtree.doBehavior.apply(this.fieldtree, arguments) + }, + + getNodeByValue: function (v) { + return this.fieldtree.getNodeByValue(v) + }, + + setTriggerExpand: function (v) { + var node = this.fieldtree.getNodeById(v); + node.showView(); + }, + + setTriggerCollapse: function (v) { + var node = this.fieldtree.getNodeById(v); + node.hideView(); + }, + + expandAll: function () { + var self = this; + BI.each(self._const.nodeTypes, function (i, id) { + self.setTriggerExpand(id); + }) + }, + + _getDescription: function (v, items) { + var description = ""; + BI.each(items, function (i, item) { + if (item.value === v[0]) { + description = item.description; + } + }); + return description + }, + + getAllLeaves: function () { + return this.fieldtree.getAllLeaves() + } +}); +BI.FunctionTree.EVENT_CHANGE = "EVENT_CHANGE"; +BI.FunctionTree.EVENT_DESCRIPTION_CHANGE = "EVENT_DESCRIPTION_CHANGE"; +BI.FunctionTree.FUNCTION_INSERT = "FUNCTION_INSERT"; +$.shortcut("bi.function_tree", BI.FunctionTree);/** + * Created by GameJian on 2016/1/28. + */ +BI.ImageButtonHref = BI.inherit(BI.Single, { + + _defaultConfig: function () { + return BI.extend(BI.ImageButtonHref.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-image-button-href", + title: BI.i18nText("BI-Add_Href") + }) + }, + + _init: function () { + BI.ImageButtonHref.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.icon_button", + cls: "img-href-font", + title: o.title, + height: 24, + width: 24 + }); + + this.input = BI.createWidget({ + type: "bi.clear_editor", + watermark: BI.i18nText("BI-Input_Href"), + width: 255, + height: 30 + }); + this.input.on(BI.ClearEditor.EVENT_CONFIRM, function () { + self.combo.hideView(); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + direction: "bottom,left", + adjustYOffset: 3, + el: this.trigger, + popup: { + el: this.input, + stopPropagation: false, + minWidth: 255 + } + }); + + this.combo.on(BI.Combo.EVENT_AFTER_POPUPVIEW, function () { + self.input.focus() + }); + + this.combo.on(BI.Combo.EVENT_BEFORE_HIDEVIEW, function () { + self.fireEvent(BI.ImageButtonHref.EVENT_CHANGE, arguments) + }) + }, + + isSelected: function(){ + return this.combo.isViewVisible(); + }, + + showView: function(){ + this.combo.showView(); + }, + + hideView: function () { + this.combo.hideView(); + }, + + getValue: function () { + return this.input.getValue(); + }, + + setValue: function (url) { + this.input.setValue(url) + } +}); +BI.ImageButtonHref.EVENT_CHANGE = "BI.ImageButtonHref.EVENT_CHANGE"; +$.shortcut("bi.image_button_href", BI.ImageButtonHref);/** + * 图片尺寸控件 + * Created by GameJian on 2016/1/28. + */ +BI.ImageButtonSizeCombo = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ImageButtonSizeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-image-button-size-combo", + title: BI.i18nText("BI-Image_Size") + }) + }, + + _init: function () { + BI.ImageButtonSizeCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.icon_button", + cls: "img-size-font", + title: o.title, + width: 24, + height: 24 + }); + this.sizeChooser = BI.createWidget({ + type: "bi.image_button_size" + }); + this.sizeChooser.on(BI.ImageButtonSize.EVENT_CHANGE, function(){ + self.fireEvent(BI.ImageButtonSizeCombo.EVENT_CHANGE,arguments) + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + isNeedAdjustWidth: false, + direction: "top", + adjustYOffset: 3, + offsetStyle: "right", + el: this.trigger, + popup: { + el: this.sizeChooser, + stopPropagation: false + } + }); + }, + + setValue: function (v) { + this.sizeChooser.setValue(v); + }, + + getValue: function () { + return this.sizeChooser.getValue(); + } +}); +BI.ImageButtonSizeCombo.EVENT_CHANGE = "ImageButtonSizeCombo.EVENT_CHANGE"; +$.shortcut("bi.image_button_size_combo", BI.ImageButtonSizeCombo);/** + * 单选框 + * Created by GameJian on 2016/1/28. + */ +BI.ImageButtonSize = BI.inherit(BI.Widget, { + + _defaultConfig: function(){ + return BI.extend(BI.ImageButtonSize.superclass._defaultConfig.apply(this, arguments),{ + baseCls: "bi-image-button-size", + width: 230, + height: 30 + }) + }, + + _init:function() { + BI.ImageButtonSize.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.sizeChooser = BI.createWidget({ + type: "bi.button_group", + scrollable: false, + items: BI.createItems([{ + text: BI.i18nText("BI-Original_Size"), + cls: "image-button-size-button-group", + width: 55, + selected: true, + value: BICst.IMAGE_RESIZE_MODE.ORIGINAL + },{ + text: BI.i18nText("BI-Equal_Size_Adapt"), + cls: "image-button-size-button-group", + width: 67, + value: BICst.IMAGE_RESIZE_MODE.EQUAL + },{ + text: BI.i18nText("BI-Widget_Size_Adapt"), + cls: "image-button-size-button-group", + width: 67, + value: BICst.IMAGE_RESIZE_MODE.STRETCH + }],{ + type: "bi.image_button_size_radio" + }), + layouts: [{ + type: "bi.left", + hgap: 5 + }] + }); + + this.sizeChooser.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.sizeChooser.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.fireEvent(BI.ImageButtonSize.EVENT_CHANGE, arguments); + }); + BI.createWidget({ + type: "bi.left", + element: this, + items: [this.sizeChooser], + hgap: 5 + }); + this.getValue() + }, + + getValue: function () { + return this.sizeChooser.getValue()[0] + }, + + setValue: function (v) { + this.sizeChooser.setValue(v) + } +}); +BI.ImageButtonSize.EVENT_CHANGE = "BI.ImageButtonSize.EVENT_CHANGE"; +$.shortcut("bi.image_button_size" , BI.ImageButtonSize);/** + * 单选框 + * Created by GameJian on 2016/1/28. + */ +BI.ImageButtonSizeRadio = BI.inherit(BI.BasicButton, { + + _defaultConfig: function(){ + return BI.extend(BI.ImageButtonSizeRadio.superclass._defaultConfig.apply(this, arguments),{ + width: 65, + height: 30, + text: "", + selected: false + }) + }, + + _init:function() { + BI.ImageButtonSizeRadio.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: o.selected + }); + + this.label = BI.createWidget({ + type: "bi.label", + textAlign: "left", + lgap: 5, + rgap: 0, + textHeight: o.height, + height: o.height, + text: o.text + }); + + this.radio.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(!self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + element: this, + type: "bi.absolute", + items: [{ + el: this.radio, + left: 0, + top: 8.5 + },{ + el: this.label, + left: 13 + }] + }); + }, + + doClick: function () { + BI.ImageButtonSizeRadio.superclass.doClick.apply(this, arguments); + this.radio.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.ImageButtonSizeRadio.superclass.setSelected.apply(this, arguments); + this.radio.setSelected(v); + + } +}); +$.shortcut("bi.image_button_size_radio" , BI.ImageButtonSizeRadio);/** + * 图片组件 + * Created by GameJian on 2016/1/26. + */ +BI.UploadImage = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.UploadImage.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-upload-image" + }) + }, + + _init: function () { + BI.UploadImage.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.label = BI.createWidget({ + type: "bi.text_button", + trigger: "dblclick", + cls: "upload-image-text-button-label", + whiteSpace: "normal", + text: BI.i18nText("BI-DoubleClick_To_Upload_Image") + }); + + this.file = BI.createWidget({ + type: "bi.multifile_editor", + accept: "*.jpg;*.png;*.gif;*.bmp;*.jpeg;", + maxSize: 1024 * 1024 * 100, + title: BI.i18nText("BI-Upload_Image") + }); + + this.img = BI.createWidget({ + type: "bi.image_button", + invalid: true, + width: "100%", + height: "100%" + }); + + this.label.on(BI.TextButton.EVENT_CHANGE, function () { + if (self.isValid()) { + self.file.select(); + } + }); + + this.file.on(BI.MultifileEditor.EVENT_CHANGE, function (data) { + this.upload(); + }); + //直接把图片保存到resource目录下面 + this.file.on(BI.MultifileEditor.EVENT_UPLOADED, function () { + var files = this.getValue(); + var file = files[files.length - 1]; + var attachId = file.attach_id, fileName = file.filename; + var imageId = attachId + "_" + fileName; + BI.requestAsync("fr_bi_base", "save_upload_image", { + attach_id: attachId + }, function (res) { + self.img.setValue(imageId); + self.img.setSrc(BI.UploadImage.getImageSrc(imageId)); + self._check(); + self._setSize("auto", "auto"); + self.fireEvent(BI.UploadImage.EVENT_CHANGE, imageId); + }) + }); + + this.uploadWrapper = BI.createWidget({ + type: "bi.absolute", + items: [{ + el: { + type: "bi.icon_button", + cls: "upload-image-icon-button img-upload-font", + width: 24, + height: 24 + }, + top: 0, + right: 0, + bottom: 0, + left: 0 + }, { + el: this.file, + top: 0, + right: 0, + bottom: 0, + left: 0 + }], + width: 24, + height: 24 + }); + + this.del = BI.createWidget({ + type: "bi.bubble_combo", + el: { + type: "bi.icon_button", + cls: "upload-image-icon-button img-shutdown-font", + title: BI.i18nText("BI-Basic_Delete"), + height: 24, + width: 24 + }, + popup: { + type: "bi.bubble_bar_popup_view", + buttons: [{ + value: BI.i18nText(BI.i18nText("BI-Basic_Sure")), + handler: function () { + self.fireEvent(BI.UploadImage.EVENT_DESTROY); + } + }, { + value: BI.i18nText("BI-Basic_Cancel"), + level: "ignore", + handler: function () { + self.del.hideView(); + } + }], + el: { + type: "bi.vertical_adapt", + items: [{ + type: "bi.label", + text: BI.i18nText("BI-Sure_Delete_Current_Component"), + cls: "upload-image-delete-label", + textAlign: "left", + width: 300 + }], + width: 300, + height: 100, + hgap: 20 + }, + maxHeight: 140, + minWidth: 340 + }, + invisible: true, + stopPropagation: true + }); + + this.size = BI.createWidget({ + type: "bi.image_button_size_combo", + cls: "upload-image-icon-button" + }); + + this.size.on(BI.ImageButtonSizeCombo.EVENT_CHANGE, function () { + self._sizeChange(self.size.getValue()); + self.fireEvent(BI.UploadImage.EVENT_CHANGE, arguments) + }); + + this.href = BI.createWidget({ + type: "bi.image_button_href", + cls: "upload-image-icon-button" + }); + + this.href.on(BI.ImageButtonHref.EVENT_CHANGE, function () { + if (BI.isNotEmptyString(self.href.getValue())) { + self.img.setValid(true) + } else { + self.img.setValid(false) + } + self.fireEvent(BI.UploadImage.EVENT_CHANGE, arguments) + }); + + this.img.on(BI.ImageButton.EVENT_CHANGE, function () { + window.open(BI.Func.formatAddress(self.href.getValue())); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.absolute", + scrollable: false, + items: [{ + el: this.img + }] + }, + left: 0, + right: 0, + top: 0, + bottom: 0 + }, { + el: this.label, + left: 10, + right: 10, + top: 10, + bottom: 10 + }, { + el: this.del, + right: 4, + top: 8 + }, { + el: this.href, + right: 36, + top: 8 + }, { + el: this.size, + right: 68, + top: 8 + }, { + el: this.uploadWrapper, + right: 100, + top: 8 + }] + }); + + this.setToolbarVisible(false); + this.img.invisible(); + }, + + _check: function () { + var f = BI.isNotEmptyString(this.img.getValue()); + this.label.setVisible(!f); + this.img.visible(f); + }, + + _setSize: function (w, h) { + this.img.setImageWidth(w); + this.img.setImageHeight(h) + }, + + _sizeChange: function (size) { + var self = this, o = this.options; + switch (size) { + case BICst.IMAGE_RESIZE_MODE.ORIGINAL: + self._setSize("auto", "auto"); + break; + case BICst.IMAGE_RESIZE_MODE.EQUAL: + self._setSize("auto", "auto"); + var width = this.img.getImageWidth(), height = this.img.getImageHeight(); + var W = this.element.width(), H = this.element.height(); + if (W / H > width / height) { + self._setSize("auto", "100%"); + } else { + self._setSize("100%", "auto"); + } + break; + case BICst.IMAGE_RESIZE_MODE.STRETCH: + self._setSize("100%", "100%"); + break; + default : + self._setSize("auto", "auto"); + } + }, + + setToolbarVisible: function (v) { + this.uploadWrapper.setVisible(v); + this.size.setVisible(v); + this.href.setVisible(v); + this.del.setVisible(v); + }, + + getValue: function () { + return {href: this.href.getValue(), size: this.size.getValue(), src: this.img.getValue()} + }, + + setValue: function (v) { + var self = this; + v || (v = {}); + if (BI.isNotEmptyString(v.href)) { + self.img.setValid(true) + } + this.href.setValue(v.href); + this.size.setValue(v.size); + this.img.setValue(v.src); + if (BI.isNotEmptyString(v.src)) { + this.img.setSrc(BI.UploadImage.getImageSrc(v.src)); + } + this._check(); + this._sizeChange(v.size) + }, + + resize: function () { + this._sizeChange(this.size.getValue()); + } +}); + +BI.extend(BI.UploadImage, { + getImageSrc: function (src) { + return FR.servletURL + "?op=fr_bi&cmd=get_uploaded_image&image_id=" + src; + } +}); + +BI.UploadImage.EVENT_DESTROY = "EVENT_DESTROY"; +BI.UploadImage.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.upload_image", BI.UploadImage);/** + * 交互行为布局 + * + * + * Created by GUY on 2016/7/23. + * @class BI.InteractiveArrangement + * @extends BI.Widget + */ +BI.InteractiveArrangement = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.InteractiveArrangement.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-interactive-arrangement", + resizable: true, + isNeedReLayout: true, + isNeedResizeContainer: true, + layoutType: BI.Arrangement.LAYOUT_TYPE.FREE, + items: [] + }); + }, + + _init: function () { + BI.InteractiveArrangement.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.arrangement = BI.createWidget({ + type: "bi.adaptive_arrangement", + element: this, + resizable: o.resizable, + isNeedReLayout: o.isNeedReLayout, + isNeedResizeContainer: o.isNeedResizeContainer, + layoutType: o.layoutType, + items: o.items + }); + this.arrangement.on(BI.AdaptiveArrangement.EVENT_RESIZE, function () { + self.fireEvent(BI.InteractiveArrangement.EVENT_RESIZE, arguments); + }); + + this.arrangement.on(BI.AdaptiveArrangement.EVENT_ELEMENT_RESIZE, function (id, size) { + var p = self._getRegionClientPosition(id); + self.draw({ + left: p.left, + top: p.top + }, size, id); + }); + this.arrangement.on(BI.AdaptiveArrangement.EVENT_ELEMENT_STOP_RESIZE, function (id, size) { + self.stopDraw(); + self.setRegionSize(id, size); + }); + + this.tags = []; + + }, + + _isEqual: function (num1, num2) { + return this.arrangement._isEqual(num1, num2); + }, + + _getScrollOffset: function () { + return this.arrangement._getScrollOffset(); + }, + + _positionAt: function (position, regions) { + var self = this; + regions = regions || this.getAllRegions(); + var left = [], center = [], right = [], top = [], middle = [], bottom = []; + BI.each(regions, function (i, region) { + var client = self._getRegionClientPosition(region.id); + if (Math.abs(client.left - position.left) <= 3) { + left.push(region); + } + if (Math.abs(client.left + client.width / 2 - position.left) <= 3) { + center.push(region); + } + if (Math.abs(client.left + client.width - position.left) <= 3) { + right.push(region); + } + if (Math.abs(client.top - position.top) <= 3) { + top.push(region); + } + if (Math.abs(client.top + client.height / 2 - position.top) <= 3) { + middle.push(region); + } + if (Math.abs(client.top + client.height - position.top) <= 3) { + bottom.push(region); + } + }); + return { + left: left, + center: center, + right: right, + top: top, + middle: middle, + bottom: bottom + } + }, + + _getRegionClientPosition: function (name) { + var region = this.getRegionByName(name); + var offset = this.arrangement._getScrollOffset(); + return { + top: region.top - offset.top, + left: region.left - offset.left, + width: region.width, + height: region.height, + id: region.id + } + }, + + _vAlign: function (position, regions) { + var self = this; + var vs = this._positionAt(position, regions); + var positions = []; + var l; + if (vs.left.length > 0) { + l = this._getRegionClientPosition(vs.left[0].id).left; + } else if (vs.right.length > 0) { + var temp = this._getRegionClientPosition(vs.right[0].id); + l = temp.left + temp.width; + } + var rs = vs.left.concat(vs.right); + BI.each(rs, function (i, region) { + var p = self._getRegionClientPosition(region.id); + if (self._isEqual(p.left, l) || self._isEqual(p.left + p.width, l)) { + var topPoint = { + top: p.top + p.height / 2, + left: l + }; + positions.push({ + id: region.id, + start: topPoint, + end: { + left: l, + top: position.top + } + }); + } + }); + return positions; + }, + + _leftAlign: function (position, size, regions) { + var self = this; + return this._vAlign({ + left: position.left, + top: position.top + size.height / 2 + }, regions); + }, + + _rightAlign: function (position, size, regions) { + var self = this; + return this._vAlign({ + left: position.left + size.width, + top: position.top + size.height / 2 + }, regions); + }, + + _hAlign: function (position, regions) { + var self = this; + var hs = this._positionAt(position, regions); + var positions = []; + var t; + if (hs.top.length > 0) { + var temp = this._getRegionClientPosition(hs.top[0].id); + t = temp.top; + } else if (hs.bottom.length > 0) { + var temp = this._getRegionClientPosition(hs.bottom[0].id); + t = temp.top + temp.height; + } + var rs = hs.top.concat(hs.bottom); + BI.each(rs, function (i, region) { + var p = self._getRegionClientPosition(region.id); + if (self._isEqual(p.top, t) || self._isEqual(p.top + p.height, t)) { + var leftPoint = { + top: t, + left: p.left + p.width / 2 + }; + positions.push({ + id: p.id, + start: leftPoint, + end: { + left: position.left, + top: t + } + }); + } + }); + return positions; + }, + + _topAlign: function (position, size, regions) { + var self = this; + return this._hAlign({ + left: position.left + size.width / 2, + top: position.top + }, regions); + }, + + _bottomAlign: function (position, size, regions) { + var self = this; + return this._hAlign({ + left: position.left + size.width / 2, + top: position.top + size.height + }, regions); + }, + + _centerAlign: function (position, size, regions) { + var self = this; + var cs = this._positionAt({ + left: position.left + size.width / 2, + top: position.top + size.height / 2 + }, regions); + var positions = []; + var l; + if (cs.center.length > 0) { + var temp = this._getRegionClientPosition(cs.center[0].id); + l = temp.left + temp.width / 2; + } + BI.each(cs.center, function (i, region) { + var p = self._getRegionClientPosition(region.id); + if (self._isEqual(p.left + p.width / 2, l)) { + var topPoint = { + top: p.top + p.height / 2, + left: p.left + p.width / 2 + }; + positions.push({ + id: p.id, + start: topPoint, + end: { + left: l, + top: position.top + size.height / 2 + } + }); + } + }); + return positions; + }, + + _middleAlign: function (position, size, regions) { + var self = this; + var cs = this._positionAt({ + left: position.left + size.width / 2, + top: position.top + size.height / 2 + }, regions); + var positions = []; + var t; + if (cs.middle.length > 0) { + var temp = this._getRegionClientPosition(cs.middle[0].id); + t = temp.top + temp.height / 2; + } + BI.each(cs.middle, function (i, region) { + var p = self._getRegionClientPosition(region.id); + if (self._isEqual(p.top + p.height / 2, t)) { + var topPoint = { + top: p.top + p.height / 2, + left: p.left + p.width / 2 + }; + positions.push({ + id: p.id, + start: topPoint, + end: { + left: position.left + size.width / 2, + top: t + } + }); + } + }); + return positions; + }, + + + _drawOneTag: function (start, end) { + var s = BI.createWidget({ + type: "bi.icon_button", + //invisible: true, + width: 13, + height: 13, + cls: "drag-tag-font interactive-arrangement-dragtag-icon" + }); + var e = BI.createWidget({ + type: "bi.icon_button", + //invisible: true, + width: 13, + height: 13, + cls: "drag-tag-font interactive-arrangement-dragtag-icon" + }); + if (this._isEqual(start.left, end.left)) { + var line = BI.createWidget({ + type: "bi.layout", + //invisible: true, + cls: "interactive-arrangement-dragtag-line", + width: 1, + height: Math.abs(start.top - end.top) + }); + } else { + var line = BI.createWidget({ + type: "bi.layout", + //invisible: true, + cls: "interactive-arrangement-dragtag-line", + height: 1, + width: Math.abs(start.left - end.left) + }); + } + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: s, + left: start.left - 6, + top: start.top - 7 + }, { + el: e, + left: end.left - 6, + top: end.top - 7 + }, { + el: line, + left: Math.min(start.left, end.left), + top: Math.min(start.top, end.top) + }] + }); + this.tags.push(s); + this.tags.push(e); + this.tags.push(line); + }, + + stopDraw: function () { + BI.each(this.tags, function (i, w) { + w.destroy(); + }); + this.tags = []; + }, + + _getRegionExcept: function (name, regions) { + var other = []; + BI.each(regions || this.getAllRegions(), function (i, region) { + if (!(name && region.id === name)) { + other.push(region); + } + }); + return other; + }, + + getClientWidth: function () { + return this.arrangement.getClientWidth(); + }, + + getClientHeight: function () { + return this.arrangement.getClientHeight(); + }, + + getPosition: function (name, position, size) { + var regions = this.getAllRegions(); + var me; + if (name) { + me = this._getRegionClientPosition(name); + } + var other = this._getRegionExcept(name, regions); + position = position || { + left: me.left, + top: me.top + }; + size = size || { + width: me.width, + height: me.height + }; + var left = this._leftAlign(position, size, other); + var right = this._rightAlign(position, size, other); + var top = this._topAlign(position, size, other, other); + var bottom = this._bottomAlign(position, size, other); + var center = this._centerAlign(position, size, other); + var middle = this._middleAlign(position, size, other); + + BI.each(center, function (i, pos) { + position.left = pos.end.left - size.width / 2; + }); + BI.each(right, function (i, pos) { + position.left = pos.end.left - size.width; + }); + BI.each(left, function (i, pos) { + position.left = pos.end.left; + }); + BI.each(middle, function (i, pos) { + position.top = pos.end.top - size.height / 2; + }); + BI.each(bottom, function (i, pos) { + position.top = pos.end.top - size.height; + }); + BI.each(top, function (i, pos) { + position.top = pos.end.top; + }); + return position; + }, + + //position不动 变size + getSize: function (name, position, size) { + var regions = this.getAllRegions(); + var me; + if (name) { + me = this._getRegionClientPosition(name); + } + var other = this._getRegionExcept(name, regions); + position = position || { + left: me.left, + top: me.top + }; + size = size || { + width: me.width, + height: me.height + }; + var left = this._leftAlign(position, size, other); + var right = this._rightAlign(position, size, other); + var top = this._topAlign(position, size, other, other); + var bottom = this._bottomAlign(position, size, other); + var center = this._centerAlign(position, size, other); + var middle = this._middleAlign(position, size, other); + + BI.each(center, function (i, pos) { + size.width = (pos.end.left - position.left) * 2; + }); + BI.each(right, function (i, pos) { + size.width = pos.end.left - position.left; + }); + BI.each(left, function (i, pos) { + }); + BI.each(middle, function (i, pos) { + size.height = (pos.end.top - position.top) * 2; + }); + BI.each(bottom, function (i, pos) { + size.height = pos.end.top - position.top; + }); + BI.each(top, function (i, pos) { + }); + return size; + }, + + draw: function (position, size, name) { + var self = this; + this.stopDraw(); + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + case BI.Arrangement.LAYOUT_TYPE.FREE: + var other = this._getRegionExcept(name); + var left = this._leftAlign(position, size, other); + var right = this._rightAlign(position, size, other); + var top = this._topAlign(position, size, other); + var bottom = this._bottomAlign(position, size, other); + var center = this._centerAlign(position, size, other); + var middle = this._middleAlign(position, size, other); + + BI.each(center, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + BI.each(right, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + BI.each(left, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + BI.each(middle, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + BI.each(bottom, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + BI.each(top, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + }, + + getDirectRelativeRegions: function (name, direction) { + return this.arrangement.getDirectRelativeRegions(name, direction); + }, + + addRegion: function (region, position) { + this.stopDraw(); + return this.arrangement.addRegion(region, position); + }, + + deleteRegion: function (name) { + return this.arrangement.deleteRegion(name); + }, + + setRegionSize: function (name, size) { + size = this.getSize(name, null, size); + return this.arrangement.setRegionSize(name, size); + }, + + setPosition: function (position, size) { + var self = this; + this.stopDraw(); + if (position.left > 0 && position.top > 0) { + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + position = this.getPosition(null, position, size); + this.draw(position, size); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + } + var at = this.arrangement.setPosition(position, size); + return at; + }, + + setRegionPosition: function (name, position) { + if (position.left > 0 && position.top > 0) { + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + position = this.getPosition(name, position); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + } + return this.arrangement.setRegionPosition(name, position); + }, + + zoom: function (ratio) { + this.arrangement.zoom(ratio); + }, + + resize: function () { + return this.arrangement.resize(); + }, + + relayout: function () { + return this.arrangement.relayout(); + }, + + setLayoutType: function (type) { + this.arrangement.setLayoutType(type); + }, + + getLayoutType: function () { + return this.arrangement.getLayoutType(); + }, + + getLayoutRatio: function () { + return this.arrangement.getLayoutRatio(); + }, + + getHelper: function () { + return this.arrangement.getHelper(); + }, + + getRegionByName: function (name) { + return this.arrangement.getRegionByName(name); + }, + + getAllRegions: function () { + return this.arrangement.getAllRegions(); + }, + + revoke: function () { + return this.arrangement.revoke(); + }, + + populate: function (items) { + var self = this; + this.arrangement.populate(items); + } +}); +BI.InteractiveArrangement.EVENT_RESIZE = "InteractiveArrangement.EVENT_RESIZE"; +$.shortcut('bi.interactive_arrangement', BI.InteractiveArrangement);/** + * Created by zcf on 2016/9/26. + */ +BI.IntervalSlider = BI.inherit(BI.Widget, { + _constant: { + EDITOR_WIDTH: 90, + EDITOR_HEIGHT: 30, + HEIGHT: 28, + SLIDER_WIDTH_HALF: 15, + SLIDER_WIDTH: 30, + SLIDER_HEIGHT: 30, + TRACK_HEIGHT: 24 + }, + + _defaultConfig: function () { + return BI.extend(BI.IntervalSlider.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-slider bi-slider-track" + }) + }, + + _init: function () { + BI.IntervalSlider.superclass._init.apply(this, arguments); + + var self = this; + var c = this._constant; + this.enable = false; + this.valueOne = ""; + this.valueTwo = ""; + this.calculation = new BI.AccurateCalculationModel(); + + this.backgroundTrack = BI.createWidget({ + type: "bi.layout", + cls: "background-track", + height: c.TRACK_HEIGHT + }); + this.grayTrack = BI.createWidget({ + type: "bi.layout", + cls: "gray-track", + height: 8 + }); + this.blueTrack = BI.createWidget({ + type: "bi.layout", + cls: "blue-track", + height: 8 + }); + this.track = this._createTrackWrapper(); + + this.labelOne = BI.createWidget({ + type: "bi.sign_editor", + cls: "slider-editor-button", + errorText: "", + allowBlank: false, + height: c.HEIGHT, + width: c.EDITOR_WIDTH, + validationChecker: function (v) { + return self._checkValidation(v); + }, + quitChecker: function (v) { + return self._checkValidation(v); + } + }); + this.labelOne.on(BI.Editor.EVENT_CONFIRM, function () { + var percent = self._getPercentByValue(this.getValue()); + var significantPercent = BI.parseFloat(percent.toFixed(1));//分成1000份 + self._setLabelOnePosition(significantPercent); + self._setSliderOnePosition(significantPercent); + self._setBlueTrack(); + self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); + }); + + this.labelTwo = BI.createWidget({ + type: "bi.sign_editor", + cls: "slider-editor-button", + errorText: "", + allowBlank: false, + height: c.HEIGHT, + width: c.EDITOR_WIDTH, + validationChecker: function (v) { + return self._checkValidation(v); + }, + quitChecker: function (v) { + return self._checkValidation(v); + } + }); + this.labelTwo.on(BI.Editor.EVENT_CONFIRM, function () { + var percent = self._getPercentByValue(this.getValue()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setLabelTwoPosition(significantPercent); + self._setSliderTwoPosition(significantPercent); + self._setBlueTrack(); + self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); + }); + + this.sliderOne = BI.createWidget({ + type: "bi.single_slider_slider" + }); + this.sliderOne.element.draggable({ + axis: "x", + containment: this.grayTrack.element, + scroll: false, + drag: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setLabelOnePosition(significantPercent); + var v = self._getValueByPercent(significantPercent); + self.labelOne.setValue(v); + self.valueOne = v; + self._setBlueTrack(); + }, + stop: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setSliderOnePosition(significantPercent); + self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); + } + }); + + this.sliderTwo = BI.createWidget({ + type: "bi.single_slider_slider" + }); + this.sliderTwo.element.draggable({ + axis: "x", + containment: this.grayTrack.element, + scroll: false, + drag: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setLabelTwoPosition(significantPercent); + var v = self._getValueByPercent(significantPercent); + self.labelTwo.setValue(v); + self.valueTwo = v; + self._setBlueTrack(); + }, + stop: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setSliderTwoPosition(significantPercent); + self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); + } + }); + this._setVisible(false); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.track, + width: "100%", + height: c.TRACK_HEIGHT + }] + }], + hgap: 7, + height: c.TRACK_HEIGHT + }, + top: 33, + left: 0, + width: "100%" + }, + this._createLabelWrapper(), + this._createSliderWrapper() + ] + }) + }, + + _createLabelWrapper: function () { + var c = this._constant; + return { + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.labelOne, + top: 0, + left: "0%" + }] + }, { + type: "bi.absolute", + items: [{ + el: this.labelTwo, + top: 0, + left: "100%" + }] + }], + rgap: c.EDITOR_WIDTH, + height: 90 + }, + top: 0, + left: 0, + width: "100%" + } + }, + + _createSliderWrapper: function () { + var c = this._constant; + return { + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.sliderOne, + top: 0, + left: "0%" + }] + }, { + type: "bi.absolute", + items: [{ + el: this.sliderTwo, + top: 0, + left: "100%" + }] + }], + hgap: c.SLIDER_WIDTH_HALF, + height: c.SLIDER_HEIGHT + }, + top: 30, + left: 0, + width: "100%" + } + }, + + _createTrackWrapper: function () { + return BI.createWidget({ + type: "bi.absolute", + items: [{ + el: this.backgroundTrack, + width: "100%" + }, { + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.grayTrack, + top: 0, + left: 0, + width: "100%" + }, { + el: this.blueTrack, + top: 0, + left: 0, + width: "0%" + }] + }], + hgap: 8, + height: 8 + }, + top: 8, + left: 0, + width: "100%" + }] + }) + }, + + _checkValidation: function (v) { + return !(BI.isNull(v) || v < this.min || v > this.max) + }, + + _checkOverlap: function () { + var labelOneLeft = this.labelOne.element[0].offsetLeft; + var labelTwoLeft = this.labelTwo.element[0].offsetLeft; + if (labelOneLeft <= labelTwoLeft) { + if ((labelTwoLeft - labelOneLeft) < 90) { + this.labelTwo.element.css({"top": 60}); + } else { + this.labelTwo.element.css({"top": 0}); + } + } else { + if ((labelOneLeft - labelTwoLeft) < 90) { + this.labelTwo.element.css({"top": 60}); + } else { + this.labelTwo.element.css({"top": 0}); + } + } + }, + + _setLabelOnePosition: function (percent) { + this.labelOne.element.css({"left": percent + "%"}); + this._checkOverlap(); + }, + + _setLabelTwoPosition: function (percent) { + this.labelTwo.element.css({"left": percent + "%"}); + this._checkOverlap(); + }, + + _setSliderOnePosition: function (percent) { + this.sliderOne.element.css({"left": percent + "%"}); + }, + + _setSliderTwoPosition: function (percent) { + this.sliderTwo.element.css({"left": percent + "%"}); + }, + + _setBlueTrackLeft: function (percent) { + this.blueTrack.element.css({"left": percent + "%"}); + }, + + _setBlueTrackWidth: function (percent) { + this.blueTrack.element.css({"width": percent + "%"}); + }, + + _setBlueTrack: function () { + var percentOne = this._getPercentByValue(this.labelOne.getValue()); + var percentTwo = this._getPercentByValue(this.labelTwo.getValue()); + if (percentOne <= percentTwo) { + this._setBlueTrackLeft(percentOne); + this._setBlueTrackWidth(percentTwo - percentOne); + } else { + this._setBlueTrackLeft(percentTwo); + this._setBlueTrackWidth(percentOne - percentTwo); + } + }, + + _setAllPosition: function (one, two) { + this._setSliderOnePosition(one); + this._setLabelOnePosition(one); + this._setSliderTwoPosition(two); + this._setLabelTwoPosition(two); + this._setBlueTrack(); + }, + + _setVisible: function (visible) { + this.sliderOne.setVisible(visible); + this.sliderTwo.setVisible(visible); + this.labelOne.setVisible(visible); + this.labelTwo.setVisible(visible); + }, + + _setErrorText: function () { + var errorText = BI.i18nText("BI-Please_Enter") + this.min + "-" + this.max + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Basic_Number"); + this.labelOne.setErrorText(errorText); + this.labelTwo.setErrorText(errorText); + }, + + _getGrayTrackLength: function () { + return this.grayTrack.element[0].scrollWidth + }, + + _getValueByPercent: function (percent) {//return (((max-min)*percent)/100+min) + var sub = this.calculation.accurateSubtraction(this.max, this.min); + var mul = this.calculation.accurateMultiplication(sub, percent); + var div = this.calculation.accurateDivisionTenExponent(mul, 2); + return this.calculation.accurateAddition(div, this.min); + }, + + _getPercentByValue: function (v) { + return (v - this.min) * 100 / (this.max - this.min); + }, + + _setDraggableEnable: function (enable) { + if (enable) { + this.sliderOne.element.draggable("enable"); + this.sliderTwo.element.draggable("enable") + } else { + this.sliderOne.element.draggable("disable"); + this.sliderTwo.element.draggable("disable") + } + }, + + getValue: function () { + if (this.valueOne <= this.valueTwo) { + return {min: this.valueOne, max: this.valueTwo} + } else { + return {min: this.valueTwo, max: this.valueOne} + } + }, + + setMinAndMax: function (v) { + var minNumber = BI.parseFloat(v.min); + var maxNumber = BI.parseFloat(v.max); + if ((!isNaN(minNumber)) && (!isNaN(maxNumber)) && (maxNumber >= minNumber )) { + this.min = minNumber; + this.max = maxNumber; + this.valueOne = minNumber; + this.valueTwo = maxNumber; + this._setDraggableEnable(true); + } + if (maxNumber === minNumber) { + this._setDraggableEnable(false); + } + }, + + setValue: function (v) { + var valueOne = BI.parseFloat(v.min); + var valueTwo = BI.parseFloat(v.max); + if (!isNaN(valueOne) && !isNaN(valueTwo)) { + if (this._checkValidation(valueOne)) { + this.valueOne = valueOne; + } + if (this._checkValidation(valueTwo)) { + this.valueTwo = valueTwo; + } + if (valueOne < this.min) { + this.valueOne = this.min; + } + if (valueTwo > this.max) { + this.valueTwo = this.max; + } + } + }, + + reset: function () { + this._setVisible(false); + this.enable = false; + this.valueOne = ""; + this.valueTwo = ""; + this.min = NaN; + this.max = NaN; + this._setBlueTrackWidth(0); + }, + + populate: function () { + if (!isNaN(this.min) && !isNaN(this.max)) { + this.enable = true; + this._setVisible(true); + this._setErrorText(); + if ((BI.isNumeric(this.valueOne) || BI.isNotEmptyString(this.valueOne)) && (BI.isNumeric(this.valueTwo) || BI.isNotEmptyString(this.valueTwo))) { + this.labelOne.setValue(this.valueOne); + this.labelTwo.setValue(this.valueTwo); + this._setAllPosition(this._getPercentByValue(this.valueOne), this._getPercentByValue(this.valueTwo)); + } else { + this.labelOne.setValue(this.min); + this.labelTwo.setValue(this.max); + this._setAllPosition(0, 100) + } + } + } +}); +BI.IntervalSlider.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.interval_slider", BI.IntervalSlider);/** + * Created by zcf on 2017/3/1. + * 万恶的IEEE-754 + * 使用字符串精确计算含小数加法、减法、乘法和10的指数倍除法,支持负数 + */ +BI.AccurateCalculationModel = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.AccurateCalculationModel.superclass._defaultConfig.apply(this, arguments), { + baseCls: "" + }) + }, + + _init: function () { + BI.AccurateCalculationModel.superclass._init.apply(this, arguments); + }, + + _getMagnitude: function (n) { + var magnitude = "1"; + for (var i = 0; i < n; i++) { + magnitude += "0"; + } + return BI.parseInt(magnitude); + }, + + _formatDecimal: function (stringNumber1, stringNumber2) { + if (stringNumber1.numDecimalLength === stringNumber2.numDecimalLength) { + return; + } + var magnitudeDiff = stringNumber1.numDecimalLength - stringNumber2.numDecimalLength; + if (magnitudeDiff > 0) { + var needAddZero = stringNumber2 + } else { + var needAddZero = stringNumber1; + magnitudeDiff = (0 - magnitudeDiff); + } + for (var i = 0; i < magnitudeDiff; i++) { + if (needAddZero.numDecimal === "0" && i === 0) { + continue + } + needAddZero.numDecimal += "0" + } + }, + + _stringNumberFactory: function (num) { + var strNum = num.toString(); + var numStrArray = strNum.split("."); + var numInteger = numStrArray[0]; + if (numStrArray.length === 1) { + var numDecimal = "0"; + var numDecimalLength = 0; + } else { + var numDecimal = numStrArray[1]; + var numDecimalLength = numStrArray[1].length; + } + return { + "numInteger": numInteger, + "numDecimal": numDecimal, + "numDecimalLength": numDecimalLength + } + }, + + _accurateSubtraction: function (num1, num2) {//num1-num2 && num1>num2 + var stringNumber1 = this._stringNumberFactory(num1); + var stringNumber2 = this._stringNumberFactory(num2); + //整数部分计算 + var integerResult = BI.parseInt(stringNumber1.numInteger) - BI.parseInt(stringNumber2.numInteger); + //小数部分 + this._formatDecimal(stringNumber1, stringNumber2); + var decimalMaxLength = getDecimalMaxLength(stringNumber1, stringNumber2); + + if (BI.parseInt(stringNumber1.numDecimal) >= BI.parseInt(stringNumber2.numDecimal)) { + var decimalResultTemp = (BI.parseInt(stringNumber1.numDecimal) - BI.parseInt(stringNumber2.numDecimal)).toString(); + var decimalResult = addZero(decimalResultTemp, decimalMaxLength); + } else {//否则借位 + integerResult--; + var borrow = this._getMagnitude(decimalMaxLength); + var decimalResultTemp = (borrow + BI.parseInt(stringNumber1.numDecimal) - BI.parseInt(stringNumber2.numDecimal)).toString(); + var decimalResult = addZero(decimalResultTemp, decimalMaxLength); + } + var result = integerResult + "." + decimalResult; + return BI.parseFloat(result); + + function getDecimalMaxLength(num1, num2) { + if (num1.numDecimal.length >= num2.numDecimal.length) { + return num1.numDecimal.length + } + return num2.numDecimal.length + } + + function addZero(resultTemp, length) { + var diff = length - resultTemp.length; + for (var i = 0; i < diff; i++) { + resultTemp = "0" + resultTemp; + } + return resultTemp + } + }, + + _accurateAddition: function (num1, num2) {//加法结合律 + var stringNumber1 = this._stringNumberFactory(num1); + var stringNumber2 = this._stringNumberFactory(num2); + //整数部分计算 + var integerResult = BI.parseInt(stringNumber1.numInteger) + BI.parseInt(stringNumber2.numInteger); + //小数部分 + this._formatDecimal(stringNumber1, stringNumber2); + + var decimalResult = (BI.parseInt(stringNumber1.numDecimal) + BI.parseInt(stringNumber2.numDecimal)).toString(); + + if (decimalResult !== "0") { + if (decimalResult.length <= stringNumber1.numDecimal.length) { + decimalResult = addZero(decimalResult, stringNumber1.numDecimal.length) + } else { + integerResult++;//进一 + decimalResult = decimalResult.slice(1); + } + } + var result = integerResult + "." + decimalResult; + return BI.parseFloat(result); + + function addZero(resultTemp, length) { + var diff = length - resultTemp.length; + for (var i = 0; i < diff; i++) { + resultTemp = "0" + resultTemp; + } + return resultTemp + } + }, + + _accurateMultiplication: function (num1, num2) {//乘法分配律 + var stringNumber1 = this._stringNumberFactory(num1); + var stringNumber2 = this._stringNumberFactory(num2); + //整数部分计算 + var integerResult = BI.parseInt(stringNumber1.numInteger) * BI.parseInt(stringNumber2.numInteger); + //num1的小数和num2的整数 + var dec1Int2 = this._accurateDivisionTenExponent(BI.parseInt(stringNumber1.numDecimal) * BI.parseInt(stringNumber2.numInteger), stringNumber1.numDecimalLength); + //num1的整数和num2的小数 + var int1dec2 = this._accurateDivisionTenExponent(BI.parseInt(stringNumber1.numInteger) * BI.parseInt(stringNumber2.numDecimal), stringNumber2.numDecimalLength); + //小数*小数 + var dec1dec2 = this._accurateDivisionTenExponent(BI.parseInt(stringNumber1.numDecimal) * BI.parseInt(stringNumber2.numDecimal), (stringNumber1.numDecimalLength + stringNumber2.numDecimalLength)); + + return this._accurateAddition(this._accurateAddition(this._accurateAddition(integerResult, dec1Int2), int1dec2), dec1dec2); + }, + + _accurateDivisionTenExponent: function (num, n) {// num/10^n && n>0 + var stringNumber = this._stringNumberFactory(num); + if (stringNumber.numInteger.length > n) { + var integerResult = stringNumber.numInteger.slice(0, (stringNumber.numInteger.length - n)); + var partDecimalResult = stringNumber.numInteger.slice(-n); + } else { + var integerResult = "0"; + var partDecimalResult = addZero(stringNumber.numInteger, n); + } + var result = integerResult + "." + partDecimalResult + stringNumber.numDecimal; + return BI.parseFloat(result); + + function addZero(resultTemp, length) { + var diff = length - resultTemp.length; + for (var i = 0; i < diff; i++) { + resultTemp = "0" + resultTemp; + } + return resultTemp + } + }, + + accurateSubtraction: function (num1, num2) { + if (num1 >= 0 && num2 >= 0) { + if (num1 >= num2) { + return this._accurateSubtraction(num1, num2) + } + return this._accurateSubtraction(num2, num1) + } + if (num1 >= 0 && num2 < 0) { + return this._accurateAddition(num1, -num2) + } + if (num1 < 0 && num2 >= 0) { + return -this._accurateAddition(-num1, num2) + } + if (num1 < 0 && num2 < 0) { + if (num1 >= num2) { + return this._accurateSubtraction(-num2, -num1) + } + return this._accurateSubtraction(-num1, -num2) + } + }, + + accurateAddition: function (num1, num2) { + if (num1 >= 0 && num2 >= 0) { + return this._accurateAddition(num1, num2) + } + if (num1 >= 0 && num2 < 0) { + return this.accurateSubtraction(num1, -num2) + } + if (num1 < 0 && num2 >= 0) { + return this.accurateSubtraction(num2, -num1) + } + if (num1 < 0 && num2 < 0) { + return -this._accurateAddition(-num1, -num2) + } + }, + + accurateMultiplication: function (num1, num2) { + if (num1 >= 0 && num2 >= 0) { + return this._accurateMultiplication(num1, num2) + } + if (num1 >= 0 && num2 < 0) { + return -this._accurateMultiplication(num1, -num2) + } + if (num1 < 0 && num2 >= 0) { + return -this._accurateMultiplication(-num1, num2) + } + if (num1 < 0 && num2 < 0) { + return this._accurateMultiplication(-num1, -num2) + } + }, + + accurateDivisionTenExponent: function (num1, n) { + if (num1 >= 0) { + return this._accurateDivisionTenExponent(num1, n); + } + return -this._accurateDivisionTenExponent(-num1, n); + } +});/** + * Created by fay on 2016/9/14. + */ +BI.ListLabelItemGroup = BI.inherit(BI.ButtonGroup, { + _defaultConfig: function () { + return BI.extend(BI.ListLabelItemGroup.superclass._defaultConfig.apply(this, arguments), { + chooseType: BI.Selection.Multi + }); + }, + + _init: function () { + BI.ListLabelItemGroup.superclass._init.apply(this, arguments); + this.otherValues = []; + if (BI.isEmptyArray(this.getValue())) { + BI.each(this.buttons, function (idx, button) { + if (button.getValue() === BICst.LIST_LABEL_TYPE.ALL) { + button.setSelected(true); + } + }); + } + this._checkBtnStyle(); + }, + + _createBtns: function (items) { + var o = this.options; + return BI.createWidgets(BI.createItems(items, { + type: "bi.text_button", + cls: "list-label-button" + })); + }, + + + _btnsCreator: function (items) { + var self = this, args = Array.prototype.slice.call(arguments), o = this.options; + var buttons = this._createBtns(items); + args[0] = buttons; + + BI.each(this.behaviors, function (i, behavior) { + behavior.doBehavior.apply(behavior, args); + }); + BI.each(buttons, function (i, btn) { + btn.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (type === BI.Events.CLICK) { + switch (o.chooseType) { + case BI.ButtonGroup.CHOOSE_TYPE_MULTI: + if (btn.getValue() === BICst.LIST_LABEL_TYPE.ALL) { + self.setValue([BICst.LIST_LABEL_TYPE.ALL]); + } else { + self._checkBtnState(); + } + self._checkBtnStyle(); + break; + case BI.ButtonGroup.CHOOSE_TYPE_SINGLE: + self.setValue(btn.getValue()); + break; + case BI.ButtonGroup.CHOOSE_TYPE_NONE: + self.setValue([]); + break; + } + self.fireEvent(BI.ButtonGroup.EVENT_CHANGE, value, obj); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + btn.on(BI.Events.DESTROY, function () { + BI.remove(self.buttons, btn); + }); + }); + + return buttons; + }, + + _checkBtnState: function () { + if (BI.isEmptyArray(this.getValue()) && BI.isEmptyArray(this.otherValues)) { + this.buttons[0].setSelected(true); + this.fireEvent(BI.ButtonGroup.EVENT_CHANGE, this.buttons[0].getValue(), this.buttons[0]); + } else if (this.getValue().length === 1 && BI.isEqual(this.getValue()[0], BICst.LIST_LABEL_TYPE.ALL)) { + this.buttons[0].setSelected(true); + } + else { + this.buttons[0].setSelected(false); + } + }, + + _checkBtnStyle: function () { + BI.each(this.buttons, function (idx, btn) { + if (btn.isSelected()) { + btn.doHighLight(); + } else { + btn.unHighLight(); + } + }); + }, + + removeAllItems: function () { + var indexes = []; + for (var i = 1; i < this.buttons.length; i++) { + indexes.push(i); + } + this.removeItemAt(indexes); + }, + + setValue: function (v) { + var self = this; + v = BI.isArray(v) ? v : [v]; + BI.each(this.buttons, function (i, item) { + if (BI.deepContains(v, item.getValue())) { + item.setSelected && item.setSelected(true); + } else { + item.setSelected && item.setSelected(false); + } + }); + var currentValues = this.getValue(); + this.otherValues = []; + BI.each(v, function (idx, value) { + if (currentValues.indexOf(value) === -1) { + self.otherValues.push(value); + } + }); + this._checkBtnState(); + this._checkBtnStyle(); + + }, + + getValue: function () { + var v = []; + BI.each(this.buttons, function (i, item) { + if (item.isEnabled() && item.isSelected && item.isSelected()) { + v.push(item.getValue()); + } + }); + v = v.concat(this.otherValues || []); + return v; + } +}); + +$.shortcut('bi.list_label_item_group', BI.ListLabelItemGroup); +/** + * 文本标签 + * + * Created by fay on 2016/9/11. + */ +BI.ListLabel = BI.inherit(BI.Widget, { + + _constant: { + MAX_COLUMN_SIZE: 40, + DEFAULT_LABEL_GAP: 15, + DEFAULT_RIGHT_GAP: 10 + }, + + _defaultConfig: function () { + return BI.extend(BI.ListLabel.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-list-label", + title: BI.i18nText("BI-List_Label_Con"), + showTitle: true, + items: [], + height: 40 + }) + }, + + _init: function () { + BI.ListLabel.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.items = BI.clone(o.items); + this.items.unshift({ + text: BI.i18nText("BI-Basic_Nolimited"), + value: BICst.LIST_LABEL_TYPE.ALL + }); + this.title = BI.createWidget({ + type: "bi.label", + text: o.title + BI.i18nText("BI-Basic_Colon"), + title: o.title, + height: o.height + }); + + this.container = BI.createWidget({ + type: "bi.list_label_item_group", + items: BI.createItems(this.items.slice(0, this._constant.MAX_COLUMN_SIZE), { + type: "bi.text_button", + height: o.height, + rgap: this._constant.DEFAULT_RIGHT_GAP + }), + layouts: [{ + type: "bi.inline_vertical_adapt", + rgap: this._constant.DEFAULT_LABEL_GAP, + height: o.height + }] + }); + this.container.on(BI.ButtonGroup.EVENT_CHANGE, function (value) { + self.fireEvent(BI.ListLabel.EVENT_CHANGE, value); + }); + this.minTip = BI.createWidget({ + type: "bi.label", + text: BI.i18nText("BI-No_Selected_Value"), + disabled: true, + height: o.height + }); + this.maxTip = BI.createWidget({ + type: "bi.label", + text: BI.i18nText("BI-Max_Show_40_Labels"), + disabled: true, + height: o.height + }); + + this.checkTipsState(o.items); + this.right = BI.createWidget({ + type: "bi.horizontal", + items: [this.container, this.minTip, this.maxTip], + height: o.height + }); + + o.showTitle ? BI.createWidget({ + type: "bi.absolute", + items: [{ + el: this.title, + left:0, + right:0, + top:0, + bottom:0, + width: 60 + }, { + el: this.right, + left: 65, + right:0, + top:0, + bottom:0 + }], + element: this + }) : BI.createWidget({ + type: "bi.horizontal", + items: [this.right], + element: this + }); + }, + + addItems: function (v) { + this.checkTipsState(v); + this.container.addItems(v.slice(0, this._constant.MAX_COLUMN_SIZE - 1)); + }, + + checkTipsState: function (v) { + if (BI.isEmptyArray(v)) { + this.minTip.setVisible(true); + this.container.setVisible(false); + } else { + this.minTip.setVisible(false); + this.container.setVisible(true); + } + if (v.length >= this._constant.MAX_COLUMN_SIZE) { + this.maxTip.setVisible(true); + } else { + this.maxTip.setVisible(false); + } + }, + + removeAllItems: function () { + this.container.removeAllItems(); + }, + + getSelectedButtons: function () { + return this.container.isVisible() ? this.container.getSelectedButtons() : []; + }, + + getAllButtons: function () { + return this.container.getAllButtons(); + }, + + setTitle: function (title) { + this.title.setText(title + BI.i18nText("BI-Basic_Colon")); + this.title.setTitle(title); + }, + + setItems: function (items) { + this.removeAllItems(); + this.addItems(BI.createItems(items, { + type: "bi.text_button", + height: this.options.height, + rgap: this._constant.DEFAULT_RIGHT_GAP + })); + }, + + populate: function (v) { + this.setTitle(v.title || BI.i18nText("BI-List_Label_Con")); + this.setItems(v.items || []); + }, + + setValue: function (v) { + this.container.setValue(v); + }, + + getValue: function () { + return this.container.getValue(); + } +}); + +BI.ListLabel.EVENT_CHANGE = 'BI.ListLabel.EVENT_CHANGE'; +$.shortcut('bi.list_label', BI.ListLabel);/** + * 月份下拉框 + * + * Created by GUY on 2015/8/28. + * @class BI.MonthCombo + * @extends BI.Trigger + */ +BI.MonthCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.MonthCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-month-combo", + height: 25 + }); + }, + _init: function () { + BI.MonthCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.month_trigger" + }); + + this.trigger.on(BI.MonthTrigger.EVENT_CONFIRM, function (v) { + if(this.getKey() && this.getKey() !== self.storeValue) { + self.setValue(this.getValue()); + }else if(!this.getKey()){ + self.setValue(); + } + self.fireEvent(BI.MonthCombo.EVENT_CONFIRM); + }); + this.trigger.on(BI.MonthTrigger.EVENT_FOCUS, function () { + self.storeValue = this.getKey(); + }); + this.trigger.on(BI.MonthTrigger.EVENT_START, function () { + self.combo.hideView(); + }); + this.trigger.on(BI.MonthTrigger.EVENT_STOP, function () { + if (!self.combo.isViewVisible()) { + self.combo.showView(); + } + }); + this.trigger.on(BI.MonthTrigger.EVENT_CHANGE, function () { + self.combo.isViewVisible() && self.combo.hideView(); + }); + + this.popup = BI.createWidget({ + type: "bi.month_popup" + }); + this.popup.on(BI.MonthPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.MonthCombo.EVENT_CONFIRM); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + minWidth: 85, + el: this.popup + } + }) + }, + + setValue: function (v) { + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + } +}); + +BI.MonthCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut('bi.month_combo', BI.MonthCombo);/** + * 月份展示面板 + * + * Created by GUY on 2015/9/2. + * @class BI.MonthPopup + * @extends BI.Trigger + */ +BI.MonthPopup = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MonthPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-month-popup" + }); + }, + + _init: function () { + BI.MonthPopup.superclass._init.apply(this, arguments); + var self = this; + + //纵向排列月 + var month = [0, 6, 1, 7, 2, 8, 3, 9, 4, 10, 5, 11]; + var items = []; + items.push(month.slice(0, 2)); + items.push(month.slice(2, 4)); + items.push(month.slice(4, 6)); + items.push(month.slice(6, 8)); + items.push(month.slice(8, 10)); + items.push(month.slice(10, 12)); + items = BI.map(items, function (i, item) { + return BI.map(item, function (j, td) { + return { + type: "bi.text_item", + cls: "bi-list-item-active", + textAlign: "center", + whiteSpace: "nowrap", + once: false, + forceSelected: true, + height: 23, + width: 38, + value: td, + text: td + 1 + }; + }); + }); + + this.month = BI.createWidget({ + type: "bi.button_group", + element: this, + items: BI.createItems(items, {}), + layouts: [BI.LogicFactory.createLogic("table", BI.extend({ + dynamic: true + }, { + columns: 2, + rows: 6, + columnSize: [1 / 2, 1 / 2], + rowSize: 25 + })), { + type: "bi.center_adapt", + vgap: 1, + hgap: 2 + }] + }); + + this.month.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.MonthPopup.EVENT_CHANGE); + } + }) + }, + + getValue: function () { + return this.month.getValue()[0]; + }, + + setValue: function (v) { + this.month.setValue([v]); + } +}); +BI.MonthPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.month_popup", BI.MonthPopup);/** + * 月份trigger + * + * Created by GUY on 2015/8/21. + * @class BI.MonthTrigger + * @extends BI.Trigger + */ +BI.MonthTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4, + vgap: 2, + triggerWidth: 25, + errorText: BI.i18nText("BI-Month_Trigger_Error_Text") + }, + + _defaultConfig: function () { + return BI.extend(BI.MonthTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-month-trigger", + height: 25 + }); + }, + _init: function () { + BI.MonthTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height, + validationChecker: function (v) { + return v === "" || (BI.isPositiveInteger(v) && v >= 1 && v <= 12); + }, + quitChecker: function (v) { + return false; + }, + hgap: c.hgap, + vgap: c.vgap, + allowBlank: true, + errorText: c.errorText + }); + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.MonthTrigger.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.MonthTrigger.EVENT_CHANGE); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + var value = self.editor.getValue(); + if (BI.isNotNull(value)) { + self.editor.setValue(value); + self.editor.setTitle(value); + } + self.fireEvent(BI.MonthTrigger.EVENT_CONFIRM); + }); + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + if (self.editor.isValid()) { + self.editor.blur(); + } + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.MonthTrigger.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.MonthTrigger.EVENT_STOP); + }); + BI.createWidget({ + element: this, + type: 'bi.htape', + items: [ + { + el: this.editor + }, { + el: { + type: "bi.text_button", + text: BI.i18nText("BI-Multi_Date_Month"), + baseCls: "bi-trigger-month-text", + width: c.triggerWidth + }, + width: c.triggerWidth + }, { + el: { + type: "bi.trigger_icon_button", + width: c.triggerWidth + }, + width: c.triggerWidth + } + ] + }); + }, + setValue: function (v) { + if(BI.isNotNull(v)){ + this.editor.setState(v + 1); + this.editor.setValue(v + 1); + this.editor.setTitle(v + 1); + return; + } + this.editor.setState(); + this.editor.setValue(); + this.editor.setTitle(); + }, + getKey: function () { + return this.editor.getValue() | 0; + }, + getValue: function () { + return this.editor.getValue() - 1; + } +}); +BI.MonthTrigger.EVENT_FOCUS = "EVENT_FOCUS"; +BI.MonthTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.MonthTrigger.EVENT_START = "EVENT_START"; +BI.MonthTrigger.EVENT_STOP = "EVENT_STOP"; +BI.MonthTrigger.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.month_trigger", BI.MonthTrigger);/** + * 新建并选中某个分组按钮 + * + * Created by GUY on 2015/9/25. + * @class BI.Move2GroupAddButton + * @extends BI.BasicButton + */ +BI.Move2GroupAddButton = BI.inherit(BI.BasicButton, { + + _defaultConfig: function () { + var conf = BI.Move2GroupAddButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + ' bi-move2group-add-button', + shadow: true, + isShadowShowingOnSelected: true, + height: 30 + }) + }, + + _init: function () { + BI.Move2GroupAddButton.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + text: BI.i18nText("BI-Create_And_Move_To") + "\"江苏\"", + height: o.height + }) + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.icon_button", + cls: "move2group-add-font" + }, + width: 30 + }, { + el: this.text + }] + }) + }, + + setValue: function (v) { + this.text.setValue(BI.i18nText("BI-Create_And_Move_To") + "\"" + v + "\""); + this.setTitle(BI.i18nText("BI-Create_And_Move_To") + "\"" + v + "\"", { + container: "body" + }); + }, + + doClick: function () { + BI.Move2GroupAddButton.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.Move2GroupAddButton.EVENT_CHANGE); + } + } +}); +BI.Move2GroupAddButton.EVENT_CHANGE = "Move2GroupAddButton.EVENT_CHANGE"; +$.shortcut('bi.move2group_add_button', BI.Move2GroupAddButton);/** + * 移动到分组下拉框 + * + * Created by GUY on 2015/9/25. + * @class BI.Move2GroupCombo + * @extends BI.Widget + */ +BI.Move2GroupCombo = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Move2GroupCombo.superclass._defaultConfig.apply(this, arguments) + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-move2group-combo", + height: 30, + tipType: "warning", + items: [] + }); + }, + _init: function () { + BI.Move2GroupCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.button", + text: BI.i18nText("BI-Move_To_Group"), + title: o.title, + height: o.height + }); + + this.tools = BI.createWidget({ + type: "bi.move2group_bar" + }); + + this.tools.on(BI.Move2GroupBar.EVENT_START, function () { + self.combo.adjustHeight(); + self.searcher.adjustHeight(); + }); + this.tools.on(BI.Move2GroupBar.EVENT_EMPTY, function () { + self.combo.adjustHeight(); + }); + this.tools.on(BI.Move2GroupBar.EVENT_CLICK_BUTTON, function () { + self.fireEvent(BI.Move2GroupCombo.EVENT_CLICK_NEW_BUTTON); + self.searcher.stopSearch(); + self.combo.hideView(); + }); + this.tools.on(BI.Move2GroupBar.EVENT_CHANGE, function () { + this.setButtonVisible(!self.searcher.hasMatched()); + self.combo.adjustHeight(); + self.searcher.adjustHeight(); + }); + + this.popup = this._createPopup(this.options.items); + + + this.searcher = BI.createWidget({ + type: "bi.searcher", + el: this.tools, + adapter: this.popup + }); + + this.searcher.on(BI.Searcher.EVENT_CHANGE, function () { + self.fireEvent(BI.Move2GroupCombo.EVENT_CONFIRM); + self.combo.hideView(); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + el: this.trigger, + isNeedAdjustWidth: false, + popup: { + width: 200, + stopPropagation: false, + el: this.popup, + tool: this.searcher + } + }); + this.combo.on(BI.Combo.EVENT_CHANGE, function () { + self.combo.hideView(); + self.fireEvent(BI.Move2GroupCombo.EVENT_CONFIRM); + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.Move2GroupCombo.EVENT_BEFORE_POPUPVIEW); + }); + this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.searcher.stopSearch(); + }) + }, + + _createItems: function (items) { + return BI.createItems(items, { + type: "bi.single_select_item", + height: 25, + handler: function (v) { + + } + }) + }, + + _createPopup: function (items, opt) { + return BI.createWidget(BI.extend({ + type: "bi.button_group", + items: this._createItems(items), + chooseType: 0, + layouts: [{ + type: "bi.vertical" + }] + }, opt)); + }, + + populate: function (items) { + this.options.items = items; + this.combo.populate(this._createItems(items)); + }, + + setValue: function (v) { + this.combo.setValue(v); + }, + setEnable: function (enable) { + this.combo.setEnable.apply(this.combo, arguments); + }, + + getTargetValue: function () { + return this.tools.getValue(); + }, + + getValue: function () { + var value = this.searcher.getValue(); + return value[0]; + + } +}); +BI.Move2GroupCombo.EVENT_BEFORE_POPUPVIEW = "Move2GroupCombo.EVENT_BEFORE_POPUPVIEW"; +BI.Move2GroupCombo.EVENT_CHANGE = "Move2GroupCombo.EVENT_CHANGE"; +BI.Move2GroupCombo.EVENT_CONFIRM = "Move2GroupCombo.EVENT_CONFIRM"; +BI.Move2GroupCombo.EVENT_CLICK_NEW_BUTTON = "Move2GroupCombo.EVENT_CLICK_NEW_BUTTON"; +$.shortcut('bi.move2group_combo', BI.Move2GroupCombo);/** + * guy + * 复选导航条 + * Created by GUY on 2015/9/25. + * @class BI.Move2GroupBar + * @extends BI.Widget + */ +BI.Move2GroupBar = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Move2GroupBar.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-move2group-bar" + }) + }, + _init: function () { + BI.Move2GroupBar.superclass._init.apply(this, arguments); + var self = this; + this.search = BI.createWidget({ + type: "bi.text_editor", + watermark: BI.i18nText("BI-Search_And_Create_Group"), + allowBlank: true + }); + + this.search.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + + this.search.on(BI.TextEditor.EVENT_CHANGE, function () { + self.button.setValue(this.getValue()); + if (this.getValue() !== "") { + self.fireEvent(BI.Move2GroupBar.EVENT_CHANGE); + } + }); + + this.search.on(BI.TextEditor.EVENT_EMPTY, function () { + self.button.invisible(); + self.fireEvent(BI.Move2GroupBar.EVENT_EMPTY); + }); + + this.search.on(BI.TextEditor.EVENT_START, function () { + self.button.visible(); + self.fireEvent(BI.Move2GroupBar.EVENT_START); + }); + + this.button = BI.createWidget({ + type: "bi.move2group_add_button" + }); + + this.button.on(BI.Move2GroupAddButton.EVENT_CHANGE, function () { + self.fireEvent(BI.Move2GroupBar.EVENT_CLICK_BUTTON); + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + vgap: 5, + hgap: 5, + items: [this.search, this.button] + }); + + this.button.invisible(); + }, + + blur: function(){ + this.search.blur(); + }, + + setButtonVisible: function (b) { + this.button.setVisible(b); + }, + + getValue: function () { + return this.search.getValue(); + }, + + setValue: function (v) { + this.search.setValue(v); + this.button.setValue(v); + } +}); +BI.Move2GroupBar.EVENT_START = "Move2GroupBar.EVENT_START"; +BI.Move2GroupBar.EVENT_EMPTY = "Move2GroupBar.EVENT_EMPTY"; +BI.Move2GroupBar.EVENT_CHANGE = "Move2GroupBar.EVENT_CHANGE"; +BI.Move2GroupBar.EVENT_CLICK_BUTTON = "Move2GroupBar.EVENT_CLICK_BUTTON"; +$.shortcut("bi.move2group_bar", BI.Move2GroupBar);/** + * Created by fay on 2016/9/14. + */ +BI.TextLabelItemGroup = BI.inherit(BI.ButtonGroup, { + _defaultConfig: function () { + return BI.extend(BI.TextLabelItemGroup.superclass._defaultConfig.apply(this, arguments), { + chooseType: BI.Selection.Multi + }); + }, + + _init: function () { + BI.TextLabelItemGroup.superclass._init.apply(this, arguments); + this._checkBtnStyle(); + }, + + _btnsCreator: function (items) { + var self = this, args = Array.prototype.slice.call(arguments), o = this.options; + var buttons = this._createBtns(items); + args[0] = buttons; + + BI.each(this.behaviors, function (i, behavior) { + behavior.doBehavior.apply(behavior, args); + }); + BI.each(buttons, function (i, btn) { + btn.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (type === BI.Events.CLICK) { + switch (o.chooseType) { + case BI.ButtonGroup.CHOOSE_TYPE_MULTI: + if (BI.isEmptyString(btn.getValue())) { + self.setValue([]); + } else { + self._checkBtnStyle(); + } + break; + case BI.ButtonGroup.CHOOSE_TYPE_SINGLE: + self.setValue(btn.getValue()); + break; + case BI.ButtonGroup.CHOOSE_TYPE_NONE: + self.setValue([]); + break; + } + self.fireEvent(BI.ButtonGroup.EVENT_CHANGE, value, obj); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + btn.on(BI.Events.DESTROY, function () { + BI.remove(self.buttons, btn); + }) + }); + + return buttons; + }, + + _checkBtnStyle: function () { + var self = this; + var flag = BI.isEmptyArray(this.getValue()); + BI.each(this.buttons, function (idx, btn) { + if (flag && BI.isEmptyString(btn.getValue())) { + btn.setSelected(true); + btn.doHighLight(); + } + if (!flag && BI.isEmptyString(btn.getValue())) { + btn.setSelected(false); + btn.unHighLight(); + } + if (btn.isSelected()) { + btn.doHighLight(); + } else { + btn.unHighLight(); + } + }); + }, + + setValue: function (v) { + BI.TextLabelItemGroup.superclass.setValue.apply(this, arguments); + this._checkBtnStyle(); + } +}); + +$.shortcut('bi.text_label_item_group', BI.TextLabelItemGroup); +/** + * 文本标签 + * + * Created by fay on 2016/9/11. + */ +BI.TextLabel = BI.inherit(BI.Widget, { + + _constant: { + MAX_COLUMN_SIZE: 40 + }, + + _defaultConfig: function () { + return BI.extend(BI.TextLabel.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-label", + title: "" + }) + }, + + _init: function () { + BI.TextLabel.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var title = BI.createWidget({ + type: "bi.label", + text: o.title + ":" + }); + this.container = BI.createWidget({ + type: "bi.text_label_item_group", + items: BI.createItems(o.items.slice(0, this._constant.MAX_COLUMN_SIZE), { + type: "bi.text_button" + }), + layouts: [{ + type: "bi.horizontal", + + }] + }); + + BI.createWidget({ + type: "bi.horizontal", + items: [title, this.container], + element: this + }) + }, + + setValue: function (v) { + this.container.setValue(v); + }, + + getValue: function () { + return this.container.getValue(); + } +}); + +$.shortcut('bi.text_label', BI.TextLabel);(function ($) { + /** + * 普通控件 + * + * @class BI.MultiDateCard + * @extends BI.Widget + * @abstract + */ + BI.MultiDateCard = BI.inherit(BI.Widget, { + + constants: { + lgap: 80, + itemHeight: 35, + defaultEditorValue: "1" + }, + + _defaultConfig: function () { + return $.extend(BI.MultiDateCard.superclass._defaultConfig.apply(this, arguments), {}); + }, + + dateConfig: function () { + + }, + + defaultSelectedItem: function () { + + }, + + _init: function () { + BI.MultiDateCard.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + + this.label = BI.createWidget({ + type: 'bi.label', + height: this.constants.itemHeight, + textAlign: "left", + text: BI.i18nText("BI-Multi_Date_Relative_Current_Time"), + cls: 'bi-multidate-inner-label' + }); + this.radioGroup = BI.createWidget({ + type: "bi.button_group", + chooseType: 0, + items: BI.createItems(this.dateConfig(), { + type: 'bi.multidate_segment', + height: this.constants.itemHeight + }), + layouts: [{ + type: "bi.vertical" + }] + }); + + this.radioGroup.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CONFIRM) { + self.fireEvent(BI.MultiDateCard.EVENT_CHANGE); + } + }); + this.radioGroup.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.MultiDateCard.EVENT_CHANGE); + }); + BI.createWidget({ + element: this, + type: 'bi.center_adapt', + lgap: this.constants.lgap, + items: [{ + type: 'bi.vertical', + items: [this.label, this.radioGroup] + }] + }); + }, + + getValue: function () { + var button = this.radioGroup.getSelectedButtons()[0]; + var type = button.getValue(), value = button.getInputValue(); + return { + type: type, + value: value + } + }, + + _isTypeAvaliable: function (type) { + var res = false; + BI.find(this.dateConfig(), function (i, item) { + if (item.value === type) { + res = true; + return true; + } + }); + return res; + }, + + setValue: function (v) { + var self = this; + if (BI.isNotNull(v) && this._isTypeAvaliable(v.type)) { + this.radioGroup.setValue(v.type); + BI.each(this.radioGroup.getAllButtons(), function (i, button) { + if (button.isEditorExist() === true && button.isSelected()) { + button.setInputValue(v.value); + button.setEnable(true); + } else { + button.setInputValue(self.constants.defaultEditorValue); + button.setEnable(false); + } + }); + } else { + this.radioGroup.setValue(this.defaultSelectedItem()); + BI.each(this.radioGroup.getAllButtons(), function (i, button) { + button.setInputValue(self.constants.defaultEditorValue); + if (button.isEditorExist() === true && button.isSelected()) { + button.setEnable(true); + } else { + button.setEnable(false); + } + }); + } + }, + + getCalculationValue: function () { + var valueObject = this.getValue(); + var type = valueObject.type, value = valueObject.value; + switch (type) { + case BICst.MULTI_DATE_DAY_PREV: + return new Date().getOffsetDate(-1 * value); + case BICst.MULTI_DATE_DAY_AFTER: + return new Date().getOffsetDate(value); + case BICst.MULTI_DATE_DAY_TODAY: + return new Date(); + case BICst.MULTI_DATE_MONTH_PREV: + return new Date().getBeforeMultiMonth(value); + case BICst.MULTI_DATE_MONTH_AFTER: + return new Date().getAfterMultiMonth(value); + case BICst.MULTI_DATE_MONTH_BEGIN: + return new Date(new Date().getFullYear(), new Date().getMonth(), 1); + case BICst.MULTI_DATE_MONTH_END: + return new Date(new Date().getFullYear(), new Date().getMonth(), (new Date().getLastDateOfMonth()).getDate()); + case BICst.MULTI_DATE_QUARTER_PREV: + return new Date().getBeforeMulQuarter(value); + case BICst.MULTI_DATE_QUARTER_AFTER: + return new Date().getAfterMulQuarter(value); + case BICst.MULTI_DATE_QUARTER_BEGIN: + return new Date().getQuarterStartDate(); + case BICst.MULTI_DATE_QUARTER_END: + return new Date().getQuarterEndDate(); + case BICst.MULTI_DATE_WEEK_PREV: + return new Date().getOffsetDate(-7 * value); + case BICst.MULTI_DATE_WEEK_AFTER: + return new Date().getOffsetDate(7 * value); + case BICst.MULTI_DATE_YEAR_PREV: + return new Date((new Date().getFullYear() - 1 * value), new Date().getMonth(), new Date().getDate()); + case BICst.MULTI_DATE_YEAR_AFTER: + return new Date((new Date().getFullYear() + 1 * value), new Date().getMonth(), new Date().getDate()); + case BICst.MULTI_DATE_YEAR_BEGIN: + return new Date(new Date().getFullYear(), 0, 1); + case BICst.MULTI_DATE_YEAR_END: + return new Date(new Date().getFullYear(), 11, 31); + } + } + }); + BI.MultiDateCard.EVENT_CHANGE = "EVENT_CHANGE"; +})(jQuery);BICst.MULTI_DATE_YMD_CARD = 1; +BICst.MULTI_DATE_YEAR_CARD = 2; +BICst.MULTI_DATE_QUARTER_CARD = 3; +BICst.MULTI_DATE_MONTH_CARD = 4; +BICst.MULTI_DATE_WEEK_CARD = 5; +BICst.MULTI_DATE_DAY_CARD = 6; +BICst.MULTI_DATE_SEGMENT_NUM = {}; +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_PREV] = BI.i18nText("BI-Multi_Date_Year_Prev"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_AFTER] = BI.i18nText("BI-Multi_Date_Year_Next"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_BEGIN] = BI.i18nText("BI-Multi_Date_Year_Begin"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_END] = BI.i18nText("BI-Multi_Date_Year_End"); + +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_PREV] = BI.i18nText("BI-Multi_Date_Quarter_Prev"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_AFTER] = BI.i18nText("BI-Multi_Date_Quarter_Next"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_BEGIN] = BI.i18nText("BI-Multi_Date_Quarter_Begin"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_END] = BI.i18nText("BI-Multi_Date_Quarter_End"); + +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_PREV] = BI.i18nText("BI-Multi_Date_Month_Prev"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_AFTER] = BI.i18nText("BI-Multi_Date_Month_Next"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_BEGIN] = BI.i18nText("BI-Multi_Date_Month_Begin"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_END] = BI.i18nText("BI-Multi_Date_Month_End"); + +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_PREV] = BI.i18nText("BI-Multi_Date_Week_Prev"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_AFTER] = BI.i18nText("BI-Multi_Date_Week_Next"); + +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_PREV] = BI.i18nText("BI-Multi_Date_Day_Prev"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_AFTER] = BI.i18nText("BI-Multi_Date_Day_Next"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_TODAY] = BI.i18nText("BI-Multi_Date_Today"); + +(function ($) { + /** + * 日期控件 + * @class BI.MultiDateCombo + * @extends BI.Widget + */ + BI.MultiDateCombo = BI.inherit(BI.Single, { + constants: { + popupHeight: 259, + popupWidth: 270, + comboAdjustHeight: 1, + border: 1, + DATE_MIN_VALUE: "1900-01-01", + DATE_MAX_VALUE: "2099-12-31" + }, + _defaultConfig: function () { + return BI.extend(BI.MultiDateCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-combo', + height: 24 + }); + }, + _init: function () { + BI.MultiDateCombo.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.storeTriggerValue = ""; + var date = new Date(); + this.storeValue = null; + this.trigger = BI.createWidget({ + type: 'bi.date_trigger', + min: this.constants.DATE_MIN_VALUE, + max: this.constants.DATE_MAX_VALUE + }); + this.trigger.on(BI.DateTrigger.EVENT_KEY_DOWN, function(){ + if(self.combo.isViewVisible()){ + self.combo.hideView(); + } + }); + this.trigger.on(BI.DateTrigger.EVENT_STOP, function(){ + if(!self.combo.isViewVisible()){ + self.combo.showView(); + } + }); + this.trigger.on(BI.DateTrigger.EVENT_TRIGGER_CLICK, function(){ + self.combo.toggle(); + }); + this.trigger.on(BI.DateTrigger.EVENT_FOCUS, function () { + self.storeTriggerValue = self.trigger.getKey(); + if(!self.combo.isViewVisible()){ + self.combo.showView(); + } + self.fireEvent(BI.MultiDateCombo.EVENT_FOCUS); + }); + this.trigger.on(BI.DateTrigger.EVENT_ERROR, function () { + self.storeValue = { + year: date.getFullYear(), + month: date.getMonth() + }; + self.popup.setValue(); + self.fireEvent(BI.MultiDateCombo.EVENT_ERROR); + }); + this.trigger.on(BI.DateTrigger.EVENT_VALID, function () { + self.fireEvent(BI.MultiDateCombo.EVENT_VALID); + }); + this.trigger.on(BI.DateTrigger.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiDateCombo.EVENT_CHANGE); + }); + this.trigger.on(BI.DateTrigger.EVENT_CONFIRM, function () { + if(self.combo.isViewVisible()) { + return; + } + var dateStore = self.storeTriggerValue; + var dateObj = self.trigger.getKey(); + if (BI.isNotEmptyString(dateObj) && !BI.isEqual(dateObj, dateStore)) { + self.storeValue = self.trigger.getValue(); + self.setValue(self.trigger.getValue()); + } else if (BI.isEmptyString(dateObj)) { + self.storeValue = null; + self.trigger.setValue(); + } + self.fireEvent(BI.MultiDateCombo.EVENT_CONFIRM); + }); + this.popup = BI.createWidget({ + type: "bi.multidate_popup", + min: this.constants.DATE_MIN_VALUE, + max: this.constants.DATE_MAX_VALUE + }); + this.popup.on(BI.MultiDatePopup.BUTTON_CLEAR_EVENT_CHANGE, function () { + self.setValue(); + self.combo.hideView(); + self.fireEvent(BI.MultiDateCombo.EVENT_CONFIRM); + }); + this.popup.on(BI.MultiDatePopup.BUTTON_lABEL_EVENT_CHANGE, function () { + var date = new Date(); + self.setValue({ + year: date.getFullYear(), + month: date.getMonth(), + day: date.getDate() + }); + self.combo.hideView(); + self.fireEvent(BI.MultiDateCombo.EVENT_CONFIRM); + }); + this.popup.on(BI.MultiDatePopup.BUTTON_OK_EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.MultiDateCombo.EVENT_CONFIRM); + }); + this.popup.on(BI.MultiDatePopup.CALENDAR_EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + //self.fireEvent(BI.MultiDateCombo.EVENT_CHANGE); + self.fireEvent(BI.MultiDateCombo.EVENT_CONFIRM); + }); + this.combo = BI.createWidget({ + type: 'bi.combo', + toggle: false, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + adjustLength: this.constants.comboAdjustHeight, + popup: { + el: this.popup, + maxHeight: this.constants.popupHeight, + width: this.constants.popupWidth, + stopPropagation: false + } + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.popup.setValue(self.storeValue); + self.fireEvent(BI.MultiDateCombo.EVENT_BEFORE_POPUPVIEW); + }); + + var triggerBtn = BI.createWidget({ + type: "bi.trigger_icon_button", + cls: "bi-trigger-date-button chart-date-normal-font", + width: 30, + height: 23 + }); + triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () { + if (self.combo.isViewVisible()) { + self.combo.hideView(); + } else { + self.combo.showView(); + } + }); + this.changeIcon = BI.createWidget({ + type: "bi.icon_button", + cls: "bi-trigger-date-change widget-date-h-change-font", + width: 30, + height: 23, + invisible: true + }); + + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.combo, + top: 0, + left: 0, + right: 0, + bottom: 0 + }, { + el: triggerBtn, + top: 0, + left: 0 + }, { + el: this.changeIcon, + top: 0, + right: 0 + }] + }) + }, + + _checkDynamicValue: function(v){ + var type = null; + if (BI.isNotNull(v)) { + type = v.type + } + switch (type){ + case BICst.MULTI_DATE_YEAR_PREV: + case BICst.MULTI_DATE_YEAR_AFTER: + case BICst.MULTI_DATE_YEAR_BEGIN: + case BICst.MULTI_DATE_YEAR_END: + case BICst.MULTI_DATE_QUARTER_PREV: + case BICst.MULTI_DATE_QUARTER_AFTER: + case BICst.MULTI_DATE_QUARTER_BEGIN: + case BICst.MULTI_DATE_QUARTER_END: + case BICst.MULTI_DATE_MONTH_PREV: + case BICst.MULTI_DATE_MONTH_AFTER: + case BICst.MULTI_DATE_MONTH_BEGIN: + case BICst.MULTI_DATE_MONTH_END: + case BICst.MULTI_DATE_WEEK_PREV: + case BICst.MULTI_DATE_WEEK_AFTER: + case BICst.MULTI_DATE_DAY_PREV: + case BICst.MULTI_DATE_DAY_AFTER: + case BICst.MULTI_DATE_DAY_TODAY: + this.changeIcon.setVisible(true); + break; + default: + this.changeIcon.setVisible(false); + break; + } + }, + + setValue: function (v) { + this.storeValue = v; + this.popup.setValue(v); + this.trigger.setValue(v); + this._checkDynamicValue(v) + }, + getValue: function () { + return this.storeValue; + }, + getKey: function(){ + return this.trigger.getKey(); + }, + hidePopupView: function () { + this.combo.hideView(); + } + }); + $.shortcut('bi.multidate_combo', BI.MultiDateCombo); + + BI.MultiDateCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; + BI.MultiDateCombo.EVENT_FOCUS = "EVENT_FOCUS"; + BI.MultiDateCombo.EVENT_CHANGE = "EVENT_CHANGE"; + BI.MultiDateCombo.EVENT_VALID = "EVENT_VALID"; + BI.MultiDateCombo.EVENT_ERROR = "EVENT_ERROR"; + BI.MultiDateCombo.EVENT_BEFORE_POPUPVIEW = "BI.MultiDateCombo.EVENT_BEFORE_POPUPVIEW"; +})(jQuery);(function ($) { + /** + * 普通控件 + * + * @class BI.DayCard + * @extends BI.MultiDateCard + */ + BI.DayCard = BI.inherit(BI.MultiDateCard, { + + _defaultConfig: function () { + return $.extend(BI.DayCard.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-daycard' + }); + }, + + _init: function () { + BI.DayCard.superclass._init.apply(this, arguments); + }, + + dateConfig: function(){ + return [{ + isEditorExist: true, + selected: true, + text: BI.i18nText("BI-Multi_Date_Day_Prev"), + value: BICst.MULTI_DATE_DAY_PREV + }, + { + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Day_Next"), + value: BICst.MULTI_DATE_DAY_AFTER + }, + { + isEditorExist: false, + value: BICst.MULTI_DATE_DAY_TODAY, + text: BI.i18nText("BI-Multi_Date_Today") + }]; + }, + + defaultSelectedItem: function(){ + return BICst.MULTI_DATE_DAY_PREV + } + }); + BI.DayCard.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.daycard', BI.DayCard); +})(jQuery);; +(function ($) { + + /** + * 普通控件 + * + * @class BI.MonthCard + * @extends BI.MultiDateCard + */ + BI.MonthCard = BI.inherit(BI.MultiDateCard, { + _defaultConfig: function () { + return $.extend(BI.MonthCard.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-monthcard' + }); + }, + + _init: function () { + BI.MonthCard.superclass._init.apply(this, arguments); + }, + + dateConfig: function(){ + return [{ + selected: true, + isEditorExist: true, + value: BICst.MULTI_DATE_MONTH_PREV, + text: BI.i18nText("BI-Multi_Date_Month_Prev") + }, + { + isEditorExist: true, + value: BICst.MULTI_DATE_MONTH_AFTER, + text: BI.i18nText("BI-Multi_Date_Month_Next") + }, + { + value: BICst.MULTI_DATE_MONTH_BEGIN, + isEditorExist: false, + text: BI.i18nText("BI-Multi_Date_Month_Begin") + }, + { + value: BICst.MULTI_DATE_MONTH_END, + isEditorExist: false, + text: BI.i18nText("BI-Multi_Date_Month_End") + }]; + }, + + defaultSelectedItem: function(){ + return BICst.MULTI_DATE_MONTH_PREV; + } + }); + BI.MonthCard.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.monthcard', BI.MonthCard); +})(jQuery);(function ($) { + /** + * 日期控件 + * @class BI.MultiDatePopup + * @extends BI.Widget + */ + BI.MultiDatePopup = BI.inherit(BI.Widget, { + constants: { + tabHeight: 30, + tabWidth: 42, + titleHeight: 27, + itemHeight: 30, + triggerHeight: 24, + buttonWidth: 90, + buttonHeight: 25, + cardHeight: 229, + cardWidth: 270, + popupHeight: 259, + popupWidth: 270, + comboAdjustHeight: 1, + ymdWidth: 58, + lgap: 2, + border: 1 + }, + _defaultConfig: function () { + return BI.extend(BI.MultiDatePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-popup', + width: 268, + height: 260 + }); + }, + _init: function () { + BI.MultiDatePopup.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.storeValue = ""; + this.textButton = BI.createWidget({ + type: 'bi.text_button', + forceCenter: true, + cls: 'bi-multidate-popup-label', + shadow: true, + text: BI.i18nText("BI-Multi_Date_Today") + }); + this.textButton.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiDatePopup.BUTTON_lABEL_EVENT_CHANGE); + }); + this.clearButton = BI.createWidget({ + type: "bi.text_button", + forceCenter: true, + cls: 'bi-multidate-popup-button', + shadow: true, + text: BI.i18nText("BI-Basic_Clear") + }); + this.clearButton.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiDatePopup.BUTTON_CLEAR_EVENT_CHANGE); + }); + this.okButton = BI.createWidget({ + type: "bi.text_button", + forceCenter: true, + cls: 'bi-multidate-popup-button', + shadow: true, + text: BI.i18nText("BI-Basic_OK") + }); + this.okButton.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiDatePopup.BUTTON_OK_EVENT_CHANGE); + }); + this.dateTab = BI.createWidget({ + type: 'bi.tab', + tab: { + cls: "bi-multidate-popup-tab", + height: this.constants.tabHeight, + items: BI.createItems([{ + text: BI.i18nText("BI-Multi_Date_YMD"), + value: BICst.MULTI_DATE_YMD_CARD, + width: this.constants.ymdWidth + }, { + text: BI.i18nText("BI-Multi_Date_Year"), + value: BICst.MULTI_DATE_YEAR_CARD + }, { + text: BI.i18nText("BI-Multi_Date_Quarter"), + value: BICst.MULTI_DATE_QUARTER_CARD + }, { + text: BI.i18nText("BI-Multi_Date_Month"), + value: BICst.MULTI_DATE_MONTH_CARD + }, { + text: BI.i18nText("BI-Multi_Date_Week"), + value: BICst.MULTI_DATE_WEEK_CARD + }, { + text: BI.i18nText("BI-Multi_Date_Day"), + value: BICst.MULTI_DATE_DAY_CARD + }], { + width: this.constants.tabWidth, + textAlign: "center", + height: this.constants.itemHeight, + cls: 'bi-multidate-popup-item' + }), + layouts: [{ + type: 'bi.left' + }] + }, + cardCreator: function (v) { + switch (v) { + case BICst.MULTI_DATE_YMD_CARD: + self.ymd = BI.createWidget({ + type: "bi.date_calendar_popup", + min: self.options.min, + max: self.options.max + }); + self.ymd.on(BI.DateCalendarPopup.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiDatePopup.CALENDAR_EVENT_CHANGE); + }); + return self.ymd; + case BICst.MULTI_DATE_YEAR_CARD: + self.year = BI.createWidget({ + type: "bi.yearcard" + }); + self.year.on(BI.MultiDateCard.EVENT_CHANGE, function (v) { + self._setInnerValue(self.year, v); + }); + return self.year; + case BICst.MULTI_DATE_QUARTER_CARD: + self.quarter = BI.createWidget({ + type: 'bi.quartercard' + }); + self.quarter.on(BI.MultiDateCard.EVENT_CHANGE, function (v) { + self._setInnerValue(self.quarter, v); + }); + return self.quarter; + case BICst.MULTI_DATE_MONTH_CARD: + self.month = BI.createWidget({ + type: 'bi.monthcard' + }); + self.month.on(BI.MultiDateCard.EVENT_CHANGE, function (v) { + self._setInnerValue(self.month, v); + }); + return self.month; + case BICst.MULTI_DATE_WEEK_CARD: + self.week = BI.createWidget({ + type: 'bi.weekcard' + }); + self.week.on(BI.MultiDateCard.EVENT_CHANGE, function (v) { + self._setInnerValue(self.week, v); + }); + return self.week; + case BICst.MULTI_DATE_DAY_CARD: + self.day = BI.createWidget({ + type: 'bi.daycard' + }); + self.day.on(BI.MultiDateCard.EVENT_CHANGE, function (v) { + self._setInnerValue(self.day, v); + }); + return self.day; + } + } + }); + this.dateTab.setSelect(BICst.MULTI_DATE_YMD_CARD); + this.cur = BICst.MULTI_DATE_YMD_CARD; + this.dateTab.on(BI.Tab.EVENT_CHANGE, function () { + var v = self.dateTab.getSelect(); + switch (v) { + case BICst.MULTI_DATE_YMD_CARD: + var date = this.getTab(self.cur).getCalculationValue(); + self.ymd.setValue({ + year: date.getFullYear(), + month: date.getMonth(), + day: date.getDate() + }); + self._setInnerValue(self.ymd); + break; + case BICst.MULTI_DATE_YEAR_CARD: + self.year.setValue(self.storeValue); + self._setInnerValue(self.year); + break; + case BICst.MULTI_DATE_QUARTER_CARD: + self.quarter.setValue(self.storeValue); + self._setInnerValue(self.quarter); + break; + case BICst.MULTI_DATE_MONTH_CARD: + self.month.setValue(self.storeValue); + self._setInnerValue(self.month); + break; + case BICst.MULTI_DATE_WEEK_CARD: + self.week.setValue(self.storeValue); + self._setInnerValue(self.week); + break; + case BICst.MULTI_DATE_DAY_CARD: + self.day.setValue(self.storeValue); + self._setInnerValue(self.day); + break; + } + self.cur = v; + }); + this.dateButton = BI.createWidget({ + type: "bi.grid", + items: [[this.clearButton, this.textButton, this.okButton]] + }); + BI.createWidget({ + element: this, + type: "bi.vtape", + items: [{ + el: this.dateTab + }, { + el: this.dateButton, + height: 30 + }] + }); + }, + _setInnerValue: function (obj) { + if (this.dateTab.getSelect() === BICst.MULTI_DATE_YMD_CARD) { + this.textButton.setValue(BI.i18nText("BI-Multi_Date_Today")); + this.textButton.setEnable(true); + } else { + var date = obj.getCalculationValue(); + date = date.print("%Y-%x-%e"); + this.textButton.setValue(date); + this.textButton.setEnable(false); + } + }, + setValue: function (v) { + this.storeValue = v; + var self = this, date; + var type, value; + if (BI.isNotNull(v)) { + type = v.type || BICst.MULTI_DATE_CALENDAR; value = v.value; + if(BI.isNull(value)){ + value = v; + } + } + switch (type) { + case BICst.MULTI_DATE_YEAR_PREV: + case BICst.MULTI_DATE_YEAR_AFTER: + case BICst.MULTI_DATE_YEAR_BEGIN: + case BICst.MULTI_DATE_YEAR_END: + this.dateTab.setSelect(BICst.MULTI_DATE_YEAR_CARD); + this.year.setValue({type: type, value: value}); + this.cur = BICst.MULTI_DATE_YEAR_CARD; + self._setInnerValue(this.year); + break; + case BICst.MULTI_DATE_QUARTER_PREV: + case BICst.MULTI_DATE_QUARTER_AFTER: + case BICst.MULTI_DATE_QUARTER_BEGIN: + case BICst.MULTI_DATE_QUARTER_END: + this.dateTab.setSelect(BICst.MULTI_DATE_QUARTER_CARD); + this.cur = BICst.MULTI_DATE_QUARTER_CARD; + this.quarter.setValue({type: type, value: value}); + self._setInnerValue(this.quarter); + break; + case BICst.MULTI_DATE_MONTH_PREV: + case BICst.MULTI_DATE_MONTH_AFTER: + case BICst.MULTI_DATE_MONTH_BEGIN: + case BICst.MULTI_DATE_MONTH_END: + this.dateTab.setSelect(BICst.MULTI_DATE_MONTH_CARD); + this.cur = BICst.MULTI_DATE_MONTH_CARD; + this.month.setValue({type: type, value: value}); + self._setInnerValue(this.month); + break; + case BICst.MULTI_DATE_WEEK_PREV: + case BICst.MULTI_DATE_WEEK_AFTER: + this.dateTab.setSelect(BICst.MULTI_DATE_WEEK_CARD); + this.cur = BICst.MULTI_DATE_WEEK_CARD; + this.week.setValue({type: type, value: value}); + self._setInnerValue(this.week); + break; + case BICst.MULTI_DATE_DAY_PREV: + case BICst.MULTI_DATE_DAY_AFTER: + case BICst.MULTI_DATE_DAY_TODAY: + this.dateTab.setSelect(BICst.MULTI_DATE_DAY_CARD); + this.cur = BICst.MULTI_DATE_DAY_CARD; + this.day.setValue({type: type, value: value}); + self._setInnerValue(this.day); + break; + default: + if (BI.isNull(value) || BI.isEmptyObject(value)) { + var date = new Date(); + this.dateTab.setSelect(BICst.MULTI_DATE_YMD_CARD); + this.ymd.setValue({ + year: date.getFullYear(), + month: date.getMonth(), + day: date.getDate() + }); + this.textButton.setValue(BI.i18nText("BI-Multi_Date_Today")); + } else { + this.dateTab.setSelect(BICst.MULTI_DATE_YMD_CARD); + this.ymd.setValue(value); + this.textButton.setValue(BI.i18nText("BI-Multi_Date_Today")); + } + this.textButton.setEnable(true); + break; + } + }, + getValue: function () { + var tab = this.dateTab.getSelect(); + switch (tab) { + case BICst.MULTI_DATE_YMD_CARD: + return this.ymd.getValue(); + case BICst.MULTI_DATE_YEAR_CARD: + return this.year.getValue(); + case BICst.MULTI_DATE_QUARTER_CARD: + return this.quarter.getValue(); + case BICst.MULTI_DATE_MONTH_CARD: + return this.month.getValue(); + case BICst.MULTI_DATE_WEEK_CARD: + return this.week.getValue(); + case BICst.MULTI_DATE_DAY_CARD: + return this.day.getValue(); + } + } + }); + BI.MultiDatePopup.BUTTON_OK_EVENT_CHANGE = "BUTTON_OK_EVENT_CHANGE"; + BI.MultiDatePopup.BUTTON_lABEL_EVENT_CHANGE = "BUTTON_lABEL_EVENT_CHANGE"; + BI.MultiDatePopup.BUTTON_CLEAR_EVENT_CHANGE = "BUTTON_CLEAR_EVENT_CHANGE"; + BI.MultiDatePopup.CALENDAR_EVENT_CHANGE = "CALENDAR_EVENT_CHANGE"; + $.shortcut('bi.multidate_popup', BI.MultiDatePopup); +})(jQuery);(function ($) { + + /** + * 普通控件 + * + * @class BI.QuarterCard + * @extends BI.MultiDateCard + */ + BI.QuarterCard = BI.inherit(BI.MultiDateCard, { + + _defaultConfig: function () { + return $.extend(BI.QuarterCard.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-quartercard' + }); + }, + + _init: function () { + BI.QuarterCard.superclass._init.apply(this, arguments); + }, + + dateConfig: function(){ + return [{ + selected: true, + value: BICst.MULTI_DATE_QUARTER_PREV, + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Quarter_Prev") + }, + { + value: BICst.MULTI_DATE_QUARTER_AFTER, + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Quarter_Next") + }, + { + value: BICst.MULTI_DATE_QUARTER_BEGIN, + isEditorExist: false, + text: BI.i18nText("BI-Multi_Date_Quarter_Begin") + }, + { + value: BICst.MULTI_DATE_QUARTER_END, + isEditorExist: false, + text: BI.i18nText("BI-Multi_Date_Quarter_End") + }] + }, + + defaultSelectedItem: function(){ + return BICst.MULTI_DATE_QUARTER_PREV; + } + }); + BI.QuarterCard.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.quartercard', BI.QuarterCard); +})(jQuery);(function ($) { + + /** + * 普通控件 + * + * @class BI.MultiDateSegment + * @extends BI.Single + */ + BI.MultiDateSegment = BI.inherit(BI.Single, { + constants: { + itemHeight: 24, + maxGap: 15, + minGap: 10, + textWidth: 30, + defaultEditorValue: "1" + }, + + _defaultConfig: function () { + return $.extend(BI.MultiDateSegment.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-segment', + text: "", + width: 130, + height: 30, + isEditorExist: true, + selected: false, + defaultEditorValue: "1" + }); + }, + + _init: function () { + BI.MultiDateSegment.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: opts.selected + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.textEditor = BI.createWidget({ + type: 'bi.text_editor', + value: this.constants.defaultEditorValue, + title:this.constants.defaultEditorValue, + cls: 'bi-multidate-editor', + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.textEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.textEditor.on(BI.TextEditor.EVENT_CONFIRM, function () { + this.setTitle(this.getValue()); + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + cls: 'bi-multidate-normal-label', + text: opts.text, + height: this.constants.itemHeight + }); + this._createSegment(); + }, + _createSegment: function () { + if (this.options.isEditorExist === true) { + return BI.createWidget({ + element: this, + type: 'bi.left', + items: [{ + el: { + type: "bi.center_adapt", + items: [this.radio], + height: this.constants.itemHeight + }, + lgap: 0 + }, + { + el: { + type: "bi.center_adapt", + items: [this.textEditor], + widgetName: 'textEditor' + }, + lgap: this.constants.maxGap + }, + { + el: this.text, + lgap: this.constants.minGap + }] + }); + } + return BI.createWidget({ + element: this, + type: 'bi.left', + items: [{ + el: { + type: "bi.center_adapt", + items: [this.radio], + height: this.constants.itemHeight + }, + lgap: 0 + }, + { + el: this.text, + lgap: this.constants.maxGap + }] + }) + }, + setSelected: function (v) { + if (BI.isNotNull(this.radio)) { + this.radio.setSelected(v); + } + }, + isSelected: function () { + return this.radio.isSelected(); + }, + getValue: function () { + return this.options.value; + }, + getInputValue: function () { + return this.textEditor.getValue() | 0; + }, + setInputValue: function (v) { + this.textEditor.setValue(v); + }, + isEditorExist: function () { + return this.options.isEditorExist; + }, + setEnable: function (b) { + BI.Editor.superclass.setEnable.apply(this, arguments); + this.textEditor && this.textEditor.setEnable(b); + } + }); + BI.MultiDateSegment.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.multidate_segment', BI.MultiDateSegment); +})(jQuery);; +(function ($) { + + /** + * 普通控件 + * + * @class BI.WeekCard + * @extends BI.MultiDateCard + */ + BI.WeekCard = BI.inherit(BI.MultiDateCard, { + _defaultConfig: function () { + return $.extend(BI.WeekCard.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-weekcard' + }); + }, + + _init: function () { + BI.WeekCard.superclass._init.apply(this, arguments); + }, + + dateConfig: function(){ + return [{ + selected: true, + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Week_Prev"), + value: BICst.MULTI_DATE_WEEK_PREV + }, + { + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Week_Next"), + value: BICst.MULTI_DATE_WEEK_AFTER + }]; + }, + + defaultSelectedItem: function(){ + return BICst.MULTI_DATE_WEEK_PREV; + } + }); + BI.WeekCard.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.weekcard', BI.WeekCard); +})(jQuery);(function ($) { + /** + * 普通控件 + * + * @class BI.YearCard + * @extends BI.MultiDateCard + */ + BI.YearCard = BI.inherit(BI.MultiDateCard, { + _defaultConfig: function () { + return $.extend(BI.YearCard.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-yearcard' + }); + }, + + _init: function () { + BI.YearCard.superclass._init.apply(this, arguments); + }, + + dateConfig: function(){ + return [{ + selected: true, + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Year_Prev"), + value: BICst.MULTI_DATE_YEAR_PREV + }, + { + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Year_Next"), + value: BICst.MULTI_DATE_YEAR_AFTER + }, + { + isEditorExist: false, + value: BICst.MULTI_DATE_YEAR_BEGIN, + text: BI.i18nText("BI-Multi_Date_Year_Begin") + }, + { + isEditorExist: false, + value: BICst.MULTI_DATE_YEAR_END, + text: BI.i18nText("BI-Multi_Date_Year_End") + }] + }, + + defaultSelectedItem: function(){ + return BICst.MULTI_DATE_YEAR_PREV; + } + }); + BI.YearCard.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.yearcard', BI.YearCard); +})(jQuery);/** + * @class BI.MultiLayerSelectTreeCombo + * @extends BI.Widget + */ +BI.MultiLayerSelectTreeCombo = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSelectTreeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer_select_tree-combo", + isDefaultInit: false, + height: 30, + text: "", + items: [] + }); + }, + + _init: function () { + BI.MultiLayerSelectTreeCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.single_tree_trigger", + text: o.text, + height: o.height, + items: o.items + }); + + this.popup = BI.createWidget({ + type: "bi.multilayer_select_tree_popup", + isDefaultInit: o.isDefaultInit, + items: o.items + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup + } + }); + + this.combo.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.popup.on(BI.MultiLayerSelectTreePopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.MultiLayerSelectTreeCombo.EVENT_CHANGE); + }); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + populate: function (items) { + this.combo.populate(items); + } +}); +BI.MultiLayerSelectTreeCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.multilayer_select_tree_combo", BI.MultiLayerSelectTreeCombo);/** + * guy + * 二级树 + * @class BI.MultiLayerSelectLevelTree + * @extends BI.Select + */ +BI.MultiLayerSelectLevelTree = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSelectLevelTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer-select-level-tree", + isDefaultInit: false, + items: [], + itemsCreator: BI.emptyFn + }) + }, + + _init: function () { + BI.MultiLayerSelectLevelTree.superclass._init.apply(this, arguments); + + this.initTree(this.options.items); + }, + + _formatItems: function (nodes, layer) { + var self = this; + BI.each(nodes, function (i, node) { + var extend = {}; + node.layer = layer; + if (!BI.isKey(node.id)) { + node.id = BI.UUID(); + } + if (node.isParent === true || BI.isNotEmptyArray(node.children)) { + switch (i) { + case 0 : + extend.type = "bi.multilayer_select_tree_first_plus_group_node"; + break; + case nodes.length - 1 : + extend.type = "bi.multilayer_select_tree_last_plus_group_node"; + break; + default : + extend.type = "bi.multilayer_select_tree_mid_plus_group_node"; + break; + } + BI.defaults(node, extend); + + self._formatItems(node.children, layer + 1); + } else { + switch (i) { + case nodes.length - 1: + extend.type = "bi.multilayer_single_tree_last_tree_leaf_item"; + break; + default : + extend.type = "bi.multilayer_single_tree_mid_tree_leaf_item"; + } + BI.defaults(node, extend); + } + }); + return nodes; + }, + + _assertId: function (sNodes) { + BI.each(sNodes, function (i, node) { + node.id = node.id || BI.UUID(); + }); + }, + + //构造树结构, + initTree: function (nodes) { + var self = this, o = this.options; + this.empty(); + this._assertId(nodes); + this.tree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: { + type: "bi.select_tree_expander", + isDefaultInit: o.isDefaultInit, + el: {}, + popup: { + type: "bi.custom_tree" + } + }, + + items: this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0), + itemsCreator: o.itemsCreator, + + el: { + type: "bi.button_tree", + chooseType: BI.Selection.Single, + layouts: [{ + type: "bi.vertical" + }] + } + }); + this.tree.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.MultiLayerSelectLevelTree.EVENT_CHANGE, arguments); + } + }) + }, + + populate: function (nodes) { + this.tree.populate(this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0)); + }, + + doBehavior: function () { + this.tree.doBehavior.apply(this.tree, arguments); + }, + + setValue: function (v) { + this.tree.setValue(v); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + getAllLeaves: function () { + return this.tree.getAllLeaves(); + }, + + getNodeById: function (id) { + return this.tree.getNodeById(id); + }, + + getNodeByValue: function (id) { + return this.tree.getNodeByValue(id); + } +}); +BI.MultiLayerSelectLevelTree.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.multilayer_select_level_tree", BI.MultiLayerSelectLevelTree);/** + * Created by GUY on 2016/1/26. + * + * @class BI.MultiLayerSelectTreePopup + * @extends BI.Pane + */ + +BI.MultiLayerSelectTreePopup = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSelectTreePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer-select-tree-popup", + tipText: BI.i18nText("BI-No_Selected_Item"), + isDefaultInit: false, + itemsCreator: BI.emptyFn, + items: [] + }); + }, + + _init: function () { + BI.MultiLayerSelectTreePopup.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.tree = BI.createWidget({ + type: 'bi.multilayer_select_level_tree', + isDefaultInit: o.isDefaultInit, + items: o.items, + itemsCreator: o.itemsCreator + }); + + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + scrollable: true, + element: this, + items: [this.tree] + }); + + this.tree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.tree.on(BI.MultiLayerSelectLevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiLayerSelectTreePopup.EVENT_CHANGE); + }); + + this.check(); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.tree.setValue(v); + }, + + populate: function (items) { + BI.MultiLayerSelectTreePopup.superclass.populate.apply(this, arguments); + this.tree.populate(items); + } +}); + +BI.MultiLayerSelectTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.multilayer_select_tree_popup", BI.MultiLayerSelectTreePopup);/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSelectTreeFirstPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSelectTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-select-tree-first-plus-group-node bi-list-item-active", + layer: 0,//第几层级 + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.select_tree_first_plus_group_node", + stopPropagation: true, + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + self.setSelected(self.isSelected()); + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + isOnce: function () { + return true; + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + isSelected: function () { + return this.node.isSelected(); + }, + + setSelected: function (b) { + BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass.setSelected.apply(this, arguments); + this.node.setSelected(b); + }, + + doClick: function () { + BI.NodeButton.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass.setOpened.apply(this, arguments); + this.node.setOpened(v); + } +}); + +$.shortcut("bi.multilayer_select_tree_first_plus_group_node", BI.MultiLayerSelectTreeFirstPlusGroupNode);/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSelectTreeLastPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSelectTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSelectTreeLastPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-select-tree-last-plus-group-node bi-list-item-active", + layer: 0,//第几层级 + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSelectTreeLastPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.select_tree_last_plus_group_node", + stopPropagation: true, + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + self.setSelected(self.isSelected()); + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + isSelected: function () { + return this.node.isSelected(); + }, + + setSelected: function (b) { + BI.MultiLayerSelectTreeLastPlusGroupNode.superclass.setSelected.apply(this, arguments); + this.node.setSelected(b); + }, + + doClick: function () { + BI.MultiLayerSelectTreeLastPlusGroupNode.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSelectTreeLastPlusGroupNode.superclass.setOpened.apply(this, arguments); + this.node.setOpened(v); + } +}); + +$.shortcut("bi.multilayer_select_tree_last_plus_group_node", BI.MultiLayerSelectTreeLastPlusGroupNode);/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSelectTreeMidPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSelectTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSelectTreeMidPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-select-tree-mid-plus-group-node bi-list-item-active", + layer: 0,//第几层级 + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSelectTreeMidPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.select_tree_mid_plus_group_node", + stopPropagation: true, + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + self.setSelected(self.isSelected()); + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + isSelected: function () { + return this.node.isSelected(); + }, + + setSelected: function (b) { + BI.MultiLayerSelectTreeMidPlusGroupNode.superclass.setSelected.apply(this, arguments); + this.node.setSelected(b); + }, + + doClick: function () { + BI.MultiLayerSelectTreeMidPlusGroupNode.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSelectTreeMidPlusGroupNode.superclass.setOpened.apply(this, arguments); + this.node.setOpened(v); + } +}); + +$.shortcut("bi.multilayer_select_tree_mid_plus_group_node", BI.MultiLayerSelectTreeMidPlusGroupNode);/** + * 多层级下拉单选树 + * Created by GUY on 2016/1/26. + * + * @class BI.MultiLayerSingleTreeCombo + * @extends BI.Widget + */ +BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleTreeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer-singletree-combo", + isDefaultInit: false, + height: 30, + text: "", + itemsCreator: BI.emptyFn, + items: [] + }); + }, + + _init: function () { + BI.MultiLayerSingleTreeCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.single_tree_trigger", + text: o.text, + height: o.height, + items: o.items + }); + + this.popup = BI.createWidget({ + type: "bi.multilayer_single_tree_popup", + isDefaultInit: o.isDefaultInit, + items: o.items + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup + } + }); + + this.combo.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.popup.on(BI.MultiLayerSingleTreePopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_CHANGE); + }); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + populate: function (items) { + this.combo.populate(items); + } +}); + +BI.MultiLayerSingleTreeCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.multilayer_single_tree_combo", BI.MultiLayerSingleTreeCombo);/** + * guy + * 二级树 + * @class BI.MultiLayerSingleLevelTree + * @extends BI.Single + */ +BI.MultiLayerSingleLevelTree = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleLevelTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer-single-level-tree", + isDefaultInit: false, + items: [], + itemsCreator: BI.emptyFn + }) + }, + + _init: function () { + BI.MultiLayerSingleLevelTree.superclass._init.apply(this, arguments); + + this.initTree(this.options.items); + }, + + _formatItems: function (nodes, layer) { + var self = this; + BI.each(nodes, function (i, node) { + var extend = {}; + node.layer = layer; + if (!BI.isKey(node.id)) { + node.id = BI.UUID(); + } + if (node.isParent === true || BI.isNotEmptyArray(node.children)) { + switch (i) { + case 0 : + extend.type = "bi.multilayer_single_tree_first_plus_group_node"; + break; + case nodes.length - 1 : + extend.type = "bi.multilayer_single_tree_last_plus_group_node"; + break; + default : + extend.type = "bi.multilayer_single_tree_mid_plus_group_node"; + break; + } + BI.defaults(node, extend); + + self._formatItems(node.children, layer + 1); + } else { + switch (i) { + case nodes.length - 1: + extend.type = "bi.multilayer_single_tree_last_tree_leaf_item"; + break; + default : + extend.type = "bi.multilayer_single_tree_mid_tree_leaf_item"; + } + BI.defaults(node, extend); + } + }); + return nodes; + }, + + _assertId: function (sNodes) { + BI.each(sNodes, function (i, node) { + node.id = node.id || BI.UUID(); + }); + }, + + //构造树结构, + initTree: function (nodes) { + var self = this, o = this.options; + this.empty(); + this._assertId(nodes); + this.tree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: { + isDefaultInit: o.isDefaultInit, + el: {}, + popup: { + type: "bi.custom_tree" + } + }, + + items: this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0), + itemsCreator: function (op, callback) { + o.itemsCreator(op, function (items) { + callback(BI.Tree.transformToTreeFormat(items), 0) + }) + }, + + el: { + type: "bi.button_tree", + chooseType: BI.Selection.Single, + layouts: [{ + type: "bi.vertical" + }] + } + }); + this.tree.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, arguments); + } + }) + }, + + populate: function (nodes) { + this.tree.populate(this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0)); + }, + + doBehavior: function () { + this.tree.doBehavior.apply(this.tree, arguments); + }, + + setValue: function (v) { + this.tree.setValue(v); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + getAllLeaves: function () { + return this.tree.getAllLeaves(); + }, + + getNodeById: function (id) { + return this.tree.getNodeById(id); + }, + + getNodeByValue: function (id) { + return this.tree.getNodeByValue(id); + } +}); +BI.MultiLayerSingleLevelTree.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.multilayer_single_level_tree", BI.MultiLayerSingleLevelTree); +/** + * Created by GUY on 2016/1/26. + * + * @class BI.MultiLayerSingleTreePopup + * @extends BI.Pane + */ + +BI.MultiLayerSingleTreePopup = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleTreePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer-singletree-popup", + tipText: BI.i18nText("BI-No_Selected_Item"), + isDefaultInit: false, + itemsCreator: BI.emptyFn, + items: [] + }); + }, + + _init: function () { + BI.MultiLayerSingleTreePopup.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.tree = BI.createWidget({ + type: 'bi.multilayer_single_level_tree', + isDefaultInit: o.isDefaultInit, + items: o.items, + itemsCreator: o.itemsCreator + }); + + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + scrollable: true, + element: this, + items: [this.tree] + }); + + this.tree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.tree.on(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiLayerSingleTreePopup.EVENT_CHANGE); + }); + + this.check(); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.tree.setValue(v); + }, + + populate: function (items) { + BI.MultiLayerSingleTreePopup.superclass.populate.apply(this, arguments); + this.tree.populate(items); + } +}); + +BI.MultiLayerSingleTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.multilayer_single_tree_popup", BI.MultiLayerSingleTreePopup);/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeFirstPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSingleTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-single-tree-first-plus-group-node bi-list-item", + layer: 0,//第几层级 + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.first_plus_group_node", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + doClick: function () { + BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.node)) { + this.node.setOpened(v); + } + } +}); + +$.shortcut("bi.multilayer_single_tree_first_plus_group_node", BI.MultiLayerSingleTreeFirstPlusGroupNode);/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeLastPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSingleTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSingleTreeLastPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-single-tree-last-plus-group-node bi-list-item", + layer: 0,//第几层级 + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeLastPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.last_plus_group_node", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + doClick: function () { + BI.MultiLayerSingleTreeLastPlusGroupNode.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSingleTreeLastPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.node)) { + this.node.setOpened(v); + } + } +}); + +$.shortcut("bi.multilayer_single_tree_last_plus_group_node", BI.MultiLayerSingleTreeLastPlusGroupNode);/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeMidPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSingleTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSingleTreeMidPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-single-tree-mid-plus-group-node bi-list-item", + layer: 0,//第几层级 + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeMidPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.mid_plus_group_node", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + doClick: function () { + BI.MultiLayerSingleTreeMidPlusGroupNode.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSingleTreeMidPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.node)) { + this.node.setOpened(v); + } + } +}); + +$.shortcut("bi.multilayer_single_tree_mid_plus_group_node", BI.MultiLayerSingleTreeMidPlusGroupNode);/** + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeFirstTreeLeafItem + * @extends BI.BasicButton + */ +BI.MultiLayerSingleTreeFirstTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-multilayer-single-tree-first-tree-leaf-item bi-list-item-active", + logic: { + dynamic: false + }, + layer: 0, + id: "", + pId: "", + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.item = BI.createWidget({ + type: "bi.first_tree_leaf_item", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.item.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.item); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.item.doRedMark.apply(this.item, arguments); + }, + + unRedMark: function () { + this.item.unRedMark.apply(this.item, arguments); + }, + + doHighLight: function () { + this.item.doHighLight.apply(this.item, arguments); + }, + + unHighLight: function () { + this.item.unHighLight.apply(this.item, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass.doClick.apply(this, arguments); + this.item.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass.setSelected.apply(this, arguments); + this.item.setSelected(v); + } +}); + +$.shortcut("bi.multilayer_single_tree_first_tree_leaf_item", BI.MultiLayerSingleTreeFirstTreeLeafItem);/** + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeLastTreeLeafItem + * @extends BI.BasicButton + */ +BI.MultiLayerSingleTreeLastTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleTreeLastTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-multilayer-single-tree-last-tree-leaf-item bi-list-item-active", + logic: { + dynamic: false + }, + layer: 0, + id: "", + pId: "", + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeLastTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.item = BI.createWidget({ + type: "bi.last_tree_leaf_item", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.item.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.item); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.item.doRedMark.apply(this.item, arguments); + }, + + unRedMark: function () { + this.item.unRedMark.apply(this.item, arguments); + }, + + doHighLight: function () { + this.item.doHighLight.apply(this.item, arguments); + }, + + unHighLight: function () { + this.item.unHighLight.apply(this.item, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.MultiLayerSingleTreeLastTreeLeafItem.superclass.doClick.apply(this, arguments); + this.item.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.MultiLayerSingleTreeLastTreeLeafItem.superclass.setSelected.apply(this, arguments); + this.item.setSelected(v); + } +}); + +$.shortcut("bi.multilayer_single_tree_last_tree_leaf_item", BI.MultiLayerSingleTreeLastTreeLeafItem);/** + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeMidTreeLeafItem + * @extends BI.BasicButton + */ +BI.MultiLayerSingleTreeMidTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleTreeMidTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-multilayer-single-tree-mid-tree-leaf-item bi-list-item-active", + logic: { + dynamic: false + }, + layer: 0, + id: "", + pId: "", + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeMidTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.item = BI.createWidget({ + type: "bi.mid_tree_leaf_item", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.item.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.item); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.item.doRedMark.apply(this.item, arguments); + }, + + unRedMark: function () { + this.item.unRedMark.apply(this.item, arguments); + }, + + doHighLight: function () { + this.item.doHighLight.apply(this.item, arguments); + }, + + unHighLight: function () { + this.item.unHighLight.apply(this.item, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.MultiLayerSingleTreeMidTreeLeafItem.superclass.doClick.apply(this, arguments); + this.item.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.MultiLayerSingleTreeMidTreeLeafItem.superclass.setSelected.apply(this, arguments); + this.item.setSelected(v); + } +}); + +$.shortcut("bi.multilayer_single_tree_mid_tree_leaf_item", BI.MultiLayerSingleTreeMidTreeLeafItem);/** + * + * @class BI.MultiSelectCheckPane + * @extends BI.Widget + */ +BI.MultiSelectCheckPane = BI.inherit(BI.Widget, { + + constants: { + height: 25, + lgap: 10, + tgap: 5 + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectCheckPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multi-select-check-pane", + items: [], + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + onClickContinueSelect: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiSelectCheckPane.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + + this.storeValue = {}; + this.display = BI.createWidget({ + type: 'bi.display_selected_list', + items: opts.items, + itemsCreator: function (op, callback) { + op = BI.extend(op || {}, { + selected_values: self.storeValue.value + }); + if (self.storeValue.type === BI.Selection.Multi) { + callback({ + items: BI.map(self.storeValue.value, function (i, v) { + var txt = opts.valueFormatter(v) || v; + return { + text: txt, + value: v, + title: txt + } + }) + }); + return; + } + opts.itemsCreator(op, callback); + } + }); + + this.continueSelect = BI.createWidget({ + type: 'bi.text_button', + text: BI.i18nText('BI-Continue_Select'), + cls: 'multi-select-check-selected' + }); + + this.continueSelect.on(BI.TextButton.EVENT_CHANGE, function () { + opts.onClickContinueSelect(); + }); + + BI.createWidget({ + type: 'bi.vtape', + element: this, + items: [{ + height: this.constants.height, + el: { + type: 'bi.left', + cls: 'multi-select-continue-select', + items: [ + { + el: { + type: "bi.label", + text: BI.i18nText('BI-Selected_Data') + }, + lgap: this.constants.lgap, + tgap: this.constants.tgap + }, + { + el: this.continueSelect, + lgap: this.constants.lgap, + tgap: this.constants.tgap + }] + } + }, { + height: 'fill', + el: this.display + }] + }); + }, + + setValue: function (v) { + this.storeValue = v || {}; + }, + + empty: function () { + this.display.empty(); + }, + + populate: function () { + this.display.populate.apply(this.display, arguments); + } +}); + +$.shortcut("bi.multi_select_check_pane", BI.MultiSelectCheckPane);/** + * + * + * 查看已选弹出层的展示面板 + * @class BI.DisplaySelectedList + * @extends BI.Widget + */ +BI.DisplaySelectedList = BI.inherit(BI.Pane, { + + constants: { + height: 25, + lgap: 10 + }, + + _defaultConfig: function () { + return BI.extend(BI.DisplaySelectedList.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-display-list", + itemsCreator: BI.emptyFn, + items: [] + }); + }, + + _init: function () { + BI.DisplaySelectedList.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + + this.hasNext = false; + + this.button_group = BI.createWidget({ + type: "bi.list_pane", + element: this, + el: { + type: "bi.loader", + isDefaultInit: false, + logic: { + dynamic: true, + scrolly: true + }, + items: this._createItems(opts.items), + chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + layouts: [{ + type: "bi.vertical", + lgap: 10 + }] + }, + itemsCreator: function (options, callback) { + + opts.itemsCreator(options, function (ob) { + self.hasNext = !!ob.hasNext; + callback(self._createItems(ob.items)); + }) + }, + hasNext: function () { + return self.hasNext; + } + }); + }, + + _createItems: function (items) { + return BI.createItems(items, { + type: 'bi.icon_text_item', + cls: 'cursor-default check-font display-list-item', + once: true, + invalid: true, + selected: true, + height: this.constants.height, + logic: { + dynamic: true + } + }); + }, + + empty: function () { + this.button_group.empty(); + }, + + populate: function (items) { + if (arguments.length === 0) { + this.button_group.populate(); + } else { + this.button_group.populate(this._createItems(items)); + } + } +}); + +$.shortcut('bi.display_selected_list', BI.DisplaySelectedList);/** + * + * @class BI.MultiSelectCombo + * @extends BI.Single + */ +BI.MultiSelectCombo = BI.inherit(BI.Single, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-combo', + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + height: 28 + }); + }, + + _init: function () { + BI.MultiSelectCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + var assertShowValue = function () { + BI.isKey(self._startValue) && self.storeValue.value[self.storeValue.type === BI.Selection.All ? "remove" : "pushDistinct"](self._startValue); + self.trigger.getSearcher().setState(self.storeValue); + self.trigger.getCounter().setButtonChecked(self.storeValue); + }; + this.storeValue = {}; + this.popup = BI.createWidget({ + type: 'bi.multi_select_popup_view', + itemsCreator: o.itemsCreator, + valueFormatter: o.valueFormatter, + onLoaded: function () { + BI.nextTick(function () { + self.combo.adjustWidth(); + self.combo.adjustHeight(); + self.trigger.getCounter().adjustView(); + self.trigger.getSearcher().adjustView(); + }); + } + }); + + this.popup.on(BI.MultiSelectPopupView.EVENT_CHANGE, function () { + self.storeValue = this.getValue(); + self._adjust(function () { + assertShowValue(); + }); + }); + this.popup.on(BI.MultiSelectPopupView.EVENT_CLICK_CONFIRM, function () { + self._defaultState(); + }); + this.popup.on(BI.MultiSelectPopupView.EVENT_CLICK_CLEAR, function () { + self.setValue(); + self._defaultState(); + }); + + this.trigger = BI.createWidget({ + type: "bi.multi_select_trigger", + height: o.height, + adapter: this.popup, + masker: { + offset: { + left: 1, + top: 1, + right: 2, + bottom: 33 + } + }, + valueFormatter: o.valueFormatter, + itemsCreator: function (op, callback) { + o.itemsCreator(op, function (res) { + if (op.times === 1 && BI.isNotNull(op.keywords)) { + self.trigger.setValue(self.getValue()); + } + callback.apply(self, arguments); + }); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_START, function () { + self._setStartValue(""); + this.getSearcher().setValue(self.storeValue); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_STOP, function () { + self._setStartValue(""); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_PAUSE, function () { + if (this.getSearcher().hasMatched()) { + var keyword = this.getSearcher().getKeyword(); + self._join({ + type: BI.Selection.Multi, + value: [keyword] + }, function () { + self.combo.setValue(self.storeValue); + self._setStartValue(keyword); + assertShowValue(); + self.populate(); + self._setStartValue(""); + }) + } + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_SEARCHING, function (keywords) { + var last = BI.last(keywords); + keywords = BI.initial(keywords || []); + if (keywords.length > 0) { + self._joinKeywords(keywords, function () { + if (BI.isEndWithBlank(last)) { + self.combo.setValue(self.storeValue); + assertShowValue(); + self.combo.populate(); + self._setStartValue(""); + } else { + self.combo.setValue(self.storeValue); + assertShowValue(); + } + }); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_CHANGE, function (value, obj) { + if (obj instanceof BI.MultiSelectBar) { + self._joinAll(this.getValue(), function () { + assertShowValue(); + }); + } else { + self._join(this.getValue(), function () {//安徽省 北京 + assertShowValue(); + }); + } + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW, function () { + this.getCounter().setValue(self.storeValue); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_COUNTER_CLICK, function () { + if (!self.combo.isViewVisible()) { + self.combo.showView(); + } + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + toggle: false, + el: this.trigger, + adjustLength: 1, + popup: this.popup + }); + + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + this.setValue(self.storeValue); + BI.nextTick(function () { + self.populate(); + }); + }); + this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + //important:关闭弹出时又可能没有退出编辑状态 + self.trigger.stopEditing(); + self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM); + }); + + var triggerBtn = BI.createWidget({ + type: "bi.trigger_icon_button", + width: o.height, + height: o.height, + cls: "multi-select-trigger-icon-button" + }); + triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () { + self.trigger.getCounter().hideView(); + if (self.combo.isViewVisible()) { + self.combo.hideView(); + } else { + self.combo.showView(); + } + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.combo, + left: 0, + right: 0, + top: 0, + bottom: 0 + }, { + el: triggerBtn, + right: 0, + top: 0, + bottom: 0 + }] + }) + }, + + _defaultState: function () { + this.trigger.stopEditing(); + this.combo.hideView(); + }, + + _assertValue: function (val) { + val || (val = {}); + val.type || (val.type = BI.Selection.Multi); + val.value || (val.value = []); + }, + + _makeMap: function (values) { + return BI.makeObject(values || []); + }, + + _joinKeywords: function (keywords, callback) { + var self = this, o = this.options; + this._assertValue(this.storeValue); + o.itemsCreator({ + type: BI.MultiSelectCombo.REQ_GET_ALL_DATA, + keywords: keywords + }, function (ob) { + var values = BI.pluck(ob.items, "value"); + digest(values); + }); + + function digest(items) { + var selectedMap = self._makeMap(items); + BI.each(keywords, function (i, val) { + if (BI.isNotNull(selectedMap[val])) { + self.storeValue.value[self.storeValue.type === BI.Selection.Multi ? "pushDistinct" : "remove"](val); + } + }); + self._adjust(callback); + } + }, + + _joinAll: function (res, callback) { + var self = this, o = this.options; + this._assertValue(res); + o.itemsCreator({ + type: BI.MultiSelectCombo.REQ_GET_ALL_DATA, + keywords: [this.trigger.getKey()] + }, function (ob) { + var items = BI.pluck(ob.items, "value"); + if (self.storeValue.type === res.type) { + var change = false; + var map = self._makeMap(self.storeValue.value); + BI.each(items, function (i, v) { + if (BI.isNotNull(map[v])) { + change = true; + delete map[v]; + } + }); + change && (self.storeValue.value = BI.values(map)); + self._adjust(callback); + return; + } + var selectedMap = self._makeMap(self.storeValue.value); + var notSelectedMap = self._makeMap(res.value); + var newItems = []; + BI.each(items, function (i, item) { + if (BI.isNotNull(selectedMap[items[i]])) { + delete selectedMap[items[i]]; + } + if (BI.isNull(notSelectedMap[items[i]])) { + newItems.push(item); + } + }); + self.storeValue.value = newItems.concat(BI.values(selectedMap)); + self._adjust(callback); + }) + }, + + _adjust: function (callback) { + var self = this, o = this.options; + if (!this._count) { + o.itemsCreator({ + type: BI.MultiSelectCombo.REQ_GET_DATA_LENGTH + }, function (res) { + self._count = res.count; + adjust(); + callback(); + }); + } else { + adjust(); + callback(); + } + function adjust() { + if (self.storeValue.type === BI.Selection.All && self.storeValue.value.length >= self._count) { + self.storeValue = { + type: BI.Selection.Multi, + value: [] + } + } else if (self.storeValue.type === BI.Selection.Multi && self.storeValue.value.length >= self._count) { + self.storeValue = { + type: BI.Selection.All, + value: [] + } + } + } + }, + + _join: function (res, callback) { + var self = this, o = this.options; + this._assertValue(res); + this._assertValue(this.storeValue); + if (this.storeValue.type === res.type) { + var map = this._makeMap(this.storeValue.value); + BI.each(res.value, function (i, v) { + if (!map[v]) { + self.storeValue.value.push(v); + map[v] = v; + } + }); + var change = false; + BI.each(res.assist, function (i, v) { + if (BI.isNotNull(map[v])) { + change = true; + delete map[v]; + } + }); + change && (this.storeValue.value = BI.values(map)); + self._adjust(callback); + return; + } + this._joinAll(res, callback); + }, + + _setStartValue: function (value) { + this._startValue = value; + this.popup.setStartValue(value); + }, + + setValue: function (v) { + this.storeValue = v || {}; + this._assertValue(this.storeValue); + this.combo.setValue(this.storeValue); + this.trigger.setValue(this.storeValue); + }, + + getValue: function () { + return this.storeValue; + }, + + populate: function () { + this._count = null; + this.combo.populate.apply(this.combo, arguments); + } +}); + +BI.extend(BI.MultiSelectCombo, { + REQ_GET_DATA_LENGTH: 0, + REQ_GET_ALL_DATA: -1 +}); + +BI.MultiSelectCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; + +$.shortcut('bi.multi_select_combo', BI.MultiSelectCombo);/** + * 多选加载数据面板 + * Created by guy on 15/11/2. + * @class BI.MultiSelectLoader + * @extends Widget + */ +BI.MultiSelectLoader = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectLoader.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-loader', + logic: { + dynamic: true + }, + el: { + height: 400 + }, + valueFormatter: BI.emptyFn, + itemsCreator: BI.emptyFn, + onLoaded: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiSelectLoader.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + var hasNext = false; + + this.button_group = BI.createWidget({ + type: "bi.select_list", + element: this, + logic: opts.logic, + el: BI.extend({ + onLoaded: opts.onLoaded, + el: { + type: "bi.loader", + isDefaultInit: false, + logic: { + dynamic: true, + scrolly: true + }, + el: { + chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + behaviors: { + redmark: function () { + return true; + } + }, + layouts: [{ + type: "bi.vertical" + }] + } + } + }, opts.el), + itemsCreator: function (op, callback) { + var startValue = self._startValue; + self.storeValue && (op = BI.extend(op || {}, { + selected_values: BI.isKey(startValue) && self.storeValue.type === BI.Selection.Multi + ? self.storeValue.value.concat(startValue) : self.storeValue.value + })); + opts.itemsCreator(op, function (ob) { + hasNext = ob.hasNext; + var firstItems = []; + if (op.times === 1 && self.storeValue) { + var json = BI.map(self.storeValue.value, function (i, v) { + var txt = opts.valueFormatter(v) || v; + return { + text: txt, + value: v, + title: txt, + selected: self.storeValue.type === BI.Selection.Multi + } + }); + if (BI.isKey(self._startValue) && !self.storeValue.value.contains(self._startValue)) { + var txt = opts.valueFormatter(startValue) || startValue; + json.unshift({ + text: txt, + value: startValue, + title: txt, + selected: true + }) + } + firstItems = self._createItems(json); + } + callback(firstItems.concat(self._createItems(ob.items)), ob.keyword || ""); + if (op.times === 1 && self.storeValue) { + BI.isKey(startValue) && self.storeValue.value[self.storeValue.type === BI.Selection.All ? "remove" : "pushDistinct"](startValue); + self.setValue(self.storeValue); + } + (op.times === 1) && self._scrollToTop(); + }); + }, + hasNext: function () { + return hasNext; + } + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button_group.on(BI.SelectList.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectLoader.EVENT_CHANGE, arguments); + }); + }, + + _createItems: function (items) { + return BI.createItems(items, { + type: "bi.multi_select_item", + logic: this.options.logic, + height: 25, + selected: this.isAllSelected() + }) + }, + + _scrollToTop: function () { + var self = this; + BI.delay(function () { + self.button_group.element.scrollTop(0); + }, 30); + }, + + isAllSelected: function () { + return this.button_group.isAllSelected(); + }, + + _assertValue: function (val) { + val || (val = {}); + val.type || (val.type = BI.Selection.Multi); + val.value || (val.value = []); + }, + + setStartValue: function (v) { + this._startValue = v; + }, + + setValue: function (v) { + this.storeValue = v || {}; + this._assertValue(this.storeValue); + this.button_group.setValue(this.storeValue); + }, + + getValue: function () { + return this.button_group.getValue(); + }, + + getAllButtons: function () { + return this.button_group.getAllButtons(); + }, + + empty: function () { + this.button_group.empty(); + }, + + populate: function (items) { + this.button_group.populate.apply(this.button_group, arguments); + }, + + setEnable: function (arg) { + this.button_group.setEnable(arg); + }, + + resetHeight: function (h) { + this.button_group.resetHeight(h); + }, + + resetWidth: function (w) { + this.button_group.resetWidth(w); + } +}); + +BI.MultiSelectLoader.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.multi_select_loader', BI.MultiSelectLoader);/** + * 带加载的多选下拉面板 + * @class BI.MultiSelectPopupView + * @extends Widget + */ +BI.MultiSelectPopupView = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectPopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-popup-view', + maxWidth: 'auto', + minWidth: 135, + maxHeight: 400, + valueFormatter: BI.emptyFn, + itemsCreator: BI.emptyFn, + onLoaded: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiSelectPopupView.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + + this.loader = BI.createWidget({ + type: "bi.multi_select_loader", + itemsCreator: opts.itemsCreator, + valueFormatter: opts.valueFormatter, + onLoaded: opts.onLoaded + }); + + this.popupView = BI.createWidget({ + type: "bi.multi_popup_view", + stopPropagation: false, + maxWidth: opts.maxWidth, + minWidth: opts.minWidth, + maxHeight: opts.maxHeight, + element: this, + buttons: [BI.i18nText('BI-Basic_Clears'), BI.i18nText('BI-Basic_Sure')], + el: this.loader + }); + + this.popupView.on(BI.MultiPopupView.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectPopupView.EVENT_CHANGE); + }); + this.popupView.on(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, function (index) { + switch (index) { + case 0: + self.fireEvent(BI.MultiSelectPopupView.EVENT_CLICK_CLEAR); + break; + case 1: + self.fireEvent(BI.MultiSelectPopupView.EVENT_CLICK_CONFIRM); + break; + } + }); + }, + + isAllSelected: function () { + return this.loader.isAllSelected(); + }, + + setStartValue: function (v) { + this.loader.setStartValue(v); + }, + + setValue: function (v) { + this.popupView.setValue(v); + }, + + getValue: function () { + return this.popupView.getValue(); + }, + + populate: function (items) { + this.popupView.populate.apply(this.popupView, arguments); + }, + + setEnable: function (arg) { + this.popupView.setEnable(arg); + }, + + resetHeight: function (h) { + this.popupView.resetHeight(h); + }, + + resetWidth: function (w) { + this.popupView.resetWidth(w); + } +}); + +BI.MultiSelectPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiSelectPopupView.EVENT_CLICK_CONFIRM = "EVENT_CLICK_CONFIRM"; +BI.MultiSelectPopupView.EVENT_CLICK_CLEAR = "EVENT_CLICK_CLEAR"; + + +$.shortcut('bi.multi_select_popup_view', BI.MultiSelectPopupView);/** + * + * 复选下拉框 + * @class BI.MultiSelectTrigger + * @extends BI.Trigger + */ + +BI.MultiSelectTrigger = BI.inherit(BI.Trigger, { + + constants: { + height: 14, + rgap: 4, + lgap: 4 + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multi-select-trigger", + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + searcher: {}, + switcher: {}, + + adapter: null, + masker: {} + }); + }, + + _init: function () { + BI.MultiSelectTrigger.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + if (o.height) { + this.setHeight(o.height - 2); + } + + this.searcher = BI.createWidget(o.searcher, { + type: "bi.multi_select_searcher", + height: o.height, + itemsCreator: o.itemsCreator, + valueFormatter: o.valueFormatter, + popup: {}, + adapter: o.adapter, + masker: o.masker + }); + this.searcher.on(BI.MultiSelectSearcher.EVENT_START, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_START); + }); + this.searcher.on(BI.MultiSelectSearcher.EVENT_PAUSE, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_PAUSE); + }); + this.searcher.on(BI.MultiSelectSearcher.EVENT_SEARCHING, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_SEARCHING, arguments); + }); + this.searcher.on(BI.MultiSelectSearcher.EVENT_STOP, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_STOP); + }); + this.searcher.on(BI.MultiSelectSearcher.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_CHANGE, arguments); + }); + this.numberCounter = BI.createWidget(o.switcher, { + type: 'bi.multi_select_check_selected_switcher', + valueFormatter: o.valueFormatter, + itemsCreator: o.itemsCreator, + adapter: o.adapter, + masker: o.masker + }); + this.numberCounter.on(BI.MultiSelectCheckSelectedSwitcher.EVENT_TRIGGER_CHANGE, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_COUNTER_CLICK); + }); + this.numberCounter.on(BI.MultiSelectCheckSelectedSwitcher.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW); + }); + + var wrapNumberCounter = BI.createWidget({ + type: 'bi.right_vertical_adapt', + hgap: 4, + items: [{ + el: this.numberCounter + }] + }); + + var wrapper = BI.createWidget({ + type: 'bi.htape', + element: this, + items: [ + { + el: this.searcher, + width: 'fill' + }, { + el: wrapNumberCounter, + width: 0 + }, { + el: BI.createWidget(), + width: 30 + }] + }); + + this.numberCounter.on(BI.Events.VIEW, function (b) { + BI.nextTick(function () {//自动调整宽度 + wrapper.attr("items")[1].width = (b === true ? self.numberCounter.element.outerWidth() + 8 : 0); + wrapper.resize(); + }); + }); + + this.element.click(function (e) { + if (self.element.__isMouseInBounds__(e) && !self.numberCounter.element.__isMouseInBounds__(e)) { + self.numberCounter.hideView(); + } + }); + }, + + getCounter: function () { + return this.numberCounter; + }, + + getSearcher: function () { + return this.searcher; + }, + + stopEditing: function () { + this.searcher.stopSearch(); + this.numberCounter.hideView(); + }, + + setValue: function (ob) { + this.searcher.setValue(ob); + this.numberCounter.setValue(ob); + }, + + setEnable: function (v) { + this.searcher.setEnable(v); + }, + + getKey: function () { + return this.searcher.getKey(); + }, + + getValue: function () { + return this.searcher.getValue(); + } +}); + +BI.MultiSelectTrigger.EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK"; +BI.MultiSelectTrigger.EVENT_COUNTER_CLICK = "EVENT_COUNTER_CLICK"; +BI.MultiSelectTrigger.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiSelectTrigger.EVENT_START = "EVENT_START"; +BI.MultiSelectTrigger.EVENT_STOP = "EVENT_STOP"; +BI.MultiSelectTrigger.EVENT_PAUSE = "EVENT_PAUSE"; +BI.MultiSelectTrigger.EVENT_SEARCHING = "EVENT_SEARCHING"; +BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW = "EVENT_BEFORE_COUNTER_POPUPVIEW"; + +$.shortcut('bi.multi_select_trigger', BI.MultiSelectTrigger);/** + * 多选加载数据搜索loader面板 + * Created by guy on 15/11/4. + * @class BI.MultiSelectSearchLoader + * @extends Widget + */ +BI.MultiSelectSearchLoader = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectSearchLoader.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-search-loader', + itemsCreator: BI.emptyFn, + keywordGetter: BI.emptyFn, + valueFormatter: BI.emptyFn, + }); + }, + + _init: function () { + BI.MultiSelectSearchLoader.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + var hasNext = false; + + this.button_group = BI.createWidget({ + type: "bi.select_list", + element: this, + logic: { + dynamic: false + }, + el: { + tipText: BI.i18nText("BI-No_Select"), + el: { + type: "bi.loader", + isDefaultInit: false, + logic: { + dynamic: true, + scrolly: true + }, + el: { + chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + behaviors: { + redmark: function () { + return true; + } + }, + layouts: [{ + type: "bi.vertical" + }] + } + } + }, + itemsCreator: function (op, callback) { + self.storeValue && (op = BI.extend(op || {}, { + selected_values: self.storeValue.value + })); + opts.itemsCreator(op, function (ob) { + var keyword = ob.keyword = opts.keywordGetter(); + hasNext = ob.hasNext; + var firstItems = []; + if (op.times === 1 && self.storeValue) { + var json = self._filterValues(self.storeValue); + firstItems = self._createItems(json); + } + callback(firstItems.concat(self._createItems(ob.items)), keyword); + if (op.times === 1 && self.storeValue) { + self.setValue(self.storeValue); + } + }); + }, + hasNext: function () { + return hasNext; + } + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button_group.on(BI.SelectList.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectSearchLoader.EVENT_CHANGE, arguments); + }); + }, + + _createItems: function (items) { + return BI.createItems(items, { + type: "bi.multi_select_item", + logic: { + dynamic: false + }, + height: 25, + selected: this.isAllSelected() + }) + }, + + isAllSelected: function () { + return this.button_group.isAllSelected(); + }, + + _filterValues: function (src) { + var o = this.options; + var keyword = o.keywordGetter(); + var values = BI.deepClone(src.value) || []; + var newValues = BI.map(values, function (i, v) { + return { + text: o.valueFormatter(v) || v, + value: v + }; + }); + if (BI.isKey(keyword)) { + var search = BI.Func.getSearchResult(newValues, keyword); + values = search.matched.concat(search.finded); + } + return BI.map(values, function (i, v) { + return { + text: v.text, + title: v.text, + value: v.value, + selected: src.type === BI.Selection.All + } + }) + }, + + setValue: function (v) { + this.storeValue = v; + this.button_group.setValue(v); + }, + + getValue: function () { + return this.button_group.getValue(); + }, + + getAllButtons: function () { + return this.button_group.getAllButtons(); + }, + + empty: function () { + this.button_group.empty(); + }, + + populate: function (items) { + this.button_group.populate.apply(this.button_group, arguments); + }, + + setEnable: function (arg) { + this.button_group.setEnable(arg); + }, + + resetHeight: function (h) { + this.button_group.resetHeight(h); + }, + + resetWidth: function (w) { + this.button_group.resetWidth(w); + } +}); + +BI.MultiSelectSearchLoader.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.multi_select_search_loader', BI.MultiSelectSearchLoader);/** + * + * 在搜索框中输入文本弹出的面板 + * @class BI.MultiSelectSearchPane + * @extends Widget + */ + +BI.MultiSelectSearchPane = BI.inherit(BI.Widget, { + + constants: { + height: 25, + lgap: 10, + tgap: 5 + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectSearchPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multi-select-search-pane", + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + keywordGetter: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiSelectSearchPane.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.tooltipClick = BI.createWidget({ + type: "bi.label", + invisible: true, + text: BI.i18nText('BI-Click_Blank_To_Select'), + cls: 'multi-select-toolbar', + height: this.constants.height + }); + + this.loader = BI.createWidget({ + type: "bi.multi_select_search_loader", + keywordGetter: o.keywordGetter, + valueFormatter: o.valueFormatter, + itemsCreator: function (op, callback) { + o.itemsCreator.apply(self, [op, function (res) { + callback(res); + self.setKeyword(o.keywordGetter()); + }]); + } + }); + this.loader.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.resizer = BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.tooltipClick, + height: 0 + }, { + el: this.loader + }] + }); + this.tooltipClick.setVisible(false); + }, + + setKeyword: function (keyword) { + var btn; + var isVisible = this.loader.getAllButtons().length > 0 && (btn = this.loader.getAllButtons()[0]) && (keyword === btn.getValue()); + if (isVisible !== this.tooltipClick.isVisible()) { + this.tooltipClick.setVisible(isVisible); + this.resizer.attr("items")[0].height = (isVisible ? this.constants.height : 0); + this.resizer.resize(); + } + }, + + isAllSelected: function () { + return this.loader.isAllSelected(); + }, + + hasMatched: function () { + return this.tooltipClick.isVisible(); + }, + + setValue: function (v) { + this.loader.setValue(v); + }, + + getValue: function () { + return this.loader.getValue(); + }, + + empty: function () { + this.loader.empty(); + }, + + populate: function (items) { + this.loader.populate.apply(this.loader, arguments); + } +}); + +BI.MultiSelectSearchPane.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.multi_select_search_pane", BI.MultiSelectSearchPane);/** + * 查看已选按钮 + * Created by guy on 15/11/3. + * @class BI.MultiSelectCheckSelectedButton + * @extends BI.Single + */ +BI.MultiSelectCheckSelectedButton = BI.inherit(BI.Single, { + + _const: { + checkSelected: BI.i18nText('BI-Check_Selected') + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectCheckSelectedButton.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-check-selected-button', + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiSelectCheckSelectedButton.superclass._init.apply(this, arguments); + var self = this; + this.numberCounter = BI.createWidget({ + type: 'bi.text_button', + element: this, + hgap: 4, + text: "0", + textAlign: 'center', + textHeight: 15 + }); + this.numberCounter.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.numberCounter.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectCheckSelectedButton.EVENT_CHANGE, arguments); + }); + + this.numberCounter.element.hover(function () { + self.numberCounter.setTag(self.numberCounter.getText()); + self.numberCounter.setText(self._const.checkSelected); + }, function () { + self.numberCounter.setText(self.numberCounter.getTag()); + }); + this.setVisible(false); + }, + + setValue: function (ob) { + var self = this, o = this.options; + ob || (ob = {}); + ob.type || (ob.type = BI.Selection.Multi); + ob.value || (ob.value = []); + if (ob.type === BI.Selection.All) { + o.itemsCreator({ + type: BI.MultiSelectCombo.REQ_GET_DATA_LENGTH + }, function (res) { + var length = res.count - ob.value.length; + BI.nextTick(function(){ + self.numberCounter.setText(length); + self.setVisible(length > 0); + }); + }); + return; + } + BI.nextTick(function(){ + self.numberCounter.setText(ob.value.length); + self.setVisible(ob.value.length > 0); + }) + }, + + getValue: function () { + + } +}); + +BI.MultiSelectCheckSelectedButton.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.multi_select_check_selected_button', BI.MultiSelectCheckSelectedButton);/** + * 多选输入框 + * Created by guy on 15/11/3. + * @class BI.MultiSelectEditor + * @extends Widget + */ +BI.MultiSelectEditor = BI.inherit(BI.Widget, { + + _const: { + checkSelected: BI.i18nText('BI-Check_Selected') + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectEditor.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-editor', + el: {} + }); + }, + + _init: function () { + BI.MultiSelectEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget(o.el, { + type: 'bi.state_editor', + element: this, + height: o.height, + watermark: BI.i18nText('BI-Basic_Search'), + allowBlank: true + }); + + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.editor.on(BI.StateEditor.EVENT_PAUSE, function () { + self.fireEvent(BI.MultiSelectEditor.EVENT_PAUSE); + }); + this.editor.on(BI.StateEditor.EVENT_CLICK_LABEL, function () { + + }); + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + setState: function (state) { + this.editor.setState(state); + }, + + setValue: function (v) { + this.editor.setValue(v); + }, + + setEnable: function(v){ + this.editor.setEnable(v); + }, + + getValue: function () { + var v = this.editor.getState(); + if (BI.isArray(v) && v.length > 0) { + return v[v.length - 1]; + } else { + return ""; + } + }, + + getKeywords: function () { + var val = this.editor.getLastValidValue(); + var keywords = val.match(/[\S]+/g); + if (BI.isEndWithBlank(val)) { + return keywords.concat([' ']); + } + return keywords; + }, + + populate: function (items) { + + } +}); +BI.MultiSelectEditor.EVENT_PAUSE = "MultiSelectEditor.EVENT_PAUSE"; +$.shortcut('bi.multi_select_editor', BI.MultiSelectEditor);/** + * searcher + * Created by guy on 15/11/3. + * @class BI.MultiSelectSearcher + * @extends Widget + */ +BI.MultiSelectSearcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectSearcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-searcher', + itemsCreator: BI.emptyFn, + el: {}, + popup: {}, + valueFormatter: BI.emptyFn, + adapter: null, + masker: {} + }); + }, + + _init: function () { + BI.MultiSelectSearcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget(o.el, { + type: 'bi.multi_select_editor', + height: o.height + }); + + this.searcher = BI.createWidget({ + type: "bi.searcher", + element: this, + height: o.height, + isAutoSearch: false, + isAutoSync: false, + onSearch: function (op, callback) { + callback(); + }, + el: this.editor, + + popup: BI.extend({ + type: "bi.multi_select_search_pane", + valueFormatter: o.valueFormatter, + keywordGetter: function () { + return self.editor.getValue(); + }, + itemsCreator: function (op, callback) { + op.keyword = self.editor.getValue(); + this.setKeyword(op.keyword); + o.itemsCreator(op, callback); + } + }, o.popup), + + adapter: o.adapter, + masker: o.masker + }); + this.searcher.on(BI.Searcher.EVENT_START, function () { + self.fireEvent(BI.MultiSelectSearcher.EVENT_START); + }); + this.searcher.on(BI.Searcher.EVENT_PAUSE, function () { + if (this.hasMatched()) { + + } + self.fireEvent(BI.MultiSelectSearcher.EVENT_PAUSE); + }); + this.searcher.on(BI.Searcher.EVENT_STOP, function () { + self.fireEvent(BI.MultiSelectSearcher.EVENT_STOP); + }); + this.searcher.on(BI.Searcher.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectSearcher.EVENT_CHANGE, arguments); + }); + this.searcher.on(BI.Searcher.EVENT_SEARCHING, function () { + var keywords = this.getKeywords(); + self.fireEvent(BI.MultiSelectSearcher.EVENT_SEARCHING, keywords); + }); + }, + + adjustView: function () { + this.searcher.adjustView(); + }, + + isSearching: function () { + return this.searcher.isSearching(); + }, + + stopSearch: function () { + this.searcher.stopSearch(); + }, + + getKeyword: function () { + return this.editor.getValue(); + }, + + hasMatched: function () { + return this.searcher.hasMatched(); + }, + + hasChecked: function () { + return this.searcher.getView() && this.searcher.getView().hasChecked(); + }, + + setState: function (ob) { + ob || (ob = {}); + ob.value || (ob.value = []); + if (ob.type === BI.Selection.All) { + this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.All); + } else { + if (BI.size(ob.value) === 1) { + this.editor.setState(ob.value[0] + ""); + } else { + this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.None); + } + } + }, + + setValue: function (ob) { + this.setState(ob); + this.searcher.setValue(ob); + }, + + getKey: function () { + return this.editor.getValue(); + }, + + getValue: function () { + return this.searcher.getValue(); + }, + + setEnable: function (v) { + this.editor.setEnable(v); + }, + + populate: function (items) { + this.searcher.populate.apply(this.searcher, arguments); + } +}); + +BI.MultiSelectSearcher.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; +BI.MultiSelectSearcher.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiSelectSearcher.EVENT_START = "EVENT_START"; +BI.MultiSelectSearcher.EVENT_STOP = "EVENT_STOP"; +BI.MultiSelectSearcher.EVENT_PAUSE = "EVENT_PAUSE"; +BI.MultiSelectSearcher.EVENT_SEARCHING = "EVENT_SEARCHING"; +$.shortcut('bi.multi_select_searcher', BI.MultiSelectSearcher);/** + * 查看已选switcher + * Created by guy on 15/11/3. + * @class BI.MultiSelectCheckSelectedSwitcher + * @extends Widget + */ +BI.MultiSelectCheckSelectedSwitcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectCheckSelectedSwitcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-check-selected-switcher', + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + el: {}, + popup: {}, + adapter: null, + masker: {} + }); + }, + + _init: function () { + BI.MultiSelectCheckSelectedSwitcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.button = BI.createWidget(o.el, { + type: "bi.multi_select_check_selected_button", + itemsCreator: o.itemsCreator + }); + this.button.on(BI.Events.VIEW, function () { + self.fireEvent(BI.Events.VIEW, arguments); + }); + this.switcher = BI.createWidget({ + type: "bi.switcher", + toggle: false, + element: this, + el: this.button, + popup: BI.extend({ + type: "bi.multi_select_check_pane", + valueFormatter: o.valueFormatter, + itemsCreator: o.itemsCreator, + onClickContinueSelect: function () { + self.switcher.hideView(); + } + }, o.popup), + adapter: o.adapter, + masker: o.masker + }); + this.switcher.on(BI.Switcher.EVENT_TRIGGER_CHANGE, function () { + self.fireEvent(BI.MultiSelectCheckSelectedSwitcher.EVENT_TRIGGER_CHANGE); + }); + this.switcher.on(BI.Switcher.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.MultiSelectCheckSelectedSwitcher.EVENT_BEFORE_POPUPVIEW); + }); + this.switcher.on(BI.Switcher.EVENT_AFTER_POPUPVIEW, function () { + var me = this; + BI.nextTick(function () { + me.populate(); + }); + }); + + this.switcher.element.click(function (e) { + e.stopPropagation(); + }); + }, + + adjustView: function () { + this.switcher.adjustView(); + }, + + hideView: function () { + this.switcher.empty(); + this.switcher.hideView(); + }, + + setValue: function (v) { + this.switcher.setValue(v); + }, + + setButtonChecked: function (v) { + this.button.setValue(v) + }, + + getValue: function () { + + }, + + populate: function (items) { + this.switcher.populate.apply(this.switcher, arguments); + } +}); + +BI.MultiSelectCheckSelectedSwitcher.EVENT_TRIGGER_CHANGE = "MultiSelectCheckSelectedSwitcher.EVENT_TRIGGER_CHANGE"; +BI.MultiSelectCheckSelectedSwitcher.EVENT_BEFORE_POPUPVIEW = "MultiSelectCheckSelectedSwitcher.EVENT_BEFORE_POPUPVIEW"; +$.shortcut('bi.multi_select_check_selected_switcher', BI.MultiSelectCheckSelectedSwitcher);/** + * Created by zcf on 2016/12/14. + */ +BI.MultiStringList = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.MultiStringList.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-string-list', + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + height: 25 + }) + }, + _init: function () { + BI.MultiStringList.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + var assertShowValue = function () { + BI.isKey(self._startValue) && self.storeValue.value[self.storeValue.type === BI.Selection.All ? "remove" : "pushDistinct"](self._startValue); + self.trigger.getSearcher().setState(self.storeValue); + self.trigger.getCounter().setButtonChecked(self.storeValue); + }; + this.storeValue = {}; + + + this.popup = BI.createWidget({ + type: "bi.multi_select_loader", + cls: "popup-multi-string-list", + itemsCreator: o.itemsCreator, + valueFormatter: o.valueFormatter, + onLoaded: o.onLoaded, + el: { + height: "" + } + }); + this.popup.on(BI.MultiSelectLoader.EVENT_CHANGE, function () { + self.storeValue = this.getValue(); + self._adjust(function () { + assertShowValue(); + self.fireEvent(BI.MultiStringList.EVENT_CHANGE); + }); + }); + + this.trigger = BI.createWidget({ + type: "bi.multi_select_trigger", + height: o.height, + adapter: this.popup, + masker: { + offset: { + left: 1, + top: 0, + right: 2, + bottom: 1 + } + }, + valueFormatter: o.valueFormatter, + itemsCreator: function (op, callback) { + o.itemsCreator(op, function (res) { + if (op.times === 1 && BI.isNotNull(op.keyword)) { + self.trigger.setValue(self.getValue()); + } + callback.apply(self, arguments); + }); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_START, function () { + self._setStartValue(""); + this.getSearcher().setValue(self.storeValue); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_STOP, function () { + self._setStartValue(""); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_PAUSE, function () { + if (this.getSearcher().hasMatched()) { + var keyword = this.getSearcher().getKeyword(); + self._join({ + type: BI.Selection.Multi, + value: [keyword] + }, function () { + self.trigger.setValue(self.storeValue); + self.popup.setValue(self.storeValue); + self._setStartValue(keyword); + assertShowValue(); + self.populate(); + self._setStartValue(""); + self.fireEvent(BI.MultiStringList.EVENT_CHANGE); + }) + } + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_SEARCHING, function (keywords) { + var last = BI.last(keywords); + keywords = BI.initial(keywords || []); + if (keywords.length > 0) { + self._joinKeywords(keywords, function () { + if (BI.isEndWithBlank(last)) { + self.trigger.setValue(self.storeValue); + self.popup.setValue(self.storeValue); + assertShowValue(); + self.popup.populate(); + self._setStartValue(""); + } else { + self.trigger.setValue(self.storeValue); + self.popup.setValue(self.storeValue); + assertShowValue(); + } + }); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_CHANGE, function (value, obj) { + if (obj instanceof BI.MultiSelectBar) { + self._joinAll(this.getValue(), function () { + assertShowValue(); + }); + } else { + self._join(this.getValue(), function () {//安徽省 北京 + assertShowValue(); + }); + } + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW, function () { + this.getCounter().setValue(self.storeValue); + }); + var div = BI.createWidget({ + type: "bi.layout" + }); + BI.createWidget({ + type: "bi.vtape", + element: this, + height: "100%", + width: "100%", + items: [{ + el: this.trigger, + height: 25 + }, { + el: div, + height: 2 + }, { + el: this.popup, + height: "fill" + }] + }); + }, + _defaultState: function () { + this.trigger.stopEditing(); + }, + + _assertValue: function (val) { + val || (val = {}); + val.type || (val.type = BI.Selection.Multi); + val.value || (val.value = []); + }, + + _makeMap: function (values) { + return BI.makeObject(values || []); + }, + + _joinKeywords: function (keywords, callback) { + var self = this, o = this.options; + this._assertValue(this.storeValue); + if (!this._allData) { + o.itemsCreator({ + type: BI.MultiStringList.REQ_GET_ALL_DATA + }, function (ob) { + self._allData = BI.pluck(ob.items, "value"); + digest(self._allData); + }) + } else { + digest(this._allData) + } + + function digest(items) { + var selectedMap = self._makeMap(items); + BI.each(keywords, function (i, val) { + if (BI.isNotNull(selectedMap[val])) { + self.storeValue.value[self.storeValue.type === BI.Selection.Multi ? "pushDistinct" : "remove"](val); + } + }); + self._adjust(callback); + } + }, + + _joinAll: function (res, callback) { + var self = this, o = this.options; + this._assertValue(res); + o.itemsCreator({ + type: BI.MultiStringList.REQ_GET_ALL_DATA, + keyword: this.trigger.getKey() + }, function (ob) { + var items = BI.pluck(ob.items, "value"); + if (self.storeValue.type === res.type) { + var change = false; + var map = self._makeMap(self.storeValue.value); + BI.each(items, function (i, v) { + if (BI.isNotNull(map[v])) { + change = true; + delete map[v]; + } + }); + change && (self.storeValue.value = BI.values(map)); + self._adjust(callback); + return; + } + var selectedMap = self._makeMap(self.storeValue.value); + var notSelectedMap = self._makeMap(res.value); + var newItems = []; + BI.each(items, function (i, item) { + if (BI.isNotNull(selectedMap[items[i]])) { + delete selectedMap[items[i]]; + } + if (BI.isNull(notSelectedMap[items[i]])) { + newItems.push(item); + } + }); + self.storeValue.value = newItems.concat(BI.values(selectedMap)); + self._adjust(callback); + }) + }, + + _adjust: function (callback) { + var self = this, o = this.options; + if (!this._count) { + o.itemsCreator({ + type: BI.MultiStringList.REQ_GET_DATA_LENGTH + }, function (res) { + self._count = res.count; + adjust(); + callback(); + }); + } else { + adjust(); + callback(); + } + function adjust() { + if (self.storeValue.type === BI.Selection.All && self.storeValue.value.length >= self._count) { + self.storeValue = { + type: BI.Selection.Multi, + value: [] + } + } else if (self.storeValue.type === BI.Selection.Multi && self.storeValue.value.length >= self._count) { + self.storeValue = { + type: BI.Selection.All, + value: [] + } + } + } + }, + + _join: function (res, callback) { + var self = this, o = this.options; + this._assertValue(res); + this._assertValue(this.storeValue); + if (this.storeValue.type === res.type) { + var map = this._makeMap(this.storeValue.value); + BI.each(res.value, function (i, v) { + if (!map[v]) { + self.storeValue.value.push(v); + map[v] = v; + } + }); + var change = false; + BI.each(res.assist, function (i, v) { + if (BI.isNotNull(map[v])) { + change = true; + delete map[v]; + } + }); + change && (this.storeValue.value = BI.values(map)); + self._adjust(callback); + return; + } + this._joinAll(res, callback); + }, + + _setStartValue: function (value) { + this._startValue = value; + this.popup.setStartValue(value); + }, + + // isAllSelected: function () { + // return this.popup.isAllSelected(); + // }, + + resize: function () { + this.trigger.getCounter().adjustView(); + this.trigger.getSearcher().adjustView(); + }, + + setEnable: function (v) { + this.trigger.setEnable(v); + this.popup.setEnable(v); + }, + + setValue: function (v) { + this.storeValue = v || {}; + this._assertValue(this.storeValue); + this.popup.setValue(this.storeValue); + this.trigger.setValue(this.storeValue); + }, + + getValue: function () { + return this.storeValue; + }, + + populate: function () { + this._count = null; + this._allData = null; + this.popup.populate.apply(this.popup, arguments); + this.trigger.populate.apply(this.trigger, arguments); + } +}); + +BI.extend(BI.MultiStringList, { + REQ_GET_DATA_LENGTH: 0, + REQ_GET_ALL_DATA: -1 +}); + +BI.MultiStringList.EVENT_CHANGE = "BI.MultiStringList.EVENT_CHANGE"; +$.shortcut("bi.multi_string_list", BI.MultiStringList);/** + * + * @class BI.MultiTreeCheckPane + * @extends BI.Pane + */ +BI.MultiTreeCheckPane = BI.inherit(BI.Pane, { + + constants: { + height: 25, + lgap: 10, + tgap: 5 + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeCheckPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multi-tree-check-pane", + onClickContinueSelect: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiTreeCheckPane.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + + this.selected_values = {}; + + var continueSelect = BI.createWidget({ + type: 'bi.text_button', + text: BI.i18nText('BI-Continue_Select'), + cls: 'multi-tree-check-selected' + }); + continueSelect.on(BI.TextButton.EVENT_CHANGE, function () { + opts.onClickContinueSelect(); + BI.nextTick(function () { + self.empty(); + }); + }); + + var backToPopup = BI.createWidget({ + type: 'bi.left', + cls: 'multi-tree-continue-select', + items: [ + { + el: { + type: "bi.label", + text: BI.i18nText('BI-Selected_Data') + }, + lgap: this.constants.lgap, + tgap: this.constants.tgap + }, + { + el: continueSelect, + lgap: this.constants.lgap, + tgap: this.constants.tgap + }] + }); + + this.display = BI.createWidget({ + type: "bi.display_tree", + cls: "bi-multi-tree-display", + itemsCreator: function (op, callback) { + op.type = BI.TreeView.REQ_TYPE_SELECTED_DATA; + opts.itemsCreator(op, callback); + } + }); + + this.display.on(BI.Events.AFTERINIT, function () { + self.fireEvent(BI.Events.AFTERINIT); + }); + + this.display.on(BI.TreeView.EVENT_INIT, function () { + backToPopup.setVisible(false); + }); + + this.display.on(BI.TreeView.EVENT_AFTERINIT, function () { + backToPopup.setVisible(true); + }); + + BI.createWidget({ + type: 'bi.vtape', + element: this, + items: [{ + height: this.constants.height, + el: backToPopup + }, { + height: 'fill', + el: this.display + }] + }); + + }, + + empty: function () { + this.display.empty(); + }, + + populate: function (configs) { + this.display.stroke(configs); + }, + + setValue: function (v) { + v || (v = {}); + this.display.setValue(v.value); + }, + + getValue: function () { + + } +}); + +BI.MultiTreeCheckPane.EVENT_CONTINUE_CLICK = "EVENT_CONTINUE_CLICK"; + + +$.shortcut("bi.multi_tree_check_pane", BI.MultiTreeCheckPane);/** + * + * @class BI.MultiTreeCombo + * @extends BI.Single + */ + +BI.MultiTreeCombo = BI.inherit(BI.Single, { + + constants: { + offset: { + top: 1, + left: 1, + right: 2, + bottom: 33 + } + }, + + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-tree-combo', + itemsCreator: BI.emptyFn, + height: 25 + }); + }, + + _init: function () { + BI.MultiTreeCombo.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.popup = BI.createWidget({ + type: 'bi.multi_tree_popup_view', + itemsCreator: o.itemsCreator, + onLoaded: function () { + BI.nextTick(function () { + self.trigger.getCounter().adjustView(); + self.trigger.getSearcher().adjustView(); + }); + } + }); + var isInit = false; + var want2showCounter = false; + + this.popup.on(BI.MultiTreePopup.EVENT_AFTERINIT, function () { + self.trigger.getCounter().adjustView(); + isInit = true; + if (want2showCounter === true) { + showCounter(); + } + }); + + this.trigger = BI.createWidget({ + type: "bi.multi_select_trigger", + height: o.height, + adapter: this.popup, + masker: { + offset: this.constants.offset + }, + searcher: { + type: "bi.multi_tree_searcher", + itemsCreator: o.itemsCreator + }, + switcher: { + el: { + type: "bi.multi_tree_check_selected_button" + }, + popup: { + type: "bi.multi_tree_check_pane", + itemsCreator: o.itemsCreator + } + } + + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + toggle: false, + el: this.trigger, + adjustLength: 1, + popup: this.popup + }); + + this.storeValue = {value: {}}; + var change = false; + var clear = false; //标识当前是否点击了清空 + + var isSearching = function () { + return self.trigger.getSearcher().isSearching(); + }; + + var isPopupView = function () { + return self.combo.isViewVisible(); + }; + + this.trigger.on(BI.MultiSelectTrigger.EVENT_START, function () { + self.storeValue = {value: self.combo.getValue()}; + this.setValue(self.storeValue); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_STOP, function () { + self.storeValue = {value: this.getValue()}; + self.combo.setValue(self.storeValue); + BI.nextTick(function () { + if (isPopupView()) { + self.combo.populate(); + } + }); + }); + function showCounter() { + if (isSearching()) { + self.storeValue = {value: self.trigger.getValue()}; + } else if (isPopupView()) { + self.storeValue = {value: self.combo.getValue()}; + } + self.trigger.setValue(self.storeValue); + } + + this.trigger.on(BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW, function () { + if (want2showCounter === false) { + want2showCounter = true; + } + if (isInit === true) { + want2showCounter = null; + showCounter(); + } + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_TRIGGER_CLICK, function () { + self.combo.toggle(); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_COUNTER_CLICK, function () { + if (!self.combo.isViewVisible()) { + self.combo.showView(); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_CHANGE, function () { + var val = { + type: BI.Selection.Multi, + value: this.getSearcher().hasChecked() ? {1: 1} : {} + }; + this.getSearcher().setState(val); + this.getCounter().setButtonChecked(val); + }); + this.popup.on(BI.MultiTreePopup.EVENT_CHANGE, function () { + change = true; + var val = { + type: BI.Selection.Multi, + value: this.hasChecked() ? {1: 1} : {} + }; + self.trigger.getSearcher().setState(val); + self.trigger.getCounter().setButtonChecked(val); + }); + + this.popup.on(BI.MultiTreePopup.EVENT_CLICK_CONFIRM, function () { + self._defaultState(); + }); + this.popup.on(BI.MultiTreePopup.EVENT_CLICK_CLEAR, function () { + clear = true; + self.setValue(); + self._defaultState(); + }); + + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + if (isSearching()) { + return; + } + if (change === true) { + self.storeValue = {value: self.combo.getValue()}; + change = false; + } + self.combo.setValue(self.storeValue); + self.populate(); + + }); + this.combo.on(BI.Combo.EVENT_BEFORE_HIDEVIEW, function () { + if (isSearching()) { + self.trigger.stopEditing(); + self.fireEvent(BI.MultiTreeCombo.EVENT_CONFIRM); + return; + } + if (isPopupView()) { + self.trigger.stopEditing(); + self.storeValue = {value: self.combo.getValue()}; + if (clear === true) { + self.storeValue = {value: {}}; + clear = false; + change = false; + } + self.fireEvent(BI.MultiTreeCombo.EVENT_CONFIRM); + } + }); + + var triggerBtn = BI.createWidget({ + type: "bi.trigger_icon_button", + width: o.height, + height: o.height, + cls: "multi-select-trigger-icon-button" + }); + triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () { + self.trigger.getCounter().hideView(); + if (self.combo.isViewVisible()) { + self.combo.hideView(); + } else { + self.combo.showView(); + } + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.combo, + left: 0, + right: 0, + top: 0, + bottom: 0 + }, { + el: triggerBtn, + right: 0, + top: 0, + bottom: 0 + }] + }) + }, + + _defaultState: function () { + this.trigger.stopEditing(); + this.combo.hideView(); + }, + + setEnable: function(v){ + this.combo.setEnable(v); + }, + + setValue: function (v) { + this.storeValue.value = v || {}; + this.combo.setValue({ + value: v || {} + }); + }, + + getValue: function () { + return this.storeValue.value; + }, + + populate: function () { + this.combo.populate.apply(this.combo, arguments); + } +}); + +BI.MultiTreeCombo.EVENT_CONFIRM = "MultiTreeCombo.EVENT_CONFIRM"; + +$.shortcut('bi.multi_tree_combo', BI.MultiTreeCombo);/** + * 带加载的多选下拉面板 + * @class BI.MultiTreePopup + * @extends BI.Pane + */ +BI.MultiTreePopup = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.MultiTreePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-tree-popup', + maxWidth: 'auto', + minWidth: 100, + maxHeight: 250, + onLoaded: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiTreePopup.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + + this.selected_values = {}; + + this.tree = BI.createWidget({ + type: "bi.sync_tree", + height: 400, + cls:"popup-view-tree", + itemsCreator: opts.itemsCreator, + onLoaded: opts.onLoaded + }); + + this.popupView = BI.createWidget({ + type: "bi.multi_popup_view", + element: this, + stopPropagation: false, + maxWidth: opts.maxWidth, + minWidth: opts.minWidth, + maxHeight: opts.maxHeight, + buttons: [BI.i18nText('BI-Basic_Clears'), BI.i18nText('BI-Basic_Sure')], + el: this.tree + }); + + this.popupView.on(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, function (index) { + switch (index) { + case 0: + self.fireEvent(BI.MultiTreePopup.EVENT_CLICK_CLEAR); + break; + case 1: + self.fireEvent(BI.MultiTreePopup.EVENT_CLICK_CONFIRM); + break; + } + }); + + this.tree.on(BI.TreeView.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiTreePopup.EVENT_CHANGE); + }); + + this.tree.on(BI.TreeView.EVENT_AFTERINIT, function () { + self.fireEvent(BI.MultiTreePopup.EVENT_AFTERINIT); + }); + + }, + + getValue: function () { + return this.tree.getValue(); + }, + + setValue: function (v) { + v || (v = {}); + this.tree.setSelectedValue(v.value); + }, + + populate: function (config) { + this.tree.stroke(config); + }, + + hasChecked: function () { + return this.tree.hasChecked(); + }, + + setEnable: function (arg) { + this.popupView.setEnable(arg); + }, + + resetHeight: function (h) { + this.popupView.resetHeight(h); + }, + + resetWidth: function (w) { + this.popupView.resetWidth(w); + } +}); + +BI.MultiTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiTreePopup.EVENT_CLICK_CONFIRM = "EVENT_CLICK_CONFIRM"; +BI.MultiTreePopup.EVENT_CLICK_CLEAR = "EVENT_CLICK_CLEAR"; +BI.MultiTreePopup.EVENT_AFTERINIT = "EVENT_AFTERINIT"; + + +$.shortcut('bi.multi_tree_popup_view', BI.MultiTreePopup);/** + * + * 在搜索框中输入文本弹出的面板 + * @class BI.MultiTreeSearchPane + * @extends BI.Pane + */ + +BI.MultiTreeSearchPane = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeSearchPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multi-tree-search-pane", + itemsCreator: BI.emptyFn, + keywordGetter: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiTreeSearchPane.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + + this.partTree = BI.createWidget({ + type: "bi.part_tree", + element: this, + tipText: BI.i18nText("BI-No_Select"), + itemsCreator: function (op, callback) { + op.keyword = opts.keywordGetter(); + opts.itemsCreator(op, callback); + } + }); + + this.partTree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.partTree.on(BI.TreeView.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiTreeSearchPane.EVENT_CHANGE); + }); + }, + + hasChecked: function () { + return this.partTree.hasChecked(); + }, + + setValue: function (v) { + v || (v = {}); + this.partTree.setSelectedValue(v.value); + }, + + getValue: function () { + return this.partTree.getValue(); + }, + + empty: function () { + this.partTree.empty(); + }, + + populate: function (op) { + this.partTree.stroke.apply(this.partTree, arguments); + } +}); + +BI.MultiTreeSearchPane.EVENT_CHANGE = "EVENT_CHANGE"; + +BI.MultiTreeSearchPane.EVENT_CLICK_CONFIRM = "EVENT_CLICK_CONFIRM"; +BI.MultiTreeSearchPane.EVENT_CLICK_CLEAR = "EVENT_CLICK_CLEAR"; + +$.shortcut("bi.multi_tree_search_pane", BI.MultiTreeSearchPane);/** + * 查看已选按钮 + * Created by guy on 15/11/3. + * @class BI.MultiTreeCheckSelectedButton + * @extends BI.Single + */ +BI.MultiTreeCheckSelectedButton = BI.inherit(BI.Single, { + + _const: { + checkSelected: BI.i18nText('BI-Check_Selected') + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeCheckSelectedButton.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-tree-check-selected-button', + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiTreeCheckSelectedButton.superclass._init.apply(this, arguments); + var self = this; + this.indicator = BI.createWidget({ + type: 'bi.icon_button', + cls: 'check-font trigger-check-selected', + width: 15, + height: 15, + stopPropagation: true + }); + + this.checkSelected = BI.createWidget({ + type: 'bi.text_button', + cls: "trigger-check-selected", + invisible: true, + hgap: 4, + text: this._const.checkSelected, + textAlign: 'center', + textHeight: 15 + }); + this.checkSelected.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.checkSelected.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectCheckSelectedButton.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.horizontal", + element: this, + items: [this.indicator, this.checkSelected] + }) + + this.element.hover(function () { + self.indicator.setVisible(false); + self.checkSelected.setVisible(true); + }, function () { + self.indicator.setVisible(true); + self.checkSelected.setVisible(false); + }); + this.setVisible(false); + }, + + setValue: function (v) { + v || (v = {}); + this.setVisible(BI.size(v.value) > 0); + } +}); + +BI.MultiTreeCheckSelectedButton.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.multi_tree_check_selected_button', BI.MultiTreeCheckSelectedButton);/** + * searcher + * Created by guy on 15/11/3. + * @class BI.MultiTreeSearcher + * @extends Widget + */ +BI.MultiTreeSearcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeSearcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-tree-searcher', + itemsCreator: BI.emptyFn, + popup: {}, + + adapter: null, + masker: {} + }); + }, + + _init: function () { + BI.MultiTreeSearcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: 'bi.multi_select_editor', + height: o.height, + el: { + type: "bi.simple_state_editor", + height: o.height + } + }); + + this.searcher = BI.createWidget({ + type: "bi.searcher", + element: this, + isAutoSearch: false, + isAutoSync: false, + onSearch: function (op, callback) { + callback({ + keyword: self.editor.getValue() + }); + }, + el: this.editor, + + popup: BI.extend({ + type: "bi.multi_tree_search_pane", + keywordGetter: function () { + return self.editor.getValue(); + }, + itemsCreator: function (op, callback) { + op.keyword = self.editor.getValue(); + o.itemsCreator(op, callback); + } + }, o.popup), + + adapter: o.adapter, + masker: o.masker + }); + this.searcher.on(BI.Searcher.EVENT_START, function () { + self.fireEvent(BI.MultiTreeSearcher.EVENT_START); + }); + this.searcher.on(BI.Searcher.EVENT_PAUSE, function () { + if (this.hasMatched()) { + + } + self.fireEvent(BI.MultiTreeSearcher.EVENT_PAUSE); + }); + this.searcher.on(BI.Searcher.EVENT_STOP, function () { + self.fireEvent(BI.MultiTreeSearcher.EVENT_STOP); + }); + this.searcher.on(BI.Searcher.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiTreeSearcher.EVENT_CHANGE, arguments); + }); + }, + + adjustView: function () { + this.searcher.adjustView(); + }, + + isSearching: function () { + return this.searcher.isSearching(); + }, + + stopSearch: function () { + this.searcher.stopSearch(); + }, + + getKeyword: function () { + return this.editor.getValue(); + }, + + hasMatched: function () { + return this.searcher.hasMatched(); + }, + + hasChecked: function () { + return this.searcher.getView() && this.searcher.getView().hasChecked(); + }, + + setState: function (ob) { + ob || (ob = {}); + ob.value || (ob.value = []); + if (ob.type === BI.Selection.All) { + this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.All); + } else { + this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.None); + } + }, + + setValue: function (ob) { + this.setState(ob); + this.searcher.setValue(ob); + }, + + getKey: function () { + return this.editor.getValue(); + }, + + setEnable: function(v){ + this.editor.setEnable(v); + }, + + getValue: function () { + return this.searcher.getValue(); + }, + + populate: function (items) { + this.searcher.populate.apply(this.searcher, arguments); + } +}); + +BI.MultiTreeSearcher.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; +BI.MultiTreeSearcher.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiTreeSearcher.EVENT_START = "EVENT_START"; +BI.MultiTreeSearcher.EVENT_STOP = "EVENT_STOP"; +BI.MultiTreeSearcher.EVENT_PAUSE = "EVENT_PAUSE"; +$.shortcut('bi.multi_tree_searcher', BI.MultiTreeSearcher);/** + * Created by zcf on 2016/12/20. + */ +BI.MultiTreeList = BI.inherit(BI.Widget, { + constants: { + offset: { + left: 1, + top: 0, + right: 2, + bottom: 1 + } + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeList.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-tree-combo', + itemsCreator: BI.emptyFn, + height: 25 + }); + }, + + _init: function () { + BI.MultiTreeList.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + var isInit = false; + var want2showCounter = false; + + this.popup = BI.createWidget({ + type: "bi.multi_tree_list_popup", + itemsCreator: o.itemsCreator + }); + + this.popup.on(BI.MultiStringListPopup.EVENT_AFTER_INIT, function () { + self.trigger.getCounter().adjustView(); + isInit = true; + if (want2showCounter === true) { + showCounter(); + } + }); + + this.trigger = BI.createWidget({ + type: "bi.multi_select_trigger", + height: o.height, + adapter: this.popup, + masker: { + offset: this.constants.offset + }, + searcher: { + type: "bi.multi_tree_searcher", + itemsCreator: o.itemsCreator + }, + switcher: { + el: { + type: "bi.multi_tree_check_selected_button" + }, + popup: { + type: "bi.multi_tree_check_pane", + itemsCreator: o.itemsCreator + } + } + }); + + this.storeValue = {value: {}}; + + var isSearching = function () { + return self.trigger.getSearcher().isSearching(); + }; + + this.trigger.on(BI.MultiSelectTrigger.EVENT_START, function () { + self.storeValue = {value: self.popup.getValue()}; + this.setValue(self.storeValue); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_STOP, function () { + self.storeValue = {value: this.getValue()}; + self.trigger.setValue(self.storeValue); + self.popup.setValue(self.storeValue); + BI.nextTick(function () { + self.trigger.populate(); + self.popup.populate(); + }); + }); + function showCounter() { + if (isSearching()) { + self.storeValue = {value: self.trigger.getValue()}; + } else { + self.storeValue = {value: self.popup.getValue()}; + } + self.trigger.setValue(self.storeValue); + } + + this.trigger.on(BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW, function () { + if (want2showCounter === false) { + want2showCounter = true; + } + if (isInit === true) { + want2showCounter = null; + showCounter(); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_CHANGE, function () { + var val = { + type: BI.Selection.Multi, + value: this.getSearcher().hasChecked() ? {1: 1} : {} + }; + this.getSearcher().setState(val); + this.getCounter().setButtonChecked(val); + }); + + this.popup.on(BI.MultiStringListPopup.EVENT_CHANGE, function () { + showCounter(); + var val = { + type: BI.Selection.Multi, + value: this.hasChecked() ? {1: 1} : {} + }; + self.trigger.getSearcher().setState(val); + self.trigger.getCounter().setButtonChecked(val); + self.fireEvent(BI.MultiTreeList.EVENT_CHANGE); + }); + + var div = BI.createWidget({ + type: "bi.layout" + }); + BI.createWidget({ + type: "bi.vtape", + element: this, + height: "100%", + width: "100%", + items: [{ + el: this.trigger, + height: 25 + }, { + el: div, + height: 2 + }, { + el: this.popup, + height: "fill" + }] + }) + }, + + _defaultState: function () { + this.trigger.stopEditing(); + }, + + resize: function () { + this.trigger.getCounter().adjustView(); + this.trigger.getSearcher().adjustView(); + }, + + setEnable: function (v) { + this.trigger.setEnable(v); + this.popup.setEnable(v); + }, + + setValue: function (v) { + this.storeValue.value = v || {}; + this.popup.setValue({ + value: v || {} + }); + this.trigger.setValue({ + value: v || {} + }); + }, + + getValue: function () { + return this.storeValue.value; + }, + + populate: function () { + this.trigger.populate.apply(this.trigger, arguments); + this.popup.populate.apply(this.popup, arguments); + } +}); +BI.MultiTreeList.EVENT_CHANGE = "MultiTreeList.EVENT_CHANGE"; +$.shortcut('bi.multi_tree_list', BI.MultiTreeList);/** + * Created by zcf on 2016/12/21. + */ +BI.MultiStringListPopup=BI.inherit(BI.Widget,{ + _defaultConfig:function () { + return BI.extend(BI.MultiStringListPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-tree-list-popup", + itemsCreator: BI.emptyFn + }); + }, + _init:function () { + BI.MultiStringListPopup.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.popup = BI.createWidget({ + type: "bi.sync_tree", + height: 400, + element: this, + itemsCreator: o.itemsCreator + }); + this.popup.on(BI.TreeView.EVENT_AFTERINIT, function () { + self.fireEvent(BI.MultiStringListPopup.EVENT_AFTER_INIT) + }); + this.popup.on(BI.TreeView.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiStringListPopup.EVENT_CHANGE) + }); + }, + + hasChecked: function () { + return this.popup.hasChecked(); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + setValue: function (v) { + v || (v = {}); + this.popup.setValue(v.value); + }, + + populate: function (config) { + this.popup.stroke(config); + } + +}); +BI.MultiStringListPopup.EVENT_AFTER_INIT="BI.MultiStringListPopup.EVENT_AFTER_INIT"; +BI.MultiStringListPopup.EVENT_CHANGE="BI.MultiStringListPopup.EVENT_CHANGE"; +$.shortcut("bi.multi_tree_list_popup",BI.MultiStringListPopup);//小于号的值为:0,小于等于号的值为:1 +//closeMIn:最小值的符号,closeMax:最大值的符号 +/** + * Created by roy on 15/9/17. + * + */ +BI.NumericalInterval = BI.inherit(BI.Single, { + constants: { + typeError: "typeBubble", + numberError: "numberBubble", + signalError: "signalBubble", + editorWidth: 114, + columns: 5, + width: 30, + rows: 1, + numberErrorCls: "number-error", + border: 1, + less: 0, + less_equal: 1, + numTip: "" + }, + _defaultConfig: function () { + var conf = BI.NumericalInterval.superclass._defaultConfig.apply(this, arguments) + return BI.extend(conf, { + extraCls: "bi-numerical-interval", + height: 25 + + }) + }, + _init: function () { + var self = this, c = this.constants, o = this.options; + BI.NumericalInterval.superclass._init.apply(this, arguments) + this.smallEditor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height - 2, + watermark: BI.i18nText("BI-Unrestricted"), + allowBlank: true, + value: o.min, + level: "warning", + tipType: "warning", + quitChecker: function () { + return false; + }, + validationChecker: function (v) { + if (!BI.isNumeric(v)) { + self.smallEditorBubbleType = c.typeError; + return false; + } + return true; + }, + cls: "numerical-interval-small-editor" + }); + + this.smallTip = BI.createWidget({ + type: "bi.label", + text: o.numTip, + height: o.height - 2, + invisible: true + }); + BI.createWidget({ + type: "bi.absolute", + element: this.smallEditor.element, + items: [{ + el: this.smallTip, + top: 0, + right: 5 + }] + }); + + this.bigEditor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height - 2, + watermark: BI.i18nText("BI-Unrestricted"), + allowBlank: true, + value: o.max, + level: "warning", + tipType: "warning", + quitChecker: function () { + return false; + }, + validationChecker: function (v) { + if (!BI.isNumeric(v)) { + self.bigEditorBubbleType = c.typeError; + return false; + } + return true; + }, + cls: "numerical-interval-big-editor" + }); + + this.bigTip = BI.createWidget({ + type: "bi.label", + text: o.numTip, + height: o.height - 2, + invisible: true + }); + BI.createWidget({ + type: "bi.absolute", + element: this.bigEditor.element, + items: [{ + el: this.bigTip, + top: 0, + right: 5 + }] + }); + + //this.smallCombo = BI.createWidget({ + // type: "bi.numerical_interval_combo", + // cls: "numerical-interval-small-combo", + // height: o.height, + // value: o.closemin ? 1 : 0, + // offsetStyle: "left" + //}); + // + //this.bigCombo = BI.createWidget({ + // type: "bi.numerical_interval_combo", + // cls: "numerical-interval-big-combo", + // height: o.height, + // value: o.closemax ? 1 : 0, + // offsetStyle: "left" + //}); + this.smallCombo = BI.createWidget({ + type: "bi.icon_combo", + cls: "numerical-interval-small-combo", + height: o.height - 2, + items: [{ + text: "(" + BI.i18nText("BI-Less_Than") + ")", + iconClass: "less-font", + value: 0 + }, { + text: "(" + BI.i18nText("BI-Less_And_Equal") + ")", + value: 1, + iconClass: "less-equal-font" + }] + }); + if (o.closemin === true) { + this.smallCombo.setValue(1); + } else { + this.smallCombo.setValue(0); + } + this.bigCombo = BI.createWidget({ + type: "bi.icon_combo", + cls: "numerical-interval-big-combo", + height: o.height - 2, + items: [{ + text: "(" + BI.i18nText("BI-Less_Than") + ")", + iconClass: "less-font", + value: 0 + }, { + text: "(" + BI.i18nText("BI-Less_And_Equal") + ")", + value: 1, + iconClass: "less-equal-font" + }] + }); + if (o.closemax === true) { + this.bigCombo.setValue(1); + } else { + this.bigCombo.setValue(0); + } + this.label = BI.createWidget({ + type: "bi.label", + text: BI.i18nText("BI-Value"), + textHeight: o.height - c.border * 2, + width: c.width - c.border * 2, + height: o.height - c.border * 2, + level: "warning", + tipType: "warning" + }); + this.left = BI.createWidget({ + type: "bi.htape", + items: [{ + el: self.smallEditor + }, { + el: self.smallCombo, + width: c.width - c.border * 2 + }] + + }); + this.right = BI.createWidget({ + type: "bi.htape", + items: [{ + el: self.bigCombo, + width: c.width - c.border * 2 + }, { + el: self.bigEditor + }] + }); + + + BI.createWidget({ + element: self, + type: "bi.center", + hgap: 15, + height: o.height, + items: [ + { + type: "bi.absolute", + items: [{ + el: self.left, + left: -15, + right: 0, + top: 0, + bottom: 0 + }] + }, { + type: "bi.absolute", + items: [{ + el: self.right, + left: 0, + right: -15, + top: 0, + bottom: 0 + }] + } + ] + }); + + BI.createWidget({ + element: self, + type: "bi.horizontal_auto", + items: [ + self.label + ] + }); + + + self._setValidEvent(self.bigEditor, c.bigEditor); + self._setValidEvent(self.smallEditor, c.smallEditor); + self._setErrorEvent(self.bigEditor, c.bigEditor); + self._setErrorEvent(self.smallEditor, c.smallEditor); + self._setBlurEvent(self.bigEditor); + self._setBlurEvent(self.smallEditor); + self._setFocusEvent(self.bigEditor); + self._setFocusEvent(self.smallEditor); + self._setComboValueChangedEvent(self.bigCombo); + self._setComboValueChangedEvent(self.smallCombo); + self._setEditorValueChangedEvent(self.bigEditor); + self._setEditorValueChangedEvent(self.smallEditor); + }, + + _checkValidation: function () { + var self = this, c = this.constants, o = this.options; + self._setTitle(""); + BI.Bubbles.hide(c.typeError); + BI.Bubbles.hide(c.numberError); + BI.Bubbles.hide(c.signalError); + if (!self.smallEditor.isValid() || !self.bigEditor.isValid()) { + self.element.removeClass("number-error"); + o.validation = "invalid"; + return c.typeError; + } else { + if (BI.isEmptyString(self.smallEditor.getValue()) || BI.isEmptyString(self.bigEditor.getValue())) { + self.element.removeClass("number-error"); + o.validation = "valid"; + return ""; + } else { + var smallValue = parseFloat(self.smallEditor.getValue()), bigValue = parseFloat(self.bigEditor.getValue()), + bigComboValue = self.bigCombo.getValue(), smallComboValue = self.smallCombo.getValue(); + if (bigComboValue[0] === c.less_equal && smallComboValue[0] === c.less_equal) { + if (smallValue > bigValue) { + self.element.addClass("number-error"); + o.validation = "invalid"; + return c.numberError; + } else { + self.element.removeClass("number-error"); + o.validation = "valid"; + return ""; + } + } else { + if (smallValue > bigValue) { + self.element.addClass("number-error"); + o.validation = "invalid"; + return c.numberError; + } else if (smallValue === bigValue) { + self.element.addClass("number-error"); + o.validation = "invalid"; + return c.signalError; + } else { + self.element.removeClass("number-error"); + o.validation = "valid"; + return ""; + } + } + } + + } + }, + + _setTitle: function (v) { + var self = this; + self.bigEditor.setTitle(v); + self.smallEditor.setTitle(v); + self.label.setTitle(v); + }, + + _setFocusEvent: function (w) { + var self = this, c = this.constants; + w.on(BI.SignEditor.EVENT_FOCUS, function () { + self._setTitle(""); + switch (self._checkValidation()) { + case c.typeError: + BI.Bubbles.show(c.typeError, BI.i18nText("BI-Numerical_Interval_Input_Data"), self, { + offsetStyle: "center" + }); + break; + case c.numberError: + BI.Bubbles.show(c.numberError, BI.i18nText("BI-Numerical_Interval_Number_Value"), self, { + offsetStyle: "center" + }); + break; + case c.signalError: + BI.Bubbles.show(c.signalError, BI.i18nText("BI-Numerical_Interval_Signal_Value"), self, { + offsetStyle: "center" + }); + break; + default : + return + } + + }) + }, + _setBlurEvent: function (w) { + var c = this.constants, self = this; + w.on(BI.SignEditor.EVENT_BLUR, function () { + BI.Bubbles.hide(c.typeError); + BI.Bubbles.hide(c.numberError); + BI.Bubbles.hide(c.signalError); + switch (self._checkValidation()) { + case c.typeError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Input_Data")); + break; + case c.numberError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Number_Value")); + break; + case c.signalError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Signal_Value")); + break; + default: + self._setTitle(""); + } + }) + }, + + _setErrorEvent: function (w) { + var c = this.constants, self = this + w.on(BI.SignEditor.EVENT_ERROR, function () { + self._checkValidation(); + BI.Bubbles.show(c.typeError, BI.i18nText("BI-Numerical_Interval_Input_Data"), self, { + offsetStyle: "center" + }); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + }) + }, + + + _setValidEvent: function (w) { + var self = this, c = this.constants; + w.on(BI.SignEditor.EVENT_VALID, function () { + switch (self._checkValidation()) { + case c.numberError: + BI.Bubbles.show(c.numberError, BI.i18nText("BI-Numerical_Interval_Number_Value"), self, { + offsetStyle: "center" + }); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + break; + case c.signalError: + BI.Bubbles.show(c.signalError, BI.i18nText("BI-Numerical_Interval_Signal_Value"), self, { + offsetStyle: "center" + }); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + break; + default: + self.fireEvent(BI.NumericalInterval.EVENT_VALID); + } + }) + }, + + + _setEditorValueChangedEvent: function (w) { + var self = this, c = this.constants; + w.on(BI.SignEditor.EVENT_CHANGE, function () { + switch (self._checkValidation()) { + case c.typeError: + BI.Bubbles.show(c.typeError, BI.i18nText("BI-Numerical_Interval_Input_Data"), self, { + offsetStyle: "center" + }); + break; + case c.numberError: + BI.Bubbles.show(c.numberError, BI.i18nText("BI-Numerical_Interval_Number_Value"), self, { + offsetStyle: "center" + }); + break; + case c.signalError: + BI.Bubbles.show(c.signalError, BI.i18nText("BI-Numerical_Interval_Signal_Value"), self, { + offsetStyle: "center" + }); + break; + default : + break; + } + self.fireEvent(BI.NumericalInterval.EVENT_CHANGE); + }); + }, + + _setComboValueChangedEvent: function (w) { + var self = this, c = this.constants; + w.on(BI.IconCombo.EVENT_CHANGE, function () { + switch (self._checkValidation()) { + case c.typeError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Input_Data")); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + break; + case c.numberError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Number_Value")); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + break; + case c.signalError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Signal_Value")); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + break; + default : + self.fireEvent(BI.NumericalInterval.EVENT_CHANGE); + self.fireEvent(BI.NumericalInterval.EVENT_VALID); + } + }) + }, + + + isValid: function () { + return this.options.validation === "valid"; + }, + + setEnable: function (b) { + this.smallEditor.setEnable(b); + this.smallCombo.setEnable(b); + this.bigEditor.setEnable(b); + this.bigCombo.setEnable(b); + }, + + setMinEnable: function (b) { + this.smallEditor.setEnable(b); + }, + + setCloseMinEnable: function (b) { + this.smallCombo.setEnable(b); + }, + + setMaxEnable: function (b) { + this.bigEditor.setEnable(b); + }, + + setCloseMaxEnable: function (b) { + this.bigCombo.setEnable(b); + }, + + showNumTip: function () { + this.smallTip.setVisible(true); + this.bigTip.setVisible(true); + }, + + hideNumTip: function () { + this.smallTip.setVisible(false); + this.bigTip.setVisible(false); + }, + + setNumTip: function(numTip) { + this.smallTip.setText(numTip); + this.bigTip.setText(numTip); + }, + + getNumTip: function() { + return this.smallTip.getText(); + }, + + setValue: function (data) { + data = data || {}; + var self = this, combo_value; + if (BI.isNumeric(data.min) || BI.isEmptyString(data.min)) { + self.smallEditor.setValue(data.min); + } + + if (!BI.isNotNull(data.min)) { + self.smallEditor.setValue(""); + } + + if (BI.isNumeric(data.max) || BI.isEmptyString(data.max)) { + self.bigEditor.setValue(data.max); + } + + if (!BI.isNotNull(data.max)) { + self.bigEditor.setValue(""); + } + + if (!BI.isNull(data.closemin)) { + if (data.closemin === true) { + combo_value = 1 + } else { + combo_value = 0 + } + self.smallCombo.setValue(combo_value); + } + + if (!BI.isNull(data.closemax)) { + if (data.closemax === true) { + combo_value = 1 + } else { + combo_value = 0 + } + self.bigCombo.setValue(combo_value); + } + }, + + + getValue: function () { + var self = this, value = {}, minComboValue = self.smallCombo.getValue(), maxComboValue = self.bigCombo.getValue(); + value.min = self.smallEditor.getValue(); + value.max = self.bigEditor.getValue(); + if (minComboValue[0] === 0) { + value.closemin = false + } else { + value.closemin = true + } + + if (maxComboValue[0] === 0) { + value.closemax = false + } else { + value.closemax = true + } + return value; + } +}); +BI.NumericalInterval.EVENT_CHANGE = "EVENT_CHANGE"; +BI.NumericalInterval.EVENT_VALID = "EVENT_VALID"; +BI.NumericalInterval.EVENT_ERROR = "EVENT_ERROR"; +$.shortcut("bi.numerical_interval", BI.NumericalInterval);/** + * + * 表格 + * + * Created by GUY on 2015/9/22. + * @class BI.PageTableCell + * @extends BI.Single + */ +BI.PageTableCell = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.PageTableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-page-table-cell", + text: "", + title: "" + }) + }, + + _init: function () { + BI.PageTableCell.superclass._init.apply(this, arguments); + var label = BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "nowrap", + height: this.options.height, + text: this.options.text, + title: this.options.title, + value: this.options.value, + lgap: 5, + rgap: 5 + }); + + if (BI.isNotNull(this.options.styles) && BI.isObject(this.options.styles)) { + this.element.css(this.options.styles); + } + } +}); + +$.shortcut("bi.page_table_cell", BI.PageTableCell);/** + * 分页表格 + * + * Created by GUY on 2016/2/15. + * @class BI.PageTable + * @extends BI.Widget + */ +BI.PageTable = BI.inherit(BI.Widget, { + + _const: { + scrollWidth: 18, + minScrollWidth: 100 + }, + + _defaultConfig: function () { + return BI.extend(BI.PageTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-page-table", + el: { + type: "bi.sequence_table" + }, + pager: { + horizontal: { + pages: false, //总页数 + curr: 1, //初始化当前页, pages为数字时可用 + + hasPrev: BI.emptyFn, + hasNext: BI.emptyFn, + firstPage: 1, + lastPage: BI.emptyFn + }, + vertical: { + pages: false, //总页数 + curr: 1, //初始化当前页, pages为数字时可用 + + hasPrev: BI.emptyFn, + hasNext: BI.emptyFn, + firstPage: 1, + lastPage: BI.emptyFn + } + }, + + itemsCreator: BI.emptyFn, + + isNeedFreeze: false,//是否需要冻结单元格 + freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为true时生效 + + isNeedMerge: false,//是否需要合并单元格 + mergeCols: [], //合并的单元格列号 + mergeRule: BI.emptyFn, + + columnSize: [], + minColumnSize: [], + maxColumnSize: [], + headerRowSize: 25, + rowSize: 25, + + regionColumnSize: [], + + headerCellStyleGetter: BI.emptyFn, + summaryCellStyleGetter: BI.emptyFn, + sequenceCellStyleGetter: BI.emptyFn, + + header: [], + items: [], //二维数组 + + //交叉表头 + crossHeader: [], + crossItems: [] + }); + }, + + _init: function () { + BI.PageTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.hCurr = 1; + this.vCurr = 1; + + this.table = BI.createWidget(o.el, { + type: "bi.sequence_table", + width: o.width, + height: o.height - 30, + + isNeedResize: true, + isResizeAdapt: false, + + isNeedFreeze: o.isNeedFreeze, + freezeCols: o.freezeCols, + + isNeedMerge: o.isNeedMerge, + mergeCols: o.mergeCols, + mergeRule: o.mergeRule, + + columnSize: o.columnSize, + minColumnSize: o.minColumnSize, + maxColumnSize: o.maxColumnSize, + headerRowSize: o.headerRowSize, + rowSize: o.rowSize, + + regionColumnSize: o.regionColumnSize, + + headerCellStyleGetter: o.headerCellStyleGetter, + summaryCellStyleGetter: o.summaryCellStyleGetter, + sequenceCellStyleGetter: o.sequenceCellStyleGetter, + + header: o.header, + items: o.items, + //交叉表头 + crossHeader: o.crossHeader, + crossItems: o.crossItems + }); + + this.table.on(BI.Table.EVENT_TABLE_SCROLL, function () { + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { + o.regionColumnSize = this.getRegionColumnSize(); + o.columnSize = this.getColumnSize(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { + o.regionColumnSize = this.getRegionColumnSize(); + o.columnSize = this.getColumnSize(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); + }); + + this.pager = BI.createWidget(o.pager, { + type: "bi.direction_pager", + height: 30 + }); + this.pager.on(BI.Pager.EVENT_CHANGE, function () { + var vpage = this.getVPage && this.getVPage(); + if (BI.isNull(vpage)) { + vpage = this.getCurrentPage(); + } + var hpage = this.getHPage && this.getHPage(); + o.itemsCreator({ + vpage: vpage, + hpage: hpage + }, function (items, header, crossItems, crossHeader) { + self.table.setVPage ? self.table.setVPage(vpage) : self.table.setCurrentPage(vpage); + self.table.setHPage && self.table.setHPage(hpage); + self.populate.apply(self, arguments); + }); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.table, + left: 0, + top: 0 + }, { + el: this.pager, + left: 0, + right: 0, + bottom: 0 + }] + }) + }, + + setHPage: function (v) { + this.hCurr = v; + this.pager.setHPage && this.pager.setHPage(v); + this.table.setHPage && this.table.setHPage(v); + }, + + setVPage: function (v) { + this.vCurr = v; + this.pager.setVPage && this.pager.setVPage(v); + this.table.setVPage && this.table.setVPage(v); + }, + + getHPage: function () { + var hpage = this.pager.getHPage && this.pager.getHPage(); + if (BI.isNotNull(hpage)) { + return hpage; + } + hpage = this.pager.getCurrentPage && this.pager.getCurrentPage(); + if (BI.isNotNull(hpage)) { + return hpage; + } + return this.hpage; + }, + + getVPage: function () { + var vpage = this.pager.getVPage && this.pager.getVPage(); + if (BI.isNotNull(vpage)) { + return vpage; + } + vpage = this.pager.getCurrentPage && this.pager.getCurrentPage(); + if (BI.isNotNull(vpage)) { + return vpage; + } + return this.vpage; + }, + + setWidth: function (width) { + BI.PageTable.superclass.setWidth.apply(this, arguments); + this.table.setWidth(width); + }, + + setHeight: function (height) { + BI.PageTable.superclass.setHeight.apply(this, arguments); + this.table.setHeight(height - 30); + }, + + setColumnSize: function (columnSize) { + this.options.columnSize = columnSize; + this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + setRegionColumnSize: function (columnSize) { + this.options.columnSize = columnSize; + this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + restore: function () { + this.table.restore(); + }, + + attr: function () { + BI.PageTable.superclass.attr.apply(this, arguments); + this.table.attr.apply(this.table, arguments); + }, + + populate: function () { + this.pager.populate(); + this.table.populate.apply(this.table, arguments); + }, + + destroy: function () { + this.table.destroy(); + this.pager && this.pager.destroy(); + BI.PageTable.superclass.destroy.apply(this, arguments); + } +}); +$.shortcut('bi.page_table', BI.PageTable);/** + * @class BI.DateParamCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.DateParamCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.DateParamCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-date-param-combo", + width: 130, + height: 30 + }) + }, + + _init: function () { + BI.DateParamCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + cls: "param-trigger", + height: o.height - 2 + }); + this.popup = BI.createWidget({ + type: "bi.date_param_popup_view", + maxHeight: 300 + }); + + this.popup.on(BI.ParamPopupView.EVENT_CONFIRM, function(){ + self.DateParamCombo.hideView(); + }); + + this.DateParamCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: this.popup + }); + + this.DateParamCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.DateParamCombo.EVENT_CONFIRM); + }); + + this.DateParamCombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.setValue(self.getValue()); + }); + }, + + _getShowTextByValue: function(v){ + v = v || {}; + var value = v.value; + var midText = (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + (value.soffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + value.svalue; + switch (v.type) { + case BICst.YEAR: + return value.fvalue + BI.i18nText("BI-Year") + + (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Year_Fen"); + case BICst.YEAR_QUARTER: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Quarter_De"); + case BICst.YEAR_MONTH: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Month_De"); + case BICst.YEAR_WEEK: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Week_De"); + case BICst.YEAR_DAY: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Day_De"); + case BICst.MONTH_WEEK: + return value.fvalue + BI.i18nText("BI-Basic_Month") + midText + BI.i18nText("BI-Week_De"); + case BICst.MONTH_DAY: + return value.fvalue + BI.i18nText("BI-Basic_Month") + midText + BI.i18nText("BI-Day_De"); + } + }, + + setValue: function (v) { + this.DateParamCombo.setValue(v); + this.trigger.setValue(this._getShowTextByValue(v)); + }, + + setEnable: function (v) { + BI.DateParamCombo.superclass.setEnable.apply(this, arguments); + this.DateParamCombo.setEnable(v); + }, + + getValue: function () { + return this.DateParamCombo.getValue(); + }, + + getCalculationValue: function(){ + return this.popup.getCalculationValue(); + } +}); +BI.DateParamCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.date_param_combo", BI.DateParamCombo);/** + * 普通控件 + * + * @class BI.DateParamPopupView + * @extends BI.ParamPopupView + */ +BI.DateParamPopupView = BI.inherit(BI.ParamPopupView, { + + _defaultConfig: function () { + return BI.extend(BI.DateParamPopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-date-param-popup' + }); + }, + + _init: function () { + BI.DateParamPopupView.superclass._init.apply(this, arguments); + }, + + dateConfig: function () { + return [{ + type: "bi.param3_date_item", + value: BICst.YEAR, + selected: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.YEAR_QUARTER, + disabled: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.YEAR_MONTH, + disabled: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.YEAR_WEEK, + disabled: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.YEAR_DAY, + disabled: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.MONTH_WEEK, + disabled: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.MONTH_DAY, + disabled: true + }] + } +}); +BI.DateParamPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.date_param_popup_view', BI.DateParamPopupView);/** + * @class BI.DateIntervalParamCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.DateIntervalParamCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.DateIntervalParamCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-date-interval-param-combo", + width: 130, + height: 30 + }) + }, + + _init: function () { + BI.DateIntervalParamCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + cls: "param-trigger", + height: o.height - 2 + }); + this.popup = BI.createWidget({ + type: "bi.date_interval_param_popup_view", + maxHeight: 300 + }); + + this.popup.on(BI.ParamPopupView.EVENT_CONFIRM, function(){ + self.DateIntervalParamCombo.hideView(); + }); + + this.DateIntervalParamCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: this.popup + }); + + this.DateIntervalParamCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.DateIntervalParamCombo.EVENT_CONFIRM); + }); + + this.DateIntervalParamCombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.setValue(self.getValue()); + }); + }, + + _getShowTextByValue: function(v){ + v = v || {}; + var value = v.value; + var midText = (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + (value.soffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + value.svalue; + switch (v.type) { + case BICst.YEAR: + return value.fvalue + BI.i18nText("BI-Year") + + (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Year_Fen"); + case BICst.YEAR_QUARTER: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Basic_Quarter"); + case BICst.YEAR_MONTH: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Month_Fen"); + case BICst.YEAR_WEEK: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Week"); + case BICst.YEAR_DAY: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Day_De"); + case BICst.MONTH_WEEK: + return value.fvalue + BI.i18nText("BI-Basic_Month") + midText + BI.i18nText("BI-Week"); + case BICst.MONTH_DAY: + return value.fvalue + BI.i18nText("BI-Basic_Month") + midText + BI.i18nText("BI-Day_De"); + } + }, + + setValue: function (v) { + this.DateIntervalParamCombo.setValue(v); + this.trigger.setValue(this._getShowTextByValue(v)); + }, + + setEnable: function (v) { + BI.DateIntervalParamCombo.superclass.setEnable.apply(this, arguments); + this.DateIntervalParamCombo.setEnable(v); + }, + + getValue: function () { + return this.DateIntervalParamCombo.getValue(); + }, + + getCalculationValue: function(){ + return this.popup.getCalculationValue(); + } +}); +BI.DateIntervalParamCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.date_interval_param_combo", BI.DateIntervalParamCombo);/** + * 普通控件 + * + * @class BI.DateIntervalParamPopupView + * @extends BI.ParamPopupView + */ +BI.DateIntervalParamPopupView = BI.inherit(BI.ParamPopupView, { + + _defaultConfig: function () { + return BI.extend(BI.DateIntervalParamPopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-date-interval-param-popup' + }); + }, + + _init: function () { + BI.DateIntervalParamPopupView.superclass._init.apply(this, arguments); + }, + + dateConfig: function () { + return [{ + type: "bi.param0_date_item", + value: BICst.YEAR, + selected: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.YEAR_QUARTER, + disabled: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.YEAR_MONTH, + disabled: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.YEAR_WEEK, + disabled: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.YEAR_DAY, + disabled: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.MONTH_WEEK, + disabled: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.MONTH_DAY, + disabled: true + }] + } +}); +BI.DateIntervalParamPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.date_interval_param_popup_view', BI.DateIntervalParamPopupView);/** + * 普通控件 + * + * @class BI.Param0DateItem + * @extends BI.Single + */ +BI.Param0DateItem = BI.inherit(BI.Single, { + constants: { + itemHeight: 20, + itemWidth: 20, + textWidth: 40, + comboWidth: 45 + }, + + _defaultConfig: function () { + return BI.extend(BI.Param0DateItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-param0-date-item', + width: 310, + height: 20, + selected: false, + defaultEditorValue: "0" + }); + }, + + _init: function () { + BI.Param0DateItem.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: opts.selected + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.firstEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.firstCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + + this.firstCombo.setValue(0); + + BI.createWidget({ + type: 'bi.inline', + element: this, + items: [{ + type: "bi.center_adapt", + items: [this.radio], + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstEditor, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Year"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstCombo, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Basic_De"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, { + type: "bi.label", + textAlign: "left", + cls: 'param-label', + text: BI.i18nText("BI-Year_Fen"), + height: this.constants.itemHeight, + lgap: 5 + }] + }); + }, + + _assertValue: function(v){ + var o = this.options; + v = v || {}; + v.fvalue = v.fvalue || o.defaultEditorValue; + v.foffset = v.foffset || 0; + return v; + }, + + setSelected: function (v) { + this.radio.setSelected(!!v); + }, + + isSelected: function () { + return this.radio.isSelected(); + }, + + getInputValue: function () { + return { + fvalue: this.firstEditor.getValue() || 0, + foffset: this.firstCombo.getValue()[0] + }; + }, + + setInputValue: function (v) { + v = this._assertValue(v); + this.firstEditor.setValue(v.fvalue); + this.firstCombo.setValue([v.foffset]); + }, + + getValue: function(){ + return BICst.YEAR; + }, + + setEnable: function (b) { + this.firstEditor.setEnable(!!b); + this.firstCombo.setEnable(!!b); + } +}); + +BI.Param0DateItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.param0_date_item', BI.Param0DateItem);/** + * 普通控件 + * + * @class BI.Param1DateItem + * @extends BI.Single + */ +BI.Param1DateItem = BI.inherit(BI.Single, { + constants: { + itemHeight: 20, + itemWidth: 20, + textWidth: 40, + comboWidth: 45 + }, + + _defaultConfig: function () { + return BI.extend(BI.Param1DateItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-param1-date-item', + value: BI.Param1DateItem.YEAR_DAY, + width: 310, + height: 20, + selected: false, + defaultEditorValue: "0" + }); + }, + + _init: function () { + BI.Param1DateItem.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: opts.selected + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.firstEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.secondEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.secondEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + this.secondCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + this.firstCombo.setValue(0); + this.secondCombo.setValue(0); + var textJson = this._getTextByDateType(); + + BI.createWidget({ + type: 'bi.inline', + element: this, + items: [{ + type: "bi.center_adapt", + items: [this.radio], + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstEditor, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: textJson.ftext, + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstCombo, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Basic_De"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, { + el: this.secondCombo, + rgap: 5 + }, this.secondEditor, { + type: "bi.label", + textAlign: "left", + cls: 'param-label', + text: textJson.stext, + height: this.constants.itemHeight, + lgap: 5 + }] + }); + }, + + _getTextByDateType: function(){ + switch (this.options.value) { + case BI.Param1DateItem.MONTH_WEEK: + return {ftext: BI.i18nText("BI-Basic_Month"), stext: BI.i18nText("BI-Week_De")}; + case BI.Param1DateItem.MONTH_DAY: + return {ftext: BI.i18nText("BI-Basic_Month"), stext: BI.i18nText("BI-Day_De")}; + case BI.Param1DateItem.YEAR_MONTH: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Month_De")}; + case BI.Param1DateItem.YEAR_DAY: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Day_De")}; + case BI.Param1DateItem.YEAR_QUARTER: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Quarter_De")}; + case BI.Param1DateItem.YEAR_WEEK: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Week_De")}; + } + }, + + _assertValue: function(v){ + var o = this.options; + v = v || {}; + v.fvalue = v.fvalue || o.defaultEditorValue; + v.foffset = v.foffset || 0; + v.svalue = v.svalue || o.defaultEditorValue; + v.soffset = v.soffset || 0; + return v; + }, + + setSelected: function (v) { + this.radio.setSelected(!!v); + }, + + isSelected: function () { + return this.radio.isSelected(); + }, + + getValue: function () { + return this.options.value; + }, + + getInputValue: function(){ + return { + fvalue: this.firstEditor.getValue() || 0, + foffset: this.firstCombo.getValue()[0], + svalue: this.secondEditor.getValue() || 0, + soffset: this.secondCombo.getValue()[0] + }; + }, + + setInputValue: function (v) { + v = this._assertValue(v); + this.firstEditor.setValue(v.fvalue); + this.firstCombo.setValue([v.foffset]); + this.secondEditor.setValue(v.svalue); + this.secondCombo.setValue([v.soffset]); + }, + + setEnable: function (b) { + this.firstEditor.setEnable(!!b); + this.secondEditor.setEnable(!!b); + this.firstCombo.setEnable(!!b); + this.secondCombo.setEnable(!!b); + } +}); + +BI.Param1DateItem.EVENT_CHANGE = "EVENT_CHANGE"; +BI.extend(BI.Param1DateItem , { + YEAR_QUARTER: BICst.YEAR_QUARTER, + YEAR_MONTH: BICst.YEAR_MONTH, + YEAR_WEEK: BICst.YEAR_WEEK, + YEAR_DAY: BICst.YEAR_DAY, + MONTH_WEEK: BICst.MONTH_WEEK, + MONTH_DAY: BICst.MONTH_DAY +}); +$.shortcut('bi.param1_date_item', BI.Param1DateItem);/** + * 普通控件 + * + * @class BI.Param2DateItem + * @extends BI.Single + */ +BI.Param2DateItem = BI.inherit(BI.Single, { + constants: { + itemHeight: 20, + itemWidth: 20, + textWidth: 40, + comboWidth: 45 + }, + + _defaultConfig: function () { + return BI.extend(BI.Param2DateItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-param2-date-item', + value: BI.Param2DateItem.YEAR_DAY, + width: 310, + height: 20, + selected: false, + defaultEditorValue: "0" + }); + }, + + _init: function () { + BI.Param2DateItem.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: opts.selected + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.firstEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.secondEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.secondEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + this.secondCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + this.firstCombo.setValue(0); + this.secondCombo.setValue(0); + var textJson = this._getTextByDateType(); + + BI.createWidget({ + type: 'bi.inline', + element: this, + items: [{ + type: "bi.center_adapt", + items: [this.radio], + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstEditor, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: textJson.ftext, + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstCombo, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Basic_De"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, { + el: this.secondCombo, + rgap: 5 + }, this.secondEditor, { + type: "bi.label", + textAlign: "left", + cls: 'param-label', + text: textJson.stext, + height: this.constants.itemHeight, + lgap: 5 + }] + }); + }, + + _getTextByDateType: function(){ + switch (this.options.value) { + case BI.Param2DateItem.MONTH_WEEK: + return {ftext: BI.i18nText("BI-Basic_Month"), stext: BI.i18nText("BI-Week_Of_Week")}; + case BI.Param2DateItem.MONTH_DAY: + return {ftext: BI.i18nText("BI-Basic_Month"), stext: BI.i18nText("BI-Day_De")}; + case BI.Param2DateItem.YEAR_MONTH: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Month_De_Month")}; + case BI.Param2DateItem.YEAR_DAY: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Day_De")}; + case BI.Param2DateItem.YEAR_QUARTER: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Quarter_Of_Quarter")}; + case BI.Param2DateItem.YEAR_WEEK: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Week_Of_Week")}; + } + }, + + _assertValue: function(v){ + var o = this.options; + v = v || {}; + v.fvalue = v.fvalue || o.defaultEditorValue; + v.foffset = v.foffset || 0; + v.svalue = v.svalue || o.defaultEditorValue; + v.soffset = v.soffset || 0; + return v; + }, + + setSelected: function (v) { + this.radio.setSelected(!!v); + }, + + isSelected: function () { + return this.radio.isSelected(); + }, + + getValue: function () { + return this.options.value; + }, + + getInputValue: function(){ + return { + fvalue: this.firstEditor.getValue() || 0, + foffset: this.firstCombo.getValue()[0], + svalue: this.secondEditor.getValue() || 0, + soffset: this.secondCombo.getValue()[0] + }; + }, + + setInputValue: function (v) { + v = this._assertValue(v); + this.firstEditor.setValue(v.fvalue); + this.firstCombo.setValue([v.foffset]); + this.secondEditor.setValue(v.svalue); + this.secondCombo.setValue([v.soffset]); + }, + + setEnable: function (b) { + this.firstEditor.setEnable(!!b); + this.secondEditor.setEnable(!!b); + this.firstCombo.setEnable(!!b); + this.secondCombo.setEnable(!!b); + } +}); + +BI.Param2DateItem.EVENT_CHANGE = "EVENT_CHANGE"; +BI.extend(BI.Param2DateItem , { + YEAR_QUARTER: BICst.YEAR_QUARTER, + YEAR_MONTH: BICst.YEAR_MONTH, + YEAR_WEEK: BICst.YEAR_WEEK, + YEAR_DAY: BICst.YEAR_DAY, + MONTH_WEEK: BICst.MONTH_WEEK, + MONTH_DAY: BICst.MONTH_DAY +}); +$.shortcut('bi.param2_date_item', BI.Param2DateItem);/** + * 普通控件 + * + * @class BI.Param3DateItem + * @extends BI.Single + */ +BI.Param3DateItem = BI.inherit(BI.Single, { + constants: { + itemHeight: 20, + itemWidth: 20, + textWidth: 40, + comboWidth: 45 + }, + + _defaultConfig: function () { + return BI.extend(BI.Param3DateItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-param3-date-item', + width: 310, + height: 20, + selected: false, + defaultEditorValue: "0" + }); + }, + + _init: function () { + BI.Param3DateItem.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: opts.selected + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.firstEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.firstCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + + this.firstCombo.setValue(0); + + BI.createWidget({ + type: 'bi.inline', + element: this, + items: [{ + type: "bi.center_adapt", + items: [this.radio], + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstEditor, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Year"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstCombo, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Basic_De"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, { + type: "bi.label", + textAlign: "left", + cls: 'param-label', + text: BI.i18nText("BI-Multi_Date_Year_Begin"), + height: this.constants.itemHeight, + lgap: 5 + }] + }); + }, + + _assertValue: function(v){ + var o = this.options; + v = v || {}; + v.fvalue = v.fvalue || o.defaultEditorValue; + v.foffset = v.foffset || 0; + return v; + }, + + setSelected: function (v) { + this.radio.setSelected(!!v); + }, + + isSelected: function () { + return this.radio.isSelected(); + }, + + getInputValue: function () { + return { + fvalue: this.firstEditor.getValue() || 0, + foffset: this.firstCombo.getValue()[0] + }; + }, + + setInputValue: function (v) { + v = this._assertValue(v); + this.firstEditor.setValue(v.fvalue); + this.firstCombo.setValue([v.foffset]); + }, + + getValue: function(){ + return BICst.YEAR; + }, + + setEnable: function (b) { + this.firstEditor.setEnable(!!b); + this.firstCombo.setEnable(!!b); + } +}); + +BI.Param3DateItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.param3_date_item', BI.Param3DateItem);/** + * @class BI.RangeValueCombo + * @extend BI.Widget + */ +BI.RangeValueCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.RangeValueCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-range-value-combo", + width: 100, + height: 30 + }) + }, + + _init: function () { + BI.RangeValueCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.dateRangeCombo = BI.createWidget({ + type: "bi.text_value_combo", + height: o.height, + width: o.width, + items: BICst.Date_Range_FILTER_COMBO + }); + this.dateRangeCombo.on(BI.TextValueCombo.EVENT_CHANGE, function(){ + self.fireEvent(BI.RangeValueCombo.EVENT_CHANGE); + }); + + BI.createWidget({ + type: "bi.default", + element: this, + items: [this.dateRangeCombo] + }); + }, + + setValue: function (v) { + v = v || {}; + this.dateRangeCombo.setValue(v.type); + }, + + getValue: function () { + return { + type: this.dateRangeCombo.getValue()[0] + }; + } +}); +BI.RangeValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.range_value_combo", BI.RangeValueCombo);/** + * @class BI.YearParamCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.YearParamCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearParamCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-param-combo", + width: 130, + height: 30 + }) + }, + + _init: function () { + BI.YearParamCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + cls: "param-trigger", + height: o.height - 2 + }); + + this.popup = BI.createWidget({ + type: 'bi.multi_popup_view', + el: { + type: "bi.button_tree", + chooseType: BI.Selection.None, + items: [{ + type: "bi.year_param_item" + }], + layouts: [{ + type: "bi.vertical", + vgap: 5, + hgap: 5 + }] + }, + minWidth: 310, + maxHeight: 300, + stopPropagation: false + }); + + this.popup.on(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, function () { + self.YearParamCombo.hideView(); + }); + + this.YearParamCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: this.popup + }); + + this.YearParamCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.YearParamCombo.EVENT_CONFIRM); + }); + + this.YearParamCombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.setValue(self.getValue()); + }); + }, + + _getShowTextByValue: function(v){ + v = v || {}; + return v.fvalue + BI.i18nText("BI-Year") + + (v.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Year_Fen"); + }, + + getCalculationValue: function () { + var value = this.YearParamCombo.getValue()[0]; + var fPrevOrAfter = value.foffset === 0 ? -1 : 1; + var start = new Date((new Date().getFullYear() + fPrevOrAfter * value.fvalue), 0, 1); + var end = new Date(start.getFullYear(), 11, 31); + return { + start: start, + end: end + }; + }, + + setValue: function (v) { + v = v || {}; + this.YearParamCombo.setValue(v.value); + this.trigger.setValue(this._getShowTextByValue(v.value)); + }, + + getValue: function () { + return { + type: BICst.YEAR, + value: this.YearParamCombo.getValue()[0] + } + } + +}); +BI.YearParamCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.year_param_combo", BI.YearParamCombo);/** + * 普通控件 + * + * @class BI.YearParamItem + * @extends BI.Single + */ +BI.YearParamItem = BI.inherit(BI.Single, { + constants: { + itemHeight: 20, + itemWidth: 20, + textWidth: 40, + comboWidth: 45 + }, + + _defaultConfig: function () { + return BI.extend(BI.YearParamItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-year-param-item', + width: 310, + height: 20, + defaultEditorValue: "0" + }); + }, + + _init: function () { + BI.YearParamItem.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + + this.firstEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.firstEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.firstCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + + this.firstCombo.setValue(0); + + BI.createWidget({ + type: 'bi.inline', + element: this, + items: [this.firstEditor, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Year"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstCombo, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Basic_De"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, { + type: "bi.label", + textAlign: "left", + cls: 'param-label', + text: BI.i18nText("BI-Year_Fen"), + height: this.constants.itemHeight, + lgap: 5 + }] + }); + }, + + _assertValue: function(v){ + var o = this.options; + if(BI.isArray(v)){ + v = v[0]; + } + v = v || {}; + v.fvalue = v.fvalue || o.defaultEditorValue; + v.foffset = v.foffset || 0; + return v; + }, + + setValue: function (v) { + v = this._assertValue(v); + this.firstEditor.setValue(v.fvalue); + this.firstCombo.setValue([v.foffset]); + }, + + getValue: function(){ + return { + fvalue: this.firstEditor.getValue() || 0, + foffset: this.firstCombo.getValue()[0] + }; + } +}); + +BI.YearParamItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.year_param_item', BI.YearParamItem);/** + * @class BI.YearMonthParamCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.YearMonthParamCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearMonthParamCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-month-param-combo", + width: 130, + height: 30 + }) + }, + + _init: function () { + BI.YearMonthParamCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + cls: "param-trigger", + height: o.height - 2 + }); + this.popup = BI.createWidget({ + type: "bi.year_month_param_popup_view", + maxHeight: 300 + }); + + this.popup.on(BI.ParamPopupView.EVENT_CONFIRM, function(){ + self.YearMonthParamCombo.hideView(); + }); + + this.YearMonthParamCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: this.popup + }); + + this.YearMonthParamCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.YearMonthParamCombo.EVENT_CONFIRM); + }); + + this.YearMonthParamCombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.setValue(self.getValue()); + }); + + }, + + _getShowTextByValue: function(v){ + v = v || {}; + var value = v.value; + var midText = (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + (value.soffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + value.svalue; + switch (v.type) { + case BICst.YEAR: + return value.fvalue + BI.i18nText("BI-Year") + + (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Year_Fen"); + case BICst.YEAR_MONTH: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Month_De"); + } + }, + + setValue: function (v) { + this.YearMonthParamCombo.setValue(v); + this.trigger.setValue(this._getShowTextByValue(v)); + }, + + setEnable: function (v) { + BI.YearMonthParamCombo.superclass.setEnable.apply(this, arguments); + this.YearMonthParamCombo.setEnable(v); + }, + + getValue: function () { + return this.YearMonthParamCombo.getValue(); + }, + + getCalculationValue: function(){ + return this.popup.getCalculationValue(); + } +}); +BI.YearMonthParamCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.year_month_param_combo", BI.YearMonthParamCombo);/** + * 普通控件 + * + * @class BI.YearMonthParamPopupView + * @extends BI.ParamPopupView + */ +BI.YearMonthParamPopupView = BI.inherit(BI.ParamPopupView, { + + _defaultConfig: function () { + return BI.extend(BI.YearMonthParamPopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-year-month-param-popup' + }); + }, + + _init: function () { + BI.YearMonthParamPopupView.superclass._init.apply(this, arguments); + }, + + dateConfig: function () { + return [{ + type: "bi.param0_date_item", + selected: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.YEAR_MONTH, + disabled: true + }] + } +}); +BI.YearMonthParamPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.year_month_param_popup_view', BI.YearMonthParamPopupView);/** + * @class BI.YearSeasonParamCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.YearSeasonParamCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearSeasonParamCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-season-param-combo", + width: 130, + height: 30 + }) + }, + + _init: function () { + BI.YearSeasonParamCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + cls: "param-trigger", + height: o.height - 2 + }); + this.popup = BI.createWidget({ + type: "bi.year_season_param_popup_view", + maxHeight: 300 + }); + + this.popup.on(BI.ParamPopupView.EVENT_CONFIRM, function(){ + self.YearSeasonParamCombo.hideView(); + }); + + this.YearSeasonParamCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: this.popup + }); + + this.YearSeasonParamCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.YearSeasonParamCombo.EVENT_CONFIRM); + }); + + this.YearSeasonParamCombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.setValue(self.getValue()); + }); + + }, + + _getShowTextByValue: function(v){ + v = v || {}; + var value = v.value; + var midText = (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + (value.soffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + value.svalue; + switch (v.type) { + case BICst.YEAR: + return value.fvalue + BI.i18nText("BI-Year") + + (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Year_Fen"); + case BICst.YEAR_QUARTER: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Quarter_De"); + } + }, + + setValue: function (v) { + this.YearSeasonParamCombo.setValue(v); + this.trigger.setValue(this._getShowTextByValue(v)); + }, + + setEnable: function (v) { + BI.YearSeasonParamCombo.superclass.setEnable.apply(this, arguments); + this.YearSeasonParamCombo.setEnable(v); + }, + + getValue: function () { + return this.YearSeasonParamCombo.getValue(); + //return BI.extend(this.popup.getCalculationValue(), this.YearSeasonParamCombo.getValue()); + }, + + getCalculationValue: function(){ + return this.popup.getCalculationValue(); + } +}); +BI.YearSeasonParamCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.year_season_param_combo", BI.YearSeasonParamCombo);/** + * 普通控件 + * + * @class BI.YearSeasonParamPopupView + * @extends BI.ParamPopupView + */ +BI.YearSeasonParamPopupView = BI.inherit(BI.ParamPopupView, { + + _defaultConfig: function () { + return BI.extend(BI.YearSeasonParamPopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-year-season-param-popup' + }); + }, + + _init: function () { + BI.YearSeasonParamPopupView.superclass._init.apply(this, arguments); + }, + + dateConfig: function () { + return [{ + type: "bi.param0_date_item", + selected: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.YEAR_QUARTER, + disabled: true + }] + } +}); +BI.YearSeasonParamPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.year_season_param_popup_view', BI.YearSeasonParamPopupView);/** + * 路径选择 + * + * Created by GUY on 2015/12/4. + * @class BI.PathChooser + * @extends BI.Widget + */ +BI.PathChooser = BI.inherit(BI.Widget, { + + _const: { + lineColor: "#c4c6c6", + selectLineColor: "#009de3" + }, + + _defaultConfig: function () { + return BI.extend(BI.PathChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-path-chooser", + items: [] + }) + }, + + _init: function () { + BI.PathChooser.superclass._init.apply(this, arguments); + this.populate(this.options.items); + }, + + _createRegions: function (regions) { + var self = this; + this.regions = BI.createWidgets(BI.map(regions, function (i, region) { + return { + type: "bi.path_region", + title: self.texts[region] || region + } + })); + this.regionMap = {}; + BI.each(regions, function (i, region) { + self.regionMap[region] = i; + }); + this.container = BI.createWidget({ + type: "bi.horizontal", + verticalAlign: "top", + scrollx: false, + scrolly: false, + hgap: 10, + items: this.regions + }); + BI.createWidget({ + type: "bi.vertical_adapt", + element: this, + scrollable: true, + hgap: 10, + items: [this.container] + }); + }, + + getRegionIndexById: function (id) { + var node = this.store[id]; + var regionType = node.get("region"); + return this.regionMap[regionType]; + }, + + _drawPath: function (start, offset, index) { + var self = this; + var starts = []; + if (this.start.contains(start)) { + starts = this.start; + } else { + starts = [start]; + } + + BI.each(starts, function (i, s) { + BI.each(self.radios[s], function (i, rad) { + rad.setSelected(false); + }); + BI.each(self.lines[s], function (i, line) { + line.attr("stroke", self._const.lineColor); + }); + BI.each(self.regionIndexes[s], function (i, idx) { + self.regions[idx].reset(); + }); + }); + + BI.each(this.routes[start][index], function (i, id) { + var regionIndex = self.getRegionIndexById(id); + self.regions[regionIndex].setSelect(offset + index, id); + }); + var current = BI.last(this.routes[start][index]); + + while (current && this.routes[current] && this.routes[current].length === 1) { + BI.each(this.routes[current][0], function (i, id) { + var regionIndex = self.getRegionIndexById(id); + self.regions[regionIndex].setSelect(0, id); + }); + this.lines[current][0].attr("stroke", self._const.selectLineColor).toFront(); + current = BI.last(this.routes[current][0]); + } + this.lines[start][index].attr("stroke", self._const.selectLineColor).toFront(); + this.radios[start] && this.radios[start][index] && this.radios[start][index].setSelected(true); + }, + + _drawRadio: function (start, offset, index, x, y) { + var self = this; + var radio = BI.createWidget({ + type: "bi.radio", + cls: "path-chooser-radio", + selected: offset + index === 0, + start: start, + index: index + }); + radio.on(BI.Radio.EVENT_CHANGE, function () { + self._drawPath(start, offset, index); + self.fireEvent(BI.PathChooser.EVENT_CHANGE, start, index); + }); + if (!this.radios[start]) { + this.radios[start] = []; + } + this.radios[start].push(radio); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: [{ + el: radio, + left: x - 6.5, + top: y - 6.5 + }] + }) + }, + + _drawLine: function (start, lines) { + var self = this; + if (!this.lines[start]) { + this.lines[start] = []; + } + if (!this.pathes[start]) { + this.pathes[start] = []; + } + var startRegionIndex = this.getRegionIndexById(start); + //start所在的位置,然后接着往下画其他的路径 + var offset = this.regions[startRegionIndex].getIndexByValue(start); + BI.each(lines, function (i, line) { + self.pathes[start][i] = []; + var idx = i + offset; + var path = ""; + var stop = 47.5 + 29 * idx; + var sleft = 50 + 100 * startRegionIndex; + var radioStartX = sleft, radioStartY = stop; + var etop = stop; + var endRegionIndex = self.getRegionIndexById(BI.last(line)); + var endOffset = self.regions[endRegionIndex].getIndexByValue(BI.last(line)); + var eleft = 50 + 100 * endRegionIndex; + if (self.start.contains(start)) { + radioStartX = sleft - 50; + path += "M" + (sleft - 50) + "," + stop; + self.pathes[start][i].push({ + x: sleft - 50, + y: stop + }) + } else if (idx === 0) { + radioStartX = sleft + 50; + path += "M" + sleft + "," + stop; + self.pathes[start][i].push({ + x: sleft, + y: stop + }) + } else { + radioStartX = sleft + 50; + path += "M" + sleft + "," + 47.5 + "L" + (sleft + 50) + "," + 47.5 + "L" + (sleft + 50) + "," + stop; + self.pathes[start][i].push({ + x: sleft, + y: 47.5 + }); + self.pathes[start][i].push({ + x: sleft + 50, + y: 47.5 + }); + self.pathes[start][i].push({ + x: sleft + 50, + y: stop + }); + } + if (idx > 0) { + var endY = endOffset * 29 + 47.5; + path += "L" + (eleft - 50) + "," + etop + "L" + (eleft - 50) + "," + endY + "L" + eleft + "," + endY; + self.pathes[start][i].push({ + x: eleft - 50, + y: etop + }); + self.pathes[start][i].push({ + x: eleft - 50, + y: endY + }); + self.pathes[start][i].push({ + x: eleft, + y: endY + }); + } else { + path += "L" + eleft + "," + etop; + self.pathes[start][i].push({ + x: eleft, + y: etop + }); + } + + var graph = self.svg.path(path) + .attr({ + stroke: idx === 0 ? self._const.selectLineColor : self._const.lineColor, + 'stroke-dasharray': '-' + }); + self.lines[start].push(graph); + if (lines.length > 1) { + self.lines[start][0].toFront(); + } + //第一个元素无论有多少个都要显示radio + if (self.start.contains(start)) { + self.lines[self.regions[0].getValueByIndex(0)][0].toFront(); + } + if (lines.length > 1 || self.start.contains(start)) { + self._drawRadio(start, offset, i, radioStartX, radioStartY); + } + }); + }, + + _drawLines: function (routes) { + var self = this; + this.lines = {}; + this.pathes = {}; + this.radios = {}; + this.regionIndexes = {}; + BI.each(routes, function (k, route) { + if (!self.regionIndexes[k]) { + self.regionIndexes[k] = []; + } + BI.each(route, function (i, rs) { + BI.each(rs, function (j, id) { + var regionIndex = self.getRegionIndexById(id); + if (!BI.contains(self.regionIndexes[k], regionIndex)) { + self.regionIndexes[k].push(regionIndex); + } + }); + }) + }); + BI.each(routes, function (k, route) { + self._drawLine(k, route); + }); + }, + + _pushNodes: function (nodes) { + var self = this; + var indexes = []; + for (var i = 0; i < nodes.length; i++) { + var id = nodes[i]; + var index = self.getRegionIndexById(id); + indexes.push(index); + var region = self.regions[index]; + if (i === nodes.length - 1) { + if (!region.hasItem(id)) { + region.addItem(id, self.texts[id]); + } + break; + } + if (i > 0 || self.start.contains(id)) { + region.addItem(id, self.texts[id]); + } + } + for (var i = BI.first(indexes); i < BI.last(indexes); i++) { + if (!BI.contains(indexes, i)) { + self.regions[i].addItem(""); + } + } + }, + + _createNodes: function () { + var self = this, o = this.options; + this.store = {}; + this.texts = {}; + this.start = []; + this.end = []; + BI.each(o.items, function (i, item) { + self.start.push(BI.first(item).value); + self.end.push(BI.last(item).value); + }); + this.start = BI.uniq(this.start); + this.end = BI.uniq(this.end); + var regions = []; + var tree = new BI.Tree(); + var branches = {}, max = 0; + BI.each(o.items, function (i, items) { + BI.each(items, function (j, item) { + if (!BI.has(branches, item.value)) { + branches[item.value] = 0; + } + branches[item.value]++; + max = Math.max(max, branches[item.value]); + var prev = {}; + if (j > 0) { + prev = items[j - 1]; + } + var parent = self.store[prev.value || ""]; + var node = self.store[item.value] || new BI.Node(item.value); + node.set(item); + self.store[item.value] = node; + self.texts[item.value] = item.text; + self.texts[item.region] = item.regionText; + parent = BI.isNull(parent) ? tree.getRoot() : parent; + if (parent.getChildIndex(item.value) === -1) { + tree.addNode(parent, node); + } + }) + }); + + //算出区域列表 + tree.traverse(function (node) { + BI.each(node.getChildren(), function (i, child) { + if (BI.contains(regions, child.get("region"))) { + var index1 = BI.indexOf(regions, node.get("region")); + var index2 = BI.indexOf(regions, child.get("region")); + //交换区域 + if (index1 > index2) { + var t = regions[index2]; + for(var j =index2; j < index1; j++){ + regions[j] = regions[j+1]; + } + regions[index1] = t; + } + } else { + regions.push(child.get("region")); + } + }); + }); + this._createRegions(regions); + + //算出节点 + BI.each(branches, function (k, branch) { + if (branch < max) { + delete branches[k]; + } + }); + + //过滤节点 + var nodes = []; + var n = tree.getRoot(); + while (n && n.getChildrenLength() === 1) { + if (BI.has(branches, n.getChildren()[0].id)) { + delete branches[n.getChildren()[0].id]; + n = n.getChildren()[0]; + } else { + n = null; + } + } + tree.traverse(function (node) { + if (BI.has(branches, node.id)) { + nodes.push(node.id); + delete branches[node.id]; + } + }); + + //填充节点 + var routes = {}; + var s, e; + for (var i = 0, len = nodes.length; i < len + 1; i++) { + if (len === 0) { + s = []; + BI.each(this.start, function (i, id) { + s.push(tree.search(id)); + }); + e = []; + BI.each(this.end, function (i, id) { + e.push(tree.search(id)); + }); + } else if (i === len) { + s = e; + e = []; + BI.each(this.end, function (i, id) { + e.push(tree.search(id)); + }); + } else if (i === 0) { + s = []; + BI.each(this.start, function (i, id) { + s.push(tree.search(id)); + }); + e = [tree.search(nodes[i])]; + } else { + s = [tree.search(e[0] || tree.getRoot(), nodes[i - 1])]; + e = [tree.search(s[0], nodes[i])]; + } + BI.each(s, function (i, n) { + tree._recursion(n, [n.id], function (node, route) { + if (e.contains(node)) { + if (!routes[n.id]) { + routes[n.id] = []; + } + routes[n.id].push(route); + self._pushNodes(route); + if (e.length <= 1) { + return true; + } + } + }) + }); + } + this.routes = routes; + this._drawLines(routes); + }, + + _unselectAllPath: function () { + var self = this; + BI.each(this.radios, function (idx, rad) { + BI.each(rad, function (i, r) { + r.setSelected(false); + }); + }); + BI.each(this.lines, function (idx, line) { + BI.each(line, function (i, li) { + li.attr("stroke", self._const.lineColor); + }); + }); + BI.each(this.regions, function (idx, region) { + region.reset(); + }); + }, + + populate: function (items) { + this.options.items = items || []; + var self = this; + this.empty(); + if (this.options.items.length <= 0) { + return; + } + this.svg = BI.createWidget({ + type: "bi.svg" + }); + this._createNodes(); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: [{ + el: this.svg, + top: 0, + left: 0, + right: 0, + bottom: 0 + }] + }); + }, + + setValue: function (v) { + this._unselectAllPath(); + var nodes = BI.keys(this.routes), self = this; + var result = [], array = []; + BI.each(v, function (i, val) { + if (BI.contains(nodes, val)) { + if (array.length > 0) { + array.push(val); + result.push(array); + array = []; + } + } + array.push(val); + }); + if (array.length > 0) { + result.push(array); + } + //画这n条路径 + BI.each(result, function (idx, path) { + var start = path[0]; + var index = BI.findIndex(self.routes[start], function (idx, p) { + if (BI.isEqual(path, p)) { + return true; + } + }); + if (index >= 0) { + var startRegionIndex = self.getRegionIndexById(start); + var offset = self.regions[startRegionIndex].getIndexByValue(start); + self._drawPath(start, offset, index); + } + }); + }, + + getValue: function () { + var path = []; + BI.each(this.regions, function (i, region) { + var val = region.getValue(); + if (BI.isKey(val)) { + path.push(val); + } + }); + return path; + } +}); +BI.PathChooser.EVENT_CHANGE = "PathChooser.EVENT_CHANGE"; +$.shortcut("bi.path_chooser", BI.PathChooser);/** + * 路径选择区域 + * + * Created by GUY on 2015/12/4. + * @class BI.PathRegion + * @extends BI.Widget + */ +BI.PathRegion = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.PathRegion.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-path-region", + width: 80, + title: "" + }) + }, + + _init: function () { + BI.PathRegion.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.zIndex = 100; + var title = BI.createWidget({ + type: "bi.label", + text: o.title, + title: o.title, + height: 30 + }); + title.element.css("zIndex", this.zIndex--); + this.items = []; + this.vertical = BI.createWidget({ + type: "bi.vertical", + element: this, + bgap: 5, + hgap: 10, + items: [title] + }) + }, + + hasItem: function (val) { + return BI.any(this.items, function (i, item) { + return val === item.getValue(); + }); + }, + + addItem: function (value, text) { + if (BI.isKey(value)) { + var label = BI.createWidget({ + type: "bi.label", + cls: "path-region-label", + text: text, + value: value, + title: text || value, + height: 22 + }); + } else { + var label = BI.createWidget({ + type: "bi.layout", + height: 24 + }); + } + label.element.css("zIndex", this.zIndex--); + this.items.push(label); + this.vertical.addItem(label); + if (this.items.length === 1) { + this.setSelect(0, value); + } + }, + + reset: function () { + BI.each(this.items, function (i, item) { + item.element.removeClass("active"); + }); + }, + + setSelect: function (index, value) { + this.reset(); + if (this.items.length <= 0) { + return; + } + if (this.items.length === 1) { + this.items[0].element.addClass("active"); + return; + } + if (this.items[index].attr("value") === value) { + this.items[index].element.addClass("active"); + } + }, + + setValue: function (value) { + this.setSelect(this.getIndexByValue(value), value); + }, + + getValueByIndex: function (idx) { + return this.items[idx].attr("value"); + }, + + getIndexByValue: function (value) { + return BI.findIndex(this.items, function (i, item) { + return item.attr("value") === value; + }); + }, + + getValue: function () { + var res; + BI.any(this.items, function (i, item) { + if (item.element.hasClass("active")) { + res = item.getValue(); + return true; + } + }); + return res; + } +}); +BI.PathRegion.EVENT_CHANGE = "PathRegion.EVENT_CHANGE"; +$.shortcut("bi.path_region", BI.PathRegion);/** + * 预览表列 + * + * Created by GUY on 2015/12/25. + * @class BI.PreviewTableCell + * @extends BI.Widget + */ +BI.PreviewTableCell = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.PreviewTableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-preview-table-cell", + text: "" + }); + }, + + _init: function () { + BI.PreviewTableCell.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "normal", + height: this.options.height, + text: this.options.text, + value: this.options.value + }) + } +}); +$.shortcut('bi.preview_table_cell', BI.PreviewTableCell);/** + * 预览表 + * + * Created by GUY on 2015/12/25. + * @class BI.PreviewTableHeaderCell + * @extends BI.Widget + */ +BI.PreviewTableHeaderCell = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.PreviewTableHeaderCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-preview-table-header-cell", + text: "" + }); + }, + + _init: function () { + BI.PreviewTableHeaderCell.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "normal", + height: this.options.height, + text: this.options.text, + value: this.options.value + }) + } +}); +$.shortcut('bi.preview_table_header_cell', BI.PreviewTableHeaderCell);/** + * 预览表 + * + * Created by GUY on 2015/12/25. + * @class BI.PreviewTable + * @extends BI.Widget + */ +BI.PreviewTable = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.PreviewTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-preview-table", + isNeedFreeze: false, + freezeCols: [], + rowSize: null, + columnSize: [], + headerRowSize: 30, + header: [], + items: [] + }); + }, + + _init: function () { + BI.PreviewTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.table = BI.createWidget({ + type: "bi.table_view", + element: this, + isNeedResize: false, + + isResizeAdapt: false, + + isNeedFreeze: o.isNeedFreeze, + freezeCols: o.freezeCols, + + rowSize: o.rowSize, + columnSize: o.columnSize, + headerRowSize: o.headerRowSize, + + header: BI.map(o.header, function (i, items) { + return BI.map(items, function (j, item) { + return BI.extend({ + type: "bi.preview_table_header_cell" + }, item); + }); + }), + items: BI.map(o.items, function (i, items) { + return BI.map(items, function (j, item) { + return BI.extend({ + type: "bi.preview_table_cell" + }, item); + }); + }) + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_INIT, function () { + self._adjustColumns(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_RESIZE, function () { + self._adjustColumns(); + }); + }, + + //是否有自适应调节的列,即列宽为"" + _hasAdaptCol: function (columnSize) { + return BI.any(columnSize, function (i, size) { + return size === ""; + }) + }, + + _isPercentage: function (columnSize) { + return columnSize[0] <= 1; + }, + + _adjustColumns: function () { + var self = this, o = this.options; + if (o.isNeedFreeze === true) { + //如果存在百分比的情况 + if (this._isPercentage(o.columnSize)) { + if (this._hasAdaptCol(o.columnSize)) { + var findCols = [], remain = 0; + BI.each(o.columnSize, function (i, size) { + if (size === "") { + findCols.push(i); + } else { + remain += size; + } + }); + remain = 1 - remain; + var average = remain / findCols.length; + BI.each(findCols, function (i, col) { + o.columnSize[col] = average; + }); + } + var isRight = BI.first(o.freezeCols) !== 0; + var freezeSize = [], notFreezeSize = []; + BI.each(o.columnSize, function (i, size) { + if (o.freezeCols.contains(i)) { + freezeSize.push(size); + } else { + notFreezeSize.push(size); + } + }); + var sumFreezeSize = BI.sum(freezeSize), sumNotFreezeSize = BI.sum(notFreezeSize); + BI.each(freezeSize, function (i, size) { + freezeSize[i] = size / sumFreezeSize; + }); + BI.each(notFreezeSize, function (i, size) { + notFreezeSize[i] = size / sumNotFreezeSize; + }); + this.table.setRegionColumnSize(isRight ? ["fill", sumFreezeSize] : [sumFreezeSize, "fill"]); + this.table.setColumnSize(isRight ? (notFreezeSize.concat(freezeSize)) : (freezeSize.concat(notFreezeSize))); + } + } else { + //如果存在自适应宽度的列或者是百分比计算的列,需要将整个表宽设为100% + if (this._hasAdaptCol(o.columnSize) || this._isPercentage(o.columnSize)) { + this.table.setRegionColumnSize(["100%"]); + } + } + }, + + setColumnSize: function (columnSize) { + return this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + getCalculateColumnSize: function () { + return this.table.getCalculateColumnSize(); + }, + + setHeaderColumnSize: function (columnSize) { + return this.table.setHeaderColumnSize(columnSize); + }, + + setRegionColumnSize: function (columnSize) { + return this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getCalculateRegionColumnSize: function () { + return this.table.getCalculateRegionColumnSize(); + }, + + getCalculateRegionRowSize: function () { + return this.table.getCalculateRegionRowSize(); + }, + + getClientRegionColumnSize: function () { + return this.table.getClientRegionColumnSize(); + }, + + getScrollRegionColumnSize: function () { + return this.table.getScrollRegionColumnSize() + }, + + getScrollRegionRowSize: function () { + return this.table.getScrollRegionRowSize() + }, + + hasVerticalScroll: function () { + return this.table.hasVerticalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + return this.table.setVerticalScroll(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + return this.table.setLeftHorizontalScroll(scrollLeft) + }, + + setRightHorizontalScroll: function (scrollLeft) { + return this.table.setRightHorizontalScroll(scrollLeft); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + getLeftHorizontalScroll: function () { + return this.table.getLeftHorizontalScroll(); + }, + + getRightHorizontalScroll: function () { + return this.table.getRightHorizontalScroll(); + }, + + getColumns: function () { + return this.table.getColumns(); + }, + + populate: function (items, header) { + this.table.populate(items, header); + }, + + destroy: function () { + this.table.destroy(); + BI.PreviewTable.superclass.destroy.apply(this, arguments); + } +}); +BI.PreviewTable.EVENT_CHANGE = "PreviewTable.EVENT_CHANGE"; +$.shortcut('bi.preview_table', BI.PreviewTable);/** + * 季度下拉框 + * + * Created by GUY on 2015/8/28. + * @class BI.QuarterCombo + * @extends BI.Widget + */ +BI.QuarterCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.QuarterCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-quarter-combo", + height: 25 + }); + }, + _init: function () { + BI.QuarterCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.storeValue = ""; + this.trigger = BI.createWidget({ + type: "bi.quarter_trigger" + }); + + this.trigger.on(BI.QuarterTrigger.EVENT_FOCUS, function () { + self.storeValue = this.getKey(); + }); + this.trigger.on(BI.QuarterTrigger.EVENT_CHANGE, function () { + self.combo.isViewVisible() && self.combo.hideView(); + }); + this.trigger.on(BI.QuarterTrigger.EVENT_START, function () { + self.combo.isViewVisible() && self.combo.hideView(); + }); + this.trigger.on(BI.QuarterTrigger.EVENT_STOP, function(){ + if (!self.combo.isViewVisible()) { + self.combo.showView(); + } + }); + this.trigger.on(BI.QuarterTrigger.EVENT_CONFIRM, function () { + if(self.combo.isViewVisible()) { + return; + } + if(this.getKey() && this.getKey() !== self.storeValue) { + self.setValue(this.getKey()); + }else if(!this.getKey()){ + self.setValue(); + } + self.fireEvent(BI.QuarterCombo.EVENT_CONFIRM); + }); + this.popup = BI.createWidget({ + type: "bi.quarter_popup" + }); + + this.popup.on(BI.QuarterPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.QuarterCombo.EVENT_CONFIRM); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + minWidth: 85, + el: this.popup + } + }); + }, + + setValue: function (v) { + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue() || ""; + } +}); + +BI.QuarterCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut('bi.quarter_combo', BI.QuarterCombo);/** + * 季度展示面板 + * + * Created by GUY on 2015/9/2. + * @class BI.QuarterPopup + * @extends BI.Trigger + */ +BI.QuarterPopup = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.QuarterPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-quarter-popup" + }); + }, + + _init: function () { + BI.QuarterPopup.superclass._init.apply(this, arguments); + var self = this; + + var items = [{ + text: Date._QN[01], + value: 1 + }, { + text: Date._QN[2], + value: 2 + }, { + text: Date._QN[3], + value: 3 + }, { + text: Date._QN[4], + value: 4 + }]; + items = BI.map(items, function (j, item) { + return BI.extend(item, { + type: "bi.text_item", + cls: "bi-list-item-active", + textAlign: "left", + whiteSpace: "nowrap", + once: false, + forceSelected: true, + height: 25 + }); + }); + + this.quarter = BI.createWidget({ + type: "bi.button_group", + element: this, + items: BI.createItems(items, {}), + layouts: [{ + type: "bi.vertical" + }] + }); + + this.quarter.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.MonthPopup.EVENT_CHANGE); + } + }) + }, + + getValue: function () { + return this.quarter.getValue()[0]; + }, + + setValue: function (v) { + this.quarter.setValue([v]); + } +}); +BI.QuarterPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.quarter_popup", BI.QuarterPopup);/** + * 季度trigger + * + * Created by GUY on 2015/8/21. + * @class BI.QuarterTrigger + * @extends BI.Trigger + */ +BI.QuarterTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4, + vgap: 2, + triggerWidth: 30, + textWidth: 40, + errorText: BI.i18nText("BI-Quarter_Trigger_Error_Text") + }, + + _defaultConfig: function () { + return BI.extend(BI.QuarterTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-quarter-trigger", + height: 25 + }); + }, + _init: function () { + BI.QuarterTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height, + validationChecker: function (v) { + return v === "" || (BI.isPositiveInteger(v) && v >= 1 && v <= 4); + }, + quitChecker: function (v) { + return false; + }, + hgap: c.hgap, + vgap: c.vgap, + allowBlank: true, + errorText: c.errorText + }); + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.QuarterTrigger.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.QuarterTrigger.EVENT_CHANGE); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + var value = self.editor.getValue(); + if (BI.isNotNull(value)) { + self.editor.setValue(value); + self.editor.setTitle(value); + } + self.fireEvent(BI.QuarterTrigger.EVENT_CONFIRM); + }); + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + if (self.editor.isValid()) { + self.editor.blur(); + } + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.QuarterTrigger.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.QuarterTrigger.EVENT_STOP); + }); + + BI.createWidget({ + element: this, + type: 'bi.htape', + items: [ + { + el: this.editor + }, { + el: { + type: "bi.text_button", + baseCls: "bi-trigger-quarter-text", + text: BI.i18nText("BI-Multi_Date_Quarter"), + width: c.textWidth + }, + width: c.textWidth + }, { + el: { + type: "bi.trigger_icon_button", + width: c.triggerWidth + }, + width: c.triggerWidth + } + ] + }); + }, + + setValue: function (v) { + this.editor.setState(v); + this.editor.setValue(v); + this.editor.setTitle(v); + }, + + getKey: function () { + return this.editor.getValue(); + } +}); +BI.QuarterTrigger.EVENT_FOCUS = "EVENT_FOCUS"; +BI.QuarterTrigger.EVENT_CHANGE = "EVENT_CHANGE"; +BI.QuarterTrigger.EVENT_START = "EVENT_START"; +BI.QuarterTrigger.EVENT_STOP = "EVENT_STOP"; +BI.QuarterTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.quarter_trigger", BI.QuarterTrigger);/** + * 关联视图字段Item + * + * Created by GUY on 2015/12/23. + * @class BI.RelationViewItem + * @extends BI.Widget + */ +BI.RelationViewItem = BI.inherit(BI.BasicButton, { + + _defaultConfig: function () { + return BI.extend(BI.RelationViewItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-relation-view-item", + height: 25, + hoverIn: BI.emptyFn, + hoverOut: BI.emptyFn + }); + }, + + _init: function () { + BI.RelationViewItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.element.hover(o.hoverIn, o.hoverOut); + var items = []; + if (o.isPrimary) { + items.push({ + type: "bi.icon", + width: 16, + height: 16, + title: BI.i18nText("BI-Primary_Key") + }); + } + items.push({ + type: "bi.label", + text: o.text, + value: o.value, + height: o.height, + textAlign: "left", + width: o.isPrimary ? 70 : 90 + }); + BI.createWidget({ + type: "bi.vertical_adapt", + element: this, + items: items, + cls: "primary-key-font", + lgap: 5 + }); + }, + + enableHover: function (opt) { + BI.RelationViewRegion.superclass.enableHover.apply(this, [{ + container: "body" + }]); + }, + + setSelected: function (b) { + this.element[b ? "addClass" : "removeClass"]("active"); + } +}); +$.shortcut('bi.relation_view_item', BI.RelationViewItem);/** + * 关联视图 + * + * Created by GUY on 2015/12/22. + * @class BI.RelationView + * @extends BI.Widget + */ +BI.RelationView = BI.inherit(BI.Widget, { + + _const: { + lineColor: "#c4c6c6", + selectLineColor: "#009de3" + }, + + _defaultConfig: function () { + return BI.extend(BI.RelationView.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-relation-view", + items: [] + }); + }, + + _init: function () { + BI.RelationView.superclass._init.apply(this, arguments); + this.populate(this.options.items); + }, + + _calculateWidths: function () { + var widths = []; + BI.each(this.views, function (i, items) { + BI.each(items, function (j, obj) { + if (!widths[j]) { + widths[j] = BI.MIN; + } + widths[j] = Math.max(widths[j], obj.getWidth()); + }) + }); + return widths; + }, + + _calculateHeights: function () { + var heights = BI.makeArray(BI.size(this.views), BI.MIN); + BI.each(this.views, function (i, items) { + BI.each(items, function (j, obj) { + heights[i] = Math.max(heights[i], obj.getHeight()); + }) + }); + return heights; + }, + + _hoverIn: function (target) { + var self = this, c = this._const; + BI.each(this.relations, function (start, rs) { + BI.each(rs, function (end, relation) { + if (relation[0].primary.value === target || relation[0].foreign.value === target) { + self.lines[start][end].attr("stroke", c.selectLineColor).toFront(); + self.storeViews[start].setValue(relation[0].primary.value); + self.storeViews[end].setValue(relation[0].foreign.value); + } + }); + }); + }, + + _hoverOut: function (target) { + var self = this, c = this._const; + BI.each(this.relations, function (start, rs) { + BI.each(rs, function (end, relation) { + if (relation[0].primary.value === target || relation[0].foreign.value === target) { + self.lines[start][end].attr("stroke", c.lineColor); + self.storeViews[start].setValue([]); + self.storeViews[end].setValue([]); + } + }); + }); + }, + + previewRelationTables: function(relationTables, show) { + if (!show) { + BI.each(this.storeViews, function (i, view) { + view.toggleRegion(true); + view.setPreviewSelected(false); + }); + BI.each(this.lines, function (i, lines) { + BI.each(lines, function (j, line) { + line.show(); + }); + }); + return; + } + BI.each(this.storeViews, function (id, view) { + if (!relationTables.contains(id)) { + view.toggleRegion(false); + } else { + view.setPreviewSelected(true); + } + }); + BI.each(this.lines, function (id, lines) { + BI.each(lines, function (cId, line) { + if (!relationTables.contains(id) || !relationTables.contains(cId)) { + line.hide(); + } + }); + }); + }, + + populate: function (items) { + var self = this, o = this.options, c = this._const; + o.items = items || []; + this.empty(); + this.svg = BI.createWidget({ + type: "bi.svg" + }); + + //算出所有的区域和关联 + var regions = this.regions = {}, relations = this.relations = {}; + BI.each(items, function (i, item) { + var pr = item.primary.region, fr = item.foreign && item.foreign.region; + if (pr && !relations[pr]) { + relations[pr] = {}; + } + if (pr && fr && !relations[pr][fr]) { + relations[pr][fr] = []; + } + if (pr && !regions[pr]) { + regions[pr] = []; + } + if (fr && !regions[fr]) { + regions[fr] = []; + } + if (pr && !BI.deepContains(regions[pr], item.primary)) { + regions[pr].push(item.primary); + } + if (fr && !BI.deepContains(regions[fr], item.foreign)) { + regions[fr].push(item.foreign); + } + pr && fr && relations[pr][fr].push(item); + }); + //求拓扑 + var topology = []; + var rs = BI.clone(regions), store = {}; + while (!BI.isEmpty(rs)) { + var clone = BI.clone(rs); + BI.each(o.items, function (i, item) { + if (!store[item.primary.region]) { + delete clone[item.foreign && item.foreign.region]; + } + }); + topology.push(BI.keys(clone)); + BI.extend(store, clone); + BI.each(clone, function (k, v) { + delete rs[k]; + }); + } + //构建视图 + var views = this.views = {}, storeViews = this.storeViews = {}, indexes = this.indexes = {}; + var verticals = []; + BI.each(topology, function (i, items) { + if (!views[i]) { + views[i] = {}; + } + var horizontal = []; + BI.each(items, function (j, region) { + var items = regions[region]; + views[i][j] = storeViews[region] = BI.createWidget({ + type: "bi.relation_view_region_container", + value: region, + header: items[0].regionTitle, + text: items.length > 0 ? items[0].regionText : "", + handler: items.length > 0 ? items[0].regionHandler : BI.emptyFn, + items: items, + belongPackage: items.length > 0 ? items[0].belongPackage : true + }); + if (BI.isNotNull(items[0]) && BI.isNotNull(items[0].keyword)) { + views[i][j].doRedMark(items[0].keyword); + } + views[i][j].on(BI.RelationViewRegionContainer.EVENT_HOVER_IN, function (v) { + self._hoverIn(v); + }); + views[i][j].on(BI.RelationViewRegionContainer.EVENT_HOVER_OUT, function (v) { + self._hoverOut(v); + }); + views[i][j].on(BI.RelationViewRegionContainer.EVENT_PREVIEW, function (v) { + self.fireEvent(BI.RelationView.EVENT_PREVIEW, region, v); + }); + indexes[region] = {i: i, j: j}; + horizontal.push(views[i][j]); + }); + verticals.push({ + type: "bi.horizontal", + items: horizontal + }) + }); + + //求每一行的高度 + var heights = this._calculateHeights(); + + //求每一列的宽度 + var widths = this._calculateWidths(); + + //求相对宽度和高度 + var offsetWidths = [0], offsetHeights = [0]; + BI.each(heights, function (i, h) { + if (i === 0) { + return; + } + offsetHeights[i] = offsetHeights[i - 1] + heights[i - 1]; + }); + BI.each(widths, function (i, w) { + if (i === 0) { + return; + } + offsetWidths[i] = offsetWidths[i - 1] + widths[i - 1]; + }); + + //画线 + var lines = this.lines = {};//缓存所有的线 + BI.each(relations, function (start, rs) { + BI.each(rs, function (end, relation) { + var startIndex = indexes[start], endIndex = indexes[end]; + var top = 0, right = 1, bottom = 2, left = 3; + var startDirection = bottom, endDirection = top; + // if (startIndex.j > endIndex.j) { + // startDirection = left; + // endDirection = right; + // } else if (startIndex.j < endIndex.j) { + // startDirection = right; + // endDirection = left; + // } else if (startIndex.i < endIndex.i) { + // startDirection = bottom; + // endDirection = top; + // } else if (startIndex.i > endIndex.i) { + // startDirection = top; + // endDirection = bottom; + // } + var draw = function (i, j, direction, isForeign) { + var x = offsetWidths[j] + (widths[j] - views[i][j].getWidth()) / 2; + var y = offsetHeights[i] + (heights[i] - views[i][j].getHeight()) / 2; + var path = "", position; + switch (direction) { + case top: + position = isForeign ? views[i][j].getTopRightPosition() : views[i][j].getTopLeftPosition(); + x += position.x; + y += position.y; + path = "M" + x + "," + y + "L" + x + "," + (y - 10); + y -= 10; + break; + case right: + position = views[i][j].getRightPosition(); + x += position.x; + y += position.y; + path = "M" + x + "," + y + "L" + (x + 10) + "," + y; + x += 10; + break; + case bottom: + position = views[i][j].getBottomPosition(); + x += position.x; + y += position.y; + path = "M" + x + "," + y + "L" + x + "," + (y + 10); + y += 10; + break; + case left: + position = views[i][j].getLeftPosition(); + x += position.x; + y += position.y; + path = "M" + x + "," + y + "L" + (x - 10) + "," + y; + x -= 10; + break; + } + return {x: x, y: y, path: path}; + }; + var path = ""; + var si = draw(startIndex.i, startIndex.j, startDirection); + var ei = draw(endIndex.i, endIndex.j, endDirection, true); + path += si.path + ei.path; + if (!lines[start]) { + lines[start] = {}; + } + path += "M" + si.x + "," + si.y + "L" + ei.x + "," + ei.y; + var line = lines[start][end] = self.svg.path(path) + .attr({"stroke": c.lineColor, "stroke-width": "2"}) + .hover(function () { + line.attr("stroke", c.selectLineColor).toFront(); + storeViews[start].setValue(relation[0].primary.value); + storeViews[end].setValue(relation[0].foreign.value); + }, function () { + line.attr("stroke", c.lineColor); + storeViews[start].setValue([]); + storeViews[end].setValue([]); + }); + }); + }); + var container = BI.createWidget(); + BI.createWidget({ + type: "bi.vertical", + element: container, + items: verticals + }); + BI.createWidget({ + type: "bi.absolute", + element: container, + items: [{ + el: this.svg, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + + BI.createWidget({ + type: "bi.center_adapt", + scrollable: true, + element: this, + items: [container] + }); + } +}); +BI.RelationView.EVENT_CHANGE = "RelationView.EVENT_CHANGE"; +BI.RelationView.EVENT_PREVIEW = "EVENT_PREVIEW"; +$.shortcut('bi.relation_view', BI.RelationView);/** + * Created by Young's on 2017/3/10. + */ +BI.RelationViewRegionContainer = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.RelationViewRegionContainer.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-relation-view-region-container", + width: 150 + }); + }, + + _init: function () { + BI.RelationViewRegionContainer.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.region = BI.createWidget({ + type: "bi.relation_view_region", + value: o.value, + header: o.header, + text: o.text, + handler: o.handler, + items: o.items, + belongPackage: o.belongPackage + }); + this.region.on(BI.RelationViewRegion.EVENT_PREVIEW, function (v) { + self.fireEvent(BI.RelationViewRegionContainer.EVENT_PREVIEW, v); + }); + this.region.on(BI.RelationViewRegion.EVENT_HOVER_IN, function (v) { + self.fireEvent(BI.RelationViewRegionContainer.EVENT_HOVER_IN, v); + }); + this.region.on(BI.RelationViewRegion.EVENT_HOVER_OUT, function (v) { + self.fireEvent(BI.RelationViewRegionContainer.EVENT_HOVER_OUT, v); + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.region], + width: this.region.getWidth(), + height: this.region.getHeight() + }); + }, + + doRedMark: function () { + this.region.doRedMark.apply(this.region, arguments); + }, + + unRedMark: function () { + this.region.unRedMark.apply(this.region, arguments); + }, + + getWidth: function () { + return this.region.getWidth(); + }, + + getHeight: function () { + return this.region.getHeight(); + }, + + //获取上方开始划线的位置 + getTopLeftPosition: function () { + return this.region.getTopLeftPosition(); + }, + + getTopRightPosition: function () { + return this.region.getTopRightPosition(); + }, + + getBottomPosition: function () { + return this.region.getBottomPosition(); + }, + + getLeftPosition: function () { + return this.region.getLeftPosition(); + }, + + getRightPosition: function () { + return this.region.getRightPosition(); + }, + + setValue: function (v) { + this.region.setValue(v); + }, + + toggleRegion: function (v) { + v === true ? this.region.element.fadeIn() : this.region.element.fadeOut(); + }, + + setPreviewSelected: function(v) { + this.region.setPreviewSelected(v); + } +}); +BI.RelationViewRegionContainer.EVENT_HOVER_IN = "RelationViewRegion.EVENT_HOVER_IN"; +BI.RelationViewRegionContainer.EVENT_HOVER_OUT = "RelationViewRegion.EVENT_HOVER_OUT"; +BI.RelationViewRegionContainer.EVENT_PREVIEW = "RelationViewRegion.EVENT_PREVIEW"; +$.shortcut("bi.relation_view_region_container", BI.RelationViewRegionContainer);/** + * 关联视图 + * + * Created by GUY on 2015/12/23. + * @class BI.RelationViewRegion + * @extends BI.BasicButton + */ +BI.RelationViewRegion = BI.inherit(BI.BasicButton, { + + _defaultConfig: function () { + return BI.extend(BI.RelationViewRegion.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-relation-view-region cursor-pointer", + width: 150, + text: "", + value: "", + header: "", + items: [], + belongPackage: true + }); + }, + + _init: function () { + BI.RelationViewRegion.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.preview = BI.createWidget({ + type: "bi.icon_button", + cls: "relation-table-preview-font", + width: 25, + height: 25, + stopPropagation: true + }); + this.preview.on(BI.IconButton.EVENT_CHANGE, function () { + self.fireEvent(BI.RelationViewRegion.EVENT_PREVIEW, this.isSelected()); + }); + + this.title = BI.createWidget({ + type: "bi.label", + height: 25, + width: 70, + text: o.text, + value: o.value, + textAlign: "left" + }); + //title放body上 + if (BI.isKey(o.header)) { + this.title.setTitle(o.header, { + container: "body" + }) + } + + this.button_group = BI.createWidget({ + type: "bi.button_group", + items: this._createItems(o.items), + layouts: [{ + type: "bi.vertical" + }] + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [{ + type: "bi.vertical", + cls: "relation-view-region-container " + (o.belongPackage ? "" : "other-package"), + items: [{ + type: "bi.vertical_adapt", + cls: "relation-view-region-title", + items: [this.preview, this.title] + }, this.button_group] + }], + hgap: 25, + vgap: 20 + }) + }, + + _createItems: function (items) { + var self = this; + return BI.map(items, function (i, item) { + return BI.extend(item, { + type: "bi.relation_view_item", + hoverIn: function () { + self.setValue(item.value); + self.fireEvent(BI.RelationViewRegion.EVENT_HOVER_IN, item.value); + }, + hoverOut: function () { + self.setValue([]); + self.fireEvent(BI.RelationViewRegion.EVENT_HOVER_OUT, item.value); + } + }) + }); + }, + + doRedMark: function () { + this.title.doRedMark.apply(this.title, arguments); + }, + + unRedMark: function () { + this.title.unRedMark.apply(this.title, arguments); + }, + + getWidth: function () { + return this.options.width; + }, + + getHeight: function () { + return this.button_group.getAllButtons().length * 25 + 25 + 2 * 20 + 3; + }, + + //获取上方开始划线的位置 + getTopLeftPosition: function () { + return { + x: 25 + 10, + y: 20 + } + }, + + getTopRightPosition: function () { + return { + x: this.getWidth() - 25 - 10, + y: 20 + } + }, + + getBottomPosition: function () { + return { + x: 25 + 10, + y: this.getHeight() - 20 + } + }, + + getLeftPosition: function () { + return { + x: 25, + y: 20 + 10 + } + }, + + getRightPosition: function () { + return { + x: this.getWidth() - 25, + y: 20 + 10 + } + }, + + setValue: function (v) { + this.button_group.setValue(v); + }, + + setPreviewSelected: function(v) { + this.preview.setSelected(v); + } +}); +BI.RelationViewRegion.EVENT_HOVER_IN = "RelationViewRegion.EVENT_HOVER_IN"; +BI.RelationViewRegion.EVENT_HOVER_OUT = "RelationViewRegion.EVENT_HOVER_OUT"; +BI.RelationViewRegion.EVENT_PREVIEW = "RelationViewRegion.EVENT_PREVIEW"; +$.shortcut('bi.relation_view_region', BI.RelationViewRegion);/** + * 完成搜索功能模块 + * + * Created by GUY on 2015/9/16. + * @class BI.SelectDataSearcher + * @extends BI.Widget + */ +BI.SelectDataSearcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SelectDataSearcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-searcher", + packages: [], + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.SelectDataSearcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.packagePane = BI.createWidget({ + type: "bi.select_data_switcher", + packages: o.packages, + itemsCreator: function (op) { + op.packageId = self.getPackageId(); + if (!op.packageId) { + return; + } + o.itemsCreator.apply(self, arguments); + } + }); + this.packagePane.on(BI.SelectDataSwitcher.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearcher.EVENT_CLICK_PACKAGE, arguments); + }); + this.packagePane.on(BI.SelectDataSwitcher.EVENT_CLICK_ITEM, function () { + self.fireEvent(BI.SelectDataSearcher.EVENT_CLICK_ITEM, arguments); + }); + + this.searcherPane = BI.createWidget({ + type: "bi.select_data_search_result_pane", + itemsCreator: function (op) { + op.packageId = self.getPackageId(); + if (!op.packageId) { + return; + } + o.itemsCreator.apply(self, arguments); + } + }); + this.searcherPane.on(BI.SelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE, function () { + self.searcher.doSearch(); + }); + this.searcherPane.on(BI.SelectDataSearchResultPane.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearcher.EVENT_CLICK_ITEM, arguments); + }); + + this.searcher = BI.createWidget({ + type: "bi.searcher", + el: { + type: "bi.small_search_editor" + }, + isAutoSearch: false, //是否自动搜索 + isAutoSync: false, + onSearch: function (op, populate) { + o.itemsCreator(BI.extend(op, { + packageId: self.getPackageId(), + searchType: self.searcherPane.getSegmentValue() + }), function (searchResult, matchResult) { + populate(searchResult, matchResult, op.keyword); + }) + }, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + popup: this.searcherPane, + adapter: this.packagePane + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: { + type: "bi.absolute", + items: [{ + el: this.searcher, + left: 10, + right: 10, + top: 10 + }] + }, + height: 45 + }, this.packagePane] + }) + }, + + setEnable: function (v) { + BI.SelectDataSearcher.superclass.setEnable.apply(this, arguments); + this.packagePane.setEnable(v) + }, + + setPackage: function (pId) { + this.packagePane.setPackage(pId); + }, + + getPackageId: function () { + return this.packagePane.getPackageId(); + }, + + setValue: function (v) { + + }, + + getValue: function () { + return this.searcher.getValue(); + }, + + populatePackages: function (packages) { + this.options.packages = packages; + this.packagePane.populatePackages(packages); + this.searcher.stopSearch(); + this.populate(); + }, + + populate: function () { + this.packagePane.populate.apply(this.packagePane, arguments); + } +}); +BI.SelectDataSearcher.EVENT_CLICK_ITEM = "EVENT_CLICK_ITEM"; +BI.SelectDataSearcher.EVENT_CLICK_PACKAGE = "EVENT_CLICK_PACKAGE"; +$.shortcut('bi.select_data_searcher', BI.SelectDataSearcher);/** + * 搜索结果面板 + * + * Created by GUY on 2015/9/16. + * @class BI.SelectDataSearchResultPane + * @extends BI.Widget + */ +BI.SelectDataSearchResultPane = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataSearchResultPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-search-result-pane bi-searcher-view", + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.SelectDataSearchResultPane.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.segment = BI.createWidget({ + type: "bi.select_data_search_segment", + cls: "search-result-toolbar" + }); + this.segment.on(BI.SelectDataSearchSegment.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE); + }); + + this.resultPane = BI.createWidget({ + type: "bi.searcher_view", + matcher: { + type: "bi.select_data_tree", + itemsCreator: o.itemsCreator + }, + searcher: { + type: "bi.select_data_tree", + itemsCreator: o.itemsCreator + } + }); + this.resultPane.on(BI.SearcherView.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearchResultPane.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.segment, + height: 60 + }, { + type: "bi.border", + cls: "search-result-line", + height: 2 + }, { + type: "bi.border", + cls: "search-result-line", + height: 1 + }, { + type: "bi.absolute", + items: [{ + el: this.resultPane, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }] + }); + }, + + startSearch: function () { + + }, + + stopSearch: function () { + + }, + + empty: function () { + this.resultPane.empty(); + }, + + populate: function (searchResult, matchResult, keyword) { + this.resultPane.populate.apply(this.resultPane, arguments); + }, + + setValue: function (v) { + + }, + + getSegmentValue: function () { + return this.segment.getValue(); + }, + + getValue: function () { + return this.resultPane.getValue(); + } +}); +BI.SelectDataSearchResultPane.EVENT_CHANGE = "EVENT_CHANGE"; +BI.SelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE = "EVENT_SEARCH_TYPE_CHANGE"; +$.shortcut('bi.select_data_search_result_pane', BI.SelectDataSearchResultPane);/** + * search面板选项栏 + * + * Created by GUY on 2015/9/16. + * @class BI.SelectDataSearchSegment + * @extends BI.Widget + */ +BI.SelectDataSearchSegment = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataSearchSegment.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-search-segment", + height: 60 + }); + }, + + //创建所有数据和业务包选项 + _createSectionTab: function () { + var self = this; + this.pack = BI.createWidget({ + type: "bi.line_segment_button", + height: 24, + selected: true, + text: BI.i18nText("BI-Current_Package"), + value: BI.SelectDataSearchSegment.SECTION_PACKAGE + }); + this.all = BI.createWidget({ + type: "bi.line_segment_button", + height: 24, + text: BI.i18nText("BI-All_Data"), + value: BI.SelectDataSearchSegment.SECTION_ALL + }); + + this.button_group = BI.createWidget({ + type: "bi.line_segment", + height: 25, + items: [this.all, this.pack] + }); + + this.button_group.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearchSegment.EVENT_CHANGE); + }); + return this.button_group; + }, + + _createSegmet: function () { + var self = this; + this.segment = BI.createWidget({ + type: "bi.segment", + height: 20, + cls: "search-segment-field-table", + items: [{ + text: BI.i18nText("BI-Basic_Field"), + selected: true, + value: BI.SelectDataSearchSegment.SECTION_FIELD + }, { + text: BI.i18nText("BI-Basic_Table"), + value: BI.SelectDataSearchSegment.SECTION_TABLE + }] + }); + this.segment.on(BI.Segment.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearchSegment.EVENT_CHANGE); + }); + return this.segment; + }, + + _init: function () { + BI.SelectDataSearchSegment.superclass._init.apply(this, arguments); + var self = this, o = this.options; + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this._createSectionTab(), { + type: "bi.absolute", + height: 35, + items: [{ + el: this._createSegmet(), + top: 10, + right: 10, + left: 10, + bottom: 5 + }] + }] + }); + }, + + setValue: function (v) { + var self = this; + BI.each([BI.SelectDataSearchSegment.SECTION_ALL, + BI.SelectDataSearchSegment.SECTION_PACKAGE], function (i, key) { + if (key & v) { + self.button_group.setValue(key & v); + } + }); + BI.each([BI.SelectDataSearchSegment.SECTION_FIELD, + BI.SelectDataSearchSegment.SECTION_TABLE], function (i, key) { + if (key & v) { + self.segment.setValue(key & v); + } + }); + }, + + getValue: function () { + return this.button_group.getValue()[0] | this.segment.getValue()[0] + } +}); + +BI.extend(BI.SelectDataSearchSegment, { + SECTION_ALL: 0x1, + SECTION_PACKAGE: 0x10, + SECTION_FIELD: 0x100, + SECTION_TABLE: 0x1000 +}); +BI.SelectDataSearchSegment.EVENT_CHANGE = "SelectDataSearchSegment.EVENT_CHANGE"; +$.shortcut('bi.select_data_search_segment', BI.SelectDataSearchSegment);/** + * 切换业务包 + * + * Created by GUY on 2015/9/16. + * @class BI.SelectDataSwitcher + * @extends BI.Widget + */ +BI.SelectDataSwitcher = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataSwitcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-switcher", + packages: [], + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.SelectDataSwitcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.combo = BI.createWidget({ + type: "bi.single_tree_combo", + height: 25, + items: o.packages + }); + this.combo.on(BI.SingleTreeCombo.EVENT_CHANGE, function () { + self.tree.populate(); + self.fireEvent(BI.SelectDataSwitcher.EVENT_CHANGE, arguments); + }); + + this.tree = BI.createWidget({ + type: "bi.select_data_tree", + itemsCreator: function () { + var args = Array.prototype.slice.call(arguments, 0); + args[0].packageId = self.getPackageId(); + o.itemsCreator.apply(self, args); + } + }); + this.tree.on(BI.SelectDataTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSwitcher.EVENT_CLICK_ITEM, arguments); + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: { + type: "bi.absolute", + hgap: 10, + items: [{ + el: this.combo + }] + }, + height: 30 + }, { + el: this.tree + }] + }); + }, + + setEnable: function (v) { + BI.SelectDataSwitcher.superclass.setEnable.apply(this, arguments); + this.tree.setEnable(v) + }, + + + setPackage: function (pId) { + this.combo.setValue([pId]); + this.tree.populate(); + }, + + getPackageId: function () { + return this.combo.getValue()[0]; + }, + + setValue: function (v) { + this.tree.setValue(v); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + populate: function () { + this.tree.populate.apply(this.tree, arguments); + }, + + populatePackages: function (pacakges) { + this.options.packages = pacakges; + var pId = this.getPackageId(); + this.combo.populate(pacakges); + if (BI.isKey(pId)) { + this.combo.setValue(pId); + } + } +}); +BI.SelectDataSwitcher.EVENT_CLICK_ITEM = "EVENT_CLICK_ITEM"; +BI.SelectDataSwitcher.EVENT_CHANGE = "SelectDataSwitcher.EVENT_CHANGE"; +$.shortcut('bi.select_data_switcher', BI.SelectDataSwitcher);/** + * 字段列表展开Expander + * + * Created by GUY on 2015/9/14. + * @class BI.SelectDataExpander + * @extends BI.Widget + */ +BI.SelectDataExpander = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataExpander.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-expander", + el: {}, + popup: { + items: [], + itemsCreator: BI.emptyFn + } + }); + }, + + _init: function () { + BI.SelectDataExpander.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(o.el); + this.expander = BI.createWidget({ + type: "bi.expander", + element: this, + isDefaultInit: false, + el: this.trigger, + popup: BI.extend({ + type: "bi.select_data_loader" + }, o.popup) + }); + this.expander.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.expander.on(BI.Expander.EVENT_EXPAND, function(){ + + }); + this.expander.on(BI.Expander.EVENT_COLLAPSE, function(){ + this.getView().hideView(); + }); + this.expander.on(BI.Expander.EVENT_AFTER_INIT, function () { + this.getView().populate(); + }); + this.expander.on(BI.Expander.EVENT_CHANGE, function () { + self.trigger.setValue(this.getValue()); + }); + }, + + setEnable: function (v) { + BI.SelectDataExpander.superclass.setEnable.apply(this, arguments) + this.expander.setEnable(v); + this.trigger.setEnable(v) + }, + + doBehavior: function () { + this.trigger.doRedMark.apply(this.trigger, arguments); + this.expander.doBehavior.apply(this.expander, arguments); + }, + + setValue: function (v) { + this.expander.setValue(v); + }, + + getValue: function () { + return this.expander.getValue(); + }, + + showView: function(b){ + this.expander.showView(); + }, + + hideView: function(){ + this.expander.hideView(); + }, + + isExpanded: function () { + return this.expander.isExpanded(); + }, + + getAllLeaves: function () { + return this.expander.getAllLeaves(); + }, + + getNodeById: function (id) { + return this.expander.getNodeById(id); + }, + + getNodeByValue: function (value) { + return this.expander.getNodeByValue(value); + } +}); +$.shortcut("bi.select_data_expander", BI.SelectDataExpander);/** + * 字段列表 + * + * Created by GUY on 2015/9/14. + * @class BI.SelectDataLoader + * @extends BI.Widget + */ +BI.SelectDataLoader = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataLoader.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-loader", + items: [], + el: {}, + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.SelectDataLoader.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.loader = BI.createWidget({ + type: "bi.loader", + isDefaultInit: false, + element: this, + items: o.items, + itemsCreator: o.itemsCreator, + el: BI.extend({ + type: "bi.button_tree", + behaviors: { + redmark: function () { + return true; + } + }, + chooseType: BI.Selection.Multi, + layouts: [{ + type: "bi.vertical", + hgap: 0, + vgap: 0 + }] + }, o.el) + }); + this.loader.on(BI.Controller.EVENT_CHANGE, function (type, val, ob) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + if (ob.isSelected()) { + var index = this.getIndexByValue(val); + if (index > -1) { + var alls = this.getAllButtons(); + if (index - 1 >= 0) { + if (BI.isNotNull(alls[index - 1]) && BI.isFunction(alls[index - 1].isSelected) + && alls[index - 1].isSelected()) { + alls[index - 1].setBottomLineVisible(); + ob.setTopLineVisible(); + } + } + if (index + 1 <= alls.length - 1) { + if (BI.isNotNull(alls[index + 1]) && BI.isFunction(alls[index + 1].isSelected) + && alls[index + 1].isSelected()) { + alls[index + 1].setTopLineVisible(); + ob.setBottomLineVisible(); + } + } + } + } else { + var index = this.getIndexByValue(val); + if (index > -1) { + var alls = this.getAllButtons(); + if (index - 1 >= 0) { + if (BI.isNotNull(alls[index - 1]) && BI.isFunction(alls[index - 1].isSelected) + && alls[index - 1].isSelected()) { + alls[index - 1].setBottomLineInVisible(); + } + } + if (index + 1 <= alls.length - 1) { + if (BI.isNotNull(alls[index + 1]) && BI.isFunction(alls[index + 1].isSelected) + && alls[index + 1].isSelected()) { + alls[index + 1].setTopLineInVisible(); + } + } + } + } + self.fireEvent(BI.SelectDataLoader.EVENT_CHANGE); + } + }) + }, + + setEnable: function (v) { + BI.SelectDataLoader.superclass.setEnable.apply(this, arguments); + this.loader.setEnable(v) + }, + + doBehavior: function () { + this.loader.doBehavior.apply(this.loader, arguments); + }, + + populate: function () { + this.loader.populate.apply(this.loader, arguments); + }, + + getAllButtons: function(){ + return this.loader.getAllButtons(); + }, + + showView: function(b){ + BI.each(this.loader.getAllButtons(),function(i, button){ + button.showView && button.showView(b); + }) + }, + + hideView: function(b){ + BI.each(this.loader.getAllButtons(),function(i, button){ + button.hideView && button.hideView(b); + }) + }, + + setValue: function (v) { + this.loader.setValue(v); + }, + + getValue: function () { + return this.loader.getValue(); + }, + + empty: function () { + this.loader.empty(); + } +}); +BI.SelectDataLoader.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.select_data_loader", BI.SelectDataLoader);/** + * Created by GUY on 2015/9/6. + * @class BI.SelectDataLevelNode + * @extends BI.NodeButton + */ +BI.SelectDataLevelNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataLevelNode.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-select-data-level0-node bi-list-item", + id: "", + pId: "", + layer: 0, + open: false, + height: 25 + }) + }, + _init: function () { + var title = this.options.title; + var warningTitle = this.options.warningTitle; + this.options.title = ""; + this.options.warningTitle = ""; + BI.SelectDataLevelNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + keyword: o.keyword, + title: title, + warningTitle: warningTitle, + disabled: o.disabled, + py: o.py + }); + this.tip = BI.createWidget({ + type: "bi.label", + cls: "select-data-selected-count-label", + whiteSpace: "nowrap", + width: 25, + height: o.height + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.layout" + }, + width: o.layer * 20 + }, { + width: 23, + el: this.checkbox + }, { + el: this.text + }, { + width: 25, + el: this.tip + }] + }) + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.SelectDataLevelNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.SelectDataLevelNode.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setValue: function (items) { + BI.SelectDataLevelNode.superclass.setValue.apply(this, arguments); + if (BI.isEmpty(items)) { + this.tip.setText(""); + } else { + this.tip.setText("(" + items.length + ")"); + } + this.tip.setTitle(items.toString()); + }, + + setEnable: function (b) { + BI.SelectDataLevelNode.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + this.text.setEnable(b); + } +}); + +$.shortcut("bi.select_data_level_node", BI.SelectDataLevelNode);/** + * Created by GUY on 2015/9/15. + * @class BI.SelectDataLevel1DateNode + * @extends BI.NodeButton + */ +BI.SelectDataLevel1DateNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataLevel1DateNode.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-select-data-level1-date-node bi-list-item", + id: "", + pId: "", + layer: 1, + open: false, + height: 25 + }) + }, + + _getFieldClass: function (type) { + switch (type) { + case BICst.COLUMN.STRING: + return "select-data-field-string-group-font"; + case BICst.COLUMN.NUMBER: + return "select-data-field-number-group-font"; + case BICst.COLUMN.DATE: + return "select-data-field-date-group-font"; + case BICst.COLUMN.COUNTER: + return "select-data-field-number-group-font"; + default: + return "select-data-field-date-group-font"; + } + }, + + _init: function () { + BI.SelectDataLevel1DateNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.button = BI.createWidget({ + type: "bi.icon_text_item", + cls: this._getFieldClass(o.fieldType), + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height, + textLgap: 10, + textRgap: 5 + }); + + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox" + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.layout" + }, + width: o.layer * 20 + }, { + el: this.button + }, { + el: this.checkbox, + width: 25 + }] + }) + }, + + doRedMark: function () { + this.button.doRedMark.apply(this.button, arguments); + }, + + unRedMark: function () { + this.button.unRedMark.apply(this.button, arguments); + }, + + doClick: function () { + BI.SelectDataLevel1DateNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.SelectDataLevel1DateNode.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setValue: function (items) { + BI.SelectDataLevel1DateNode.superclass.setValue.apply(this, arguments); + }, + + setEnable: function (b) { + BI.SelectDataLevel1DateNode.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + } +}); + +$.shortcut("bi.select_data_level1_date_node", BI.SelectDataLevel1DateNode);/** + * Created by GUY on 2015/9/15. + * @class BI.SelectDataLevel2DateNode + * @extends BI.NodeButton + */ +BI.SelectDataLevel2DateNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataLevel2DateNode.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-select-data-level2-date-node bi-list-item", + id: "", + pId: "", + layer: 2, + open: false, + height: 25 + }) + }, + + _getFieldClass: function (type) { + switch (type) { + case BICst.COLUMN.STRING: + return "select-data-field-string-group-font"; + case BICst.COLUMN.NUMBER: + return "select-data-field-number-group-font"; + case BICst.COLUMN.DATE: + return "select-data-field-date-group-font"; + case BICst.COLUMN.COUNTER: + return "select-data-field-number-group-font"; + default: + return "select-data-field-date-group-font"; + } + }, + + _init: function () { + BI.SelectDataLevel2DateNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.button = BI.createWidget({ + type: "bi.icon_text_item", + cls: this._getFieldClass(o.fieldType), + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height, + textLgap: 10, + textRgap: 5 + }); + + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox" + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.layout" + }, + width: o.layer * 20 + }, { + el: this.button + }, { + el: this.checkbox, + width: 25 + }] + }) + }, + + doRedMark: function () { + this.button.doRedMark.apply(this.button, arguments); + }, + + unRedMark: function () { + this.button.unRedMark.apply(this.button, arguments); + }, + + doClick: function () { + BI.SelectDataLevel2DateNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.SelectDataLevel2DateNode.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setValue: function (items) { + BI.SelectDataLevel2DateNode.superclass.setValue.apply(this, arguments); + }, + + setEnable: function (b) { + BI.SelectDataLevel2DateNode.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + } +}); + +$.shortcut("bi.select_data_level2_date_node", BI.SelectDataLevel2DateNode);/** + * 字段列表展开Expander + * + * Created by GUY on 2015/9/14. + * @class BI.SelectDataTree + * @extends BI.Widget + */ +BI.SelectDataTree = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-tree", + el: {}, + expander: {}, + items: [], + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.SelectDataTree.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.tree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: BI.extend({ + type: "bi.select_data_expander", + el: {}, + popup: { + type: "bi.select_data_tree" + } + }, o.expander), + items: o.items, + itemsCreator: o.itemsCreator, + + el: BI.extend({ + type: "bi.select_data_loader" + }, o.el) + }); + this.tree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.tree.on(BI.CustomTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataTree.EVENT_CHANGE, arguments); + }) + }, + + + setEnable: function (v) { + BI.SelectDataTree.superclass.setEnable.apply(this, arguments); + this.tree.setEnable(v) + }, + + showView: function(b){ + BI.each(this.tree.getAllButtons(),function(i, button){ + button.showView && button.showView(b); + }) + }, + + hideView: function(b){ + BI.each(this.tree.getAllButtons(),function(i, button){ + button.hideView && button.hideView(b); + }) + }, + + getAllButtons: function(){ + return this.tree.getAllButtons(); + }, + + doBehavior: function () { + this.tree.doBehavior.apply(this.tree, arguments); + }, + + empty: function () { + + }, + + populate: function (items) { + this.tree.populate.apply(this.tree, arguments); + }, + + setValue: function (v) { + this.tree.setValue(v); + }, + + getValue: function () { + //这里需要去重,因为很有可能expander中保存了之前的value值 + return BI.uniq(this.tree.getValue()); + } +}); +BI.SelectDataTree.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.select_data_tree", BI.SelectDataTree);/** + * Created by GUY on 2015/9/6. + * @class BI.SelectDataLevelItem + * @extends BI.Single + */ +BI.SelectDataLevelItem = BI.inherit(BI.Single, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataLevelItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-select-data-level0-item", + height: 25, + hgap: 0, + layer: 1, + fieldType: BICst.COLUMN.STRING, + lgap: 0, + rgap: 0 + }) + }, + + _getFieldClass: function (type) { + switch (type) { + case BICst.COLUMN.STRING: + return "select-data-field-string-font"; + case BICst.COLUMN.NUMBER: + return "select-data-field-number-font"; + case BICst.COLUMN.DATE: + return "select-data-field-date-font"; + case BICst.COLUMN.COUNTER: + return "select-data-field-number-font"; + default: + return "select-data-field-number-font"; + } + }, + + _init: function () { + BI.SelectDataLevelItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.button = BI.createWidget({ + type: "bi.blank_icon_text_item", + trigger: "mousedown", + cls: "select-data-level0-item-button " + this._getFieldClass(o.fieldType), + blankWidth: o.layer * 20, + text: o.text, + value: o.value, + keyword: o.keyword, + height: 25, + textLgap: 10, + textRgap: 5 + }); + this.button.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, self.getValue(), self); + }); + + this.topLine = BI.createWidget({ + type: "bi.layout", + height: 0, + cls: "select-data-top-line" + }); + this.bottomLine = BI.createWidget({ + type: "bi.layout", + height: 0, + cls: "select-data-bottom-line" + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.topLine, + top: 0, + left: o.lgap, + right: o.rgap + }, { + el: this.bottomLine, + bottom: 0, + left: o.lgap, + right: o.rgap + }, { + el: this.button, + top: 0, + left: o.lgap, + right: o.rgap + }] + }); + this.topLine.invisible(); + this.bottomLine.invisible(); + }, + + setEnable: function (v) { + BI.SelectDataLevelItem.superclass.setEnable.apply(this, arguments) + this.button.setEnable(v); + try { + this.button.element.draggable(v ? "enable" : "disable"); + } catch (e) { + + } + if (!v) { + this.setSelected(false); + } + }, + + isSelected: function () { + return this.button.isSelected(); + }, + + setSelected: function (b) { + this.button.setSelected(b); + if (!b) { + this.topLine.invisible(); + this.bottomLine.invisible(); + this.element.removeClass("select-data-item-top"); + this.element.removeClass("select-data-item-bottom"); + } + }, + + setTopLineVisible: function () { + this.topLine.visible(); + this.element.addClass("select-data-item-top"); + }, + + setTopLineInVisible: function () { + this.topLine.invisible(); + this.element.removeClass("select-data-item-top"); + }, + + setBottomLineVisible: function () { + this.bottomLine.visible(); + this.element.addClass("select-data-item-bottom"); + }, + + setBottomLineInVisible: function () { + this.bottomLine.invisible(); + this.element.removeClass("select-data-item-bottom"); + }, + + doRedMark: function () { + this.button.doRedMark.apply(this.button, arguments); + }, + + unRedMark: function () { + this.button.unRedMark.apply(this.button, arguments); + }, + + doHighLight: function () { + this.button.doHighLight.apply(this.button, arguments); + }, + + unHighLight: function () { + this.button.unHighLight.apply(this.button, arguments); + } +}); + +$.shortcut("bi.select_data_level_item", BI.SelectDataLevelItem);/** + * 加号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.SelectTreeFirstPlusGroupNode + * @extends BI.NodeButton + */ +BI.SelectTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.SelectTreeFirstPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-select-tree-first-plus-group-node bi-list-item-active", + logic: { + dynamic: false + }, + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.SelectTreeFirstPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.first_tree_node_checkbox", + stopPropagation: true + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.triggerExpand(); + } else { + self.triggerCollapse(); + } + } + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + isOnce: function () { + return true; + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.NodeButton.superclass.doClick.apply(this, arguments); + }, + + setOpened: function (v) { + BI.SelectTreeFirstPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.checkbox)) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.select_tree_first_plus_group_node", BI.SelectTreeFirstPlusGroupNode);/** + * 加号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.SelectTreeLastPlusGroupNode + * @extends BI.NodeButton + */ +BI.SelectTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.SelectTreeLastPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-select-tree-last-plus-group-node bi-list-item-active", + logic: { + dynamic: false + }, + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.SelectTreeLastPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.last_tree_node_checkbox", + stopPropagation: true + }) + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.triggerExpand(); + } else { + self.triggerCollapse(); + } + } + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + isOnce: function () { + return true; + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.NodeButton.superclass.doClick.apply(this, arguments); + }, + + setOpened: function (v) { + BI.SelectTreeLastPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.checkbox)) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.select_tree_last_plus_group_node", BI.SelectTreeLastPlusGroupNode);/** + * 加号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.SelectTreeMidPlusGroupNode + * @extends BI.NodeButton + */ +BI.SelectTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.SelectTreeMidPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-select-tree-mid-plus-group-node bi-list-item-active", + logic: { + dynamic: false + }, + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.SelectTreeMidPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.mid_tree_node_checkbox", + stopPropagation: true + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.triggerExpand(); + } else { + self.triggerCollapse(); + } + } + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + isOnce: function () { + return true; + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.NodeButton.superclass.doClick.apply(this, arguments); + }, + + setOpened: function (v) { + BI.SelectTreeMidPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.checkbox)) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.select_tree_mid_plus_group_node", BI.SelectTreeMidPlusGroupNode);/** + * @class BI.SelectTreeCombo + * @extends BI.Widget + */ +BI.SelectTreeCombo = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SelectTreeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-tree-combo", + height: 30, + text: "", + items: [] + }); + }, + + _init: function () { + BI.SelectTreeCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.single_tree_trigger", + text: o.text, + height: o.height, + items: o.items + }); + + this.popup = BI.createWidget({ + type: "bi.select_tree_popup", + items: o.items + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup + } + }); + + this.combo.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.popup.on(BI.SingleTreePopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + }); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + populate: function (items) { + this.combo.populate(items); + } +}); + + +$.shortcut("bi.select_tree_combo", BI.SelectTreeCombo);/** + * @class BI.SelectTreeExpander + * @extends BI.Widget + */ +BI.SelectTreeExpander = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SelectTreeExpander.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-tree-expander", + trigger: "click", + toggle: true, + direction: "bottom", + isDefaultInit: true, + el: {}, + popup: {} + }); + }, + + _init: function () { + BI.SelectTreeExpander.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget(BI.extend({stopPropagation: true}, o.el)); + this.trigger.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.expander.setValue([]); + } + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.expander = BI.createWidget({ + type: "bi.expander", + element: this, + trigger: o.trigger, + toggle: o.toggle, + direction: o.direction, + isDefaultInit: o.isDefaultInit, + el: this.trigger, + popup: o.popup + }); + this.expander.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.trigger.setSelected(false); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + setValue: function (v) { + if (BI.contains(v, this.trigger.getValue())) { + this.trigger.setSelected(true); + this.expander.setValue([]); + } else { + this.trigger.setSelected(false); + this.expander.setValue(v); + } + }, + + getValue: function () { + if (this.trigger.isSelected()) { + return [this.trigger.getValue()]; + } + return this.expander.getValue(); + }, + + populate: function (items) { + this.expander.populate(items); + } +}); + +$.shortcut("bi.select_tree_expander", BI.SelectTreeExpander);/** + * @class BI.SelectTreePopup + * @extends BI.Pane + */ + +BI.SelectTreePopup = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.SelectTreePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-tree-popup", + tipText: BI.i18nText("BI-No_Selected_Item"), + items: [] + }); + }, + + _formatItems: function (nodes, layer) { + var self = this; + BI.each(nodes, function (i, node) { + var extend = {layer: layer}; + node.id = node.id || BI.UUID(); + if (node.isParent === true || BI.isNotEmptyArray(node.children)) { + switch (i) { + case 0 : + extend.type = "bi.select_tree_first_plus_group_node"; + break; + case nodes.length - 1 : + extend.type = "bi.select_tree_last_plus_group_node"; + break; + default : + extend.type = "bi.select_tree_mid_plus_group_node"; + break; + } + BI.defaults(node, extend); + self._formatItems(node.children); + } else { + switch (i) { + case nodes.length - 1: + extend.type = "bi.last_tree_leaf_item"; + break; + default : + extend.type = "bi.mid_tree_leaf_item"; + } + BI.defaults(node, extend); + } + }); + return nodes; + }, + + _init: function () { + BI.SelectTreePopup.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.tree = BI.createWidget({ + type: 'bi.level_tree', + expander: { + type: "bi.select_tree_expander", + isDefaultInit: true + }, + items: this._formatItems(BI.Tree.transformToTreeFormat(o.items)), + chooseType: BI.Selection.Single + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.tree] + }); + + this.tree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.tree.on(BI.LevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectTreePopup.EVENT_CHANGE); + }); + + this.check(); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.tree.setValue(v); + }, + + populate: function (items) { + BI.SelectTreePopup.superclass.populate.apply(this, arguments); + this.tree.populate(items); + } +}); + +BI.SelectTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.select_tree_popup", BI.SelectTreePopup);/** + * + * Created by GUY on 2016/8/10. + * @class BI.SequenceTableDynamicNumber + * @extends BI.SequenceTableTreeNumber + */ +BI.SequenceTableDynamicNumber = BI.inherit(BI.SequenceTableTreeNumber, { + + _defaultConfig: function () { + return BI.extend(BI.SequenceTableDynamicNumber.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-sequence-table-dynamic-number" + }); + }, + + _init: function () { + BI.SequenceTableDynamicNumber.superclass._init.apply(this, arguments); + }, + + _formatNumber: function (nodes) { + var self = this, o = this.options; + var result = []; + var count = this._getStart(nodes); + + function getLeafCount(node) { + var cnt = 0; + if (BI.isNotEmptyArray(node.children)) { + BI.each(node.children, function (index, child) { + cnt += getLeafCount(child); + }); + if (node.children.length > 1 && BI.isNotEmptyArray(node.values)) { + cnt++; + } + } else { + cnt++; + } + return cnt; + } + + var start = 0, top = 0; + BI.each(nodes, function (i, node) { + if (BI.isArray(node.children)) { + BI.each(node.children, function (index, child) { + var cnt = getLeafCount(child); + result.push({ + text: count++, + start: start, + top: top, + cnt: cnt, + index: index, + height: cnt * o.rowSize + }); + start += cnt; + top += cnt * o.rowSize; + }); + if (BI.isNotEmptyArray(node.values)) { + result.push({ + text: BI.i18nText("BI-Summary_Values"), + start: start++, + top: top, + cnt: 1, + isSummary: true, + height: o.rowSize + }); + top += o.rowSize; + } + } + }); + return result; + } +}); +$.shortcut('bi.sequence_table_dynamic_number', BI.SequenceTableDynamicNumber);/** + * + * Created by GUY on 2016/5/26. + * @class BI.SequenceTableListNumber + * @extends BI.Widget + */ +BI.SequenceTableListNumber = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SequenceTableListNumber.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-sequence-table-list-number", + isNeedFreeze: false, + scrollTop: 0, + startSequence: 1,//开始的序号 + headerRowSize: 25, + rowSize: 25, + + header: [], + items: [], //二维数组 + + //交叉表头 + crossHeader: [], + crossItems: [], + + pageSize: 20 + }); + }, + + _init: function () { + BI.SequenceTableListNumber.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.start = o.startSequence; + this.renderedCells = []; + this.renderedKeys = []; + + this.header = BI.createWidget({ + type: "bi.table_style_cell", + cls: "sequence-table-title-cell", + styleGetter: o.headerCellStyleGetter, + text: BI.i18nText("BI-Number_Index") + }); + this.container = BI.createWidget({ + type: "bi.absolute", + width: 60, + scrollable: false + }); + + this.scrollContainer = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.container] + }); + + this.layout = BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.header, + height: o.headerRowSize * o.header.length + }, { + el: this.scrollContainer + }] + }); + this._populate(); + }, + + _layout: function () { + var self = this, o = this.options; + var headerHeight = o.headerRowSize * o.header.length; + var items = this.layout.attr("items"); + if (o.isNeedFreeze === false) { + items[0].height = 0; + } else if (o.isNeedFreeze === true) { + items[0].height = headerHeight; + } + this.layout.attr("items", items); + this.layout.resize(); + this.container.setHeight(o.items.length * o.rowSize); + this.scrollContainer.element.scrollTop(o.scrollTop); + }, + + _calculateChildrenToRender: function () { + var self = this, o = this.options; + var scrollTop = BI.clamp(o.scrollTop, 0, o.rowSize * o.items.length - (o.height - o.header.length * o.headerRowSize) + BI.DOM.getScrollWidth()); + var start = Math.floor(scrollTop / o.rowSize); + var end = start + Math.floor((o.height - o.header.length * o.headerRowSize) / o.rowSize); + var renderedCells = [], renderedKeys = []; + for (var i = start, cnt = 0; i <= end && i < o.items.length; i++, cnt++) { + var index = BI.deepIndexOf(this.renderedKeys, this.start + i); + var top = i * o.rowSize; + if (index > -1) { + if (o.rowSize !== this.renderedCells[index]._height) { + this.renderedCells[index]._height = o.rowSize; + this.renderedCells[index].el.setHeight(o.rowSize); + } + if (this.renderedCells[index].top !== top) { + this.renderedCells[index].top = top; + this.renderedCells[index].el.element.css("top", top + "px"); + } + renderedCells.push(this.renderedCells[index]); + } else { + var child = BI.createWidget(BI.extend({ + type: "bi.table_style_cell", + cls: "sequence-table-number-cell", + width: 60, + height: o.rowSize, + text: this.start + i, + styleGetter: function (index) { + return function () { + return o.sequenceCellStyleGetter(self.start + i - 1); + } + }(cnt) + })); + renderedCells.push({ + el: child, + left: 0, + top: top, + _height: o.rowSize + }); + } + renderedKeys.push(this.start + i); + } + + //已存在的, 需要添加的和需要删除的 + var existSet = {}, addSet = {}, deleteArray = []; + BI.each(renderedKeys, function (i, key) { + if (BI.deepContains(self.renderedKeys, key)) { + existSet[i] = key; + } else { + addSet[i] = key; + } + }); + BI.each(this.renderedKeys, function (i, key) { + if (BI.deepContains(existSet, key)) { + return; + } + if (BI.deepContains(addSet, key)) { + return; + } + deleteArray.push(i); + }); + BI.each(deleteArray, function (i, index) { + self.renderedCells[index].el.destroy(); + }); + var addedItems = []; + BI.each(addSet, function (index) { + addedItems.push(renderedCells[index]) + }); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: addedItems + }); + this.renderedCells = renderedCells; + this.renderedKeys = renderedKeys; + }, + + _populate: function () { + this.header.populate(); + this._layout(); + this._calculateChildrenToRender(); + }, + + setVerticalScroll: function (scrollTop) { + if (this.options.scrollTop !== scrollTop) { + this.options.scrollTop = scrollTop; + this.scrollContainer.element.scrollTop(scrollTop); + } + }, + + getVerticalScroll: function () { + return this.options.scrollTop; + }, + + setVPage: function (v) { + var o = this.options; + this.start = (v - 1) * o.pageSize + 1; + }, + + _restore: function () { + var o = this.options; + BI.each(this.renderedCells, function (i, cell) { + cell.el.destroy(); + }); + this.renderedCells = []; + this.renderedKeys = []; + }, + + restore: function () { + this._restore(); + }, + + populate: function (items, header) { + var o = this.options; + if (items && items !== this.options.items) { + o.items = items; + this._restore(); + } + if (header && header !== this.options.header) { + o.header = header; + } + this._populate(); + } +}); +$.shortcut('bi.sequence_table_list_number', BI.SequenceTableListNumber);/** + * 带有序号的表格 + * + * Created by GUY on 2016/5/26. + * @class BI.SequenceTable + * @extends BI.Widget + */ +BI.SequenceTable = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SequenceTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-sequence-table", + el: { + type: "bi.adaptive_table" + }, + + sequence: {}, + + isNeedResize: true, + isResizeAdapt: false, + + isNeedFreeze: false,//是否需要冻结单元格 + freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为true时生效 + + isNeedMerge: false,//是否需要合并单元格 + mergeCols: [], //合并的单元格列号 + mergeRule: BI.emptyFn, + + columnSize: [], + minColumnSize: [], + maxColumnSize: [], + headerRowSize: 25, + rowSize: 25, + + regionColumnSize: [], + + headerCellStyleGetter: BI.emptyFn, + summaryCellStyleGetter: BI.emptyFn, + sequenceCellStyleGetter: BI.emptyFn, + + header: [], + items: [], //二维数组 + + //交叉表头 + crossHeader: [], + crossItems: [], + + showSequence: false, + startSequence: 1//开始的序号 + }); + }, + + _init: function () { + BI.SequenceTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.sequence = BI.createWidget(o.sequence, { + type: "bi.sequence_table_list_number", + invisible: o.showSequence === false, + startSequence: o.startSequence, + isNeedFreeze: o.isNeedFreeze, + header: o.header, + items: o.items, + crossHeader: o.crossHeader, + crossItems: o.crossItems, + headerRowSize: o.headerRowSize, + rowSize: o.rowSize, + width: 60, + height: o.height - BI.GridTableScrollbar.SIZE, + + headerCellStyleGetter: o.headerCellStyleGetter, + summaryCellStyleGetter: o.summaryCellStyleGetter, + sequenceCellStyleGetter: o.sequenceCellStyleGetter + }); + this.table = BI.createWidget(o.el, { + type: "bi.adaptive_table", + width: o.showSequence === true ? o.width - 60 : o.width, + height: o.height, + isNeedResize: o.isNeedResize, + isResizeAdapt: o.isResizeAdapt, + + isNeedFreeze: o.isNeedFreeze, + freezeCols: o.freezeCols, + + isNeedMerge: o.isNeedMerge, + mergeCols: o.mergeCols, + mergeRule: o.mergeRule, + + columnSize: o.columnSize, + minColumnSize: o.minColumnSize, + maxColumnSize: o.maxColumnSize, + headerRowSize: o.headerRowSize, + rowSize: o.rowSize, + + regionColumnSize: o.regionColumnSize, + + headerCellStyleGetter: o.headerCellStyleGetter, + summaryCellStyleGetter: o.summaryCellStyleGetter, + sequenceCellStyleGetter: o.sequenceCellStyleGetter, + + header: o.header, + items: o.items, + //交叉表头 + crossHeader: o.crossHeader, + crossItems: o.crossItems + }); + + this.table.on(BI.Table.EVENT_TABLE_SCROLL, function (scroll) { + if (self.sequence.getVerticalScroll() !== this.getVerticalScroll()) { + self.sequence.setVerticalScroll(this.getVerticalScroll()); + self.sequence.populate(); + } + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { + o.regionColumnSize = this.getRegionColumnSize(); + o.columnSize = this.getColumnSize(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { + o.regionColumnSize = this.getRegionColumnSize(); + o.columnSize = this.getColumnSize(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); + }); + + this.htape = BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.sequence, + left: 0, + top: 0 + }, { + el: this.table, + top: 0, + left: o.showSequence === true ? 60 : 0 + }] + }); + this._populate(); + }, + + _populate: function () { + var o = this.options; + this.sequence.attr({ + items: o.items, + header: o.header, + crossItems: o.crossItems, + crossHeader: o.crossHeader + }); + if (o.showSequence === true) { + this.sequence.setVisible(true); + this.table.element.css("left", "60px"); + this.table.setWidth(o.width - 60); + } else { + this.sequence.setVisible(false); + this.table.element.css("left", "0px"); + this.table.setWidth(o.width); + } + }, + + setWidth: function (width) { + BI.PageTable.superclass.setWidth.apply(this, arguments); + this.table.setWidth(this.options.showSequence ? width - 60 : width); + }, + + setHeight: function (height) { + BI.PageTable.superclass.setHeight.apply(this, arguments); + this.table.setHeight(height); + this.sequence.setHeight(height - BI.GridTableScrollbar.SIZE); + }, + + setColumnSize: function (columnSize) { + this.options.columnSize = columnSize; + this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + setRegionColumnSize: function (columnSize) { + this.options.columnSize = columnSize; + this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + hasLeftHorizontalScroll: function () { + return this.table.hasLeftHorizontalScroll(); + }, + + hasRightHorizontalScroll: function () { + return this.table.hasRightHorizontalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + this.table.setVerticalScroll(scrollTop); + this.sequence.setVerticalScroll(scrollTop); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + setVPage: function (page) { + this.sequence.setVPage && this.sequence.setVPage(page); + }, + + setHPage: function (page) { + this.sequence.setHPage && this.sequence.setHPage(page); + }, + + attr: function () { + BI.SequenceTable.superclass.attr.apply(this, arguments); + this.table.attr.apply(this.table, arguments); + this.sequence.attr.apply(this.sequence, arguments); + }, + + restore: function () { + this.table.restore(); + this.sequence.restore(); + }, + + populate: function (items, header, crossItems, crossHeader) { + var o = this.options; + if (items) { + o.items = items; + } + if (header) { + o.header = header; + } + if (crossItems) { + o.crossItems = crossItems; + } + if (crossHeader) { + o.crossHeader = crossHeader; + } + this._populate(); + this.table.populate.apply(this.table, arguments); + this.sequence.populate.apply(this.sequence, arguments); + this.sequence.setVerticalScroll(this.table.getVerticalScroll()); + }, + + destroy: function () { + this.table.destroy(); + BI.SequenceTable.superclass.destroy.apply(this, arguments); + } +}); +$.shortcut('bi.sequence_table', BI.SequenceTable);/** + * 简单的搜索功能 + * + * Created by GUY on 2015/9/16. + * @class BI.SimpleSearcher + * @extends BI.Widget + */ +BI.SimpleSearcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SimpleSearcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-simple-searcher", + items: [], + itemsCreator: BI.emptyFn, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }); + }, + + _init: function () { + BI.SimpleSearcher.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + + this.tree = BI.createWidget({ + type: "bi.select_data_tree", + items: o.items, + el: { + el: { + chooseType: o.chooseType + } + }, + itemsCreator: o.itemsCreator + }); + this.tree.on(BI.SelectDataTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleSearcher.EVENT_CHANGE, arguments); + }); + + this.searcher = BI.createWidget({ + type: "bi.searcher", + el: { + type: "bi.small_search_editor" + }, + isAutoSearch: false, //是否自动搜索 + isAutoSync: false, + onSearch: function (op, populate) { + o.itemsCreator(op, function (searchResult, matchResult) { + populate(searchResult, matchResult, op.keyword); + }) + }, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + popup: { + matcher: { + type: "bi.select_data_tree", + el: { + el: { + chooseType: o.chooseType + } + }, + itemsCreator: o.itemsCreator + }, + searcher: { + type: "bi.select_data_tree", + el: { + el: { + chooseType: o.chooseType + } + }, + itemsCreator: o.itemsCreator + } + }, + adapter: this.tree + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: { + type: "bi.absolute", + items: [{ + el: this.searcher, + left: 10, + right: 10, + top: 10 + }] + }, + height: 45 + }, this.tree] + }) + }, + + stopSearch: function () { + this.searcher.stopSearch(); + }, + + setValue: function (v) { + + }, + + getValue: function () { + return this.searcher.getValue(); + }, + + populate: function () { + this.tree.populate.apply(this.tree, arguments); + } +}); +BI.SimpleSearcher.EVENT_CHANGE = "SimpleSearcher.EVENT_CHANGE"; +$.shortcut('bi.simple_searcher', BI.SimpleSearcher);/** + * 完成搜索功能模块 + * + * Created by GUY on 2015/9/16. + * @class BI.SimpleSelectDataSearcher + * @extends BI.Widget + */ +BI.SimpleSelectDataSearcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SimpleSelectDataSearcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-simple-select-data-searcher", + items: [], + itemsCreator: BI.emptyFn, + popup: {}, + adapter: {} + }); + }, + + _init: function () { + BI.SimpleSelectDataSearcher.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + + this.tree = BI.createWidget(o.adapter, { + type: "bi.select_data_tree", + items: o.items, + el: { + el: { + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + } + }, + itemsCreator: o.itemsCreator + }); + this.tree.on(BI.SelectDataTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleSelectDataSearcher.EVENT_CLICK_ITEM, arguments); + }); + + this.searcherPane = BI.createWidget(o.popup, { + type: "bi.simple_select_data_search_result_pane", + itemsCreator: o.itemsCreator + }); + this.searcherPane.on(BI.SimpleSelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE, function () { + self.searcher.doSearch(); + }); + this.searcherPane.on(BI.SimpleSelectDataSearchResultPane.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleSelectDataSearcher.EVENT_CLICK_ITEM, arguments); + }); + + + this.searcher = BI.createWidget({ + type: "bi.searcher", + el: { + type: "bi.small_search_editor" + }, + isAutoSearch: false, //是否自动搜索 + isAutoSync: false, + onSearch: function (op, populate) { + o.itemsCreator(BI.extend(op, { + searchType: self.searcherPane.getSegmentValue() + }), function (searchResult, matchResult) { + populate(searchResult, matchResult, op.keyword); + }) + }, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + popup: this.searcherPane, + adapter: this.tree + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: { + type: "bi.absolute", + items: [{ + el: this.searcher, + left: 10, + right: 10, + top: 10 + }] + }, + height: 45 + }, this.tree] + }) + }, + + stopSearch: function () { + this.searcher.stopSearch(); + }, + + setValue: function (v) { + + }, + + getValue: function () { + return this.searcher.getValue(); + }, + + populate: function () { + this.tree.populate.apply(this.tree, arguments); + } +}); +BI.SimpleSelectDataSearcher.EVENT_CLICK_ITEM = "EVENT_CLICK_ITEM"; +$.shortcut('bi.simple_select_data_searcher', BI.SimpleSelectDataSearcher);/** + * 搜索结果面板 + * + * Created by GUY on 2015/9/16. + * @class BI.SimpleSelectDataSearchResultPane + * @extends BI.Widget + */ +BI.SimpleSelectDataSearchResultPane = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SimpleSelectDataSearchResultPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-select-data-search-result-pane bi-select-data-search-result-pane bi-searcher-view", + itemsCreator: BI.emptyFn, + segment: {} + }); + }, + + _init: function () { + BI.SimpleSelectDataSearchResultPane.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.segment = BI.createWidget(o.segment, { + type: "bi.simple_select_data_search_segment", + cls: "search-result-toolbar" + }); + this.segment.on(BI.SimpleSelectDataSearchSegment.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleSelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE); + }); + + this.resultPane = BI.createWidget({ + type: "bi.searcher_view", + matcher: { + type: "bi.select_data_tree", + el: { + el: { + chooseType: BI.Selection.Single + } + }, + itemsCreator: o.itemsCreator + }, + searcher: { + type: "bi.select_data_tree", + el: { + el: { + chooseType: BI.Selection.Single + } + }, + itemsCreator: o.itemsCreator + } + }); + + this.resultPane.on(BI.SearcherView.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleSelectDataSearchResultPane.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.segment, + height: 30 + }, { + type: "bi.border", + cls: "search-result-line", + height: 2 + }, { + type: "bi.border", + cls: "search-result-line", + height: 1 + }, { + type: "bi.absolute", + items: [{ + el: this.resultPane, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }] + }); + }, + + empty: function () { + this.resultPane.empty(); + }, + + populate: function (searchResult, matchResult, keyword) { + this.resultPane.populate.apply(this.resultPane, arguments); + }, + + setValue: function (v) { + + }, + + getSegmentValue: function () { + return this.segment.getValue(); + }, + + getValue: function () { + return this.resultPane.getValue(); + } +}); +BI.SimpleSelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE = "EVENT_SEARCH_TYPE_CHANGE"; +BI.SimpleSelectDataSearchResultPane.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.simple_select_data_search_result_pane', BI.SimpleSelectDataSearchResultPane);/** + * search面板选项栏 + * + * Created by GUY on 2015/9/16. + * @class BI.SimpleSelectDataSearchSegment + * @extends BI.Widget + */ +BI.SimpleSelectDataSearchSegment = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SimpleSelectDataSearchSegment.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-select-data-search-segment", + height: 30, + items: [{ + text: BI.i18nText("BI-Basic_Field"), + selected: true, + value: BI.SelectDataSearchSegment.SECTION_FIELD + }, { + text: BI.i18nText("BI-Basic_Table"), + value: BI.SelectDataSearchSegment.SECTION_TABLE + }] + }); + }, + + _init: function () { + BI.SimpleSelectDataSearchSegment.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.segment = BI.createWidget({ + type: "bi.segment", + height: 20, + cls: "search-segment-field-table", + items: o.items + }); + this.segment.on(BI.Segment.EVENT_CHANGE, function(){ + self.fireEvent(BI.SimpleSelectDataSearchSegment.EVENT_CHANGE); + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [{ + type: "bi.absolute", + height: o.height, + items: [{ + el: this.segment, + top: 5, + right: 10, + left: 10, + bottom: 5 + }] + }] + }); + }, + + setValue: function (v) { + var self = this; + BI.each([BI.SelectDataSearchSegment.SECTION_FIELD, + BI.SelectDataSearchSegment.SECTION_TABLE], function (i, key) { + if (key & v) { + self.segment.setValue(key & v); + } + }); + }, + + getValue: function () { + return this.segment.getValue()[0] + } +}); + +BI.SimpleSelectDataSearchSegment.EVENT_CHANGE = "SimpleSelectDataSearchSegment.EVENT_CHANGE"; +$.shortcut('bi.simple_select_data_search_segment', BI.SimpleSelectDataSearchSegment);/** + * Created by GUY on 2015/9/6. + * @class BI.SimpleSelectDataLevel0Node + * @extends BI.NodeButton + */ +BI.SimpleSelectDataLevel0Node = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + return BI.extend(BI.SimpleSelectDataLevel0Node.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-simple-select-data-level0-node bi-list-item", + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.SimpleSelectDataLevel0Node.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + width: 23, + el: this.checkbox + }, { + el: this.text + }] + }) + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.SimpleSelectDataLevel0Node.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.SimpleSelectDataLevel0Node.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setEnable: function (b) { + BI.SimpleSelectDataLevel0Node.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + } +}); + +$.shortcut("bi.simple_select_data_level0_node", BI.SimpleSelectDataLevel0Node);/** + * Created by GUY on 2015/9/6. + * @class BI.SimpleSelectDataLevel1Node + * @extends BI.NodeButton + */ +BI.SimpleSelectDataLevel1Node = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + return BI.extend(BI.SimpleSelectDataLevel1Node.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-simple-select-data-level1-node bi-list-item", + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.SimpleSelectDataLevel1Node.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if(type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.layout" + }, + width: 10 + },{ + width: 23, + el: this.checkbox + }, { + el: this.text + }] + }) + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.SimpleSelectDataLevel1Node.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.SimpleSelectDataLevel1Node.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setEnable: function (b) { + BI.SimpleSelectDataLevel1Node.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + } +}); + +$.shortcut("bi.simple_select_data_level1_node", BI.SimpleSelectDataLevel1Node);/** + * Created by zcf on 2016/9/22. + */ +BI.SingleSlider = BI.inherit(BI.Widget, { + _constant: { + EDITOR_WIDTH: 90, + EDITOR_HEIGHT: 30, + HEIGHT: 28, + SLIDER_WIDTH_HALF: 15, + SLIDER_WIDTH: 30, + SLIDER_HEIGHT: 30, + TRACK_HEIGHT: 24 + }, + _defaultConfig: function () { + return BI.extend(BI.SingleSlider.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-slider bi-slider-track" + }); + }, + _init: function () { + BI.SingleSlider.superclass._init.apply(this, arguments); + + var self = this; + var c = this._constant; + this.enable = false; + this.value = ""; + + this.backgroundTrack = BI.createWidget({ + type: "bi.layout", + cls: "background-track", + height: c.TRACK_HEIGHT + }); + this.grayTrack = BI.createWidget({ + type: "bi.layout", + cls: "gray-track", + height: 8 + }); + this.blueTrack = BI.createWidget({ + type: "bi.layout", + cls: "blue-track", + height: 8 + }); + this.track = this._createTrackWrapper(); + + this.slider = BI.createWidget({ + type: "bi.single_slider_slider" + }); + this.slider.element.draggable({ + axis: "x", + containment: this.grayTrack.element, + scroll: false, + drag: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1));//直接对计算出来的百分数保留到小数点后一位,相当于分成了1000份。 + self._setBlueTrack(significantPercent); + self._setLabelPosition(significantPercent); + var v = self._getValueByPercent(significantPercent); + self.label.setValue(v); + self.value = v; + }, + stop: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setSliderPosition(significantPercent); + self.fireEvent(BI.SingleSlider.EVENT_CHANGE); + } + }); + var sliderVertical = BI.createWidget({ + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [this.slider] + }], + hgap: c.SLIDER_WIDTH_HALF, + height: c.SLIDER_HEIGHT + }); + sliderVertical.element.click(function (e) { + if (self.enable) { + var offset = e.clientX - self.element.offset().left - c.SLIDER_WIDTH_HALF; + var trackLength = self.track.element[0].scrollWidth; + var percent = 0; + if (offset < 0) { + percent = 0 + } + if (offset > 0 && offset < (trackLength - c.SLIDER_WIDTH)) { + percent = offset * 100 / self._getGrayTrackLength(); + } + if (offset > (trackLength - c.SLIDER_WIDTH)) { + percent = 100 + } + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setAllPosition(significantPercent); + var v = self._getValueByPercent(significantPercent); + self.label.setValue(v); + self.value = v; + self.fireEvent(BI.SingleSlider.EVENT_CHANGE); + } + }); + this.label = BI.createWidget({ + type: "bi.sign_editor", + cls: "slider-editor-button", + errorText: "", + height: c.HEIGHT, + width: c.EDITOR_WIDTH, + allowBlank: false, + validationChecker: function (v) { + return self._checkValidation(v); + }, + quitChecker: function (v) { + return self._checkValidation(v); + } + }); + this.label.on(BI.SignEditor.EVENT_CONFIRM, function () { + var percent = self._getPercentByValue(this.getValue()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setAllPosition(significantPercent); + self.fireEvent(BI.SingleSlider.EVENT_CHANGE); + }); + this._setVisible(false); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.track, + width: "100%", + height: c.TRACK_HEIGHT + }] + }], + hgap: 7, + height: c.TRACK_HEIGHT + }, + top: 33, + left: 0, + width: "100%" + }, { + el: sliderVertical, + top: 30, + left: 0, + width: "100%" + }, { + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [this.label] + }], + rgap: c.EDITOR_WIDTH, + height: c.EDITOR_HEIGHT + }, + top: 0, + left: 0, + width: "100%" + }] + }) + }, + + _createTrackWrapper: function () { + return BI.createWidget({ + type: "bi.absolute", + items: [{ + el: this.backgroundTrack, + width: "100%" + }, { + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.grayTrack, + top: 0, + left: 0, + width: "100%" + }, { + el: this.blueTrack, + top: 0, + left: 0, + width: "0%" + }] + }], + hgap: 8, + height: 8 + }, + top: 8, + left: 0, + width: "100%" + }] + }) + }, + + _checkValidation: function (v) { + return !(BI.isNull(v) || v < this.min || v > this.max) + }, + + _setBlueTrack: function (percent) { + this.blueTrack.element.css({"width": percent + "%"}); + }, + + _setLabelPosition: function (percent) { + this.label.element.css({"left": percent + "%"}); + }, + + _setSliderPosition: function (percent) { + this.slider.element.css({"left": percent + "%"}); + }, + + _setAllPosition: function (percent) { + this._setSliderPosition(percent); + this._setLabelPosition(percent); + this._setBlueTrack(percent); + }, + + _setVisible: function (visible) { + this.slider.setVisible(visible); + this.label.setVisible(visible); + }, + + _getGrayTrackLength: function () { + return this.grayTrack.element[0].scrollWidth + }, + + _getValueByPercent: function (percent) { + var thousandth = BI.parseInt(percent * 10); + return (((this.max - this.min) * thousandth) / 1000 + this.min); + }, + + _getPercentByValue: function (v) { + return (v - this.min) * 100 / (this.max - this.min); + }, + + getValue: function () { + return this.value; + }, + + setValue: function (v) { + var value = BI.parseFloat(v); + if ((!isNaN(value))) { + if (this._checkValidation(value)) { + this.value = value; + } + if (value > this.max) { + this.value = this.max; + } + if (value < this.min) { + this.value = this.min; + } + } + }, + + setMinAndMax: function (v) { + var minNumber = BI.parseFloat(v.min); + var maxNumber = BI.parseFloat(v.max); + if ((!isNaN(minNumber)) && (!isNaN(maxNumber)) && (maxNumber > minNumber )) { + this.min = minNumber; + this.max = maxNumber; + } + }, + + reset: function () { + this._setVisible(false); + this.enable = false; + this.value = ""; + this.min = 0; + this.max = 0; + this._setBlueTrack(0); + }, + + populate: function () { + if (!isNaN(this.min) && !isNaN(this.max)) { + this._setVisible(true); + this.enable = true; + this.label.setErrorText(BI.i18nText("BI-Please_Enter") + this.min + "-" + this.max + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Basic_Number")); + if (BI.isNumeric(this.value) || BI.isNotEmptyString(this.value)) { + this.label.setValue(this.value); + this._setAllPosition(this._getPercentByValue(this.value)); + } else { + this.label.setValue(this.max); + this._setAllPosition(100); + } + } + } +}); +BI.SingleSlider.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.single_slider", BI.SingleSlider);/** + * Created by zcf on 2016/9/22. + */ +BI.Slider = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Slider.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-slider-slider" + }); + }, + _init: function () { + BI.extend(BI.Slider.superclass._init.apply(this, arguments)); + this.slider = BI.createWidget({ + type: "bi.icon_button", + cls: "widget-slider-icon", + iconWidth: 30, + iconHeight: 30, + height: 30, + width: 30 + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.slider, + top: 0, + left: -15 + }], + width: 0, + height: 30 + }); + } +}); +$.shortcut("bi.single_slider_slider", BI.Slider);/** + * @class BI.SingleTreeCombo + * @extends BI.Widget + */ +BI.SingleTreeCombo = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SingleTreeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-tree-combo", + trigger: {}, + height: 30, + text: "", + items: [] + }); + }, + + _init: function () { + BI.SingleTreeCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget(BI.extend({ + type: "bi.single_tree_trigger", + text: o.text, + height: o.height, + items: o.items + }, o.trigger)); + + this.popup = BI.createWidget({ + type: "bi.single_tree_popup", + items: o.items + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup + } + }); + + this.combo.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.SingleTreeCombo.EVENT_BEFORE_POPUPVIEW, arguments); + }); + + this.popup.on(BI.SingleTreePopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.SingleTreeCombo.EVENT_CHANGE); + }); + }, + + populate: function (items) { + this.combo.populate(items); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + } +}); + +BI.SingleTreeCombo.EVENT_CHANGE = "SingleTreeCombo.EVENT_CHANGE"; +BI.SingleTreeCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; +$.shortcut("bi.single_tree_combo", BI.SingleTreeCombo);/** + * @class BI.SingleTreePopup + * @extends BI.Pane + */ + +BI.SingleTreePopup = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.SingleTreePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-tree-popup", + tipText: BI.i18nText("BI-No_Selected_Item"), + items: [] + }); + }, + + _init: function () { + BI.SingleTreePopup.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.tree = BI.createWidget({ + type: 'bi.level_tree', + expander: { + isDefaultInit: true + }, + items: o.items, + chooseType: BI.Selection.Single + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.tree] + }); + + this.tree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.tree.on(BI.LevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SingleTreePopup.EVENT_CHANGE); + }); + + this.check(); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.tree.setValue(v); + }, + + populate: function (items) { + BI.SingleTreePopup.superclass.populate.apply(this, arguments); + this.tree.populate(items); + } +}); + +BI.SingleTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.single_tree_popup", BI.SingleTreePopup);/** + * @class BI.SingleTreeTrigger + * @extends BI.Trigger + */ + +BI.SingleTreeTrigger = BI.inherit(BI.Trigger, { + + _defaultConfig: function () { + return BI.extend(BI.SingleTreeTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-tree-trigger", + height: 30, + text: "", + items: [] + }); + }, + + _init: function () { + BI.SingleTreeTrigger.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.select_text_trigger", + element: this, + text: o.text, + items: o.items, + height: o.height + }); + }, + + _checkTitle: function () { + var self = this, val = this.getValue(); + BI.any(this.options.items, function (i, item) { + if (val.contains(item.value)) { + self.trigger.setTitle(item.text || item.value); + return true; + } + }); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.options.value = v; + this.trigger.setValue(v); + this._checkTitle(); + }, + + getValue: function () { + return this.options.value || []; + }, + + populate: function (items) { + BI.SingleTreeTrigger.superclass.populate.apply(this, arguments); + this.trigger.populate(items); + } + +}); + +$.shortcut("bi.single_tree_trigger", BI.SingleTreeTrigger);BI.HorizontalDashLine = BI.inherit(BI.Widget, { + + + _defaultConfig: function () { + return BI.extend(BI.HorizontalDashLine.superclass._defaultConfig.apply(this, arguments), { + baseCls:"bi-svg-line-horizontal", + gap:5, + line:8, + stroke: "#009de3", + fill:"white", + height:3, + width:200 + }) + }, + + _init: function () { + BI.HorizontalDashLine.superclass._init.apply(this, arguments); + var o = this.options; + this.svg = BI.createWidget({ + type:"bi.svg", + element: this, + height: o.height, + width: o.width + }) + this.setMove() + }, + + setLength : function (w) { + if(w === this.options.width){ + return; + } + BI.HorizontalDashLine.superclass.setWidth.apply(this, arguments); + var o = this.options; + this.setMove() + }, + + + setMove:function() { + var o = this.options; + this.svg.clear(); + this.svg.path(this._createPath(0)).attr({ + stroke: o.stroke, + fill: o.fill + }) + }, + + _createPath : function (startPos) { + var o = this.options; + var path =""; + for(var j = 0; j < o.height; j++) { + for(var i = startPos - o.line; i < o.width; i+= o.line) { + path +="M" + (i + j)+ ","+ j + path +="L" + (i + j + o.line) + "," + j + i+= o.gap + } + } + return path; + } + +}) +$.shortcut("bi.horizontal_dash_line", BI.HorizontalDashLine);BI.VerticalDashLine = BI.inherit(BI.Widget, { + + + _defaultConfig: function () { + return BI.extend(BI.VerticalDashLine.superclass._defaultConfig.apply(this, arguments), { + baseCls:"bi-svg-line-vertical", + gap:5, + line:8, + stroke: "#009de3", + fill:"white", + height:200, + width:3 + }) + }, + + _init: function () { + BI.VerticalDashLine.superclass._init.apply(this, arguments); + var o = this.options; + this.svg = BI.createWidget({ + type:"bi.svg", + element: this, + height: o.height, + width: o.width + }) + this.setMove() + }, + + setLength : function (w) { + if(w === this.options.height){ + return; + } + BI.VerticalDashLine.superclass.setHeight.apply(this, arguments); + this.setMove() + }, + + + setMove:function() { + var o = this.options; + this.svg.clear(); + this.svg.path(this._createPath(0)).attr({ + stroke: o.stroke, + fill: o.fill + }) + }, + + _createPath : function (startPos) { + var o = this.options; + var path =""; + for(var j = 0; j < o.width; j++) { + for(var i = startPos - o.line; i < o.height; i+= o.line) { + path +="M"+ j + "," + (i + j) + path +="L" + j + "," + (i + j + o.line) + i+= o.gap + } + } + return path; + } + +}) +$.shortcut("bi.vertical_dash_line", BI.VerticalDashLine);BI.TriangleDragButton = BI.inherit(BI.Widget, { + _defaultConfig: function() { + return BI.extend(BI.TriangleDragButton.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-triangle-drag-button", + height : 30, + width : 30, + lineCount:6, + stroke: "#009de3", + fill:"white", + drag : null + }) + }, + + + _init : function() { + BI.TriangleDragButton.superclass._init.apply(this, arguments); + var o = this.options; + var svg = BI.createWidget({ + type:"bi.svg", + element: this, + height: o.height, + width: o.width + }) + var path = ""; + var h_step = o.height/ o.lineCount; + var w_step = o.width/ o.lineCount; + for(var i = 0; i < o.lineCount; i++){ + path +="M0," +(h_step * (i + 1)); + path +="L" + (w_step * (i + 1)) +",0" + } + svg.path(path).attr({ + stroke: o.stroke, + fill: o.fill + }) + this.reInitDrag(); + }, + + reInitDrag : function () { + var o = this.options; + if(BI.isNotNull(o.drag)) { + this.element.draggable(o.drag) + } + } +}); + +$.shortcut("bi.triangle_drag_button", BI.TriangleDragButton);/** + * 可以交换列位置的表格 + * + * @class BI.SortableTable + * @extends BI.Widget + */ +BI.SortableTable = BI.inherit(BI.Widget, { + + _const: { + perColumnSize: 100, + dragButtonWidth: 24, + dragButtonHeight: 24, + lineCount: 6, + lineWidth: 3 + }, + + _defaultConfig: function () { + return BI.extend(BI.SortableTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-sortable-table", + + headerRowSize: 30, + footerRowSize: 25, + rowSize: 25, + sortable: true, + + header: [], + items: [] //二维数组 + }); + }, + + _init: function () { + BI.SortableTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.insertLine = []; + + this.table = BI.createWidget({ + type: "bi.table_view", + isNeedResize: false, + isResizeAdapt: false, + columnSize: [], + headerRowSize: o.headerRowSize, + footerRowSize: o.footerRowSize, + rowSize: o.rowSize, + regionColumnSize: false, + header: o.header, + items: o.items + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_INIT, function () { + if(o.sortable === true){ + self._initDrag(); + self._createDashedLines(); + self._createInsertLine(); + } + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_RESIZE, function () { + if(o.sortable === true){ + self._createDashedLines(); + self._createInsertLine(); + } + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE, arguments); + }); + + this.table.element.mousemove(function(e){ + BI.each(self.dragHelpers, function(idx, dragHelper){ + var visible = (idx === self._getMouseInColumnIndex(e)); + dragHelper.setVisible(visible); + BI.each(self.dragHelpersLines[idx], function(id, line){ + line.setVisible(visible); + }) + }) + }) + + this.table.element.hover(function(e){ + }, function(e){ + BI.each(self.dragHelpers, function(idx, dragHelper){ + dragHelper.setVisible(false); + BI.each(self.dragHelpersLines[idx], function(id, line){ + line.setVisible(false); + }) + }) + }); + + this.element.droppable({ + accept: ".drag-header", + drop: function (e, ui) { + var absolutePosition = ui.position.left + self.table.getRightHorizontalScroll() + (e.pageX - ui.helper.offset().left); + var dropPosition = self._getColumnsLeftBorderDistance(); + var insertIndex = self._getNearIndexFromArray(dropPosition, absolutePosition) + //这个insertIndex是包含原元素的index + //调整item顺序,重新populate + var flag = self._exchangeItemsAndHeaderPosition(ui.helper.data("index"), insertIndex) + if(flag === true){ + BI.nextTick(function(){ + self.populate(o.items, o.header); + }); + self.fireEvent(BI.SortableTable.EVENT_CHANGE, ui.helper.data("index"), insertIndex); + } + } + }); + + BI.createWidget({ + type: "bi.vertical", + scrollx: false, + element: this, + items: [this.table] + }); + }, + + /** + * 插入到对应列的辅助线 + * @private + */ + _createInsertLine: function(){ + var self = this; + var dropPosition = this._getColumnsLeftBorderDistance(); + var height = this.table.getClientRegionRowSize()[0]; + var lineObj = { + type: "bi.layout", + cls: "insert-help-line", + invisible: true + }; + this.insertLine = [BI.createWidget(lineObj)]; + var hearders = this.table.getColumns().header[0]; + BI.each(hearders, function(idx, header){ + var line = BI.createWidget(BI.extend(lineObj)); + self.insertLine.push(line); + }); + BI.createWidget({ + type: "bi.absolute", + element: this.table.element, + items: BI.map(self.insertLine, function(idx, line){ + if(idx === self.insertLine.length - 1){ + return { + el: line, + top: 0, + height: height, + right: 0 + } + } + return { + el: line, + top: 0, + height: height, + left: dropPosition[idx] + } + }) + }) + }, + + _createDashedLines: function(){ + var self = this, c = this._const, o = this.options; + var RowsSize = this.table.getClientRegionRowSize(); + var columnsSizes = this.table.getCalculateColumnSize(); + var dropPosition = this._getColumnsLeftBorderDistance(); + var len = this.table.getCalculateRegionColumnSize()[0]; + this.dragHelpersLines = []; + BI.each(this.table.getColumns().header[0], function(idx, header){ + self.dragHelpersLines.push([BI.createWidget({ + type:"bi.horizontal_dash_line", //上 + width: columnsSizes[idx], + height: c.lineWidth, + invisible: true + }),BI.createWidget({ + type:"bi.vertical_dash_line", //右 + width: c.lineWidth, + height: RowsSize[0], + invisible: true + }),BI.createWidget({ + type:"bi.horizontal_dash_line", //下 + width: columnsSizes[idx], + height: c.lineWidth, + invisible: true + }),BI.createWidget({ //左 + type:"bi.vertical_dash_line", + width: c.lineWidth, + height: RowsSize[0], + invisible: true + })]); + }); + var length = this.dragHelpersLines.length; + BI.createWidget({ + type: "bi.absolute", + element: self.table, + items: BI.flatten(BI.map(this.dragHelpersLines, function(idx, children){ + return BI.map(children, function(id, child){ + var baseObj = { + el: child, + width: id % 2 === 0 ? columnsSizes[idx] : c.lineWidth, + height: id % 2 === 0 ? c.lineWidth : RowsSize[0] + } + if(id === 0 || id === children.length - 1){ //上和左 + return BI.extend({ + top: 0, + left: dropPosition[idx], + }, baseObj) + }else{ + return BI.extend({ //右和下 + bottom: 0, + right: idx === length - 1 ? 0 : len - dropPosition[idx + 1], + }, baseObj) + } + }); + })) + }) + }, + + _initDrag: function(){ + var self = this, c = this._const, o = this.options; + this.dragHelpers = []; + BI.each(this.table.getColumns().header[0], function(idx, header){ + var dragButton = BI.createWidget({ + type: "bi.triangle_drag_button", + cls: "drag-header", + width: c.dragButtonWidth, + height: c.dragButtonHeight, + lineCount: c.lineCount, + invisible: true + }); + BI.createWidget({ + type: "bi.absolute", + element: header, + items: [{ + el: dragButton, + top: 0, + left: 0 + }] + }) + + dragButton.element.draggable({ + axis: "x", //拖拽路径 + revert: false, + cursor: BICst.cursorUrl, + cursorAt: {left: 5, top: 5}, + containment: self.element, //约束拖拽区域 + drag: function(e, ui){ + self._showInsertHelpLine(e, ui); + }, + stop: function(){ + BI.each(self.insertLine, function(idx, line){ + line.setVisible(false); + }) + }, + helper: function () { + var RowsSize = self.table.getClientRegionRowSize(); + var columnsSizes = self.table.getCalculateColumnSize(); + var clone = BI.createWidget({ + type: "bi.layout", + cls: "sortable_table_drag_clone", + data: {index: BI.parseInt(idx)}, + width: columnsSizes[idx], + height: RowsSize[0] + }) + clone.element.appendTo(self.element); + return clone.element; + } + }) + self.dragHelpers.push(dragButton); + }); + }, + + _getMouseInColumnIndex: function(e){ + var dropPosition = this._getColumnsLeftBorderDistance(); + var columnsSizes = this.table.getCalculateColumnSize(); + var tableHeight = this.table.getClientRegionRowSize()[0]; + var tableOffsetLeft = e.pageX - this.table.element.offset().left; + var tableOffsetTop = this.table.element.offset().top; + return BI.find(BI.makeArray(dropPosition.length, null), function(idx){ + return !(tableOffsetLeft < dropPosition[idx] || tableOffsetLeft > dropPosition[idx] + columnsSizes[idx] + || e.pageY < tableOffsetTop || e.pageY >= tableOffsetTop + tableHeight); + }) + }, + + _getColumnsLeftBorderDistance: function(){ + var dropPosition = []; + var columnSizes = this.table.getCalculateColumnSize(); + BI.each(columnSizes, function(idx, columnSize){ + if(idx === 0){ + dropPosition.push(0) + }else{ + //+ 1边框偏移值 + dropPosition.push(dropPosition[idx - 1] + columnSizes[idx - 1] + 1) + } + }); + return dropPosition; + }, + + _showInsertHelpLine: function(e, ui){ + var absolutePosition = ui.position.left + this.table.getRightHorizontalScroll() + (e.pageX - ui.helper.offset().left); + var dropPosition = this._getColumnsLeftBorderDistance(); + var insertIndex = this._getNearIndexFromArray(dropPosition, absolutePosition); + BI.each(this.insertLine, function(idx, line){ + line.setVisible(insertIndex === idx); + }) + BI.each(this.dragHelpers, function(idx, helper){ + helper.setVisible(false); + }) + }, + + _exchangeItemsAndHeaderPosition: function (sourceIndex, targetIndex) { + var o = this.options; + if(sourceIndex === targetIndex){ + return false; + } + var header = BI.unzip(o.header); + var items = BI.unzip(o.items); + var sourceHeader = header[sourceIndex]; + var sourceitems = items[sourceIndex]; + header.splice(targetIndex, 0, sourceHeader); + items.splice(targetIndex, 0, sourceitems); + var deleteIndex = (sourceIndex < targetIndex) ? sourceIndex : sourceIndex + 1; + BI.removeAt(header, deleteIndex); + BI.removeAt(items, deleteIndex); + o.header = BI.unzip(header); + o.items = BI.unzip(items); + return true; + }, + + _getNearIndexFromArray: function (array, v) { + var self = this; + var index = 0; + BI.some(array, function (idx, item) { + if (idx === array.length - 1) { + index = idx; + //如果是最后一列,且鼠标位置超出最后一列的中间位置,表示插入到最后 + var len = self.table.getCalculateRegionColumnSize()[0]; + var columnSizes = self.table.getCalculateColumnSize(); + if(v > len - columnSizes[idx] / 2){ + index++; + } + } else { + if (v < array[idx + 1]) { + var avg = (item + array[idx + 1]) / 2; + + index = v < avg ? idx : idx + 1; + return true; + } + } + }) + return index; + }, + + getColumns: function(){ + return this.table.getColumns(); + }, + + setSortable: function(sortable){ + this.options.sortable = sortable; + }, + + populate: function (items, headers) { + var self = this, o = this.options; + o.header = headers; + o.items = items; + self.table.populate(o.items, o.header); + }, + + destroy: function () { + this.table.destroy(); + BI.SortableTable.superclass.destroy.apply(this, arguments); + } +}); + +BI.SortableTable.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.sortable_table', BI.SortableTable);/** + * 可以单选多选切换的树 + * + * Created by GUY on 2015/12/21. + * @class BI.SwitchTree + * @extends BI.Widget + */ +BI.SwitchTree = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SwitchTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-switch-tree", + items: [] + }); + }, + + _init: function () { + BI.SwitchTree.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.tab = BI.createWidget({ + type: "bi.tab", + element: this, + tab: null, + defaultShowIndex: BI.SwitchTree.SelectType.SingleSelect, + cardCreator: BI.bind(this._createTree, this) + }); + }, + + _createTree: function (type) { + var self = this, o = this.options; + switch (type) { + case BI.SwitchTree.SelectType.SingleSelect: + this.levelTree = BI.createWidget({ + type: "bi.multilayer_single_level_tree", + isDefaultInit: true, + items: BI.deepClone(o.items) + }); + this.levelTree.on(BI.LevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SwitchTree.EVENT_CHANGE, arguments); + }); + return this.levelTree; + case BI.SwitchTree.SelectType.MultiSelect: + this.tree = BI.createWidget({ + type: "bi.simple_tree", + items: this._removeIsParent(BI.deepClone(o.items)) + }); + this.tree.on(BI.SimpleTreeView.EVENT_CHANGE, function () { + self.fireEvent(BI.SwitchTree.EVENT_CHANGE, arguments); + }); + return this.tree; + } + }, + + _removeIsParent: function(items) { + BI.each(items, function(i, item) { + BI.isNotNull(item.isParent) && delete item.isParent; + }); + return items; + }, + + switchSelect: function () { + switch (this.getSelect()) { + case BI.SwitchTree.SelectType.SingleSelect: + this.setSelect(BI.SwitchTree.SelectType.MultiSelect); + break; + case BI.SwitchTree.SelectType.MultiSelect: + this.setSelect(BI.SwitchTree.SelectType.SingleSelect); + break; + } + }, + + setSelect: function (v) { + this.tab.setSelect(v); + }, + + getSelect: function () { + return this.tab.getSelect(); + }, + + setValue: function (v) { + this.storeValue = v; + switch (this.getSelect()) { + case BI.SwitchTree.SelectType.SingleSelect: + this.levelTree.setValue(v); + break; + case BI.SwitchTree.SelectType.MultiSelect: + this.tree.setValue(v); + break; + } + }, + + getValue: function () { + return this.tab.getValue(); + }, + + populate: function (items) { + this.options.items = items; + if (BI.isNotNull(this.levelTree)) { + this.levelTree.populate(BI.deepClone(items)); + } + if (BI.isNotNull(this.tree)) { + this.tree.populate(this._removeIsParent(BI.deepClone(items))); + } + } +}); +BI.SwitchTree.EVENT_CHANGE = "SwitchTree.EVENT_CHANGE"; +BI.SwitchTree.SelectType = { + SingleSelect: BI.Selection.Single, + MultiSelect: BI.Selection.Multi +}; +$.shortcut('bi.switch_tree', BI.SwitchTree); +/** + * 文本组件中 编辑栏作为trigger + * + * Created by GameJian on 2016/1/24. + */ +BI.TextArea = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextArea.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-area" + }); + }, + + _init: function () { + BI.TextArea.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.textarea = BI.createWidget({ + type: "bi.textarea_editor", + width: "100%", + height: "100%" + }); + + this.textarea.on(BI.TextAreaEditor.EVENT_FOCUS, function () { + self.combo.showView(); + }); + + this.textarea.on(BI.TextAreaEditor.EVENT_BLUR, function () { + if (BI.isEmptyString(this.getValue()) && !self.combo.isViewVisible()) { + self._showLabel(); + } else { + self._showInput(); + } + self.fireEvent(BI.TextArea.EVENT_VALUE_CHANGE, arguments) + }); + + this.toolbar = BI.createWidget({ + type: "bi.text_toolbar" + }); + + this.toolbar.on(BI.TextToolbar.EVENT_CHANGE, function () { + var style = this.getValue(); + self.textarea.setStyle(style); + self.element.css(style); + self.fireEvent(BI.TextArea.EVENT_VALUE_CHANGE, arguments); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + toggle: false, + direction: "top", + isNeedAdjustWidth: false, + isNeedAdjustHeight: false, + adjustLength: 1, + el: this.textarea, + popup: { + el: this.toolbar, + width: 253, + height: 30, + stopPropagation: false + } + }); + + this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + if (BI.isNotEmptyString(self.textarea.getValue())) { + self._showInput(); + } else { + self._showLabel(); + } + }); + + this.label = BI.createWidget({ + type: "bi.text_button", + cls: "text-area-editor-text-button-label", + whiteSpace: "normal", + text: BI.i18nText("BI-Click_To_Input_Text") + }); + + this.label.on(BI.TextButton.EVENT_CHANGE, function () { + self._showInput(); + self.textarea.focus(); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.combo, + left: 10, + right: 10, + top: 10, + bottom: 10 + }, { + el: this.label, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + }, + + _showInput: function () { + this.label.setVisible(false); + }, + + _showLabel: function () { + this.label.setVisible(true); + }, + + setValue: function (v) { + v || (v = {}); + if (BI.isNotEmptyString(v.content)) { + this._showInput(); + } + this.textarea.setValue(v.content); + this.toolbar.setValue(v.style); + this.textarea.setStyle(v.style); + this.element.css(v.style); + }, + + getValue: function () { + return {style: this.toolbar.getValue(), content: this.textarea.getValue()}; + } +}); +BI.TextArea.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE"; +$.shortcut("bi.text_area", BI.TextArea);/** + * 对齐方式选择 + * + * Created by GUY on 2015/11/26. + * @class BI.TextToolbarAlignChooser + * @extends BI.Widget + */ +BI.TextToolbarAlignChooser = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextToolbarAlignChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-toolbar-align-chooser", + width: 60, + height: 20 + }); + }, + + _init: function () { + BI.TextToolbarAlignChooser.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.button_group = BI.createWidget({ + type: "bi.button_group", + element: this, + items: BI.createItems([{ + cls: "align-chooser-button text-align-left-font", + selected: true, + title: BI.i18nText("BI-Word_Align_Left"), + value: BI.TextToolbarAlignChooser.TEXT_ALIGN_LEFT + }, { + cls: "align-chooser-button text-align-center-font", + title: BI.i18nText("BI-Word_Align_Middle"), + value: BI.TextToolbarAlignChooser.TEXT_ALIGN_CENTER + }, { + cls: "align-chooser-button text-align-right-font", + title: BI.i18nText("BI-Word_Align_Right"), + value: BI.TextToolbarAlignChooser.TEXT_ALIGN_RIGHT + }], { + type: "bi.icon_button", + height: o.height + }), + layouts: [{ + type: "bi.center" + }] + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button_group.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbarAlignChooser.EVENT_CHANGE, arguments); + }); + }, + + setValue: function (v) { + this.button_group.setValue(v); + }, + + getValue: function () { + return this.button_group.getValue()[0]; + } +}); +BI.extend(BI.TextToolbarAlignChooser, { + TEXT_ALIGN_LEFT: "left", + TEXT_ALIGN_CENTER: "center", + TEXT_ALIGN_RIGHT: "right" +}); +BI.TextToolbarAlignChooser.EVENT_CHANGE = "BI.TextToolbarAlignChooser.EVENT_CHANGE"; +$.shortcut('bi.text_toolbar_align_chooser', BI.TextToolbarAlignChooser);/** + * 颜色选择trigger + * + * Created by GUY on 2015/11/26. + * @class BI.TextToolbarBackgroundChooserTrigger + * @extends BI.Widget + */ +BI.TextToolbarBackgroundChooserTrigger = BI.inherit(BI.Trigger, { + _defaultConfig: function () { + var conf = BI.TextToolbarBackgroundChooserTrigger.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text-toolbar-background-chooser-trigger", + width: 20, + height: 20 + }); + }, + + _init: function () { + BI.TextToolbarBackgroundChooserTrigger.superclass._init.apply(this, arguments); + this.font = BI.createWidget({ + type: "bi.icon_button", + cls: "text-background-font" + }); + + this.underline = BI.createWidget({ + type: "bi.icon_button", + cls: "text-color-underline-font" + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.font, + top: 3, + left: 2 + }, { + el: this.underline, + top: 9, + left: 2 + }] + }) + }, + + setValue: function (color) { + this.underline.element.css("color", color); + }, + + getValue: function () { + return this.font.element.css("color"); + } +}); +$.shortcut('bi.text_toolbar_background_chooser_trigger', BI.TextToolbarBackgroundChooserTrigger);/** + * 颜色选择trigger + * + * Created by GUY on 2015/11/26. + * @class BI.TextToolbarColorChooserTrigger + * @extends BI.Widget + */ +BI.TextToolbarColorChooserTrigger = BI.inherit(BI.Trigger, { + _defaultConfig: function () { + var conf = BI.TextToolbarColorChooserTrigger.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text-toolbar-color-chooser-trigger", + width: 20, + height: 20 + }); + }, + + _init: function () { + BI.TextToolbarColorChooserTrigger.superclass._init.apply(this, arguments); + this.font = BI.createWidget({ + type: "bi.icon_button", + cls: "text-color-font" + }); + + this.underline = BI.createWidget({ + type: "bi.icon_button", + cls: "text-color-underline-font" + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.font, + top: 4, + left: 2 + },{ + el: this.underline, + top: 9, + left: 2 + }] + }) + }, + + setValue: function (color) { + this.underline.element.css("color", color); + }, + + getValue: function () { + return this.font.element.css("color"); + } +}); +$.shortcut('bi.text_toolbar_color_chooser_trigger', BI.TextToolbarColorChooserTrigger);/** + * 字体大小选择 + * + * Created by GUY on 2015/11/26. + * @class BI.TextToolbarSizeChooser + * @extends BI.Widget + */ +BI.TextToolbarSizeChooser = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextToolbarSizeChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-toolbar-size-chooser", + width: 50, + height: 20 + }); + }, + + _items: [{ + value: 12 + }, { + value: 14, + selected: true + }, { + value: 16 + }, { + value: 18 + }, { + value: 20 + }, { + value: 22 + }, { + value: 24 + }, { + value: 26 + }, { + value: 28 + }, { + value: 30 + }, { + value: 32 + }, { + value: 34 + }, { + value: 36 + }, { + value: 38 + }, { + value: 40 + }, { + value: 64 + }, { + value: 128 + }], + + _init: function () { + BI.TextToolbarSizeChooser.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.editor_trigger", + cls: "text-toolbar-size-chooser-editor-trigger", + height: o.height, + triggerWidth: 12, + validationChecker: function (size) { + return BI.isInteger(size) && size > 0; + }, + value: 14 + }); + this.trigger.on(BI.EditorTrigger.EVENT_CHANGE, function () { + self.setValue(BI.parseInt(this.getValue())); + self.fireEvent(BI.TextToolbarSizeChooser.EVENT_CHANGE, arguments); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + el: this.trigger, + adjustLength: 1, + popup: { + maxWidth: o.width, + minWidth: o.width, + el: { + type: "bi.button_group", + items: BI.createItems(this._items, { + type: "bi.single_select_item" + }), + layouts: [{ + type: "bi.vertical" + }] + } + } + }); + this.combo.on(BI.Combo.EVENT_CHANGE, function () { + this.hideView(); + self.fireEvent(BI.TextToolbarSizeChooser.EVENT_CHANGE, arguments); + }) + }, + + setValue: function (v) { + this.combo.setValue(v); + }, + + getValue: function () { + return BI.parseInt(this.trigger.getValue()); + } +}); +BI.TextToolbarSizeChooser.EVENT_CHANGE = "BI.TextToolbarSizeChooser.EVENT_CHANGE"; +$.shortcut('bi.text_toolbar_size_chooser', BI.TextToolbarSizeChooser);/** + * 颜色选择 + * + * Created by GUY on 2015/11/26. + * @class BI.TextToolbar + * @extends BI.Widget + */ +BI.TextToolbar = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextToolbar.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-toolbar", + width: 253, + height: 28 + }); + }, + + _init: function () { + BI.TextToolbar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.size = BI.createWidget({ + type: "bi.text_toolbar_size_chooser", + cls: "text-toolbar-size-chooser-trigger", + title: BI.i18nText("BI-Font_Size") + }); + this.size.on(BI.TextToolbarSizeChooser.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.bold = BI.createWidget({ + type: "bi.icon_button", + title: BI.i18nText("BI-Basic_Bold"), + height: 20, + width: 20, + cls: "text-toolbar-button bi-list-item-active text-bold-font" + }); + this.bold.on(BI.IconButton.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.italic = BI.createWidget({ + type: "bi.icon_button", + title: BI.i18nText("BI-Basic_Italic"), + height: 20, + width: 20, + cls: "text-toolbar-button bi-list-item-active text-italic-font" + }); + this.italic.on(BI.IconButton.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.underline = BI.createWidget({ + type: "bi.icon_button", + title: BI.i18nText("BI-Underline"), + height: 20, + width: 20, + cls: "text-toolbar-button bi-list-item-active text-underline-font" + }); + this.underline.on(BI.IconButton.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.colorchooser = BI.createWidget({ + type: "bi.color_chooser", + el: { + type: "bi.text_toolbar_color_chooser_trigger", + title: BI.i18nText("BI-Font_Colour"), + cls: "text-toolbar-button" + } + }); + this.colorchooser.on(BI.ColorChooser.EVENT_CHANGE, function () { + + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.backgroundchooser = BI.createWidget({ + type: "bi.color_chooser", + el: { + type: "bi.text_toolbar_background_chooser_trigger", + title: BI.i18nText("BI-Widget_Background_Colour"), + cls: "text-toolbar-button" + } + }); + this.backgroundchooser.on(BI.ColorChooser.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.alignchooser = BI.createWidget({ + type: "bi.text_toolbar_align_chooser", + cls: "text-toolbar-button" + }); + this.alignchooser.on(BI.TextToolbarAlignChooser.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.left", + element: this, + items: [this.size, this.bold, this.italic, this.underline, this.colorchooser, this.backgroundchooser, this.alignchooser], + hgap: 3, + vgap: 3 + }) + }, + + isColorChooserVisible: function () { + return this.colorchooser.isViewVisible(); + }, + + isBackgroundChooserVisible: function () { + return this.backgroundchooser.isViewVisible(); + }, + + setValue: function (v) { + v || (v = {}); + this.size.setValue(v["fontSize"] || 14); + this.bold.setSelected(v["fontWeight"] === "bold"); + this.italic.setSelected(v["fontStyle"] === "italic"); + this.underline.setSelected(v["textDecoration"] === "underline"); + this.colorchooser.setValue(v["color"] || "#000000"); + this.backgroundchooser.setValue(v["backgroundColor"] || "#ffffff"); + this.alignchooser.setValue(v["textAlign"] || "left"); + }, + + getValue: function () { + return { + "fontSize": this.size.getValue(), + "fontWeight": this.bold.isSelected() ? "bold" : "normal", + "fontStyle": this.italic.isSelected() ? "italic" : "normal", + "textDecoration": this.underline.isSelected() ? "underline" : "initial", + "color": this.colorchooser.getValue(), + "backgroundColor": this.backgroundchooser.getValue(), + "textAlign": this.alignchooser.getValue() + } + } +}); +BI.TextToolbar.EVENT_CHANGE = "BI.TextToolbar.EVENT_CHANGE"; +$.shortcut('bi.text_toolbar', BI.TextToolbar);/** + * Created by Baron on 2015/10/19. + */ +BI.TimeInterval = BI.inherit(BI.Single, { + constants: { + height: 25, + width: 25, + lgap: 15, + offset: -15, + timeErrorCls: "time-error", + DATE_MIN_VALUE: "1900-01-01", + DATE_MAX_VALUE: "2099-12-31" + }, + _defaultConfig: function () { + var conf = BI.TimeInterval.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-time-interval" + }) + }, + _init: function () { + var self = this; + BI.TimeInterval.superclass._init.apply(this, arguments); + + this.left = this._createCombo(); + this.right = this._createCombo(); + this.label = BI.createWidget({ + type: 'bi.label', + height: this.constants.height, + width: this.constants.width, + text: "-" + }); + BI.createWidget({ + element: self, + type: "bi.center", + hgap: 15, + height: this.constants.height, + items: [{ + type: "bi.absolute", + items: [{ + el: self.left, + left: this.constants.offset, + right: 0, + top: 0, + bottom: 0 + }] + }, { + type: "bi.absolute", + items: [{ + el: self.right, + left: 0, + right: this.constants.offset, + top: 0, + bottom: 0 + }] + }] + }); + BI.createWidget({ + type: "bi.horizontal_auto", + element: this, + items: [ + self.label + ] + }); + }, + + _createCombo: function () { + var self = this; + var combo = BI.createWidget({ + type: 'bi.multidate_combo' + }); + combo.on(BI.MultiDateCombo.EVENT_ERROR, function () { + self._clearTitle(); + self.element.removeClass(self.constants.timeErrorCls); + self.fireEvent(BI.TimeInterval.EVENT_ERROR); + }); + + combo.on(BI.MultiDateCombo.EVENT_VALID, function(){ + BI.Bubbles.hide("error"); + var smallDate = self.left.getKey(), bigDate = self.right.getKey(); + if (self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { + self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); + self.element.addClass(self.constants.timeErrorCls); + BI.Bubbles.show("error", BI.i18nText("BI-Time_Interval_Error_Text"), self, { + offsetStyle: "center" + }); + self.fireEvent(BI.TimeInterval.EVENT_ERROR); + } else { + self._clearTitle(); + self.element.removeClass(self.constants.timeErrorCls); + } + }); + + combo.on(BI.MultiDateCombo.EVENT_FOCUS, function(){ + BI.Bubbles.hide("error"); + var smallDate = self.left.getKey(), bigDate = self.right.getKey(); + if (self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { + self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); + self.element.addClass(self.constants.timeErrorCls); + BI.Bubbles.show("error", BI.i18nText("BI-Time_Interval_Error_Text"), self, { + offsetStyle: "center" + }); + self.fireEvent(BI.TimeInterval.EVENT_ERROR); + } else { + self._clearTitle(); + self.element.removeClass(self.constants.timeErrorCls); + } + }); + + combo.on(BI.MultiDateCombo.EVENT_BEFORE_POPUPVIEW, function () { + self.left.hidePopupView(); + self.right.hidePopupView(); + }); + //combo.on(BI.MultiDateCombo.EVENT_CHANGE, function () { + // BI.Bubbles.hide("error"); + // var smallDate = self.left.getKey(), bigDate = self.right.getKey(); + // if (self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { + // self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); + // self.element.addClass(self.constants.timeErrorCls); + // BI.Bubbles.show("error", BI.i18nText("BI-Time_Interval_Error_Text"), self, { + // offsetStyle: "center" + // }); + // self.fireEvent(BI.TimeInterval.EVENT_ERROR); + // } else { + // self._clearTitle(); + // self.element.removeClass(self.constants.timeErrorCls); + // } + //}); + + combo.on(BI.MultiDateCombo.EVENT_CONFIRM, function(){ + BI.Bubbles.hide("error"); + var smallDate = self.left.getKey(), bigDate = self.right.getKey(); + if (self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { + self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); + self.element.addClass(self.constants.timeErrorCls); + self.fireEvent(BI.TimeInterval.EVENT_ERROR); + }else{ + self._clearTitle(); + self.element.removeClass(self.constants.timeErrorCls); + self.fireEvent(BI.TimeInterval.EVENT_CHANGE); + } + }); + return combo; + }, + _dateCheck: function (date) { + return Date.parseDateTime(date, "%Y-%x-%d").print("%Y-%x-%d") == date || Date.parseDateTime(date, "%Y-%X-%d").print("%Y-%X-%d") == date || Date.parseDateTime(date, "%Y-%x-%e").print("%Y-%x-%e") == date || Date.parseDateTime(date, "%Y-%X-%e").print("%Y-%X-%e") == date; + }, + _checkVoid: function (obj) { + return !Date.checkVoid(obj.year, obj.month, obj.day, this.constants.DATE_MIN_VALUE, this.constants.DATE_MAX_VALUE)[0]; + }, + _check: function (smallDate, bigDate) { + var smallObj = smallDate.match(/\d+/g), bigObj = bigDate.match(/\d+/g); + return this._dateCheck(smallDate) && Date.checkLegal(smallDate) && this._checkVoid({ + year: smallObj[0], + month: smallObj[1], + day: smallObj[2] + }) && this._dateCheck(bigDate) && Date.checkLegal(bigDate) && this._checkVoid({ + year: bigObj[0], + month: bigObj[1], + day: bigObj[2] + }); + }, + _compare: function (smallDate, bigDate) { + smallDate = Date.parseDateTime(smallDate, "%Y-%X-%d").print("%Y-%X-%d"); + bigDate = Date.parseDateTime(bigDate, "%Y-%X-%d").print("%Y-%X-%d"); + return BI.isNotNull(smallDate) && BI.isNotNull(bigDate) && smallDate > bigDate; + }, + _setTitle: function (v) { + this.left.setTitle(v); + this.right.setTitle(v); + this.label.setTitle(v); + }, + _clearTitle: function () { + this.left.setTitle(""); + this.right.setTitle(""); + this.label.setTitle(""); + }, + setValue: function (date) { + date = date || {}; + this.left.setValue(date.start); + this.right.setValue(date.end); + }, + getValue: function () { + return {start: this.left.getValue(), end: this.right.getValue()}; + } +}); +BI.TimeInterval.EVENT_VALID = "EVENT_VALID"; +BI.TimeInterval.EVENT_ERROR = "EVENT_ERROR"; +BI.TimeInterval.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.time_interval", BI.TimeInterval);/** + * Created by Young's on 2016/4/22. + */ +BI.DayTimeSetting = BI.inherit(BI.Widget, { + _defaultConfig: function(){ + return BI.extend(BI.DayTimeSetting.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-time-setting-day", + day: 1 + }) + }, + + _init: function(){ + BI.DayTimeSetting.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var decrease = BI.createWidget({ + type: "bi.text_button", + cls: "operator-button", + text: "-", + height: 28, + width: 28 + }); + decrease.on(BI.Button.EVENT_CHANGE, function(){ + var day = BI.parseInt(self.day.getValue()); + if(day === 1) { + day = 31; + } else { + day --; + } + self.day.setValue(day); + self.fireEvent(BI.DayTimeSetting.EVENT_CHANGE); + }); + + var increase = BI.createWidget({ + type: "bi.text_button", + cls: "operator-button", + text: "+", + height: 28, + width: 28 + }); + increase.on(BI.Button.EVENT_CHANGE, function(){ + var day = BI.parseInt(self.day.getValue()); + if(day === 31) { + day = 1; + } else { + day ++; + } + self.day.setValue(day); + self.fireEvent(BI.DayTimeSetting.EVENT_CHANGE); + }); + + this.day = BI.createWidget({ + type: "bi.label", + value: o.day, + height: 30, + width: 40 + }); + BI.createWidget({ + type: "bi.left", + element: this, + items: [decrease, this.day, increase, { + type: "bi.label", + text: BI.i18nText("BI-Day_Ri"), + height: 30, + width: 20 + }], + height: 30 + }) + }, + + getValue: function(){ + return BI.parseInt(this.day.getValue()); + }, + + setValue: function(v) { + this.day.setValue(v); + } +}); +BI.DayTimeSetting.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.day_time_setting", BI.DayTimeSetting);/** + * Created by Young's on 2016/4/22. + */ +BI.HourTimeSetting = BI.inherit(BI.Widget, { + _defaultConfig: function(){ + return BI.extend(BI.HourTimeSetting.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-time-setting-hour", + hour: 0 + }) + }, + + _init: function(){ + BI.HourTimeSetting.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var decrease = BI.createWidget({ + type: "bi.text_button", + cls: "operator-button", + text: "-", + height: 28, + width: 28 + }); + decrease.on(BI.Button.EVENT_CHANGE, function(){ + var hour = BI.parseInt(self.hour.getValue()); + if(hour === 0) { + hour = 23; + } else { + hour --; + } + self.hour.setValue(hour); + self.fireEvent(BI.HourTimeSetting.EVENT_CHANGE); + }); + + var increase = BI.createWidget({ + type: "bi.text_button", + cls: "operator-button", + text: "+", + height: 28, + width: 28 + }); + increase.on(BI.Button.EVENT_CHANGE, function(){ + var hour = BI.parseInt(self.hour.getValue()); + hour === 23 ? (hour = 0) : (hour ++); + self.hour.setValue(hour); + self.fireEvent(BI.HourTimeSetting.EVENT_CHANGE); + }); + + this.hour = BI.createWidget({ + type: "bi.label", + value: o.hour, + height: 30, + width: 40 + }); + BI.createWidget({ + type: "bi.left", + element: this, + items: [decrease, this.hour, increase, { + type: "bi.label", + text: BI.i18nText("BI-Hour_Dian"), + height: 30, + width: 20 + }], + height: 30 + }) + }, + + getValue: function(){ + return BI.parseInt(this.hour.getValue()); + }, + + setValue: function(v) { + this.hour.setValue(v); + } +}); +BI.HourTimeSetting.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.hour_time_setting", BI.HourTimeSetting);BI.TreeLabel = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TreeLabel.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-tree-label", + itemsCreator: BI.emptyFn, + titles: [], + items: [] + }) + }, + + _init: function () { + BI.TreeLabel.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.titles = o.titles; + this.items = o.items; + + this.view = BI.createWidget({ + type: "bi.tree_label_view", + element: this, + titles: o.titles, + items: o.items + }); + this.view.on(BI.TreeLabelView.EVENT_CHANGE, function (floors) { + var op = {}; + if (floors !== self.view.getMaxFloor() - 1) { + op.floors = floors; + op.selectedValues = self.getValue(); + self._itemsCreator(op); + } + self.fireEvent(BI.TreeLabel.EVENT_CHANGE, arguments); + }); + }, + + _itemsCreator: function (options) { + var self = this, o = this.options; + o.itemsCreator(options, function (data) { + self.populate(data); + }) + }, + + populate: function (v) { + this.view.populate(v); + }, + + getValue: function () { + return this.view.getValue(); + } +}); +BI.TreeLabel.EVENT_CHANGE = "BI.TreeLabel.EVENT_CHANGE"; +$.shortcut('bi.tree_label', BI.TreeLabel);BI.TreeLabelView = BI.inherit(BI.Widget, { + _constant: { + LIST_LABEL_HEIGHT: 40, + DEFAULT_LEFT_GAP: 5 + }, + + _defaultConfig: function () { + return BI.extend(BI.TreeLabelView.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-tree-label-view", + titleWidth: 60, + titles: [], + items: [] + }) + }, + + _init: function () { + BI.TreeLabelView.superclass._init.apply(this, arguments); + this.items = []; + this._initView(); + }, + + _initView: function () { + var self = this, o = this.options; + this.title = BI.createWidget({ + type: "bi.button_group", + height: this._constant.LIST_LABEL_HEIGHT * o.titles.length, + layouts: [{ + type: "bi.vertical" + }] + }); + this.right = BI.createWidget({ + type: "bi.button_group", + cls: "list-label-group", + height: this._constant.LIST_LABEL_HEIGHT * this.items.length, + layouts: [{ + type: "bi.horizontal" + }] + }); + this._setTitles(o.titles); + this._setItems(o.items); + BI.createWidget({ + type: "bi.absolute", + items: [{ + el: this.title, + left: 0, + right: 0, + top: 0, + bottom: 0, + width: 60 + }, { + el: this.right, + left: 65, + right: 0, + top: 0, + bottom: 0 + }], + element: this + }); + }, + + _setItems: function (items) { + var self = this; + var length = this.right.getAllButtons().length; + var deletes = []; + for (var i = 0; i < length; i++) { + deletes.push(i); + } + this.right.removeItemAt(deletes); + self.items = []; + BI.each(items, function (idx, values) { + var labelItems = []; + BI.each(values, function (idx, value) { + labelItems.push({ + title: value, + text: value, + value: value + }) + }); + var temp = BI.createWidget({ + type: "bi.list_label", + items: labelItems, + showTitle: false + }); + temp.on(BI.ListLabel.EVENT_CHANGE, function () { + self.fireEvent(BI.TreeLabelView.EVENT_CHANGE, idx); + }); + self.items.push(temp); + }); + var temp = BI.createWidget({ + type: "bi.default", + items: self.items + }); + this.right.addItems([temp]); + this.right.setHeight(self.items.length * this._constant.LIST_LABEL_HEIGHT); + }, + + _setTitles: function (titles) { + var length = this.title.getAllButtons().length; + var deletes = [], titleItems = []; + for (var i = 0; i < length; i++) { + deletes.push(i); + } + BI.each(titles, function (idx, title) { + titleItems.push({ + text: title, + value: title, + title: title + }); + }); + this.title.removeItemAt(deletes); + this.title.addItems(BI.createItems(titleItems, { + type: "bi.label", + height: this._constant.LIST_LABEL_HEIGHT, + width: this.options.titleWidth + })); + this.title.setHeight(titles.length * this._constant.LIST_LABEL_HEIGHT); + }, + + _setValue: function (values) { + BI.each(this.items, function (idx, item) { + values[idx] && item.setValue(values[idx]); + }) + }, + + populate: function(v) { + v.titles && this._setTitles(v.titles); + v.items && this._setItems(v.items); + v.values && this._setValue(v.values); + }, + + getMaxFloor: function () { + return this.items.length || 0; + }, + + getValue: function () { + var result = []; + BI.each(this.items, function (idx, item) { + result.push(item.getValue()); + }); + return result; + } +}); +BI.TreeLabelView.EVENT_CHANGE = "BI.TreeLabelView.EVENT_CHANGE"; +$.shortcut('bi.tree_label_view', BI.TreeLabelView);/** + * Created by Young's on 2016/4/21. + */ +BI.UploadFileWithProgress = BI.inherit(BI.Widget, { + + _constants: { + UPLOAD_PROGRESS: "__upload_progress__" + }, + + _defaultConfig: function () { + return BI.extend(BI.UploadFileWithProgress.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-upload-file-with-progress", + progressEL: BICst.BODY_ELEMENT, + multiple: false, + maxSize: 1024 * 1024, + accept: "", + url: "" + }) + }, + + _init: function () { + BI.UploadFileWithProgress.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.file = BI.createWidget({ + type: "bi.multifile_editor", + width: "100%", + height: "100%", + name: o.name, + url: o.url, + multiple: o.multiple, + accept: o.accept, + maxSize: o.maxSize + }); + + this.file.on(BI.MultifileEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.UploadFileWithProgress.EVENT_CHANGE, arguments); + }); + this.file.on(BI.MultifileEditor.EVENT_UPLOADSTART, function () { + self.progressBar = BI.createWidget({ + type: "bi.progress_bar", + width: 300 + }); + BI.createWidget({ + type: "bi.center_adapt", + element: BI.Layers.create(self._constants.UPLOAD_PROGRESS, self.options.progressEL), + items: [self.progressBar], + width: "100%", + height: "100%" + }); + + BI.Layers.show(self._constants.UPLOAD_PROGRESS); + self.fireEvent(BI.UploadFileWithProgress.EVENT_UPLOADSTART, arguments); + }); + this.file.on(BI.MultifileEditor.EVENT_ERROR, function () { + BI.Layers.remove(self._constants.UPLOAD_PROGRESS); + self.fireEvent(BI.UploadFileWithProgress.EVENT_ERROR, arguments); + }); + this.file.on(BI.MultifileEditor.EVENT_PROGRESS, function (data) { + var process = Math.ceil(data.loaded / data.total * 100); + self.progressBar.setValue(process > 100 ? 100 : process); + self.fireEvent(BI.UploadFileWithProgress.EVENT_PROGRESS, arguments); + }); + this.file.on(BI.MultifileEditor.EVENT_UPLOADED, function () { + BI.Layers.remove(self._constants.UPLOAD_PROGRESS); + self.fireEvent(BI.UploadFileWithProgress.EVENT_UPLOADED, arguments); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.adaptive", + scrollable: false, + items: [this.file] + }, + top: 0, + right: 0, + left: 0, + bottom: 0 + }] + }); + }, + + select: function () { + this.file.select(); + }, + + getValue: function () { + return this.file.getValue(); + }, + + upload: function () { + this.file.upload(); + }, + + reset: function () { + this.file.reset(); + }, + + setEnable: function (enable) { + BI.MultiFile.superclass.setEnable.apply(this, arguments); + this.file.setEnable(enable); + } +}); +BI.UploadFileWithProgress.EVENT_CHANGE = "EVENT_CHANGE"; +BI.UploadFileWithProgress.EVENT_UPLOADSTART = "EVENT_UPLOADSTART"; +BI.UploadFileWithProgress.EVENT_ERROR = "EVENT_ERROR"; +BI.UploadFileWithProgress.EVENT_PROGRESS = "EVENT_PROGRESS"; +BI.UploadFileWithProgress.EVENT_UPLOADED = "EVENT_UPLOADED"; +$.shortcut("bi.upload_file_with_progress", BI.UploadFileWithProgress);/** + * web组件 + * Created by GameJian on 2016/3/1. + */ +BI.WebPage = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.WebPage.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-web-page" + }) + }, + + _init: function () { + BI.WebPage.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.iframe = BI.createWidget({ + type: "bi.iframe" + }); + + this.label = BI.createWidget({ + type: "bi.label", + cls: "web-page-text-button-label", + whiteSpace: "normal", + text: BI.i18nText("BI-Not_Add_Url") + }); + + this.del = BI.createWidget({ + type: "bi.bubble_combo", + el: { + type: "bi.icon_button", + cls: "web-page-button img-shutdown-font", + title: BI.i18nText("BI-Basic_Delete"), + height: 24, + width: 24 + }, + popup: { + type: "bi.bubble_bar_popup_view", + buttons: [{ + value: BI.i18nText(BI.i18nText("BI-Basic_Sure")), + handler: function () { + self.fireEvent(BI.WebPage.EVENT_DESTROY) + } + }, { + value: BI.i18nText("BI-Basic_Cancel"), + level: "ignore", + handler: function () { + self.del.hideView(); + } + }], + el: { + type: "bi.vertical_adapt", + items: [{ + type: "bi.label", + text: BI.i18nText("BI-Sure_Delete_Current_Component"), + cls: "web-page-delete-label", + textAlign: "left", + width: 300 + }], + width: 300, + height: 100, + hgap: 20 + }, + maxHeight: 140, + minWidth: 340 + }, + invisible: true, + stopPropagation: true + }); + + + this.href = BI.createWidget({ + type: "bi.image_button_href", + cls: "web-page-button" + }); + + this.href.on(BI.ImageButtonHref.EVENT_CHANGE, function () { + var url = this.getValue(); + self.setValue(this.getValue()); + self._checkUrl(url); + self.fireEvent(BI.WebPage.EVENT_VALUE_CHANGE); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.iframe + }, { + el: this.del, + right: 4, + top: 8 + }, { + el: this.href, + right: 36, + top: 8 + }, { + el: this.label, + top: 32, + left: 0, + bottom: 0, + right: 0 + }] + }); + + this.setToolbarVisible(false); + this._showLabel(); + }, + + _checkUrl: function(url){ + BI.Bubbles.hide(this.getName()); + if(BI.isEmptyString(url)){ + BI.Bubbles.show(this.getName(), BI.i18nText("BI-Click_To_Add_Hyperlink"), this.href, { + offsetStyle: "left" + }); + } + }, + + _hideLabel: function () { + this.label.invisible() + }, + + isSelected: function () { + return this.href.isSelected(); + }, + + _showLabel: function () { + this.label.visible() + }, + + setToolbarVisible: function (v) { + this.href.setVisible(v); + this.del.setVisible(v); + }, + + getValue: function () { + return this.href.getValue() + }, + + setValue: function (url) { + var self = this; + if (BI.isNotEmptyString(url)) { + self._hideLabel(); + } else { + this.setToolbarVisible(true); + this.href.showView(); + } + this.href.setValue(url); + this.iframe.setSrc(BI.Func.formatAddress(url)) + } +}); + +BI.WebPage.EVENT_DESTROY = "EVENT_DESTROY"; +BI.WebPage.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE"; +$.shortcut("bi.web_page", BI.WebPage);/** + * 年份下拉框 + * + * Created by GUY on 2015/8/28. + * @class BI.YearCombo + * @extends BI.Widget + */ +BI.YearCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-combo", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + height: 25 + }); + }, + _init: function () { + BI.YearCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.storeValue = ""; + this.trigger = BI.createWidget({ + type: "bi.year_trigger", + min: o.min, + max: o.max + }); + this.trigger.on(BI.YearTrigger.EVENT_FOCUS, function () { + self.storeValue = this.getKey(); + }); + this.trigger.on(BI.YearTrigger.EVENT_START, function () { + self.combo.isViewVisible() && self.combo.hideView(); + }); + this.trigger.on(BI.YearTrigger.EVENT_STOP, function () { + self.combo.showView(); + }); + this.trigger.on(BI.YearTrigger.EVENT_ERROR, function () { + self.combo.isViewVisible() && self.combo.hideView(); + }); + this.trigger.on(BI.YearTrigger.EVENT_CONFIRM, function () { + if(self.combo.isViewVisible()) { + return; + } + if (this.getKey() && this.getKey() !== self.storeValue) { + self.setValue(this.getKey()); + } else if (!this.getKey()) { + self.setValue(); + } + self.fireEvent(BI.YearCombo.EVENT_CONFIRM); + }); + + this.popup = BI.createWidget({ + type: "bi.year_popup", + min: o.min, + max: o.max + }); + + this.popup.on(BI.YearPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.YearCombo.EVENT_CONFIRM); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + minWidth: 85, + stopPropagation: false, + el: this.popup + } + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + var value = self.trigger.getKey(); + if (BI.isNotNull(value)) { + self.popup.setValue(value); + } else if(!value && value !== self.storeValue){ + self.popup.setValue(self.storeValue); + }else { + self.setValue(); + } + }); + }, + + setValue: function (v) { + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + } +}); +BI.YearCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut('bi.year_combo', BI.YearCombo);/** + * 年份展示面板 + * + * Created by GUY on 2015/9/2. + * @class BI.YearPopup + * @extends BI.Trigger + */ +BI.YearPopup = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.YearPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-popup", + min: '1900-01-01', //最小日期 + max: '2099-12-31' //最大日期 + }); + }, + + _createYearCalendar: function (v) { + var o = this.options, y = this._year; + + var calendar = BI.createWidget({ + type: "bi.year_calendar", + min: o.min, + max: o.max, + logic: { + dynamic: true + }, + year: y + v * 12 + }); + calendar.setValue(this._year); + return calendar; + }, + + _init: function () { + BI.YearPopup.superclass._init.apply(this, arguments); + var self = this; + + this.selectedYear = this._year = new Date().getFullYear(); + + var backBtn = BI.createWidget({ + type: "bi.icon_button", + cls: "pre-page-h-font", + width: 25, + height: 25, + value: -1 + }); + + var preBtn = BI.createWidget({ + type: "bi.icon_button", + cls: "next-page-h-font", + width: 25, + height: 25, + value: 1 + }); + + this.navigation = BI.createWidget({ + type: "bi.navigation", + element: this, + logic: { + dynamic: true + }, + tab: { + cls: "year-popup-navigation", + height: 25, + items: [backBtn, preBtn] + }, + cardCreator: BI.bind(this._createYearCalendar, this), + + afterCardShow: function () { + this.setValue(self.selectedYear); + var calendar = this.getSelectedCard(); + backBtn.setEnable(!calendar.isFrontYear()); + preBtn.setEnable(!calendar.isFinalYear()); + } + }); + + this.navigation.on(BI.Navigation.EVENT_CHANGE, function () { + self.selectedYear = this.getValue(); + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + self.fireEvent(BI.YearPopup.EVENT_CHANGE, self.selectedYear); + }); + }, + + getValue: function () { + return this.selectedYear; + }, + + setValue: function (v) { + var o = this.options; + if (Date.checkVoid(v, 1, 1, o.min, o.max)[0]) { + v = new Date().getFullYear(); + this.selectedYear = ""; + this.navigation.setSelect(BI.YearCalendar.getPageByYear(v)); + this.navigation.setValue(""); + } else { + this.selectedYear = v; + this.navigation.setSelect(BI.YearCalendar.getPageByYear(v)); + this.navigation.setValue(v); + } + } +}); +BI.YearPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.year_popup", BI.YearPopup);/** + * 年份trigger + * + * Created by GUY on 2015/8/21. + * @class BI.YearTrigger + * @extends BI.Trigger + */ +BI.YearTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4, + vgap: 2, + triggerWidth: 25, + errorText: BI.i18nText("BI-Please_Input_Integer"), + errorTextInvalid: BI.i18nText("BI-Year_Trigger_Invalid_Text") + }, + + _defaultConfig: function () { + return BI.extend(BI.YearTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-year-trigger", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + height: 25 + }); + }, + _init: function () { + BI.YearTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height, + validationChecker: function (v) { + self.editor.setErrorText(!BI.isPositiveInteger(v) ? c.errorText : c.errorTextInvalid); + return v === "" || (BI.isPositiveInteger(v) && !Date.checkVoid(v, 1, 1, o.min, o.max)[0]); + }, + quitChecker: function (v) { + return false; + }, + hgap: c.hgap, + vgap: c.vgap, + allowBlank: true, + errorText: c.errorText + }) + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.YearTrigger.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.YearTrigger.EVENT_STOP); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + var value = self.editor.getValue(); + if (BI.isNotNull(value)) { + self.editor.setValue(value); + self.editor.setTitle(value); + } + self.fireEvent(BI.YearTrigger.EVENT_CONFIRM); + }) + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + if (self.editor.isValid()) { + self.editor.blur(); + } + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.YearTrigger.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_ERROR, function () { + self.fireEvent(BI.YearTrigger.EVENT_ERROR); + }); + BI.createWidget({ + element: this, + type: 'bi.htape', + items: [ + { + el: this.editor + }, { + el: { + type: "bi.text_button", + baseCls: "bi-trigger-year-text", + text: BI.i18nText("BI-Multi_Date_Year"), + width: c.triggerWidth + }, + width: c.triggerWidth + }, { + el: { + type: "bi.trigger_icon_button", + width: c.triggerWidth + }, + width: c.triggerWidth + } + ] + }); + }, + setValue: function (v) { + this.editor.setState(v); + this.editor.setValue(v); + this.editor.setTitle(v); + }, + getKey: function () { + return this.editor.getValue() | 0; + } +}); +BI.YearTrigger.EVENT_FOCUS = "EVENT_FOCUS"; +BI.YearTrigger.EVENT_ERROR = "EVENT_ERROR"; +BI.YearTrigger.EVENT_START = "EVENT_START"; +BI.YearTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.YearTrigger.EVENT_STOP = "EVENT_STOP"; +$.shortcut("bi.year_trigger", BI.YearTrigger);/** + * 年份 + 月份下拉框 + * + * @class BI.YearMonthCombo + * @extends BI.Widget + */ +BI.YearMonthCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearMonthCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-month-combo", + height: 25 + }); + }, + _init: function () { + BI.YearMonthCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.year = BI.createWidget({ + type: "bi.year_combo" + }); + + this.month = BI.createWidget({ + type: "bi.month_combo" + }); + + this.year.on(BI.YearCombo.EVENT_CONFIRM, function(){ + self.fireEvent(BI.YearMonthCombo.EVENT_CONFIRM); + }); + + this.month.on(BI.MonthCombo.EVENT_CONFIRM, function(){ + self.fireEvent(BI.YearMonthCombo.EVENT_CONFIRM); + }); + + BI.createWidget({ + type: "bi.center", + element: this, + hgap: 5, + items: [this.year, this.month] + }); + + }, + + setValue: function (v) { + v = v || {}; + this.month.setValue(v.month); + this.year.setValue(v.year); + }, + + getValue: function () { + return { + year: this.year.getValue(), + month: this.month.getValue() + }; + } +}); +BI.YearMonthCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut('bi.year_month_combo', BI.YearMonthCombo);/** + * 年份 + 月份下拉框 + * + * @class BI.YearQuarterCombo + * @extends BI.Widget + */ +BI.YearQuarterCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearQuarterCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-quarter-combo", + height: 25 + }); + }, + _init: function () { + BI.YearQuarterCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.year = BI.createWidget({ + type: "bi.year_combo" + }); + + this.quarter = BI.createWidget({ + type: "bi.quarter_combo" + }); + + this.year.on(BI.YearCombo.EVENT_CONFIRM, function(){ + self.fireEvent(BI.YearQuarterCombo.EVENT_CONFIRM); + }); + + this.quarter.on(BI.QuarterCombo.EVENT_CONFIRM, function(){ + self.fireEvent(BI.YearQuarterCombo.EVENT_CONFIRM); + }); + + BI.createWidget({ + type: "bi.center", + element: this, + hgap: 5, + items: [this.year, this.quarter] + }); + + }, + + setValue: function (v) { + v = v || {}; + this.quarter.setValue(v.quarter); + this.year.setValue(v.year); + }, + + getValue: function () { + return { + year: this.year.getValue(), + quarter: this.quarter.getValue() + }; + } +}); +BI.YearQuarterCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut('bi.year_quarter_combo', BI.YearQuarterCombo); \ No newline at end of file diff --git a/src/css/base/single/text.css b/src/css/base/single/text.css index 0128c7c7c..cf2c45754 100644 --- a/src/css/base/single/text.css +++ b/src/css/base/single/text.css @@ -5,5 +5,5 @@ text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; - word-break: break-all; + word-break: break-word; } diff --git a/src/css/base/third/jquery.mCustomScrollbar.css b/src/css/base/third/jquery.mCustomScrollbar.css index 781f76cb5..b42acb6ec 100644 --- a/src/css/base/third/jquery.mCustomScrollbar.css +++ b/src/css/base/third/jquery.mCustomScrollbar.css @@ -384,7 +384,7 @@ yx-axis .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { - background-image: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/mCSB_buttons.png'); + background-image: url('background/mCSB_buttons.png'); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; diff --git a/src/css/base/third/ztree/zTreeStyle.css b/src/css/base/third/ztree/zTreeStyle.css index ed435c0cf..2272c08b6 100644 --- a/src/css/base/third/ztree/zTreeStyle.css +++ b/src/css/base/third/ztree/zTreeStyle.css @@ -32,7 +32,7 @@ website: http://code.google.com/p/jquerytree/ padding: 0 0 0 18px; } .ztree li ul.line { - background: url(${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-1.png) 0 0 repeat-y; + background: url(icon/tree-vertical-line-1.png) 0 0 repeat-y; } .ztree li a { padding: 1px 3px 0 0; @@ -98,31 +98,31 @@ website: http://code.google.com/p/jquerytree/ cursor: auto; } .ztree li span.button.chk.checkbox_false_full { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-normal.png"); + background-image: url("icon/check-box-normal.png"); } .ztree li span.button.chk.checkbox_false_full_focus { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-normal.png"); + background-image: url("icon/check-box-normal.png"); } .ztree li span.button.chk.checkbox_false_part { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png"); + background-image: url("icon/half_selected.png"); } .ztree li span.button.chk.checkbox_false_part_focus { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png"); + background-image: url("icon/half_selected.png"); } .ztree li span.button.chk.checkbox_false_disable { background-position: 0 -56px; } .ztree li span.button.chk.checkbox_true_full { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-active.png"); + background-image: url("icon/check-box-active.png"); } .ztree li span.button.chk.checkbox_true_full_focus { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-active.png"); + background-image: url("icon/check-box-active.png"); } .ztree li span.button.chk.checkbox_true_part { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png"); + background-image: url("icon/half_selected.png"); } .ztree li span.button.chk.checkbox_true_part_focus { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png"); + background-image: url("icon/half_selected.png"); } .ztree li span.button.chk.checkbox_true_disable { background-position: -14px -56px; @@ -162,28 +162,28 @@ website: http://code.google.com/p/jquerytree/ height: 25px; } .ztree li span.button.root_open { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-1.png"); + background-image: url("icon/tree-expand-1.png"); } .ztree li span.button.root_close { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-1.png"); + background-image: url("icon/tree-collapse-1.png"); } .ztree li span.button.roots_open { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-2.png"); + background-image: url("icon/tree-expand-2.png"); } .ztree li span.button.roots_close { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-2.png"); + background-image: url("icon/tree-collapse-2.png"); } .ztree li span.button.center_open { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-3.png"); + background-image: url("icon/tree-expand-3.png"); } .ztree li span.button.center_close { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-3.png"); + background-image: url("icon/tree-collapse-3.png"); } .ztree li span.button.bottom_open { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-4.png"); + background-image: url("icon/tree-expand-4.png"); } .ztree li span.button.bottom_close { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-4.png"); + background-image: url("icon/tree-collapse-4.png"); } .ztree li span.button.noline_open { background-position: -92px -72px; @@ -195,13 +195,13 @@ website: http://code.google.com/p/jquerytree/ background: none; } .ztree li span.button.roots_docu { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-2.png"); + background-image: url("icon/tree-vertical-line-2.png"); } .ztree li span.button.center_docu { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-3.png"); + background-image: url("icon/tree-vertical-line-3.png"); } .ztree li span.button.bottom_docu { - background-image: url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-4.png"); + background-image: url("icon/tree-vertical-line-4.png"); } .ztree li span.button.noline_docu { background: none; diff --git a/src/css/core/app.css b/src/css/core/app.css index cc3812b8d..0ccd6dba8 100644 --- a/src/css/core/app.css +++ b/src/css/core/app.css @@ -3,7 +3,7 @@ /**** custom color(自定义颜色,用于特定场景) ****/ @font-face { font-family: 'bi'; - src: url('${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('${servletURL}?op=resource&resource=/com/fr/bi/web/resources/fonts/iconfont.svg#svgFontName') format('svg'); + src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg'); /* iOS 4.1- */ } diff --git a/src/css/normalize.css b/src/css/normalize.css new file mode 100644 index 000000000..65b0635b2 --- /dev/null +++ b/src/css/normalize.css @@ -0,0 +1,230 @@ +/*! normalize.css v1.0.0 | MIT License | git.io/normalize */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +html, +button, +input, +select, +textarea { + font-family: sans-serif; +} +body { + margin: 0; +} +a:focus { + outline: thin dotted; +} +a:active, +a:hover { + outline: 0; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +h2 { + font-size: 1.5em; + margin: 0.83em 0; +} +h3 { + font-size: 1.17em; + margin: 1em 0; +} +h4 { + font-size: 1em; + margin: 1.33em 0; +} +h5 { + font-size: .83em; + margin: 1.67em 0; +} +h6 { + font-size: .75em; + margin: 2.33em 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +blockquote { + margin: 1em 40px; +} +dfn { + font-style: italic; +} +mark { + background: #ff0; + color: #000000; +} +p, +pre { + margin: 1em 0; +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} +q { + quotes: none; +} +q:before, +q:after { + content: ''; + content: none; +} +small { + font-size: 75%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +dl, +menu, +ol, +ul { + margin: 1em 0; +} +dd { + margin: 0 0 0 40px; +} +menu, +ol, +ul { + padding: 0 0 0 40px; +} +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} +img { + border: 0; + -ms-interpolation-mode: bicubic; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +form { + margin: 0; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; + white-space: normal; + *margin-left: -7px; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; + *vertical-align: middle; +} +button, +input { + line-height: normal; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; + *overflow: visible; +} +button[disabled], +input[disabled] { + cursor: default; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; + *height: 13px; + *width: 13px; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/src/css/utils/background.css b/src/css/utils/background.css index cc6bf5e1b..958ba6d1f 100644 --- a/src/css/utils/background.css +++ b/src/css/utils/background.css @@ -1,522 +1,522 @@ .base-line-conn-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-1.png') repeat-y 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-1.png'); + background: url('icon/tree-vertical-line-1.png') repeat-y 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-1.png'); _background: none; } .first-line-conn-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-2.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-2.png'); + background: url('icon/tree-vertical-line-2.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); _background: none; } .last-line-conn-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-4.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-4.png'); + background: url('icon/tree-vertical-line-4.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); _background: none; } .mid-line-conn-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-3.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-3.png'); + background: url('icon/tree-vertical-line-3.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); _background: none; } .loading-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/loading.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/loading.gif'); + background: url('icon/loading.gif') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif'); _background: none; } .loading-background-f25 { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/F.25.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/F.25.gif'); + background: url('background/F.25.gif') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/F.25.gif'); _background: none; } .loading-background-e50 { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/E.50.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/E.50.gif'); + background: url('background/E.50.gif') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/E.50.gif'); _background: none; } .loading-background-d100 { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/D.100.gif') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/D.100.gif'); + background: url('background/D.100.gif') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/D.100.gif'); _background: none; } .axis-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/axis.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/axis.png'); + background: url('background/charts/axis.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis.png'); _background: none; background-color: #ffffff; z-index: 2; } .axis-accu-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/axis_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/axis_accu.png'); + background: url('background/charts/axis_accu.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_accu.png'); _background: none; background-color: #ffffff; z-index: 2; } .axis-percent-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/axis_percent.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/axis_percent.png'); + background: url('background/charts/axis_percent.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_percent.png'); _background: none; background-color: #ffffff; z-index: 2; } .axis-compare-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/axis_compare.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/axis_compare.png'); + background: url('background/charts/axis_compare.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_compare.png'); _background: none; background-color: #ffffff; z-index: 2; } .axis-fall-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/axis_fall.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/axis_fall.png'); + background: url('background/charts/axis_fall.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_fall.png'); _background: none; background-color: #ffffff; z-index: 2; } .bubble-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/bubble.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/bubble.png'); + background: url('background/charts/bubble.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble.png'); _background: none; background-color: #ffffff; z-index: 2; } .bubble-force-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/bubble_force.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/bubble_force.png'); + background: url('background/charts/bubble_force.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble_force.png'); _background: none; background-color: #ffffff; z-index: 2; } .dashboard-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/dashboard.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/dashboard.png'); + background: url('background/charts/dashboard.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/dashboard.png'); _background: none; background-color: #ffffff; z-index: 2; } .donut-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/donut.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/donut.png'); + background: url('background/charts/donut.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/donut.png'); _background: none; background-color: #ffffff; z-index: 2; } .funnel-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/funnel.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/funnel.png'); + background: url('background/charts/funnel.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/funnel.png'); _background: none; background-color: #ffffff; z-index: 2; } .map-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/map.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/map.png'); + background: url('background/charts/map.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map.png'); _background: none; background-color: #ffffff; z-index: 2; } .map-gis-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/map_gis.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/map_gis.png'); + background: url('background/charts/map_gis.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_gis.png'); _background: none; background-color: #ffffff; z-index: 2; } .map-svg-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/map_svg.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/map_svg.png'); + background: url('background/charts/map_svg.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg.png'); _background: none; background-color: #ffffff; z-index: 2; } .map-svg-c-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/map_svg_c.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/map_svg_c.png'); + background: url('background/charts/map_svg_c.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_c.png'); _background: none; background-color: #ffffff; z-index: 2; } .map-svg-g-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/map_svg_g.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/map_svg_g.png'); + background: url('background/charts/map_svg_g.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_g.png'); _background: none; background-color: #ffffff; z-index: 2; } .pie-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/pie.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/pie.png'); + background: url('background/charts/pie.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/pie.png'); _background: none; background-color: #ffffff; z-index: 2; } .radar-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/radar.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/radar.png'); + background: url('background/charts/radar.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar.png'); _background: none; background-color: #ffffff; z-index: 2; } .radar-accu-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/radar_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/radar_accu.png'); + background: url('background/charts/radar_accu.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar_accu.png'); _background: none; background-color: #ffffff; z-index: 2; } .area-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/area.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/area.png'); + background: url('background/charts/area.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area.png'); _background: none; background-color: #ffffff; z-index: 2; } .area-accu-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/area_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/area_accu.png'); + background: url('background/charts/area_accu.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_accu.png'); _background: none; background-color: #ffffff; z-index: 2; } .area-compare-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/area_compare.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/area_compare.png'); + background: url('background/charts/area_compare.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_compare.png'); _background: none; background-color: #ffffff; z-index: 2; } .area-percent-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/area_percent.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/area_percent.png'); + background: url('background/charts/area_percent.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_percent.png'); _background: none; background-color: #ffffff; z-index: 2; } .area-range-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/area_range.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/area_range.png'); + background: url('background/charts/area_range.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_range.png'); _background: none; background-color: #ffffff; z-index: 2; } .bar-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/bar.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/bar.png'); + background: url('background/charts/bar.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar.png'); _background: none; background-color: #ffffff; z-index: 2; } .bar-accu-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/bar_accu.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/bar_accu.png'); + background: url('background/charts/bar_accu.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_accu.png'); _background: none; background-color: #ffffff; z-index: 2; } .bar-compare-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/bar_compare.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/bar_compare.png'); + background: url('background/charts/bar_compare.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_compare.png'); _background: none; background-color: #ffffff; z-index: 2; } .combine-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/combine.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/combine.png'); + background: url('background/charts/combine.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine.png'); _background: none; background-color: #ffffff; z-index: 2; } .combine-m-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/combine_m.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/combine_m.png'); + background: url('background/charts/combine_m.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine_m.png'); _background: none; background-color: #ffffff; z-index: 2; } .line-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/line.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/line.png'); + background: url('background/charts/line.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/line.png'); _background: none; background-color: #ffffff; z-index: 2; } .scatter-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/scatter.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/scatter.png'); + background: url('background/charts/scatter.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/scatter.png'); _background: none; background-color: #ffffff; z-index: 2; } .table-complex-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/table_complex.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/table_complex.png'); + background: url('background/charts/table_complex.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_complex.png'); _background: none; background-color: #ffffff; z-index: 2; } .table-cross-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/table_cross.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/table_cross.png'); + background: url('background/charts/table_cross.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_cross.png'); _background: none; background-color: #ffffff; z-index: 2; } .table-group-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/table_group.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/table_group.png'); + background: url('background/charts/table_group.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_group.png'); _background: none; background-color: #ffffff; z-index: 2; } .table-detail-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/table_detail.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/table_detail.png'); + background: url('background/charts/table_detail.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_detail.png'); _background: none; background-color: #ffffff; z-index: 2; } .axis-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/axis_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/axis_text.png'); + background: url('background/charts/text/axis_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .axis-accu-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/axis_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/axis_accu_text.png'); + background: url('background/charts/text/axis_accu_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_accu_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .axis-percent-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/axis_percent_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/axis_percent_text.png'); + background: url('background/charts/text/axis_percent_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_percent_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .axis-compare-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/axis_compare_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/axis_compare_text.png'); + background: url('background/charts/text/axis_compare_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_compare_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .axis-fall-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/axis_fall_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/axis_fall_text.png'); + background: url('background/charts/text/axis_fall_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_fall_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .bubble-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/bubble_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/bubble_text.png'); + background: url('background/charts/text/bubble_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .bubble-force-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/bubble_force_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/bubble_force_text.png'); + background: url('background/charts/text/bubble_force_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_force_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .dashboard-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/dashboard_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/dashboard_text.png'); + background: url('background/charts/text/dashboard_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/dashboard_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .donut-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/donut_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/donut_text.png'); + background: url('background/charts/text/donut_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/donut_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .funnel-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/funnel_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/funnel_text.png'); + background: url('background/charts/text/funnel_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/funnel_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .map-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/map_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/map_text.png'); + background: url('background/charts/text/map_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .map-gis-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/map_gis_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/map_gis_text.png'); + background: url('background/charts/text/map_gis_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_gis_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .map-svg-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/map_svg_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/map_svg_text.png'); + background: url('background/charts/text/map_svg_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .map-svg-c-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/map_svg_c_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/map_svg_c_text.png'); + background: url('background/charts/text/map_svg_c_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_c_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .map-svg-g-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/map_svg_g_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/map_svg_g_text.png'); + background: url('background/charts/text/map_svg_g_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_g_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .pie-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/pie_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/pie_text.png'); + background: url('background/charts/text/pie_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/pie_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .radar-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/radar_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/radar_text.png'); + background: url('background/charts/text/radar_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .radar-accu-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/radar_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/radar_accu_text.png'); + background: url('background/charts/text/radar_accu_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_accu_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .area-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/area_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/area_text.png'); + background: url('background/charts/text/area_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .area-accu-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/area_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/area_accu_text.png'); + background: url('background/charts/text/area_accu_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_accu_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .area-compare-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/area_compare_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/area_compare_text.png'); + background: url('background/charts/text/area_compare_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_compare_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .area-percent-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/area_percent_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/area_percent_text.png'); + background: url('background/charts/text/area_percent_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_percent_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .area-range-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/area_range_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/area_range_text.png'); + background: url('background/charts/text/area_range_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_range_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .bar-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/bar_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/bar_text.png'); + background: url('background/charts/text/bar_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .bar-accu-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/bar_accu_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/bar_accu_text.png'); + background: url('background/charts/text/bar_accu_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_accu_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .bar-compare-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/bar_compare_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/bar_compare_text.png'); + background: url('background/charts/text/bar_compare_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_compare_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .combine-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/combine_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/combine_text.png'); + background: url('background/charts/text/combine_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .combine-m-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/combine_m_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/combine_m_text.png'); + background: url('background/charts/text/combine_m_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_m_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .line-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/line_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/line_text.png'); + background: url('background/charts/text/line_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/line_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .scatter-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/text/scatter_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/text/scatter_text.png'); + background: url('background/charts/text/text/scatter_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/text/scatter_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .table-complex-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/table_complex_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/table_complex_text.png'); + background: url('background/charts/text/table_complex_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_complex_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .table-cross-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/table_cross_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/table_cross_text.png'); + background: url('background/charts/text/table_cross_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_cross_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .table-group-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/table_group_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/table_group_text.png'); + background: url('background/charts/text/table_group_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_group_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .table-detail-text-tip-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/table_detail_text.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/charts/text/table_detail_text.png'); + background: url('background/charts/text/table_detail_text.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_detail_text.png'); _background: none; background-color: #ffffff; z-index: 2; } .data-miss-background { - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/data_miss.png') no-repeat center center; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/background/data_miss.png'); + background: url('background/data_miss.png') no-repeat center center; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/data_miss.png'); _background: none; background-color: #ffffff; z-index: 2; diff --git a/src/css/utils/icon.css b/src/css/utils/icon.css index c13c69563..002f421b8 100644 --- a/src/css/utils/icon.css +++ b/src/css/utils/icon.css @@ -2,2229 +2,2229 @@ .tree-collapse-icon-type1:hover .x-icon, .tree-collapse-icon-type1:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-1.png'); + background: url('icon/tree-collapse-1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); _background: none; } .tree-collapse-icon-type1.native .x-icon, .tree-collapse-icon-type1.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-1.png'); + background: url('icon/tree-collapse-1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png'); _background: none; } .tree-collapse-icon-type2 .x-icon, .tree-collapse-icon-type2:hover .x-icon, .tree-collapse-icon-type2:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-2.png'); + background: url('icon/tree-collapse-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); _background: none; } .tree-collapse-icon-type2.native .x-icon, .tree-collapse-icon-type2.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-2.png'); + background: url('icon/tree-collapse-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png'); _background: none; } .tree-collapse-icon-type3 .x-icon, .tree-collapse-icon-type3:hover .x-icon, .tree-collapse-icon-type3:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-3.png'); + background: url('icon/tree-collapse-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); _background: none; } .tree-collapse-icon-type3.native .x-icon, .tree-collapse-icon-type3.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-3.png'); + background: url('icon/tree-collapse-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png'); _background: none; } .tree-collapse-icon-type4 .x-icon, .tree-collapse-icon-type4:hover .x-icon, .tree-collapse-icon-type4:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-4.png'); + background: url('icon/tree-collapse-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); _background: none; } .tree-collapse-icon-type4.native .x-icon, .tree-collapse-icon-type4.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-4.png'); + background: url('icon/tree-collapse-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png'); _background: none; } .tree-expand-icon-type1 .x-icon, .tree-expand-icon-type1:hover .x-icon, .tree-expand-icon-type1:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-1.png'); + background: url('icon/tree-expand-1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); _background: none; } .tree-expand-icon-type1.native .x-icon, .tree-expand-icon-type1.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-1.png'); + background: url('icon/tree-expand-1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png'); _background: none; } .tree-expand-icon-type2 .x-icon, .tree-expand-icon-type2:hover .x-icon, .tree-expand-icon-type2:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-2.png'); + background: url('icon/tree-expand-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); _background: none; } .tree-expand-icon-type2.native .x-icon, .tree-expand-icon-type2.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-2.png'); + background: url('icon/tree-expand-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png'); _background: none; } .tree-expand-icon-type3 .x-icon, .tree-expand-icon-type3:hover .x-icon, .tree-expand-icon-type3:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-3.png'); + background: url('icon/tree-expand-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); _background: none; } .tree-expand-icon-type3.native .x-icon, .tree-expand-icon-type3.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-3.png'); + background: url('icon/tree-expand-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png'); _background: none; } .tree-expand-icon-type4 .x-icon, .tree-expand-icon-type4:hover .x-icon, .tree-expand-icon-type4:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-4.png'); + background: url('icon/tree-expand-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); _background: none; } .tree-expand-icon-type4.native .x-icon, .tree-expand-icon-type4.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-4.png'); + background: url('icon/tree-expand-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png'); _background: none; } .tree-vertical-line-type2 .x-icon, .tree-vertical-line-type2:hover .x-icon, .tree-vertical-line-type2:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-2.png'); + background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); _background: none; } .tree-vertical-line-type2.native .x-icon, .tree-vertical-line-type2.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-2.png'); + background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png'); _background: none; } .tree-vertical-line-type3 .x-icon, .tree-vertical-line-type3:hover .x-icon, .tree-vertical-line-type3:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-3.png'); + background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); _background: none; } .tree-vertical-line-type3.native .x-icon, .tree-vertical-line-type3.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-3.png'); + background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png'); _background: none; } .tree-vertical-line-type4 .x-icon, .tree-vertical-line-type4:hover .x-icon, .tree-vertical-line-type4:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-4.png'); + background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); _background: none; } .tree-vertical-line-type4.native .x-icon, .tree-vertical-line-type4.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-4.png'); + background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png'); _background: none; } .check-box-icon .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-normal.png'); + background: url('icon/check-box-normal.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); _background: none; } .check-box-icon:hover .x-icon, .check-box-icon:focus .x-icon, .check-box-icon.hover .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-normal.png'); + background: url('icon/check-box-normal.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png'); _background: none; } .check-box-icon:active .x-icon, .check-box-icon.active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-active.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-active.png'); + background: url('icon/check-box-active.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png'); _background: none; } .check-box-icon.native .x-icon, .check-box-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-disable.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-disable.png'); + background: url('icon/check-box-disable.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png'); _background: none; } .check-box-icon.native .x-icon, .check-box-icon.disabled.active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-disable2.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-disable2.png'); + background: url('icon/check-box-disable2.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png'); _background: none; } .radio-icon .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/radio-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/radio-normal.png'); + background: url('icon/radio-normal.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); _background: none; } .radio-icon:hover .x-icon, .radio-icon:focus .x-icon, .radio-icon.hover .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/radio-normal.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/radio-normal.png'); + background: url('icon/radio-normal.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png'); _background: none; } .radio-icon:active .x-icon, .radio-icon.active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/radio-active.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/radio-active.png'); + background: url('icon/radio-active.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png'); _background: none; } .radio-icon.native .x-icon, .radio-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/radio-disable.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/radio-disable.png'); + background: url('icon/radio-disable.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png'); _background: none; } .radio-icon.native .x-icon, .radio-icon.disabled.active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/radio-disable2.png') no-repeat 0 0; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/radio-disable2.png'); + background: url('icon/radio-disable2.png') no-repeat 0 0; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png'); _background: none; } .check-half-select-icon .x-icon, .check-half-select-icon:hover .x-icon, .check-half-select-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png'); + background: url('icon/half_selected.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); _background: none; } .check-half-select-icon.native .x-icon, .check-half-select-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png'); + background: url('icon/half_selected.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png'); _background: none; } .loading-bar-icon .x-icon, .loading-bar-icon:hover .x-icon, .loading-bar-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/loading_bar.gif') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/loading_bar.gif'); + background: url('icon/loading_bar.gif') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif'); _background: none; } .loading-bar-icon.native .x-icon, .loading-bar-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/loading_bar.gif') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/loading_bar.gif'); + background: url('icon/loading_bar.gif') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading_bar.gif'); _background: none; } .left-join-icon .x-icon, .left-join-icon:hover .x-icon, .left-join-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/left-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/left-join.png'); + background: url('icon/left-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png'); _background: none; } .left-join-icon.native .x-icon, .left-join-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/left-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/left-join.png'); + background: url('icon/left-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/left-join.png'); _background: none; } .right-join-icon .x-icon, .right-join-icon:hover .x-icon, .right-join-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/right-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/right-join.png'); + background: url('icon/right-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png'); _background: none; } .right-join-icon.native .x-icon, .right-join-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/right-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/right-join.png'); + background: url('icon/right-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/right-join.png'); _background: none; } .inner-join-icon .x-icon, .inner-join-icon:hover .x-icon, .inner-join-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/inner-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/inner-join.png'); + background: url('icon/inner-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png'); _background: none; } .inner-join-icon.native .x-icon, .inner-join-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/inner-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/inner-join.png'); + background: url('icon/inner-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/inner-join.png'); _background: none; } .outer-join-icon .x-icon, .outer-join-icon:hover .x-icon, .outer-join-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/outer-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/outer-join.png'); + background: url('icon/outer-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png'); _background: none; } .outer-join-icon.native .x-icon, .outer-join-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/outer-join.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/outer-join.png'); + background: url('icon/outer-join.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/outer-join.png'); _background: none; } .data-link-test-fail-icon .x-icon, .data-link-test-fail-icon:hover .x-icon, .data-link-test-fail-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/test_fail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/test_fail.png'); + background: url('icon/test_fail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png'); _background: none; } .data-link-test-fail-icon.native .x-icon, .data-link-test-fail-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/test_fail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/test_fail.png'); + background: url('icon/test_fail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_fail.png'); _background: none; } .data-link-test-success-icon .x-icon, .data-link-test-success-icon:hover .x-icon, .data-link-test-success-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/test_success.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/test_success.png'); + background: url('icon/test_success.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png'); _background: none; } .data-link-test-success-icon.native .x-icon, .data-link-test-success-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/test_success.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/test_success.png'); + background: url('icon/test_success.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/test_success.png'); _background: none; } .business-package-icon .x-icon, .business-package-icon:hover .x-icon, .business-package-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package.png'); + background: url('icon/business_package.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png'); _background: none; } .business-package-icon.native .x-icon, .business-package-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package.png'); + background: url('icon/business_package.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package.png'); _background: none; } .business-package-add-icon .x-icon, .business-package-add-icon:hover .x-icon, .business-package-add-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package_add.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package_add.png'); + background: url('icon/business_package_add.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png'); _background: none; } .business-package-add-icon.native .x-icon, .business-package-add-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package_add.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package_add.png'); + background: url('icon/business_package_add.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add.png'); _background: none; } .business-package-add-disable-icon .x-icon, .business-package-add-disable-icon:hover .x-icon, .business-package-add-disable-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package_add_disable.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package_add_disable.png'); + background: url('icon/business_package_add_disable.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png'); _background: none; } .business-package-add-disable-icon.native .x-icon, .business-package-add-disable-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package_add_disable.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/business_package_add_disable.png'); + background: url('icon/business_package_add_disable.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/business_package_add_disable.png'); _background: none; } .business-package-selected-icon .x-icon, .business-package-selected-icon:hover .x-icon, .business-package-selected-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/package_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/package_selected.png'); + background: url('icon/package_selected.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png'); _background: none; } .business-package-selected-icon.native .x-icon, .business-package-selected-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/package_selected.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/package_selected.png'); + background: url('icon/package_selected.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/package_selected.png'); _background: none; } .card-view-report-icon .x-icon, .card-view-report-icon:hover .x-icon, .card-view-report-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/report.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/report.png'); + background: url('icon/report.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png'); _background: none; } .card-view-report-icon.native .x-icon, .card-view-report-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/report.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/report.png'); + background: url('icon/report.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/report.png'); _background: none; } .card-view-real-time-icon .x-icon, .card-view-real-time-icon:hover .x-icon, .card-view-real-time-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/real_time.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/real_time.png'); + background: url('icon/real_time.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png'); _background: none; } .card-view-real-time-icon.native .x-icon, .card-view-real-time-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/real_time.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/real_time.png'); + background: url('icon/real_time.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/real_time.png'); _background: none; } .table-style1-icon .x-icon, .table-style1-icon:hover .x-icon, .table-style1-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_1.png'); + background: url('icon/table_style_1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png'); _background: none; } .table-style1-icon.native .x-icon, .table-style1-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_1.png'); + background: url('icon/table_style_1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_1.png'); _background: none; } .table-style2-icon .x-icon, .table-style2-icon:hover .x-icon, .table-style2-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_2.png'); + background: url('icon/table_style_2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png'); _background: none; } .table-style2-icon.native .x-icon, .table-style2-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_2.png'); + background: url('icon/table_style_2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_2.png'); _background: none; } .table-style3-icon .x-icon, .table-style3-icon:hover .x-icon, .table-style3-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_3.png'); + background: url('icon/table_style_3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png'); _background: none; } .table-style3-icon.native .x-icon, .table-style3-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_3.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/table_style_3.png'); + background: url('icon/table_style_3.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/table_style_3.png'); _background: none; } .axis-chart-style-gradual-icon .x-icon, .axis-chart-style-gradual-icon:hover .x-icon, .axis-chart-style-gradual-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_gradual.png'); + background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png'); _background: none; } .axis-chart-style-gradual-icon.native .x-icon, .axis-chart-style-gradual-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_gradual.png'); + background: url('icon/chartsetting/icon_style_gradual.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_gradual.png'); _background: none; } .axis-chart-style-gradual-highlight-icon .x-icon, .axis-chart-style-gradual-highlight-icon:hover .x-icon, .axis-chart-style-gradual-highlight-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_gradual_highlight.png'); + background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png'); _background: none; } .axis-chart-style-gradual-highlight-icon.native .x-icon, .axis-chart-style-gradual-highlight-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_gradual_highlight.png'); + background: url('icon/chartsetting/icon_gradual_highlight.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_gradual_highlight.png'); _background: none; } .axis-chart-style-normal-icon .x-icon, .axis-chart-style-normal-icon:hover .x-icon, .axis-chart-style-normal-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_normal.png'); + background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png'); _background: none; } .axis-chart-style-normal-icon.native .x-icon, .axis-chart-style-normal-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_normal.png'); + background: url('icon/chartsetting/icon_style_normal.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_normal.png'); _background: none; } .axis-chart-style-transparent-icon .x-icon, .axis-chart-style-transparent-icon:hover .x-icon, .axis-chart-style-transparent-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_transparent.png'); + background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png'); _background: none; } .axis-chart-style-transparent-icon.native .x-icon, .axis-chart-style-transparent-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_transparent.png'); + background: url('icon/chartsetting/icon_style_transparent.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_transparent.png'); _background: none; } .axis-chart-style-3d-icon .x-icon, .axis-chart-style-3d-icon:hover .x-icon, .axis-chart-style-3d-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_3d.png'); + background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png'); _background: none; } .axis-chart-style-3d-icon.native .x-icon, .axis-chart-style-3d-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_3d.png'); + background: url('icon/chartsetting/icon_style_3d.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_3d.png'); _background: none; } .line-chart-style-curve-icon .x-icon, .line-chart-style-curve-icon:hover .x-icon, .line-chart-style-curve-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_curve.png'); + background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png'); _background: none; } .line-chart-style-curve-icon.native .x-icon, .line-chart-style-curve-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_curve.png'); + background: url('icon/chartsetting/icon_style_line_curve.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_curve.png'); _background: none; } .line-chart-style-broken-icon .x-icon, .line-chart-style-broken-icon:hover .x-icon, .line-chart-style-broken-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_broken.png'); + background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png'); _background: none; } .line-chart-style-broken-icon.native .x-icon, .line-chart-style-broken-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_broken.png'); + background: url('icon/chartsetting/icon_style_line_broken.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_broken.png'); _background: none; } .line-chart-style-vertical-icon .x-icon, .line-chart-style-vertical-icon:hover .x-icon, .line-chart-style-vertical-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_vertical.png'); + background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png'); _background: none; } .line-chart-style-vertical-icon.native .x-icon, .line-chart-style-vertical-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_line_vertical.png'); + background: url('icon/chartsetting/icon_style_line_vertical.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_line_vertical.png'); _background: none; } .area-chart-style-curve-icon .x-icon, .area-chart-style-curve-icon:hover .x-icon, .area-chart-style-curve-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_curve.png'); + background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png'); _background: none; } .area-chart-style-curve-icon.native .x-icon, .area-chart-style-curve-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_curve.png'); + background: url('icon/chartsetting/icon_style_area_curve.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_curve.png'); _background: none; } .area-chart-style-broken-icon .x-icon, .area-chart-style-broken-icon:hover .x-icon, .area-chart-style-broken-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_broken.png'); + background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png'); _background: none; } .area-chart-style-broken-icon.native .x-icon, .area-chart-style-broken-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_broken.png'); + background: url('icon/chartsetting/icon_style_area_broken.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_broken.png'); _background: none; } .area-chart-style-vertical-icon .x-icon, .area-chart-style-vertical-icon:hover .x-icon, .area-chart-style-vertical-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_vertical.png'); + background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png'); _background: none; } .area-chart-style-vertical-icon.native .x-icon, .area-chart-style-vertical-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_area_vertical.png'); + background: url('icon/chartsetting/icon_style_area_vertical.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_area_vertical.png'); _background: none; } .pie-chart-style-normal-icon .x-icon, .pie-chart-style-normal-icon:hover .x-icon, .pie-chart-style-normal-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_normal.png'); + background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png'); _background: none; } .pie-chart-style-normal-icon.native .x-icon, .pie-chart-style-normal-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_normal.png'); + background: url('icon/chartsetting/icon_style_pie_normal.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_normal.png'); _background: none; } .pie-chart-style-equal-arc-rose-icon .x-icon, .pie-chart-style-equal-arc-rose-icon:hover .x-icon, .pie-chart-style-equal-arc-rose-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_equal_arc_rose.png'); + background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png'); _background: none; } .pie-chart-style-equal-arc-rose-icon.native .x-icon, .pie-chart-style-equal-arc-rose-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_equal_arc_rose.png'); + background: url('icon/chartsetting/icon_style_pie_equal_arc_rose.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_equal_arc_rose.png'); _background: none; } .pie-chart-style-not-equal-arc-rose-icon .x-icon, .pie-chart-style-not-equal-arc-rose-icon:hover .x-icon, .pie-chart-style-not-equal-arc-rose-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); + background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); _background: none; } .pie-chart-style-not-equal-arc-rose-icon.native .x-icon, .pie-chart-style-not-equal-arc-rose-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); + background: url('icon/chartsetting/icon_style_pie_not_equal_arc_rose.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_pie_not_equal_arc_rose.png'); _background: none; } .radar-chart-style-polygon-icon .x-icon, .radar-chart-style-polygon-icon:hover .x-icon, .radar-chart-style-polygon-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_radar_polygon.png'); + background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png'); _background: none; } .radar-chart-style-polygon-icon.native .x-icon, .radar-chart-style-polygon-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_radar_polygon.png'); + background: url('icon/chartsetting/icon_style_radar_polygon.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_polygon.png'); _background: none; } .acc_radar-chart-style-polygon-icon .x-icon, .acc_radar-chart-style-polygon-icon:hover .x-icon, .acc_radar-chart-style-polygon-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_acc_radar_polygon.png'); + background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png'); _background: none; } .acc_radar-chart-style-polygon-icon.native .x-icon, .acc_radar-chart-style-polygon-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_acc_radar_polygon.png'); + background: url('icon/chartsetting/icon_style_acc_radar_polygon.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_polygon.png'); _background: none; } .acc_radar-chart-style-circle-icon .x-icon, .acc_radar-chart-style-circle-icon:hover .x-icon, .acc_radar-chart-style-circle-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_acc_radar_circle.png'); + background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png'); _background: none; } .acc_radar-chart-style-circle-icon.native .x-icon, .acc_radar-chart-style-circle-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_acc_radar_circle.png'); + background: url('icon/chartsetting/icon_style_acc_radar_circle.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_acc_radar_circle.png'); _background: none; } .radar-chart-style-circle-icon .x-icon, .radar-chart-style-circle-icon:hover .x-icon, .radar-chart-style-circle-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_radar_circle.png'); + background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png'); _background: none; } .radar-chart-style-circle-icon.native .x-icon, .radar-chart-style-circle-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_style_radar_circle.png'); + background: url('icon/chartsetting/icon_style_radar_circle.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_style_radar_circle.png'); _background: none; } .dashboard-chart-style-360-icon .x-icon, .dashboard-chart-style-360-icon:hover .x-icon, .dashboard-chart-style-360-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_1.png'); + background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png'); _background: none; } .dashboard-chart-style-360-icon.native .x-icon, .dashboard-chart-style-360-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_1.png'); + background: url('icon/chartsetting/icon_dashboard_1.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_1.png'); _background: none; } .dashboard-chart-style-180-icon .x-icon, .dashboard-chart-style-180-icon:hover .x-icon, .dashboard-chart-style-180-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_2.png'); + background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png'); _background: none; } .dashboard-chart-style-180-icon.native .x-icon, .dashboard-chart-style-180-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_2.png'); + background: url('icon/chartsetting/icon_dashboard_2.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_2.png'); _background: none; } .dashboard-chart-style-percent-icon .x-icon, .dashboard-chart-style-percent-icon:hover .x-icon, .dashboard-chart-style-percent-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_4.png'); + background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png'); _background: none; } .dashboard-chart-style-percent-icon.native .x-icon, .dashboard-chart-style-percent-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_4.png'); + background: url('icon/chartsetting/icon_dashboard_4.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_4.png'); _background: none; } .dashboard-chart-style-percent-scale-slot-icon .x-icon, .dashboard-chart-style-percent-scale-slot-icon:hover .x-icon, .dashboard-chart-style-percent-scale-slot-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_5.png'); + background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png'); _background: none; } .dashboard-chart-style-percent-scale-slot-icon.native .x-icon, .dashboard-chart-style-percent-scale-slot-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_5.png'); + background: url('icon/chartsetting/icon_dashboard_5.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_5.png'); _background: none; } .dashboard-chart-style-vertical-tube-icon .x-icon, .dashboard-chart-style-vertical-tube-icon:hover .x-icon, .dashboard-chart-style-vertical-tube-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_6.png'); + background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png'); _background: none; } .dashboard-chart-style-vertical-tube-icon.native .x-icon, .dashboard-chart-style-vertical-tube-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_6.png'); + background: url('icon/chartsetting/icon_dashboard_6.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_6.png'); _background: none; } .dashboard-chart-style-horizontal-tube-icon .x-icon, .dashboard-chart-style-horizontal-tube-icon:hover .x-icon, .dashboard-chart-style-horizontal-tube-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_7.png'); + background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png'); _background: none; } .dashboard-chart-style-horizontal-tube-icon.native .x-icon, .dashboard-chart-style-horizontal-tube-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/chartsetting/icon_dashboard_7.png'); + background: url('icon/chartsetting/icon_dashboard_7.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/chartsetting/icon_dashboard_7.png'); _background: none; } .example-excel-icon .x-icon, .example-excel-icon:hover .x-icon, .example-excel-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/example.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/example.png'); + background: url('icon/example.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png'); _background: none; } .example-excel-icon.native .x-icon, .example-excel-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/example.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/example.png'); + background: url('icon/example.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/example.png'); _background: none; } .dimension-no-data-icon .x-icon, .dimension-no-data-icon:hover .x-icon, .dimension-no-data-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/no_data.png'); + background: url('icon/no_data.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); _background: none; } .dimension-no-data-icon.native .x-icon, .dimension-no-data-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/no_data.png'); + background: url('icon/no_data.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); _background: none; } .drag-group-icon .x-icon, .drag-group-icon:hover .x-icon, .drag-group-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_group.png'); + background: url('icon/drag/icon_group.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png'); _background: none; } .drag-group-icon.native .x-icon, .drag-group-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_group.png'); + background: url('icon/drag/icon_group.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_group.png'); _background: none; } .drag-cross-icon .x-icon, .drag-cross-icon:hover .x-icon, .drag-cross-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_cross.png'); + background: url('icon/drag/icon_cross.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png'); _background: none; } .drag-cross-icon.native .x-icon, .drag-cross-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_cross.png'); + background: url('icon/drag/icon_cross.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_cross.png'); _background: none; } .drag-complex-icon .x-icon, .drag-complex-icon:hover .x-icon, .drag-complex-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_complex.png'); + background: url('icon/drag/icon_complex.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png'); _background: none; } .drag-complex-icon.native .x-icon, .drag-complex-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_complex.png'); + background: url('icon/drag/icon_complex.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_complex.png'); _background: none; } .drag-axis-icon .x-icon, .drag-axis-icon:hover .x-icon, .drag-axis-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis.png'); + background: url('icon/drag/icon_axis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png'); _background: none; } .drag-axis-icon.native .x-icon, .drag-axis-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis.png'); + background: url('icon/drag/icon_axis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis.png'); _background: none; } .drag-axis-accu-icon .x-icon, .drag-axis-accu-icon:hover .x-icon, .drag-axis-accu-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_a.png'); + background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png'); _background: none; } .drag-axis-accu-icon.native .x-icon, .drag-axis-accu-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_a.png'); + background: url('icon/drag/icon_axis_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_a.png'); _background: none; } .drag-axis-percent-accu-icon .x-icon, .drag-axis-percent-accu-icon:hover .x-icon, .drag-axis-percent-accu-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_pa.png'); + background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png'); _background: none; } .drag-axis-percent-accu-icon.native .x-icon, .drag-axis-percent-accu-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_pa.png'); + background: url('icon/drag/icon_axis_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_pa.png'); _background: none; } .drag-axis-compare-icon .x-icon, .drag-axis-compare-icon:hover .x-icon, .drag-axis-compare-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_c.png'); + background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png'); _background: none; } .drag-axis-compare-icon.native .x-icon, .drag-axis-compare-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_c.png'); + background: url('icon/drag/icon_axis_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_c.png'); _background: none; } .drag-axis-fall-icon .x-icon, .drag-axis-fall-icon:hover .x-icon, .drag-axis-fall-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_f.png'); + background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png'); _background: none; } .drag-axis-fall-icon.native .x-icon, .drag-axis-fall-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_axis_f.png'); + background: url('icon/drag/icon_axis_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_axis_f.png'); _background: none; } .drag-bar-icon .x-icon, .drag-bar-icon:hover .x-icon, .drag-bar-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar.png'); + background: url('icon/drag/icon_bar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png'); _background: none; } .drag-bar-icon.native .x-icon, .drag-bar-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar.png'); + background: url('icon/drag/icon_bar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar.png'); _background: none; } .drag-bar-accu-icon .x-icon, .drag-bar-accu-icon:hover .x-icon, .drag-bar-accu-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar_a.png'); + background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png'); _background: none; } .drag-bar-accu-icon.native .x-icon, .drag-bar-accu-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar_a.png'); + background: url('icon/drag/icon_bar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_a.png'); _background: none; } .drag-bar-compare-icon .x-icon, .drag-bar-compare-icon:hover .x-icon, .drag-bar-compare-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar_c.png'); + background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png'); _background: none; } .drag-bar-compare-icon.native .x-icon, .drag-bar-compare-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bar_c.png'); + background: url('icon/drag/icon_bar_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bar_c.png'); _background: none; } .drag-area-icon .x-icon, .drag-area-icon:hover .x-icon, .drag-area-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area.png'); + background: url('icon/drag/icon_area.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png'); _background: none; } .drag-area-icon.native .x-icon, .drag-area-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area.png'); + background: url('icon/drag/icon_area.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area.png'); _background: none; } .drag-area-accu-icon .x-icon, .drag-area-accu-icon:hover .x-icon, .drag-area-accu-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_a.png'); + background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png'); _background: none; } .drag-area-accu-icon.native .x-icon, .drag-area-accu-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_a.png'); + background: url('icon/drag/icon_area_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_a.png'); _background: none; } .drag-area-percent-accu-icon .x-icon, .drag-area-percent-accu-icon:hover .x-icon, .drag-area-percent-accu-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_pa.png'); + background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png'); _background: none; } .drag-area-percent-accu-icon.native .x-icon, .drag-area-percent-accu-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_pa.png'); + background: url('icon/drag/icon_area_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_pa.png'); _background: none; } .drag-area-compare-icon .x-icon, .drag-area-compare-icon:hover .x-icon, .drag-area-compare-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_c.png'); + background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png'); _background: none; } .drag-area-compare-icon.native .x-icon, .drag-area-compare-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_c.png'); + background: url('icon/drag/icon_area_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_c.png'); _background: none; } .drag-area-range-icon .x-icon, .drag-area-range-icon:hover .x-icon, .drag-area-range-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_r.png'); + background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png'); _background: none; } .drag-area-range-icon.native .x-icon, .drag-area-range-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_area_r.png'); + background: url('icon/drag/icon_area_r.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_area_r.png'); _background: none; } .drag-combine-icon .x-icon, .drag-combine-icon:hover .x-icon, .drag-combine-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_combine.png'); + background: url('icon/drag/icon_combine.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png'); _background: none; } .drag-combine-icon.native .x-icon, .drag-combine-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_combine.png'); + background: url('icon/drag/icon_combine.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine.png'); _background: none; } .drag-combine-mult-icon .x-icon, .drag-combine-mult-icon:hover .x-icon, .drag-combine-mult-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_combine_m.png'); + background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png'); _background: none; } .drag-combine-mult-icon.native .x-icon, .drag-combine-mult-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_combine_m.png'); + background: url('icon/drag/icon_combine_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_combine_m.png'); _background: none; } .drag-line-icon .x-icon, .drag-line-icon:hover .x-icon, .drag-line-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_line.png'); + background: url('icon/drag/icon_line.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png'); _background: none; } .drag-line-icon.native .x-icon, .drag-line-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_line.png'); + background: url('icon/drag/icon_line.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_line.png'); _background: none; } .drag-pie-icon .x-icon, .drag-pie-icon:hover .x-icon, .drag-pie-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_pie.png'); + background: url('icon/drag/icon_pie.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png'); _background: none; } .drag-pie-icon.native .x-icon, .drag-pie-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_pie.png'); + background: url('icon/drag/icon_pie.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_pie.png'); _background: none; } .drag-map-china-icon .x-icon, .drag-map-china-icon:hover .x-icon, .drag-map-china-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_c.png'); + background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png'); _background: none; } .drag-map-china-icon.native .x-icon, .drag-map-china-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_c.png'); + background: url('icon/drag/icon_map_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_c.png'); _background: none; } .drag-map-global-icon .x-icon, .drag-map-global-icon:hover .x-icon, .drag-map-global-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_g.png'); + background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png'); _background: none; } .drag-map-global-icon.native .x-icon, .drag-map-global-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_g.png'); + background: url('icon/drag/icon_map_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_g.png'); _background: none; } .drag-map-svg-icon .x-icon, .drag-map-svg-icon:hover .x-icon, .drag-map-svg-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_s.png'); + background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png'); _background: none; } .drag-map-svg-icon.native .x-icon, .drag-map-svg-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_s.png'); + background: url('icon/drag/icon_map_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_s.png'); _background: none; } .drag-map-gis-icon .x-icon, .drag-map-gis-icon:hover .x-icon, .drag-map-gis-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_gis.png'); + background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png'); _background: none; } .drag-map-gis-icon.native .x-icon, .drag-map-gis-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_map_gis.png'); + background: url('icon/drag/icon_map_gis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_map_gis.png'); _background: none; } .drag-dashboard-icon .x-icon, .drag-dashboard-icon:hover .x-icon, .drag-dashboard-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_dashboard.png'); + background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png'); _background: none; } .drag-dashboard-icon.native .x-icon, .drag-dashboard-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_dashboard.png'); + background: url('icon/drag/icon_dashboard.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_dashboard.png'); _background: none; } .drag-donut-icon .x-icon, .drag-donut-icon:hover .x-icon, .drag-donut-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_donut.png'); + background: url('icon/drag/icon_donut.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png'); _background: none; } .drag-donut-icon.native .x-icon, .drag-donut-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_donut.png'); + background: url('icon/drag/icon_donut.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_donut.png'); _background: none; } .drag-radar-icon .x-icon, .drag-radar-icon:hover .x-icon, .drag-radar-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_radar.png'); + background: url('icon/drag/icon_radar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png'); _background: none; } .drag-radar-icon.native .x-icon, .drag-radar-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_radar.png'); + background: url('icon/drag/icon_radar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar.png'); _background: none; } .drag-radar-accu-icon .x-icon, .drag-radar-accu-icon:hover .x-icon, .drag-radar-accu-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_radar_a.png'); + background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png'); _background: none; } .drag-radar-accu-icon.native .x-icon, .drag-radar-accu-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_radar_a.png'); + background: url('icon/drag/icon_radar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_radar_a.png'); _background: none; } .drag-bubble-icon .x-icon, .drag-bubble-icon:hover .x-icon, .drag-bubble-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bubble.png'); + background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png'); _background: none; } .drag-bubble-icon.native .x-icon, .drag-bubble-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bubble.png'); + background: url('icon/drag/icon_bubble.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble.png'); _background: none; } .drag-bubble-force-icon .x-icon, .drag-bubble-force-icon:hover .x-icon, .drag-bubble-force-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bubble_f.png'); + background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png'); _background: none; } .drag-bubble-force-icon.native .x-icon, .drag-bubble-force-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_bubble_f.png'); + background: url('icon/drag/icon_bubble_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_bubble_f.png'); _background: none; } .drag-scatter-icon .x-icon, .drag-scatter-icon:hover .x-icon, .drag-scatter-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_scatter.png'); + background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png'); _background: none; } .drag-scatter-icon.native .x-icon, .drag-scatter-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_scatter.png'); + background: url('icon/drag/icon_scatter.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_scatter.png'); _background: none; } .drag-funnel-icon .x-icon, .drag-funnel-icon:hover .x-icon, .drag-funnel-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_funnel.png'); + background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png'); _background: none; } .drag-funnel-icon.native .x-icon, .drag-funnel-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/icon_funnel.png'); + background: url('icon/drag/icon_funnel.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/icon_funnel.png'); _background: none; } .drag-detail-icon .x-icon, .drag-detail-icon:hover .x-icon, .drag-detail-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_detail.png'); + background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png'); _background: none; } .drag-detail-icon.native .x-icon, .drag-detail-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_detail.png'); + background: url('icon/drag/pure/icon_detail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_detail.png'); _background: none; } .drag-input-icon .x-icon, .drag-input-icon:hover .x-icon, .drag-input-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_input.png'); + background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png'); _background: none; } .drag-input-icon.native .x-icon, .drag-input-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_input.png'); + background: url('icon/drag/pure/icon_input.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_input.png'); _background: none; } .drag-web-icon .x-icon, .drag-web-icon:hover .x-icon, .drag-web-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_web.png'); + background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png'); _background: none; } .drag-web-icon.native .x-icon, .drag-web-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_web.png'); + background: url('icon/drag/pure/icon_web.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_web.png'); _background: none; } .drag-image-icon .x-icon, .drag-image-icon:hover .x-icon, .drag-image-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_image.png'); + background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png'); _background: none; } .drag-image-icon.native .x-icon, .drag-image-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_image.png'); + background: url('icon/drag/pure/icon_image.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_image.png'); _background: none; } .drag-string-icon .x-icon, .drag-string-icon:hover .x-icon, .drag-string-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_string.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_string.png'); + background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png'); _background: none; } .drag-string-icon.native .x-icon, .drag-string-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_string.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_string.png'); + background: url('icon/drag/pure/icon_string.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_string.png'); _background: none; } .drag-number-icon .x-icon, .drag-number-icon:hover .x-icon, .drag-number-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_number.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_number.png'); + background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png'); _background: none; } .drag-number-icon.native .x-icon, .drag-number-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_number.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_number.png'); + background: url('icon/drag/pure/icon_number.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_number.png'); _background: none; } .drag-tree-icon .x-icon, .drag-tree-icon:hover .x-icon, .drag-tree-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_tree.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_tree.png'); + background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png'); _background: none; } .drag-tree-icon.native .x-icon, .drag-tree-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_tree.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_tree.png'); + background: url('icon/drag/pure/icon_tree.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_tree.png'); _background: none; } .drag-date-icon .x-icon, .drag-date-icon:hover .x-icon, .drag-date-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_date.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_date.png'); + background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png'); _background: none; } .drag-date-icon.native .x-icon, .drag-date-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_date.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_date.png'); + background: url('icon/drag/pure/icon_date.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_date.png'); _background: none; } .drag-year-icon .x-icon, .drag-year-icon:hover .x-icon, .drag-year-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year.png'); + background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png'); _background: none; } .drag-year-icon.native .x-icon, .drag-year-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year.png'); + background: url('icon/drag/pure/icon_year.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year.png'); _background: none; } .drag-year-month-icon .x-icon, .drag-year-month-icon:hover .x-icon, .drag-year-month-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_m.png'); + background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png'); _background: none; } .drag-year-month-icon.native .x-icon, .drag-year-month-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_m.png'); + background: url('icon/drag/pure/icon_year_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m.png'); _background: none; } .drag-year-season-icon .x-icon, .drag-year-season-icon:hover .x-icon, .drag-year-season-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_s.png'); + background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png'); _background: none; } .drag-year-season-icon.native .x-icon, .drag-year-season-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_s.png'); + background: url('icon/drag/pure/icon_year_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_s.png'); _background: none; } .drag-ymd-icon .x-icon, .drag-ymd-icon:hover .x-icon, .drag-ymd-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_m_d.png'); + background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png'); _background: none; } .drag-ymd-icon.native .x-icon, .drag-ymd-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_year_m_d.png'); + background: url('icon/drag/pure/icon_year_m_d.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_year_m_d.png'); _background: none; } .drag-general-query-icon .x-icon, .drag-general-query-icon:hover .x-icon, .drag-general-query-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_query_g.png'); + background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png'); _background: none; } .drag-general-query-icon.native .x-icon, .drag-general-query-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_query_g.png'); + background: url('icon/drag/pure/icon_query_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query_g.png'); _background: none; } .drag-query-icon .x-icon, .drag-query-icon:hover .x-icon, .drag-query-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_query.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_query.png'); + background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png'); _background: none; } .drag-query-icon.native .x-icon, .drag-query-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_query.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_query.png'); + background: url('icon/drag/pure/icon_query.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_query.png'); _background: none; } .drag-reset-icon .x-icon, .drag-reset-icon:hover .x-icon, .drag-reset-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_reset.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_reset.png'); + background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png'); _background: none; } .drag-reset-icon.native .x-icon, .drag-reset-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_reset.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_reset.png'); + background: url('icon/drag/pure/icon_reset.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reset.png'); _background: none; } .drag-reuse-icon .x-icon, .drag-reuse-icon:hover .x-icon, .drag-reuse-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_reuse.png'); + background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png'); _background: none; } .drag-reuse-icon.native .x-icon, .drag-reuse-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/pure/icon_reuse.png'); + background: url('icon/drag/pure/icon_reuse.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/pure/icon_reuse.png'); _background: none; } .drag-group-small-icon .x-icon, .drag-group-small-icon:hover .x-icon, .drag-group-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_group.png'); + background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png'); _background: none; } .drag-group-small-icon.native .x-icon, .drag-group-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_group.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_group.png'); + background: url('icon/drag/small/icon_group.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_group.png'); _background: none; } .drag-cross-small-icon .x-icon, .drag-cross-small-icon:hover .x-icon, .drag-cross-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_cross.png'); + background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png'); _background: none; } .drag-cross-small-icon.native .x-icon, .drag-cross-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_cross.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_cross.png'); + background: url('icon/drag/small/icon_cross.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_cross.png'); _background: none; } .drag-complex-small-icon .x-icon, .drag-complex-small-icon:hover .x-icon, .drag-complex-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_complex.png'); + background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png'); _background: none; } .drag-complex-small-icon.native .x-icon, .drag-complex-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_complex.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_complex.png'); + background: url('icon/drag/small/icon_complex.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_complex.png'); _background: none; } .drag-axis-small-icon .x-icon, .drag-axis-small-icon:hover .x-icon, .drag-axis-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis.png'); + background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png'); _background: none; } .drag-axis-small-icon.native .x-icon, .drag-axis-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis.png'); + background: url('icon/drag/small/icon_axis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis.png'); _background: none; } .drag-axis-accu-small-icon .x-icon, .drag-axis-accu-small-icon:hover .x-icon, .drag-axis-accu-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_a.png'); + background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png'); _background: none; } .drag-axis-accu-small-icon.native .x-icon, .drag-axis-accu-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_a.png'); + background: url('icon/drag/small/icon_axis_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_a.png'); _background: none; } .drag-axis-percent-accu-small-icon .x-icon, .drag-axis-percent-accu-small-icon:hover .x-icon, .drag-axis-percent-accu-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_pa.png'); + background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png'); _background: none; } .drag-axis-percent-accu-small-icon.native .x-icon, .drag-axis-percent-accu-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_pa.png'); + background: url('icon/drag/small/icon_axis_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_pa.png'); _background: none; } .drag-axis-compare-small-icon .x-icon, .drag-axis-compare-small-icon:hover .x-icon, .drag-axis-compare-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_c.png'); + background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png'); _background: none; } .drag-axis-compare-small-icon.native .x-icon, .drag-axis-compare-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_c.png'); + background: url('icon/drag/small/icon_axis_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_c.png'); _background: none; } .drag-axis-fall-small-icon .x-icon, .drag-axis-fall-small-icon:hover .x-icon, .drag-axis-fall-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_f.png'); + background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png'); _background: none; } .drag-axis-fall-small-icon.native .x-icon, .drag-axis-fall-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_axis_f.png'); + background: url('icon/drag/small/icon_axis_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_axis_f.png'); _background: none; } .drag-bar-small-icon .x-icon, .drag-bar-small-icon:hover .x-icon, .drag-bar-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar.png'); + background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png'); _background: none; } .drag-bar-small-icon.native .x-icon, .drag-bar-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar.png'); + background: url('icon/drag/small/icon_bar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar.png'); _background: none; } .drag-bar-accu-small-icon .x-icon, .drag-bar-accu-small-icon:hover .x-icon, .drag-bar-accu-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar_a.png'); + background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png'); _background: none; } .drag-bar-accu-small-icon.native .x-icon, .drag-bar-accu-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar_a.png'); + background: url('icon/drag/small/icon_bar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_a.png'); _background: none; } .drag-bar-compare-small-icon .x-icon, .drag-bar-compare-small-icon:hover .x-icon, .drag-bar-compare-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar_c.png'); + background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png'); _background: none; } .drag-bar-compare-small-icon.native .x-icon, .drag-bar-compare-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bar_c.png'); + background: url('icon/drag/small/icon_bar_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bar_c.png'); _background: none; } .drag-area-small-icon .x-icon, .drag-area-small-icon:hover .x-icon, .drag-area-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area.png'); + background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png'); _background: none; } .drag-area-small-icon.native .x-icon, .drag-area-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area.png'); + background: url('icon/drag/small/icon_area.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area.png'); _background: none; } .drag-area-accu-small-icon .x-icon, .drag-area-accu-small-icon:hover .x-icon, .drag-area-accu-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_a.png'); + background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png'); _background: none; } .drag-area-accu-small-icon.native .x-icon, .drag-area-accu-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_a.png'); + background: url('icon/drag/small/icon_area_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_a.png'); _background: none; } .drag-area-percent-accu-small-icon .x-icon, .drag-area-percent-accu-small-icon:hover .x-icon, .drag-area-percent-accu-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_pa.png'); + background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png'); _background: none; } .drag-area-percent-accu-small-icon.native .x-icon, .drag-area-percent-accu-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_pa.png'); + background: url('icon/drag/small/icon_area_pa.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_pa.png'); _background: none; } .drag-area-compare-small-icon .x-icon, .drag-area-compare-small-icon:hover .x-icon, .drag-area-compare-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_c.png'); + background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png'); _background: none; } .drag-area-compare-small-icon.native .x-icon, .drag-area-compare-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_c.png'); + background: url('icon/drag/small/icon_area_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_c.png'); _background: none; } .drag-area-range-small-icon .x-icon, .drag-area-range-small-icon:hover .x-icon, .drag-area-range-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_r.png'); + background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png'); _background: none; } .drag-area-range-small-icon.native .x-icon, .drag-area-range-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_r.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_area_r.png'); + background: url('icon/drag/small/icon_area_r.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_area_r.png'); _background: none; } .drag-combine-small-icon .x-icon, .drag-combine-small-icon:hover .x-icon, .drag-combine-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_combine.png'); + background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png'); _background: none; } .drag-combine-small-icon.native .x-icon, .drag-combine-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_combine.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_combine.png'); + background: url('icon/drag/small/icon_combine.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine.png'); _background: none; } .drag-combine-mult-small-icon .x-icon, .drag-combine-mult-small-icon:hover .x-icon, .drag-combine-mult-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_combine_m.png'); + background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png'); _background: none; } .drag-combine-mult-small-icon.native .x-icon, .drag-combine-mult-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_combine_m.png'); + background: url('icon/drag/small/icon_combine_m.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_combine_m.png'); _background: none; } .drag-line-small-icon .x-icon, .drag-line-small-icon:hover .x-icon, .drag-line-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_line.png'); + background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png'); _background: none; } .drag-line-small-icon.native .x-icon, .drag-line-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_line.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_line.png'); + background: url('icon/drag/small/icon_line.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_line.png'); _background: none; } .drag-pie-small-icon .x-icon, .drag-pie-small-icon:hover .x-icon, .drag-pie-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_pie.png'); + background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png'); _background: none; } .drag-pie-small-icon.native .x-icon, .drag-pie-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_pie.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_pie.png'); + background: url('icon/drag/small/icon_pie.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_pie.png'); _background: none; } .drag-map-china-small-icon .x-icon, .drag-map-china-small-icon:hover .x-icon, .drag-map-china-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_c.png'); + background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png'); _background: none; } .drag-map-china-small-icon.native .x-icon, .drag-map-china-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_c.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_c.png'); + background: url('icon/drag/small/icon_map_c.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_c.png'); _background: none; } .drag-map-global-small-icon .x-icon, .drag-map-global-small-icon:hover .x-icon, .drag-map-global-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_g.png'); + background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png'); _background: none; } .drag-map-global-small-icon.native .x-icon, .drag-map-global-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_g.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_g.png'); + background: url('icon/drag/small/icon_map_g.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_g.png'); _background: none; } .drag-map-svg-small-icon .x-icon, .drag-map-svg-small-icon:hover .x-icon, .drag-map-svg-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_s.png'); + background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png'); _background: none; } .drag-map-svg-small-icon.native .x-icon, .drag-map-svg-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_s.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_s.png'); + background: url('icon/drag/small/icon_map_s.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_s.png'); _background: none; } .drag-map-gis-small-icon .x-icon, .drag-map-gis-small-icon:hover .x-icon, .drag-map-gis-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_gis.png'); + background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png'); _background: none; } .drag-map-gis-small-icon.native .x-icon, .drag-map-gis-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_map_gis.png'); + background: url('icon/drag/small/icon_map_gis.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_map_gis.png'); _background: none; } .drag-dashboard-small-icon .x-icon, .drag-dashboard-small-icon:hover .x-icon, .drag-dashboard-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_dashboard.png'); + background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png'); _background: none; } .drag-dashboard-small-icon.native .x-icon, .drag-dashboard-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_dashboard.png'); + background: url('icon/drag/small/icon_dashboard.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_dashboard.png'); _background: none; } .drag-donut-small-icon .x-icon, .drag-donut-small-icon:hover .x-icon, .drag-donut-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_donut.png'); + background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png'); _background: none; } .drag-donut-small-icon.native .x-icon, .drag-donut-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_donut.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_donut.png'); + background: url('icon/drag/small/icon_donut.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_donut.png'); _background: none; } .drag-radar-small-icon .x-icon, .drag-radar-small-icon:hover .x-icon, .drag-radar-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_radar.png'); + background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png'); _background: none; } .drag-radar-small-icon.native .x-icon, .drag-radar-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_radar.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_radar.png'); + background: url('icon/drag/small/icon_radar.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar.png'); _background: none; } .drag-radar-accu-small-icon .x-icon, .drag-radar-accu-small-icon:hover .x-icon, .drag-radar-accu-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_radar_a.png'); + background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png'); _background: none; } .drag-radar-accu-small-icon.native .x-icon, .drag-radar-accu-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_radar_a.png'); + background: url('icon/drag/small/icon_radar_a.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_radar_a.png'); _background: none; } .drag-bubble-small-icon .x-icon, .drag-bubble-small-icon:hover .x-icon, .drag-bubble-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bubble.png'); + background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png'); _background: none; } .drag-bubble-small-icon.native .x-icon, .drag-bubble-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bubble.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bubble.png'); + background: url('icon/drag/small/icon_bubble.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble.png'); _background: none; } .drag-bubble-force-small-icon .x-icon, .drag-bubble-force-small-icon:hover .x-icon, .drag-bubble-force-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bubble_f.png'); + background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png'); _background: none; } .drag-bubble-force-small-icon.native .x-icon, .drag-bubble-force-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_bubble_f.png'); + background: url('icon/drag/small/icon_bubble_f.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_bubble_f.png'); _background: none; } .drag-scatter-small-icon .x-icon, .drag-scatter-small-icon:hover .x-icon, .drag-scatter-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_scatter.png'); + background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png'); _background: none; } .drag-scatter-small-icon.native .x-icon, .drag-scatter-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_scatter.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_scatter.png'); + background: url('icon/drag/small/icon_scatter.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_scatter.png'); _background: none; } .drag-funnel-small-icon .x-icon, .drag-funnel-small-icon:hover .x-icon, .drag-funnel-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_funnel.png'); + background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png'); _background: none; } .drag-funnel-small-icon.native .x-icon, .drag-funnel-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_funnel.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_funnel.png'); + background: url('icon/drag/small/icon_funnel.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_funnel.png'); _background: none; } .drag-detail-small-icon .x-icon, .drag-detail-small-icon:hover .x-icon, .drag-detail-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_detail.png'); + background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png'); _background: none; } .drag-detail-small-icon.native .x-icon, .drag-detail-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_detail.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_detail.png'); + background: url('icon/drag/small/icon_detail.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_detail.png'); _background: none; } .drag-input-small-icon .x-icon, .drag-input-small-icon:hover .x-icon, .drag-input-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_input.png'); + background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png'); _background: none; } .drag-input-small-icon.native .x-icon, .drag-input-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_input.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_input.png'); + background: url('icon/drag/small/icon_input.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_input.png'); _background: none; } .drag-web-small-icon .x-icon, .drag-web-small-icon:hover .x-icon, .drag-web-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_web.png'); + background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png'); _background: none; } .drag-web-small-icon.native .x-icon, .drag-web-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_web.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_web.png'); + background: url('icon/drag/small/icon_web.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_web.png'); _background: none; } .drag-image-small-icon .x-icon, .drag-image-small-icon:hover .x-icon, .drag-image-small-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_image.png'); + background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png'); _background: none; } .drag-image-small-icon.native .x-icon, .drag-image-small-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_image.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/drag/small/icon_image.png'); + background: url('icon/drag/small/icon_image.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/drag/small/icon_image.png'); _background: none; } .error-face-icon .x-icon, .error-face-icon:hover .x-icon, .error-face-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/no_data.png'); + background: url('icon/no_data.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); _background: none; } .error-face-icon.native .x-icon, .error-face-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/no_data.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/no_data.png'); + background: url('icon/no_data.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/no_data.png'); _background: none; } .drag-tip-dots-icon .x-icon, .drag-tip-dots-icon:hover .x-icon, .drag-tip-dots-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/dots.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/dots.png'); + background: url('icon/dots.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png'); _background: none; } .drag-tip-dots-icon.native .x-icon, .drag-tip-dots-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/dots.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/dots.png'); + background: url('icon/dots.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dots.png'); _background: none; } .bubble-no-projector .x-icon, .bubble-no-projector:hover .x-icon, .bubble-no-projector:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/bubble_no_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/bubble_no_projector.png'); + background: url('icon/bubble_no_projector.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png'); _background: none; } .bubble-no-projector.native .x-icon, .bubble-no-projector.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/bubble_no_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/bubble_no_projector.png'); + background: url('icon/bubble_no_projector.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_no_projector.png'); _background: none; } .bubble-with-projector .x-icon, .bubble-with-projector:hover .x-icon, .bubble-with-projector:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/bubble_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/bubble_projector.png'); + background: url('icon/bubble_projector.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png'); _background: none; } .bubble-with-projector.native .x-icon, .bubble-with-projector.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/bubble_projector.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/bubble_projector.png'); + background: url('icon/bubble_projector.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/bubble_projector.png'); _background: none; } .drill-push-down-icon .x-icon, .drill-push-down-icon:hover .x-icon, .drill-push-down-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/push_down.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/push_down.png'); + background: url('icon/push_down.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png'); _background: none; } .drill-push-down-icon.native .x-icon, .drill-push-down-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/push_down.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/push_down.png'); + background: url('icon/push_down.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_down.png'); _background: none; } .drill-push-up-icon .x-icon, .drill-push-up-icon:hover .x-icon, .drill-push-up-icon:active .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/push_up.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/push_up.png'); + background: url('icon/push_up.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png'); _background: none; } .drill-push-up-icon.native .x-icon, .drill-push-up-icon.disabled .x-icon { display: block; - background: url('${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/push_up.png') no-repeat 0px 0px; - _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/push_up.png'); + background: url('icon/push_up.png') no-repeat 0px 0px; + _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/push_up.png'); _background: none; } diff --git a/src/css/widget/arrangement/arrangement.block.css b/src/css/widget/arrangement/arrangement.block.css new file mode 100644 index 000000000..69b801736 --- /dev/null +++ b/src/css/widget/arrangement/arrangement.block.css @@ -0,0 +1,8 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-arrangement-block { + background: #e85050; + opacity: 0.8; + filter: alpha(opacity=80); +} diff --git a/src/css/widget/arrangement/arrangement.css b/src/css/widget/arrangement/arrangement.css new file mode 100644 index 000000000..ee99b7986 --- /dev/null +++ b/src/css/widget/arrangement/arrangement.css @@ -0,0 +1,40 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-arrangement .arrangement-helper { + border: 1px solid #d4dadd; + background: #009de3; + z-index: 1000000000; +} +.bi-arrangement .arrangement-block { + z-index: 1000000000; +} +.bi-arrangement .arrangement-drop-container { + z-index: 1000000000; +} +.bi-arrangement .arrangement-drop-container .arrangement-drop-region { + overflow: hidden; +} +.bi-arrangement .arrangement-drop-container .drop-devider { + z-index: 1000000001; + background: #009de3; +} +.bi-arrangement .arrangement-drop-container .top-left, +.bi-arrangement .arrangement-drop-container .top-right, +.bi-arrangement .arrangement-drop-container .bottom-left, +.bi-arrangement .arrangement-drop-container .bottom-right, +.bi-arrangement .arrangement-drop-container .top-left-second, +.bi-arrangement .arrangement-drop-container .top-right-second, +.bi-arrangement .arrangement-drop-container .bottom-left-second, +.bi-arrangement .arrangement-drop-container .bottom-right-second, +.bi-arrangement .arrangement-drop-container .top-center, +.bi-arrangement .arrangement-drop-container .bottom-center, +.bi-arrangement .arrangement-drop-container .left-center, +.bi-arrangement .arrangement-drop-container .right-center, +.bi-arrangement .arrangement-drop-container .top-center-second, +.bi-arrangement .arrangement-drop-container .bottom-center-second, +.bi-arrangement .arrangement-drop-container .left-center-second, +.bi-arrangement .arrangement-drop-container .right-center-second { + z-index: 1000000001; + background: #009de3; +} diff --git a/src/css/widget/arrangement/arrangement.droppable.css b/src/css/widget/arrangement/arrangement.droppable.css new file mode 100644 index 000000000..2ae94e0f7 --- /dev/null +++ b/src/css/widget/arrangement/arrangement.droppable.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-arrangement-droppable { + background: #d8f3fe; + opacity: 0.8; + filter: alpha(opacity=80); + z-index: 100000; +} diff --git a/src/css/widget/base/combo/iconcombo/combo.icon.css b/src/css/widget/base/combo/iconcombo/combo.icon.css new file mode 100644 index 000000000..c825b6e90 --- /dev/null +++ b/src/css/widget/base/combo/iconcombo/combo.icon.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-icon-combo.bi-combo-popup .bi-icon-combo-trigger .b-font:before { + color: #009de3; +} diff --git a/src/css/widget/base/editor/editor.adapt.css b/src/css/widget/base/editor/editor.adapt.css new file mode 100644 index 000000000..70e3792fe --- /dev/null +++ b/src/css/widget/base/editor/editor.adapt.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-adapt-editor .adapt-editor-text { + font-size: 14px; +} diff --git a/src/css/widget/base/editor/editor.search.css b/src/css/widget/base/editor/editor.search.css new file mode 100644 index 000000000..0070eff5a --- /dev/null +++ b/src/css/widget/base/editor/editor.search.css @@ -0,0 +1,13 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/*************BI.SearchEditor******************/ +.bi-search-editor { + border: 1px solid #d4dadd; +} +.bi-search-editor .close-font { + font-size: 20px; +} +.bi-search-editor .search-font { + font-size: 20px; +} diff --git a/src/css/widget/base/editor/editor.search.small.css b/src/css/widget/base/editor/editor.search.small.css new file mode 100644 index 000000000..75ffc8c06 --- /dev/null +++ b/src/css/widget/base/editor/editor.search.small.css @@ -0,0 +1,19 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/*************BI.SearchEditor******************/ +.bi-small-search-editor .bi-editor { + font-size: 12px; +} +.bi-small-search-editor .bi-editor .bi-input { + font-size: 12px; +} +.bi-small-search-editor .bi-editor .bi-label { + font-size: 12px; +} +.bi-small-search-editor .close-font { + font-size: 18px; +} +.bi-small-search-editor .search-font { + font-size: 18px; +} diff --git a/src/css/widget/base/editor/editor.sign.initial.css b/src/css/widget/base/editor/editor.sign.initial.css new file mode 100644 index 000000000..e1bb436f7 --- /dev/null +++ b/src/css/widget/base/editor/editor.sign.initial.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sign-initial-editor .sign-initial-editor-text { + font-size: 14px; +} diff --git a/src/css/widget/base/editor/editor.sign.style.css b/src/css/widget/base/editor/editor.sign.style.css new file mode 100644 index 000000000..63e9f258c --- /dev/null +++ b/src/css/widget/base/editor/editor.sign.style.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sign-style-editor .sign-style-editor-text { + max-width: 100%; + font-size: 12px; +} +.bi-sign-style-editor .sign-style-editor-tip { + max-width: 100%; + font-size: 12px; + color: #808080; +} diff --git a/src/css/widget/base/editor/editor.text.css b/src/css/widget/base/editor/editor.text.css new file mode 100644 index 000000000..fd41d73a4 --- /dev/null +++ b/src/css/widget/base/editor/editor.text.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-text-editor { + border: 1px solid #d4dadd; +} diff --git a/src/css/widget/base/editor/editor.text.small.css b/src/css/widget/base/editor/editor.text.small.css new file mode 100644 index 000000000..18e55e5ff --- /dev/null +++ b/src/css/widget/base/editor/editor.text.small.css @@ -0,0 +1,4 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/*************BI.SearchEditor******************/ diff --git a/src/css/widget/base/mask/loading.mask.css b/src/css/widget/base/mask/loading.mask.css new file mode 100644 index 000000000..ff6723d46 --- /dev/null +++ b/src/css/widget/base/mask/loading.mask.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-loading-main-background { + background-color: #ffffff; + opacity: 0.7; + filter: alpha(opacity=70); +} +.bi-loading-mask-content .loading-bar-label { + font-size: 20px; + color: #808080; +} diff --git a/src/css/widget/base/segment/button.line.segment.css b/src/css/widget/base/segment/button.line.segment.css new file mode 100644 index 000000000..3d59b575a --- /dev/null +++ b/src/css/widget/base/segment/button.line.segment.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-line-segment-button.active .line-segment-button-line { + background: #009de3; +} +.bi-line-segment-button.disabled, +.bi-line-segment-button.disabled:hover, +.bi-line-segment-button.disabled:active { + color: #1a1a1a; + background: #ffffff; +} diff --git a/src/css/widget/base/segment/segment.line.css b/src/css/widget/base/segment/segment.line.css new file mode 100644 index 000000000..a9ebad60b --- /dev/null +++ b/src/css/widget/base/segment/segment.line.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-line-segment { + border-bottom: 1px solid #d4dadd; +} diff --git a/src/css/widget/base/tip/tip.helper.css b/src/css/widget/base/tip/tip.helper.css new file mode 100644 index 000000000..0fad5f96b --- /dev/null +++ b/src/css/widget/base/tip/tip.helper.css @@ -0,0 +1,20 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-helper { + background-color: #009de3; + font-size: 13px; + color: #ffffff; + cursor: url('cursor/cursor_drag_hand.cur'), auto; + opacity: 0.7; +} +.bi-helper.dragging-modify { + background: none; +} +.bi-helper.dragging-modify .helper-warning { + color: #1a1a1a; + border: 1px solid #e85050; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/base/toolbar/toolbar.progress.bar.css b/src/css/widget/base/toolbar/toolbar.progress.bar.css new file mode 100644 index 000000000..fff1ebaae --- /dev/null +++ b/src/css/widget/base/toolbar/toolbar.progress.bar.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-progress-bar-bar { + background: #eaeaea; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; +} diff --git a/src/css/widget/base/toolbar/toolbar.progress.css b/src/css/widget/base/toolbar/toolbar.progress.css new file mode 100644 index 000000000..ee1456d14 --- /dev/null +++ b/src/css/widget/base/toolbar/toolbar.progress.css @@ -0,0 +1,11 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-progress-bar .progress-bar-label { + font-weight: bold; + font-family: "微软雅黑"; + color: #009de3; +} +.bi-progress-bar .progress-bar-label.success { + color: #0c6d23; +} diff --git a/src/css/widget/base/toolbar/toolbar.progress.processor.css b/src/css/widget/base/toolbar/toolbar.progress.processor.css new file mode 100644 index 000000000..552b25476 --- /dev/null +++ b/src/css/widget/base/toolbar/toolbar.progress.processor.css @@ -0,0 +1,14 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-progress-bar-processor { + background: #009de3; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + overflow-x: hidden; + overflow-y: hidden; +} +.bi-progress-bar-processor.success { + background: #58cc7d; +} diff --git a/src/css/widget/colorchooser/colorchooser.popup.css b/src/css/widget/colorchooser/colorchooser.popup.css new file mode 100644 index 000000000..cfaf63670 --- /dev/null +++ b/src/css/widget/colorchooser/colorchooser.popup.css @@ -0,0 +1,13 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-chooser-popup .color-chooser-popup-title { + background: #f4f4f4; + border-bottom: 1px solid #d4dadd; +} +.bi-color-chooser-popup .color-chooser-popup-more { + background: #f4f4f4; +} +.bi-color-chooser-popup .color-chooser-popup-more:hover { + background: #d4dadd; +} diff --git a/src/css/widget/colorchooser/colorchooser.trigger.css b/src/css/widget/colorchooser/colorchooser.trigger.css new file mode 100644 index 000000000..65be3f196 --- /dev/null +++ b/src/css/widget/colorchooser/colorchooser.trigger.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-color-chooser-trigger { + background: #ffffff; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + box-shadow: 0px 0px 2px 1px #d4dadd inset; + -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset; + -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset; +} diff --git a/src/css/widget/copy2group/button.add.copy2group.css b/src/css/widget/copy2group/button.add.copy2group.css new file mode 100644 index 000000000..527a2c526 --- /dev/null +++ b/src/css/widget/copy2group/button.add.copy2group.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-copy2group-add-button { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + background: #fff5c1; +} diff --git a/src/css/widget/copy2group/combo.copy2group.css b/src/css/widget/copy2group/combo.copy2group.css new file mode 100644 index 000000000..426daff8e --- /dev/null +++ b/src/css/widget/copy2group/combo.copy2group.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.copy2_group_search_pane { + background: #ffffff; +} diff --git a/src/css/widget/date/calendar/picker.date.css b/src/css/widget/date/calendar/picker.date.css new file mode 100644 index 000000000..6a76b7b14 --- /dev/null +++ b/src/css/widget/date/calendar/picker.date.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-date-picker { + background: #f4f4f4; +} diff --git a/src/css/widget/date/trigger.date.css b/src/css/widget/date/trigger.date.css new file mode 100644 index 000000000..c7b947b94 --- /dev/null +++ b/src/css/widget/date/trigger.date.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-date-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/downlist/combo.downlist.css b/src/css/widget/downlist/combo.downlist.css new file mode 100644 index 000000000..edfed09c6 --- /dev/null +++ b/src/css/widget/downlist/combo.downlist.css @@ -0,0 +1,16 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item, +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item .b-font:before { + background-color: #f4f4f4; +} +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item:disabled, +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item.disabled, +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item:disabled .b-font:before, +.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item.disabled .b-font:before { + background-color: #ffffff; +} +.bi-down-list-combo .bi-down-list-spliter { + border-top: 1px solid #eaeaea; +} diff --git a/src/css/widget/downlist/popup.downlist.css b/src/css/widget/downlist/popup.downlist.css new file mode 100644 index 000000000..0d6086147 --- /dev/null +++ b/src/css/widget/downlist/popup.downlist.css @@ -0,0 +1,19 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-down-list-popup .bi-down-list-item:hover, +.bi-down-list-popup .bi-down-list-item.hover { + background-color: #f4f4f4; +} +.bi-down-list-popup .bi-down-list-item.disabled, +.bi-down-list-popup .bi-down-list-item.disabled:hover, +.bi-down-list-popup .bi-down-list-item.disabled:active { + background-color: #ffffff; +} +.bi-down-list-popup .bi-down-list-item:active { + color: #009de3; + background-color: #f4f4f4; +} +.bi-down-list-popup .bi-down-list-item .list-item-text { + max-width: 203px; +} diff --git a/src/css/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.css b/src/css/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.css new file mode 100644 index 000000000..5ba208022 --- /dev/null +++ b/src/css/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.css @@ -0,0 +1,13 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sheet-tab-dynamic-button { + background: #eaeaea; + border-top: 1px solid #d4dadd; +} +.bi-sheet-tab-dynamic-button .bi-icon-button-scroll { + border: 1px solid #eaeaea; +} +.bi-sheet-tab-dynamic-button .bi-icon-button-scroll:hover { + border-color: #d4dadd; +} diff --git a/src/css/widget/exceltable/exceltable.cell.css b/src/css/widget/exceltable/exceltable.cell.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/exceltable/exceltable.cell.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/exceltable/exceltable.css b/src/css/widget/exceltable/exceltable.css new file mode 100644 index 000000000..90a35f20e --- /dev/null +++ b/src/css/widget/exceltable/exceltable.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-excel-table > div.bottom-right > div > div > table { + border-right: 1px solid #eaeaea; +} diff --git a/src/css/widget/exceltable/exceltable.header.cell.css b/src/css/widget/exceltable/exceltable.header.cell.css new file mode 100644 index 000000000..94c48f0c8 --- /dev/null +++ b/src/css/widget/exceltable/exceltable.header.cell.css @@ -0,0 +1,7 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-excel-table-header-cell { + font-weight: bold; + background-color: #eaeaea; +} diff --git a/src/css/widget/filemanager/filemanager.css b/src/css/widget/filemanager/filemanager.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/filemanager/filemanager.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/filemanager/items/item.file.filemanager.css b/src/css/widget/filemanager/items/item.file.filemanager.css new file mode 100644 index 000000000..4d8cf6ce5 --- /dev/null +++ b/src/css/widget/filemanager/items/item.file.filemanager.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-file-manager-file-item { + border-bottom: 1px solid #d4dadd; +} diff --git a/src/css/widget/filemanager/items/item.folder.filemanager.css b/src/css/widget/filemanager/items/item.folder.filemanager.css new file mode 100644 index 000000000..e47e3507c --- /dev/null +++ b/src/css/widget/filemanager/items/item.folder.filemanager.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-file-manager-folder-item { + border-bottom: 1px solid #d4dadd; +} diff --git a/src/css/widget/filemanager/nav/button/button.nav.filemanager.css b/src/css/widget/filemanager/nav/button/button.nav.filemanager.css new file mode 100644 index 000000000..27a5e2807 --- /dev/null +++ b/src/css/widget/filemanager/nav/button/button.nav.filemanager.css @@ -0,0 +1,14 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-file-manager-nav-button .file-manager-nav-button-text { + max-width: 200px; + background: #ffffff; +} +.bi-file-manager-nav-button .file-manager-nav-button-text.active { + background-color: #f4f4f4; + color: #808080; +} +.bi-file-manager-nav-button .file-manager-nav-button-triangle { + z-index: 1; +} diff --git a/src/css/widget/filemanager/nav/nav.filemanager.css b/src/css/widget/filemanager/nav/nav.filemanager.css new file mode 100644 index 000000000..952e09390 --- /dev/null +++ b/src/css/widget/filemanager/nav/nav.filemanager.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-file-manager-nav { + border-left: 1px solid #d4dadd; +} diff --git a/src/css/widget/filterpane/abstract.item.filter.css b/src/css/widget/filterpane/abstract.item.filter.css new file mode 100644 index 000000000..878dccf2b --- /dev/null +++ b/src/css/widget/filterpane/abstract.item.filter.css @@ -0,0 +1,14 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-filter-item { + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +.bi-filter-item .filter-item-empty-item { + border-top: 1px solid #d4dadd; +} +.bi-filter-item .filter-item-empty-item .empty-filter-item-leaf { + border: 1px dashed #178cdf; + background: #58cc7d; +} diff --git a/src/css/widget/filterpane/expander.filter.css b/src/css/widget/filterpane/expander.filter.css new file mode 100644 index 000000000..456fb1949 --- /dev/null +++ b/src/css/widget/filterpane/expander.filter.css @@ -0,0 +1,21 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-filter-expander { + min-width: 100%; + border-right: 0px; + border-bottom: 0px; +} +.bi-filter-expander > .filter-item-empty-item { + border-top: 0px; + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +.bi-filter-expander > table { + min-width: 100%; +} +.bi-filter-expander > table > tbody > tr > td.first-element { + width: 20px; + border-right: 1px solid #d4dadd !important; + border-bottom: 1px solid #d4dadd !important; +} diff --git a/src/css/widget/filterpane/pane.filter.css b/src/css/widget/filterpane/pane.filter.css new file mode 100644 index 000000000..b4925510f --- /dev/null +++ b/src/css/widget/filterpane/pane.filter.css @@ -0,0 +1,15 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-filter-pane { + min-width: 100%; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border-top: 1px solid #d4dadd; + border-left: 1px solid #d4dadd; +} +.bi-filter-pane .condition-container { + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} diff --git a/src/css/widget/finetuningnumbereditor/finetuning.number.editor.css b/src/css/widget/finetuningnumbereditor/finetuning.number.editor.css new file mode 100644 index 000000000..d8afcf239 --- /dev/null +++ b/src/css/widget/finetuningnumbereditor/finetuning.number.editor.css @@ -0,0 +1,16 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-fine-tuning-number-editor { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.bi-fine-tuning-number-editor .top-button { + border-left: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +.bi-fine-tuning-number-editor .bottom-button { + border-left: 1px solid #d4dadd; +} diff --git a/src/css/widget/formula/editor.search.css b/src/css/widget/formula/editor.search.css new file mode 100644 index 000000000..e70aecdc1 --- /dev/null +++ b/src/css/widget/formula/editor.search.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-search-edit { + border: 1px solid #d4dadd; +} diff --git a/src/css/widget/formula/group.symbol.css b/src/css/widget/formula/group.symbol.css new file mode 100644 index 000000000..243dbd17b --- /dev/null +++ b/src/css/widget/formula/group.symbol.css @@ -0,0 +1,18 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-formula-symbol-group .symbol-button:hover, +.bi-formula-symbol-group .symbol-button.hover, +.bi-formula-symbol-group .symbol-button:active, +.bi-formula-symbol-group .symbol-button.active { + color: #009de3; + background-color: #f4f4f4; + border: 1px solid #d4dadd; +} +.bi-formula-symbol-group .symbol-button { + color: #009de3; + border: 1px solid #ffffff; +} +.symbol-group-column { + border: 1px solid #d4dadd; +} diff --git a/src/css/widget/formula/insert.formula.css b/src/css/widget/formula/insert.formula.css new file mode 100644 index 000000000..7957c6898 --- /dev/null +++ b/src/css/widget/formula/insert.formula.css @@ -0,0 +1,26 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-formula-insert .more-function-button { + color: #009de3; +} +.bi-formula-insert .bi-formula-field-pane { + border-top: 1px solid #d4dadd; + border-left: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} +.bi-formula-insert .bi-formula-editor { + border-left: 1px solid #d4dadd; + border-top: 1px solid #d4dadd; + border-right: 1px solid #d4dadd; +} +.bi-formula-insert .bi-water-mark { + font-size: 14px; +} +.bi-formula-insert .proxy_div { + font-size: 13px; + background-color: #009de3; + color: #ffffff; + opacity: 0.7; + cursor: pointer; +} diff --git a/src/css/widget/formula/item.button.text.treeleaf.css b/src/css/widget/formula/item.button.text.treeleaf.css new file mode 100644 index 000000000..df2339264 --- /dev/null +++ b/src/css/widget/formula/item.button.text.treeleaf.css @@ -0,0 +1,19 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-button-text-tree-item:hover, +.bi-button-text-tree-item.hover { + background-color: #f4f4f4; +} +.bi-button-text-tree-item.active { + color: #009de3; + background-color: #f4f4f4; +} +.bi-button-text-tree-item.disabled, +.bi-button-text-tree-item.disabled:hover, +.bi-button-text-tree-item.disabled:active { + background-color: #ffffff; +} +.bi-button-text-tree-item .formula-function-insert-button { + color: #009de3; +} diff --git a/src/css/widget/formula/pane.function.css b/src/css/widget/formula/pane.function.css new file mode 100644 index 000000000..612ea26f4 --- /dev/null +++ b/src/css/widget/formula/pane.function.css @@ -0,0 +1,16 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-formula-function-pane .style-inner { + border-left: 1px solid #d4dadd; + border-top: 1px solid #d4dadd; +} +.bi-formula-function-pane .style-top { + border-top: 1px solid #d4dadd; +} +.bi-formula-function-pane .style-left { + border-left: 1px solid #d4dadd; +} +.bi-formula-function-pane { + background-color: #ffffff; +} diff --git a/src/css/widget/formula/tree.fieldname.css b/src/css/widget/formula/tree.fieldname.css new file mode 100644 index 000000000..57851feb8 --- /dev/null +++ b/src/css/widget/formula/tree.fieldname.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-formula-field-tree { + background-color: #f4f4f4; +} diff --git a/src/css/widget/formula/tree.function.css b/src/css/widget/formula/tree.function.css new file mode 100644 index 000000000..158b2053c --- /dev/null +++ b/src/css/widget/formula/tree.function.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-formula-function-tree { + background-color: #ffffff; +} diff --git a/src/css/widget/image/button/href/image.button.href.css b/src/css/widget/image/button/href/image.button.href.css new file mode 100644 index 000000000..cb133baf9 --- /dev/null +++ b/src/css/widget/image/button/href/image.button.href.css @@ -0,0 +1,7 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-image-button-href .image-button-href-icon-button { + z-index: 1; + font-size: 16px; +} diff --git a/src/css/widget/image/button/size/image.button.size.css b/src/css/widget/image/button/size/image.button.size.css new file mode 100644 index 000000000..9c5a45187 --- /dev/null +++ b/src/css/widget/image/button/size/image.button.size.css @@ -0,0 +1,7 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-image-button-size .image-button-size-button-group { + font-size: 12px; + color: #1a1a1a; +} diff --git a/src/css/widget/image/button/upload.css b/src/css/widget/image/button/upload.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/image/button/upload.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/image/uploadimage.css b/src/css/widget/image/uploadimage.css new file mode 100644 index 000000000..bf0fe2720 --- /dev/null +++ b/src/css/widget/image/uploadimage.css @@ -0,0 +1,16 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-upload-image .upload-image-text-button-label { + font-size: 14px; + color: #c4c6c6; +} +.bi-upload-image .upload-image-icon-button { + z-index: 1; + font-size: 16px; + background-color: #ffffff; +} +.bi-upload-image .upload-image-delete-label { + font-size: 14px; + color: #1a1a1a; +} diff --git a/src/css/widget/interactivearrangement/interactivearrangement.css b/src/css/widget/interactivearrangement/interactivearrangement.css new file mode 100644 index 000000000..f7ee4d771 --- /dev/null +++ b/src/css/widget/interactivearrangement/interactivearrangement.css @@ -0,0 +1,10 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-interactive-arrangement .interactive-arrangement-dragtag-line { + z-index: 1000000000; + background-color: #f07d0a; +} +.bi-interactive-arrangement .interactive-arrangement-dragtag-icon { + z-index: 1000000000; +} diff --git a/src/css/widget/listlabel/listlabel.css b/src/css/widget/listlabel/listlabel.css new file mode 100644 index 000000000..608635c07 --- /dev/null +++ b/src/css/widget/listlabel/listlabel.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-list-label { + font-size: 14px; +} +.bi-list-label .list-label-button:hover { + color: #e85050; +} diff --git a/src/css/widget/month/combo.month.css b/src/css/widget/month/combo.month.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/month/combo.month.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/month/popup.month.css b/src/css/widget/month/popup.month.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/month/popup.month.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/month/trigger.month.css b/src/css/widget/month/trigger.month.css new file mode 100644 index 000000000..51c4a6c1a --- /dev/null +++ b/src/css/widget/month/trigger.month.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-month-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/move2group/button.add.move2group.css b/src/css/widget/move2group/button.add.move2group.css new file mode 100644 index 000000000..ef36515b5 --- /dev/null +++ b/src/css/widget/move2group/button.add.move2group.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-move2group-add-button { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + background: #fff5c1; +} diff --git a/src/css/widget/move2group/combo.move2group.css b/src/css/widget/move2group/combo.move2group.css new file mode 100644 index 000000000..bb2f59142 --- /dev/null +++ b/src/css/widget/move2group/combo.move2group.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.move2_group_search_pane { + background: #ffffff; +} diff --git a/src/css/widget/multidate/multidate.combo.css b/src/css/widget/multidate/multidate.combo.css new file mode 100644 index 000000000..44b124789 --- /dev/null +++ b/src/css/widget/multidate/multidate.combo.css @@ -0,0 +1,8 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-combo { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/multidate/multidate.day.css b/src/css/widget/multidate/multidate.day.css new file mode 100644 index 000000000..3d6b4e284 --- /dev/null +++ b/src/css/widget/multidate/multidate.day.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-daycard .bi-multidate-inner-label { + color: #808080; +} diff --git a/src/css/widget/multidate/multidate.month.css b/src/css/widget/multidate/multidate.month.css new file mode 100644 index 000000000..ae2e589c0 --- /dev/null +++ b/src/css/widget/multidate/multidate.month.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-monthcard .bi-multidate-inner-label { + color: #808080; +} diff --git a/src/css/widget/multidate/multidate.popup.css b/src/css/widget/multidate/multidate.popup.css new file mode 100644 index 000000000..1b9941424 --- /dev/null +++ b/src/css/widget/multidate/multidate.popup.css @@ -0,0 +1,26 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-popup .bi-multidate-popup-label { + color: #009de3; + font-size: 14px; + border-left: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; + border-top: 1px solid #eaeaea; +} +.bi-multidate-popup .bi-multidate-popup-tab { + border-bottom: 1px solid #eaeaea; +} +.bi-multidate-popup .bi-multidate-popup-item:active, +.bi-multidate-popup .bi-multidate-popup-item.active { + background-color: #009de3; + color: #ffffff; + -webkit-border-radius: 2px 2px 0 0; + -moz-border-radius: 2px 2px 0 0; + border-radius: 2px 2px 0 0; +} +.bi-multidate-popup .bi-multidate-popup-button { + color: #009de3; + font-size: 14px; + border-top: 1px solid #eaeaea; +} diff --git a/src/css/widget/multidate/multidate.quarter.css b/src/css/widget/multidate/multidate.quarter.css new file mode 100644 index 000000000..7ecb2a43e --- /dev/null +++ b/src/css/widget/multidate/multidate.quarter.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-quartercard .bi-multidate-inner-label { + color: #808080; +} diff --git a/src/css/widget/multidate/multidate.segment.css b/src/css/widget/multidate/multidate.segment.css new file mode 100644 index 000000000..16cc3e3a7 --- /dev/null +++ b/src/css/widget/multidate/multidate.segment.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-segment .bi-multidate-normal-label { + color: #1a1a1a; +} +.bi-multidate-segment .bi-multidate-editor { + font-size: 14px; +} diff --git a/src/css/widget/multidate/multidate.week.css b/src/css/widget/multidate/multidate.week.css new file mode 100644 index 000000000..9d1636432 --- /dev/null +++ b/src/css/widget/multidate/multidate.week.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-weekcard .bi-multidate-inner-label { + color: #808080; +} diff --git a/src/css/widget/multidate/multidate.year.css b/src/css/widget/multidate/multidate.year.css new file mode 100644 index 000000000..d6eb34b41 --- /dev/null +++ b/src/css/widget/multidate/multidate.year.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multidate-yearcard .bi-multidate-inner-label { + color: #808080; +} diff --git a/src/css/widget/multiselect/check/multiselect.check.pane.css b/src/css/widget/multiselect/check/multiselect.check.pane.css new file mode 100644 index 000000000..ee98f4e77 --- /dev/null +++ b/src/css/widget/multiselect/check/multiselect.check.pane.css @@ -0,0 +1,10 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-check-pane .multi-select-continue-select { + background-color: #f4f4f4; +} +.bi-multi-select-check-pane .multi-select-check-selected { + color: #009de3; + text-decoration: underline; +} diff --git a/src/css/widget/multiselect/check/multiselect.display.css b/src/css/widget/multiselect/check/multiselect.display.css new file mode 100644 index 000000000..26e6241c0 --- /dev/null +++ b/src/css/widget/multiselect/check/multiselect.display.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-display-list { + background-color: #f4f4f4; +} +.bi-display-list .display-list-item { + color: #808080; +} diff --git a/src/css/widget/multiselect/multiselect.combo.css b/src/css/widget/multiselect/multiselect.combo.css new file mode 100644 index 000000000..78e5887e7 --- /dev/null +++ b/src/css/widget/multiselect/multiselect.combo.css @@ -0,0 +1,7 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-combo .multi-select-trigger-icon-button { + border-left: 1px solid #d4dadd; + font-size: 16px; +} diff --git a/src/css/widget/multiselect/multiselect.popup.view.css b/src/css/widget/multiselect/multiselect.popup.view.css new file mode 100644 index 000000000..53c841864 --- /dev/null +++ b/src/css/widget/multiselect/multiselect.popup.view.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-popup-view .multi-select-no-toolbar { + color: #c4c6c6; +} diff --git a/src/css/widget/multiselect/multiselect.trigger.css b/src/css/widget/multiselect/multiselect.trigger.css new file mode 100644 index 000000000..3bf97099e --- /dev/null +++ b/src/css/widget/multiselect/multiselect.trigger.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + border-radius: 2px 2px 2px 2px; +} diff --git a/src/css/widget/multiselect/search/multiselect.search.pane.css b/src/css/widget/multiselect/search/multiselect.search.pane.css new file mode 100644 index 000000000..a717a9144 --- /dev/null +++ b/src/css/widget/multiselect/search/multiselect.search.pane.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-search-pane { + background: #ffffff; +} +.bi-multi-select-search-pane .multi-select-toolbar { + color: #e85050; +} diff --git a/src/css/widget/multiselect/trigger/button.checkselected.css b/src/css/widget/multiselect/trigger/button.checkselected.css new file mode 100644 index 000000000..5756a2ff7 --- /dev/null +++ b/src/css/widget/multiselect/trigger/button.checkselected.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-select-check-selected-button { + border: 1px solid #009de3; + -webkit-border-radius: 8px 8px 8px 8px; + -moz-border-radius: 8px 8px 8px 8px; + border-radius: 8px 8px 8px 8px; + color: #009de3; + background-color: #ffffff; + z-index: 1; +} diff --git a/src/css/widget/multistringlist/multistringlist.css b/src/css/widget/multistringlist/multistringlist.css new file mode 100644 index 000000000..dbe888659 --- /dev/null +++ b/src/css/widget/multistringlist/multistringlist.css @@ -0,0 +1,8 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-string-list .popup-multi-string-list { + border-left: 1px solid #d4dadd; + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} diff --git a/src/css/widget/multitree/check/multi.tree.check.pane.css b/src/css/widget/multitree/check/multi.tree.check.pane.css new file mode 100644 index 000000000..e47d209b7 --- /dev/null +++ b/src/css/widget/multitree/check/multi.tree.check.pane.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-check-pane { + background-color: #f4f4f4; +} +.bi-multi-tree-check-pane .multi-tree-continue-select { + background-color: #f4f4f4; +} +.bi-multi-tree-check-pane .multi-tree-check-selected { + color: #009de3; +} diff --git a/src/css/widget/multitree/display.multi.tree.css b/src/css/widget/multitree/display.multi.tree.css new file mode 100644 index 000000000..95ed7ce02 --- /dev/null +++ b/src/css/widget/multitree/display.multi.tree.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-display { + background-color: #f4f4f4; +} diff --git a/src/css/widget/multitree/multi.tree.combo.css b/src/css/widget/multitree/multi.tree.combo.css new file mode 100644 index 000000000..8ea67a36f --- /dev/null +++ b/src/css/widget/multitree/multi.tree.combo.css @@ -0,0 +1,7 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-combo .multi-select-trigger-icon-button { + border-left: 1px solid #d4dadd; + font-size: 16px; +} diff --git a/src/css/widget/multitree/multi.tree.trigger.css b/src/css/widget/multitree/multi.tree.trigger.css new file mode 100644 index 000000000..a5d0d76f3 --- /dev/null +++ b/src/css/widget/multitree/multi.tree.trigger.css @@ -0,0 +1,22 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + border-radius: 2px 2px 2px 2px; +} +.bi-multi-tree-trigger .trigger-check-selected { + border: 1px solid #009de3; + -webkit-border-radius: 8px 8px 8px 8px; + -moz-border-radius: 8px 8px 8px 8px; + border-radius: 8px 8px 8px 8px; + color: #009de3; + background-color: #ffffff; + z-index: 1; +} +.bi-multi-tree-trigger .trigger-icon-button { + border-left: 1px solid #d4dadd; + font-size: 16px; +} diff --git a/src/css/widget/multitree/popup.multi.tree.css b/src/css/widget/multitree/popup.multi.tree.css new file mode 100644 index 000000000..3367584e4 --- /dev/null +++ b/src/css/widget/multitree/popup.multi.tree.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-popup .popup-view-tree { + min-height: 170px; +} diff --git a/src/css/widget/multitree/search.multi.tree.css b/src/css/widget/multitree/search.multi.tree.css new file mode 100644 index 000000000..f5df365cf --- /dev/null +++ b/src/css/widget/multitree/search.multi.tree.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-search-pane { + background: #ffffff; +} diff --git a/src/css/widget/multitree/trigger.multi.tree.css b/src/css/widget/multitree/trigger.multi.tree.css new file mode 100644 index 000000000..a5d0d76f3 --- /dev/null +++ b/src/css/widget/multitree/trigger.multi.tree.css @@ -0,0 +1,22 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px 2px 2px 2px; + -moz-border-radius: 2px 2px 2px 2px; + border-radius: 2px 2px 2px 2px; +} +.bi-multi-tree-trigger .trigger-check-selected { + border: 1px solid #009de3; + -webkit-border-radius: 8px 8px 8px 8px; + -moz-border-radius: 8px 8px 8px 8px; + border-radius: 8px 8px 8px 8px; + color: #009de3; + background-color: #ffffff; + z-index: 1; +} +.bi-multi-tree-trigger .trigger-icon-button { + border-left: 1px solid #d4dadd; + font-size: 16px; +} diff --git a/src/css/widget/multitree/trigger/multi.tree.button.checkselected.css b/src/css/widget/multitree/trigger/multi.tree.button.checkselected.css new file mode 100644 index 000000000..33b983af3 --- /dev/null +++ b/src/css/widget/multitree/trigger/multi.tree.button.checkselected.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-multi-tree-check-selected-button .trigger-check-selected { + border: 1px solid #009de3; + -webkit-border-radius: 8px 8px 8px 8px; + -moz-border-radius: 8px 8px 8px 8px; + border-radius: 8px 8px 8px 8px; + color: #009de3; + background-color: #ffffff; + z-index: 1; +} diff --git a/src/css/widget/multitreelist/multitreelist.popup.css b/src/css/widget/multitreelist/multitreelist.popup.css new file mode 100644 index 000000000..ca53430b7 --- /dev/null +++ b/src/css/widget/multitreelist/multitreelist.popup.css @@ -0,0 +1,8 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-tree-list-popup { + border-left: 1px solid #d4dadd; + border-right: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; +} diff --git a/src/css/widget/numericalinterval/numericalinterval.css b/src/css/widget/numericalinterval/numericalinterval.css new file mode 100644 index 000000000..db77eda78 --- /dev/null +++ b/src/css/widget/numericalinterval/numericalinterval.css @@ -0,0 +1,52 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-numerical-interval .numerical-interval-small-editor { + border-top: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; + border-left: 1px solid #d4dadd; + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.bi-numerical-interval .numerical-interval-big-editor { + border-top: 1px solid #d4dadd; + border-bottom: 1px solid #d4dadd; + border-right: 1px solid #d4dadd; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.bi-numerical-interval .numerical-interval-big-combo { + border: 1px solid #d4dadd; + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { + font-size: 14px; +} +.bi-numerical-interval .numerical-interval-small-combo { + border: 1px solid #d4dadd; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon { + font-size: 14px; +} +.bi-numerical-interval.number-error .bi-input { + color: #e85050; +} diff --git a/src/css/widget/numericalinterval/popup.numericalinterval.css b/src/css/widget/numericalinterval/popup.numericalinterval.css new file mode 100644 index 000000000..a38f49d30 --- /dev/null +++ b/src/css/widget/numericalinterval/popup.numericalinterval.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-numerical-interval-popup .numerical-interval-popup-item.hover, +.bi-numerical-interval-popup .numerical-interval-popup-item:hover { + background-color: #f4f4f4; +} +.bi-numerical-interval-popup .numerical-interval-popup-item.active, +.bi-numerical-interval-popup .numerical-interval-popup-item:active { + background-color: #f4f4f4; + color: #009de3; +} diff --git a/src/css/widget/pagetable/pagetable.cell.css b/src/css/widget/pagetable/pagetable.cell.css new file mode 100644 index 000000000..caa1a6ddc --- /dev/null +++ b/src/css/widget/pagetable/pagetable.cell.css @@ -0,0 +1,11 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-page-table-cell { + -webkit-user-select: initial; + -khtml-user-select: initial; + -moz-user-select: initial; + -ms-user-select: initial; + -o-user-select: initial; + user-select: initial; +} diff --git a/src/css/widget/pagetable/pagetable.css b/src/css/widget/pagetable/pagetable.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/pagetable/pagetable.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/paramsettingcombo/datecombo/combo.param.date.css b/src/css/widget/paramsettingcombo/datecombo/combo.param.date.css new file mode 100644 index 000000000..c45a8dc6c --- /dev/null +++ b/src/css/widget/paramsettingcombo/datecombo/combo.param.date.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-date-param-combo .param-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.css b/src/css/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.css new file mode 100644 index 000000000..4766b5125 --- /dev/null +++ b/src/css/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-date-interval-param-combo .param-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/paramsettingcombo/param0.date.item.css b/src/css/widget/paramsettingcombo/param0.date.item.css new file mode 100644 index 000000000..2034f7137 --- /dev/null +++ b/src/css/widget/paramsettingcombo/param0.date.item.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-param0-date-item .param-label { + color: #808080; +} diff --git a/src/css/widget/paramsettingcombo/param1.date.item.css b/src/css/widget/paramsettingcombo/param1.date.item.css new file mode 100644 index 000000000..8c60f0bf8 --- /dev/null +++ b/src/css/widget/paramsettingcombo/param1.date.item.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-param1-date-item .param-label { + color: #808080; +} diff --git a/src/css/widget/paramsettingcombo/param2.date.item.css b/src/css/widget/paramsettingcombo/param2.date.item.css new file mode 100644 index 000000000..a4e0bac61 --- /dev/null +++ b/src/css/widget/paramsettingcombo/param2.date.item.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-param2-date-item .param-label { + color: #808080; +} diff --git a/src/css/widget/paramsettingcombo/yearcombo/combo.param.year.css b/src/css/widget/paramsettingcombo/yearcombo/combo.param.year.css new file mode 100644 index 000000000..6acdb9e24 --- /dev/null +++ b/src/css/widget/paramsettingcombo/yearcombo/combo.param.year.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-year-param-combo .param-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.css b/src/css/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.css new file mode 100644 index 000000000..ee5a69994 --- /dev/null +++ b/src/css/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-year-month-param-combo .param-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.css b/src/css/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.css new file mode 100644 index 000000000..e5bf6dc88 --- /dev/null +++ b/src/css/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-year-season-param-combo .param-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/pathchooser/pathchooser.css b/src/css/widget/pathchooser/pathchooser.css new file mode 100644 index 000000000..06171e32b --- /dev/null +++ b/src/css/widget/pathchooser/pathchooser.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-path-chooser .path-chooser-radio { + z-index: 1; +} diff --git a/src/css/widget/pathchooser/pathregion.css b/src/css/widget/pathchooser/pathregion.css new file mode 100644 index 000000000..b068ae1ed --- /dev/null +++ b/src/css/widget/pathchooser/pathregion.css @@ -0,0 +1,15 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-path-region { + background: #eaeaea; +} +.bi-path-region .path-region-label { + z-index: 1; + background: #ffffff; + border: 1px solid #ffffff; +} +.bi-path-region .path-region-label.active { + background: #009de3; + color: #ffffff; +} diff --git a/src/css/widget/previewtable/previewtable.cell.css b/src/css/widget/previewtable/previewtable.cell.css new file mode 100644 index 000000000..9af2d6d71 --- /dev/null +++ b/src/css/widget/previewtable/previewtable.cell.css @@ -0,0 +1,8 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-preview-table-cell { + min-height: 25px; + min-width: 80px; + max-width: 220px; +} diff --git a/src/css/widget/previewtable/previewtable.css b/src/css/widget/previewtable/previewtable.css new file mode 100644 index 000000000..7d4519ab2 --- /dev/null +++ b/src/css/widget/previewtable/previewtable.css @@ -0,0 +1,7 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-preview-table > div > table > thead > tr.odd, +.bi-preview-table > div > div > div > table > thead > tr.odd { + background-color: #eaeaea; +} diff --git a/src/css/widget/previewtable/previewtable.header.cell.css b/src/css/widget/previewtable/previewtable.header.cell.css new file mode 100644 index 000000000..3b5af9d0d --- /dev/null +++ b/src/css/widget/previewtable/previewtable.header.cell.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-preview-table-header-cell { + font-weight: bold; + min-height: 25px; + min-width: 80px; + max-width: 220px; +} diff --git a/src/css/widget/quarter/combo.quarter.css b/src/css/widget/quarter/combo.quarter.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/quarter/combo.quarter.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/quarter/popup.quarter.css b/src/css/widget/quarter/popup.quarter.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/quarter/popup.quarter.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/quarter/trigger.quarter.css b/src/css/widget/quarter/trigger.quarter.css new file mode 100644 index 000000000..1e8b3da92 --- /dev/null +++ b/src/css/widget/quarter/trigger.quarter.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-quarter-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/relationview/relationview.item.css b/src/css/widget/relationview/relationview.item.css new file mode 100644 index 000000000..21294ea02 --- /dev/null +++ b/src/css/widget/relationview/relationview.item.css @@ -0,0 +1,7 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-relation-view-item.active { + color: #ffffff; + background-color: #009de3; +} diff --git a/src/css/widget/relationview/relationview.region.css b/src/css/widget/relationview/relationview.region.css new file mode 100644 index 000000000..dceee5cf6 --- /dev/null +++ b/src/css/widget/relationview/relationview.region.css @@ -0,0 +1,17 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-relation-view-region .relation-view-region-container { + background: #ffffff; + border: 1px solid #d4dadd; + z-index: 1; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.bi-relation-view-region .relation-view-region-container.other-package { + border: 1px dashed #d4dadd; +} +.bi-relation-view-region .relation-view-region-container .relation-view-region-title { + border-bottom: 1px solid #d4dadd; +} diff --git a/src/css/widget/selectdata/searchpane/result.search.selectdata.css b/src/css/widget/selectdata/searchpane/result.search.selectdata.css new file mode 100644 index 000000000..5ed101bfb --- /dev/null +++ b/src/css/widget/selectdata/searchpane/result.search.selectdata.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-search-result-pane .search-result-line { + border-top: 1px solid #d4dadd; +} diff --git a/src/css/widget/selectdata/searchpane/searcher.selectdata.css b/src/css/widget/selectdata/searchpane/searcher.selectdata.css new file mode 100644 index 000000000..fd6819ddb --- /dev/null +++ b/src/css/widget/selectdata/searchpane/searcher.selectdata.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-searcher { + font-size: 13px; +} diff --git a/src/css/widget/selectdata/searchpane/segment.search.selectdata.css b/src/css/widget/selectdata/searchpane/segment.search.selectdata.css new file mode 100644 index 000000000..a70336b54 --- /dev/null +++ b/src/css/widget/selectdata/searchpane/segment.search.selectdata.css @@ -0,0 +1,13 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-search-segment .search-segment-field-table > .first-element { + -webkit-border-radius: 3px 0px 0px 3px; + -moz-border-radius: 3px 0px 0px 3px; + border-radius: 3px 0px 0px 3px; +} +.bi-select-data-search-segment .search-segment-field-table > .last-element { + -webkit-border-radius: 0px 3 3px 0px; + -moz-border-radius: 0px 3 3px 0px; + border-radius: 0px 3 3px 0px; +} diff --git a/src/css/widget/selectdata/searchpane/tab.search.selectdata.css b/src/css/widget/selectdata/searchpane/tab.search.selectdata.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/selectdata/searchpane/tab.search.selectdata.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/selectdata/tree/expander.selectdata.css b/src/css/widget/selectdata/tree/expander.selectdata.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/selectdata/tree/expander.selectdata.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/selectdata/tree/node/node.level0.css b/src/css/widget/selectdata/tree/node/node.level0.css new file mode 100644 index 000000000..ec4b3d5dc --- /dev/null +++ b/src/css/widget/selectdata/tree/node/node.level0.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-level0-node .select-data-selected-count-label { + color: #009de3; +} diff --git a/src/css/widget/selectdata/tree/node/node.level1.css b/src/css/widget/selectdata/tree/node/node.level1.css new file mode 100644 index 000000000..81225a64e --- /dev/null +++ b/src/css/widget/selectdata/tree/node/node.level1.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-level1-node .select-data-selected-count-label { + color: #009de3; +} diff --git a/src/css/widget/selectdata/tree/tree.selectdata.css b/src/css/widget/selectdata/tree/tree.selectdata.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/selectdata/tree/tree.selectdata.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/selectdata/tree/treeitem/item.level0.css b/src/css/widget/selectdata/tree/treeitem/item.level0.css new file mode 100644 index 000000000..af5cf0864 --- /dev/null +++ b/src/css/widget/selectdata/tree/treeitem/item.level0.css @@ -0,0 +1,53 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-level0-item .select-data-level0-item-button { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.bi-select-data-level0-item .select-data-level0-item-button:hover, +.bi-select-data-level0-item .select-data-level0-item-button.hover { + color: #009de3; + background-color: #f4f4f4; +} +.bi-select-data-level0-item .select-data-level0-item-button:active, +.bi-select-data-level0-item .select-data-level0-item-button.active { + color: #ffffff; + background-color: #009de3; +} +.bi-select-data-level0-item .select-data-level0-item-button:active .bi-high-light, +.bi-select-data-level0-item .select-data-level0-item-button.active .bi-high-light { + color: #ffffff; +} +.bi-select-data-level0-item .select-data-level0-item-button.disabled, +.bi-select-data-level0-item .select-data-level0-item-button.disabled:hover, +.bi-select-data-level0-item .select-data-level0-item-button.disabled:active { + color: #c4c6c6 !important; + background-color: #ffffff !important; +} +.bi-select-data-level0-item .select-data-level0-item-button.disabled .bi-high-light, +.bi-select-data-level0-item .select-data-level0-item-button.disabled:hover .bi-high-light, +.bi-select-data-level0-item .select-data-level0-item-button.disabled:active .bi-high-light { + color: #c4c6c6 !important; +} +.bi-select-data-level0-item .select-data-top-line, +.bi-select-data-level0-item .select-data-bottom-line { + background-color: #009de3; +} +.bi-select-data-level0-item.select-data-item-top .select-data-level0-item-button { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.bi-select-data-level0-item.select-data-item-bottom .select-data-level0-item-button { + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} diff --git a/src/css/widget/selectdata/tree/treeitem/item.level1.css b/src/css/widget/selectdata/tree/treeitem/item.level1.css new file mode 100644 index 000000000..5a01508b4 --- /dev/null +++ b/src/css/widget/selectdata/tree/treeitem/item.level1.css @@ -0,0 +1,53 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-select-data-level1-item .select-data-level1-item-button { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.bi-select-data-level1-item .select-data-level1-item-button:hover, +.bi-select-data-level1-item .select-data-level1-item-button.hover { + color: #009de3; + background-color: #f4f4f4; +} +.bi-select-data-level1-item .select-data-level1-item-button:active, +.bi-select-data-level1-item .select-data-level1-item-button.active { + color: #ffffff; + background-color: #009de3; +} +.bi-select-data-level1-item .select-data-level1-item-button:active .bi-high-light, +.bi-select-data-level1-item .select-data-level1-item-button.active .bi-high-light { + color: #ffffff; +} +.bi-select-data-level1-item .select-data-level1-item-button.disabled, +.bi-select-data-level1-item .select-data-level1-item-button.disabled:hover, +.bi-select-data-level1-item .select-data-level1-item-button.disabled:active { + color: #c4c6c6 !important; + background-color: #ffffff !important; +} +.bi-select-data-level1-item .select-data-level1-item-button.disabled .bi-high-light, +.bi-select-data-level1-item .select-data-level1-item-button.disabled:hover .bi-high-light, +.bi-select-data-level1-item .select-data-level1-item-button.disabled:active .bi-high-light { + color: #c4c6c6 !important; +} +.bi-select-data-level1-item .select-data-top-line, +.bi-select-data-level1-item .select-data-bottom-line { + background-color: #009de3; +} +.bi-select-data-level1-item.select-data-item-top .select-data-level1-item-button { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.bi-select-data-level1-item.select-data-item-bottom .select-data-level1-item-button { + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} diff --git a/src/css/widget/selecttable/single/button.databasetable.css b/src/css/widget/selecttable/single/button.databasetable.css new file mode 100644 index 000000000..798b28259 --- /dev/null +++ b/src/css/widget/selecttable/single/button.databasetable.css @@ -0,0 +1,80 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-database-table { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border: 1px solid #d4dadd; + background: #ffffff; +} +.bi-database-table.active { + background: #009de3; + color: #ffffff; +} +.bi-database-table .table-name-text { + max-width: 300px; +} +.bi-database-table .table-font { + font-size: 16px; +} +.bi-database-table .table-conn-label1 { + background-color: #009de3; +} +.bi-database-table .table-conn-label2 { + background-color: #4fc1e9; +} +.bi-database-table .table-conn-label3 { + background-color: #48cfad; +} +.bi-database-table .table-conn-label4 { + background-color: #57cb7c; +} +.bi-database-table .table-conn-label5 { + background-color: #a0d468; +} +.bi-database-table .table-conn-label6 { + background-color: #fbaf4f; +} +.bi-database-table .table-conn-label7 { + background-color: #fc6e51; +} +.bi-database-table .table-conn-label8 { + background-color: #ed5565; +} +.bi-database-table .table-conn-label9 { + background-color: #ac92ec; +} +.bi-database-table .table-conn-label10 { + background-color: #5d9cec; +} +.bi-database-table.table-selected1.active { + background-color: #009de3; +} +.bi-database-table.table-selected2.active { + background-color: #4fc1e9; +} +.bi-database-table.table-selected3.active { + background-color: #48cfad; +} +.bi-database-table.table-selected4.active { + background-color: #57cb7c; +} +.bi-database-table.table-selected5.active { + background-color: #a0d468; +} +.bi-database-table.table-selected6.active { + background-color: #fbaf4f; +} +.bi-database-table.table-selected7.active { + background-color: #fc6e51; +} +.bi-database-table.table-selected8.active { + background-color: #ed5565; +} +.bi-database-table.table-selected9.active { + background-color: #ac92ec; +} +.bi-database-table.table-selected10.active { + background-color: #5d9cec; +} diff --git a/src/css/widget/selecttree/combo.select.tree.css b/src/css/widget/selecttree/combo.select.tree.css new file mode 100644 index 000000000..9b6290885 --- /dev/null +++ b/src/css/widget/selecttree/combo.select.tree.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-selecttree-combo .selecttree-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/css/widget/sequencetable/dynamicnumber.sequencetable.css b/src/css/widget/sequencetable/dynamicnumber.sequencetable.css new file mode 100644 index 000000000..059def484 --- /dev/null +++ b/src/css/widget/sequencetable/dynamicnumber.sequencetable.css @@ -0,0 +1,29 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sequence-table-dynamic-number .sequence-table-title-cell { + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border: 1px solid #eaeaea; +} +.bi-sequence-table-dynamic-number .sequence-table-number-cell { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border-left: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; + border-bottom: 1px solid #eaeaea; +} diff --git a/src/css/widget/sequencetable/listnumber.sequencetable.css b/src/css/widget/sequencetable/listnumber.sequencetable.css new file mode 100644 index 000000000..bd987fced --- /dev/null +++ b/src/css/widget/sequencetable/listnumber.sequencetable.css @@ -0,0 +1,29 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sequence-table-list-number .sequence-table-title-cell { + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border: 1px solid #eaeaea; +} +.bi-sequence-table-list-number .sequence-table-number-cell { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border-left: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; + border-bottom: 1px solid #eaeaea; +} diff --git a/src/css/widget/sequencetable/sequencetable.css b/src/css/widget/sequencetable/sequencetable.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/sequencetable/sequencetable.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/sequencetable/treenumber.sequencetable.css b/src/css/widget/sequencetable/treenumber.sequencetable.css new file mode 100644 index 000000000..616a45cfc --- /dev/null +++ b/src/css/widget/sequencetable/treenumber.sequencetable.css @@ -0,0 +1,29 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sequence-table-tree-number .sequence-table-title-cell { + overflow-x: hidden; + overflow-y: hidden; + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border: 1px solid #eaeaea; +} +.bi-sequence-table-tree-number .sequence-table-number-cell { + -webkit-box-sizing: border-box; + /*Safari3.2+*/ + -moz-box-sizing: border-box; + /*Firefox3.5+*/ + -ms-box-sizing: border-box; + /*IE8*/ + box-sizing: border-box; + /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ + border-left: 1px solid #eaeaea; + border-right: 1px solid #eaeaea; + border-bottom: 1px solid #eaeaea; +} diff --git a/src/css/widget/singleslider/singleslider.css b/src/css/widget/singleslider/singleslider.css new file mode 100644 index 000000000..c3456da8c --- /dev/null +++ b/src/css/widget/singleslider/singleslider.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-single-slider .slider-editor-button .sign-editor-text:hover { + border: 1px solid #d4dadd; +} +.bi-single-slider .slider-editor-button .bi-editor { + border: 1px solid #d4dadd; +} diff --git a/src/css/widget/singleslider/slider/widget.slider.css b/src/css/widget/singleslider/slider/widget.slider.css new file mode 100644 index 000000000..bbf552185 --- /dev/null +++ b/src/css/widget/singleslider/slider/widget.slider.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-single-slider-slider { + cursor: url('cursor/cursor_left_right.cur'), auto; +} diff --git a/src/css/widget/singleslider/track/widget.track.css b/src/css/widget/singleslider/track/widget.track.css new file mode 100644 index 000000000..08d26ca5b --- /dev/null +++ b/src/css/widget/singleslider/track/widget.track.css @@ -0,0 +1,21 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-slider-track .background-track { + background-color: #f4f4f4; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + border-radius: 12px; +} +.bi-slider-track .gray-track { + background: #cccccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.bi-slider-track .blue-track { + background: #009de3; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} diff --git a/src/css/widget/singletree/combo.single.tree.css b/src/css/widget/singletree/combo.single.tree.css new file mode 100644 index 000000000..3c017482b --- /dev/null +++ b/src/css/widget/singletree/combo.single.tree.css @@ -0,0 +1,12 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-singletree-combo .singletree-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} +.bi-singletree-combo .bi-singletree-popup .singletree-toolbar { + color: #c4c6c6; +} diff --git a/src/css/widget/sortabletable/sortabletable.css b/src/css/widget/sortabletable/sortabletable.css new file mode 100644 index 000000000..7f18220bd --- /dev/null +++ b/src/css/widget/sortabletable/sortabletable.css @@ -0,0 +1,14 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-sortable-table .sortable_table_drag_clone { + background: #d8f2fd; + top: 0px; + opacity: 0.5; +} +.bi-sortable-table .drag-header { + cursor: move; +} +.bi-sortable-table .insert-help-line { + border-right: 3px dashed #009de3; +} diff --git a/src/css/widget/textarea/textarea.css b/src/css/widget/textarea/textarea.css new file mode 100644 index 000000000..f6bb7a547 --- /dev/null +++ b/src/css/widget/textarea/textarea.css @@ -0,0 +1,7 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-text-area .text-area-editor-text-button-label { + font-size: 16px; + color: #c4c6c6; +} diff --git a/src/css/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.css b/src/css/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.css new file mode 100644 index 000000000..58f8b4dcc --- /dev/null +++ b/src/css/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-text-toolbar-align-chooser .align-chooser-button:hover { + background-color: #c4c6c6; +} +.bi-text-toolbar-align-chooser .align-chooser-button.active { + background-color: #c4c6c6; +} diff --git a/src/css/widget/texttoolbar/texttoolbar.css b/src/css/widget/texttoolbar/texttoolbar.css new file mode 100644 index 000000000..688d67d80 --- /dev/null +++ b/src/css/widget/texttoolbar/texttoolbar.css @@ -0,0 +1,16 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-text-toolbar { + background: #eaeaea; +} +.bi-text-toolbar .text-toolbar-button { + font-size: 16px; +} +.bi-text-toolbar .text-toolbar-size-chooser-trigger { + background: #ffffff; + font-size: 12px; +} +.bi-text-toolbar .text-toolbar-size-chooser-trigger a { + font-size: 12px; +} diff --git a/src/css/widget/timeinterval/timeinterval.css b/src/css/widget/timeinterval/timeinterval.css new file mode 100644 index 000000000..f43d57749 --- /dev/null +++ b/src/css/widget/timeinterval/timeinterval.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-param-time-interval.time-error .bi-input { + color: #e85050; +} +.bi-param-time-interval.time-error .sign-editor-text { + color: #e85050; +} diff --git a/src/css/widget/timesetting/timesetting.day.css b/src/css/widget/timesetting/timesetting.day.css new file mode 100644 index 000000000..a5c627c84 --- /dev/null +++ b/src/css/widget/timesetting/timesetting.day.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-time-setting-day .operator-button { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border: 1px solid #d4dadd; +} diff --git a/src/css/widget/timesetting/timesetting.hour.css b/src/css/widget/timesetting/timesetting.hour.css new file mode 100644 index 000000000..7deff31b5 --- /dev/null +++ b/src/css/widget/timesetting/timesetting.hour.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-time-setting-hour .operator-button { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + border: 1px solid #d4dadd; +} diff --git a/src/css/widget/treelabel/treelabel.css b/src/css/widget/treelabel/treelabel.css new file mode 100644 index 000000000..d782c2413 --- /dev/null +++ b/src/css/widget/treelabel/treelabel.css @@ -0,0 +1,6 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-tree-label { + font-size: 14px; +} diff --git a/src/css/widget/treelabel/treelabel.view.css b/src/css/widget/treelabel/treelabel.view.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/treelabel/treelabel.view.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/web/web.css b/src/css/widget/web/web.css new file mode 100644 index 000000000..16fe67de5 --- /dev/null +++ b/src/css/widget/web/web.css @@ -0,0 +1,16 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-web-page .web-page-button { + z-index: 1; + font-size: 14px; + background-color: #ffffff; +} +.bi-web-page .web-page-text-button-label { + font-size: 16px; + color: #c4c6c6; +} +.bi-web-page .web-page-delete-label { + font-size: 14px; + color: #1a1a1a; +} diff --git a/src/css/widget/year/combo.year.css b/src/css/widget/year/combo.year.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/widget/year/combo.year.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/year/popup.year.css b/src/css/widget/year/popup.year.css new file mode 100644 index 000000000..3839717e2 --- /dev/null +++ b/src/css/widget/year/popup.year.css @@ -0,0 +1,14 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-year-popup .year-popup-navigation { + border-top: 1px solid #eaeaea; + line-height: 30px; + color: #009de3; +} +.bi-year-popup .year-popup-navigation > .center-element { + border-left: 1px solid #eaeaea; +} +.bi-year-popup .year-popup-navigation > .first-element { + border-left: none; +} diff --git a/src/css/widget/year/trigger.year.css b/src/css/widget/year/trigger.year.css new file mode 100644 index 000000000..72cd98518 --- /dev/null +++ b/src/css/widget/year/trigger.year.css @@ -0,0 +1,9 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-year-trigger { + border: 1px solid #d4dadd; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} diff --git a/src/data/constant/biconst.js b/src/data/constant/biconst.js index e69de29bb..ba8ea003b 100644 --- a/src/data/constant/biconst.js +++ b/src/data/constant/biconst.js @@ -0,0 +1,464 @@ +BICst.HISTORY_VERSION = {}; +BICst.HISTORY_VERSION.VERSION_4_0 = 4.0; +BICst.HISTORY_VERSION.VERSION_4_1 = 4.01; +BICst.REPORT_AUTH = {}; +BICst.REPORT_AUTH.NONE = 0; +BICst.REPORT_AUTH.EDIT = 1; +BICst.REPORT_AUTH.VIEW = 2; +BICst.TARGET_STYLE = {}; +BICst.TARGET_STYLE.ICON_STYLE = {}; +BICst.TARGET_STYLE.ICON_STYLE.NONE = 1; +BICst.TARGET_STYLE.ICON_STYLE.POINT = 2; +BICst.TARGET_STYLE.ICON_STYLE.ARROW = 3; +BICst.TARGET_STYLE.NUM_LEVEL = {}; +BICst.TARGET_STYLE.NUM_LEVEL.NORMAL = 1; +BICst.TARGET_STYLE.NUM_LEVEL.TEN_THOUSAND = 2; +BICst.TARGET_STYLE.NUM_LEVEL.MILLION = 3; +BICst.TARGET_STYLE.NUM_LEVEL.YI = 4; +BICst.TARGET_STYLE.NUM_LEVEL.PERCENT = 5; +BICst.TARGET_STYLE.FORMAT = {}; +BICst.TARGET_STYLE.FORMAT.NORMAL = -1; +BICst.TARGET_STYLE.FORMAT.ZERO2POINT = 0; +BICst.TARGET_STYLE.FORMAT.ONE2POINT = 1; +BICst.TARGET_STYLE.FORMAT.TWO2POINT = 2; +BICst.MULTI_PATH_STATUS = {}; +BICst.MULTI_PATH_STATUS.NEED_GENERATE_CUBE = 0; +BICst.MULTI_PATH_STATUS.NOT_NEED_GENERATE_CUBE = 1; +BICst.CUSTOM_GROUP = {}; +BICst.CUSTOM_GROUP.UNGROUP2OTHER = {}; +BICst.CUSTOM_GROUP.UNGROUP2OTHER.NOTSELECTED = 0; +BICst.CUSTOM_GROUP.UNGROUP2OTHER.SELECTED = 1; +BICst.REPORT_STATUS = {}; +BICst.REPORT_STATUS.APPLYING = 1; +BICst.REPORT_STATUS.HANGOUT = 2; +BICst.REPORT_STATUS.NORMAL = 3; +BICst.FIELD_ID = {}; +BICst.FIELD_ID.HEAD = "81c48028-1401-11e6-a148-3e1d05defe78"; +BICst.TREE_LABEL = {}; +BICst.TREE_LABEL.TREE_LABEL_ITEM_COUNT_NUM = 40; +BICst.TREE = {}; +BICst.TREE.TREE_REQ_TYPE = {}; +BICst.TREE.TREE_REQ_TYPE.INIT_DATA = 0; +BICst.TREE.TREE_REQ_TYPE.SEARCH_DATA = 1; +BICst.TREE.TREE_REQ_TYPE.SELECTED_DATA = 3; +BICst.TREE.TREE_REQ_TYPE.ADJUST_DATA = 2; +BICst.TREE.TREE_REQ_TYPE.DISPLAY_DATA = 4; +BICst.TREE.TREE_ITEM_COUNT_PER_PAGE = 100; +BICst.BUSINESS_TABLE_TYPE = {}; +BICst.BUSINESS_TABLE_TYPE.NORMAL = 0; +BICst.EXPANDER_TYPE = {}; +BICst.EXPANDER_TYPE.NONE = false; +BICst.EXPANDER_TYPE.ALL = true; +BICst.SORT = {}; +BICst.SORT.ASC = 0; +BICst.SORT.DESC = 1; +BICst.SORT.CUSTOM = 2; +BICst.SORT.NONE = 3; +BICst.SORT.NUMBER_ASC = 4; +BICst.SORT.NUMBER_DESC = 5; +BICst.TABLE_PAGE_OPERATOR = {}; +BICst.TABLE_PAGE_OPERATOR.ALL_PAGE = -1; +BICst.TABLE_PAGE_OPERATOR.REFRESH = 0; +BICst.TABLE_PAGE_OPERATOR.COLUMN_PRE = 1; +BICst.TABLE_PAGE_OPERATOR.COLUMN_NEXT = 2; +BICst.TABLE_PAGE_OPERATOR.ROW_PRE = 3; +BICst.TABLE_PAGE_OPERATOR.ROW_NEXT = 4; +BICst.TABLE_PAGE_OPERATOR.EXPAND = 5; +BICst.TABLE_PAGE = {}; +BICst.TABLE_PAGE.VERTICAL_PRE = 0; +BICst.TABLE_PAGE.VERTICAL_NEXT = 1; +BICst.TABLE_PAGE.HORIZON_PRE = 2; +BICst.TABLE_PAGE.HORIZON_NEXT = 3; +BICst.TABLE_PAGE.TOTAL_PAGE = 4; +BICst.TABLE_WIDGET = {}; +BICst.TABLE_WIDGET.GROUP_TYPE = 1; +BICst.TABLE_WIDGET.CROSS_TYPE = 2; +BICst.TABLE_WIDGET.COMPLEX_TYPE = 3; +BICst.REGION = {}; +BICst.REGION.DIMENSION1 = "10000"; +BICst.REGION.DIMENSION2 = "20000"; +BICst.REGION.TARGET1 = "30000"; +BICst.REGION.TARGET2 = "40000"; +BICst.REGION.TARGET3 = "50000"; +BICst.EXPORT = {}; +BICst.EXPORT.EXCEL = 1; +BICst.EXPORT.PDF = 2; +BICst.WIDGET = {}; +BICst.WIDGET.TABLE = 1; +BICst.WIDGET.CROSS_TABLE = 2; +BICst.WIDGET.COMPLEX_TABLE = 3; +BICst.WIDGET.DETAIL = 4; +BICst.WIDGET.AXIS = 5; +BICst.WIDGET.ACCUMULATE_AXIS = 6; +BICst.WIDGET.PERCENT_ACCUMULATE_AXIS = 7; +BICst.WIDGET.COMPARE_AXIS = 8; +BICst.WIDGET.FALL_AXIS = 9; +BICst.WIDGET.BAR = 10; +BICst.WIDGET.ACCUMULATE_BAR = 11; +BICst.WIDGET.COMPARE_BAR = 12; +BICst.WIDGET.LINE = 13; +BICst.WIDGET.AREA = 14; +BICst.WIDGET.ACCUMULATE_AREA = 15; +BICst.WIDGET.PERCENT_ACCUMULATE_AREA = 16; +BICst.WIDGET.COMPARE_AREA = 17; +BICst.WIDGET.RANGE_AREA = 18; +BICst.WIDGET.COMBINE_CHART = 19; +BICst.WIDGET.MULTI_AXIS_COMBINE_CHART = 20; +BICst.WIDGET.PIE = 21; +BICst.WIDGET.DONUT = 22; +BICst.WIDGET.MAP = 23; +BICst.WIDGET.GIS_MAP = 24; +BICst.WIDGET.DASHBOARD = 25; +BICst.WIDGET.BUBBLE = 26; +BICst.WIDGET.FORCE_BUBBLE = 27; +BICst.WIDGET.SCATTER = 28; +BICst.WIDGET.RADAR = 29; +BICst.WIDGET.ACCUMULATE_RADAR = 30; +BICst.WIDGET.FUNNEL = 31; +BICst.WIDGET.RECT_TREE = 39; +BICst.WIDGET.MULTI_PIE = 40; +BICst.WIDGET.HEAT_MAP = 65; +BICst.WIDGET.PARETO = 66; +BICst.WIDGET.STRING = 32; +BICst.WIDGET.NUMBER = 33; +BICst.WIDGET.TREE = 34; +BICst.WIDGET.SINGLE_SLIDER = 35; +BICst.WIDGET.INTERVAL_SLIDER = 36; +BICst.WIDGET.LIST_LABEL = 37; +BICst.WIDGET.TREE_LABEL = 38; +BICst.WIDGET.STRING_LIST = 59; +BICst.WIDGET.TREE_LIST = 60; +BICst.WIDGET.DATE_PANE = 61; +BICst.WIDGET.DATE = 48; +BICst.WIDGET.YEAR = 49; +BICst.WIDGET.QUARTER = 50; +BICst.WIDGET.MONTH = 51; +BICst.WIDGET.YMD = 52; +BICst.WIDGET.QUERY = 53; +BICst.WIDGET.RESET = 54; +BICst.WIDGET.CONTENT = 55; +BICst.WIDGET.IMAGE = 56; +BICst.WIDGET.WEB = 57; +BICst.WIDGET.GENERAL_QUERY = 58; +BICst.WIDGET.TABLE_SHOW = 64; +BICst.WIDGET.NONE = -1; +BICst.TARGET_TYPE = {}; +BICst.TARGET_TYPE.CAL_POSITION = {}; +BICst.TARGET_TYPE.CAL_POSITION.ALL = 0; +BICst.TARGET_TYPE.CAL_POSITION.INGROUP = 1; +BICst.TARGET_TYPE.CAL_VALUE = {}; +BICst.TARGET_TYPE.CAL_VALUE.PERIOD_TYPE = {}; +BICst.TARGET_TYPE.CAL_VALUE.PERIOD_TYPE.VALUE = 0; +BICst.TARGET_TYPE.CAL_VALUE.PERIOD_TYPE.RATE = 1; +BICst.TARGET_TYPE.CAL_VALUE.SUMMARY_TYPE = {}; +BICst.TARGET_TYPE.CAL_VALUE.SUMMARY_TYPE.SUM = 0; +BICst.TARGET_TYPE.CAL_VALUE.SUMMARY_TYPE.MAX = 1; +BICst.TARGET_TYPE.CAL_VALUE.SUMMARY_TYPE.MIN = 2; +BICst.TARGET_TYPE.CAL_VALUE.SUMMARY_TYPE.AVG = 3; +BICst.TARGET_TYPE.CAL_VALUE.RANK_TPYE = {}; +BICst.TARGET_TYPE.CAL_VALUE.RANK_TPYE.ASC = 0; +BICst.TARGET_TYPE.CAL_VALUE.RANK_TPYE.DESC = 1; +BICst.TARGET_TYPE.CAL_VALUE.SUM_OF_ALL = 0; +BICst.TARGET_TYPE.CAL_VALUE.PERIOD = 1; +BICst.TARGET_TYPE.CAL_VALUE.SUM_OF_ABOVE = 2; +BICst.TARGET_TYPE.CAL_VALUE.RANK = 3; +BICst.TARGET_TYPE.CAL = {}; +BICst.TARGET_TYPE.CAL.FORMULA = 0; +BICst.TARGET_TYPE.CAL.CONFIGURATION = 1; +BICst.TARGET_TYPE.STRING = 1; +BICst.TARGET_TYPE.NUMBER = 2; +BICst.TARGET_TYPE.DATE = 3; +BICst.TARGET_TYPE.COUNTER = 4; +BICst.TARGET_TYPE.FORMULA = 5; +BICst.TARGET_TYPE.YEAR_ON_YEAR_RATE = 6; +BICst.TARGET_TYPE.MONTH_ON_MONTH_RATE = 7; +BICst.TARGET_TYPE.YEAR_ON_YEAR_VALUE = 8; +BICst.TARGET_TYPE.MONTH_ON_MONTH_VALUE = 9; +BICst.TARGET_TYPE.SUM_OF_ABOVE = 10; +BICst.TARGET_TYPE.SUM_OF_ABOVE_IN_GROUP = 11; +BICst.TARGET_TYPE.SUM_OF_ALL = 12; +BICst.TARGET_TYPE.SUM_OF_ALL_IN_GROUP = 13; +BICst.TARGET_TYPE.RANK = 14; +BICst.TARGET_TYPE.RANK_IN_GROUP = 15; +BICst.DIMENSION_FILTER_DATE = {}; +BICst.DIMENSION_FILTER_DATE.BELONG_VALUE = 98; +BICst.DIMENSION_FILTER_DATE.NOT_BELONG_VALUE = 99; +BICst.DIMENSION_FILTER_DATE.IS_NULL = 100; +BICst.DIMENSION_FILTER_DATE.NOT_NULL = 101; +BICst.DIMENSION_FILTER_DATE.TOP_N = 102; +BICst.DIMENSION_FILTER_DATE.BOTTOM_N = 103; +BICst.DIMENSION_FILTER_DATE.CONTAIN = 104; +BICst.DIMENSION_FILTER_DATE.NOT_CONTAIN = 105; +BICst.DIMENSION_FILTER_DATE.BEGIN_WITH = 106; +BICst.DIMENSION_FILTER_DATE.END_WITH = 107; +BICst.FILTER_TYPE = {}; +BICst.FILTER_TYPE.AND = 80; +BICst.FILTER_TYPE.OR = 81; +BICst.FILTER_TYPE.FORMULA = 82; +BICst.FILTER_TYPE.EMPTY_FORMULA = 90; +BICst.FILTER_TYPE.EMPTY_CONDITION = 91; +BICst.FILTER_TYPE.NUMBER_SUM = 83; +BICst.FILTER_TYPE.NUMBER_AVG = 84; +BICst.FILTER_TYPE.NUMBER_MAX = 85; +BICst.FILTER_TYPE.NUMBER_MIN = 86; +BICst.FILTER_TYPE.NUMBER_COUNT = 87; +BICst.FILTER_TYPE.TREE_FILTER = 88; +BICst.FILTER_TYPE.COLUMNFILTER = 89; +BICst.FILTER_TYPE.DIMENSION_TARGET_VALUE_FILTER = 96; +BICst.FILTER_TYPE.DIMENSION_SELF_FILTER = 97; +BICst.FILTER_DATE = {}; +BICst.FILTER_DATE.BELONG_DATE_RANGE = 64; +BICst.FILTER_DATE.BELONG_WIDGET_VALUE = 65; +BICst.FILTER_DATE.NOT_BELONG_DATE_RANGE = 66; +BICst.FILTER_DATE.NOT_BELONG_WIDGET_VALUE = 67; +BICst.FILTER_DATE.MORE_THAN = 68; +BICst.FILTER_DATE.LESS_THAN = 69; +BICst.FILTER_DATE.EQUAL_TO = 70; +BICst.FILTER_DATE.NOT_EQUAL_TO = 71; +BICst.FILTER_DATE.IS_NULL = 72; +BICst.FILTER_DATE.NOT_NULL = 73; +BICst.FILTER_DATE.EARLY_THAN = 74; +BICst.FILTER_DATE.LATER_THAN = 75; +BICst.FILTER_DATE.CONTAINS = 76; +BICst.FILTER_DATE.CONTAINS_DAY = 77; +BICst.FILTER_DATE.DAY_EQUAL_TO = 78; +BICst.FILTER_DATE.DAY_NOT_EQUAL_TO = 79; +BICst.TARGET_FILTER_NUMBER = {}; +BICst.TARGET_FILTER_NUMBER.EQUAL_TO = 48; +BICst.TARGET_FILTER_NUMBER.NOT_EQUAL_TO = 49; +BICst.TARGET_FILTER_NUMBER.BELONG_VALUE = 50; +BICst.TARGET_FILTER_NUMBER.BELONG_USER = 51; +BICst.TARGET_FILTER_NUMBER.NOT_BELONG_VALUE = 52; +BICst.TARGET_FILTER_NUMBER.NOT_BELONG_USER = 53; +BICst.TARGET_FILTER_NUMBER.IS_NULL = 54; +BICst.TARGET_FILTER_NUMBER.NOT_NULL = 55; +BICst.TARGET_FILTER_NUMBER.CONTAINS = 56; +BICst.TARGET_FILTER_NUMBER.NOT_CONTAINS = 57; +BICst.TARGET_FILTER_NUMBER.LARGE_THAN_CAL_LINE = 58; +BICst.TARGET_FILTER_NUMBER.LARGE_OR_EQUAL_CAL_LINE = 59; +BICst.TARGET_FILTER_NUMBER.SMALL_THAN_CAL_LINE = 60; +BICst.TARGET_FILTER_NUMBER.SMALL_OR_EQUAL_CAL_LINE = 61; +BICst.TARGET_FILTER_NUMBER.TOP_N = 62; +BICst.TARGET_FILTER_NUMBER.BOTTOM_N = 63; +BICst.TARGET_FILTER_STRING = {}; +BICst.TARGET_FILTER_STRING.BELONG_VALUE = 32; +BICst.TARGET_FILTER_STRING.BELONG_USER = 33; +BICst.TARGET_FILTER_STRING.NOT_BELONG_VALUE = 34; +BICst.TARGET_FILTER_STRING.NOT_BELONG_USER = 35; +BICst.TARGET_FILTER_STRING.CONTAIN = 36; +BICst.TARGET_FILTER_STRING.NOT_CONTAIN = 37; +BICst.TARGET_FILTER_STRING.IS_NULL = 38; +BICst.TARGET_FILTER_STRING.NOT_NULL = 39; +BICst.TARGET_FILTER_STRING.BEGIN_WITH = 40; +BICst.TARGET_FILTER_STRING.END_WITH = 41; +BICst.TARGET_FILTER_STRING.NOT_BEGIN_WITH = 42; +BICst.TARGET_FILTER_STRING.NOT_END_WITH = 43; +BICst.TARGET_FILTER_STRING.VAGUE_CONTAIN = 46; +BICst.TARGET_FILTER_STRING.NOT_VAGUE_CONTAIN = 47; +BICst.DIMENSION_FILTER_NUMBER = {}; +BICst.DIMENSION_FILTER_NUMBER.BELONG_VALUE = 16; +BICst.DIMENSION_FILTER_NUMBER.BELONG_USER = 17; +BICst.DIMENSION_FILTER_NUMBER.NOT_BELONG_VALUE = 18; +BICst.DIMENSION_FILTER_NUMBER.NOT_BELONG_USER = 19; +BICst.DIMENSION_FILTER_NUMBER.MORE_THAN_AVG = 20; +BICst.DIMENSION_FILTER_NUMBER.LESS_THAN_AVG = 21; +BICst.DIMENSION_FILTER_NUMBER.IS_NULL = 22; +BICst.DIMENSION_FILTER_NUMBER.NOT_NULL = 23; +BICst.DIMENSION_FILTER_NUMBER.TOP_N = 24; +BICst.DIMENSION_FILTER_NUMBER.BOTTOM_N = 25; +BICst.DIMENSION_FILTER_STRING = {}; +BICst.DIMENSION_FILTER_STRING.BELONG_VALUE = 0; +BICst.DIMENSION_FILTER_STRING.BELONG_USER = 1; +BICst.DIMENSION_FILTER_STRING.NOT_BELONG_VALUE = 2; +BICst.DIMENSION_FILTER_STRING.NOT_BELONG_USER = 3; +BICst.DIMENSION_FILTER_STRING.CONTAIN = 4; +BICst.DIMENSION_FILTER_STRING.NOT_CONTAIN = 5; +BICst.DIMENSION_FILTER_STRING.IS_NULL = 6; +BICst.DIMENSION_FILTER_STRING.NOT_NULL = 7; +BICst.DIMENSION_FILTER_STRING.BEGIN_WITH = 8; +BICst.DIMENSION_FILTER_STRING.END_WITH = 9; +BICst.DIMENSION_FILTER_STRING.TOP_N = 10; +BICst.DIMENSION_FILTER_STRING.BOTTOM_N = 11; +BICst.DIMENSION_FILTER_STRING.NOT_BEGIN_WITH = 12; +BICst.DIMENSION_FILTER_STRING.NOT_END_WITH = 13; +BICst.DIMENSION_FILTER_STRING.VAGUE_CONTAIN = 14; +BICst.DIMENSION_FILTER_STRING.NOT_VAGUE_CONTAIN = 15; +BICst.GROUP = {}; +BICst.GROUP.NO_GROUP = 0; +BICst.GROUP.AUTO_GROUP = 3; +BICst.GROUP.CUSTOM_GROUP = 4; +BICst.GROUP.CUSTOM_NUMBER_GROUP = 5; +BICst.GROUP.Y = 6; +BICst.GROUP.S = 7; +BICst.GROUP.M = 8; +BICst.GROUP.W = 9; +BICst.GROUP.YMD = 10; +BICst.GROUP.YD = 11; +BICst.GROUP.MD = 12; +BICst.GROUP.YMDHMS = 13; +BICst.GROUP.ID_GROUP = 14; +BICst.GROUP.HOUR = 15; +BICst.GROUP.MINUTE = 16; +BICst.GROUP.SECOND = 17; +BICst.GROUP.WEEK_COUNT = 18; +BICst.GROUP.D = 19; +BICst.GROUP.YM = 20; +BICst.GROUP.YW = 21; +BICst.GROUP.YMDH = 22; +BICst.GROUP.YMDHM = 23; +BICst.GROUP.YS = 24; +BICst.SUMMARY_TYPE = {}; +BICst.SUMMARY_TYPE.SUM = 0; +BICst.SUMMARY_TYPE.MAX = 1; +BICst.SUMMARY_TYPE.MIN = 2; +BICst.SUMMARY_TYPE.AVG = 3; +BICst.SUMMARY_TYPE.COUNT = 4; +BICst.SUMMARY_TYPE.APPEND = 5; +BICst.SUMMARY_TYPE.RECORD_COUNT = 6; +BICst.BI_REPORT = {}; +BICst.BI_REPORT.NULL = 0; +BICst.BI_REPORT.SUBMITED = 1; +BICst.BI_REPORT.PUBLISHED = 2; +BICst.VERSION = "4.0.2"; +BICst.SYSTEM_TIME = "__system_time-3e1d05defe78__"; + +BICst.ETL_ADD_COLUMN_TYPE = {}; +BICst.ETL_ADD_COLUMN_TYPE.FORMULA = "formula"; +BICst.ETL_ADD_COLUMN_TYPE.DATE_DIFF = "date_diff"; +BICst.ETL_ADD_COLUMN_TYPE.DATE_YEAR = "date_year"; +BICst.ETL_ADD_COLUMN_TYPE.DATE_SEASON = "date_season"; +BICst.ETL_ADD_COLUMN_TYPE.DATE_MONTH = "date_month"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_CPP = "expr_same_period"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_LP = "expr_last_period"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_CPP_PERCENT = "expr_same_period_percent"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_LP_PERCENT = "expr_last_period_percent"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_SUM = "expr_sum"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_ACC = "expr_acc"; +BICst.ETL_ADD_COLUMN_TYPE.EXPR_RANK = "expr_rank"; +BICst.ETL_ADD_COLUMN_TYPE.GROUP = "group_value"; +BICst.ETL_ADD_COLUMN_TYPE.SINGLE_VALUE = "single_value"; +BICst.ETL_ADD_COLUMN_TYPE.VALUE_CONVERT = "value_convert"; +BICst.JSON_KEYS = {}; +BICst.JSON_KEYS.STATISTIC_ELEMENT = "_src"; +BICst.JSON_KEYS.FILED_MAX_VALUE = "max"; +BICst.JSON_KEYS.FIELD_MIN_VALUE = "min"; +BICst.JSON_KEYS.FILTER_VALUE = "filter_value"; +BICst.JSON_KEYS.FILTER_CONDITION = "condition"; +BICst.JSON_KEYS.FILTER_AND_OR = "andor"; +BICst.JSON_KEYS.FILTER_TYPE = "filter_type"; +BICst.JSON_KEYS.FIELD_ID = "field_id"; +BICst.JSON_KEYS.FIELD_TYPE = "field_type"; +BICst.JSON_KEYS.FIELD_VALUE = "field_value"; +BICst.JSON_KEYS.FIELD_NAME = "field_name"; +BICst.JSON_KEYS.TYPE = "type"; +BICst.JSON_KEYS.VALUE = "value"; +BICst.JSON_KEYS.EXPANDER = "expander"; +BICst.JSON_KEYS.EXPANDER_X = "x"; +BICst.JSON_KEYS.EXPANDER_Y = "y"; +BICst.JSON_KEYS.CLICKEDVALUE = "clickedvalue"; +BICst.JSON_KEYS.SETTTINGS = "settings"; +BICst.JSON_KEYS.ID = "id"; +BICst.JSON_KEYS.TABLES = "tables"; +BICst.JSON_KEYS.TABLE = "table"; +BICst.JSON_KEYS.FIELDS = "fields"; +BICst.JSON_KEYS.FIELD = "field"; +BICst.JSON_KEYS.ETL_TYPE = "etl_type"; +BICst.JSON_KEYS.ETL_VALUE = "etl_value"; +BICst.JSON_KEYS.TABLE_TYPE = "table_type"; +BICst.JSON_KEYS.HAS_NEXT = "hasNext"; +BICst.JSON_KEYS.CONNECTION_NAME = "connection_name"; +BICst.JSON_KEYS.TABLE_NAME = "table_name"; +BICst.JSON_KEYS.TRAN_NAME = "tran_name"; +BICst.JSON_KEYS.TABLE_TRAN_NAME = "table_tran_name"; +BICst.JSON_KEYS.FIELD_TRAN_NAME = "field_tran_name"; +BICst.JSON_KEYS.GROUP_NAME = "group_name"; +BICst.JSON_KEYS.PACKAGE_NAME = "package_name"; +BICst.JSON_KEYS.RELATIONS = "relations"; +BICst.JSON_KEYS.TRANSLATIONS = "translations"; +BICst.JSON_KEYS.UPDATESETTING = "update_setting"; +BICst.JSON_KEYS.PACKAGE_ID = "package_id"; +BICst.JSON_KEYS.CONNECTION_SET = "connectionSet"; +BICst.JSON_KEYS.PRIMARY_KEY_MAP = "primKeyMap"; +BICst.JSON_KEYS.FOREIGN_KEY_MAP = "foreignKeyMap"; + +BICst.DATA_CONFIG_DESIGN = {}; +BICst.DATA_CONFIG_DESIGN.NO = 0; +BICst.DATA_CONFIG_DESIGN.YES = 1; +BICst.DATA_CONFIG_AUTHORITY = {}; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_MANAGER = {}; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_MANAGER.NODE = "__package_manager_node__"; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_MANAGER.PAGE = "__package_manager_page__"; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_MANAGER.SERVER_CONNECTION = "__package_server_connection__"; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_MANAGER.DATA_CONNECTION = "__package_data_connection__"; +BICst.DATA_CONFIG_AUTHORITY.DATA_CONNECTION = {}; +BICst.DATA_CONFIG_AUTHORITY.DATA_CONNECTION.NODE = "__data_connection_node__"; +BICst.DATA_CONFIG_AUTHORITY.DATA_CONNECTION.PAGE = "__data_connection_page__"; +BICst.DATA_CONFIG_AUTHORITY.MULTI_PATH_SETTING = "__multi_path_setting__"; +BICst.DATA_CONFIG_AUTHORITY.PACKAGE_AUTHORITY = "__package_authority__"; +BICst.DATA_CONFIG_AUTHORITY.FINE_INDEX_UPDATE = "__fine_index_update__"; +BICst.GLOBAL_UPDATE_TYPE = {}; +BICst.GLOBAL_UPDATE_TYPE.PART_UPDATE = "_part_update_"; +BICst.GLOBAL_UPDATE_TYPE.COMPLETE_UPDATE = "_complete_update_"; +BICst.GLOBAL_UPDATE_TYPE.META_UPDATE = "_meta_update_"; +BICst.CUBE_UPDATE_TYPE = {}; +BICst.CUBE_UPDATE_TYPE.GLOBAL_UPDATE = "__global_update__"; +BICst.CUBE_UPDATE_TYPE.SINGLETABLE_UPDATE = "__singleTable_update__"; +BICst.SINGLE_TABLE_UPDATE = {}; +BICst.SINGLE_TABLE_UPDATE.TOGETHER = 0; +BICst.SINGLE_TABLE_UPDATE.NEVER = 1; +BICst.SINGLE_TABLE_UPDATE_TYPE = {}; +BICst.SINGLE_TABLE_UPDATE_TYPE.ALL = 0; +BICst.SINGLE_TABLE_UPDATE_TYPE.PART = 1; +BICst.SINGLE_TABLE_UPDATE_TYPE.NEVER = 2; +BICst.UPDATE_FREQUENCY = {}; +BICst.UPDATE_FREQUENCY.EVER_DAY = 0; +BICst.UPDATE_FREQUENCY.EVER_SUNDAY = 1; +BICst.UPDATE_FREQUENCY.EVER_MONDAY = 2; +BICst.UPDATE_FREQUENCY.EVER_TUESDAY = 3; +BICst.UPDATE_FREQUENCY.EVER_WEDNESDAY = 4; +BICst.UPDATE_FREQUENCY.EVER_THURSDAY = 5; +BICst.UPDATE_FREQUENCY.EVER_FRIDAY = 6; +BICst.UPDATE_FREQUENCY.EVER_SATURDAY = 7; +BICst.UPDATE_FREQUENCY.EVER_MONTH = 10; +BICst.REQ_DATA_TYPE = {}; +BICst.REQ_DATA_TYPE.REQ_GET_ALL_DATA = -1; +BICst.REQ_DATA_TYPE.REQ_GET_DATA_LENGTH = 0; +BICst.TRANS_TYPE = {}; +BICst.TRANS_TYPE.READ_FROM_DB = "db"; +BICst.TRANS_TYPE.READ_FROM_TABLEDATA = "tabledata"; +BICst.TRANS_TYPE.CHOOSE = "choose"; +BICst.CONNECTION = {}; +BICst.CONNECTION.ETL_CONNECTION = "__FR_BI_ETL__"; +BICst.CONNECTION.SERVER_CONNECTION = "__FR_BI_SERVER__"; +BICst.CONNECTION.SQL_CONNECTION = "__FR_BI_SQL__"; +BICst.CONNECTION.EXCEL_CONNECTION = "__FR_BI_EXCEL__"; +BICst.COLUMN = {}; +BICst.COLUMN.NUMBER = 32; +BICst.COLUMN.STRING = 16; +BICst.COLUMN.DATE = 48; +BICst.COLUMN.COUNTER = 64; +BICst.COLUMN.ROW = 80; +BICst.CLASS = {}; +BICst.CLASS.INTEGER = 0; +BICst.CLASS.LONG = 1; +BICst.CLASS.DOUBLE = 2; +BICst.CLASS.FLOAT = 3; +BICst.CLASS.DATE = 4; +BICst.CLASS.STRING = 5; +BICst.CLASS.BOOLEAN = 6; +BICst.CLASS.TIMESTAMP = 7; +BICst.CLASS.DECIMAL = 8; +BICst.CLASS.TIME = 9; +BICst.CLASS.BYTE = 10; +BICst.CLASS.ROW = 16; +BICst.SYSTEM_USER_NAME = "__system_user_name__"; +BICst.LAST_UPDATE_TIME = "__last_update_time__"; +BICst.CURRENT_UPDATE_TIME = "__current_update_time__"; + +BICst.FUNCTION = {}; +BICst.FUNCTION.TEXT = 1; +BICst.FUNCTION.MATH = 2; +BICst.FUNCTION.DATE = 3; +BICst.FUNCTION.ARRAY = 4; +BICst.FUNCTION.LOGIC = 5; +BICst.FUNCTION.OTHER = 6; \ No newline at end of file diff --git a/src/less/base/third/ztree/zTreeStyle.less b/src/less/base/third/ztree/zTreeStyle.less index 1ceeca639..f6edbb45c 100644 --- a/src/less/base/third/ztree/zTreeStyle.less +++ b/src/less/base/third/ztree/zTreeStyle.less @@ -12,7 +12,7 @@ website: http://code.google.com/p/jquerytree/ .ztree {margin:0; padding:5px; color:#333} .ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0} .ztree li ul{ margin:0; padding:0 0 0 18px} -.ztree li ul.line{ background:url(${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-1.png) 0 0 repeat-y;} +.ztree li ul.line{ background:url(icon/tree-vertical-line-1.png) 0 0 repeat-y;} .ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:24px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block} @@ -32,29 +32,29 @@ website: http://code.google.com/p/jquerytree/ .ztree li span.button.chk {width:16px; height:16px; margin:0 3px 0 0; cursor: auto} .ztree li span.button.chk.checkbox_false_full { - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-normal.png"); + background-image:url("icon/check-box-normal.png"); } .ztree li span.button.chk.checkbox_false_full_focus { - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-normal.png"); + background-image:url("icon/check-box-normal.png"); } .ztree li span.button.chk.checkbox_false_part { - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png"); + background-image:url("icon/half_selected.png"); } .ztree li span.button.chk.checkbox_false_part_focus { - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png"); + background-image:url("icon/half_selected.png"); } .ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px} .ztree li span.button.chk.checkbox_true_full { - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-active.png"); + background-image:url("icon/check-box-active.png"); } .ztree li span.button.chk.checkbox_true_full_focus { - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/check-box-active.png"); + background-image:url("icon/check-box-active.png"); } .ztree li span.button.chk.checkbox_true_part { - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png"); + background-image:url("icon/half_selected.png"); } .ztree li span.button.chk.checkbox_true_part_focus { - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/half_selected.png"); + background-image:url("icon/half_selected.png"); } .ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px} .ztree li span.button.chk.radio_false_full {background-position:-28px 0} @@ -70,40 +70,40 @@ website: http://code.google.com/p/jquerytree/ .ztree li span.button.switch {width:25px; height:25px} .ztree li span.button.root_open{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-1.png"); + background-image:url("icon/tree-expand-1.png"); } .ztree li span.button.root_close{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-1.png"); + background-image:url("icon/tree-collapse-1.png"); } .ztree li span.button.roots_open{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-2.png"); + background-image:url("icon/tree-expand-2.png"); } .ztree li span.button.roots_close{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-2.png"); + background-image:url("icon/tree-collapse-2.png"); } .ztree li span.button.center_open{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-3.png"); + background-image:url("icon/tree-expand-3.png"); } .ztree li span.button.center_close{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-3.png"); + background-image:url("icon/tree-collapse-3.png"); } .ztree li span.button.bottom_open{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-expand-4.png"); + background-image:url("icon/tree-expand-4.png"); } .ztree li span.button.bottom_close{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-collapse-4.png"); + background-image:url("icon/tree-collapse-4.png"); } .ztree li span.button.noline_open{background-position:-92px -72px} .ztree li span.button.noline_close{background-position:-74px -72px} .ztree li span.button.root_docu{ background:none;} .ztree li span.button.roots_docu{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-2.png"); + background-image:url("icon/tree-vertical-line-2.png"); } .ztree li span.button.center_docu{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-3.png"); + background-image:url("icon/tree-vertical-line-3.png"); } .ztree li span.button.bottom_docu{ - background-image:url("${servletURL}?op=resource&resource=/com/fr/bi/web/images/icon/tree-vertical-line-4.png"); + background-image:url("icon/tree-vertical-line-4.png"); } .ztree li span.button.noline_docu{ background:none;} diff --git a/src/less/core/app.less b/src/less/core/app.less index a27810ede..5b683504e 100644 --- a/src/less/core/app.less +++ b/src/less/core/app.less @@ -2,7 +2,7 @@ @font-face { font-family: 'bi'; - src: url('@{webUrl}resources/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('@{webUrl}resources/fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('@{webUrl}resources/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('@{webUrl}resources/fonts/iconfont.svg#svgFontName') format('svg'); /* iOS 4.1- */ + src: url('@{webUrl}font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('@{webUrl}font/iconfont.woff') format('woff'), /* chrome、firefox */ url('@{webUrl}font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('@{webUrl}font/iconfont.svg#svgFontName') format('svg'); /* iOS 4.1- */ } .b-font { diff --git a/src/less/lib/colors.less b/src/less/lib/colors.less index f446f5000..97c56da69 100644 --- a/src/less/lib/colors.less +++ b/src/less/lib/colors.less @@ -140,4 +140,21 @@ @color-login-info-fields-group-background: @background-color-light-blue; //mask颜色 -@color-bi-button-mask : @color-bi-background-black; \ No newline at end of file +@color-bi-button-mask : @color-bi-background-black; + + +// 数据连接底色 10种 --start-- +@color-bi-data-link-button-color1: @data-link-color1; +@color-bi-data-link-button-color2: @data-link-color2; +@color-bi-data-link-button-color3: @data-link-color3; +@color-bi-data-link-button-color4: @data-link-color4; +@color-bi-data-link-button-color5: @data-link-color5; +@color-bi-data-link-button-color6: @data-link-color6; +@color-bi-data-link-button-color7: @data-link-color7; +@color-bi-data-link-button-color8: @data-link-color8; +@color-bi-data-link-button-color9: @data-link-color9; +@color-bi-data-link-button-color10: @data-link-color10; +// 数据连接底色 10种 --end-- + +@color-bi-progress-text-bar-background: @border-color-light-green; +@color-bi-progress-text-bar-processor: @border-color-success; diff --git a/src/less/lib/constant.less b/src/less/lib/constant.less index 7717ec145..5b5d2dd96 100644 --- a/src/less/lib/constant.less +++ b/src/less/lib/constant.less @@ -97,4 +97,15 @@ @table-color-green: #daf3dc; @table-color-light-blue: #d6f7f0; @table-color-purple: #e8e6fe; -@table-color-pink: #fee9e9; \ No newline at end of file +@table-color-pink: #fee9e9; + +@data-link-color1: #009de3; +@data-link-color2: #4fc1e9; +@data-link-color3: #48cfad; +@data-link-color4: #57cb7c; +@data-link-color5: #a0d468; +@data-link-color6: #fbaf4f; +@data-link-color7: #fc6e51; +@data-link-color8: #ed5565; +@data-link-color9: #ac92ec; +@data-link-color10: #5d9cec; \ No newline at end of file diff --git a/src/less/var.less b/src/less/var.less index fef2af92f..7d4d2b66e 100644 --- a/src/less/var.less +++ b/src/less/var.less @@ -1,8 +1,9 @@ -@webUrl: '${servletURL}?op=resource&resource=/com/fr/bi/web/'; -@imageUrl: '${servletURL}?op=resource&resource=/com/fr/bi/web/images/'; //图片的基本地址 +@webUrl: ''; +@imageUrl: ''; //图片的基本地址 @cursor: '@{imageUrl}cursor/cursor_hand.cur'; @dragCursor: '@{imageUrl}cursor/cursor_drag_hand.cur'; +@leftRightCursor:'@{imageUrl}cursor/cursor_left_right.cur'; @zIndex-layer: 100000; @zIndex-floatbox: 1000000; diff --git a/src/less/widget/arrangement/arrangement.block.less b/src/less/widget/arrangement/arrangement.block.less new file mode 100644 index 000000000..c8ce41699 --- /dev/null +++ b/src/less/widget/arrangement/arrangement.block.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-arrangement-block{ + background:@color-bi-background-failure; + .opacity(0.8); +} \ No newline at end of file diff --git a/src/less/widget/arrangement/arrangement.droppable.less b/src/less/widget/arrangement/arrangement.droppable.less new file mode 100644 index 000000000..a286327a0 --- /dev/null +++ b/src/less/widget/arrangement/arrangement.droppable.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-arrangement-droppable{ + background:@color-bi-background-virtual-blue; + .opacity(0.8); + z-index: @zIndex-layer; +} \ No newline at end of file diff --git a/src/less/widget/arrangement/arrangement.less b/src/less/widget/arrangement/arrangement.less new file mode 100644 index 000000000..9653725ad --- /dev/null +++ b/src/less/widget/arrangement/arrangement.less @@ -0,0 +1,29 @@ +@import "../../bibase"; + +.bi-arrangement { + & .arrangement-helper { + border: 1px solid @color-bi-border-normal; + background: @color-bi-background-highlight; + z-index: @zIndex-tip; + } + & .arrangement-block { + z-index: @zIndex-tip; + } + & .arrangement-drop-container { + z-index: @zIndex-tip; + & .arrangement-drop-region { + overflow: hidden; + } + & .drop-devider{ + z-index: @zIndex-tip + 1; + background: @color-bi-background-highlight; + } + & .top-left, & .top-right, & .bottom-left, & .bottom-right, + & .top-left-second, & .top-right-second, & .bottom-left-second, & .bottom-right-second, + & .top-center, & .bottom-center, & .left-center, & .right-center, + & .top-center-second, & .bottom-center-second, & .left-center-second, & .right-center-second { + z-index: @zIndex-tip + 1; + background: @color-bi-background-highlight; + } + } +} \ No newline at end of file diff --git a/src/less/widget/base/combo/iconcombo/combo.icon.less b/src/less/widget/base/combo/iconcombo/combo.icon.less new file mode 100644 index 000000000..f656f1b6c --- /dev/null +++ b/src/less/widget/base/combo/iconcombo/combo.icon.less @@ -0,0 +1,11 @@ +@import "../../../../bibase"; + +.bi-icon-combo{ + &.bi-combo-popup{ + & .bi-icon-combo-trigger{ + & .b-font:before{ + color: @color-bi-text-highlight; + } + } + } +} \ No newline at end of file diff --git a/src/less/widget/base/editor/editor.adapt.less b/src/less/widget/base/editor/editor.adapt.less new file mode 100644 index 000000000..b7074b700 --- /dev/null +++ b/src/less/widget/base/editor/editor.adapt.less @@ -0,0 +1,7 @@ +@import "../../../bibase"; + +.bi-adapt-editor{ + .adapt-editor-text{ + font-size: @font-size-14; + } +} \ No newline at end of file diff --git a/src/less/widget/base/editor/editor.search.less b/src/less/widget/base/editor/editor.search.less new file mode 100644 index 000000000..34c414543 --- /dev/null +++ b/src/less/widget/base/editor/editor.search.less @@ -0,0 +1,11 @@ +@import "../../../bibase"; +/*************BI.SearchEditor******************/ +.bi-search-editor { + border: 1px solid @color-bi-border-normal; + & .close-font{ + font-size: 20px; + } + & .search-font{ + font-size: 20px; + } +} \ No newline at end of file diff --git a/src/less/widget/base/editor/editor.search.small.less b/src/less/widget/base/editor/editor.search.small.less new file mode 100644 index 000000000..09736f98f --- /dev/null +++ b/src/less/widget/base/editor/editor.search.small.less @@ -0,0 +1,19 @@ +@import "../../../bibase"; +/*************BI.SearchEditor******************/ +.bi-small-search-editor { + & .bi-editor { + font-size: @font-size-12; + & .bi-input{ + font-size: @font-size-12; + } + & .bi-label{ + font-size: @font-size-12; + } + } + & .close-font{ + font-size: 18px; + } + & .search-font{ + font-size: 18px; + } +} \ No newline at end of file diff --git a/src/less/widget/base/editor/editor.sign.initial.less b/src/less/widget/base/editor/editor.sign.initial.less new file mode 100644 index 000000000..4d3d7ea21 --- /dev/null +++ b/src/less/widget/base/editor/editor.sign.initial.less @@ -0,0 +1,7 @@ +@import "../../../bibase"; + +.bi-sign-initial-editor{ + .sign-initial-editor-text{ + font-size: @font-size-14; + } +} \ No newline at end of file diff --git a/src/less/widget/base/editor/editor.sign.style.less b/src/less/widget/base/editor/editor.sign.style.less new file mode 100644 index 000000000..3d4682625 --- /dev/null +++ b/src/less/widget/base/editor/editor.sign.style.less @@ -0,0 +1,13 @@ +@import "../../../bibase"; + +.bi-sign-style-editor{ + & .sign-style-editor-text{ + max-width: 100%; + font-size: @font-size-12; + } + & .sign-style-editor-tip{ + max-width: 100%; + font-size: @font-size-12; + color: @font-color-gray; + } +} \ No newline at end of file diff --git a/src/less/widget/base/editor/editor.text.less b/src/less/widget/base/editor/editor.text.less new file mode 100644 index 000000000..27d231611 --- /dev/null +++ b/src/less/widget/base/editor/editor.text.less @@ -0,0 +1,5 @@ +@import "../../../bibase"; + +.bi-text-editor{ + border: 1px solid @color-bi-border-normal; +} \ No newline at end of file diff --git a/src/less/widget/base/editor/editor.text.small.less b/src/less/widget/base/editor/editor.text.small.less new file mode 100644 index 000000000..679652bc3 --- /dev/null +++ b/src/less/widget/base/editor/editor.text.small.less @@ -0,0 +1,6 @@ +@import "../../../bibase"; +/*************BI.SearchEditor******************/ +.bi-small-text-editor { + & .bi-editor { + } +} \ No newline at end of file diff --git a/src/less/widget/base/mask/loading.mask.less b/src/less/widget/base/mask/loading.mask.less new file mode 100644 index 000000000..f31fced00 --- /dev/null +++ b/src/less/widget/base/mask/loading.mask.less @@ -0,0 +1,13 @@ +@import "../../../bibase"; + +.bi-loading-main-background { + background-color: @color-bi-background-default; + .opacity(0.7); +} + +.bi-loading-mask-content { + & .loading-bar-label { + font-size: 20px; + color: @color-bi-text-gray; + } +} \ No newline at end of file diff --git a/src/less/widget/base/segment/button.line.segment.less b/src/less/widget/base/segment/button.line.segment.less new file mode 100644 index 000000000..094bf6219 --- /dev/null +++ b/src/less/widget/base/segment/button.line.segment.less @@ -0,0 +1,13 @@ +@import "../../../bibase"; + +.bi-line-segment-button{ + &.active { + & .line-segment-button-line { + background: @color-bi-background-highlight; + } + } + &.disabled, &.disabled:hover, &.disabled:active { + color: @color-bi-text-black; + background: @color-bi-background-default; + } +} \ No newline at end of file diff --git a/src/less/widget/base/segment/segment.line.less b/src/less/widget/base/segment/segment.line.less new file mode 100644 index 000000000..8e7d6f51d --- /dev/null +++ b/src/less/widget/base/segment/segment.line.less @@ -0,0 +1,6 @@ +@import "../../../bibase"; + + +.bi-line-segment{ + border-bottom: 1px solid @color-bi-border-normal; +} \ No newline at end of file diff --git a/src/less/widget/base/tip/tip.helper.less b/src/less/widget/base/tip/tip.helper.less new file mode 100644 index 000000000..5d206f17a --- /dev/null +++ b/src/less/widget/base/tip/tip.helper.less @@ -0,0 +1,16 @@ +@import "../../../bibase"; +.bi-helper{ + background-color: @background-color-highlight; + font-size: 13px; + color:@color-bi-text; + cursor: url('@{dragCursor}'), auto; + opacity: 0.7; + &.dragging-modify{ + background: none; + & .helper-warning{ + color: @color-bi-text-black; + border: 1px solid @color-bi-border-failure; + .border-radius(2px); + } + } +} \ No newline at end of file diff --git a/src/less/widget/base/toolbar/toolbar.progress.bar.less b/src/less/widget/base/toolbar/toolbar.progress.bar.less new file mode 100644 index 000000000..d80d15d51 --- /dev/null +++ b/src/less/widget/base/toolbar/toolbar.progress.bar.less @@ -0,0 +1,6 @@ +@import "../../../bibase"; + +.bi-progress-bar-bar{ + background: @color-bi-background-light; + .border-radius(20px); +} \ No newline at end of file diff --git a/src/less/widget/base/toolbar/toolbar.progress.less b/src/less/widget/base/toolbar/toolbar.progress.less new file mode 100644 index 000000000..74797951b --- /dev/null +++ b/src/less/widget/base/toolbar/toolbar.progress.less @@ -0,0 +1,12 @@ +@import "../../../bibase"; + +.bi-progress-bar{ + & .progress-bar-label{ + font-weight: bold; + font-family: "微软雅黑"; + color: @color-bi-text-highlight; + &.success{ + color: @color-bi-text-success; + } + } +} \ No newline at end of file diff --git a/src/less/widget/base/toolbar/toolbar.progress.processor.less b/src/less/widget/base/toolbar/toolbar.progress.processor.less new file mode 100644 index 000000000..65da00a28 --- /dev/null +++ b/src/less/widget/base/toolbar/toolbar.progress.processor.less @@ -0,0 +1,10 @@ +@import "../../../bibase"; + +.bi-progress-bar-processor{ + background: @color-bi-background-highlight; + .border-radius(20px); + .overflow-hidden(); + &.success{ + background: @color-bi-background-success; + } +} \ No newline at end of file diff --git a/src/less/widget/colorchooser/colorchooser.popup.less b/src/less/widget/colorchooser/colorchooser.popup.less new file mode 100644 index 000000000..a51528852 --- /dev/null +++ b/src/less/widget/colorchooser/colorchooser.popup.less @@ -0,0 +1,14 @@ +@import "../../bibase"; + +.bi-color-chooser-popup{ + & .color-chooser-popup-title{ + background: @color-bi-background-gray; + border-bottom: 1px solid @color-bi-split-dark; + } + & .color-chooser-popup-more{ + background: @color-bi-background-gray; + &:hover{ + background: @color-bi-background-dark; + } + } +} \ No newline at end of file diff --git a/src/less/widget/colorchooser/colorchooser.trigger.less b/src/less/widget/colorchooser/colorchooser.trigger.less new file mode 100644 index 000000000..fa74a4e63 --- /dev/null +++ b/src/less/widget/colorchooser/colorchooser.trigger.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-color-chooser-trigger{ + background: @color-bi-background-default; + .border-radius(2px); + .box-shadow(0px,0px,2px,1px, @color-bi-background-dark, inset); +} \ No newline at end of file diff --git a/src/less/widget/copy2group/button.add.copy2group.less b/src/less/widget/copy2group/button.add.copy2group.less new file mode 100644 index 000000000..c74eaf1be --- /dev/null +++ b/src/less/widget/copy2group/button.add.copy2group.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-copy2group-add-button{ + .border-radius(2px); + background: @color-bi-tooltip-success-background; +} \ No newline at end of file diff --git a/src/less/widget/copy2group/combo.copy2group.less b/src/less/widget/copy2group/combo.copy2group.less new file mode 100644 index 000000000..5fbdca4ba --- /dev/null +++ b/src/less/widget/copy2group/combo.copy2group.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.copy2_group_search_pane{ + background: @color-bi-background-default; +} \ No newline at end of file diff --git a/src/less/widget/date/calendar/picker.date.less b/src/less/widget/date/calendar/picker.date.less new file mode 100644 index 000000000..bcdf79a2d --- /dev/null +++ b/src/less/widget/date/calendar/picker.date.less @@ -0,0 +1,5 @@ +@import "../../../bibase"; + +.bi-date-picker{ + background: @color-bi-background-gray; +} \ No newline at end of file diff --git a/src/less/widget/date/trigger.date.less b/src/less/widget/date/trigger.date.less new file mode 100644 index 000000000..0c889d3fb --- /dev/null +++ b/src/less/widget/date/trigger.date.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-date-trigger { + border: 1px solid @color-bi-border-normal; + .border-radius(2px); +} \ No newline at end of file diff --git a/src/less/widget/downlist/combo.downlist.less b/src/less/widget/downlist/combo.downlist.less new file mode 100644 index 000000000..726ffb663 --- /dev/null +++ b/src/less/widget/downlist/combo.downlist.less @@ -0,0 +1,23 @@ +@import "../../bibase"; + + + +.bi-down-list-combo{ + & .down-list-group{ + &.bi-combo-hover{ + & .bi-down-list-group-item{ + &, & .b-font:before{ + background-color: @color-bi-background-gray; + } + &:disabled, &.disabled{ + &, & .b-font:before{ + background-color: @color-bi-background-default + } + } + } + } + } + & .bi-down-list-spliter{ + border-top: 1px solid @color-bi-split-light; + } +} \ No newline at end of file diff --git a/src/less/widget/downlist/popup.downlist.less b/src/less/widget/downlist/popup.downlist.less new file mode 100644 index 000000000..78e10e04a --- /dev/null +++ b/src/less/widget/downlist/popup.downlist.less @@ -0,0 +1,21 @@ +@import "../../bibase"; + +.bi-down-list-popup { + & .bi-down-list-item { + &:hover, &.hover { + background-color: @color-bi-background-gray; + } + &.disabled { + &, &:hover, &:active { + background-color: @color-bi-background-default; + } + } + &:active { + color: @color-bi-text-highlight; + background-color: @color-bi-background-gray; + } + & .list-item-text { + max-width: 203px; + } + } +} \ No newline at end of file diff --git a/src/less/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.less b/src/less/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.less new file mode 100644 index 000000000..8d167f444 --- /dev/null +++ b/src/less/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.less @@ -0,0 +1,13 @@ +@import "../../bibase"; + +.bi-sheet-tab-dynamic-button { + background: @color-bi-background-light; + border-top: 1px solid @color-bi-border-normal; + + & .bi-icon-button-scroll { + border:1px solid @background-color-light; + &:hover { + border-color: @color-bi-border-normal; + } + } +} \ No newline at end of file diff --git a/src/less/widget/exceltable/exceltable.cell.less b/src/less/widget/exceltable/exceltable.cell.less new file mode 100644 index 000000000..d7aa69f77 --- /dev/null +++ b/src/less/widget/exceltable/exceltable.cell.less @@ -0,0 +1,4 @@ +@import "../../bibase"; + +.bi-excel-table-cell { +} \ No newline at end of file diff --git a/src/less/widget/exceltable/exceltable.header.cell.less b/src/less/widget/exceltable/exceltable.header.cell.less new file mode 100644 index 000000000..470796711 --- /dev/null +++ b/src/less/widget/exceltable/exceltable.header.cell.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-excel-table-header-cell { + font-weight: bold; + background-color: @color-bi-background-light; +} \ No newline at end of file diff --git a/src/less/widget/exceltable/exceltable.less b/src/less/widget/exceltable/exceltable.less new file mode 100644 index 000000000..00157e766 --- /dev/null +++ b/src/less/widget/exceltable/exceltable.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-excel-table { + & > div.bottom-right > div > div > table { + border-right: 1px solid @color-bi-border-line; + } +} \ No newline at end of file diff --git a/src/less/widget/filemanager/filemanager.less b/src/less/widget/filemanager/filemanager.less new file mode 100644 index 000000000..b2b135c70 --- /dev/null +++ b/src/less/widget/filemanager/filemanager.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-file-manager{ + +} \ No newline at end of file diff --git a/src/less/widget/filemanager/items/item.file.filemanager.less b/src/less/widget/filemanager/items/item.file.filemanager.less new file mode 100644 index 000000000..3eac6a1b3 --- /dev/null +++ b/src/less/widget/filemanager/items/item.file.filemanager.less @@ -0,0 +1,5 @@ +@import "../../../bibase"; + +.bi-file-manager-file-item{ + border-bottom: 1px solid @color-bi-border-normal; +} \ No newline at end of file diff --git a/src/less/widget/filemanager/items/item.folder.filemanager.less b/src/less/widget/filemanager/items/item.folder.filemanager.less new file mode 100644 index 000000000..dc38b2a1a --- /dev/null +++ b/src/less/widget/filemanager/items/item.folder.filemanager.less @@ -0,0 +1,5 @@ +@import "../../../bibase"; + +.bi-file-manager-folder-item{ + border-bottom: 1px solid @color-bi-border-normal; +} \ No newline at end of file diff --git a/src/less/widget/filemanager/nav/button/button.nav.filemanager.less b/src/less/widget/filemanager/nav/button/button.nav.filemanager.less new file mode 100644 index 000000000..072a1c56d --- /dev/null +++ b/src/less/widget/filemanager/nav/button/button.nav.filemanager.less @@ -0,0 +1,15 @@ +@import "../../../../bibase"; + +.bi-file-manager-nav-button{ + & .file-manager-nav-button-text{ + max-width: 200px; + background: @background-color-default; + &.active{ + background-color: @color-bi-background-gray; + color: @color-bi-text-gray; + } + } + & .file-manager-nav-button-triangle{ + z-index: 1; + } +} \ No newline at end of file diff --git a/src/less/widget/filemanager/nav/nav.filemanager.less b/src/less/widget/filemanager/nav/nav.filemanager.less new file mode 100644 index 000000000..5db4f1452 --- /dev/null +++ b/src/less/widget/filemanager/nav/nav.filemanager.less @@ -0,0 +1,5 @@ +@import "../../../bibase"; + +.bi-file-manager-nav{ + border-left: 1px solid @color-bi-border-normal; +} \ No newline at end of file diff --git a/src/less/widget/filterpane/abstract.item.filter.less b/src/less/widget/filterpane/abstract.item.filter.less new file mode 100644 index 000000000..f210ec3d7 --- /dev/null +++ b/src/less/widget/filterpane/abstract.item.filter.less @@ -0,0 +1,14 @@ +@import "../../bibase"; + +.bi-filter-item { + //min-width: 470px; + border-right: 1px solid @color-bi-border-normal; + border-bottom: 1px solid @color-bi-border-normal; + & .filter-item-empty-item { + border-top: 1px solid @color-bi-border-normal; + & .empty-filter-item-leaf{ + border: 1px dashed @color-bi-border-highlight; + background: @color-bi-background-success; + } + } +} \ No newline at end of file diff --git a/src/less/widget/filterpane/expander.filter.less b/src/less/widget/filterpane/expander.filter.less new file mode 100644 index 000000000..80f3bfbad --- /dev/null +++ b/src/less/widget/filterpane/expander.filter.less @@ -0,0 +1,23 @@ +@import "../../bibase"; + +.bi-filter-expander { + min-width: 100%; + border-right: 0px; + border-bottom: 0px; + & > .filter-item-empty-item { + border-top: 0px; + border-right: 1px solid @color-bi-border-normal; + border-bottom: 1px solid @color-bi-border-normal; + } + & .condition-and-or { + + } + > table { + min-width: 100%; + } + > table > tbody > tr > td.first-element { + width: 20px; + border-right: 1px solid @color-bi-border-normal !important; + border-bottom: 1px solid @color-bi-border-normal !important; + } +} \ No newline at end of file diff --git a/src/less/widget/filterpane/pane.filter.less b/src/less/widget/filterpane/pane.filter.less new file mode 100644 index 000000000..e27696207 --- /dev/null +++ b/src/less/widget/filterpane/pane.filter.less @@ -0,0 +1,12 @@ +@import "../../bibase"; + +.bi-filter-pane { + min-width: 100%; + .border-radius(2px); + border-top: 1px solid @color-bi-border-normal; + border-left: 1px solid @color-bi-border-normal; + & .condition-container { + border-right: 1px solid @color-bi-border-normal; + border-bottom: 1px solid @color-bi-border-normal; + } +} \ No newline at end of file diff --git a/src/less/widget/finetuningnumbereditor/finetuning.number.editor.less b/src/less/widget/finetuningnumbereditor/finetuning.number.editor.less new file mode 100644 index 000000000..2f7905f81 --- /dev/null +++ b/src/less/widget/finetuningnumbereditor/finetuning.number.editor.less @@ -0,0 +1,13 @@ +@import "../../bibase"; + +.bi-fine-tuning-number-editor { + border: 1px solid @border-color-normal; + .border-radius(2px); + & .top-button { + border-left: 1px solid @border-color-normal; + border-bottom: 1px solid @border-color-normal; + } + & .bottom-button { + border-left: 1px solid @border-color-normal; + } +} \ No newline at end of file diff --git a/src/less/widget/formula/editor.search.less b/src/less/widget/formula/editor.search.less new file mode 100644 index 000000000..6b7e36d12 --- /dev/null +++ b/src/less/widget/formula/editor.search.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-search-edit{ + &{ + border: 1px solid @color-bi-background-dark; + } +} \ No newline at end of file diff --git a/src/less/widget/formula/group.symbol.less b/src/less/widget/formula/group.symbol.less new file mode 100644 index 000000000..04c6e7c04 --- /dev/null +++ b/src/less/widget/formula/group.symbol.less @@ -0,0 +1,21 @@ +@import "../../bibase"; + +.bi-formula-symbol-group{ + & .symbol-button{ + &:hover, &.hover, &:active, &.active{ + color:@color-bi-text-highlight; + background-color:@color-bi-background-gray; + border:1px solid @color-bi-background-dark; + } + &{ + color:@color-bi-text-highlight; + border:1px solid @color-bi-background-default; + } + } +} + +.symbol-group-column{ + &{ + border:1px solid @color-bi-background-dark; + } +} \ No newline at end of file diff --git a/src/less/widget/formula/insert.formula.less b/src/less/widget/formula/insert.formula.less new file mode 100644 index 000000000..747603397 --- /dev/null +++ b/src/less/widget/formula/insert.formula.less @@ -0,0 +1,31 @@ +@import "../../bibase"; + +.bi-formula-insert { + & .more-function-button { + & { + color: @color-bi-text-highlight + } + } + & .bi-formula-field-pane { + border-top: 1px solid @color-bi-border-normal; + border-left: 1px solid @color-bi-border-normal; + border-bottom: 1px solid @color-bi-border-normal; + } + & .bi-formula-editor { + border-left: 1px solid @color-bi-border-normal; + border-top: 1px solid @color-bi-border-normal; + border-right: 1px solid @color-bi-border-normal; + + } + & .bi-water-mark { + font-size: 14px; + } + + & .proxy_div { + font-size: 13px; + background-color: @color-bi-background-highlight; + color: @color-bi-text; + opacity: 0.7; + cursor: pointer; + } +} \ No newline at end of file diff --git a/src/less/widget/formula/item.button.text.treeleaf.less b/src/less/widget/formula/item.button.text.treeleaf.less new file mode 100644 index 000000000..7542785bd --- /dev/null +++ b/src/less/widget/formula/item.button.text.treeleaf.less @@ -0,0 +1,19 @@ +@import "../../bibase"; + +.bi-button-text-tree-item{ + &:hover,&.hover{ + background-color: @color-bi-background-gray; + } + &.active{ + color: @color-bi-text-highlight; + background-color: @color-bi-background-gray; + } + &.disabled{ + &, &:hover, &:active{ + background-color: @color-bi-background-default; + } + } + & .formula-function-insert-button{ + color:@color-bi-text-highlight; + } +} \ No newline at end of file diff --git a/src/less/widget/formula/pane.function.less b/src/less/widget/formula/pane.function.less new file mode 100644 index 000000000..8ffc6d14f --- /dev/null +++ b/src/less/widget/formula/pane.function.less @@ -0,0 +1,20 @@ +@import "../../bibase"; + +.bi-formula-function-pane { + & .style-inner { + & { + border-left: 1px solid @color-bi-background-dark; + border-top: 1px solid @color-bi-background-dark; + } + } + & .style-top { + border-top: 1px solid @color-bi-background-dark; + } + & .style-left { + border-left: 1px solid @color-bi-background-dark; + } + &{ + background-color: @color-bi-background-default; + } + +} \ No newline at end of file diff --git a/src/less/widget/formula/tree.fieldname.less b/src/less/widget/formula/tree.fieldname.less new file mode 100644 index 000000000..f2f927760 --- /dev/null +++ b/src/less/widget/formula/tree.fieldname.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-formula-field-tree{ + background-color: @color-bi-background-gray; +} \ No newline at end of file diff --git a/src/less/widget/formula/tree.function.less b/src/less/widget/formula/tree.function.less new file mode 100644 index 000000000..cd4acf7ab --- /dev/null +++ b/src/less/widget/formula/tree.function.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-formula-function-tree{ + background-color: @color-bi-background-default; +} \ No newline at end of file diff --git a/src/less/widget/image/button/href/image.button.href.less b/src/less/widget/image/button/href/image.button.href.less new file mode 100644 index 000000000..c21685e57 --- /dev/null +++ b/src/less/widget/image/button/href/image.button.href.less @@ -0,0 +1,7 @@ +@import "../../../../bibase"; +.bi-image-button-href { + & .image-button-href-icon-button{ + z-index: 1; + font-size: @font-size-16 + } +} \ No newline at end of file diff --git a/src/less/widget/image/button/size/image.button.size.less b/src/less/widget/image/button/size/image.button.size.less new file mode 100644 index 000000000..86230484d --- /dev/null +++ b/src/less/widget/image/button/size/image.button.size.less @@ -0,0 +1,7 @@ +@import "../../../../bibase"; +.bi-image-button-size{ + & .image-button-size-button-group{ + font-size: @font-size-12; + color: @font-color-normal; + } +} \ No newline at end of file diff --git a/src/less/widget/image/button/upload.less b/src/less/widget/image/button/upload.less new file mode 100644 index 000000000..b32eb7edc --- /dev/null +++ b/src/less/widget/image/button/upload.less @@ -0,0 +1 @@ +@import "../../../bibase"; \ No newline at end of file diff --git a/src/less/widget/image/uploadimage.less b/src/less/widget/image/uploadimage.less new file mode 100644 index 000000000..0f56fde36 --- /dev/null +++ b/src/less/widget/image/uploadimage.less @@ -0,0 +1,18 @@ +@import "../../bibase"; +.bi-upload-image{ + & .upload-image-text-button-label{ + font-size: @font-size-14; + color: @font-color-tips + } + + & .upload-image-icon-button{ + z-index: 1; + font-size: @font-size-16; + background-color: @color-bi-background-default; + } + + & .upload-image-delete-label{ + font-size: @font-size-14; + color: @font-color-normal; + } +} \ No newline at end of file diff --git a/src/less/widget/interactivearrangement/interactivearrangement.less b/src/less/widget/interactivearrangement/interactivearrangement.less new file mode 100644 index 000000000..7db22b8f0 --- /dev/null +++ b/src/less/widget/interactivearrangement/interactivearrangement.less @@ -0,0 +1,11 @@ +@import "../../bibase"; + +.bi-interactive-arrangement { + & .interactive-arrangement-dragtag-line { + z-index: @zIndex-tip; + background-color: @color-bi-text-redmark; + } + & .interactive-arrangement-dragtag-icon { + z-index: @zIndex-tip; + } +} \ No newline at end of file diff --git a/src/less/widget/listlabel/listlabel.less b/src/less/widget/listlabel/listlabel.less new file mode 100644 index 000000000..f799827d8 --- /dev/null +++ b/src/less/widget/listlabel/listlabel.less @@ -0,0 +1,10 @@ +@import "../../bibase"; + +.bi-list-label { + font-size: @font-size-14; + .list-label-button { + &:hover { + color: @font-color-warning + } + } +} diff --git a/src/less/widget/month/combo.month.less b/src/less/widget/month/combo.month.less new file mode 100644 index 000000000..f206adfc5 --- /dev/null +++ b/src/less/widget/month/combo.month.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-month-combo{ + +} \ No newline at end of file diff --git a/src/less/widget/month/popup.month.less b/src/less/widget/month/popup.month.less new file mode 100644 index 000000000..9170555b9 --- /dev/null +++ b/src/less/widget/month/popup.month.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-month-popup{ + +} \ No newline at end of file diff --git a/src/less/widget/month/trigger.month.less b/src/less/widget/month/trigger.month.less new file mode 100644 index 000000000..883c3248f --- /dev/null +++ b/src/less/widget/month/trigger.month.less @@ -0,0 +1,5 @@ +@import "../../bibase"; +.bi-month-trigger{ + border: 1px solid @color-bi-border-normal; + .border-radius(2px); +} \ No newline at end of file diff --git a/src/less/widget/move2group/button.add.move2group.less b/src/less/widget/move2group/button.add.move2group.less new file mode 100644 index 000000000..5040d2185 --- /dev/null +++ b/src/less/widget/move2group/button.add.move2group.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-move2group-add-button{ + .border-radius(2px); + background: @color-bi-tooltip-success-background; +} \ No newline at end of file diff --git a/src/less/widget/move2group/combo.move2group.less b/src/less/widget/move2group/combo.move2group.less new file mode 100644 index 000000000..4d3716e06 --- /dev/null +++ b/src/less/widget/move2group/combo.move2group.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.move2_group_search_pane{ + background: @color-bi-background-default; +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.combo.less b/src/less/widget/multidate/multidate.combo.less new file mode 100644 index 000000000..6beb54694 --- /dev/null +++ b/src/less/widget/multidate/multidate.combo.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-multidate-combo{ + .border-radius(2px); +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.day.less b/src/less/widget/multidate/multidate.day.less new file mode 100644 index 000000000..e497d8949 --- /dev/null +++ b/src/less/widget/multidate/multidate.day.less @@ -0,0 +1,8 @@ +@import "../../bibase"; + +.bi-multidate-daycard{ + & .bi-multidate-inner-label{ + //font-size: @font-size-14; + color:@color-bi-text-gray; + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.month.less b/src/less/widget/multidate/multidate.month.less new file mode 100644 index 000000000..4478abdd5 --- /dev/null +++ b/src/less/widget/multidate/multidate.month.less @@ -0,0 +1,8 @@ +@import "../../bibase"; + +.bi-multidate-monthcard{ + & .bi-multidate-inner-label{ + //font-size:@font-size-14; + color:@color-bi-text-gray; + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.popup.less b/src/less/widget/multidate/multidate.popup.less new file mode 100644 index 000000000..cb25ae6c3 --- /dev/null +++ b/src/less/widget/multidate/multidate.popup.less @@ -0,0 +1,28 @@ +@import "../../bibase"; + +.bi-multidate-popup{ + + & .bi-multidate-popup-label { + color:@color-bi-text-highlight; + font-size:@font-size-14; + border-left:1px solid @color-bi-border-line; + border-right:1px solid @color-bi-border-line; + border-top:1px solid @color-bi-border-line; + } + & .bi-multidate-popup-tab { + border-bottom:1px solid @color-bi-border-line; + } + & .bi-multidate-popup-item{ + &:active,&.active{ + background-color: @color-bi-text-highlight; + color: @color-bi-background-default; + .border-corner-radius(@radius-2,@radius-2,0,0); + } + } + + & .bi-multidate-popup-button{ + color:@color-bi-text-highlight; + font-size:@font-size-14; + border-top:1px solid @color-bi-border-line; + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.quarter.less b/src/less/widget/multidate/multidate.quarter.less new file mode 100644 index 000000000..7cbb1e158 --- /dev/null +++ b/src/less/widget/multidate/multidate.quarter.less @@ -0,0 +1,8 @@ +@import "../../bibase"; + +.bi-multidate-quartercard{ + & .bi-multidate-inner-label{ + //font-size:@font-size-14; + color:@color-bi-text-gray; + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.segment.less b/src/less/widget/multidate/multidate.segment.less new file mode 100644 index 000000000..ba5577ca2 --- /dev/null +++ b/src/less/widget/multidate/multidate.segment.less @@ -0,0 +1,10 @@ +@import "../../bibase"; + +.bi-multidate-segment{ + & .bi-multidate-normal-label{ + color:@color-bi-text-black; + } + & .bi-multidate-editor{ + font-size: @font-size-14; + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.week.less b/src/less/widget/multidate/multidate.week.less new file mode 100644 index 000000000..2f83c1877 --- /dev/null +++ b/src/less/widget/multidate/multidate.week.less @@ -0,0 +1,8 @@ +@import "../../bibase"; + +.bi-multidate-weekcard{ + & .bi-multidate-inner-label{ + //font-size:@font-size-14; + color:@color-bi-text-gray; + } +} \ No newline at end of file diff --git a/src/less/widget/multidate/multidate.year.less b/src/less/widget/multidate/multidate.year.less new file mode 100644 index 000000000..f13afd566 --- /dev/null +++ b/src/less/widget/multidate/multidate.year.less @@ -0,0 +1,8 @@ +@import "../../bibase"; + +.bi-multidate-yearcard{ + & .bi-multidate-inner-label{ + //font-size:@font-size-14; + color:@color-bi-text-gray; + } +} \ No newline at end of file diff --git a/src/less/widget/multiselect/check/multiselect.check.pane.less b/src/less/widget/multiselect/check/multiselect.check.pane.less new file mode 100644 index 000000000..e17caac1f --- /dev/null +++ b/src/less/widget/multiselect/check/multiselect.check.pane.less @@ -0,0 +1,12 @@ +@import "../../../bibase"; + + +.bi-multi-select-check-pane{ + & .multi-select-continue-select{ + background-color: @color-bi-background-gray; + } + & .multi-select-check-selected{ + color: @color-bi-text-highlight; + text-decoration: underline; + } +} \ No newline at end of file diff --git a/src/less/widget/multiselect/check/multiselect.display.less b/src/less/widget/multiselect/check/multiselect.display.less new file mode 100644 index 000000000..5ba0fbecc --- /dev/null +++ b/src/less/widget/multiselect/check/multiselect.display.less @@ -0,0 +1,8 @@ +@import "../../../bibase"; + +.bi-display-list{ + background-color: @color-bi-background-gray; + & .display-list-item{ + color: @color-bi-text-gray; + } +} \ No newline at end of file diff --git a/src/less/widget/multiselect/multiselect.combo.less b/src/less/widget/multiselect/multiselect.combo.less new file mode 100644 index 000000000..3ebb3fc47 --- /dev/null +++ b/src/less/widget/multiselect/multiselect.combo.less @@ -0,0 +1,8 @@ +@import "../../bibase"; + +.bi-multi-select-combo{ + & .multi-select-trigger-icon-button{ + border-left: 1px solid @color-bi-border-normal; + font-size: 16px; + } +} \ No newline at end of file diff --git a/src/less/widget/multiselect/multiselect.popup.view.less b/src/less/widget/multiselect/multiselect.popup.view.less new file mode 100644 index 000000000..deba5ba42 --- /dev/null +++ b/src/less/widget/multiselect/multiselect.popup.view.less @@ -0,0 +1,8 @@ +@import "../../bibase"; + + +.bi-multi-select-popup-view{ + & .multi-select-no-toolbar{ + color:@font-color-disabled + } +} \ No newline at end of file diff --git a/src/less/widget/multiselect/multiselect.trigger.less b/src/less/widget/multiselect/multiselect.trigger.less new file mode 100644 index 000000000..1d68ba7f5 --- /dev/null +++ b/src/less/widget/multiselect/multiselect.trigger.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + +.bi-multi-select-trigger{ + border: 1px solid @color-bi-border-normal; + .border-corner-radius(2px, 2px, 2px, 2px); +} \ No newline at end of file diff --git a/src/less/widget/multiselect/search/multiselect.search.pane.less b/src/less/widget/multiselect/search/multiselect.search.pane.less new file mode 100644 index 000000000..73e42e967 --- /dev/null +++ b/src/less/widget/multiselect/search/multiselect.search.pane.less @@ -0,0 +1,9 @@ +@import "../../../bibase"; + + +.bi-multi-select-search-pane{ + background:@color-bi-background-default; + .multi-select-toolbar{ + color: @color-bi-text-warning; + } +} \ No newline at end of file diff --git a/src/less/widget/multiselect/trigger/button.checkselected.less b/src/less/widget/multiselect/trigger/button.checkselected.less new file mode 100644 index 000000000..20645ae5e --- /dev/null +++ b/src/less/widget/multiselect/trigger/button.checkselected.less @@ -0,0 +1,9 @@ +@import "../../../bibase"; + +.bi-multi-select-check-selected-button { + border: 1px solid @color-bi-text-highlight; + .border-corner-radius(8px, 8px, 8px, 8px); + color: @color-bi-text-highlight; + background-color: @color-bi-background-default; + z-index: 1; +} \ No newline at end of file diff --git a/src/less/widget/multistringlist/multistringlist.less b/src/less/widget/multistringlist/multistringlist.less new file mode 100644 index 000000000..0d10f755c --- /dev/null +++ b/src/less/widget/multistringlist/multistringlist.less @@ -0,0 +1,8 @@ +@import "../../bibase"; +.bi-multi-string-list{ + & .popup-multi-string-list{ + border-left: 1px solid @color-bi-border-normal; + border-right: 1px solid @color-bi-border-normal; + border-bottom: 1px solid @color-bi-border-normal; + } +} \ No newline at end of file diff --git a/src/less/widget/multitree/check/multi.tree.check.pane.less b/src/less/widget/multitree/check/multi.tree.check.pane.less new file mode 100644 index 000000000..93ac62973 --- /dev/null +++ b/src/less/widget/multitree/check/multi.tree.check.pane.less @@ -0,0 +1,12 @@ +@import "../../../bibase"; + + +.bi-multi-tree-check-pane{ + background-color: @color-bi-background-gray; + & .multi-tree-continue-select{ + background-color: @color-bi-background-gray; + } + & .multi-tree-check-selected{ + color: @color-bi-text-highlight; + } +} \ No newline at end of file diff --git a/src/less/widget/multitree/display.multi.tree.less b/src/less/widget/multitree/display.multi.tree.less new file mode 100644 index 000000000..01dd64b22 --- /dev/null +++ b/src/less/widget/multitree/display.multi.tree.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-multi-tree-display{ + background-color: @color-bi-background-gray; +} \ No newline at end of file diff --git a/src/less/widget/multitree/multi.tree.combo.less b/src/less/widget/multitree/multi.tree.combo.less new file mode 100644 index 000000000..83de855f4 --- /dev/null +++ b/src/less/widget/multitree/multi.tree.combo.less @@ -0,0 +1,8 @@ +@import "../../bibase"; + +.bi-multi-tree-combo{ + & .multi-select-trigger-icon-button{ + border-left: 1px solid @color-bi-border-normal; + font-size: 16px; + } +} \ No newline at end of file diff --git a/src/less/widget/multitree/multi.tree.trigger.less b/src/less/widget/multitree/multi.tree.trigger.less new file mode 100644 index 000000000..a132b0fc9 --- /dev/null +++ b/src/less/widget/multitree/multi.tree.trigger.less @@ -0,0 +1,18 @@ +@import "../../bibase"; + +.bi-multi-tree-trigger{ + border: 1px solid @color-bi-border-normal; + .border-corner-radius(2px, 2px, 2px, 2px); + & .trigger-check-selected{ + border: 1px solid @color-bi-text-highlight; + .border-corner-radius(8px, 8px, 8px, 8px); + color: @color-bi-text-highlight; + background-color: @color-bi-background-default; + z-index: 1; + } + + & .trigger-icon-button{ + border-left: 1px solid @color-bi-border-normal; + font-size: 16px; + } +} \ No newline at end of file diff --git a/src/less/widget/multitree/popup.multi.tree.less b/src/less/widget/multitree/popup.multi.tree.less new file mode 100644 index 000000000..420943841 --- /dev/null +++ b/src/less/widget/multitree/popup.multi.tree.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-multi-tree-popup{ + & .popup-view-tree{ + min-height: 170px; + } +} \ No newline at end of file diff --git a/src/less/widget/multitree/search.multi.tree.less b/src/less/widget/multitree/search.multi.tree.less new file mode 100644 index 000000000..04edbd5e9 --- /dev/null +++ b/src/less/widget/multitree/search.multi.tree.less @@ -0,0 +1,6 @@ +@import "../../bibase"; + + +.bi-multi-tree-search-pane{ + background: @color-bi-background-default; +} \ No newline at end of file diff --git a/src/less/widget/multitree/trigger.multi.tree.less b/src/less/widget/multitree/trigger.multi.tree.less new file mode 100644 index 000000000..a132b0fc9 --- /dev/null +++ b/src/less/widget/multitree/trigger.multi.tree.less @@ -0,0 +1,18 @@ +@import "../../bibase"; + +.bi-multi-tree-trigger{ + border: 1px solid @color-bi-border-normal; + .border-corner-radius(2px, 2px, 2px, 2px); + & .trigger-check-selected{ + border: 1px solid @color-bi-text-highlight; + .border-corner-radius(8px, 8px, 8px, 8px); + color: @color-bi-text-highlight; + background-color: @color-bi-background-default; + z-index: 1; + } + + & .trigger-icon-button{ + border-left: 1px solid @color-bi-border-normal; + font-size: 16px; + } +} \ No newline at end of file diff --git a/src/less/widget/multitree/trigger/multi.tree.button.checkselected.less b/src/less/widget/multitree/trigger/multi.tree.button.checkselected.less new file mode 100644 index 000000000..2049bc2c9 --- /dev/null +++ b/src/less/widget/multitree/trigger/multi.tree.button.checkselected.less @@ -0,0 +1,11 @@ +@import "../../../bibase"; + +.bi-multi-tree-check-selected-button { + & .trigger-check-selected{ + border: 1px solid @color-bi-text-highlight; + .border-corner-radius(8px, 8px, 8px, 8px); + color: @color-bi-text-highlight; + background-color: @color-bi-background-default; + z-index: 1; + } +} \ No newline at end of file diff --git a/src/less/widget/multitreelist/multitreelist.popup.less b/src/less/widget/multitreelist/multitreelist.popup.less new file mode 100644 index 000000000..741c1fc2b --- /dev/null +++ b/src/less/widget/multitreelist/multitreelist.popup.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-tree-list-popup { + border-left: 1px solid @color-bi-border-normal; + border-right: 1px solid @color-bi-border-normal; + border-bottom: 1px solid @color-bi-border-normal; +} \ No newline at end of file diff --git a/src/less/widget/numericalinterval/numericalinterval.less b/src/less/widget/numericalinterval/numericalinterval.less new file mode 100644 index 000000000..90bf571a4 --- /dev/null +++ b/src/less/widget/numericalinterval/numericalinterval.less @@ -0,0 +1,39 @@ +@import "../../bibase"; + +.bi-numerical-interval { + & .numerical-interval-small-editor { + border-top: 1px solid @color-bi-border-normal; + border-bottom: 1px solid @color-bi-border-normal; + border-left: 1px solid @color-bi-border-normal; + .border-corner-left-radius(2px, 2px); + } + & .numerical-interval-big-editor { + border-top: 1px solid @color-bi-border-normal; + border-bottom: 1px solid @color-bi-border-normal; + border-right: 1px solid @color-bi-border-normal; + .border-corner-right-radius(2px, 2px); + } + & .numerical-interval-big-combo { + border: 1px solid @color-bi-border-normal; + .border-corner-left-radius(2px, 2px); + & .bi-icon-combo-trigger { + & .icon-combo-trigger-icon { + font-size: @font-size-14; + } + } + } + + & .numerical-interval-small-combo { + border: 1px solid @color-bi-border-normal; + .border-corner-right-radius(2px, 2px); + & .bi-icon-combo-trigger { + & .icon-combo-trigger-icon { + font-size: @font-size-14; + } + } + } + + &.number-error .bi-input { + color: @color-bi-text-warning + } +} \ No newline at end of file diff --git a/src/less/widget/numericalinterval/popup.numericalinterval.less b/src/less/widget/numericalinterval/popup.numericalinterval.less new file mode 100644 index 000000000..9fbdae27f --- /dev/null +++ b/src/less/widget/numericalinterval/popup.numericalinterval.less @@ -0,0 +1,13 @@ +@import "../../bibase"; + +.bi-numerical-interval-popup{ + & .numerical-interval-popup-item{ + &.hover, &:hover{ + background-color: @color-bi-background-gray; + } + &.active, &:active{ + background-color: @color-bi-background-gray; + color: @color-bi-text-highlight; + } + } +} \ No newline at end of file diff --git a/src/less/widget/pagetable/pagetable.cell.less b/src/less/widget/pagetable/pagetable.cell.less new file mode 100644 index 000000000..1628cb806 --- /dev/null +++ b/src/less/widget/pagetable/pagetable.cell.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-page-table-cell { + .user-select(initial); +} \ No newline at end of file diff --git a/src/less/widget/pagetable/pagetable.less b/src/less/widget/pagetable/pagetable.less new file mode 100644 index 000000000..79a629fd4 --- /dev/null +++ b/src/less/widget/pagetable/pagetable.less @@ -0,0 +1,4 @@ +@import "../../bibase"; + +.bi-page-table { +} \ No newline at end of file diff --git a/src/less/widget/paramsettingcombo/datecombo/combo.param.date.less b/src/less/widget/paramsettingcombo/datecombo/combo.param.date.less new file mode 100644 index 000000000..c827a4929 --- /dev/null +++ b/src/less/widget/paramsettingcombo/datecombo/combo.param.date.less @@ -0,0 +1,8 @@ +@import "../../../bibase"; + +.bi-date-param-combo{ + & .param-trigger{ + border: 1px solid @color-bi-border-normal; + .border-radius(2px) + } +} \ No newline at end of file diff --git a/src/less/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.less b/src/less/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.less new file mode 100644 index 000000000..71dae21ab --- /dev/null +++ b/src/less/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.less @@ -0,0 +1,8 @@ +@import "../../../bibase"; + +.bi-date-interval-param-combo{ + & .param-trigger{ + border: 1px solid @color-bi-border-normal; + .border-radius(2px) + } +} \ No newline at end of file diff --git a/src/less/widget/paramsettingcombo/param0.date.item.less b/src/less/widget/paramsettingcombo/param0.date.item.less new file mode 100644 index 000000000..bb1010878 --- /dev/null +++ b/src/less/widget/paramsettingcombo/param0.date.item.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-param0-date-item{ + & .param-label{ + color: @color-bi-text-gray + } +} \ No newline at end of file diff --git a/src/less/widget/paramsettingcombo/param1.date.item.less b/src/less/widget/paramsettingcombo/param1.date.item.less new file mode 100644 index 000000000..4b8d8a957 --- /dev/null +++ b/src/less/widget/paramsettingcombo/param1.date.item.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-param1-date-item{ + & .param-label{ + color: @color-bi-text-gray + } +} \ No newline at end of file diff --git a/src/less/widget/paramsettingcombo/param2.date.item.less b/src/less/widget/paramsettingcombo/param2.date.item.less new file mode 100644 index 000000000..4f3fe28a3 --- /dev/null +++ b/src/less/widget/paramsettingcombo/param2.date.item.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-param2-date-item{ + & .param-label{ + color: @color-bi-text-gray + } +} \ No newline at end of file diff --git a/src/less/widget/paramsettingcombo/yearcombo/combo.param.year.less b/src/less/widget/paramsettingcombo/yearcombo/combo.param.year.less new file mode 100644 index 000000000..1edcb8a74 --- /dev/null +++ b/src/less/widget/paramsettingcombo/yearcombo/combo.param.year.less @@ -0,0 +1,8 @@ +@import "../../../bibase"; + +.bi-year-param-combo{ + & .param-trigger{ + border: 1px solid @color-bi-border-normal; + .border-radius(2px) + } +} \ No newline at end of file diff --git a/src/less/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.less b/src/less/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.less new file mode 100644 index 000000000..e899f1162 --- /dev/null +++ b/src/less/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.less @@ -0,0 +1,8 @@ +@import "../../../bibase"; + +.bi-year-month-param-combo{ + & .param-trigger{ + border: 1px solid @color-bi-border-normal; + .border-radius(2px) + } +} \ No newline at end of file diff --git a/src/less/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.less b/src/less/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.less new file mode 100644 index 000000000..150f84b61 --- /dev/null +++ b/src/less/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.less @@ -0,0 +1,8 @@ +@import "../../../bibase"; + +.bi-year-season-param-combo{ + & .param-trigger{ + border: 1px solid @color-bi-border-normal; + .border-radius(2px) + } +} \ No newline at end of file diff --git a/src/less/widget/pathchooser/pathchooser.less b/src/less/widget/pathchooser/pathchooser.less new file mode 100644 index 000000000..2a0bee5bc --- /dev/null +++ b/src/less/widget/pathchooser/pathchooser.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-path-chooser { + & .path-chooser-radio { + z-index: 1; + } +} \ No newline at end of file diff --git a/src/less/widget/pathchooser/pathregion.less b/src/less/widget/pathchooser/pathregion.less new file mode 100644 index 000000000..c2704012b --- /dev/null +++ b/src/less/widget/pathchooser/pathregion.less @@ -0,0 +1,14 @@ +@import "../../bibase"; + +.bi-path-region { + background: @color-bi-background-light; + & .path-region-label { + z-index: 1; + background: @color-bi-background-default; + border: 1px solid @color-bi-border-default; + &.active{ + background: @color-bi-background-highlight; + color: @color-bi-text; + } + } +} \ No newline at end of file diff --git a/src/less/widget/previewtable/previewtable.cell.less b/src/less/widget/previewtable/previewtable.cell.less new file mode 100644 index 000000000..ecfaa200b --- /dev/null +++ b/src/less/widget/previewtable/previewtable.cell.less @@ -0,0 +1,7 @@ +@import "../../bibase"; + +.bi-preview-table-cell { + min-height: 25px; + min-width: 80px; + max-width: 220px; +} \ No newline at end of file diff --git a/src/less/widget/previewtable/previewtable.header.cell.less b/src/less/widget/previewtable/previewtable.header.cell.less new file mode 100644 index 000000000..5711309df --- /dev/null +++ b/src/less/widget/previewtable/previewtable.header.cell.less @@ -0,0 +1,8 @@ +@import "../../bibase"; + +.bi-preview-table-header-cell { + font-weight: bold; + min-height: 25px; + min-width: 80px; + max-width: 220px; +} \ No newline at end of file diff --git a/src/less/widget/previewtable/previewtable.less b/src/less/widget/previewtable/previewtable.less new file mode 100644 index 000000000..b5926366a --- /dev/null +++ b/src/less/widget/previewtable/previewtable.less @@ -0,0 +1,9 @@ +@import "../../bibase"; + +.bi-preview-table { + & > div > table, & > div > div > div > table { + & > thead > tr.odd { + background-color: @color-bi-background-light; + } + } +} \ No newline at end of file diff --git a/src/less/widget/quarter/combo.quarter.less b/src/less/widget/quarter/combo.quarter.less new file mode 100644 index 000000000..20a071e8e --- /dev/null +++ b/src/less/widget/quarter/combo.quarter.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-quarter-combo{ + +} \ No newline at end of file diff --git a/src/less/widget/quarter/popup.quarter.less b/src/less/widget/quarter/popup.quarter.less new file mode 100644 index 000000000..1d69d158d --- /dev/null +++ b/src/less/widget/quarter/popup.quarter.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-quarter-popup{ + +} \ No newline at end of file diff --git a/src/less/widget/quarter/trigger.quarter.less b/src/less/widget/quarter/trigger.quarter.less new file mode 100644 index 000000000..37dceed98 --- /dev/null +++ b/src/less/widget/quarter/trigger.quarter.less @@ -0,0 +1,5 @@ +@import "../../bibase"; +.bi-quarter-trigger{ + border: 1px solid @color-bi-border-normal; + .border-radius(2px); +} \ No newline at end of file diff --git a/src/less/widget/relationview/relationview.item.less b/src/less/widget/relationview/relationview.item.less new file mode 100644 index 000000000..687357034 --- /dev/null +++ b/src/less/widget/relationview/relationview.item.less @@ -0,0 +1,8 @@ +@import "../../bibase"; + +.bi-relation-view-item{ + &.active{ + color: @color-bi-text; + background-color: @color-bi-background-highlight; + } +} \ No newline at end of file diff --git a/src/less/widget/relationview/relationview.region.less b/src/less/widget/relationview/relationview.region.less new file mode 100644 index 000000000..06a8d89b9 --- /dev/null +++ b/src/less/widget/relationview/relationview.region.less @@ -0,0 +1,16 @@ +@import "../../bibase"; + +.bi-relation-view-region{ + & .relation-view-region-container{ + background: @color-bi-background-default; + border: 1px solid @color-bi-border-normal; + &.other-package{ + border: 1px dashed @color-bi-border-normal; + } + z-index: 1; + .border-radius(2px); + & .relation-view-region-title{ + border-bottom: 1px solid @color-bi-border-normal; + } + } +} \ No newline at end of file diff --git a/src/less/widget/selectdata/searchpane/result.search.selectdata.less b/src/less/widget/selectdata/searchpane/result.search.selectdata.less new file mode 100644 index 000000000..3c1a829ad --- /dev/null +++ b/src/less/widget/selectdata/searchpane/result.search.selectdata.less @@ -0,0 +1,11 @@ +@import "../../../bibase"; + + +.bi-select-data-search-result-pane{ + & .search-result-toolbar{ + + } + & .search-result-line{ + border-top: 1px solid @color-bi-border-normal; + } +} \ No newline at end of file diff --git a/src/less/widget/selectdata/searchpane/searcher.selectdata.less b/src/less/widget/selectdata/searchpane/searcher.selectdata.less new file mode 100644 index 000000000..424732a76 --- /dev/null +++ b/src/less/widget/selectdata/searchpane/searcher.selectdata.less @@ -0,0 +1,6 @@ +@import "../../../bibase"; + + +.bi-select-data-searcher{ + font-size: @font-size-13; +} \ No newline at end of file diff --git a/src/less/widget/selectdata/searchpane/segment.search.selectdata.less b/src/less/widget/selectdata/searchpane/segment.search.selectdata.less new file mode 100644 index 000000000..d08c6ed44 --- /dev/null +++ b/src/less/widget/selectdata/searchpane/segment.search.selectdata.less @@ -0,0 +1,14 @@ +@import "../../../bibase"; + + +.bi-select-data-search-segment{ + + & .search-segment-field-table{ + & > .first-element{ + .border-corner-radius(3px,0px,0px,3px) + } + & > .last-element{ + .border-corner-radius(0px,3,3px,0px) + } + } +} \ No newline at end of file diff --git a/src/less/widget/selectdata/searchpane/tab.search.selectdata.less b/src/less/widget/selectdata/searchpane/tab.search.selectdata.less new file mode 100644 index 000000000..3d0e4ed65 --- /dev/null +++ b/src/less/widget/selectdata/searchpane/tab.search.selectdata.less @@ -0,0 +1,6 @@ +@import "../../../bibase"; + + +.bi-select-data-search-tab{ + +} \ No newline at end of file diff --git a/src/less/widget/selectdata/tree/expander.selectdata.less b/src/less/widget/selectdata/tree/expander.selectdata.less new file mode 100644 index 000000000..0573376d3 --- /dev/null +++ b/src/less/widget/selectdata/tree/expander.selectdata.less @@ -0,0 +1,5 @@ +@import "../../../bibase"; + +.bi-select-data-expander{ + +} \ No newline at end of file diff --git a/src/less/widget/selectdata/tree/node/node.level0.less b/src/less/widget/selectdata/tree/node/node.level0.less new file mode 100644 index 000000000..7a30ff1a8 --- /dev/null +++ b/src/less/widget/selectdata/tree/node/node.level0.less @@ -0,0 +1,7 @@ +@import "../../../../bibase"; + +.bi-select-data-level0-node{ + & .select-data-selected-count-label{ + color: @color-bi-text-highlight; + } +} \ No newline at end of file diff --git a/src/less/widget/selectdata/tree/node/node.level1.less b/src/less/widget/selectdata/tree/node/node.level1.less new file mode 100644 index 000000000..3f6b9095b --- /dev/null +++ b/src/less/widget/selectdata/tree/node/node.level1.less @@ -0,0 +1,7 @@ +@import "../../../../bibase"; + +.bi-select-data-level1-node{ + & .select-data-selected-count-label{ + color: @color-bi-text-highlight; + } +} \ No newline at end of file diff --git a/src/less/widget/selectdata/tree/tree.selectdata.less b/src/less/widget/selectdata/tree/tree.selectdata.less new file mode 100644 index 000000000..981479184 --- /dev/null +++ b/src/less/widget/selectdata/tree/tree.selectdata.less @@ -0,0 +1,5 @@ +@import "../../../bibase"; + +.bi-select-data-tree{ + +} \ No newline at end of file diff --git a/src/less/widget/selectdata/tree/treeitem/item.level0.less b/src/less/widget/selectdata/tree/treeitem/item.level0.less new file mode 100644 index 000000000..c07a7eb27 --- /dev/null +++ b/src/less/widget/selectdata/tree/treeitem/item.level0.less @@ -0,0 +1,24 @@ +@import "../../../../bibase"; + +.bi-select-data-level0-item { + & .select-data-level0-item-button { + .border-radius(3px); + .list-item-select(); + } + + & .select-data-top-line, & .select-data-bottom-line { + background-color: @color-bi-background-highlight; + } + + &.select-data-item-top { + & .select-data-level0-item-button { + .border-corner-top-radius(0, 0); + } + } + + &.select-data-item-bottom { + & .select-data-level0-item-button { + .border-corner-bottom-radius(0, 0); + } + } +} \ No newline at end of file diff --git a/src/less/widget/selectdata/tree/treeitem/item.level1.less b/src/less/widget/selectdata/tree/treeitem/item.level1.less new file mode 100644 index 000000000..f051c9a2c --- /dev/null +++ b/src/less/widget/selectdata/tree/treeitem/item.level1.less @@ -0,0 +1,24 @@ +@import "../../../../bibase"; + +.bi-select-data-level1-item { + & .select-data-level1-item-button { + .border-radius(3px); + .list-item-select(); + } + + & .select-data-top-line, & .select-data-bottom-line { + background-color: @color-bi-background-highlight; + } + + &.select-data-item-top { + & .select-data-level1-item-button { + .border-corner-top-radius(0, 0); + } + } + + &.select-data-item-bottom { + & .select-data-level1-item-button { + .border-corner-bottom-radius(0, 0); + } + } +} \ No newline at end of file diff --git a/src/less/widget/selecttable/single/button.databasetable.less b/src/less/widget/selecttable/single/button.databasetable.less new file mode 100644 index 000000000..2ef18931c --- /dev/null +++ b/src/less/widget/selecttable/single/button.databasetable.less @@ -0,0 +1,78 @@ +@import "../../../bibase"; + +.bi-database-table { + .border-radius(2px); + border: 1px solid @color-bi-border-normal; + background: @color-bi-background-default; + &.active { + background: @color-bi-background-highlight; + color: @color-bi-text; + } + & .table-name-text { + max-width: 300px; + } + & .table-font { + font-size: @font-size-16; + } + & .table-conn-label1 { + background-color: @color-bi-data-link-button-color1; + } + & .table-conn-label2 { + background-color: @color-bi-data-link-button-color2; + } + & .table-conn-label3 { + background-color: @color-bi-data-link-button-color3; + } + & .table-conn-label4 { + background-color: @color-bi-data-link-button-color4; + } + & .table-conn-label5 { + background-color: @color-bi-data-link-button-color5; + } + & .table-conn-label6 { + background-color: @color-bi-data-link-button-color6; + } + & .table-conn-label7 { + background-color: @color-bi-data-link-button-color7; + } + & .table-conn-label8 { + background-color: @color-bi-data-link-button-color8; + } + & .table-conn-label9 { + background-color: @color-bi-data-link-button-color9; + } + & .table-conn-label10 { + background-color: @color-bi-data-link-button-color10; + } + + &.table-selected1.active { + background-color: @color-bi-data-link-button-color1; + } + &.table-selected2.active { + background-color: @color-bi-data-link-button-color2; + } + &.table-selected3.active { + background-color: @color-bi-data-link-button-color3; + } + &.table-selected4.active { + background-color: @color-bi-data-link-button-color4; + } + &.table-selected5.active { + background-color: @color-bi-data-link-button-color5; + } + &.table-selected6.active { + background-color: @color-bi-data-link-button-color6; + } + &.table-selected7.active { + background-color: @color-bi-data-link-button-color7; + } + &.table-selected8.active { + background-color: @color-bi-data-link-button-color8; + } + &.table-selected9.active { + background-color: @color-bi-data-link-button-color9; + } + &.table-selected10.active { + background-color: @color-bi-data-link-button-color10; + } +} \ No newline at end of file diff --git a/src/less/widget/selecttree/combo.select.tree.less b/src/less/widget/selecttree/combo.select.tree.less new file mode 100644 index 000000000..799b93497 --- /dev/null +++ b/src/less/widget/selecttree/combo.select.tree.less @@ -0,0 +1,7 @@ +@import "../../bibase"; +.bi-selecttree-combo{ + & .selecttree-trigger{ + border: 1px solid @color-bi-border-normal; + .border-radius(2px); + } +} \ No newline at end of file diff --git a/src/less/widget/sequencetable/dynamicnumber.sequencetable.less b/src/less/widget/sequencetable/dynamicnumber.sequencetable.less new file mode 100644 index 000000000..e324a582e --- /dev/null +++ b/src/less/widget/sequencetable/dynamicnumber.sequencetable.less @@ -0,0 +1,15 @@ +@import "../../bibase"; + +.bi-sequence-table-dynamic-number { + & .sequence-table-title-cell { + .overflow-hidden(); + .box-sizing(border-box); + border: 1px solid @color-bi-border-line; + } + & .sequence-table-number-cell { + .box-sizing(border-box); + border-left: 1px solid @color-bi-border-line; + border-right: 1px solid @color-bi-border-line; + border-bottom: 1px solid @color-bi-border-line; + } +} \ No newline at end of file diff --git a/src/less/widget/sequencetable/listnumber.sequencetable.less b/src/less/widget/sequencetable/listnumber.sequencetable.less new file mode 100644 index 000000000..bd9ad53a1 --- /dev/null +++ b/src/less/widget/sequencetable/listnumber.sequencetable.less @@ -0,0 +1,15 @@ +@import "../../bibase"; + +.bi-sequence-table-list-number { + & .sequence-table-title-cell { + .overflow-hidden(); + .box-sizing(border-box); + border: 1px solid @color-bi-border-line; + } + & .sequence-table-number-cell { + .box-sizing(border-box); + border-left: 1px solid @color-bi-border-line; + border-right: 1px solid @color-bi-border-line; + border-bottom: 1px solid @color-bi-border-line; + } +} \ No newline at end of file diff --git a/src/less/widget/sequencetable/sequencetable.less b/src/less/widget/sequencetable/sequencetable.less new file mode 100644 index 000000000..a2a682137 --- /dev/null +++ b/src/less/widget/sequencetable/sequencetable.less @@ -0,0 +1,4 @@ +@import "../../bibase"; + +.bi-sequence-table{ +} \ No newline at end of file diff --git a/src/less/widget/sequencetable/treenumber.sequencetable.less b/src/less/widget/sequencetable/treenumber.sequencetable.less new file mode 100644 index 000000000..6400695b1 --- /dev/null +++ b/src/less/widget/sequencetable/treenumber.sequencetable.less @@ -0,0 +1,15 @@ +@import "../../bibase"; + +.bi-sequence-table-tree-number { + & .sequence-table-title-cell { + .overflow-hidden(); + .box-sizing(border-box); + border: 1px solid @color-bi-border-line; + } + & .sequence-table-number-cell { + .box-sizing(border-box); + border-left: 1px solid @color-bi-border-line; + border-right: 1px solid @color-bi-border-line; + border-bottom: 1px solid @color-bi-border-line; + } +} \ No newline at end of file diff --git a/src/less/widget/singleslider/singleslider.less b/src/less/widget/singleslider/singleslider.less new file mode 100644 index 000000000..12cbd50b6 --- /dev/null +++ b/src/less/widget/singleslider/singleslider.less @@ -0,0 +1,13 @@ +@import "../../bibase"; +.bi-single-slider{ + & .slider-editor-button{ + & .sign-editor-text{ + &:hover { + border:1px solid @border-color-normal; + } + } + & .bi-editor{ + border:1px solid @border-color-normal; + } + } +} \ No newline at end of file diff --git a/src/less/widget/singleslider/slider/widget.slider.less b/src/less/widget/singleslider/slider/widget.slider.less new file mode 100644 index 000000000..297bd13f2 --- /dev/null +++ b/src/less/widget/singleslider/slider/widget.slider.less @@ -0,0 +1,4 @@ +@import "../../../bibase"; +.bi-single-slider-slider{ + cursor: url('@{leftRightCursor}'), auto; +} \ No newline at end of file diff --git a/src/less/widget/singleslider/track/widget.track.less b/src/less/widget/singleslider/track/widget.track.less new file mode 100644 index 000000000..669f020e6 --- /dev/null +++ b/src/less/widget/singleslider/track/widget.track.less @@ -0,0 +1,24 @@ +@import "../../../bibase"; +.bi-slider-track{ + .background-track{ + background-color: @background-color-active; + .border-radius(12px); + } + .gray-track{ + background: @water-mark-color; + .border-radius(4px); + } + .blue-track{ + background: @background-color-highlight; + .border-radius(4px); + } + //.track-blue{ + // background: @background-color-highlight; + // .border-radius(@radius-5); + //} + //.track{ + // background-color: @water-mark-color; + // border: 7px solid @background-color-active; + // .border-radius(@radius-12); + //} +} \ No newline at end of file diff --git a/src/less/widget/singletree/combo.single.tree.less b/src/less/widget/singletree/combo.single.tree.less new file mode 100644 index 000000000..6089b33da --- /dev/null +++ b/src/less/widget/singletree/combo.single.tree.less @@ -0,0 +1,12 @@ +@import "../../bibase"; +.bi-singletree-combo{ + & .singletree-trigger{ + border: 1px solid @color-bi-border-normal; + .border-radius(2px); + } + & .bi-singletree-popup{ + & .singletree-toolbar { + color: @font-color-disabled + } + } +} \ No newline at end of file diff --git a/src/less/widget/sortabletable/sortabletable.less b/src/less/widget/sortabletable/sortabletable.less new file mode 100644 index 000000000..2d88930ba --- /dev/null +++ b/src/less/widget/sortabletable/sortabletable.less @@ -0,0 +1,15 @@ +@import "../../bibase"; + +.bi-sortable-table{ + & .sortable_table_drag_clone { + background: @background-color-light-blue; + top: 0px; + opacity: (0.5); + } + & .drag-header{ + cursor: move; + } + & .insert-help-line { + border-right: 3px dashed @background-color-highlight; + } +} \ No newline at end of file diff --git a/src/less/widget/textarea/textarea.less b/src/less/widget/textarea/textarea.less new file mode 100644 index 000000000..6a17a6d8a --- /dev/null +++ b/src/less/widget/textarea/textarea.less @@ -0,0 +1,7 @@ +@import "../../bibase"; +.bi-text-area{ + & .text-area-editor-text-button-label{ + font-size: @font-size-16; + color: @font-color-tips; + } +} \ No newline at end of file diff --git a/src/less/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.less b/src/less/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.less new file mode 100644 index 000000000..85da62e50 --- /dev/null +++ b/src/less/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.less @@ -0,0 +1,11 @@ +@import "../../../bibase"; +.bi-text-toolbar-align-chooser{ + & .align-chooser-button{ + &:hover{ + background-color: @background-color-disabled; + } + &.active{ + background-color: @background-color-disabled; + } + } +} \ No newline at end of file diff --git a/src/less/widget/texttoolbar/texttoolbar.less b/src/less/widget/texttoolbar/texttoolbar.less new file mode 100644 index 000000000..ffd4789f6 --- /dev/null +++ b/src/less/widget/texttoolbar/texttoolbar.less @@ -0,0 +1,14 @@ +@import "../../bibase"; +.bi-text-toolbar{ + background: @background-color-light; + & .text-toolbar-button { + font-size: @font-size-16; + } + & .text-toolbar-size-chooser-trigger{ + background: @background-color-default; + font-size: @font-size-12; + & a{ + font-size: @font-size-12; + } + } +} \ No newline at end of file diff --git a/src/less/widget/timeinterval/timeinterval.less b/src/less/widget/timeinterval/timeinterval.less new file mode 100644 index 000000000..9d3a2e195 --- /dev/null +++ b/src/less/widget/timeinterval/timeinterval.less @@ -0,0 +1,10 @@ +@import "../../bibase"; + +.bi-param-time-interval{ + &.time-error .bi-input{ + color:@color-bi-text-warning + } + &.time-error .sign-editor-text{ + color:@color-bi-text-warning + } +} \ No newline at end of file diff --git a/src/less/widget/timesetting/timesetting.day.less b/src/less/widget/timesetting/timesetting.day.less new file mode 100644 index 000000000..c411085f3 --- /dev/null +++ b/src/less/widget/timesetting/timesetting.day.less @@ -0,0 +1,7 @@ +@import "../../bibase"; +.bi-time-setting-day{ + .operator-button{ + .border-radius(2px); + border: 1px solid @color-bi-border-normal; + } +} \ No newline at end of file diff --git a/src/less/widget/timesetting/timesetting.hour.less b/src/less/widget/timesetting/timesetting.hour.less new file mode 100644 index 000000000..580e8ac26 --- /dev/null +++ b/src/less/widget/timesetting/timesetting.hour.less @@ -0,0 +1,7 @@ +@import "../../bibase"; +.bi-time-setting-hour{ + .operator-button{ + .border-radius(2px); + border: 1px solid @color-bi-border-normal; + } +} \ No newline at end of file diff --git a/src/less/widget/treelabel/treelabel.less b/src/less/widget/treelabel/treelabel.less new file mode 100644 index 000000000..a9092777b --- /dev/null +++ b/src/less/widget/treelabel/treelabel.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-tree-label { + font-size: @font-size-14; +} \ No newline at end of file diff --git a/src/less/widget/treelabel/treelabel.view.less b/src/less/widget/treelabel/treelabel.view.less new file mode 100644 index 000000000..37361cdd8 --- /dev/null +++ b/src/less/widget/treelabel/treelabel.view.less @@ -0,0 +1,4 @@ +@import "../../bibase"; +.bi-tree-label-view { + // min-width: 330px; +} \ No newline at end of file diff --git a/src/less/widget/web/web.less b/src/less/widget/web/web.less new file mode 100644 index 000000000..ec1b27c23 --- /dev/null +++ b/src/less/widget/web/web.less @@ -0,0 +1,17 @@ +@import "../../bibase"; +.bi-web-page{ + & .web-page-button { + z-index: 1; + font-size: @font-size-14; + background-color: @color-bi-background-default; + } + & .web-page-text-button-label{ + font-size: @font-size-16; + color: @font-color-tips + } + + & .web-page-delete-label{ + font-size: @font-size-14; + color: @font-color-normal; + } +} \ No newline at end of file diff --git a/src/less/widget/year/combo.year.less b/src/less/widget/year/combo.year.less new file mode 100644 index 000000000..1b441ba64 --- /dev/null +++ b/src/less/widget/year/combo.year.less @@ -0,0 +1,5 @@ +@import "../../bibase"; + +.bi-year-combo{ + +} \ No newline at end of file diff --git a/src/less/widget/year/popup.year.less b/src/less/widget/year/popup.year.less new file mode 100644 index 000000000..087bd93ce --- /dev/null +++ b/src/less/widget/year/popup.year.less @@ -0,0 +1,15 @@ +@import "../../bibase"; + +.bi-year-popup{ + & .year-popup-navigation{ + border-top: 1px solid @color-bi-split-light; + line-height: 30px; + color: @color-bi-text-highlight; + & > .center-element { + border-left: 1px solid @color-bi-split-light; + } + & > .first-element{ + border-left: none; + } + } +} \ No newline at end of file diff --git a/src/less/widget/year/trigger.year.less b/src/less/widget/year/trigger.year.less new file mode 100644 index 000000000..2e711144d --- /dev/null +++ b/src/less/widget/year/trigger.year.less @@ -0,0 +1,5 @@ +@import "../../bibase"; +.bi-year-trigger{ + border: 1px solid @color-bi-border-normal; + .border-radius(2px); +} \ No newline at end of file diff --git a/src/third/codemirror/codemirror.js b/src/third/codemirror/codemirror.js index 870197680..94ae8faad 100644 --- a/src/third/codemirror/codemirror.js +++ b/src/third/codemirror/codemirror.js @@ -8216,7 +8216,7 @@ // Extending unicode characters. A series of a non-extending char + // any number of extending chars is treated as a single unit as far // as editing and measuring is concerned. This is not fully correct, - // since some scripts/fonts/browsers also treat other configurations + // since some scripts/font/browsers also treat other configurations // of code points as a group. var extendingChars = /[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065e\u0670\u06d6-\u06dc\u06de-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0900-\u0902\u093c\u0941-\u0948\u094d\u0951-\u0955\u0962\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2\u09e3\u0a01\u0a02\u0a3c\u0a41\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81\u0a82\u0abc\u0ac1-\u0ac5\u0ac7\u0ac8\u0acd\u0ae2\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86\u0f87\u0f90-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039\u103a\u103d\u103e\u1058\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085\u1086\u108d\u109d\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927\u1928\u1932\u1939-\u193b\u1a17\u1a18\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80\u1b81\u1ba2-\u1ba5\u1ba8\u1ba9\u1c2c-\u1c33\u1c36\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1dc0-\u1de6\u1dfd-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua825\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\uaa29-\uaa2e\uaa31\uaa32\uaa35\uaa36\uaa43\uaa4c\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe5\uabe8\uabed\udc00-\udfff\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]/; function isExtendingChar(ch) { return ch.charCodeAt(0) >= 768 && extendingChars.test(ch); } diff --git a/src/third/raphael.js b/src/third/raphael.js index a05236321..2bbc32437 100644 --- a/src/third/raphael.js +++ b/src/third/raphael.js @@ -5469,7 +5469,7 @@ * Raphael.registerFont [ method ] ** - * Adds given font to the registered set of fonts for Raphaël. Should be used as an internal call from within Cufón’s font file. + * Adds given font to the registered set of font for Raphaël. Should be used as an internal call from within Cufón’s font file. * Returns original parameter, so it could be used with chaining. # <a href="http://wiki.github.com/sorccu/cufon/about">More about Cufón and how to convert your font form TTF, OTF, etc to JavaScript file.</a> ** @@ -5523,7 +5523,7 @@ * Paper.getFont [ method ] ** - * Finds font object in the registered fonts by given parameters. You could specify only one word from the font name, like “Myriad” for “Myriad Pro”. + * Finds font object in the registered font by given parameters. You could specify only one word from the font name, like “Myriad” for “Myriad Pro”. ** > Parameters ** diff --git a/src/widget/adaptivearrangement/adaptivearrangement.js b/src/widget/adaptivearrangement/adaptivearrangement.js new file mode 100644 index 000000000..ec72886ac --- /dev/null +++ b/src/widget/adaptivearrangement/adaptivearrangement.js @@ -0,0 +1,514 @@ +/** + * 自适应布局 + * + * 1、resize + * 2、吸附 + * 3、当前组件在最上方 + * 4、可以撤销 + * 5、上下之间插入组件 + * + * Created by GUY on 2016/2/23. + * @class BI.AdaptiveArrangement + * @extends BI.Widget + */ +BI.AdaptiveArrangement = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.AdaptiveArrangement.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-adaptive-arrangement", + resizable: true, + isNeedReLayout: true, + isNeedResizeContainer: true, + layoutType: BI.Arrangement.LAYOUT_TYPE.FREE, + items: [] + }); + }, + + _init: function () { + BI.AdaptiveArrangement.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.arrangement = BI.createWidget({ + type: "bi.arrangement", + element: this, + isNeedReLayout: o.isNeedReLayout, + layoutType: o.layoutType, + items: o.items + }); + if (o.isNeedResizeContainer) { + + var isResizing = false; + var height; + var interval; + var resize = function (e, ui) { + if (isResizing) { + return; + } + isResizing = true; + height = ui.size.height; + interval = setInterval(function () { + height += 40; + self.arrangement.setContainerSize({ + width: ui.size.width, + height: height + }); + self.arrangement.scrollTo(height); + }, 500); + }; + this.arrangement.container.element.resizable({ + handles: "s", + minWidth: 100, + minHeight: 20, + helper: "bi-resizer", + autoHide: true, + resize: function (e, ui) { + if (ui.size.height >= self.arrangement.container.element.height()) { + resize(e, ui); + } else { + interval && clearInterval(interval); + } + }, + stop: function (e, ui) { + var size = ui.size; + if (isResizing) { + size.height = height; + } + self.arrangement.setContainerSize(ui.size); + isResizing = false; + interval && clearInterval(interval); + self.fireEvent(BI.AdaptiveArrangement.EVENT_RESIZE); + } + }); + this._setLayoutType(o.layoutType); + } + this.zIndex = 0; + BI.each(o.items, function (i, item) { + self._initResizable(item.el); + }); + + this.element.click(function (e) { + BI.each(self.getAllRegions(), function (i, region) { + if (!region.el.element.__isMouseInBounds__(e)) { + region.el.element.removeClass("selected"); + } + }); + }); + BI.ResizeDetector.addResizeListener(this, function () { + self.arrangement.resize(); + self.fireEvent(BI.AdaptiveArrangement.EVENT_RESIZE); + }); + }, + + _isEqual: function () { + return this.arrangement._isEqual.apply(this.arrangement, arguments); + }, + + _initResizable: function (item) { + var self = this, o = this.options; + item.element.css("zIndex", ++this.zIndex); + item.element.mousedown(function () { + if (!item.element.hasClass("selected")) { + item.element.css("zIndex", ++self.zIndex); + BI.each(self.getAllRegions(), function (i, region) { + region.el.element.removeClass("selected"); + }); + item.element.addClass("selected"); + } + }); + o.resizable && item.element.resizable({ + handles: "e, s, se", + minWidth: 20, + minHeight: 20, + autoHide: true, + helper: "bi-resizer", + start: function () { + item.element.css("zIndex", ++self.zIndex); + self.fireEvent(BI.AdaptiveArrangement.EVENT_ELEMENT_START_RESIZE); + }, + resize: function (e, ui) { + // self._resize(item.attr("id"), ui.size); + self._resize(item.attr("id"), ui.size); + self.fireEvent(BI.AdaptiveArrangement.EVENT_ELEMENT_RESIZE, item.attr("id"), ui.size); + }, + stop: function (e, ui) { + self._stopResize(item.attr("id"), ui.size); + self.fireEvent(BI.AdaptiveArrangement.EVENT_ELEMENT_STOP_RESIZE, item.attr("id"), ui.size); + self.fireEvent(BI.AdaptiveArrangement.EVENT_RESIZE); + } + }); + }, + + _resize: function (name, size) { + var self = this; + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this.setRegionSize(name, size); + break; + } + }, + + _stopResize: function (name, size) { + var self = this; + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + this.setRegionSize(name, { + width: size.width, + height: size.height + }); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + this.setRegionSize(name, size); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this.setRegionSize(name, size); + break; + } + }, + + //检查宽高是否规范 + _checkRegionSize: function (name, size) { + var self = this; + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + var newSize = {}; + var leftid, rightid, topid, bottomid; + var region = this.getRegionByName(name); + var rs = this.arrangement._getInDirectRelativeRegions(name, ["right"]).right; + var bs = this.arrangement._getInDirectRelativeRegions(name, ["bottom"]).bottom; + if (rs.left.length > 0) { + topid = BI.first(rs.left).id; + bottomid = BI.last(rs.left).id; + } + if (bs.top.length > 0) { + leftid = BI.first(bs.top).id; + rightid = BI.last(bs.top).id; + } + if (this.arrangement._isEqual(region.width, size.width)) { + topid = name; + bottomid = name; + } + if (this.arrangement._isEqual(region.height, size.height)) { + leftid = name; + rightid = name; + } + var tops = topid ? this.getDirectRelativeRegions(topid, ["top"]).top : []; + var bottoms = bottomid ? this.getDirectRelativeRegions(bottomid, ["bottom"]).bottom : []; + var lefts = leftid ? this.getDirectRelativeRegions(leftid, ["left"]).left : []; + var rights = rightid ? this.getDirectRelativeRegions(rightid, ["right"]).right : []; + if (region.width !== size.width) { + if (rights.length === 0) {//最右边的组件不能调整宽度 + newSize.width = region.width; + } else { + var finded = BI.find(tops.concat(bottoms), function (i, r) { + r = self.getRegionByName(r.id); + return Math.abs(size.width + region.left - (r.left + r.width)) <= 3; + }); + if (finded) { + finded = this.getRegionByName(finded.id); + newSize.width = finded.left + finded.width - region.left; + } else { + newSize.width = size.width; + } + } + } else { + newSize.width = size.width; + } + if (region.height !== size.height) { + if (bottoms.length === 0) { + newSize.height = region.height; + } else { + var finded = BI.find(lefts.concat(rights), function (i, r) { + r = self.getRegionByName(r.id); + return Math.abs(size.height + region.top - (r.top + r.height)) <= 3; + }); + if (finded) { + finded = this.getRegionByName(finded.id); + newSize.height = finded.top + finded.height - region.top; + } else { + newSize.height = size.height; + } + } + } else { + newSize.height = size.height; + } + return newSize; + case BI.Arrangement.LAYOUT_TYPE.FREE: + return size; + case BI.Arrangement.LAYOUT_TYPE.GRID: + return size; + } + }, + + _getScrollOffset: function () { + return this.arrangement._getScrollOffset(); + }, + + _setLayoutType: function (type) { + try { + //BI.nextTick(function () { + switch (type) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + $(">.ui-resizable-s", this.arrangement.container.element).css("zIndex", ""); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + $(">.ui-resizable-s", this.arrangement.container.element).css("zIndex", "-1"); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + $(">.ui-resizable-s", this.arrangement.container.element).css("zIndex", "-1"); + break; + } + this.arrangement.container.element.resizable("option", "disabled", type === BI.Arrangement.LAYOUT_TYPE.FREE); + //}); + } catch (e) { + + } + }, + + getClientWidth: function () { + return this.arrangement.getClientWidth(); + }, + + getClientHeight: function () { + return this.arrangement.getClientHeight(); + }, + + getDirectRelativeRegions: function (name, direction) { + return this.arrangement.getDirectRelativeRegions(name, direction); + }, + + addRegion: function (region, position) { + this._initResizable(region.el); + var self = this, flag; + var old = this.arrangement.getAllRegions(); + if (BI.isNotNull(this.position)) { + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + var type = this.position.type; + var current = this.position.region; + switch (type) { + case "top-gap": + var t = this.arrangement._getEquivalentRelativeRegions(current.id, ["top"])[0]; + current = this.getRegionByName(t.id); + break; + case "bottom-gap": + break; + } + var id = BI.UUID(); + var insert = this.position.insert; + if (insert.height > 0) { + var clone = this.arrangement._cloneRegion(); + //找到最下面的组件 + var occupied = this.arrangement._getRegionOccupied(); + var bottomRegions = []; + BI.each(clone, function (i, region) { + if (self.arrangement._isEqual(region.top + region.height, occupied.top + occupied.height)) { + bottomRegions.push(region); + } + }); + var bs = this.arrangement._getInDirectRelativeRegions(current.id, ["bottom"]).bottom; + var seen = [current.id]; + var bottoms = bs.bottom; + var occ = this.arrangement._getRegionOccupied(bottoms); + clone[id] = BI.extend({}, region, { + left: occ.left, + width: occ.width, + top: current.top + current.height, + height: insert.height + }); + while (bottoms.length > 0) { + BI.each(bottoms, function (i, bottom) { + seen.push(bottom.id); + var r = self.getRegionByName(bottom.id); + BI.extend(clone[bottom.id], { + top: r.top + insert.height + }); + }); + var t = []; + BI.each(bottoms, function (i, bottom) { + var n = self.arrangement._getInDirectRelativeRegions(bottom.id, ["bottom"]).bottom; + BI.each(n.top, function (i, region) { + if (!seen.contains(region.id)) { + seen.push(region.id); + var r = self.getRegionByName(region.id); + BI.extend(clone[region.id], { + height: r.height + insert.height + }); + } + }); + t = t.concat(n.bottom); + }); + t = BI.uniq(t, function (i, region) { + return region.id; + }); + bottoms = t; + } + BI.each(bottomRegions, function (i, region) { + if (!seen.contains(region.id)) { + region.height = region.height + insert.height; + } + }); + this.arrangement.populate(BI.toArray(clone)); + this.arrangement.resize(); + flag = true; + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + this.position = null; + } else { + if (flag = this.arrangement.addRegion(region, position)) { + this._old = old; + } + } + return flag; + }, + + deleteRegion: function (name) { + var flag; + var old = this.getAllRegions(); + if (flag = this.arrangement.deleteRegion(name)) { + this._old = old; + } else { + this._old = this.getAllRegions(); + this.relayout(); + } + return true; + }, + + setRegionSize: function (name, size) { + var flag; + var old = this.getAllRegions(); + size = this._checkRegionSize(name, size); + if (flag = this.arrangement.setRegionSize(name, size)) { + this._old = old; + } + return flag; + }, + + setPosition: function (position, size) { + var self = this; + var at = this.arrangement.setPosition(position, size); + this.position = null; + if (!at) { + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (position.left < 0 || position.top < 0) { + return null; + } + var offset = this.arrangement._getScrollOffset(); + position = { + left: position.left + offset.left, + top: position.top + offset.top + }; + BI.some(this.getAllRegions(), function (id, region) { + if (self.arrangement._isPositionInBounds(position, region)) { + var at = self.arrangement._positionAt(position, region); + if (at.type === "top-gap" || at.type === "bottom-gap") { + self.arrangement._setArrangeSize({ + top: region.top - 8 + (at.type === "bottom-gap" ? region.height : 0), + left: region.left, + width: region.width, + height: 16 + }); + self.position = { + insert: { + height: (size || {}).height + }, + type: at.type, + region: region + }; + self.arrangement._start(); + } + return true; + } + }); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + } + return this.position || at; + }, + + setRegionPosition: function (name, position) { + var region = this.getRegionByName(name); + region.el.element.css("zIndex", ++this.zIndex); + return this.arrangement.setRegionPosition(name, position); + }, + + zoom: function (ratio) { + this.arrangement.zoom(ratio); + }, + + resize: function () { + this.arrangement.resize(); + }, + + relayout: function () { + return this.arrangement.relayout(); + }, + + setLayoutType: function (type) { + var self = this; + this._setLayoutType(type); + this.arrangement.setLayoutType(type); + }, + + getLayoutType: function () { + return this.arrangement.getLayoutType(); + }, + + getLayoutRatio: function () { + return this.arrangement.getLayoutRatio(); + }, + + getHelper: function () { + return this.arrangement.getHelper(); + }, + + getRegionByName: function (name) { + return this.arrangement.getRegionByName(name); + }, + + getAllRegions: function () { + return this.arrangement.getAllRegions(); + }, + + revoke: function () { + if (this._old) { + this.populate(BI.toArray(this._old)); + } + }, + + populate: function (items) { + var self = this; + BI.each(items, function (i, item) { + self._initResizable(item.el); + }); + this.arrangement.populate(items); + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + BI.nextTick(function () { + self.arrangement.resize(); + }); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + } +}); +BI.AdaptiveArrangement.EVENT_ELEMENT_START_RESIZE = "AdaptiveArrangement.EVENT_ELEMENT_START_RESIZE"; +BI.AdaptiveArrangement.EVENT_ELEMENT_RESIZE = "AdaptiveArrangement.EVENT_ELEMENT_RESIZE"; +BI.AdaptiveArrangement.EVENT_ELEMENT_STOP_RESIZE = "AdaptiveArrangement.EVENT_ELEMENT_STOP_RESIZE"; +BI.AdaptiveArrangement.EVENT_RESIZE = "AdaptiveArrangement.EVENT_RESIZE"; +$.shortcut('bi.adaptive_arrangement', BI.AdaptiveArrangement); \ No newline at end of file diff --git a/src/widget/arrangement/arrangement.block.js b/src/widget/arrangement/arrangement.block.js new file mode 100644 index 000000000..cbdac2de2 --- /dev/null +++ b/src/widget/arrangement/arrangement.block.js @@ -0,0 +1,22 @@ +/** + * Arrangement的block面板 + * + * Created by GUY on 2016/3/1. + * @class BI.ArrangementBlock + * @extends BI.Widget + */ +BI.ArrangementBlock = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-arrangement-block" + }); + }, + + _init: function () { + BI.ArrangementBlock.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + } +}); +$.shortcut('bi.arrangement_block', BI.ArrangementBlock); \ No newline at end of file diff --git a/src/widget/arrangement/arrangement.droppable.js b/src/widget/arrangement/arrangement.droppable.js new file mode 100644 index 000000000..c54914aff --- /dev/null +++ b/src/widget/arrangement/arrangement.droppable.js @@ -0,0 +1,22 @@ +/** + * Arrangement的drop面板 + * + * Created by GUY on 2016/3/1. + * @class BI.ArrangementDroppable + * @extends BI.Widget + */ +BI.ArrangementDroppable = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ArrangementDroppable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-arrangement-droppable" + }); + }, + + _init: function () { + BI.ArrangementDroppable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + } +}); +$.shortcut('bi.arrangement_droppable', BI.ArrangementDroppable); \ No newline at end of file diff --git a/src/widget/arrangement/arrangement.js b/src/widget/arrangement/arrangement.js new file mode 100644 index 000000000..713876f45 --- /dev/null +++ b/src/widget/arrangement/arrangement.js @@ -0,0 +1,2893 @@ +/** + * 布局 + * + * Created by GUY on 2016/2/23. + * @class BI.Arrangement + * @extends BI.Widget + */ +BI.Arrangement = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.Arrangement.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-arrangement", + layoutType: BI.Arrangement.LAYOUT_TYPE.FREE, + isNeedReLayout: true, + items: [] + }); + }, + + _init: function () { + BI.Arrangement.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.arrangement = BI.createWidget({ + type: "bi.arrangement_droppable", + cls: "arrangement-block", + invisible: true + }); + this.block = BI.createWidget({ + type: "bi.arrangement_block", + invisible: true + }); + this.droppable = BI.createWidget({ + type: "bi.layout", + cls: "arrangement-drop-container", + invisible: true + }); + this.container = BI.createWidget({ + type: "bi.absolute", + items: o.items.concat([this.block, this.arrangement, { + el: this.droppable, + left: 0, + right: 0, + top: 0, + bottom: 0 + }]) + }); + + this.scrollContainer = BI.createWidget({ + type: "bi.adaptive", + width: "100%", + height: "100%", + scrollable: true, + items: [this.container] + }); + + BI.createWidget({ + type: "bi.adaptive", + element: this, + items: [this.scrollContainer] + }); + this.regions = {}; + this.locations = {}; + this.drops = {}; + this.storeDrops = {}; + if (o.items.length > 0) { + BI.nextTick(function () { + self.populate(o.items); + }); + } + }, + + ////初始化操作//// + _calculateRegions: function (items) { + var self = this, o = this.options; + this.regions = {}; + this.drops = {}; + BI.each(items, function (i, item) { + var region = self._createOneRegion(item); + self.regions[region.id] = region; + var drop = self._createOneDrop(region); + self.drops[drop.id] = drop; + self.storeDrops[drop.id] = drop; + }); + }, + + //定方位 + _locationRegion: function () { + var self = this, o = this.options; + this.locations = {}; + var reg = []; + BI.each(this.regions, function (id, region) { + var t = new BI.Region(region.left, region.top, region.width, region.height); + t.id = id; + reg.push(t); + self.locations[id] = {top: [], left: [], right: [], bottom: []}; + }); + BI.each(reg, function (i, dim) { + var topRegion = new BI.Region(dim.x, 0, dim.w, dim.y), + bottomRegion = new BI.Region(dim.x, dim.y + dim.h, dim.w, BI.MAX), + leftRegion = new BI.Region(0, dim.y, dim.x, dim.h), + rightRegion = new BI.Region(dim.x + dim.w, dim.y, BI.MAX, dim.h); + BI.each(reg, function (j, tar) { + if (i !== j) { + if (tar.isIntersects(topRegion) && self._isLessThanEqual(tar.y + tar.h, dim.y)) { + self.locations[dim.id].top.push(self.regions[tar.id]); + } + if (tar.isIntersects(bottomRegion) && self._isMoreThanEqual(tar.y, dim.y + dim.h)) { + self.locations[dim.id].bottom.push(self.regions[tar.id]); + } + if (tar.isIntersects(leftRegion) && self._isLessThanEqual(tar.x + tar.w, dim.x)) { + self.locations[dim.id].left.push(self.regions[tar.id]); + } + if (tar.isIntersects(rightRegion) && self._isMoreThanEqual(tar.x, dim.x + dim.w)) { + self.locations[dim.id].right.push(self.regions[tar.id]); + } + } + }); + }); + }, + + _isEqual: function (num1, num2) { + return Math.abs(num1 - num2) < 2; + }, + + _isLessThan: function (num1, num2) { + return num1 < num2 && !this._isEqual(num1, num2); + }, + + _isMoreThan: function (num1, num2) { + return num1 > num2 && !this._isEqual(num1, num2); + }, + + _isLessThanEqual: function (num1, num2) { + return num1 <= num2 || this._isEqual(num1, num2); + }, + + _isMoreThanEqual: function (num1, num2) { + return num1 >= num2 || this._isEqual(num1, num2); + }, + + ////方法//// + _isPositionInBounds: function (position, bound) { + var region = new BI.Region(bound.left, bound.top, bound.width, bound.height); + return region.isPointInside(position.left, position.top); + }, + + //获取某区域等量相关联的区域 + _getEquivalentRelativeRegions: function (name, direction) { + var self = this; + direction || (direction = ["top", "bottom", "left", "right"]); + var result = []; + var target = this.regions[name]; + var tops = this.locations[name].top; + var bottoms = this.locations[name].bottom; + var lefts = this.locations[name].left; + var rights = this.locations[name].right; + var finded = direction.contains("top") && BI.some(tops, function (i, region) { + if (self._isEqual(region.top + region.height, target.top) && self._isEqual(region.left, target.left) && self._isEqual(region.width, target.width)) { + var clone = BI.clone(region); + clone.height = region.height + target.height; + result.push(clone); + return true; + } + }); + if (!finded) { + finded = direction.contains("bottom") && BI.some(bottoms, function (i, region) { + if (self._isEqual(target.top + target.height, region.top) && self._isEqual(region.left, target.left) && self._isEqual(region.width, target.width)) { + var clone = BI.clone(region); + clone.top = region.top - target.height; + clone.height = region.height + target.height; + result.push(clone); + return true; + } + }); + if (!finded) { + finded = direction.contains("left") && BI.some(lefts, function (i, region) { + if (self._isEqual(region.left + region.width, target.left) && self._isEqual(region.top, target.top) && self._isEqual(region.height, target.height)) { + var clone = BI.clone(region); + clone.width = region.width + target.width; + result.push(clone); + return true; + } + }); + if (!finded) { + finded = direction.contains("right") && BI.some(rights, function (i, region) { + if (self._isEqual(target.left + target.width, region.left) && self._isEqual(region.top, target.top) && self._isEqual(region.height, target.height)) { + var clone = BI.clone(region); + clone.left = region.left - target.width; + clone.width = region.width + target.width; + result.push(clone); + return true; + } + }); + if (!finded) { + var findTopRegions = [], findBottomRegions = []; + direction.contains("top") && BI.each(tops, function (i, region) { + if (self._isEqual(region.top + region.height, target.top) + && self._isMoreThanEqual(region.left, target.left) + && self._isLessThanEqual(region.left + region.width, target.left + target.width)) { + findTopRegions.push(region); + } + }); + direction.contains("bottom") && BI.each(bottoms, function (i, region) { + if (self._isEqual(target.top + target.height, region.top) + && self._isMoreThanEqual(region.left, target.left) + && self._isLessThanEqual(region.left + region.width, target.left + target.width)) { + findBottomRegions.push(region); + } + }); + var topValid = isRegionsValid(findTopRegions, "top"), bottomValid = isRegionsValid(findBottomRegions, "bottom"); + if (topValid && bottomValid) { + BI.each(findTopRegions, function (i, region) { + var clone = BI.clone(region); + clone.height = region.height + target.height / 2; + result.push(clone); + }); + BI.each(findBottomRegions, function (i, region) { + var clone = BI.clone(region); + clone.top = region.top - target.height / 2; + clone.height = region.height + target.height / 2; + result.push(clone); + }); + } else if (topValid) { + BI.each(findTopRegions, function (i, region) { + var clone = BI.clone(region); + clone.height = region.height + target.height; + result.push(clone); + }); + } else if (bottomValid) { + BI.each(findBottomRegions, function (i, region) { + var clone = BI.clone(region); + clone.top = region.top - target.height; + clone.height = region.height + target.height; + result.push(clone); + }); + } + if (!topValid && !bottomValid) { + var findLeftRegions = [], findRightRegions = []; + direction.contains("left") && BI.each(lefts, function (i, region) { + if (self._isEqual(region.left + region.width, target.left) + && self._isMoreThanEqual(region.top, target.top) + && self._isLessThanEqual(region.top + region.height, target.top + target.height)) { + findLeftRegions.push(region); + } + }); + direction.contains("right") && BI.each(rights, function (i, region) { + if (self._isEqual(target.left + target.width, region.left) + && self._isMoreThanEqual(region.top, target.top) + && self._isLessThanEqual(region.top + region.height, target.top + target.height)) { + findRightRegions.push(region); + } + }); + var leftValid = isRegionsValid(findLeftRegions, "left"), rightValid = isRegionsValid(findRightRegions, "right"); + if (leftValid && rightValid) { + BI.each(findLeftRegions, function (i, region) { + var clone = BI.clone(region); + clone.width = region.width + target.width / 2; + result.push(clone); + }); + BI.each(findRightRegions, function (i, region) { + var clone = BI.clone(region); + clone.left = region.left - target.width / 2; + clone.width = region.width + target.width / 2; + result.push(clone); + }); + } else if (leftValid) { + BI.each(findLeftRegions, function (i, region) { + var clone = BI.clone(region); + clone.width = region.width + target.width; + result.push(clone); + }); + } else if (rightValid) { + BI.each(findRightRegions, function (i, region) { + var clone = BI.clone(region); + clone.left = region.left - target.width; + clone.width = region.width + target.width; + result.push(clone); + }); + } + + //上下左右都不可行 + if (!leftValid && !rightValid) { + + } + } + } + } + } + } + return result; + function isRegionsValid(regions, dir) { + var occupied = self._getRegionOccupied(regions); + switch (dir) { + case "top": + case "bottom": + return self._isEqual(occupied.left, target.left) && self._isEqual(occupied.width, target.width); + case "left": + case "right": + return self._isEqual(occupied.top, target.top) && self._isEqual(occupied.height, target.height); + } + return false; + } + }, + + //获取某区域直接相关联的区域 + _getDirectRelativeRegions: function (name, direction) { + var self = this; + direction || (direction = ["top", "bottom", "left", "right"]); + var result = []; + var target = this.regions[name]; + var tops = this.locations[name].top; + var bottoms = this.locations[name].bottom; + var lefts = this.locations[name].left; + var rights = this.locations[name].right; + var finded = direction.contains("top") && BI.some(tops, function (i, region) { + if (self._isEqual(region.top + region.height, target.top) + && ((self._isMoreThanEqual(region.left, target.left) && self._isLessThan(region.left, target.left + target.width)) + || (self._isMoreThan(region.left + region.width, target.left) && self._isLessThanEqual(region.left + region.width, target.left + target.width)) + || (self._isLessThan(region.left, target.left) && self._isMoreThan(region.left + region.width, target.left + target.width)))) { + var clone = BI.clone(region); + clone.height = region.height + target.height; + result.push(clone); + } + }); + if (!finded) { + finded = direction.contains("bottom") && BI.some(bottoms, function (i, region) { + if (self._isEqual(target.top + target.height, region.top) + && ((self._isMoreThanEqual(region.left, target.left) && self._isLessThan(region.left, target.left + target.width)) + || (self._isMoreThan(region.left + region.width, target.left) && self._isLessThanEqual(region.left + region.width, target.left + target.width)) + || (self._isLessThan(region.left, target.left) && self._isMoreThan(region.left + region.width, target.left + target.width)))) { + var clone = BI.clone(region); + clone.top = region.top - target.height; + clone.height = region.height + target.height; + result.push(clone); + } + }); + if (!finded) { + finded = direction.contains("left") && BI.some(lefts, function (i, region) { + if (self._isEqual(region.left + region.width, target.left) + && ((self._isMoreThanEqual(region.top, target.top) && self._isLessThan(region.top, target.top + target.height)) + || (self._isMoreThan(region.top + region.height, target.top) && self._isLessThanEqual(region.top + region.height, target.top + target.height)) + || (self._isLessThan(region.top, target.top) && self._isMoreThan(region.top + region.height, target.top + target.height)))) { + var clone = BI.clone(region); + clone.width = region.width + target.width; + result.push(clone); + } + }); + if (!finded) { + finded = direction.contains("right") && BI.some(rights, function (i, region) { + if (self._isEqual(target.left + target.width, region.left) + && ((self._isMoreThanEqual(region.top, target.top) && self._isLessThan(region.top, target.top + target.height)) + || (self._isMoreThan(region.top + region.height, target.top) && self._isLessThanEqual(region.top + region.height, target.top + target.height)) + || (self._isLessThan(region.top, target.top) && self._isMoreThan(region.top + region.height, target.top + target.height)))) { + var clone = BI.clone(region); + clone.left = region.left - target.width; + clone.width = region.width + target.width; + result.push(clone); + } + }); + } + } + } + return result; + }, + + //获取间接相关联的区域,即调整name区域后需要附带调整的所有相关区域(包括自身) + _getInDirectRelativeRegions: function (name, direction) { + var self = this, dict = ["top", "left", "right", "bottom"]; + var result = {}; + direction || (direction = dict); + function recursion(regions, dir, store, cache) { + BI.each(regions, function (i, region) { + if (cache[region.id]) { + return; + } + cache[region.id] = true; + if (!store[dict[3 - dir]]) { + store[dict[3 - dir]] = []; + } + store[dict[3 - dir]].push(region); + recursion(self._getDirectRelativeRegions(region.id, [dict[dir]]), 3 - dir, store, cache); + }) + } + + if (direction.contains("top")) { + var store = {}, cache = {}; + recursion([this.regions[name]], dict.indexOf("top"), store, cache); + store["top"] = BI.sortBy(store["top"], "left"); + store["bottom"] = BI.sortBy(store["bottom"], "left"); + result["top"] = store; + } + if (direction.contains("bottom")) { + var store = {}, cache = {}; + recursion([this.regions[name]], dict.indexOf("bottom"), store, cache); + store["top"] = BI.sortBy(store["top"], "left"); + store["bottom"] = BI.sortBy(store["bottom"], "left"); + result["bottom"] = store; + } + if (direction.contains("left")) { + var store = {}, cache = {}; + recursion([this.regions[name]], dict.indexOf("left"), store, cache); + store["left"] = BI.sortBy(store["left"], "top"); + store["right"] = BI.sortBy(store["right"], "top"); + result["left"] = store; + } + if (direction.contains("right")) { + var store = {}, cache = {}; + recursion([this.regions[name]], dict.indexOf("right"), store, cache); + store["left"] = BI.sortBy(store["left"], "top"); + store["right"] = BI.sortBy(store["right"], "top"); + result["right"] = store; + } + return result; + }, + + _getLeftAlignRegions: function (name) { + var self = this; + var tops = this._getDirectRelativeRegions(name, ["top"]); + var bottoms = this._getDirectRelativeRegions(name, ["bottom"]); + var current = this.regions[name]; + var rtop = [], rbottom = []; + BI.each(tops, function (i, region) { + if (self._isEqual(region.left, current.left)) { + rtop.push(region); + } + }); + BI.each(bottoms, function (i, region) { + if (self._isEqual(region.left, current.left)) { + rbottom.push(region); + } + }); + return { + top: rtop, + bottom: rbottom + } + }, + + _getRightAlignRegions: function (name) { + var self = this; + var tops = this._getDirectRelativeRegions(name, ["top"]); + var bottoms = this._getDirectRelativeRegions(name, ["bottom"]); + var current = this.regions[name]; + var rtop = [], rbottom = []; + BI.each(tops, function (i, region) { + if (self._isEqual(region.left + region.width, current.left + current.width)) { + rtop.push(region); + } + }); + BI.each(bottoms, function (i, region) { + if (self._isEqual(region.left + region.width, current.left + current.width)) { + rbottom.push(region); + } + }); + return { + top: rtop, + bottom: rbottom + } + }, + + _getTopAlignRegions: function (name) { + var self = this; + var lefts = this._getDirectRelativeRegions(name, ["left"]); + var rights = this._getDirectRelativeRegions(name, ["right"]); + var current = this.regions[name]; + var rleft = [], rright = []; + BI.each(lefts, function (i, region) { + if (self._isEqual(region.top, current.top)) { + rleft.push(region); + } + }); + BI.each(rights, function (i, region) { + if (self._isEqual(region.top, current.top)) { + rright.push(region); + } + }); + return { + left: rleft, + right: rright + } + }, + + _getBottomAlignRegions: function (name) { + var self = this; + var lefts = this._getDirectRelativeRegions(name, ["left"]); + var rights = this._getDirectRelativeRegions(name, ["right"]); + var current = this.regions[name]; + var rleft = [], rright = []; + BI.each(lefts, function (i, region) { + if (self._isEqual(region.top + region.height, current.top + current.height)) { + rleft.push(region); + } + }); + BI.each(rights, function (i, region) { + if (self._isEqual(region.top + region.height, current.top + current.height)) { + rright.push(region); + } + }); + return { + left: rleft, + right: rright + } + }, + + //获取占有的最大Region + _getRegionOccupied: function (regions) { + var self = this, o = this.options; + if (BI.size(regions || this.regions) <= 0) { + return { + left: 0, + top: 0, + width: 0, + height: 0 + } + } + var minLeft = BI.MAX, maxLeft = BI.MIN, minTop = BI.MAX, maxTop = BI.MIN; + BI.each(regions || this.regions, function (id, region) { + minLeft = Math.min(minLeft, region.left); + maxLeft = Math.max(maxLeft, region.left + region.width); + minTop = Math.min(minTop, region.top); + maxTop = Math.max(maxTop, region.top + region.height); + }); + return { + left: minLeft, + top: minTop, + width: maxLeft - minLeft, + height: maxTop - minTop + } + }, + + //两个区域的交叉面积 + _getCrossArea: function (region1, region2) { + if (region1.left <= region2.left) { + if (region1.top <= region2.top) { + if (region1.top + region1.height > region2.top && region1.left + region1.width > region2.left) { + if (this._isEqual(region1.top + region1.height, region2.top) || this._isEqual(region1.left + region1.width, region2.left)) { + return 0; + } + return (region1.top + region1.height - region2.top) * (region1.left + region1.width - region2.left); + } + } else { + if (region2.top + region2.height > region1.top && region1.left + region1.width > region2.left) { + if (this._isEqual(region2.top + region2.height, region1.top) || this._isEqual(region1.left + region1.width, region2.left)) { + return 0; + } + return (region2.top + region2.height - region1.top) * (region1.left + region1.width - region2.left); + } + } + } else { + if (region1.top <= region2.top) { + if (region1.top + region1.height > region2.top && region2.left + region2.width > region1.left) { + if (this._isEqual(region1.top + region1.height, region2.top) || this._isEqual(region2.left + region2.width, region1.left)) { + return 0; + } + return (region1.top + region1.height - region2.top) * (region2.left + region2.width - region1.left); + } + } else { + if (region2.top + region2.height > region1.top && region2.left + region2.width > region1.left) { + if (this._isEqual(region2.top + region2.height, region1.top) || this._isEqual(region2.left + region2.width, region1.left)) { + return 0; + } + return (region2.top + region2.height - region1.top) * (region2.left + region2.width - region1.left); + } + } + } + return 0; + }, + + //是否有覆盖的组件 + _isRegionOverlay: function (regions) { + var reg = []; + BI.each(regions || this.regions, function (id, region) { + reg.push(new BI.Region(region.left, region.top, region.width, region.height)); + }); + for (var i = 0, len = reg.length; i < len; i++) { + for (var j = i + 1; j < len; j++) { + var area1 = { + left: reg[i].x, + top: reg[i].y, + width: reg[i].w, + height: reg[i].h + }; + var area2 = { + left: reg[j].x, + top: reg[j].y, + width: reg[j].w, + height: reg[j].h + }; + if (reg[i].isIntersects(reg[j]) && this._getCrossArea(area1, area2) > 1) { + return true; + } + } + } + return false; + }, + + //布局是否是优良的 + _isArrangeFine: function (regions) { + switch (this.options.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (this._isRegionOverlay()) { + return false; + } + var maxRegion = this._getRegionOccupied(regions); + var area = maxRegion.width * maxRegion.height; + var all = 0; + BI.each(regions || this.regions, function (id, region) { + all += region.width * region.height; + }); + return Math.abs(area - all) < 8; + case BI.Arrangement.LAYOUT_TYPE.FREE: + return true; + case BI.Arrangement.LAYOUT_TYPE.GRID: + if (this._isRegionOverlay()) { + return false; + } + } + return true; + }, + + _getRegionNames: function (regions) { + var names = []; + BI.each(regions || this.regions, function (i, region) { + names.push(region.id || region.attr("id")); + }); + return names; + }, + + _getRegionsByNames: function (names, regions) { + names = BI.isArray(names) ? names : [names]; + regions = regions || this.regions; + if (BI.isArray(regions)) { + var result = []; + BI.each(regions, function (i, region) { + if (names.contains(region.id || region.attr("id"))) { + result.push(region); + } + }); + } else { + var result = {}; + BI.each(names, function (i, name) { + result[name] = regions[name]; + }); + } + return result; + }, + + _cloneRegion: function (regions) { + var clone = {}; + BI.each(regions || this.regions, function (id, region) { + clone[id] = {}; + clone[id].el = region.el; + clone[id].id = region.id; + clone[id].left = region.left; + clone[id].top = region.top; + clone[id].width = region.width; + clone[id].height = region.height; + }); + return clone; + }, + + //测试合法性 + _test: function (regions) { + var self = this; + return !BI.any(regions || this.regions, function (i, region) { + if (BI.isNaN(region.width) || BI.isNaN(region.height) || region.width <= 21 || region.height <= 21) { + return true; + } + }) + }, + + //对区域进行划分 + _splitRegions: function (name) { + var result = []; + var tid = BI.UUID(); + var _left = this._getLeftAlignRegions(name); + var _right = this._getRightAlignRegions(name); + var _top = this._getTopAlignRegions(name); + var _bottom = this._getBottomAlignRegions(name); + if (_left.top.length > 0) { + var upid = _left.top[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].width, clone[upid].width) / 2;//两个组件中较小宽度的一半 + var left = (clone[name].left + clone[upid].left) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + left: left, + top: clone[upid].top, + width: split, + height: clone[name].height + clone[upid].height + }; + BI.extend(clone[name], { + left: left + split, + width: clone[name].width - split - (left - clone[name].left) + }); + BI.extend(clone[upid], { + left: left + split, + width: clone[upid].width - split - (left - clone[upid].left) + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "left-top", + regions: clone, + insert: insert + }); + } + } + if (_left.bottom.length > 0) { + var bottomid = _left.bottom[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].width, clone[bottomid].width) / 2; + var left = (clone[name].left + clone[bottomid].left) / 2; + var insert = clone[tid] = {//新增的区域 + left: left, + top: clone[name].top, + width: split, + height: clone[name].height + clone[bottomid].height + }; + BI.extend(clone[name], { + left: left + split, + width: clone[name].width - split - (left - clone[name].left) + }); + BI.extend(clone[bottomid], { + left: left + split, + width: clone[bottomid].width - split - (left - clone[bottomid].left) + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom-left", + regions: clone, + insert: insert + }); + } + } + if (_right.top.length > 0) { + var upid = _right.top[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].width, clone[upid].width) / 2;//两个组件中较小宽度的一半 + var right = (clone[name].left + clone[name].width + clone[upid].left + clone[upid].width) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + left: right - split, + top: clone[upid].top, + width: split, + height: clone[name].height + clone[upid].height + }; + BI.extend(clone[name], { + width: right - clone[name].left - split + }); + BI.extend(clone[upid], { + width: right - clone[upid].left - split + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "top-right", + regions: clone, + insert: insert + }); + } + } + if (_right.bottom.length > 0) { + var bottomid = _right.bottom[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].width, clone[bottomid].width) / 2;//两个组件中较小宽度的一半 + var right = (clone[name].left + clone[name].width + clone[bottomid].left + clone[bottomid].width) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + left: right - split, + top: clone[name].top, + width: split, + height: clone[name].height + clone[bottomid].height + }; + BI.extend(clone[name], { + width: right - clone[name].left - split + }); + BI.extend(clone[bottomid], { + width: right - clone[bottomid].left - split + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom-right", + regions: clone, + insert: insert + }); + } + } + if (_top.left.length > 0) { + var leftid = _top.left[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].height, clone[leftid].height) / 2;//两个组件中较小高度的一半 + var top = (clone[name].top + clone[leftid].top) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + top: top, + left: clone[leftid].left, + height: split, + width: clone[name].width + clone[leftid].width + }; + BI.extend(clone[name], { + top: top + split, + height: clone[name].height - split - (top - clone[name].top) + }); + BI.extend(clone[leftid], { + top: top + split, + height: clone[leftid].height - split - (top - clone[leftid].top) + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "top-left", + regions: clone, + insert: insert + }); + } + } + if (_top.right.length > 0) { + var rightid = _top.right[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].height, clone[rightid].height) / 2;//两个组件中较小高度的一半 + var top = (clone[name].top + clone[rightid].top) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + top: top, + left: clone[name].left, + height: split, + width: clone[name].width + clone[rightid].width + }; + BI.extend(clone[name], { + top: top + split, + height: clone[name].height - split - (top - clone[name].top) + }); + BI.extend(clone[rightid], { + top: top + split, + height: clone[rightid].height - split - (top - clone[rightid].top) + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "top-right-second", + regions: clone, + insert: insert + }); + } + } + if (_bottom.left.length > 0) { + var leftid = _bottom.left[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].height, clone[leftid].height) / 2;//两个组件中较小高度的一半 + var bottom = (clone[name].top + clone[name].height + clone[leftid].top + clone[leftid].height) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + left: clone[leftid].left, + top: bottom - split, + height: split, + width: clone[name].width + clone[leftid].width + }; + BI.extend(clone[name], { + height: bottom - clone[name].top - split + }); + BI.extend(clone[leftid], { + height: bottom - clone[leftid].top - split + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom-left-second", + regions: clone, + insert: insert + }); + } + } + if (_bottom.right.length > 0) { + var rightid = _bottom.right[0].id; + var tid = BI.UUID(); + var clone = this._cloneRegion(); + var _cur = clone[name]; + var split = Math.min(clone[name].height, clone[rightid].height) / 2;//两个组件中较小高度的一半 + var bottom = (clone[name].top + clone[name].height + clone[rightid].top + clone[rightid].height) / 2;//求平均,减少误差 + var insert = clone[tid] = {//新增的区域 + left: clone[name].left, + top: bottom - split, + height: split, + width: clone[name].width + clone[rightid].width + }; + BI.extend(clone[name], { + height: bottom - clone[name].top - split + }); + BI.extend(clone[rightid], { + height: bottom - clone[rightid].top - split + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom-right-second", + regions: clone, + insert: insert + }); + } + } + //有上方居中drop + var lefts = _top.left, rights = _top.right; + if (lefts.length > 0 && rights.length > 0) { + var count = 0; + var store = [this.regions[name]]; + while (lefts.length > 0 || rights.length > 0) { + var clone = this._cloneRegion(); + if (lefts.length > 0) { + store.push(this.regions[lefts[0].id]); + } + if (rights.length > 0) { + store.push(this.regions[rights[0].id]); + } + count++; + var top = BI.average(store, function (i, r) {//求平均,减少误差 + return r.top; + }); + var occupied = this._getRegionOccupied(store); + + var split = BI.min(store, function (i, r) { + return r.height; + }).height / 2; + var insert = clone[tid] = { + left: occupied.left, + width: occupied.width, + top: top, + height: split + }; + BI.each(store, function (i, region) { + BI.extend(clone[region.id], { + top: top + split, + height: region.height - split - (top - region.top) + }); + }); + if (this._test(store)) { + delete clone[tid]; + result.push({ + type: "top-center" + count, + regions: clone, + insert: insert + }); + } else { + break; + } + + if (lefts.length > 0) lefts = this._getTopAlignRegions(lefts[0].id).left; + if (rights.length > 0) rights = this._getTopAlignRegions(rights[0].id).right; + } + } + //有下方居中drop + var lefts = _bottom.left, rights = _bottom.right; + if (lefts.length > 0 && rights.length > 0) { + var count = 0; + var store = [this.regions[name]]; + while (lefts.length > 0 || rights.length > 0) { + var clone = this._cloneRegion(); + if (lefts.length > 0) { + store.push(this.regions[lefts[0].id]); + } + if (rights.length > 0) { + store.push(this.regions[rights[0].id]); + } + count++; + var bottom = BI.average(store, function (i, r) {//求平均,减少误差 + return r.top + r.height; + }); + var occupied = this._getRegionOccupied(store); + + var split = BI.min(store, function (i, r) { + return r.height; + }).height / 2; + var insert = clone[tid] = { + left: occupied.left, + width: occupied.width, + top: bottom - split, + height: split + }; + BI.each(store, function (i, region) { + BI.extend(clone[region.id], { + height: bottom - region.top - split + }); + }); + if (this._test(store)) { + delete clone[tid]; + result.push({ + type: "bottom-center" + count, + regions: clone, + insert: insert + }); + } else { + break; + } + + if (lefts.length > 0) lefts = this._getBottomAlignRegions(lefts[0].id).left; + if (rights.length > 0) rights = this._getBottomAlignRegions(rights[0].id).right; + } + } + //有左方居中drop + var tops = _left.top, bottoms = _left.bottom; + if (tops.length > 0 && bottoms.length > 0) { + var count = 0; + var store = [this.regions[name]]; + while (tops.length > 0 || bottoms.length > 0) { + var clone = this._cloneRegion(); + if (tops.length > 0) { + store.push(this.regions[tops[0].id]); + } + if (bottoms.length > 0) { + store.push(this.regions[bottoms[0].id]); + } + count++; + var left = BI.average(store, function (i, r) {//求平均,减少误差 + return r.left; + }); + var occupied = this._getRegionOccupied(store); + + var split = BI.min(store, function (i, r) { + return r.width; + }).width / 2; + var insert = clone[tid] = { + left: left, + width: split, + top: occupied.top, + height: occupied.height + }; + BI.each(store, function (i, region) { + BI.extend(clone[region.id], { + left: left + split, + width: region.width - split - (left - region.left) + }); + }); + if (this._test(store)) { + delete clone[tid]; + result.push({ + type: "left-center" + count, + regions: clone, + insert: insert + }); + } else { + break; + } + + if (tops.length > 0) tops = this._getLeftAlignRegions(tops[0].id).top; + if (bottoms.length > 0) bottoms = this._getLeftAlignRegions(bottoms[0].id).bottom; + } + } + //有右方居中drop + var tops = _right.top, bottoms = _right.bottom; + if (tops.length > 0 && bottoms.length > 0) { + var count = 0; + var store = [this.regions[name]]; + while (tops.length > 0 || bottoms.length > 0) { + var clone = this._cloneRegion(); + if (tops.length > 0) { + store.push(this.regions[tops[0].id]); + } + if (bottoms.length > 0) { + store.push(this.regions[bottoms[0].id]); + } + count++; + var right = BI.average(store, function (i, r) {//求平均,减少误差 + return r.left + r.width; + }); + var occupied = this._getRegionOccupied(store); + + var split = BI.min(store, function (i, r) { + return r.width; + }).width / 2; + var insert = clone[tid] = { + left: right - split, + width: split, + top: occupied.top, + height: occupied.height + }; + BI.each(store, function (i, region) { + BI.extend(clone[region.id], { + width: right - region.left - split + }); + }); + if (this._test(store)) { + delete clone[tid]; + result.push({ + type: "right-center" + count, + regions: clone, + insert: insert + }); + } else { + break; + } + + if (tops.length > 0) tops = this._getRightAlignRegions(tops[0].id).top; + if (bottoms.length > 0) bottoms = this._getRightAlignRegions(bottoms[0].id).bottom; + } + } + var lefts = this._getEquivalentRelativeRegions(name, ["left"]); + if (lefts.length === 1) { + var clone = this._cloneRegion(); + var _cur = clone[name]; + var left = this.regions[lefts[0].id]; + var width = left.width; + var all = left.width + _cur.width; + var ratio = width / all; + var split = all / 3; + var lleft = width - split * ratio, rleft = _cur.width - split * (1 - ratio); + var insert = false; + if (lleft <= 21) { + rleft = _cur.width - split; + if (rleft <= 21) { + + } else { + insert = clone[tid] = { + top: _cur.top, + height: _cur.height, + left: _cur.left, + width: split, + }; + BI.extend(clone[name], { + top: _cur.top, + height: _cur.height, + left: _cur.left + split, + width: _cur.width - split + }); + } + } else if (rleft <= 21) { + lleft = width - split; + if (lleft <= 21) { + } else { + insert = clone[tid] = { + top: _cur.top, + height: _cur.height, + left: _cur.left - split, + width: split, + }; + BI.extend(clone[left.id], { + top: left.top, + height: left.height, + left: left.left, + width: left.width - split + }); + } + } else { + insert = clone[tid] = { + top: _cur.top, + height: _cur.height, + left: left.left + lleft, + width: split, + }; + BI.extend(clone[name], { + top: _cur.top, + height: _cur.height, + left: _cur.left + _cur.width - rleft, + width: rleft + }); + BI.extend(clone[left.id], { + top: left.top, + height: left.height, + left: left.left, + width: lleft + }); + } + if (insert !== false) { + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "left-line", + regions: clone, + insert: insert + }) + } + } + } + var rights = this._getEquivalentRelativeRegions(name, ["right"]); + if (rights.length === 1) { + var clone = this._cloneRegion(); + var _cur = clone[name]; + var right = this.regions[rights[0].id]; + var width = right.width; + var all = right.width + _cur.width; + var ratio = width / all; + var split = all / 3; + var lleft = _cur.width - split * (1 - ratio), rleft = width - split * ratio; + var insert = false; + if (lleft <= 21) { + rleft = width - split; + if (rleft <= 21) { + } else { + insert = clone[tid] = { + top: right.top, + height: right.height, + left: right.left, + width: split + }; + BI.extend(clone[right.id], { + top: right.top, + height: right.height, + left: right.left + split, + width: right.width - split + }) + } + } else if (rleft <= 21) { + lleft = _cur.width - split; + if (lleft <= 21) { + } else { + insert = clone[tid] = { + top: _cur.top, + height: _cur.height, + left: _cur.left + lleft, + width: split + }; + BI.extend(clone[name], { + top: _cur.top, + height: _cur.height, + left: _cur.left, + width: _cur.width - split + }) + } + } else { + insert = clone[tid] = { + top: _cur.top, + height: _cur.height, + left: _cur.left + lleft, + width: split + }; + BI.extend(clone[name], { + top: _cur.top, + height: _cur.height, + left: _cur.left, + width: lleft + }); + BI.extend(clone[right.id], { + top: right.top, + height: right.height, + left: right.left + right.width - rleft, + width: rleft + }); + } + if (insert !== false) { + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "right-line", + regions: clone, + insert: insert + }) + } + } + } + var tops = this._getEquivalentRelativeRegions(name, ["top"]); + if (tops.length === 1) { + var clone = this._cloneRegion(); + var _cur = clone[name]; + var top = this.regions[tops[0].id]; + var height = top.height; + var all = top.height + _cur.height; + var ratio = height / all; + var split = all / 3; + var tleft = height - split * ratio, bleft = _cur.height - split * (1 - ratio); + var insert = false; + if (tleft <= 21) { + bleft = _cur.height - split; + if (bleft <= 21) { + } else { + insert = clone[tid] = { + top: _cur.top, + width: _cur.width, + left: _cur.left, + height: split + }; + BI.extend(clone[name], { + top: _cur.top + split, + height: _cur.height - split, + left: _cur.left, + width: _cur.width + }); + } + } + if (bleft <= 21) { + tleft = height - split; + if (tleft <= 21) { + } else { + insert = clone[tid] = { + top: _cur.top - split, + height: split, + left: _cur.left, + width: _cur.width + }; + BI.extend(clone[top.id], { + top: top.top, + height: top.height - split, + left: top.left, + width: top.width + }); + } + } else { + insert = clone[tid] = { + top: top.top + tleft, + height: split, + left: _cur.left, + width: _cur.width + }; + BI.extend(clone[name], { + top: _cur.top + _cur.height - bleft, + height: bleft, + left: _cur.left, + width: _cur.width + }); + BI.extend(clone[top.id], { + top: top.top, + height: tleft, + left: top.left, + width: top.width + }); + } + if (insert !== false) { + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "top-line", + regions: clone, + insert: insert + }) + } + } + } + var bottoms = this._getEquivalentRelativeRegions(name, ["bottom"]); + if (bottoms.length === 1) { + var clone = this._cloneRegion(); + var _cur = clone[name]; + var bottom = this.regions[bottoms[0].id]; + var height = bottom.height; + var all = bottom.height + _cur.height; + var ratio = height / all; + var split = all / 3; + var tleft = _cur.height - split * (1 - ratio), bleft = height - split * ratio; + var insert = false; + if (tleft <= 21) { + bleft = height - split; + if (bleft <= 21) { + } else { + insert = clone[tid] = { + top: bottom.top, + height: bottom.height, + left: bottom.left, + width: split + }; + BI.extend(clone[bottom.id], { + top: bottom.top + split, + height: bottom.height - split, + left: bottom.left, + width: bottom.width + }); + } + } else if (bleft <= 21) { + tleft = _cur.height - split; + if (tleft <= 21) { + } else { + insert = clone[tid] = { + top: _cur.top + tleft, + height: split, + left: _cur.left, + width: _cur.width + }; + BI.extend(clone[name], { + top: _cur.top, + height: _cur.height - split, + left: _cur.left, + width: _cur.width + }); + } + } else { + insert = clone[tid] = { + top: _cur.top + tleft, + height: split, + left: _cur.left, + width: _cur.width, + }; + BI.extend(clone[name], { + top: _cur.top, + height: tleft, + left: _cur.left, + width: _cur.width + }); + BI.extend(clone[bottom.id], { + top: bottom.top + bottom.height - bleft, + height: bleft, + left: bottom.left, + width: bottom.width + }); + } + if (insert !== false) { + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom-line", + regions: clone, + insert: insert + }) + } + } + } + if (tops.length >= 1) { + result.push({ + type: "top-gap" + }); + } + if (bottoms.length >= 1) { + result.push({ + type: "bottom-gap" + }); + } + //上 + var clone = this._cloneRegion(); + var _cur = clone[name]; + var insert = clone[tid] = { + top: _cur.top, + left: _cur.left, + width: _cur.width, + height: _cur.height / 2, + }; + BI.extend(clone[name], { + top: _cur.top + _cur.height / 2, + left: _cur.left, + width: _cur.width, + height: _cur.height / 2 + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "top", + regions: clone, + insert: insert + }) + } + //下 + var clone = this._cloneRegion(); + var _cur = clone[name]; + var insert = clone[tid] = { + top: _cur.top + _cur.height / 2, + left: _cur.left, + width: _cur.width, + height: _cur.height / 2 + }; + BI.extend(clone[name], { + top: _cur.top, + left: _cur.left, + width: _cur.width, + height: _cur.height / 2 + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "bottom", + regions: clone, + insert: insert + }) + } + //左 + var clone = this._cloneRegion(); + var _cur = clone[name]; + var insert = clone[tid] = { + top: _cur.top, + left: _cur.left, + width: _cur.width / 2, + height: _cur.height + }; + BI.extend(clone[name], { + top: _cur.top, + left: _cur.left + _cur.width / 2, + width: _cur.width / 2, + height: _cur.height + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "left", + regions: clone, + insert: insert + }) + } + //右 + var clone = this._cloneRegion(); + var _cur = clone[name]; + var insert = clone[tid] = { + top: _cur.top, + left: _cur.left + _cur.width / 2, + width: _cur.width / 2, + height: _cur.height + }; + BI.extend(clone[name], { + top: _cur.top, + left: _cur.left, + width: _cur.width / 2, + height: _cur.height + }); + if (this._test(clone)) { + delete clone[tid]; + result.push({ + type: "right", + regions: clone, + insert: insert + }) + } + return result; + }, + + _positionAt: function (position, bound) { + var left = position.left - bound.left, top = position.top - bound.top; + var right = bound.width - left, bottom = bound.height - top; + var halfW = bound.width / 2, halfH = bound.height / 2; + if (left < 0 || top < 0 || right < 0 || bottom < 0) { + return; + } + var devides = this._splitRegions(bound.id); + var types = []; + var result = {}; + var topcenterCount = 0, bottomcenterCount = 0, leftcenterCount = 0, rightcenterCount = 0; + BI.each(devides, function (i, devide) { + if (devide.type.indexOf("top-center") > -1) { + topcenterCount++; + } else if (devide.type.indexOf("bottom-center") > -1) { + bottomcenterCount++; + } else if (devide.type.indexOf("left-center") > -1) { + leftcenterCount++; + } else if (devide.type.indexOf("right-center") > -1) { + rightcenterCount++; + } + types.push(devide.type); + result[devide.type] = devide; + }); + //drop + if (top >= 5 && top <= 15 && left >= 5 && left <= 15 && types.contains("left-top")) { + return result["left-top"]; + } + if (top >= 5 && top <= 15 && right >= 5 && right <= 15 && types.contains("top-right")) { + return result["top-right"]; + } + if (bottom >= 5 && bottom <= 15 && left >= 5 && left <= 15 && types.contains("bottom-left")) { + return result["bottom-left"]; + } + if (bottom >= 5 && bottom <= 15 && right >= 5 && right <= 15 && types.contains("bottom-right")) { + return result["bottom-right"]; + } + + if (top >= 5 && top <= 15 && left >= 25 && left <= 35 && types.contains("top-left")) { + return result["top-left"]; + } + if (top >= 5 && top <= 15 && right >= 25 && right <= 35 && types.contains("top-right-second")) { + return result["top-right-second"]; + } + if (bottom >= 5 && bottom <= 15 && left >= 25 && left <= 35 && types.contains("bottom-left-second")) { + return result["bottom-left-second"]; + } + if (bottom >= 5 && bottom <= 15 && right >= 25 && right <= 35 && types.contains("bottom-right-second")) { + return result["bottom-right-second"]; + } + + //topcenter或bottomcenter + if (left >= halfW - 10 && left <= halfW + 10 && (topcenterCount > 0 || bottomcenterCount > 0)) { + for (var i = 1; i <= topcenterCount; i++) { + var s = (topcenterCount - i) * 20 + 5, e = s + 10; + if (top >= s && top <= e) { + return result["top-center" + i]; + } + } + for (var i = 1; i <= bottomcenterCount; i++) { + var s = (bottomcenterCount - i) * 20 + 5, e = s + 10; + if (bottom >= s && bottom <= e) { + return result["bottom-center" + i]; + } + } + } + //leftcenter或rightcenter + if (top >= halfH - 10 && top <= halfH + 10 && (leftcenterCount > 0 || rightcenterCount > 0)) { + for (var i = 1; i <= leftcenterCount; i++) { + var s = (leftcenterCount - i) * 20 + 5, e = s + 10; + if (left >= s && left <= e) { + return result["left-center" + i]; + } + } + for (var i = 1; i <= rightcenterCount; i++) { + var s = (rightcenterCount - i) * 20 + 5, e = s + 10; + if (right >= s && right <= e) { + return result["right-center" + i]; + } + } + } + + //缝隙 + if (top <= 8 && types.contains("top-gap")) { + return result["top-gap"]; + } + if (bottom <= 8 && types.contains("bottom-gap")) { + return result["bottom-gap"]; + } + + //三分 + if (top <= 15 && left >= 15 && right >= 15 && types.contains("top-line")) { + return result["top-line"]; + } + if (left <= 15 && top >= 15 && bottom >= 15 && types.contains("left-line")) { + return result["left-line"]; + } + if (right <= 15 && top >= 15 && bottom >= 15 && types.contains("right-line")) { + return result["right-line"]; + } + if (bottom <= 15 && left >= 15 && right >= 15 && types.contains("bottom-line")) { + return result["bottom-line"]; + } + + //平分 + if (top <= 1 / 4 * bound.height && types.contains("top")) { + return result["top"]; + } + if (top >= 3 / 4 * bound.height && types.contains("bottom")) { + return result["bottom"]; + } + if (left <= bound.width / 2 && types.contains("left")) { + return result["left"]; + } + return result["right"]; + }, + + + _getScrollOffset: function () { + return { + left: this.scrollContainer.element[0].scrollLeft, + top: this.scrollContainer.element[0].scrollTop + } + }, + + ////操作//// + _createOneRegion: function (item) { + var el = BI.createWidget(item.el); + el.setVisible(true); + return { + id: el.attr("id"), + left: item.left, + top: item.top, + width: item.width, + height: item.height, + el: el + } + }, + + _createOneDrop: function (region) { + if (this.storeDrops[region.id]) { + var drop = this.storeDrops[region.id].el; + drop.setVisible(true); + } else { + var drop = BI.createWidget({ + type: "bi.layout", + cls: "arrangement-drop-region", + widgetName: region.id + }); + } + return { + id: region.id, + left: region.left, + top: region.top, + width: region.width, + height: region.height, + el: drop + } + }, + + _calculateDrops: function () { + var self = this; + BI.each(this.drops, function (id, drop) { + drop.el.empty(); + var devides = self._splitRegions(id); + var topcenterCount = 0, bottomcenterCount = 0, leftcenterCount = 0, rightcenterCount = 0; + var absolutes = []; + var horizontals = []; + var verticals = []; + BI.each(devides, function (i, devide) { + if (devide.type.indexOf("top-center") > -1) { + topcenterCount++; + } else if (devide.type.indexOf("bottom-center") > -1) { + bottomcenterCount++; + } else if (devide.type.indexOf("left-center") > -1) { + leftcenterCount++; + } else if (devide.type.indexOf("right-center") > -1) { + rightcenterCount++; + } + }); + BI.each(devides, function (i, devide) { + switch (devide.type) { + case "left-top": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + left: 5, + top: 5 + }); + break; + case "top-right": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + right: 5, + top: 5 + }); + break; + case "bottom-left": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + left: 5, + bottom: 5 + }); + break; + case "bottom-right": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + right: 5, + bottom: 5 + }); + break; + case "top-left": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + left: 25, + top: 5 + }); + break; + case "top-right-second": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + right: 25, + top: 5 + }); + break; + case "bottom-left-second": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + left: 25, + bottom: 5 + }); + break; + case "bottom-right-second": + absolutes.push({ + el: { + type: "bi.layout", + width: 10, + height: 10, + cls: "drop-devider" + }, + right: 25, + bottom: 5 + }); + break; + default: + if (devide.type.indexOf("top-center") > -1) { + var num = devide.type.split("top-center")[1]; + horizontals.push({ + el: { + type: "bi.layout", + width: 20, + height: 10, + cls: "drop-devider" + }, + tgap: 20 * (topcenterCount - BI.parseInt(num)) + 5 + }) + } else if (devide.type.indexOf("bottom-center") > -1) { + var num = devide.type.split("bottom-center")[1]; + horizontals.push({ + el: { + type: "bi.layout", + width: 20, + height: 10, + cls: "drop-devider" + }, + bgap: 20 * (bottomcenterCount - BI.parseInt(num)) + 5 + }) + } else if (devide.type.indexOf("left-center") > -1) { + var num = devide.type.split("left-center")[1]; + verticals.push({ + el: { + type: "bi.layout", + width: 10, + height: 20, + cls: "drop-devider" + }, + lgap: 20 * (leftcenterCount - BI.parseInt(num)) + 5 + }) + } else if (devide.type.indexOf("right-center") > -1) { + var num = devide.type.split("right-center")[1]; + verticals.push({ + el: { + type: "bi.layout", + width: 10, + height: 20, + cls: "drop-devider" + }, + rgap: 20 * (rightcenterCount - BI.parseInt(num)) + 5 + }) + } + break; + } + + }); + BI.createWidget({ + type: "bi.absolute", + element: drop.el, + items: absolutes + }); + + BI.createWidget({ + type: "bi.absolute_horizontal_adapt", + element: drop.el, + items: horizontals + }); + + BI.createWidget({ + type: "bi.absolute_vertical_adapt", + element: drop.el, + items: verticals + }); + }); + }, + + _applyRegion: function (regions) { + var self = this, o = this.options; + BI.each(regions || this.regions, function (i, region) { + region.el.element.css({ + left: region.left, + top: region.top, + width: region.width, + height: region.height + }); + self.drops[region.id].left = region.left; + self.drops[region.id].top = region.top; + self.drops[region.id].width = region.width; + self.drops[region.id].height = region.height; + }); + BI.each(this.drops, function (i, region) { + region.el.element.css({ + left: region.left, + top: region.top, + width: region.width, + height: region.height + }); + }); + this._applyContainer(); + this._calculateDrops(); + this.ratio = this.getLayoutRatio(); + }, + + _renderRegion: function () { + var self = this; + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: BI.toArray(this.regions) + }); + BI.createWidget({ + type: "bi.absolute", + element: this.droppable, + items: BI.toArray(this.drops) + }); + }, + + getClientWidth: function () { + return this.scrollContainer.element[0].clientWidth; + }, + + getClientHeight: function () { + return this.scrollContainer.element[0].clientHeight; + }, + + _applyContainer: function () { + //先掩藏后显示能够明确滚动条是否出现 + this.scrollContainer.element.css("overflow", "hidden"); + var occupied = this._getRegionOccupied(); + this.container.element.width(occupied.left + occupied.width).height(occupied.top + occupied.height); + this.scrollContainer.element.css("overflow", "auto"); + return occupied; + }, + + _modifyRegion: function (regions) { + BI.each(this.regions, function (id, region) { + if (regions[id]) { + region.left = regions[id].left; + region.top = regions[id].top; + region.width = regions[id].width; + region.height = regions[id].height; + } + }); + BI.each(this.drops, function (id, region) { + if (regions[id]) { + region.left = regions[id].left; + region.top = regions[id].top; + region.width = regions[id].width; + region.height = regions[id].height; + } + }); + }, + + _addRegion: function (item) { + var region = this._createOneRegion(item); + this.regions[region.id] = region; + var drop = this._createOneDrop(region); + this.drops[drop.id] = drop; + this.storeDrops[drop.id] = drop; + this._locationRegion(); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: [region] + }); + BI.createWidget({ + type: "bi.absolute", + element: this.droppable, + items: [drop] + }) + }, + + _deleteRegionByName: function (name) { + this.regions[name].el.setVisible(false); + this.drops[name].el.setVisible(false); + delete this.regions[name]; + delete this.drops[name]; + this._locationRegion(); + }, + + _setArrangeSize: function (size) { + this.arrangement.element.css({ + left: size.left, + top: size.top, + width: size.width, + height: size.height + }) + }, + + //Grid + _getOneWidthPortion: function () { + return this.getClientWidth() / BI.Arrangement.PORTION; + }, + + _getGridPositionAndSize: function (position) { + var perWidth = this._getOneWidthPortion(); + var widthPortion = Math.round(position.width / perWidth); + var leftPortion = Math.round(position.left / perWidth); + var topPortion = Math.round(position.top / BI.Arrangement.GRID_HEIGHT); + var heightPortion = Math.round(position.height / BI.Arrangement.GRID_HEIGHT); + // if (leftPortion > BI.Arrangement.PORTION) { + // leftPortion = BI.Arrangement.PORTION; + // } + // if (widthPortion > BI.Arrangement.PORTION) { + // widthPortion = BI.Arrangement.PORTION; + // } + // if (leftPortion + widthPortion > BI.Arrangement.PORTION) { + // leftPortion = BI.Arrangement.PORTION - widthPortion; + // } + if (widthPortion === 0) { + widthPortion = 1; + } + if (heightPortion === 0) { + heightPortion = 1; + } + return { + x: leftPortion, + y: topPortion, + w: widthPortion, + h: heightPortion + } + }, + + _getBlockPositionAndSize: function (position) { + var perWidth = this._getOneWidthPortion(); + return { + left: position.x * perWidth, + top: position.y * BI.Arrangement.GRID_HEIGHT, + width: position.w * perWidth, + height: position.h * BI.Arrangement.GRID_HEIGHT + }; + }, + + _getLayoutsByRegions: function (regions) { + var self = this; + var result = []; + BI.each(regions || this.regions, function (id, region) { + result.push(BI.extend(self._getGridPositionAndSize(region), { + i: region.id + })) + }); + return result; + }, + + _getLayoutIndexByName: function (layout, name) { + return BI.findIndex(layout, function (i, l) { + return l.i === name; + }); + }, + + _setBlockPositionAndSize: function (size) { + this.block.element.css({ + left: size.left, + top: size.top, + width: size.width, + height: size.height + }); + }, + + _getRegionsByLayout: function (layout) { + var self = this; + var regions = {}; + BI.each(layout, function (i, ly) { + regions[ly.i] = BI.extend(self._getBlockPositionAndSize(ly), { + id: ly.i + }); + }); + return regions; + }, + + _setRegionsByLayout: function (regions, layout) { + var self = this; + regions || (regions = this.regions); + BI.each(layout, function (i, ly) { + if (regions[ly.i]) { + BI.extend(regions[ly.i], self._getBlockPositionAndSize(ly)); + } + }); + return regions; + }, + + _moveElement: function (layout, l, x, y, isUserAction) { + var self = this; + if (l.static) return layout; + + if (l.y === y && l.x === x) return layout; + + var movingUp = y && l.y > y; + if (typeof x === 'number') l.x = x; + if (typeof y === 'number') l.y = y; + l.moved = true; + + var sorted = this._sortLayoutItemsByRowCol(layout); + if (movingUp) sorted = sorted.reverse(); + var collisions = getAllCollisions(sorted, l); + + for (var i = 0, len = collisions.length; i < len; i++) { + var collision = collisions[i]; + if (collision.moved) continue; + + if (l.y > collision.y && l.y - collision.y > collision.h / 4) continue; + + if (collision.static) { + layout = this._moveElementAwayFromCollision(layout, collision, l, isUserAction); + } else { + layout = this._moveElementAwayFromCollision(layout, l, collision, isUserAction); + } + } + + return layout; + + function getAllCollisions(layout, layoutItem) { + return BI.filter(layout, function (i, l) { + return self._collides(l, layoutItem); + }); + } + }, + + _sortLayoutItemsByRowCol: function (layout) { + return [].concat(layout).sort(function (a, b) { + if (a.y > b.y || (a.y === b.y && a.x > b.x)) { + return 1; + } + return -1; + }); + }, + + _collides: function (l1, l2) { + if (l1 === l2) return false; // same element + if (l1.x + l1.w <= l2.x) return false; // l1 is left of l2 + if (l1.x >= l2.x + l2.w) return false; // l1 is right of l2 + if (l1.y + l1.h <= l2.y) return false; // l1 is above l2 + if (l1.y >= l2.y + l2.h) return false; // l1 is below l2 + return true; // boxes overlap + }, + + _getFirstCollision: function (layout, layoutItem) { + for (var i = 0, len = layout.length; i < len; i++) { + if (this._collides(layout[i], layoutItem)) return layout[i]; + } + }, + + _moveElementAwayFromCollision: function (layout, collidesWith, + itemToMove, isUserAction) { + if (isUserAction) { + var fakeItem = { + x: itemToMove.x, + y: itemToMove.y, + w: itemToMove.w, + h: itemToMove.h, + i: '-1' + }; + fakeItem.y = Math.max(collidesWith.y - itemToMove.h, 0); + if (!this._getFirstCollision(layout, fakeItem)) { + return this._moveElement(layout, itemToMove, undefined, fakeItem.y); + } + } + + return this._moveElement(layout, itemToMove, undefined, itemToMove.y + 1); + }, + + _compactItem: function (compareWith, l, verticalCompact) { + if (verticalCompact) { + while (l.y > 0 && !this._getFirstCollision(compareWith, l)) { + l.y--; + } + } + + var collides; + while ((collides = this._getFirstCollision(compareWith, l))) { + l.y = collides.y + collides.h; + } + return l; + }, + + compact: function (layout, verticalCompact) { + var compareWith = getStatics(layout); + var sorted = this._sortLayoutItemsByRowCol(layout); + var out = []; + + for (var i = 0, len = sorted.length; i < len; i++) { + var l = sorted[i]; + + if (!l.static) { + l = this._compactItem(compareWith, l, verticalCompact); + + compareWith.push(l); + } + + out[layout.indexOf(l)] = l; + + l.moved = false; + } + + return out; + function getStatics(layout) { + return BI.filter(layout, function (i, l) { + return l.static; + }); + } + }, + + ////公有方法//// + getRegionByName: function (name) { + var obj = {}; + obj[name] = this.regions[name]; + return this._cloneRegion(obj)[name]; + }, + + getAllRegions: function () { + return BI.toArray(this._cloneRegion()); + }, + + getHelper: function () { + var helper = BI.createWidget({ + type: "bi.layout", + width: 18, + height: 18, + cls: "arrangement-helper" + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [helper] + }); + return helper; + }, + + _start: function (cur) { + this.arrangement.setVisible(true); + this.droppable.setVisible(true); + if (this.options.layoutType === BI.Arrangement.LAYOUT_TYPE.GRID) { + this.block.setVisible(true); + } + BI.each(this.drops, function (i, drop) { + drop.el.setVisible(false); + }); + if (cur) { + if (this.drops[cur]) { + this.drops[cur].el.setVisible(true); + } + } + }, + + _stop: function () { + this.arrangement.setVisible(false); + this.droppable.setVisible(false); + this.block.setVisible(false); + }, + + getDirectRelativeRegions: function (name, direction) { + direction || (direction = ["top", "bottom", "left", "right"]); + var self = this, result = {}; + BI.each(direction, function (i, dir) { + result[dir] = self._getDirectRelativeRegions(name, [dir]); + }); + return result; + }, + + ////公有操作//// + setLayoutType: function (type) { + var self = this, o = this.options; + if (type !== o.layoutType) { + o.layoutType = type; + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + this.relayout(); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this.relayout(); + break; + } + } + }, + + getLayoutType: function () { + return this.options.layoutType; + }, + + getLayoutRatio: function () { + var occupied = this._getRegionOccupied(); + var width = this.getClientWidth(), height = this.getClientHeight(); + return { + x: BI.parseFloat(BI.contentFormat((occupied.left + occupied.width) / width, "#.##;-#.##")), + y: BI.parseFloat(BI.contentFormat((occupied.top + occupied.height) / height, "#.##;-#.##")) + } + }, + + addRegion: function (region, position) { + if (position) { + this.setPosition(position, region); + } + var self = this, o = this.options; + if (!this.position) { + return false; + } + var test = this._cloneRegion(); + BI.each(this.position.regions, function (i, region) { + test[region.id].left = region.left; + test[region.id].top = region.top; + test[region.id].width = region.width; + test[region.id].height = region.height; + + }); + var item = BI.extend({}, region, { + left: this.position.insert.left, + top: this.position.insert.top, + width: this.position.insert.width, + height: this.position.insert.height + }); + var added = this._createOneRegion(item); + test[added.id] = added; + if (this._test(test)) { + delete test[added.id]; + this._modifyRegion(test); + this._addRegion(item); + this._populate(this.getAllRegions()); + return true; + } + return false; + }, + + deleteRegion: function (name) { + if (!this.regions[name]) { + return false; + } + var self = this, o = this.options; + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + var clone = this._cloneRegion(); + var regions = this._getEquivalentRelativeRegions(name); + if (regions.length > 0) { + BI.each(regions, function (i, region) { + BI.extend(clone[region.id], region); + }); + this._modifyRegion(clone); + } + this._deleteRegionByName(name); + this._populate(this.getAllRegions()); + return true; + case BI.Arrangement.LAYOUT_TYPE.FREE: + this._deleteRegionByName(name); + this._populate(this.getAllRegions()); + return true; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this._deleteRegionByName(name); + this._populate(this.getAllRegions()); + this.resize(); + return true; + } + return false; + }, + + setRegionSize: function (name, size) { + var self = this, o = this.options; + var flag = false; + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + var current = this.regions[name]; + if (size.width !== current.width) { + var regions = this._getInDirectRelativeRegions(name, ["right"]).right; + var lefts = regions.left || [], rights = regions.right || []; + var offset = size.width - current.width; + var cloned = this._cloneRegion(); + BI.some(lefts, function (i, left) { + var region = cloned[left.id]; + region.width = region.width + offset; + }); + BI.some(rights, function (i, right) { + var region = cloned[right.id]; + region.width = region.width - offset; + region.left = region.left + offset; + }); + if (this._test(cloned) && this._isArrangeFine(cloned)) { + this._modifyRegion(cloned); + flag = true; + } + } + if (size.height !== current.height) { + var regions = this._getInDirectRelativeRegions(name, ["bottom"]).bottom; + var tops = regions.top || [], bottoms = regions.bottom || []; + var offset = size.height - current.height; + var cloned = this._cloneRegion(); + BI.some(tops, function (i, top) { + var region = cloned[top.id]; + region.height = region.height + offset; + }); + BI.some(bottoms, function (i, bottom) { + var region = cloned[bottom.id]; + region.height = region.height - offset; + region.top = region.top + offset; + }); + if (this._test(cloned) && this._isArrangeFine(cloned)) { + this._modifyRegion(cloned); + flag = true; + } + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + var clone = this._cloneRegion(); + BI.extend(clone[name], { + width: size.width, + height: size.height + }); + if (this._test(clone)) { + this._modifyRegion(clone); + flag = true; + } + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + var clone = this._cloneRegion(); + BI.extend(clone[name], { + width: size.width, + height: size.height + }); + if (this._test(clone)) { + var layout = this._getLayoutsByRegions(clone); + layout = this.compact(layout, true); + var regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + flag = true; + } + break; + } + this._locationRegion(); + this._applyRegion(); + return flag; + }, + + setPosition: function (position, size) { + var self = this, o = this.options; + var insert, regions = [], cur; + if (position.left < 0 || position.top < 0) { + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this.resize(); + break; + } + this._stop(); + this.position = null; + return null; + } + var offset = this._getScrollOffset(); + position = { + left: position.left + offset.left, + top: position.top + offset.top + }; + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (BI.isEmpty(this.regions)) { + if (self._isPositionInBounds(position, { + left: 0, + top: 0, + width: this.element[0].clientWidth, + height: this.element[0].clientHeight + })) { + insert = { + left: 0, + top: 0, + width: this.element[0].clientWidth, + height: this.element[0].clientHeight + }; + } + } else { + if (BI.some(this.regions, function (id, region) { + if (self._isPositionInBounds(position, region)) { + var at = self._positionAt(position, region); + if (!at) { + insert = null; + } else { + insert = at.insert; + regions = at.regions; + } + cur = id; + return true; + } + })) { + } + else { + insert = null; + regions = []; + } + } + if (insert == null) { + this._stop(); + self.position = null; + break; + } + + this.position = { + insert: insert, + regions: regions + }; + this._setArrangeSize(insert); + this._start(cur); + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + var insert = { + top: position.top < 0 ? 0 : position.top, + left: position.left < 0 ? 0 : position.left, + width: size.width, + height: size.height + }; + this.position = { + insert: insert + }; + this._setArrangeSize(insert); + this._start(); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + var p = { + top: position.top < 0 ? 0 : position.top, + left: position.left < 0 ? 0 : position.left, + width: size.width, + height: size.height + }; + this._setArrangeSize(p); + var cur = this._getGridPositionAndSize(p); + var layout = [{ + x: 0, y: BI.MAX, w: cur.w, h: cur.h, i: cur.i + }].concat(this._getLayoutsByRegions()); + layout = this._moveElement(layout, layout[0], cur.x, cur.y, true); + layout = this.compact(layout, true); + var regions = this._setRegionsByLayout(this._cloneRegion(), layout); + var insert = this._getBlockPositionAndSize(layout[0]); + this.position = { + insert: insert, + regions: regions + }; + this._applyRegion(regions); + this._setBlockPositionAndSize(insert); + this._start(); + break; + } + return this.position; + }, + + setRegionPosition: function (name, position) { + var self = this, o = this.options; + var offset = this._getScrollOffset(); + position = BI.extend(position, { + left: position.left + offset.left, + top: position.top + offset.top + }); + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + BI.extend(this.regions[name], { + left: position.left < 0 ? 0 : position.left, + top: position.top < 0 ? 0 : position.top + }); + this._applyRegion(); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + if (!position.stop) { + BI.extend(this.regions[name], { + left: position.left < 0 ? 0 : position.left, + top: position.top < 0 ? 0 : position.top + }); + var cloned = this._cloneRegion(); + var cur = this._getGridPositionAndSize(BI.extend(cloned[name], { + left: position.left < 0 ? 0 : position.left, + top: position.top < 0 ? 0 : position.top + })); + var x = cur.x, y = cur.y; + cur = BI.extend(cur, { + x: 0, y: BI.MAX, i: -1 + }); + delete cloned[name]; + var layout = this._getLayoutsByRegions(cloned); + layout = this._moveElement([cur].concat(layout), cur, x, y, true); + layout = this.compact(layout, true); + var regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + this._applyRegion(); + + this._setBlockPositionAndSize(this._getBlockPositionAndSize(cur)); + this.block.setVisible(true); + } else { + BI.extend(this.regions[name], { + left: position.left < 0 ? 0 : position.left, + top: position.top < 0 ? 0 : position.top + }); + var cloned = this._cloneRegion(); + var layout = this._getLayoutsByRegions(cloned); + layout = this.compact(layout, true); + var regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + this._applyRegion(); + this.block.setVisible(false); + } + break; + } + }, + + setContainerSize: function (size) { + var self = this, o = this.options; + var occupied = this._getRegionOccupied(); + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (this._isArrangeFine()) { + var width = size.width, height = size.height; + var regions = this._cloneRegion(); + BI.each(regions, function (i, region) { + region.width = region.width / occupied.width * width; + //region.height = region.height / occupied.height * height; + }); + BI.each(regions, function (id, region) { + var lefts = self.locations[id].left; + var tops = self.locations[id].top; + var bottoms = self.locations[id].bottom; + var maxRegion; + if (lefts.length > 0) { + var ids = self._getRegionNames(lefts); + var rs = self._getRegionsByNames(ids); + maxRegion = self._getRegionOccupied(rs); + region.left = maxRegion.left + maxRegion.width / occupied.width * width; + } else { + region.left = 0; + } + if (bottoms.length === 0) { + region.height = height - region.top; + } + //if (tops.length > 0) { + // var ids = self._getRegionNames(tops); + // var rs = self._getRegionsByNames(ids); + // maxRegion = self._getRegionOccupied(rs); + // region.top = maxRegion.top + maxRegion.height / occupied.height * height; + //} + //if (tops.length === 0) { + // region.top = 0; + //} + }); + if (this._test(regions)) { + this._modifyRegion(regions); + this._applyRegion(); + } + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + this.resize(); + }, + + scrollTo: function (top) { + this.scrollContainer.element.scrollTop(top); + }, + + zoom: function (ratio) { + var self = this, o = this.options; + if (!ratio) { + return; + } + var occupied = this._applyContainer(); + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (this._isArrangeFine()) { + var width = this.getClientWidth(); + var xRatio = (ratio.x || 1) * width / (occupied.left + occupied.width); + //var yRatio = ratio.y * height / (occupied.top + occupied.height); + var regions = this._cloneRegion(); + BI.each(regions, function (i, region) { + region.left = region.left * xRatio; + //region.top = region.top * yRatio; + region.width = region.width * xRatio; + //region.height = region.height * yRatio; + }); + if (this._test(regions)) { + this._modifyRegion(regions); + this._applyRegion(); + } + this.resize(); + // } else { + this.relayout(); + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + if (this._isArrangeFine()) { + var width = this.getClientWidth(); + var xRatio = (ratio.x || 1) * width / (occupied.left + occupied.width); + var regions = this._cloneRegion(); + BI.each(regions, function (i, region) { + region.left = region.left * xRatio; + region.width = region.width * xRatio; + }); + if (this._test(regions)) { + var layout = this._getLayoutsByRegions(regions); + layout = this.compact(layout, true); + regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + this._applyRegion(); + } + } else { + this.relayout(); + } + break; + } + }, + + resize: function () { + var self = this, o = this.options; + var occupied = this._applyContainer(); + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (this._isArrangeFine()) { + var width = this.getClientWidth(), height = this.getClientHeight(); + var isHeightAdjust = height > occupied.top + occupied.height; + var regions = this._cloneRegion(); + BI.each(regions, function (i, region) { + region.width = region.width / occupied.width * width; + //if (isHeightAdjust) { + // region.height = region.height / occupied.height * height; + //} + }); + BI.each(regions, function (id, region) { + var lefts = self.locations[id].left; + var tops = self.locations[id].top; + var bottoms = self.locations[id].bottom; + var maxRegion; + if (lefts.length > 0) { + var ids = self._getRegionNames(lefts); + var rs = self._getRegionsByNames(ids); + maxRegion = self._getRegionOccupied(rs); + region.left = maxRegion.left + maxRegion.width / occupied.width * width; + } else { + region.left = 0; + } + if (tops.length === 0) { + region.top = 0; + } + if (isHeightAdjust && bottoms.length === 0) { + region.height = height - region.top; + } + //if (isHeightAdjust && tops.length > 0) { + // var ids = self._getRegionNames(tops); + // var rs = self._getRegionsByNames(ids); + // maxRegion = self._getRegionOccupied(rs); + // region.top = maxRegion.top + maxRegion.height / occupied.height * height; + //} + }); + if (this._test(regions)) { + this._modifyRegion(regions); + this._applyRegion(); + } + } else { + this.relayout(); + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + this.zoom(this.ratio); + var regions = this._cloneRegion(); + var layout = this._getLayoutsByRegions(regions); + layout = this.compact(layout, true); + regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + this._applyRegion(); + break; + } + }, + + relayout: function () { + var self = this, o = this.options; + if (o.isNeedReLayout === false) { + return; + } + //var occupied = this._applyContainer(); + switch (o.layoutType) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + if (!this._isArrangeFine()) { + var width = this.getClientWidth(), height = this.getClientHeight(); + var clone = BI.toArray(this._cloneRegion()); + clone.sort(function (r1, r2) { + if (self._isEqual(r1.top, r2.top)) { + return r1.left - r2.left; + } + return r1.top - r2.top; + }); + var count = clone.length; + var cols = 3, rows = Math.floor((count - 1) / 3 + 1); + var w = width / cols, h = height / rows; + var store = {}; + BI.each(clone, function (i, region) { + var row = Math.floor(i / 3), col = i % 3; + BI.extend(region, { + top: row * 380, + left: col * w, + width: w, + height: 380 + }); + if (!store[row]) { + store[row] = {}; + } + store[row][col] = region; + }); + //非3的倍数 + if (count % 3 !== 0) { + var lasts = store[rows - 1]; + var perWidth = width / (count % 3); + BI.each(lasts, function (i, region) { + BI.extend(region, { + left: BI.parseInt(i) * perWidth, + width: perWidth + }); + }); + } + if (this._test(clone)) { + this._populate(clone); + this.resize(); + } + } else { + this.resize(); + } + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + var width = this.getClientWidth(), height = this.getClientHeight(); + var regions = this._cloneRegion(); + var clone = BI.toArray(regions); + clone.sort(function (r1, r2) { + if (self._isEqual(r1.top, r2.top)) { + return r1.left - r2.left; + } + return r1.top - r2.top; + }); + var count = clone.length; + var cols = 3, rows = Math.floor((count - 1) / 3 + 1); + var w = width / cols, h = height / rows; + var store = {}; + BI.each(clone, function (i, region) { + var row = Math.floor(i / 3), col = i % 3; + BI.extend(region, { + top: row * 380, + left: col * w, + width: w, + height: 380 + }); + if (!store[row]) { + store[row] = {}; + } + store[row][col] = region; + }); + //非3的倍数 + if (count % 3 !== 0) { + var lasts = store[rows - 1]; + var perWidth = width / (count % 3); + BI.each(lasts, function (i, region) { + BI.extend(region, { + left: BI.parseInt(i) * perWidth, + width: perWidth + }); + }); + } + if (this._test(clone)) { + var layout = this._getLayoutsByRegions(regions); + layout = this.compact(layout, true); + regions = this._getRegionsByLayout(layout); + this._modifyRegion(regions); + this._populate(clone); + } + break; + } + }, + + _populate: function (items) { + this._stop(); + this._calculateRegions(items); + this._locationRegion(); + this._applyRegion(); + }, + + populate: function (items) { + var self = this; + BI.each(this.regions, function (name, region) { + self.regions[name].el.setVisible(false); + self.drops[name].el.setVisible(false); + delete self.regions[name]; + delete self.drops[name]; + }); + this._populate(items); + this._renderRegion(); + } +}); +BI.extend(BI.Arrangement, { + PORTION: 24, + GRID_HEIGHT: 50, + LAYOUT_TYPE: { + ADAPTIVE: BICst.DASHBOARD_LAYOUT_ADAPT, + FREE: BICst.DASHBOARD_LAYOUT_FREE, + GRID: BICst.DASHBOARD_LAYOUT_GRID + } +}); +$.shortcut('bi.arrangement', BI.Arrangement); \ No newline at end of file diff --git a/src/widget/base/combo/editoriconcheckcombo/combo.editoriconcheck.js b/src/widget/base/combo/editoriconcheckcombo/combo.editoriconcheck.js new file mode 100644 index 000000000..df0ffa924 --- /dev/null +++ b/src/widget/base/combo/editoriconcheckcombo/combo.editoriconcheck.js @@ -0,0 +1,80 @@ +/** + * Created by Young's on 2016/4/28. + */ +BI.EditorIconCheckCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.EditorIconCheckCombo.superclass._defaultConfig.apply(this, arguments), { + baseClass: "bi-check-editor-combo", + width: 100, + height: 30, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + allowBlank: true, + watermark: "", + errorText: "" + }) + }, + + _init: function () { + BI.EditorIconCheckCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.editor_trigger", + items: o.items, + height: o.height, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.trigger.on(BI.EditorTrigger.EVENT_CHANGE, function () { + self.popup.setValue(this.getValue()); + self.fireEvent(BI.EditorIconCheckCombo.EVENT_CHANGE); + }); + this.popup = BI.createWidget({ + type: "bi.text_value_check_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.TextValueCheckComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.editorIconCheckCombo.hideView(); + self.fireEvent(BI.EditorIconCheckCombo.EVENT_CHANGE); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editorIconCheckCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup, + maxHeight: 300 + } + }); + }, + + setValue: function (v) { + this.editorIconCheckCombo.setValue(v); + }, + + setEnable: function (v) { + BI.EditorIconCheckCombo.superclass.setEnable.apply(this, arguments); + this.editorIconCheckCombo.setEnable(v); + }, + + getValue: function () { + return this.trigger.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.editorIconCheckCombo.populate(items); + } +}); +BI.EditorIconCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.editor_icon_check_combo", BI.EditorIconCheckCombo); \ No newline at end of file diff --git a/src/widget/base/combo/formulacombo/combo.formula.js b/src/widget/base/combo/formulacombo/combo.formula.js new file mode 100644 index 000000000..f5c7c9e83 --- /dev/null +++ b/src/widget/base/combo/formulacombo/combo.formula.js @@ -0,0 +1,99 @@ +/** + * Created by GUY on 2016/4/25. + * + * @class BI.FormulaCombo + * @extend BI.Widget + */ +BI.FormulaCombo = BI.inherit(BI.Widget, { + + _constant: { + POPUP_HEIGHT: 450, + POPUP_WIDTH: 600, + POPUP_V_GAP: 10, + POPUP_H_GAP: 10, + ADJUST_LENGTH: 2, + HEIGHT_MAX: 10000, + MAX_HEIGHT: 500, + MAX_WIDTH: 600, + COMBO_TRIGGER_WIDTH: 300 + }, + + _defaultConfig: function () { + return BI.extend(BI.FormulaCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-combo", + height: 30, + items: [] + }) + }, + + _init: function () { + BI.FormulaCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.formula_ids = []; + this.input = BI.createWidget({ + type: "bi.formula_combo_trigger", + height: o.height, + items: o.items + }); + this.formulaPopup = BI.createWidget({ + type: "bi.formula_combo_popup", + fieldItems: o.items + }); + + this.formulaInputCombo = BI.createWidget({ + type: "bi.combo", + element: this, + isNeedAdjustHeight: true, + isNeedAdjustWidth: false, + adjustLength: this._constant.CONDITION_TYPE_COMBO_ADJUST, + el: this.input, + popup: { + el: { + type: "bi.absolute", + height: this._constant.HEIGHT_MAX, + width: this._constant.POPUP_WIDTH, + items: [{ + el: this.formulaPopup, + top: this._constant.POPUP_V_GAP, + left: this._constant.POPUP_H_GAP, + right: this._constant.POPUP_V_GAP, + bottom: 0 + }] + }, + stopPropagation: false, + maxHeight: this._constant.MAX_HEIGHT, + width: this._constant.MAX_WIDTH + } + }); + this.formulaInputCombo.on(BI.Combo.EVENT_AFTER_POPUPVIEW, function () { + self.formulaPopup.setValue(self.input.getValue()); + }); + this.formulaPopup.on(BI.FormulaComboPopup.EVENT_CHANGE, function () { + self.setValue(self.formulaPopup.getValue()); + self.formulaInputCombo.hideView(); + self.fireEvent(BI.FormulaCombo.EVENT_CHANGE); + }); + this.formulaPopup.on(BI.FormulaComboPopup.EVENT_VALUE_CANCEL, function () { + self.formulaInputCombo.hideView(); + }); + }, + + setValue: function (v) { + if (this.formulaInputCombo.isViewVisible()) { + this.formulaInputCombo.hideView(); + } + this.input.setValue(v); + this.input.setText(BI.Func.getFormulaStringFromFormulaValue(v)); + this.formulaPopup.setValue(this.input.getValue()); + }, + + getFormulaTargetIds: function() { + return this.formulaPopup.getFormulaTargetIds(); + }, + + getValue: function () { + return this.input.getValue(); + } +}); +BI.FormulaCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.formula_combo", BI.FormulaCombo); \ No newline at end of file diff --git a/src/widget/base/combo/formulacombo/popup.formulacombo.js b/src/widget/base/combo/formulacombo/popup.formulacombo.js new file mode 100644 index 000000000..0d3f96d13 --- /dev/null +++ b/src/widget/base/combo/formulacombo/popup.formulacombo.js @@ -0,0 +1,89 @@ +/** + * Created by GUY on 2016/4/25. + * + * @class BI.FormulaComboPopup + * @extend BI.Widget + */ +BI.FormulaComboPopup = BI.inherit(BI.Widget, { + + _constant: { + BUTTON_HEIGHT: 30, + SOUTH_HEIGHT: 60, + SOUTH_H_GAP: 10 + }, + + _defaultConfig: function () { + return BI.extend(BI.FormulaComboPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-pane-popup" + }) + }, + + _init: function () { + BI.FormulaComboPopup.superclass._init.apply(this, arguments); + this.populate(); + }, + + populate: function () { + var self = this, fieldItems = this.options.fieldItems; + this.formula = BI.createWidget({ + type: "bi.formula_insert" + }); + this.formula.populate(fieldItems); + var confirmButton = BI.createWidget({ + type: "bi.button", + level: "common", + height: this._constant.BUTTON_HEIGHT, + text: BI.i18nText("BI-Basic_OK") + }); + var cancelButton = BI.createWidget({ + type: "bi.button", + level: "ignore", + height: this._constant.BUTTON_HEIGHT, + text: BI.i18nText("BI-Basic_Cancel") + }); + + this.formula.on(BI.FormulaInsert.EVENT_CHANGE, function () { + confirmButton.setEnable(self.formula.checkValidation()); + }); + confirmButton.on(BI.Button.EVENT_CHANGE, function () { + self.fireEvent(BI.FormulaComboPopup.EVENT_CHANGE); + }); + cancelButton.on(BI.Button.EVENT_CHANGE, function () { + self.setValue(self.oldValue); + self.fireEvent(BI.FormulaComboPopup.EVENT_VALUE_CANCEL); + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.formula, + height: "fill" + }, { + el: { + type: "bi.right_vertical_adapt", + height: this._constant.SOUTH_HEIGHT, + items: [cancelButton, confirmButton], + hgap: this._constant.SOUTH_H_GAP + }, + height: this._constant.SOUTH_HEIGHT + }] + }) + }, + + getFormulaTargetIds: function(){ + return this.formula.getUsedFields(); + }, + + getValue: function () { + return this.formula.getValue(); + }, + + setValue: function (v) { + this.oldValue = v; + this.formula.setValue(v); + } +}); +BI.FormulaComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; +BI.FormulaComboPopup.EVENT_VALUE_CANCEL = "EVENT_VALUE_CANCEL"; +$.shortcut("bi.formula_combo_popup", BI.FormulaComboPopup); \ No newline at end of file diff --git a/src/widget/base/combo/formulacombo/trigger.formulacombo.js b/src/widget/base/combo/formulacombo/trigger.formulacombo.js new file mode 100644 index 000000000..85f6a005b --- /dev/null +++ b/src/widget/base/combo/formulacombo/trigger.formulacombo.js @@ -0,0 +1,59 @@ +/** + * Created by GUY on 2016/4/25. + * + * @class BI.FormulaComboTrigger + * @extend BI.Widget + */ +BI.FormulaComboTrigger = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.FormulaComboTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-combo-trigger", + height: 30, + items: [] + }) + }, + + _init: function () { + BI.FormulaComboTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.label = BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + textHeight: this.options.height, + lgap: 10 + }); + }, + + _getTextFromFormulaValue: function (formulaValue) { + var self = this; + var formulaString = ""; + var regx = /\$[\{][^\}]*[\}]|\w*\w|\$\{[^\$\(\)\+\-\*\/)\$,]*\w\}|\$\{[^\$\(\)\+\-\*\/]*\w\}|\$\{[^\$\(\)\+\-\*\/]*[\u4e00-\u9fa5]\}|\w|(.)/g; + var result = formulaValue.match(regx); + BI.each(result, function (i, item) { + var fieldRegx = /\$[\{][^\}]*[\}]/; + var str = item.match(fieldRegx); + if (BI.isNotEmptyArray(str)) { + var id = str[0].substring(2, item.length - 1); + var item = BI.find(self.options.items, function (i, item) { + return id === item.value; + }); + formulaString = formulaString + item.text; + } else { + formulaString = formulaString + item; + } + }); + return formulaString; + }, + + getValue: function () { + return this.options.value; + }, + + setValue: function (v) { + this.options.value = v; + this.label.setText(this._getTextFromFormulaValue(v)); + } +}); +$.shortcut("bi.formula_combo_trigger", BI.FormulaComboTrigger); \ No newline at end of file diff --git a/src/widget/base/combo/iconcombo/combo.icon.js b/src/widget/base/combo/iconcombo/combo.icon.js new file mode 100644 index 000000000..157ae9527 --- /dev/null +++ b/src/widget/base/combo/iconcombo/combo.icon.js @@ -0,0 +1,99 @@ +/** + * Created by GUY on 2016/2/2. + * + * @class BI.IconCombo + * @extend BI.Widget + */ +BI.IconCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.IconCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-icon-combo", + width: 24, + height: 24, + iconClass: "", + el: {}, + popup: {}, + minWidth: 100, + maxWidth: 'auto', + maxHeight: 300, + direction: "bottom", + adjustLength: 3,//调整的距离 + adjustXOffset: 0, + adjustYOffset: 0, + offsetStyle: "left", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }) + }, + + _init: function () { + BI.IconCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(o.el, { + type: "bi.icon_combo_trigger", + iconClass: o.iconClass, + title: o.title, + items: o.items, + width: o.width, + height: o.height, + iconWidth: o.iconWidth, + iconHeight: o.iconHeight + }); + this.popup = BI.createWidget(o.popup, { + type: "bi.icon_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.IconComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.iconCombo.hideView(); + self.fireEvent(BI.IconCombo.EVENT_CHANGE); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.iconCombo = BI.createWidget({ + type: "bi.combo", + element: this, + direction: o.direction, + adjustLength: o.adjustLength, + adjustXOffset: o.adjustXOffset, + adjustYOffset: o.adjustYOffset, + offsetStyle: o.offsetStyle, + el: this.trigger, + popup: { + el: this.popup, + maxWidth: o.maxWidth, + maxHeight: o.maxHeight, + minWidth: o.minWidth + } + }); + }, + + showView: function () { + this.iconCombo.showView(); + }, + + hideView: function () { + this.iconCombo.hideView(); + }, + + setValue: function (v) { + this.iconCombo.setValue(v); + }, + + setEnable: function (v) { + BI.IconCombo.superclass.setEnable.apply(this, arguments); + this.iconCombo.setEnable(v); + }, + + getValue: function () { + return this.iconCombo.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.iconCombo.populate(items); + } +}); +BI.IconCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.icon_combo", BI.IconCombo); \ No newline at end of file diff --git a/src/widget/base/combo/iconcombo/popup.iconcombo.js b/src/widget/base/combo/iconcombo/popup.iconcombo.js new file mode 100644 index 000000000..04abb1afb --- /dev/null +++ b/src/widget/base/combo/iconcombo/popup.iconcombo.js @@ -0,0 +1,63 @@ +/** + * Created by GUY on 2016/2/2. + * + * @class BI.IconComboPopup + * @extend BI.Pane + */ +BI.IconComboPopup = BI.inherit(BI.Pane, { + _defaultConfig: function () { + return BI.extend(BI.IconComboPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi.icon-combo-popup", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }); + }, + + _init: function () { + BI.IconComboPopup.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.popup = BI.createWidget({ + type: "bi.button_group", + items: BI.createItems(o.items, { + type: "bi.single_select_icon_text_item", + height: 30 + }), + chooseType: o.chooseType, + layouts: [{ + type: "bi.vertical" + }] + }); + + this.popup.on(BI.Controller.EVENT_CHANGE, function (type, val, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.IconComboPopup.EVENT_CHANGE, val, obj); + } + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.popup] + }); + }, + + populate: function (items) { + BI.IconComboPopup.superclass.populate.apply(this, arguments); + items = BI.createItems(items, { + type: "bi.single_select_icon_text_item", + height: 30 + }); + this.popup.populate(items); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + setValue: function (v) { + this.popup.setValue(v); + } + +}); +BI.IconComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.icon_combo_popup", BI.IconComboPopup); \ No newline at end of file diff --git a/src/widget/base/combo/iconcombo/trigger.iconcombo.js b/src/widget/base/combo/iconcombo/trigger.iconcombo.js new file mode 100644 index 000000000..c6c7e2d0f --- /dev/null +++ b/src/widget/base/combo/iconcombo/trigger.iconcombo.js @@ -0,0 +1,90 @@ +/** + * Created by GUY on 2016/2/2. + * + * @class BI.IconComboTrigger + * @extend BI.Widget + */ +BI.IconComboTrigger = BI.inherit(BI.Trigger, { + _defaultConfig: function () { + return BI.extend(BI.IconComboTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-icon-combo-trigger", + el: {}, + items: [], + iconClass: "", + width: 25, + height: 25, + isShowDown: true + }); + }, + + _init: function () { + BI.IconComboTrigger.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.button = BI.createWidget(o.el, { + type: "bi.icon_change_button", + cls: "icon-combo-trigger-icon " + o.iconClass, + disableSelected: true, + width: o.width, + height: o.height, + iconWidth: o.iconWidth, + iconHeight: o.iconHeight + }); + this.down = BI.createWidget({ + type: "bi.icon_button", + disableSelected: true, + cls: "icon-combo-down-icon trigger-triangle-font", + width: 12, + height: 8 + }); + this.down.setVisible(o.isShowDown); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.button, + left: 0, + right: 0, + top: 0, + bottom: 0 + }, { + el: this.down, + right: 0, + bottom: 0 + }] + }); + if (BI.isKey(o.value)) { + this.setValue(o.value); + } + }, + + populate: function (items) { + var o = this.options; + this.options.items = items || []; + this.button.setIcon(o.iconClass); + this.button.setSelected(false); + this.down.setSelected(false); + }, + + setValue: function (v) { + BI.IconComboTrigger.superclass.setValue.apply(this, arguments); + var o = this.options; + var iconClass = ""; + v = BI.isArray(v) ? v[0] : v; + if (BI.any(this.options.items, function (i, item) { + if (v === item.value) { + iconClass = item.iconClass; + return true; + } + })) { + this.button.setIcon(iconClass); + this.button.setSelected(true); + this.down.setSelected(true); + } else { + this.button.setIcon(o.iconClass); + this.button.setSelected(false); + this.down.setSelected(false); + } + } +}); +BI.IconComboTrigger.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.icon_combo_trigger", BI.IconComboTrigger); \ No newline at end of file diff --git a/src/widget/base/combo/staticcombo/combo.static.js b/src/widget/base/combo/staticcombo/combo.static.js new file mode 100644 index 000000000..f3c954a38 --- /dev/null +++ b/src/widget/base/combo/staticcombo/combo.static.js @@ -0,0 +1,67 @@ +/** + * 单选combo + * + * @class BI.StaticCombo + * @extend BI.Widget + */ +BI.StaticCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.StaticCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-static-combo", + height: 30, + text: "", + el: {}, + items: [], + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }) + }, + + _init: function () { + BI.StaticCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(o.el, { + type: "bi.text_icon_item", + cls: "bi-select-text-trigger pull-down-font", + text: o.text, + readonly: true, + textLgap: 5, + height: o.height - 2 + }); + this.popup = BI.createWidget({ + type: "bi.text_value_combo_popup", + textAlign: o.textAlign, + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.popup.on(BI.TextValueComboPopup.EVENT_CHANGE, function () { + self.combo.hideView(); + self.fireEvent(BI.StaticCombo.EVENT_CHANGE, arguments); + }); + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup + } + }); + }, + + populate: function (items) { + this.combo.populate(items); + }, + + setValue: function (v) { + this.combo.setValue(v); + }, + + getValue: function () { + return this.combo.getValue(); + } +}); +BI.StaticCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.static_combo", BI.StaticCombo); \ No newline at end of file diff --git a/src/widget/base/combo/textvaluecheckcombo/combo.textvaluecheck.js b/src/widget/base/combo/textvaluecheckcombo/combo.textvaluecheck.js new file mode 100644 index 000000000..21e8648a6 --- /dev/null +++ b/src/widget/base/combo/textvaluecheckcombo/combo.textvaluecheck.js @@ -0,0 +1,78 @@ +/** + * @class BI.TextValueCheckCombo + * @extend BI.Widget + * combo : text + icon, popup : check + text + */ +BI.TextValueCheckCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextValueCheckCombo.superclass._defaultConfig.apply(this, arguments), { + baseClass: "bi-text-value-check-combo", + width: 100, + height: 30, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + text: "" + }) + }, + + _init: function () { + BI.TextValueCheckCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.select_text_trigger", + items: o.items, + height: o.height, + text: o.text + }); + this.popup = BI.createWidget({ + type: "bi.text_value_check_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.TextValueCheckComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.textIconCheckCombo.hideView(); + self.fireEvent(BI.TextValueCheckCombo.EVENT_CHANGE); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.textIconCheckCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup, + maxHeight: 300 + } + }); + }, + + setTitle: function (title) { + this.trigger.setTitle(title); + }, + + setValue: function (v) { + this.textIconCheckCombo.setValue(v); + }, + + setEnable: function (v) { + BI.TextValueCheckCombo.superclass.setEnable.apply(this, arguments); + this.textIconCheckCombo.setEnable(v); + }, + + setWarningTitle: function (title) { + this.trigger.setWarningTitle(title); + }, + + getValue: function () { + return this.textIconCheckCombo.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.textIconCheckCombo.populate(items); + } +}); +BI.TextValueCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_value_check_combo", BI.TextValueCheckCombo); \ No newline at end of file diff --git a/src/widget/base/combo/textvaluecheckcombo/combo.textvaluechecksmall.js b/src/widget/base/combo/textvaluecheckcombo/combo.textvaluechecksmall.js new file mode 100644 index 000000000..9a411e807 --- /dev/null +++ b/src/widget/base/combo/textvaluecheckcombo/combo.textvaluechecksmall.js @@ -0,0 +1,69 @@ +/** + * @class BI.SmallTextValueCheckCombo + * @extend BI.Widget + * combo : text + icon, popup : check + text + */ +BI.SmallTextValueCheckCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SmallTextValueCheckCombo.superclass._defaultConfig.apply(this, arguments), { + width: 100, + height: 24, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + text: "" + }) + }, + + _init: function () { + BI.SmallTextValueCheckCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.small_select_text_trigger", + items: o.items, + height: o.height, + text: o.text + }); + this.popup = BI.createWidget({ + type: "bi.text_value_check_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.TextValueCheckComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.SmallTextIconCheckCombo.hideView(); + self.fireEvent(BI.SmallTextValueCheckCombo.EVENT_CHANGE); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.SmallTextIconCheckCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup, + maxHeight: 300 + } + }); + }, + + setValue: function (v) { + this.SmallTextIconCheckCombo.setValue(v); + }, + + setEnable: function (v) { + BI.SmallTextValueCheckCombo.superclass.setEnable.apply(this, arguments); + this.SmallTextIconCheckCombo.setEnable(v); + }, + + getValue: function () { + return this.SmallTextIconCheckCombo.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.SmallTextIconCheckCombo.populate(items); + } +}); +BI.SmallTextValueCheckCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.small_text_value_check_combo", BI.SmallTextValueCheckCombo); \ No newline at end of file diff --git a/src/widget/base/combo/textvaluecheckcombo/popup.textvaluecheck.js b/src/widget/base/combo/textvaluecheckcombo/popup.textvaluecheck.js new file mode 100644 index 000000000..b5a0c9fcc --- /dev/null +++ b/src/widget/base/combo/textvaluecheckcombo/popup.textvaluecheck.js @@ -0,0 +1,60 @@ +BI.TextValueCheckComboPopup = BI.inherit(BI.Pane, { + _defaultConfig: function () { + return BI.extend(BI.TextValueCheckComboPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-icon-popup", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }); + }, + + _init: function () { + BI.TextValueCheckComboPopup.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.popup = BI.createWidget({ + type: "bi.button_group", + items: this._formatItems(o.items), + chooseType: o.chooseType, + layouts: [{ + type: "bi.vertical" + }] + }); + + this.popup.on(BI.Controller.EVENT_CHANGE, function (type, val, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.TextValueCheckComboPopup.EVENT_CHANGE, val, obj); + } + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.popup] + }); + }, + + _formatItems: function (items) { + return BI.map(items, function (i, item) { + return BI.extend({ + type: "bi.icon_text_item", + cls: "item-check-font bi-list-item", + height: 30 + }, item); + }); + }, + + populate: function (items) { + BI.TextValueCheckComboPopup.superclass.populate.apply(this, arguments); + this.popup.populate(this._formatItems(items)); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + setValue: function (v) { + this.popup.setValue(v); + } + +}); +BI.TextValueCheckComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_value_check_combo_popup", BI.TextValueCheckComboPopup); \ No newline at end of file diff --git a/src/widget/base/combo/textvaluecombo/combo.textvalue.js b/src/widget/base/combo/textvaluecombo/combo.textvalue.js new file mode 100644 index 000000000..b390cf09a --- /dev/null +++ b/src/widget/base/combo/textvaluecombo/combo.textvalue.js @@ -0,0 +1,71 @@ +/** + * @class BI.TextValueCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.TextValueCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextValueCombo.superclass._defaultConfig.apply(this, arguments), { + baseClass: "bi-text-value-combo", + height: 30, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + text: "", + el: {} + }) + }, + + _init: function () { + BI.TextValueCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(o.el, { + type: "bi.select_text_trigger", + items: o.items, + height: o.height, + text: o.text + }); + this.popup = BI.createWidget({ + type: "bi.text_value_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.TextValueComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.textIconCombo.hideView(); + self.fireEvent(BI.TextValueCombo.EVENT_CHANGE, arguments); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.textIconCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup, + maxHeight: 300 + } + }); + }, + + setValue: function (v) { + this.textIconCombo.setValue(v); + }, + + setEnable: function (v) { + BI.TextValueCombo.superclass.setEnable.apply(this, arguments); + this.textIconCombo.setEnable(v); + }, + + getValue: function () { + return this.textIconCombo.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.textIconCombo.populate(items); + } +}); +BI.TextValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_value_combo", BI.TextValueCombo); \ No newline at end of file diff --git a/src/widget/base/combo/textvaluecombo/combo.textvaluesmall.js b/src/widget/base/combo/textvaluecombo/combo.textvaluesmall.js new file mode 100644 index 000000000..2b5317621 --- /dev/null +++ b/src/widget/base/combo/textvaluecombo/combo.textvaluesmall.js @@ -0,0 +1,71 @@ +/** + * @class BI.SmallTextValueCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.SmallTextValueCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SmallTextValueCombo.superclass._defaultConfig.apply(this, arguments), { + width: 100, + height: 24, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + el: {}, + text: "" + }) + }, + + _init: function () { + BI.SmallTextValueCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(o.el, { + type: "bi.small_select_text_trigger", + items: o.items, + height: o.height, + text: o.text + }); + this.popup = BI.createWidget({ + type: "bi.text_value_combo_popup", + chooseType: o.chooseType, + items: o.items + }); + this.popup.on(BI.TextValueComboPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.SmallTextValueCombo.hideView(); + self.fireEvent(BI.SmallTextValueCombo.EVENT_CHANGE); + }); + this.popup.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.SmallTextValueCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup, + maxHeight: 300 + } + }); + }, + + setValue: function (v) { + this.SmallTextValueCombo.setValue(v); + }, + + setEnable: function (v) { + BI.SmallTextValueCombo.superclass.setEnable.apply(this, arguments); + this.SmallTextValueCombo.setEnable(v); + }, + + getValue: function () { + return this.SmallTextValueCombo.getValue(); + }, + + populate: function (items) { + this.options.items = items; + this.SmallTextValueCombo.populate(items); + } +}); +BI.SmallTextValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.small_text_value_combo", BI.SmallTextValueCombo); \ No newline at end of file diff --git a/src/widget/base/combo/textvaluecombo/popup.textvalue.js b/src/widget/base/combo/textvaluecombo/popup.textvalue.js new file mode 100644 index 000000000..4d4512b54 --- /dev/null +++ b/src/widget/base/combo/textvaluecombo/popup.textvalue.js @@ -0,0 +1,58 @@ +BI.TextValueComboPopup = BI.inherit(BI.Pane, { + _defaultConfig: function () { + return BI.extend(BI.TextValueComboPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-icon-popup", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }); + }, + + _init: function () { + BI.TextValueComboPopup.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.popup = BI.createWidget({ + type: "bi.button_group", + items: BI.createItems(o.items, { + type: "bi.single_select_item", + textAlign: o.textAlign, + height: 30 + }), + chooseType: o.chooseType, + layouts: [{ + type: "bi.vertical" + }] + }); + + this.popup.on(BI.Controller.EVENT_CHANGE, function (type, val, obj) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.TextValueComboPopup.EVENT_CHANGE, val, obj); + } + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.popup] + }); + }, + + populate: function (items) { + BI.TextValueComboPopup.superclass.populate.apply(this, arguments); + items = BI.createItems(items, { + type: "bi.single_select_item", + height: 30 + }); + this.popup.populate(items); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + setValue: function (v) { + this.popup.setValue(v); + } + +}); +BI.TextValueComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_value_combo_popup", BI.TextValueComboPopup); \ No newline at end of file diff --git a/src/widget/base/combo/textvaluedownlistcombo/combo.textvaluedownlist.js b/src/widget/base/combo/textvaluedownlistcombo/combo.textvaluedownlist.js new file mode 100644 index 000000000..b44843f38 --- /dev/null +++ b/src/widget/base/combo/textvaluedownlistcombo/combo.textvaluedownlist.js @@ -0,0 +1,84 @@ +/** + * @class BI.TextValueDownListCombo + * @extend BI.Widget + */ +BI.TextValueDownListCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextValueDownListCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-value-down-list-combo", + height: 30, + text: "" + }) + }, + + _init: function () { + BI.TextValueDownListCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this._createValueMap(); + + this.trigger = BI.createWidget({ + type: "bi.down_list_select_text_trigger", + height: o.height, + items: o.items + }); + + this.combo = BI.createWidget({ + type: "bi.down_list_combo", + element: this, + chooseType: BI.Selection.Single, + adjustLength: 2, + height: o.height, + el: this.trigger, + items: BI.deepClone(o.items) + }); + + this.combo.on(BI.DownListCombo.EVENT_CHANGE, function () { + self.setValue(self.combo.getValue()[0].value); + self.fireEvent(BI.TextValueDownListCombo.EVENT_CHANGE); + }); + + this.combo.on(BI.DownListCombo.EVENT_SON_VALUE_CHANGE, function () { + self.setValue(self.combo.getValue()[0].childValue); + self.fireEvent(BI.TextValueDownListCombo.EVENT_CHANGE); + }); + }, + + _createValueMap: function () { + var self = this; + this.valueMap = {}; + BI.each(BI.flatten(this.options.items), function (idx, item) { + if (BI.has(item, "el")) { + BI.each(item.children, function (id, it) { + self.valueMap[it.value] = {value: item.el.value, childValue: it.value} + }); + } else { + self.valueMap[item.value] = {value: item.value}; + } + }); + }, + + setValue: function (v) { + v = this.valueMap[v]; + this.combo.setValue([v]); + this.trigger.setValue(v.childValue || v.value); + }, + + setEnable: function (v) { + BI.TextValueDownListCombo.superclass.setEnable.apply(this, arguments); + this.combo.setEnable(v); + }, + + getValue: function () { + var v = this.combo.getValue()[0]; + return [v.childValue || v.value]; + }, + + populate: function (items) { + this.options.items = BI.flatten(items); + this.combo.populate(items); + this._createValueMap(); + } +}); +BI.TextValueDownListCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.text_value_down_list_combo", BI.TextValueDownListCombo); \ No newline at end of file diff --git a/src/widget/base/combo/textvaluedownlistcombo/trigger.textvaluedownlist.js b/src/widget/base/combo/textvaluedownlistcombo/trigger.textvaluedownlist.js new file mode 100644 index 000000000..d221491f9 --- /dev/null +++ b/src/widget/base/combo/textvaluedownlistcombo/trigger.textvaluedownlist.js @@ -0,0 +1,54 @@ +/** + * 选择字段trigger, downlist专用 + * 显示形式为 父亲值(儿子值) + * + * @class BI.DownListSelectTextTrigger + * @extends BI.Trigger + */ +BI.DownListSelectTextTrigger = BI.inherit(BI.Trigger, { + + _defaultConfig: function () { + return BI.extend(BI.DownListSelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-down-list-select-text-trigger", + height: 24, + text: "" + }); + }, + + _init: function () { + BI.DownListSelectTextTrigger.superclass._init.apply(this, arguments); + var o = this.options; + this.trigger = BI.createWidget({ + type: "bi.select_text_trigger", + element: this, + height: o.height, + items: this._formatItemArray(o.items), + text: o.text + }); + }, + + _formatItemArray: function(){ + var sourceArray = BI.flatten(BI.deepClone(this.options.items)); + var targetArray = []; + BI.each(sourceArray, function(idx, item){ + if(BI.has(item, "el")){ + BI.each(item.children, function(id, it){ + it.text = item.el.text + "(" + it.text + ")"; + }); + targetArray = BI.concat(targetArray, item.children); + }else{ + targetArray.push(item); + } + }); + return targetArray; + }, + + setValue: function (vals) { + this.trigger.setValue(vals); + }, + + populate: function (items) { + this.trigger.populate(this._formatItemArray(items)); + } +}); +$.shortcut("bi.down_list_select_text_trigger", BI.DownListSelectTextTrigger); \ No newline at end of file diff --git a/src/widget/base/editor/editor.adapt.js b/src/widget/base/editor/editor.adapt.js new file mode 100644 index 000000000..657a98c65 --- /dev/null +++ b/src/widget/base/editor/editor.adapt.js @@ -0,0 +1,162 @@ +/** + * 根据内容自适应长度的输入框 + * @class BI.AdaptiveEditor + * @extends BI.Single + */ +BI.AdaptiveEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.AdaptiveEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-adapt-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: true, + watermark: "", + errorText: "", + height: 30 + }) + }, + + _init: function () { + BI.AdaptiveEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + element: this, + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_BLUR, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_BLUR); + }); + this.editor.on(BI.SignEditor.EVENT_CLICK, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_CLICK); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self._checkEditorLength(); + self.fireEvent(BI.AdaptiveEditor.EVENT_CHANGE); + }); + this.editor.on(BI.SignEditor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.AdaptiveEditor.EVENT_KEY_DOWN); + }); + + this.editor.on(BI.SignEditor.EVENT_VALID, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_VALID); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_CONFIRM); + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_PAUSE, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_PAUSE); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_STOP); + }); + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_SPACE); + }); + this.editor.on(BI.SignEditor.EVENT_ERROR, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_ERROR); + }); + this.editor.on(BI.SignEditor.EVENT_ENTER, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_ENTER); + }); + this.editor.on(BI.SignEditor.EVENT_RESTRICT, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_RESTRICT); + }); + this.editor.on(BI.SignEditor.EVENT_EMPTY, function () { + self.fireEvent(BI.AdaptiveEditor.EVENT_EMPTY); + }); + this._checkEditorLength(); + }, + + _checkEditorLength: function () { + var o = this.options; + this.element.width(BI.DOM.getTextSizeWidth(this.getValue(), 14) + 2 * o.hgap + o.lgap + o.rgap); + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + setValue: function (k) { + this.editor.setValue(k); + this._checkEditorLength(); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + getState: function () { + return this.editor.getState(); + }, + + setState: function (v) { + + } +}); +BI.AdaptiveEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.AdaptiveEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.AdaptiveEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.AdaptiveEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.AdaptiveEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.AdaptiveEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"; + +BI.AdaptiveEditor.EVENT_START = "EVENT_START"; +BI.AdaptiveEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.AdaptiveEditor.EVENT_STOP = "EVENT_STOP"; +BI.AdaptiveEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.AdaptiveEditor.EVENT_VALID = "EVENT_VALID"; +BI.AdaptiveEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.AdaptiveEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.AdaptiveEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.AdaptiveEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.AdaptiveEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.adapt_editor", BI.AdaptiveEditor); \ No newline at end of file diff --git a/src/widget/base/editor/editor.clear.js b/src/widget/base/editor/editor.clear.js new file mode 100644 index 000000000..e23b40e27 --- /dev/null +++ b/src/widget/base/editor/editor.clear.js @@ -0,0 +1,169 @@ +/** + * 有清楚按钮的文本框 + * Created by GUY on 2015/9/29. + * @class BI.SmallTextEditor + * @extends BI.SearchEditor + */ +BI.ClearEditor = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.ClearEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-clear-editor", + height: 30, + errorText: "", + watermark: "", + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn + }); + }, + _init: function () { + BI.ClearEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + watermark: o.watermark, + allowBlank: true, + errorText: o.errorText, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker + }); + this.clear = BI.createWidget({ + type: "bi.icon_button", + stopEvent: true, + cls: "search-close-h-font" + }); + this.clear.on(BI.IconButton.EVENT_CHANGE, function () { + self.setValue(""); + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.STOPEDIT); + self.fireEvent(BI.ClearEditor.EVENT_CLEAR); + }); + BI.createWidget({ + element: this, + type: "bi.htape", + items: [ + { + el: this.editor + }, + { + el: this.clear, + width: 25 + }] + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.ClearEditor.EVENT_FOCUS); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.ClearEditor.EVENT_BLUR); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.ClearEditor.EVENT_CLICK); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self._checkClear(); + self.fireEvent(BI.ClearEditor.EVENT_CHANGE); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.ClearEditor.EVENT_KEY_DOWN, v); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function () { + self.fireEvent(BI.ClearEditor.EVENT_SPACE) + }); + this.editor.on(BI.Editor.EVENT_BACKSPACE, function () { + self.fireEvent(BI.ClearEditor.EVENT_BACKSPACE) + }); + + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.ClearEditor.EVENT_VALID) + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self.fireEvent(BI.ClearEditor.EVENT_ERROR) + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.ClearEditor.EVENT_ENTER); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.ClearEditor.EVENT_RESTRICT) + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self._checkClear(); + self.fireEvent(BI.ClearEditor.EVENT_EMPTY) + }); + this.editor.on(BI.Editor.EVENT_REMOVE, function () { + self.fireEvent(BI.ClearEditor.EVENT_REMOVE) + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self.fireEvent(BI.ClearEditor.EVENT_CONFIRM) + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.ClearEditor.EVENT_START); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.ClearEditor.EVENT_PAUSE); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.ClearEditor.EVENT_STOP); + }); + + this.clear.invisible(); + }, + + _checkClear: function () { + if (!this.getValue()) { + this.clear.invisible(); + } else { + this.clear.visible(); + } + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + getValue: function () { + if (this.isValid()) { + var res = this.editor.getValue().match(/[\S]+/g); + return BI.isNull(res) ? "" : res[res.length - 1]; + } + }, + + setValue: function (v) { + this.editor.setValue(v); + if (BI.isKey(v)) { + this.clear.visible(); + } + }, + + isValid: function () { + return this.editor.isValid(); + } +}); +BI.ClearEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.ClearEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.ClearEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.ClearEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.ClearEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.ClearEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.ClearEditor.EVENT_BACKSPACE = "EVENT_BACKSPACE"; +BI.ClearEditor.EVENT_CLEAR = "EVENT_CLEAR"; + +BI.ClearEditor.EVENT_START = "EVENT_START"; +BI.ClearEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.ClearEditor.EVENT_STOP = "EVENT_STOP"; +BI.ClearEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.ClearEditor.EVENT_VALID = "EVENT_VALID"; +BI.ClearEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.ClearEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.ClearEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.ClearEditor.EVENT_REMOVE = "EVENT_REMOVE"; +BI.ClearEditor.EVENT_EMPTY = "EVENT_EMPTY"; +$.shortcut("bi.clear_editor", BI.ClearEditor); \ No newline at end of file diff --git a/src/widget/base/editor/editor.search.js b/src/widget/base/editor/editor.search.js new file mode 100644 index 000000000..83281a6ae --- /dev/null +++ b/src/widget/base/editor/editor.search.js @@ -0,0 +1,198 @@ +/** + * Created by roy on 15/9/14. + */ +BI.SearchEditor = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-search-editor", + height: 30, + errorText: "", + watermark: BI.i18nText("BI-Basic_Search"), + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn + }); + }, + _init: function () { + this.options.height -= 2; + BI.SearchEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + watermark: o.watermark, + allowBlank: true, + errorText: o.errorText, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker + }); + this.clear = BI.createWidget({ + type: "bi.icon_button", + stopEvent: true, + cls: "search-close-h-font" + }); + this.clear.on(BI.IconButton.EVENT_CHANGE, function () { + self.setValue(""); + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.STOPEDIT); + self.fireEvent(BI.SearchEditor.EVENT_CLEAR); + }); + BI.createWidget({ + element: this, + type: "bi.htape", + items: [ + { + el: { + type: "bi.center_adapt", + cls: "search-font", + items: [{ + el: { + type: "bi.icon" + } + }] + }, + width: 25 + }, + { + el: self.editor + }, + { + el: this.clear, + width: 25 + } + ] + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.SearchEditor.EVENT_FOCUS); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.SearchEditor.EVENT_BLUR); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.SearchEditor.EVENT_CLICK); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self._checkClear(); + self.fireEvent(BI.SearchEditor.EVENT_CHANGE); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.SearchEditor.EVENT_KEY_DOWN, v); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function () { + self.fireEvent(BI.SearchEditor.EVENT_SPACE) + }); + this.editor.on(BI.Editor.EVENT_BACKSPACE, function () { + self.fireEvent(BI.SearchEditor.EVENT_BACKSPACE) + }); + + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.SearchEditor.EVENT_VALID) + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self.fireEvent(BI.SearchEditor.EVENT_ERROR) + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.SearchEditor.EVENT_ENTER); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.SearchEditor.EVENT_RESTRICT) + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self._checkClear(); + self.fireEvent(BI.SearchEditor.EVENT_EMPTY) + }); + this.editor.on(BI.Editor.EVENT_REMOVE, function () { + self.fireEvent(BI.SearchEditor.EVENT_REMOVE) + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self.fireEvent(BI.SearchEditor.EVENT_CONFIRM) + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.SearchEditor.EVENT_START); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.SearchEditor.EVENT_PAUSE); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.SearchEditor.EVENT_STOP); + }); + + this.clear.invisible(); + }, + + _checkClear: function () { + if (!this.getValue()) { + this.clear.invisible(); + } else { + this.clear.visible(); + } + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + getValue: function () { + if (this.isValid()) { + var res = this.editor.getValue().match(/[\S]+/g); + return BI.isNull(res) ? "" : res[res.length - 1]; + } + }, + + getLastValidValue: function () { + return this.editor.getLastValidValue(); + }, + + setValue: function (v) { + this.editor.setValue(v); + if (BI.isKey(v)) { + this.clear.visible(); + } + }, + + setValid: function (b) { + this.editor.setValid(b); + }, + + isEditing: function () { + return this.editor.isEditing(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setEnable: function (b) { + BI.Editor.superclass.setEnable.apply(this, arguments); + this.editor && this.editor.setEnable(b); + this.clear.setEnabled(b); + } +}); +BI.SearchEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.SearchEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.SearchEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.SearchEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.SearchEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.SearchEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.SearchEditor.EVENT_BACKSPACE = "EVENT_BACKSPACE"; +BI.SearchEditor.EVENT_CLEAR = "EVENT_CLEAR"; + +BI.SearchEditor.EVENT_START = "EVENT_START"; +BI.SearchEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.SearchEditor.EVENT_STOP = "EVENT_STOP"; +BI.SearchEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.SearchEditor.EVENT_VALID = "EVENT_VALID"; +BI.SearchEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.SearchEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.SearchEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.SearchEditor.EVENT_REMOVE = "EVENT_REMOVE"; +BI.SearchEditor.EVENT_EMPTY = "EVENT_EMPTY"; +$.shortcut("bi.search_editor", BI.SearchEditor); \ No newline at end of file diff --git a/src/widget/base/editor/editor.search.small.js b/src/widget/base/editor/editor.search.small.js new file mode 100644 index 000000000..0d35346c8 --- /dev/null +++ b/src/widget/base/editor/editor.search.small.js @@ -0,0 +1,20 @@ +/** + * 小号搜索框 + * Created by GUY on 2015/9/29. + * @class BI.SmallSearchEditor + * @extends BI.SearchEditor + */ +BI.SmallSearchEditor = BI.inherit(BI.SearchEditor, { + _defaultConfig: function () { + var conf = BI.SmallSearchEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-small-search-editor", + height: 24 + }); + }, + + _init: function () { + BI.SmallSearchEditor.superclass._init.apply(this, arguments); + } +}); +$.shortcut("bi.small_search_editor", BI.SmallSearchEditor); \ No newline at end of file diff --git a/src/widget/base/editor/editor.sign.initial.js b/src/widget/base/editor/editor.sign.initial.js new file mode 100644 index 000000000..b8bbf6b12 --- /dev/null +++ b/src/widget/base/editor/editor.sign.initial.js @@ -0,0 +1,165 @@ +/** + * sign是新值(初始value值)形式的自适应宽度的输入框 + * @class BI.SignInitialEditor + * @extends BI.Single + */ +BI.SignInitialEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.SignInitialEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-sign-initial-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: true, + watermark: "", + errorText: "", + value: "", + text: "", + height: 30 + }) + }, + + _init: function () { + BI.SignInitialEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + element: this, + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value || o.text, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + if(BI.isNotNull(o.value)){ + this.setState(o.value); + } + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_BLUR, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_BLUR); + }); + this.editor.on(BI.SignEditor.EVENT_CLICK, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_CLICK); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_CHANGE); + }); + this.editor.on(BI.SignEditor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.SignInitialEditor.EVENT_KEY_DOWN); + }); + + this.editor.on(BI.SignEditor.EVENT_VALID, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_VALID); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + self.setState(self.editor.getValue()); + self.fireEvent(BI.SignInitialEditor.EVENT_CONFIRM); + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_PAUSE, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_PAUSE); + }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_STOP); + }); + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_SPACE); + }); + this.editor.on(BI.SignEditor.EVENT_ERROR, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_ERROR); + }); + this.editor.on(BI.SignEditor.EVENT_ENTER, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_ENTER); + }); + this.editor.on(BI.SignEditor.EVENT_RESTRICT, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_RESTRICT); + }); + this.editor.on(BI.SignEditor.EVENT_EMPTY, function () { + self.fireEvent(BI.SignInitialEditor.EVENT_EMPTY); + }); + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + setValue: function (v) { + this.editor.setValue(v.value); + this.setState(v.value); + }, + + getValue: function () { + return { + value: this.editor.getValue(), + text: this.options.text + } + }, + + getState: function () { + return this.editor.getState(); + }, + + setState: function (v) { + var o = this.options; + v = (BI.isEmpty(v) || v == o.text) ? o.text : v + "(" + o.text + ")"; + this.editor.setState(v); + } +}); +BI.SignInitialEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.SignInitialEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.SignInitialEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.SignInitialEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.SignInitialEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.SignInitialEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"; + +BI.SignInitialEditor.EVENT_START = "EVENT_START"; +BI.SignInitialEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.SignInitialEditor.EVENT_STOP = "EVENT_STOP"; +BI.SignInitialEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.SignInitialEditor.EVENT_VALID = "EVENT_VALID"; +BI.SignInitialEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.SignInitialEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.SignInitialEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.SignInitialEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.SignInitialEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.sign_initial_editor", BI.SignInitialEditor); \ No newline at end of file diff --git a/src/widget/base/editor/editor.sign.style.js b/src/widget/base/editor/editor.sign.style.js new file mode 100644 index 000000000..7f289ac72 --- /dev/null +++ b/src/widget/base/editor/editor.sign.style.js @@ -0,0 +1,260 @@ +/** + * sign标签分两段,可以自定义样式 + * @class BI.SignStyleEditor + * @extends BI.Single + */ +BI.SignStyleEditor = BI.inherit(BI.Single, { + + constants: { + tipTextGap: 4 + }, + + _defaultConfig: function () { + var conf = BI.SignStyleEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-sign-style-editor", + text: "", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: false, + watermark: "", + errorText: "", + height: 30 + }) + }, + + _init: function () { + BI.SignStyleEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.text = BI.createWidget({ + type: "bi.text_button", + cls: "sign-style-editor-text", + textAlign: "left", + height: o.height, + hgap: 4, + handler: function () { + self._showInput(); + self.editor.focus(); + self.editor.selectAll(); + } + }); + + this.tipText = BI.createWidget({ + type: "bi.text_button", + cls: "sign-style-editor-tip", + textAlign: "right", + rgap: 4, + height: o.height, + text: o.text, + handler: function () { + self._showInput(); + self.editor.focus(); + self.editor.selectAll(); + } + }); + + this.text.on(BI.TextButton.EVENT_CHANGE, function () { + BI.nextTick(function () { + self.fireEvent(BI.SignStyleEditor.EVENT_CLICK_LABEL) + }); + }); + + this.tipText.on(BI.TextButton.EVENT_CHANGE, function () { + BI.nextTick(function () { + self.fireEvent(BI.SignStyleEditor.EVENT_CLICK_LABEL) + }); + }); + + this.wrap = BI.createWidget({ + type: "bi.htape", + element: this, + items: [this.text, this.tipText] + }); + + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_FOCUS); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_BLUR); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_CLICK); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_CHANGE); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.SignStyleEditor.EVENT_KEY_DOWN); + }); + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_VALID); + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self._showHint(); + self._checkText(); + self._resizeLayout(); + self.fireEvent(BI.SignStyleEditor.EVENT_CONFIRM); + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_START); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_PAUSE); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_STOP); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_SPACE); + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_ERROR); + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_ENTER); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_RESTRICT); + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self.fireEvent(BI.SignStyleEditor.EVENT_EMPTY); + }); + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [this.editor] + }); + this._showHint(); + this._checkText(); + + BI.nextTick(function () { + var tipTextSize = self.text.element.getStyle("font-size"); + self.tipTextSize = tipTextSize.substring(0, tipTextSize.length - 2); + self._resizeLayout(); + }); + }, + + _checkText: function () { + var o = this.options; + if (this.editor.getValue() === "") { + this.text.setValue(o.watermark || ""); + this.text.element.addClass("bi-water-mark"); + } else { + this.text.setValue(this.editor.getValue()); + this.tipText.setValue("(" + o.text + ")"); + this.text.element.removeClass("bi-water-mark"); + } + this.setTitle(this.text.getValue() + this.tipText.getValue()); + }, + + _showInput: function () { + this.editor.setVisible(true); + this.text.setVisible(false); + this.tipText.setVisible(false); + }, + + _showHint: function () { + this.editor.setVisible(false); + this.text.setVisible(true); + this.tipText.setVisible(true); + }, + + _resizeLayout: function () { + this.wrap.attr("items")[0].width = BI.DOM.getTextSizeWidth(this.text.getValue(), this.tipTextSize) + 2 * this.constants.tipTextGap; + this.wrap.resize(); + }, + + focus: function () { + this._showInput(); + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + this._showHint(); + this._checkText(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + setValue: function (k) { + BI.SignStyleEditor.superclass.setValue.apply(this, arguments); + this.editor.setValue(k); + this._checkText(); + this._resizeLayout(); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + getState: function () { + return this.options.text; + }, + + setState: function (v) { + var o = this.options; + o.text = v; + this._showHint(); + this.tipText.setValue("(" + v + ")"); + this._checkText(); + } +}); +BI.SignStyleEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.SignStyleEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.SignStyleEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.SignStyleEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.SignStyleEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.SignStyleEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL"; + +BI.SignStyleEditor.EVENT_START = "EVENT_START"; +BI.SignStyleEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.SignStyleEditor.EVENT_STOP = "EVENT_STOP"; +BI.SignStyleEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.SignStyleEditor.EVENT_VALID = "EVENT_VALID"; +BI.SignStyleEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.SignStyleEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.SignStyleEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.SignStyleEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.SignStyleEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.sign_style_editor", BI.SignStyleEditor); \ No newline at end of file diff --git a/src/widget/base/editor/editor.text.js b/src/widget/base/editor/editor.text.js new file mode 100644 index 000000000..46a4476c3 --- /dev/null +++ b/src/widget/base/editor/editor.text.js @@ -0,0 +1,170 @@ +/** + * guy + * @class BI.TextEditor + * @extends BI.Single + */ +BI.TextEditor = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-text-editor", + hgap: 4, + vgap: 2, + lgap: 0, + rgap: 0, + tgap: 0, + bgap: 0, + validationChecker: BI.emptyFn, + quitChecker: BI.emptyFn, + mouseOut: false, + allowBlank: false, + watermark: "", + errorText: "", + height: 30 + }) + }, + + _init: function () { + BI.TextEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + if (BI.isNumber(o.height)) { + this.element.css({height: o.height - 2}); + } + if (BI.isNumber(o.width)) { + this.element.css({width: o.width - 2}); + } + this.editor = BI.createWidget({ + type: "bi.editor", + height: o.height - 2, + hgap: o.hgap, + vgap: o.vgap, + lgap: o.lgap, + rgap: o.rgap, + tgap: o.tgap, + bgap: o.bgap, + value: o.value, + validationChecker: o.validationChecker, + quitChecker: o.quitChecker, + mouseOut: o.mouseOut, + allowBlank: o.allowBlank, + watermark: o.watermark, + errorText: o.errorText + }); + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.editor.on(BI.Editor.EVENT_FOCUS, function () { + self.fireEvent(BI.TextEditor.EVENT_FOCUS); + }); + this.editor.on(BI.Editor.EVENT_BLUR, function () { + self.fireEvent(BI.TextEditor.EVENT_BLUR); + }); + this.editor.on(BI.Editor.EVENT_CLICK, function () { + self.fireEvent(BI.TextEditor.EVENT_CLICK); + }); + this.editor.on(BI.Editor.EVENT_CHANGE, function () { + self.fireEvent(BI.TextEditor.EVENT_CHANGE); + }); + this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { + self.fireEvent(BI.TextEditor.EVENT_KEY_DOWN); + }); + this.editor.on(BI.Editor.EVENT_SPACE, function (v) { + self.fireEvent(BI.TextEditor.EVENT_SPACE); + }); + this.editor.on(BI.Editor.EVENT_BACKSPACE, function (v) { + self.fireEvent(BI.TextEditor.EVENT_BACKSPACE); + }); + + + this.editor.on(BI.Editor.EVENT_VALID, function () { + self.fireEvent(BI.TextEditor.EVENT_VALID); + }); + this.editor.on(BI.Editor.EVENT_CONFIRM, function () { + self.fireEvent(BI.TextEditor.EVENT_CONFIRM); + }); + this.editor.on(BI.Editor.EVENT_REMOVE, function (v) { + self.fireEvent(BI.TextEditor.EVENT_REMOVE); + }); + this.editor.on(BI.Editor.EVENT_START, function () { + self.fireEvent(BI.TextEditor.EVENT_START); + }); + this.editor.on(BI.Editor.EVENT_PAUSE, function () { + self.fireEvent(BI.TextEditor.EVENT_PAUSE); + }); + this.editor.on(BI.Editor.EVENT_STOP, function () { + self.fireEvent(BI.TextEditor.EVENT_STOP); + }); + this.editor.on(BI.Editor.EVENT_ERROR, function () { + self.fireEvent(BI.TextEditor.EVENT_ERROR); + }); + this.editor.on(BI.Editor.EVENT_ENTER, function () { + self.fireEvent(BI.TextEditor.EVENT_ENTER); + }); + this.editor.on(BI.Editor.EVENT_RESTRICT, function () { + self.fireEvent(BI.TextEditor.EVENT_RESTRICT); + }); + this.editor.on(BI.Editor.EVENT_EMPTY, function () { + self.fireEvent(BI.TextEditor.EVENT_EMPTY); + }); + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + element: this, + items: [this.editor] + }); + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + setErrorText: function (text) { + this.editor.setErrorText(text); + }, + + getErrorText: function () { + return this.editor.getErrorText(); + }, + + isValid: function () { + return this.editor.isValid(); + }, + + setValue: function (v) { + this.editor.setValue(v); + }, + + getValue: function () { + return this.editor.getValue(); + }, + + setEnable: function (b) { + BI.Editor.superclass.setEnable.apply(this, arguments); + this.editor && this.editor.setEnable(b); + } +}); +BI.TextEditor.EVENT_CHANGE = "EVENT_CHANGE"; +BI.TextEditor.EVENT_FOCUS = "EVENT_FOCUS"; +BI.TextEditor.EVENT_BLUR = "EVENT_BLUR"; +BI.TextEditor.EVENT_CLICK = "EVENT_CLICK"; +BI.TextEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +BI.TextEditor.EVENT_SPACE = "EVENT_SPACE"; +BI.TextEditor.EVENT_BACKSPACE = "EVENT_BACKSPACE"; + +BI.TextEditor.EVENT_START = "EVENT_START"; +BI.TextEditor.EVENT_PAUSE = "EVENT_PAUSE"; +BI.TextEditor.EVENT_STOP = "EVENT_STOP"; +BI.TextEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.TextEditor.EVENT_VALID = "EVENT_VALID"; +BI.TextEditor.EVENT_ERROR = "EVENT_ERROR"; +BI.TextEditor.EVENT_ENTER = "EVENT_ENTER"; +BI.TextEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; +BI.TextEditor.EVENT_REMOVE = "EVENT_REMOVE"; +BI.TextEditor.EVENT_EMPTY = "EVENT_EMPTY"; + +$.shortcut("bi.text_editor", BI.TextEditor); \ No newline at end of file diff --git a/src/widget/base/editor/editor.text.small.js b/src/widget/base/editor/editor.text.small.js new file mode 100644 index 000000000..f0becab89 --- /dev/null +++ b/src/widget/base/editor/editor.text.small.js @@ -0,0 +1,20 @@ +/** + * 小号搜索框 + * Created by GUY on 2015/9/29. + * @class BI.SmallTextEditor + * @extends BI.SearchEditor + */ +BI.SmallTextEditor = BI.inherit(BI.TextEditor, { + _defaultConfig: function () { + var conf = BI.SmallTextEditor.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-small-text-editor", + height: 25 + }); + }, + + _init: function () { + BI.SmallTextEditor.superclass._init.apply(this, arguments); + } +}); +$.shortcut("bi.small_text_editor", BI.SmallTextEditor); \ No newline at end of file diff --git a/src/widget/base/mask/cancel.loading.mask.js b/src/widget/base/mask/cancel.loading.mask.js new file mode 100644 index 000000000..fe6662e67 --- /dev/null +++ b/src/widget/base/mask/cancel.loading.mask.js @@ -0,0 +1,83 @@ +/** + * @class BI.LoadingCancelMask + * @extend BI.Widget + * 带有取消按钮的正在加载mask + */ +BI.LoadingCancelMask = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LoadingCancelMask.superclass._defaultConfig.apply(this, arguments), {}) + }, + + _init: function () { + BI.LoadingCancelMask.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var cancelButton = BI.createWidget({ + type: "bi.button", + level: "ignore", + width: 100, + height: 30, + text: BI.i18nText("BI-Basic_Cancel") + }); + cancelButton.on(BI.Button.EVENT_CHANGE, function () { + self.fireEvent(BI.LoadingCancelMask.EVENT_VALUE_CANCEL); + self.destroy(); + }); + var mask = BI.Maskers.create(this.getName(), o.masker); + BI.createWidget({ + type: "bi.absolute", + element: mask, + items: [{ + el: { + type: "bi.layout", + cls: "bi-loading-main-background" + }, + top: 0, + left: 0, + bottom: 0, + right: 0 + }, { + el: { + type: "bi.center_adapt", + cls: "bi-loading-mask-content", + items: [{ + el: { + type: "bi.vertical", + items: [{ + type: "bi.center_adapt", + cls: "loading-bar-icon", + items: [{ + type: "bi.icon", + width: 208, + height: 30 + }] + }, { + type: "bi.label", + cls: "loading-bar-label", + text: o.text, + height: 30 + }, { + type: "bi.center_adapt", + items: [cancelButton] + }], + vgap: 10 + } + }] + }, + top: 0, + left: 0, + bottom: 0, + right: 0 + }] + }); + BI.Maskers.show(this.getName()); + BI.nextTick(function () { + BI.Maskers.show(self.getName()); + }); + }, + + destroy: function () { + BI.Maskers.remove(this.getName()); + } +}); +BI.LoadingCancelMask.EVENT_VALUE_CANCEL = "EVENT_VALUE_CANCEL"; +$.shortcut("bi.loading_cancel_mask", BI.LoadingCancelMask); \ No newline at end of file diff --git a/src/widget/base/mask/loading.background.js b/src/widget/base/mask/loading.background.js new file mode 100644 index 000000000..937296bdd --- /dev/null +++ b/src/widget/base/mask/loading.background.js @@ -0,0 +1,33 @@ +/** + * @class BI.LoadingBackground + * @extend BI.Widget + * 正在加载mask层 + */ +BI.LoadingBackground = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LoadingBackground.superclass._defaultConfig.apply(this, arguments), { + baseCls: "", + backgroundCls: "loading-background-e50" + }) + }, + + _init: function () { + BI.LoadingBackground.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var mask = BI.Maskers.create(this.getName(), o.masker, {offset: o.offset, container: o.container}); + BI.createWidget({ + type: "bi.center_adapt", + element: mask, + cls: "bi-loading-mask " + o.backgroundCls + }); + BI.Maskers.show(this.getName()); + BI.nextTick(function () { + BI.Maskers.show(self.getName()); + }); + }, + + destroy: function () { + BI.Maskers.remove(this.getName()); + } +}); +$.shortcut("bi.loading_background", BI.LoadingBackground); \ No newline at end of file diff --git a/src/widget/base/mask/loading.mask.js b/src/widget/base/mask/loading.mask.js new file mode 100644 index 000000000..1423af0cc --- /dev/null +++ b/src/widget/base/mask/loading.mask.js @@ -0,0 +1,67 @@ +/** + * @class BI.LoadingMask + * @extend BI.Widget + * 正在加载mask层 + */ +BI.LoadingMask = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LoadingMask.superclass._defaultConfig.apply(this, arguments), { + baseCls: "" + }); + }, + + _init: function () { + BI.LoadingMask.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var mask = BI.Maskers.create(this.getName(), o.masker, {offset: o.offset, container: o.container}); + BI.createWidget({ + type: "bi.absolute", + element: mask, + items: [{ + el: { + type: "bi.layout", + cls: "bi-loading-main-background" + }, + top: 0, + left: 0, + bottom: 0, + right: 0 + }, { + el: { + type: "bi.center_adapt", + cls: "bi-loading-mask-content", + items: [{ + type: "bi.vertical", + items: [{ + type: "bi.center_adapt", + cls: "loading-bar-icon", + items: [{ + type: "bi.icon", + width: 208, + height: 30 + }] + }, { + type: "bi.label", + cls: "loading-bar-label", + text: o.text, + height: 30 + }] + }] + }, + top: 0, + left: 0, + bottom: 0, + right: 0 + }] + }); + BI.Maskers.show(this.getName()); + BI.nextTick(function () { + BI.Maskers.show(self.getName()); + }); + }, + + destroy: function () { + BI.Maskers.remove(this.getName()); + } +}); +$.shortcut("bi.loading_mask", BI.LoadingMask); \ No newline at end of file diff --git a/src/widget/base/segment/button.line.segment.js b/src/widget/base/segment/button.line.segment.js new file mode 100644 index 000000000..04643ed5a --- /dev/null +++ b/src/widget/base/segment/button.line.segment.js @@ -0,0 +1,63 @@ +/** + * 一个button选中的时候下面有条线 + * + * Created by GUY on 2015/9/30. + * @class BI.LineSegmentButton + * @extends BI.BasicButton + */ +BI.LineSegmentButton = BI.inherit(BI.BasicButton, { + + _defaultConfig: function() { + var conf = BI.LineSegmentButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend( conf, { + baseCls : (conf.baseCls ||"")+' bi-line-segment-button bi-list-item-effect', + once: true, + readonly: true, + hgap: 10, + height: 25 + }) + }, + + _init:function() { + BI.LineSegmentButton.superclass._init.apply(this, arguments); + var o = this.options, self = this; + this.text = BI.createWidget({ + type: "bi.label", + element: this, + text: o.text, + height: o.height, + value: o.value, + hgap: o.hgap + }); + + this.line = BI.createWidget({ + type: "bi.layout", + cls: "line-segment-button-line", + height: 3 + }) + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.line, + left: 0, + right: 0, + bottom: 0 + }] + }) + }, + + setSelected: function(v){ + BI.LineSegmentButton.superclass.setSelected.apply(this, arguments); + }, + + setText : function(text) { + BI.LineSegmentButton.superclass.setText.apply(this, arguments); + this.text.setText(text); + }, + + destroy : function() { + BI.LineSegmentButton.superclass.destroy.apply(this, arguments); + } +}); +$.shortcut('bi.line_segment_button', BI.LineSegmentButton); \ No newline at end of file diff --git a/src/widget/base/segment/segment.line.js b/src/widget/base/segment/segment.line.js new file mode 100644 index 000000000..af58cde5d --- /dev/null +++ b/src/widget/base/segment/segment.line.js @@ -0,0 +1,62 @@ +/** + * 另一套风格的单选按钮组 + * + * Created by GUY on 2015/9/30. + * @class BI.LineSegment + * @extends BI.Widget + */ +BI.LineSegment = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.LineSegment.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-line-segment", + items: [], + height: 30 + }); + }, + _init: function () { + BI.LineSegment.superclass._init.apply(this, arguments); + var self = this, o = this.options; + if (BI.isNumber(o.height)) { + this.element.css({height: o.height - 1, lineHeight: (o.height - 1) + 'px'}); + } + this.buttonGroup = BI.createWidget({ + element: this, + type: "bi.button_group", + items: BI.createItems(o.items, { + type: "bi.line_segment_button", + height: o.height - 1 + }), + layout: [ + { + type: "bi.center" + } + ] + }); + this.buttonGroup.on(BI.Controller.EVENT_CHANGE, function(){ + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments) + }); + this.buttonGroup.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.fireEvent(BI.LineSegment.EVENT_CHANGE) + }) + }, + + setValue: function (v) { + this.buttonGroup.setValue(v); + }, + + setEnabledValue: function (v) { + this.buttonGroup.setEnabledValue(v); + }, + + setEnable: function (v) { + BI.LineSegment.superclass.setEnable.apply(this, arguments); + this.buttonGroup.setEnable(v) + }, + + + getValue: function () { + return this.buttonGroup.getValue(); + } +}); +BI.LineSegment.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.line_segment', BI.LineSegment); \ No newline at end of file diff --git a/src/widget/base/tip/tip.helper.js b/src/widget/base/tip/tip.helper.js new file mode 100644 index 000000000..5c9ea660e --- /dev/null +++ b/src/widget/base/tip/tip.helper.js @@ -0,0 +1,46 @@ +/** + * 拖拽字段的helper + * Created by roy on 15/10/13. + */ +BI.Helper = BI.inherit(BI.Tip, { + _defaultConfig: function () { + return BI.extend(BI.Helper.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-helper", + text: "", + value: "" + }) + }, + + _init: function () { + BI.Helper.superclass._init.apply(this, arguments); + this.populate(); + }, + + modifyContent: function(widget) { + this.empty(); + BI.createWidget({ + type: "bi.left", + element: this, + cls: "dragging-modify", + items: [widget], + lgap: 15 + }); + }, + + populate: function () { + var o = this.options; + this.element.data({helperWidget: this}); + this.empty(); + BI.createWidget({ + element: this, + type: "bi.label", + textAlign: "center", + textHeight: 20, + hgap: 5, + text: o.text, + value: o.value + }); + this.element.removeClass("dragging-modify"); + } +}); +$.shortcut("bi.helper", BI.Helper); \ No newline at end of file diff --git a/src/widget/base/toolbar/toolbar.progress.bar.js b/src/widget/base/toolbar/toolbar.progress.bar.js new file mode 100644 index 000000000..09454a6bc --- /dev/null +++ b/src/widget/base/toolbar/toolbar.progress.bar.js @@ -0,0 +1,50 @@ +/** + * guy + * 复选导航条 + * Created by GUY on 2015/12/24. + * @class BI.ProgressBarBar + * @extends BI.BasicButton + */ +BI.ProgressBarBar = BI.inherit(BI.Single, { + _defaultConfig: function () { + return BI.extend(BI.ProgressBarBar.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-progress-bar-bar", + height: 24 + }) + }, + _init: function () { + BI.ProgressBarBar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.svg = BI.createWidget({ + type: "bi.svg", + width: 6, + height: 6 + }); + this.svg.circle(3, 3, 3).attr({fill: "#ffffff", "stroke": ""}); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.svg, + right: 10, + top: 9 + }] + }); + this.processor = BI.createWidget({ + type: "bi.progress_bar_processor", + width: "0%", + height: o.height + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.processor] + }); + }, + + setValue: function (process) { + this.processor.setValue(process); + + } +}); +$.shortcut("bi.progress_bar_bar", BI.ProgressBarBar); \ No newline at end of file diff --git a/src/widget/base/toolbar/toolbar.progress.js b/src/widget/base/toolbar/toolbar.progress.js new file mode 100644 index 000000000..10d3904c1 --- /dev/null +++ b/src/widget/base/toolbar/toolbar.progress.js @@ -0,0 +1,52 @@ +/** + * guy + * 复选导航条 + * Created by GUY on 2015/12/24. + * @class BI.ProgressBar + * @extends BI.BasicButton + */ +BI.ProgressBar = BI.inherit(BI.Single, { + _defaultConfig: function () { + return BI.extend(BI.ProgressBar.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-progress-bar", + height: 24 + }) + }, + _init: function () { + BI.ProgressBar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.bar = BI.createWidget({ + type: "bi.progress_bar_bar", + height: o.height + }); + this.label = BI.createWidget({ + type: "bi.label", + cls: "progress-bar-label", + width: 50, + height: o.height, + value: "0%" + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.bar + }, { + el: this.label, + width: 50 + }] + }) + }, + + setValue: function (process) { + if (process >= 100) { + process = 100; + this.label.element.addClass("success"); + } else { + this.label.element.removeClass("success"); + } + this.label.setValue(process + "%"); + this.bar.setValue(process); + } +}); +$.shortcut("bi.progress_bar", BI.ProgressBar); \ No newline at end of file diff --git a/src/widget/base/toolbar/toolbar.progress.processor.js b/src/widget/base/toolbar/toolbar.progress.processor.js new file mode 100644 index 000000000..b520489cb --- /dev/null +++ b/src/widget/base/toolbar/toolbar.progress.processor.js @@ -0,0 +1,50 @@ +/** + * guy + * 复选导航条 + * Created by GUY on 2015/12/24. + * @class BI.ProgressBarProcessor + * @extends BI.BasicButton + */ +BI.ProgressBarProcessor = BI.inherit(BI.Single, { + _defaultConfig: function () { + return BI.extend(BI.ProgressBarProcessor.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-progress-bar-processor", + height: 24 + }) + }, + _init: function () { + BI.ProgressBarProcessor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.svg = BI.createWidget({ + type: "bi.svg", + width: 12, + height: 12 + }); + this.svg.circle(6, 6, 6).attr({fill: "#eaeaea", "stroke": ""}); + + this.dot = this.svg.circle(6, 6, 3).attr({fill: "#ffffff", "stroke": ""}).hide(); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.svg, + right: 7, + top: 6 + }] + }); + }, + + setValue: function (process) { + if (process >= 100) { + process = 100; + this.dot.show(); + this.element.addClass("success"); + } else { + this.dot.hide(); + this.element.removeClass("success"); + } + this.element.width(process + "%"); + } +}); +BI.ProgressBarProcessor.EVENT_CHANGE = "ProgressBarProcessor.EVENT_CHANGE"; +$.shortcut("bi.progress_bar_processor", BI.ProgressBarProcessor); \ No newline at end of file diff --git a/src/widget/branchrelation/branchrelation.js b/src/widget/branchrelation/branchrelation.js new file mode 100644 index 000000000..5a3e9a8c7 --- /dev/null +++ b/src/widget/branchrelation/branchrelation.js @@ -0,0 +1,498 @@ +/** + * 表关联树 + * + * Created by GUY on 2015/12/15. + * @class BI.BranchRelation + * @extends BI.Widget + */ +BI.BranchRelation = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.BranchRelation.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-branch-relation-tree", + items: [], + + centerOffset: 0,//重心偏移量 + direction: BI.Direction.Bottom, + align: BI.VerticalAlign.Top + }) + }, + + _init: function () { + BI.BranchRelation.superclass._init.apply(this, arguments); + this.populate(this.options.items); + }, + + //树分层 + _stratification: function () { + var levels = []; + this.tree.recursion(function (node, route) { + //node.isRoot = route.length <= 1; + node.leaf = node.isLeaf(); + if (!levels[route.length - 1]) { + levels[route.length - 1] = []; + } + levels[route.length - 1].push(node); + }); + return levels; + }, + + //计算所有节点的叶子结点个数 + _calculateLeaves: function () { + var count = 0; + + function track(node) { + var c = 0; + if (node.isLeaf()) { + return 1; + } + BI.each(node.getChildren(), function (i, child) { + c += track(child); + }); + node.set("leaves", c); + return c; + } + + count = track(this.tree.getRoot()); + return count; + }, + + //树平移 + _translate: function (levels) { + var adjust = []; + var maxLevel = levels.length; + BI.each(levels, function (i, nodes) { + if (!adjust[i]) { + adjust[i] = []; + } + BI.each(nodes, function (j, node) { + if (node.isLeaf() && i < maxLevel - 1) { + var newNode = new BI.Node(BI.UUID()); + //newNode.isEmptyRoot = node.isRoot || node.isEmptyRoot; + newNode.isNew = true; + //把node向下一层移 + var tar = 0; + if (j > 0) { + var c = nodes[j - 1].getLastChild(); + tar = levels[i + 1].indexOf(c) + 1; + } + levels[i + 1].splice(tar, 0, node); + //新增一个临时树节点 + var index = node.parent.getChildIndex(node.id); + node.parent.removeChildByIndex(index); + node.parent.addChild(newNode, index); + newNode.addChild(node); + adjust[i].push(newNode); + nodes[j] = newNode; + } else { + adjust[i].push(node); + } + }) + }); + return adjust; + }, + + //树补白 + _fill: function (levels) { + var adjust = []; + var maxLevel = levels.length; + BI.each(levels, function (i, nodes) { + if (!adjust[i]) { + adjust[i] = []; + } + BI.each(nodes, function (j, node) { + if (node.isLeaf() && i < maxLevel - 1) { + var newNode = new BI.Node(BI.UUID()); + newNode.leaf = true; + newNode.width = node.width; + newNode.height = node.height; + newNode.isNew = true; + //把node向下一层移 + var tar = 0; + if (j > 0) { + var c = nodes[j - 1].getLastChild(); + tar = levels[i + 1].indexOf(c) + 1; + } + levels[i + 1].splice(tar, 0, newNode); + //新增一个临时树节点 + node.addChild(newNode); + } + adjust[i].push(node); + }) + }); + return adjust; + }, + + //树调整 + _adjust: function (adjust) { + while (true) { + var isAllNeedAjust = false; + BI.backEach(adjust, function (i, nodes) { + BI.each(nodes, function (j, node) { + if (!node.isNew) { + var needAdjust = true; + BI.any(node.getChildren(), function (k, n) { + if (!n.isNew) { + needAdjust = false; + return true; + } + }); + if (!node.isLeaf() && needAdjust === true) { + var allChilds = []; + BI.each(node.getChildren(), function (k, n) { + allChilds = allChilds.concat(n.getChildren()); + }); + node.removeAllChilds(); + BI.each(allChilds, function (k, c) { + node.addChild(c); + }); + var newNode = new BI.Node(BI.UUID()); + //newNode.isEmptyRoot = node.isRoot || node.isEmptyRoot; + newNode.isNew = true; + var index = node.parent.getChildIndex(node.id); + node.parent.removeChildByIndex(index); + node.parent.addChild(newNode, index); + newNode.addChild(node); + isAllNeedAjust = true; + } + } + }) + }); + if (isAllNeedAjust === false) { + break; + } else {//树重构 + adjust = this._stratification(); + } + } + return adjust; + }, + + _calculateWidth: function () { + var o = this.options; + var width = 0; + + function track1(node) { + var w = 0; + if (node.isLeaf()) { + return node.width; + } + BI.each(node.getChildren(), function (i, child) { + w += track1(child); + }); + return w; + } + + function track2(node) { + var w = 0; + if (node.isLeaf()) { + return node.height; + } + BI.each(node.getChildren(), function (i, child) { + w += track2(child); + }); + return w; + } + + if (this._isVertical()) { + width = track1(this.tree.getRoot()); + } else { + width = track2(this.tree.getRoot()); + } + + return width; + }, + + _isVertical: function () { + var o = this.options; + return o.direction === BI.Direction.Top || o.direction === BI.Direction.Bottom; + }, + + _calculateHeight: function () { + var o = this.options; + var height = 0; + + function track1(node) { + var h = 0; + BI.each(node.getChildren(), function (i, child) { + h = Math.max(h, track1(child)); + }); + return h + (node.height || 0); + } + + function track2(node) { + var h = 0; + BI.each(node.getChildren(), function (i, child) { + h = Math.max(h, track2(child)); + }); + return h + (node.width || 0); + } + + if (this._isVertical()) { + height = track1(this.tree.getRoot()); + } else { + height = track2(this.tree.getRoot()); + } + return height; + }, + + _calculateXY: function (levels) { + var o = this.options; + var width = this._calculateWidth(); + var height = this._calculateHeight(); + var levelCount = levels.length; + var allLeavesCount = this._calculateLeaves(); + //计算坐标 + var xy = {}; + var levelHeight = height / levelCount; + BI.each(levels, function (i, nodes) { + //计算权重 + var weights = []; + BI.each(nodes, function (j, node) { + weights[j] = (node.get("leaves") || 1) / allLeavesCount; + }); + BI.each(nodes, function (j, node) { + //求前j个元素的权重 + var weight = BI.sum(weights.slice(0, j)); + //求坐标 + var x = weight * width + weights[j] * width / 2; + var y = i * levelHeight + levelHeight / 2; + xy[node.id] = {x: x, y: y}; + }) + }); + return xy; + }, + + _stroke: function (levels, xy) { + var height = this._calculateHeight(); + var levelCount = levels.length; + var levelHeight = height / levelCount; + var self = this, o = this.options; + switch (o.direction) { + case BI.Direction.Top: + BI.each(levels, function (i, nodes) { + BI.each(nodes, function (j, node) { + if (node.getChildrenLength() > 0 && !node.leaf) { + var path = ""; + var start = xy[node.id]; + var split = start.y + levelHeight / 2; + path += "M" + start.x + "," + (start.y + o.centerOffset) + "L" + start.x + "," + split; + var end = []; + BI.each(node.getChildren(), function (t, c) { + var e = end[t] = xy[c.id]; + path += "M" + e.x + "," + (e.y + o.centerOffset) + "L" + e.x + "," + split; + }); + if (end.length > 0) { + path += "M" + BI.first(end).x + "," + split + "L" + BI.last(end).x + "," + split; + } + self.svg.path(path).attr("stroke", "gray"); + } + }) + }); + break; + case BI.Direction.Bottom: + BI.each(levels, function (i, nodes) { + BI.each(nodes, function (j, node) { + if (node.getChildrenLength() > 0 && !node.leaf) { + var path = ""; + var start = xy[node.id]; + var split = start.y - levelHeight / 2; + path += "M" + start.x + "," + (start.y - o.centerOffset) + "L" + start.x + "," + split; + var end = []; + BI.each(node.getChildren(), function (t, c) { + var e = end[t] = xy[c.id]; + path += "M" + e.x + "," + (e.y - o.centerOffset) + "L" + e.x + "," + split; + }); + if (end.length > 0) { + path += "M" + BI.first(end).x + "," + split + "L" + BI.last(end).x + "," + split; + } + self.svg.path(path).attr("stroke", "gray"); + } + }) + }); + break; + case BI.Direction.Left: + BI.each(levels, function (i, nodes) { + BI.each(nodes, function (j, node) { + if (node.getChildrenLength() > 0 && !node.leaf) { + var path = ""; + var start = xy[node.id]; + var split = start.y + levelHeight / 2; + path += "M" + (start.y + o.centerOffset) + "," + start.x + "L" + split + "," + start.x; + var end = []; + BI.each(node.getChildren(), function (t, c) { + var e = end[t] = xy[c.id]; + path += "M" + (e.y + o.centerOffset) + "," + e.x + "L" + split + "," + e.x; + }); + if (end.length > 0) { + path += "M" + split + "," + BI.first(end).x + "L" + split + "," + BI.last(end).x; + } + self.svg.path(path).attr("stroke", "gray"); + } + }) + }); + break; + case BI.Direction.Right: + BI.each(levels, function (i, nodes) { + BI.each(nodes, function (j, node) { + if (node.getChildrenLength() > 0 && !node.leaf) { + var path = ""; + var start = xy[node.id]; + var split = start.y - levelHeight / 2; + path += "M" + (start.y - o.centerOffset) + "," + start.x + "L" + split + "," + start.x; + var end = []; + BI.each(node.getChildren(), function (t, c) { + var e = end[t] = xy[c.id]; + path += "M" + (e.y - o.centerOffset) + "," + e.x + "L" + split + "," + e.x; + }); + if (end.length > 0) { + path += "M" + split + "," + BI.first(end).x + "L" + split + "," + BI.last(end).x; + } + self.svg.path(path).attr("stroke", "gray"); + } + }) + }); + break; + } + }, + + _createBranches: function (levels) { + var self = this, o = this.options; + if (o.direction === BI.Direction.Bottom || o.direction === BI.Direction.Right) { + levels = levels.reverse(); + } + var xy = this._calculateXY(levels); + //画图 + this._stroke(levels, xy); + }, + + _isNeedAdjust: function () { + var o = this.options; + return o.direction === BI.Direction.Top && o.align === BI.VerticalAlign.Bottom || o.direction === BI.Direction.Bottom && o.align === BI.VerticalAlign.Top + || o.direction === BI.Direction.Left && o.align === BI.HorizontalAlign.Right || o.direction === BI.Direction.Right && o.align === BI.HorizontalAlign.Left + }, + + setValue: function (value) { + + }, + + getValue: function () { + + }, + + _transformToTreeFormat: function (sNodes) { + var i, l; + if (!sNodes) { + return []; + } + + if (BI.isArray(sNodes)) { + var r = []; + var tmpMap = []; + for (i = 0, l = sNodes.length; i < l; i++) { + tmpMap[sNodes[i].id] = sNodes[i]; + } + for (i = 0, l = sNodes.length; i < l; i++) { + if (tmpMap[sNodes[i].pId] && sNodes[i].id != sNodes[i].pId) { + if (!tmpMap[sNodes[i].pId].children) { + tmpMap[sNodes[i].pId].children = []; + } + tmpMap[sNodes[i].pId].children.push(sNodes[i]); + } else { + r.push(sNodes[i]); + } + } + return r; + } else { + return [sNodes]; + } + }, + + populate: function (items) { + var self = this, o = this.options; + o.items = items || []; + this.empty(); + items = this._transformToTreeFormat(o.items); + this.tree = new BI.Tree(); + this.tree.initTree(items); + + this.svg = BI.createWidget({ + type: "bi.svg" + }); + + //树分层 + var levels = this._stratification(); + + if (this._isNeedAdjust()) { + //树平移 + var adjust = this._translate(levels); + //树调整 + adjust = this._adjust(adjust); + + this._createBranches(adjust); + } else { + var adjust = this._fill(levels); + + this._createBranches(adjust); + } + + var container = BI.createWidget({ + type: "bi.layout", + width: this._isVertical() ? this._calculateWidth() : this._calculateHeight(), + height: this._isVertical() ? this._calculateHeight() : this._calculateWidth() + }); + BI.createWidget({ + type: "bi.absolute", + element: container, + items: [{ + el: this.svg, + top: 0, + left: 0, + right: 0, + bottom: 0 + }] + }); + if (this._isVertical()) { + items = [{ + type: "bi.handstand_branch_tree", + expander: { + direction: o.direction + }, + el: { + layouts: [{ + type: "bi.horizontal_adapt", + verticalAlign: o.align + }] + }, + items: items + }] + } else { + items = [{ + type: "bi.branch_tree", + expander: { + direction: o.direction + }, + el: { + layouts: [{ + type: "bi.vertical" + }, { + type: o.align === BI.HorizontalAlign.Left ? "bi.left" : "bi.right" + }] + }, + items: items + }] + } + BI.createWidget({ + type: "bi.adaptive", + element: container, + items: items + }); + BI.createWidget({ + type: "bi.center_adapt", + scrollable: true, + element: this, + items: [container] + }); + } +}); +BI.BranchRelation.EVENT_CHANGE = "BranchRelation.EVENT_CHANGE"; +$.shortcut("bi.branch_relation", BI.BranchRelation); \ No newline at end of file diff --git a/src/widget/colorchooser/colorchooser.custom.js b/src/widget/colorchooser/colorchooser.custom.js new file mode 100644 index 000000000..bdbe63115 --- /dev/null +++ b/src/widget/colorchooser/colorchooser.custom.js @@ -0,0 +1,70 @@ +/** + * 自定义选色 + * + * Created by GUY on 2015/11/17. + * @class BI.CustomColorChooser + * @extends BI.Widget + */ +BI.CustomColorChooser = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.CustomColorChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-custom-color-chooser", + width: 227, + height: 245 + }) + }, + + _init: function () { + BI.CustomColorChooser.superclass._init.apply(this, arguments); + var self = this; + this.editor = BI.createWidget({ + type: "bi.color_picker_editor", + width: 195 + }); + this.editor.on(BI.ColorPickerEditor.EVENT_CHANGE, function () { + self.setValue(this.getValue()); + }); + this.farbtastic = BI.createWidget({ + type: "bi.farbtastic" + }); + this.farbtastic.on(BI.Farbtastic.EVENT_CHANGE, function () { + self.setValue(this.getValue()); + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + type: "bi.absolute", + items: [{ + el: this.editor, + left: 15, + top: 10, + right: 15 + }], + height: 30 + }, { + type: "bi.absolute", + items: [{ + el: this.farbtastic, + left: 15, + right: 15, + top: 10 + }], + height: 215 + }] + }) + }, + + setValue: function (color) { + this.editor.setValue(color); + this.farbtastic.setValue(color); + }, + + getValue: function () { + return this.editor.getValue(); + } +}); +BI.CustomColorChooser.EVENT_CHANGE = "CustomColorChooser.EVENT_CHANGE"; +$.shortcut("bi.custom_color_chooser", BI.CustomColorChooser); \ No newline at end of file diff --git a/src/widget/colorchooser/colorchooser.js b/src/widget/colorchooser/colorchooser.js new file mode 100644 index 000000000..4e93f1bc0 --- /dev/null +++ b/src/widget/colorchooser/colorchooser.js @@ -0,0 +1,86 @@ +/** + * 选色控件 + * + * Created by GUY on 2015/11/17. + * @class BI.ColorChooser + * @extends BI.Widget + */ +BI.ColorChooser = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ColorChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-color-chooser", + el: {} + }) + }, + + _init: function () { + BI.ColorChooser.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(BI.extend({ + type: "bi.color_chooser_trigger", + width: o.width, + height: o.height + }, o.el)); + this.colorPicker = BI.createWidget({ + type: "bi.color_chooser_popup" + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 1, + el: this.trigger, + popup: { + el: this.colorPicker, + stopPropagation: false, + minWidth: 202 + } + }); + + var fn = function () { + var color = self.colorPicker.getValue(); + self.trigger.setValue(color); + var colors = BI.string2Array(BI.Cache.getItem("colors") || ""); + var que = new BI.Queue(8); + que.fromArray(colors); + que.remove(color); + que.unshift(color); + BI.Cache.setItem("colors", BI.array2String(que.toArray())); + }; + + this.colorPicker.on(BI.ColorChooserPopup.EVENT_VALUE_CHANGE, function () { + fn(); + }); + + this.colorPicker.on(BI.ColorChooserPopup.EVENT_CHANGE, function () { + fn(); + self.combo.hideView(); + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.colorPicker.setStoreColors(BI.string2Array(BI.Cache.getItem("colors") || "")); + }); + + this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.fireEvent(BI.ColorChooser.EVENT_CHANGE, arguments); + }) + }, + + isViewVisible: function () { + return this.combo.isViewVisible(); + }, + + setEnable: function (v) { + this.combo.setEnable(v) + }, + + setValue: function (color) { + this.combo.setValue(color); + }, + + getValue: function () { + return this.colorPicker.getValue(); + } +}); +BI.ColorChooser.EVENT_CHANGE = "ColorChooser.EVENT_CHANGE"; +$.shortcut("bi.color_chooser", BI.ColorChooser); \ No newline at end of file diff --git a/src/widget/colorchooser/colorchooser.popup.js b/src/widget/colorchooser/colorchooser.popup.js new file mode 100644 index 000000000..6c9a7e40a --- /dev/null +++ b/src/widget/colorchooser/colorchooser.popup.js @@ -0,0 +1,194 @@ +/** + * 选色控件 + * + * Created by GUY on 2015/11/17. + * @class BI.ColorChooserPopup + * @extends BI.Widget + */ +BI.ColorChooserPopup = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ColorChooserPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-color-chooser-popup", + height: 145 + }) + }, + + _init: function () { + BI.ColorChooserPopup.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.colorEditor = BI.createWidget({ + type: "bi.color_picker_editor" + }); + + this.colorEditor.on(BI.ColorPickerEditor.EVENT_CHANGE, function () { + self.setValue(this.getValue()); + self.fireEvent(BI.ColorChooserPopup.EVENT_VALUE_CHANGE, arguments); + }); + + this.storeColors = BI.createWidget({ + type: "bi.color_picker", + items: [[{ + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }, { + value: "", + disabled: true + }]], + width: 190, + height: 25 + }); + this.storeColors.on(BI.ColorPicker.EVENT_CHANGE, function () { + self.setValue(this.getValue()[0]); + self.fireEvent(BI.ColorChooserPopup.EVENT_CHANGE, arguments); + }); + + this.colorPicker = BI.createWidget({ + type: "bi.color_picker", + width: 190, + height: 50 + }); + + this.colorPicker.on(BI.ColorPicker.EVENT_CHANGE, function () { + self.setValue(this.getValue()[0]); + self.fireEvent(BI.ColorChooserPopup.EVENT_CHANGE, arguments); + }); + + this.customColorChooser = BI.createWidget({ + type: "bi.custom_color_chooser" + }); + + var panel = BI.createWidget({ + type: "bi.popup_panel", + buttons: [BI.i18nText("BI-Basic_Cancel"), BI.i18nText("BI-Basic_Save")], + title: BI.i18nText("BI-Custom_Color"), + el: this.customColorChooser, + stopPropagation: false, + bgap: -1, + rgap: 1, + lgap: 1, + minWidth: 227 + }); + + this.more = BI.createWidget({ + type: "bi.combo", + direction: "right,top", + isNeedAdjustHeight: false, + el: { + type: "bi.text_item", + cls: "color-chooser-popup-more", + textAlign: "center", + height: 20, + text: BI.i18nText("BI-Basic_More") + "..." + }, + popup: panel + }); + + this.more.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.customColorChooser.setValue(self.getValue()); + }); + panel.on(BI.PopupPanel.EVENT_CLICK_TOOLBAR_BUTTON, function (index) { + switch (index) { + case 0: + self.more.hideView(); + break; + case 1: + self.setValue(self.customColorChooser.getValue()); + self.more.hideView(); + self.fireEvent(BI.ColorChooserPopup.EVENT_CHANGE, arguments); + break; + } + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: { + type: "bi.absolute", + cls: "color-chooser-popup-title", + items: [{ + el: this.colorEditor, + left: 0, + right: 0, + top: 5 + }] + }, + height: 30 + }, { + el: { + type: "bi.absolute", + items: [{ + el: this.storeColors, + left: 5, + right: 5, + top: 5 + }] + }, + height: 30 + }, { + el: { + type: "bi.absolute", + items: [{ + el: this.colorPicker, + left: 5, + right: 5, + top: 5 + }] + }, + height: 65 + }, { + el: this.more, + height: 20 + }] + }) + }, + + setStoreColors: function (colors) { + if (BI.isArray(colors)) { + var items = BI.map(colors, function (i, color) { + return { + value: color + } + }); + BI.count(colors.length, 8, function (i) { + items.push({ + value: "", + disabled: true + }) + }); + this.storeColors.populate([items]); + } + }, + + setValue: function (color) { + this.colorEditor.setValue(color); + this.colorPicker.setValue(color); + this.storeColors.setValue(color); + }, + + getValue: function () { + return this.colorEditor.getValue(); + } +}); +BI.ColorChooserPopup.EVENT_VALUE_CHANGE = "ColorChooserPopup.EVENT_VALUE_CHANGE"; +BI.ColorChooserPopup.EVENT_CHANGE = "ColorChooserPopup.EVENT_CHANGE"; +$.shortcut("bi.color_chooser_popup", BI.ColorChooserPopup); \ No newline at end of file diff --git a/src/widget/colorchooser/colorchooser.trigger.js b/src/widget/colorchooser/colorchooser.trigger.js new file mode 100644 index 000000000..5eb440aba --- /dev/null +++ b/src/widget/colorchooser/colorchooser.trigger.js @@ -0,0 +1,58 @@ +/** + * 选色控件 + * + * Created by GUY on 2015/11/17. + * @class BI.ColorChooserTrigger + * @extends BI.Trigger + */ +BI.ColorChooserTrigger = BI.inherit(BI.Trigger, { + + _defaultConfig: function () { + var conf = BI.ColorChooserTrigger.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger", + height: 30 + }) + }, + + _init: function () { + BI.ColorChooserTrigger.superclass._init.apply(this, arguments); + this.colorContainer = BI.createWidget({ + type: "bi.layout" + }); + + var down = BI.createWidget({ + type: "bi.icon_button", + disableSelected: true, + cls: "icon-combo-down-icon trigger-triangle-font", + width: 12, + height: 8 + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.colorContainer, + left: 3, + right: 3, + top: 3, + bottom: 3 + }, { + el: down, + right: 3, + bottom: 3 + }] + }); + if (this.options.value) { + this.setValue(this.options.value); + } + }, + + setValue: function (color) { + BI.ColorChooserTrigger.superclass.setValue.apply(this, arguments); + this.colorContainer.element.css("background-color", color); + } +}); +BI.ColorChooserTrigger.EVENT_CHANGE = "ColorChooserTrigger.EVENT_CHANGE"; +$.shortcut("bi.color_chooser_trigger", BI.ColorChooserTrigger); \ No newline at end of file diff --git a/src/widget/copy2group/button.add.copy2group.js b/src/widget/copy2group/button.add.copy2group.js new file mode 100644 index 000000000..b7af1bbbf --- /dev/null +++ b/src/widget/copy2group/button.add.copy2group.js @@ -0,0 +1,59 @@ +/** + * 新建并选中某个分组按钮 + * + * Created by GUY on 2015/9/25. + * @class BI.Copy2GroupAddButton + * @extends BI.BasicButton + */ +BI.Copy2GroupAddButton = BI.inherit(BI.BasicButton, { + + _defaultConfig: function () { + var conf = BI.Copy2GroupAddButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + ' bi-copy2group-add-button', + shadow: true, + isShadowShowingOnSelected: true, + height: 30 + }) + }, + + _init: function () { + BI.Copy2GroupAddButton.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + text: BI.i18nText("BI-Create_And_Select") + "\"江苏\"", + height: o.height + }) + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.icon_button", + cls: "move2group-add-font" + }, + width: 30 + }, { + el: this.text + }] + }) + }, + + setValue: function (v) { + this.text.setValue(BI.i18nText("BI-Create_And_Select") + "\"" + v + "\""); + this.setTitle(BI.i18nText("BI-Create_And_Select") + "\"" + v + "\"", { + container: "body" + }); + }, + + doClick: function () { + BI.Copy2GroupAddButton.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.Copy2GroupAddButton.EVENT_CHANGE); + } + } +}); +BI.Copy2GroupAddButton.EVENT_CHANGE = "Copy2GroupAddButton.EVENT_CHANGE"; +$.shortcut('bi.copy2group_add_button', BI.Copy2GroupAddButton); \ No newline at end of file diff --git a/src/widget/copy2group/combo.copy2group.js b/src/widget/copy2group/combo.copy2group.js new file mode 100644 index 000000000..c8384f25c --- /dev/null +++ b/src/widget/copy2group/combo.copy2group.js @@ -0,0 +1,153 @@ +/** + * 复制到分组下拉框 + * + * Created by GUY on 2015/9/25. + * @class BI.Copy2GroupCombo + * @extends BI.Widget + */ +BI.Copy2GroupCombo = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Copy2GroupCombo.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-copy2group-combo", + height: 30, + tipType: "warning", + items: [] + }); + }, + _init: function () { + BI.Copy2GroupCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.button", + text: BI.i18nText("BI-Copy_To_Group"), + height: o.height + }); + + this.tools = BI.createWidget({ + type: "bi.copy2group_bar" + }); + + this.tools.on(BI.Copy2GroupBar.EVENT_START, function () { + self.combo.adjustHeight(); + self.searcher.adjustHeight(); + }); + this.tools.on(BI.Copy2GroupBar.EVENT_EMPTY, function () { + self.combo.adjustHeight(); + }); + this.tools.on(BI.Copy2GroupBar.EVENT_CLICK_BUTTON, function () { + self.fireEvent(BI.Copy2GroupCombo.EVENT_CLICK_BUTTON); + self.searcher.stopSearch(); + }); + this.tools.on(BI.Copy2GroupBar.EVENT_CHANGE, function () { + this.setButtonVisible(!self.searcher.hasMatched()); + self.combo.adjustHeight(); + self.searcher.adjustHeight(); + }); + + this.popup = this._createPopup(this.options.items); + + + this.searcher = BI.createWidget({ + type: "bi.searcher", + el: this.tools, + chooseType: BI.Selection.Multi, + adapter: this.popup + }); + + this.searcher.on(BI.Searcher.EVENT_CHANGE, function () { + + }); + + this.multipopup = BI.createWidget({ + type: "bi.multi_popup_view", + width: 200, + stopPropagation: false, + el: this.popup, + tool: this.searcher + }); + + + this.combo = BI.createWidget({ + type: "bi.combo", + isNeedAdjustWidth: false, + element: this, + el: this.trigger, + popup: this.multipopup + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.Copy2GroupCombo.EVENT_BEFORE_POPUPVIEW); + }); + this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.searcher.stopSearch(); + }); + + this.multipopup.on(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, function (value) { + switch (value) { + case 0 : + self.fireEvent(BI.Copy2GroupCombo.EVENT_CONFIRM); + self.combo.hideView(); + break; + default : + break; + } + }); + }, + + _createItems: function (items) { + return BI.createItems(items, { + type: "bi.multi_select_item", + height: 25, + handler: function (v) { + + } + }) + }, + + _createPopup: function (items, opt) { + return BI.createWidget(BI.extend({ + type: "bi.button_group", + items: this._createItems(items), + chooseType: 1, + layouts: [{ + type: "bi.vertical" + }] + }, opt)); + }, + + + scrollToBottom: function () { + var self = this; + BI.delay(function () { + self.popup.element.scrollTop(BI.MAX); + }, 30); + }, + + populate: function (items) { + this.options.items = items; + this.combo.populate(this._createItems(items)); + }, + + setValue: function (v) { + this.combo.setValue(v); + this.searcher.setValue(v); + }, + + setEnable: function (enable) { + this.combo.setEnable.apply(this.combo, arguments); + }, + + getTargetValue: function () { + return this.tools.getValue(); + }, + + getValue: function () { + return this.searcher.getValue(); + } +}); +BI.Copy2GroupCombo.EVENT_BEFORE_POPUPVIEW = "Copy2GroupCombo.EVENT_BEFORE_POPUPVIEW"; +BI.Copy2GroupCombo.EVENT_CHANGE = "Copy2GroupCombo.EVENT_CHANGE"; +BI.Copy2GroupCombo.EVENT_CONFIRM = "Copy2GroupCombo.EVENT_CONFIRM"; +BI.Copy2GroupCombo.EVENT_CLICK_BUTTON = "Copy2GroupCombo.EVENT_CLICK_BUTTON"; +$.shortcut('bi.copy2group_combo', BI.Copy2GroupCombo); \ No newline at end of file diff --git a/src/widget/copy2group/toolbar.copy2group.js b/src/widget/copy2group/toolbar.copy2group.js new file mode 100644 index 000000000..b5b3fa277 --- /dev/null +++ b/src/widget/copy2group/toolbar.copy2group.js @@ -0,0 +1,85 @@ +/** + * guy + * 复选导航条 + * Created by GUY on 2015/9/25. + * @class BI.Copy2GroupBar + * @extends BI.Widget + */ +BI.Copy2GroupBar = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Copy2GroupBar.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-copy2group-bar" + }) + }, + _init: function () { + BI.Copy2GroupBar.superclass._init.apply(this, arguments); + var self = this; + this.search = BI.createWidget({ + type: "bi.text_editor", + watermark: BI.i18nText("BI-Search_And_Create_Group"), + allowBlank: true + }); + + this.search.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + + this.search.on(BI.TextEditor.EVENT_CHANGE, function () { + self.button.setValue(this.getValue()); + if(this.getValue() !== "") { + self.fireEvent(BI.Copy2GroupBar.EVENT_CHANGE); + } + }); + + this.search.on(BI.TextEditor.EVENT_EMPTY, function () { + self.button.invisible(); + self.fireEvent(BI.Copy2GroupBar.EVENT_EMPTY); + }); + + this.search.on(BI.TextEditor.EVENT_START, function () { + self.button.visible(); + self.fireEvent(BI.Copy2GroupBar.EVENT_START); + }); + + this.button = BI.createWidget({ + type: "bi.copy2group_add_button" + }); + + this.button.on(BI.Copy2GroupAddButton.EVENT_CHANGE, function () { + self.fireEvent(BI.Copy2GroupBar.EVENT_CLICK_BUTTON); + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + vgap: 5, + hgap: 5, + items: [this.search, this.button] + }); + + this.button.invisible(); + }, + + blur: function(){ + this.search.blur(); + }, + + setButtonVisible: function (b) { + this.button.setVisible(b); + }, + + getValue: function () { + return this.search.getValue(); + }, + + setValue: function (v) { + this.search.setValue(v); + this.button.setValue(v); + } +}); +BI.Copy2GroupBar.EVENT_CHANGE = "Copy2GroupBar.EVENT_CHANGE"; +BI.Copy2GroupBar.EVENT_START = "Copy2GroupBar.EVENT_START"; +BI.Copy2GroupBar.EVENT_EMPTY = "Copy2GroupBar.EVENT_EMPTY"; +BI.Copy2GroupBar.EVENT_CLICK_BUTTON = "Copy2GroupBar.EVENT_CLICK_BUTTON"; +$.shortcut("bi.copy2group_bar", BI.Copy2GroupBar); \ No newline at end of file diff --git a/src/widget/date/calendar/combo.month.date.js b/src/widget/date/calendar/combo.month.date.js new file mode 100644 index 000000000..84aefdba3 --- /dev/null +++ b/src/widget/date/calendar/combo.month.date.js @@ -0,0 +1,61 @@ +/** + * 日期控件中的月份下拉框 + * + * Created by GUY on 2015/9/7. + * @class BI.MonthDateCombo + * @extends BI.Trigger + */ +BI.MonthDateCombo = BI.inherit(BI.Trigger, { + _defaultConfig: function() { + return BI.extend( BI.MonthDateCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-month-combo", + height: 25 + }); + }, + _init: function() { + BI.MonthDateCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.date_triangle_trigger" + }); + + this.popup = BI.createWidget({ + type: "bi.month_popup" + }); + + this.popup.on(BI.YearPopup.EVENT_CHANGE, function(){ + self.setValue(self.popup.getValue()); + }) + + + this.combo = BI.createWidget({ + type: "bi.combo", + offsetStyle: "center", + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + minWidth: 85, + stopPropagation: false, + el: this.popup + } + }) + this.combo.on(BI.Combo.EVENT_CHANGE, function(){ + self.combo.hideView(); + self.fireEvent(BI.MonthDateCombo.EVENT_CHANGE); + }); + }, + + setValue: function(v){ + this.trigger.setValue(v + 1); + this.popup.setValue(v); + }, + + getValue: function(){ + return this.popup.getValue(); + } +}); +BI.MonthDateCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.month_date_combo', BI.MonthDateCombo); \ No newline at end of file diff --git a/src/widget/date/calendar/combo.year.date.js b/src/widget/date/calendar/combo.year.date.js new file mode 100644 index 000000000..766c23916 --- /dev/null +++ b/src/widget/date/calendar/combo.year.date.js @@ -0,0 +1,66 @@ +/** + * 年份下拉框 + * + * Created by GUY on 2015/9/7. + * @class BI.YearDateCombo + * @extends BI.Trigger + */ +BI.YearDateCombo = BI.inherit(BI.Trigger, { + _defaultConfig: function() { + return BI.extend( BI.YearDateCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-combo", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + height: 25 + }); + }, + _init: function() { + BI.YearDateCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.date_triangle_trigger" + }); + + this.popup = BI.createWidget({ + type: "bi.year_popup", + min: o.min, + max: o.max + }); + + this.popup.on(BI.YearPopup.EVENT_CHANGE, function(){ + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.YearDateCombo.EVENT_CHANGE); + }) + + + this.combo = BI.createWidget({ + type: "bi.combo", + offsetStyle: "center", + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + minWidth: 85, + stopPropagation: false, + el: this.popup + } + }) + this.combo.on(BI.Combo.EVENT_CHANGE, function(){ + self.fireEvent(BI.YearDateCombo.EVENT_CHANGE); + }) + }, + + setValue: function(v){ + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function(){ + return this.popup.getValue(); + } +}); +BI.YearDateCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.year_date_combo', BI.YearDateCombo); \ No newline at end of file diff --git a/src/widget/date/calendar/picker.date.js b/src/widget/date/calendar/picker.date.js new file mode 100644 index 000000000..69ca50b06 --- /dev/null +++ b/src/widget/date/calendar/picker.date.js @@ -0,0 +1,127 @@ +/** + * Created by GUY on 2015/9/7. + * @class BI.DatePicker + * @extends BI.Widget + */ +BI.DatePicker = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.DatePicker.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-date-picker", + height: 25, + min: '1900-01-01', //最小日期 + max: '2099-12-31' //最大日期 + }) + }, + + _init: function () { + BI.DatePicker.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this._year = new Date().getFullYear(); + this._month = new Date().getMonth(); + this.left = BI.createWidget({ + type: "bi.icon_button", + cls: "pre-page-h-font", + width: 25, + height: 25 + }); + this.left.on(BI.IconButton.EVENT_CHANGE, function () { + if (self._month === 0) { + self.setValue({ + year: self.year.getValue() - 1, + month: 11 + }) + } else { + self.setValue({ + year: self.year.getValue(), + month: self.month.getValue() - 1 + }) + } + self.fireEvent(BI.DatePicker.EVENT_CHANGE); + }); + + this.right = BI.createWidget({ + type: "bi.icon_button", + cls: "next-page-h-font", + width: 25, + height: 25 + }); + + this.right.on(BI.IconButton.EVENT_CHANGE, function () { + if (self._month === 11) { + self.setValue({ + year: self.year.getValue() + 1, + month: 0 + }) + } else { + self.setValue({ + year: self.year.getValue(), + month: self.month.getValue() + 1 + }) + } + self.fireEvent(BI.DatePicker.EVENT_CHANGE); + }); + + this.year = BI.createWidget({ + type: "bi.year_date_combo", + min: o.min, + max: o.max + }); + this.year.on(BI.YearDateCombo.EVENT_CHANGE, function () { + self.setValue({ + year: self.year.getValue(), + month: self.month.getValue() + }); + self.fireEvent(BI.DatePicker.EVENT_CHANGE); + }) + this.month = BI.createWidget({ + type: "bi.month_date_combo" + }); + this.month.on(BI.MonthDateCombo.EVENT_CHANGE, function () { + self.setValue({ + year: self.year.getValue(), + month: self.month.getValue() + }); + self.fireEvent(BI.DatePicker.EVENT_CHANGE); + }); + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.left, + width: 25 + }, { + type: "bi.center_adapt", + items: [{ + type: "bi.horizontal", + width: 100, + items: [this.year, this.month] + }] + }, { + el: this.right, + width: 25 + }] + }) + this.setValue({ + year: this._year, + month: this._month + }) + }, + + setValue: function (ob) { + this._year = ob.year; + this._month = ob.month; + this.year.setValue(ob.year); + this.month.setValue(ob.month); + }, + + getValue: function () { + return { + year: this.year.getValue(), + month: this.month.getValue() + } + } +}); +BI.DatePicker.EVENT_CHANGE = "EVENT_CHANGE" +$.shortcut("bi.date_picker", BI.DatePicker); \ No newline at end of file diff --git a/src/widget/date/calendar/popup.calendar.date.js b/src/widget/date/calendar/popup.calendar.date.js new file mode 100644 index 000000000..a1d136c58 --- /dev/null +++ b/src/widget/date/calendar/popup.calendar.date.js @@ -0,0 +1,96 @@ +/** + * Created by GUY on 2015/9/7. + * @class BI.DateCalendarPopup + * @extends BI.Widget + */ +BI.DateCalendarPopup = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.DateCalendarPopup.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-date-calendar-popup", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + selectedTime: null + }) + }, + + _createNav: function (v) { + var date = BI.Calendar.getDateJSONByPage(v); + var calendar = BI.createWidget({ + type: "bi.calendar", + logic: { + dynamic: true + }, + min: this.options.min, + max: this.options.max, + year: date.year, + month: date.month, + day: this.selectedTime.day + }); + return calendar; + }, + + _init: function () { + BI.DateCalendarPopup.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.today = new Date(); + this._year = this.today.getFullYear(); + this._month = this.today.getMonth(); + this._day = this.today.getDate(); + + this.selectedTime = o.selectedTime || { + year: this._year, + month: this._month, + day: this._day + }; + this.datePicker = BI.createWidget({ + type: "bi.date_picker", + min: o.min, + max: o.max + }); + + this.calendar = BI.createWidget({ + direction: "top", + element: this, + logic: { + dynamic: true + }, + type: "bi.navigation", + tab: this.datePicker, + cardCreator: BI.bind(this._createNav, this), + + afterCardCreated: function () { + + }, + + afterCardShow: function () { + this.setValue(self.selectedTime); + } + }); + + this.datePicker.on(BI.DatePicker.EVENT_CHANGE, function () { + self.selectedTime = self.datePicker.getValue(); + self.selectedTime.day = 1; + self.calendar.setSelect(BI.Calendar.getPageByDateJSON(self.selectedTime)); + }); + + this.calendar.on(BI.Navigation.EVENT_CHANGE, function () { + self.selectedTime = self.calendar.getValue(); + self.setValue(self.selectedTime); + self.fireEvent(BI.DateCalendarPopup.EVENT_CHANGE); + }); + }, + + setValue: function (timeOb) { + this.datePicker.setValue(timeOb); + this.calendar.setSelect(BI.Calendar.getPageByDateJSON(timeOb)); + this.calendar.setValue(timeOb); + this.selectedTime = timeOb; + }, + + getValue: function () { + return this.selectedTime; + } +}); +BI.DateCalendarPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.date_calendar_popup", BI.DateCalendarPopup); \ No newline at end of file diff --git a/src/widget/date/calendar/trigger.triangle.date.js b/src/widget/date/calendar/trigger.triangle.date.js new file mode 100644 index 000000000..9649f1871 --- /dev/null +++ b/src/widget/date/calendar/trigger.triangle.date.js @@ -0,0 +1,70 @@ +/** + * 日期控件中的年份或月份trigger + * + * Created by GUY on 2015/9/7. + * @class BI.DateTriangleTrigger + * @extends BI.Trigger + */ +BI.DateTriangleTrigger = BI.inherit(BI.Trigger, { + _const: { + height: 25, + iconWidth: 16, + iconHeight: 13 + }, + + _defaultConfig: function() { + return BI.extend( BI.DateTriangleTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-date-triangle-trigger pull-down-ha-font cursor-pointer", + height: 25 + }); + }, + _init: function() { + BI.DateTriangleTrigger.superclass._init.apply(this, arguments); + var o = this.options, c = this._const; + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-item-text", + textAlign: "right", + text: o.text, + value: o.value, + height: c.height + }) + this.icon = BI.createWidget({ + type: "bi.icon", + width: c.iconWidth, + height: c.iconHeight + }); + + BI.createWidget({ + type: "bi.center_adapt", + element: this, + items: [{ + type: "bi.center_adapt", + width: 50, + height: c.height, + items: [this.text, this.icon] + }] + }) + }, + + setValue: function(v){ + this.text.setValue(v); + }, + + getValue: function(){ + return this.text.getValue(); + }, + + setText: function(v){ + this.text.setText(v); + }, + + getText: function(){ + return this.item.getText(); + }, + + getKey: function(){ + + } +}); +$.shortcut('bi.date_triangle_trigger', BI.DateTriangleTrigger); \ No newline at end of file diff --git a/src/widget/date/combo.date.js b/src/widget/date/combo.date.js new file mode 100644 index 000000000..9081ee53b --- /dev/null +++ b/src/widget/date/combo.date.js @@ -0,0 +1,59 @@ +/** + * 日期下拉框 + * + * Created by GUY on 2015/9/7. + * @class BI.DateCombo + * @extends BI.Widget + */ +BI.DateCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.DateCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-date-combo", + height: 30 + }); + }, + _init: function () { + BI.DateCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.date_trigger" + }); + + this.trigger.on(BI.DateTrigger.EVENT_TRIGGER_CLICK, function () { + self.combo.toggle(); + }); + + this.popup = BI.createWidget({ + type: "bi.date_calendar_popup" + }); + + this.popup.on(BI.DateCalendarPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + toggle: false, + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + width: 270, + el: this.popup, + stopPropagation: false + } + }) + }, + + setValue: function (v) { + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + } +}); +$.shortcut('bi.date_combo', BI.DateCombo); \ No newline at end of file diff --git a/src/widget/date/trigger.date.js b/src/widget/date/trigger.date.js new file mode 100644 index 000000000..030833ae6 --- /dev/null +++ b/src/widget/date/trigger.date.js @@ -0,0 +1,269 @@ +BI.DateTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4, + vgap: 2, + triggerWidth: 30, + watermark: BI.i18nText("BI-Unrestricted"), + yearLength: 4, + yearMonthLength: 7 + }, + + _defaultConfig: function () { + return BI.extend(BI.DateTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-date-trigger", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + height: 25 + }); + }, + _init: function () { + BI.DateTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height, + validationChecker: function (v) { + var date = v.match(/\d+/g); + self._autoAppend(v, date); + return self._dateCheck(v) && Date.checkLegal(v) && self._checkVoid({ + year: date[0], + month: date[1], + day: date[2] + }); + }, + quitChecker: function () { + return false; + }, + hgap: c.hgap, + vgap: c.vgap, + allowBlank: true, + watermark: c.watermark, + errorText: function () { + if (self.editor.isEditing()) { + return BI.i18nText("BI-Date_Trigger_Error_Text"); + } + return BI.i18nText("BI-Year_Trigger_Invalid_Text"); + } + }); + this.editor.on(BI.SignEditor.EVENT_KEY_DOWN, function () { + self.fireEvent(BI.DateTrigger.EVENT_KEY_DOWN) + }); + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.DateTrigger.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_VALID, function () { + self.fireEvent(BI.DateTrigger.EVENT_VALID); + }); + this.editor.on(BI.SignEditor.EVENT_ERROR, function () { + self.fireEvent(BI.DateTrigger.EVENT_ERROR); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + var value = self.editor.getValue(); + if (BI.isNotNull(value)) { + self.editor.setState(value); + } + + if (BI.isNotEmptyString(value)) { + var date = value.split("-"); + self.store_value = { + type: BICst.MULTI_DATE_CALENDAR, + value:{ + year: date[0] | 0, + month: date[1] - 1, + day: date[2] | 0 + } + }; + } + self.fireEvent(BI.DateTrigger.EVENT_CONFIRM); + }); + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + if (self.editor.isValid()) { + self.editor.blur(); + } + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.DateTrigger.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.DateTrigger.EVENT_STOP); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.DateTrigger.EVENT_CHANGE); + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: BI.createWidget(), + width: 30 + }, { + el: this.editor + }] + }) + }, + _dateCheck: function (date) { + return Date.parseDateTime(date, "%Y-%x-%d").print("%Y-%x-%d") == date || Date.parseDateTime(date, "%Y-%X-%d").print("%Y-%X-%d") == date || Date.parseDateTime(date, "%Y-%x-%e").print("%Y-%x-%e") == date || Date.parseDateTime(date, "%Y-%X-%e").print("%Y-%X-%e") == date; + }, + _checkVoid: function (obj) { + return !Date.checkVoid(obj.year, obj.month, obj.day, this.options.min, this.options.max)[0]; + }, + _autoAppend: function (v, dateObj) { + var self = this; + var date = Date.parseDateTime(v, "%Y-%X-%d").print("%Y-%X-%d"); + var yearCheck = function (v) { + return Date.parseDateTime(v, "%Y").print("%Y") == v && date >= self.options.min && date <= self.options.max; + }; + var monthCheck = function (v) { + return Date.parseDateTime(v, "%Y-%X").print("%Y-%X") == v && date >= self.options.min && date <= self.options.max; + }; + if (BI.isNotNull(dateObj) && Date.checkLegal(v)) { + switch (v.length) { + case this._const.yearLength: + if (yearCheck(v)) { + this.editor.setValue(v + "-"); + } + break; + case this._const.yearMonthLength: + if (monthCheck(v)) { + this.editor.setValue(v + "-"); + } + break; + } + } + }, + + setValue: function (v) { + var type, value, self = this; + var date = new Date(); + this.store_value = v; + if (BI.isNotNull(v)) { + type = v.type || BICst.MULTI_DATE_CALENDAR; value = v.value; + if(BI.isNull(value)){ + value = v; + } + } + var _setInnerValue = function (date, text) { + var dateStr = date.print("%Y-%x-%e"); + self.editor.setState(dateStr); + self.editor.setValue(dateStr); + self.setTitle(text + ":" + dateStr); + }; + switch (type) { + case BICst.MULTI_DATE_YEAR_PREV: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_PREV]; + date = new Date((date.getFullYear() - 1 * value), date.getMonth(), date.getDate()); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_YEAR_AFTER: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_AFTER]; + date = new Date((date.getFullYear() + 1 * value), date.getMonth(), date.getDate()); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_YEAR_BEGIN: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_BEGIN]; + date = new Date(date.getFullYear(), 0, 1); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_YEAR_END: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_END]; + date = new Date(date.getFullYear(), 11, 31); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_QUARTER_PREV: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_PREV]; + date = new Date().getBeforeMulQuarter(value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_QUARTER_AFTER: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_AFTER]; + date = new Date().getAfterMulQuarter(value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_QUARTER_BEGIN: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_BEGIN]; + date = new Date().getQuarterStartDate(); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_QUARTER_END: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_END]; + date = new Date().getQuarterEndDate(); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_MONTH_PREV: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_PREV]; + date = new Date().getBeforeMultiMonth(value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_MONTH_AFTER: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_AFTER]; + date = new Date().getAfterMultiMonth(value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_MONTH_BEGIN: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_BEGIN]; + date = new Date(date.getFullYear(), date.getMonth(), 1); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_MONTH_END: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_END]; + date = new Date(date.getFullYear(), date.getMonth(), (date.getLastDateOfMonth()).getDate()); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_WEEK_PREV: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_PREV]; + date = date.getOffsetDate(-7 * value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_WEEK_AFTER: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_AFTER]; + date = date.getOffsetDate(7 * value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_DAY_PREV: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_PREV]; + date = date.getOffsetDate(-1 * value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_DAY_AFTER: + var text = value + BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_AFTER]; + date = date.getOffsetDate(1 * value); + _setInnerValue(date, text); + break; + case BICst.MULTI_DATE_DAY_TODAY: + var text = BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_TODAY]; + date = new Date(); + _setInnerValue(date, text); + break; + default: + if (BI.isNull(value) || BI.isNull(value.day)) { + this.editor.setState(""); + this.editor.setValue(""); + this.setTitle(""); + } else { + var dateStr = value.year + "-" + (value.month + 1) + "-" + value.day; + this.editor.setState(dateStr); + this.editor.setValue(dateStr); + this.setTitle(dateStr); + } + break; + } + }, + + getKey: function () { + return this.editor.getValue(); + }, + getValue: function () { + return this.store_value; + } + +}); +BI.DateTrigger.EVENT_FOCUS = "EVENT_FOCUS"; +BI.DateTrigger.EVENT_START = "EVENT_START"; +BI.DateTrigger.EVENT_STOP = "EVENT_STOP"; +BI.DateTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.DateTrigger.EVENT_CHANGE = "EVENT_CHANGE"; +BI.DateTrigger.EVENT_VALID = "EVENT_VALID"; +BI.DateTrigger.EVENT_ERROR = "EVENT_ERROR"; +BI.DateTrigger.EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK"; +BI.DateTrigger.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; +$.shortcut("bi.date_trigger", BI.DateTrigger); \ No newline at end of file diff --git a/src/widget/datepane/datepanenotselectday.js b/src/widget/datepane/datepanenotselectday.js new file mode 100644 index 000000000..0b7e674ad --- /dev/null +++ b/src/widget/datepane/datepanenotselectday.js @@ -0,0 +1,122 @@ +/** + * Created by zcf on 2017/2/20. + */ +BI.DatePaneWidget = BI.inherit(BI.Widget, { + _defaultConfig: function () { + var conf = BI.DatePaneWidget.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-date-pane-widget", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + selectedTime: null + }) + }, + _init: function () { + BI.DatePaneWidget.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.today = new Date(); + this._year = this.today.getFullYear(); + this._month = this.today.getMonth(); + + this.selectedTime = o.selectedTime || { + year: this._year, + month: this._month + }; + + this.datePicker = BI.createWidget({ + type: "bi.date_picker", + min: o.min, + max: o.max + }); + this.datePicker.on(BI.DatePicker.EVENT_CHANGE, function () { + self.selectedTime = self.datePicker.getValue(); + // self.selectedTime.day = 1; + self.calendar.setSelect(BI.Calendar.getPageByDateJSON(self.selectedTime)); + }); + + this.calendar = BI.createWidget({ + direction: "top", + element: this, + logic: { + dynamic: true + }, + type: "bi.navigation", + tab: this.datePicker, + cardCreator: BI.bind(this._createNav, this) + + // afterCardCreated: function () { + // + // }, + // + // afterCardShow: function () { + // // this.setValue(self.selectedTime); + // } + }); + this.calendar.on(BI.Navigation.EVENT_CHANGE, function () { + self.selectedTime = self.calendar.getValue(); + self.calendar.empty(); + self.setValue(self.selectedTime); + self.fireEvent(BI.DateCalendarPopup.EVENT_CHANGE); + }); + + }, + + _createNav: function (v) { + var date = BI.Calendar.getDateJSONByPage(v); + var calendar = BI.createWidget({ + type: "bi.calendar", + logic: { + dynamic: true + }, + min: this.options.min, + max: this.options.max, + year: date.year, + month: date.month, + day: this.selectedTime.day + }); + return calendar; + }, + + _getNewCurrentDate: function () { + var today = new Date(); + return { + year: today.getFullYear(), + month: today.getMonth() + } + }, + + _setCalenderValue: function (date) { + this.calendar.setSelect(BI.Calendar.getPageByDateJSON(date)); + this.calendar.setValue(date); + this.selectedTime = date; + }, + + _setDatePicker: function (timeOb) { + if (BI.isNull(timeOb) || BI.isNull(timeOb.year) || BI.isNull(timeOb.month)) { + this.datePicker.setValue(this._getNewCurrentDate()); + } else { + this.datePicker.setValue(timeOb); + } + }, + + _setCalendar: function (timeOb) { + if (BI.isNull(timeOb) || BI.isNull(timeOb.day)) { + this.calendar.empty(); + this._setCalenderValue(this._getNewCurrentDate()); + } else { + this._setCalenderValue(timeOb) + } + }, + + setValue: function (timeOb) { + this._setDatePicker(timeOb); + this._setCalendar(timeOb); + }, + + getValue: function () { + return this.selectedTime; + } + +}); +$.shortcut("bi.date_pane_widget", BI.DatePaneWidget); \ No newline at end of file diff --git a/src/widget/directionpathchooser/directionpathchooser.js b/src/widget/directionpathchooser/directionpathchooser.js new file mode 100644 index 000000000..ae3e8d794 --- /dev/null +++ b/src/widget/directionpathchooser/directionpathchooser.js @@ -0,0 +1,243 @@ +/** + * 带有方向的pathchooser + * + * Created by GUY on 2016/4/21. + * @class BI.DirectionPathChooser + * @extends BI.Widget + */ +BI.DirectionPathChooser = BI.inherit(BI.Widget, { + + _const: { + lineColor: "#808080", + selectLineColor: "#009de3" + }, + + _defaultConfig: function () { + return BI.extend(BI.DirectionPathChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-excel-table", + items: [] + }); + }, + + _init: function () { + BI.DirectionPathChooser.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.pathChooser = BI.createWidget({ + type: "bi.path_chooser", + element: this, + items: o.items + }); + this.pathChooser.on(BI.PathChooser.EVENT_CHANGE, function (start, index) { + //self._unselectAllArrows(); + self._setValue(start, index); + self.fireEvent(BI.DirectionPathChooser.EVENT_CHANGE); + }); + this._drawArrows(); + + }, + + _unselectAllArrows: function () { + var self = this, lineColor = this._const.lineColor; + BI.each(this.arrows, function (region, rs) { + BI.each(rs, function (idx, arrows) { + BI.each(arrows, function (i, arrow) { + arrow.attr({fill: lineColor, stroke: lineColor}); + }); + }); + }); + }, + + _drawOneArrow: function (dot, direction) { + //0,1,2,3 上右下左 + var lineColor = this._const.lineColor; + var selectLineColor = this._const.selectLineColor; + var svg = this.pathChooser.svg; + var path = ""; + switch (direction) { + case 0: + path = "M" + dot.x + "," + dot.y + + "L" + (dot.x - 3) + "," + (dot.y + 5) + + "L" + (dot.x + 3) + "," + (dot.y + 5) + + "L" + dot.x + "," + dot.y; + break; + case 1: + path = "M" + dot.x + "," + dot.y + + "L" + (dot.x - 5) + "," + (dot.y - 3) + + "L" + (dot.x - 5) + "," + (dot.y + 3) + + "L" + dot.x + "," + dot.y; + break; + case 2: + path = "M" + dot.x + "," + dot.y + + "L" + (dot.x - 3) + "," + (dot.y - 5) + + "L" + (dot.x + 3) + "," + (dot.y - 5) + + "L" + dot.x + "," + dot.y; + break; + case 3: + path = "M" + dot.x + "," + dot.y + + "L" + (dot.x + 5) + "," + (dot.y - 3) + + "L" + (dot.x + 5) + "," + (dot.y + 3) + + "L" + dot.x + "," + dot.y; + break; + } + return svg.path(path).attr({fill: lineColor, stroke: lineColor}); + }, + + _drawArrows: function () { + var self = this, o = this.options; + var routes = this.pathChooser.routes; + var pathes = this.pathChooser.pathes; + var store = this.pathChooser.store; + this.arrows = {}; + BI.each(routes, function (region, ps) { + self.arrows[region] = []; + BI.each(ps, function (idx, path) { + self.arrows[region][idx] = []; + var dots = pathes[region][idx]; + BI.each(dots, function (i, dot) { + if (i > 0 && i < dots.length - 1) { + var arrow; + if (dot.y === dots[i - 1].y) { + if (dots[i + 1].y != dot.y) { + if (store[path[path.length - 2]].direction === -1) { + if (i - 1 > 0) { + arrow = self._drawOneArrow(dots[i - 1], 3); + } + } else { + arrow = self._drawOneArrow(dots[i], 1); + } + } + } else if (dot.x === dots[i - 1].x) { + if (dot.y > dots[i - 1].y) { + if (store[BI.first(path)].direction === -1) { + arrow = self._drawOneArrow(dots[i - 1], 0); + } else { + arrow = self._drawOneArrow(dot, 2); + } + } else { + if (store[path[path.length - 2]].direction === -1) { + arrow = self._drawOneArrow(dots[i - 1], 2); + } else { + arrow = self._drawOneArrow(dot, 0); + } + } + } + if (arrow) { + self.arrows[region][idx].push(arrow); + } + } + }); + BI.each(path, function (i, node) { + if (i !== 0) { + var arrow; + var from = path[i - 1]; + if (store[from].direction === -1) { + var regionIndex = self.pathChooser.getRegionIndexById(from); + var x = getXoffsetByRegionIndex(regionIndex, -1); + var y = getYByXoffset(dots, x); + arrow = self._drawOneArrow({x: x, y: y}, 3); + } else { + var regionIndex = self.pathChooser.getRegionIndexById(node); + var x = getXoffsetByRegionIndex(regionIndex); + var y = getYByXoffset(dots, x); + arrow = self._drawOneArrow({x: x, y: y}, 1); + } + if (arrow) { + self.arrows[region][idx].push(arrow); + } + } + }); + }) + }); + + function getXoffsetByRegionIndex(regionIndex, diregion) { + if (diregion === -1) { + return 100 * (regionIndex + 1) - 20; + } + return 100 * regionIndex + 20; + } + + function getYByXoffset(dots, xoffset) { + var finded = BI.find(dots, function (i, dot) { + if (i > 0) { + if (dots[i - 1].x < xoffset && dots[i].x > xoffset) { + return true; + } + } + }); + return finded.y; + } + }, + + _setValue: function (start, index) { + var self = this; + var lineColor = this._const.lineColor; + var selectLineColor = this._const.selectLineColor; + var routes = this.pathChooser.routes; + var starts = this.pathChooser.start; + var each = [start]; + if (starts.contains(start)) { + each = starts; + } + BI.each(each, function (i, s) { + BI.each(self.arrows[s], function (j, arrows) { + BI.each(arrows, function (k, arrow) { + arrow.attr({fill: lineColor, stroke: lineColor}).toFront(); + }); + }); + }); + BI.each(this.arrows[start][index], function (i, arrow) { + arrow.attr({fill: selectLineColor, stroke: selectLineColor}).toFront(); + }); + var current = BI.last(routes[start][index]); + while (current && routes[current] && routes[current].length === 1) { + BI.each(self.arrows[current][0], function (i, arrow) { + arrow.attr({fill: selectLineColor, stroke: selectLineColor}).toFront(); + }); + current = BI.last(routes[current][0]); + } + }, + + setValue: function (v) { + this.pathChooser.setValue(v); + this._unselectAllArrows(); + var routes = this.pathChooser.routes; + var nodes = BI.keys(routes), self = this; + var result = [], array = []; + BI.each(v, function (i, val) { + if (BI.contains(nodes, val)) { + if (array.length > 0) { + array.push(val); + result.push(array); + array = []; + } + } + array.push(val); + }); + if (array.length > 0) { + result.push(array); + } + //画这n条路径 + BI.each(result, function (idx, path) { + var start = path[0]; + var index = BI.findIndex(routes[start], function (idx, p) { + if (BI.isEqual(path, p)) { + return true; + } + }); + if (index >= 0) { + self._setValue(start, index); + } + }); + }, + + getValue: function () { + return this.pathChooser.getValue(); + }, + + populate: function (items) { + this.pathChooser.populate(items); + this._drawArrows(); + } +}); +BI.DirectionPathChooser.EVENT_CHANGE = "DirectionPathChooser.EVENT_CHANGE"; +$.shortcut('bi.direction_path_chooser', BI.DirectionPathChooser); \ No newline at end of file diff --git a/src/widget/downlist/combo.downlist.js b/src/widget/downlist/combo.downlist.js new file mode 100644 index 000000000..35de76a33 --- /dev/null +++ b/src/widget/downlist/combo.downlist.js @@ -0,0 +1,74 @@ +/** + * Created by roy on 15/8/14. + */ +BI.DownListCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.DownListCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-down-list-combo", + invalid: false, + height: 25, + items: [], + adjustLength: 0, + el: {} + }) + }, + + _init: function () { + BI.DownListCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.popupview = BI.createWidget({ + type: "bi.down_list_popup", + items: o.items, + chooseType: o.chooseType + }); + + this.popupview.on(BI.DownListPopup.EVENT_CHANGE, function (value) { + self.fireEvent(BI.DownListCombo.EVENT_CHANGE, value); + self.downlistcombo.hideView(); + }); + + this.popupview.on(BI.DownListPopup.EVENT_SON_VALUE_CHANGE, function (value, fatherValue) { + self.fireEvent(BI.DownListCombo.EVENT_SON_VALUE_CHANGE, value, fatherValue); + self.downlistcombo.hideView(); + }); + + + this.downlistcombo = BI.createWidget({ + element: this, + type: 'bi.combo', + isNeedAdjustWidth: false, + adjustLength: o.adjustLength, + el: BI.createWidget(o.el, { + type: "bi.icon_trigger", + extraCls: o.iconCls ? o.iconCls : "pull-down-font", + width: o.width, + height: o.height + }), + popup: { + el: this.popupview, + stopPropagation: true, + maxHeight: 400 + } + }); + + this.downlistcombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.DownListCombo.EVENT_BEFORE_POPUPVIEW); + }); + }, + + populate: function (items) { + this.popupview.populate(items); + }, + + setValue: function (v) { + this.popupview.setValue(v); + }, + getValue: function () { + return this.popupview.getValue() + } +}); +BI.DownListCombo.EVENT_CHANGE = "EVENT_CHANGE"; +BI.DownListCombo.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE"; +BI.DownListCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; + +$.shortcut("bi.down_list_combo", BI.DownListCombo); \ No newline at end of file diff --git a/src/widget/downlist/group.downlist.js b/src/widget/downlist/group.downlist.js new file mode 100644 index 000000000..5cf1da084 --- /dev/null +++ b/src/widget/downlist/group.downlist.js @@ -0,0 +1,50 @@ +/** + * Created by roy on 15/9/6. + */ +BI.DownListGroup = BI.inherit(BI.Widget, { + constants: { + iconCls: "check-mark-ha-font" + }, + _defaultConfig: function () { + return BI.extend(BI.DownListGroup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-down-list-group", + items: [ + { + el: {} + } + ] + }) + }, + _init: function () { + BI.DownListGroup.superclass._init.apply(this, arguments); + var o = this.options, self = this; + + this.downlistgroup = BI.createWidget({ + element: this, + type: "bi.button_tree", + items: o.items, + chooseType: 0,//0单选,1多选 + layouts: [{ + type: "bi.vertical", + hgap: 0, + vgap: 0 + }] + }); + this.downlistgroup.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if(type === BI.Events.CLICK) { + self.fireEvent(BI.DownListGroup.EVENT_CHANGE, arguments); + } + }) + }, + getValue:function(){ + return this.downlistgroup.getValue(); + }, + setValue:function(v){ + this.downlistgroup.setValue(v); + } + + +}) +BI.DownListGroup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.down_list_group", BI.DownListGroup); \ No newline at end of file diff --git a/src/widget/downlist/item.downlist.js b/src/widget/downlist/item.downlist.js new file mode 100644 index 000000000..2ad9e4148 --- /dev/null +++ b/src/widget/downlist/item.downlist.js @@ -0,0 +1,79 @@ +BI.DownListItem = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.DownListItem.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-down-list-item", + cls: "", + height: 25, + logic: { + dynamic: true + }, + selected: false, + iconHeight: null, + iconWidth: null, + textHgap: 0, + textVgap: 0, + textLgap: 0, + textRgap: 0 + }) + }, + _init: function () { + BI.DownListItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.icon_text_item", + element: this, + height: o.height, + text: o.text, + value: o.value, + logic: o.logic, + selected: o.selected, + disabled: o.disabled, + iconHeight: o.iconHeight, + iconWidth: o.iconWidth, + textHgap: o.textHgap, + textVgap: o.textVgap, + textLgap: o.textLgap, + textRgap: o.textRgap, + father: o.father + }); + this.text.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.text.on(BI.IconTextItem.EVENT_CHANGE, function () { + self.fireEvent(BI.DownListItem.EVENT_CHANGE); + }); + // this.setSelected(o.selected); + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + isSelected: function () { + return this.text.isSelected(); + }, + + setSelected: function (b) { + this.text.setSelected(b); + // if (b === true) { + // this.element.addClass("dot-e-font"); + // } else { + // this.element.removeClass("dot-e-font"); + // } + }, + + setValue: function (v) { + this.text.setValue(v); + }, + + getValue: function () { + return this.text.getValue(); + } +}); +BI.DownListItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.down_list_item", BI.DownListItem); \ No newline at end of file diff --git a/src/widget/downlist/item.downlistgroup.js b/src/widget/downlist/item.downlistgroup.js new file mode 100644 index 000000000..b363e5835 --- /dev/null +++ b/src/widget/downlist/item.downlistgroup.js @@ -0,0 +1,123 @@ +BI.DownListGroupItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + var conf = BI.DownListGroupItem.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-down-list-group-item", + logic: { + dynamic: false + }, + invalid: true, + iconCls1: "dot-e-font", + iconCls2: "pull-right-e-font" + }) + }, + _init: function () { + BI.DownListGroupItem.superclass._init.apply(this, arguments); + var o = this.options; + var self = this; + this.text = BI.createWidget({ + type: "bi.label", + cls: "list-group-item-text", + textAlign: "left", + text: o.text, + value: o.value, + height: o.height + }) + + this.icon1 = BI.createWidget({ + type: "bi.icon_button", + cls: o.iconCls1, + width: 25, + forceNotSelected: true + }) + + this.icon2 = BI.createWidget({ + type: "bi.icon_button", + cls: o.iconCls2, + width: 25, + forceNotSelected: true + }) + + var blank = BI.createWidget({ + type: "bi.layout", + width: 25 + }) + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.icon2, + top: 0, + bottom: 0, + right: 0 + }] + }) + + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic("horizontal", BI.extend(o.logic, { + items: BI.LogicFactory.createLogicItemsByDirection("left", this.icon1, this.text, blank) + })))); + + this.element.on("mouseenter." + this.getName(), function (e) { + if (self.element.__isMouseInBounds__(e) && self.isEnabled()) { + self.hover(); + } else { + self.dishover(); + } + }); + this.element.on("mousemove." + this.getName(), function (e) { + if (!self.element.__isMouseInBounds__(e) && self.isEnabled()) { + self.dishover() + } + }); + this.element.on("mouseleave." + this.getName(), function () { + if (self.isEnabled()) { + self.dishover() + } + }); + }, + + hover: function () { + BI.DownListGroupItem.superclass.hover.apply(this, arguments); + this.icon1.element.addClass("hover"); + this.icon2.element.addClass("hover"); + + }, + + dishover: function () { + BI.DownListGroupItem.superclass.dishover.apply(this, arguments); + this.icon1.element.removeClass("hover"); + this.icon2.element.removeClass("hover"); + }, + + doClick: function () { + BI.DownListGroupItem.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.DownListGroupItem.EVENT_CHANGE, this.getValue()); + } + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + setValue: function (v) { + var self = this, o = this.options; + v = BI.isArray(v) ? v : [v]; + BI.find(v, function(idx, value){ + if(BI.contains(o.childValues, value)){ + self.icon1.setSelected(true); + return true; + }else{ + self.icon1.setSelected(false); + } + }) + } +}); +BI.DownListGroupItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.down_list_group_item", BI.DownListGroupItem); \ No newline at end of file diff --git a/src/widget/downlist/popup.downlist.js b/src/widget/downlist/popup.downlist.js new file mode 100644 index 000000000..e003d649d --- /dev/null +++ b/src/widget/downlist/popup.downlist.js @@ -0,0 +1,232 @@ +/** + * Created by roy on 15/9/8. + * 处理popup中的item分组样式 + * 一个item分组中的成员大于一时,该分组设置为单选,并且默认状态第一个成员设置为已选择项 + */ +BI.DownListPopup = BI.inherit(BI.Pane, { + constants: { + nextIcon: "pull-right-e-font", + height: 25, + iconHeight: 12, + iconWidth: 12, + hgap: 0, + vgap: 0, + border: 1 + }, + _defaultConfig: function () { + var conf = BI.DownListPopup.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-down-list-popup", + items: [], + chooseType: BI.Selection.Multi + }) + }, + _init: function () { + BI.DownListPopup.superclass._init.apply(this, arguments); + this.singleValues = []; + this.childValueMap = {}; + this.fatherValueMap = {}; + var self = this, o = this.options, children = this._createChildren(o.items); + this.popup = BI.createWidget({ + type: "bi.button_tree", + items: BI.createItems(children, + {}, { + adjustLength: -2 + } + ), + layouts: [{ + type: "bi.vertical", + hgap: this.constants.hgap, + vgap: this.constants.vgap + }], + chooseType: o.chooseType + }); + + this.popup.on(BI.ButtonTree.EVENT_CHANGE, function (value, object) { + var changedValue = value; + if (BI.isNotNull(self.childValueMap[value])) { + changedValue = self.childValueMap[value]; + self.fireEvent(BI.DownListPopup.EVENT_SON_VALUE_CHANGE, changedValue, self.fatherValueMap[value]) + } else { + self.fireEvent(BI.DownListPopup.EVENT_CHANGE, changedValue, object); + } + + + if (!self.singleValues.contains(changedValue)) { + var item = self.getValue(); + var result = []; + BI.each(item, function (i, valueObject) { + if (valueObject.value != changedValue) { + result.push(valueObject); + } + }); + self.setValue(result); + } + + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.popup] + }); + + }, + _createChildren: function (items) { + var self = this, result = []; + BI.each(items, function (i, it) { + var item_done = { + type: "bi.down_list_group", + items: [] + }; + + BI.each(it, function (i, item) { + if (BI.isNotEmptyArray(item.children) && !BI.isEmpty(item.el)) { + item.type = "bi.combo_group"; + item.cls = "down-list-group"; + item.trigger = "hover"; + item.isNeedAdjustWidth = false; + item.el.title = item.el.title || item.el.text; + item.el.type = "bi.down_list_group_item"; + item.el.logic = { + dynamic: true + }; + item.el.height = self.constants.height; + item.el.iconCls2 = self.constants.nextIcon; + item.popup = { + lgap: 4, + el: { + type: "bi.button_tree", + chooseType: 0, + layouts: [{ + type: "bi.vertical" + }] + + } + }; + item.el.childValues = []; + BI.each(item.children, function (i, child) { + var fatherValue = BI.deepClone(item.el.value); + var childValue = BI.deepClone(child.value); + self.singleValues.push(child.value); + child.type = "bi.down_list_item"; + child.extraCls = " child-down-list-item"; + child.title = child.title || child.text; + child.textRgap = 10; + child.isNeedAdjustWidth = false; + child.logic = { + dynamic: true + }; + child.father = fatherValue; + self.fatherValueMap[self._createChildValue(fatherValue, childValue)] = fatherValue; + self.childValueMap[self._createChildValue(fatherValue, childValue)] = childValue; + child.value = self._createChildValue(fatherValue, childValue); + item.el.childValues.push(child.value); + }) + } else { + item.type = "bi.down_list_item"; + item.title = item.title || item.text; + item.textRgap = 10; + item.isNeedAdjustWidth = false; + item.logic = { + dynamic: true + } + } + var el_done = {}; + el_done.el = item; + item_done.items.push(el_done); + }); + if (self._isGroup(item_done.items)) { + BI.each(item_done.items, function (i, item) { + self.singleValues.push(item.el.value); + }) + } + + result.push(item_done); + if (self._needSpliter(i, items.length)) { + var spliter_container = BI.createWidget({ + type: "bi.vertical", + items: [{ + el: { + type: "bi.layout", + cls: "bi-down-list-spliter cursor-pointer", + height: 0 + } + + }], + cls: "bi-down-list-spliter-container cursor-pointer", + lgap: 10, + rgap: 10 + }); + result.push(spliter_container); + } + }); + return result; + }, + + _isGroup: function (i) { + return i.length > 1; + }, + + _needSpliter: function (i, itemLength) { + return i < itemLength - 1; + }, + + _createChildValue: function (fatherValue, childValue) { + return fatherValue + "_" + childValue + }, + + populate: function (items) { + BI.DownListPopup.superclass.populate.apply(this, arguments); + var self = this; + self.childValueMap = {}; + self.fatherValueMap = {}; + self.singleValues = []; + var children = self._createChildren(items); + var popupItem = BI.createItems(children, + {}, { + adjustLength: -2 + } + ); + self.popup.populate(popupItem); + }, + + setValue: function (valueItem) { + var self = this; + var valueArray = []; + BI.each(valueItem, function (i, item) { + var value; + if (BI.isNotNull(item.childValue)) { + value = self._createChildValue(item.value, item.childValue); + } else { + value = item.value; + } + valueArray.push(value); + } + ); + this.popup.setValue(valueArray); + }, + + getValue: function () { + var self = this, result = []; + var values = this.popup.getValue(); + BI.each(values, function (i, value) { + var valueItem = {}; + if (BI.isNotNull(self.childValueMap[value])) { + var fartherValue = self.fatherValueMap[value]; + valueItem.childValue = self.childValueMap[value]; + valueItem.value = fartherValue; + } else { + valueItem.value = value; + } + result.push(valueItem); + }); + return result; + } + + +}); + +BI.DownListPopup.EVENT_CHANGE = "EVENT_CHANGE"; +BI.DownListPopup.EVENT_SON_VALUE_CHANGE = "EVENT_SON_VALUE_CHANGE"; +$.shortcut("bi.down_list_popup", BI.DownListPopup); \ No newline at end of file diff --git a/src/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.js b/src/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.js new file mode 100644 index 000000000..eab285f63 --- /dev/null +++ b/src/widget/dynamicgrouptab/dynamicgroup.tab.buttongroup.js @@ -0,0 +1,219 @@ +/** + * Created by windy on 2016/12/20. + */ +BI.DynamicGroupTabButtonGroup = BI.inherit(BI.Widget, { + + _const: { + MERGE_ADD_WIDTH: 65 + }, + + _defaultConfig: function () { + return BI.extend(BI.DynamicGroupTabButtonGroup.superclass._defaultConfig.apply(this, arguments), { + cls: "bi-dynamic-group-tab-button-group", + items: [], + frozenButtons: [], + height: 30 + }) + }, + + _init: function () { + BI.DynamicGroupTabButtonGroup.superclass._init.apply(this, arguments); + var o = this.options; + this.tab = BI.createWidget({ + type: "bi.button_group", + height: o.height, + items: [], + layouts: [{ + type: "bi.horizontal", + scrollable: false, + scrollx: false + }] + }); + + this.tab.on(BI.ButtonGroup.EVENT_CHANGE, function (value, obj) { + self.fireEvent(BI.DynamicGroupTabButtonGroup.EVENT_CHANGE, arguments); + }); + + var self = this; + + this.scrollLeft = BI.createWidget({ + type: "bi.icon_button", + cls: "pre-page-font bi-icon-button-scroll", + invisible: true + }); + + this.scrollLeft.on(BI.IconButton.EVENT_CHANGE, function () { + self._scrollLeft(); + }); + this.scrollRight = BI.createWidget({ + type: "bi.icon_button", + cls: "next-page-font bi-icon-button-scroll", + invisible: true + }); + this.scrollRight.on(BI.IconButton.EVENT_CHANGE, function () { + self._scrollRight(); + }); + BI.ResizeDetector.addResizeListener(this, function () { + self.resize(); + }); + + BI.createWidget({ + type: "bi.left", + element: this, + items: [{ + type: "bi.horizontal", + tgap: -1, + height: o.height, + scrollx: false, + cls: "bi-sheet-tab-dynamic-horizontal", + items: [this.tab, + { + type: "bi.vertical_adapt", + items: [this.scrollLeft], + height: o.height + }, + { + type: "bi.vertical_adapt", + items: [this.scrollRight], + height: o.height + }, + { + type: "bi.vertical_adapt", + items: o.frozenButtons, + height: o.height, + lgap: 10 + } + ] + }] + }) + }, + + _scrollLeft: function () { + this._scrollTo(this.tab.element[0].scrollLeft - this.scrollSection) + }, + + _scrollRight: function () { + this._scrollTo(this.tab.element[0].scrollLeft + this.scrollSection) + }, + + _getTotalWidth: function () { + var totalWidth = this.element.outerWidth(); + totalWidth -= this._const.MERGE_ADD_WIDTH; + BI.each(this.options.frozenButtons, function (idx, button) { + if (BI.isWidget(button)) { + totalWidth -= button.getWidth(); + } else { + totalWidth -= button.width; + } + }) + return totalWidth; + }, + + _calculateButtonsWith: function (fn) { + var buttonWidth = 0; + var self = this; + BI.some(this.tab.getAllButtons(), function (idx, item) { + buttonWidth += item.element.outerWidth(); + if (BI.isNotNull(fn) && fn.apply(self, [item])) { + return true; + } + }) + return buttonWidth; + }, + + _dealWithScrollButtonState: function () { + var buttonWidth = this._calculateButtonsWith(); + if (this.tab.element[0].scrollLeft === 0) { + this.scrollLeft.setEnable(false); + } else { + this.scrollLeft.setEnable(true); + } + var ulWidth = this.tab.element.outerWidth(); + //可以滚动的最大距离 + var maxLeft = buttonWidth - ulWidth; + if (this.tab.element[0].scrollLeft === maxLeft) { + this.scrollRight.setEnable(false); + } else { + this.scrollRight.setEnable(true); + } + }, + + _needScroll: function (visibleWidth, buttonWidth) { + var currentLeft = this.tab.element[0].scrollLeft; + return (visibleWidth > currentLeft && visibleWidth - currentLeft > buttonWidth) || + (visibleWidth < currentLeft) + }, + + _scrollTo: function (value) { + var self = this; + BI.delay(function () { + self.tab.element.scrollLeft(value); + self._dealWithScrollButtonState(); + }, 30); + }, + + _scrollToEnd: function () { + this._scrollTo(this._calculateButtonsWith()) + }, + + resize: function () { + //获取当前所有可使用的宽度,不包含添加和合并和导航按钮以及之间的空隙 + var totalWidth = this._getTotalWidth(); + //所有button的宽度 + var buttonWidth = this._calculateButtonsWith(); + var width = buttonWidth; + var showScrollButton = false; + if (buttonWidth > totalWidth) { + width = totalWidth; + showScrollButton = true; + } + this.scrollLeft.setVisible(showScrollButton); + this.scrollRight.setVisible(showScrollButton); + //这边动态改变buttongroup的宽度,因为最大宽度是变的 + this.tab.element.width(width); + this._dealWithScrollButtonState(); + this.scrollSection = width * 2 / 3; + this.scrollSelectedVisible(); + }, + + scrollSelectedVisible: function () { + var value = this.tab.getValue()[0]; + //从index 0到当前选中的tab的所有button的宽度 + var visibleWidth = this._calculateButtonsWith(function (item) { + if (item.getValue() === value) { + return true; + } + }) + var buttonWidth = this._getTotalWidth(); + var scrollWidth = visibleWidth - buttonWidth / 2; + if (this._needScroll(visibleWidth, buttonWidth)) { + this._scrollTo(scrollWidth) + } + }, + + getAllButtons: function () { + return this.tab.getAllButtons.apply(this.tab, arguments); + }, + + addItems: function (items) { + this.tab.addItems.apply(this.tab, arguments); + this.resize(); + this._scrollToEnd(); + }, + + getValue: function () { + this.tab.getValue.apply(this.tab, arguments); + }, + + setValue: function (v) { + this.tab.setValue.apply(this.tab, arguments); + }, + + populate: function () { + this.tab.populate.apply(this.tab, arguments); + this.resize(); + } +}) + +BI.DynamicGroupTabButtonGroup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.dynamic_group_tab_button_group", BI.DynamicGroupTabButtonGroup); \ No newline at end of file diff --git a/src/widget/exceltable/exceltable.cell.js b/src/widget/exceltable/exceltable.cell.js new file mode 100644 index 000000000..6b4faf25e --- /dev/null +++ b/src/widget/exceltable/exceltable.cell.js @@ -0,0 +1,31 @@ +/** + * + * Created by GUY on 2016/3/28. + * @class BI.ExcelTableCell + * @extends BI.Widget + */ +BI.ExcelTableCell = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ExcelTableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-excel-table-cell", + text: "" + }); + }, + + _init: function () { + BI.ExcelTableCell.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "normal", + height: this.options.height, + text: this.options.text, + value: this.options.value + }) + } +}); +$.shortcut('bi.excel_table_cell', BI.ExcelTableCell); \ No newline at end of file diff --git a/src/widget/exceltable/exceltable.header.cell.js b/src/widget/exceltable/exceltable.header.cell.js new file mode 100644 index 000000000..d7d2bbe24 --- /dev/null +++ b/src/widget/exceltable/exceltable.header.cell.js @@ -0,0 +1,31 @@ +/** + * + * Created by GUY on 2016/3/28. + * @class BI.ExcelTableHeaderCell + * @extends BI.Widget + */ +BI.ExcelTableHeaderCell = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ExcelTableHeaderCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-excel-table-header-cell", + text: "" + }); + }, + + _init: function () { + BI.ExcelTableHeaderCell.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + BI.createWidget({ + type: "bi.label", + element: this, + textAlign: BI.HorizontalAlign.Center, + whiteSpace: "normal", + height: this.options.height, + text: this.options.text, + value: this.options.value + }) + } +}); +$.shortcut('bi.excel_table_header_cell', BI.ExcelTableHeaderCell); \ No newline at end of file diff --git a/src/widget/exceltable/exceltable.js b/src/widget/exceltable/exceltable.js new file mode 100644 index 000000000..d3ceebdaf --- /dev/null +++ b/src/widget/exceltable/exceltable.js @@ -0,0 +1,207 @@ +/** + * Excel表格 + * + * Created by GUY on 2016/3/28. + * @class BI.ExcelTable + * @extends BI.Widget + */ +BI.ExcelTable = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ExcelTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-excel-table", + el: { + type: "bi.adaptive_table" + }, + + isNeedResize: false, + isResizeAdapt: true, + + isNeedMerge: false,//是否需要合并单元格 + mergeCols: [], //合并的单元格列号 + mergeRule: function (row1, row2) { //合并规则, 默认相等时合并 + return BI.isEqual(row1, row2); + }, + + columnSize: [], + headerRowSize: 37, + footerRowSize: 37, + rowSize: 37, + + regionColumnSize: false, + + items: [] //二维数组 + }); + }, + + _init: function () { + BI.ExcelTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + var mergeCols = []; + BI.each(o.mergeCols, function (i, col) { + mergeCols.push(col + 1); + }); + this.table = BI.createWidget(o.el, { + type: "bi.table_view", + element: this, + isNeedResize: o.isNeedResize, + isResizeAdapt: o.isResizeAdapt, + + isNeedFreeze: false, + + isNeedMerge: o.isNeedMerge, + mergeCols: mergeCols, + mergeRule: o.mergeRule, + + columnSize: [""].concat(o.columnSize), + headerRowSize: 18, + rowSize: o.rowSize, + + regionColumnSize: o.regionColumnSize || [82, ""] + }); + + if (BI.isNotEmptyArray(o.items)) { + this.populate(o.items); + } + BI.nextTick(function () { + self.setRegionColumnSize(o.regionColumnSize || [82, ""]); + }); + }, + + resize: function () { + this.table.resize(); + }, + + setColumnSize: function (columnSize) { + this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + getCalculateColumnSize: function () { + return this.table.getCalculateColumnSize(); + }, + + setHeaderColumnSize: function (columnSize) { + this.table.setHeaderColumnSize(columnSize); + }, + + setRegionColumnSize: function (columnSize) { + this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getCalculateRegionColumnSize: function () { + return this.table.getCalculateRegionColumnSize(); + }, + + getCalculateRegionRowSize: function () { + return this.table.getCalculateRegionRowSize(); + }, + + getClientRegionColumnSize: function () { + return this.table.getClientRegionColumnSize(); + }, + + getScrollRegionColumnSize: function () { + return this.table.getScrollRegionColumnSize(); + }, + + getScrollRegionRowSize: function () { + return this.table.getScrollRegionRowSize(); + }, + + hasVerticalScroll: function () { + return this.table.hasVerticalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + this.table.setVerticalScroll(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + this.table.setLeftHorizontalScroll(scrollLeft); + }, + + setRightHorizontalScroll: function (scrollLeft) { + this.table.setRightHorizontalScroll(scrollLeft); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + getLeftHorizontalScroll: function () { + return this.table.getLeftHorizontalScroll(); + }, + + getRightHorizontalScroll: function () { + return this.table.getRightHorizontalScroll(); + }, + + getColumns: function () { + return this.table.getColumns(); + }, + + resizeHeader: function () { + this.table.resize(); + this.table._resizeHeader && this.table._resizeHeader(); + }, + + attr: function (key,value) { + var self = this; + if (BI.isObject(key)) { + BI.each(key, function (k, v) { + self.attr(k, v); + }); + return; + } + BI.ExcelTable.superclass.attr.apply(this, arguments); + switch (key){ + case "mergeCols": + var mCols = []; + BI.each(value, function (i, col) { + mCols.push(col + 1); + }); + value=mCols; + break; + } + this.table.attr.apply(this.table, arguments); + }, + + populate: function (rows) { + var self = this; + var columnSize = this.getColumnSize(); + var items = []; + var header = [{ + type: "bi.excel_table_header_cell" + }]; + if (BI.isNotNull(rows)) { + BI.each(columnSize, function (i, size) { + header.push({ + type: "bi.excel_table_header_cell", + text: BI.int2Abc(i + 1) + }); + }); + BI.each(rows, function (i, row) { + items.push([{ + type: "bi.excel_table_header_cell", + text: (i + 1) + }].concat(row)); + }); + } + this.table.populate(items, [header]); + }, + + destroy: function () { + this.table.destroy(); + BI.ExcelTable.superclass.destroy.apply(this, arguments); + } +}); +$.shortcut('bi.excel_table', BI.ExcelTable); \ No newline at end of file diff --git a/src/widget/filemanager/buttongroup.filemanager.js b/src/widget/filemanager/buttongroup.filemanager.js new file mode 100644 index 000000000..6ef1ac7ab --- /dev/null +++ b/src/widget/filemanager/buttongroup.filemanager.js @@ -0,0 +1,79 @@ +/** + * 文件管理控件组 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerButtonGroup + * @extends BI.Widget + */ +BI.FileManagerButtonGroup = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.FileManagerButtonGroup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-button_group", + items: [] + }) + }, + + _init: function () { + BI.FileManagerButtonGroup.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.button_group = BI.createWidget({ + type: "bi.button_tree", + element: this, + chooseType: BI.Selection.Multi, + items: this._formatItems(o.items), + layouts: [{ + type: "bi.vertical" + }] + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + _formatItems: function (items) { + var self = this, o = this.options; + BI.each(items, function (i, item) { + if (item.children && item.children.length > 0) { + item.type = "bi.file_manager_folder_item"; + } else { + item.type = "bi.file_manager_file_item"; + } + }); + return items; + }, + + setValue: function (v) { + this.button_group.setValue(v); + }, + + getValue: function () { + return this.button_group.getValue(); + }, + + getNotSelectedValue: function () { + return this.button_group.getNotSelectedValue(); + }, + + getAllLeaves: function () { + return this.button_group.getAllLeaves(); + }, + + getAllButtons: function () { + return this.button_group.getAllButtons(); + }, + + getSelectedButtons: function () { + return this.button_group.getSelectedButtons(); + }, + + getNotSelectedButtons: function () { + return this.button_group.getNotSelectedButtons(); + }, + + populate: function (items) { + this.button_group.populate(this._formatItems(items)); + } +}); +BI.FileManagerButtonGroup.EVENT_CHANGE = "FileManagerButtonGroup.EVENT_CHANGE"; +$.shortcut("bi.file_manager_button_group", BI.FileManagerButtonGroup); \ No newline at end of file diff --git a/src/widget/filemanager/filemanager.js b/src/widget/filemanager/filemanager.js new file mode 100644 index 000000000..63c1f8ca9 --- /dev/null +++ b/src/widget/filemanager/filemanager.js @@ -0,0 +1,115 @@ +/** + * 文件管理控件 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManager + * @extends BI.Widget + */ +BI.FileManager = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.FileManager.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager", + el: {}, + items: [] + }) + }, + + _init: function () { + BI.FileManager.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.tree = new BI.Tree(); + var items = BI.Tree.transformToTreeFormat(o.items); + this.tree.initTree(items); + this.selectedValues = []; + this.nav = BI.createWidget({ + type: "bi.file_manager_nav", + items: BI.deepClone(items) + }); + this.nav.on(BI.FileManagerNav.EVENT_CHANGE, function (value, obj) { + if (value == "-1") {//根节点 + self.populate({children: self.tree.toJSON()}); + } else { + var node = self.tree.search(obj.attr("id")); + self.populate(BI.extend({id: node.id}, node.get("data"), {children: self.tree.toJSON(node)})); + } + self.setValue(self.selectedValues); + }); + this.list = BI.createWidget(o.el, { + type: "bi.file_manager_list", + items: items + }); + this.list.on(BI.Controller.EVENT_CHANGE, function (type, selected, obj) { + if (type === BI.Events.CHANGE) { + var node = self.tree.search(obj.attr("id")); + self.populate(BI.extend({id: node.id}, node.get("data"), {children: self.tree.toJSON(node)})); + } else if (type === BI.Events.CLICK) { + var values = []; + if (obj instanceof BI.MultiSelectBar) { + var t = self.list.getValue(); + selected = t.type === BI.Selection.All; + values = BI.concat(t.assist, t.value); + } else { + values = obj.getAllLeaves(); + } + BI.each(values, function (i, v) { + if (selected === true) { + self.selectedValues.pushDistinct(v); + } else { + self.selectedValues.remove(v); + } + }); + } + self.setValue(self.selectedValues); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.list, + left: 0, + right: 0, + top: 0, + bottom: 10 + }, { + el: this.nav, + left: 40, + right: 100, + top: 0 + }] + }); + }, + + setValue: function (value) { + this.selectedValues = value || []; + this.list.setValue(this.selectedValues); + }, + + getValue: function () { + var obj = this.list.getValue(); + var res = obj.type === BI.Selection.All ? obj.assist : obj.value; + res.pushDistinctArray(this.selectedValues); + return res; + }, + + _populate: function (items) { + this.list.populate(items); + }, + + getSelectedValue: function () { + return this.nav.getValue()[0]; + }, + + getSelectedId: function () { + return this.nav.getId()[0]; + }, + + populate: function (node) { + var clone = BI.deepClone(node); + this._populate(node.children); + this.nav.populate(clone); + } +}); +BI.FileManager.EVENT_CHANGE = "FileManager.EVENT_CHANGE"; +$.shortcut("bi.file_manager", BI.FileManager); \ No newline at end of file diff --git a/src/widget/filemanager/items/item.file.filemanager.js b/src/widget/filemanager/items/item.file.filemanager.js new file mode 100644 index 000000000..cfd9a8aca --- /dev/null +++ b/src/widget/filemanager/items/item.file.filemanager.js @@ -0,0 +1,68 @@ +/** + * 文件管理控件 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerFileItem + * @extends BI.Single + */ +BI.FileManagerFileItem = BI.inherit(BI.Single, { + + _defaultConfig: function () { + return BI.extend(BI.FileManagerFileItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-file-item bi-list-item", + height: 30 + }) + }, + + _init: function () { + BI.FileManagerFileItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checked = BI.createWidget({ + type: "bi.multi_select_bar", + text: "", + width: 36, + height: o.height + }); + this.checked.on(BI.Controller.EVENT_CHANGE, function () { + arguments[2] = self; + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.checked, + width: 36 + }, { + el: { + type: "bi.icon_button", + cls: "create-by-me-file-font" + }, + width: 20 + }, { + el: { + type: "bi.label", + textAlign: "left", + height: o.height, + text: o.text, + value: o.value + } + }] + }) + }, + + getAllLeaves: function(){ + return [this.options.value]; + }, + + isSelected: function () { + return this.checked.isSelected(); + }, + + setSelected: function (v) { + this.checked.setSelected(v); + } +}); +BI.FileManagerFileItem.EVENT_CHANGE = "FileManagerFileItem.EVENT_CHANGE"; +$.shortcut("bi.file_manager_file_item", BI.FileManagerFileItem); \ No newline at end of file diff --git a/src/widget/filemanager/items/item.folder.filemanager.js b/src/widget/filemanager/items/item.folder.filemanager.js new file mode 100644 index 000000000..b5a8d0841 --- /dev/null +++ b/src/widget/filemanager/items/item.folder.filemanager.js @@ -0,0 +1,153 @@ +/** + * 文件管理控件 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerFolderItem + * @extends BI.Single + */ +BI.FileManagerFolderItem = BI.inherit(BI.Single, { + + _defaultConfig: function () { + return BI.extend(BI.FileManagerFolderItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-folder-item bi-list-item", + height: 30 + }) + }, + + _init: function () { + BI.FileManagerFolderItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checked = BI.createWidget({ + type: "bi.multi_select_bar", + text: "", + width: 36, + height: o.height + }); + this.checked.on(BI.Controller.EVENT_CHANGE, function () { + arguments[2] = self; + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button = BI.createWidget({ + type: "bi.text_button", + textAlign: "left", + height: o.height, + text: o.text, + value: o.value + }); + this.button.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CHANGE, o.value, self); + }); + + this.tree = new BI.Tree(); + this.tree.initTree([{ + id: o.id, + children: o.children + }]); + this.selectValue = []; + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.checked, + width: 36 + }, { + el: { + type: "bi.icon_button", + cls: "create-by-me-folder-font" + }, + width: 20 + }, { + el: this.button + }] + }) + }, + + setAllSelected: function (v) { + this.checked.setSelected(v); + this.selectValue = []; + }, + + setHalfSelected: function (v) { + this.checked.setHalfSelected(v); + if(!v){ + this.selectValue = []; + } + }, + + setValue: function (v) { + var self = this, o = this.options; + var isHalf = false; + var selectValue = []; + this.tree.traverse(function (node) { + if (node.isLeaf()) { + if (BI.contains(v, node.get("data").value)) { + selectValue.push(node.get("data").value); + } else { + isHalf = true; + } + } + }); + this.setAllSelected(selectValue.length > 0 && !isHalf); + this.setHalfSelected(selectValue.length > 0 && isHalf); + if (this.checked.isHalfSelected()) { + this.selectValue = selectValue; + } + }, + + getAllButtons: function () { + return [this]; + }, + + getAllLeaves: function () { + var o = this.options; + var res = []; + this.tree.traverse(function (node) { + if (node.isLeaf()) { + res.push(node.get("data").value) + } + }); + return res; + }, + + getNotSelectedValue: function () { + var self = this, o = this.options; + var res = []; + var isAllSelected = this.checked.isSelected(); + if (isAllSelected === true) { + return res; + } + var isHalfSelected = this.checked.isHalfSelected(); + this.tree.traverse(function (node) { + if (node.isLeaf()) { + var v = node.get("data").value; + if (isHalfSelected === true) { + if (!BI.contains(self.selectValue, node.get("data").value)) { + res.push(v); + } + } else { + res.push(v); + } + } + }); + return res; + }, + + getValue: function () { + var res = []; + if (this.checked.isSelected()) { + this.tree.traverse(function (node) { + if (node.isLeaf()) { + res.push(node.get("data").value); + } + }); + return res; + } + if (this.checked.isHalfSelected()) { + return this.selectValue; + } + return []; + } +}); +BI.FileManagerFolderItem.EVENT_CHANGE = "FileManagerFolderItem.EVENT_CHANGE"; +$.shortcut("bi.file_manager_folder_item", BI.FileManagerFolderItem); \ No newline at end of file diff --git a/src/widget/filemanager/list.filemanager.js b/src/widget/filemanager/list.filemanager.js new file mode 100644 index 000000000..ebe32dce3 --- /dev/null +++ b/src/widget/filemanager/list.filemanager.js @@ -0,0 +1,58 @@ +/** + * 文件管理控件列表 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerList + * @extends BI.Widget + */ +BI.FileManagerList = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.FileManagerList.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-list", + el: {}, + items: [] + }) + }, + + _init: function () { + BI.FileManagerList.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.list = BI.createWidget({ + type: "bi.select_list", + element: this, + items: o.items, + toolbar: { + type: "bi.multi_select_bar", + height: 40, + text: "" + }, + el: { + type: "bi.list_pane", + el: BI.isWidget(o.el) ? o.el : BI.extend({ + type: "bi.file_manager_button_group" + }, o.el) + } + }); + this.list.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + setValue: function (v) { + this.list.setValue({ + value: v + }); + }, + + getValue: function () { + return this.list.getValue(); + }, + + populate: function (items) { + this.list.populate(items); + this.list.setToolBarVisible(true); + } +}); +BI.FileManagerList.EVENT_CHANGE = "FileManagerList.EVENT_CHANGE"; +$.shortcut("bi.file_manager_list", BI.FileManagerList); \ No newline at end of file diff --git a/src/widget/filemanager/nav/button/button.nav.filemanager.js b/src/widget/filemanager/nav/button/button.nav.filemanager.js new file mode 100644 index 000000000..f430d4974 --- /dev/null +++ b/src/widget/filemanager/nav/button/button.nav.filemanager.js @@ -0,0 +1,92 @@ +/** + * 文件管理导航按钮 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerNavButton + * @extends BI.Widget + */ +BI.FileManagerNavButton = BI.inherit(BI.Widget, { + + _const: { + normal_color: "#ffffff", + select_color: "#f4f4f4" + }, + _defaultConfig: function () { + return BI.extend(BI.FileManagerNavButton.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-nav-button", + selected: false, + height: 40 + }) + }, + + _init: function () { + BI.FileManagerNavButton.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.button = BI.createWidget({ + type: "bi.text_button", + cls: "file-manager-nav-button-text", + once: true, + selected: o.selected, + text: o.text, + title: o.text, + value: o.value, + height: o.height, + lgap: 20, + rgap: 10 + }); + this.button.on(BI.Controller.EVENT_CHANGE, function () { + arguments[2] = self; + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + var svg = BI.createWidget({ + type: "bi.svg", + cls: "file-manager-nav-button-triangle", + width: 15, + height: o.height + }); + var path = svg.path("M0,0L15,20L0,40").attr({ + "stroke": c.select_color, + "fill": o.selected ? c.select_color : c.normal_color + }); + this.button.on(BI.TextButton.EVENT_CHANGE, function () { + if (this.isSelected()) { + path.attr("fill", c.select_color); + } else { + path.attr("fill", c.normal_color); + } + }); + BI.createWidget({ + type: "bi.default", + element: this, + items: [this.button] + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: svg, + right: -15, + top: 0, + bottom: 0 + }] + }) + }, + + isSelected: function () { + return this.button.isSelected(); + }, + + setValue: function (v) { + this.button.setValue(v); + }, + + getValue: function () { + return this.button.getValue(); + }, + + populate: function (items) { + + } +}); +BI.FileManagerNavButton.EVENT_CHANGE = "FileManagerNavButton.EVENT_CHANGE"; +$.shortcut("bi.file_manager_nav_button", BI.FileManagerNavButton); \ No newline at end of file diff --git a/src/widget/filemanager/nav/nav.filemanager.js b/src/widget/filemanager/nav/nav.filemanager.js new file mode 100644 index 000000000..30c1d6c92 --- /dev/null +++ b/src/widget/filemanager/nav/nav.filemanager.js @@ -0,0 +1,107 @@ +/** + * 文件管理导航 + * + * Created by GUY on 2015/12/11. + * @class BI.FileManagerNav + * @extends BI.Widget + */ +BI.FileManagerNav = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.FileManagerNav.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-file-manager-nav", + height: 40, + items: [] + }) + }, + + _init: function () { + BI.FileManagerNav.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.tree = new BI.Tree(); + this.refreshTreeData(o.items); + this.tree.getRoot().set("data", { + text: BI.i18nText("BI-Created_By_Me"), + value: BI.FileManagerNav.ROOT_CREATE_BY_ME, + id: BI.FileManagerNav.ROOT_CREATE_BY_ME + }); + this.button_group = BI.createWidget({ + type: "bi.button_group", + element: this, + items: [{ + type: "bi.file_manager_nav_button", + text: BI.i18nText("BI-Created_By_Me"), + selected: true, + id: BI.FileManagerNav.ROOT_CREATE_BY_ME, + value: BI.FileManagerNav.ROOT_CREATE_BY_ME + }], + layouts: [{ + type: "bi.horizontal" + }] + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button_group.on(BI.ButtonGroup.EVENT_CHANGE, function (value, obj) { + self.fireEvent(BI.FileManagerNav.EVENT_CHANGE, arguments); + }); + }, + + _getAllParents: function (id) { + var node, res = []; + if (!id) { + node = this.tree.getRoot(); + } else { + node = this.tree.search(id); + } + while (node.parent) { + res.push(node); + node = node.parent; + } + res.push(node); + return res.reverse(); + }, + + _formatNodes: function (nodes) { + var res = []; + BI.each(nodes, function (i, node) { + res.push(BI.extend({ + type: "bi.file_manager_nav_button", + id: node.id + }, node.get("data"))); + }); + BI.last(res).selected = true; + return res; + }, + + getValue: function () { + return this.button_group.getValue(); + }, + + getId: function () { + var ids = []; + BI.each(this.button_group.getSelectedButtons(), function (i, btn) { + ids.push(btn.attr("id")); + }); + return ids; + }, + + refreshTreeData: function(items){ + this.tree.initTree(BI.Tree.transformToTreeFormat(items)); + this.tree.getRoot().set("data", { + text: BI.i18nText("BI-Created_By_Me"), + value: BI.FileManagerNav.ROOT_CREATE_BY_ME, + id: BI.FileManagerNav.ROOT_CREATE_BY_ME + }); + }, + + populate: function (node) { + var parents = BI.isNull(node) ? [this.tree.getRoot()] : this._getAllParents(node.id); + this.button_group.populate(this._formatNodes(parents)); + } +}); +BI.extend(BI.FileManagerNav, { + ROOT_CREATE_BY_ME: "-1" +}); +BI.FileManagerNav.EVENT_CHANGE = "FileManagerNav.EVENT_CHANGE"; +$.shortcut("bi.file_manager_nav", BI.FileManagerNav); \ No newline at end of file diff --git a/src/widget/filterpane/abstract.item.filter.js b/src/widget/filterpane/abstract.item.filter.js new file mode 100644 index 000000000..d6ce85bfe --- /dev/null +++ b/src/widget/filterpane/abstract.item.filter.js @@ -0,0 +1,49 @@ +/** + * 过滤条件抽象类 + * + * @class BI.AbstractFilterItem + * @extend BI.Widget + */ +BI.AbstractFilterItem = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.AbstractFilterItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-filter-item" + }) + }, + + _init: function () { + BI.AbstractFilterItem.superclass._init.apply(this, arguments); + }, + + isSelectedCondition: function () { + return this.emptyItem && this.emptyItem.isVisible(); + }, + + setSelectedCondition: function (b) { + if (!!b) { + if (!this.emptyItem) { + this.emptyItem = BI.createWidget({ + type: "bi.absolute", + height: 40, + cls: "filter-item-empty-item", + items: [{ + el: { + type: "bi.center_adapt", + cls: "empty-filter-item-leaf" + } + }], + hgap: 10, + vgap: 5 + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.emptyItem], + scrolly: false + }); + } + } + this.emptyItem && this.emptyItem.setVisible(b); + } +}); \ No newline at end of file diff --git a/src/widget/filterpane/expander.filter.js b/src/widget/filterpane/expander.filter.js new file mode 100644 index 000000000..d534f8f64 --- /dev/null +++ b/src/widget/filterpane/expander.filter.js @@ -0,0 +1,79 @@ +/** + * @class BI.FilterExpander + * @extend BI.AbstractFilterItem + * 过滤树的一个expander节点 + */ +BI.FilterExpander = BI.inherit(BI.AbstractFilterItem, { + + _constant: { + EXPANDER_WIDTH: 20 + }, + + _defaultConfig: function () { + var conf = BI.FilterExpander.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-filter-expander", + el: {}, + popup: {} + }) + }, + + _init: function () { + BI.FilterExpander.superclass._init.apply(this, arguments); + this._initExpander(); + this._initConditionsView(); + BI.createWidget({ + type: "bi.horizontal_adapt", + element: this, + items: [this.expander, this.conditionsView] + }); + }, + + _initExpander: function () { + var self = this, o = this.options; + var value = o.value, text = ""; + if (value === BICst.FILTER_TYPE.AND) { + text = BI.i18nText("BI-Basic_And"); + } else { + text = BI.i18nText("BI-Basic_Or"); + } + this.expander = BI.createWidget({ + type: "bi.text_button", + cls: "condition-and-or", + text: text, + value: value, + id: o.id, + width: this._constant.EXPANDER_WIDTH, + height: "100%" + }); + this.expander.on(BI.Controller.EVENT_CHANGE, function (type) { + arguments[2] = self; + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + _initConditionsView: function () { + var self = this, popup = this.options.popup; + this.conditionsView = BI.createWidget(popup); + this.conditionsView.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + getValue: function () { + return { + type: this.expander.getValue(), + value: this.conditionsView.getValue(), + id: this.options.id + }; + }, + + setValue: function () { + + }, + + populate: function (items) { + this.conditionsView.populate.apply(this.conditionsView, arguments); + } +}); +$.shortcut("bi.filter_expander", BI.FilterExpander); \ No newline at end of file diff --git a/src/widget/filterpane/filter.js b/src/widget/filterpane/filter.js new file mode 100644 index 000000000..30e113cf1 --- /dev/null +++ b/src/widget/filterpane/filter.js @@ -0,0 +1,181 @@ +/** + * 过滤 + * + * Created by GUY on 2015/11/20. + * @class BI.Filter + * @extend BI.Widget + */ +BI.Filter = BI.inherit(BI.Widget, { + + constants: { + FIELD_TYPE_NUMBER: 1, + FIELD_TYPE_STRING: 0, + FIELD_TYPE_DATE: 2 + }, + + _defaultConfig: function () { + return BI.extend(BI.Filter.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-filter", + expander: {}, + items: [], + el: {}, + itemCreator: BI.empty + }) + }, + + _init: function () { + BI.Filter.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.filter = BI.createWidget(o.el,{ + type: "bi.filter_operation", + expander: o.expander, + items: o.items, + element: this + }); + this.filter.on(BI.FilterOperation.EVENT_OPERATION, function (type) { + switch (type) { + case BICst.FILTER_OPERATION_CONDITION: + case BICst.FILTER_OPERATION_CONDITION_AND: + self._addAndOrCondition(BICst.FILTER_TYPE.EMPTY_CONDITION); + break; + case BICst.FILTER_OPERATION_CONDITION_OR: + self._addAndOrCondition(BICst.FILTER_TYPE.EMPTY_CONDITION, 1); + break; + case BICst.FILTER_OPERATION_FORMULA: + case BICst.FILTER_OPERATION_FORMULA_AND: + self._addAndOrCondition(BICst.FILTER_TYPE.EMPTY_FORMULA); + break; + case BICst.FILTER_OPERATION_FORMULA_OR: + self._addAndOrCondition(BICst.FILTER_TYPE.EMPTY_FORMULA, 1); + break; + } + }); + this.filter.on(BI.FilterOperation.EVENT_DESTROY_ITEM, function (id) { + self._removeCondition(id); + }); + + this.tree = new BI.Tree(); + this.tree.initTree(o.items); + }, + + _removeCondition: function (id) { + var finded = this.tree.search(id); + if (BI.isNotNull(finded)) { + var parent = finded.getParent(); + parent.removeChild(id); + if (parent.getChildrenLength() <= 1) { + var prev = parent.getParent(); + if (BI.isNotNull(prev)) { + var index = prev.getChildIndex(parent.id); + prev.removeChildByIndex(index); + if (parent.getChildrenLength() === 1) { + prev.addChild(parent.getFirstChild(), index); + } + } + } + this._populate(this.tree.toJSONWithNode()); + this.fireEvent(BI.Filter.EVENT_CHANGE); + } + }, + + _createEmptyNode: function (type) { + var node = new BI.Node(BI.UUID()); + node.set("data", { + value: type + }); + return node; + }, + + _insertAndOrCondition: function (id, formulaOrField, type) { + var ANDOR = ["AND", "OR"]; + type || (type = 0); + var finded = this.tree.search(id); + if (BI.isNotNull(finded)) { + var data = finded.get("data"); + var parent = finded.getParent(); + var index = parent.getChildIndex(finded.id); + var pdata = parent.get("data") || {}; + var node = this._createEmptyNode(formulaOrField); + if (data.value === BICst.FILTER_TYPE[ANDOR[type]]) { + this.tree.addNode(finded, node); + return; + } + if (data.value === BICst.FILTER_TYPE[ANDOR[1 - type]]) { + if (pdata.value === BICst.FILTER_TYPE[ANDOR[type]]) { + parent.addChild(node, index + 1); + return; + } + } + if ((data.value === BICst.FILTER_TYPE[ANDOR[1 - type]] && pdata.value !== BICst.FILTER_TYPE[ANDOR[type]]) + || pdata.value === BICst.FILTER_TYPE[ANDOR[1 - type]] + || (pdata.value !== BICst.FILTER_TYPE.AND && pdata.value !== BICst.FILTER_TYPE.OR)) { + var andor = new BI.Node(BI.UUID()); + andor.set("data", { + value: BICst.FILTER_TYPE[ANDOR[type]], + children: [finded.get("data"), node.get("data")] + }); + parent.removeChildByIndex(index); + parent.addChild(andor, index); + andor.addChild(finded); + andor.addChild(node); + return; + } + parent.addChild(node, index + 1); + } + }, + + _addAndOrCondition: function (formulaOrField, type) { + var ANDOR = ["AND", "OR"]; + type || (type = 0); + var o = this.options; + var currentSelectItem = this.filter.getCurrentSelectItem(); + if (BI.isNotNull(currentSelectItem)) { + var id = currentSelectItem.attr("id"); + this._insertAndOrCondition(id, formulaOrField, type); + } else { + var node = this._createEmptyNode(formulaOrField); + var root = this.tree.getRoot(); + var child = root.getLastChild(); + if (BI.isNotNull(child)) { + var data = child.get("data"); + if (data.value === BICst.FILTER_TYPE[ANDOR[type]]) { + this.tree.addNode(child, node); + } else { + var andor = new BI.Node(BI.UUID()); + andor.set("data", { + value: BICst.FILTER_TYPE[ANDOR[type]], + children: [child.get("data"), node.get("data")] + }); + root.removeChild(child.id); + this.tree.addNode(andor); + this.tree.addNode(andor, child); + this.tree.addNode(andor, node); + } + } else { + this.tree.addNode(node); + } + } + this._populate(this.tree.toJSONWithNode()); + this.fireEvent(BI.Filter.EVENT_CHANGE); + }, + + _populate: function (items) { + var self = this, o = this.options; + o.items = items; + ArrayUtils.traversal(items, function (i, item) { + o.itemCreator(item); + }); + this.filter.populate.apply(this.filter, [items]); + }, + + populate: function (conditions) { + this.tree.initTree(conditions); + this._populate(this.tree.toJSONWithNode()); + }, + + getValue: function () { + return this.filter.getValue(); + } +}); +BI.Filter.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.filter", BI.Filter); \ No newline at end of file diff --git a/src/widget/filterpane/operation.filter.js b/src/widget/filterpane/operation.filter.js new file mode 100644 index 000000000..b339777ab --- /dev/null +++ b/src/widget/filterpane/operation.filter.js @@ -0,0 +1,219 @@ +/** + * 过滤条件 + * + * Created by GUY on 2015/9/25. + * @class BI.FilterOperation + * @extend BI.Widget + */ +BI.FilterOperation = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.FilterOperation.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-filter-operation", + expander: {}, + items: [], + selections: [BICst.FILTER_OPERATION_CONDITION, BICst.FILTER_OPERATION_FORMULA], + itemsCreator: BI.emptyFn + }) + }, + + _defaultState: function () { + if (BI.isNotNull(this.currentSelected)) { + this.currentSelected.setSelectedCondition(false); + } + this.buttonComboTab.setSelect(BI.FilterOperation.OPERATION_ADD_CONDITION); + }, + + _init: function () { + BI.FilterOperation.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.currentSelected = null; + + this.filter = BI.createWidget({ + type: "bi.filter_pane", + expander: o.expander, + items: o.items, + itemsCreator: o.itemsCreator + }); + this.filter.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (type === BI.Events.CLICK) { + if (BI.isNotNull(self.currentSelected) && self.currentSelected === obj) { + obj.setSelectedCondition(!obj.isSelectedCondition()); + } else { + if (BI.isNotNull(self.currentSelected)) { + self.currentSelected.setSelectedCondition(false); + } + self.currentSelected = obj; + obj.setSelectedCondition(true); + } + if (self.currentSelected.isSelectedCondition()) { + self.buttonComboTab.setSelect(BI.FilterOperation.OPERATION_ADD_ANDOR_CONDITION); + } else { + self.buttonComboTab.setSelect(BI.FilterOperation.OPERATION_ADD_CONDITION); + } + } + if (type === BI.Events.DESTROY) { + if (self.currentSelected === obj) { + self.currentSelected = null; + self.buttonComboTab.setSelect(BI.FilterOperation.OPERATION_ADD_CONDITION); + } + self.fireEvent(BI.FilterOperation.EVENT_DESTROY_ITEM, value, obj); + } + }); + this.filter.on(BI.FilterPane.EVENT_CHANGE, function () { + self.fireEvent(BI.FilterOperation.EVENT_CHANGE, arguments); + }); + var operation = this._buildOperationTab(); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: operation, + height: 40 + }, { + el: { + type: "bi.absolute", + scrollable: true, + items: [{ + el: { + type: "bi.left", + items: [ + this.filter + ] + }, + top: 0, + right: 2, + bottom: 0, + left: 0 + }] + } + }] + }) + }, + + _buildOperationTab: function () { + this.buttonComboTab = BI.createWidget({ + type: "bi.tab", + tab: null, + cardCreator: BI.bind(this._createTabs, this) + }); + this.buttonComboTab.setSelect(BI.FilterOperation.OPERATION_ADD_CONDITION); + return this.buttonComboTab; + }, + + _createTabs: function (v) { + var self = this; + switch (v) { + case BI.FilterOperation.OPERATION_ADD_CONDITION: + var btnGroup = BI.createWidget({ + type: "bi.button_group", + items: BI.createItems(self._createButtons(), { + type: "bi.button", + forceNotSelected: true, + level: "ignore", + height: 25 + }), + chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT, + layouts: [{ + type: "bi.right", + hgap: 10, + vgap: 5 + }] + }); + btnGroup.on(BI.ButtonGroup.EVENT_CHANGE, function (value, obj) { + self.fireEvent(BI.FilterOperation.EVENT_OPERATION, obj.getValue()); + self._defaultState(); + }); + return btnGroup; + case BI.FilterOperation.OPERATION_ADD_ANDOR_CONDITION: + var btnGroup = BI.createWidget({ + type: "bi.button_group", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT, + items: self._createCombos(), + layouts: [{ + type: "bi.right", + hgap: 10, + vgap: 5 + }] + }); + return btnGroup; + } + }, + + _createButtons: function(){ + var buttons = []; + BI.each(this.options.selections, function(i, type){ + switch (type){ + case BICst.FILTER_OPERATION_FORMULA: + buttons.push({ + text: BI.i18nText("BI-Add_Formula"), + value: BICst.FILTER_OPERATION_FORMULA + }); + break; + case BICst.FILTER_OPERATION_CONDITION: + buttons.push({ + text: BI.i18nText("BI-Add_Condition"), + value: BICst.FILTER_OPERATION_CONDITION + }); + break; + } + }); + return buttons; + }, + + _createCombos: function () { + var self = this, combos = []; + BI.each(this.options.selections, function(i, type){ + var text = "", items = []; + switch (type) { + case BICst.FILTER_OPERATION_FORMULA: + text = BI.i18nText("BI-Add_Formula"); + items = BICst.FILTER_ADD_FORMULA_COMBO; + break; + case BICst.FILTER_OPERATION_CONDITION: + text = BI.i18nText("BI-Add_Condition"); + items = BICst.FILTER_ADD_CONDITION_COMBO; + break; + } + var addCombo = BI.createWidget({ + type: "bi.static_combo", + text: text, + width: 90, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_NONE, + items: BI.createItems(items, { + type: "bi.single_select_item", + height: 25 + }) + }); + addCombo.on(BI.Combo.EVENT_CHANGE, function (value, obj) { + self.fireEvent(BI.FilterOperation.EVENT_OPERATION, obj.getValue()); + self._defaultState(); + }); + combos.push(addCombo); + }); + return combos; + }, + + getCurrentSelectItem: function () { + if (BI.isNotNull(this.currentSelected) && this.currentSelected.isSelectedCondition()) { + return this.currentSelected; + } + }, + + populate: function (items) { + + this.filter.populate.apply(this.filter, arguments); + }, + + getValue: function () { + return this.filter.getValue(); + } +}); +BI.extend(BI.FilterOperation, { + OPERATION_ADD_CONDITION: 0, + OPERATION_ADD_ANDOR_CONDITION: 1 +}); +BI.FilterOperation.EVENT_OPERATION = "EVENT_OPERATION"; +BI.FilterOperation.EVENT_CHANGE = "EVENT_CHANGE"; +BI.FilterOperation.EVENT_DESTROY_ITEM = "BI.FilterOperation.EVENT_DESTROY_ITEM"; +$.shortcut("bi.filter_operation", BI.FilterOperation); \ No newline at end of file diff --git a/src/widget/filterpane/pane.filter.js b/src/widget/filterpane/pane.filter.js new file mode 100644 index 000000000..12c91e978 --- /dev/null +++ b/src/widget/filterpane/pane.filter.js @@ -0,0 +1,60 @@ +/** + * @class BI.FilterPane + * @extend BI.Widget + * 过滤面板 + */ +BI.FilterPane = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.FilterPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-filter-pane", + expander: {}, + items: [], + itemsCreator: BI.emptyFn + }) + }, + + _init: function () { + BI.FilterPane.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.tree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: BI.extend({ + type: "bi.filter_expander", + el: {}, + popup: { + type: "bi.custom_tree" + } + }, o.expander), + el: { + type: "bi.button_map", + chooseType: BI.ButtonGroup.CHOOSE_TYPE_DEFAULT, + layouts: [{ + type: "bi.vertical", + scrolly: false + }] + } + }); + + this.tree.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.FilterPane.EVENT_CHANGE, [].slice.call(arguments, 1)); + } + }); + + if (BI.isNotEmptyArray(o.items)) { + this.populate(o.items); + } + }, + + populate: function (items) { + this.tree.populate.apply(this.tree, arguments); + }, + + getValue: function () { + return this.tree.getValue(); + } +}); +BI.FilterPane.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.filter_pane", BI.FilterPane); \ No newline at end of file diff --git a/src/widget/finetuningnumbereditor/finetuning.number.editor.js b/src/widget/finetuningnumbereditor/finetuning.number.editor.js new file mode 100644 index 000000000..0f4f6a35e --- /dev/null +++ b/src/widget/finetuningnumbereditor/finetuning.number.editor.js @@ -0,0 +1,95 @@ +/** + * Created by windy on 2017/3/13. + * 数值微调器 + */ +BI.FineTuningNumberEditor = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.FineTuningNumberEditor.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-fine-tuning-number-editor", + value: -1 + }) + }, + + _init: function () { + BI.FineTuningNumberEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + value: this._alertInEditorValue(o.value), + errorText: BI.i18nText("BI-Please_Input_Natural_Number"), + validationChecker: function(v){ + return BI.isNaturalNumber(v) || self._alertOutEditorValue(v) === -1; + } + }); + this.editor.on(BI.TextEditor.EVENT_CONFIRM, function(){ + self._finetuning(0); + self.fireEvent(BI.FineTuningNumberEditor.EVENT_CONFIRM); + }); + this.topBtn = BI.createWidget({ + type: "bi.icon_button", + cls: "column-pre-page-h-font top-button" + }); + this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){ + self._finetuning(1); + self.fireEvent(BI.FineTuningNumberEditor.EVENT_CONFIRM); + }); + this.bottomBtn = BI.createWidget({ + type: "bi.icon_button", + cls: "column-next-page-h-font bottom-button" + }); + this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){ + self._finetuning(-1); + self.fireEvent(BI.FineTuningNumberEditor.EVENT_CONFIRM); + }); + this._finetuning(0); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [this.editor, { + el: { + type: "bi.grid", + columns: 1, + rows: 2, + items: [{ + column: 0, + row: 0, + el: this.topBtn + }, { + column: 0, + row: 1, + el: this.bottomBtn + }] + }, + width: 30 + }] + }); + }, + + _alertOutEditorValue: function(v){ + return v === BI.i18nText("BI-Basic_Auto") ? -1 : v; + }, + + _alertInEditorValue: function(v){ + return BI.parseInt(v) === -1 ? BI.i18nText("BI-Basic_Auto") : v; + }, + + //微调 + _finetuning: function(add){ + var v = BI.parseInt(this._alertOutEditorValue(this.editor.getValue())); + this.editor.setValue(this._alertInEditorValue(v + add)); + this.bottomBtn.setEnable((v + add) !== -1); + }, + + getValue: function () { + var v = this.editor.getValue(); + return this._alertOutEditorValue(v); + }, + + setValue: function (v) { + this.editor.setValue(this._alertInEditorValue(v)); + this._finetuning(0); + } + +}); +BI.FineTuningNumberEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.fine_tuning_number_editor", BI.FineTuningNumberEditor); \ No newline at end of file diff --git a/src/widget/formula/group.symbol.js b/src/widget/formula/group.symbol.js new file mode 100644 index 000000000..38e089663 --- /dev/null +++ b/src/widget/formula/group.symbol.js @@ -0,0 +1,66 @@ +/** + * Created by roy on 15/9/29. + */ +/** + * Created by roy on 15/9/1. + */ +BI.SymbolGroup = BI.inherit(BI.Widget, { + constants: { + hgap: 7.5, + textWidth: 14, + textHeight: 17 + }, + _defaultConfig: function () { + return BI.extend(BI.SymbolGroup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-symbol-group" + }) + }, + _init: function () { + BI.SymbolGroup.superclass._init.apply(this, arguments) + var self = this, c = this.constants; + + var items = [{ + text: "+", + value: "+" + }, { + text: "-", + value: "-" + }, { + text: "*", + value: "*" + }, { + text: "/", + value: "/" + }, { + text: "(", + value: "(" + }, { + text: ")", + value: ")" + }]; + + this.symbolgroup = BI.createWidget({ + type: "bi.button_group", + element: self, + chooseType:-1, + items: BI.createItems(items, { + type: "bi.text_button", + forceNotSelected: true, + once: false, + textWidth: c.textWidth, + textHeight: c.textHeight, + cls: "symbol-button" + }), + layouts: [{ + type: "bi.left_vertical_adapt", + hgap: c.hgap + }] + }); + + this.symbolgroup.on(BI.ButtonGroup.EVENT_CHANGE,function(v){ + self.fireEvent(BI.SymbolGroup.EVENT_CHANGE,v) + }) + } +}); +BI.SymbolGroup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.symbol_group", BI.SymbolGroup); \ No newline at end of file diff --git a/src/widget/formula/insert.formula.js b/src/widget/formula/insert.formula.js new file mode 100644 index 000000000..38f4d80b3 --- /dev/null +++ b/src/widget/formula/insert.formula.js @@ -0,0 +1,343 @@ +/** + * Created by roy on 15/9/9. + */ +//0更多函数为展开状态,1为函数框展开,显示返回状态 +BI.FormulaInsert = BI.inherit(BI.Widget, { + constants: { + right_set_off: -322, + height: 30, + width: 160, + right: 10, + button_bottom: 5, + pane_bottom: -1, + retract: 1, + more_function: 0, + functionTypes: ["MATH", "DATETIME", "ARRAY", "TEXT", "LOGIC", "OTHER"], + abandonFunctions: ["ACOS", "ACOSH", "ASIN", "ASINH", "ATAN", "ATAN2", "ATANH", "BITNOT", "BITOPERATION", "CHAR", "CLASS", "CODE", "COMBIN", "CORREL", "COS", "COSH", "DATETONUMBER", "DEGREES", "GETKEY", "GETUSERDEPARTMENTS", "GETUSERJOBTITLES", "NVL", "ODD", "PI", "POWER", "PRODUCT", "PROPER", "RADIANS", "REGEXP", "REVERSE", "RemoteIP", "SIN", "SINH", "STARTWITH", "TAN", "TANH", "TESTCONNECTION", "TESTMACANDUUID", "TOBINARY", "TOHEX", "TOOCTAL", "TOIMAGE"] + }, + + _defaultConfig: function () { + var conf = BI.FormulaInsert.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-formula-insert", + fieldItems: [] + + + }) + }, + + _init: function () { + BI.FormulaInsert.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this.constants; + self.validation = "valid"; + + this.formulatree = BI.createWidget({ + type: "bi.formula_field_tree", + cls: "bi-formula-field-pane", + items: o.fieldItems + }); + + this.formulatree.on(BI.FormulaFieldTree.EVENT_CHANGE, function () { + var v = self.formulatree.getValue(); + self.formulaedit.insertField(self.fieldValueTextMap[v[0]]); + }); + + this.symbolgroup = BI.createWidget({ + type: "bi.symbol_group", + height: c.height, + cls: "symbol-group-column" + }); + + this.symbolgroup.on(BI.SymbolGroup.EVENT_CHANGE, function (v) { + self.formulaedit.insertOperator(v); + }); + + + this.formulaedit = BI.createWidget({ + type: "bi.formula", + tipType: "warning", + watermark: BI.i18nText("BI-Formula_Water_Mark") + }); + + this.formulaedit.on(BI.FormulaEditor.EVENT_CHANGE, function () { + if (BI.Func.checkFormulaValidation(self.formulaedit.getCheckString())) { + self.validation = "valid"; + BI.Bubbles.hide(self.getName() + "invalid"); + } else { + BI.Bubbles.show(self.getName() + "invalid", BI.i18nText("BI-Formula_Valid"), self, { + offsetStyle: "center" + }); + self.validation = "invalid" + } + self.fireEvent(BI.FormulaInsert.EVENT_CHANGE); + }); + + this.formulaedit.on(BI.FormulaEditor.EVENT_BLUR, function () { + BI.Bubbles.hide(self.getName() + "invalid"); + if (!self.checkValidation()) { + self.formulaedit.setTitle(BI.i18nText("BI-Formula_Valid"), {belowMouse: true}); + } + + + }); + + this.formulaedit.on(BI.FormulaEditor.EVENT_FOCUS, function () { + self.formulaedit.setTitle(""); + if (!self.checkValidation()) { + BI.Bubbles.show(self.getName() + "invalid", BI.i18nText("BI-Formula_Valid"), self, {offsetStyle: "center"}); + } + }); + + this.editorpane = BI.createWidget({ + type: "bi.vtape", + + items: [ + { + height: "fill", + el: self.formulaedit + }, { + height: c.height, + el: self.symbolgroup + } + ] + }); + + + this.functionbutton = BI.createWidget({ + type: "bi.text_button", + text: BI.i18nText("BI-Formula_More_Function"), + value: c.more_function, + cls: "more-function-button" + }); + + this.functionpane = BI.createWidget({ + type: "bi.function_pane", + items: self._createFunctionItems(), + }); + + this.functionCombo = BI.createWidget({ + type: "bi.combo", + isNeedAdjustWidth: false, + el: this.functionbutton, + direction: "right,top", + adjustYOffset: -16, + adjustXOffset: 10, + hideChecker: function () { + return false; + }, + popup: { + el: self.functionpane, + width: 372 + }, + width: 65 + }); + + + BI.createWidget({ + element: this, + type: "bi.htape", + items: [ + { + width: c.width, + el: self.formulatree + }, + { + + el: self.editorpane + } + ], + height: o.height, + width: o.width + }); + BI.createWidget({ + element: this, + type: "bi.absolute", + items: [ + { + el: self.functionCombo, + right: c.right, + bottom: c.button_bottom + } + ] + }); + + + self.formulaedit.element.droppable({ + accept: ".bi-tree-text-leaf-item", + drop: function (event, ui) { + var value = ui.helper.attr("text"); + self.formulaedit.insertField(value); + } + }); + + + this.functionCombo.on(BI.Combo.EVENT_AFTER_POPUPVIEW, function () { + self.functionbutton.setText(BI.i18nText("BI-Formula_Retract")) + }); + + this.functionCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.functionbutton.setText(BI.i18nText("BI-Formula_More_Function")) + }); + + this.functionpane.on(BI.FunctionPane.EVENT_INSET, function (v) { + if (BI.isNotEmptyString(v)) { + self.formulaedit.insertFunction(v); + } + + }); + + this.populate(o.fieldItems); + + }, + + + _isFunction: function (str) { + var self = this, o = this.options, result = false; + BI.each(o.functionItems, function (i, item) { + var text = item.text.toLowerCase(); + var lowerString = str.toLowerCase(); + if (text === lowerString) { + result = true + } + }); + return result; + }, + + _analyzeContent: function (v) { + var regx = /\$[\{][^\}]*[\}]|\w*\w|\$\{[^\$\(\)\+\-\*\/)\$,]*\w\}|\$\{[^\$\(\)\+\-\*\/]*\w\}|\$\{[^\$\(\)\+\-\*\/]*[\u4e00-\u9fa5]\}|\w|(.)|\n/g; + return v.match(regx); + }, + + _getFunctionType: function (functionType) { + switch (functionType) { + case "MATH": + return BICst.FUNCTION.MATH; + case "TEXT": + return BICst.FUNCTION.TEXT; + case "DATETIME": + return BICst.FUNCTION.DATE; + case "ARRAY": + return BICst.FUNCTION.ARRAY; + case "LOGIC": + return BICst.FUNCTION.LOGIC; + case "OTHER": + return BICst.FUNCTION.OTHER; + } + }, + + _createFunctionItems: function () { + var self = this; + var functionObjs = FormulaJSONs; + var functionItems = []; + BI.each(functionObjs, function (i, functionObj) { + if (self.constants.functionTypes.contains(functionObj.type) && !self.constants.abandonFunctions.contains(functionObj.name)) { + var item = {}; + item.text = functionObj.name; + item.value = functionObj.name; + item.fieldType = self._getFunctionType(functionObj.type); + item.description = functionObj.def; + item.title = functionObj.def; + functionItems.push(item); + } + }); + this.options.functionItems = functionItems; + return functionItems; + }, + + _createFieldTextValueMap: function (fieldItems) { + var fieldMap = {}; + BI.each(fieldItems, function(idx, typeItems){ + BI.each(typeItems, function (i, fieldItem) { + fieldMap[fieldItem.text] = fieldItem.value; + }); + }) + return fieldMap; + }, + + _createFieldValueTextMap: function (fieldItems) { + var fieldMap = {}; + BI.each(fieldItems, function (idx, typeItems) { + BI.each(typeItems, function (i, fieldItem) { + fieldMap[fieldItem.value] = fieldItem.text; + }) + }); + return fieldMap; + }, + + _bindDragEvent: function () { + var self = this; + BI.each(self.formulatree.getAllLeaves(), function (i, node) { + node.element.draggable({ + cursorAt: {top: 5, left: 5}, + helper: function () { + var hint = BI.createWidget({ + type: "bi.helper", + value: node.getValue(), + text: self.fieldValueTextMap[node.getValue()] + }); + BI.createWidget({ + element: self, + type: "bi.default", + items: [hint] + }); + hint.element.attr({text: self.fieldValueTextMap[node.getValue()]}); + return hint.element; + + } + }) + + }); + }, + + + checkValidation: function () { + return this.validation === "valid"; + }, + + refresh: function () { + this.formulaedit.refresh(); + }, + + setValue: function (v) { + var self = this, result; + self.formulaedit.refresh(); + self.formulaedit.setValue(""); + result = this._analyzeContent(v || ""); + BI.each(result, function (i, item) { + var fieldRegx = /\$[\{][^\}]*[\}]/; + var str = item.match(fieldRegx); + if (BI.isNotEmptyArray(str)) { + self.formulaedit.insertField(self.fieldValueTextMap[str[0].substring(2, item.length - 1)]); + } else if (self._isFunction(item)) { + self.formulaedit.setFunction(item); + } else { + self.formulaedit.insertString(item); + } + }) + + }, + + getFormulaString: function () { + return this.formulaedit.getFormulaString(); + }, + + getUsedFields: function () { + return this.formulaedit.getUsedFields(); + }, + + getValue: function () { + return this.formulaedit.getValue(); + }, + populate: function (fieldItems) { + this.options.fieldItems = fieldItems; + this.fieldTextValueMap = this._createFieldTextValueMap(fieldItems); + this.fieldValueTextMap = this._createFieldValueTextMap(fieldItems); + this.formulaedit.setFieldTextValueMap(this.fieldTextValueMap); + this.formulatree.populate(fieldItems); + this._bindDragEvent(); + } + + +}); +BI.FormulaInsert.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.formula_insert", BI.FormulaInsert); \ No newline at end of file diff --git a/src/widget/formula/item.button.text.treeleaf.js b/src/widget/formula/item.button.text.treeleaf.js new file mode 100644 index 000000000..a13e2c2cb --- /dev/null +++ b/src/widget/formula/item.button.text.treeleaf.js @@ -0,0 +1,97 @@ +BI.ButtonTextTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.ButtonTextTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-button-text-tree-item ", + id: "", + pId: "", + height: 25, + hgap: 0, + lgap: 0, + rgap: 0 + }) + }, + _init: function () { + BI.ButtonTextTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + lgap: o.lgap, + rgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.button = BI.createWidget({ + type: "bi.text_button", + height: 25, + stopEvent:true, + value: BI.i18nText("BI-Formula_Insert"), + cls: "formula-function-insert-button" + }); + this.button.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.ADD, self.text.getText()); + }); + this.button.invisible(); + this.leaf = BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: this.button, + width: 30 + }, { + el: this.text + }], + hgap: o.hgap + }) + this.element.hover(function () { + self.button.visible(); + }, function () { + if (!self.isSelected()) { + self.button.invisible(); + } + + }) + + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doHighLight: function () { + this.text.doHighLight.apply(this.text, arguments); + }, + + unHighLight: function () { + this.text.unHighLight.apply(this.text, arguments); + }, + + setSelected: function (b) { + BI.ButtonTextTreeLeafItem.superclass.setSelected.apply(this, arguments); + if (BI.isNotNull(b) && b === true) { + this.button.visible(); + } else { + this.button.invisible(); + } + }, + + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + } +}); + +$.shortcut("bi.button_text_tree_leaf_item", BI.ButtonTextTreeLeafItem); \ No newline at end of file diff --git a/src/widget/formula/pane.function.js b/src/widget/formula/pane.function.js new file mode 100644 index 000000000..fd02cb753 --- /dev/null +++ b/src/widget/formula/pane.function.js @@ -0,0 +1,175 @@ +/** + * Created by roy on 15/9/14. + */ +BI.FunctionPane = BI.inherit(BI.Widget, { + constants: { + search_height: 20, + height: 200, + width: 370, + column_size_editor: 170, + column_size_right: 200, + row_size: 30, + hgap: 10, + vgap: 10, + hgap_offset: 5 + }, + _defaultConfig: function () { + var conf = BI.FunctionPane.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: "bi-formula-function-pane", + width: 320, + height: 200, + items: [] + }) + }, + _init: function () { + BI.FunctionPane.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this.constants; + + + this.desLabel = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "normal", + textWidth: 180 + }); + + this.searchFunctionTree = BI.createWidget({ + type: "bi.function_tree", + cls: "style-top", + redmark: function (val, ob) { + return true + } + }); + + this.functiontree = BI.createWidget({ + type: "bi.function_tree", + cls: "style-top", + items: o.items + }); + + + this.searcher = BI.createWidget({ + type: "bi.searcher", + adapter: this.functiontree, + isAutoSearch: false, + onSearch: function (op, populate) { + var keyword = op.keyword.toLowerCase(); + var resultArray = []; + BI.each(o.items, function (i, item) { + if (item.value.toLowerCase().indexOf(keyword) > -1 && !BI.isEmptyString(keyword)) { + resultArray.push(item); + } + }); + populate(resultArray, keyword); + }, + el: { + type: "bi.small_search_editor" + }, + popup: { + type: "bi.function_searcher_pane", + searcher: self.searchFunctionTree + }, + height: 25, + width: 160 + }); + + + this.functionLabel = BI.createWidget({ + type: "bi.label" + }); + + BI.createWidget({ + element: this, + type: "bi.window", + width: c.width, + cls: "style-out", + columns: 2, + rows: 2, + columnSize: [c.column_size_editor, c.column_size_right], + rowSize: [c.row_size, 'fill'], + items: [ + [ + { + + el: { + type: "bi.center_adapt", + hgap: c.hgap_offset, + items: [ + { + el: self.searcher + } + ] + + + } + }, + { + el: { + type: "bi.center_adapt", + cls: "style-left", + items: [ + { + type: "bi.left", + hgap: c.hgap, + items: [ + { + el: self.functionLabel + } + ] + } + ] + } + } + ], [ + { + el: self.functiontree + }, + { + el: { + type: "bi.absolute", + cls: "style-inner", + items: [ + { + el: self.desLabel, + left: c.hgap, + right: c.hgap, + top: c.hgap, + bottom: c.hgap + } + ] + } + } + ] + ] + }); + + self.functiontree.on(BI.FunctionTree.FUNCTION_INSERT, function (value) { + self.fireEvent(BI.FunctionPane.EVENT_INSET, value) + }); + + self.functiontree.on(BI.FunctionTree.EVENT_DESCRIPTION_CHANGE, function (v) { + self.desLabel.setText(v); + }); + + self.functiontree.on(BI.FunctionTree.EVENT_CHANGE, function (v) { + self.functionLabel.setText(v); + }); + + self.searchFunctionTree.on(BI.FunctionTree.FUNCTION_INSERT, function (value) { + self.fireEvent(BI.FunctionPane.EVENT_INSET, value) + }); + + self.searchFunctionTree.on(BI.FunctionTree.EVENT_DESCRIPTION_CHANGE, function (v) { + self.desLabel.setText(v); + }); + + self.searchFunctionTree.on(BI.FunctionTree.EVENT_CHANGE, function (v) { + self.functionLabel.setText(v); + }); + + } + +}); +BI.FunctionPane.EVENT_INSET = "EVENT_INSET"; +$.shortcut("bi.function_pane", BI.FunctionPane); \ No newline at end of file diff --git a/src/widget/formula/pane.searcher.function.js b/src/widget/formula/pane.searcher.function.js new file mode 100644 index 000000000..1f2dcb343 --- /dev/null +++ b/src/widget/formula/pane.searcher.function.js @@ -0,0 +1,26 @@ +/** + * Created by roy on 16/1/21. + */ +BI.FunctionSearcherPane = BI.inherit(BI.SearcherView, { + _defaultConfig: function () { + var conf = BI.FunctionSearcherPane.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-function-searcher-pane" + }) + }, + + _init: function () { + BI.FunctionSearcherPane.superclass._init.apply(this, arguments); + }, + + populate: function (searchResult, keyword) { + searchResult || (searchResult = []); + this.spliter.setVisible(false); + this.searcher.populate(searchResult, keyword); + this.searcher.expandAll(); + this.searcher.doBehavior(keyword); + }, + + +}); +$.shortcut("bi.function_searcher_pane", BI.FunctionSearcherPane); \ No newline at end of file diff --git a/src/widget/formula/tree.fieldname.js b/src/widget/formula/tree.fieldname.js new file mode 100644 index 000000000..d22b61435 --- /dev/null +++ b/src/widget/formula/tree.fieldname.js @@ -0,0 +1,110 @@ +BI.FormulaFieldTree = BI.inherit(BI.Widget, { + _const: { + leafGap: 40 + }, + _defaultConfig: function () { + return BI.extend(BI.FormulaFieldTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-field-tree", + chooseType: 0, + items: [] + }); + }, + + _init: function () { + BI.FormulaFieldTree.superclass._init.apply(this, arguments); + this.populate(this.options.items); + }, + + _getFieldNum: function (map, fieldtype) { + if (BI.isNotNull(map[fieldtype])) { + return map[fieldtype].length + } else { + return 0 + } + }, + + populate: function (items) { + var o = this.options, c = this._const, self = this; + this.empty(); + var map = {}; + BI.each(items, function (i, typeItem) { + BI.each(typeItem, function (i, item) { + if (!map[item.fieldType]) { + map[item.fieldType] = []; + } + map[item.fieldType].push(item); + }) + }); + + var nodes = [{ + id: BICst.COLUMN.NUMBER, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Numberic_Field") + "(" + self._getFieldNum(map,BICst.COLUMN.NUMBER) + ")", + value: BICst.COLUMN.NUMBER, + isParent: true, + open: items.length === 1 + }]; + + if(items.length > 1){ + nodes.push({ + id: BICst.COLUMN.STRING, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Text_Field") + "(" + self._getFieldNum(map, BICst.COLUMN.STRING) + ")", + value: BICst.COLUMN.STRING, + isParent: true, + open: false + }); + } + + if(items.length > 2){ + nodes.push({ + id: BICst.COLUMN.DATE, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Time_Field") + "(" + self._getFieldNum(map, BICst.COLUMN.DATE) + ")", + value: BICst.COLUMN.DATE, + isParent: true, + open: false + }); + } + + BI.each(items, function(idx, typeItems){ + BI.each(typeItems, function (i, item) { + nodes.push(BI.extend({ + id: BI.UUID(), + pId: item.fieldType + }, item, { + type: "bi.tree_text_leaf_item", + cls: "tree-text-leaf-item-draggable", + textAlign: "left", + lgap: c.leafGap + })) + }); + }); + this.fieldtree = BI.createWidget({ + type: "bi.level_tree", + element: this, + chooseType: o.chooseType, + expander: { + isDefaultInit: true + }, + items: nodes + }); + this.fieldtree.on(BI.LevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.FormulaFieldTree.EVENT_CHANGE); + self.fieldtree.setValue(); + }) + }, + + getValue: function () { + return this.fieldtree.getValue(); + }, + + setValue: function (v) { + this.fieldtree.setValue(v); + }, + getAllLeaves: function () { + return this.fieldtree.getAllLeaves() + } +}); +BI.FormulaFieldTree.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.formula_field_tree", BI.FormulaFieldTree); \ No newline at end of file diff --git a/src/widget/formula/tree.function.js b/src/widget/formula/tree.function.js new file mode 100644 index 000000000..a34f9d4ef --- /dev/null +++ b/src/widget/formula/tree.function.js @@ -0,0 +1,170 @@ +/** + * Created by roy on 15/9/14. + */ +BI.FunctionTree = BI.inherit(BI.Widget, { + _const: { + leafGap: 10, + nodeTypes: [BICst.FUNCTION.MATH, BICst.FUNCTION.ARRAY, BICst.FUNCTION.DATE, BICst.FUNCTION.LOGIC, BICst.FUNCTION.OTHER, BICst.FUNCTION.TEXT] + }, + _defaultConfig: function () { + return BI.extend(BI.FunctionTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-formula-function-tree", + chooseType: 0, + items: [], + redmark: BI.emptyFn + }); + }, + + _init: function () { + BI.FunctionTree.superclass._init.apply(this, arguments); + this.populate(this.options.items); + }, + + _getFieldNum: function (map, fieldtype) { + if (BI.isNotNull(map[fieldtype])) { + return map[fieldtype].length + } else { + return 0 + } + }, + + populate: function (items) { + var o = this.options, c = this._const, self = this; + this.empty(); + var map = {}; + o.items = items; + BI.each(items, function (i, item) { + if (!map[item.fieldType]) { + map[item.fieldType] = []; + } + map[item.fieldType].push(item); + }); + this.nodes = [ + { + id: BICst.FUNCTION.MATH, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Numberic_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.MATH) + ")", + value: BICst.FUNCTION.MATH, + isParent: true, + open: false + }, { + id: BICst.FUNCTION.TEXT, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Text_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.TEXT) + ")", + value: BICst.FUNCTION.TEXT, + isParent: true, + open: false + }, { + id: BICst.FUNCTION.DATE, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Time_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.DATE) + ")", + value: BICst.FUNCTION.DATE, + isParent: true, + open: false + }, { + id: BICst.FUNCTION.ARRAY, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Array_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.ARRAY) + ")", + value: BICst.FUNCTION.ARRAY, + isParent: true, + open: false + }, { + id: BICst.FUNCTION.LOGIC, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Logic_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.LOGIC) + ")", + value: BICst.FUNCTION.LOGIC, + isParent: true, + open: false + }, { + id: BICst.FUNCTION.OTHER, + type: "bi.triangle_group_node", + text: BI.i18nText("BI-Formula_Other_Function") + "(" + self._getFieldNum(map, BICst.FUNCTION.OTHER) + ")", + value: BICst.FUNCTION.OTHER, + isParent: true, + open: false + } + ]; + BI.each(items, function (i, item) { + self.nodes.push(BI.extend({ + id: BI.UUID(), + pId: item.fieldType + }, item, { + type: "bi.button_text_tree_leaf_item", + textAlign: "left", + lgap: c.leafGap + })) + }); + this.fieldtree = BI.createWidget({ + type: "bi.level_tree", + element: this, + items: self.nodes, + el: { + behaviors: { + "redmark": o.redmark + } + } + }); + + this.fieldtree.on(BI.Controller.EVENT_CHANGE, function (type, value) { + if (type === BI.Events.ADD) { + self.fireEvent(BI.FunctionTree.FUNCTION_INSERT, value); + } + }); + this.fieldtree.on(BI.LevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.FunctionTree.EVENT_CHANGE, self.getValue()); + self.fireEvent(BI.FunctionTree.EVENT_DESCRIPTION_CHANGE, self._getDescription(self.getValue(), o.items)) + self.fieldtree.setValue(self.getValue()); + }) + }, + + getValue: function () { + return this.fieldtree.getValue(); + }, + + setValue: function (v) { + this.fieldtree.setValue(v); + }, + + doBehavior: function () { + this.fieldtree.doBehavior.apply(this.fieldtree, arguments) + }, + + getNodeByValue: function (v) { + return this.fieldtree.getNodeByValue(v) + }, + + setTriggerExpand: function (v) { + var node = this.fieldtree.getNodeById(v); + node.showView(); + }, + + setTriggerCollapse: function (v) { + var node = this.fieldtree.getNodeById(v); + node.hideView(); + }, + + expandAll: function () { + var self = this; + BI.each(self._const.nodeTypes, function (i, id) { + self.setTriggerExpand(id); + }) + }, + + _getDescription: function (v, items) { + var description = ""; + BI.each(items, function (i, item) { + if (item.value === v[0]) { + description = item.description; + } + }); + return description + }, + + getAllLeaves: function () { + return this.fieldtree.getAllLeaves() + } +}); +BI.FunctionTree.EVENT_CHANGE = "EVENT_CHANGE"; +BI.FunctionTree.EVENT_DESCRIPTION_CHANGE = "EVENT_DESCRIPTION_CHANGE"; +BI.FunctionTree.FUNCTION_INSERT = "FUNCTION_INSERT"; +$.shortcut("bi.function_tree", BI.FunctionTree); \ No newline at end of file diff --git a/src/widget/image/button/href/image.button.href.js b/src/widget/image/button/href/image.button.href.js new file mode 100644 index 000000000..2120c32ec --- /dev/null +++ b/src/widget/image/button/href/image.button.href.js @@ -0,0 +1,77 @@ +/** + * Created by GameJian on 2016/1/28. + */ +BI.ImageButtonHref = BI.inherit(BI.Single, { + + _defaultConfig: function () { + return BI.extend(BI.ImageButtonHref.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-image-button-href", + title: BI.i18nText("BI-Add_Href") + }) + }, + + _init: function () { + BI.ImageButtonHref.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.icon_button", + cls: "img-href-font", + title: o.title, + height: 24, + width: 24 + }); + + this.input = BI.createWidget({ + type: "bi.clear_editor", + watermark: BI.i18nText("BI-Input_Href"), + width: 255, + height: 30 + }); + this.input.on(BI.ClearEditor.EVENT_CONFIRM, function () { + self.combo.hideView(); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + direction: "bottom,left", + adjustYOffset: 3, + el: this.trigger, + popup: { + el: this.input, + stopPropagation: false, + minWidth: 255 + } + }); + + this.combo.on(BI.Combo.EVENT_AFTER_POPUPVIEW, function () { + self.input.focus() + }); + + this.combo.on(BI.Combo.EVENT_BEFORE_HIDEVIEW, function () { + self.fireEvent(BI.ImageButtonHref.EVENT_CHANGE, arguments) + }) + }, + + isSelected: function(){ + return this.combo.isViewVisible(); + }, + + showView: function(){ + this.combo.showView(); + }, + + hideView: function () { + this.combo.hideView(); + }, + + getValue: function () { + return this.input.getValue(); + }, + + setValue: function (url) { + this.input.setValue(url) + } +}); +BI.ImageButtonHref.EVENT_CHANGE = "BI.ImageButtonHref.EVENT_CHANGE"; +$.shortcut("bi.image_button_href", BI.ImageButtonHref); \ No newline at end of file diff --git a/src/widget/image/button/size/image.button.size.combo.js b/src/widget/image/button/size/image.button.size.combo.js new file mode 100644 index 000000000..e3ffd8cfb --- /dev/null +++ b/src/widget/image/button/size/image.button.size.combo.js @@ -0,0 +1,55 @@ +/** + * 图片尺寸控件 + * Created by GameJian on 2016/1/28. + */ +BI.ImageButtonSizeCombo = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ImageButtonSizeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-image-button-size-combo", + title: BI.i18nText("BI-Image_Size") + }) + }, + + _init: function () { + BI.ImageButtonSizeCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.icon_button", + cls: "img-size-font", + title: o.title, + width: 24, + height: 24 + }); + this.sizeChooser = BI.createWidget({ + type: "bi.image_button_size" + }); + this.sizeChooser.on(BI.ImageButtonSize.EVENT_CHANGE, function(){ + self.fireEvent(BI.ImageButtonSizeCombo.EVENT_CHANGE,arguments) + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + isNeedAdjustWidth: false, + direction: "top", + adjustYOffset: 3, + offsetStyle: "right", + el: this.trigger, + popup: { + el: this.sizeChooser, + stopPropagation: false + } + }); + }, + + setValue: function (v) { + this.sizeChooser.setValue(v); + }, + + getValue: function () { + return this.sizeChooser.getValue(); + } +}); +BI.ImageButtonSizeCombo.EVENT_CHANGE = "ImageButtonSizeCombo.EVENT_CHANGE"; +$.shortcut("bi.image_button_size_combo", BI.ImageButtonSizeCombo); \ No newline at end of file diff --git a/src/widget/image/button/size/image.button.size.js b/src/widget/image/button/size/image.button.size.js new file mode 100644 index 000000000..db8c168e7 --- /dev/null +++ b/src/widget/image/button/size/image.button.size.js @@ -0,0 +1,71 @@ +/** + * 单选框 + * Created by GameJian on 2016/1/28. + */ +BI.ImageButtonSize = BI.inherit(BI.Widget, { + + _defaultConfig: function(){ + return BI.extend(BI.ImageButtonSize.superclass._defaultConfig.apply(this, arguments),{ + baseCls: "bi-image-button-size", + width: 230, + height: 30 + }) + }, + + _init:function() { + BI.ImageButtonSize.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.sizeChooser = BI.createWidget({ + type: "bi.button_group", + scrollable: false, + items: BI.createItems([{ + text: BI.i18nText("BI-Original_Size"), + cls: "image-button-size-button-group", + width: 55, + selected: true, + value: BICst.IMAGE_RESIZE_MODE.ORIGINAL + },{ + text: BI.i18nText("BI-Equal_Size_Adapt"), + cls: "image-button-size-button-group", + width: 67, + value: BICst.IMAGE_RESIZE_MODE.EQUAL + },{ + text: BI.i18nText("BI-Widget_Size_Adapt"), + cls: "image-button-size-button-group", + width: 67, + value: BICst.IMAGE_RESIZE_MODE.STRETCH + }],{ + type: "bi.image_button_size_radio" + }), + layouts: [{ + type: "bi.left", + hgap: 5 + }] + }); + + this.sizeChooser.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.sizeChooser.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.fireEvent(BI.ImageButtonSize.EVENT_CHANGE, arguments); + }); + BI.createWidget({ + type: "bi.left", + element: this, + items: [this.sizeChooser], + hgap: 5 + }); + this.getValue() + }, + + getValue: function () { + return this.sizeChooser.getValue()[0] + }, + + setValue: function (v) { + this.sizeChooser.setValue(v) + } +}); +BI.ImageButtonSize.EVENT_CHANGE = "BI.ImageButtonSize.EVENT_CHANGE"; +$.shortcut("bi.image_button_size" , BI.ImageButtonSize); \ No newline at end of file diff --git a/src/widget/image/button/size/radio/image.button.size.radio.js b/src/widget/image/button/size/radio/image.button.size.radio.js new file mode 100644 index 000000000..98011b35f --- /dev/null +++ b/src/widget/image/button/size/radio/image.button.size.radio.js @@ -0,0 +1,66 @@ +/** + * 单选框 + * Created by GameJian on 2016/1/28. + */ +BI.ImageButtonSizeRadio = BI.inherit(BI.BasicButton, { + + _defaultConfig: function(){ + return BI.extend(BI.ImageButtonSizeRadio.superclass._defaultConfig.apply(this, arguments),{ + width: 65, + height: 30, + text: "", + selected: false + }) + }, + + _init:function() { + BI.ImageButtonSizeRadio.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: o.selected + }); + + this.label = BI.createWidget({ + type: "bi.label", + textAlign: "left", + lgap: 5, + rgap: 0, + textHeight: o.height, + height: o.height, + text: o.text + }); + + this.radio.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(!self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + element: this, + type: "bi.absolute", + items: [{ + el: this.radio, + left: 0, + top: 8.5 + },{ + el: this.label, + left: 13 + }] + }); + }, + + doClick: function () { + BI.ImageButtonSizeRadio.superclass.doClick.apply(this, arguments); + this.radio.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.ImageButtonSizeRadio.superclass.setSelected.apply(this, arguments); + this.radio.setSelected(v); + + } +}); +$.shortcut("bi.image_button_size_radio" , BI.ImageButtonSizeRadio); \ No newline at end of file diff --git a/src/widget/image/uploadimage.js b/src/widget/image/uploadimage.js new file mode 100644 index 000000000..c9ca03231 --- /dev/null +++ b/src/widget/image/uploadimage.js @@ -0,0 +1,277 @@ +/** + * 图片组件 + * Created by GameJian on 2016/1/26. + */ +BI.UploadImage = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.UploadImage.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-upload-image" + }) + }, + + _init: function () { + BI.UploadImage.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.label = BI.createWidget({ + type: "bi.text_button", + trigger: "dblclick", + cls: "upload-image-text-button-label", + whiteSpace: "normal", + text: BI.i18nText("BI-DoubleClick_To_Upload_Image") + }); + + this.file = BI.createWidget({ + type: "bi.multifile_editor", + accept: "*.jpg;*.png;*.gif;*.bmp;*.jpeg;", + maxSize: 1024 * 1024 * 100, + title: BI.i18nText("BI-Upload_Image") + }); + + this.img = BI.createWidget({ + type: "bi.image_button", + invalid: true, + width: "100%", + height: "100%" + }); + + this.label.on(BI.TextButton.EVENT_CHANGE, function () { + if (self.isValid()) { + self.file.select(); + } + }); + + this.file.on(BI.MultifileEditor.EVENT_CHANGE, function (data) { + this.upload(); + }); + //直接把图片保存到resource目录下面 + this.file.on(BI.MultifileEditor.EVENT_UPLOADED, function () { + var files = this.getValue(); + var file = files[files.length - 1]; + var attachId = file.attach_id, fileName = file.filename; + var imageId = attachId + "_" + fileName; + BI.requestAsync("fr_bi_base", "save_upload_image", { + attach_id: attachId + }, function (res) { + self.img.setValue(imageId); + self.img.setSrc(BI.UploadImage.getImageSrc(imageId)); + self._check(); + self._setSize("auto", "auto"); + self.fireEvent(BI.UploadImage.EVENT_CHANGE, imageId); + }) + }); + + this.uploadWrapper = BI.createWidget({ + type: "bi.absolute", + items: [{ + el: { + type: "bi.icon_button", + cls: "upload-image-icon-button img-upload-font", + width: 24, + height: 24 + }, + top: 0, + right: 0, + bottom: 0, + left: 0 + }, { + el: this.file, + top: 0, + right: 0, + bottom: 0, + left: 0 + }], + width: 24, + height: 24 + }); + + this.del = BI.createWidget({ + type: "bi.bubble_combo", + el: { + type: "bi.icon_button", + cls: "upload-image-icon-button img-shutdown-font", + title: BI.i18nText("BI-Basic_Delete"), + height: 24, + width: 24 + }, + popup: { + type: "bi.bubble_bar_popup_view", + buttons: [{ + value: BI.i18nText(BI.i18nText("BI-Basic_Sure")), + handler: function () { + self.fireEvent(BI.UploadImage.EVENT_DESTROY); + } + }, { + value: BI.i18nText("BI-Basic_Cancel"), + level: "ignore", + handler: function () { + self.del.hideView(); + } + }], + el: { + type: "bi.vertical_adapt", + items: [{ + type: "bi.label", + text: BI.i18nText("BI-Sure_Delete_Current_Component"), + cls: "upload-image-delete-label", + textAlign: "left", + width: 300 + }], + width: 300, + height: 100, + hgap: 20 + }, + maxHeight: 140, + minWidth: 340 + }, + invisible: true, + stopPropagation: true + }); + + this.size = BI.createWidget({ + type: "bi.image_button_size_combo", + cls: "upload-image-icon-button" + }); + + this.size.on(BI.ImageButtonSizeCombo.EVENT_CHANGE, function () { + self._sizeChange(self.size.getValue()); + self.fireEvent(BI.UploadImage.EVENT_CHANGE, arguments) + }); + + this.href = BI.createWidget({ + type: "bi.image_button_href", + cls: "upload-image-icon-button" + }); + + this.href.on(BI.ImageButtonHref.EVENT_CHANGE, function () { + if (BI.isNotEmptyString(self.href.getValue())) { + self.img.setValid(true) + } else { + self.img.setValid(false) + } + self.fireEvent(BI.UploadImage.EVENT_CHANGE, arguments) + }); + + this.img.on(BI.ImageButton.EVENT_CHANGE, function () { + window.open(BI.Func.formatAddress(self.href.getValue())); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.absolute", + scrollable: false, + items: [{ + el: this.img + }] + }, + left: 0, + right: 0, + top: 0, + bottom: 0 + }, { + el: this.label, + left: 10, + right: 10, + top: 10, + bottom: 10 + }, { + el: this.del, + right: 4, + top: 8 + }, { + el: this.href, + right: 36, + top: 8 + }, { + el: this.size, + right: 68, + top: 8 + }, { + el: this.uploadWrapper, + right: 100, + top: 8 + }] + }); + + this.setToolbarVisible(false); + this.img.invisible(); + }, + + _check: function () { + var f = BI.isNotEmptyString(this.img.getValue()); + this.label.setVisible(!f); + this.img.visible(f); + }, + + _setSize: function (w, h) { + this.img.setImageWidth(w); + this.img.setImageHeight(h) + }, + + _sizeChange: function (size) { + var self = this, o = this.options; + switch (size) { + case BICst.IMAGE_RESIZE_MODE.ORIGINAL: + self._setSize("auto", "auto"); + break; + case BICst.IMAGE_RESIZE_MODE.EQUAL: + self._setSize("auto", "auto"); + var width = this.img.getImageWidth(), height = this.img.getImageHeight(); + var W = this.element.width(), H = this.element.height(); + if (W / H > width / height) { + self._setSize("auto", "100%"); + } else { + self._setSize("100%", "auto"); + } + break; + case BICst.IMAGE_RESIZE_MODE.STRETCH: + self._setSize("100%", "100%"); + break; + default : + self._setSize("auto", "auto"); + } + }, + + setToolbarVisible: function (v) { + this.uploadWrapper.setVisible(v); + this.size.setVisible(v); + this.href.setVisible(v); + this.del.setVisible(v); + }, + + getValue: function () { + return {href: this.href.getValue(), size: this.size.getValue(), src: this.img.getValue()} + }, + + setValue: function (v) { + var self = this; + v || (v = {}); + if (BI.isNotEmptyString(v.href)) { + self.img.setValid(true) + } + this.href.setValue(v.href); + this.size.setValue(v.size); + this.img.setValue(v.src); + if (BI.isNotEmptyString(v.src)) { + this.img.setSrc(BI.UploadImage.getImageSrc(v.src)); + } + this._check(); + this._sizeChange(v.size) + }, + + resize: function () { + this._sizeChange(this.size.getValue()); + } +}); + +BI.extend(BI.UploadImage, { + getImageSrc: function (src) { + return FR.servletURL + "?op=fr_bi&cmd=get_uploaded_image&image_id=" + src; + } +}); + +BI.UploadImage.EVENT_DESTROY = "EVENT_DESTROY"; +BI.UploadImage.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.upload_image", BI.UploadImage); \ No newline at end of file diff --git a/src/widget/interactivearrangement/interactivearrangement.js b/src/widget/interactivearrangement/interactivearrangement.js new file mode 100644 index 000000000..7a32a545c --- /dev/null +++ b/src/widget/interactivearrangement/interactivearrangement.js @@ -0,0 +1,571 @@ +/** + * 交互行为布局 + * + * + * Created by GUY on 2016/7/23. + * @class BI.InteractiveArrangement + * @extends BI.Widget + */ +BI.InteractiveArrangement = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.InteractiveArrangement.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-interactive-arrangement", + resizable: true, + isNeedReLayout: true, + isNeedResizeContainer: true, + layoutType: BI.Arrangement.LAYOUT_TYPE.FREE, + items: [] + }); + }, + + _init: function () { + BI.InteractiveArrangement.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.arrangement = BI.createWidget({ + type: "bi.adaptive_arrangement", + element: this, + resizable: o.resizable, + isNeedReLayout: o.isNeedReLayout, + isNeedResizeContainer: o.isNeedResizeContainer, + layoutType: o.layoutType, + items: o.items + }); + this.arrangement.on(BI.AdaptiveArrangement.EVENT_RESIZE, function () { + self.fireEvent(BI.InteractiveArrangement.EVENT_RESIZE, arguments); + }); + + this.arrangement.on(BI.AdaptiveArrangement.EVENT_ELEMENT_RESIZE, function (id, size) { + var p = self._getRegionClientPosition(id); + self.draw({ + left: p.left, + top: p.top + }, size, id); + }); + this.arrangement.on(BI.AdaptiveArrangement.EVENT_ELEMENT_STOP_RESIZE, function (id, size) { + self.stopDraw(); + self.setRegionSize(id, size); + }); + + this.tags = []; + + }, + + _isEqual: function (num1, num2) { + return this.arrangement._isEqual(num1, num2); + }, + + _getScrollOffset: function () { + return this.arrangement._getScrollOffset(); + }, + + _positionAt: function (position, regions) { + var self = this; + regions = regions || this.getAllRegions(); + var left = [], center = [], right = [], top = [], middle = [], bottom = []; + BI.each(regions, function (i, region) { + var client = self._getRegionClientPosition(region.id); + if (Math.abs(client.left - position.left) <= 3) { + left.push(region); + } + if (Math.abs(client.left + client.width / 2 - position.left) <= 3) { + center.push(region); + } + if (Math.abs(client.left + client.width - position.left) <= 3) { + right.push(region); + } + if (Math.abs(client.top - position.top) <= 3) { + top.push(region); + } + if (Math.abs(client.top + client.height / 2 - position.top) <= 3) { + middle.push(region); + } + if (Math.abs(client.top + client.height - position.top) <= 3) { + bottom.push(region); + } + }); + return { + left: left, + center: center, + right: right, + top: top, + middle: middle, + bottom: bottom + } + }, + + _getRegionClientPosition: function (name) { + var region = this.getRegionByName(name); + var offset = this.arrangement._getScrollOffset(); + return { + top: region.top - offset.top, + left: region.left - offset.left, + width: region.width, + height: region.height, + id: region.id + } + }, + + _vAlign: function (position, regions) { + var self = this; + var vs = this._positionAt(position, regions); + var positions = []; + var l; + if (vs.left.length > 0) { + l = this._getRegionClientPosition(vs.left[0].id).left; + } else if (vs.right.length > 0) { + var temp = this._getRegionClientPosition(vs.right[0].id); + l = temp.left + temp.width; + } + var rs = vs.left.concat(vs.right); + BI.each(rs, function (i, region) { + var p = self._getRegionClientPosition(region.id); + if (self._isEqual(p.left, l) || self._isEqual(p.left + p.width, l)) { + var topPoint = { + top: p.top + p.height / 2, + left: l + }; + positions.push({ + id: region.id, + start: topPoint, + end: { + left: l, + top: position.top + } + }); + } + }); + return positions; + }, + + _leftAlign: function (position, size, regions) { + var self = this; + return this._vAlign({ + left: position.left, + top: position.top + size.height / 2 + }, regions); + }, + + _rightAlign: function (position, size, regions) { + var self = this; + return this._vAlign({ + left: position.left + size.width, + top: position.top + size.height / 2 + }, regions); + }, + + _hAlign: function (position, regions) { + var self = this; + var hs = this._positionAt(position, regions); + var positions = []; + var t; + if (hs.top.length > 0) { + var temp = this._getRegionClientPosition(hs.top[0].id); + t = temp.top; + } else if (hs.bottom.length > 0) { + var temp = this._getRegionClientPosition(hs.bottom[0].id); + t = temp.top + temp.height; + } + var rs = hs.top.concat(hs.bottom); + BI.each(rs, function (i, region) { + var p = self._getRegionClientPosition(region.id); + if (self._isEqual(p.top, t) || self._isEqual(p.top + p.height, t)) { + var leftPoint = { + top: t, + left: p.left + p.width / 2 + }; + positions.push({ + id: p.id, + start: leftPoint, + end: { + left: position.left, + top: t + } + }); + } + }); + return positions; + }, + + _topAlign: function (position, size, regions) { + var self = this; + return this._hAlign({ + left: position.left + size.width / 2, + top: position.top + }, regions); + }, + + _bottomAlign: function (position, size, regions) { + var self = this; + return this._hAlign({ + left: position.left + size.width / 2, + top: position.top + size.height + }, regions); + }, + + _centerAlign: function (position, size, regions) { + var self = this; + var cs = this._positionAt({ + left: position.left + size.width / 2, + top: position.top + size.height / 2 + }, regions); + var positions = []; + var l; + if (cs.center.length > 0) { + var temp = this._getRegionClientPosition(cs.center[0].id); + l = temp.left + temp.width / 2; + } + BI.each(cs.center, function (i, region) { + var p = self._getRegionClientPosition(region.id); + if (self._isEqual(p.left + p.width / 2, l)) { + var topPoint = { + top: p.top + p.height / 2, + left: p.left + p.width / 2 + }; + positions.push({ + id: p.id, + start: topPoint, + end: { + left: l, + top: position.top + size.height / 2 + } + }); + } + }); + return positions; + }, + + _middleAlign: function (position, size, regions) { + var self = this; + var cs = this._positionAt({ + left: position.left + size.width / 2, + top: position.top + size.height / 2 + }, regions); + var positions = []; + var t; + if (cs.middle.length > 0) { + var temp = this._getRegionClientPosition(cs.middle[0].id); + t = temp.top + temp.height / 2; + } + BI.each(cs.middle, function (i, region) { + var p = self._getRegionClientPosition(region.id); + if (self._isEqual(p.top + p.height / 2, t)) { + var topPoint = { + top: p.top + p.height / 2, + left: p.left + p.width / 2 + }; + positions.push({ + id: p.id, + start: topPoint, + end: { + left: position.left + size.width / 2, + top: t + } + }); + } + }); + return positions; + }, + + + _drawOneTag: function (start, end) { + var s = BI.createWidget({ + type: "bi.icon_button", + //invisible: true, + width: 13, + height: 13, + cls: "drag-tag-font interactive-arrangement-dragtag-icon" + }); + var e = BI.createWidget({ + type: "bi.icon_button", + //invisible: true, + width: 13, + height: 13, + cls: "drag-tag-font interactive-arrangement-dragtag-icon" + }); + if (this._isEqual(start.left, end.left)) { + var line = BI.createWidget({ + type: "bi.layout", + //invisible: true, + cls: "interactive-arrangement-dragtag-line", + width: 1, + height: Math.abs(start.top - end.top) + }); + } else { + var line = BI.createWidget({ + type: "bi.layout", + //invisible: true, + cls: "interactive-arrangement-dragtag-line", + height: 1, + width: Math.abs(start.left - end.left) + }); + } + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: s, + left: start.left - 6, + top: start.top - 7 + }, { + el: e, + left: end.left - 6, + top: end.top - 7 + }, { + el: line, + left: Math.min(start.left, end.left), + top: Math.min(start.top, end.top) + }] + }); + this.tags.push(s); + this.tags.push(e); + this.tags.push(line); + }, + + stopDraw: function () { + BI.each(this.tags, function (i, w) { + w.destroy(); + }); + this.tags = []; + }, + + _getRegionExcept: function (name, regions) { + var other = []; + BI.each(regions || this.getAllRegions(), function (i, region) { + if (!(name && region.id === name)) { + other.push(region); + } + }); + return other; + }, + + getClientWidth: function () { + return this.arrangement.getClientWidth(); + }, + + getClientHeight: function () { + return this.arrangement.getClientHeight(); + }, + + getPosition: function (name, position, size) { + var regions = this.getAllRegions(); + var me; + if (name) { + me = this._getRegionClientPosition(name); + } + var other = this._getRegionExcept(name, regions); + position = position || { + left: me.left, + top: me.top + }; + size = size || { + width: me.width, + height: me.height + }; + var left = this._leftAlign(position, size, other); + var right = this._rightAlign(position, size, other); + var top = this._topAlign(position, size, other, other); + var bottom = this._bottomAlign(position, size, other); + var center = this._centerAlign(position, size, other); + var middle = this._middleAlign(position, size, other); + + BI.each(center, function (i, pos) { + position.left = pos.end.left - size.width / 2; + }); + BI.each(right, function (i, pos) { + position.left = pos.end.left - size.width; + }); + BI.each(left, function (i, pos) { + position.left = pos.end.left; + }); + BI.each(middle, function (i, pos) { + position.top = pos.end.top - size.height / 2; + }); + BI.each(bottom, function (i, pos) { + position.top = pos.end.top - size.height; + }); + BI.each(top, function (i, pos) { + position.top = pos.end.top; + }); + return position; + }, + + //position不动 变size + getSize: function (name, position, size) { + var regions = this.getAllRegions(); + var me; + if (name) { + me = this._getRegionClientPosition(name); + } + var other = this._getRegionExcept(name, regions); + position = position || { + left: me.left, + top: me.top + }; + size = size || { + width: me.width, + height: me.height + }; + var left = this._leftAlign(position, size, other); + var right = this._rightAlign(position, size, other); + var top = this._topAlign(position, size, other, other); + var bottom = this._bottomAlign(position, size, other); + var center = this._centerAlign(position, size, other); + var middle = this._middleAlign(position, size, other); + + BI.each(center, function (i, pos) { + size.width = (pos.end.left - position.left) * 2; + }); + BI.each(right, function (i, pos) { + size.width = pos.end.left - position.left; + }); + BI.each(left, function (i, pos) { + }); + BI.each(middle, function (i, pos) { + size.height = (pos.end.top - position.top) * 2; + }); + BI.each(bottom, function (i, pos) { + size.height = pos.end.top - position.top; + }); + BI.each(top, function (i, pos) { + }); + return size; + }, + + draw: function (position, size, name) { + var self = this; + this.stopDraw(); + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + case BI.Arrangement.LAYOUT_TYPE.FREE: + var other = this._getRegionExcept(name); + var left = this._leftAlign(position, size, other); + var right = this._rightAlign(position, size, other); + var top = this._topAlign(position, size, other); + var bottom = this._bottomAlign(position, size, other); + var center = this._centerAlign(position, size, other); + var middle = this._middleAlign(position, size, other); + + BI.each(center, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + BI.each(right, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + BI.each(left, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + BI.each(middle, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + BI.each(bottom, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + BI.each(top, function (i, pos) { + self._drawOneTag(pos.start, pos.end); + }); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + }, + + getDirectRelativeRegions: function (name, direction) { + return this.arrangement.getDirectRelativeRegions(name, direction); + }, + + addRegion: function (region, position) { + this.stopDraw(); + return this.arrangement.addRegion(region, position); + }, + + deleteRegion: function (name) { + return this.arrangement.deleteRegion(name); + }, + + setRegionSize: function (name, size) { + size = this.getSize(name, null, size); + return this.arrangement.setRegionSize(name, size); + }, + + setPosition: function (position, size) { + var self = this; + this.stopDraw(); + if (position.left > 0 && position.top > 0) { + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + position = this.getPosition(null, position, size); + this.draw(position, size); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + } + var at = this.arrangement.setPosition(position, size); + return at; + }, + + setRegionPosition: function (name, position) { + if (position.left > 0 && position.top > 0) { + switch (this.getLayoutType()) { + case BI.Arrangement.LAYOUT_TYPE.ADAPTIVE: + break; + case BI.Arrangement.LAYOUT_TYPE.FREE: + position = this.getPosition(name, position); + break; + case BI.Arrangement.LAYOUT_TYPE.GRID: + break; + } + } + return this.arrangement.setRegionPosition(name, position); + }, + + zoom: function (ratio) { + this.arrangement.zoom(ratio); + }, + + resize: function () { + return this.arrangement.resize(); + }, + + relayout: function () { + return this.arrangement.relayout(); + }, + + setLayoutType: function (type) { + this.arrangement.setLayoutType(type); + }, + + getLayoutType: function () { + return this.arrangement.getLayoutType(); + }, + + getLayoutRatio: function () { + return this.arrangement.getLayoutRatio(); + }, + + getHelper: function () { + return this.arrangement.getHelper(); + }, + + getRegionByName: function (name) { + return this.arrangement.getRegionByName(name); + }, + + getAllRegions: function () { + return this.arrangement.getAllRegions(); + }, + + revoke: function () { + return this.arrangement.revoke(); + }, + + populate: function (items) { + var self = this; + this.arrangement.populate(items); + } +}); +BI.InteractiveArrangement.EVENT_RESIZE = "InteractiveArrangement.EVENT_RESIZE"; +$.shortcut('bi.interactive_arrangement', BI.InteractiveArrangement); \ No newline at end of file diff --git a/src/widget/intervalslider/intervalslider.js b/src/widget/intervalslider/intervalslider.js new file mode 100644 index 000000000..dcae95d42 --- /dev/null +++ b/src/widget/intervalslider/intervalslider.js @@ -0,0 +1,437 @@ +/** + * Created by zcf on 2016/9/26. + */ +BI.IntervalSlider = BI.inherit(BI.Widget, { + _constant: { + EDITOR_WIDTH: 90, + EDITOR_HEIGHT: 30, + HEIGHT: 28, + SLIDER_WIDTH_HALF: 15, + SLIDER_WIDTH: 30, + SLIDER_HEIGHT: 30, + TRACK_HEIGHT: 24 + }, + + _defaultConfig: function () { + return BI.extend(BI.IntervalSlider.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-slider bi-slider-track" + }) + }, + + _init: function () { + BI.IntervalSlider.superclass._init.apply(this, arguments); + + var self = this; + var c = this._constant; + this.enable = false; + this.valueOne = ""; + this.valueTwo = ""; + this.calculation = new BI.AccurateCalculationModel(); + + this.backgroundTrack = BI.createWidget({ + type: "bi.layout", + cls: "background-track", + height: c.TRACK_HEIGHT + }); + this.grayTrack = BI.createWidget({ + type: "bi.layout", + cls: "gray-track", + height: 8 + }); + this.blueTrack = BI.createWidget({ + type: "bi.layout", + cls: "blue-track", + height: 8 + }); + this.track = this._createTrackWrapper(); + + this.labelOne = BI.createWidget({ + type: "bi.sign_editor", + cls: "slider-editor-button", + errorText: "", + allowBlank: false, + height: c.HEIGHT, + width: c.EDITOR_WIDTH, + validationChecker: function (v) { + return self._checkValidation(v); + }, + quitChecker: function (v) { + return self._checkValidation(v); + } + }); + this.labelOne.on(BI.Editor.EVENT_CONFIRM, function () { + var percent = self._getPercentByValue(this.getValue()); + var significantPercent = BI.parseFloat(percent.toFixed(1));//分成1000份 + self._setLabelOnePosition(significantPercent); + self._setSliderOnePosition(significantPercent); + self._setBlueTrack(); + self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); + }); + + this.labelTwo = BI.createWidget({ + type: "bi.sign_editor", + cls: "slider-editor-button", + errorText: "", + allowBlank: false, + height: c.HEIGHT, + width: c.EDITOR_WIDTH, + validationChecker: function (v) { + return self._checkValidation(v); + }, + quitChecker: function (v) { + return self._checkValidation(v); + } + }); + this.labelTwo.on(BI.Editor.EVENT_CONFIRM, function () { + var percent = self._getPercentByValue(this.getValue()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setLabelTwoPosition(significantPercent); + self._setSliderTwoPosition(significantPercent); + self._setBlueTrack(); + self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); + }); + + this.sliderOne = BI.createWidget({ + type: "bi.single_slider_slider" + }); + this.sliderOne.element.draggable({ + axis: "x", + containment: this.grayTrack.element, + scroll: false, + drag: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setLabelOnePosition(significantPercent); + var v = self._getValueByPercent(significantPercent); + self.labelOne.setValue(v); + self.valueOne = v; + self._setBlueTrack(); + }, + stop: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setSliderOnePosition(significantPercent); + self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); + } + }); + + this.sliderTwo = BI.createWidget({ + type: "bi.single_slider_slider" + }); + this.sliderTwo.element.draggable({ + axis: "x", + containment: this.grayTrack.element, + scroll: false, + drag: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setLabelTwoPosition(significantPercent); + var v = self._getValueByPercent(significantPercent); + self.labelTwo.setValue(v); + self.valueTwo = v; + self._setBlueTrack(); + }, + stop: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setSliderTwoPosition(significantPercent); + self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); + } + }); + this._setVisible(false); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.track, + width: "100%", + height: c.TRACK_HEIGHT + }] + }], + hgap: 7, + height: c.TRACK_HEIGHT + }, + top: 33, + left: 0, + width: "100%" + }, + this._createLabelWrapper(), + this._createSliderWrapper() + ] + }) + }, + + _createLabelWrapper: function () { + var c = this._constant; + return { + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.labelOne, + top: 0, + left: "0%" + }] + }, { + type: "bi.absolute", + items: [{ + el: this.labelTwo, + top: 0, + left: "100%" + }] + }], + rgap: c.EDITOR_WIDTH, + height: 90 + }, + top: 0, + left: 0, + width: "100%" + } + }, + + _createSliderWrapper: function () { + var c = this._constant; + return { + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.sliderOne, + top: 0, + left: "0%" + }] + }, { + type: "bi.absolute", + items: [{ + el: this.sliderTwo, + top: 0, + left: "100%" + }] + }], + hgap: c.SLIDER_WIDTH_HALF, + height: c.SLIDER_HEIGHT + }, + top: 30, + left: 0, + width: "100%" + } + }, + + _createTrackWrapper: function () { + return BI.createWidget({ + type: "bi.absolute", + items: [{ + el: this.backgroundTrack, + width: "100%" + }, { + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.grayTrack, + top: 0, + left: 0, + width: "100%" + }, { + el: this.blueTrack, + top: 0, + left: 0, + width: "0%" + }] + }], + hgap: 8, + height: 8 + }, + top: 8, + left: 0, + width: "100%" + }] + }) + }, + + _checkValidation: function (v) { + return !(BI.isNull(v) || v < this.min || v > this.max) + }, + + _checkOverlap: function () { + var labelOneLeft = this.labelOne.element[0].offsetLeft; + var labelTwoLeft = this.labelTwo.element[0].offsetLeft; + if (labelOneLeft <= labelTwoLeft) { + if ((labelTwoLeft - labelOneLeft) < 90) { + this.labelTwo.element.css({"top": 60}); + } else { + this.labelTwo.element.css({"top": 0}); + } + } else { + if ((labelOneLeft - labelTwoLeft) < 90) { + this.labelTwo.element.css({"top": 60}); + } else { + this.labelTwo.element.css({"top": 0}); + } + } + }, + + _setLabelOnePosition: function (percent) { + this.labelOne.element.css({"left": percent + "%"}); + this._checkOverlap(); + }, + + _setLabelTwoPosition: function (percent) { + this.labelTwo.element.css({"left": percent + "%"}); + this._checkOverlap(); + }, + + _setSliderOnePosition: function (percent) { + this.sliderOne.element.css({"left": percent + "%"}); + }, + + _setSliderTwoPosition: function (percent) { + this.sliderTwo.element.css({"left": percent + "%"}); + }, + + _setBlueTrackLeft: function (percent) { + this.blueTrack.element.css({"left": percent + "%"}); + }, + + _setBlueTrackWidth: function (percent) { + this.blueTrack.element.css({"width": percent + "%"}); + }, + + _setBlueTrack: function () { + var percentOne = this._getPercentByValue(this.labelOne.getValue()); + var percentTwo = this._getPercentByValue(this.labelTwo.getValue()); + if (percentOne <= percentTwo) { + this._setBlueTrackLeft(percentOne); + this._setBlueTrackWidth(percentTwo - percentOne); + } else { + this._setBlueTrackLeft(percentTwo); + this._setBlueTrackWidth(percentOne - percentTwo); + } + }, + + _setAllPosition: function (one, two) { + this._setSliderOnePosition(one); + this._setLabelOnePosition(one); + this._setSliderTwoPosition(two); + this._setLabelTwoPosition(two); + this._setBlueTrack(); + }, + + _setVisible: function (visible) { + this.sliderOne.setVisible(visible); + this.sliderTwo.setVisible(visible); + this.labelOne.setVisible(visible); + this.labelTwo.setVisible(visible); + }, + + _setErrorText: function () { + var errorText = BI.i18nText("BI-Please_Enter") + this.min + "-" + this.max + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Basic_Number"); + this.labelOne.setErrorText(errorText); + this.labelTwo.setErrorText(errorText); + }, + + _getGrayTrackLength: function () { + return this.grayTrack.element[0].scrollWidth + }, + + _getValueByPercent: function (percent) {//return (((max-min)*percent)/100+min) + var sub = this.calculation.accurateSubtraction(this.max, this.min); + var mul = this.calculation.accurateMultiplication(sub, percent); + var div = this.calculation.accurateDivisionTenExponent(mul, 2); + return this.calculation.accurateAddition(div, this.min); + }, + + _getPercentByValue: function (v) { + return (v - this.min) * 100 / (this.max - this.min); + }, + + _setDraggableEnable: function (enable) { + if (enable) { + this.sliderOne.element.draggable("enable"); + this.sliderTwo.element.draggable("enable") + } else { + this.sliderOne.element.draggable("disable"); + this.sliderTwo.element.draggable("disable") + } + }, + + getValue: function () { + if (this.valueOne <= this.valueTwo) { + return {min: this.valueOne, max: this.valueTwo} + } else { + return {min: this.valueTwo, max: this.valueOne} + } + }, + + setMinAndMax: function (v) { + var minNumber = BI.parseFloat(v.min); + var maxNumber = BI.parseFloat(v.max); + if ((!isNaN(minNumber)) && (!isNaN(maxNumber)) && (maxNumber >= minNumber )) { + this.min = minNumber; + this.max = maxNumber; + this.valueOne = minNumber; + this.valueTwo = maxNumber; + this._setDraggableEnable(true); + } + if (maxNumber === minNumber) { + this._setDraggableEnable(false); + } + }, + + setValue: function (v) { + var valueOne = BI.parseFloat(v.min); + var valueTwo = BI.parseFloat(v.max); + if (!isNaN(valueOne) && !isNaN(valueTwo)) { + if (this._checkValidation(valueOne)) { + this.valueOne = valueOne; + } + if (this._checkValidation(valueTwo)) { + this.valueTwo = valueTwo; + } + if (valueOne < this.min) { + this.valueOne = this.min; + } + if (valueTwo > this.max) { + this.valueTwo = this.max; + } + } + }, + + reset: function () { + this._setVisible(false); + this.enable = false; + this.valueOne = ""; + this.valueTwo = ""; + this.min = NaN; + this.max = NaN; + this._setBlueTrackWidth(0); + }, + + populate: function () { + if (!isNaN(this.min) && !isNaN(this.max)) { + this.enable = true; + this._setVisible(true); + this._setErrorText(); + if ((BI.isNumeric(this.valueOne) || BI.isNotEmptyString(this.valueOne)) && (BI.isNumeric(this.valueTwo) || BI.isNotEmptyString(this.valueTwo))) { + this.labelOne.setValue(this.valueOne); + this.labelTwo.setValue(this.valueTwo); + this._setAllPosition(this._getPercentByValue(this.valueOne), this._getPercentByValue(this.valueTwo)); + } else { + this.labelOne.setValue(this.min); + this.labelTwo.setValue(this.max); + this._setAllPosition(0, 100) + } + } + } +}); +BI.IntervalSlider.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.interval_slider", BI.IntervalSlider); \ No newline at end of file diff --git a/src/widget/intervalslider/model.accuratecalculation.js b/src/widget/intervalslider/model.accuratecalculation.js new file mode 100644 index 000000000..310b39d02 --- /dev/null +++ b/src/widget/intervalslider/model.accuratecalculation.js @@ -0,0 +1,222 @@ +/** + * Created by zcf on 2017/3/1. + * 万恶的IEEE-754 + * 使用字符串精确计算含小数加法、减法、乘法和10的指数倍除法,支持负数 + */ +BI.AccurateCalculationModel = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.AccurateCalculationModel.superclass._defaultConfig.apply(this, arguments), { + baseCls: "" + }) + }, + + _init: function () { + BI.AccurateCalculationModel.superclass._init.apply(this, arguments); + }, + + _getMagnitude: function (n) { + var magnitude = "1"; + for (var i = 0; i < n; i++) { + magnitude += "0"; + } + return BI.parseInt(magnitude); + }, + + _formatDecimal: function (stringNumber1, stringNumber2) { + if (stringNumber1.numDecimalLength === stringNumber2.numDecimalLength) { + return; + } + var magnitudeDiff = stringNumber1.numDecimalLength - stringNumber2.numDecimalLength; + if (magnitudeDiff > 0) { + var needAddZero = stringNumber2 + } else { + var needAddZero = stringNumber1; + magnitudeDiff = (0 - magnitudeDiff); + } + for (var i = 0; i < magnitudeDiff; i++) { + if (needAddZero.numDecimal === "0" && i === 0) { + continue + } + needAddZero.numDecimal += "0" + } + }, + + _stringNumberFactory: function (num) { + var strNum = num.toString(); + var numStrArray = strNum.split("."); + var numInteger = numStrArray[0]; + if (numStrArray.length === 1) { + var numDecimal = "0"; + var numDecimalLength = 0; + } else { + var numDecimal = numStrArray[1]; + var numDecimalLength = numStrArray[1].length; + } + return { + "numInteger": numInteger, + "numDecimal": numDecimal, + "numDecimalLength": numDecimalLength + } + }, + + _accurateSubtraction: function (num1, num2) {//num1-num2 && num1>num2 + var stringNumber1 = this._stringNumberFactory(num1); + var stringNumber2 = this._stringNumberFactory(num2); + //整数部分计算 + var integerResult = BI.parseInt(stringNumber1.numInteger) - BI.parseInt(stringNumber2.numInteger); + //小数部分 + this._formatDecimal(stringNumber1, stringNumber2); + var decimalMaxLength = getDecimalMaxLength(stringNumber1, stringNumber2); + + if (BI.parseInt(stringNumber1.numDecimal) >= BI.parseInt(stringNumber2.numDecimal)) { + var decimalResultTemp = (BI.parseInt(stringNumber1.numDecimal) - BI.parseInt(stringNumber2.numDecimal)).toString(); + var decimalResult = addZero(decimalResultTemp, decimalMaxLength); + } else {//否则借位 + integerResult--; + var borrow = this._getMagnitude(decimalMaxLength); + var decimalResultTemp = (borrow + BI.parseInt(stringNumber1.numDecimal) - BI.parseInt(stringNumber2.numDecimal)).toString(); + var decimalResult = addZero(decimalResultTemp, decimalMaxLength); + } + var result = integerResult + "." + decimalResult; + return BI.parseFloat(result); + + function getDecimalMaxLength(num1, num2) { + if (num1.numDecimal.length >= num2.numDecimal.length) { + return num1.numDecimal.length + } + return num2.numDecimal.length + } + + function addZero(resultTemp, length) { + var diff = length - resultTemp.length; + for (var i = 0; i < diff; i++) { + resultTemp = "0" + resultTemp; + } + return resultTemp + } + }, + + _accurateAddition: function (num1, num2) {//加法结合律 + var stringNumber1 = this._stringNumberFactory(num1); + var stringNumber2 = this._stringNumberFactory(num2); + //整数部分计算 + var integerResult = BI.parseInt(stringNumber1.numInteger) + BI.parseInt(stringNumber2.numInteger); + //小数部分 + this._formatDecimal(stringNumber1, stringNumber2); + + var decimalResult = (BI.parseInt(stringNumber1.numDecimal) + BI.parseInt(stringNumber2.numDecimal)).toString(); + + if (decimalResult !== "0") { + if (decimalResult.length <= stringNumber1.numDecimal.length) { + decimalResult = addZero(decimalResult, stringNumber1.numDecimal.length) + } else { + integerResult++;//进一 + decimalResult = decimalResult.slice(1); + } + } + var result = integerResult + "." + decimalResult; + return BI.parseFloat(result); + + function addZero(resultTemp, length) { + var diff = length - resultTemp.length; + for (var i = 0; i < diff; i++) { + resultTemp = "0" + resultTemp; + } + return resultTemp + } + }, + + _accurateMultiplication: function (num1, num2) {//乘法分配律 + var stringNumber1 = this._stringNumberFactory(num1); + var stringNumber2 = this._stringNumberFactory(num2); + //整数部分计算 + var integerResult = BI.parseInt(stringNumber1.numInteger) * BI.parseInt(stringNumber2.numInteger); + //num1的小数和num2的整数 + var dec1Int2 = this._accurateDivisionTenExponent(BI.parseInt(stringNumber1.numDecimal) * BI.parseInt(stringNumber2.numInteger), stringNumber1.numDecimalLength); + //num1的整数和num2的小数 + var int1dec2 = this._accurateDivisionTenExponent(BI.parseInt(stringNumber1.numInteger) * BI.parseInt(stringNumber2.numDecimal), stringNumber2.numDecimalLength); + //小数*小数 + var dec1dec2 = this._accurateDivisionTenExponent(BI.parseInt(stringNumber1.numDecimal) * BI.parseInt(stringNumber2.numDecimal), (stringNumber1.numDecimalLength + stringNumber2.numDecimalLength)); + + return this._accurateAddition(this._accurateAddition(this._accurateAddition(integerResult, dec1Int2), int1dec2), dec1dec2); + }, + + _accurateDivisionTenExponent: function (num, n) {// num/10^n && n>0 + var stringNumber = this._stringNumberFactory(num); + if (stringNumber.numInteger.length > n) { + var integerResult = stringNumber.numInteger.slice(0, (stringNumber.numInteger.length - n)); + var partDecimalResult = stringNumber.numInteger.slice(-n); + } else { + var integerResult = "0"; + var partDecimalResult = addZero(stringNumber.numInteger, n); + } + var result = integerResult + "." + partDecimalResult + stringNumber.numDecimal; + return BI.parseFloat(result); + + function addZero(resultTemp, length) { + var diff = length - resultTemp.length; + for (var i = 0; i < diff; i++) { + resultTemp = "0" + resultTemp; + } + return resultTemp + } + }, + + accurateSubtraction: function (num1, num2) { + if (num1 >= 0 && num2 >= 0) { + if (num1 >= num2) { + return this._accurateSubtraction(num1, num2) + } + return this._accurateSubtraction(num2, num1) + } + if (num1 >= 0 && num2 < 0) { + return this._accurateAddition(num1, -num2) + } + if (num1 < 0 && num2 >= 0) { + return -this._accurateAddition(-num1, num2) + } + if (num1 < 0 && num2 < 0) { + if (num1 >= num2) { + return this._accurateSubtraction(-num2, -num1) + } + return this._accurateSubtraction(-num1, -num2) + } + }, + + accurateAddition: function (num1, num2) { + if (num1 >= 0 && num2 >= 0) { + return this._accurateAddition(num1, num2) + } + if (num1 >= 0 && num2 < 0) { + return this.accurateSubtraction(num1, -num2) + } + if (num1 < 0 && num2 >= 0) { + return this.accurateSubtraction(num2, -num1) + } + if (num1 < 0 && num2 < 0) { + return -this._accurateAddition(-num1, -num2) + } + }, + + accurateMultiplication: function (num1, num2) { + if (num1 >= 0 && num2 >= 0) { + return this._accurateMultiplication(num1, num2) + } + if (num1 >= 0 && num2 < 0) { + return -this._accurateMultiplication(num1, -num2) + } + if (num1 < 0 && num2 >= 0) { + return -this._accurateMultiplication(-num1, num2) + } + if (num1 < 0 && num2 < 0) { + return this._accurateMultiplication(-num1, -num2) + } + }, + + accurateDivisionTenExponent: function (num1, n) { + if (num1 >= 0) { + return this._accurateDivisionTenExponent(num1, n); + } + return -this._accurateDivisionTenExponent(-num1, n); + } +}); \ No newline at end of file diff --git a/src/widget/listlabel/group.item.listlabel.js b/src/widget/listlabel/group.item.listlabel.js new file mode 100644 index 000000000..c03011d81 --- /dev/null +++ b/src/widget/listlabel/group.item.listlabel.js @@ -0,0 +1,136 @@ +/** + * Created by fay on 2016/9/14. + */ +BI.ListLabelItemGroup = BI.inherit(BI.ButtonGroup, { + _defaultConfig: function () { + return BI.extend(BI.ListLabelItemGroup.superclass._defaultConfig.apply(this, arguments), { + chooseType: BI.Selection.Multi + }); + }, + + _init: function () { + BI.ListLabelItemGroup.superclass._init.apply(this, arguments); + this.otherValues = []; + if (BI.isEmptyArray(this.getValue())) { + BI.each(this.buttons, function (idx, button) { + if (button.getValue() === BICst.LIST_LABEL_TYPE.ALL) { + button.setSelected(true); + } + }); + } + this._checkBtnStyle(); + }, + + _createBtns: function (items) { + var o = this.options; + return BI.createWidgets(BI.createItems(items, { + type: "bi.text_button", + cls: "list-label-button" + })); + }, + + + _btnsCreator: function (items) { + var self = this, args = Array.prototype.slice.call(arguments), o = this.options; + var buttons = this._createBtns(items); + args[0] = buttons; + + BI.each(this.behaviors, function (i, behavior) { + behavior.doBehavior.apply(behavior, args); + }); + BI.each(buttons, function (i, btn) { + btn.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (type === BI.Events.CLICK) { + switch (o.chooseType) { + case BI.ButtonGroup.CHOOSE_TYPE_MULTI: + if (btn.getValue() === BICst.LIST_LABEL_TYPE.ALL) { + self.setValue([BICst.LIST_LABEL_TYPE.ALL]); + } else { + self._checkBtnState(); + } + self._checkBtnStyle(); + break; + case BI.ButtonGroup.CHOOSE_TYPE_SINGLE: + self.setValue(btn.getValue()); + break; + case BI.ButtonGroup.CHOOSE_TYPE_NONE: + self.setValue([]); + break; + } + self.fireEvent(BI.ButtonGroup.EVENT_CHANGE, value, obj); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + btn.on(BI.Events.DESTROY, function () { + BI.remove(self.buttons, btn); + }); + }); + + return buttons; + }, + + _checkBtnState: function () { + if (BI.isEmptyArray(this.getValue()) && BI.isEmptyArray(this.otherValues)) { + this.buttons[0].setSelected(true); + this.fireEvent(BI.ButtonGroup.EVENT_CHANGE, this.buttons[0].getValue(), this.buttons[0]); + } else if (this.getValue().length === 1 && BI.isEqual(this.getValue()[0], BICst.LIST_LABEL_TYPE.ALL)) { + this.buttons[0].setSelected(true); + } + else { + this.buttons[0].setSelected(false); + } + }, + + _checkBtnStyle: function () { + BI.each(this.buttons, function (idx, btn) { + if (btn.isSelected()) { + btn.doHighLight(); + } else { + btn.unHighLight(); + } + }); + }, + + removeAllItems: function () { + var indexes = []; + for (var i = 1; i < this.buttons.length; i++) { + indexes.push(i); + } + this.removeItemAt(indexes); + }, + + setValue: function (v) { + var self = this; + v = BI.isArray(v) ? v : [v]; + BI.each(this.buttons, function (i, item) { + if (BI.deepContains(v, item.getValue())) { + item.setSelected && item.setSelected(true); + } else { + item.setSelected && item.setSelected(false); + } + }); + var currentValues = this.getValue(); + this.otherValues = []; + BI.each(v, function (idx, value) { + if (currentValues.indexOf(value) === -1) { + self.otherValues.push(value); + } + }); + this._checkBtnState(); + this._checkBtnStyle(); + + }, + + getValue: function () { + var v = []; + BI.each(this.buttons, function (i, item) { + if (item.isEnabled() && item.isSelected && item.isSelected()) { + v.push(item.getValue()); + } + }); + v = v.concat(this.otherValues || []); + return v; + } +}); + +$.shortcut('bi.list_label_item_group', BI.ListLabelItemGroup); diff --git a/src/widget/listlabel/listlabel.js b/src/widget/listlabel/listlabel.js new file mode 100644 index 000000000..dacb22ffa --- /dev/null +++ b/src/widget/listlabel/listlabel.js @@ -0,0 +1,160 @@ +/** + * 文本标签 + * + * Created by fay on 2016/9/11. + */ +BI.ListLabel = BI.inherit(BI.Widget, { + + _constant: { + MAX_COLUMN_SIZE: 40, + DEFAULT_LABEL_GAP: 15, + DEFAULT_RIGHT_GAP: 10 + }, + + _defaultConfig: function () { + return BI.extend(BI.ListLabel.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-list-label", + title: BI.i18nText("BI-List_Label_Con"), + showTitle: true, + items: [], + height: 40 + }) + }, + + _init: function () { + BI.ListLabel.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.items = BI.clone(o.items); + this.items.unshift({ + text: BI.i18nText("BI-Basic_Nolimited"), + value: BICst.LIST_LABEL_TYPE.ALL + }); + this.title = BI.createWidget({ + type: "bi.label", + text: o.title + BI.i18nText("BI-Basic_Colon"), + title: o.title, + height: o.height + }); + + this.container = BI.createWidget({ + type: "bi.list_label_item_group", + items: BI.createItems(this.items.slice(0, this._constant.MAX_COLUMN_SIZE), { + type: "bi.text_button", + height: o.height, + rgap: this._constant.DEFAULT_RIGHT_GAP + }), + layouts: [{ + type: "bi.inline_vertical_adapt", + rgap: this._constant.DEFAULT_LABEL_GAP, + height: o.height + }] + }); + this.container.on(BI.ButtonGroup.EVENT_CHANGE, function (value) { + self.fireEvent(BI.ListLabel.EVENT_CHANGE, value); + }); + this.minTip = BI.createWidget({ + type: "bi.label", + text: BI.i18nText("BI-No_Selected_Value"), + disabled: true, + height: o.height + }); + this.maxTip = BI.createWidget({ + type: "bi.label", + text: BI.i18nText("BI-Max_Show_40_Labels"), + disabled: true, + height: o.height + }); + + this.checkTipsState(o.items); + this.right = BI.createWidget({ + type: "bi.horizontal", + items: [this.container, this.minTip, this.maxTip], + height: o.height + }); + + o.showTitle ? BI.createWidget({ + type: "bi.absolute", + items: [{ + el: this.title, + left:0, + right:0, + top:0, + bottom:0, + width: 60 + }, { + el: this.right, + left: 65, + right:0, + top:0, + bottom:0 + }], + element: this + }) : BI.createWidget({ + type: "bi.horizontal", + items: [this.right], + element: this + }); + }, + + addItems: function (v) { + this.checkTipsState(v); + this.container.addItems(v.slice(0, this._constant.MAX_COLUMN_SIZE - 1)); + }, + + checkTipsState: function (v) { + if (BI.isEmptyArray(v)) { + this.minTip.setVisible(true); + this.container.setVisible(false); + } else { + this.minTip.setVisible(false); + this.container.setVisible(true); + } + if (v.length >= this._constant.MAX_COLUMN_SIZE) { + this.maxTip.setVisible(true); + } else { + this.maxTip.setVisible(false); + } + }, + + removeAllItems: function () { + this.container.removeAllItems(); + }, + + getSelectedButtons: function () { + return this.container.isVisible() ? this.container.getSelectedButtons() : []; + }, + + getAllButtons: function () { + return this.container.getAllButtons(); + }, + + setTitle: function (title) { + this.title.setText(title + BI.i18nText("BI-Basic_Colon")); + this.title.setTitle(title); + }, + + setItems: function (items) { + this.removeAllItems(); + this.addItems(BI.createItems(items, { + type: "bi.text_button", + height: this.options.height, + rgap: this._constant.DEFAULT_RIGHT_GAP + })); + }, + + populate: function (v) { + this.setTitle(v.title || BI.i18nText("BI-List_Label_Con")); + this.setItems(v.items || []); + }, + + setValue: function (v) { + this.container.setValue(v); + }, + + getValue: function () { + return this.container.getValue(); + } +}); + +BI.ListLabel.EVENT_CHANGE = 'BI.ListLabel.EVENT_CHANGE'; +$.shortcut('bi.list_label', BI.ListLabel); \ No newline at end of file diff --git a/src/widget/month/combo.month.js b/src/widget/month/combo.month.js new file mode 100644 index 000000000..38bf707f3 --- /dev/null +++ b/src/widget/month/combo.month.js @@ -0,0 +1,79 @@ +/** + * 月份下拉框 + * + * Created by GUY on 2015/8/28. + * @class BI.MonthCombo + * @extends BI.Trigger + */ +BI.MonthCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.MonthCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-month-combo", + height: 25 + }); + }, + _init: function () { + BI.MonthCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.month_trigger" + }); + + this.trigger.on(BI.MonthTrigger.EVENT_CONFIRM, function (v) { + if(this.getKey() && this.getKey() !== self.storeValue) { + self.setValue(this.getValue()); + }else if(!this.getKey()){ + self.setValue(); + } + self.fireEvent(BI.MonthCombo.EVENT_CONFIRM); + }); + this.trigger.on(BI.MonthTrigger.EVENT_FOCUS, function () { + self.storeValue = this.getKey(); + }); + this.trigger.on(BI.MonthTrigger.EVENT_START, function () { + self.combo.hideView(); + }); + this.trigger.on(BI.MonthTrigger.EVENT_STOP, function () { + if (!self.combo.isViewVisible()) { + self.combo.showView(); + } + }); + this.trigger.on(BI.MonthTrigger.EVENT_CHANGE, function () { + self.combo.isViewVisible() && self.combo.hideView(); + }); + + this.popup = BI.createWidget({ + type: "bi.month_popup" + }); + this.popup.on(BI.MonthPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.MonthCombo.EVENT_CONFIRM); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + minWidth: 85, + el: this.popup + } + }) + }, + + setValue: function (v) { + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + } +}); + +BI.MonthCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut('bi.month_combo', BI.MonthCombo); \ No newline at end of file diff --git a/src/widget/month/popup.month.js b/src/widget/month/popup.month.js new file mode 100644 index 000000000..9a1715bdc --- /dev/null +++ b/src/widget/month/popup.month.js @@ -0,0 +1,81 @@ +/** + * 月份展示面板 + * + * Created by GUY on 2015/9/2. + * @class BI.MonthPopup + * @extends BI.Trigger + */ +BI.MonthPopup = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MonthPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-month-popup" + }); + }, + + _init: function () { + BI.MonthPopup.superclass._init.apply(this, arguments); + var self = this; + + //纵向排列月 + var month = [0, 6, 1, 7, 2, 8, 3, 9, 4, 10, 5, 11]; + var items = []; + items.push(month.slice(0, 2)); + items.push(month.slice(2, 4)); + items.push(month.slice(4, 6)); + items.push(month.slice(6, 8)); + items.push(month.slice(8, 10)); + items.push(month.slice(10, 12)); + items = BI.map(items, function (i, item) { + return BI.map(item, function (j, td) { + return { + type: "bi.text_item", + cls: "bi-list-item-active", + textAlign: "center", + whiteSpace: "nowrap", + once: false, + forceSelected: true, + height: 23, + width: 38, + value: td, + text: td + 1 + }; + }); + }); + + this.month = BI.createWidget({ + type: "bi.button_group", + element: this, + items: BI.createItems(items, {}), + layouts: [BI.LogicFactory.createLogic("table", BI.extend({ + dynamic: true + }, { + columns: 2, + rows: 6, + columnSize: [1 / 2, 1 / 2], + rowSize: 25 + })), { + type: "bi.center_adapt", + vgap: 1, + hgap: 2 + }] + }); + + this.month.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.MonthPopup.EVENT_CHANGE); + } + }) + }, + + getValue: function () { + return this.month.getValue()[0]; + }, + + setValue: function (v) { + this.month.setValue([v]); + } +}); +BI.MonthPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.month_popup", BI.MonthPopup); \ No newline at end of file diff --git a/src/widget/month/trigger.month.js b/src/widget/month/trigger.month.js new file mode 100644 index 000000000..c835f7e2e --- /dev/null +++ b/src/widget/month/trigger.month.js @@ -0,0 +1,111 @@ +/** + * 月份trigger + * + * Created by GUY on 2015/8/21. + * @class BI.MonthTrigger + * @extends BI.Trigger + */ +BI.MonthTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4, + vgap: 2, + triggerWidth: 25, + errorText: BI.i18nText("BI-Month_Trigger_Error_Text") + }, + + _defaultConfig: function () { + return BI.extend(BI.MonthTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-month-trigger", + height: 25 + }); + }, + _init: function () { + BI.MonthTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height, + validationChecker: function (v) { + return v === "" || (BI.isPositiveInteger(v) && v >= 1 && v <= 12); + }, + quitChecker: function (v) { + return false; + }, + hgap: c.hgap, + vgap: c.vgap, + allowBlank: true, + errorText: c.errorText + }); + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.MonthTrigger.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.MonthTrigger.EVENT_CHANGE); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + var value = self.editor.getValue(); + if (BI.isNotNull(value)) { + self.editor.setValue(value); + self.editor.setTitle(value); + } + self.fireEvent(BI.MonthTrigger.EVENT_CONFIRM); + }); + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + if (self.editor.isValid()) { + self.editor.blur(); + } + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.MonthTrigger.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.MonthTrigger.EVENT_STOP); + }); + BI.createWidget({ + element: this, + type: 'bi.htape', + items: [ + { + el: this.editor + }, { + el: { + type: "bi.text_button", + text: BI.i18nText("BI-Multi_Date_Month"), + baseCls: "bi-trigger-month-text", + width: c.triggerWidth + }, + width: c.triggerWidth + }, { + el: { + type: "bi.trigger_icon_button", + width: c.triggerWidth + }, + width: c.triggerWidth + } + ] + }); + }, + setValue: function (v) { + if(BI.isNotNull(v)){ + this.editor.setState(v + 1); + this.editor.setValue(v + 1); + this.editor.setTitle(v + 1); + return; + } + this.editor.setState(); + this.editor.setValue(); + this.editor.setTitle(); + }, + getKey: function () { + return this.editor.getValue() | 0; + }, + getValue: function () { + return this.editor.getValue() - 1; + } +}); +BI.MonthTrigger.EVENT_FOCUS = "EVENT_FOCUS"; +BI.MonthTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.MonthTrigger.EVENT_START = "EVENT_START"; +BI.MonthTrigger.EVENT_STOP = "EVENT_STOP"; +BI.MonthTrigger.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.month_trigger", BI.MonthTrigger); \ No newline at end of file diff --git a/src/widget/move2group/button.add.move2group.js b/src/widget/move2group/button.add.move2group.js new file mode 100644 index 000000000..a47295cc5 --- /dev/null +++ b/src/widget/move2group/button.add.move2group.js @@ -0,0 +1,59 @@ +/** + * 新建并选中某个分组按钮 + * + * Created by GUY on 2015/9/25. + * @class BI.Move2GroupAddButton + * @extends BI.BasicButton + */ +BI.Move2GroupAddButton = BI.inherit(BI.BasicButton, { + + _defaultConfig: function () { + var conf = BI.Move2GroupAddButton.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + ' bi-move2group-add-button', + shadow: true, + isShadowShowingOnSelected: true, + height: 30 + }) + }, + + _init: function () { + BI.Move2GroupAddButton.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + text: BI.i18nText("BI-Create_And_Move_To") + "\"江苏\"", + height: o.height + }) + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.icon_button", + cls: "move2group-add-font" + }, + width: 30 + }, { + el: this.text + }] + }) + }, + + setValue: function (v) { + this.text.setValue(BI.i18nText("BI-Create_And_Move_To") + "\"" + v + "\""); + this.setTitle(BI.i18nText("BI-Create_And_Move_To") + "\"" + v + "\"", { + container: "body" + }); + }, + + doClick: function () { + BI.Move2GroupAddButton.superclass.doClick.apply(this, arguments); + if (this.isValid()) { + this.fireEvent(BI.Move2GroupAddButton.EVENT_CHANGE); + } + } +}); +BI.Move2GroupAddButton.EVENT_CHANGE = "Move2GroupAddButton.EVENT_CHANGE"; +$.shortcut('bi.move2group_add_button', BI.Move2GroupAddButton); \ No newline at end of file diff --git a/src/widget/move2group/combo.move2group.js b/src/widget/move2group/combo.move2group.js new file mode 100644 index 000000000..e36593b4c --- /dev/null +++ b/src/widget/move2group/combo.move2group.js @@ -0,0 +1,136 @@ +/** + * 移动到分组下拉框 + * + * Created by GUY on 2015/9/25. + * @class BI.Move2GroupCombo + * @extends BI.Widget + */ +BI.Move2GroupCombo = BI.inherit(BI.Single, { + _defaultConfig: function () { + var conf = BI.Move2GroupCombo.superclass._defaultConfig.apply(this, arguments) + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-move2group-combo", + height: 30, + tipType: "warning", + items: [] + }); + }, + _init: function () { + BI.Move2GroupCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.button", + text: BI.i18nText("BI-Move_To_Group"), + title: o.title, + height: o.height + }); + + this.tools = BI.createWidget({ + type: "bi.move2group_bar" + }); + + this.tools.on(BI.Move2GroupBar.EVENT_START, function () { + self.combo.adjustHeight(); + self.searcher.adjustHeight(); + }); + this.tools.on(BI.Move2GroupBar.EVENT_EMPTY, function () { + self.combo.adjustHeight(); + }); + this.tools.on(BI.Move2GroupBar.EVENT_CLICK_BUTTON, function () { + self.fireEvent(BI.Move2GroupCombo.EVENT_CLICK_NEW_BUTTON); + self.searcher.stopSearch(); + self.combo.hideView(); + }); + this.tools.on(BI.Move2GroupBar.EVENT_CHANGE, function () { + this.setButtonVisible(!self.searcher.hasMatched()); + self.combo.adjustHeight(); + self.searcher.adjustHeight(); + }); + + this.popup = this._createPopup(this.options.items); + + + this.searcher = BI.createWidget({ + type: "bi.searcher", + el: this.tools, + adapter: this.popup + }); + + this.searcher.on(BI.Searcher.EVENT_CHANGE, function () { + self.fireEvent(BI.Move2GroupCombo.EVENT_CONFIRM); + self.combo.hideView(); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + el: this.trigger, + isNeedAdjustWidth: false, + popup: { + width: 200, + stopPropagation: false, + el: this.popup, + tool: this.searcher + } + }); + this.combo.on(BI.Combo.EVENT_CHANGE, function () { + self.combo.hideView(); + self.fireEvent(BI.Move2GroupCombo.EVENT_CONFIRM); + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.Move2GroupCombo.EVENT_BEFORE_POPUPVIEW); + }); + this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.searcher.stopSearch(); + }) + }, + + _createItems: function (items) { + return BI.createItems(items, { + type: "bi.single_select_item", + height: 25, + handler: function (v) { + + } + }) + }, + + _createPopup: function (items, opt) { + return BI.createWidget(BI.extend({ + type: "bi.button_group", + items: this._createItems(items), + chooseType: 0, + layouts: [{ + type: "bi.vertical" + }] + }, opt)); + }, + + populate: function (items) { + this.options.items = items; + this.combo.populate(this._createItems(items)); + }, + + setValue: function (v) { + this.combo.setValue(v); + }, + setEnable: function (enable) { + this.combo.setEnable.apply(this.combo, arguments); + }, + + getTargetValue: function () { + return this.tools.getValue(); + }, + + getValue: function () { + var value = this.searcher.getValue(); + return value[0]; + + } +}); +BI.Move2GroupCombo.EVENT_BEFORE_POPUPVIEW = "Move2GroupCombo.EVENT_BEFORE_POPUPVIEW"; +BI.Move2GroupCombo.EVENT_CHANGE = "Move2GroupCombo.EVENT_CHANGE"; +BI.Move2GroupCombo.EVENT_CONFIRM = "Move2GroupCombo.EVENT_CONFIRM"; +BI.Move2GroupCombo.EVENT_CLICK_NEW_BUTTON = "Move2GroupCombo.EVENT_CLICK_NEW_BUTTON"; +$.shortcut('bi.move2group_combo', BI.Move2GroupCombo); \ No newline at end of file diff --git a/src/widget/move2group/toolbar.move2group.js b/src/widget/move2group/toolbar.move2group.js new file mode 100644 index 000000000..e3782ba92 --- /dev/null +++ b/src/widget/move2group/toolbar.move2group.js @@ -0,0 +1,85 @@ +/** + * guy + * 复选导航条 + * Created by GUY on 2015/9/25. + * @class BI.Move2GroupBar + * @extends BI.Widget + */ +BI.Move2GroupBar = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Move2GroupBar.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-move2group-bar" + }) + }, + _init: function () { + BI.Move2GroupBar.superclass._init.apply(this, arguments); + var self = this; + this.search = BI.createWidget({ + type: "bi.text_editor", + watermark: BI.i18nText("BI-Search_And_Create_Group"), + allowBlank: true + }); + + this.search.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + + this.search.on(BI.TextEditor.EVENT_CHANGE, function () { + self.button.setValue(this.getValue()); + if (this.getValue() !== "") { + self.fireEvent(BI.Move2GroupBar.EVENT_CHANGE); + } + }); + + this.search.on(BI.TextEditor.EVENT_EMPTY, function () { + self.button.invisible(); + self.fireEvent(BI.Move2GroupBar.EVENT_EMPTY); + }); + + this.search.on(BI.TextEditor.EVENT_START, function () { + self.button.visible(); + self.fireEvent(BI.Move2GroupBar.EVENT_START); + }); + + this.button = BI.createWidget({ + type: "bi.move2group_add_button" + }); + + this.button.on(BI.Move2GroupAddButton.EVENT_CHANGE, function () { + self.fireEvent(BI.Move2GroupBar.EVENT_CLICK_BUTTON); + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + vgap: 5, + hgap: 5, + items: [this.search, this.button] + }); + + this.button.invisible(); + }, + + blur: function(){ + this.search.blur(); + }, + + setButtonVisible: function (b) { + this.button.setVisible(b); + }, + + getValue: function () { + return this.search.getValue(); + }, + + setValue: function (v) { + this.search.setValue(v); + this.button.setValue(v); + } +}); +BI.Move2GroupBar.EVENT_START = "Move2GroupBar.EVENT_START"; +BI.Move2GroupBar.EVENT_EMPTY = "Move2GroupBar.EVENT_EMPTY"; +BI.Move2GroupBar.EVENT_CHANGE = "Move2GroupBar.EVENT_CHANGE"; +BI.Move2GroupBar.EVENT_CLICK_BUTTON = "Move2GroupBar.EVENT_CLICK_BUTTON"; +$.shortcut("bi.move2group_bar", BI.Move2GroupBar); \ No newline at end of file diff --git a/src/widget/muiltitextlabel/group.item.text.label.js b/src/widget/muiltitextlabel/group.item.text.label.js new file mode 100644 index 000000000..a9b9b92e5 --- /dev/null +++ b/src/widget/muiltitextlabel/group.item.text.label.js @@ -0,0 +1,80 @@ +/** + * Created by fay on 2016/9/14. + */ +BI.TextLabelItemGroup = BI.inherit(BI.ButtonGroup, { + _defaultConfig: function () { + return BI.extend(BI.TextLabelItemGroup.superclass._defaultConfig.apply(this, arguments), { + chooseType: BI.Selection.Multi + }); + }, + + _init: function () { + BI.TextLabelItemGroup.superclass._init.apply(this, arguments); + this._checkBtnStyle(); + }, + + _btnsCreator: function (items) { + var self = this, args = Array.prototype.slice.call(arguments), o = this.options; + var buttons = this._createBtns(items); + args[0] = buttons; + + BI.each(this.behaviors, function (i, behavior) { + behavior.doBehavior.apply(behavior, args); + }); + BI.each(buttons, function (i, btn) { + btn.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { + if (type === BI.Events.CLICK) { + switch (o.chooseType) { + case BI.ButtonGroup.CHOOSE_TYPE_MULTI: + if (BI.isEmptyString(btn.getValue())) { + self.setValue([]); + } else { + self._checkBtnStyle(); + } + break; + case BI.ButtonGroup.CHOOSE_TYPE_SINGLE: + self.setValue(btn.getValue()); + break; + case BI.ButtonGroup.CHOOSE_TYPE_NONE: + self.setValue([]); + break; + } + self.fireEvent(BI.ButtonGroup.EVENT_CHANGE, value, obj); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + btn.on(BI.Events.DESTROY, function () { + BI.remove(self.buttons, btn); + }) + }); + + return buttons; + }, + + _checkBtnStyle: function () { + var self = this; + var flag = BI.isEmptyArray(this.getValue()); + BI.each(this.buttons, function (idx, btn) { + if (flag && BI.isEmptyString(btn.getValue())) { + btn.setSelected(true); + btn.doHighLight(); + } + if (!flag && BI.isEmptyString(btn.getValue())) { + btn.setSelected(false); + btn.unHighLight(); + } + if (btn.isSelected()) { + btn.doHighLight(); + } else { + btn.unHighLight(); + } + }); + }, + + setValue: function (v) { + BI.TextLabelItemGroup.superclass.setValue.apply(this, arguments); + this._checkBtnStyle(); + } +}); + +$.shortcut('bi.text_label_item_group', BI.TextLabelItemGroup); diff --git a/src/widget/muiltitextlabel/text.label.js b/src/widget/muiltitextlabel/text.label.js new file mode 100644 index 000000000..aec51476c --- /dev/null +++ b/src/widget/muiltitextlabel/text.label.js @@ -0,0 +1,53 @@ +/** + * 文本标签 + * + * Created by fay on 2016/9/11. + */ +BI.TextLabel = BI.inherit(BI.Widget, { + + _constant: { + MAX_COLUMN_SIZE: 40 + }, + + _defaultConfig: function () { + return BI.extend(BI.TextLabel.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-label", + title: "" + }) + }, + + _init: function () { + BI.TextLabel.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var title = BI.createWidget({ + type: "bi.label", + text: o.title + ":" + }); + this.container = BI.createWidget({ + type: "bi.text_label_item_group", + items: BI.createItems(o.items.slice(0, this._constant.MAX_COLUMN_SIZE), { + type: "bi.text_button" + }), + layouts: [{ + type: "bi.horizontal", + + }] + }); + + BI.createWidget({ + type: "bi.horizontal", + items: [title, this.container], + element: this + }) + }, + + setValue: function (v) { + this.container.setValue(v); + }, + + getValue: function () { + return this.container.getValue(); + } +}); + +$.shortcut('bi.text_label', BI.TextLabel); \ No newline at end of file diff --git a/src/widget/multidate/abstract.multidate.datepane.js b/src/widget/multidate/abstract.multidate.datepane.js new file mode 100644 index 000000000..e8787ade4 --- /dev/null +++ b/src/widget/multidate/abstract.multidate.datepane.js @@ -0,0 +1,160 @@ +(function ($) { + /** + * 普通控件 + * + * @class BI.MultiDateCard + * @extends BI.Widget + * @abstract + */ + BI.MultiDateCard = BI.inherit(BI.Widget, { + + constants: { + lgap: 80, + itemHeight: 35, + defaultEditorValue: "1" + }, + + _defaultConfig: function () { + return $.extend(BI.MultiDateCard.superclass._defaultConfig.apply(this, arguments), {}); + }, + + dateConfig: function () { + + }, + + defaultSelectedItem: function () { + + }, + + _init: function () { + BI.MultiDateCard.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + + this.label = BI.createWidget({ + type: 'bi.label', + height: this.constants.itemHeight, + textAlign: "left", + text: BI.i18nText("BI-Multi_Date_Relative_Current_Time"), + cls: 'bi-multidate-inner-label' + }); + this.radioGroup = BI.createWidget({ + type: "bi.button_group", + chooseType: 0, + items: BI.createItems(this.dateConfig(), { + type: 'bi.multidate_segment', + height: this.constants.itemHeight + }), + layouts: [{ + type: "bi.vertical" + }] + }); + + this.radioGroup.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CONFIRM) { + self.fireEvent(BI.MultiDateCard.EVENT_CHANGE); + } + }); + this.radioGroup.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.MultiDateCard.EVENT_CHANGE); + }); + BI.createWidget({ + element: this, + type: 'bi.center_adapt', + lgap: this.constants.lgap, + items: [{ + type: 'bi.vertical', + items: [this.label, this.radioGroup] + }] + }); + }, + + getValue: function () { + var button = this.radioGroup.getSelectedButtons()[0]; + var type = button.getValue(), value = button.getInputValue(); + return { + type: type, + value: value + } + }, + + _isTypeAvaliable: function (type) { + var res = false; + BI.find(this.dateConfig(), function (i, item) { + if (item.value === type) { + res = true; + return true; + } + }); + return res; + }, + + setValue: function (v) { + var self = this; + if (BI.isNotNull(v) && this._isTypeAvaliable(v.type)) { + this.radioGroup.setValue(v.type); + BI.each(this.radioGroup.getAllButtons(), function (i, button) { + if (button.isEditorExist() === true && button.isSelected()) { + button.setInputValue(v.value); + button.setEnable(true); + } else { + button.setInputValue(self.constants.defaultEditorValue); + button.setEnable(false); + } + }); + } else { + this.radioGroup.setValue(this.defaultSelectedItem()); + BI.each(this.radioGroup.getAllButtons(), function (i, button) { + button.setInputValue(self.constants.defaultEditorValue); + if (button.isEditorExist() === true && button.isSelected()) { + button.setEnable(true); + } else { + button.setEnable(false); + } + }); + } + }, + + getCalculationValue: function () { + var valueObject = this.getValue(); + var type = valueObject.type, value = valueObject.value; + switch (type) { + case BICst.MULTI_DATE_DAY_PREV: + return new Date().getOffsetDate(-1 * value); + case BICst.MULTI_DATE_DAY_AFTER: + return new Date().getOffsetDate(value); + case BICst.MULTI_DATE_DAY_TODAY: + return new Date(); + case BICst.MULTI_DATE_MONTH_PREV: + return new Date().getBeforeMultiMonth(value); + case BICst.MULTI_DATE_MONTH_AFTER: + return new Date().getAfterMultiMonth(value); + case BICst.MULTI_DATE_MONTH_BEGIN: + return new Date(new Date().getFullYear(), new Date().getMonth(), 1); + case BICst.MULTI_DATE_MONTH_END: + return new Date(new Date().getFullYear(), new Date().getMonth(), (new Date().getLastDateOfMonth()).getDate()); + case BICst.MULTI_DATE_QUARTER_PREV: + return new Date().getBeforeMulQuarter(value); + case BICst.MULTI_DATE_QUARTER_AFTER: + return new Date().getAfterMulQuarter(value); + case BICst.MULTI_DATE_QUARTER_BEGIN: + return new Date().getQuarterStartDate(); + case BICst.MULTI_DATE_QUARTER_END: + return new Date().getQuarterEndDate(); + case BICst.MULTI_DATE_WEEK_PREV: + return new Date().getOffsetDate(-7 * value); + case BICst.MULTI_DATE_WEEK_AFTER: + return new Date().getOffsetDate(7 * value); + case BICst.MULTI_DATE_YEAR_PREV: + return new Date((new Date().getFullYear() - 1 * value), new Date().getMonth(), new Date().getDate()); + case BICst.MULTI_DATE_YEAR_AFTER: + return new Date((new Date().getFullYear() + 1 * value), new Date().getMonth(), new Date().getDate()); + case BICst.MULTI_DATE_YEAR_BEGIN: + return new Date(new Date().getFullYear(), 0, 1); + case BICst.MULTI_DATE_YEAR_END: + return new Date(new Date().getFullYear(), 11, 31); + } + } + }); + BI.MultiDateCard.EVENT_CHANGE = "EVENT_CHANGE"; +})(jQuery); \ No newline at end of file diff --git a/src/widget/multidate/multidate.combo.js b/src/widget/multidate/multidate.combo.js new file mode 100644 index 000000000..de00ce9b2 --- /dev/null +++ b/src/widget/multidate/multidate.combo.js @@ -0,0 +1,259 @@ +BICst.MULTI_DATE_YMD_CARD = 1; +BICst.MULTI_DATE_YEAR_CARD = 2; +BICst.MULTI_DATE_QUARTER_CARD = 3; +BICst.MULTI_DATE_MONTH_CARD = 4; +BICst.MULTI_DATE_WEEK_CARD = 5; +BICst.MULTI_DATE_DAY_CARD = 6; +BICst.MULTI_DATE_SEGMENT_NUM = {}; +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_PREV] = BI.i18nText("BI-Multi_Date_Year_Prev"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_AFTER] = BI.i18nText("BI-Multi_Date_Year_Next"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_BEGIN] = BI.i18nText("BI-Multi_Date_Year_Begin"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_YEAR_END] = BI.i18nText("BI-Multi_Date_Year_End"); + +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_PREV] = BI.i18nText("BI-Multi_Date_Quarter_Prev"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_AFTER] = BI.i18nText("BI-Multi_Date_Quarter_Next"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_BEGIN] = BI.i18nText("BI-Multi_Date_Quarter_Begin"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_QUARTER_END] = BI.i18nText("BI-Multi_Date_Quarter_End"); + +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_PREV] = BI.i18nText("BI-Multi_Date_Month_Prev"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_AFTER] = BI.i18nText("BI-Multi_Date_Month_Next"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_BEGIN] = BI.i18nText("BI-Multi_Date_Month_Begin"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_MONTH_END] = BI.i18nText("BI-Multi_Date_Month_End"); + +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_PREV] = BI.i18nText("BI-Multi_Date_Week_Prev"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_WEEK_AFTER] = BI.i18nText("BI-Multi_Date_Week_Next"); + +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_PREV] = BI.i18nText("BI-Multi_Date_Day_Prev"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_AFTER] = BI.i18nText("BI-Multi_Date_Day_Next"); +BICst.MULTI_DATE_SEGMENT_NUM[BICst.MULTI_DATE_DAY_TODAY] = BI.i18nText("BI-Multi_Date_Today"); + +(function ($) { + /** + * 日期控件 + * @class BI.MultiDateCombo + * @extends BI.Widget + */ + BI.MultiDateCombo = BI.inherit(BI.Single, { + constants: { + popupHeight: 259, + popupWidth: 270, + comboAdjustHeight: 1, + border: 1, + DATE_MIN_VALUE: "1900-01-01", + DATE_MAX_VALUE: "2099-12-31" + }, + _defaultConfig: function () { + return BI.extend(BI.MultiDateCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-combo', + height: 24 + }); + }, + _init: function () { + BI.MultiDateCombo.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.storeTriggerValue = ""; + var date = new Date(); + this.storeValue = null; + this.trigger = BI.createWidget({ + type: 'bi.date_trigger', + min: this.constants.DATE_MIN_VALUE, + max: this.constants.DATE_MAX_VALUE + }); + this.trigger.on(BI.DateTrigger.EVENT_KEY_DOWN, function(){ + if(self.combo.isViewVisible()){ + self.combo.hideView(); + } + }); + this.trigger.on(BI.DateTrigger.EVENT_STOP, function(){ + if(!self.combo.isViewVisible()){ + self.combo.showView(); + } + }); + this.trigger.on(BI.DateTrigger.EVENT_TRIGGER_CLICK, function(){ + self.combo.toggle(); + }); + this.trigger.on(BI.DateTrigger.EVENT_FOCUS, function () { + self.storeTriggerValue = self.trigger.getKey(); + if(!self.combo.isViewVisible()){ + self.combo.showView(); + } + self.fireEvent(BI.MultiDateCombo.EVENT_FOCUS); + }); + this.trigger.on(BI.DateTrigger.EVENT_ERROR, function () { + self.storeValue = { + year: date.getFullYear(), + month: date.getMonth() + }; + self.popup.setValue(); + self.fireEvent(BI.MultiDateCombo.EVENT_ERROR); + }); + this.trigger.on(BI.DateTrigger.EVENT_VALID, function () { + self.fireEvent(BI.MultiDateCombo.EVENT_VALID); + }); + this.trigger.on(BI.DateTrigger.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiDateCombo.EVENT_CHANGE); + }); + this.trigger.on(BI.DateTrigger.EVENT_CONFIRM, function () { + if(self.combo.isViewVisible()) { + return; + } + var dateStore = self.storeTriggerValue; + var dateObj = self.trigger.getKey(); + if (BI.isNotEmptyString(dateObj) && !BI.isEqual(dateObj, dateStore)) { + self.storeValue = self.trigger.getValue(); + self.setValue(self.trigger.getValue()); + } else if (BI.isEmptyString(dateObj)) { + self.storeValue = null; + self.trigger.setValue(); + } + self.fireEvent(BI.MultiDateCombo.EVENT_CONFIRM); + }); + this.popup = BI.createWidget({ + type: "bi.multidate_popup", + min: this.constants.DATE_MIN_VALUE, + max: this.constants.DATE_MAX_VALUE + }); + this.popup.on(BI.MultiDatePopup.BUTTON_CLEAR_EVENT_CHANGE, function () { + self.setValue(); + self.combo.hideView(); + self.fireEvent(BI.MultiDateCombo.EVENT_CONFIRM); + }); + this.popup.on(BI.MultiDatePopup.BUTTON_lABEL_EVENT_CHANGE, function () { + var date = new Date(); + self.setValue({ + year: date.getFullYear(), + month: date.getMonth(), + day: date.getDate() + }); + self.combo.hideView(); + self.fireEvent(BI.MultiDateCombo.EVENT_CONFIRM); + }); + this.popup.on(BI.MultiDatePopup.BUTTON_OK_EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.MultiDateCombo.EVENT_CONFIRM); + }); + this.popup.on(BI.MultiDatePopup.CALENDAR_EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + //self.fireEvent(BI.MultiDateCombo.EVENT_CHANGE); + self.fireEvent(BI.MultiDateCombo.EVENT_CONFIRM); + }); + this.combo = BI.createWidget({ + type: 'bi.combo', + toggle: false, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + adjustLength: this.constants.comboAdjustHeight, + popup: { + el: this.popup, + maxHeight: this.constants.popupHeight, + width: this.constants.popupWidth, + stopPropagation: false + } + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.popup.setValue(self.storeValue); + self.fireEvent(BI.MultiDateCombo.EVENT_BEFORE_POPUPVIEW); + }); + + var triggerBtn = BI.createWidget({ + type: "bi.trigger_icon_button", + cls: "bi-trigger-date-button chart-date-normal-font", + width: 30, + height: 23 + }); + triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () { + if (self.combo.isViewVisible()) { + self.combo.hideView(); + } else { + self.combo.showView(); + } + }); + this.changeIcon = BI.createWidget({ + type: "bi.icon_button", + cls: "bi-trigger-date-change widget-date-h-change-font", + width: 30, + height: 23, + invisible: true + }); + + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.combo, + top: 0, + left: 0, + right: 0, + bottom: 0 + }, { + el: triggerBtn, + top: 0, + left: 0 + }, { + el: this.changeIcon, + top: 0, + right: 0 + }] + }) + }, + + _checkDynamicValue: function(v){ + var type = null; + if (BI.isNotNull(v)) { + type = v.type + } + switch (type){ + case BICst.MULTI_DATE_YEAR_PREV: + case BICst.MULTI_DATE_YEAR_AFTER: + case BICst.MULTI_DATE_YEAR_BEGIN: + case BICst.MULTI_DATE_YEAR_END: + case BICst.MULTI_DATE_QUARTER_PREV: + case BICst.MULTI_DATE_QUARTER_AFTER: + case BICst.MULTI_DATE_QUARTER_BEGIN: + case BICst.MULTI_DATE_QUARTER_END: + case BICst.MULTI_DATE_MONTH_PREV: + case BICst.MULTI_DATE_MONTH_AFTER: + case BICst.MULTI_DATE_MONTH_BEGIN: + case BICst.MULTI_DATE_MONTH_END: + case BICst.MULTI_DATE_WEEK_PREV: + case BICst.MULTI_DATE_WEEK_AFTER: + case BICst.MULTI_DATE_DAY_PREV: + case BICst.MULTI_DATE_DAY_AFTER: + case BICst.MULTI_DATE_DAY_TODAY: + this.changeIcon.setVisible(true); + break; + default: + this.changeIcon.setVisible(false); + break; + } + }, + + setValue: function (v) { + this.storeValue = v; + this.popup.setValue(v); + this.trigger.setValue(v); + this._checkDynamicValue(v) + }, + getValue: function () { + return this.storeValue; + }, + getKey: function(){ + return this.trigger.getKey(); + }, + hidePopupView: function () { + this.combo.hideView(); + } + }); + $.shortcut('bi.multidate_combo', BI.MultiDateCombo); + + BI.MultiDateCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; + BI.MultiDateCombo.EVENT_FOCUS = "EVENT_FOCUS"; + BI.MultiDateCombo.EVENT_CHANGE = "EVENT_CHANGE"; + BI.MultiDateCombo.EVENT_VALID = "EVENT_VALID"; + BI.MultiDateCombo.EVENT_ERROR = "EVENT_ERROR"; + BI.MultiDateCombo.EVENT_BEFORE_POPUPVIEW = "BI.MultiDateCombo.EVENT_BEFORE_POPUPVIEW"; +})(jQuery); \ No newline at end of file diff --git a/src/widget/multidate/multidate.day.js b/src/widget/multidate/multidate.day.js new file mode 100644 index 000000000..4aa18c549 --- /dev/null +++ b/src/widget/multidate/multidate.day.js @@ -0,0 +1,45 @@ +(function ($) { + /** + * 普通控件 + * + * @class BI.DayCard + * @extends BI.MultiDateCard + */ + BI.DayCard = BI.inherit(BI.MultiDateCard, { + + _defaultConfig: function () { + return $.extend(BI.DayCard.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-daycard' + }); + }, + + _init: function () { + BI.DayCard.superclass._init.apply(this, arguments); + }, + + dateConfig: function(){ + return [{ + isEditorExist: true, + selected: true, + text: BI.i18nText("BI-Multi_Date_Day_Prev"), + value: BICst.MULTI_DATE_DAY_PREV + }, + { + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Day_Next"), + value: BICst.MULTI_DATE_DAY_AFTER + }, + { + isEditorExist: false, + value: BICst.MULTI_DATE_DAY_TODAY, + text: BI.i18nText("BI-Multi_Date_Today") + }]; + }, + + defaultSelectedItem: function(){ + return BICst.MULTI_DATE_DAY_PREV + } + }); + BI.DayCard.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.daycard', BI.DayCard); +})(jQuery); \ No newline at end of file diff --git a/src/widget/multidate/multidate.month.js b/src/widget/multidate/multidate.month.js new file mode 100644 index 000000000..22d287276 --- /dev/null +++ b/src/widget/multidate/multidate.month.js @@ -0,0 +1,51 @@ +; +(function ($) { + + /** + * 普通控件 + * + * @class BI.MonthCard + * @extends BI.MultiDateCard + */ + BI.MonthCard = BI.inherit(BI.MultiDateCard, { + _defaultConfig: function () { + return $.extend(BI.MonthCard.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-monthcard' + }); + }, + + _init: function () { + BI.MonthCard.superclass._init.apply(this, arguments); + }, + + dateConfig: function(){ + return [{ + selected: true, + isEditorExist: true, + value: BICst.MULTI_DATE_MONTH_PREV, + text: BI.i18nText("BI-Multi_Date_Month_Prev") + }, + { + isEditorExist: true, + value: BICst.MULTI_DATE_MONTH_AFTER, + text: BI.i18nText("BI-Multi_Date_Month_Next") + }, + { + value: BICst.MULTI_DATE_MONTH_BEGIN, + isEditorExist: false, + text: BI.i18nText("BI-Multi_Date_Month_Begin") + }, + { + value: BICst.MULTI_DATE_MONTH_END, + isEditorExist: false, + text: BI.i18nText("BI-Multi_Date_Month_End") + }]; + }, + + defaultSelectedItem: function(){ + return BICst.MULTI_DATE_MONTH_PREV; + } + }); + BI.MonthCard.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.monthcard', BI.MonthCard); +})(jQuery); \ No newline at end of file diff --git a/src/widget/multidate/multidate.popup.js b/src/widget/multidate/multidate.popup.js new file mode 100644 index 000000000..372cb0549 --- /dev/null +++ b/src/widget/multidate/multidate.popup.js @@ -0,0 +1,313 @@ +(function ($) { + /** + * 日期控件 + * @class BI.MultiDatePopup + * @extends BI.Widget + */ + BI.MultiDatePopup = BI.inherit(BI.Widget, { + constants: { + tabHeight: 30, + tabWidth: 42, + titleHeight: 27, + itemHeight: 30, + triggerHeight: 24, + buttonWidth: 90, + buttonHeight: 25, + cardHeight: 229, + cardWidth: 270, + popupHeight: 259, + popupWidth: 270, + comboAdjustHeight: 1, + ymdWidth: 58, + lgap: 2, + border: 1 + }, + _defaultConfig: function () { + return BI.extend(BI.MultiDatePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-popup', + width: 268, + height: 260 + }); + }, + _init: function () { + BI.MultiDatePopup.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.storeValue = ""; + this.textButton = BI.createWidget({ + type: 'bi.text_button', + forceCenter: true, + cls: 'bi-multidate-popup-label', + shadow: true, + text: BI.i18nText("BI-Multi_Date_Today") + }); + this.textButton.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiDatePopup.BUTTON_lABEL_EVENT_CHANGE); + }); + this.clearButton = BI.createWidget({ + type: "bi.text_button", + forceCenter: true, + cls: 'bi-multidate-popup-button', + shadow: true, + text: BI.i18nText("BI-Basic_Clear") + }); + this.clearButton.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiDatePopup.BUTTON_CLEAR_EVENT_CHANGE); + }); + this.okButton = BI.createWidget({ + type: "bi.text_button", + forceCenter: true, + cls: 'bi-multidate-popup-button', + shadow: true, + text: BI.i18nText("BI-Basic_OK") + }); + this.okButton.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiDatePopup.BUTTON_OK_EVENT_CHANGE); + }); + this.dateTab = BI.createWidget({ + type: 'bi.tab', + tab: { + cls: "bi-multidate-popup-tab", + height: this.constants.tabHeight, + items: BI.createItems([{ + text: BI.i18nText("BI-Multi_Date_YMD"), + value: BICst.MULTI_DATE_YMD_CARD, + width: this.constants.ymdWidth + }, { + text: BI.i18nText("BI-Multi_Date_Year"), + value: BICst.MULTI_DATE_YEAR_CARD + }, { + text: BI.i18nText("BI-Multi_Date_Quarter"), + value: BICst.MULTI_DATE_QUARTER_CARD + }, { + text: BI.i18nText("BI-Multi_Date_Month"), + value: BICst.MULTI_DATE_MONTH_CARD + }, { + text: BI.i18nText("BI-Multi_Date_Week"), + value: BICst.MULTI_DATE_WEEK_CARD + }, { + text: BI.i18nText("BI-Multi_Date_Day"), + value: BICst.MULTI_DATE_DAY_CARD + }], { + width: this.constants.tabWidth, + textAlign: "center", + height: this.constants.itemHeight, + cls: 'bi-multidate-popup-item' + }), + layouts: [{ + type: 'bi.left' + }] + }, + cardCreator: function (v) { + switch (v) { + case BICst.MULTI_DATE_YMD_CARD: + self.ymd = BI.createWidget({ + type: "bi.date_calendar_popup", + min: self.options.min, + max: self.options.max + }); + self.ymd.on(BI.DateCalendarPopup.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiDatePopup.CALENDAR_EVENT_CHANGE); + }); + return self.ymd; + case BICst.MULTI_DATE_YEAR_CARD: + self.year = BI.createWidget({ + type: "bi.yearcard" + }); + self.year.on(BI.MultiDateCard.EVENT_CHANGE, function (v) { + self._setInnerValue(self.year, v); + }); + return self.year; + case BICst.MULTI_DATE_QUARTER_CARD: + self.quarter = BI.createWidget({ + type: 'bi.quartercard' + }); + self.quarter.on(BI.MultiDateCard.EVENT_CHANGE, function (v) { + self._setInnerValue(self.quarter, v); + }); + return self.quarter; + case BICst.MULTI_DATE_MONTH_CARD: + self.month = BI.createWidget({ + type: 'bi.monthcard' + }); + self.month.on(BI.MultiDateCard.EVENT_CHANGE, function (v) { + self._setInnerValue(self.month, v); + }); + return self.month; + case BICst.MULTI_DATE_WEEK_CARD: + self.week = BI.createWidget({ + type: 'bi.weekcard' + }); + self.week.on(BI.MultiDateCard.EVENT_CHANGE, function (v) { + self._setInnerValue(self.week, v); + }); + return self.week; + case BICst.MULTI_DATE_DAY_CARD: + self.day = BI.createWidget({ + type: 'bi.daycard' + }); + self.day.on(BI.MultiDateCard.EVENT_CHANGE, function (v) { + self._setInnerValue(self.day, v); + }); + return self.day; + } + } + }); + this.dateTab.setSelect(BICst.MULTI_DATE_YMD_CARD); + this.cur = BICst.MULTI_DATE_YMD_CARD; + this.dateTab.on(BI.Tab.EVENT_CHANGE, function () { + var v = self.dateTab.getSelect(); + switch (v) { + case BICst.MULTI_DATE_YMD_CARD: + var date = this.getTab(self.cur).getCalculationValue(); + self.ymd.setValue({ + year: date.getFullYear(), + month: date.getMonth(), + day: date.getDate() + }); + self._setInnerValue(self.ymd); + break; + case BICst.MULTI_DATE_YEAR_CARD: + self.year.setValue(self.storeValue); + self._setInnerValue(self.year); + break; + case BICst.MULTI_DATE_QUARTER_CARD: + self.quarter.setValue(self.storeValue); + self._setInnerValue(self.quarter); + break; + case BICst.MULTI_DATE_MONTH_CARD: + self.month.setValue(self.storeValue); + self._setInnerValue(self.month); + break; + case BICst.MULTI_DATE_WEEK_CARD: + self.week.setValue(self.storeValue); + self._setInnerValue(self.week); + break; + case BICst.MULTI_DATE_DAY_CARD: + self.day.setValue(self.storeValue); + self._setInnerValue(self.day); + break; + } + self.cur = v; + }); + this.dateButton = BI.createWidget({ + type: "bi.grid", + items: [[this.clearButton, this.textButton, this.okButton]] + }); + BI.createWidget({ + element: this, + type: "bi.vtape", + items: [{ + el: this.dateTab + }, { + el: this.dateButton, + height: 30 + }] + }); + }, + _setInnerValue: function (obj) { + if (this.dateTab.getSelect() === BICst.MULTI_DATE_YMD_CARD) { + this.textButton.setValue(BI.i18nText("BI-Multi_Date_Today")); + this.textButton.setEnable(true); + } else { + var date = obj.getCalculationValue(); + date = date.print("%Y-%x-%e"); + this.textButton.setValue(date); + this.textButton.setEnable(false); + } + }, + setValue: function (v) { + this.storeValue = v; + var self = this, date; + var type, value; + if (BI.isNotNull(v)) { + type = v.type || BICst.MULTI_DATE_CALENDAR; value = v.value; + if(BI.isNull(value)){ + value = v; + } + } + switch (type) { + case BICst.MULTI_DATE_YEAR_PREV: + case BICst.MULTI_DATE_YEAR_AFTER: + case BICst.MULTI_DATE_YEAR_BEGIN: + case BICst.MULTI_DATE_YEAR_END: + this.dateTab.setSelect(BICst.MULTI_DATE_YEAR_CARD); + this.year.setValue({type: type, value: value}); + this.cur = BICst.MULTI_DATE_YEAR_CARD; + self._setInnerValue(this.year); + break; + case BICst.MULTI_DATE_QUARTER_PREV: + case BICst.MULTI_DATE_QUARTER_AFTER: + case BICst.MULTI_DATE_QUARTER_BEGIN: + case BICst.MULTI_DATE_QUARTER_END: + this.dateTab.setSelect(BICst.MULTI_DATE_QUARTER_CARD); + this.cur = BICst.MULTI_DATE_QUARTER_CARD; + this.quarter.setValue({type: type, value: value}); + self._setInnerValue(this.quarter); + break; + case BICst.MULTI_DATE_MONTH_PREV: + case BICst.MULTI_DATE_MONTH_AFTER: + case BICst.MULTI_DATE_MONTH_BEGIN: + case BICst.MULTI_DATE_MONTH_END: + this.dateTab.setSelect(BICst.MULTI_DATE_MONTH_CARD); + this.cur = BICst.MULTI_DATE_MONTH_CARD; + this.month.setValue({type: type, value: value}); + self._setInnerValue(this.month); + break; + case BICst.MULTI_DATE_WEEK_PREV: + case BICst.MULTI_DATE_WEEK_AFTER: + this.dateTab.setSelect(BICst.MULTI_DATE_WEEK_CARD); + this.cur = BICst.MULTI_DATE_WEEK_CARD; + this.week.setValue({type: type, value: value}); + self._setInnerValue(this.week); + break; + case BICst.MULTI_DATE_DAY_PREV: + case BICst.MULTI_DATE_DAY_AFTER: + case BICst.MULTI_DATE_DAY_TODAY: + this.dateTab.setSelect(BICst.MULTI_DATE_DAY_CARD); + this.cur = BICst.MULTI_DATE_DAY_CARD; + this.day.setValue({type: type, value: value}); + self._setInnerValue(this.day); + break; + default: + if (BI.isNull(value) || BI.isEmptyObject(value)) { + var date = new Date(); + this.dateTab.setSelect(BICst.MULTI_DATE_YMD_CARD); + this.ymd.setValue({ + year: date.getFullYear(), + month: date.getMonth(), + day: date.getDate() + }); + this.textButton.setValue(BI.i18nText("BI-Multi_Date_Today")); + } else { + this.dateTab.setSelect(BICst.MULTI_DATE_YMD_CARD); + this.ymd.setValue(value); + this.textButton.setValue(BI.i18nText("BI-Multi_Date_Today")); + } + this.textButton.setEnable(true); + break; + } + }, + getValue: function () { + var tab = this.dateTab.getSelect(); + switch (tab) { + case BICst.MULTI_DATE_YMD_CARD: + return this.ymd.getValue(); + case BICst.MULTI_DATE_YEAR_CARD: + return this.year.getValue(); + case BICst.MULTI_DATE_QUARTER_CARD: + return this.quarter.getValue(); + case BICst.MULTI_DATE_MONTH_CARD: + return this.month.getValue(); + case BICst.MULTI_DATE_WEEK_CARD: + return this.week.getValue(); + case BICst.MULTI_DATE_DAY_CARD: + return this.day.getValue(); + } + } + }); + BI.MultiDatePopup.BUTTON_OK_EVENT_CHANGE = "BUTTON_OK_EVENT_CHANGE"; + BI.MultiDatePopup.BUTTON_lABEL_EVENT_CHANGE = "BUTTON_lABEL_EVENT_CHANGE"; + BI.MultiDatePopup.BUTTON_CLEAR_EVENT_CHANGE = "BUTTON_CLEAR_EVENT_CHANGE"; + BI.MultiDatePopup.CALENDAR_EVENT_CHANGE = "CALENDAR_EVENT_CHANGE"; + $.shortcut('bi.multidate_popup', BI.MultiDatePopup); +})(jQuery); \ No newline at end of file diff --git a/src/widget/multidate/multidate.quarter.js b/src/widget/multidate/multidate.quarter.js new file mode 100644 index 000000000..26a11599e --- /dev/null +++ b/src/widget/multidate/multidate.quarter.js @@ -0,0 +1,51 @@ +(function ($) { + + /** + * 普通控件 + * + * @class BI.QuarterCard + * @extends BI.MultiDateCard + */ + BI.QuarterCard = BI.inherit(BI.MultiDateCard, { + + _defaultConfig: function () { + return $.extend(BI.QuarterCard.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-quartercard' + }); + }, + + _init: function () { + BI.QuarterCard.superclass._init.apply(this, arguments); + }, + + dateConfig: function(){ + return [{ + selected: true, + value: BICst.MULTI_DATE_QUARTER_PREV, + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Quarter_Prev") + }, + { + value: BICst.MULTI_DATE_QUARTER_AFTER, + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Quarter_Next") + }, + { + value: BICst.MULTI_DATE_QUARTER_BEGIN, + isEditorExist: false, + text: BI.i18nText("BI-Multi_Date_Quarter_Begin") + }, + { + value: BICst.MULTI_DATE_QUARTER_END, + isEditorExist: false, + text: BI.i18nText("BI-Multi_Date_Quarter_End") + }] + }, + + defaultSelectedItem: function(){ + return BICst.MULTI_DATE_QUARTER_PREV; + } + }); + BI.QuarterCard.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.quartercard', BI.QuarterCard); +})(jQuery); \ No newline at end of file diff --git a/src/widget/multidate/multidate.segment.js b/src/widget/multidate/multidate.segment.js new file mode 100644 index 000000000..f22d6f375 --- /dev/null +++ b/src/widget/multidate/multidate.segment.js @@ -0,0 +1,134 @@ +(function ($) { + + /** + * 普通控件 + * + * @class BI.MultiDateSegment + * @extends BI.Single + */ + BI.MultiDateSegment = BI.inherit(BI.Single, { + constants: { + itemHeight: 24, + maxGap: 15, + minGap: 10, + textWidth: 30, + defaultEditorValue: "1" + }, + + _defaultConfig: function () { + return $.extend(BI.MultiDateSegment.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-segment', + text: "", + width: 130, + height: 30, + isEditorExist: true, + selected: false, + defaultEditorValue: "1" + }); + }, + + _init: function () { + BI.MultiDateSegment.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: opts.selected + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.textEditor = BI.createWidget({ + type: 'bi.text_editor', + value: this.constants.defaultEditorValue, + title:this.constants.defaultEditorValue, + cls: 'bi-multidate-editor', + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.textEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.textEditor.on(BI.TextEditor.EVENT_CONFIRM, function () { + this.setTitle(this.getValue()); + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + cls: 'bi-multidate-normal-label', + text: opts.text, + height: this.constants.itemHeight + }); + this._createSegment(); + }, + _createSegment: function () { + if (this.options.isEditorExist === true) { + return BI.createWidget({ + element: this, + type: 'bi.left', + items: [{ + el: { + type: "bi.center_adapt", + items: [this.radio], + height: this.constants.itemHeight + }, + lgap: 0 + }, + { + el: { + type: "bi.center_adapt", + items: [this.textEditor], + widgetName: 'textEditor' + }, + lgap: this.constants.maxGap + }, + { + el: this.text, + lgap: this.constants.minGap + }] + }); + } + return BI.createWidget({ + element: this, + type: 'bi.left', + items: [{ + el: { + type: "bi.center_adapt", + items: [this.radio], + height: this.constants.itemHeight + }, + lgap: 0 + }, + { + el: this.text, + lgap: this.constants.maxGap + }] + }) + }, + setSelected: function (v) { + if (BI.isNotNull(this.radio)) { + this.radio.setSelected(v); + } + }, + isSelected: function () { + return this.radio.isSelected(); + }, + getValue: function () { + return this.options.value; + }, + getInputValue: function () { + return this.textEditor.getValue() | 0; + }, + setInputValue: function (v) { + this.textEditor.setValue(v); + }, + isEditorExist: function () { + return this.options.isEditorExist; + }, + setEnable: function (b) { + BI.Editor.superclass.setEnable.apply(this, arguments); + this.textEditor && this.textEditor.setEnable(b); + } + }); + BI.MultiDateSegment.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.multidate_segment', BI.MultiDateSegment); +})(jQuery); \ No newline at end of file diff --git a/src/widget/multidate/multidate.week.js b/src/widget/multidate/multidate.week.js new file mode 100644 index 000000000..1546782c5 --- /dev/null +++ b/src/widget/multidate/multidate.week.js @@ -0,0 +1,41 @@ +; +(function ($) { + + /** + * 普通控件 + * + * @class BI.WeekCard + * @extends BI.MultiDateCard + */ + BI.WeekCard = BI.inherit(BI.MultiDateCard, { + _defaultConfig: function () { + return $.extend(BI.WeekCard.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-weekcard' + }); + }, + + _init: function () { + BI.WeekCard.superclass._init.apply(this, arguments); + }, + + dateConfig: function(){ + return [{ + selected: true, + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Week_Prev"), + value: BICst.MULTI_DATE_WEEK_PREV + }, + { + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Week_Next"), + value: BICst.MULTI_DATE_WEEK_AFTER + }]; + }, + + defaultSelectedItem: function(){ + return BICst.MULTI_DATE_WEEK_PREV; + } + }); + BI.WeekCard.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.weekcard', BI.WeekCard); +})(jQuery); \ No newline at end of file diff --git a/src/widget/multidate/multidate.year.js b/src/widget/multidate/multidate.year.js new file mode 100644 index 000000000..03021ac36 --- /dev/null +++ b/src/widget/multidate/multidate.year.js @@ -0,0 +1,49 @@ +(function ($) { + /** + * 普通控件 + * + * @class BI.YearCard + * @extends BI.MultiDateCard + */ + BI.YearCard = BI.inherit(BI.MultiDateCard, { + _defaultConfig: function () { + return $.extend(BI.YearCard.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multidate-yearcard' + }); + }, + + _init: function () { + BI.YearCard.superclass._init.apply(this, arguments); + }, + + dateConfig: function(){ + return [{ + selected: true, + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Year_Prev"), + value: BICst.MULTI_DATE_YEAR_PREV + }, + { + isEditorExist: true, + text: BI.i18nText("BI-Multi_Date_Year_Next"), + value: BICst.MULTI_DATE_YEAR_AFTER + }, + { + isEditorExist: false, + value: BICst.MULTI_DATE_YEAR_BEGIN, + text: BI.i18nText("BI-Multi_Date_Year_Begin") + }, + { + isEditorExist: false, + value: BICst.MULTI_DATE_YEAR_END, + text: BI.i18nText("BI-Multi_Date_Year_End") + }] + }, + + defaultSelectedItem: function(){ + return BICst.MULTI_DATE_YEAR_PREV; + } + }); + BI.YearCard.EVENT_CHANGE = "EVENT_CHANGE"; + $.shortcut('bi.yearcard', BI.YearCard); +})(jQuery); \ No newline at end of file diff --git a/src/widget/multilayerselecttree/multilayerselecttree.combo.js b/src/widget/multilayerselecttree/multilayerselecttree.combo.js new file mode 100644 index 000000000..d6ece4c7a --- /dev/null +++ b/src/widget/multilayerselecttree/multilayerselecttree.combo.js @@ -0,0 +1,70 @@ +/** + * @class BI.MultiLayerSelectTreeCombo + * @extends BI.Widget + */ +BI.MultiLayerSelectTreeCombo = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSelectTreeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer_select_tree-combo", + isDefaultInit: false, + height: 30, + text: "", + items: [] + }); + }, + + _init: function () { + BI.MultiLayerSelectTreeCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.single_tree_trigger", + text: o.text, + height: o.height, + items: o.items + }); + + this.popup = BI.createWidget({ + type: "bi.multilayer_select_tree_popup", + isDefaultInit: o.isDefaultInit, + items: o.items + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup + } + }); + + this.combo.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.popup.on(BI.MultiLayerSelectTreePopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.MultiLayerSelectTreeCombo.EVENT_CHANGE); + }); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + populate: function (items) { + this.combo.populate(items); + } +}); +BI.MultiLayerSelectTreeCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.multilayer_select_tree_combo", BI.MultiLayerSelectTreeCombo); \ No newline at end of file diff --git a/src/widget/multilayerselecttree/multilayerselecttree.leveltree.js b/src/widget/multilayerselecttree/multilayerselecttree.leveltree.js new file mode 100644 index 000000000..363aacf29 --- /dev/null +++ b/src/widget/multilayerselecttree/multilayerselecttree.leveltree.js @@ -0,0 +1,132 @@ +/** + * guy + * 二级树 + * @class BI.MultiLayerSelectLevelTree + * @extends BI.Select + */ +BI.MultiLayerSelectLevelTree = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSelectLevelTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer-select-level-tree", + isDefaultInit: false, + items: [], + itemsCreator: BI.emptyFn + }) + }, + + _init: function () { + BI.MultiLayerSelectLevelTree.superclass._init.apply(this, arguments); + + this.initTree(this.options.items); + }, + + _formatItems: function (nodes, layer) { + var self = this; + BI.each(nodes, function (i, node) { + var extend = {}; + node.layer = layer; + if (!BI.isKey(node.id)) { + node.id = BI.UUID(); + } + if (node.isParent === true || BI.isNotEmptyArray(node.children)) { + switch (i) { + case 0 : + extend.type = "bi.multilayer_select_tree_first_plus_group_node"; + break; + case nodes.length - 1 : + extend.type = "bi.multilayer_select_tree_last_plus_group_node"; + break; + default : + extend.type = "bi.multilayer_select_tree_mid_plus_group_node"; + break; + } + BI.defaults(node, extend); + + self._formatItems(node.children, layer + 1); + } else { + switch (i) { + case nodes.length - 1: + extend.type = "bi.multilayer_single_tree_last_tree_leaf_item"; + break; + default : + extend.type = "bi.multilayer_single_tree_mid_tree_leaf_item"; + } + BI.defaults(node, extend); + } + }); + return nodes; + }, + + _assertId: function (sNodes) { + BI.each(sNodes, function (i, node) { + node.id = node.id || BI.UUID(); + }); + }, + + //构造树结构, + initTree: function (nodes) { + var self = this, o = this.options; + this.empty(); + this._assertId(nodes); + this.tree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: { + type: "bi.select_tree_expander", + isDefaultInit: o.isDefaultInit, + el: {}, + popup: { + type: "bi.custom_tree" + } + }, + + items: this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0), + itemsCreator: o.itemsCreator, + + el: { + type: "bi.button_tree", + chooseType: BI.Selection.Single, + layouts: [{ + type: "bi.vertical" + }] + } + }); + this.tree.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.MultiLayerSelectLevelTree.EVENT_CHANGE, arguments); + } + }) + }, + + populate: function (nodes) { + this.tree.populate(this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0)); + }, + + doBehavior: function () { + this.tree.doBehavior.apply(this.tree, arguments); + }, + + setValue: function (v) { + this.tree.setValue(v); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + getAllLeaves: function () { + return this.tree.getAllLeaves(); + }, + + getNodeById: function (id) { + return this.tree.getNodeById(id); + }, + + getNodeByValue: function (id) { + return this.tree.getNodeByValue(id); + } +}); +BI.MultiLayerSelectLevelTree.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.multilayer_select_level_tree", BI.MultiLayerSelectLevelTree); \ No newline at end of file diff --git a/src/widget/multilayerselecttree/multilayerselecttree.popup.js b/src/widget/multilayerselecttree/multilayerselecttree.popup.js new file mode 100644 index 000000000..00644df62 --- /dev/null +++ b/src/widget/multilayerselecttree/multilayerselecttree.popup.js @@ -0,0 +1,67 @@ +/** + * Created by GUY on 2016/1/26. + * + * @class BI.MultiLayerSelectTreePopup + * @extends BI.Pane + */ + +BI.MultiLayerSelectTreePopup = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSelectTreePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer-select-tree-popup", + tipText: BI.i18nText("BI-No_Selected_Item"), + isDefaultInit: false, + itemsCreator: BI.emptyFn, + items: [] + }); + }, + + _init: function () { + BI.MultiLayerSelectTreePopup.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.tree = BI.createWidget({ + type: 'bi.multilayer_select_level_tree', + isDefaultInit: o.isDefaultInit, + items: o.items, + itemsCreator: o.itemsCreator + }); + + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + scrollable: true, + element: this, + items: [this.tree] + }); + + this.tree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.tree.on(BI.MultiLayerSelectLevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiLayerSelectTreePopup.EVENT_CHANGE); + }); + + this.check(); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.tree.setValue(v); + }, + + populate: function (items) { + BI.MultiLayerSelectTreePopup.superclass.populate.apply(this, arguments); + this.tree.populate(items); + } +}); + +BI.MultiLayerSelectTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.multilayer_select_tree_popup", BI.MultiLayerSelectTreePopup); \ No newline at end of file diff --git a/src/widget/multilayerselecttree/node/node.first.plus.js b/src/widget/multilayerselecttree/node/node.first.plus.js new file mode 100644 index 000000000..f950c090c --- /dev/null +++ b/src/widget/multilayerselecttree/node/node.first.plus.js @@ -0,0 +1,94 @@ +/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSelectTreeFirstPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSelectTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-select-tree-first-plus-group-node bi-list-item-active", + layer: 0,//第几层级 + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.select_tree_first_plus_group_node", + stopPropagation: true, + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + self.setSelected(self.isSelected()); + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + isOnce: function () { + return true; + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + isSelected: function () { + return this.node.isSelected(); + }, + + setSelected: function (b) { + BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass.setSelected.apply(this, arguments); + this.node.setSelected(b); + }, + + doClick: function () { + BI.NodeButton.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass.setOpened.apply(this, arguments); + this.node.setOpened(v); + } +}); + +$.shortcut("bi.multilayer_select_tree_first_plus_group_node", BI.MultiLayerSelectTreeFirstPlusGroupNode); \ No newline at end of file diff --git a/src/widget/multilayerselecttree/node/node.last.plus.js b/src/widget/multilayerselecttree/node/node.last.plus.js new file mode 100644 index 000000000..f596f4c70 --- /dev/null +++ b/src/widget/multilayerselecttree/node/node.last.plus.js @@ -0,0 +1,90 @@ +/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSelectTreeLastPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSelectTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSelectTreeLastPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-select-tree-last-plus-group-node bi-list-item-active", + layer: 0,//第几层级 + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSelectTreeLastPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.select_tree_last_plus_group_node", + stopPropagation: true, + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + self.setSelected(self.isSelected()); + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + isSelected: function () { + return this.node.isSelected(); + }, + + setSelected: function (b) { + BI.MultiLayerSelectTreeLastPlusGroupNode.superclass.setSelected.apply(this, arguments); + this.node.setSelected(b); + }, + + doClick: function () { + BI.MultiLayerSelectTreeLastPlusGroupNode.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSelectTreeLastPlusGroupNode.superclass.setOpened.apply(this, arguments); + this.node.setOpened(v); + } +}); + +$.shortcut("bi.multilayer_select_tree_last_plus_group_node", BI.MultiLayerSelectTreeLastPlusGroupNode); \ No newline at end of file diff --git a/src/widget/multilayerselecttree/node/node.mid.plus.js b/src/widget/multilayerselecttree/node/node.mid.plus.js new file mode 100644 index 000000000..5c8593b57 --- /dev/null +++ b/src/widget/multilayerselecttree/node/node.mid.plus.js @@ -0,0 +1,90 @@ +/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSelectTreeMidPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSelectTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSelectTreeMidPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-select-tree-mid-plus-group-node bi-list-item-active", + layer: 0,//第几层级 + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSelectTreeMidPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.select_tree_mid_plus_group_node", + stopPropagation: true, + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + self.setSelected(self.isSelected()); + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + isSelected: function () { + return this.node.isSelected(); + }, + + setSelected: function (b) { + BI.MultiLayerSelectTreeMidPlusGroupNode.superclass.setSelected.apply(this, arguments); + this.node.setSelected(b); + }, + + doClick: function () { + BI.MultiLayerSelectTreeMidPlusGroupNode.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSelectTreeMidPlusGroupNode.superclass.setOpened.apply(this, arguments); + this.node.setOpened(v); + } +}); + +$.shortcut("bi.multilayer_select_tree_mid_plus_group_node", BI.MultiLayerSelectTreeMidPlusGroupNode); \ No newline at end of file diff --git a/src/widget/multilayersingletree/multilayersingletree.combo.js b/src/widget/multilayersingletree/multilayersingletree.combo.js new file mode 100644 index 000000000..f6ccaf941 --- /dev/null +++ b/src/widget/multilayersingletree/multilayersingletree.combo.js @@ -0,0 +1,75 @@ +/** + * 多层级下拉单选树 + * Created by GUY on 2016/1/26. + * + * @class BI.MultiLayerSingleTreeCombo + * @extends BI.Widget + */ +BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleTreeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer-singletree-combo", + isDefaultInit: false, + height: 30, + text: "", + itemsCreator: BI.emptyFn, + items: [] + }); + }, + + _init: function () { + BI.MultiLayerSingleTreeCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.single_tree_trigger", + text: o.text, + height: o.height, + items: o.items + }); + + this.popup = BI.createWidget({ + type: "bi.multilayer_single_tree_popup", + isDefaultInit: o.isDefaultInit, + items: o.items + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup + } + }); + + this.combo.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.popup.on(BI.MultiLayerSingleTreePopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_CHANGE); + }); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + populate: function (items) { + this.combo.populate(items); + } +}); + +BI.MultiLayerSingleTreeCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.multilayer_single_tree_combo", BI.MultiLayerSingleTreeCombo); \ No newline at end of file diff --git a/src/widget/multilayersingletree/multilayersingletree.leveltree.js b/src/widget/multilayersingletree/multilayersingletree.leveltree.js new file mode 100644 index 000000000..93c25b2b5 --- /dev/null +++ b/src/widget/multilayersingletree/multilayersingletree.leveltree.js @@ -0,0 +1,135 @@ +/** + * guy + * 二级树 + * @class BI.MultiLayerSingleLevelTree + * @extends BI.Single + */ +BI.MultiLayerSingleLevelTree = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleLevelTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer-single-level-tree", + isDefaultInit: false, + items: [], + itemsCreator: BI.emptyFn + }) + }, + + _init: function () { + BI.MultiLayerSingleLevelTree.superclass._init.apply(this, arguments); + + this.initTree(this.options.items); + }, + + _formatItems: function (nodes, layer) { + var self = this; + BI.each(nodes, function (i, node) { + var extend = {}; + node.layer = layer; + if (!BI.isKey(node.id)) { + node.id = BI.UUID(); + } + if (node.isParent === true || BI.isNotEmptyArray(node.children)) { + switch (i) { + case 0 : + extend.type = "bi.multilayer_single_tree_first_plus_group_node"; + break; + case nodes.length - 1 : + extend.type = "bi.multilayer_single_tree_last_plus_group_node"; + break; + default : + extend.type = "bi.multilayer_single_tree_mid_plus_group_node"; + break; + } + BI.defaults(node, extend); + + self._formatItems(node.children, layer + 1); + } else { + switch (i) { + case nodes.length - 1: + extend.type = "bi.multilayer_single_tree_last_tree_leaf_item"; + break; + default : + extend.type = "bi.multilayer_single_tree_mid_tree_leaf_item"; + } + BI.defaults(node, extend); + } + }); + return nodes; + }, + + _assertId: function (sNodes) { + BI.each(sNodes, function (i, node) { + node.id = node.id || BI.UUID(); + }); + }, + + //构造树结构, + initTree: function (nodes) { + var self = this, o = this.options; + this.empty(); + this._assertId(nodes); + this.tree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: { + isDefaultInit: o.isDefaultInit, + el: {}, + popup: { + type: "bi.custom_tree" + } + }, + + items: this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0), + itemsCreator: function (op, callback) { + o.itemsCreator(op, function (items) { + callback(BI.Tree.transformToTreeFormat(items), 0) + }) + }, + + el: { + type: "bi.button_tree", + chooseType: BI.Selection.Single, + layouts: [{ + type: "bi.vertical" + }] + } + }); + this.tree.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, arguments); + } + }) + }, + + populate: function (nodes) { + this.tree.populate(this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0)); + }, + + doBehavior: function () { + this.tree.doBehavior.apply(this.tree, arguments); + }, + + setValue: function (v) { + this.tree.setValue(v); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + getAllLeaves: function () { + return this.tree.getAllLeaves(); + }, + + getNodeById: function (id) { + return this.tree.getNodeById(id); + }, + + getNodeByValue: function (id) { + return this.tree.getNodeByValue(id); + } +}); +BI.MultiLayerSingleLevelTree.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.multilayer_single_level_tree", BI.MultiLayerSingleLevelTree); diff --git a/src/widget/multilayersingletree/multilayersingletree.popup.js b/src/widget/multilayersingletree/multilayersingletree.popup.js new file mode 100644 index 000000000..1411587be --- /dev/null +++ b/src/widget/multilayersingletree/multilayersingletree.popup.js @@ -0,0 +1,67 @@ +/** + * Created by GUY on 2016/1/26. + * + * @class BI.MultiLayerSingleTreePopup + * @extends BI.Pane + */ + +BI.MultiLayerSingleTreePopup = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleTreePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multilayer-singletree-popup", + tipText: BI.i18nText("BI-No_Selected_Item"), + isDefaultInit: false, + itemsCreator: BI.emptyFn, + items: [] + }); + }, + + _init: function () { + BI.MultiLayerSingleTreePopup.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.tree = BI.createWidget({ + type: 'bi.multilayer_single_level_tree', + isDefaultInit: o.isDefaultInit, + items: o.items, + itemsCreator: o.itemsCreator + }); + + BI.createWidget({ + type: "bi.vertical", + scrolly: false, + scrollable: true, + element: this, + items: [this.tree] + }); + + this.tree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.tree.on(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiLayerSingleTreePopup.EVENT_CHANGE); + }); + + this.check(); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.tree.setValue(v); + }, + + populate: function (items) { + BI.MultiLayerSingleTreePopup.superclass.populate.apply(this, arguments); + this.tree.populate(items); + } +}); + +BI.MultiLayerSingleTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.multilayer_single_tree_popup", BI.MultiLayerSingleTreePopup); \ No newline at end of file diff --git a/src/widget/multilayersingletree/node/node.first.plus.js b/src/widget/multilayersingletree/node/node.first.plus.js new file mode 100644 index 000000000..dea6ce89c --- /dev/null +++ b/src/widget/multilayersingletree/node/node.first.plus.js @@ -0,0 +1,83 @@ +/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeFirstPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSingleTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-single-tree-first-plus-group-node bi-list-item", + layer: 0,//第几层级 + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.first_plus_group_node", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + doClick: function () { + BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.node)) { + this.node.setOpened(v); + } + } +}); + +$.shortcut("bi.multilayer_single_tree_first_plus_group_node", BI.MultiLayerSingleTreeFirstPlusGroupNode); \ No newline at end of file diff --git a/src/widget/multilayersingletree/node/node.last.plus.js b/src/widget/multilayersingletree/node/node.last.plus.js new file mode 100644 index 000000000..123aa1d14 --- /dev/null +++ b/src/widget/multilayersingletree/node/node.last.plus.js @@ -0,0 +1,83 @@ +/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeLastPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSingleTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSingleTreeLastPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-single-tree-last-plus-group-node bi-list-item", + layer: 0,//第几层级 + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeLastPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.last_plus_group_node", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + doClick: function () { + BI.MultiLayerSingleTreeLastPlusGroupNode.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSingleTreeLastPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.node)) { + this.node.setOpened(v); + } + } +}); + +$.shortcut("bi.multilayer_single_tree_last_plus_group_node", BI.MultiLayerSingleTreeLastPlusGroupNode); \ No newline at end of file diff --git a/src/widget/multilayersingletree/node/node.mid.plus.js b/src/widget/multilayersingletree/node/node.mid.plus.js new file mode 100644 index 000000000..c5ca0fb92 --- /dev/null +++ b/src/widget/multilayersingletree/node/node.mid.plus.js @@ -0,0 +1,83 @@ +/** + * 加号表示的组节点 + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeMidPlusGroupNode + * @extends BI.NodeButton + */ +BI.MultiLayerSingleTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.MultiLayerSingleTreeMidPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-multilayer-single-tree-mid-plus-group-node bi-list-item", + layer: 0,//第几层级 + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeMidPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.node = BI.createWidget({ + type: "bi.mid_plus_group_node", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + open: o.open, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.node.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.node); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.node.doRedMark.apply(this.node, arguments); + }, + + unRedMark: function () { + this.node.unRedMark.apply(this.node, arguments); + }, + + doClick: function () { + BI.MultiLayerSingleTreeMidPlusGroupNode.superclass.doClick.apply(this, arguments); + this.node.setSelected(this.isSelected()); + }, + + setOpened: function (v) { + BI.MultiLayerSingleTreeMidPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.node)) { + this.node.setOpened(v); + } + } +}); + +$.shortcut("bi.multilayer_single_tree_mid_plus_group_node", BI.MultiLayerSingleTreeMidPlusGroupNode); \ No newline at end of file diff --git a/src/widget/multilayersingletree/treeitem/item.first.treeleaf.js b/src/widget/multilayersingletree/treeitem/item.first.treeleaf.js new file mode 100644 index 000000000..57d79311b --- /dev/null +++ b/src/widget/multilayersingletree/treeitem/item.first.treeleaf.js @@ -0,0 +1,96 @@ +/** + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeFirstTreeLeafItem + * @extends BI.BasicButton + */ +BI.MultiLayerSingleTreeFirstTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-multilayer-single-tree-first-tree-leaf-item bi-list-item-active", + logic: { + dynamic: false + }, + layer: 0, + id: "", + pId: "", + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.item = BI.createWidget({ + type: "bi.first_tree_leaf_item", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.item.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.item); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.item.doRedMark.apply(this.item, arguments); + }, + + unRedMark: function () { + this.item.unRedMark.apply(this.item, arguments); + }, + + doHighLight: function () { + this.item.doHighLight.apply(this.item, arguments); + }, + + unHighLight: function () { + this.item.unHighLight.apply(this.item, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass.doClick.apply(this, arguments); + this.item.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass.setSelected.apply(this, arguments); + this.item.setSelected(v); + } +}); + +$.shortcut("bi.multilayer_single_tree_first_tree_leaf_item", BI.MultiLayerSingleTreeFirstTreeLeafItem); \ No newline at end of file diff --git a/src/widget/multilayersingletree/treeitem/item.last.treeleaf.js b/src/widget/multilayersingletree/treeitem/item.last.treeleaf.js new file mode 100644 index 000000000..9560f8d19 --- /dev/null +++ b/src/widget/multilayersingletree/treeitem/item.last.treeleaf.js @@ -0,0 +1,96 @@ +/** + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeLastTreeLeafItem + * @extends BI.BasicButton + */ +BI.MultiLayerSingleTreeLastTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleTreeLastTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-multilayer-single-tree-last-tree-leaf-item bi-list-item-active", + logic: { + dynamic: false + }, + layer: 0, + id: "", + pId: "", + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeLastTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.item = BI.createWidget({ + type: "bi.last_tree_leaf_item", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.item.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.item); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.item.doRedMark.apply(this.item, arguments); + }, + + unRedMark: function () { + this.item.unRedMark.apply(this.item, arguments); + }, + + doHighLight: function () { + this.item.doHighLight.apply(this.item, arguments); + }, + + unHighLight: function () { + this.item.unHighLight.apply(this.item, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.MultiLayerSingleTreeLastTreeLeafItem.superclass.doClick.apply(this, arguments); + this.item.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.MultiLayerSingleTreeLastTreeLeafItem.superclass.setSelected.apply(this, arguments); + this.item.setSelected(v); + } +}); + +$.shortcut("bi.multilayer_single_tree_last_tree_leaf_item", BI.MultiLayerSingleTreeLastTreeLeafItem); \ No newline at end of file diff --git a/src/widget/multilayersingletree/treeitem/item.mid.treeleaf.js b/src/widget/multilayersingletree/treeitem/item.mid.treeleaf.js new file mode 100644 index 000000000..1cc73b220 --- /dev/null +++ b/src/widget/multilayersingletree/treeitem/item.mid.treeleaf.js @@ -0,0 +1,96 @@ +/** + * + * Created by GUY on 2016/1/27. + * @class BI.MultiLayerSingleTreeMidTreeLeafItem + * @extends BI.BasicButton + */ +BI.MultiLayerSingleTreeMidTreeLeafItem = BI.inherit(BI.BasicButton, { + _defaultConfig: function () { + return BI.extend(BI.MultiLayerSingleTreeMidTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-multilayer-single-tree-mid-tree-leaf-item bi-list-item-active", + logic: { + dynamic: false + }, + layer: 0, + id: "", + pId: "", + height: 25 + }) + }, + _init: function () { + BI.MultiLayerSingleTreeMidTreeLeafItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.item = BI.createWidget({ + type: "bi.mid_tree_leaf_item", + logic: { + dynamic: true + }, + id: o.id, + pId: o.pId, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.item.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) {//本身实现click功能 + return; + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + var items = []; + BI.count(0, o.layer, function () { + items.push({ + type: "bi.layout", + cls: "base-line-conn-background", + width: 13, + height: o.height + }) + }); + items.push(this.item); + BI.createWidget({ + type: "bi.td", + element: this, + columnSize: BI.makeArray(o.layer, 13), + items: [items] + }) + }, + + doRedMark: function () { + this.item.doRedMark.apply(this.item, arguments); + }, + + unRedMark: function () { + this.item.unRedMark.apply(this.item, arguments); + }, + + doHighLight: function () { + this.item.doHighLight.apply(this.item, arguments); + }, + + unHighLight: function () { + this.item.unHighLight.apply(this.item, arguments); + }, + + getId: function () { + return this.options.id; + }, + + getPId: function () { + return this.options.pId; + }, + + doClick: function () { + BI.MultiLayerSingleTreeMidTreeLeafItem.superclass.doClick.apply(this, arguments); + this.item.setSelected(this.isSelected()); + }, + + setSelected: function (v) { + BI.MultiLayerSingleTreeMidTreeLeafItem.superclass.setSelected.apply(this, arguments); + this.item.setSelected(v); + } +}); + +$.shortcut("bi.multilayer_single_tree_mid_tree_leaf_item", BI.MultiLayerSingleTreeMidTreeLeafItem); \ No newline at end of file diff --git a/src/widget/multiselect/check/multiselect.check.pane.js b/src/widget/multiselect/check/multiselect.check.pane.js new file mode 100644 index 000000000..2286b38ba --- /dev/null +++ b/src/widget/multiselect/check/multiselect.check.pane.js @@ -0,0 +1,107 @@ +/** + * + * @class BI.MultiSelectCheckPane + * @extends BI.Widget + */ +BI.MultiSelectCheckPane = BI.inherit(BI.Widget, { + + constants: { + height: 25, + lgap: 10, + tgap: 5 + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectCheckPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multi-select-check-pane", + items: [], + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + onClickContinueSelect: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiSelectCheckPane.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + + this.storeValue = {}; + this.display = BI.createWidget({ + type: 'bi.display_selected_list', + items: opts.items, + itemsCreator: function (op, callback) { + op = BI.extend(op || {}, { + selected_values: self.storeValue.value + }); + if (self.storeValue.type === BI.Selection.Multi) { + callback({ + items: BI.map(self.storeValue.value, function (i, v) { + var txt = opts.valueFormatter(v) || v; + return { + text: txt, + value: v, + title: txt + } + }) + }); + return; + } + opts.itemsCreator(op, callback); + } + }); + + this.continueSelect = BI.createWidget({ + type: 'bi.text_button', + text: BI.i18nText('BI-Continue_Select'), + cls: 'multi-select-check-selected' + }); + + this.continueSelect.on(BI.TextButton.EVENT_CHANGE, function () { + opts.onClickContinueSelect(); + }); + + BI.createWidget({ + type: 'bi.vtape', + element: this, + items: [{ + height: this.constants.height, + el: { + type: 'bi.left', + cls: 'multi-select-continue-select', + items: [ + { + el: { + type: "bi.label", + text: BI.i18nText('BI-Selected_Data') + }, + lgap: this.constants.lgap, + tgap: this.constants.tgap + }, + { + el: this.continueSelect, + lgap: this.constants.lgap, + tgap: this.constants.tgap + }] + } + }, { + height: 'fill', + el: this.display + }] + }); + }, + + setValue: function (v) { + this.storeValue = v || {}; + }, + + empty: function () { + this.display.empty(); + }, + + populate: function () { + this.display.populate.apply(this.display, arguments); + } +}); + +$.shortcut("bi.multi_select_check_pane", BI.MultiSelectCheckPane); \ No newline at end of file diff --git a/src/widget/multiselect/check/multiselect.display.js b/src/widget/multiselect/check/multiselect.display.js new file mode 100644 index 000000000..4eb4fe42c --- /dev/null +++ b/src/widget/multiselect/check/multiselect.display.js @@ -0,0 +1,87 @@ +/** + * + * + * 查看已选弹出层的展示面板 + * @class BI.DisplaySelectedList + * @extends BI.Widget + */ +BI.DisplaySelectedList = BI.inherit(BI.Pane, { + + constants: { + height: 25, + lgap: 10 + }, + + _defaultConfig: function () { + return BI.extend(BI.DisplaySelectedList.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-display-list", + itemsCreator: BI.emptyFn, + items: [] + }); + }, + + _init: function () { + BI.DisplaySelectedList.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + + this.hasNext = false; + + this.button_group = BI.createWidget({ + type: "bi.list_pane", + element: this, + el: { + type: "bi.loader", + isDefaultInit: false, + logic: { + dynamic: true, + scrolly: true + }, + items: this._createItems(opts.items), + chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + layouts: [{ + type: "bi.vertical", + lgap: 10 + }] + }, + itemsCreator: function (options, callback) { + + opts.itemsCreator(options, function (ob) { + self.hasNext = !!ob.hasNext; + callback(self._createItems(ob.items)); + }) + }, + hasNext: function () { + return self.hasNext; + } + }); + }, + + _createItems: function (items) { + return BI.createItems(items, { + type: 'bi.icon_text_item', + cls: 'cursor-default check-font display-list-item', + once: true, + invalid: true, + selected: true, + height: this.constants.height, + logic: { + dynamic: true + } + }); + }, + + empty: function () { + this.button_group.empty(); + }, + + populate: function (items) { + if (arguments.length === 0) { + this.button_group.populate(); + } else { + this.button_group.populate(this._createItems(items)); + } + } +}); + +$.shortcut('bi.display_selected_list', BI.DisplaySelectedList); \ No newline at end of file diff --git a/src/widget/multiselect/multiselect.combo.js b/src/widget/multiselect/multiselect.combo.js new file mode 100644 index 000000000..e1424daa4 --- /dev/null +++ b/src/widget/multiselect/multiselect.combo.js @@ -0,0 +1,348 @@ +/** + * + * @class BI.MultiSelectCombo + * @extends BI.Single + */ +BI.MultiSelectCombo = BI.inherit(BI.Single, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-combo', + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + height: 28 + }); + }, + + _init: function () { + BI.MultiSelectCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + var assertShowValue = function () { + BI.isKey(self._startValue) && self.storeValue.value[self.storeValue.type === BI.Selection.All ? "remove" : "pushDistinct"](self._startValue); + self.trigger.getSearcher().setState(self.storeValue); + self.trigger.getCounter().setButtonChecked(self.storeValue); + }; + this.storeValue = {}; + this.popup = BI.createWidget({ + type: 'bi.multi_select_popup_view', + itemsCreator: o.itemsCreator, + valueFormatter: o.valueFormatter, + onLoaded: function () { + BI.nextTick(function () { + self.combo.adjustWidth(); + self.combo.adjustHeight(); + self.trigger.getCounter().adjustView(); + self.trigger.getSearcher().adjustView(); + }); + } + }); + + this.popup.on(BI.MultiSelectPopupView.EVENT_CHANGE, function () { + self.storeValue = this.getValue(); + self._adjust(function () { + assertShowValue(); + }); + }); + this.popup.on(BI.MultiSelectPopupView.EVENT_CLICK_CONFIRM, function () { + self._defaultState(); + }); + this.popup.on(BI.MultiSelectPopupView.EVENT_CLICK_CLEAR, function () { + self.setValue(); + self._defaultState(); + }); + + this.trigger = BI.createWidget({ + type: "bi.multi_select_trigger", + height: o.height, + adapter: this.popup, + masker: { + offset: { + left: 1, + top: 1, + right: 2, + bottom: 33 + } + }, + valueFormatter: o.valueFormatter, + itemsCreator: function (op, callback) { + o.itemsCreator(op, function (res) { + if (op.times === 1 && BI.isNotNull(op.keywords)) { + self.trigger.setValue(self.getValue()); + } + callback.apply(self, arguments); + }); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_START, function () { + self._setStartValue(""); + this.getSearcher().setValue(self.storeValue); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_STOP, function () { + self._setStartValue(""); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_PAUSE, function () { + if (this.getSearcher().hasMatched()) { + var keyword = this.getSearcher().getKeyword(); + self._join({ + type: BI.Selection.Multi, + value: [keyword] + }, function () { + self.combo.setValue(self.storeValue); + self._setStartValue(keyword); + assertShowValue(); + self.populate(); + self._setStartValue(""); + }) + } + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_SEARCHING, function (keywords) { + var last = BI.last(keywords); + keywords = BI.initial(keywords || []); + if (keywords.length > 0) { + self._joinKeywords(keywords, function () { + if (BI.isEndWithBlank(last)) { + self.combo.setValue(self.storeValue); + assertShowValue(); + self.combo.populate(); + self._setStartValue(""); + } else { + self.combo.setValue(self.storeValue); + assertShowValue(); + } + }); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_CHANGE, function (value, obj) { + if (obj instanceof BI.MultiSelectBar) { + self._joinAll(this.getValue(), function () { + assertShowValue(); + }); + } else { + self._join(this.getValue(), function () {//安徽省 北京 + assertShowValue(); + }); + } + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW, function () { + this.getCounter().setValue(self.storeValue); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_COUNTER_CLICK, function () { + if (!self.combo.isViewVisible()) { + self.combo.showView(); + } + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + toggle: false, + el: this.trigger, + adjustLength: 1, + popup: this.popup + }); + + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + this.setValue(self.storeValue); + BI.nextTick(function () { + self.populate(); + }); + }); + this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + //important:关闭弹出时又可能没有退出编辑状态 + self.trigger.stopEditing(); + self.fireEvent(BI.MultiSelectCombo.EVENT_CONFIRM); + }); + + var triggerBtn = BI.createWidget({ + type: "bi.trigger_icon_button", + width: o.height, + height: o.height, + cls: "multi-select-trigger-icon-button" + }); + triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () { + self.trigger.getCounter().hideView(); + if (self.combo.isViewVisible()) { + self.combo.hideView(); + } else { + self.combo.showView(); + } + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.combo, + left: 0, + right: 0, + top: 0, + bottom: 0 + }, { + el: triggerBtn, + right: 0, + top: 0, + bottom: 0 + }] + }) + }, + + _defaultState: function () { + this.trigger.stopEditing(); + this.combo.hideView(); + }, + + _assertValue: function (val) { + val || (val = {}); + val.type || (val.type = BI.Selection.Multi); + val.value || (val.value = []); + }, + + _makeMap: function (values) { + return BI.makeObject(values || []); + }, + + _joinKeywords: function (keywords, callback) { + var self = this, o = this.options; + this._assertValue(this.storeValue); + o.itemsCreator({ + type: BI.MultiSelectCombo.REQ_GET_ALL_DATA, + keywords: keywords + }, function (ob) { + var values = BI.pluck(ob.items, "value"); + digest(values); + }); + + function digest(items) { + var selectedMap = self._makeMap(items); + BI.each(keywords, function (i, val) { + if (BI.isNotNull(selectedMap[val])) { + self.storeValue.value[self.storeValue.type === BI.Selection.Multi ? "pushDistinct" : "remove"](val); + } + }); + self._adjust(callback); + } + }, + + _joinAll: function (res, callback) { + var self = this, o = this.options; + this._assertValue(res); + o.itemsCreator({ + type: BI.MultiSelectCombo.REQ_GET_ALL_DATA, + keywords: [this.trigger.getKey()] + }, function (ob) { + var items = BI.pluck(ob.items, "value"); + if (self.storeValue.type === res.type) { + var change = false; + var map = self._makeMap(self.storeValue.value); + BI.each(items, function (i, v) { + if (BI.isNotNull(map[v])) { + change = true; + delete map[v]; + } + }); + change && (self.storeValue.value = BI.values(map)); + self._adjust(callback); + return; + } + var selectedMap = self._makeMap(self.storeValue.value); + var notSelectedMap = self._makeMap(res.value); + var newItems = []; + BI.each(items, function (i, item) { + if (BI.isNotNull(selectedMap[items[i]])) { + delete selectedMap[items[i]]; + } + if (BI.isNull(notSelectedMap[items[i]])) { + newItems.push(item); + } + }); + self.storeValue.value = newItems.concat(BI.values(selectedMap)); + self._adjust(callback); + }) + }, + + _adjust: function (callback) { + var self = this, o = this.options; + if (!this._count) { + o.itemsCreator({ + type: BI.MultiSelectCombo.REQ_GET_DATA_LENGTH + }, function (res) { + self._count = res.count; + adjust(); + callback(); + }); + } else { + adjust(); + callback(); + } + function adjust() { + if (self.storeValue.type === BI.Selection.All && self.storeValue.value.length >= self._count) { + self.storeValue = { + type: BI.Selection.Multi, + value: [] + } + } else if (self.storeValue.type === BI.Selection.Multi && self.storeValue.value.length >= self._count) { + self.storeValue = { + type: BI.Selection.All, + value: [] + } + } + } + }, + + _join: function (res, callback) { + var self = this, o = this.options; + this._assertValue(res); + this._assertValue(this.storeValue); + if (this.storeValue.type === res.type) { + var map = this._makeMap(this.storeValue.value); + BI.each(res.value, function (i, v) { + if (!map[v]) { + self.storeValue.value.push(v); + map[v] = v; + } + }); + var change = false; + BI.each(res.assist, function (i, v) { + if (BI.isNotNull(map[v])) { + change = true; + delete map[v]; + } + }); + change && (this.storeValue.value = BI.values(map)); + self._adjust(callback); + return; + } + this._joinAll(res, callback); + }, + + _setStartValue: function (value) { + this._startValue = value; + this.popup.setStartValue(value); + }, + + setValue: function (v) { + this.storeValue = v || {}; + this._assertValue(this.storeValue); + this.combo.setValue(this.storeValue); + this.trigger.setValue(this.storeValue); + }, + + getValue: function () { + return this.storeValue; + }, + + populate: function () { + this._count = null; + this.combo.populate.apply(this.combo, arguments); + } +}); + +BI.extend(BI.MultiSelectCombo, { + REQ_GET_DATA_LENGTH: 0, + REQ_GET_ALL_DATA: -1 +}); + +BI.MultiSelectCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; + +$.shortcut('bi.multi_select_combo', BI.MultiSelectCombo); \ No newline at end of file diff --git a/src/widget/multiselect/multiselect.loader.js b/src/widget/multiselect/multiselect.loader.js new file mode 100644 index 000000000..92abcd946 --- /dev/null +++ b/src/widget/multiselect/multiselect.loader.js @@ -0,0 +1,172 @@ +/** + * 多选加载数据面板 + * Created by guy on 15/11/2. + * @class BI.MultiSelectLoader + * @extends Widget + */ +BI.MultiSelectLoader = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectLoader.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-loader', + logic: { + dynamic: true + }, + el: { + height: 400 + }, + valueFormatter: BI.emptyFn, + itemsCreator: BI.emptyFn, + onLoaded: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiSelectLoader.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + var hasNext = false; + + this.button_group = BI.createWidget({ + type: "bi.select_list", + element: this, + logic: opts.logic, + el: BI.extend({ + onLoaded: opts.onLoaded, + el: { + type: "bi.loader", + isDefaultInit: false, + logic: { + dynamic: true, + scrolly: true + }, + el: { + chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + behaviors: { + redmark: function () { + return true; + } + }, + layouts: [{ + type: "bi.vertical" + }] + } + } + }, opts.el), + itemsCreator: function (op, callback) { + var startValue = self._startValue; + self.storeValue && (op = BI.extend(op || {}, { + selected_values: BI.isKey(startValue) && self.storeValue.type === BI.Selection.Multi + ? self.storeValue.value.concat(startValue) : self.storeValue.value + })); + opts.itemsCreator(op, function (ob) { + hasNext = ob.hasNext; + var firstItems = []; + if (op.times === 1 && self.storeValue) { + var json = BI.map(self.storeValue.value, function (i, v) { + var txt = opts.valueFormatter(v) || v; + return { + text: txt, + value: v, + title: txt, + selected: self.storeValue.type === BI.Selection.Multi + } + }); + if (BI.isKey(self._startValue) && !self.storeValue.value.contains(self._startValue)) { + var txt = opts.valueFormatter(startValue) || startValue; + json.unshift({ + text: txt, + value: startValue, + title: txt, + selected: true + }) + } + firstItems = self._createItems(json); + } + callback(firstItems.concat(self._createItems(ob.items)), ob.keyword || ""); + if (op.times === 1 && self.storeValue) { + BI.isKey(startValue) && self.storeValue.value[self.storeValue.type === BI.Selection.All ? "remove" : "pushDistinct"](startValue); + self.setValue(self.storeValue); + } + (op.times === 1) && self._scrollToTop(); + }); + }, + hasNext: function () { + return hasNext; + } + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button_group.on(BI.SelectList.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectLoader.EVENT_CHANGE, arguments); + }); + }, + + _createItems: function (items) { + return BI.createItems(items, { + type: "bi.multi_select_item", + logic: this.options.logic, + height: 25, + selected: this.isAllSelected() + }) + }, + + _scrollToTop: function () { + var self = this; + BI.delay(function () { + self.button_group.element.scrollTop(0); + }, 30); + }, + + isAllSelected: function () { + return this.button_group.isAllSelected(); + }, + + _assertValue: function (val) { + val || (val = {}); + val.type || (val.type = BI.Selection.Multi); + val.value || (val.value = []); + }, + + setStartValue: function (v) { + this._startValue = v; + }, + + setValue: function (v) { + this.storeValue = v || {}; + this._assertValue(this.storeValue); + this.button_group.setValue(this.storeValue); + }, + + getValue: function () { + return this.button_group.getValue(); + }, + + getAllButtons: function () { + return this.button_group.getAllButtons(); + }, + + empty: function () { + this.button_group.empty(); + }, + + populate: function (items) { + this.button_group.populate.apply(this.button_group, arguments); + }, + + setEnable: function (arg) { + this.button_group.setEnable(arg); + }, + + resetHeight: function (h) { + this.button_group.resetHeight(h); + }, + + resetWidth: function (w) { + this.button_group.resetWidth(w); + } +}); + +BI.MultiSelectLoader.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.multi_select_loader', BI.MultiSelectLoader); \ No newline at end of file diff --git a/src/widget/multiselect/multiselect.popup.view.js b/src/widget/multiselect/multiselect.popup.view.js new file mode 100644 index 000000000..e638e79c4 --- /dev/null +++ b/src/widget/multiselect/multiselect.popup.view.js @@ -0,0 +1,95 @@ +/** + * 带加载的多选下拉面板 + * @class BI.MultiSelectPopupView + * @extends Widget + */ +BI.MultiSelectPopupView = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectPopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-popup-view', + maxWidth: 'auto', + minWidth: 135, + maxHeight: 400, + valueFormatter: BI.emptyFn, + itemsCreator: BI.emptyFn, + onLoaded: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiSelectPopupView.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + + this.loader = BI.createWidget({ + type: "bi.multi_select_loader", + itemsCreator: opts.itemsCreator, + valueFormatter: opts.valueFormatter, + onLoaded: opts.onLoaded + }); + + this.popupView = BI.createWidget({ + type: "bi.multi_popup_view", + stopPropagation: false, + maxWidth: opts.maxWidth, + minWidth: opts.minWidth, + maxHeight: opts.maxHeight, + element: this, + buttons: [BI.i18nText('BI-Basic_Clears'), BI.i18nText('BI-Basic_Sure')], + el: this.loader + }); + + this.popupView.on(BI.MultiPopupView.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectPopupView.EVENT_CHANGE); + }); + this.popupView.on(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, function (index) { + switch (index) { + case 0: + self.fireEvent(BI.MultiSelectPopupView.EVENT_CLICK_CLEAR); + break; + case 1: + self.fireEvent(BI.MultiSelectPopupView.EVENT_CLICK_CONFIRM); + break; + } + }); + }, + + isAllSelected: function () { + return this.loader.isAllSelected(); + }, + + setStartValue: function (v) { + this.loader.setStartValue(v); + }, + + setValue: function (v) { + this.popupView.setValue(v); + }, + + getValue: function () { + return this.popupView.getValue(); + }, + + populate: function (items) { + this.popupView.populate.apply(this.popupView, arguments); + }, + + setEnable: function (arg) { + this.popupView.setEnable(arg); + }, + + resetHeight: function (h) { + this.popupView.resetHeight(h); + }, + + resetWidth: function (w) { + this.popupView.resetWidth(w); + } +}); + +BI.MultiSelectPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiSelectPopupView.EVENT_CLICK_CONFIRM = "EVENT_CLICK_CONFIRM"; +BI.MultiSelectPopupView.EVENT_CLICK_CLEAR = "EVENT_CLICK_CLEAR"; + + +$.shortcut('bi.multi_select_popup_view', BI.MultiSelectPopupView); \ No newline at end of file diff --git a/src/widget/multiselect/multiselect.trigger.js b/src/widget/multiselect/multiselect.trigger.js new file mode 100644 index 000000000..50cd4cb19 --- /dev/null +++ b/src/widget/multiselect/multiselect.trigger.js @@ -0,0 +1,153 @@ +/** + * + * 复选下拉框 + * @class BI.MultiSelectTrigger + * @extends BI.Trigger + */ + +BI.MultiSelectTrigger = BI.inherit(BI.Trigger, { + + constants: { + height: 14, + rgap: 4, + lgap: 4 + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multi-select-trigger", + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + searcher: {}, + switcher: {}, + + adapter: null, + masker: {} + }); + }, + + _init: function () { + BI.MultiSelectTrigger.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + if (o.height) { + this.setHeight(o.height - 2); + } + + this.searcher = BI.createWidget(o.searcher, { + type: "bi.multi_select_searcher", + height: o.height, + itemsCreator: o.itemsCreator, + valueFormatter: o.valueFormatter, + popup: {}, + adapter: o.adapter, + masker: o.masker + }); + this.searcher.on(BI.MultiSelectSearcher.EVENT_START, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_START); + }); + this.searcher.on(BI.MultiSelectSearcher.EVENT_PAUSE, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_PAUSE); + }); + this.searcher.on(BI.MultiSelectSearcher.EVENT_SEARCHING, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_SEARCHING, arguments); + }); + this.searcher.on(BI.MultiSelectSearcher.EVENT_STOP, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_STOP); + }); + this.searcher.on(BI.MultiSelectSearcher.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_CHANGE, arguments); + }); + this.numberCounter = BI.createWidget(o.switcher, { + type: 'bi.multi_select_check_selected_switcher', + valueFormatter: o.valueFormatter, + itemsCreator: o.itemsCreator, + adapter: o.adapter, + masker: o.masker + }); + this.numberCounter.on(BI.MultiSelectCheckSelectedSwitcher.EVENT_TRIGGER_CHANGE, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_COUNTER_CLICK); + }); + this.numberCounter.on(BI.MultiSelectCheckSelectedSwitcher.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW); + }); + + var wrapNumberCounter = BI.createWidget({ + type: 'bi.right_vertical_adapt', + hgap: 4, + items: [{ + el: this.numberCounter + }] + }); + + var wrapper = BI.createWidget({ + type: 'bi.htape', + element: this, + items: [ + { + el: this.searcher, + width: 'fill' + }, { + el: wrapNumberCounter, + width: 0 + }, { + el: BI.createWidget(), + width: 30 + }] + }); + + this.numberCounter.on(BI.Events.VIEW, function (b) { + BI.nextTick(function () {//自动调整宽度 + wrapper.attr("items")[1].width = (b === true ? self.numberCounter.element.outerWidth() + 8 : 0); + wrapper.resize(); + }); + }); + + this.element.click(function (e) { + if (self.element.__isMouseInBounds__(e) && !self.numberCounter.element.__isMouseInBounds__(e)) { + self.numberCounter.hideView(); + } + }); + }, + + getCounter: function () { + return this.numberCounter; + }, + + getSearcher: function () { + return this.searcher; + }, + + stopEditing: function () { + this.searcher.stopSearch(); + this.numberCounter.hideView(); + }, + + setValue: function (ob) { + this.searcher.setValue(ob); + this.numberCounter.setValue(ob); + }, + + setEnable: function (v) { + this.searcher.setEnable(v); + }, + + getKey: function () { + return this.searcher.getKey(); + }, + + getValue: function () { + return this.searcher.getValue(); + } +}); + +BI.MultiSelectTrigger.EVENT_TRIGGER_CLICK = "EVENT_TRIGGER_CLICK"; +BI.MultiSelectTrigger.EVENT_COUNTER_CLICK = "EVENT_COUNTER_CLICK"; +BI.MultiSelectTrigger.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiSelectTrigger.EVENT_START = "EVENT_START"; +BI.MultiSelectTrigger.EVENT_STOP = "EVENT_STOP"; +BI.MultiSelectTrigger.EVENT_PAUSE = "EVENT_PAUSE"; +BI.MultiSelectTrigger.EVENT_SEARCHING = "EVENT_SEARCHING"; +BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW = "EVENT_BEFORE_COUNTER_POPUPVIEW"; + +$.shortcut('bi.multi_select_trigger', BI.MultiSelectTrigger); \ No newline at end of file diff --git a/src/widget/multiselect/search/multiselect.search.loader.js b/src/widget/multiselect/search/multiselect.search.loader.js new file mode 100644 index 000000000..b4ba119a5 --- /dev/null +++ b/src/widget/multiselect/search/multiselect.search.loader.js @@ -0,0 +1,156 @@ +/** + * 多选加载数据搜索loader面板 + * Created by guy on 15/11/4. + * @class BI.MultiSelectSearchLoader + * @extends Widget + */ +BI.MultiSelectSearchLoader = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectSearchLoader.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-search-loader', + itemsCreator: BI.emptyFn, + keywordGetter: BI.emptyFn, + valueFormatter: BI.emptyFn, + }); + }, + + _init: function () { + BI.MultiSelectSearchLoader.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + var hasNext = false; + + this.button_group = BI.createWidget({ + type: "bi.select_list", + element: this, + logic: { + dynamic: false + }, + el: { + tipText: BI.i18nText("BI-No_Select"), + el: { + type: "bi.loader", + isDefaultInit: false, + logic: { + dynamic: true, + scrolly: true + }, + el: { + chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + behaviors: { + redmark: function () { + return true; + } + }, + layouts: [{ + type: "bi.vertical" + }] + } + } + }, + itemsCreator: function (op, callback) { + self.storeValue && (op = BI.extend(op || {}, { + selected_values: self.storeValue.value + })); + opts.itemsCreator(op, function (ob) { + var keyword = ob.keyword = opts.keywordGetter(); + hasNext = ob.hasNext; + var firstItems = []; + if (op.times === 1 && self.storeValue) { + var json = self._filterValues(self.storeValue); + firstItems = self._createItems(json); + } + callback(firstItems.concat(self._createItems(ob.items)), keyword); + if (op.times === 1 && self.storeValue) { + self.setValue(self.storeValue); + } + }); + }, + hasNext: function () { + return hasNext; + } + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button_group.on(BI.SelectList.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectSearchLoader.EVENT_CHANGE, arguments); + }); + }, + + _createItems: function (items) { + return BI.createItems(items, { + type: "bi.multi_select_item", + logic: { + dynamic: false + }, + height: 25, + selected: this.isAllSelected() + }) + }, + + isAllSelected: function () { + return this.button_group.isAllSelected(); + }, + + _filterValues: function (src) { + var o = this.options; + var keyword = o.keywordGetter(); + var values = BI.deepClone(src.value) || []; + var newValues = BI.map(values, function (i, v) { + return { + text: o.valueFormatter(v) || v, + value: v + }; + }); + if (BI.isKey(keyword)) { + var search = BI.Func.getSearchResult(newValues, keyword); + values = search.matched.concat(search.finded); + } + return BI.map(values, function (i, v) { + return { + text: v.text, + title: v.text, + value: v.value, + selected: src.type === BI.Selection.All + } + }) + }, + + setValue: function (v) { + this.storeValue = v; + this.button_group.setValue(v); + }, + + getValue: function () { + return this.button_group.getValue(); + }, + + getAllButtons: function () { + return this.button_group.getAllButtons(); + }, + + empty: function () { + this.button_group.empty(); + }, + + populate: function (items) { + this.button_group.populate.apply(this.button_group, arguments); + }, + + setEnable: function (arg) { + this.button_group.setEnable(arg); + }, + + resetHeight: function (h) { + this.button_group.resetHeight(h); + }, + + resetWidth: function (w) { + this.button_group.resetWidth(w); + } +}); + +BI.MultiSelectSearchLoader.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.multi_select_search_loader', BI.MultiSelectSearchLoader); \ No newline at end of file diff --git a/src/widget/multiselect/search/multiselect.search.pane.js b/src/widget/multiselect/search/multiselect.search.pane.js new file mode 100644 index 000000000..a85ffff2c --- /dev/null +++ b/src/widget/multiselect/search/multiselect.search.pane.js @@ -0,0 +1,102 @@ +/** + * + * 在搜索框中输入文本弹出的面板 + * @class BI.MultiSelectSearchPane + * @extends Widget + */ + +BI.MultiSelectSearchPane = BI.inherit(BI.Widget, { + + constants: { + height: 25, + lgap: 10, + tgap: 5 + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectSearchPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multi-select-search-pane", + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + keywordGetter: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiSelectSearchPane.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.tooltipClick = BI.createWidget({ + type: "bi.label", + invisible: true, + text: BI.i18nText('BI-Click_Blank_To_Select'), + cls: 'multi-select-toolbar', + height: this.constants.height + }); + + this.loader = BI.createWidget({ + type: "bi.multi_select_search_loader", + keywordGetter: o.keywordGetter, + valueFormatter: o.valueFormatter, + itemsCreator: function (op, callback) { + o.itemsCreator.apply(self, [op, function (res) { + callback(res); + self.setKeyword(o.keywordGetter()); + }]); + } + }); + this.loader.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.resizer = BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.tooltipClick, + height: 0 + }, { + el: this.loader + }] + }); + this.tooltipClick.setVisible(false); + }, + + setKeyword: function (keyword) { + var btn; + var isVisible = this.loader.getAllButtons().length > 0 && (btn = this.loader.getAllButtons()[0]) && (keyword === btn.getValue()); + if (isVisible !== this.tooltipClick.isVisible()) { + this.tooltipClick.setVisible(isVisible); + this.resizer.attr("items")[0].height = (isVisible ? this.constants.height : 0); + this.resizer.resize(); + } + }, + + isAllSelected: function () { + return this.loader.isAllSelected(); + }, + + hasMatched: function () { + return this.tooltipClick.isVisible(); + }, + + setValue: function (v) { + this.loader.setValue(v); + }, + + getValue: function () { + return this.loader.getValue(); + }, + + empty: function () { + this.loader.empty(); + }, + + populate: function (items) { + this.loader.populate.apply(this.loader, arguments); + } +}); + +BI.MultiSelectSearchPane.EVENT_CHANGE = "EVENT_CHANGE"; + +$.shortcut("bi.multi_select_search_pane", BI.MultiSelectSearchPane); \ No newline at end of file diff --git a/src/widget/multiselect/trigger/button.checkselected.js b/src/widget/multiselect/trigger/button.checkselected.js new file mode 100644 index 000000000..3e64bf163 --- /dev/null +++ b/src/widget/multiselect/trigger/button.checkselected.js @@ -0,0 +1,77 @@ +/** + * 查看已选按钮 + * Created by guy on 15/11/3. + * @class BI.MultiSelectCheckSelectedButton + * @extends BI.Single + */ +BI.MultiSelectCheckSelectedButton = BI.inherit(BI.Single, { + + _const: { + checkSelected: BI.i18nText('BI-Check_Selected') + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectCheckSelectedButton.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-check-selected-button', + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiSelectCheckSelectedButton.superclass._init.apply(this, arguments); + var self = this; + this.numberCounter = BI.createWidget({ + type: 'bi.text_button', + element: this, + hgap: 4, + text: "0", + textAlign: 'center', + textHeight: 15 + }); + this.numberCounter.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.numberCounter.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectCheckSelectedButton.EVENT_CHANGE, arguments); + }); + + this.numberCounter.element.hover(function () { + self.numberCounter.setTag(self.numberCounter.getText()); + self.numberCounter.setText(self._const.checkSelected); + }, function () { + self.numberCounter.setText(self.numberCounter.getTag()); + }); + this.setVisible(false); + }, + + setValue: function (ob) { + var self = this, o = this.options; + ob || (ob = {}); + ob.type || (ob.type = BI.Selection.Multi); + ob.value || (ob.value = []); + if (ob.type === BI.Selection.All) { + o.itemsCreator({ + type: BI.MultiSelectCombo.REQ_GET_DATA_LENGTH + }, function (res) { + var length = res.count - ob.value.length; + BI.nextTick(function(){ + self.numberCounter.setText(length); + self.setVisible(length > 0); + }); + }); + return; + } + BI.nextTick(function(){ + self.numberCounter.setText(ob.value.length); + self.setVisible(ob.value.length > 0); + }) + }, + + getValue: function () { + + } +}); + +BI.MultiSelectCheckSelectedButton.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.multi_select_check_selected_button', BI.MultiSelectCheckSelectedButton); \ No newline at end of file diff --git a/src/widget/multiselect/trigger/editor.multiselect.js b/src/widget/multiselect/trigger/editor.multiselect.js new file mode 100644 index 000000000..b83e435df --- /dev/null +++ b/src/widget/multiselect/trigger/editor.multiselect.js @@ -0,0 +1,86 @@ +/** + * 多选输入框 + * Created by guy on 15/11/3. + * @class BI.MultiSelectEditor + * @extends Widget + */ +BI.MultiSelectEditor = BI.inherit(BI.Widget, { + + _const: { + checkSelected: BI.i18nText('BI-Check_Selected') + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectEditor.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-editor', + el: {} + }); + }, + + _init: function () { + BI.MultiSelectEditor.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget(o.el, { + type: 'bi.state_editor', + element: this, + height: o.height, + watermark: BI.i18nText('BI-Basic_Search'), + allowBlank: true + }); + + this.editor.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.editor.on(BI.StateEditor.EVENT_PAUSE, function () { + self.fireEvent(BI.MultiSelectEditor.EVENT_PAUSE); + }); + this.editor.on(BI.StateEditor.EVENT_CLICK_LABEL, function () { + + }); + }, + + focus: function () { + this.editor.focus(); + }, + + blur: function () { + this.editor.blur(); + }, + + setState: function (state) { + this.editor.setState(state); + }, + + setValue: function (v) { + this.editor.setValue(v); + }, + + setEnable: function(v){ + this.editor.setEnable(v); + }, + + getValue: function () { + var v = this.editor.getState(); + if (BI.isArray(v) && v.length > 0) { + return v[v.length - 1]; + } else { + return ""; + } + }, + + getKeywords: function () { + var val = this.editor.getLastValidValue(); + var keywords = val.match(/[\S]+/g); + if (BI.isEndWithBlank(val)) { + return keywords.concat([' ']); + } + return keywords; + }, + + populate: function (items) { + + } +}); +BI.MultiSelectEditor.EVENT_PAUSE = "MultiSelectEditor.EVENT_PAUSE"; +$.shortcut('bi.multi_select_editor', BI.MultiSelectEditor); \ No newline at end of file diff --git a/src/widget/multiselect/trigger/searcher.multiselect.js b/src/widget/multiselect/trigger/searcher.multiselect.js new file mode 100644 index 000000000..046855208 --- /dev/null +++ b/src/widget/multiselect/trigger/searcher.multiselect.js @@ -0,0 +1,143 @@ +/** + * searcher + * Created by guy on 15/11/3. + * @class BI.MultiSelectSearcher + * @extends Widget + */ +BI.MultiSelectSearcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectSearcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-searcher', + itemsCreator: BI.emptyFn, + el: {}, + popup: {}, + valueFormatter: BI.emptyFn, + adapter: null, + masker: {} + }); + }, + + _init: function () { + BI.MultiSelectSearcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget(o.el, { + type: 'bi.multi_select_editor', + height: o.height + }); + + this.searcher = BI.createWidget({ + type: "bi.searcher", + element: this, + height: o.height, + isAutoSearch: false, + isAutoSync: false, + onSearch: function (op, callback) { + callback(); + }, + el: this.editor, + + popup: BI.extend({ + type: "bi.multi_select_search_pane", + valueFormatter: o.valueFormatter, + keywordGetter: function () { + return self.editor.getValue(); + }, + itemsCreator: function (op, callback) { + op.keyword = self.editor.getValue(); + this.setKeyword(op.keyword); + o.itemsCreator(op, callback); + } + }, o.popup), + + adapter: o.adapter, + masker: o.masker + }); + this.searcher.on(BI.Searcher.EVENT_START, function () { + self.fireEvent(BI.MultiSelectSearcher.EVENT_START); + }); + this.searcher.on(BI.Searcher.EVENT_PAUSE, function () { + if (this.hasMatched()) { + + } + self.fireEvent(BI.MultiSelectSearcher.EVENT_PAUSE); + }); + this.searcher.on(BI.Searcher.EVENT_STOP, function () { + self.fireEvent(BI.MultiSelectSearcher.EVENT_STOP); + }); + this.searcher.on(BI.Searcher.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectSearcher.EVENT_CHANGE, arguments); + }); + this.searcher.on(BI.Searcher.EVENT_SEARCHING, function () { + var keywords = this.getKeywords(); + self.fireEvent(BI.MultiSelectSearcher.EVENT_SEARCHING, keywords); + }); + }, + + adjustView: function () { + this.searcher.adjustView(); + }, + + isSearching: function () { + return this.searcher.isSearching(); + }, + + stopSearch: function () { + this.searcher.stopSearch(); + }, + + getKeyword: function () { + return this.editor.getValue(); + }, + + hasMatched: function () { + return this.searcher.hasMatched(); + }, + + hasChecked: function () { + return this.searcher.getView() && this.searcher.getView().hasChecked(); + }, + + setState: function (ob) { + ob || (ob = {}); + ob.value || (ob.value = []); + if (ob.type === BI.Selection.All) { + this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.All); + } else { + if (BI.size(ob.value) === 1) { + this.editor.setState(ob.value[0] + ""); + } else { + this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.None); + } + } + }, + + setValue: function (ob) { + this.setState(ob); + this.searcher.setValue(ob); + }, + + getKey: function () { + return this.editor.getValue(); + }, + + getValue: function () { + return this.searcher.getValue(); + }, + + setEnable: function (v) { + this.editor.setEnable(v); + }, + + populate: function (items) { + this.searcher.populate.apply(this.searcher, arguments); + } +}); + +BI.MultiSelectSearcher.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; +BI.MultiSelectSearcher.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiSelectSearcher.EVENT_START = "EVENT_START"; +BI.MultiSelectSearcher.EVENT_STOP = "EVENT_STOP"; +BI.MultiSelectSearcher.EVENT_PAUSE = "EVENT_PAUSE"; +BI.MultiSelectSearcher.EVENT_SEARCHING = "EVENT_SEARCHING"; +$.shortcut('bi.multi_select_searcher', BI.MultiSelectSearcher); \ No newline at end of file diff --git a/src/widget/multiselect/trigger/switcher.checkselected.js b/src/widget/multiselect/trigger/switcher.checkselected.js new file mode 100644 index 000000000..d5f13a4be --- /dev/null +++ b/src/widget/multiselect/trigger/switcher.checkselected.js @@ -0,0 +1,94 @@ +/** + * 查看已选switcher + * Created by guy on 15/11/3. + * @class BI.MultiSelectCheckSelectedSwitcher + * @extends Widget + */ +BI.MultiSelectCheckSelectedSwitcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiSelectCheckSelectedSwitcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-select-check-selected-switcher', + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + el: {}, + popup: {}, + adapter: null, + masker: {} + }); + }, + + _init: function () { + BI.MultiSelectCheckSelectedSwitcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.button = BI.createWidget(o.el, { + type: "bi.multi_select_check_selected_button", + itemsCreator: o.itemsCreator + }); + this.button.on(BI.Events.VIEW, function () { + self.fireEvent(BI.Events.VIEW, arguments); + }); + this.switcher = BI.createWidget({ + type: "bi.switcher", + toggle: false, + element: this, + el: this.button, + popup: BI.extend({ + type: "bi.multi_select_check_pane", + valueFormatter: o.valueFormatter, + itemsCreator: o.itemsCreator, + onClickContinueSelect: function () { + self.switcher.hideView(); + } + }, o.popup), + adapter: o.adapter, + masker: o.masker + }); + this.switcher.on(BI.Switcher.EVENT_TRIGGER_CHANGE, function () { + self.fireEvent(BI.MultiSelectCheckSelectedSwitcher.EVENT_TRIGGER_CHANGE); + }); + this.switcher.on(BI.Switcher.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.MultiSelectCheckSelectedSwitcher.EVENT_BEFORE_POPUPVIEW); + }); + this.switcher.on(BI.Switcher.EVENT_AFTER_POPUPVIEW, function () { + var me = this; + BI.nextTick(function () { + me.populate(); + }); + }); + + this.switcher.element.click(function (e) { + e.stopPropagation(); + }); + }, + + adjustView: function () { + this.switcher.adjustView(); + }, + + hideView: function () { + this.switcher.empty(); + this.switcher.hideView(); + }, + + setValue: function (v) { + this.switcher.setValue(v); + }, + + setButtonChecked: function (v) { + this.button.setValue(v) + }, + + getValue: function () { + + }, + + populate: function (items) { + this.switcher.populate.apply(this.switcher, arguments); + } +}); + +BI.MultiSelectCheckSelectedSwitcher.EVENT_TRIGGER_CHANGE = "MultiSelectCheckSelectedSwitcher.EVENT_TRIGGER_CHANGE"; +BI.MultiSelectCheckSelectedSwitcher.EVENT_BEFORE_POPUPVIEW = "MultiSelectCheckSelectedSwitcher.EVENT_BEFORE_POPUPVIEW"; +$.shortcut('bi.multi_select_check_selected_switcher', BI.MultiSelectCheckSelectedSwitcher); \ No newline at end of file diff --git a/src/widget/multistringlist/multistringlist.js b/src/widget/multistringlist/multistringlist.js new file mode 100644 index 000000000..06366f0bf --- /dev/null +++ b/src/widget/multistringlist/multistringlist.js @@ -0,0 +1,320 @@ +/** + * Created by zcf on 2016/12/14. + */ +BI.MultiStringList = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.MultiStringList.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-string-list', + itemsCreator: BI.emptyFn, + valueFormatter: BI.emptyFn, + height: 25 + }) + }, + _init: function () { + BI.MultiStringList.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + var assertShowValue = function () { + BI.isKey(self._startValue) && self.storeValue.value[self.storeValue.type === BI.Selection.All ? "remove" : "pushDistinct"](self._startValue); + self.trigger.getSearcher().setState(self.storeValue); + self.trigger.getCounter().setButtonChecked(self.storeValue); + }; + this.storeValue = {}; + + + this.popup = BI.createWidget({ + type: "bi.multi_select_loader", + cls: "popup-multi-string-list", + itemsCreator: o.itemsCreator, + valueFormatter: o.valueFormatter, + onLoaded: o.onLoaded, + el: { + height: "" + } + }); + this.popup.on(BI.MultiSelectLoader.EVENT_CHANGE, function () { + self.storeValue = this.getValue(); + self._adjust(function () { + assertShowValue(); + self.fireEvent(BI.MultiStringList.EVENT_CHANGE); + }); + }); + + this.trigger = BI.createWidget({ + type: "bi.multi_select_trigger", + height: o.height, + adapter: this.popup, + masker: { + offset: { + left: 1, + top: 0, + right: 2, + bottom: 1 + } + }, + valueFormatter: o.valueFormatter, + itemsCreator: function (op, callback) { + o.itemsCreator(op, function (res) { + if (op.times === 1 && BI.isNotNull(op.keyword)) { + self.trigger.setValue(self.getValue()); + } + callback.apply(self, arguments); + }); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_START, function () { + self._setStartValue(""); + this.getSearcher().setValue(self.storeValue); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_STOP, function () { + self._setStartValue(""); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_PAUSE, function () { + if (this.getSearcher().hasMatched()) { + var keyword = this.getSearcher().getKeyword(); + self._join({ + type: BI.Selection.Multi, + value: [keyword] + }, function () { + self.trigger.setValue(self.storeValue); + self.popup.setValue(self.storeValue); + self._setStartValue(keyword); + assertShowValue(); + self.populate(); + self._setStartValue(""); + self.fireEvent(BI.MultiStringList.EVENT_CHANGE); + }) + } + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_SEARCHING, function (keywords) { + var last = BI.last(keywords); + keywords = BI.initial(keywords || []); + if (keywords.length > 0) { + self._joinKeywords(keywords, function () { + if (BI.isEndWithBlank(last)) { + self.trigger.setValue(self.storeValue); + self.popup.setValue(self.storeValue); + assertShowValue(); + self.popup.populate(); + self._setStartValue(""); + } else { + self.trigger.setValue(self.storeValue); + self.popup.setValue(self.storeValue); + assertShowValue(); + } + }); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_CHANGE, function (value, obj) { + if (obj instanceof BI.MultiSelectBar) { + self._joinAll(this.getValue(), function () { + assertShowValue(); + }); + } else { + self._join(this.getValue(), function () {//安徽省 北京 + assertShowValue(); + }); + } + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW, function () { + this.getCounter().setValue(self.storeValue); + }); + var div = BI.createWidget({ + type: "bi.layout" + }); + BI.createWidget({ + type: "bi.vtape", + element: this, + height: "100%", + width: "100%", + items: [{ + el: this.trigger, + height: 25 + }, { + el: div, + height: 2 + }, { + el: this.popup, + height: "fill" + }] + }); + }, + _defaultState: function () { + this.trigger.stopEditing(); + }, + + _assertValue: function (val) { + val || (val = {}); + val.type || (val.type = BI.Selection.Multi); + val.value || (val.value = []); + }, + + _makeMap: function (values) { + return BI.makeObject(values || []); + }, + + _joinKeywords: function (keywords, callback) { + var self = this, o = this.options; + this._assertValue(this.storeValue); + if (!this._allData) { + o.itemsCreator({ + type: BI.MultiStringList.REQ_GET_ALL_DATA + }, function (ob) { + self._allData = BI.pluck(ob.items, "value"); + digest(self._allData); + }) + } else { + digest(this._allData) + } + + function digest(items) { + var selectedMap = self._makeMap(items); + BI.each(keywords, function (i, val) { + if (BI.isNotNull(selectedMap[val])) { + self.storeValue.value[self.storeValue.type === BI.Selection.Multi ? "pushDistinct" : "remove"](val); + } + }); + self._adjust(callback); + } + }, + + _joinAll: function (res, callback) { + var self = this, o = this.options; + this._assertValue(res); + o.itemsCreator({ + type: BI.MultiStringList.REQ_GET_ALL_DATA, + keyword: this.trigger.getKey() + }, function (ob) { + var items = BI.pluck(ob.items, "value"); + if (self.storeValue.type === res.type) { + var change = false; + var map = self._makeMap(self.storeValue.value); + BI.each(items, function (i, v) { + if (BI.isNotNull(map[v])) { + change = true; + delete map[v]; + } + }); + change && (self.storeValue.value = BI.values(map)); + self._adjust(callback); + return; + } + var selectedMap = self._makeMap(self.storeValue.value); + var notSelectedMap = self._makeMap(res.value); + var newItems = []; + BI.each(items, function (i, item) { + if (BI.isNotNull(selectedMap[items[i]])) { + delete selectedMap[items[i]]; + } + if (BI.isNull(notSelectedMap[items[i]])) { + newItems.push(item); + } + }); + self.storeValue.value = newItems.concat(BI.values(selectedMap)); + self._adjust(callback); + }) + }, + + _adjust: function (callback) { + var self = this, o = this.options; + if (!this._count) { + o.itemsCreator({ + type: BI.MultiStringList.REQ_GET_DATA_LENGTH + }, function (res) { + self._count = res.count; + adjust(); + callback(); + }); + } else { + adjust(); + callback(); + } + function adjust() { + if (self.storeValue.type === BI.Selection.All && self.storeValue.value.length >= self._count) { + self.storeValue = { + type: BI.Selection.Multi, + value: [] + } + } else if (self.storeValue.type === BI.Selection.Multi && self.storeValue.value.length >= self._count) { + self.storeValue = { + type: BI.Selection.All, + value: [] + } + } + } + }, + + _join: function (res, callback) { + var self = this, o = this.options; + this._assertValue(res); + this._assertValue(this.storeValue); + if (this.storeValue.type === res.type) { + var map = this._makeMap(this.storeValue.value); + BI.each(res.value, function (i, v) { + if (!map[v]) { + self.storeValue.value.push(v); + map[v] = v; + } + }); + var change = false; + BI.each(res.assist, function (i, v) { + if (BI.isNotNull(map[v])) { + change = true; + delete map[v]; + } + }); + change && (this.storeValue.value = BI.values(map)); + self._adjust(callback); + return; + } + this._joinAll(res, callback); + }, + + _setStartValue: function (value) { + this._startValue = value; + this.popup.setStartValue(value); + }, + + // isAllSelected: function () { + // return this.popup.isAllSelected(); + // }, + + resize: function () { + this.trigger.getCounter().adjustView(); + this.trigger.getSearcher().adjustView(); + }, + + setEnable: function (v) { + this.trigger.setEnable(v); + this.popup.setEnable(v); + }, + + setValue: function (v) { + this.storeValue = v || {}; + this._assertValue(this.storeValue); + this.popup.setValue(this.storeValue); + this.trigger.setValue(this.storeValue); + }, + + getValue: function () { + return this.storeValue; + }, + + populate: function () { + this._count = null; + this._allData = null; + this.popup.populate.apply(this.popup, arguments); + this.trigger.populate.apply(this.trigger, arguments); + } +}); + +BI.extend(BI.MultiStringList, { + REQ_GET_DATA_LENGTH: 0, + REQ_GET_ALL_DATA: -1 +}); + +BI.MultiStringList.EVENT_CHANGE = "BI.MultiStringList.EVENT_CHANGE"; +$.shortcut("bi.multi_string_list", BI.MultiStringList); \ No newline at end of file diff --git a/src/widget/multitree/check/multi.tree.check.pane.js b/src/widget/multitree/check/multi.tree.check.pane.js new file mode 100644 index 000000000..81dd55ace --- /dev/null +++ b/src/widget/multitree/check/multi.tree.check.pane.js @@ -0,0 +1,115 @@ +/** + * + * @class BI.MultiTreeCheckPane + * @extends BI.Pane + */ +BI.MultiTreeCheckPane = BI.inherit(BI.Pane, { + + constants: { + height: 25, + lgap: 10, + tgap: 5 + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeCheckPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multi-tree-check-pane", + onClickContinueSelect: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiTreeCheckPane.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + + this.selected_values = {}; + + var continueSelect = BI.createWidget({ + type: 'bi.text_button', + text: BI.i18nText('BI-Continue_Select'), + cls: 'multi-tree-check-selected' + }); + continueSelect.on(BI.TextButton.EVENT_CHANGE, function () { + opts.onClickContinueSelect(); + BI.nextTick(function () { + self.empty(); + }); + }); + + var backToPopup = BI.createWidget({ + type: 'bi.left', + cls: 'multi-tree-continue-select', + items: [ + { + el: { + type: "bi.label", + text: BI.i18nText('BI-Selected_Data') + }, + lgap: this.constants.lgap, + tgap: this.constants.tgap + }, + { + el: continueSelect, + lgap: this.constants.lgap, + tgap: this.constants.tgap + }] + }); + + this.display = BI.createWidget({ + type: "bi.display_tree", + cls: "bi-multi-tree-display", + itemsCreator: function (op, callback) { + op.type = BI.TreeView.REQ_TYPE_SELECTED_DATA; + opts.itemsCreator(op, callback); + } + }); + + this.display.on(BI.Events.AFTERINIT, function () { + self.fireEvent(BI.Events.AFTERINIT); + }); + + this.display.on(BI.TreeView.EVENT_INIT, function () { + backToPopup.setVisible(false); + }); + + this.display.on(BI.TreeView.EVENT_AFTERINIT, function () { + backToPopup.setVisible(true); + }); + + BI.createWidget({ + type: 'bi.vtape', + element: this, + items: [{ + height: this.constants.height, + el: backToPopup + }, { + height: 'fill', + el: this.display + }] + }); + + }, + + empty: function () { + this.display.empty(); + }, + + populate: function (configs) { + this.display.stroke(configs); + }, + + setValue: function (v) { + v || (v = {}); + this.display.setValue(v.value); + }, + + getValue: function () { + + } +}); + +BI.MultiTreeCheckPane.EVENT_CONTINUE_CLICK = "EVENT_CONTINUE_CLICK"; + + +$.shortcut("bi.multi_tree_check_pane", BI.MultiTreeCheckPane); \ No newline at end of file diff --git a/src/widget/multitree/multi.tree.combo.js b/src/widget/multitree/multi.tree.combo.js new file mode 100644 index 000000000..3da7e4103 --- /dev/null +++ b/src/widget/multitree/multi.tree.combo.js @@ -0,0 +1,252 @@ +/** + * + * @class BI.MultiTreeCombo + * @extends BI.Single + */ + +BI.MultiTreeCombo = BI.inherit(BI.Single, { + + constants: { + offset: { + top: 1, + left: 1, + right: 2, + bottom: 33 + } + }, + + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-tree-combo', + itemsCreator: BI.emptyFn, + height: 25 + }); + }, + + _init: function () { + BI.MultiTreeCombo.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.popup = BI.createWidget({ + type: 'bi.multi_tree_popup_view', + itemsCreator: o.itemsCreator, + onLoaded: function () { + BI.nextTick(function () { + self.trigger.getCounter().adjustView(); + self.trigger.getSearcher().adjustView(); + }); + } + }); + var isInit = false; + var want2showCounter = false; + + this.popup.on(BI.MultiTreePopup.EVENT_AFTERINIT, function () { + self.trigger.getCounter().adjustView(); + isInit = true; + if (want2showCounter === true) { + showCounter(); + } + }); + + this.trigger = BI.createWidget({ + type: "bi.multi_select_trigger", + height: o.height, + adapter: this.popup, + masker: { + offset: this.constants.offset + }, + searcher: { + type: "bi.multi_tree_searcher", + itemsCreator: o.itemsCreator + }, + switcher: { + el: { + type: "bi.multi_tree_check_selected_button" + }, + popup: { + type: "bi.multi_tree_check_pane", + itemsCreator: o.itemsCreator + } + } + + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + toggle: false, + el: this.trigger, + adjustLength: 1, + popup: this.popup + }); + + this.storeValue = {value: {}}; + var change = false; + var clear = false; //标识当前是否点击了清空 + + var isSearching = function () { + return self.trigger.getSearcher().isSearching(); + }; + + var isPopupView = function () { + return self.combo.isViewVisible(); + }; + + this.trigger.on(BI.MultiSelectTrigger.EVENT_START, function () { + self.storeValue = {value: self.combo.getValue()}; + this.setValue(self.storeValue); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_STOP, function () { + self.storeValue = {value: this.getValue()}; + self.combo.setValue(self.storeValue); + BI.nextTick(function () { + if (isPopupView()) { + self.combo.populate(); + } + }); + }); + function showCounter() { + if (isSearching()) { + self.storeValue = {value: self.trigger.getValue()}; + } else if (isPopupView()) { + self.storeValue = {value: self.combo.getValue()}; + } + self.trigger.setValue(self.storeValue); + } + + this.trigger.on(BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW, function () { + if (want2showCounter === false) { + want2showCounter = true; + } + if (isInit === true) { + want2showCounter = null; + showCounter(); + } + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_TRIGGER_CLICK, function () { + self.combo.toggle(); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_COUNTER_CLICK, function () { + if (!self.combo.isViewVisible()) { + self.combo.showView(); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_CHANGE, function () { + var val = { + type: BI.Selection.Multi, + value: this.getSearcher().hasChecked() ? {1: 1} : {} + }; + this.getSearcher().setState(val); + this.getCounter().setButtonChecked(val); + }); + this.popup.on(BI.MultiTreePopup.EVENT_CHANGE, function () { + change = true; + var val = { + type: BI.Selection.Multi, + value: this.hasChecked() ? {1: 1} : {} + }; + self.trigger.getSearcher().setState(val); + self.trigger.getCounter().setButtonChecked(val); + }); + + this.popup.on(BI.MultiTreePopup.EVENT_CLICK_CONFIRM, function () { + self._defaultState(); + }); + this.popup.on(BI.MultiTreePopup.EVENT_CLICK_CLEAR, function () { + clear = true; + self.setValue(); + self._defaultState(); + }); + + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + if (isSearching()) { + return; + } + if (change === true) { + self.storeValue = {value: self.combo.getValue()}; + change = false; + } + self.combo.setValue(self.storeValue); + self.populate(); + + }); + this.combo.on(BI.Combo.EVENT_BEFORE_HIDEVIEW, function () { + if (isSearching()) { + self.trigger.stopEditing(); + self.fireEvent(BI.MultiTreeCombo.EVENT_CONFIRM); + return; + } + if (isPopupView()) { + self.trigger.stopEditing(); + self.storeValue = {value: self.combo.getValue()}; + if (clear === true) { + self.storeValue = {value: {}}; + clear = false; + change = false; + } + self.fireEvent(BI.MultiTreeCombo.EVENT_CONFIRM); + } + }); + + var triggerBtn = BI.createWidget({ + type: "bi.trigger_icon_button", + width: o.height, + height: o.height, + cls: "multi-select-trigger-icon-button" + }); + triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () { + self.trigger.getCounter().hideView(); + if (self.combo.isViewVisible()) { + self.combo.hideView(); + } else { + self.combo.showView(); + } + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.combo, + left: 0, + right: 0, + top: 0, + bottom: 0 + }, { + el: triggerBtn, + right: 0, + top: 0, + bottom: 0 + }] + }) + }, + + _defaultState: function () { + this.trigger.stopEditing(); + this.combo.hideView(); + }, + + setEnable: function(v){ + this.combo.setEnable(v); + }, + + setValue: function (v) { + this.storeValue.value = v || {}; + this.combo.setValue({ + value: v || {} + }); + }, + + getValue: function () { + return this.storeValue.value; + }, + + populate: function () { + this.combo.populate.apply(this.combo, arguments); + } +}); + +BI.MultiTreeCombo.EVENT_CONFIRM = "MultiTreeCombo.EVENT_CONFIRM"; + +$.shortcut('bi.multi_tree_combo', BI.MultiTreeCombo); \ No newline at end of file diff --git a/src/widget/multitree/multi.tree.popup.js b/src/widget/multitree/multi.tree.popup.js new file mode 100644 index 000000000..0cda736ed --- /dev/null +++ b/src/widget/multitree/multi.tree.popup.js @@ -0,0 +1,101 @@ +/** + * 带加载的多选下拉面板 + * @class BI.MultiTreePopup + * @extends BI.Pane + */ +BI.MultiTreePopup = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.MultiTreePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-tree-popup', + maxWidth: 'auto', + minWidth: 100, + maxHeight: 250, + onLoaded: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiTreePopup.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + + this.selected_values = {}; + + this.tree = BI.createWidget({ + type: "bi.sync_tree", + height: 400, + cls:"popup-view-tree", + itemsCreator: opts.itemsCreator, + onLoaded: opts.onLoaded + }); + + this.popupView = BI.createWidget({ + type: "bi.multi_popup_view", + element: this, + stopPropagation: false, + maxWidth: opts.maxWidth, + minWidth: opts.minWidth, + maxHeight: opts.maxHeight, + buttons: [BI.i18nText('BI-Basic_Clears'), BI.i18nText('BI-Basic_Sure')], + el: this.tree + }); + + this.popupView.on(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, function (index) { + switch (index) { + case 0: + self.fireEvent(BI.MultiTreePopup.EVENT_CLICK_CLEAR); + break; + case 1: + self.fireEvent(BI.MultiTreePopup.EVENT_CLICK_CONFIRM); + break; + } + }); + + this.tree.on(BI.TreeView.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiTreePopup.EVENT_CHANGE); + }); + + this.tree.on(BI.TreeView.EVENT_AFTERINIT, function () { + self.fireEvent(BI.MultiTreePopup.EVENT_AFTERINIT); + }); + + }, + + getValue: function () { + return this.tree.getValue(); + }, + + setValue: function (v) { + v || (v = {}); + this.tree.setSelectedValue(v.value); + }, + + populate: function (config) { + this.tree.stroke(config); + }, + + hasChecked: function () { + return this.tree.hasChecked(); + }, + + setEnable: function (arg) { + this.popupView.setEnable(arg); + }, + + resetHeight: function (h) { + this.popupView.resetHeight(h); + }, + + resetWidth: function (w) { + this.popupView.resetWidth(w); + } +}); + +BI.MultiTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiTreePopup.EVENT_CLICK_CONFIRM = "EVENT_CLICK_CONFIRM"; +BI.MultiTreePopup.EVENT_CLICK_CLEAR = "EVENT_CLICK_CLEAR"; +BI.MultiTreePopup.EVENT_AFTERINIT = "EVENT_AFTERINIT"; + + +$.shortcut('bi.multi_tree_popup_view', BI.MultiTreePopup); \ No newline at end of file diff --git a/src/widget/multitree/multi.tree.search.pane.js b/src/widget/multitree/multi.tree.search.pane.js new file mode 100644 index 000000000..4ee7f3259 --- /dev/null +++ b/src/widget/multitree/multi.tree.search.pane.js @@ -0,0 +1,69 @@ +/** + * + * 在搜索框中输入文本弹出的面板 + * @class BI.MultiTreeSearchPane + * @extends BI.Pane + */ + +BI.MultiTreeSearchPane = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeSearchPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-multi-tree-search-pane", + itemsCreator: BI.emptyFn, + keywordGetter: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiTreeSearchPane.superclass._init.apply(this, arguments); + + var self = this, opts = this.options; + + this.partTree = BI.createWidget({ + type: "bi.part_tree", + element: this, + tipText: BI.i18nText("BI-No_Select"), + itemsCreator: function (op, callback) { + op.keyword = opts.keywordGetter(); + opts.itemsCreator(op, callback); + } + }); + + this.partTree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.partTree.on(BI.TreeView.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiTreeSearchPane.EVENT_CHANGE); + }); + }, + + hasChecked: function () { + return this.partTree.hasChecked(); + }, + + setValue: function (v) { + v || (v = {}); + this.partTree.setSelectedValue(v.value); + }, + + getValue: function () { + return this.partTree.getValue(); + }, + + empty: function () { + this.partTree.empty(); + }, + + populate: function (op) { + this.partTree.stroke.apply(this.partTree, arguments); + } +}); + +BI.MultiTreeSearchPane.EVENT_CHANGE = "EVENT_CHANGE"; + +BI.MultiTreeSearchPane.EVENT_CLICK_CONFIRM = "EVENT_CLICK_CONFIRM"; +BI.MultiTreeSearchPane.EVENT_CLICK_CLEAR = "EVENT_CLICK_CLEAR"; + +$.shortcut("bi.multi_tree_search_pane", BI.MultiTreeSearchPane); \ No newline at end of file diff --git a/src/widget/multitree/trigger/multi.tree.button.checkselected.js b/src/widget/multitree/trigger/multi.tree.button.checkselected.js new file mode 100644 index 000000000..2315c63ce --- /dev/null +++ b/src/widget/multitree/trigger/multi.tree.button.checkselected.js @@ -0,0 +1,71 @@ +/** + * 查看已选按钮 + * Created by guy on 15/11/3. + * @class BI.MultiTreeCheckSelectedButton + * @extends BI.Single + */ +BI.MultiTreeCheckSelectedButton = BI.inherit(BI.Single, { + + _const: { + checkSelected: BI.i18nText('BI-Check_Selected') + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeCheckSelectedButton.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-tree-check-selected-button', + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.MultiTreeCheckSelectedButton.superclass._init.apply(this, arguments); + var self = this; + this.indicator = BI.createWidget({ + type: 'bi.icon_button', + cls: 'check-font trigger-check-selected', + width: 15, + height: 15, + stopPropagation: true + }); + + this.checkSelected = BI.createWidget({ + type: 'bi.text_button', + cls: "trigger-check-selected", + invisible: true, + hgap: 4, + text: this._const.checkSelected, + textAlign: 'center', + textHeight: 15 + }); + this.checkSelected.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.checkSelected.on(BI.TextButton.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiSelectCheckSelectedButton.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.horizontal", + element: this, + items: [this.indicator, this.checkSelected] + }) + + this.element.hover(function () { + self.indicator.setVisible(false); + self.checkSelected.setVisible(true); + }, function () { + self.indicator.setVisible(true); + self.checkSelected.setVisible(false); + }); + this.setVisible(false); + }, + + setValue: function (v) { + v || (v = {}); + this.setVisible(BI.size(v.value) > 0); + } +}); + +BI.MultiTreeCheckSelectedButton.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.multi_tree_check_selected_button', BI.MultiTreeCheckSelectedButton); \ No newline at end of file diff --git a/src/widget/multitree/trigger/searcher.multi.tree.js b/src/widget/multitree/trigger/searcher.multi.tree.js new file mode 100644 index 000000000..2283a0fb8 --- /dev/null +++ b/src/widget/multitree/trigger/searcher.multi.tree.js @@ -0,0 +1,136 @@ +/** + * searcher + * Created by guy on 15/11/3. + * @class BI.MultiTreeSearcher + * @extends Widget + */ +BI.MultiTreeSearcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeSearcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-tree-searcher', + itemsCreator: BI.emptyFn, + popup: {}, + + adapter: null, + masker: {} + }); + }, + + _init: function () { + BI.MultiTreeSearcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.editor = BI.createWidget({ + type: 'bi.multi_select_editor', + height: o.height, + el: { + type: "bi.simple_state_editor", + height: o.height + } + }); + + this.searcher = BI.createWidget({ + type: "bi.searcher", + element: this, + isAutoSearch: false, + isAutoSync: false, + onSearch: function (op, callback) { + callback({ + keyword: self.editor.getValue() + }); + }, + el: this.editor, + + popup: BI.extend({ + type: "bi.multi_tree_search_pane", + keywordGetter: function () { + return self.editor.getValue(); + }, + itemsCreator: function (op, callback) { + op.keyword = self.editor.getValue(); + o.itemsCreator(op, callback); + } + }, o.popup), + + adapter: o.adapter, + masker: o.masker + }); + this.searcher.on(BI.Searcher.EVENT_START, function () { + self.fireEvent(BI.MultiTreeSearcher.EVENT_START); + }); + this.searcher.on(BI.Searcher.EVENT_PAUSE, function () { + if (this.hasMatched()) { + + } + self.fireEvent(BI.MultiTreeSearcher.EVENT_PAUSE); + }); + this.searcher.on(BI.Searcher.EVENT_STOP, function () { + self.fireEvent(BI.MultiTreeSearcher.EVENT_STOP); + }); + this.searcher.on(BI.Searcher.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiTreeSearcher.EVENT_CHANGE, arguments); + }); + }, + + adjustView: function () { + this.searcher.adjustView(); + }, + + isSearching: function () { + return this.searcher.isSearching(); + }, + + stopSearch: function () { + this.searcher.stopSearch(); + }, + + getKeyword: function () { + return this.editor.getValue(); + }, + + hasMatched: function () { + return this.searcher.hasMatched(); + }, + + hasChecked: function () { + return this.searcher.getView() && this.searcher.getView().hasChecked(); + }, + + setState: function (ob) { + ob || (ob = {}); + ob.value || (ob.value = []); + if (ob.type === BI.Selection.All) { + this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.All); + } else { + this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.None); + } + }, + + setValue: function (ob) { + this.setState(ob); + this.searcher.setValue(ob); + }, + + getKey: function () { + return this.editor.getValue(); + }, + + setEnable: function(v){ + this.editor.setEnable(v); + }, + + getValue: function () { + return this.searcher.getValue(); + }, + + populate: function (items) { + this.searcher.populate.apply(this.searcher, arguments); + } +}); + +BI.MultiTreeSearcher.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; +BI.MultiTreeSearcher.EVENT_CHANGE = "EVENT_CHANGE"; +BI.MultiTreeSearcher.EVENT_START = "EVENT_START"; +BI.MultiTreeSearcher.EVENT_STOP = "EVENT_STOP"; +BI.MultiTreeSearcher.EVENT_PAUSE = "EVENT_PAUSE"; +$.shortcut('bi.multi_tree_searcher', BI.MultiTreeSearcher); \ No newline at end of file diff --git a/src/widget/multitreelist/multitreelist.js b/src/widget/multitreelist/multitreelist.js new file mode 100644 index 000000000..fb1ada71e --- /dev/null +++ b/src/widget/multitreelist/multitreelist.js @@ -0,0 +1,178 @@ +/** + * Created by zcf on 2016/12/20. + */ +BI.MultiTreeList = BI.inherit(BI.Widget, { + constants: { + offset: { + left: 1, + top: 0, + right: 2, + bottom: 1 + } + }, + + _defaultConfig: function () { + return BI.extend(BI.MultiTreeList.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-multi-tree-combo', + itemsCreator: BI.emptyFn, + height: 25 + }); + }, + + _init: function () { + BI.MultiTreeList.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + var isInit = false; + var want2showCounter = false; + + this.popup = BI.createWidget({ + type: "bi.multi_tree_list_popup", + itemsCreator: o.itemsCreator + }); + + this.popup.on(BI.MultiStringListPopup.EVENT_AFTER_INIT, function () { + self.trigger.getCounter().adjustView(); + isInit = true; + if (want2showCounter === true) { + showCounter(); + } + }); + + this.trigger = BI.createWidget({ + type: "bi.multi_select_trigger", + height: o.height, + adapter: this.popup, + masker: { + offset: this.constants.offset + }, + searcher: { + type: "bi.multi_tree_searcher", + itemsCreator: o.itemsCreator + }, + switcher: { + el: { + type: "bi.multi_tree_check_selected_button" + }, + popup: { + type: "bi.multi_tree_check_pane", + itemsCreator: o.itemsCreator + } + } + }); + + this.storeValue = {value: {}}; + + var isSearching = function () { + return self.trigger.getSearcher().isSearching(); + }; + + this.trigger.on(BI.MultiSelectTrigger.EVENT_START, function () { + self.storeValue = {value: self.popup.getValue()}; + this.setValue(self.storeValue); + }); + this.trigger.on(BI.MultiSelectTrigger.EVENT_STOP, function () { + self.storeValue = {value: this.getValue()}; + self.trigger.setValue(self.storeValue); + self.popup.setValue(self.storeValue); + BI.nextTick(function () { + self.trigger.populate(); + self.popup.populate(); + }); + }); + function showCounter() { + if (isSearching()) { + self.storeValue = {value: self.trigger.getValue()}; + } else { + self.storeValue = {value: self.popup.getValue()}; + } + self.trigger.setValue(self.storeValue); + } + + this.trigger.on(BI.MultiSelectTrigger.EVENT_BEFORE_COUNTER_POPUPVIEW, function () { + if (want2showCounter === false) { + want2showCounter = true; + } + if (isInit === true) { + want2showCounter = null; + showCounter(); + } + }); + + this.trigger.on(BI.MultiSelectTrigger.EVENT_CHANGE, function () { + var val = { + type: BI.Selection.Multi, + value: this.getSearcher().hasChecked() ? {1: 1} : {} + }; + this.getSearcher().setState(val); + this.getCounter().setButtonChecked(val); + }); + + this.popup.on(BI.MultiStringListPopup.EVENT_CHANGE, function () { + showCounter(); + var val = { + type: BI.Selection.Multi, + value: this.hasChecked() ? {1: 1} : {} + }; + self.trigger.getSearcher().setState(val); + self.trigger.getCounter().setButtonChecked(val); + self.fireEvent(BI.MultiTreeList.EVENT_CHANGE); + }); + + var div = BI.createWidget({ + type: "bi.layout" + }); + BI.createWidget({ + type: "bi.vtape", + element: this, + height: "100%", + width: "100%", + items: [{ + el: this.trigger, + height: 25 + }, { + el: div, + height: 2 + }, { + el: this.popup, + height: "fill" + }] + }) + }, + + _defaultState: function () { + this.trigger.stopEditing(); + }, + + resize: function () { + this.trigger.getCounter().adjustView(); + this.trigger.getSearcher().adjustView(); + }, + + setEnable: function (v) { + this.trigger.setEnable(v); + this.popup.setEnable(v); + }, + + setValue: function (v) { + this.storeValue.value = v || {}; + this.popup.setValue({ + value: v || {} + }); + this.trigger.setValue({ + value: v || {} + }); + }, + + getValue: function () { + return this.storeValue.value; + }, + + populate: function () { + this.trigger.populate.apply(this.trigger, arguments); + this.popup.populate.apply(this.popup, arguments); + } +}); +BI.MultiTreeList.EVENT_CHANGE = "MultiTreeList.EVENT_CHANGE"; +$.shortcut('bi.multi_tree_list', BI.MultiTreeList); \ No newline at end of file diff --git a/src/widget/multitreelist/multitreelist.popup.js b/src/widget/multitreelist/multitreelist.popup.js new file mode 100644 index 000000000..9db3aebc5 --- /dev/null +++ b/src/widget/multitreelist/multitreelist.popup.js @@ -0,0 +1,48 @@ +/** + * Created by zcf on 2016/12/21. + */ +BI.MultiStringListPopup=BI.inherit(BI.Widget,{ + _defaultConfig:function () { + return BI.extend(BI.MultiStringListPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-tree-list-popup", + itemsCreator: BI.emptyFn + }); + }, + _init:function () { + BI.MultiStringListPopup.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.popup = BI.createWidget({ + type: "bi.sync_tree", + height: 400, + element: this, + itemsCreator: o.itemsCreator + }); + this.popup.on(BI.TreeView.EVENT_AFTERINIT, function () { + self.fireEvent(BI.MultiStringListPopup.EVENT_AFTER_INIT) + }); + this.popup.on(BI.TreeView.EVENT_CHANGE, function () { + self.fireEvent(BI.MultiStringListPopup.EVENT_CHANGE) + }); + }, + + hasChecked: function () { + return this.popup.hasChecked(); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + setValue: function (v) { + v || (v = {}); + this.popup.setValue(v.value); + }, + + populate: function (config) { + this.popup.stroke(config); + } + +}); +BI.MultiStringListPopup.EVENT_AFTER_INIT="BI.MultiStringListPopup.EVENT_AFTER_INIT"; +BI.MultiStringListPopup.EVENT_CHANGE="BI.MultiStringListPopup.EVENT_CHANGE"; +$.shortcut("bi.multi_tree_list_popup",BI.MultiStringListPopup); \ No newline at end of file diff --git a/src/widget/numericalinterval/numericalinterval.js b/src/widget/numericalinterval/numericalinterval.js new file mode 100644 index 000000000..1592bb4cb --- /dev/null +++ b/src/widget/numericalinterval/numericalinterval.js @@ -0,0 +1,535 @@ +//小于号的值为:0,小于等于号的值为:1 +//closeMIn:最小值的符号,closeMax:最大值的符号 +/** + * Created by roy on 15/9/17. + * + */ +BI.NumericalInterval = BI.inherit(BI.Single, { + constants: { + typeError: "typeBubble", + numberError: "numberBubble", + signalError: "signalBubble", + editorWidth: 114, + columns: 5, + width: 30, + rows: 1, + numberErrorCls: "number-error", + border: 1, + less: 0, + less_equal: 1, + numTip: "" + }, + _defaultConfig: function () { + var conf = BI.NumericalInterval.superclass._defaultConfig.apply(this, arguments) + return BI.extend(conf, { + extraCls: "bi-numerical-interval", + height: 25 + + }) + }, + _init: function () { + var self = this, c = this.constants, o = this.options; + BI.NumericalInterval.superclass._init.apply(this, arguments) + this.smallEditor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height - 2, + watermark: BI.i18nText("BI-Unrestricted"), + allowBlank: true, + value: o.min, + level: "warning", + tipType: "warning", + quitChecker: function () { + return false; + }, + validationChecker: function (v) { + if (!BI.isNumeric(v)) { + self.smallEditorBubbleType = c.typeError; + return false; + } + return true; + }, + cls: "numerical-interval-small-editor" + }); + + this.smallTip = BI.createWidget({ + type: "bi.label", + text: o.numTip, + height: o.height - 2, + invisible: true + }); + BI.createWidget({ + type: "bi.absolute", + element: this.smallEditor.element, + items: [{ + el: this.smallTip, + top: 0, + right: 5 + }] + }); + + this.bigEditor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height - 2, + watermark: BI.i18nText("BI-Unrestricted"), + allowBlank: true, + value: o.max, + level: "warning", + tipType: "warning", + quitChecker: function () { + return false; + }, + validationChecker: function (v) { + if (!BI.isNumeric(v)) { + self.bigEditorBubbleType = c.typeError; + return false; + } + return true; + }, + cls: "numerical-interval-big-editor" + }); + + this.bigTip = BI.createWidget({ + type: "bi.label", + text: o.numTip, + height: o.height - 2, + invisible: true + }); + BI.createWidget({ + type: "bi.absolute", + element: this.bigEditor.element, + items: [{ + el: this.bigTip, + top: 0, + right: 5 + }] + }); + + //this.smallCombo = BI.createWidget({ + // type: "bi.numerical_interval_combo", + // cls: "numerical-interval-small-combo", + // height: o.height, + // value: o.closemin ? 1 : 0, + // offsetStyle: "left" + //}); + // + //this.bigCombo = BI.createWidget({ + // type: "bi.numerical_interval_combo", + // cls: "numerical-interval-big-combo", + // height: o.height, + // value: o.closemax ? 1 : 0, + // offsetStyle: "left" + //}); + this.smallCombo = BI.createWidget({ + type: "bi.icon_combo", + cls: "numerical-interval-small-combo", + height: o.height - 2, + items: [{ + text: "(" + BI.i18nText("BI-Less_Than") + ")", + iconClass: "less-font", + value: 0 + }, { + text: "(" + BI.i18nText("BI-Less_And_Equal") + ")", + value: 1, + iconClass: "less-equal-font" + }] + }); + if (o.closemin === true) { + this.smallCombo.setValue(1); + } else { + this.smallCombo.setValue(0); + } + this.bigCombo = BI.createWidget({ + type: "bi.icon_combo", + cls: "numerical-interval-big-combo", + height: o.height - 2, + items: [{ + text: "(" + BI.i18nText("BI-Less_Than") + ")", + iconClass: "less-font", + value: 0 + }, { + text: "(" + BI.i18nText("BI-Less_And_Equal") + ")", + value: 1, + iconClass: "less-equal-font" + }] + }); + if (o.closemax === true) { + this.bigCombo.setValue(1); + } else { + this.bigCombo.setValue(0); + } + this.label = BI.createWidget({ + type: "bi.label", + text: BI.i18nText("BI-Value"), + textHeight: o.height - c.border * 2, + width: c.width - c.border * 2, + height: o.height - c.border * 2, + level: "warning", + tipType: "warning" + }); + this.left = BI.createWidget({ + type: "bi.htape", + items: [{ + el: self.smallEditor + }, { + el: self.smallCombo, + width: c.width - c.border * 2 + }] + + }); + this.right = BI.createWidget({ + type: "bi.htape", + items: [{ + el: self.bigCombo, + width: c.width - c.border * 2 + }, { + el: self.bigEditor + }] + }); + + + BI.createWidget({ + element: self, + type: "bi.center", + hgap: 15, + height: o.height, + items: [ + { + type: "bi.absolute", + items: [{ + el: self.left, + left: -15, + right: 0, + top: 0, + bottom: 0 + }] + }, { + type: "bi.absolute", + items: [{ + el: self.right, + left: 0, + right: -15, + top: 0, + bottom: 0 + }] + } + ] + }); + + BI.createWidget({ + element: self, + type: "bi.horizontal_auto", + items: [ + self.label + ] + }); + + + self._setValidEvent(self.bigEditor, c.bigEditor); + self._setValidEvent(self.smallEditor, c.smallEditor); + self._setErrorEvent(self.bigEditor, c.bigEditor); + self._setErrorEvent(self.smallEditor, c.smallEditor); + self._setBlurEvent(self.bigEditor); + self._setBlurEvent(self.smallEditor); + self._setFocusEvent(self.bigEditor); + self._setFocusEvent(self.smallEditor); + self._setComboValueChangedEvent(self.bigCombo); + self._setComboValueChangedEvent(self.smallCombo); + self._setEditorValueChangedEvent(self.bigEditor); + self._setEditorValueChangedEvent(self.smallEditor); + }, + + _checkValidation: function () { + var self = this, c = this.constants, o = this.options; + self._setTitle(""); + BI.Bubbles.hide(c.typeError); + BI.Bubbles.hide(c.numberError); + BI.Bubbles.hide(c.signalError); + if (!self.smallEditor.isValid() || !self.bigEditor.isValid()) { + self.element.removeClass("number-error"); + o.validation = "invalid"; + return c.typeError; + } else { + if (BI.isEmptyString(self.smallEditor.getValue()) || BI.isEmptyString(self.bigEditor.getValue())) { + self.element.removeClass("number-error"); + o.validation = "valid"; + return ""; + } else { + var smallValue = parseFloat(self.smallEditor.getValue()), bigValue = parseFloat(self.bigEditor.getValue()), + bigComboValue = self.bigCombo.getValue(), smallComboValue = self.smallCombo.getValue(); + if (bigComboValue[0] === c.less_equal && smallComboValue[0] === c.less_equal) { + if (smallValue > bigValue) { + self.element.addClass("number-error"); + o.validation = "invalid"; + return c.numberError; + } else { + self.element.removeClass("number-error"); + o.validation = "valid"; + return ""; + } + } else { + if (smallValue > bigValue) { + self.element.addClass("number-error"); + o.validation = "invalid"; + return c.numberError; + } else if (smallValue === bigValue) { + self.element.addClass("number-error"); + o.validation = "invalid"; + return c.signalError; + } else { + self.element.removeClass("number-error"); + o.validation = "valid"; + return ""; + } + } + } + + } + }, + + _setTitle: function (v) { + var self = this; + self.bigEditor.setTitle(v); + self.smallEditor.setTitle(v); + self.label.setTitle(v); + }, + + _setFocusEvent: function (w) { + var self = this, c = this.constants; + w.on(BI.SignEditor.EVENT_FOCUS, function () { + self._setTitle(""); + switch (self._checkValidation()) { + case c.typeError: + BI.Bubbles.show(c.typeError, BI.i18nText("BI-Numerical_Interval_Input_Data"), self, { + offsetStyle: "center" + }); + break; + case c.numberError: + BI.Bubbles.show(c.numberError, BI.i18nText("BI-Numerical_Interval_Number_Value"), self, { + offsetStyle: "center" + }); + break; + case c.signalError: + BI.Bubbles.show(c.signalError, BI.i18nText("BI-Numerical_Interval_Signal_Value"), self, { + offsetStyle: "center" + }); + break; + default : + return + } + + }) + }, + _setBlurEvent: function (w) { + var c = this.constants, self = this; + w.on(BI.SignEditor.EVENT_BLUR, function () { + BI.Bubbles.hide(c.typeError); + BI.Bubbles.hide(c.numberError); + BI.Bubbles.hide(c.signalError); + switch (self._checkValidation()) { + case c.typeError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Input_Data")); + break; + case c.numberError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Number_Value")); + break; + case c.signalError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Signal_Value")); + break; + default: + self._setTitle(""); + } + }) + }, + + _setErrorEvent: function (w) { + var c = this.constants, self = this + w.on(BI.SignEditor.EVENT_ERROR, function () { + self._checkValidation(); + BI.Bubbles.show(c.typeError, BI.i18nText("BI-Numerical_Interval_Input_Data"), self, { + offsetStyle: "center" + }); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + }) + }, + + + _setValidEvent: function (w) { + var self = this, c = this.constants; + w.on(BI.SignEditor.EVENT_VALID, function () { + switch (self._checkValidation()) { + case c.numberError: + BI.Bubbles.show(c.numberError, BI.i18nText("BI-Numerical_Interval_Number_Value"), self, { + offsetStyle: "center" + }); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + break; + case c.signalError: + BI.Bubbles.show(c.signalError, BI.i18nText("BI-Numerical_Interval_Signal_Value"), self, { + offsetStyle: "center" + }); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + break; + default: + self.fireEvent(BI.NumericalInterval.EVENT_VALID); + } + }) + }, + + + _setEditorValueChangedEvent: function (w) { + var self = this, c = this.constants; + w.on(BI.SignEditor.EVENT_CHANGE, function () { + switch (self._checkValidation()) { + case c.typeError: + BI.Bubbles.show(c.typeError, BI.i18nText("BI-Numerical_Interval_Input_Data"), self, { + offsetStyle: "center" + }); + break; + case c.numberError: + BI.Bubbles.show(c.numberError, BI.i18nText("BI-Numerical_Interval_Number_Value"), self, { + offsetStyle: "center" + }); + break; + case c.signalError: + BI.Bubbles.show(c.signalError, BI.i18nText("BI-Numerical_Interval_Signal_Value"), self, { + offsetStyle: "center" + }); + break; + default : + break; + } + self.fireEvent(BI.NumericalInterval.EVENT_CHANGE); + }); + }, + + _setComboValueChangedEvent: function (w) { + var self = this, c = this.constants; + w.on(BI.IconCombo.EVENT_CHANGE, function () { + switch (self._checkValidation()) { + case c.typeError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Input_Data")); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + break; + case c.numberError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Number_Value")); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + break; + case c.signalError: + self._setTitle(BI.i18nText("BI-Numerical_Interval_Signal_Value")); + self.fireEvent(BI.NumericalInterval.EVENT_ERROR); + break; + default : + self.fireEvent(BI.NumericalInterval.EVENT_CHANGE); + self.fireEvent(BI.NumericalInterval.EVENT_VALID); + } + }) + }, + + + isValid: function () { + return this.options.validation === "valid"; + }, + + setEnable: function (b) { + this.smallEditor.setEnable(b); + this.smallCombo.setEnable(b); + this.bigEditor.setEnable(b); + this.bigCombo.setEnable(b); + }, + + setMinEnable: function (b) { + this.smallEditor.setEnable(b); + }, + + setCloseMinEnable: function (b) { + this.smallCombo.setEnable(b); + }, + + setMaxEnable: function (b) { + this.bigEditor.setEnable(b); + }, + + setCloseMaxEnable: function (b) { + this.bigCombo.setEnable(b); + }, + + showNumTip: function () { + this.smallTip.setVisible(true); + this.bigTip.setVisible(true); + }, + + hideNumTip: function () { + this.smallTip.setVisible(false); + this.bigTip.setVisible(false); + }, + + setNumTip: function(numTip) { + this.smallTip.setText(numTip); + this.bigTip.setText(numTip); + }, + + getNumTip: function() { + return this.smallTip.getText(); + }, + + setValue: function (data) { + data = data || {}; + var self = this, combo_value; + if (BI.isNumeric(data.min) || BI.isEmptyString(data.min)) { + self.smallEditor.setValue(data.min); + } + + if (!BI.isNotNull(data.min)) { + self.smallEditor.setValue(""); + } + + if (BI.isNumeric(data.max) || BI.isEmptyString(data.max)) { + self.bigEditor.setValue(data.max); + } + + if (!BI.isNotNull(data.max)) { + self.bigEditor.setValue(""); + } + + if (!BI.isNull(data.closemin)) { + if (data.closemin === true) { + combo_value = 1 + } else { + combo_value = 0 + } + self.smallCombo.setValue(combo_value); + } + + if (!BI.isNull(data.closemax)) { + if (data.closemax === true) { + combo_value = 1 + } else { + combo_value = 0 + } + self.bigCombo.setValue(combo_value); + } + }, + + + getValue: function () { + var self = this, value = {}, minComboValue = self.smallCombo.getValue(), maxComboValue = self.bigCombo.getValue(); + value.min = self.smallEditor.getValue(); + value.max = self.bigEditor.getValue(); + if (minComboValue[0] === 0) { + value.closemin = false + } else { + value.closemin = true + } + + if (maxComboValue[0] === 0) { + value.closemax = false + } else { + value.closemax = true + } + return value; + } +}); +BI.NumericalInterval.EVENT_CHANGE = "EVENT_CHANGE"; +BI.NumericalInterval.EVENT_VALID = "EVENT_VALID"; +BI.NumericalInterval.EVENT_ERROR = "EVENT_ERROR"; +$.shortcut("bi.numerical_interval", BI.NumericalInterval); \ No newline at end of file diff --git a/src/widget/pagetable/pagetable.cell.js b/src/widget/pagetable/pagetable.cell.js new file mode 100644 index 000000000..7b25b95ac --- /dev/null +++ b/src/widget/pagetable/pagetable.cell.js @@ -0,0 +1,39 @@ +/** + * + * 表格 + * + * Created by GUY on 2015/9/22. + * @class BI.PageTableCell + * @extends BI.Single + */ +BI.PageTableCell = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.PageTableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-page-table-cell", + text: "", + title: "" + }) + }, + + _init: function () { + BI.PageTableCell.superclass._init.apply(this, arguments); + var label = BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "nowrap", + height: this.options.height, + text: this.options.text, + title: this.options.title, + value: this.options.value, + lgap: 5, + rgap: 5 + }); + + if (BI.isNotNull(this.options.styles) && BI.isObject(this.options.styles)) { + this.element.css(this.options.styles); + } + } +}); + +$.shortcut("bi.page_table_cell", BI.PageTableCell); \ No newline at end of file diff --git a/src/widget/pagetable/pagetable.js b/src/widget/pagetable/pagetable.js new file mode 100644 index 000000000..ee12d4d81 --- /dev/null +++ b/src/widget/pagetable/pagetable.js @@ -0,0 +1,250 @@ +/** + * 分页表格 + * + * Created by GUY on 2016/2/15. + * @class BI.PageTable + * @extends BI.Widget + */ +BI.PageTable = BI.inherit(BI.Widget, { + + _const: { + scrollWidth: 18, + minScrollWidth: 100 + }, + + _defaultConfig: function () { + return BI.extend(BI.PageTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-page-table", + el: { + type: "bi.sequence_table" + }, + pager: { + horizontal: { + pages: false, //总页数 + curr: 1, //初始化当前页, pages为数字时可用 + + hasPrev: BI.emptyFn, + hasNext: BI.emptyFn, + firstPage: 1, + lastPage: BI.emptyFn + }, + vertical: { + pages: false, //总页数 + curr: 1, //初始化当前页, pages为数字时可用 + + hasPrev: BI.emptyFn, + hasNext: BI.emptyFn, + firstPage: 1, + lastPage: BI.emptyFn + } + }, + + itemsCreator: BI.emptyFn, + + isNeedFreeze: false,//是否需要冻结单元格 + freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为true时生效 + + isNeedMerge: false,//是否需要合并单元格 + mergeCols: [], //合并的单元格列号 + mergeRule: BI.emptyFn, + + columnSize: [], + minColumnSize: [], + maxColumnSize: [], + headerRowSize: 25, + rowSize: 25, + + regionColumnSize: [], + + headerCellStyleGetter: BI.emptyFn, + summaryCellStyleGetter: BI.emptyFn, + sequenceCellStyleGetter: BI.emptyFn, + + header: [], + items: [], //二维数组 + + //交叉表头 + crossHeader: [], + crossItems: [] + }); + }, + + _init: function () { + BI.PageTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.hCurr = 1; + this.vCurr = 1; + + this.table = BI.createWidget(o.el, { + type: "bi.sequence_table", + width: o.width, + height: o.height - 30, + + isNeedResize: true, + isResizeAdapt: false, + + isNeedFreeze: o.isNeedFreeze, + freezeCols: o.freezeCols, + + isNeedMerge: o.isNeedMerge, + mergeCols: o.mergeCols, + mergeRule: o.mergeRule, + + columnSize: o.columnSize, + minColumnSize: o.minColumnSize, + maxColumnSize: o.maxColumnSize, + headerRowSize: o.headerRowSize, + rowSize: o.rowSize, + + regionColumnSize: o.regionColumnSize, + + headerCellStyleGetter: o.headerCellStyleGetter, + summaryCellStyleGetter: o.summaryCellStyleGetter, + sequenceCellStyleGetter: o.sequenceCellStyleGetter, + + header: o.header, + items: o.items, + //交叉表头 + crossHeader: o.crossHeader, + crossItems: o.crossItems + }); + + this.table.on(BI.Table.EVENT_TABLE_SCROLL, function () { + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { + o.regionColumnSize = this.getRegionColumnSize(); + o.columnSize = this.getColumnSize(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { + o.regionColumnSize = this.getRegionColumnSize(); + o.columnSize = this.getColumnSize(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); + }); + + this.pager = BI.createWidget(o.pager, { + type: "bi.direction_pager", + height: 30 + }); + this.pager.on(BI.Pager.EVENT_CHANGE, function () { + var vpage = this.getVPage && this.getVPage(); + if (BI.isNull(vpage)) { + vpage = this.getCurrentPage(); + } + var hpage = this.getHPage && this.getHPage(); + o.itemsCreator({ + vpage: vpage, + hpage: hpage + }, function (items, header, crossItems, crossHeader) { + self.table.setVPage ? self.table.setVPage(vpage) : self.table.setCurrentPage(vpage); + self.table.setHPage && self.table.setHPage(hpage); + self.populate.apply(self, arguments); + }); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.table, + left: 0, + top: 0 + }, { + el: this.pager, + left: 0, + right: 0, + bottom: 0 + }] + }) + }, + + setHPage: function (v) { + this.hCurr = v; + this.pager.setHPage && this.pager.setHPage(v); + this.table.setHPage && this.table.setHPage(v); + }, + + setVPage: function (v) { + this.vCurr = v; + this.pager.setVPage && this.pager.setVPage(v); + this.table.setVPage && this.table.setVPage(v); + }, + + getHPage: function () { + var hpage = this.pager.getHPage && this.pager.getHPage(); + if (BI.isNotNull(hpage)) { + return hpage; + } + hpage = this.pager.getCurrentPage && this.pager.getCurrentPage(); + if (BI.isNotNull(hpage)) { + return hpage; + } + return this.hpage; + }, + + getVPage: function () { + var vpage = this.pager.getVPage && this.pager.getVPage(); + if (BI.isNotNull(vpage)) { + return vpage; + } + vpage = this.pager.getCurrentPage && this.pager.getCurrentPage(); + if (BI.isNotNull(vpage)) { + return vpage; + } + return this.vpage; + }, + + setWidth: function (width) { + BI.PageTable.superclass.setWidth.apply(this, arguments); + this.table.setWidth(width); + }, + + setHeight: function (height) { + BI.PageTable.superclass.setHeight.apply(this, arguments); + this.table.setHeight(height - 30); + }, + + setColumnSize: function (columnSize) { + this.options.columnSize = columnSize; + this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + setRegionColumnSize: function (columnSize) { + this.options.columnSize = columnSize; + this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + restore: function () { + this.table.restore(); + }, + + attr: function () { + BI.PageTable.superclass.attr.apply(this, arguments); + this.table.attr.apply(this.table, arguments); + }, + + populate: function () { + this.pager.populate(); + this.table.populate.apply(this.table, arguments); + }, + + destroy: function () { + this.table.destroy(); + this.pager && this.pager.destroy(); + BI.PageTable.superclass.destroy.apply(this, arguments); + } +}); +$.shortcut('bi.page_table', BI.PageTable); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/datecombo/combo.param.date.js b/src/widget/paramsettingcombo/datecombo/combo.param.date.js new file mode 100644 index 000000000..d3c3ef2e7 --- /dev/null +++ b/src/widget/paramsettingcombo/datecombo/combo.param.date.js @@ -0,0 +1,95 @@ +/** + * @class BI.DateParamCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.DateParamCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.DateParamCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-date-param-combo", + width: 130, + height: 30 + }) + }, + + _init: function () { + BI.DateParamCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + cls: "param-trigger", + height: o.height - 2 + }); + this.popup = BI.createWidget({ + type: "bi.date_param_popup_view", + maxHeight: 300 + }); + + this.popup.on(BI.ParamPopupView.EVENT_CONFIRM, function(){ + self.DateParamCombo.hideView(); + }); + + this.DateParamCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: this.popup + }); + + this.DateParamCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.DateParamCombo.EVENT_CONFIRM); + }); + + this.DateParamCombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.setValue(self.getValue()); + }); + }, + + _getShowTextByValue: function(v){ + v = v || {}; + var value = v.value; + var midText = (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + (value.soffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + value.svalue; + switch (v.type) { + case BICst.YEAR: + return value.fvalue + BI.i18nText("BI-Year") + + (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Year_Fen"); + case BICst.YEAR_QUARTER: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Quarter_De"); + case BICst.YEAR_MONTH: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Month_De"); + case BICst.YEAR_WEEK: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Week_De"); + case BICst.YEAR_DAY: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Day_De"); + case BICst.MONTH_WEEK: + return value.fvalue + BI.i18nText("BI-Basic_Month") + midText + BI.i18nText("BI-Week_De"); + case BICst.MONTH_DAY: + return value.fvalue + BI.i18nText("BI-Basic_Month") + midText + BI.i18nText("BI-Day_De"); + } + }, + + setValue: function (v) { + this.DateParamCombo.setValue(v); + this.trigger.setValue(this._getShowTextByValue(v)); + }, + + setEnable: function (v) { + BI.DateParamCombo.superclass.setEnable.apply(this, arguments); + this.DateParamCombo.setEnable(v); + }, + + getValue: function () { + return this.DateParamCombo.getValue(); + }, + + getCalculationValue: function(){ + return this.popup.getCalculationValue(); + } +}); +BI.DateParamCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.date_param_combo", BI.DateParamCombo); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/datecombo/popup.param.date.js b/src/widget/paramsettingcombo/datecombo/popup.param.date.js new file mode 100644 index 000000000..53b13d996 --- /dev/null +++ b/src/widget/paramsettingcombo/datecombo/popup.param.date.js @@ -0,0 +1,52 @@ +/** + * 普通控件 + * + * @class BI.DateParamPopupView + * @extends BI.ParamPopupView + */ +BI.DateParamPopupView = BI.inherit(BI.ParamPopupView, { + + _defaultConfig: function () { + return BI.extend(BI.DateParamPopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-date-param-popup' + }); + }, + + _init: function () { + BI.DateParamPopupView.superclass._init.apply(this, arguments); + }, + + dateConfig: function () { + return [{ + type: "bi.param3_date_item", + value: BICst.YEAR, + selected: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.YEAR_QUARTER, + disabled: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.YEAR_MONTH, + disabled: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.YEAR_WEEK, + disabled: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.YEAR_DAY, + disabled: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.MONTH_WEEK, + disabled: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.MONTH_DAY, + disabled: true + }] + } +}); +BI.DateParamPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.date_param_popup_view', BI.DateParamPopupView); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.js b/src/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.js new file mode 100644 index 000000000..5e243256b --- /dev/null +++ b/src/widget/paramsettingcombo/dateintervalcombo/combo.param.dateinterval.js @@ -0,0 +1,95 @@ +/** + * @class BI.DateIntervalParamCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.DateIntervalParamCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.DateIntervalParamCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-date-interval-param-combo", + width: 130, + height: 30 + }) + }, + + _init: function () { + BI.DateIntervalParamCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + cls: "param-trigger", + height: o.height - 2 + }); + this.popup = BI.createWidget({ + type: "bi.date_interval_param_popup_view", + maxHeight: 300 + }); + + this.popup.on(BI.ParamPopupView.EVENT_CONFIRM, function(){ + self.DateIntervalParamCombo.hideView(); + }); + + this.DateIntervalParamCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: this.popup + }); + + this.DateIntervalParamCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.DateIntervalParamCombo.EVENT_CONFIRM); + }); + + this.DateIntervalParamCombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.setValue(self.getValue()); + }); + }, + + _getShowTextByValue: function(v){ + v = v || {}; + var value = v.value; + var midText = (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + (value.soffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + value.svalue; + switch (v.type) { + case BICst.YEAR: + return value.fvalue + BI.i18nText("BI-Year") + + (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Year_Fen"); + case BICst.YEAR_QUARTER: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Basic_Quarter"); + case BICst.YEAR_MONTH: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Month_Fen"); + case BICst.YEAR_WEEK: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Week"); + case BICst.YEAR_DAY: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Day_De"); + case BICst.MONTH_WEEK: + return value.fvalue + BI.i18nText("BI-Basic_Month") + midText + BI.i18nText("BI-Week"); + case BICst.MONTH_DAY: + return value.fvalue + BI.i18nText("BI-Basic_Month") + midText + BI.i18nText("BI-Day_De"); + } + }, + + setValue: function (v) { + this.DateIntervalParamCombo.setValue(v); + this.trigger.setValue(this._getShowTextByValue(v)); + }, + + setEnable: function (v) { + BI.DateIntervalParamCombo.superclass.setEnable.apply(this, arguments); + this.DateIntervalParamCombo.setEnable(v); + }, + + getValue: function () { + return this.DateIntervalParamCombo.getValue(); + }, + + getCalculationValue: function(){ + return this.popup.getCalculationValue(); + } +}); +BI.DateIntervalParamCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.date_interval_param_combo", BI.DateIntervalParamCombo); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/dateintervalcombo/popup.param.dateinterval.js b/src/widget/paramsettingcombo/dateintervalcombo/popup.param.dateinterval.js new file mode 100644 index 000000000..5d02bd381 --- /dev/null +++ b/src/widget/paramsettingcombo/dateintervalcombo/popup.param.dateinterval.js @@ -0,0 +1,52 @@ +/** + * 普通控件 + * + * @class BI.DateIntervalParamPopupView + * @extends BI.ParamPopupView + */ +BI.DateIntervalParamPopupView = BI.inherit(BI.ParamPopupView, { + + _defaultConfig: function () { + return BI.extend(BI.DateIntervalParamPopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-date-interval-param-popup' + }); + }, + + _init: function () { + BI.DateIntervalParamPopupView.superclass._init.apply(this, arguments); + }, + + dateConfig: function () { + return [{ + type: "bi.param0_date_item", + value: BICst.YEAR, + selected: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.YEAR_QUARTER, + disabled: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.YEAR_MONTH, + disabled: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.YEAR_WEEK, + disabled: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.YEAR_DAY, + disabled: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.MONTH_WEEK, + disabled: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.MONTH_DAY, + disabled: true + }] + } +}); +BI.DateIntervalParamPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.date_interval_param_popup_view', BI.DateIntervalParamPopupView); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/param0.date.item.js b/src/widget/paramsettingcombo/param0.date.item.js new file mode 100644 index 000000000..a089910cf --- /dev/null +++ b/src/widget/paramsettingcombo/param0.date.item.js @@ -0,0 +1,131 @@ +/** + * 普通控件 + * + * @class BI.Param0DateItem + * @extends BI.Single + */ +BI.Param0DateItem = BI.inherit(BI.Single, { + constants: { + itemHeight: 20, + itemWidth: 20, + textWidth: 40, + comboWidth: 45 + }, + + _defaultConfig: function () { + return BI.extend(BI.Param0DateItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-param0-date-item', + width: 310, + height: 20, + selected: false, + defaultEditorValue: "0" + }); + }, + + _init: function () { + BI.Param0DateItem.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: opts.selected + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.firstEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.firstCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + + this.firstCombo.setValue(0); + + BI.createWidget({ + type: 'bi.inline', + element: this, + items: [{ + type: "bi.center_adapt", + items: [this.radio], + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstEditor, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Year"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstCombo, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Basic_De"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, { + type: "bi.label", + textAlign: "left", + cls: 'param-label', + text: BI.i18nText("BI-Year_Fen"), + height: this.constants.itemHeight, + lgap: 5 + }] + }); + }, + + _assertValue: function(v){ + var o = this.options; + v = v || {}; + v.fvalue = v.fvalue || o.defaultEditorValue; + v.foffset = v.foffset || 0; + return v; + }, + + setSelected: function (v) { + this.radio.setSelected(!!v); + }, + + isSelected: function () { + return this.radio.isSelected(); + }, + + getInputValue: function () { + return { + fvalue: this.firstEditor.getValue() || 0, + foffset: this.firstCombo.getValue()[0] + }; + }, + + setInputValue: function (v) { + v = this._assertValue(v); + this.firstEditor.setValue(v.fvalue); + this.firstCombo.setValue([v.foffset]); + }, + + getValue: function(){ + return BICst.YEAR; + }, + + setEnable: function (b) { + this.firstEditor.setEnable(!!b); + this.firstCombo.setEnable(!!b); + } +}); + +BI.Param0DateItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.param0_date_item', BI.Param0DateItem); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/param1.date.item.js b/src/widget/paramsettingcombo/param1.date.item.js new file mode 100644 index 000000000..81c972020 --- /dev/null +++ b/src/widget/paramsettingcombo/param1.date.item.js @@ -0,0 +1,187 @@ +/** + * 普通控件 + * + * @class BI.Param1DateItem + * @extends BI.Single + */ +BI.Param1DateItem = BI.inherit(BI.Single, { + constants: { + itemHeight: 20, + itemWidth: 20, + textWidth: 40, + comboWidth: 45 + }, + + _defaultConfig: function () { + return BI.extend(BI.Param1DateItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-param1-date-item', + value: BI.Param1DateItem.YEAR_DAY, + width: 310, + height: 20, + selected: false, + defaultEditorValue: "0" + }); + }, + + _init: function () { + BI.Param1DateItem.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: opts.selected + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.firstEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.secondEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.secondEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + this.secondCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + this.firstCombo.setValue(0); + this.secondCombo.setValue(0); + var textJson = this._getTextByDateType(); + + BI.createWidget({ + type: 'bi.inline', + element: this, + items: [{ + type: "bi.center_adapt", + items: [this.radio], + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstEditor, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: textJson.ftext, + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstCombo, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Basic_De"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, { + el: this.secondCombo, + rgap: 5 + }, this.secondEditor, { + type: "bi.label", + textAlign: "left", + cls: 'param-label', + text: textJson.stext, + height: this.constants.itemHeight, + lgap: 5 + }] + }); + }, + + _getTextByDateType: function(){ + switch (this.options.value) { + case BI.Param1DateItem.MONTH_WEEK: + return {ftext: BI.i18nText("BI-Basic_Month"), stext: BI.i18nText("BI-Week_De")}; + case BI.Param1DateItem.MONTH_DAY: + return {ftext: BI.i18nText("BI-Basic_Month"), stext: BI.i18nText("BI-Day_De")}; + case BI.Param1DateItem.YEAR_MONTH: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Month_De")}; + case BI.Param1DateItem.YEAR_DAY: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Day_De")}; + case BI.Param1DateItem.YEAR_QUARTER: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Quarter_De")}; + case BI.Param1DateItem.YEAR_WEEK: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Week_De")}; + } + }, + + _assertValue: function(v){ + var o = this.options; + v = v || {}; + v.fvalue = v.fvalue || o.defaultEditorValue; + v.foffset = v.foffset || 0; + v.svalue = v.svalue || o.defaultEditorValue; + v.soffset = v.soffset || 0; + return v; + }, + + setSelected: function (v) { + this.radio.setSelected(!!v); + }, + + isSelected: function () { + return this.radio.isSelected(); + }, + + getValue: function () { + return this.options.value; + }, + + getInputValue: function(){ + return { + fvalue: this.firstEditor.getValue() || 0, + foffset: this.firstCombo.getValue()[0], + svalue: this.secondEditor.getValue() || 0, + soffset: this.secondCombo.getValue()[0] + }; + }, + + setInputValue: function (v) { + v = this._assertValue(v); + this.firstEditor.setValue(v.fvalue); + this.firstCombo.setValue([v.foffset]); + this.secondEditor.setValue(v.svalue); + this.secondCombo.setValue([v.soffset]); + }, + + setEnable: function (b) { + this.firstEditor.setEnable(!!b); + this.secondEditor.setEnable(!!b); + this.firstCombo.setEnable(!!b); + this.secondCombo.setEnable(!!b); + } +}); + +BI.Param1DateItem.EVENT_CHANGE = "EVENT_CHANGE"; +BI.extend(BI.Param1DateItem , { + YEAR_QUARTER: BICst.YEAR_QUARTER, + YEAR_MONTH: BICst.YEAR_MONTH, + YEAR_WEEK: BICst.YEAR_WEEK, + YEAR_DAY: BICst.YEAR_DAY, + MONTH_WEEK: BICst.MONTH_WEEK, + MONTH_DAY: BICst.MONTH_DAY +}); +$.shortcut('bi.param1_date_item', BI.Param1DateItem); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/param2.date.item.js b/src/widget/paramsettingcombo/param2.date.item.js new file mode 100644 index 000000000..753af15ed --- /dev/null +++ b/src/widget/paramsettingcombo/param2.date.item.js @@ -0,0 +1,187 @@ +/** + * 普通控件 + * + * @class BI.Param2DateItem + * @extends BI.Single + */ +BI.Param2DateItem = BI.inherit(BI.Single, { + constants: { + itemHeight: 20, + itemWidth: 20, + textWidth: 40, + comboWidth: 45 + }, + + _defaultConfig: function () { + return BI.extend(BI.Param2DateItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-param2-date-item', + value: BI.Param2DateItem.YEAR_DAY, + width: 310, + height: 20, + selected: false, + defaultEditorValue: "0" + }); + }, + + _init: function () { + BI.Param2DateItem.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: opts.selected + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.firstEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.secondEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.secondEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + this.secondCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + this.firstCombo.setValue(0); + this.secondCombo.setValue(0); + var textJson = this._getTextByDateType(); + + BI.createWidget({ + type: 'bi.inline', + element: this, + items: [{ + type: "bi.center_adapt", + items: [this.radio], + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstEditor, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: textJson.ftext, + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstCombo, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Basic_De"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, { + el: this.secondCombo, + rgap: 5 + }, this.secondEditor, { + type: "bi.label", + textAlign: "left", + cls: 'param-label', + text: textJson.stext, + height: this.constants.itemHeight, + lgap: 5 + }] + }); + }, + + _getTextByDateType: function(){ + switch (this.options.value) { + case BI.Param2DateItem.MONTH_WEEK: + return {ftext: BI.i18nText("BI-Basic_Month"), stext: BI.i18nText("BI-Week_Of_Week")}; + case BI.Param2DateItem.MONTH_DAY: + return {ftext: BI.i18nText("BI-Basic_Month"), stext: BI.i18nText("BI-Day_De")}; + case BI.Param2DateItem.YEAR_MONTH: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Month_De_Month")}; + case BI.Param2DateItem.YEAR_DAY: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Day_De")}; + case BI.Param2DateItem.YEAR_QUARTER: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Quarter_Of_Quarter")}; + case BI.Param2DateItem.YEAR_WEEK: + return {ftext: BI.i18nText("BI-Year"), stext: BI.i18nText("BI-Week_Of_Week")}; + } + }, + + _assertValue: function(v){ + var o = this.options; + v = v || {}; + v.fvalue = v.fvalue || o.defaultEditorValue; + v.foffset = v.foffset || 0; + v.svalue = v.svalue || o.defaultEditorValue; + v.soffset = v.soffset || 0; + return v; + }, + + setSelected: function (v) { + this.radio.setSelected(!!v); + }, + + isSelected: function () { + return this.radio.isSelected(); + }, + + getValue: function () { + return this.options.value; + }, + + getInputValue: function(){ + return { + fvalue: this.firstEditor.getValue() || 0, + foffset: this.firstCombo.getValue()[0], + svalue: this.secondEditor.getValue() || 0, + soffset: this.secondCombo.getValue()[0] + }; + }, + + setInputValue: function (v) { + v = this._assertValue(v); + this.firstEditor.setValue(v.fvalue); + this.firstCombo.setValue([v.foffset]); + this.secondEditor.setValue(v.svalue); + this.secondCombo.setValue([v.soffset]); + }, + + setEnable: function (b) { + this.firstEditor.setEnable(!!b); + this.secondEditor.setEnable(!!b); + this.firstCombo.setEnable(!!b); + this.secondCombo.setEnable(!!b); + } +}); + +BI.Param2DateItem.EVENT_CHANGE = "EVENT_CHANGE"; +BI.extend(BI.Param2DateItem , { + YEAR_QUARTER: BICst.YEAR_QUARTER, + YEAR_MONTH: BICst.YEAR_MONTH, + YEAR_WEEK: BICst.YEAR_WEEK, + YEAR_DAY: BICst.YEAR_DAY, + MONTH_WEEK: BICst.MONTH_WEEK, + MONTH_DAY: BICst.MONTH_DAY +}); +$.shortcut('bi.param2_date_item', BI.Param2DateItem); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/param3.date.item.js b/src/widget/paramsettingcombo/param3.date.item.js new file mode 100644 index 000000000..3844b48d0 --- /dev/null +++ b/src/widget/paramsettingcombo/param3.date.item.js @@ -0,0 +1,131 @@ +/** + * 普通控件 + * + * @class BI.Param3DateItem + * @extends BI.Single + */ +BI.Param3DateItem = BI.inherit(BI.Single, { + constants: { + itemHeight: 20, + itemWidth: 20, + textWidth: 40, + comboWidth: 45 + }, + + _defaultConfig: function () { + return BI.extend(BI.Param3DateItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-param3-date-item', + width: 310, + height: 20, + selected: false, + defaultEditorValue: "0" + }); + }, + + _init: function () { + BI.Param3DateItem.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + this.radio = BI.createWidget({ + type: "bi.radio", + selected: opts.selected + }); + this.radio.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.firstEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.firstEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.firstCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + + this.firstCombo.setValue(0); + + BI.createWidget({ + type: 'bi.inline', + element: this, + items: [{ + type: "bi.center_adapt", + items: [this.radio], + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstEditor, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Year"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstCombo, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Basic_De"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, { + type: "bi.label", + textAlign: "left", + cls: 'param-label', + text: BI.i18nText("BI-Multi_Date_Year_Begin"), + height: this.constants.itemHeight, + lgap: 5 + }] + }); + }, + + _assertValue: function(v){ + var o = this.options; + v = v || {}; + v.fvalue = v.fvalue || o.defaultEditorValue; + v.foffset = v.foffset || 0; + return v; + }, + + setSelected: function (v) { + this.radio.setSelected(!!v); + }, + + isSelected: function () { + return this.radio.isSelected(); + }, + + getInputValue: function () { + return { + fvalue: this.firstEditor.getValue() || 0, + foffset: this.firstCombo.getValue()[0] + }; + }, + + setInputValue: function (v) { + v = this._assertValue(v); + this.firstEditor.setValue(v.fvalue); + this.firstCombo.setValue([v.foffset]); + }, + + getValue: function(){ + return BICst.YEAR; + }, + + setEnable: function (b) { + this.firstEditor.setEnable(!!b); + this.firstCombo.setEnable(!!b); + } +}); + +BI.Param3DateItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.param3_date_item', BI.Param3DateItem); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/popup.param.js b/src/widget/paramsettingcombo/popup.param.js new file mode 100644 index 000000000..c41373a7e --- /dev/null +++ b/src/widget/paramsettingcombo/popup.param.js @@ -0,0 +1,134 @@ +/** + * 普通控件 + * + * @class BI.ParamPopupView + * @extends BI.Widget + * @abstract + */ +BI.ParamPopupView = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.ParamPopupView.superclass._defaultConfig.apply(this, arguments), {}); + }, + + dateConfig: function(){ + + }, + + _init: function () { + BI.ParamPopupView.superclass._init.apply(this, arguments); + var self = this; + + this.radioGroup = BI.createWidget({ + type: "bi.button_group", + chooseType: 0, + items: this.dateConfig(), + layouts: [{ + type: "bi.vertical", + items: [{ + type: "bi.vertical", + vgap: 5 + }], + vgap: 5, + hgap: 5 + }] + }); + + this.radioGroup.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.ParamPopupView.EVENT_CHANGE); + }); + this.popup = BI.createWidget({ + type: 'bi.multi_popup_view', + element: this, + el: this.radioGroup, + minWidth: 310, + stopPropagation: false + }); + + this.popup.on(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, function () { + self.fireEvent(BI.ParamPopupView.EVENT_CONFIRM); + }); + + }, + + setValue: function (v) { + this.radioGroup.setValue(v.type); + BI.each(this.radioGroup.getAllButtons(), function (i, button) { + if (button.isSelected()) { + button.setEnable(true); + button.setInputValue(v.value); + } else { + button.setEnable(false); + } + }); + }, + + getValue: function () { + var button = this.radioGroup.getSelectedButtons()[0]; + var type = button.getValue(), value = button.getInputValue(); + return { + type: type, + value: value + } + }, + + getCalculationValue: function () { + var valueObject = this.getValue(); + var type = valueObject.type, value = valueObject.value; + var fPrevOrAfter = value.foffset === 0 ? -1 : 1; + var sPrevOrAfter = value.soffset === 0 ? -1 : 1; + var start, end; + start = end = new Date(); + var ydate = new Date((new Date().getFullYear() + fPrevOrAfter * value.fvalue), new Date().getMonth(), new Date().getDate()); + switch (type) { + case BICst.YEAR: + start = new Date((new Date().getFullYear() + fPrevOrAfter * value.fvalue), 0, 1); + end = new Date(start.getFullYear(), 11, 31); + break; + case BICst.YEAR_QUARTER: + ydate = new Date().getOffsetQuarter(ydate, sPrevOrAfter * value.svalue); + start = ydate.getQuarterStartDate(); + end = ydate.getQuarterEndDate(); + break; + case BICst.YEAR_MONTH: + ydate = new Date().getOffsetMonth(ydate, sPrevOrAfter * value.svalue); + start = new Date(ydate.getFullYear(), ydate.getMonth(), 1); + end = new Date(ydate.getFullYear(), ydate.getMonth(), (ydate.getLastDateOfMonth()).getDate()); + break; + case BICst.YEAR_WEEK: + start = ydate.getOffsetDate(sPrevOrAfter * 7 * value.svalue); + end = start.getOffsetDate(7); + break; + case BICst.YEAR_DAY: + start = ydate.getOffsetDate(sPrevOrAfter * value.svalue); + end = start.getOffsetDate(1); + break; + case BICst.MONTH_WEEK: + var mdate = new Date().getOffsetMonth(new Date(), fPrevOrAfter * value.fvalue); + start = mdate.getOffsetDate(sPrevOrAfter * 7 * value.svalue); + end = start.getOffsetDate(7); + break; + case BICst.MONTH_DAY: + var mdate = new Date().getOffsetMonth(new Date(), fPrevOrAfter * value.fvalue); + start = mdate.getOffsetDate(sPrevOrAfter * value.svalue); + end = start.getOffsetDate(1); + break; + } + return { + start: start, + end: end + }; + }, + + resetWidth: function(w){ + this.popup.resetWidth(w); + }, + + resetHeight: function(h){ + this.popup.resetHeight(h); + } +}); +BI.ParamPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +BI.ParamPopupView.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.param_popup_view", BI.ParamPopupView); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/rangevaluecombo/rangevaluecombo.js b/src/widget/paramsettingcombo/rangevaluecombo/rangevaluecombo.js new file mode 100644 index 000000000..d30d68e3b --- /dev/null +++ b/src/widget/paramsettingcombo/rangevaluecombo/rangevaluecombo.js @@ -0,0 +1,46 @@ +/** + * @class BI.RangeValueCombo + * @extend BI.Widget + */ +BI.RangeValueCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.RangeValueCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-range-value-combo", + width: 100, + height: 30 + }) + }, + + _init: function () { + BI.RangeValueCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.dateRangeCombo = BI.createWidget({ + type: "bi.text_value_combo", + height: o.height, + width: o.width, + items: BICst.Date_Range_FILTER_COMBO + }); + this.dateRangeCombo.on(BI.TextValueCombo.EVENT_CHANGE, function(){ + self.fireEvent(BI.RangeValueCombo.EVENT_CHANGE); + }); + + BI.createWidget({ + type: "bi.default", + element: this, + items: [this.dateRangeCombo] + }); + }, + + setValue: function (v) { + v = v || {}; + this.dateRangeCombo.setValue(v.type); + }, + + getValue: function () { + return { + type: this.dateRangeCombo.getValue()[0] + }; + } +}); +BI.RangeValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.range_value_combo", BI.RangeValueCombo); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/yearcombo/combo.param.year.js b/src/widget/paramsettingcombo/yearcombo/combo.param.year.js new file mode 100644 index 000000000..c65386d52 --- /dev/null +++ b/src/widget/paramsettingcombo/yearcombo/combo.param.year.js @@ -0,0 +1,99 @@ +/** + * @class BI.YearParamCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.YearParamCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearParamCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-param-combo", + width: 130, + height: 30 + }) + }, + + _init: function () { + BI.YearParamCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + cls: "param-trigger", + height: o.height - 2 + }); + + this.popup = BI.createWidget({ + type: 'bi.multi_popup_view', + el: { + type: "bi.button_tree", + chooseType: BI.Selection.None, + items: [{ + type: "bi.year_param_item" + }], + layouts: [{ + type: "bi.vertical", + vgap: 5, + hgap: 5 + }] + }, + minWidth: 310, + maxHeight: 300, + stopPropagation: false + }); + + this.popup.on(BI.MultiPopupView.EVENT_CLICK_TOOLBAR_BUTTON, function () { + self.YearParamCombo.hideView(); + }); + + this.YearParamCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: this.popup + }); + + this.YearParamCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.YearParamCombo.EVENT_CONFIRM); + }); + + this.YearParamCombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.setValue(self.getValue()); + }); + }, + + _getShowTextByValue: function(v){ + v = v || {}; + return v.fvalue + BI.i18nText("BI-Year") + + (v.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Year_Fen"); + }, + + getCalculationValue: function () { + var value = this.YearParamCombo.getValue()[0]; + var fPrevOrAfter = value.foffset === 0 ? -1 : 1; + var start = new Date((new Date().getFullYear() + fPrevOrAfter * value.fvalue), 0, 1); + var end = new Date(start.getFullYear(), 11, 31); + return { + start: start, + end: end + }; + }, + + setValue: function (v) { + v = v || {}; + this.YearParamCombo.setValue(v.value); + this.trigger.setValue(this._getShowTextByValue(v.value)); + }, + + getValue: function () { + return { + type: BICst.YEAR, + value: this.YearParamCombo.getValue()[0] + } + } + +}); +BI.YearParamCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.year_param_combo", BI.YearParamCombo); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/yearcombo/param.year.item.js b/src/widget/paramsettingcombo/yearcombo/param.year.item.js new file mode 100644 index 000000000..fa699768a --- /dev/null +++ b/src/widget/paramsettingcombo/yearcombo/param.year.item.js @@ -0,0 +1,105 @@ +/** + * 普通控件 + * + * @class BI.YearParamItem + * @extends BI.Single + */ +BI.YearParamItem = BI.inherit(BI.Single, { + constants: { + itemHeight: 20, + itemWidth: 20, + textWidth: 40, + comboWidth: 45 + }, + + _defaultConfig: function () { + return BI.extend(BI.YearParamItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-year-param-item', + width: 310, + height: 20, + defaultEditorValue: "0" + }); + }, + + _init: function () { + BI.YearParamItem.superclass._init.apply(this, arguments); + var self = this, opts = this.options; + + this.firstEditor = BI.createWidget({ + type: 'bi.small_text_editor', + value: opts.defaultEditorValue, + validationChecker: function(v){ + return BI.isNaturalNumber(v); + }, + errorText: BI.i18nText("BI-Please_Input_Integer"), + width: this.constants.textWidth, + height: this.constants.itemHeight + }); + this.firstEditor.on(BI.Controller.EVENT_CHANGE, function (v) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.firstCombo = BI.createWidget({ + type: "bi.small_text_value_combo", + width: this.constants.comboWidth, + height: this.constants.itemHeight, + items: BICst.BEFORE_AFTER_COMBO + }); + + this.firstCombo.setValue(0); + + BI.createWidget({ + type: 'bi.inline', + element: this, + items: [this.firstEditor, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Year"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, this.firstCombo, { + type: "bi.label", + textAlign: "center", + cls: 'param-label', + text: BI.i18nText("BI-Basic_De"), + width: this.constants.itemWidth, + height: this.constants.itemHeight + }, { + type: "bi.label", + textAlign: "left", + cls: 'param-label', + text: BI.i18nText("BI-Year_Fen"), + height: this.constants.itemHeight, + lgap: 5 + }] + }); + }, + + _assertValue: function(v){ + var o = this.options; + if(BI.isArray(v)){ + v = v[0]; + } + v = v || {}; + v.fvalue = v.fvalue || o.defaultEditorValue; + v.foffset = v.foffset || 0; + return v; + }, + + setValue: function (v) { + v = this._assertValue(v); + this.firstEditor.setValue(v.fvalue); + this.firstCombo.setValue([v.foffset]); + }, + + getValue: function(){ + return { + fvalue: this.firstEditor.getValue() || 0, + foffset: this.firstCombo.getValue()[0] + }; + } +}); + +BI.YearParamItem.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.year_param_item', BI.YearParamItem); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.js b/src/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.js new file mode 100644 index 000000000..e3deedf7d --- /dev/null +++ b/src/widget/paramsettingcombo/yearmonthcombo/combo.param.yearmonth.js @@ -0,0 +1,86 @@ +/** + * @class BI.YearMonthParamCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.YearMonthParamCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearMonthParamCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-month-param-combo", + width: 130, + height: 30 + }) + }, + + _init: function () { + BI.YearMonthParamCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + cls: "param-trigger", + height: o.height - 2 + }); + this.popup = BI.createWidget({ + type: "bi.year_month_param_popup_view", + maxHeight: 300 + }); + + this.popup.on(BI.ParamPopupView.EVENT_CONFIRM, function(){ + self.YearMonthParamCombo.hideView(); + }); + + this.YearMonthParamCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: this.popup + }); + + this.YearMonthParamCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.YearMonthParamCombo.EVENT_CONFIRM); + }); + + this.YearMonthParamCombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.setValue(self.getValue()); + }); + + }, + + _getShowTextByValue: function(v){ + v = v || {}; + var value = v.value; + var midText = (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + (value.soffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + value.svalue; + switch (v.type) { + case BICst.YEAR: + return value.fvalue + BI.i18nText("BI-Year") + + (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Year_Fen"); + case BICst.YEAR_MONTH: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Month_De"); + } + }, + + setValue: function (v) { + this.YearMonthParamCombo.setValue(v); + this.trigger.setValue(this._getShowTextByValue(v)); + }, + + setEnable: function (v) { + BI.YearMonthParamCombo.superclass.setEnable.apply(this, arguments); + this.YearMonthParamCombo.setEnable(v); + }, + + getValue: function () { + return this.YearMonthParamCombo.getValue(); + }, + + getCalculationValue: function(){ + return this.popup.getCalculationValue(); + } +}); +BI.YearMonthParamCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.year_month_param_combo", BI.YearMonthParamCombo); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/yearmonthcombo/popup.param.yearmonth.js b/src/widget/paramsettingcombo/yearmonthcombo/popup.param.yearmonth.js new file mode 100644 index 000000000..d0462cdba --- /dev/null +++ b/src/widget/paramsettingcombo/yearmonthcombo/popup.param.yearmonth.js @@ -0,0 +1,31 @@ +/** + * 普通控件 + * + * @class BI.YearMonthParamPopupView + * @extends BI.ParamPopupView + */ +BI.YearMonthParamPopupView = BI.inherit(BI.ParamPopupView, { + + _defaultConfig: function () { + return BI.extend(BI.YearMonthParamPopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-year-month-param-popup' + }); + }, + + _init: function () { + BI.YearMonthParamPopupView.superclass._init.apply(this, arguments); + }, + + dateConfig: function () { + return [{ + type: "bi.param0_date_item", + selected: true + }, { + type: "bi.param2_date_item", + value: BI.Param2DateItem.YEAR_MONTH, + disabled: true + }] + } +}); +BI.YearMonthParamPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.year_month_param_popup_view', BI.YearMonthParamPopupView); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.js b/src/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.js new file mode 100644 index 000000000..2816925fe --- /dev/null +++ b/src/widget/paramsettingcombo/yearseasoncombo/combo.param.yearseason.js @@ -0,0 +1,87 @@ +/** + * @class BI.YearSeasonParamCombo + * @extend BI.Widget + * combo : text + icon, popup : text + * 参见场景dashboard布局方式选择 + */ +BI.YearSeasonParamCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearSeasonParamCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-season-param-combo", + width: 130, + height: 30 + }) + }, + + _init: function () { + BI.YearSeasonParamCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.text_trigger", + cls: "param-trigger", + height: o.height - 2 + }); + this.popup = BI.createWidget({ + type: "bi.year_season_param_popup_view", + maxHeight: 300 + }); + + this.popup.on(BI.ParamPopupView.EVENT_CONFIRM, function(){ + self.YearSeasonParamCombo.hideView(); + }); + + this.YearSeasonParamCombo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: this.popup + }); + + this.YearSeasonParamCombo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + self.setValue(self.getValue()); + self.fireEvent(BI.YearSeasonParamCombo.EVENT_CONFIRM); + }); + + this.YearSeasonParamCombo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.setValue(self.getValue()); + }); + + }, + + _getShowTextByValue: function(v){ + v = v || {}; + var value = v.value; + var midText = (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + (value.soffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + value.svalue; + switch (v.type) { + case BICst.YEAR: + return value.fvalue + BI.i18nText("BI-Year") + + (value.foffset === 0 ? BI.i18nText("BI-Qian_First") : BI.i18nText("BI-Hou_Last")) + + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Year_Fen"); + case BICst.YEAR_QUARTER: + return value.fvalue + BI.i18nText("BI-Year") + midText + BI.i18nText("BI-Quarter_De"); + } + }, + + setValue: function (v) { + this.YearSeasonParamCombo.setValue(v); + this.trigger.setValue(this._getShowTextByValue(v)); + }, + + setEnable: function (v) { + BI.YearSeasonParamCombo.superclass.setEnable.apply(this, arguments); + this.YearSeasonParamCombo.setEnable(v); + }, + + getValue: function () { + return this.YearSeasonParamCombo.getValue(); + //return BI.extend(this.popup.getCalculationValue(), this.YearSeasonParamCombo.getValue()); + }, + + getCalculationValue: function(){ + return this.popup.getCalculationValue(); + } +}); +BI.YearSeasonParamCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.year_season_param_combo", BI.YearSeasonParamCombo); \ No newline at end of file diff --git a/src/widget/paramsettingcombo/yearseasoncombo/popup.param.yearseason.js b/src/widget/paramsettingcombo/yearseasoncombo/popup.param.yearseason.js new file mode 100644 index 000000000..89d22a87a --- /dev/null +++ b/src/widget/paramsettingcombo/yearseasoncombo/popup.param.yearseason.js @@ -0,0 +1,31 @@ +/** + * 普通控件 + * + * @class BI.YearSeasonParamPopupView + * @extends BI.ParamPopupView + */ +BI.YearSeasonParamPopupView = BI.inherit(BI.ParamPopupView, { + + _defaultConfig: function () { + return BI.extend(BI.YearSeasonParamPopupView.superclass._defaultConfig.apply(this, arguments), { + baseCls: 'bi-year-season-param-popup' + }); + }, + + _init: function () { + BI.YearSeasonParamPopupView.superclass._init.apply(this, arguments); + }, + + dateConfig: function () { + return [{ + type: "bi.param0_date_item", + selected: true + }, { + type: "bi.param1_date_item", + value: BI.Param1DateItem.YEAR_QUARTER, + disabled: true + }] + } +}); +BI.YearSeasonParamPopupView.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.year_season_param_popup_view', BI.YearSeasonParamPopupView); \ No newline at end of file diff --git a/src/widget/pathchooser/pathchooser.js b/src/widget/pathchooser/pathchooser.js new file mode 100644 index 000000000..5d1c21b19 --- /dev/null +++ b/src/widget/pathchooser/pathchooser.js @@ -0,0 +1,491 @@ +/** + * 路径选择 + * + * Created by GUY on 2015/12/4. + * @class BI.PathChooser + * @extends BI.Widget + */ +BI.PathChooser = BI.inherit(BI.Widget, { + + _const: { + lineColor: "#c4c6c6", + selectLineColor: "#009de3" + }, + + _defaultConfig: function () { + return BI.extend(BI.PathChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-path-chooser", + items: [] + }) + }, + + _init: function () { + BI.PathChooser.superclass._init.apply(this, arguments); + this.populate(this.options.items); + }, + + _createRegions: function (regions) { + var self = this; + this.regions = BI.createWidgets(BI.map(regions, function (i, region) { + return { + type: "bi.path_region", + title: self.texts[region] || region + } + })); + this.regionMap = {}; + BI.each(regions, function (i, region) { + self.regionMap[region] = i; + }); + this.container = BI.createWidget({ + type: "bi.horizontal", + verticalAlign: "top", + scrollx: false, + scrolly: false, + hgap: 10, + items: this.regions + }); + BI.createWidget({ + type: "bi.vertical_adapt", + element: this, + scrollable: true, + hgap: 10, + items: [this.container] + }); + }, + + getRegionIndexById: function (id) { + var node = this.store[id]; + var regionType = node.get("region"); + return this.regionMap[regionType]; + }, + + _drawPath: function (start, offset, index) { + var self = this; + var starts = []; + if (this.start.contains(start)) { + starts = this.start; + } else { + starts = [start]; + } + + BI.each(starts, function (i, s) { + BI.each(self.radios[s], function (i, rad) { + rad.setSelected(false); + }); + BI.each(self.lines[s], function (i, line) { + line.attr("stroke", self._const.lineColor); + }); + BI.each(self.regionIndexes[s], function (i, idx) { + self.regions[idx].reset(); + }); + }); + + BI.each(this.routes[start][index], function (i, id) { + var regionIndex = self.getRegionIndexById(id); + self.regions[regionIndex].setSelect(offset + index, id); + }); + var current = BI.last(this.routes[start][index]); + + while (current && this.routes[current] && this.routes[current].length === 1) { + BI.each(this.routes[current][0], function (i, id) { + var regionIndex = self.getRegionIndexById(id); + self.regions[regionIndex].setSelect(0, id); + }); + this.lines[current][0].attr("stroke", self._const.selectLineColor).toFront(); + current = BI.last(this.routes[current][0]); + } + this.lines[start][index].attr("stroke", self._const.selectLineColor).toFront(); + this.radios[start] && this.radios[start][index] && this.radios[start][index].setSelected(true); + }, + + _drawRadio: function (start, offset, index, x, y) { + var self = this; + var radio = BI.createWidget({ + type: "bi.radio", + cls: "path-chooser-radio", + selected: offset + index === 0, + start: start, + index: index + }); + radio.on(BI.Radio.EVENT_CHANGE, function () { + self._drawPath(start, offset, index); + self.fireEvent(BI.PathChooser.EVENT_CHANGE, start, index); + }); + if (!this.radios[start]) { + this.radios[start] = []; + } + this.radios[start].push(radio); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: [{ + el: radio, + left: x - 6.5, + top: y - 6.5 + }] + }) + }, + + _drawLine: function (start, lines) { + var self = this; + if (!this.lines[start]) { + this.lines[start] = []; + } + if (!this.pathes[start]) { + this.pathes[start] = []; + } + var startRegionIndex = this.getRegionIndexById(start); + //start所在的位置,然后接着往下画其他的路径 + var offset = this.regions[startRegionIndex].getIndexByValue(start); + BI.each(lines, function (i, line) { + self.pathes[start][i] = []; + var idx = i + offset; + var path = ""; + var stop = 47.5 + 29 * idx; + var sleft = 50 + 100 * startRegionIndex; + var radioStartX = sleft, radioStartY = stop; + var etop = stop; + var endRegionIndex = self.getRegionIndexById(BI.last(line)); + var endOffset = self.regions[endRegionIndex].getIndexByValue(BI.last(line)); + var eleft = 50 + 100 * endRegionIndex; + if (self.start.contains(start)) { + radioStartX = sleft - 50; + path += "M" + (sleft - 50) + "," + stop; + self.pathes[start][i].push({ + x: sleft - 50, + y: stop + }) + } else if (idx === 0) { + radioStartX = sleft + 50; + path += "M" + sleft + "," + stop; + self.pathes[start][i].push({ + x: sleft, + y: stop + }) + } else { + radioStartX = sleft + 50; + path += "M" + sleft + "," + 47.5 + "L" + (sleft + 50) + "," + 47.5 + "L" + (sleft + 50) + "," + stop; + self.pathes[start][i].push({ + x: sleft, + y: 47.5 + }); + self.pathes[start][i].push({ + x: sleft + 50, + y: 47.5 + }); + self.pathes[start][i].push({ + x: sleft + 50, + y: stop + }); + } + if (idx > 0) { + var endY = endOffset * 29 + 47.5; + path += "L" + (eleft - 50) + "," + etop + "L" + (eleft - 50) + "," + endY + "L" + eleft + "," + endY; + self.pathes[start][i].push({ + x: eleft - 50, + y: etop + }); + self.pathes[start][i].push({ + x: eleft - 50, + y: endY + }); + self.pathes[start][i].push({ + x: eleft, + y: endY + }); + } else { + path += "L" + eleft + "," + etop; + self.pathes[start][i].push({ + x: eleft, + y: etop + }); + } + + var graph = self.svg.path(path) + .attr({ + stroke: idx === 0 ? self._const.selectLineColor : self._const.lineColor, + 'stroke-dasharray': '-' + }); + self.lines[start].push(graph); + if (lines.length > 1) { + self.lines[start][0].toFront(); + } + //第一个元素无论有多少个都要显示radio + if (self.start.contains(start)) { + self.lines[self.regions[0].getValueByIndex(0)][0].toFront(); + } + if (lines.length > 1 || self.start.contains(start)) { + self._drawRadio(start, offset, i, radioStartX, radioStartY); + } + }); + }, + + _drawLines: function (routes) { + var self = this; + this.lines = {}; + this.pathes = {}; + this.radios = {}; + this.regionIndexes = {}; + BI.each(routes, function (k, route) { + if (!self.regionIndexes[k]) { + self.regionIndexes[k] = []; + } + BI.each(route, function (i, rs) { + BI.each(rs, function (j, id) { + var regionIndex = self.getRegionIndexById(id); + if (!BI.contains(self.regionIndexes[k], regionIndex)) { + self.regionIndexes[k].push(regionIndex); + } + }); + }) + }); + BI.each(routes, function (k, route) { + self._drawLine(k, route); + }); + }, + + _pushNodes: function (nodes) { + var self = this; + var indexes = []; + for (var i = 0; i < nodes.length; i++) { + var id = nodes[i]; + var index = self.getRegionIndexById(id); + indexes.push(index); + var region = self.regions[index]; + if (i === nodes.length - 1) { + if (!region.hasItem(id)) { + region.addItem(id, self.texts[id]); + } + break; + } + if (i > 0 || self.start.contains(id)) { + region.addItem(id, self.texts[id]); + } + } + for (var i = BI.first(indexes); i < BI.last(indexes); i++) { + if (!BI.contains(indexes, i)) { + self.regions[i].addItem(""); + } + } + }, + + _createNodes: function () { + var self = this, o = this.options; + this.store = {}; + this.texts = {}; + this.start = []; + this.end = []; + BI.each(o.items, function (i, item) { + self.start.push(BI.first(item).value); + self.end.push(BI.last(item).value); + }); + this.start = BI.uniq(this.start); + this.end = BI.uniq(this.end); + var regions = []; + var tree = new BI.Tree(); + var branches = {}, max = 0; + BI.each(o.items, function (i, items) { + BI.each(items, function (j, item) { + if (!BI.has(branches, item.value)) { + branches[item.value] = 0; + } + branches[item.value]++; + max = Math.max(max, branches[item.value]); + var prev = {}; + if (j > 0) { + prev = items[j - 1]; + } + var parent = self.store[prev.value || ""]; + var node = self.store[item.value] || new BI.Node(item.value); + node.set(item); + self.store[item.value] = node; + self.texts[item.value] = item.text; + self.texts[item.region] = item.regionText; + parent = BI.isNull(parent) ? tree.getRoot() : parent; + if (parent.getChildIndex(item.value) === -1) { + tree.addNode(parent, node); + } + }) + }); + + //算出区域列表 + tree.traverse(function (node) { + BI.each(node.getChildren(), function (i, child) { + if (BI.contains(regions, child.get("region"))) { + var index1 = BI.indexOf(regions, node.get("region")); + var index2 = BI.indexOf(regions, child.get("region")); + //交换区域 + if (index1 > index2) { + var t = regions[index2]; + for(var j =index2; j < index1; j++){ + regions[j] = regions[j+1]; + } + regions[index1] = t; + } + } else { + regions.push(child.get("region")); + } + }); + }); + this._createRegions(regions); + + //算出节点 + BI.each(branches, function (k, branch) { + if (branch < max) { + delete branches[k]; + } + }); + + //过滤节点 + var nodes = []; + var n = tree.getRoot(); + while (n && n.getChildrenLength() === 1) { + if (BI.has(branches, n.getChildren()[0].id)) { + delete branches[n.getChildren()[0].id]; + n = n.getChildren()[0]; + } else { + n = null; + } + } + tree.traverse(function (node) { + if (BI.has(branches, node.id)) { + nodes.push(node.id); + delete branches[node.id]; + } + }); + + //填充节点 + var routes = {}; + var s, e; + for (var i = 0, len = nodes.length; i < len + 1; i++) { + if (len === 0) { + s = []; + BI.each(this.start, function (i, id) { + s.push(tree.search(id)); + }); + e = []; + BI.each(this.end, function (i, id) { + e.push(tree.search(id)); + }); + } else if (i === len) { + s = e; + e = []; + BI.each(this.end, function (i, id) { + e.push(tree.search(id)); + }); + } else if (i === 0) { + s = []; + BI.each(this.start, function (i, id) { + s.push(tree.search(id)); + }); + e = [tree.search(nodes[i])]; + } else { + s = [tree.search(e[0] || tree.getRoot(), nodes[i - 1])]; + e = [tree.search(s[0], nodes[i])]; + } + BI.each(s, function (i, n) { + tree._recursion(n, [n.id], function (node, route) { + if (e.contains(node)) { + if (!routes[n.id]) { + routes[n.id] = []; + } + routes[n.id].push(route); + self._pushNodes(route); + if (e.length <= 1) { + return true; + } + } + }) + }); + } + this.routes = routes; + this._drawLines(routes); + }, + + _unselectAllPath: function () { + var self = this; + BI.each(this.radios, function (idx, rad) { + BI.each(rad, function (i, r) { + r.setSelected(false); + }); + }); + BI.each(this.lines, function (idx, line) { + BI.each(line, function (i, li) { + li.attr("stroke", self._const.lineColor); + }); + }); + BI.each(this.regions, function (idx, region) { + region.reset(); + }); + }, + + populate: function (items) { + this.options.items = items || []; + var self = this; + this.empty(); + if (this.options.items.length <= 0) { + return; + } + this.svg = BI.createWidget({ + type: "bi.svg" + }); + this._createNodes(); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: [{ + el: this.svg, + top: 0, + left: 0, + right: 0, + bottom: 0 + }] + }); + }, + + setValue: function (v) { + this._unselectAllPath(); + var nodes = BI.keys(this.routes), self = this; + var result = [], array = []; + BI.each(v, function (i, val) { + if (BI.contains(nodes, val)) { + if (array.length > 0) { + array.push(val); + result.push(array); + array = []; + } + } + array.push(val); + }); + if (array.length > 0) { + result.push(array); + } + //画这n条路径 + BI.each(result, function (idx, path) { + var start = path[0]; + var index = BI.findIndex(self.routes[start], function (idx, p) { + if (BI.isEqual(path, p)) { + return true; + } + }); + if (index >= 0) { + var startRegionIndex = self.getRegionIndexById(start); + var offset = self.regions[startRegionIndex].getIndexByValue(start); + self._drawPath(start, offset, index); + } + }); + }, + + getValue: function () { + var path = []; + BI.each(this.regions, function (i, region) { + var val = region.getValue(); + if (BI.isKey(val)) { + path.push(val); + } + }); + return path; + } +}); +BI.PathChooser.EVENT_CHANGE = "PathChooser.EVENT_CHANGE"; +$.shortcut("bi.path_chooser", BI.PathChooser); \ No newline at end of file diff --git a/src/widget/pathchooser/pathregion.js b/src/widget/pathchooser/pathregion.js new file mode 100644 index 000000000..195a37ee6 --- /dev/null +++ b/src/widget/pathchooser/pathregion.js @@ -0,0 +1,115 @@ +/** + * 路径选择区域 + * + * Created by GUY on 2015/12/4. + * @class BI.PathRegion + * @extends BI.Widget + */ +BI.PathRegion = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.PathRegion.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-path-region", + width: 80, + title: "" + }) + }, + + _init: function () { + BI.PathRegion.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.zIndex = 100; + var title = BI.createWidget({ + type: "bi.label", + text: o.title, + title: o.title, + height: 30 + }); + title.element.css("zIndex", this.zIndex--); + this.items = []; + this.vertical = BI.createWidget({ + type: "bi.vertical", + element: this, + bgap: 5, + hgap: 10, + items: [title] + }) + }, + + hasItem: function (val) { + return BI.any(this.items, function (i, item) { + return val === item.getValue(); + }); + }, + + addItem: function (value, text) { + if (BI.isKey(value)) { + var label = BI.createWidget({ + type: "bi.label", + cls: "path-region-label", + text: text, + value: value, + title: text || value, + height: 22 + }); + } else { + var label = BI.createWidget({ + type: "bi.layout", + height: 24 + }); + } + label.element.css("zIndex", this.zIndex--); + this.items.push(label); + this.vertical.addItem(label); + if (this.items.length === 1) { + this.setSelect(0, value); + } + }, + + reset: function () { + BI.each(this.items, function (i, item) { + item.element.removeClass("active"); + }); + }, + + setSelect: function (index, value) { + this.reset(); + if (this.items.length <= 0) { + return; + } + if (this.items.length === 1) { + this.items[0].element.addClass("active"); + return; + } + if (this.items[index].attr("value") === value) { + this.items[index].element.addClass("active"); + } + }, + + setValue: function (value) { + this.setSelect(this.getIndexByValue(value), value); + }, + + getValueByIndex: function (idx) { + return this.items[idx].attr("value"); + }, + + getIndexByValue: function (value) { + return BI.findIndex(this.items, function (i, item) { + return item.attr("value") === value; + }); + }, + + getValue: function () { + var res; + BI.any(this.items, function (i, item) { + if (item.element.hasClass("active")) { + res = item.getValue(); + return true; + } + }); + return res; + } +}); +BI.PathRegion.EVENT_CHANGE = "PathRegion.EVENT_CHANGE"; +$.shortcut("bi.path_region", BI.PathRegion); \ No newline at end of file diff --git a/src/widget/previewtable/previewtable.cell.js b/src/widget/previewtable/previewtable.cell.js new file mode 100644 index 000000000..c4c93eb52 --- /dev/null +++ b/src/widget/previewtable/previewtable.cell.js @@ -0,0 +1,32 @@ +/** + * 预览表列 + * + * Created by GUY on 2015/12/25. + * @class BI.PreviewTableCell + * @extends BI.Widget + */ +BI.PreviewTableCell = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.PreviewTableCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-preview-table-cell", + text: "" + }); + }, + + _init: function () { + BI.PreviewTableCell.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "normal", + height: this.options.height, + text: this.options.text, + value: this.options.value + }) + } +}); +$.shortcut('bi.preview_table_cell', BI.PreviewTableCell); \ No newline at end of file diff --git a/src/widget/previewtable/previewtable.header.cell.js b/src/widget/previewtable/previewtable.header.cell.js new file mode 100644 index 000000000..d026c3794 --- /dev/null +++ b/src/widget/previewtable/previewtable.header.cell.js @@ -0,0 +1,32 @@ +/** + * 预览表 + * + * Created by GUY on 2015/12/25. + * @class BI.PreviewTableHeaderCell + * @extends BI.Widget + */ +BI.PreviewTableHeaderCell = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.PreviewTableHeaderCell.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-preview-table-header-cell", + text: "" + }); + }, + + _init: function () { + BI.PreviewTableHeaderCell.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + BI.createWidget({ + type: "bi.label", + element: this, + textAlign: "left", + whiteSpace: "normal", + height: this.options.height, + text: this.options.text, + value: this.options.value + }) + } +}); +$.shortcut('bi.preview_table_header_cell', BI.PreviewTableHeaderCell); \ No newline at end of file diff --git a/src/widget/previewtable/previewtable.js b/src/widget/previewtable/previewtable.js new file mode 100644 index 000000000..5bcedf302 --- /dev/null +++ b/src/widget/previewtable/previewtable.js @@ -0,0 +1,209 @@ +/** + * 预览表 + * + * Created by GUY on 2015/12/25. + * @class BI.PreviewTable + * @extends BI.Widget + */ +BI.PreviewTable = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.PreviewTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-preview-table", + isNeedFreeze: false, + freezeCols: [], + rowSize: null, + columnSize: [], + headerRowSize: 30, + header: [], + items: [] + }); + }, + + _init: function () { + BI.PreviewTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.table = BI.createWidget({ + type: "bi.table_view", + element: this, + isNeedResize: false, + + isResizeAdapt: false, + + isNeedFreeze: o.isNeedFreeze, + freezeCols: o.freezeCols, + + rowSize: o.rowSize, + columnSize: o.columnSize, + headerRowSize: o.headerRowSize, + + header: BI.map(o.header, function (i, items) { + return BI.map(items, function (j, item) { + return BI.extend({ + type: "bi.preview_table_header_cell" + }, item); + }); + }), + items: BI.map(o.items, function (i, items) { + return BI.map(items, function (j, item) { + return BI.extend({ + type: "bi.preview_table_cell" + }, item); + }); + }) + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_INIT, function () { + self._adjustColumns(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_RESIZE, function () { + self._adjustColumns(); + }); + }, + + //是否有自适应调节的列,即列宽为"" + _hasAdaptCol: function (columnSize) { + return BI.any(columnSize, function (i, size) { + return size === ""; + }) + }, + + _isPercentage: function (columnSize) { + return columnSize[0] <= 1; + }, + + _adjustColumns: function () { + var self = this, o = this.options; + if (o.isNeedFreeze === true) { + //如果存在百分比的情况 + if (this._isPercentage(o.columnSize)) { + if (this._hasAdaptCol(o.columnSize)) { + var findCols = [], remain = 0; + BI.each(o.columnSize, function (i, size) { + if (size === "") { + findCols.push(i); + } else { + remain += size; + } + }); + remain = 1 - remain; + var average = remain / findCols.length; + BI.each(findCols, function (i, col) { + o.columnSize[col] = average; + }); + } + var isRight = BI.first(o.freezeCols) !== 0; + var freezeSize = [], notFreezeSize = []; + BI.each(o.columnSize, function (i, size) { + if (o.freezeCols.contains(i)) { + freezeSize.push(size); + } else { + notFreezeSize.push(size); + } + }); + var sumFreezeSize = BI.sum(freezeSize), sumNotFreezeSize = BI.sum(notFreezeSize); + BI.each(freezeSize, function (i, size) { + freezeSize[i] = size / sumFreezeSize; + }); + BI.each(notFreezeSize, function (i, size) { + notFreezeSize[i] = size / sumNotFreezeSize; + }); + this.table.setRegionColumnSize(isRight ? ["fill", sumFreezeSize] : [sumFreezeSize, "fill"]); + this.table.setColumnSize(isRight ? (notFreezeSize.concat(freezeSize)) : (freezeSize.concat(notFreezeSize))); + } + } else { + //如果存在自适应宽度的列或者是百分比计算的列,需要将整个表宽设为100% + if (this._hasAdaptCol(o.columnSize) || this._isPercentage(o.columnSize)) { + this.table.setRegionColumnSize(["100%"]); + } + } + }, + + setColumnSize: function (columnSize) { + return this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + getCalculateColumnSize: function () { + return this.table.getCalculateColumnSize(); + }, + + setHeaderColumnSize: function (columnSize) { + return this.table.setHeaderColumnSize(columnSize); + }, + + setRegionColumnSize: function (columnSize) { + return this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + getCalculateRegionColumnSize: function () { + return this.table.getCalculateRegionColumnSize(); + }, + + getCalculateRegionRowSize: function () { + return this.table.getCalculateRegionRowSize(); + }, + + getClientRegionColumnSize: function () { + return this.table.getClientRegionColumnSize(); + }, + + getScrollRegionColumnSize: function () { + return this.table.getScrollRegionColumnSize() + }, + + getScrollRegionRowSize: function () { + return this.table.getScrollRegionRowSize() + }, + + hasVerticalScroll: function () { + return this.table.hasVerticalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + return this.table.setVerticalScroll(scrollTop); + }, + + setLeftHorizontalScroll: function (scrollLeft) { + return this.table.setLeftHorizontalScroll(scrollLeft) + }, + + setRightHorizontalScroll: function (scrollLeft) { + return this.table.setRightHorizontalScroll(scrollLeft); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + getLeftHorizontalScroll: function () { + return this.table.getLeftHorizontalScroll(); + }, + + getRightHorizontalScroll: function () { + return this.table.getRightHorizontalScroll(); + }, + + getColumns: function () { + return this.table.getColumns(); + }, + + populate: function (items, header) { + this.table.populate(items, header); + }, + + destroy: function () { + this.table.destroy(); + BI.PreviewTable.superclass.destroy.apply(this, arguments); + } +}); +BI.PreviewTable.EVENT_CHANGE = "PreviewTable.EVENT_CHANGE"; +$.shortcut('bi.preview_table', BI.PreviewTable); \ No newline at end of file diff --git a/src/widget/quarter/combo.quarter.js b/src/widget/quarter/combo.quarter.js new file mode 100644 index 000000000..e770996d5 --- /dev/null +++ b/src/widget/quarter/combo.quarter.js @@ -0,0 +1,82 @@ +/** + * 季度下拉框 + * + * Created by GUY on 2015/8/28. + * @class BI.QuarterCombo + * @extends BI.Widget + */ +BI.QuarterCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.QuarterCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-quarter-combo", + height: 25 + }); + }, + _init: function () { + BI.QuarterCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.storeValue = ""; + this.trigger = BI.createWidget({ + type: "bi.quarter_trigger" + }); + + this.trigger.on(BI.QuarterTrigger.EVENT_FOCUS, function () { + self.storeValue = this.getKey(); + }); + this.trigger.on(BI.QuarterTrigger.EVENT_CHANGE, function () { + self.combo.isViewVisible() && self.combo.hideView(); + }); + this.trigger.on(BI.QuarterTrigger.EVENT_START, function () { + self.combo.isViewVisible() && self.combo.hideView(); + }); + this.trigger.on(BI.QuarterTrigger.EVENT_STOP, function(){ + if (!self.combo.isViewVisible()) { + self.combo.showView(); + } + }); + this.trigger.on(BI.QuarterTrigger.EVENT_CONFIRM, function () { + if(self.combo.isViewVisible()) { + return; + } + if(this.getKey() && this.getKey() !== self.storeValue) { + self.setValue(this.getKey()); + }else if(!this.getKey()){ + self.setValue(); + } + self.fireEvent(BI.QuarterCombo.EVENT_CONFIRM); + }); + this.popup = BI.createWidget({ + type: "bi.quarter_popup" + }); + + this.popup.on(BI.QuarterPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.QuarterCombo.EVENT_CONFIRM); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + minWidth: 85, + el: this.popup + } + }); + }, + + setValue: function (v) { + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue() || ""; + } +}); + +BI.QuarterCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut('bi.quarter_combo', BI.QuarterCombo); \ No newline at end of file diff --git a/src/widget/quarter/popup.quarter.js b/src/widget/quarter/popup.quarter.js new file mode 100644 index 000000000..b78219aa9 --- /dev/null +++ b/src/widget/quarter/popup.quarter.js @@ -0,0 +1,71 @@ +/** + * 季度展示面板 + * + * Created by GUY on 2015/9/2. + * @class BI.QuarterPopup + * @extends BI.Trigger + */ +BI.QuarterPopup = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.QuarterPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-quarter-popup" + }); + }, + + _init: function () { + BI.QuarterPopup.superclass._init.apply(this, arguments); + var self = this; + + var items = [{ + text: Date._QN[01], + value: 1 + }, { + text: Date._QN[2], + value: 2 + }, { + text: Date._QN[3], + value: 3 + }, { + text: Date._QN[4], + value: 4 + }]; + items = BI.map(items, function (j, item) { + return BI.extend(item, { + type: "bi.text_item", + cls: "bi-list-item-active", + textAlign: "left", + whiteSpace: "nowrap", + once: false, + forceSelected: true, + height: 25 + }); + }); + + this.quarter = BI.createWidget({ + type: "bi.button_group", + element: this, + items: BI.createItems(items, {}), + layouts: [{ + type: "bi.vertical" + }] + }); + + this.quarter.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + self.fireEvent(BI.MonthPopup.EVENT_CHANGE); + } + }) + }, + + getValue: function () { + return this.quarter.getValue()[0]; + }, + + setValue: function (v) { + this.quarter.setValue([v]); + } +}); +BI.QuarterPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.quarter_popup", BI.QuarterPopup); \ No newline at end of file diff --git a/src/widget/quarter/trigger.quarter.js b/src/widget/quarter/trigger.quarter.js new file mode 100644 index 000000000..c7d5a259e --- /dev/null +++ b/src/widget/quarter/trigger.quarter.js @@ -0,0 +1,106 @@ +/** + * 季度trigger + * + * Created by GUY on 2015/8/21. + * @class BI.QuarterTrigger + * @extends BI.Trigger + */ +BI.QuarterTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4, + vgap: 2, + triggerWidth: 30, + textWidth: 40, + errorText: BI.i18nText("BI-Quarter_Trigger_Error_Text") + }, + + _defaultConfig: function () { + return BI.extend(BI.QuarterTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-quarter-trigger", + height: 25 + }); + }, + _init: function () { + BI.QuarterTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height, + validationChecker: function (v) { + return v === "" || (BI.isPositiveInteger(v) && v >= 1 && v <= 4); + }, + quitChecker: function (v) { + return false; + }, + hgap: c.hgap, + vgap: c.vgap, + allowBlank: true, + errorText: c.errorText + }); + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.QuarterTrigger.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.QuarterTrigger.EVENT_CHANGE); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + var value = self.editor.getValue(); + if (BI.isNotNull(value)) { + self.editor.setValue(value); + self.editor.setTitle(value); + } + self.fireEvent(BI.QuarterTrigger.EVENT_CONFIRM); + }); + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + if (self.editor.isValid()) { + self.editor.blur(); + } + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.QuarterTrigger.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.QuarterTrigger.EVENT_STOP); + }); + + BI.createWidget({ + element: this, + type: 'bi.htape', + items: [ + { + el: this.editor + }, { + el: { + type: "bi.text_button", + baseCls: "bi-trigger-quarter-text", + text: BI.i18nText("BI-Multi_Date_Quarter"), + width: c.textWidth + }, + width: c.textWidth + }, { + el: { + type: "bi.trigger_icon_button", + width: c.triggerWidth + }, + width: c.triggerWidth + } + ] + }); + }, + + setValue: function (v) { + this.editor.setState(v); + this.editor.setValue(v); + this.editor.setTitle(v); + }, + + getKey: function () { + return this.editor.getValue(); + } +}); +BI.QuarterTrigger.EVENT_FOCUS = "EVENT_FOCUS"; +BI.QuarterTrigger.EVENT_CHANGE = "EVENT_CHANGE"; +BI.QuarterTrigger.EVENT_START = "EVENT_START"; +BI.QuarterTrigger.EVENT_STOP = "EVENT_STOP"; +BI.QuarterTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut("bi.quarter_trigger", BI.QuarterTrigger); \ No newline at end of file diff --git a/src/widget/relationview/relationview.item.js b/src/widget/relationview/relationview.item.js new file mode 100644 index 000000000..f9b679217 --- /dev/null +++ b/src/widget/relationview/relationview.item.js @@ -0,0 +1,59 @@ +/** + * 关联视图字段Item + * + * Created by GUY on 2015/12/23. + * @class BI.RelationViewItem + * @extends BI.Widget + */ +BI.RelationViewItem = BI.inherit(BI.BasicButton, { + + _defaultConfig: function () { + return BI.extend(BI.RelationViewItem.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-relation-view-item", + height: 25, + hoverIn: BI.emptyFn, + hoverOut: BI.emptyFn + }); + }, + + _init: function () { + BI.RelationViewItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.element.hover(o.hoverIn, o.hoverOut); + var items = []; + if (o.isPrimary) { + items.push({ + type: "bi.icon", + width: 16, + height: 16, + title: BI.i18nText("BI-Primary_Key") + }); + } + items.push({ + type: "bi.label", + text: o.text, + value: o.value, + height: o.height, + textAlign: "left", + width: o.isPrimary ? 70 : 90 + }); + BI.createWidget({ + type: "bi.vertical_adapt", + element: this, + items: items, + cls: "primary-key-font", + lgap: 5 + }); + }, + + enableHover: function (opt) { + BI.RelationViewRegion.superclass.enableHover.apply(this, [{ + container: "body" + }]); + }, + + setSelected: function (b) { + this.element[b ? "addClass" : "removeClass"]("active"); + } +}); +$.shortcut('bi.relation_view_item', BI.RelationViewItem); \ No newline at end of file diff --git a/src/widget/relationview/relationview.js b/src/widget/relationview/relationview.js new file mode 100644 index 000000000..bb4a59539 --- /dev/null +++ b/src/widget/relationview/relationview.js @@ -0,0 +1,319 @@ +/** + * 关联视图 + * + * Created by GUY on 2015/12/22. + * @class BI.RelationView + * @extends BI.Widget + */ +BI.RelationView = BI.inherit(BI.Widget, { + + _const: { + lineColor: "#c4c6c6", + selectLineColor: "#009de3" + }, + + _defaultConfig: function () { + return BI.extend(BI.RelationView.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-relation-view", + items: [] + }); + }, + + _init: function () { + BI.RelationView.superclass._init.apply(this, arguments); + this.populate(this.options.items); + }, + + _calculateWidths: function () { + var widths = []; + BI.each(this.views, function (i, items) { + BI.each(items, function (j, obj) { + if (!widths[j]) { + widths[j] = BI.MIN; + } + widths[j] = Math.max(widths[j], obj.getWidth()); + }) + }); + return widths; + }, + + _calculateHeights: function () { + var heights = BI.makeArray(BI.size(this.views), BI.MIN); + BI.each(this.views, function (i, items) { + BI.each(items, function (j, obj) { + heights[i] = Math.max(heights[i], obj.getHeight()); + }) + }); + return heights; + }, + + _hoverIn: function (target) { + var self = this, c = this._const; + BI.each(this.relations, function (start, rs) { + BI.each(rs, function (end, relation) { + if (relation[0].primary.value === target || relation[0].foreign.value === target) { + self.lines[start][end].attr("stroke", c.selectLineColor).toFront(); + self.storeViews[start].setValue(relation[0].primary.value); + self.storeViews[end].setValue(relation[0].foreign.value); + } + }); + }); + }, + + _hoverOut: function (target) { + var self = this, c = this._const; + BI.each(this.relations, function (start, rs) { + BI.each(rs, function (end, relation) { + if (relation[0].primary.value === target || relation[0].foreign.value === target) { + self.lines[start][end].attr("stroke", c.lineColor); + self.storeViews[start].setValue([]); + self.storeViews[end].setValue([]); + } + }); + }); + }, + + previewRelationTables: function(relationTables, show) { + if (!show) { + BI.each(this.storeViews, function (i, view) { + view.toggleRegion(true); + view.setPreviewSelected(false); + }); + BI.each(this.lines, function (i, lines) { + BI.each(lines, function (j, line) { + line.show(); + }); + }); + return; + } + BI.each(this.storeViews, function (id, view) { + if (!relationTables.contains(id)) { + view.toggleRegion(false); + } else { + view.setPreviewSelected(true); + } + }); + BI.each(this.lines, function (id, lines) { + BI.each(lines, function (cId, line) { + if (!relationTables.contains(id) || !relationTables.contains(cId)) { + line.hide(); + } + }); + }); + }, + + populate: function (items) { + var self = this, o = this.options, c = this._const; + o.items = items || []; + this.empty(); + this.svg = BI.createWidget({ + type: "bi.svg" + }); + + //算出所有的区域和关联 + var regions = this.regions = {}, relations = this.relations = {}; + BI.each(items, function (i, item) { + var pr = item.primary.region, fr = item.foreign && item.foreign.region; + if (pr && !relations[pr]) { + relations[pr] = {}; + } + if (pr && fr && !relations[pr][fr]) { + relations[pr][fr] = []; + } + if (pr && !regions[pr]) { + regions[pr] = []; + } + if (fr && !regions[fr]) { + regions[fr] = []; + } + if (pr && !BI.deepContains(regions[pr], item.primary)) { + regions[pr].push(item.primary); + } + if (fr && !BI.deepContains(regions[fr], item.foreign)) { + regions[fr].push(item.foreign); + } + pr && fr && relations[pr][fr].push(item); + }); + //求拓扑 + var topology = []; + var rs = BI.clone(regions), store = {}; + while (!BI.isEmpty(rs)) { + var clone = BI.clone(rs); + BI.each(o.items, function (i, item) { + if (!store[item.primary.region]) { + delete clone[item.foreign && item.foreign.region]; + } + }); + topology.push(BI.keys(clone)); + BI.extend(store, clone); + BI.each(clone, function (k, v) { + delete rs[k]; + }); + } + //构建视图 + var views = this.views = {}, storeViews = this.storeViews = {}, indexes = this.indexes = {}; + var verticals = []; + BI.each(topology, function (i, items) { + if (!views[i]) { + views[i] = {}; + } + var horizontal = []; + BI.each(items, function (j, region) { + var items = regions[region]; + views[i][j] = storeViews[region] = BI.createWidget({ + type: "bi.relation_view_region_container", + value: region, + header: items[0].regionTitle, + text: items.length > 0 ? items[0].regionText : "", + handler: items.length > 0 ? items[0].regionHandler : BI.emptyFn, + items: items, + belongPackage: items.length > 0 ? items[0].belongPackage : true + }); + if (BI.isNotNull(items[0]) && BI.isNotNull(items[0].keyword)) { + views[i][j].doRedMark(items[0].keyword); + } + views[i][j].on(BI.RelationViewRegionContainer.EVENT_HOVER_IN, function (v) { + self._hoverIn(v); + }); + views[i][j].on(BI.RelationViewRegionContainer.EVENT_HOVER_OUT, function (v) { + self._hoverOut(v); + }); + views[i][j].on(BI.RelationViewRegionContainer.EVENT_PREVIEW, function (v) { + self.fireEvent(BI.RelationView.EVENT_PREVIEW, region, v); + }); + indexes[region] = {i: i, j: j}; + horizontal.push(views[i][j]); + }); + verticals.push({ + type: "bi.horizontal", + items: horizontal + }) + }); + + //求每一行的高度 + var heights = this._calculateHeights(); + + //求每一列的宽度 + var widths = this._calculateWidths(); + + //求相对宽度和高度 + var offsetWidths = [0], offsetHeights = [0]; + BI.each(heights, function (i, h) { + if (i === 0) { + return; + } + offsetHeights[i] = offsetHeights[i - 1] + heights[i - 1]; + }); + BI.each(widths, function (i, w) { + if (i === 0) { + return; + } + offsetWidths[i] = offsetWidths[i - 1] + widths[i - 1]; + }); + + //画线 + var lines = this.lines = {};//缓存所有的线 + BI.each(relations, function (start, rs) { + BI.each(rs, function (end, relation) { + var startIndex = indexes[start], endIndex = indexes[end]; + var top = 0, right = 1, bottom = 2, left = 3; + var startDirection = bottom, endDirection = top; + // if (startIndex.j > endIndex.j) { + // startDirection = left; + // endDirection = right; + // } else if (startIndex.j < endIndex.j) { + // startDirection = right; + // endDirection = left; + // } else if (startIndex.i < endIndex.i) { + // startDirection = bottom; + // endDirection = top; + // } else if (startIndex.i > endIndex.i) { + // startDirection = top; + // endDirection = bottom; + // } + var draw = function (i, j, direction, isForeign) { + var x = offsetWidths[j] + (widths[j] - views[i][j].getWidth()) / 2; + var y = offsetHeights[i] + (heights[i] - views[i][j].getHeight()) / 2; + var path = "", position; + switch (direction) { + case top: + position = isForeign ? views[i][j].getTopRightPosition() : views[i][j].getTopLeftPosition(); + x += position.x; + y += position.y; + path = "M" + x + "," + y + "L" + x + "," + (y - 10); + y -= 10; + break; + case right: + position = views[i][j].getRightPosition(); + x += position.x; + y += position.y; + path = "M" + x + "," + y + "L" + (x + 10) + "," + y; + x += 10; + break; + case bottom: + position = views[i][j].getBottomPosition(); + x += position.x; + y += position.y; + path = "M" + x + "," + y + "L" + x + "," + (y + 10); + y += 10; + break; + case left: + position = views[i][j].getLeftPosition(); + x += position.x; + y += position.y; + path = "M" + x + "," + y + "L" + (x - 10) + "," + y; + x -= 10; + break; + } + return {x: x, y: y, path: path}; + }; + var path = ""; + var si = draw(startIndex.i, startIndex.j, startDirection); + var ei = draw(endIndex.i, endIndex.j, endDirection, true); + path += si.path + ei.path; + if (!lines[start]) { + lines[start] = {}; + } + path += "M" + si.x + "," + si.y + "L" + ei.x + "," + ei.y; + var line = lines[start][end] = self.svg.path(path) + .attr({"stroke": c.lineColor, "stroke-width": "2"}) + .hover(function () { + line.attr("stroke", c.selectLineColor).toFront(); + storeViews[start].setValue(relation[0].primary.value); + storeViews[end].setValue(relation[0].foreign.value); + }, function () { + line.attr("stroke", c.lineColor); + storeViews[start].setValue([]); + storeViews[end].setValue([]); + }); + }); + }); + var container = BI.createWidget(); + BI.createWidget({ + type: "bi.vertical", + element: container, + items: verticals + }); + BI.createWidget({ + type: "bi.absolute", + element: container, + items: [{ + el: this.svg, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + + BI.createWidget({ + type: "bi.center_adapt", + scrollable: true, + element: this, + items: [container] + }); + } +}); +BI.RelationView.EVENT_CHANGE = "RelationView.EVENT_CHANGE"; +BI.RelationView.EVENT_PREVIEW = "EVENT_PREVIEW"; +$.shortcut('bi.relation_view', BI.RelationView); \ No newline at end of file diff --git a/src/widget/relationview/relationview.region.container.js b/src/widget/relationview/relationview.region.container.js new file mode 100644 index 000000000..5b8aff362 --- /dev/null +++ b/src/widget/relationview/relationview.region.container.js @@ -0,0 +1,94 @@ +/** + * Created by Young's on 2017/3/10. + */ +BI.RelationViewRegionContainer = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.RelationViewRegionContainer.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-relation-view-region-container", + width: 150 + }); + }, + + _init: function () { + BI.RelationViewRegionContainer.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.region = BI.createWidget({ + type: "bi.relation_view_region", + value: o.value, + header: o.header, + text: o.text, + handler: o.handler, + items: o.items, + belongPackage: o.belongPackage + }); + this.region.on(BI.RelationViewRegion.EVENT_PREVIEW, function (v) { + self.fireEvent(BI.RelationViewRegionContainer.EVENT_PREVIEW, v); + }); + this.region.on(BI.RelationViewRegion.EVENT_HOVER_IN, function (v) { + self.fireEvent(BI.RelationViewRegionContainer.EVENT_HOVER_IN, v); + }); + this.region.on(BI.RelationViewRegion.EVENT_HOVER_OUT, function (v) { + self.fireEvent(BI.RelationViewRegionContainer.EVENT_HOVER_OUT, v); + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.region], + width: this.region.getWidth(), + height: this.region.getHeight() + }); + }, + + doRedMark: function () { + this.region.doRedMark.apply(this.region, arguments); + }, + + unRedMark: function () { + this.region.unRedMark.apply(this.region, arguments); + }, + + getWidth: function () { + return this.region.getWidth(); + }, + + getHeight: function () { + return this.region.getHeight(); + }, + + //获取上方开始划线的位置 + getTopLeftPosition: function () { + return this.region.getTopLeftPosition(); + }, + + getTopRightPosition: function () { + return this.region.getTopRightPosition(); + }, + + getBottomPosition: function () { + return this.region.getBottomPosition(); + }, + + getLeftPosition: function () { + return this.region.getLeftPosition(); + }, + + getRightPosition: function () { + return this.region.getRightPosition(); + }, + + setValue: function (v) { + this.region.setValue(v); + }, + + toggleRegion: function (v) { + v === true ? this.region.element.fadeIn() : this.region.element.fadeOut(); + }, + + setPreviewSelected: function(v) { + this.region.setPreviewSelected(v); + } +}); +BI.RelationViewRegionContainer.EVENT_HOVER_IN = "RelationViewRegion.EVENT_HOVER_IN"; +BI.RelationViewRegionContainer.EVENT_HOVER_OUT = "RelationViewRegion.EVENT_HOVER_OUT"; +BI.RelationViewRegionContainer.EVENT_PREVIEW = "RelationViewRegion.EVENT_PREVIEW"; +$.shortcut("bi.relation_view_region_container", BI.RelationViewRegionContainer); \ No newline at end of file diff --git a/src/widget/relationview/relationview.region.js b/src/widget/relationview/relationview.region.js new file mode 100644 index 000000000..02ce307e9 --- /dev/null +++ b/src/widget/relationview/relationview.region.js @@ -0,0 +1,157 @@ +/** + * 关联视图 + * + * Created by GUY on 2015/12/23. + * @class BI.RelationViewRegion + * @extends BI.BasicButton + */ +BI.RelationViewRegion = BI.inherit(BI.BasicButton, { + + _defaultConfig: function () { + return BI.extend(BI.RelationViewRegion.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-relation-view-region cursor-pointer", + width: 150, + text: "", + value: "", + header: "", + items: [], + belongPackage: true + }); + }, + + _init: function () { + BI.RelationViewRegion.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.preview = BI.createWidget({ + type: "bi.icon_button", + cls: "relation-table-preview-font", + width: 25, + height: 25, + stopPropagation: true + }); + this.preview.on(BI.IconButton.EVENT_CHANGE, function () { + self.fireEvent(BI.RelationViewRegion.EVENT_PREVIEW, this.isSelected()); + }); + + this.title = BI.createWidget({ + type: "bi.label", + height: 25, + width: 70, + text: o.text, + value: o.value, + textAlign: "left" + }); + //title放body上 + if (BI.isKey(o.header)) { + this.title.setTitle(o.header, { + container: "body" + }) + } + + this.button_group = BI.createWidget({ + type: "bi.button_group", + items: this._createItems(o.items), + layouts: [{ + type: "bi.vertical" + }] + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [{ + type: "bi.vertical", + cls: "relation-view-region-container " + (o.belongPackage ? "" : "other-package"), + items: [{ + type: "bi.vertical_adapt", + cls: "relation-view-region-title", + items: [this.preview, this.title] + }, this.button_group] + }], + hgap: 25, + vgap: 20 + }) + }, + + _createItems: function (items) { + var self = this; + return BI.map(items, function (i, item) { + return BI.extend(item, { + type: "bi.relation_view_item", + hoverIn: function () { + self.setValue(item.value); + self.fireEvent(BI.RelationViewRegion.EVENT_HOVER_IN, item.value); + }, + hoverOut: function () { + self.setValue([]); + self.fireEvent(BI.RelationViewRegion.EVENT_HOVER_OUT, item.value); + } + }) + }); + }, + + doRedMark: function () { + this.title.doRedMark.apply(this.title, arguments); + }, + + unRedMark: function () { + this.title.unRedMark.apply(this.title, arguments); + }, + + getWidth: function () { + return this.options.width; + }, + + getHeight: function () { + return this.button_group.getAllButtons().length * 25 + 25 + 2 * 20 + 3; + }, + + //获取上方开始划线的位置 + getTopLeftPosition: function () { + return { + x: 25 + 10, + y: 20 + } + }, + + getTopRightPosition: function () { + return { + x: this.getWidth() - 25 - 10, + y: 20 + } + }, + + getBottomPosition: function () { + return { + x: 25 + 10, + y: this.getHeight() - 20 + } + }, + + getLeftPosition: function () { + return { + x: 25, + y: 20 + 10 + } + }, + + getRightPosition: function () { + return { + x: this.getWidth() - 25, + y: 20 + 10 + } + }, + + setValue: function (v) { + this.button_group.setValue(v); + }, + + setPreviewSelected: function(v) { + this.preview.setSelected(v); + } +}); +BI.RelationViewRegion.EVENT_HOVER_IN = "RelationViewRegion.EVENT_HOVER_IN"; +BI.RelationViewRegion.EVENT_HOVER_OUT = "RelationViewRegion.EVENT_HOVER_OUT"; +BI.RelationViewRegion.EVENT_PREVIEW = "RelationViewRegion.EVENT_PREVIEW"; +$.shortcut('bi.relation_view_region', BI.RelationViewRegion); \ No newline at end of file diff --git a/src/widget/selectdata/searcher/searcher.selectdata.js b/src/widget/selectdata/searcher/searcher.selectdata.js new file mode 100644 index 000000000..9ed7454f7 --- /dev/null +++ b/src/widget/selectdata/searcher/searcher.selectdata.js @@ -0,0 +1,129 @@ +/** + * 完成搜索功能模块 + * + * Created by GUY on 2015/9/16. + * @class BI.SelectDataSearcher + * @extends BI.Widget + */ +BI.SelectDataSearcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SelectDataSearcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-searcher", + packages: [], + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.SelectDataSearcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.packagePane = BI.createWidget({ + type: "bi.select_data_switcher", + packages: o.packages, + itemsCreator: function (op) { + op.packageId = self.getPackageId(); + if (!op.packageId) { + return; + } + o.itemsCreator.apply(self, arguments); + } + }); + this.packagePane.on(BI.SelectDataSwitcher.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearcher.EVENT_CLICK_PACKAGE, arguments); + }); + this.packagePane.on(BI.SelectDataSwitcher.EVENT_CLICK_ITEM, function () { + self.fireEvent(BI.SelectDataSearcher.EVENT_CLICK_ITEM, arguments); + }); + + this.searcherPane = BI.createWidget({ + type: "bi.select_data_search_result_pane", + itemsCreator: function (op) { + op.packageId = self.getPackageId(); + if (!op.packageId) { + return; + } + o.itemsCreator.apply(self, arguments); + } + }); + this.searcherPane.on(BI.SelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE, function () { + self.searcher.doSearch(); + }); + this.searcherPane.on(BI.SelectDataSearchResultPane.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearcher.EVENT_CLICK_ITEM, arguments); + }); + + this.searcher = BI.createWidget({ + type: "bi.searcher", + el: { + type: "bi.small_search_editor" + }, + isAutoSearch: false, //是否自动搜索 + isAutoSync: false, + onSearch: function (op, populate) { + o.itemsCreator(BI.extend(op, { + packageId: self.getPackageId(), + searchType: self.searcherPane.getSegmentValue() + }), function (searchResult, matchResult) { + populate(searchResult, matchResult, op.keyword); + }) + }, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, + popup: this.searcherPane, + adapter: this.packagePane + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: { + type: "bi.absolute", + items: [{ + el: this.searcher, + left: 10, + right: 10, + top: 10 + }] + }, + height: 45 + }, this.packagePane] + }) + }, + + setEnable: function (v) { + BI.SelectDataSearcher.superclass.setEnable.apply(this, arguments); + this.packagePane.setEnable(v) + }, + + setPackage: function (pId) { + this.packagePane.setPackage(pId); + }, + + getPackageId: function () { + return this.packagePane.getPackageId(); + }, + + setValue: function (v) { + + }, + + getValue: function () { + return this.searcher.getValue(); + }, + + populatePackages: function (packages) { + this.options.packages = packages; + this.packagePane.populatePackages(packages); + this.searcher.stopSearch(); + this.populate(); + }, + + populate: function () { + this.packagePane.populate.apply(this.packagePane, arguments); + } +}); +BI.SelectDataSearcher.EVENT_CLICK_ITEM = "EVENT_CLICK_ITEM"; +BI.SelectDataSearcher.EVENT_CLICK_PACKAGE = "EVENT_CLICK_PACKAGE"; +$.shortcut('bi.select_data_searcher', BI.SelectDataSearcher); \ No newline at end of file diff --git a/src/widget/selectdata/searchpane/result.search.selectdata.js b/src/widget/selectdata/searchpane/result.search.selectdata.js new file mode 100644 index 000000000..9381eeef1 --- /dev/null +++ b/src/widget/selectdata/searchpane/result.search.selectdata.js @@ -0,0 +1,100 @@ +/** + * 搜索结果面板 + * + * Created by GUY on 2015/9/16. + * @class BI.SelectDataSearchResultPane + * @extends BI.Widget + */ +BI.SelectDataSearchResultPane = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataSearchResultPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-search-result-pane bi-searcher-view", + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.SelectDataSearchResultPane.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.segment = BI.createWidget({ + type: "bi.select_data_search_segment", + cls: "search-result-toolbar" + }); + this.segment.on(BI.SelectDataSearchSegment.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE); + }); + + this.resultPane = BI.createWidget({ + type: "bi.searcher_view", + matcher: { + type: "bi.select_data_tree", + itemsCreator: o.itemsCreator + }, + searcher: { + type: "bi.select_data_tree", + itemsCreator: o.itemsCreator + } + }); + this.resultPane.on(BI.SearcherView.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearchResultPane.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.segment, + height: 60 + }, { + type: "bi.border", + cls: "search-result-line", + height: 2 + }, { + type: "bi.border", + cls: "search-result-line", + height: 1 + }, { + type: "bi.absolute", + items: [{ + el: this.resultPane, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }] + }); + }, + + startSearch: function () { + + }, + + stopSearch: function () { + + }, + + empty: function () { + this.resultPane.empty(); + }, + + populate: function (searchResult, matchResult, keyword) { + this.resultPane.populate.apply(this.resultPane, arguments); + }, + + setValue: function (v) { + + }, + + getSegmentValue: function () { + return this.segment.getValue(); + }, + + getValue: function () { + return this.resultPane.getValue(); + } +}); +BI.SelectDataSearchResultPane.EVENT_CHANGE = "EVENT_CHANGE"; +BI.SelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE = "EVENT_SEARCH_TYPE_CHANGE"; +$.shortcut('bi.select_data_search_result_pane', BI.SelectDataSearchResultPane); \ No newline at end of file diff --git a/src/widget/selectdata/searchpane/segment.search.selectdata.js b/src/widget/selectdata/searchpane/segment.search.selectdata.js new file mode 100644 index 000000000..2916d599e --- /dev/null +++ b/src/widget/selectdata/searchpane/segment.search.selectdata.js @@ -0,0 +1,114 @@ +/** + * search面板选项栏 + * + * Created by GUY on 2015/9/16. + * @class BI.SelectDataSearchSegment + * @extends BI.Widget + */ +BI.SelectDataSearchSegment = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataSearchSegment.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-search-segment", + height: 60 + }); + }, + + //创建所有数据和业务包选项 + _createSectionTab: function () { + var self = this; + this.pack = BI.createWidget({ + type: "bi.line_segment_button", + height: 24, + selected: true, + text: BI.i18nText("BI-Current_Package"), + value: BI.SelectDataSearchSegment.SECTION_PACKAGE + }); + this.all = BI.createWidget({ + type: "bi.line_segment_button", + height: 24, + text: BI.i18nText("BI-All_Data"), + value: BI.SelectDataSearchSegment.SECTION_ALL + }); + + this.button_group = BI.createWidget({ + type: "bi.line_segment", + height: 25, + items: [this.all, this.pack] + }); + + this.button_group.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearchSegment.EVENT_CHANGE); + }); + return this.button_group; + }, + + _createSegmet: function () { + var self = this; + this.segment = BI.createWidget({ + type: "bi.segment", + height: 20, + cls: "search-segment-field-table", + items: [{ + text: BI.i18nText("BI-Basic_Field"), + selected: true, + value: BI.SelectDataSearchSegment.SECTION_FIELD + }, { + text: BI.i18nText("BI-Basic_Table"), + value: BI.SelectDataSearchSegment.SECTION_TABLE + }] + }); + this.segment.on(BI.Segment.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSearchSegment.EVENT_CHANGE); + }); + return this.segment; + }, + + _init: function () { + BI.SelectDataSearchSegment.superclass._init.apply(this, arguments); + var self = this, o = this.options; + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this._createSectionTab(), { + type: "bi.absolute", + height: 35, + items: [{ + el: this._createSegmet(), + top: 10, + right: 10, + left: 10, + bottom: 5 + }] + }] + }); + }, + + setValue: function (v) { + var self = this; + BI.each([BI.SelectDataSearchSegment.SECTION_ALL, + BI.SelectDataSearchSegment.SECTION_PACKAGE], function (i, key) { + if (key & v) { + self.button_group.setValue(key & v); + } + }); + BI.each([BI.SelectDataSearchSegment.SECTION_FIELD, + BI.SelectDataSearchSegment.SECTION_TABLE], function (i, key) { + if (key & v) { + self.segment.setValue(key & v); + } + }); + }, + + getValue: function () { + return this.button_group.getValue()[0] | this.segment.getValue()[0] + } +}); + +BI.extend(BI.SelectDataSearchSegment, { + SECTION_ALL: 0x1, + SECTION_PACKAGE: 0x10, + SECTION_FIELD: 0x100, + SECTION_TABLE: 0x1000 +}); +BI.SelectDataSearchSegment.EVENT_CHANGE = "SelectDataSearchSegment.EVENT_CHANGE"; +$.shortcut('bi.select_data_search_segment', BI.SelectDataSearchSegment); \ No newline at end of file diff --git a/src/widget/selectdata/switcher/switcher.selectdata.js b/src/widget/selectdata/switcher/switcher.selectdata.js new file mode 100644 index 000000000..7e2fca6c1 --- /dev/null +++ b/src/widget/selectdata/switcher/switcher.selectdata.js @@ -0,0 +1,99 @@ +/** + * 切换业务包 + * + * Created by GUY on 2015/9/16. + * @class BI.SelectDataSwitcher + * @extends BI.Widget + */ +BI.SelectDataSwitcher = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataSwitcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-switcher", + packages: [], + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.SelectDataSwitcher.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.combo = BI.createWidget({ + type: "bi.single_tree_combo", + height: 25, + items: o.packages + }); + this.combo.on(BI.SingleTreeCombo.EVENT_CHANGE, function () { + self.tree.populate(); + self.fireEvent(BI.SelectDataSwitcher.EVENT_CHANGE, arguments); + }); + + this.tree = BI.createWidget({ + type: "bi.select_data_tree", + itemsCreator: function () { + var args = Array.prototype.slice.call(arguments, 0); + args[0].packageId = self.getPackageId(); + o.itemsCreator.apply(self, args); + } + }); + this.tree.on(BI.SelectDataTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataSwitcher.EVENT_CLICK_ITEM, arguments); + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: { + type: "bi.absolute", + hgap: 10, + items: [{ + el: this.combo + }] + }, + height: 30 + }, { + el: this.tree + }] + }); + }, + + setEnable: function (v) { + BI.SelectDataSwitcher.superclass.setEnable.apply(this, arguments); + this.tree.setEnable(v) + }, + + + setPackage: function (pId) { + this.combo.setValue([pId]); + this.tree.populate(); + }, + + getPackageId: function () { + return this.combo.getValue()[0]; + }, + + setValue: function (v) { + this.tree.setValue(v); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + populate: function () { + this.tree.populate.apply(this.tree, arguments); + }, + + populatePackages: function (pacakges) { + this.options.packages = pacakges; + var pId = this.getPackageId(); + this.combo.populate(pacakges); + if (BI.isKey(pId)) { + this.combo.setValue(pId); + } + } +}); +BI.SelectDataSwitcher.EVENT_CLICK_ITEM = "EVENT_CLICK_ITEM"; +BI.SelectDataSwitcher.EVENT_CHANGE = "SelectDataSwitcher.EVENT_CHANGE"; +$.shortcut('bi.select_data_switcher', BI.SelectDataSwitcher); \ No newline at end of file diff --git a/src/widget/selectdata/tree/expander.selectdata.js b/src/widget/selectdata/tree/expander.selectdata.js new file mode 100644 index 000000000..62324229b --- /dev/null +++ b/src/widget/selectdata/tree/expander.selectdata.js @@ -0,0 +1,93 @@ +/** + * 字段列表展开Expander + * + * Created by GUY on 2015/9/14. + * @class BI.SelectDataExpander + * @extends BI.Widget + */ +BI.SelectDataExpander = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataExpander.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-expander", + el: {}, + popup: { + items: [], + itemsCreator: BI.emptyFn + } + }); + }, + + _init: function () { + BI.SelectDataExpander.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget(o.el); + this.expander = BI.createWidget({ + type: "bi.expander", + element: this, + isDefaultInit: false, + el: this.trigger, + popup: BI.extend({ + type: "bi.select_data_loader" + }, o.popup) + }); + this.expander.on(BI.Controller.EVENT_CHANGE, function (type) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.expander.on(BI.Expander.EVENT_EXPAND, function(){ + + }); + this.expander.on(BI.Expander.EVENT_COLLAPSE, function(){ + this.getView().hideView(); + }); + this.expander.on(BI.Expander.EVENT_AFTER_INIT, function () { + this.getView().populate(); + }); + this.expander.on(BI.Expander.EVENT_CHANGE, function () { + self.trigger.setValue(this.getValue()); + }); + }, + + setEnable: function (v) { + BI.SelectDataExpander.superclass.setEnable.apply(this, arguments) + this.expander.setEnable(v); + this.trigger.setEnable(v) + }, + + doBehavior: function () { + this.trigger.doRedMark.apply(this.trigger, arguments); + this.expander.doBehavior.apply(this.expander, arguments); + }, + + setValue: function (v) { + this.expander.setValue(v); + }, + + getValue: function () { + return this.expander.getValue(); + }, + + showView: function(b){ + this.expander.showView(); + }, + + hideView: function(){ + this.expander.hideView(); + }, + + isExpanded: function () { + return this.expander.isExpanded(); + }, + + getAllLeaves: function () { + return this.expander.getAllLeaves(); + }, + + getNodeById: function (id) { + return this.expander.getNodeById(id); + }, + + getNodeByValue: function (value) { + return this.expander.getNodeByValue(value); + } +}); +$.shortcut("bi.select_data_expander", BI.SelectDataExpander); \ No newline at end of file diff --git a/src/widget/selectdata/tree/loader.selectdata.js b/src/widget/selectdata/tree/loader.selectdata.js new file mode 100644 index 000000000..0e56cb062 --- /dev/null +++ b/src/widget/selectdata/tree/loader.selectdata.js @@ -0,0 +1,129 @@ +/** + * 字段列表 + * + * Created by GUY on 2015/9/14. + * @class BI.SelectDataLoader + * @extends BI.Widget + */ +BI.SelectDataLoader = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataLoader.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-loader", + items: [], + el: {}, + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.SelectDataLoader.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.loader = BI.createWidget({ + type: "bi.loader", + isDefaultInit: false, + element: this, + items: o.items, + itemsCreator: o.itemsCreator, + el: BI.extend({ + type: "bi.button_tree", + behaviors: { + redmark: function () { + return true; + } + }, + chooseType: BI.Selection.Multi, + layouts: [{ + type: "bi.vertical", + hgap: 0, + vgap: 0 + }] + }, o.el) + }); + this.loader.on(BI.Controller.EVENT_CHANGE, function (type, val, ob) { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + if (type === BI.Events.CLICK) { + if (ob.isSelected()) { + var index = this.getIndexByValue(val); + if (index > -1) { + var alls = this.getAllButtons(); + if (index - 1 >= 0) { + if (BI.isNotNull(alls[index - 1]) && BI.isFunction(alls[index - 1].isSelected) + && alls[index - 1].isSelected()) { + alls[index - 1].setBottomLineVisible(); + ob.setTopLineVisible(); + } + } + if (index + 1 <= alls.length - 1) { + if (BI.isNotNull(alls[index + 1]) && BI.isFunction(alls[index + 1].isSelected) + && alls[index + 1].isSelected()) { + alls[index + 1].setTopLineVisible(); + ob.setBottomLineVisible(); + } + } + } + } else { + var index = this.getIndexByValue(val); + if (index > -1) { + var alls = this.getAllButtons(); + if (index - 1 >= 0) { + if (BI.isNotNull(alls[index - 1]) && BI.isFunction(alls[index - 1].isSelected) + && alls[index - 1].isSelected()) { + alls[index - 1].setBottomLineInVisible(); + } + } + if (index + 1 <= alls.length - 1) { + if (BI.isNotNull(alls[index + 1]) && BI.isFunction(alls[index + 1].isSelected) + && alls[index + 1].isSelected()) { + alls[index + 1].setTopLineInVisible(); + } + } + } + } + self.fireEvent(BI.SelectDataLoader.EVENT_CHANGE); + } + }) + }, + + setEnable: function (v) { + BI.SelectDataLoader.superclass.setEnable.apply(this, arguments); + this.loader.setEnable(v) + }, + + doBehavior: function () { + this.loader.doBehavior.apply(this.loader, arguments); + }, + + populate: function () { + this.loader.populate.apply(this.loader, arguments); + }, + + getAllButtons: function(){ + return this.loader.getAllButtons(); + }, + + showView: function(b){ + BI.each(this.loader.getAllButtons(),function(i, button){ + button.showView && button.showView(b); + }) + }, + + hideView: function(b){ + BI.each(this.loader.getAllButtons(),function(i, button){ + button.hideView && button.hideView(b); + }) + }, + + setValue: function (v) { + this.loader.setValue(v); + }, + + getValue: function () { + return this.loader.getValue(); + }, + + empty: function () { + this.loader.empty(); + } +}); +BI.SelectDataLoader.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.select_data_loader", BI.SelectDataLoader); \ No newline at end of file diff --git a/src/widget/selectdata/tree/node/node.level.js b/src/widget/selectdata/tree/node/node.level.js new file mode 100644 index 000000000..94c726187 --- /dev/null +++ b/src/widget/selectdata/tree/node/node.level.js @@ -0,0 +1,111 @@ +/** + * Created by GUY on 2015/9/6. + * @class BI.SelectDataLevelNode + * @extends BI.NodeButton + */ +BI.SelectDataLevelNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataLevelNode.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-select-data-level0-node bi-list-item", + id: "", + pId: "", + layer: 0, + open: false, + height: 25 + }) + }, + _init: function () { + var title = this.options.title; + var warningTitle = this.options.warningTitle; + this.options.title = ""; + this.options.warningTitle = ""; + BI.SelectDataLevelNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + keyword: o.keyword, + title: title, + warningTitle: warningTitle, + disabled: o.disabled, + py: o.py + }); + this.tip = BI.createWidget({ + type: "bi.label", + cls: "select-data-selected-count-label", + whiteSpace: "nowrap", + width: 25, + height: o.height + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.layout" + }, + width: o.layer * 20 + }, { + width: 23, + el: this.checkbox + }, { + el: this.text + }, { + width: 25, + el: this.tip + }] + }) + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.SelectDataLevelNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.SelectDataLevelNode.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setValue: function (items) { + BI.SelectDataLevelNode.superclass.setValue.apply(this, arguments); + if (BI.isEmpty(items)) { + this.tip.setText(""); + } else { + this.tip.setText("(" + items.length + ")"); + } + this.tip.setTitle(items.toString()); + }, + + setEnable: function (b) { + BI.SelectDataLevelNode.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + this.text.setEnable(b); + } +}); + +$.shortcut("bi.select_data_level_node", BI.SelectDataLevelNode); \ No newline at end of file diff --git a/src/widget/selectdata/tree/node/node.level1.date.js b/src/widget/selectdata/tree/node/node.level1.date.js new file mode 100644 index 000000000..f65c19c14 --- /dev/null +++ b/src/widget/selectdata/tree/node/node.level1.date.js @@ -0,0 +1,105 @@ +/** + * Created by GUY on 2015/9/15. + * @class BI.SelectDataLevel1DateNode + * @extends BI.NodeButton + */ +BI.SelectDataLevel1DateNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataLevel1DateNode.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-select-data-level1-date-node bi-list-item", + id: "", + pId: "", + layer: 1, + open: false, + height: 25 + }) + }, + + _getFieldClass: function (type) { + switch (type) { + case BICst.COLUMN.STRING: + return "select-data-field-string-group-font"; + case BICst.COLUMN.NUMBER: + return "select-data-field-number-group-font"; + case BICst.COLUMN.DATE: + return "select-data-field-date-group-font"; + case BICst.COLUMN.COUNTER: + return "select-data-field-number-group-font"; + default: + return "select-data-field-date-group-font"; + } + }, + + _init: function () { + BI.SelectDataLevel1DateNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.button = BI.createWidget({ + type: "bi.icon_text_item", + cls: this._getFieldClass(o.fieldType), + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height, + textLgap: 10, + textRgap: 5 + }); + + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox" + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.layout" + }, + width: o.layer * 20 + }, { + el: this.button + }, { + el: this.checkbox, + width: 25 + }] + }) + }, + + doRedMark: function () { + this.button.doRedMark.apply(this.button, arguments); + }, + + unRedMark: function () { + this.button.unRedMark.apply(this.button, arguments); + }, + + doClick: function () { + BI.SelectDataLevel1DateNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.SelectDataLevel1DateNode.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setValue: function (items) { + BI.SelectDataLevel1DateNode.superclass.setValue.apply(this, arguments); + }, + + setEnable: function (b) { + BI.SelectDataLevel1DateNode.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + } +}); + +$.shortcut("bi.select_data_level1_date_node", BI.SelectDataLevel1DateNode); \ No newline at end of file diff --git a/src/widget/selectdata/tree/node/node.level2.date.js b/src/widget/selectdata/tree/node/node.level2.date.js new file mode 100644 index 000000000..5a83aa2d3 --- /dev/null +++ b/src/widget/selectdata/tree/node/node.level2.date.js @@ -0,0 +1,105 @@ +/** + * Created by GUY on 2015/9/15. + * @class BI.SelectDataLevel2DateNode + * @extends BI.NodeButton + */ +BI.SelectDataLevel2DateNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataLevel2DateNode.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-select-data-level2-date-node bi-list-item", + id: "", + pId: "", + layer: 2, + open: false, + height: 25 + }) + }, + + _getFieldClass: function (type) { + switch (type) { + case BICst.COLUMN.STRING: + return "select-data-field-string-group-font"; + case BICst.COLUMN.NUMBER: + return "select-data-field-number-group-font"; + case BICst.COLUMN.DATE: + return "select-data-field-date-group-font"; + case BICst.COLUMN.COUNTER: + return "select-data-field-number-group-font"; + default: + return "select-data-field-date-group-font"; + } + }, + + _init: function () { + BI.SelectDataLevel2DateNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.button = BI.createWidget({ + type: "bi.icon_text_item", + cls: this._getFieldClass(o.fieldType), + text: o.text, + value: o.value, + keyword: o.keyword, + height: o.height, + textLgap: 10, + textRgap: 5 + }); + + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox" + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.layout" + }, + width: o.layer * 20 + }, { + el: this.button + }, { + el: this.checkbox, + width: 25 + }] + }) + }, + + doRedMark: function () { + this.button.doRedMark.apply(this.button, arguments); + }, + + unRedMark: function () { + this.button.unRedMark.apply(this.button, arguments); + }, + + doClick: function () { + BI.SelectDataLevel2DateNode.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.SelectDataLevel2DateNode.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setValue: function (items) { + BI.SelectDataLevel2DateNode.superclass.setValue.apply(this, arguments); + }, + + setEnable: function (b) { + BI.SelectDataLevel2DateNode.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + } +}); + +$.shortcut("bi.select_data_level2_date_node", BI.SelectDataLevel2DateNode); \ No newline at end of file diff --git a/src/widget/selectdata/tree/tree.selectdata.js b/src/widget/selectdata/tree/tree.selectdata.js new file mode 100644 index 000000000..93575d7e6 --- /dev/null +++ b/src/widget/selectdata/tree/tree.selectdata.js @@ -0,0 +1,91 @@ +/** + * 字段列表展开Expander + * + * Created by GUY on 2015/9/14. + * @class BI.SelectDataTree + * @extends BI.Widget + */ +BI.SelectDataTree = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-data-tree", + el: {}, + expander: {}, + items: [], + itemsCreator: BI.emptyFn + }); + }, + + _init: function () { + BI.SelectDataTree.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.tree = BI.createWidget({ + type: "bi.custom_tree", + element: this, + expander: BI.extend({ + type: "bi.select_data_expander", + el: {}, + popup: { + type: "bi.select_data_tree" + } + }, o.expander), + items: o.items, + itemsCreator: o.itemsCreator, + + el: BI.extend({ + type: "bi.select_data_loader" + }, o.el) + }); + this.tree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.tree.on(BI.CustomTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectDataTree.EVENT_CHANGE, arguments); + }) + }, + + + setEnable: function (v) { + BI.SelectDataTree.superclass.setEnable.apply(this, arguments); + this.tree.setEnable(v) + }, + + showView: function(b){ + BI.each(this.tree.getAllButtons(),function(i, button){ + button.showView && button.showView(b); + }) + }, + + hideView: function(b){ + BI.each(this.tree.getAllButtons(),function(i, button){ + button.hideView && button.hideView(b); + }) + }, + + getAllButtons: function(){ + return this.tree.getAllButtons(); + }, + + doBehavior: function () { + this.tree.doBehavior.apply(this.tree, arguments); + }, + + empty: function () { + + }, + + populate: function (items) { + this.tree.populate.apply(this.tree, arguments); + }, + + setValue: function (v) { + this.tree.setValue(v); + }, + + getValue: function () { + //这里需要去重,因为很有可能expander中保存了之前的value值 + return BI.uniq(this.tree.getValue()); + } +}); +BI.SelectDataTree.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.select_data_tree", BI.SelectDataTree); \ No newline at end of file diff --git a/src/widget/selectdata/tree/treeitem/item.level.js b/src/widget/selectdata/tree/treeitem/item.level.js new file mode 100644 index 000000000..e651339ea --- /dev/null +++ b/src/widget/selectdata/tree/treeitem/item.level.js @@ -0,0 +1,154 @@ +/** + * Created by GUY on 2015/9/6. + * @class BI.SelectDataLevelItem + * @extends BI.Single + */ +BI.SelectDataLevelItem = BI.inherit(BI.Single, { + _defaultConfig: function () { + return BI.extend(BI.SelectDataLevelItem.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-select-data-level0-item", + height: 25, + hgap: 0, + layer: 1, + fieldType: BICst.COLUMN.STRING, + lgap: 0, + rgap: 0 + }) + }, + + _getFieldClass: function (type) { + switch (type) { + case BICst.COLUMN.STRING: + return "select-data-field-string-font"; + case BICst.COLUMN.NUMBER: + return "select-data-field-number-font"; + case BICst.COLUMN.DATE: + return "select-data-field-date-font"; + case BICst.COLUMN.COUNTER: + return "select-data-field-number-font"; + default: + return "select-data-field-number-font"; + } + }, + + _init: function () { + BI.SelectDataLevelItem.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.button = BI.createWidget({ + type: "bi.blank_icon_text_item", + trigger: "mousedown", + cls: "select-data-level0-item-button " + this._getFieldClass(o.fieldType), + blankWidth: o.layer * 20, + text: o.text, + value: o.value, + keyword: o.keyword, + height: 25, + textLgap: 10, + textRgap: 5 + }); + this.button.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.CLICK, self.getValue(), self); + }); + + this.topLine = BI.createWidget({ + type: "bi.layout", + height: 0, + cls: "select-data-top-line" + }); + this.bottomLine = BI.createWidget({ + type: "bi.layout", + height: 0, + cls: "select-data-bottom-line" + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.topLine, + top: 0, + left: o.lgap, + right: o.rgap + }, { + el: this.bottomLine, + bottom: 0, + left: o.lgap, + right: o.rgap + }, { + el: this.button, + top: 0, + left: o.lgap, + right: o.rgap + }] + }); + this.topLine.invisible(); + this.bottomLine.invisible(); + }, + + setEnable: function (v) { + BI.SelectDataLevelItem.superclass.setEnable.apply(this, arguments) + this.button.setEnable(v); + try { + this.button.element.draggable(v ? "enable" : "disable"); + } catch (e) { + + } + if (!v) { + this.setSelected(false); + } + }, + + isSelected: function () { + return this.button.isSelected(); + }, + + setSelected: function (b) { + this.button.setSelected(b); + if (!b) { + this.topLine.invisible(); + this.bottomLine.invisible(); + this.element.removeClass("select-data-item-top"); + this.element.removeClass("select-data-item-bottom"); + } + }, + + setTopLineVisible: function () { + this.topLine.visible(); + this.element.addClass("select-data-item-top"); + }, + + setTopLineInVisible: function () { + this.topLine.invisible(); + this.element.removeClass("select-data-item-top"); + }, + + setBottomLineVisible: function () { + this.bottomLine.visible(); + this.element.addClass("select-data-item-bottom"); + }, + + setBottomLineInVisible: function () { + this.bottomLine.invisible(); + this.element.removeClass("select-data-item-bottom"); + }, + + doRedMark: function () { + this.button.doRedMark.apply(this.button, arguments); + }, + + unRedMark: function () { + this.button.unRedMark.apply(this.button, arguments); + }, + + doHighLight: function () { + this.button.doHighLight.apply(this.button, arguments); + }, + + unHighLight: function () { + this.button.unHighLight.apply(this.button, arguments); + } +}); + +$.shortcut("bi.select_data_level_item", BI.SelectDataLevelItem); \ No newline at end of file diff --git a/src/widget/selecttree/nodes/node.first.plus.js b/src/widget/selecttree/nodes/node.first.plus.js new file mode 100644 index 000000000..6b888734c --- /dev/null +++ b/src/widget/selecttree/nodes/node.first.plus.js @@ -0,0 +1,85 @@ +/** + * 加号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.SelectTreeFirstPlusGroupNode + * @extends BI.NodeButton + */ +BI.SelectTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.SelectTreeFirstPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-select-tree-first-plus-group-node bi-list-item-active", + logic: { + dynamic: false + }, + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.SelectTreeFirstPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.first_tree_node_checkbox", + stopPropagation: true + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.triggerExpand(); + } else { + self.triggerCollapse(); + } + } + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + isOnce: function () { + return true; + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.NodeButton.superclass.doClick.apply(this, arguments); + }, + + setOpened: function (v) { + BI.SelectTreeFirstPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.checkbox)) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.select_tree_first_plus_group_node", BI.SelectTreeFirstPlusGroupNode); \ No newline at end of file diff --git a/src/widget/selecttree/nodes/node.last.plus.js b/src/widget/selecttree/nodes/node.last.plus.js new file mode 100644 index 000000000..0168cae13 --- /dev/null +++ b/src/widget/selecttree/nodes/node.last.plus.js @@ -0,0 +1,85 @@ +/** + * 加号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.SelectTreeLastPlusGroupNode + * @extends BI.NodeButton + */ +BI.SelectTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.SelectTreeLastPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-select-tree-last-plus-group-node bi-list-item-active", + logic: { + dynamic: false + }, + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.SelectTreeLastPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.last_tree_node_checkbox", + stopPropagation: true + }) + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.triggerExpand(); + } else { + self.triggerCollapse(); + } + } + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + isOnce: function () { + return true; + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.NodeButton.superclass.doClick.apply(this, arguments); + }, + + setOpened: function (v) { + BI.SelectTreeLastPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.checkbox)) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.select_tree_last_plus_group_node", BI.SelectTreeLastPlusGroupNode); \ No newline at end of file diff --git a/src/widget/selecttree/nodes/node.mid.plus.js b/src/widget/selecttree/nodes/node.mid.plus.js new file mode 100644 index 000000000..d5a010ab6 --- /dev/null +++ b/src/widget/selecttree/nodes/node.mid.plus.js @@ -0,0 +1,85 @@ +/** + * 加号表示的组节点 + * Created by GUY on 2015/9/6. + * @class BI.SelectTreeMidPlusGroupNode + * @extends BI.NodeButton + */ +BI.SelectTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + var conf = BI.SelectTreeMidPlusGroupNode.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-select-tree-mid-plus-group-node bi-list-item-active", + logic: { + dynamic: false + }, + id: "", + pId: "", + readonly: true, + open: false, + height: 25 + }) + }, + _init: function () { + BI.SelectTreeMidPlusGroupNode.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.mid_tree_node_checkbox", + stopPropagation: true + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.triggerExpand(); + } else { + self.triggerCollapse(); + } + } + }); + var type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); + var items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { + width: 25, + el: this.checkbox + }, this.text); + BI.createWidget(BI.extend({ + element: this + }, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { + items: items + })))); + }, + + isOnce: function () { + return true; + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.NodeButton.superclass.doClick.apply(this, arguments); + }, + + setOpened: function (v) { + BI.SelectTreeMidPlusGroupNode.superclass.setOpened.apply(this, arguments); + if (BI.isNotNull(this.checkbox)) { + this.checkbox.setSelected(v); + } + } +}); + +$.shortcut("bi.select_tree_mid_plus_group_node", BI.SelectTreeMidPlusGroupNode); \ No newline at end of file diff --git a/src/widget/selecttree/selecttree.combo.js b/src/widget/selecttree/selecttree.combo.js new file mode 100644 index 000000000..010dd9c29 --- /dev/null +++ b/src/widget/selecttree/selecttree.combo.js @@ -0,0 +1,68 @@ +/** + * @class BI.SelectTreeCombo + * @extends BI.Widget + */ +BI.SelectTreeCombo = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SelectTreeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-tree-combo", + height: 30, + text: "", + items: [] + }); + }, + + _init: function () { + BI.SelectTreeCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.single_tree_trigger", + text: o.text, + height: o.height, + items: o.items + }); + + this.popup = BI.createWidget({ + type: "bi.select_tree_popup", + items: o.items + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup + } + }); + + this.combo.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.popup.on(BI.SingleTreePopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + }); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + }, + + populate: function (items) { + this.combo.populate(items); + } +}); + + +$.shortcut("bi.select_tree_combo", BI.SelectTreeCombo); \ No newline at end of file diff --git a/src/widget/selecttree/selecttree.expander.js b/src/widget/selecttree/selecttree.expander.js new file mode 100644 index 000000000..8a8deac9c --- /dev/null +++ b/src/widget/selecttree/selecttree.expander.js @@ -0,0 +1,73 @@ +/** + * @class BI.SelectTreeExpander + * @extends BI.Widget + */ +BI.SelectTreeExpander = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SelectTreeExpander.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-tree-expander", + trigger: "click", + toggle: true, + direction: "bottom", + isDefaultInit: true, + el: {}, + popup: {} + }); + }, + + _init: function () { + BI.SelectTreeExpander.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget(BI.extend({stopPropagation: true}, o.el)); + this.trigger.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + if (this.isSelected()) { + self.expander.setValue([]); + } + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.expander = BI.createWidget({ + type: "bi.expander", + element: this, + trigger: o.trigger, + toggle: o.toggle, + direction: o.direction, + isDefaultInit: o.isDefaultInit, + el: this.trigger, + popup: o.popup + }); + this.expander.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.trigger.setSelected(false); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + }, + + setValue: function (v) { + if (BI.contains(v, this.trigger.getValue())) { + this.trigger.setSelected(true); + this.expander.setValue([]); + } else { + this.trigger.setSelected(false); + this.expander.setValue(v); + } + }, + + getValue: function () { + if (this.trigger.isSelected()) { + return [this.trigger.getValue()]; + } + return this.expander.getValue(); + }, + + populate: function (items) { + this.expander.populate(items); + } +}); + +$.shortcut("bi.select_tree_expander", BI.SelectTreeExpander); \ No newline at end of file diff --git a/src/widget/selecttree/selecttree.popup.js b/src/widget/selecttree/selecttree.popup.js new file mode 100644 index 000000000..deaeccefd --- /dev/null +++ b/src/widget/selecttree/selecttree.popup.js @@ -0,0 +1,97 @@ +/** + * @class BI.SelectTreePopup + * @extends BI.Pane + */ + +BI.SelectTreePopup = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.SelectTreePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-select-tree-popup", + tipText: BI.i18nText("BI-No_Selected_Item"), + items: [] + }); + }, + + _formatItems: function (nodes, layer) { + var self = this; + BI.each(nodes, function (i, node) { + var extend = {layer: layer}; + node.id = node.id || BI.UUID(); + if (node.isParent === true || BI.isNotEmptyArray(node.children)) { + switch (i) { + case 0 : + extend.type = "bi.select_tree_first_plus_group_node"; + break; + case nodes.length - 1 : + extend.type = "bi.select_tree_last_plus_group_node"; + break; + default : + extend.type = "bi.select_tree_mid_plus_group_node"; + break; + } + BI.defaults(node, extend); + self._formatItems(node.children); + } else { + switch (i) { + case nodes.length - 1: + extend.type = "bi.last_tree_leaf_item"; + break; + default : + extend.type = "bi.mid_tree_leaf_item"; + } + BI.defaults(node, extend); + } + }); + return nodes; + }, + + _init: function () { + BI.SelectTreePopup.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.tree = BI.createWidget({ + type: 'bi.level_tree', + expander: { + type: "bi.select_tree_expander", + isDefaultInit: true + }, + items: this._formatItems(BI.Tree.transformToTreeFormat(o.items)), + chooseType: BI.Selection.Single + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.tree] + }); + + this.tree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.tree.on(BI.LevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SelectTreePopup.EVENT_CHANGE); + }); + + this.check(); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.tree.setValue(v); + }, + + populate: function (items) { + BI.SelectTreePopup.superclass.populate.apply(this, arguments); + this.tree.populate(items); + } +}); + +BI.SelectTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.select_tree_popup", BI.SelectTreePopup); \ No newline at end of file diff --git a/src/widget/sequencetable/dynamicnumber.sequencetable.js b/src/widget/sequencetable/dynamicnumber.sequencetable.js new file mode 100644 index 000000000..8ed0740c0 --- /dev/null +++ b/src/widget/sequencetable/dynamicnumber.sequencetable.js @@ -0,0 +1,71 @@ +/** + * + * Created by GUY on 2016/8/10. + * @class BI.SequenceTableDynamicNumber + * @extends BI.SequenceTableTreeNumber + */ +BI.SequenceTableDynamicNumber = BI.inherit(BI.SequenceTableTreeNumber, { + + _defaultConfig: function () { + return BI.extend(BI.SequenceTableDynamicNumber.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-sequence-table-dynamic-number" + }); + }, + + _init: function () { + BI.SequenceTableDynamicNumber.superclass._init.apply(this, arguments); + }, + + _formatNumber: function (nodes) { + var self = this, o = this.options; + var result = []; + var count = this._getStart(nodes); + + function getLeafCount(node) { + var cnt = 0; + if (BI.isNotEmptyArray(node.children)) { + BI.each(node.children, function (index, child) { + cnt += getLeafCount(child); + }); + if (node.children.length > 1 && BI.isNotEmptyArray(node.values)) { + cnt++; + } + } else { + cnt++; + } + return cnt; + } + + var start = 0, top = 0; + BI.each(nodes, function (i, node) { + if (BI.isArray(node.children)) { + BI.each(node.children, function (index, child) { + var cnt = getLeafCount(child); + result.push({ + text: count++, + start: start, + top: top, + cnt: cnt, + index: index, + height: cnt * o.rowSize + }); + start += cnt; + top += cnt * o.rowSize; + }); + if (BI.isNotEmptyArray(node.values)) { + result.push({ + text: BI.i18nText("BI-Summary_Values"), + start: start++, + top: top, + cnt: 1, + isSummary: true, + height: o.rowSize + }); + top += o.rowSize; + } + } + }); + return result; + } +}); +$.shortcut('bi.sequence_table_dynamic_number', BI.SequenceTableDynamicNumber); \ No newline at end of file diff --git a/src/widget/sequencetable/listnumber.sequencetable.js b/src/widget/sequencetable/listnumber.sequencetable.js new file mode 100644 index 000000000..f2371ddff --- /dev/null +++ b/src/widget/sequencetable/listnumber.sequencetable.js @@ -0,0 +1,206 @@ +/** + * + * Created by GUY on 2016/5/26. + * @class BI.SequenceTableListNumber + * @extends BI.Widget + */ +BI.SequenceTableListNumber = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SequenceTableListNumber.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-sequence-table-list-number", + isNeedFreeze: false, + scrollTop: 0, + startSequence: 1,//开始的序号 + headerRowSize: 25, + rowSize: 25, + + header: [], + items: [], //二维数组 + + //交叉表头 + crossHeader: [], + crossItems: [], + + pageSize: 20 + }); + }, + + _init: function () { + BI.SequenceTableListNumber.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.start = o.startSequence; + this.renderedCells = []; + this.renderedKeys = []; + + this.header = BI.createWidget({ + type: "bi.table_style_cell", + cls: "sequence-table-title-cell", + styleGetter: o.headerCellStyleGetter, + text: BI.i18nText("BI-Number_Index") + }); + this.container = BI.createWidget({ + type: "bi.absolute", + width: 60, + scrollable: false + }); + + this.scrollContainer = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.container] + }); + + this.layout = BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.header, + height: o.headerRowSize * o.header.length + }, { + el: this.scrollContainer + }] + }); + this._populate(); + }, + + _layout: function () { + var self = this, o = this.options; + var headerHeight = o.headerRowSize * o.header.length; + var items = this.layout.attr("items"); + if (o.isNeedFreeze === false) { + items[0].height = 0; + } else if (o.isNeedFreeze === true) { + items[0].height = headerHeight; + } + this.layout.attr("items", items); + this.layout.resize(); + this.container.setHeight(o.items.length * o.rowSize); + this.scrollContainer.element.scrollTop(o.scrollTop); + }, + + _calculateChildrenToRender: function () { + var self = this, o = this.options; + var scrollTop = BI.clamp(o.scrollTop, 0, o.rowSize * o.items.length - (o.height - o.header.length * o.headerRowSize) + BI.DOM.getScrollWidth()); + var start = Math.floor(scrollTop / o.rowSize); + var end = start + Math.floor((o.height - o.header.length * o.headerRowSize) / o.rowSize); + var renderedCells = [], renderedKeys = []; + for (var i = start, cnt = 0; i <= end && i < o.items.length; i++, cnt++) { + var index = BI.deepIndexOf(this.renderedKeys, this.start + i); + var top = i * o.rowSize; + if (index > -1) { + if (o.rowSize !== this.renderedCells[index]._height) { + this.renderedCells[index]._height = o.rowSize; + this.renderedCells[index].el.setHeight(o.rowSize); + } + if (this.renderedCells[index].top !== top) { + this.renderedCells[index].top = top; + this.renderedCells[index].el.element.css("top", top + "px"); + } + renderedCells.push(this.renderedCells[index]); + } else { + var child = BI.createWidget(BI.extend({ + type: "bi.table_style_cell", + cls: "sequence-table-number-cell", + width: 60, + height: o.rowSize, + text: this.start + i, + styleGetter: function (index) { + return function () { + return o.sequenceCellStyleGetter(self.start + i - 1); + } + }(cnt) + })); + renderedCells.push({ + el: child, + left: 0, + top: top, + _height: o.rowSize + }); + } + renderedKeys.push(this.start + i); + } + + //已存在的, 需要添加的和需要删除的 + var existSet = {}, addSet = {}, deleteArray = []; + BI.each(renderedKeys, function (i, key) { + if (BI.deepContains(self.renderedKeys, key)) { + existSet[i] = key; + } else { + addSet[i] = key; + } + }); + BI.each(this.renderedKeys, function (i, key) { + if (BI.deepContains(existSet, key)) { + return; + } + if (BI.deepContains(addSet, key)) { + return; + } + deleteArray.push(i); + }); + BI.each(deleteArray, function (i, index) { + self.renderedCells[index].el.destroy(); + }); + var addedItems = []; + BI.each(addSet, function (index) { + addedItems.push(renderedCells[index]) + }); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: addedItems + }); + this.renderedCells = renderedCells; + this.renderedKeys = renderedKeys; + }, + + _populate: function () { + this.header.populate(); + this._layout(); + this._calculateChildrenToRender(); + }, + + setVerticalScroll: function (scrollTop) { + if (this.options.scrollTop !== scrollTop) { + this.options.scrollTop = scrollTop; + this.scrollContainer.element.scrollTop(scrollTop); + } + }, + + getVerticalScroll: function () { + return this.options.scrollTop; + }, + + setVPage: function (v) { + var o = this.options; + this.start = (v - 1) * o.pageSize + 1; + }, + + _restore: function () { + var o = this.options; + BI.each(this.renderedCells, function (i, cell) { + cell.el.destroy(); + }); + this.renderedCells = []; + this.renderedKeys = []; + }, + + restore: function () { + this._restore(); + }, + + populate: function (items, header) { + var o = this.options; + if (items && items !== this.options.items) { + o.items = items; + this._restore(); + } + if (header && header !== this.options.header) { + o.header = header; + } + this._populate(); + } +}); +$.shortcut('bi.sequence_table_list_number', BI.SequenceTableListNumber); \ No newline at end of file diff --git a/src/widget/sequencetable/sequencetable.js b/src/widget/sequencetable/sequencetable.js new file mode 100644 index 000000000..9f120ac48 --- /dev/null +++ b/src/widget/sequencetable/sequencetable.js @@ -0,0 +1,251 @@ +/** + * 带有序号的表格 + * + * Created by GUY on 2016/5/26. + * @class BI.SequenceTable + * @extends BI.Widget + */ +BI.SequenceTable = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SequenceTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-sequence-table", + el: { + type: "bi.adaptive_table" + }, + + sequence: {}, + + isNeedResize: true, + isResizeAdapt: false, + + isNeedFreeze: false,//是否需要冻结单元格 + freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为true时生效 + + isNeedMerge: false,//是否需要合并单元格 + mergeCols: [], //合并的单元格列号 + mergeRule: BI.emptyFn, + + columnSize: [], + minColumnSize: [], + maxColumnSize: [], + headerRowSize: 25, + rowSize: 25, + + regionColumnSize: [], + + headerCellStyleGetter: BI.emptyFn, + summaryCellStyleGetter: BI.emptyFn, + sequenceCellStyleGetter: BI.emptyFn, + + header: [], + items: [], //二维数组 + + //交叉表头 + crossHeader: [], + crossItems: [], + + showSequence: false, + startSequence: 1//开始的序号 + }); + }, + + _init: function () { + BI.SequenceTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.sequence = BI.createWidget(o.sequence, { + type: "bi.sequence_table_list_number", + invisible: o.showSequence === false, + startSequence: o.startSequence, + isNeedFreeze: o.isNeedFreeze, + header: o.header, + items: o.items, + crossHeader: o.crossHeader, + crossItems: o.crossItems, + headerRowSize: o.headerRowSize, + rowSize: o.rowSize, + width: 60, + height: o.height - BI.GridTableScrollbar.SIZE, + + headerCellStyleGetter: o.headerCellStyleGetter, + summaryCellStyleGetter: o.summaryCellStyleGetter, + sequenceCellStyleGetter: o.sequenceCellStyleGetter + }); + this.table = BI.createWidget(o.el, { + type: "bi.adaptive_table", + width: o.showSequence === true ? o.width - 60 : o.width, + height: o.height, + isNeedResize: o.isNeedResize, + isResizeAdapt: o.isResizeAdapt, + + isNeedFreeze: o.isNeedFreeze, + freezeCols: o.freezeCols, + + isNeedMerge: o.isNeedMerge, + mergeCols: o.mergeCols, + mergeRule: o.mergeRule, + + columnSize: o.columnSize, + minColumnSize: o.minColumnSize, + maxColumnSize: o.maxColumnSize, + headerRowSize: o.headerRowSize, + rowSize: o.rowSize, + + regionColumnSize: o.regionColumnSize, + + headerCellStyleGetter: o.headerCellStyleGetter, + summaryCellStyleGetter: o.summaryCellStyleGetter, + sequenceCellStyleGetter: o.sequenceCellStyleGetter, + + header: o.header, + items: o.items, + //交叉表头 + crossHeader: o.crossHeader, + crossItems: o.crossItems + }); + + this.table.on(BI.Table.EVENT_TABLE_SCROLL, function (scroll) { + if (self.sequence.getVerticalScroll() !== this.getVerticalScroll()) { + self.sequence.setVerticalScroll(this.getVerticalScroll()); + self.sequence.populate(); + } + self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { + o.regionColumnSize = this.getRegionColumnSize(); + o.columnSize = this.getColumnSize(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { + o.regionColumnSize = this.getRegionColumnSize(); + o.columnSize = this.getColumnSize(); + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); + }); + + this.htape = BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.sequence, + left: 0, + top: 0 + }, { + el: this.table, + top: 0, + left: o.showSequence === true ? 60 : 0 + }] + }); + this._populate(); + }, + + _populate: function () { + var o = this.options; + this.sequence.attr({ + items: o.items, + header: o.header, + crossItems: o.crossItems, + crossHeader: o.crossHeader + }); + if (o.showSequence === true) { + this.sequence.setVisible(true); + this.table.element.css("left", "60px"); + this.table.setWidth(o.width - 60); + } else { + this.sequence.setVisible(false); + this.table.element.css("left", "0px"); + this.table.setWidth(o.width); + } + }, + + setWidth: function (width) { + BI.PageTable.superclass.setWidth.apply(this, arguments); + this.table.setWidth(this.options.showSequence ? width - 60 : width); + }, + + setHeight: function (height) { + BI.PageTable.superclass.setHeight.apply(this, arguments); + this.table.setHeight(height); + this.sequence.setHeight(height - BI.GridTableScrollbar.SIZE); + }, + + setColumnSize: function (columnSize) { + this.options.columnSize = columnSize; + this.table.setColumnSize(columnSize); + }, + + getColumnSize: function () { + return this.table.getColumnSize(); + }, + + setRegionColumnSize: function (columnSize) { + this.options.columnSize = columnSize; + this.table.setRegionColumnSize(columnSize); + }, + + getRegionColumnSize: function () { + return this.table.getRegionColumnSize(); + }, + + hasLeftHorizontalScroll: function () { + return this.table.hasLeftHorizontalScroll(); + }, + + hasRightHorizontalScroll: function () { + return this.table.hasRightHorizontalScroll(); + }, + + setVerticalScroll: function (scrollTop) { + this.table.setVerticalScroll(scrollTop); + this.sequence.setVerticalScroll(scrollTop); + }, + + getVerticalScroll: function () { + return this.table.getVerticalScroll(); + }, + + setVPage: function (page) { + this.sequence.setVPage && this.sequence.setVPage(page); + }, + + setHPage: function (page) { + this.sequence.setHPage && this.sequence.setHPage(page); + }, + + attr: function () { + BI.SequenceTable.superclass.attr.apply(this, arguments); + this.table.attr.apply(this.table, arguments); + this.sequence.attr.apply(this.sequence, arguments); + }, + + restore: function () { + this.table.restore(); + this.sequence.restore(); + }, + + populate: function (items, header, crossItems, crossHeader) { + var o = this.options; + if (items) { + o.items = items; + } + if (header) { + o.header = header; + } + if (crossItems) { + o.crossItems = crossItems; + } + if (crossHeader) { + o.crossHeader = crossHeader; + } + this._populate(); + this.table.populate.apply(this.table, arguments); + this.sequence.populate.apply(this.sequence, arguments); + this.sequence.setVerticalScroll(this.table.getVerticalScroll()); + }, + + destroy: function () { + this.table.destroy(); + BI.SequenceTable.superclass.destroy.apply(this, arguments); + } +}); +$.shortcut('bi.sequence_table', BI.SequenceTable); \ No newline at end of file diff --git a/src/widget/sequencetable/treenumber.sequencetable.js b/src/widget/sequencetable/treenumber.sequencetable.js new file mode 100644 index 000000000..acadf84da --- /dev/null +++ b/src/widget/sequencetable/treenumber.sequencetable.js @@ -0,0 +1,383 @@ +/** + * + * Created by GUY on 2016/5/26. + * @class BI.SequenceTableTreeNumber + * @extends BI.Widget + */ +BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SequenceTableTreeNumber.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-sequence-table-tree-number", + isNeedFreeze: false, + startSequence: 1,//开始的序号 + scrollTop: 0, + headerRowSize: 25, + rowSize: 25, + + header: [], + items: [], //二维数组 + + //交叉表头 + crossHeader: [], + crossItems: [] + }); + }, + + _init: function () { + BI.SequenceTableTreeNumber.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.vCurr = 1; + this.hCurr = 1; + this.tasks = []; + this.renderedCells = []; + this.renderedKeys = []; + + this.header = BI.createWidget({ + type: "bi.table_style_cell", + cls: "sequence-table-title-cell", + styleGetter: o.headerCellStyleGetter, + text: BI.i18nText("BI-Number_Index") + }); + this.container = BI.createWidget({ + type: "bi.absolute", + width: 60, + scrollable: false + }); + + this.scrollContainer = BI.createWidget({ + type: "bi.vertical", + scrollable: false, + scrolly: false, + items: [this.container] + }); + + this.layout = BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.header, + height: this._getHeaderHeight() + }, { + el: this.scrollContainer + }] + }); + //缓存第一行对应的序号 + this.start = this.options.startSequence; + this.cache = {}; + this._nextState(); + + this._populate(); + }, + + _getNextSequence: function (nodes) { + var self = this; + var start = this.start; + var cnt = this.start; + + function track(node) { + self.cache[node.text || node.value] = cnt++; + } + + BI.each(nodes, function (i, node) { + if (BI.isNotEmptyArray(node.children)) { + BI.each(node.children, function (index, child) { + if (index === 0) { + if (self.cache[child.text || child.value]) { + start = cnt = self.cache[child.text || child.value]; + } + } + track(child) + }); + } + }); + this.start = cnt; + return start; + }, + + _getStart: function (nodes) { + var self = this; + var start = this.start; + BI.each(nodes, function (i, node) { + if (BI.isNotEmptyArray(node.children)) { + BI.each(node.children, function (index, child) { + if (index === 0) { + if (self.cache[child.text || child.value]) { + start = self.cache[child.text || child.value]; + } + } + }); + } + }); + return start; + }, + + _formatNumber: function (nodes) { + var self = this, o = this.options; + var result = []; + var count = this._getStart(nodes); + + function getLeafCount(node) { + var cnt = 0; + if (BI.isNotEmptyArray(node.children)) { + BI.each(node.children, function (index, child) { + cnt += getLeafCount(child); + }); + if (/**node.children.length > 1 && **/BI.isNotEmptyArray(node.values)) { + cnt++; + } + } else { + cnt++; + } + return cnt; + } + + var start = 0, top = 0; + BI.each(nodes, function (i, node) { + if (BI.isArray(node.children)) { + BI.each(node.children, function (index, child) { + var cnt = getLeafCount(child); + result.push({ + text: count++, + start: start, + top: top, + cnt: cnt, + index: index, + height: cnt * o.rowSize + }); + start += cnt; + top += cnt * o.rowSize; + }); + if (BI.isNotEmptyArray(node.values)) { + result.push({ + text: BI.i18nText("BI-Summary_Values"), + start: start++, + top: top, + cnt: 1, + isSummary: true, + height: o.rowSize + }); + top += o.rowSize; + } + } + }); + return result; + }, + + _layout: function () { + var self = this, o = this.options; + var headerHeight = this._getHeaderHeight(); + var items = this.layout.attr("items"); + if (o.isNeedFreeze === false) { + items[0].height = 0; + } else if (o.isNeedFreeze === true) { + items[0].height = headerHeight; + } + this.layout.attr("items", items); + this.layout.resize(); + this.scrollContainer.element.scrollTop(o.scrollTop); + }, + + _getHeaderHeight: function () { + var o = this.options; + return o.headerRowSize * (o.crossHeader.length + (o.header.length > 0 ? 1 : 0)); + }, + + _nextState: function () { + var o = this.options; + this._getNextSequence(o.items); + }, + + _prevState: function () { + var self = this, o = this.options; + var firstChild; + BI.some(o.items, function (i, node) { + if (BI.isNotEmptyArray(node.children)) { + return BI.some(node.children, function (j, child) { + firstChild = child; + return true; + }); + } + }); + if (firstChild && BI.isNotEmptyObject(this.cache)) { + this.start = this.cache[firstChild.text || firstChild.value]; + } else { + this.start = 1; + } + this._nextState(); + }, + + _getMaxScrollTop: function (numbers) { + var cnt = 0; + BI.each(numbers, function (i, number) { + cnt += number.cnt; + }); + return Math.max(0, cnt * this.options.rowSize - (this.options.height - this._getHeaderHeight()) + BI.DOM.getScrollWidth()); + }, + + _calculateChildrenToRender: function () { + var self = this, o = this.options; + + var renderedCells = [], renderedKeys = []; + var numbers = this._formatNumber(o.items); + var intervalTree = BI.PrefixIntervalTree.uniform(numbers.length, 0); + BI.each(numbers, function (i, number) { + intervalTree.set(i, number.height); + }); + var scrollTop = BI.clamp(o.scrollTop, 0, this._getMaxScrollTop(numbers)); + var index = intervalTree.greatestLowerBound(scrollTop); + var offsetTop = -(scrollTop - (index > 0 ? intervalTree.sumTo(index - 1) : 0)); + var height = offsetTop; + var bodyHeight = o.height - this._getHeaderHeight(); + while (height < bodyHeight && index < numbers.length) { + renderedKeys.push(index); + offsetTop += numbers[index].height; + height += numbers[index].height; + index++; + } + + BI.each(renderedKeys, function (i, key) { + var index = BI.deepIndexOf(self.renderedKeys, key); + if (index > -1) { + if (numbers[key].height !== self.renderedCells[index]._height) { + self.renderedCells[index]._height = numbers[key].height; + self.renderedCells[index].el.setHeight(numbers[key].height); + } + if (numbers[key].top !== self.renderedCells[index].top) { + self.renderedCells[index].top = numbers[key].top; + self.renderedCells[index].el.element.css("top", numbers[key].top + "px"); + } + renderedCells.push(self.renderedCells[index]); + } else { + var child = BI.createWidget(BI.extend({ + type: "bi.table_style_cell", + cls: "sequence-table-number-cell", + width: 60, + styleGetter: numbers[key].isSummary === true ? function () { + return o.summaryCellStyleGetter(true); + } : function (key) { + return function () { + return o.sequenceCellStyleGetter(key); + } + }(numbers[key].index) + }, numbers[key])); + renderedCells.push({ + el: child, + left: 0, + top: numbers[key].top, + _height: numbers[key].height + }); + } + }); + + //已存在的, 需要添加的和需要删除的 + var existSet = {}, addSet = {}, deleteArray = []; + BI.each(renderedKeys, function (i, key) { + if (BI.deepContains(self.renderedKeys, key)) { + existSet[i] = key; + } else { + addSet[i] = key; + } + }); + BI.each(this.renderedKeys, function (i, key) { + if (BI.deepContains(existSet, key)) { + return; + } + if (BI.deepContains(addSet, key)) { + return; + } + deleteArray.push(i); + }); + BI.each(deleteArray, function (i, index) { + self.renderedCells[index].el.destroy(); + }); + var addedItems = []; + BI.each(addSet, function (index) { + addedItems.push(renderedCells[index]) + }); + BI.createWidget({ + type: "bi.absolute", + element: this.container, + items: addedItems + }); + this.renderedCells = renderedCells; + this.renderedKeys = renderedKeys; + + this.container.setHeight(intervalTree.sumUntil(numbers.length)); + }, + + _restore: function () { + BI.each(this.renderedCells, function (i, cell) { + cell.el.destroy(); + }); + this.renderedCells = []; + this.renderedKeys = []; + }, + + _populate: function () { + var self = this; + BI.each(this.tasks, function (i, task) { + task.apply(self); + }); + this.tasks = []; + this.header.populate(); + this._layout(); + this._calculateChildrenToRender(); + }, + + setVerticalScroll: function (scrollTop) { + if (this.options.scrollTop !== scrollTop) { + this.options.scrollTop = scrollTop; + this.scrollContainer.element.scrollTop(scrollTop); + } + }, + + getVerticalScroll: function () { + return this.options.scrollTop; + }, + + setVPage: function (v) { + if (v <= 1) { + this.cache = {}; + this.start = this.options.startSequence; + this._restore(); + this.tasks.push(this._nextState); + } else if (v === this.vCurr + 1) { + this.tasks.push(this._nextState); + } else if (v === this.vCurr - 1) { + this.tasks.push(this._prevState); + } + this.vCurr = v; + }, + + setHPage: function (v) { + if (v !== this.hCurr) { + this.tasks.push(this._prevState); + } + this.hCurr = v; + }, + + restore: function () { + this._restore(); + }, + + populate: function (items, header, crossItems, crossHeader) { + var o = this.options; + if (items && items !== this.options.items) { + o.items = items; + this._restore(); + this.tasks.push(this._prevState); + } + if (header && header !== this.options.header) { + o.header = header; + } + if (crossItems && crossItems !== this.options.crossItems) { + o.crossItems = crossItems; + } + if (crossHeader && crossHeader !== this.options.crossHeader) { + o.crossHeader = crossHeader; + } + this._populate(); + } +}); +$.shortcut('bi.sequence_table_tree_number', BI.SequenceTableTreeNumber); \ No newline at end of file diff --git a/src/widget/simplesearcher/searcher.simple.js b/src/widget/simplesearcher/searcher.simple.js new file mode 100644 index 000000000..a674174f6 --- /dev/null +++ b/src/widget/simplesearcher/searcher.simple.js @@ -0,0 +1,108 @@ +/** + * 简单的搜索功能 + * + * Created by GUY on 2015/9/16. + * @class BI.SimpleSearcher + * @extends BI.Widget + */ +BI.SimpleSearcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SimpleSearcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-simple-searcher", + items: [], + itemsCreator: BI.emptyFn, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + }); + }, + + _init: function () { + BI.SimpleSearcher.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + + this.tree = BI.createWidget({ + type: "bi.select_data_tree", + items: o.items, + el: { + el: { + chooseType: o.chooseType + } + }, + itemsCreator: o.itemsCreator + }); + this.tree.on(BI.SelectDataTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleSearcher.EVENT_CHANGE, arguments); + }); + + this.searcher = BI.createWidget({ + type: "bi.searcher", + el: { + type: "bi.small_search_editor" + }, + isAutoSearch: false, //是否自动搜索 + isAutoSync: false, + onSearch: function (op, populate) { + o.itemsCreator(op, function (searchResult, matchResult) { + populate(searchResult, matchResult, op.keyword); + }) + }, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + popup: { + matcher: { + type: "bi.select_data_tree", + el: { + el: { + chooseType: o.chooseType + } + }, + itemsCreator: o.itemsCreator + }, + searcher: { + type: "bi.select_data_tree", + el: { + el: { + chooseType: o.chooseType + } + }, + itemsCreator: o.itemsCreator + } + }, + adapter: this.tree + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: { + type: "bi.absolute", + items: [{ + el: this.searcher, + left: 10, + right: 10, + top: 10 + }] + }, + height: 45 + }, this.tree] + }) + }, + + stopSearch: function () { + this.searcher.stopSearch(); + }, + + setValue: function (v) { + + }, + + getValue: function () { + return this.searcher.getValue(); + }, + + populate: function () { + this.tree.populate.apply(this.tree, arguments); + } +}); +BI.SimpleSearcher.EVENT_CHANGE = "SimpleSearcher.EVENT_CHANGE"; +$.shortcut('bi.simple_searcher', BI.SimpleSearcher); \ No newline at end of file diff --git a/src/widget/simpleselectdata/searcher/searcher.simpleselectdata.js b/src/widget/simpleselectdata/searcher/searcher.simpleselectdata.js new file mode 100644 index 000000000..30a3d3b58 --- /dev/null +++ b/src/widget/simpleselectdata/searcher/searcher.simpleselectdata.js @@ -0,0 +1,104 @@ +/** + * 完成搜索功能模块 + * + * Created by GUY on 2015/9/16. + * @class BI.SimpleSelectDataSearcher + * @extends BI.Widget + */ +BI.SimpleSelectDataSearcher = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SimpleSelectDataSearcher.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-simple-select-data-searcher", + items: [], + itemsCreator: BI.emptyFn, + popup: {}, + adapter: {} + }); + }, + + _init: function () { + BI.SimpleSelectDataSearcher.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + + this.tree = BI.createWidget(o.adapter, { + type: "bi.select_data_tree", + items: o.items, + el: { + el: { + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE + } + }, + itemsCreator: o.itemsCreator + }); + this.tree.on(BI.SelectDataTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleSelectDataSearcher.EVENT_CLICK_ITEM, arguments); + }); + + this.searcherPane = BI.createWidget(o.popup, { + type: "bi.simple_select_data_search_result_pane", + itemsCreator: o.itemsCreator + }); + this.searcherPane.on(BI.SimpleSelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE, function () { + self.searcher.doSearch(); + }); + this.searcherPane.on(BI.SimpleSelectDataSearchResultPane.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleSelectDataSearcher.EVENT_CLICK_ITEM, arguments); + }); + + + this.searcher = BI.createWidget({ + type: "bi.searcher", + el: { + type: "bi.small_search_editor" + }, + isAutoSearch: false, //是否自动搜索 + isAutoSync: false, + onSearch: function (op, populate) { + o.itemsCreator(BI.extend(op, { + searchType: self.searcherPane.getSegmentValue() + }), function (searchResult, matchResult) { + populate(searchResult, matchResult, op.keyword); + }) + }, + chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, + popup: this.searcherPane, + adapter: this.tree + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: { + type: "bi.absolute", + items: [{ + el: this.searcher, + left: 10, + right: 10, + top: 10 + }] + }, + height: 45 + }, this.tree] + }) + }, + + stopSearch: function () { + this.searcher.stopSearch(); + }, + + setValue: function (v) { + + }, + + getValue: function () { + return this.searcher.getValue(); + }, + + populate: function () { + this.tree.populate.apply(this.tree, arguments); + } +}); +BI.SimpleSelectDataSearcher.EVENT_CLICK_ITEM = "EVENT_CLICK_ITEM"; +$.shortcut('bi.simple_select_data_searcher', BI.SimpleSelectDataSearcher); \ No newline at end of file diff --git a/src/widget/simpleselectdata/searchpane/result.search.simpleselectdata.js b/src/widget/simpleselectdata/searchpane/result.search.simpleselectdata.js new file mode 100644 index 000000000..49d25e338 --- /dev/null +++ b/src/widget/simpleselectdata/searchpane/result.search.simpleselectdata.js @@ -0,0 +1,104 @@ +/** + * 搜索结果面板 + * + * Created by GUY on 2015/9/16. + * @class BI.SimpleSelectDataSearchResultPane + * @extends BI.Widget + */ +BI.SimpleSelectDataSearchResultPane = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SimpleSelectDataSearchResultPane.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-select-data-search-result-pane bi-select-data-search-result-pane bi-searcher-view", + itemsCreator: BI.emptyFn, + segment: {} + }); + }, + + _init: function () { + BI.SimpleSelectDataSearchResultPane.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.segment = BI.createWidget(o.segment, { + type: "bi.simple_select_data_search_segment", + cls: "search-result-toolbar" + }); + this.segment.on(BI.SimpleSelectDataSearchSegment.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleSelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE); + }); + + this.resultPane = BI.createWidget({ + type: "bi.searcher_view", + matcher: { + type: "bi.select_data_tree", + el: { + el: { + chooseType: BI.Selection.Single + } + }, + itemsCreator: o.itemsCreator + }, + searcher: { + type: "bi.select_data_tree", + el: { + el: { + chooseType: BI.Selection.Single + } + }, + itemsCreator: o.itemsCreator + } + }); + + this.resultPane.on(BI.SearcherView.EVENT_CHANGE, function () { + self.fireEvent(BI.SimpleSelectDataSearchResultPane.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.vtape", + element: this, + items: [{ + el: this.segment, + height: 30 + }, { + type: "bi.border", + cls: "search-result-line", + height: 2 + }, { + type: "bi.border", + cls: "search-result-line", + height: 1 + }, { + type: "bi.absolute", + items: [{ + el: this.resultPane, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }] + }); + }, + + empty: function () { + this.resultPane.empty(); + }, + + populate: function (searchResult, matchResult, keyword) { + this.resultPane.populate.apply(this.resultPane, arguments); + }, + + setValue: function (v) { + + }, + + getSegmentValue: function () { + return this.segment.getValue(); + }, + + getValue: function () { + return this.resultPane.getValue(); + } +}); +BI.SimpleSelectDataSearchResultPane.EVENT_SEARCH_TYPE_CHANGE = "EVENT_SEARCH_TYPE_CHANGE"; +BI.SimpleSelectDataSearchResultPane.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.simple_select_data_search_result_pane', BI.SimpleSelectDataSearchResultPane); \ No newline at end of file diff --git a/src/widget/simpleselectdata/searchpane/segment.search.simpleselectdata.js b/src/widget/simpleselectdata/searchpane/segment.search.simpleselectdata.js new file mode 100644 index 000000000..817a42a4b --- /dev/null +++ b/src/widget/simpleselectdata/searchpane/segment.search.simpleselectdata.js @@ -0,0 +1,69 @@ +/** + * search面板选项栏 + * + * Created by GUY on 2015/9/16. + * @class BI.SimpleSelectDataSearchSegment + * @extends BI.Widget + */ +BI.SimpleSelectDataSearchSegment = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.SimpleSelectDataSearchSegment.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-select-data-search-segment", + height: 30, + items: [{ + text: BI.i18nText("BI-Basic_Field"), + selected: true, + value: BI.SelectDataSearchSegment.SECTION_FIELD + }, { + text: BI.i18nText("BI-Basic_Table"), + value: BI.SelectDataSearchSegment.SECTION_TABLE + }] + }); + }, + + _init: function () { + BI.SimpleSelectDataSearchSegment.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.segment = BI.createWidget({ + type: "bi.segment", + height: 20, + cls: "search-segment-field-table", + items: o.items + }); + this.segment.on(BI.Segment.EVENT_CHANGE, function(){ + self.fireEvent(BI.SimpleSelectDataSearchSegment.EVENT_CHANGE); + }); + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [{ + type: "bi.absolute", + height: o.height, + items: [{ + el: this.segment, + top: 5, + right: 10, + left: 10, + bottom: 5 + }] + }] + }); + }, + + setValue: function (v) { + var self = this; + BI.each([BI.SelectDataSearchSegment.SECTION_FIELD, + BI.SelectDataSearchSegment.SECTION_TABLE], function (i, key) { + if (key & v) { + self.segment.setValue(key & v); + } + }); + }, + + getValue: function () { + return this.segment.getValue()[0] + } +}); + +BI.SimpleSelectDataSearchSegment.EVENT_CHANGE = "SimpleSelectDataSearchSegment.EVENT_CHANGE"; +$.shortcut('bi.simple_select_data_search_segment', BI.SimpleSelectDataSearchSegment); \ No newline at end of file diff --git a/src/widget/simpleselectdata/treenode/node.level0.js b/src/widget/simpleselectdata/treenode/node.level0.js new file mode 100644 index 000000000..3c5e85147 --- /dev/null +++ b/src/widget/simpleselectdata/treenode/node.level0.js @@ -0,0 +1,76 @@ +/** + * Created by GUY on 2015/9/6. + * @class BI.SimpleSelectDataLevel0Node + * @extends BI.NodeButton + */ +BI.SimpleSelectDataLevel0Node = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + return BI.extend(BI.SimpleSelectDataLevel0Node.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-simple-select-data-level0-node bi-list-item", + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.SimpleSelectDataLevel0Node.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if (type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + width: 23, + el: this.checkbox + }, { + el: this.text + }] + }) + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.SimpleSelectDataLevel0Node.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.SimpleSelectDataLevel0Node.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setEnable: function (b) { + BI.SimpleSelectDataLevel0Node.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + } +}); + +$.shortcut("bi.simple_select_data_level0_node", BI.SimpleSelectDataLevel0Node); \ No newline at end of file diff --git a/src/widget/simpleselectdata/treenode/node.level1.js b/src/widget/simpleselectdata/treenode/node.level1.js new file mode 100644 index 000000000..863ca719b --- /dev/null +++ b/src/widget/simpleselectdata/treenode/node.level1.js @@ -0,0 +1,81 @@ +/** + * Created by GUY on 2015/9/6. + * @class BI.SimpleSelectDataLevel1Node + * @extends BI.NodeButton + */ +BI.SimpleSelectDataLevel1Node = BI.inherit(BI.NodeButton, { + _defaultConfig: function () { + return BI.extend(BI.SimpleSelectDataLevel1Node.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-simple-select-data-level1-node bi-list-item", + id: "", + pId: "", + open: false, + height: 25 + }) + }, + _init: function () { + BI.SimpleSelectDataLevel1Node.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.checkbox = BI.createWidget({ + type: "bi.tree_group_node_checkbox" + }); + this.text = BI.createWidget({ + type: "bi.label", + textAlign: "left", + whiteSpace: "nowrap", + textHeight: o.height, + height: o.height, + hgap: o.hgap, + text: o.text, + value: o.value, + py: o.py + }); + this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) { + if(type === BI.Events.CLICK) { + self.setSelected(self.isSelected()); + } + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + BI.createWidget({ + type: "bi.htape", + element: this, + items: [{ + el: { + type: "bi.layout" + }, + width: 10 + },{ + width: 23, + el: this.checkbox + }, { + el: this.text + }] + }) + }, + + doRedMark: function () { + this.text.doRedMark.apply(this.text, arguments); + }, + + unRedMark: function () { + this.text.unRedMark.apply(this.text, arguments); + }, + + doClick: function () { + BI.SimpleSelectDataLevel1Node.superclass.doClick.apply(this, arguments); + this.checkbox.setSelected(this.isOpened()); + }, + + setOpened: function (v) { + BI.SimpleSelectDataLevel1Node.superclass.setOpened.apply(this, arguments); + this.checkbox.setSelected(v); + }, + + setEnable: function (b) { + BI.SimpleSelectDataLevel1Node.superclass.setEnable.apply(this, arguments); + this.checkbox.setEnable(b); + } +}); + +$.shortcut("bi.simple_select_data_level1_node", BI.SimpleSelectDataLevel1Node); \ No newline at end of file diff --git a/src/widget/singleslider/singleslider.js b/src/widget/singleslider/singleslider.js new file mode 100644 index 000000000..e962f3373 --- /dev/null +++ b/src/widget/singleslider/singleslider.js @@ -0,0 +1,287 @@ +/** + * Created by zcf on 2016/9/22. + */ +BI.SingleSlider = BI.inherit(BI.Widget, { + _constant: { + EDITOR_WIDTH: 90, + EDITOR_HEIGHT: 30, + HEIGHT: 28, + SLIDER_WIDTH_HALF: 15, + SLIDER_WIDTH: 30, + SLIDER_HEIGHT: 30, + TRACK_HEIGHT: 24 + }, + _defaultConfig: function () { + return BI.extend(BI.SingleSlider.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-slider bi-slider-track" + }); + }, + _init: function () { + BI.SingleSlider.superclass._init.apply(this, arguments); + + var self = this; + var c = this._constant; + this.enable = false; + this.value = ""; + + this.backgroundTrack = BI.createWidget({ + type: "bi.layout", + cls: "background-track", + height: c.TRACK_HEIGHT + }); + this.grayTrack = BI.createWidget({ + type: "bi.layout", + cls: "gray-track", + height: 8 + }); + this.blueTrack = BI.createWidget({ + type: "bi.layout", + cls: "blue-track", + height: 8 + }); + this.track = this._createTrackWrapper(); + + this.slider = BI.createWidget({ + type: "bi.single_slider_slider" + }); + this.slider.element.draggable({ + axis: "x", + containment: this.grayTrack.element, + scroll: false, + drag: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1));//直接对计算出来的百分数保留到小数点后一位,相当于分成了1000份。 + self._setBlueTrack(significantPercent); + self._setLabelPosition(significantPercent); + var v = self._getValueByPercent(significantPercent); + self.label.setValue(v); + self.value = v; + }, + stop: function (e, ui) { + var percent = (ui.position.left) * 100 / (self._getGrayTrackLength()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setSliderPosition(significantPercent); + self.fireEvent(BI.SingleSlider.EVENT_CHANGE); + } + }); + var sliderVertical = BI.createWidget({ + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [this.slider] + }], + hgap: c.SLIDER_WIDTH_HALF, + height: c.SLIDER_HEIGHT + }); + sliderVertical.element.click(function (e) { + if (self.enable) { + var offset = e.clientX - self.element.offset().left - c.SLIDER_WIDTH_HALF; + var trackLength = self.track.element[0].scrollWidth; + var percent = 0; + if (offset < 0) { + percent = 0 + } + if (offset > 0 && offset < (trackLength - c.SLIDER_WIDTH)) { + percent = offset * 100 / self._getGrayTrackLength(); + } + if (offset > (trackLength - c.SLIDER_WIDTH)) { + percent = 100 + } + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setAllPosition(significantPercent); + var v = self._getValueByPercent(significantPercent); + self.label.setValue(v); + self.value = v; + self.fireEvent(BI.SingleSlider.EVENT_CHANGE); + } + }); + this.label = BI.createWidget({ + type: "bi.sign_editor", + cls: "slider-editor-button", + errorText: "", + height: c.HEIGHT, + width: c.EDITOR_WIDTH, + allowBlank: false, + validationChecker: function (v) { + return self._checkValidation(v); + }, + quitChecker: function (v) { + return self._checkValidation(v); + } + }); + this.label.on(BI.SignEditor.EVENT_CONFIRM, function () { + var percent = self._getPercentByValue(this.getValue()); + var significantPercent = BI.parseFloat(percent.toFixed(1)); + self._setAllPosition(significantPercent); + self.fireEvent(BI.SingleSlider.EVENT_CHANGE); + }); + this._setVisible(false); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.track, + width: "100%", + height: c.TRACK_HEIGHT + }] + }], + hgap: 7, + height: c.TRACK_HEIGHT + }, + top: 33, + left: 0, + width: "100%" + }, { + el: sliderVertical, + top: 30, + left: 0, + width: "100%" + }, { + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [this.label] + }], + rgap: c.EDITOR_WIDTH, + height: c.EDITOR_HEIGHT + }, + top: 0, + left: 0, + width: "100%" + }] + }) + }, + + _createTrackWrapper: function () { + return BI.createWidget({ + type: "bi.absolute", + items: [{ + el: this.backgroundTrack, + width: "100%" + }, { + el: { + type: "bi.vertical", + items: [{ + type: "bi.absolute", + items: [{ + el: this.grayTrack, + top: 0, + left: 0, + width: "100%" + }, { + el: this.blueTrack, + top: 0, + left: 0, + width: "0%" + }] + }], + hgap: 8, + height: 8 + }, + top: 8, + left: 0, + width: "100%" + }] + }) + }, + + _checkValidation: function (v) { + return !(BI.isNull(v) || v < this.min || v > this.max) + }, + + _setBlueTrack: function (percent) { + this.blueTrack.element.css({"width": percent + "%"}); + }, + + _setLabelPosition: function (percent) { + this.label.element.css({"left": percent + "%"}); + }, + + _setSliderPosition: function (percent) { + this.slider.element.css({"left": percent + "%"}); + }, + + _setAllPosition: function (percent) { + this._setSliderPosition(percent); + this._setLabelPosition(percent); + this._setBlueTrack(percent); + }, + + _setVisible: function (visible) { + this.slider.setVisible(visible); + this.label.setVisible(visible); + }, + + _getGrayTrackLength: function () { + return this.grayTrack.element[0].scrollWidth + }, + + _getValueByPercent: function (percent) { + var thousandth = BI.parseInt(percent * 10); + return (((this.max - this.min) * thousandth) / 1000 + this.min); + }, + + _getPercentByValue: function (v) { + return (v - this.min) * 100 / (this.max - this.min); + }, + + getValue: function () { + return this.value; + }, + + setValue: function (v) { + var value = BI.parseFloat(v); + if ((!isNaN(value))) { + if (this._checkValidation(value)) { + this.value = value; + } + if (value > this.max) { + this.value = this.max; + } + if (value < this.min) { + this.value = this.min; + } + } + }, + + setMinAndMax: function (v) { + var minNumber = BI.parseFloat(v.min); + var maxNumber = BI.parseFloat(v.max); + if ((!isNaN(minNumber)) && (!isNaN(maxNumber)) && (maxNumber > minNumber )) { + this.min = minNumber; + this.max = maxNumber; + } + }, + + reset: function () { + this._setVisible(false); + this.enable = false; + this.value = ""; + this.min = 0; + this.max = 0; + this._setBlueTrack(0); + }, + + populate: function () { + if (!isNaN(this.min) && !isNaN(this.max)) { + this._setVisible(true); + this.enable = true; + this.label.setErrorText(BI.i18nText("BI-Please_Enter") + this.min + "-" + this.max + BI.i18nText("BI-Basic_De") + BI.i18nText("BI-Basic_Number")); + if (BI.isNumeric(this.value) || BI.isNotEmptyString(this.value)) { + this.label.setValue(this.value); + this._setAllPosition(this._getPercentByValue(this.value)); + } else { + this.label.setValue(this.max); + this._setAllPosition(100); + } + } + } +}); +BI.SingleSlider.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.single_slider", BI.SingleSlider); \ No newline at end of file diff --git a/src/widget/singleslider/slider/widget.slider.js b/src/widget/singleslider/slider/widget.slider.js new file mode 100644 index 000000000..58118c464 --- /dev/null +++ b/src/widget/singleslider/slider/widget.slider.js @@ -0,0 +1,33 @@ +/** + * Created by zcf on 2016/9/22. + */ +BI.Slider = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.Slider.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-slider-slider" + }); + }, + _init: function () { + BI.extend(BI.Slider.superclass._init.apply(this, arguments)); + this.slider = BI.createWidget({ + type: "bi.icon_button", + cls: "widget-slider-icon", + iconWidth: 30, + iconHeight: 30, + height: 30, + width: 30 + }); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.slider, + top: 0, + left: -15 + }], + width: 0, + height: 30 + }); + } +}); +$.shortcut("bi.single_slider_slider", BI.Slider); \ No newline at end of file diff --git a/src/widget/singletree/singletree.combo.js b/src/widget/singletree/singletree.combo.js new file mode 100644 index 000000000..429b7d94b --- /dev/null +++ b/src/widget/singletree/singletree.combo.js @@ -0,0 +1,74 @@ +/** + * @class BI.SingleTreeCombo + * @extends BI.Widget + */ +BI.SingleTreeCombo = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SingleTreeCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-tree-combo", + trigger: {}, + height: 30, + text: "", + items: [] + }); + }, + + _init: function () { + BI.SingleTreeCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.trigger = BI.createWidget(BI.extend({ + type: "bi.single_tree_trigger", + text: o.text, + height: o.height, + items: o.items + }, o.trigger)); + + this.popup = BI.createWidget({ + type: "bi.single_tree_popup", + items: o.items + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + adjustLength: 2, + el: this.trigger, + popup: { + el: this.popup + } + }); + + this.combo.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + self.fireEvent(BI.SingleTreeCombo.EVENT_BEFORE_POPUPVIEW, arguments); + }); + + this.popup.on(BI.SingleTreePopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.SingleTreeCombo.EVENT_CHANGE); + }); + }, + + populate: function (items) { + this.combo.populate(items); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + } +}); + +BI.SingleTreeCombo.EVENT_CHANGE = "SingleTreeCombo.EVENT_CHANGE"; +BI.SingleTreeCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; +$.shortcut("bi.single_tree_combo", BI.SingleTreeCombo); \ No newline at end of file diff --git a/src/widget/singletree/singletree.popup.js b/src/widget/singletree/singletree.popup.js new file mode 100644 index 000000000..2a8eba072 --- /dev/null +++ b/src/widget/singletree/singletree.popup.js @@ -0,0 +1,63 @@ +/** + * @class BI.SingleTreePopup + * @extends BI.Pane + */ + +BI.SingleTreePopup = BI.inherit(BI.Pane, { + + _defaultConfig: function () { + return BI.extend(BI.SingleTreePopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-tree-popup", + tipText: BI.i18nText("BI-No_Selected_Item"), + items: [] + }); + }, + + _init: function () { + BI.SingleTreePopup.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.tree = BI.createWidget({ + type: 'bi.level_tree', + expander: { + isDefaultInit: true + }, + items: o.items, + chooseType: BI.Selection.Single + }); + + BI.createWidget({ + type: "bi.vertical", + element: this, + items: [this.tree] + }); + + this.tree.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + + this.tree.on(BI.LevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SingleTreePopup.EVENT_CHANGE); + }); + + this.check(); + }, + + getValue: function () { + return this.tree.getValue(); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.tree.setValue(v); + }, + + populate: function (items) { + BI.SingleTreePopup.superclass.populate.apply(this, arguments); + this.tree.populate(items); + } +}); + +BI.SingleTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.single_tree_popup", BI.SingleTreePopup); \ No newline at end of file diff --git a/src/widget/singletree/singletree.trigger.js b/src/widget/singletree/singletree.trigger.js new file mode 100644 index 000000000..bb639cf83 --- /dev/null +++ b/src/widget/singletree/singletree.trigger.js @@ -0,0 +1,59 @@ +/** + * @class BI.SingleTreeTrigger + * @extends BI.Trigger + */ + +BI.SingleTreeTrigger = BI.inherit(BI.Trigger, { + + _defaultConfig: function () { + return BI.extend(BI.SingleTreeTrigger.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-single-tree-trigger", + height: 30, + text: "", + items: [] + }); + }, + + _init: function () { + BI.SingleTreeTrigger.superclass._init.apply(this, arguments); + + var self = this, o = this.options; + + this.trigger = BI.createWidget({ + type: "bi.select_text_trigger", + element: this, + text: o.text, + items: o.items, + height: o.height + }); + }, + + _checkTitle: function () { + var self = this, val = this.getValue(); + BI.any(this.options.items, function (i, item) { + if (val.contains(item.value)) { + self.trigger.setTitle(item.text || item.value); + return true; + } + }); + }, + + setValue: function (v) { + v = BI.isArray(v) ? v : [v]; + this.options.value = v; + this.trigger.setValue(v); + this._checkTitle(); + }, + + getValue: function () { + return this.options.value || []; + }, + + populate: function (items) { + BI.SingleTreeTrigger.superclass.populate.apply(this, arguments); + this.trigger.populate(items); + } + +}); + +$.shortcut("bi.single_tree_trigger", BI.SingleTreeTrigger); \ No newline at end of file diff --git a/src/widget/sortabletable/sortabletable.dashline.horizontal.js b/src/widget/sortabletable/sortabletable.dashline.horizontal.js new file mode 100644 index 000000000..409a3d98f --- /dev/null +++ b/src/widget/sortabletable/sortabletable.dashline.horizontal.js @@ -0,0 +1,61 @@ +BI.HorizontalDashLine = BI.inherit(BI.Widget, { + + + _defaultConfig: function () { + return BI.extend(BI.HorizontalDashLine.superclass._defaultConfig.apply(this, arguments), { + baseCls:"bi-svg-line-horizontal", + gap:5, + line:8, + stroke: "#009de3", + fill:"white", + height:3, + width:200 + }) + }, + + _init: function () { + BI.HorizontalDashLine.superclass._init.apply(this, arguments); + var o = this.options; + this.svg = BI.createWidget({ + type:"bi.svg", + element: this, + height: o.height, + width: o.width + }) + this.setMove() + }, + + setLength : function (w) { + if(w === this.options.width){ + return; + } + BI.HorizontalDashLine.superclass.setWidth.apply(this, arguments); + var o = this.options; + this.setMove() + }, + + + setMove:function() { + var o = this.options; + this.svg.clear(); + this.svg.path(this._createPath(0)).attr({ + stroke: o.stroke, + fill: o.fill + }) + }, + + _createPath : function (startPos) { + var o = this.options; + var path =""; + for(var j = 0; j < o.height; j++) { + for(var i = startPos - o.line; i < o.width; i+= o.line) { + path +="M" + (i + j)+ ","+ j + path +="L" + (i + j + o.line) + "," + j + i+= o.gap + } + } + return path; + } + +}) +$.shortcut("bi.horizontal_dash_line", BI.HorizontalDashLine); \ No newline at end of file diff --git a/src/widget/sortabletable/sortabletable.dashline.vertical.js b/src/widget/sortabletable/sortabletable.dashline.vertical.js new file mode 100644 index 000000000..19defe1ac --- /dev/null +++ b/src/widget/sortabletable/sortabletable.dashline.vertical.js @@ -0,0 +1,60 @@ +BI.VerticalDashLine = BI.inherit(BI.Widget, { + + + _defaultConfig: function () { + return BI.extend(BI.VerticalDashLine.superclass._defaultConfig.apply(this, arguments), { + baseCls:"bi-svg-line-vertical", + gap:5, + line:8, + stroke: "#009de3", + fill:"white", + height:200, + width:3 + }) + }, + + _init: function () { + BI.VerticalDashLine.superclass._init.apply(this, arguments); + var o = this.options; + this.svg = BI.createWidget({ + type:"bi.svg", + element: this, + height: o.height, + width: o.width + }) + this.setMove() + }, + + setLength : function (w) { + if(w === this.options.height){ + return; + } + BI.VerticalDashLine.superclass.setHeight.apply(this, arguments); + this.setMove() + }, + + + setMove:function() { + var o = this.options; + this.svg.clear(); + this.svg.path(this._createPath(0)).attr({ + stroke: o.stroke, + fill: o.fill + }) + }, + + _createPath : function (startPos) { + var o = this.options; + var path =""; + for(var j = 0; j < o.width; j++) { + for(var i = startPos - o.line; i < o.height; i+= o.line) { + path +="M"+ j + "," + (i + j) + path +="L" + j + "," + (i + j + o.line) + i+= o.gap + } + } + return path; + } + +}) +$.shortcut("bi.vertical_dash_line", BI.VerticalDashLine); \ No newline at end of file diff --git a/src/widget/sortabletable/sortabletable.drag.button.js b/src/widget/sortabletable/sortabletable.drag.button.js new file mode 100644 index 000000000..8c0a0762f --- /dev/null +++ b/src/widget/sortabletable/sortabletable.drag.button.js @@ -0,0 +1,46 @@ +BI.TriangleDragButton = BI.inherit(BI.Widget, { + _defaultConfig: function() { + return BI.extend(BI.TriangleDragButton.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-triangle-drag-button", + height : 30, + width : 30, + lineCount:6, + stroke: "#009de3", + fill:"white", + drag : null + }) + }, + + + _init : function() { + BI.TriangleDragButton.superclass._init.apply(this, arguments); + var o = this.options; + var svg = BI.createWidget({ + type:"bi.svg", + element: this, + height: o.height, + width: o.width + }) + var path = ""; + var h_step = o.height/ o.lineCount; + var w_step = o.width/ o.lineCount; + for(var i = 0; i < o.lineCount; i++){ + path +="M0," +(h_step * (i + 1)); + path +="L" + (w_step * (i + 1)) +",0" + } + svg.path(path).attr({ + stroke: o.stroke, + fill: o.fill + }) + this.reInitDrag(); + }, + + reInitDrag : function () { + var o = this.options; + if(BI.isNotNull(o.drag)) { + this.element.draggable(o.drag) + } + } +}); + +$.shortcut("bi.triangle_drag_button", BI.TriangleDragButton); \ No newline at end of file diff --git a/src/widget/sortabletable/sortabletable.js b/src/widget/sortabletable/sortabletable.js new file mode 100644 index 000000000..1e1444d95 --- /dev/null +++ b/src/widget/sortabletable/sortabletable.js @@ -0,0 +1,366 @@ +/** + * 可以交换列位置的表格 + * + * @class BI.SortableTable + * @extends BI.Widget + */ +BI.SortableTable = BI.inherit(BI.Widget, { + + _const: { + perColumnSize: 100, + dragButtonWidth: 24, + dragButtonHeight: 24, + lineCount: 6, + lineWidth: 3 + }, + + _defaultConfig: function () { + return BI.extend(BI.SortableTable.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-sortable-table", + + headerRowSize: 30, + footerRowSize: 25, + rowSize: 25, + sortable: true, + + header: [], + items: [] //二维数组 + }); + }, + + _init: function () { + BI.SortableTable.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.insertLine = []; + + this.table = BI.createWidget({ + type: "bi.table_view", + isNeedResize: false, + isResizeAdapt: false, + columnSize: [], + headerRowSize: o.headerRowSize, + footerRowSize: o.footerRowSize, + rowSize: o.rowSize, + regionColumnSize: false, + header: o.header, + items: o.items + }); + this.table.on(BI.Table.EVENT_TABLE_AFTER_INIT, function () { + if(o.sortable === true){ + self._initDrag(); + self._createDashedLines(); + self._createInsertLine(); + } + self.fireEvent(BI.Table.EVENT_TABLE_AFTER_INIT, arguments); + }); + this.table.on(BI.Table.EVENT_TABLE_RESIZE, function () { + if(o.sortable === true){ + self._createDashedLines(); + self._createInsertLine(); + } + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE, arguments); + }); + + this.table.element.mousemove(function(e){ + BI.each(self.dragHelpers, function(idx, dragHelper){ + var visible = (idx === self._getMouseInColumnIndex(e)); + dragHelper.setVisible(visible); + BI.each(self.dragHelpersLines[idx], function(id, line){ + line.setVisible(visible); + }) + }) + }) + + this.table.element.hover(function(e){ + }, function(e){ + BI.each(self.dragHelpers, function(idx, dragHelper){ + dragHelper.setVisible(false); + BI.each(self.dragHelpersLines[idx], function(id, line){ + line.setVisible(false); + }) + }) + }); + + this.element.droppable({ + accept: ".drag-header", + drop: function (e, ui) { + var absolutePosition = ui.position.left + self.table.getRightHorizontalScroll() + (e.pageX - ui.helper.offset().left); + var dropPosition = self._getColumnsLeftBorderDistance(); + var insertIndex = self._getNearIndexFromArray(dropPosition, absolutePosition) + //这个insertIndex是包含原元素的index + //调整item顺序,重新populate + var flag = self._exchangeItemsAndHeaderPosition(ui.helper.data("index"), insertIndex) + if(flag === true){ + BI.nextTick(function(){ + self.populate(o.items, o.header); + }); + self.fireEvent(BI.SortableTable.EVENT_CHANGE, ui.helper.data("index"), insertIndex); + } + } + }); + + BI.createWidget({ + type: "bi.vertical", + scrollx: false, + element: this, + items: [this.table] + }); + }, + + /** + * 插入到对应列的辅助线 + * @private + */ + _createInsertLine: function(){ + var self = this; + var dropPosition = this._getColumnsLeftBorderDistance(); + var height = this.table.getClientRegionRowSize()[0]; + var lineObj = { + type: "bi.layout", + cls: "insert-help-line", + invisible: true + }; + this.insertLine = [BI.createWidget(lineObj)]; + var hearders = this.table.getColumns().header[0]; + BI.each(hearders, function(idx, header){ + var line = BI.createWidget(BI.extend(lineObj)); + self.insertLine.push(line); + }); + BI.createWidget({ + type: "bi.absolute", + element: this.table.element, + items: BI.map(self.insertLine, function(idx, line){ + if(idx === self.insertLine.length - 1){ + return { + el: line, + top: 0, + height: height, + right: 0 + } + } + return { + el: line, + top: 0, + height: height, + left: dropPosition[idx] + } + }) + }) + }, + + _createDashedLines: function(){ + var self = this, c = this._const, o = this.options; + var RowsSize = this.table.getClientRegionRowSize(); + var columnsSizes = this.table.getCalculateColumnSize(); + var dropPosition = this._getColumnsLeftBorderDistance(); + var len = this.table.getCalculateRegionColumnSize()[0]; + this.dragHelpersLines = []; + BI.each(this.table.getColumns().header[0], function(idx, header){ + self.dragHelpersLines.push([BI.createWidget({ + type:"bi.horizontal_dash_line", //上 + width: columnsSizes[idx], + height: c.lineWidth, + invisible: true + }),BI.createWidget({ + type:"bi.vertical_dash_line", //右 + width: c.lineWidth, + height: RowsSize[0], + invisible: true + }),BI.createWidget({ + type:"bi.horizontal_dash_line", //下 + width: columnsSizes[idx], + height: c.lineWidth, + invisible: true + }),BI.createWidget({ //左 + type:"bi.vertical_dash_line", + width: c.lineWidth, + height: RowsSize[0], + invisible: true + })]); + }); + var length = this.dragHelpersLines.length; + BI.createWidget({ + type: "bi.absolute", + element: self.table, + items: BI.flatten(BI.map(this.dragHelpersLines, function(idx, children){ + return BI.map(children, function(id, child){ + var baseObj = { + el: child, + width: id % 2 === 0 ? columnsSizes[idx] : c.lineWidth, + height: id % 2 === 0 ? c.lineWidth : RowsSize[0] + } + if(id === 0 || id === children.length - 1){ //上和左 + return BI.extend({ + top: 0, + left: dropPosition[idx], + }, baseObj) + }else{ + return BI.extend({ //右和下 + bottom: 0, + right: idx === length - 1 ? 0 : len - dropPosition[idx + 1], + }, baseObj) + } + }); + })) + }) + }, + + _initDrag: function(){ + var self = this, c = this._const, o = this.options; + this.dragHelpers = []; + BI.each(this.table.getColumns().header[0], function(idx, header){ + var dragButton = BI.createWidget({ + type: "bi.triangle_drag_button", + cls: "drag-header", + width: c.dragButtonWidth, + height: c.dragButtonHeight, + lineCount: c.lineCount, + invisible: true + }); + BI.createWidget({ + type: "bi.absolute", + element: header, + items: [{ + el: dragButton, + top: 0, + left: 0 + }] + }) + + dragButton.element.draggable({ + axis: "x", //拖拽路径 + revert: false, + cursor: BICst.cursorUrl, + cursorAt: {left: 5, top: 5}, + containment: self.element, //约束拖拽区域 + drag: function(e, ui){ + self._showInsertHelpLine(e, ui); + }, + stop: function(){ + BI.each(self.insertLine, function(idx, line){ + line.setVisible(false); + }) + }, + helper: function () { + var RowsSize = self.table.getClientRegionRowSize(); + var columnsSizes = self.table.getCalculateColumnSize(); + var clone = BI.createWidget({ + type: "bi.layout", + cls: "sortable_table_drag_clone", + data: {index: BI.parseInt(idx)}, + width: columnsSizes[idx], + height: RowsSize[0] + }) + clone.element.appendTo(self.element); + return clone.element; + } + }) + self.dragHelpers.push(dragButton); + }); + }, + + _getMouseInColumnIndex: function(e){ + var dropPosition = this._getColumnsLeftBorderDistance(); + var columnsSizes = this.table.getCalculateColumnSize(); + var tableHeight = this.table.getClientRegionRowSize()[0]; + var tableOffsetLeft = e.pageX - this.table.element.offset().left; + var tableOffsetTop = this.table.element.offset().top; + return BI.find(BI.makeArray(dropPosition.length, null), function(idx){ + return !(tableOffsetLeft < dropPosition[idx] || tableOffsetLeft > dropPosition[idx] + columnsSizes[idx] + || e.pageY < tableOffsetTop || e.pageY >= tableOffsetTop + tableHeight); + }) + }, + + _getColumnsLeftBorderDistance: function(){ + var dropPosition = []; + var columnSizes = this.table.getCalculateColumnSize(); + BI.each(columnSizes, function(idx, columnSize){ + if(idx === 0){ + dropPosition.push(0) + }else{ + //+ 1边框偏移值 + dropPosition.push(dropPosition[idx - 1] + columnSizes[idx - 1] + 1) + } + }); + return dropPosition; + }, + + _showInsertHelpLine: function(e, ui){ + var absolutePosition = ui.position.left + this.table.getRightHorizontalScroll() + (e.pageX - ui.helper.offset().left); + var dropPosition = this._getColumnsLeftBorderDistance(); + var insertIndex = this._getNearIndexFromArray(dropPosition, absolutePosition); + BI.each(this.insertLine, function(idx, line){ + line.setVisible(insertIndex === idx); + }) + BI.each(this.dragHelpers, function(idx, helper){ + helper.setVisible(false); + }) + }, + + _exchangeItemsAndHeaderPosition: function (sourceIndex, targetIndex) { + var o = this.options; + if(sourceIndex === targetIndex){ + return false; + } + var header = BI.unzip(o.header); + var items = BI.unzip(o.items); + var sourceHeader = header[sourceIndex]; + var sourceitems = items[sourceIndex]; + header.splice(targetIndex, 0, sourceHeader); + items.splice(targetIndex, 0, sourceitems); + var deleteIndex = (sourceIndex < targetIndex) ? sourceIndex : sourceIndex + 1; + BI.removeAt(header, deleteIndex); + BI.removeAt(items, deleteIndex); + o.header = BI.unzip(header); + o.items = BI.unzip(items); + return true; + }, + + _getNearIndexFromArray: function (array, v) { + var self = this; + var index = 0; + BI.some(array, function (idx, item) { + if (idx === array.length - 1) { + index = idx; + //如果是最后一列,且鼠标位置超出最后一列的中间位置,表示插入到最后 + var len = self.table.getCalculateRegionColumnSize()[0]; + var columnSizes = self.table.getCalculateColumnSize(); + if(v > len - columnSizes[idx] / 2){ + index++; + } + } else { + if (v < array[idx + 1]) { + var avg = (item + array[idx + 1]) / 2; + + index = v < avg ? idx : idx + 1; + return true; + } + } + }) + return index; + }, + + getColumns: function(){ + return this.table.getColumns(); + }, + + setSortable: function(sortable){ + this.options.sortable = sortable; + }, + + populate: function (items, headers) { + var self = this, o = this.options; + o.header = headers; + o.items = items; + self.table.populate(o.items, o.header); + }, + + destroy: function () { + this.table.destroy(); + BI.SortableTable.superclass.destroy.apply(this, arguments); + } +}); + +BI.SortableTable.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut('bi.sortable_table', BI.SortableTable); \ No newline at end of file diff --git a/src/widget/switchtree/switchtree.js b/src/widget/switchtree/switchtree.js new file mode 100644 index 000000000..1c29abfe5 --- /dev/null +++ b/src/widget/switchtree/switchtree.js @@ -0,0 +1,111 @@ +/** + * 可以单选多选切换的树 + * + * Created by GUY on 2015/12/21. + * @class BI.SwitchTree + * @extends BI.Widget + */ +BI.SwitchTree = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.SwitchTree.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-switch-tree", + items: [] + }); + }, + + _init: function () { + BI.SwitchTree.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.tab = BI.createWidget({ + type: "bi.tab", + element: this, + tab: null, + defaultShowIndex: BI.SwitchTree.SelectType.SingleSelect, + cardCreator: BI.bind(this._createTree, this) + }); + }, + + _createTree: function (type) { + var self = this, o = this.options; + switch (type) { + case BI.SwitchTree.SelectType.SingleSelect: + this.levelTree = BI.createWidget({ + type: "bi.multilayer_single_level_tree", + isDefaultInit: true, + items: BI.deepClone(o.items) + }); + this.levelTree.on(BI.LevelTree.EVENT_CHANGE, function () { + self.fireEvent(BI.SwitchTree.EVENT_CHANGE, arguments); + }); + return this.levelTree; + case BI.SwitchTree.SelectType.MultiSelect: + this.tree = BI.createWidget({ + type: "bi.simple_tree", + items: this._removeIsParent(BI.deepClone(o.items)) + }); + this.tree.on(BI.SimpleTreeView.EVENT_CHANGE, function () { + self.fireEvent(BI.SwitchTree.EVENT_CHANGE, arguments); + }); + return this.tree; + } + }, + + _removeIsParent: function(items) { + BI.each(items, function(i, item) { + BI.isNotNull(item.isParent) && delete item.isParent; + }); + return items; + }, + + switchSelect: function () { + switch (this.getSelect()) { + case BI.SwitchTree.SelectType.SingleSelect: + this.setSelect(BI.SwitchTree.SelectType.MultiSelect); + break; + case BI.SwitchTree.SelectType.MultiSelect: + this.setSelect(BI.SwitchTree.SelectType.SingleSelect); + break; + } + }, + + setSelect: function (v) { + this.tab.setSelect(v); + }, + + getSelect: function () { + return this.tab.getSelect(); + }, + + setValue: function (v) { + this.storeValue = v; + switch (this.getSelect()) { + case BI.SwitchTree.SelectType.SingleSelect: + this.levelTree.setValue(v); + break; + case BI.SwitchTree.SelectType.MultiSelect: + this.tree.setValue(v); + break; + } + }, + + getValue: function () { + return this.tab.getValue(); + }, + + populate: function (items) { + this.options.items = items; + if (BI.isNotNull(this.levelTree)) { + this.levelTree.populate(BI.deepClone(items)); + } + if (BI.isNotNull(this.tree)) { + this.tree.populate(this._removeIsParent(BI.deepClone(items))); + } + } +}); +BI.SwitchTree.EVENT_CHANGE = "SwitchTree.EVENT_CHANGE"; +BI.SwitchTree.SelectType = { + SingleSelect: BI.Selection.Single, + MultiSelect: BI.Selection.Multi +}; +$.shortcut('bi.switch_tree', BI.SwitchTree); diff --git a/src/widget/textarea/textarea.js b/src/widget/textarea/textarea.js new file mode 100644 index 000000000..c2c2345cb --- /dev/null +++ b/src/widget/textarea/textarea.js @@ -0,0 +1,125 @@ +/** + * 文本组件中 编辑栏作为trigger + * + * Created by GameJian on 2016/1/24. + */ +BI.TextArea = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextArea.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-area" + }); + }, + + _init: function () { + BI.TextArea.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.textarea = BI.createWidget({ + type: "bi.textarea_editor", + width: "100%", + height: "100%" + }); + + this.textarea.on(BI.TextAreaEditor.EVENT_FOCUS, function () { + self.combo.showView(); + }); + + this.textarea.on(BI.TextAreaEditor.EVENT_BLUR, function () { + if (BI.isEmptyString(this.getValue()) && !self.combo.isViewVisible()) { + self._showLabel(); + } else { + self._showInput(); + } + self.fireEvent(BI.TextArea.EVENT_VALUE_CHANGE, arguments) + }); + + this.toolbar = BI.createWidget({ + type: "bi.text_toolbar" + }); + + this.toolbar.on(BI.TextToolbar.EVENT_CHANGE, function () { + var style = this.getValue(); + self.textarea.setStyle(style); + self.element.css(style); + self.fireEvent(BI.TextArea.EVENT_VALUE_CHANGE, arguments); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + toggle: false, + direction: "top", + isNeedAdjustWidth: false, + isNeedAdjustHeight: false, + adjustLength: 1, + el: this.textarea, + popup: { + el: this.toolbar, + width: 253, + height: 30, + stopPropagation: false + } + }); + + this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () { + if (BI.isNotEmptyString(self.textarea.getValue())) { + self._showInput(); + } else { + self._showLabel(); + } + }); + + this.label = BI.createWidget({ + type: "bi.text_button", + cls: "text-area-editor-text-button-label", + whiteSpace: "normal", + text: BI.i18nText("BI-Click_To_Input_Text") + }); + + this.label.on(BI.TextButton.EVENT_CHANGE, function () { + self._showInput(); + self.textarea.focus(); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.combo, + left: 10, + right: 10, + top: 10, + bottom: 10 + }, { + el: this.label, + left: 0, + right: 0, + top: 0, + bottom: 0 + }] + }); + }, + + _showInput: function () { + this.label.setVisible(false); + }, + + _showLabel: function () { + this.label.setVisible(true); + }, + + setValue: function (v) { + v || (v = {}); + if (BI.isNotEmptyString(v.content)) { + this._showInput(); + } + this.textarea.setValue(v.content); + this.toolbar.setValue(v.style); + this.textarea.setStyle(v.style); + this.element.css(v.style); + }, + + getValue: function () { + return {style: this.toolbar.getValue(), content: this.textarea.getValue()}; + } +}); +BI.TextArea.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE"; +$.shortcut("bi.text_area", BI.TextArea); \ No newline at end of file diff --git a/src/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.js b/src/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.js new file mode 100644 index 000000000..34e6fd612 --- /dev/null +++ b/src/widget/texttoolbar/alignchooser/texttoolbar.alignchooser.js @@ -0,0 +1,66 @@ +/** + * 对齐方式选择 + * + * Created by GUY on 2015/11/26. + * @class BI.TextToolbarAlignChooser + * @extends BI.Widget + */ +BI.TextToolbarAlignChooser = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextToolbarAlignChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-toolbar-align-chooser", + width: 60, + height: 20 + }); + }, + + _init: function () { + BI.TextToolbarAlignChooser.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.button_group = BI.createWidget({ + type: "bi.button_group", + element: this, + items: BI.createItems([{ + cls: "align-chooser-button text-align-left-font", + selected: true, + title: BI.i18nText("BI-Word_Align_Left"), + value: BI.TextToolbarAlignChooser.TEXT_ALIGN_LEFT + }, { + cls: "align-chooser-button text-align-center-font", + title: BI.i18nText("BI-Word_Align_Middle"), + value: BI.TextToolbarAlignChooser.TEXT_ALIGN_CENTER + }, { + cls: "align-chooser-button text-align-right-font", + title: BI.i18nText("BI-Word_Align_Right"), + value: BI.TextToolbarAlignChooser.TEXT_ALIGN_RIGHT + }], { + type: "bi.icon_button", + height: o.height + }), + layouts: [{ + type: "bi.center" + }] + }); + this.button_group.on(BI.Controller.EVENT_CHANGE, function () { + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + }); + this.button_group.on(BI.ButtonGroup.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbarAlignChooser.EVENT_CHANGE, arguments); + }); + }, + + setValue: function (v) { + this.button_group.setValue(v); + }, + + getValue: function () { + return this.button_group.getValue()[0]; + } +}); +BI.extend(BI.TextToolbarAlignChooser, { + TEXT_ALIGN_LEFT: "left", + TEXT_ALIGN_CENTER: "center", + TEXT_ALIGN_RIGHT: "right" +}); +BI.TextToolbarAlignChooser.EVENT_CHANGE = "BI.TextToolbarAlignChooser.EVENT_CHANGE"; +$.shortcut('bi.text_toolbar_align_chooser', BI.TextToolbarAlignChooser); \ No newline at end of file diff --git a/src/widget/texttoolbar/backgroundchooser/texttoolbar.backgroundchooser.trigger.js b/src/widget/texttoolbar/backgroundchooser/texttoolbar.backgroundchooser.trigger.js new file mode 100644 index 000000000..c8c8851d8 --- /dev/null +++ b/src/widget/texttoolbar/backgroundchooser/texttoolbar.backgroundchooser.trigger.js @@ -0,0 +1,53 @@ +/** + * 颜色选择trigger + * + * Created by GUY on 2015/11/26. + * @class BI.TextToolbarBackgroundChooserTrigger + * @extends BI.Widget + */ +BI.TextToolbarBackgroundChooserTrigger = BI.inherit(BI.Trigger, { + _defaultConfig: function () { + var conf = BI.TextToolbarBackgroundChooserTrigger.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text-toolbar-background-chooser-trigger", + width: 20, + height: 20 + }); + }, + + _init: function () { + BI.TextToolbarBackgroundChooserTrigger.superclass._init.apply(this, arguments); + this.font = BI.createWidget({ + type: "bi.icon_button", + cls: "text-background-font" + }); + + this.underline = BI.createWidget({ + type: "bi.icon_button", + cls: "text-color-underline-font" + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.font, + top: 3, + left: 2 + }, { + el: this.underline, + top: 9, + left: 2 + }] + }) + }, + + setValue: function (color) { + this.underline.element.css("color", color); + }, + + getValue: function () { + return this.font.element.css("color"); + } +}); +$.shortcut('bi.text_toolbar_background_chooser_trigger', BI.TextToolbarBackgroundChooserTrigger); \ No newline at end of file diff --git a/src/widget/texttoolbar/colorchooser/texttoolbar.colorchooser.trigger.js b/src/widget/texttoolbar/colorchooser/texttoolbar.colorchooser.trigger.js new file mode 100644 index 000000000..899193c35 --- /dev/null +++ b/src/widget/texttoolbar/colorchooser/texttoolbar.colorchooser.trigger.js @@ -0,0 +1,53 @@ +/** + * 颜色选择trigger + * + * Created by GUY on 2015/11/26. + * @class BI.TextToolbarColorChooserTrigger + * @extends BI.Widget + */ +BI.TextToolbarColorChooserTrigger = BI.inherit(BI.Trigger, { + _defaultConfig: function () { + var conf = BI.TextToolbarColorChooserTrigger.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + baseCls: (conf.baseCls || "") + " bi-text-toolbar-color-chooser-trigger", + width: 20, + height: 20 + }); + }, + + _init: function () { + BI.TextToolbarColorChooserTrigger.superclass._init.apply(this, arguments); + this.font = BI.createWidget({ + type: "bi.icon_button", + cls: "text-color-font" + }); + + this.underline = BI.createWidget({ + type: "bi.icon_button", + cls: "text-color-underline-font" + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.font, + top: 4, + left: 2 + },{ + el: this.underline, + top: 9, + left: 2 + }] + }) + }, + + setValue: function (color) { + this.underline.element.css("color", color); + }, + + getValue: function () { + return this.font.element.css("color"); + } +}); +$.shortcut('bi.text_toolbar_color_chooser_trigger', BI.TextToolbarColorChooserTrigger); \ No newline at end of file diff --git a/src/widget/texttoolbar/sizechooser/texttoolbar.sizechooser.js b/src/widget/texttoolbar/sizechooser/texttoolbar.sizechooser.js new file mode 100644 index 000000000..61d70f026 --- /dev/null +++ b/src/widget/texttoolbar/sizechooser/texttoolbar.sizechooser.js @@ -0,0 +1,106 @@ +/** + * 字体大小选择 + * + * Created by GUY on 2015/11/26. + * @class BI.TextToolbarSizeChooser + * @extends BI.Widget + */ +BI.TextToolbarSizeChooser = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextToolbarSizeChooser.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-toolbar-size-chooser", + width: 50, + height: 20 + }); + }, + + _items: [{ + value: 12 + }, { + value: 14, + selected: true + }, { + value: 16 + }, { + value: 18 + }, { + value: 20 + }, { + value: 22 + }, { + value: 24 + }, { + value: 26 + }, { + value: 28 + }, { + value: 30 + }, { + value: 32 + }, { + value: 34 + }, { + value: 36 + }, { + value: 38 + }, { + value: 40 + }, { + value: 64 + }, { + value: 128 + }], + + _init: function () { + BI.TextToolbarSizeChooser.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.trigger = BI.createWidget({ + type: "bi.editor_trigger", + cls: "text-toolbar-size-chooser-editor-trigger", + height: o.height, + triggerWidth: 12, + validationChecker: function (size) { + return BI.isInteger(size) && size > 0; + }, + value: 14 + }); + this.trigger.on(BI.EditorTrigger.EVENT_CHANGE, function () { + self.setValue(BI.parseInt(this.getValue())); + self.fireEvent(BI.TextToolbarSizeChooser.EVENT_CHANGE, arguments); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + el: this.trigger, + adjustLength: 1, + popup: { + maxWidth: o.width, + minWidth: o.width, + el: { + type: "bi.button_group", + items: BI.createItems(this._items, { + type: "bi.single_select_item" + }), + layouts: [{ + type: "bi.vertical" + }] + } + } + }); + this.combo.on(BI.Combo.EVENT_CHANGE, function () { + this.hideView(); + self.fireEvent(BI.TextToolbarSizeChooser.EVENT_CHANGE, arguments); + }) + }, + + setValue: function (v) { + this.combo.setValue(v); + }, + + getValue: function () { + return BI.parseInt(this.trigger.getValue()); + } +}); +BI.TextToolbarSizeChooser.EVENT_CHANGE = "BI.TextToolbarSizeChooser.EVENT_CHANGE"; +$.shortcut('bi.text_toolbar_size_chooser', BI.TextToolbarSizeChooser); \ No newline at end of file diff --git a/src/widget/texttoolbar/texttoolbar.js b/src/widget/texttoolbar/texttoolbar.js new file mode 100644 index 000000000..c88875a64 --- /dev/null +++ b/src/widget/texttoolbar/texttoolbar.js @@ -0,0 +1,130 @@ +/** + * 颜色选择 + * + * Created by GUY on 2015/11/26. + * @class BI.TextToolbar + * @extends BI.Widget + */ +BI.TextToolbar = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TextToolbar.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-text-toolbar", + width: 253, + height: 28 + }); + }, + + _init: function () { + BI.TextToolbar.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.size = BI.createWidget({ + type: "bi.text_toolbar_size_chooser", + cls: "text-toolbar-size-chooser-trigger", + title: BI.i18nText("BI-Font_Size") + }); + this.size.on(BI.TextToolbarSizeChooser.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.bold = BI.createWidget({ + type: "bi.icon_button", + title: BI.i18nText("BI-Basic_Bold"), + height: 20, + width: 20, + cls: "text-toolbar-button bi-list-item-active text-bold-font" + }); + this.bold.on(BI.IconButton.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.italic = BI.createWidget({ + type: "bi.icon_button", + title: BI.i18nText("BI-Basic_Italic"), + height: 20, + width: 20, + cls: "text-toolbar-button bi-list-item-active text-italic-font" + }); + this.italic.on(BI.IconButton.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.underline = BI.createWidget({ + type: "bi.icon_button", + title: BI.i18nText("BI-Underline"), + height: 20, + width: 20, + cls: "text-toolbar-button bi-list-item-active text-underline-font" + }); + this.underline.on(BI.IconButton.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.colorchooser = BI.createWidget({ + type: "bi.color_chooser", + el: { + type: "bi.text_toolbar_color_chooser_trigger", + title: BI.i18nText("BI-Font_Colour"), + cls: "text-toolbar-button" + } + }); + this.colorchooser.on(BI.ColorChooser.EVENT_CHANGE, function () { + + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.backgroundchooser = BI.createWidget({ + type: "bi.color_chooser", + el: { + type: "bi.text_toolbar_background_chooser_trigger", + title: BI.i18nText("BI-Widget_Background_Colour"), + cls: "text-toolbar-button" + } + }); + this.backgroundchooser.on(BI.ColorChooser.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + this.alignchooser = BI.createWidget({ + type: "bi.text_toolbar_align_chooser", + cls: "text-toolbar-button" + }); + this.alignchooser.on(BI.TextToolbarAlignChooser.EVENT_CHANGE, function () { + self.fireEvent(BI.TextToolbar.EVENT_CHANGE, arguments); + }); + + BI.createWidget({ + type: "bi.left", + element: this, + items: [this.size, this.bold, this.italic, this.underline, this.colorchooser, this.backgroundchooser, this.alignchooser], + hgap: 3, + vgap: 3 + }) + }, + + isColorChooserVisible: function () { + return this.colorchooser.isViewVisible(); + }, + + isBackgroundChooserVisible: function () { + return this.backgroundchooser.isViewVisible(); + }, + + setValue: function (v) { + v || (v = {}); + this.size.setValue(v["fontSize"] || 14); + this.bold.setSelected(v["fontWeight"] === "bold"); + this.italic.setSelected(v["fontStyle"] === "italic"); + this.underline.setSelected(v["textDecoration"] === "underline"); + this.colorchooser.setValue(v["color"] || "#000000"); + this.backgroundchooser.setValue(v["backgroundColor"] || "#ffffff"); + this.alignchooser.setValue(v["textAlign"] || "left"); + }, + + getValue: function () { + return { + "fontSize": this.size.getValue(), + "fontWeight": this.bold.isSelected() ? "bold" : "normal", + "fontStyle": this.italic.isSelected() ? "italic" : "normal", + "textDecoration": this.underline.isSelected() ? "underline" : "initial", + "color": this.colorchooser.getValue(), + "backgroundColor": this.backgroundchooser.getValue(), + "textAlign": this.alignchooser.getValue() + } + } +}); +BI.TextToolbar.EVENT_CHANGE = "BI.TextToolbar.EVENT_CHANGE"; +$.shortcut('bi.text_toolbar', BI.TextToolbar); \ No newline at end of file diff --git a/src/widget/timeinterval/timeinterval.js b/src/widget/timeinterval/timeinterval.js new file mode 100644 index 000000000..6e330e9fc --- /dev/null +++ b/src/widget/timeinterval/timeinterval.js @@ -0,0 +1,189 @@ +/** + * Created by Baron on 2015/10/19. + */ +BI.TimeInterval = BI.inherit(BI.Single, { + constants: { + height: 25, + width: 25, + lgap: 15, + offset: -15, + timeErrorCls: "time-error", + DATE_MIN_VALUE: "1900-01-01", + DATE_MAX_VALUE: "2099-12-31" + }, + _defaultConfig: function () { + var conf = BI.TimeInterval.superclass._defaultConfig.apply(this, arguments); + return BI.extend(conf, { + extraCls: "bi-time-interval" + }) + }, + _init: function () { + var self = this; + BI.TimeInterval.superclass._init.apply(this, arguments); + + this.left = this._createCombo(); + this.right = this._createCombo(); + this.label = BI.createWidget({ + type: 'bi.label', + height: this.constants.height, + width: this.constants.width, + text: "-" + }); + BI.createWidget({ + element: self, + type: "bi.center", + hgap: 15, + height: this.constants.height, + items: [{ + type: "bi.absolute", + items: [{ + el: self.left, + left: this.constants.offset, + right: 0, + top: 0, + bottom: 0 + }] + }, { + type: "bi.absolute", + items: [{ + el: self.right, + left: 0, + right: this.constants.offset, + top: 0, + bottom: 0 + }] + }] + }); + BI.createWidget({ + type: "bi.horizontal_auto", + element: this, + items: [ + self.label + ] + }); + }, + + _createCombo: function () { + var self = this; + var combo = BI.createWidget({ + type: 'bi.multidate_combo' + }); + combo.on(BI.MultiDateCombo.EVENT_ERROR, function () { + self._clearTitle(); + self.element.removeClass(self.constants.timeErrorCls); + self.fireEvent(BI.TimeInterval.EVENT_ERROR); + }); + + combo.on(BI.MultiDateCombo.EVENT_VALID, function(){ + BI.Bubbles.hide("error"); + var smallDate = self.left.getKey(), bigDate = self.right.getKey(); + if (self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { + self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); + self.element.addClass(self.constants.timeErrorCls); + BI.Bubbles.show("error", BI.i18nText("BI-Time_Interval_Error_Text"), self, { + offsetStyle: "center" + }); + self.fireEvent(BI.TimeInterval.EVENT_ERROR); + } else { + self._clearTitle(); + self.element.removeClass(self.constants.timeErrorCls); + } + }); + + combo.on(BI.MultiDateCombo.EVENT_FOCUS, function(){ + BI.Bubbles.hide("error"); + var smallDate = self.left.getKey(), bigDate = self.right.getKey(); + if (self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { + self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); + self.element.addClass(self.constants.timeErrorCls); + BI.Bubbles.show("error", BI.i18nText("BI-Time_Interval_Error_Text"), self, { + offsetStyle: "center" + }); + self.fireEvent(BI.TimeInterval.EVENT_ERROR); + } else { + self._clearTitle(); + self.element.removeClass(self.constants.timeErrorCls); + } + }); + + combo.on(BI.MultiDateCombo.EVENT_BEFORE_POPUPVIEW, function () { + self.left.hidePopupView(); + self.right.hidePopupView(); + }); + //combo.on(BI.MultiDateCombo.EVENT_CHANGE, function () { + // BI.Bubbles.hide("error"); + // var smallDate = self.left.getKey(), bigDate = self.right.getKey(); + // if (self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { + // self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); + // self.element.addClass(self.constants.timeErrorCls); + // BI.Bubbles.show("error", BI.i18nText("BI-Time_Interval_Error_Text"), self, { + // offsetStyle: "center" + // }); + // self.fireEvent(BI.TimeInterval.EVENT_ERROR); + // } else { + // self._clearTitle(); + // self.element.removeClass(self.constants.timeErrorCls); + // } + //}); + + combo.on(BI.MultiDateCombo.EVENT_CONFIRM, function(){ + BI.Bubbles.hide("error"); + var smallDate = self.left.getKey(), bigDate = self.right.getKey(); + if (self._check(smallDate, bigDate) && self._compare(smallDate, bigDate)) { + self._setTitle(BI.i18nText("BI-Time_Interval_Error_Text")); + self.element.addClass(self.constants.timeErrorCls); + self.fireEvent(BI.TimeInterval.EVENT_ERROR); + }else{ + self._clearTitle(); + self.element.removeClass(self.constants.timeErrorCls); + self.fireEvent(BI.TimeInterval.EVENT_CHANGE); + } + }); + return combo; + }, + _dateCheck: function (date) { + return Date.parseDateTime(date, "%Y-%x-%d").print("%Y-%x-%d") == date || Date.parseDateTime(date, "%Y-%X-%d").print("%Y-%X-%d") == date || Date.parseDateTime(date, "%Y-%x-%e").print("%Y-%x-%e") == date || Date.parseDateTime(date, "%Y-%X-%e").print("%Y-%X-%e") == date; + }, + _checkVoid: function (obj) { + return !Date.checkVoid(obj.year, obj.month, obj.day, this.constants.DATE_MIN_VALUE, this.constants.DATE_MAX_VALUE)[0]; + }, + _check: function (smallDate, bigDate) { + var smallObj = smallDate.match(/\d+/g), bigObj = bigDate.match(/\d+/g); + return this._dateCheck(smallDate) && Date.checkLegal(smallDate) && this._checkVoid({ + year: smallObj[0], + month: smallObj[1], + day: smallObj[2] + }) && this._dateCheck(bigDate) && Date.checkLegal(bigDate) && this._checkVoid({ + year: bigObj[0], + month: bigObj[1], + day: bigObj[2] + }); + }, + _compare: function (smallDate, bigDate) { + smallDate = Date.parseDateTime(smallDate, "%Y-%X-%d").print("%Y-%X-%d"); + bigDate = Date.parseDateTime(bigDate, "%Y-%X-%d").print("%Y-%X-%d"); + return BI.isNotNull(smallDate) && BI.isNotNull(bigDate) && smallDate > bigDate; + }, + _setTitle: function (v) { + this.left.setTitle(v); + this.right.setTitle(v); + this.label.setTitle(v); + }, + _clearTitle: function () { + this.left.setTitle(""); + this.right.setTitle(""); + this.label.setTitle(""); + }, + setValue: function (date) { + date = date || {}; + this.left.setValue(date.start); + this.right.setValue(date.end); + }, + getValue: function () { + return {start: this.left.getValue(), end: this.right.getValue()}; + } +}); +BI.TimeInterval.EVENT_VALID = "EVENT_VALID"; +BI.TimeInterval.EVENT_ERROR = "EVENT_ERROR"; +BI.TimeInterval.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.time_interval", BI.TimeInterval); \ No newline at end of file diff --git a/src/widget/timesetting/timesetting.day.js b/src/widget/timesetting/timesetting.day.js new file mode 100644 index 000000000..50a7125eb --- /dev/null +++ b/src/widget/timesetting/timesetting.day.js @@ -0,0 +1,79 @@ +/** + * Created by Young's on 2016/4/22. + */ +BI.DayTimeSetting = BI.inherit(BI.Widget, { + _defaultConfig: function(){ + return BI.extend(BI.DayTimeSetting.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-time-setting-day", + day: 1 + }) + }, + + _init: function(){ + BI.DayTimeSetting.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var decrease = BI.createWidget({ + type: "bi.text_button", + cls: "operator-button", + text: "-", + height: 28, + width: 28 + }); + decrease.on(BI.Button.EVENT_CHANGE, function(){ + var day = BI.parseInt(self.day.getValue()); + if(day === 1) { + day = 31; + } else { + day --; + } + self.day.setValue(day); + self.fireEvent(BI.DayTimeSetting.EVENT_CHANGE); + }); + + var increase = BI.createWidget({ + type: "bi.text_button", + cls: "operator-button", + text: "+", + height: 28, + width: 28 + }); + increase.on(BI.Button.EVENT_CHANGE, function(){ + var day = BI.parseInt(self.day.getValue()); + if(day === 31) { + day = 1; + } else { + day ++; + } + self.day.setValue(day); + self.fireEvent(BI.DayTimeSetting.EVENT_CHANGE); + }); + + this.day = BI.createWidget({ + type: "bi.label", + value: o.day, + height: 30, + width: 40 + }); + BI.createWidget({ + type: "bi.left", + element: this, + items: [decrease, this.day, increase, { + type: "bi.label", + text: BI.i18nText("BI-Day_Ri"), + height: 30, + width: 20 + }], + height: 30 + }) + }, + + getValue: function(){ + return BI.parseInt(this.day.getValue()); + }, + + setValue: function(v) { + this.day.setValue(v); + } +}); +BI.DayTimeSetting.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.day_time_setting", BI.DayTimeSetting); \ No newline at end of file diff --git a/src/widget/timesetting/timesetting.hour.js b/src/widget/timesetting/timesetting.hour.js new file mode 100644 index 000000000..c5eec3dd3 --- /dev/null +++ b/src/widget/timesetting/timesetting.hour.js @@ -0,0 +1,75 @@ +/** + * Created by Young's on 2016/4/22. + */ +BI.HourTimeSetting = BI.inherit(BI.Widget, { + _defaultConfig: function(){ + return BI.extend(BI.HourTimeSetting.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-time-setting-hour", + hour: 0 + }) + }, + + _init: function(){ + BI.HourTimeSetting.superclass._init.apply(this, arguments); + var self = this, o = this.options; + var decrease = BI.createWidget({ + type: "bi.text_button", + cls: "operator-button", + text: "-", + height: 28, + width: 28 + }); + decrease.on(BI.Button.EVENT_CHANGE, function(){ + var hour = BI.parseInt(self.hour.getValue()); + if(hour === 0) { + hour = 23; + } else { + hour --; + } + self.hour.setValue(hour); + self.fireEvent(BI.HourTimeSetting.EVENT_CHANGE); + }); + + var increase = BI.createWidget({ + type: "bi.text_button", + cls: "operator-button", + text: "+", + height: 28, + width: 28 + }); + increase.on(BI.Button.EVENT_CHANGE, function(){ + var hour = BI.parseInt(self.hour.getValue()); + hour === 23 ? (hour = 0) : (hour ++); + self.hour.setValue(hour); + self.fireEvent(BI.HourTimeSetting.EVENT_CHANGE); + }); + + this.hour = BI.createWidget({ + type: "bi.label", + value: o.hour, + height: 30, + width: 40 + }); + BI.createWidget({ + type: "bi.left", + element: this, + items: [decrease, this.hour, increase, { + type: "bi.label", + text: BI.i18nText("BI-Hour_Dian"), + height: 30, + width: 20 + }], + height: 30 + }) + }, + + getValue: function(){ + return BI.parseInt(this.hour.getValue()); + }, + + setValue: function(v) { + this.hour.setValue(v); + } +}); +BI.HourTimeSetting.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.hour_time_setting", BI.HourTimeSetting); \ No newline at end of file diff --git a/src/widget/treelabel/treelabel.js b/src/widget/treelabel/treelabel.js new file mode 100644 index 000000000..fa39f1f24 --- /dev/null +++ b/src/widget/treelabel/treelabel.js @@ -0,0 +1,51 @@ +BI.TreeLabel = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.TreeLabel.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-tree-label", + itemsCreator: BI.emptyFn, + titles: [], + items: [] + }) + }, + + _init: function () { + BI.TreeLabel.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.titles = o.titles; + this.items = o.items; + + this.view = BI.createWidget({ + type: "bi.tree_label_view", + element: this, + titles: o.titles, + items: o.items + }); + this.view.on(BI.TreeLabelView.EVENT_CHANGE, function (floors) { + var op = {}; + if (floors !== self.view.getMaxFloor() - 1) { + op.floors = floors; + op.selectedValues = self.getValue(); + self._itemsCreator(op); + } + self.fireEvent(BI.TreeLabel.EVENT_CHANGE, arguments); + }); + }, + + _itemsCreator: function (options) { + var self = this, o = this.options; + o.itemsCreator(options, function (data) { + self.populate(data); + }) + }, + + populate: function (v) { + this.view.populate(v); + }, + + getValue: function () { + return this.view.getValue(); + } +}); +BI.TreeLabel.EVENT_CHANGE = "BI.TreeLabel.EVENT_CHANGE"; +$.shortcut('bi.tree_label', BI.TreeLabel); \ No newline at end of file diff --git a/src/widget/treelabel/treelabel.view.js b/src/widget/treelabel/treelabel.view.js new file mode 100644 index 000000000..2d8bd8d22 --- /dev/null +++ b/src/widget/treelabel/treelabel.view.js @@ -0,0 +1,144 @@ +BI.TreeLabelView = BI.inherit(BI.Widget, { + _constant: { + LIST_LABEL_HEIGHT: 40, + DEFAULT_LEFT_GAP: 5 + }, + + _defaultConfig: function () { + return BI.extend(BI.TreeLabelView.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-tree-label-view", + titleWidth: 60, + titles: [], + items: [] + }) + }, + + _init: function () { + BI.TreeLabelView.superclass._init.apply(this, arguments); + this.items = []; + this._initView(); + }, + + _initView: function () { + var self = this, o = this.options; + this.title = BI.createWidget({ + type: "bi.button_group", + height: this._constant.LIST_LABEL_HEIGHT * o.titles.length, + layouts: [{ + type: "bi.vertical" + }] + }); + this.right = BI.createWidget({ + type: "bi.button_group", + cls: "list-label-group", + height: this._constant.LIST_LABEL_HEIGHT * this.items.length, + layouts: [{ + type: "bi.horizontal" + }] + }); + this._setTitles(o.titles); + this._setItems(o.items); + BI.createWidget({ + type: "bi.absolute", + items: [{ + el: this.title, + left: 0, + right: 0, + top: 0, + bottom: 0, + width: 60 + }, { + el: this.right, + left: 65, + right: 0, + top: 0, + bottom: 0 + }], + element: this + }); + }, + + _setItems: function (items) { + var self = this; + var length = this.right.getAllButtons().length; + var deletes = []; + for (var i = 0; i < length; i++) { + deletes.push(i); + } + this.right.removeItemAt(deletes); + self.items = []; + BI.each(items, function (idx, values) { + var labelItems = []; + BI.each(values, function (idx, value) { + labelItems.push({ + title: value, + text: value, + value: value + }) + }); + var temp = BI.createWidget({ + type: "bi.list_label", + items: labelItems, + showTitle: false + }); + temp.on(BI.ListLabel.EVENT_CHANGE, function () { + self.fireEvent(BI.TreeLabelView.EVENT_CHANGE, idx); + }); + self.items.push(temp); + }); + var temp = BI.createWidget({ + type: "bi.default", + items: self.items + }); + this.right.addItems([temp]); + this.right.setHeight(self.items.length * this._constant.LIST_LABEL_HEIGHT); + }, + + _setTitles: function (titles) { + var length = this.title.getAllButtons().length; + var deletes = [], titleItems = []; + for (var i = 0; i < length; i++) { + deletes.push(i); + } + BI.each(titles, function (idx, title) { + titleItems.push({ + text: title, + value: title, + title: title + }); + }); + this.title.removeItemAt(deletes); + this.title.addItems(BI.createItems(titleItems, { + type: "bi.label", + height: this._constant.LIST_LABEL_HEIGHT, + width: this.options.titleWidth + })); + this.title.setHeight(titles.length * this._constant.LIST_LABEL_HEIGHT); + }, + + _setValue: function (values) { + BI.each(this.items, function (idx, item) { + values[idx] && item.setValue(values[idx]); + }) + }, + + populate: function(v) { + v.titles && this._setTitles(v.titles); + v.items && this._setItems(v.items); + v.values && this._setValue(v.values); + }, + + getMaxFloor: function () { + return this.items.length || 0; + }, + + getValue: function () { + var result = []; + BI.each(this.items, function (idx, item) { + result.push(item.getValue()); + }); + return result; + } +}); +BI.TreeLabelView.EVENT_CHANGE = "BI.TreeLabelView.EVENT_CHANGE"; +$.shortcut('bi.tree_label_view', BI.TreeLabelView); \ No newline at end of file diff --git a/src/widget/uploadfile/progress.uploadfile.js b/src/widget/uploadfile/progress.uploadfile.js new file mode 100644 index 000000000..8123ea6e7 --- /dev/null +++ b/src/widget/uploadfile/progress.uploadfile.js @@ -0,0 +1,111 @@ +/** + * Created by Young's on 2016/4/21. + */ +BI.UploadFileWithProgress = BI.inherit(BI.Widget, { + + _constants: { + UPLOAD_PROGRESS: "__upload_progress__" + }, + + _defaultConfig: function () { + return BI.extend(BI.UploadFileWithProgress.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-upload-file-with-progress", + progressEL: BICst.BODY_ELEMENT, + multiple: false, + maxSize: 1024 * 1024, + accept: "", + url: "" + }) + }, + + _init: function () { + BI.UploadFileWithProgress.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.file = BI.createWidget({ + type: "bi.multifile_editor", + width: "100%", + height: "100%", + name: o.name, + url: o.url, + multiple: o.multiple, + accept: o.accept, + maxSize: o.maxSize + }); + + this.file.on(BI.MultifileEditor.EVENT_CHANGE, function () { + self.fireEvent(BI.UploadFileWithProgress.EVENT_CHANGE, arguments); + }); + this.file.on(BI.MultifileEditor.EVENT_UPLOADSTART, function () { + self.progressBar = BI.createWidget({ + type: "bi.progress_bar", + width: 300 + }); + BI.createWidget({ + type: "bi.center_adapt", + element: BI.Layers.create(self._constants.UPLOAD_PROGRESS, self.options.progressEL), + items: [self.progressBar], + width: "100%", + height: "100%" + }); + + BI.Layers.show(self._constants.UPLOAD_PROGRESS); + self.fireEvent(BI.UploadFileWithProgress.EVENT_UPLOADSTART, arguments); + }); + this.file.on(BI.MultifileEditor.EVENT_ERROR, function () { + BI.Layers.remove(self._constants.UPLOAD_PROGRESS); + self.fireEvent(BI.UploadFileWithProgress.EVENT_ERROR, arguments); + }); + this.file.on(BI.MultifileEditor.EVENT_PROGRESS, function (data) { + var process = Math.ceil(data.loaded / data.total * 100); + self.progressBar.setValue(process > 100 ? 100 : process); + self.fireEvent(BI.UploadFileWithProgress.EVENT_PROGRESS, arguments); + }); + this.file.on(BI.MultifileEditor.EVENT_UPLOADED, function () { + BI.Layers.remove(self._constants.UPLOAD_PROGRESS); + self.fireEvent(BI.UploadFileWithProgress.EVENT_UPLOADED, arguments); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.adaptive", + scrollable: false, + items: [this.file] + }, + top: 0, + right: 0, + left: 0, + bottom: 0 + }] + }); + }, + + select: function () { + this.file.select(); + }, + + getValue: function () { + return this.file.getValue(); + }, + + upload: function () { + this.file.upload(); + }, + + reset: function () { + this.file.reset(); + }, + + setEnable: function (enable) { + BI.MultiFile.superclass.setEnable.apply(this, arguments); + this.file.setEnable(enable); + } +}); +BI.UploadFileWithProgress.EVENT_CHANGE = "EVENT_CHANGE"; +BI.UploadFileWithProgress.EVENT_UPLOADSTART = "EVENT_UPLOADSTART"; +BI.UploadFileWithProgress.EVENT_ERROR = "EVENT_ERROR"; +BI.UploadFileWithProgress.EVENT_PROGRESS = "EVENT_PROGRESS"; +BI.UploadFileWithProgress.EVENT_UPLOADED = "EVENT_UPLOADED"; +$.shortcut("bi.upload_file_with_progress", BI.UploadFileWithProgress); \ No newline at end of file diff --git a/src/widget/web/web.js b/src/widget/web/web.js new file mode 100644 index 000000000..bb7c84e3a --- /dev/null +++ b/src/widget/web/web.js @@ -0,0 +1,154 @@ +/** + * web组件 + * Created by GameJian on 2016/3/1. + */ +BI.WebPage = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.WebPage.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-web-page" + }) + }, + + _init: function () { + BI.WebPage.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.iframe = BI.createWidget({ + type: "bi.iframe" + }); + + this.label = BI.createWidget({ + type: "bi.label", + cls: "web-page-text-button-label", + whiteSpace: "normal", + text: BI.i18nText("BI-Not_Add_Url") + }); + + this.del = BI.createWidget({ + type: "bi.bubble_combo", + el: { + type: "bi.icon_button", + cls: "web-page-button img-shutdown-font", + title: BI.i18nText("BI-Basic_Delete"), + height: 24, + width: 24 + }, + popup: { + type: "bi.bubble_bar_popup_view", + buttons: [{ + value: BI.i18nText(BI.i18nText("BI-Basic_Sure")), + handler: function () { + self.fireEvent(BI.WebPage.EVENT_DESTROY) + } + }, { + value: BI.i18nText("BI-Basic_Cancel"), + level: "ignore", + handler: function () { + self.del.hideView(); + } + }], + el: { + type: "bi.vertical_adapt", + items: [{ + type: "bi.label", + text: BI.i18nText("BI-Sure_Delete_Current_Component"), + cls: "web-page-delete-label", + textAlign: "left", + width: 300 + }], + width: 300, + height: 100, + hgap: 20 + }, + maxHeight: 140, + minWidth: 340 + }, + invisible: true, + stopPropagation: true + }); + + + this.href = BI.createWidget({ + type: "bi.image_button_href", + cls: "web-page-button" + }); + + this.href.on(BI.ImageButtonHref.EVENT_CHANGE, function () { + var url = this.getValue(); + self.setValue(this.getValue()); + self._checkUrl(url); + self.fireEvent(BI.WebPage.EVENT_VALUE_CHANGE); + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: this.iframe + }, { + el: this.del, + right: 4, + top: 8 + }, { + el: this.href, + right: 36, + top: 8 + }, { + el: this.label, + top: 32, + left: 0, + bottom: 0, + right: 0 + }] + }); + + this.setToolbarVisible(false); + this._showLabel(); + }, + + _checkUrl: function(url){ + BI.Bubbles.hide(this.getName()); + if(BI.isEmptyString(url)){ + BI.Bubbles.show(this.getName(), BI.i18nText("BI-Click_To_Add_Hyperlink"), this.href, { + offsetStyle: "left" + }); + } + }, + + _hideLabel: function () { + this.label.invisible() + }, + + isSelected: function () { + return this.href.isSelected(); + }, + + _showLabel: function () { + this.label.visible() + }, + + setToolbarVisible: function (v) { + this.href.setVisible(v); + this.del.setVisible(v); + }, + + getValue: function () { + return this.href.getValue() + }, + + setValue: function (url) { + var self = this; + if (BI.isNotEmptyString(url)) { + self._hideLabel(); + } else { + this.setToolbarVisible(true); + this.href.showView(); + } + this.href.setValue(url); + this.iframe.setSrc(BI.Func.formatAddress(url)) + } +}); + +BI.WebPage.EVENT_DESTROY = "EVENT_DESTROY"; +BI.WebPage.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE"; +$.shortcut("bi.web_page", BI.WebPage); \ No newline at end of file diff --git a/src/widget/year/combo.year.js b/src/widget/year/combo.year.js new file mode 100644 index 000000000..d1ec0e47b --- /dev/null +++ b/src/widget/year/combo.year.js @@ -0,0 +1,96 @@ +/** + * 年份下拉框 + * + * Created by GUY on 2015/8/28. + * @class BI.YearCombo + * @extends BI.Widget + */ +BI.YearCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-combo", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + height: 25 + }); + }, + _init: function () { + BI.YearCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + this.storeValue = ""; + this.trigger = BI.createWidget({ + type: "bi.year_trigger", + min: o.min, + max: o.max + }); + this.trigger.on(BI.YearTrigger.EVENT_FOCUS, function () { + self.storeValue = this.getKey(); + }); + this.trigger.on(BI.YearTrigger.EVENT_START, function () { + self.combo.isViewVisible() && self.combo.hideView(); + }); + this.trigger.on(BI.YearTrigger.EVENT_STOP, function () { + self.combo.showView(); + }); + this.trigger.on(BI.YearTrigger.EVENT_ERROR, function () { + self.combo.isViewVisible() && self.combo.hideView(); + }); + this.trigger.on(BI.YearTrigger.EVENT_CONFIRM, function () { + if(self.combo.isViewVisible()) { + return; + } + if (this.getKey() && this.getKey() !== self.storeValue) { + self.setValue(this.getKey()); + } else if (!this.getKey()) { + self.setValue(); + } + self.fireEvent(BI.YearCombo.EVENT_CONFIRM); + }); + + this.popup = BI.createWidget({ + type: "bi.year_popup", + min: o.min, + max: o.max + }); + + this.popup.on(BI.YearPopup.EVENT_CHANGE, function () { + self.setValue(self.popup.getValue()); + self.combo.hideView(); + self.fireEvent(BI.YearCombo.EVENT_CONFIRM); + }); + + this.combo = BI.createWidget({ + type: "bi.combo", + element: this, + isNeedAdjustHeight: false, + isNeedAdjustWidth: false, + el: this.trigger, + popup: { + minWidth: 85, + stopPropagation: false, + el: this.popup + } + }); + this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { + var value = self.trigger.getKey(); + if (BI.isNotNull(value)) { + self.popup.setValue(value); + } else if(!value && value !== self.storeValue){ + self.popup.setValue(self.storeValue); + }else { + self.setValue(); + } + }); + }, + + setValue: function (v) { + this.trigger.setValue(v); + this.popup.setValue(v); + }, + + getValue: function () { + return this.popup.getValue(); + } +}); +BI.YearCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut('bi.year_combo', BI.YearCombo); \ No newline at end of file diff --git a/src/widget/year/popup.year.js b/src/widget/year/popup.year.js new file mode 100644 index 000000000..ff3bb68a8 --- /dev/null +++ b/src/widget/year/popup.year.js @@ -0,0 +1,103 @@ +/** + * 年份展示面板 + * + * Created by GUY on 2015/9/2. + * @class BI.YearPopup + * @extends BI.Trigger + */ +BI.YearPopup = BI.inherit(BI.Widget, { + + _defaultConfig: function () { + return BI.extend(BI.YearPopup.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-popup", + min: '1900-01-01', //最小日期 + max: '2099-12-31' //最大日期 + }); + }, + + _createYearCalendar: function (v) { + var o = this.options, y = this._year; + + var calendar = BI.createWidget({ + type: "bi.year_calendar", + min: o.min, + max: o.max, + logic: { + dynamic: true + }, + year: y + v * 12 + }); + calendar.setValue(this._year); + return calendar; + }, + + _init: function () { + BI.YearPopup.superclass._init.apply(this, arguments); + var self = this; + + this.selectedYear = this._year = new Date().getFullYear(); + + var backBtn = BI.createWidget({ + type: "bi.icon_button", + cls: "pre-page-h-font", + width: 25, + height: 25, + value: -1 + }); + + var preBtn = BI.createWidget({ + type: "bi.icon_button", + cls: "next-page-h-font", + width: 25, + height: 25, + value: 1 + }); + + this.navigation = BI.createWidget({ + type: "bi.navigation", + element: this, + logic: { + dynamic: true + }, + tab: { + cls: "year-popup-navigation", + height: 25, + items: [backBtn, preBtn] + }, + cardCreator: BI.bind(this._createYearCalendar, this), + + afterCardShow: function () { + this.setValue(self.selectedYear); + var calendar = this.getSelectedCard(); + backBtn.setEnable(!calendar.isFrontYear()); + preBtn.setEnable(!calendar.isFinalYear()); + } + }); + + this.navigation.on(BI.Navigation.EVENT_CHANGE, function () { + self.selectedYear = this.getValue(); + self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); + self.fireEvent(BI.YearPopup.EVENT_CHANGE, self.selectedYear); + }); + }, + + getValue: function () { + return this.selectedYear; + }, + + setValue: function (v) { + var o = this.options; + if (Date.checkVoid(v, 1, 1, o.min, o.max)[0]) { + v = new Date().getFullYear(); + this.selectedYear = ""; + this.navigation.setSelect(BI.YearCalendar.getPageByYear(v)); + this.navigation.setValue(""); + } else { + this.selectedYear = v; + this.navigation.setSelect(BI.YearCalendar.getPageByYear(v)); + this.navigation.setValue(v); + } + } +}); +BI.YearPopup.EVENT_CHANGE = "EVENT_CHANGE"; +$.shortcut("bi.year_popup", BI.YearPopup); \ No newline at end of file diff --git a/src/widget/year/trigger.year.js b/src/widget/year/trigger.year.js new file mode 100644 index 000000000..985a0410b --- /dev/null +++ b/src/widget/year/trigger.year.js @@ -0,0 +1,106 @@ +/** + * 年份trigger + * + * Created by GUY on 2015/8/21. + * @class BI.YearTrigger + * @extends BI.Trigger + */ +BI.YearTrigger = BI.inherit(BI.Trigger, { + _const: { + hgap: 4, + vgap: 2, + triggerWidth: 25, + errorText: BI.i18nText("BI-Please_Input_Integer"), + errorTextInvalid: BI.i18nText("BI-Year_Trigger_Invalid_Text") + }, + + _defaultConfig: function () { + return BI.extend(BI.YearTrigger.superclass._defaultConfig.apply(this, arguments), { + extraCls: "bi-year-trigger", + min: '1900-01-01', //最小日期 + max: '2099-12-31', //最大日期 + height: 25 + }); + }, + _init: function () { + BI.YearTrigger.superclass._init.apply(this, arguments); + var self = this, o = this.options, c = this._const; + this.editor = BI.createWidget({ + type: "bi.sign_editor", + height: o.height, + validationChecker: function (v) { + self.editor.setErrorText(!BI.isPositiveInteger(v) ? c.errorText : c.errorTextInvalid); + return v === "" || (BI.isPositiveInteger(v) && !Date.checkVoid(v, 1, 1, o.min, o.max)[0]); + }, + quitChecker: function (v) { + return false; + }, + hgap: c.hgap, + vgap: c.vgap, + allowBlank: true, + errorText: c.errorText + }) + this.editor.on(BI.SignEditor.EVENT_FOCUS, function () { + self.fireEvent(BI.YearTrigger.EVENT_FOCUS); + }); + this.editor.on(BI.SignEditor.EVENT_STOP, function () { + self.fireEvent(BI.YearTrigger.EVENT_STOP); + }); + this.editor.on(BI.SignEditor.EVENT_CONFIRM, function () { + var value = self.editor.getValue(); + if (BI.isNotNull(value)) { + self.editor.setValue(value); + self.editor.setTitle(value); + } + self.fireEvent(BI.YearTrigger.EVENT_CONFIRM); + }) + this.editor.on(BI.SignEditor.EVENT_SPACE, function () { + if (self.editor.isValid()) { + self.editor.blur(); + } + }); + this.editor.on(BI.SignEditor.EVENT_START, function () { + self.fireEvent(BI.YearTrigger.EVENT_START); + }); + this.editor.on(BI.SignEditor.EVENT_ERROR, function () { + self.fireEvent(BI.YearTrigger.EVENT_ERROR); + }); + BI.createWidget({ + element: this, + type: 'bi.htape', + items: [ + { + el: this.editor + }, { + el: { + type: "bi.text_button", + baseCls: "bi-trigger-year-text", + text: BI.i18nText("BI-Multi_Date_Year"), + width: c.triggerWidth + }, + width: c.triggerWidth + }, { + el: { + type: "bi.trigger_icon_button", + width: c.triggerWidth + }, + width: c.triggerWidth + } + ] + }); + }, + setValue: function (v) { + this.editor.setState(v); + this.editor.setValue(v); + this.editor.setTitle(v); + }, + getKey: function () { + return this.editor.getValue() | 0; + } +}); +BI.YearTrigger.EVENT_FOCUS = "EVENT_FOCUS"; +BI.YearTrigger.EVENT_ERROR = "EVENT_ERROR"; +BI.YearTrigger.EVENT_START = "EVENT_START"; +BI.YearTrigger.EVENT_CONFIRM = "EVENT_CONFIRM"; +BI.YearTrigger.EVENT_STOP = "EVENT_STOP"; +$.shortcut("bi.year_trigger", BI.YearTrigger); \ No newline at end of file diff --git a/src/widget/yearmonth/combo.yearmonth.js b/src/widget/yearmonth/combo.yearmonth.js new file mode 100644 index 000000000..ee6fc2b51 --- /dev/null +++ b/src/widget/yearmonth/combo.yearmonth.js @@ -0,0 +1,57 @@ +/** + * 年份 + 月份下拉框 + * + * @class BI.YearMonthCombo + * @extends BI.Widget + */ +BI.YearMonthCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearMonthCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-month-combo", + height: 25 + }); + }, + _init: function () { + BI.YearMonthCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.year = BI.createWidget({ + type: "bi.year_combo" + }); + + this.month = BI.createWidget({ + type: "bi.month_combo" + }); + + this.year.on(BI.YearCombo.EVENT_CONFIRM, function(){ + self.fireEvent(BI.YearMonthCombo.EVENT_CONFIRM); + }); + + this.month.on(BI.MonthCombo.EVENT_CONFIRM, function(){ + self.fireEvent(BI.YearMonthCombo.EVENT_CONFIRM); + }); + + BI.createWidget({ + type: "bi.center", + element: this, + hgap: 5, + items: [this.year, this.month] + }); + + }, + + setValue: function (v) { + v = v || {}; + this.month.setValue(v.month); + this.year.setValue(v.year); + }, + + getValue: function () { + return { + year: this.year.getValue(), + month: this.month.getValue() + }; + } +}); +BI.YearMonthCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut('bi.year_month_combo', BI.YearMonthCombo); \ No newline at end of file diff --git a/src/widget/yearquarter/combo.yearquarter.js b/src/widget/yearquarter/combo.yearquarter.js new file mode 100644 index 000000000..19633f44d --- /dev/null +++ b/src/widget/yearquarter/combo.yearquarter.js @@ -0,0 +1,57 @@ +/** + * 年份 + 月份下拉框 + * + * @class BI.YearQuarterCombo + * @extends BI.Widget + */ +BI.YearQuarterCombo = BI.inherit(BI.Widget, { + _defaultConfig: function () { + return BI.extend(BI.YearQuarterCombo.superclass._defaultConfig.apply(this, arguments), { + baseCls: "bi-year-quarter-combo", + height: 25 + }); + }, + _init: function () { + BI.YearQuarterCombo.superclass._init.apply(this, arguments); + var self = this, o = this.options; + + this.year = BI.createWidget({ + type: "bi.year_combo" + }); + + this.quarter = BI.createWidget({ + type: "bi.quarter_combo" + }); + + this.year.on(BI.YearCombo.EVENT_CONFIRM, function(){ + self.fireEvent(BI.YearQuarterCombo.EVENT_CONFIRM); + }); + + this.quarter.on(BI.QuarterCombo.EVENT_CONFIRM, function(){ + self.fireEvent(BI.YearQuarterCombo.EVENT_CONFIRM); + }); + + BI.createWidget({ + type: "bi.center", + element: this, + hgap: 5, + items: [this.year, this.quarter] + }); + + }, + + setValue: function (v) { + v = v || {}; + this.quarter.setValue(v.quarter); + this.year.setValue(v.year); + }, + + getValue: function () { + return { + year: this.year.getValue(), + quarter: this.quarter.getValue() + }; + } +}); +BI.YearQuarterCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; +$.shortcut('bi.year_quarter_combo', BI.YearQuarterCombo); \ No newline at end of file