├── src ├── tab │ ├── tab.css │ ├── tab.js │ └── tab.html ├── datepicker │ ├── datepicker.html │ ├── datepicker.css │ └── datepicker.js ├── pager │ ├── pager.css │ ├── pager.html │ └── pager.js ├── modal │ ├── modal.css │ ├── modal.js │ └── modal.html ├── table │ ├── table.css │ ├── table.html │ └── table.js ├── suggest │ ├── suggest.json │ ├── suggest.css │ ├── suggest.html │ └── suggest.js ├── select │ ├── select.css │ ├── select.html │ └── select.js └── vueUI.js ├── README.md ├── gulpfile.js ├── dist ├── vueUI.css └── vueUI.js └── lib └── jquery.js /src/tab/tab.css: -------------------------------------------------------------------------------- 1 | .vue-tab-content{ 2 | display: none; 3 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ### 基于Vue 1.x 的前端组件库，目前已经停止更新，请关注 Vue2.x的组件库 https://github.com/bravf/rainbow-nash 2 | -------------------------------------------------------------------------------- /src/datepicker/datepicker.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bravf/VueUI/HEAD/src/datepicker/datepicker.html -------------------------------------------------------------------------------- /src/pager/pager.css: -------------------------------------------------------------------------------- 1 | .vue-pager{ 2 | font-size: 0; 3 | } 4 | .vue-pager-pagination{ 5 | margin: 0; 6 | } -------------------------------------------------------------------------------- /src/modal/modal.css: -------------------------------------------------------------------------------- 1 | .vue-modal{ 2 | display: block; 3 | overflow-x: hidden; 4 | overflow-y: auto; 5 | } 6 | .vue-modal-backdrop{ 7 | position: absolute; 8 | } -------------------------------------------------------------------------------- /src/table/table.css: -------------------------------------------------------------------------------- 1 | .vue-table{} 2 | .vue-table-pager-td{ 3 | text-align: right; 4 | overflow: hidden; 5 | } 6 | .vue-table-totalCount{ 7 | float: left; 8 | margin: 0; 9 | margin-top: 5px; 10 | } 11 | .vue-table-pager{ 12 | float: right; 13 | } 14 | .vue-table thead, .vue-table tfoot{ 15 | background-color: #f8f8f8; 16 | } 17 | .vue-table-cb-td{ 18 | width: 50px; 19 | text-align: center; 20 | } 21 | .vue-table-th{ 22 | position: relative; 23 | } 24 | .vue-table-th .glyphicon{ 25 | position: relative; 26 | left: 5px; 27 | top: 2px; 28 | font-size: 12px; 29 | cursor: pointer; 30 | } 31 | .vue-table-glyphicon-disabled{ 32 | color: #999; 33 | } 34 | .vue-table-empty{ 35 | text-align: center; 36 | line-height: 60px!important; 37 | } -------------------------------------------------------------------------------- /src/suggest/suggest.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":0, 3 | "message":null, 4 | "data":[ 5 | { 6 | "bankcode": "ABC", 7 | "bankname": "中国农业银行" 8 | }, 9 | { 10 | "bankcode": "ADBC", 11 | "bankname": "中国农业发展银行" 12 | }, 13 | { 14 | "bankcode": "BCM", 15 | "bankname": "交通银行" 16 | }, 17 | { 18 | "bankcode": "BCM2", 19 | "bankname": "交通银行2" 20 | }, 21 | { 22 | "bankcode": "BCM3", 23 | "bankname": "交通银行3" 24 | }, 25 | { 26 | "bankcode": "BCM4", 27 | "bankname": "交通银行4" 28 | }, 29 | { 30 | "bankcode": "BCM5", 31 | "bankname": "交通银行5" 32 | }, 33 | { 34 | "bankcode": "BCM6", 35 | "bankname": "交通银行6" 36 | } 37 | ] 38 | } -------------------------------------------------------------------------------- /src/suggest/suggest.css: -------------------------------------------------------------------------------- 1 | .vue-suggest{ 2 | position: relative; 3 | display: inline-block; 4 | } 5 | .vue-suggest-options-div{ 6 | position: absolute; 7 | max-height: 270px; 8 | border: 1px solid rgba(0,0,0,.15); 9 | top: 36px; 10 | z-index: 10000; 11 | background: #fff; 12 | overflow: auto; 13 | } 14 | .vue-suggest-options-ul{ 15 | position: static; 16 | float: none; 17 | display: block; 18 | min-width: 0!important; 19 | margin: 0; 20 | border: none; 21 | padding-top: 0!important; 22 | padding-bottom: 0!important; 23 | } 24 | .vue-suggest-options-ul li:hover{ 25 | background: #f5f5f5; 26 | } 27 | .vue-suggest-options-ul a{ 28 | padding: 3px 12px!important; 29 | overflow: hidden; 30 | text-decoration: none; 31 | text-overflow: ellipsis; 32 | white-space: nowrap; 33 | } 34 | .vue-suggest-option-curr{ 35 | background: #f5f5f5; 36 | } -------------------------------------------------------------------------------- /src/tab/tab.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2015 bravf(bravfing@126.com) 3 | */ 4 | 5 | VueUI.component('vue-tab', { 6 | template : '
', 7 | data : function (){ 8 | return { 9 | config : {}, 10 | active : 0 11 | } 12 | }, 13 | watch : { 14 | active : function (){ 15 | this.setActive() 16 | } 17 | }, 18 | methods : { 19 | setActive : function (){ 20 | this.$tabs.removeClass('active').eq(this.active).addClass('active') 21 | this.$contents.removeClass('active').eq(this.active).addClass('active') 22 | } 23 | }, 24 | compiled : function (){ 25 | var me = this 26 | this.$$el = $(this.$el) 27 | this.$tabs = this.$$el.find('.nav li') 28 | this.$contents = this.$$el.find('.tab-pane') 29 | 30 | this.$tabs.each(function (idx){ 31 | $(this).on('click', function (){ 32 | me.active = idx 33 | }) 34 | }) 35 | 36 | this.setActive() 37 | } 38 | }) -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | // 引入 gulp 2 | var gulp = require('gulp'); 3 | 4 | // 引入组件 5 | var jshint = require('gulp-jshint'); 6 | var sass = require('gulp-sass'); 7 | var concat = require('gulp-concat'); 8 | var uglify = require('gulp-uglify'); 9 | var rename = require('gulp-rename'); 10 | 11 | // 检查脚本 12 | gulp.task('lint', function() { 13 | gulp.src('./src/*.js') 14 | .pipe(jshint()) 15 | .pipe(jshint.reporter('default')); 16 | }); 17 | 18 | // 合并css文件 19 | gulp.task('csss', function() { 20 | gulp.src('./src/**/*.css') 21 | .pipe(concat('vueUI.css')) 22 | .pipe(gulp.dest('./dist')); 23 | }); 24 | 25 | // 合并js文件 26 | gulp.task('scripts', function() { 27 | gulp.src('./src/**/*.js') 28 | .pipe(concat('vueUI.js')) 29 | .pipe(gulp.dest('./dist')); 30 | }); 31 | 32 | // 默认任务 33 | gulp.task('default', function(){ 34 | gulp.run('csss', 'scripts'); 35 | 36 | // 监听文件变化 37 | gulp.watch('./src/**/*.js', function(){ 38 | gulp.run('scripts'); 39 | }); 40 | 41 | // 监听文件变化 42 | gulp.watch('./src/**/*.css', function(){ 43 | gulp.run('csss'); 44 | }); 45 | }); -------------------------------------------------------------------------------- /src/select/select.css: -------------------------------------------------------------------------------- 1 | .vue-select{ 2 | position: relative; 3 | height: 34px; 4 | display: inline-block; 5 | } 6 | .vue-select-content{ 7 | display: none; 8 | } 9 | .vue-select-btn{ 10 | text-align: left; 11 | position: relative; 12 | height: 34px; 13 | padding-right: 22px!important; 14 | font-size: 14px; 15 | } 16 | .vue-select-btn-text{ 17 | display: inline-block; 18 | overflow: hidden; 19 | height: 20px; 20 | } 21 | .vue-select-btn .caret{ 22 | position: absolute; 23 | right: 8px; 24 | top: 14px; 25 | } 26 | .vue-select-options-div{ 27 | position: absolute; 28 | max-height: 270px; 29 | overflow-y: hidden; 30 | overflow-x: hidden; 31 | border: 1px solid rgba(0,0,0,.15); 32 | border-radius: 4px; 33 | top: 36px; 34 | z-index: 10000; 35 | } 36 | .vue-select-options-ul{ 37 | position: static; 38 | float: none; 39 | display: block; 40 | min-width: 0!important; 41 | margin: 0; 42 | border: none; 43 | } 44 | .vue-select-options-ul li:hover{ 45 | background: #f5f5f5; 46 | } 47 | .vue-select-options-ul a{ 48 | padding: 3px 12px!important; 49 | overflow: hidden; 50 | text-decoration: none; 51 | } 52 | .vue-select-option-curr{ 53 | background: #f5f5f5; 54 | } 55 | .vue-select-options-ul-scaleY, .vue-select-options-ul-scaleY li{ 56 | transform:scaleY(-1); 57 | -webkit-transform:scaleY(-1); 58 | } -------------------------------------------------------------------------------- /src/suggest/suggest.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | VueUI-suggest 6 | 7 | 8 | 10 | 11 | 12 |
13 | 14 |
asdfasdfad 15 |
16 | 17 | 18 | 19 | 20 | 21 | 45 | -------------------------------------------------------------------------------- /src/select/select.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | VueUI-select 6 | 7 | 8 | 10 | 11 | 12 |
13 |
14 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 57 | -------------------------------------------------------------------------------- /src/tab/tab.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | VueUI-tab 6 | 7 | 8 | 10 | 11 | 12 | 13 |
    14 |
  • 15 | tab1 16 |
    • 17 |
  • 18 | tab2 19 |
    • 20 |
  • 21 | tab3 22 |
    • 23 |
24 |
25 |
26 | 27 |
28 |
content2
29 |
content3
30 |
31 | 32 | 33 | 34 | 35 | 36 | 37 | 49 | -------------------------------------------------------------------------------- /src/pager/pager.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | VueUI-pager 6 | 7 | 8 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 | 50 | -------------------------------------------------------------------------------- /src/datepicker/datepicker.css: -------------------------------------------------------------------------------- 1 | .vue-datepicker{ 2 | position: relative; 3 | display: inline-block; 4 | } 5 | .vue-datepicker-input{ 6 | width: 186px; 7 | } 8 | .vue-datepicker-popup{ 9 | position: absolute; 10 | border: 1px solid #ccc; 11 | border-radius: 5px; 12 | padding: 10px; 13 | display: none; 14 | background: #fff; 15 | margin-top: 2px; 16 | z-index: 1000; 17 | } 18 | .vue-datepicker-inner{ 19 | width: 218px; 20 | border: 1px solid #ccc; 21 | } 22 | .vue-datepicker-body{ 23 | padding: 5px 10px; 24 | } 25 | .vue-datepicker-body span{ 26 | display: inline-block; 27 | width: 28px; 28 | line-height: 28px; 29 | height: 28px; 30 | text-align: center; 31 | cursor: pointer; 32 | } 33 | .vue-datepicker-item-gray{ 34 | color: #999; 35 | } 36 | .vue-datepicker-item-red{ 37 | color: #ff5555; 38 | } 39 | .vue-datepicker-dateRange span{ 40 | } 41 | .vue-datepicker-dateRange span:hover, .vue-datepicker-dateRange-item-hover{ 42 | background-color : #dbebff; 43 | } 44 | .vue-datepicker-weekRange{ 45 | border-bottom: 1px solid #ccc; 46 | } 47 | .vue-datepicker-label{ 48 | background-color: #f8f8f8; 49 | border-bottom: 1px solid #e5e5e5; 50 | font-weight: 700; 51 | padding: 7px 0; 52 | text-align: center; 53 | } 54 | .vue-datepicker-ctrl{ 55 | position: relative; 56 | height: 30px; 57 | line-height: 30px; 58 | color: #3775c0; 59 | text-align: center; 60 | border-bottom: 1px solid #ccc; 61 | } 62 | .vue-datepicker-ctrl i{ 63 | position: absolute; 64 | cursor: pointer; 65 | top: 1px; 66 | } 67 | .vue-month-btn{ 68 | font-weight: bold; 69 | -webkit-user-select:none; 70 | -moz-user-select:none; 71 | -ms-user-select:none; 72 | user-select:none; 73 | } 74 | .vue-datepicker-preMonthBtn{ 75 | left: 4px; 76 | } 77 | .vue-datepicker-nextMonthBtn{ 78 | right: 4px; 79 | } 80 | -------------------------------------------------------------------------------- /src/table/table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | VueUI-table 6 | 7 | 8 | 11 | 12 | 13 |
14 | 15 |
16 | 17 |
18 |
{{a}}
19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 107 | -------------------------------------------------------------------------------- /src/vueUI.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2015 bravf(bravfing@126.com) 3 | */ 4 | 5 | window.VueUI = function (){ 6 | var VueUI = {} 7 | 8 | var componentPool = {} 9 | var comCounter = 1 10 | 11 | function getComId(){ 12 | return (new Date).getTime() + '_' + comCounter 13 | } 14 | 15 | //将外部传进来的参数mix到data 16 | function mixConfig(){ 17 | for (var key in this.config){ 18 | this[key] = this.config[key] 19 | } 20 | } 21 | 22 | //监控外部参数的变化同步到data 23 | function syncConfig(){ 24 | var me = this 25 | me.$watch('config', function (){ 26 | mixConfig.call(me) 27 | }, true) 28 | } 29 | 30 | //处理vue-attr 31 | function handleVueAttr(){ 32 | var me = this 33 | 34 | ;[].slice.call(me.$el.attributes).forEach(function (item){ 35 | var key = item.name 36 | var value = item.value 37 | 38 | if (key.indexOf('vue-attr-') == 0){ 39 | me[key.slice(9)] = value 40 | } 41 | }) 42 | } 43 | 44 | //处理vue-model 45 | function handleVueModel(){ 46 | var me = this 47 | 48 | ;[{a:'vue-model', b:'value'}, {a:'vue-model-text', b:'text'}].forEach(function (item){ 49 | var a = item.a 50 | var b = item.b 51 | 52 | var attr = me.$el.getAttribute(a) 53 | if (!attr){ 54 | return 55 | } 56 | 57 | var parentObj = me.$parent 58 | var parentAttr = attr 59 | 60 | var attrList = attr.split('.') 61 | 62 | if (attrList.length > 1){ 63 | attrList.slice(0, -1).forEach(function (k){ 64 | parentObj = parentObj[k] 65 | }) 66 | parentAttr = attrList.slice(-1)[0] 67 | } 68 | 69 | //只有vue-model是双向（多重双向会导致数据混乱） 70 | if (a == 'vue-model'){ 71 | me[b] = parentObj[parentAttr] 72 | me.$parent.$watch(attr, function (){ 73 | me[b] = parentObj[parentAttr] 74 | }) 75 | } 76 | 77 | me.$watch(b, function (){ 78 | parentObj[parentAttr] = me[b] 79 | }) 80 | }) 81 | } 82 | 83 | VueUI.component = function (key, options){ 84 | //在created方法中做一些全局管理操作 85 | var _compiled = options['compiled'] || VueUI.emptyFunc 86 | 87 | options['compiled'] = function (){ 88 | //设置id，并保存到pool 89 | var comId = this.$el.getAttribute('vue-id') || getComId() 90 | componentPool[comId] = this 91 | 92 | handleVueAttr.call(this) 93 | handleVueModel.call(this) 94 | mixConfig.call(this) 95 | syncConfig.call(this) 96 | 97 | _compiled.call(this) 98 | } 99 | //调用系统的方式 100 | Vue.component(key, options) 101 | } 102 | 103 | VueUI.getComponent = VueUI.$ = function (id){ 104 | return componentPool[id] 105 | } 106 | 107 | VueUI.getComId = getComId 108 | VueUI.emptyFunc = Function.prototype 109 | 110 | VueUI.resetArray = function (a, b){ 111 | while (a.length){ 112 | a.pop() 113 | } 114 | b.forEach(function (x){ 115 | a.push(x) 116 | }) 117 | } 118 | 119 | VueUI.winClick = function (targetDom, callback){ 120 | $(window).on('click', function (e){ 121 | var dom = e.target 122 | 123 | while (dom){ 124 | if (dom == targetDom){ 125 | return 126 | } 127 | dom = dom.parentElement 128 | if (dom == document.body){ 129 | break 130 | } 131 | } 132 | 133 | callback() 134 | }) 135 | } 136 | 137 | return VueUI 138 | 139 | }() -------------------------------------------------------------------------------- /src/pager/pager.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2015 bravf(bravfing@126.com) 3 | */ 4 | 5 | VueUI.component('vue-pager', { 6 | template : 7 | '
' + 8 | '
    ' + 9 | '
  • ' + 10 | '{{text}}' + 11 | '
    • ' + 12 | '
' + 13 | '
', 14 | data : function (){ 15 | return { 16 | pageRange : [], 17 | totalPage : 0, 18 | currPage : 1, 19 | prevShow : 3, 20 | nextShow : 3, 21 | onChange : VueUI.emptyFunc, 22 | config : {} 23 | } 24 | }, 25 | watch : { 26 | totalPage : function (){ 27 | this.getPageRange() 28 | }, 29 | currPage : function (){ 30 | this.getPageRange() 31 | this.onChange(this.currPage) 32 | }, 33 | prevShow : function (){ 34 | this.getPageRange() 35 | }, 36 | nextShow : function (){ 37 | this.getPageRange() 38 | } 39 | }, 40 | methods : { 41 | getPageRange : function (){ 42 | var start = 0 43 | var end = 0 44 | var showLen = this.prevShow + this.nextShow + 1 45 | var totalPage = Math.max(this.totalPage, 1) 46 | var currPage = this.currPage 47 | 48 | if (totalPage <= 1){ 49 | start = end = 1 50 | } 51 | else if (totalPage <= showLen){ 52 | start = 1 53 | end = totalPage 54 | } 55 | else { 56 | if (currPage <= this.prevShow + 1){ 57 | start = 1 58 | end = showLen 59 | } 60 | else if (currPage >= totalPage - this.nextShow){ 61 | end = totalPage 62 | start = totalPage - showLen + 1 63 | } 64 | else { 65 | start = currPage - this.prevShow 66 | end = currPage + this.nextShow 67 | } 68 | } 69 | 70 | this.pageRange = [] 71 | 72 | //上一页 73 | if (currPage != 1){ 74 | this.pageRange.push({num:currPage-1, text:'«'}) 75 | } 76 | //第一页 77 | if (start >= 2){ 78 | this.pageRange.push({num:1, text:1}) 79 | } 80 | //省略好 81 | if (start > 2){ 82 | this.pageRange.push({text:'..'}) 83 | } 84 | //显示的页码列表 85 | for (var i=start; i<=end; i++){ 86 | this.pageRange.push({ 87 | num : i, 88 | text : i, 89 | className : (i==currPage) ? 'active' : '' 90 | }) 91 | } 92 | //省略号 93 | if (end < totalPage-1){ 94 | this.pageRange.push({text:'..'}) 95 | } 96 | //最后一页 97 | if (end <= totalPage-1){ 98 | this.pageRange.push({num:totalPage, text:totalPage}) 99 | } 100 | //下一页 101 | if (currPage != totalPage){ 102 | this.pageRange.push({num:currPage+1, text:'»'}) 103 | } 104 | }, 105 | pageClick : function (i){ 106 | if (!i){ 107 | return false 108 | } 109 | if (i == this.currPage){ 110 | return false 111 | } 112 | 113 | this.currPage = i 114 | this.getPageRange() 115 | } 116 | }, 117 | compiled : function (){ 118 | this.getPageRange() 119 | } 120 | }) -------------------------------------------------------------------------------- /src/modal/modal.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2015 bravf(bravfing@126.com) 3 | */ 4 | 5 | VueUI.component('vue-modal', { 6 | template : 7 | '
' + 8 | '
' + 9 | '
' + 10 | '
' + 11 | '
' + 12 | '' + 13 | '

{{title}}

' + 14 | '
' + 15 | '
' + 16 | '{{{content}}}' + 17 | '' + 18 | '
' + 19 | '
' + 20 | '' + 21 | '' + 22 | '
' + 23 | '
' + 24 | '
' + 25 | '
' 26 | , 27 | data : function (){ 28 | return { 29 | config : {}, 30 | 31 | title : '', //标题 32 | content : '', //内容 33 | toggle : false, //是否显示 34 | width : 500, //宽度 35 | 36 | // 按钮相关 37 | isShowCancelBtn : false, 38 | cancelBtnText : '取消', 39 | cancelBtnCallback : VueUI.emptyFunc, 40 | 41 | isShowOkBtn : false, 42 | okBtnText : '确认', 43 | okBtnCallback : VueUI.emptyFunc, 44 | } 45 | }, 46 | watch : { 47 | content : function (){ 48 | this.$compile(this.$el.querySelector('.modal-body')) 49 | }, 50 | title : function (){ 51 | this.title = this.title || document.title 52 | }, 53 | toggle : function (){ 54 | if (this.toggle){ 55 | this.syncHeight() 56 | } 57 | 58 | document.body.style.overflow = this.toggle ? 'hidden' : 'auto' 59 | } 60 | }, 61 | methods : { 62 | cancelBtnClick : function (){ 63 | this.toggle = false 64 | this.cancelBtnCallback() 65 | }, 66 | okBtnClick : function (){ 67 | this.toggle = false 68 | this.okBtnCallback() 69 | }, 70 | syncHeight : function (){ 71 | var height = Math.max(this.$$el.find('.modal-dialog').height() + 60, document.documentElement.clientHeight) 72 | this.$backdrop.height(height) 73 | }, 74 | show : function (){ 75 | this.toggle = true 76 | }, 77 | hide : function (){ 78 | this.toggle = false 79 | } 80 | }, 81 | compiled : function (){ 82 | this.title = this.title || document.title 83 | 84 | this.$$el = $(this.$el) 85 | this.$backdrop = this.$$el.find('.vue-modal-backdrop') 86 | } 87 | }) 88 | 89 | new function (){ 90 | var str = 91 | '
' + 92 | '' + 93 | '' + 94 | '
' 95 | $('body').append(str) 96 | 97 | new Vue({ 98 | el : '#VueUIAlertConfirm', 99 | data : { 100 | VueUIAlertConf : { 101 | isShowOkBtn : true 102 | }, 103 | VueUIConfirmConf : { 104 | isShowOkBtn : true, 105 | isShowCancelBtn : true 106 | } 107 | } 108 | }) 109 | 110 | var alertVU = VueUI.getComponent('VueUIAlert') 111 | var confirmVU = VueUI.getComponent('VueUIConfirm') 112 | 113 | VueUI.alert = function (conf){ 114 | if ($.type(conf) == 'object'){ 115 | alertVU.title = conf.title 116 | alertVU.content = conf.content || '' 117 | alertVU.okBtnCallback = conf.okCallback || VueUI.emptyFunc 118 | } 119 | else { 120 | alertVU.content = conf 121 | alertVU.title = document.title 122 | alertVU.okBtnCallback = VueUI.emptyFunc 123 | } 124 | alertVU.toggle = true 125 | } 126 | 127 | VueUI.confirm = function (conf){ 128 | confirmVU.title = conf.title 129 | confirmVU.content = conf.content || '', 130 | confirmVU.okBtnCallback = conf.okCallback || VueUI.emptyFunc 131 | confirmVU.cancelBtnCallback = conf.cancelCallback || VueUI.emptyFunc 132 | confirmVU.toggle = true 133 | } 134 | }() -------------------------------------------------------------------------------- /src/suggest/suggest.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2015 bravf(bravfing@126.com) 3 | */ 4 | 5 | VueUI.component('vue-suggest', { 6 | template : 7 | '
' + 8 | '' + 9 | '
' + 10 | '
    ' + 11 | '
  • ' + 12 | '{{text}}' + 13 | '
    • ' + 14 | '
' + 15 | '
' + 16 | '
' 17 | , 18 | data : function (){ 19 | return { 20 | config : {}, 21 | display : false, 22 | 23 | width : 300, 24 | data : [], 25 | valid : false, //是否校验是有效值 26 | 27 | value : '', 28 | text : '', 29 | index : -1, 30 | isBlock : false, //标记是否对text的change发请求 31 | isBlur : true, 32 | 33 | url : '', //请求地址 34 | field : 'words', //请求字段名 35 | 36 | filterData : function (data){ //处理返回数据 37 | return data 38 | } 39 | } 40 | }, 41 | watch : { 42 | text : function (){ 43 | if (this.isBlock || this.isBlur){ 44 | return false 45 | } 46 | this.value = '' 47 | this.delayRequest() 48 | }, 49 | display : function (val){ 50 | if (!val){ 51 | if (this.valid && !this.value){ 52 | this.text = '' 53 | } 54 | } 55 | } 56 | }, 57 | methods : { 58 | keydown : function (e){ 59 | var me = this 60 | switch (e.keyCode){ 61 | case 13: 62 | me.display = false 63 | break 64 | 65 | case 38: 66 | e.preventDefault() 67 | me.setIndex(me.index--) 68 | break 69 | 70 | case 40: 71 | e.preventDefault() 72 | me.setIndex(me.index++) 73 | break 74 | 75 | default: 76 | break 77 | } 78 | }, 79 | focus : function (){ 80 | this.isBlur = false 81 | if (this.text){ 82 | this.delayRequest() 83 | } 84 | }, 85 | blur : function (){ 86 | this.isBlur = true 87 | }, 88 | delayRequest : function (){ 89 | var me = this 90 | if (me.reqTimer){ 91 | clearTimeout(me.reqTimer) 92 | } 93 | me.reqTimer = setTimeout(function (){ 94 | me.sendRequest() 95 | }, 150); 96 | }, 97 | sendRequest : function (){ 98 | var me = this 99 | var params = {} 100 | 101 | if (!me.text){ 102 | return false 103 | } 104 | 105 | params[this.field] = this.text 106 | params['-'] = (new Date).getTime() 107 | 108 | $.getJSON(this.url, params).done(function (data){ 109 | me.data = me.filterData(data) 110 | me.index = -1 111 | if (me.data.length){ 112 | me.display = true 113 | } 114 | }) 115 | }, 116 | setIndex : function (){ 117 | var me = this 118 | 119 | if (!me.display){ 120 | return false 121 | } 122 | 123 | //暂时关闭对text的监控，此时发生的text变化不发起请求 124 | me.isBlock = true 125 | setTimeout(function (){ 126 | me.isBlock = false 127 | }, 50) 128 | 129 | if (!this.data.length) { 130 | return 131 | } 132 | 133 | var min = 0 134 | var max = this.data.length - 1 135 | 136 | if (this.index < min){ 137 | this.index = max 138 | } 139 | if (this.index > max){ 140 | this.index = min 141 | } 142 | 143 | this.value = this.data[this.index].value 144 | this.text = this.data[this.index].text 145 | }, 146 | itemClick : function (idx){ 147 | this.index = idx 148 | this.setIndex() 149 | this.display = false 150 | } 151 | }, 152 | compiled : function (){ 153 | var me = this 154 | me.$$el = $(me.$el) 155 | me.$input = me.$$el.find('.form-control') 156 | 157 | //设置宽度 158 | me.$$el.find('.vue-suggest').outerWidth(me.width) 159 | me.$$el.find('.vue-suggest-options-div').outerWidth(me.width) 160 | 161 | //设置全局事件 162 | VueUI.winClick(me.$el, function (){ 163 | me.display = false 164 | }) 165 | } 166 | }) -------------------------------------------------------------------------------- /dist/vueUI.css: -------------------------------------------------------------------------------- 1 | .vue-datepicker{ 2 | position: relative; 3 | display: inline-block; 4 | } 5 | .vue-datepicker-input{ 6 | width: 186px; 7 | } 8 | .vue-datepicker-popup{ 9 | position: absolute; 10 | border: 1px solid #ccc; 11 | border-radius: 5px; 12 | padding: 10px; 13 | display: none; 14 | background: #fff; 15 | margin-top: 2px; 16 | z-index: 1000; 17 | } 18 | .vue-datepicker-inner{ 19 | width: 218px; 20 | border: 1px solid #ccc; 21 | } 22 | .vue-datepicker-body{ 23 | padding: 5px 10px; 24 | } 25 | .vue-datepicker-body span{ 26 | display: inline-block; 27 | width: 28px; 28 | line-height: 28px; 29 | height: 28px; 30 | text-align: center; 31 | cursor: pointer; 32 | } 33 | .vue-datepicker-item-gray{ 34 | color: #999; 35 | } 36 | .vue-datepicker-item-red{ 37 | color: #ff5555; 38 | } 39 | .vue-datepicker-dateRange span{ 40 | } 41 | .vue-datepicker-dateRange span:hover, .vue-datepicker-dateRange-item-hover{ 42 | background-color : #dbebff; 43 | } 44 | .vue-datepicker-weekRange{ 45 | border-bottom: 1px solid #ccc; 46 | } 47 | .vue-datepicker-label{ 48 | background-color: #f8f8f8; 49 | border-bottom: 1px solid #e5e5e5; 50 | font-weight: 700; 51 | padding: 7px 0; 52 | text-align: center; 53 | } 54 | .vue-datepicker-ctrl{ 55 | position: relative; 56 | height: 30px; 57 | line-height: 30px; 58 | color: #3775c0; 59 | text-align: center; 60 | border-bottom: 1px solid #ccc; 61 | } 62 | .vue-datepicker-ctrl i{ 63 | position: absolute; 64 | cursor: pointer; 65 | top: 1px; 66 | } 67 | .vue-month-btn{ 68 | font-weight: bold; 69 | -webkit-user-select:none; 70 | -moz-user-select:none; 71 | -ms-user-select:none; 72 | user-select:none; 73 | } 74 | .vue-datepicker-preMonthBtn{ 75 | left: 4px; 76 | } 77 | .vue-datepicker-nextMonthBtn{ 78 | right: 4px; 79 | } 80 | 81 | .vue-modal{ 82 | display: block; 83 | overflow-x: hidden; 84 | overflow-y: auto; 85 | } 86 | .vue-modal-backdrop{ 87 | position: absolute; 88 | } 89 | .vue-pager{ 90 | font-size: 0; 91 | } 92 | .vue-pager-pagination{ 93 | margin: 0; 94 | } 95 | .vue-select{ 96 | position: relative; 97 | height: 34px; 98 | display: inline-block; 99 | } 100 | .vue-select-content{ 101 | display: none; 102 | } 103 | .vue-select-btn{ 104 | text-align: left; 105 | position: relative; 106 | height: 34px; 107 | padding-right: 22px!important; 108 | font-size: 14px; 109 | } 110 | .vue-select-btn-text{ 111 | display: inline-block; 112 | overflow: hidden; 113 | height: 20px; 114 | } 115 | .vue-select-btn .caret{ 116 | position: absolute; 117 | right: 8px; 118 | top: 14px; 119 | } 120 | .vue-select-options-div{ 121 | position: absolute; 122 | max-height: 270px; 123 | overflow-y: hidden; 124 | overflow-x: hidden; 125 | border: 1px solid rgba(0,0,0,.15); 126 | border-radius: 4px; 127 | top: 36px; 128 | z-index: 10000; 129 | } 130 | .vue-select-options-ul{ 131 | position: static; 132 | float: none; 133 | display: block; 134 | min-width: 0!important; 135 | margin: 0; 136 | border: none; 137 | } 138 | .vue-select-options-ul li:hover{ 139 | background: #f5f5f5; 140 | } 141 | .vue-select-options-ul a{ 142 | padding: 3px 12px!important; 143 | overflow: hidden; 144 | text-decoration: none; 145 | } 146 | .vue-select-option-curr{ 147 | background: #f5f5f5; 148 | } 149 | .vue-select-options-ul-scaleY, .vue-select-options-ul-scaleY li{ 150 | transform:scaleY(-1); 151 | -webkit-transform:scaleY(-1); 152 | } 153 | .vue-suggest{ 154 | position: relative; 155 | display: inline-block; 156 | } 157 | .vue-suggest-options-div{ 158 | position: absolute; 159 | max-height: 270px; 160 | border: 1px solid rgba(0,0,0,.15); 161 | top: 36px; 162 | z-index: 10000; 163 | background: #fff; 164 | overflow: auto; 165 | } 166 | .vue-suggest-options-ul{ 167 | position: static; 168 | float: none; 169 | display: block; 170 | min-width: 0!important; 171 | margin: 0; 172 | border: none; 173 | padding-top: 0!important; 174 | padding-bottom: 0!important; 175 | } 176 | .vue-suggest-options-ul li:hover{ 177 | background: #f5f5f5; 178 | } 179 | .vue-suggest-options-ul a{ 180 | padding: 3px 12px!important; 181 | overflow: hidden; 182 | text-decoration: none; 183 | text-overflow: ellipsis; 184 | white-space: nowrap; 185 | } 186 | .vue-suggest-option-curr{ 187 | background: #f5f5f5; 188 | } 189 | .vue-tab-content{ 190 | display: none; 191 | } 192 | .vue-table{} 193 | .vue-table-pager-td{ 194 | text-align: right; 195 | overflow: hidden; 196 | } 197 | .vue-table-totalCount{ 198 | float: left; 199 | margin: 0; 200 | margin-top: 5px; 201 | } 202 | .vue-table-pager{ 203 | float: right; 204 | } 205 | .vue-table thead, .vue-table tfoot{ 206 | background-color: #f8f8f8; 207 | } 208 | .vue-table-cb-td{ 209 | width: 50px; 210 | text-align: center; 211 | } 212 | .vue-table-th{ 213 | position: relative; 214 | } 215 | .vue-table-th .glyphicon{ 216 | position: relative; 217 | left: 5px; 218 | top: 2px; 219 | font-size: 12px; 220 | cursor: pointer; 221 | } 222 | .vue-table-glyphicon-disabled{ 223 | color: #999; 224 | } 225 | .vue-table-empty{ 226 | text-align: center; 227 | line-height: 60px!important; 228 | } -------------------------------------------------------------------------------- /src/select/select.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2015 bravf(bravfing@126.com) 3 | */ 4 | 5 | VueUI.component('vue-select', { 6 | template : 7 | '
' + 8 | '
' + 9 | '' + 13 | '
' + 14 | '
    ' + 15 | '
  • ' + 16 | '{{text}}' + 17 | '
    • ' + 18 | '
' + 19 | '
' + 20 | '
' 21 | , 22 | data : function (){ 23 | return { 24 | config : {}, 25 | //数据 26 | data : [], 27 | //组件宽度 28 | width: 100, 29 | //是否显示options 30 | display : false, 31 | //当前值 32 | value : '', 33 | //当前文本 34 | text : '', 35 | //当前索引 36 | index : 0, 37 | onChange : VueUI.emptyFunc 38 | } 39 | }, 40 | watch : { 41 | data : function (){ 42 | this.syncCurr('data') 43 | }, 44 | value : function (){ 45 | this.syncCurr('value') 46 | }, 47 | index : function (){ 48 | this.syncCurrByIndex() 49 | this.onChange(this.value, this.text, this.index) 50 | } 51 | }, 52 | methods : { 53 | buttonClick : function (){ 54 | this.toggleOptions() 55 | }, 56 | itemClick : function (idx){ 57 | this.index = idx 58 | this.toggleOptions() 59 | }, 60 | syncCurr : function (key){ 61 | if (this.data.length == 0){ 62 | return 63 | } 64 | 65 | for (var i=0, option; i 10){ 124 | $div.css('overflow-y', 'scroll') 125 | } 126 | else { 127 | $div.css('overflow-y', 'hidden') 128 | } 129 | 130 | if ( (divH >= (pageH-selectY)) && (selectY >= divH) ){ 131 | marginTop = -(btnH + divH + 4) 132 | scrollTop = 1e8 133 | fn = 'addClass' 134 | } 135 | else { 136 | marginTop = 0 137 | scrollTop = 0 138 | fn = 'removeClass' 139 | } 140 | 141 | $div.css('margin-top', marginTop) 142 | $ul[fn]('vue-select-options-ul-scaleY') 143 | 144 | Vue.nextTick(function (){ 145 | $div.scrollTop(scrollTop) 146 | }) 147 | } 148 | }, 149 | compiled : function (){ 150 | var me = this 151 | 152 | this.syncCurr() 153 | 154 | var $dom = $(this.$el) 155 | var $btn = $dom.find('.vue-select-btn') 156 | 157 | //检查是否有硬编码的option 158 | var $options = $dom.find('option') 159 | if ($options.length > 0){ 160 | this.data = [] 161 | 162 | $options.each(function (){ 163 | me.data.push({ 164 | value : this.value, 165 | text : this.text 166 | }) 167 | }) 168 | } 169 | 170 | //设置各种宽度 171 | $dom.find('.vue-select').outerWidth(this.width) 172 | $btn.find('.vue-select-btn-text').width(this.width - 35) 173 | $dom.find('.vue-select-options-div').outerWidth(this.width) 174 | 175 | VueUI.winClick(me.$el, function (){ 176 | me.display = false 177 | }) 178 | } 179 | }) -------------------------------------------------------------------------------- /src/table/table.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2015 bravf(bravfing@126.com) 3 | */ 4 | 5 | VueUI.component('vue-table', { 6 | template : 7 | '' + 8 | '' + 9 | '' + 12 | '' + 16 | '' + 17 | '' + 18 | '' + 19 | '' + 20 | '' + 21 | '' + 22 | '' + 23 | '' + 24 | '' + 28 | '
' + 10 | '' + 11 | '' + 13 | '{{c.text}}' + 14 | '' + 15 | '
没有任何数据
{{{d[c["field"]]}}}
' + 25 | '

共 {{totalCount}} 条结果

' + 26 | '
' + 27 | '
' 29 | , 30 | data : function (){ 31 | return { 32 | config : {}, 33 | data : [], //数据 34 | totalCount : 0, // 数据总量 35 | columns : [], //列 36 | columnsLen : 0, //总列数 37 | isShowHead : true, //是否显示表格头 38 | isShowFoot : true, //是否显示表格尾 39 | isCheckable : false, //是否可以选择数据 40 | sortField : '', //当前排序字段 41 | sortDir : 0, //0表示降序，1表示升序 42 | onSortChange : VueUI.emptyFunc, //当排序信息改变 43 | 44 | //分页相关参数 45 | pagerConfig : { 46 | totalPage : 0, 47 | onChange : VueUI.emptyFunc 48 | }, 49 | totalPage : 0, 50 | onPagerChange : VueUI.emptyFunc, 51 | vuePageId : VueUI.getComId() + '_table_pager' 52 | } 53 | }, 54 | watch : { 55 | totalPage : function (){ 56 | this.pagerConfig.totalPage = this.totalPage 57 | }, 58 | onPagerChange : function (){ 59 | this.pagerConfig.onChange = this.onPagerChange 60 | }, 61 | data : function (){ 62 | var me = this 63 | this.unCheckedMaster() 64 | 65 | if (this.data.length > 0){ 66 | me.compileTbody() 67 | } 68 | }, 69 | sortField : function (){ 70 | this.syncSort() 71 | }, 72 | sortDir : function (){ 73 | this.syncSort() 74 | } 75 | }, 76 | methods : { 77 | compileTbody : function (){ 78 | this.$compile(this.$el.getElementsByTagName('tbody')[0]) 79 | }, 80 | sortClick : function (idx){ 81 | var column = this.columns[idx] 82 | if (!column.isSortable){ 83 | return 84 | } 85 | 86 | this.sortField = column.field 87 | column.sortDir = (column.sortDir=='0') ? '1' : '0' 88 | this.sortDir = column.sortDir 89 | 90 | this.onSortChange(this.sortField, this.sortDir) 91 | }, 92 | syncSort : function (){ //同步排序相关 93 | var me = this 94 | var columns = me.columns 95 | 96 | me.$$el.find('.vue-table-th').each(function (idx){ 97 | var arrow = $(this).find('.glyphicon') 98 | if (!arrow.length){ 99 | return 100 | } 101 | if (me.sortField == columns[idx].field){ 102 | arrow.attr('class', 'glyphicon glyphicon-arrow-' + ['up', 'down'][me.sortDir]) 103 | } 104 | else { 105 | arrow.addClass('vue-table-glyphicon-disabled') 106 | } 107 | }) 108 | 109 | }, 110 | masterCbChange : function (e){ 111 | var cbs = this.$$el.find('.vue-table-cb').prop('checked', e.target.checked) 112 | }, 113 | cbChange : function (){ 114 | var me = this 115 | var isAllChecked = true 116 | 117 | me.$$el.find('.vue-table-cb').each(function (){ 118 | if (!this.checked){ 119 | isAllChecked = false 120 | return false 121 | } 122 | }) 123 | 124 | me.$$el.find('.vue-table-master-cb').prop('checked', isAllChecked) 125 | }, 126 | unCheckedMaster : function (){ 127 | if (!this.isCheckable){ 128 | return 129 | } 130 | this.$$el.find('.vue-table-master-cb').prop('checked', false) 131 | }, 132 | handleColumns : function (){ 133 | function getDefaultConf(){ 134 | return { 135 | width : 150, 136 | textAlign : 'left', 137 | isSortable : false 138 | } 139 | } 140 | 141 | var columns = this.columns 142 | if (!columns.length){ 143 | return 144 | } 145 | 146 | var me = this 147 | var hasAuto = false //检查是否有width=auto的列，不然就设置最后一项width=auto 148 | 149 | for (var i=0,c,len=columns.length; i' + 8 | '' + 9 | '
' + 10 | '
' + 11 | '
' + 12 | '
选择日期
' + 13 | '
' + 14 | '
' + 15 | '
' + 16 | '<' + 17 | '>' + 18 | '

{{stringify(currDate, "yyyy年MM月")}}

' + 19 | '
' + 20 | '
' + 21 | '{{w}}' + 22 | '
' + 23 | '
' + 24 | '{{d.text}}' + 25 | '
' + 26 | '
' + 27 | '
' + 28 | '
' + 29 | '
' 30 | , 31 | data : function (){ 32 | var today = new Date 33 | return { 34 | config : {}, 35 | value : '', 36 | weekRange : ['一', '二', '三', '四', '五', '六', '日'], 37 | dateRange : [], //需要绘制的日期区间 38 | currDate : new Date, //当前日期 39 | popupDisplay : 'none' 40 | } 41 | }, 42 | watch : { 43 | currDate : function (){ 44 | this.getDateRange() 45 | }, 46 | value : function (){ 47 | var valueDate = this.parse(this.value) 48 | if (valueDate){ 49 | this.currDate = valueDate 50 | } 51 | } 52 | }, 53 | methods : { 54 | inputClick : function (e){ 55 | this.popupDisplay = this.popupDisplay=='none' ? 'block' : 'none' 56 | }, 57 | preNextMonthClick : function (flag){ 58 | var year = this.currDate.getFullYear() 59 | var month = this.currDate.getMonth() 60 | var date = this.currDate.getDate() 61 | 62 | if (flag == 0){ 63 | var preMonth = this.getYearMonth(year, month-1) 64 | this.currDate = new Date(preMonth.year, preMonth.month, date) 65 | } 66 | else { 67 | var nextMonth = this.getYearMonth(year, month+1) 68 | this.currDate = new Date(nextMonth.year, nextMonth.month, date) 69 | } 70 | }, 71 | itemClick : function (date){ 72 | this.currDate = date 73 | this.value = this.stringify(this.currDate) 74 | this.popupDisplay = 'none' 75 | }, 76 | getYearMonth : function (year, month){ 77 | if (month > 11){ 78 | year++ 79 | month = 0 80 | } 81 | else if (month < 0){ 82 | year-- 83 | month = 11 84 | } 85 | return {year:year, month:month} 86 | }, 87 | stringify : function (date, format){ 88 | format = format || 'yyyy-MM-dd' 89 | 90 | var year = date.getFullYear() 91 | var month = date.getMonth() + 1 92 | var day = date.getDate() 93 | 94 | return format 95 | .replace(/yyyy/g, year) 96 | .replace(/MM/g, ('0'+month).slice(-2)) 97 | .replace(/dd/g, ('0'+day).slice(-2)) 98 | .replace(/yy/g, year) 99 | .replace(/M/g, month) 100 | .replace(/d/g, day) 101 | }, 102 | parse : function (str){ 103 | var date = new Date(str) 104 | return isNaN(date.getFullYear()) ? null : date 105 | }, 106 | getDayCount : function (year, month){ //得到每月总天数 107 | var dict = [31,28,31,30,31,30,31,31,30,31,30,31] 108 | 109 | //如果2月 110 | if (month == 1){ 111 | //如果瑞年 112 | if ( (year%400==0) || (year%4==0 && year%100!=0) ){ 113 | return 29 114 | } 115 | return 28 116 | } 117 | 118 | return dict[month] 119 | }, 120 | getDateRange : function (){ 121 | this.dateRange = [] 122 | 123 | var time = { 124 | year : this.currDate.getFullYear(), 125 | month : this.currDate.getMonth(), 126 | day : this.currDate.getDate() 127 | } 128 | //本月第一天 129 | var currMonthFirstDay = new Date(time.year, time.month, 1) 130 | //本月第一天是周几？ 131 | var firstDayWeek = currMonthFirstDay.getDay() 132 | if (firstDayWeek == 0){ 133 | firstDayWeek = 7 134 | } 135 | //本月总天数 136 | var dayCount = this.getDayCount(time.year, time.month) 137 | 138 | //如果需要补足上月 139 | if (firstDayWeek > 1){ 140 | var preMonth = this.getYearMonth(time.year, time.month-1) 141 | 142 | //上月总天数 143 | var prevMonthDayCount = this.getDayCount(preMonth.year, preMonth.month) 144 | for (var i=1; i 2 | 3 | 4 | 5 | VueUI-pager 6 | 7 | 8 | 14 | 15 | 16 | 17 |















18 |















19 |















20 | 21 | 22 | 23 | 24 | 25 | 26 | 28 | 29 | 34 |
35 |
36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 58 | 59 | 60 | 61 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 100 | 101 | 102 | 103 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 179 | 180 |
供应商名称
联系人联系人手机
联系人邮箱
结算方式 53 | 57 |
62 |
电影票结算信息
63 |
开户银行
开户支行
开户名
银行账号 80 | 81 | 83 | 85 |
财务联系人财务联系人手机
财务邮箱结算周期 96 |
104 |
服务费结算信息
105 |
开户银行
开户支行
开户名
银行账号 122 | 123 | 125 | 127 |
财务联系人财务联系人手机
财务邮箱结算周期 138 | 142 |
开户银行
开户支行
开户名
银行账号 159 | 160 | 162 | 164 |
财务联系人财务联系人手机
财务邮箱结算周期 175 |
181 |
确定
182 |
183 |
184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 230 | -------------------------------------------------------------------------------- /dist/vueUI.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2015 bravf(bravfing@126.com) 3 | */ 4 | 5 | window.VueUI = function (){ 6 | var VueUI = {} 7 | 8 | var componentPool = {} 9 | var comCounter = 1 10 | 11 | function getComId(){ 12 | return (new Date).getTime() + '_' + comCounter 13 | } 14 | 15 | //将外部传进来的参数mix到data 16 | function mixConfig(){ 17 | for (var key in this.config){ 18 | this[key] = this.config[key] 19 | } 20 | } 21 | 22 | //监控外部参数的变化同步到data 23 | function syncConfig(){ 24 | var me = this 25 | me.$watch('config', function (){ 26 | mixConfig.call(me) 27 | }, true) 28 | } 29 | 30 | //处理vue-attr 31 | function handleVueAttr(){ 32 | var me = this 33 | 34 | ;[].slice.call(me.$el.attributes).forEach(function (item){ 35 | var key = item.name 36 | var value = item.value 37 | 38 | if (key.indexOf('vue-attr-') == 0){ 39 | me[key.slice(9)] = value 40 | } 41 | }) 42 | } 43 | 44 | //处理vue-model 45 | function handleVueModel(){ 46 | var me = this 47 | 48 | ;[{a:'vue-model', b:'value'}, {a:'vue-model-text', b:'text'}].forEach(function (item){ 49 | var a = item.a 50 | var b = item.b 51 | 52 | var attr = me.$el.getAttribute(a) 53 | if (!attr){ 54 | return 55 | } 56 | 57 | var parentObj = me.$parent 58 | var parentAttr = attr 59 | 60 | var attrList = attr.split('.') 61 | 62 | if (attrList.length > 1){ 63 | attrList.slice(0, -1).forEach(function (k){ 64 | parentObj = parentObj[k] 65 | }) 66 | parentAttr = attrList.slice(-1)[0] 67 | } 68 | 69 | //只有vue-model是双向（多重双向会导致数据混乱） 70 | if (a == 'vue-model'){ 71 | me[b] = parentObj[parentAttr] 72 | me.$parent.$watch(attr, function (){ 73 | me[b] = parentObj[parentAttr] 74 | }) 75 | } 76 | 77 | me.$watch(b, function (){ 78 | parentObj[parentAttr] = me[b] 79 | }) 80 | }) 81 | } 82 | 83 | VueUI.component = function (key, options){ 84 | //在created方法中做一些全局管理操作 85 | var _compiled = options['compiled'] || VueUI.emptyFunc 86 | 87 | options['compiled'] = function (){ 88 | //设置id，并保存到pool 89 | var comId = this.$el.getAttribute('vue-id') || getComId() 90 | componentPool[comId] = this 91 | 92 | handleVueAttr.call(this) 93 | handleVueModel.call(this) 94 | mixConfig.call(this) 95 | syncConfig.call(this) 96 | 97 | _compiled.call(this) 98 | } 99 | //调用系统的方式 100 | Vue.component(key, options) 101 | } 102 | 103 | VueUI.getComponent = VueUI.$ = function (id){ 104 | return componentPool[id] 105 | } 106 | 107 | VueUI.getComId = getComId 108 | VueUI.emptyFunc = Function.prototype 109 | 110 | VueUI.resetArray = function (a, b){ 111 | while (a.length){ 112 | a.pop() 113 | } 114 | b.forEach(function (x){ 115 | a.push(x) 116 | }) 117 | } 118 | 119 | VueUI.winClick = function (targetDom, callback){ 120 | $(window).on('click', function (e){ 121 | var dom = e.target 122 | 123 | while (dom){ 124 | if (dom == targetDom){ 125 | return 126 | } 127 | dom = dom.parentElement 128 | if (dom == document.body){ 129 | break 130 | } 131 | } 132 | 133 | callback() 134 | }) 135 | } 136 | 137 | return VueUI 138 | 139 | }() 140 | /* 141 | Copyright (c) 2015 bravf(bravfing@126.com) 142 | */ 143 | 144 | VueUI.component('vue-datepicker', { 145 | template : 146 | '
' + 147 | '' + 148 | '
' + 149 | '
' + 150 | '
' + 151 | '
选择日期
' + 152 | '
' + 153 | '
' + 154 | '
' + 155 | '<' + 156 | '>' + 157 | '

{{stringify(currDate, "yyyy年MM月")}}

' + 158 | '
' + 159 | '
' + 160 | '{{w}}' + 161 | '
' + 162 | '
' + 163 | '{{d.text}}' + 164 | '
' + 165 | '
' + 166 | '
' + 167 | '
' + 168 | '
' 169 | , 170 | data : function (){ 171 | var today = new Date 172 | return { 173 | config : {}, 174 | value : '', 175 | weekRange : ['一', '二', '三', '四', '五', '六', '日'], 176 | dateRange : [], //需要绘制的日期区间 177 | currDate : new Date, //当前日期 178 | popupDisplay : 'none' 179 | } 180 | }, 181 | watch : { 182 | currDate : function (){ 183 | this.getDateRange() 184 | }, 185 | value : function (){ 186 | var valueDate = this.parse(this.value) 187 | if (valueDate){ 188 | this.currDate = valueDate 189 | } 190 | } 191 | }, 192 | methods : { 193 | inputClick : function (e){ 194 | this.popupDisplay = this.popupDisplay=='none' ? 'block' : 'none' 195 | }, 196 | preNextMonthClick : function (flag){ 197 | var year = this.currDate.getFullYear() 198 | var month = this.currDate.getMonth() 199 | var date = this.currDate.getDate() 200 | 201 | if (flag == 0){ 202 | var preMonth = this.getYearMonth(year, month-1) 203 | this.currDate = new Date(preMonth.year, preMonth.month, date) 204 | } 205 | else { 206 | var nextMonth = this.getYearMonth(year, month+1) 207 | this.currDate = new Date(nextMonth.year, nextMonth.month, date) 208 | } 209 | }, 210 | itemClick : function (date){ 211 | this.currDate = date 212 | this.value = this.stringify(this.currDate) 213 | this.popupDisplay = 'none' 214 | }, 215 | getYearMonth : function (year, month){ 216 | if (month > 11){ 217 | year++ 218 | month = 0 219 | } 220 | else if (month < 0){ 221 | year-- 222 | month = 11 223 | } 224 | return {year:year, month:month} 225 | }, 226 | stringify : function (date, format){ 227 | format = format || 'yyyy-MM-dd' 228 | 229 | var year = date.getFullYear() 230 | var month = date.getMonth() + 1 231 | var day = date.getDate() 232 | 233 | return format 234 | .replace(/yyyy/g, year) 235 | .replace(/MM/g, ('0'+month).slice(-2)) 236 | .replace(/dd/g, ('0'+day).slice(-2)) 237 | .replace(/yy/g, year) 238 | .replace(/M/g, month) 239 | .replace(/d/g, day) 240 | }, 241 | parse : function (str){ 242 | var date = new Date(str) 243 | return isNaN(date.getFullYear()) ? null : date 244 | }, 245 | getDayCount : function (year, month){ //得到每月总天数 246 | var dict = [31,28,31,30,31,30,31,31,30,31,30,31] 247 | 248 | //如果2月 249 | if (month == 1){ 250 | //如果瑞年 251 | if ( (year%400==0) || (year%4==0 && year%100!=0) ){ 252 | return 29 253 | } 254 | return 28 255 | } 256 | 257 | return dict[month] 258 | }, 259 | getDateRange : function (){ 260 | this.dateRange = [] 261 | 262 | var time = { 263 | year : this.currDate.getFullYear(), 264 | month : this.currDate.getMonth(), 265 | day : this.currDate.getDate() 266 | } 267 | //本月第一天 268 | var currMonthFirstDay = new Date(time.year, time.month, 1) 269 | //本月第一天是周几？ 270 | var firstDayWeek = currMonthFirstDay.getDay() 271 | if (firstDayWeek == 0){ 272 | firstDayWeek = 7 273 | } 274 | //本月总天数 275 | var dayCount = this.getDayCount(time.year, time.month) 276 | 277 | //如果需要补足上月 278 | if (firstDayWeek > 1){ 279 | var preMonth = this.getYearMonth(time.year, time.month-1) 280 | 281 | //上月总天数 282 | var prevMonthDayCount = this.getDayCount(preMonth.year, preMonth.month) 283 | for (var i=1; i' + 354 | '
' + 355 | '
' + 356 | '
' + 357 | '
' + 358 | '' + 359 | '

{{title}}

' + 360 | '
' + 361 | '
' + 362 | '{{{content}}}' + 363 | '' + 364 | '
' + 365 | '
' + 366 | '' + 367 | '' + 368 | '
' + 369 | '
' + 370 | '
' + 371 | '' 372 | , 373 | data : function (){ 374 | return { 375 | config : {}, 376 | 377 | title : '', //标题 378 | content : '', //内容 379 | toggle : false, //是否显示 380 | width : 500, //宽度 381 | 382 | // 按钮相关 383 | isShowCancelBtn : false, 384 | cancelBtnText : '取消', 385 | cancelBtnCallback : VueUI.emptyFunc, 386 | 387 | isShowOkBtn : false, 388 | okBtnText : '确认', 389 | okBtnCallback : VueUI.emptyFunc, 390 | } 391 | }, 392 | watch : { 393 | content : function (){ 394 | this.$compile(this.$el.querySelector('.modal-body')) 395 | }, 396 | title : function (){ 397 | this.title = this.title || document.title 398 | }, 399 | toggle : function (){ 400 | if (this.toggle){ 401 | this.syncHeight() 402 | } 403 | 404 | document.body.style.overflow = this.toggle ? 'hidden' : 'auto' 405 | } 406 | }, 407 | methods : { 408 | cancelBtnClick : function (){ 409 | this.toggle = false 410 | this.cancelBtnCallback() 411 | }, 412 | okBtnClick : function (){ 413 | this.toggle = false 414 | this.okBtnCallback() 415 | }, 416 | syncHeight : function (){ 417 | var height = Math.max(this.$$el.find('.modal-dialog').height() + 60, document.documentElement.clientHeight) 418 | this.$backdrop.height(height) 419 | }, 420 | show : function (){ 421 | this.toggle = true 422 | }, 423 | hide : function (){ 424 | this.toggle = false 425 | } 426 | }, 427 | compiled : function (){ 428 | this.title = this.title || document.title 429 | 430 | this.$$el = $(this.$el) 431 | this.$backdrop = this.$$el.find('.vue-modal-backdrop') 432 | } 433 | }) 434 | 435 | new function (){ 436 | var str = 437 | '
' + 438 | '' + 439 | '' + 440 | '
' 441 | $('body').append(str) 442 | 443 | new Vue({ 444 | el : '#VueUIAlertConfirm', 445 | data : { 446 | VueUIAlertConf : { 447 | isShowOkBtn : true 448 | }, 449 | VueUIConfirmConf : { 450 | isShowOkBtn : true, 451 | isShowCancelBtn : true 452 | } 453 | } 454 | }) 455 | 456 | var alertVU = VueUI.getComponent('VueUIAlert') 457 | var confirmVU = VueUI.getComponent('VueUIConfirm') 458 | 459 | VueUI.alert = function (conf){ 460 | if ($.type(conf) == 'object'){ 461 | alertVU.title = conf.title 462 | alertVU.content = conf.content || '' 463 | alertVU.okBtnCallback = conf.okCallback || VueUI.emptyFunc 464 | } 465 | else { 466 | alertVU.content = conf 467 | alertVU.title = document.title 468 | alertVU.okBtnCallback = VueUI.emptyFunc 469 | } 470 | alertVU.toggle = true 471 | } 472 | 473 | VueUI.confirm = function (conf){ 474 | confirmVU.title = conf.title 475 | confirmVU.content = conf.content || '', 476 | confirmVU.okBtnCallback = conf.okCallback || VueUI.emptyFunc 477 | confirmVU.cancelBtnCallback = conf.cancelCallback || VueUI.emptyFunc 478 | confirmVU.toggle = true 479 | } 480 | }() 481 | /* 482 | Copyright (c) 2015 bravf(bravfing@126.com) 483 | */ 484 | 485 | VueUI.component('vue-pager', { 486 | template : 487 | '
' + 488 | '
    ' + 489 | '
  • ' + 490 | '{{text}}' + 491 | '
    • ' + 492 | '
' + 493 | '
', 494 | data : function (){ 495 | return { 496 | pageRange : [], 497 | totalPage : 0, 498 | currPage : 1, 499 | prevShow : 3, 500 | nextShow : 3, 501 | onChange : VueUI.emptyFunc, 502 | config : {} 503 | } 504 | }, 505 | watch : { 506 | totalPage : function (){ 507 | this.getPageRange() 508 | }, 509 | currPage : function (){ 510 | this.getPageRange() 511 | this.onChange(this.currPage) 512 | }, 513 | prevShow : function (){ 514 | this.getPageRange() 515 | }, 516 | nextShow : function (){ 517 | this.getPageRange() 518 | } 519 | }, 520 | methods : { 521 | getPageRange : function (){ 522 | var start = 0 523 | var end = 0 524 | var showLen = this.prevShow + this.nextShow + 1 525 | var totalPage = Math.max(this.totalPage, 1) 526 | var currPage = this.currPage 527 | 528 | if (totalPage <= 1){ 529 | start = end = 1 530 | } 531 | else if (totalPage <= showLen){ 532 | start = 1 533 | end = totalPage 534 | } 535 | else { 536 | if (currPage <= this.prevShow + 1){ 537 | start = 1 538 | end = showLen 539 | } 540 | else if (currPage >= totalPage - this.nextShow){ 541 | end = totalPage 542 | start = totalPage - showLen + 1 543 | } 544 | else { 545 | start = currPage - this.prevShow 546 | end = currPage + this.nextShow 547 | } 548 | } 549 | 550 | this.pageRange = [] 551 | 552 | //上一页 553 | if (currPage != 1){ 554 | this.pageRange.push({num:currPage-1, text:'«'}) 555 | } 556 | //第一页 557 | if (start >= 2){ 558 | this.pageRange.push({num:1, text:1}) 559 | } 560 | //省略好 561 | if (start > 2){ 562 | this.pageRange.push({text:'..'}) 563 | } 564 | //显示的页码列表 565 | for (var i=start; i<=end; i++){ 566 | this.pageRange.push({ 567 | num : i, 568 | text : i, 569 | className : (i==currPage) ? 'active' : '' 570 | }) 571 | } 572 | //省略号 573 | if (end < totalPage-1){ 574 | this.pageRange.push({text:'..'}) 575 | } 576 | //最后一页 577 | if (end <= totalPage-1){ 578 | this.pageRange.push({num:totalPage, text:totalPage}) 579 | } 580 | //下一页 581 | if (currPage != totalPage){ 582 | this.pageRange.push({num:currPage+1, text:'»'}) 583 | } 584 | }, 585 | pageClick : function (i){ 586 | if (!i){ 587 | return false 588 | } 589 | if (i == this.currPage){ 590 | return false 591 | } 592 | 593 | this.currPage = i 594 | this.getPageRange() 595 | } 596 | }, 597 | compiled : function (){ 598 | this.getPageRange() 599 | } 600 | }) 601 | /* 602 | Copyright (c) 2015 bravf(bravfing@126.com) 603 | */ 604 | 605 | VueUI.component('vue-select', { 606 | template : 607 | '
' + 608 | '
' + 609 | '' + 613 | '
' + 614 | '
    ' + 615 | '
  • ' + 616 | '{{text}}' + 617 | '
    • ' + 618 | '
' + 619 | '
' + 620 | '
' 621 | , 622 | data : function (){ 623 | return { 624 | config : {}, 625 | //数据 626 | data : [], 627 | //组件宽度 628 | width: 100, 629 | //是否显示options 630 | display : false, 631 | //当前值 632 | value : '', 633 | //当前文本 634 | text : '', 635 | //当前索引 636 | index : 0, 637 | onChange : VueUI.emptyFunc 638 | } 639 | }, 640 | watch : { 641 | data : function (){ 642 | this.syncCurr('data') 643 | }, 644 | value : function (){ 645 | this.syncCurr('value') 646 | }, 647 | index : function (){ 648 | this.syncCurrByIndex() 649 | this.onChange(this.value, this.text, this.index) 650 | } 651 | }, 652 | methods : { 653 | buttonClick : function (){ 654 | this.toggleOptions() 655 | }, 656 | itemClick : function (idx){ 657 | this.index = idx 658 | this.toggleOptions() 659 | }, 660 | syncCurr : function (key){ 661 | if (this.data.length == 0){ 662 | return 663 | } 664 | 665 | for (var i=0, option; i 10){ 724 | $div.css('overflow-y', 'scroll') 725 | } 726 | else { 727 | $div.css('overflow-y', 'hidden') 728 | } 729 | 730 | if ( (divH >= (pageH-selectY)) && (selectY >= divH) ){ 731 | marginTop = -(btnH + divH + 4) 732 | scrollTop = 1e8 733 | fn = 'addClass' 734 | } 735 | else { 736 | marginTop = 0 737 | scrollTop = 0 738 | fn = 'removeClass' 739 | } 740 | 741 | $div.css('margin-top', marginTop) 742 | $ul[fn]('vue-select-options-ul-scaleY') 743 | 744 | Vue.nextTick(function (){ 745 | $div.scrollTop(scrollTop) 746 | }) 747 | } 748 | }, 749 | compiled : function (){ 750 | var me = this 751 | 752 | this.syncCurr() 753 | 754 | var $dom = $(this.$el) 755 | var $btn = $dom.find('.vue-select-btn') 756 | 757 | //检查是否有硬编码的option 758 | var $options = $dom.find('option') 759 | if ($options.length > 0){ 760 | this.data = [] 761 | 762 | $options.each(function (){ 763 | me.data.push({ 764 | value : this.value, 765 | text : this.text 766 | }) 767 | }) 768 | } 769 | 770 | //设置各种宽度 771 | $dom.find('.vue-select').outerWidth(this.width) 772 | $btn.find('.vue-select-btn-text').width(this.width - 35) 773 | $dom.find('.vue-select-options-div').outerWidth(this.width) 774 | 775 | VueUI.winClick(me.$el, function (){ 776 | me.display = false 777 | }) 778 | } 779 | }) 780 | /* 781 | Copyright (c) 2015 bravf(bravfing@126.com) 782 | */ 783 | 784 | VueUI.component('vue-suggest', { 785 | template : 786 | '
' + 787 | '' + 788 | '
' + 789 | '
    ' + 790 | '
  • ' + 791 | '{{text}}' + 792 | '
    • ' + 793 | '
' + 794 | '
' + 795 | '
' 796 | , 797 | data : function (){ 798 | return { 799 | config : {}, 800 | display : false, 801 | 802 | width : 300, 803 | data : [], 804 | valid : false, //是否校验是有效值 805 | 806 | value : '', 807 | text : '', 808 | index : -1, 809 | isBlock : false, //标记是否对text的change发请求 810 | isBlur : true, 811 | 812 | url : '', //请求地址 813 | field : 'words', //请求字段名 814 | 815 | filterData : function (data){ //处理返回数据 816 | return data 817 | } 818 | } 819 | }, 820 | watch : { 821 | text : function (){ 822 | if (this.isBlock || this.isBlur){ 823 | return false 824 | } 825 | this.value = '' 826 | this.delayRequest() 827 | }, 828 | display : function (val){ 829 | if (!val){ 830 | if (this.valid && !this.value){ 831 | this.text = '' 832 | } 833 | } 834 | } 835 | }, 836 | methods : { 837 | keydown : function (e){ 838 | var me = this 839 | switch (e.keyCode){ 840 | case 13: 841 | me.display = false 842 | break 843 | 844 | case 38: 845 | e.preventDefault() 846 | me.setIndex(me.index--) 847 | break 848 | 849 | case 40: 850 | e.preventDefault() 851 | me.setIndex(me.index++) 852 | break 853 | 854 | default: 855 | break 856 | } 857 | }, 858 | focus : function (){ 859 | this.isBlur = false 860 | if (this.text){ 861 | this.delayRequest() 862 | } 863 | }, 864 | blur : function (){ 865 | this.isBlur = true 866 | }, 867 | delayRequest : function (){ 868 | var me = this 869 | if (me.reqTimer){ 870 | clearTimeout(me.reqTimer) 871 | } 872 | me.reqTimer = setTimeout(function (){ 873 | me.sendRequest() 874 | }, 150); 875 | }, 876 | sendRequest : function (){ 877 | var me = this 878 | var params = {} 879 | 880 | if (!me.text){ 881 | return false 882 | } 883 | 884 | params[this.field] = this.text 885 | params['-'] = (new Date).getTime() 886 | 887 | $.getJSON(this.url, params).done(function (data){ 888 | me.data = me.filterData(data) 889 | me.index = -1 890 | if (me.data.length){ 891 | me.display = true 892 | } 893 | }) 894 | }, 895 | setIndex : function (){ 896 | var me = this 897 | 898 | if (!me.display){ 899 | return false 900 | } 901 | 902 | //暂时关闭对text的监控，此时发生的text变化不发起请求 903 | me.isBlock = true 904 | setTimeout(function (){ 905 | me.isBlock = false 906 | }, 50) 907 | 908 | if (!this.data.length) { 909 | return 910 | } 911 | 912 | var min = 0 913 | var max = this.data.length - 1 914 | 915 | if (this.index < min){ 916 | this.index = max 917 | } 918 | if (this.index > max){ 919 | this.index = min 920 | } 921 | 922 | this.value = this.data[this.index].value 923 | this.text = this.data[this.index].text 924 | }, 925 | itemClick : function (idx){ 926 | this.index = idx 927 | this.setIndex() 928 | this.display = false 929 | } 930 | }, 931 | compiled : function (){ 932 | var me = this 933 | me.$$el = $(me.$el) 934 | me.$input = me.$$el.find('.form-control') 935 | 936 | //设置宽度 937 | me.$$el.find('.vue-suggest').outerWidth(me.width) 938 | me.$$el.find('.vue-suggest-options-div').outerWidth(me.width) 939 | 940 | //设置全局事件 941 | VueUI.winClick(me.$el, function (){ 942 | me.display = false 943 | }) 944 | } 945 | }) 946 | /* 947 | Copyright (c) 2015 bravf(bravfing@126.com) 948 | */ 949 | 950 | VueUI.component('vue-tab', { 951 | template : '
', 952 | data : function (){ 953 | return { 954 | config : {}, 955 | active : 0 956 | } 957 | }, 958 | watch : { 959 | active : function (){ 960 | this.setActive() 961 | } 962 | }, 963 | methods : { 964 | setActive : function (){ 965 | this.$tabs.removeClass('active').eq(this.active).addClass('active') 966 | this.$contents.removeClass('active').eq(this.active).addClass('active') 967 | } 968 | }, 969 | compiled : function (){ 970 | var me = this 971 | this.$$el = $(this.$el) 972 | this.$tabs = this.$$el.find('.nav li') 973 | this.$contents = this.$$el.find('.tab-pane') 974 | 975 | this.$tabs.each(function (idx){ 976 | $(this).on('click', function (){ 977 | me.active = idx 978 | }) 979 | }) 980 | 981 | this.setActive() 982 | } 983 | }) 984 | /* 985 | Copyright (c) 2015 bravf(bravfing@126.com) 986 | */ 987 | 988 | VueUI.component('vue-table', { 989 | template : 990 | '' + 991 | '' + 992 | '' + 995 | '' + 999 | '' + 1000 | '' + 1001 | '' + 1002 | '' + 1003 | '' + 1004 | '' + 1005 | '' + 1006 | '' + 1007 | '' + 1011 | '
' + 993 | '' + 994 | '' + 996 | '{{c.text}}' + 997 | '' + 998 | '
没有任何数据
{{{d[c["field"]]}}}
' + 1008 | '

共 {{totalCount}} 条结果

' + 1009 | '
' + 1010 | '
' 1012 | , 1013 | data : function (){ 1014 | return { 1015 | config : {}, 1016 | data : [], //数据 1017 | totalCount : 0, // 数据总量 1018 | columns : [], //列 1019 | columnsLen : 0, //总列数 1020 | isShowHead : true, //是否显示表格头 1021 | isShowFoot : true, //是否显示表格尾 1022 | isCheckable : false, //是否可以选择数据 1023 | sortField : '', //当前排序字段 1024 | sortDir : 0, //0表示降序，1表示升序 1025 | onSortChange : VueUI.emptyFunc, //当排序信息改变 1026 | 1027 | //分页相关参数 1028 | pagerConfig : { 1029 | totalPage : 0, 1030 | onChange : VueUI.emptyFunc 1031 | }, 1032 | totalPage : 0, 1033 | onPagerChange : VueUI.emptyFunc, 1034 | vuePageId : VueUI.getComId() + '_table_pager' 1035 | } 1036 | }, 1037 | watch : { 1038 | totalPage : function (){ 1039 | this.pagerConfig.totalPage = this.totalPage 1040 | }, 1041 | onPagerChange : function (){ 1042 | this.pagerConfig.onChange = this.onPagerChange 1043 | }, 1044 | data : function (){ 1045 | var me = this 1046 | this.unCheckedMaster() 1047 | 1048 | if (this.data.length > 0){ 1049 | me.compileTbody() 1050 | } 1051 | }, 1052 | sortField : function (){ 1053 | this.syncSort() 1054 | }, 1055 | sortDir : function (){ 1056 | this.syncSort() 1057 | } 1058 | }, 1059 | methods : { 1060 | compileTbody : function (){ 1061 | this.$compile(this.$el.getElementsByTagName('tbody')[0]) 1062 | }, 1063 | sortClick : function (idx){ 1064 | var column = this.columns[idx] 1065 | if (!column.isSortable){ 1066 | return 1067 | } 1068 | 1069 | this.sortField = column.field 1070 | column.sortDir = (column.sortDir=='0') ? '1' : '0' 1071 | this.sortDir = column.sortDir 1072 | 1073 | this.onSortChange(this.sortField, this.sortDir) 1074 | }, 1075 | syncSort : function (){ //同步排序相关 1076 | var me = this 1077 | var columns = me.columns 1078 | 1079 | me.$$el.find('.vue-table-th').each(function (idx){ 1080 | var arrow = $(this).find('.glyphicon') 1081 | if (!arrow.length){ 1082 | return 1083 | } 1084 | if (me.sortField == columns[idx].field){ 1085 | arrow.attr('class', 'glyphicon glyphicon-arrow-' + ['up', 'down'][me.sortDir]) 1086 | } 1087 | else { 1088 | arrow.addClass('vue-table-glyphicon-disabled') 1089 | } 1090 | }) 1091 | 1092 | }, 1093 | masterCbChange : function (e){ 1094 | var cbs = this.$$el.find('.vue-table-cb').prop('checked', e.target.checked) 1095 | }, 1096 | cbChange : function (){ 1097 | var me = this 1098 | var isAllChecked = true 1099 | 1100 | me.$$el.find('.vue-table-cb').each(function (){ 1101 | if (!this.checked){ 1102 | isAllChecked = false 1103 | return false 1104 | } 1105 | }) 1106 | 1107 | me.$$el.find('.vue-table-master-cb').prop('checked', isAllChecked) 1108 | }, 1109 | unCheckedMaster : function (){ 1110 | if (!this.isCheckable){ 1111 | return 1112 | } 1113 | this.$$el.find('.vue-table-master-cb').prop('checked', false) 1114 | }, 1115 | handleColumns : function (){ 1116 | function getDefaultConf(){ 1117 | return { 1118 | width : 150, 1119 | textAlign : 'left', 1120 | isSortable : false 1121 | } 1122 | } 1123 | 1124 | var columns = this.columns 1125 | if (!columns.length){ 1126 | return 1127 | } 1128 | 1129 | var me = this 1130 | var hasAuto = false //检查是否有width=auto的列，不然就设置最后一项width=auto 1131 | 1132 | for (var i=0,c,len=columns.length; ia?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(n.isPlainObject(c)||(b=n.isArray(c)))?(b?(b=!1,f=a&&n.isArray(a)?a:[]):f=a&&n.isPlainObject(a)?a:{},g[d]=n.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray||function(a){return"array"===n.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return a-parseFloat(a)>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==n.type(a)||a.nodeType||n.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(l.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&n.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:k&&!k.call("\ufeff\xa0")?function(a){return null==a?"":k.call(a)}:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),n.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||n.guid++,e):void 0},now:function(){return+new Date},support:l}),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s="sizzle"+-new Date,t=a.document,u=0,v=0,w=eb(),x=eb(),y=eb(),z=function(a,b){return a===b&&(j=!0),0},A="undefined",B=1<<31,C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=D.indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]===a)return b;return-1},J="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",K="[\\x20\\t\\r\\n\\f]",L="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",M=L.replace("w","w#"),N="\\["+K+"*("+L+")"+K+"*(?:([*^$|!~]?=)"+K+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+M+")|)|)"+K+"*\\]",O=":("+L+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+N.replace(3,8)+")*)|.*)\\)|)",P=new RegExp("^"+K+"+|((?:^|[^\\\\])(?:\\\\.)*)"+K+"+$","g"),Q=new RegExp("^"+K+"*,"+K+"*"),R=new RegExp("^"+K+"*([>+~]|"+K+")"+K+"*"),S=new RegExp("="+K+"*([^\\]'\"]*?)"+K+"*\\]","g"),T=new RegExp(O),U=new RegExp("^"+M+"$"),V={ID:new RegExp("^#("+L+")"),CLASS:new RegExp("^\\.("+L+")"),TAG:new RegExp("^("+L.replace("w","w*")+")"),ATTR:new RegExp("^"+N),PSEUDO:new RegExp("^"+O),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+K+"*(even|odd|(([+-]|)(\\d*)n|)"+K+"*(?:([+-]|)"+K+"*(\\d+)|))"+K+"*\\)|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+K+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+K+"*((?:-\\d)?\\d*)"+K+"*\\)|)(?=[^-]|$)","i")},W=/^(?:input|select|textarea|button)$/i,X=/^h\d$/i,Y=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,$=/[+~]/,_=/'|\\/g,ab=new RegExp("\\\\([\\da-f]{1,6}"+K+"?|("+K+")|.)","ig"),bb=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)};try{G.apply(D=H.call(t.childNodes),t.childNodes),D[t.childNodes.length].nodeType}catch(cb){G={apply:D.length?function(a,b){F.apply(a,H.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function db(a,b,d,e){var f,g,h,i,j,m,p,q,u,v;if((b?b.ownerDocument||b:t)!==l&&k(b),b=b||l,d=d||[],!a||"string"!=typeof a)return d;if(1!==(i=b.nodeType)&&9!==i)return[];if(n&&!e){if(f=Z.exec(a))if(h=f[1]){if(9===i){if(g=b.getElementById(h),!g||!g.parentNode)return d;if(g.id===h)return d.push(g),d}else if(b.ownerDocument&&(g=b.ownerDocument.getElementById(h))&&r(b,g)&&g.id===h)return d.push(g),d}else{if(f[2])return G.apply(d,b.getElementsByTagName(a)),d;if((h=f[3])&&c.getElementsByClassName&&b.getElementsByClassName)return G.apply(d,b.getElementsByClassName(h)),d}if(c.qsa&&(!o||!o.test(a))){if(q=p=s,u=b,v=9===i&&a,1===i&&"object"!==b.nodeName.toLowerCase()){m=ob(a),(p=b.getAttribute("id"))?q=p.replace(_,"\\$&"):b.setAttribute("id",q),q="[id='"+q+"'] ",j=m.length;while(j--)m[j]=q+pb(m[j]);u=$.test(a)&&mb(b.parentNode)||b,v=m.join(",")}if(v)try{return G.apply(d,u.querySelectorAll(v)),d}catch(w){}finally{p||b.removeAttribute("id")}}}return xb(a.replace(P,"$1"),b,d,e)}function eb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function fb(a){return a[s]=!0,a}function gb(a){var b=l.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function hb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function ib(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||B)-(~a.sourceIndex||B);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function jb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function kb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function lb(a){return fb(function(b){return b=+b,fb(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function mb(a){return a&&typeof a.getElementsByTagName!==A&&a}c=db.support={},f=db.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},k=db.setDocument=function(a){var b,e=a?a.ownerDocument||a:t,g=e.defaultView;return e!==l&&9===e.nodeType&&e.documentElement?(l=e,m=e.documentElement,n=!f(e),g&&g!==g.top&&(g.addEventListener?g.addEventListener("unload",function(){k()},!1):g.attachEvent&&g.attachEvent("onunload",function(){k()})),c.attributes=gb(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=gb(function(a){return a.appendChild(e.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Y.test(e.getElementsByClassName)&&gb(function(a){return a.innerHTML="
",a.firstChild.className="i",2===a.getElementsByClassName("i").length}),c.getById=gb(function(a){return m.appendChild(a).id=s,!e.getElementsByName||!e.getElementsByName(s).length}),c.getById?(d.find.ID=function(a,b){if(typeof b.getElementById!==A&&n){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ab,bb);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ab,bb);return function(a){var c=typeof a.getAttributeNode!==A&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return typeof b.getElementsByTagName!==A?b.getElementsByTagName(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return typeof b.getElementsByClassName!==A&&n?b.getElementsByClassName(a):void 0},p=[],o=[],(c.qsa=Y.test(e.querySelectorAll))&&(gb(function(a){a.innerHTML="",a.querySelectorAll("[t^='']").length&&o.push("[*^$]="+K+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||o.push("\\["+K+"*(?:value|"+J+")"),a.querySelectorAll(":checked").length||o.push(":checked")}),gb(function(a){var b=e.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&o.push("name"+K+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||o.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),o.push(",.*:")})),(c.matchesSelector=Y.test(q=m.webkitMatchesSelector||m.mozMatchesSelector||m.oMatchesSelector||m.msMatchesSelector))&&gb(function(a){c.disconnectedMatch=q.call(a,"div"),q.call(a,"[s!='']:x"),p.push("!=",O)}),o=o.length&&new RegExp(o.join("|")),p=p.length&&new RegExp(p.join("|")),b=Y.test(m.compareDocumentPosition),r=b||Y.test(m.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},z=b?function(a,b){if(a===b)return j=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===e||a.ownerDocument===t&&r(t,a)?-1:b===e||b.ownerDocument===t&&r(t,b)?1:i?I.call(i,a)-I.call(i,b):0:4&d?-1:1)}:function(a,b){if(a===b)return j=!0,0;var c,d=0,f=a.parentNode,g=b.parentNode,h=[a],k=[b];if(!f||!g)return a===e?-1:b===e?1:f?-1:g?1:i?I.call(i,a)-I.call(i,b):0;if(f===g)return ib(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)k.unshift(c);while(h[d]===k[d])d++;return d?ib(h[d],k[d]):h[d]===t?-1:k[d]===t?1:0},e):l},db.matches=function(a,b){return db(a,null,null,b)},db.matchesSelector=function(a,b){if((a.ownerDocument||a)!==l&&k(a),b=b.replace(S,"='$1']"),!(!c.matchesSelector||!n||p&&p.test(b)||o&&o.test(b)))try{var d=q.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return db(b,l,null,[a]).length>0},db.contains=function(a,b){return(a.ownerDocument||a)!==l&&k(a),r(a,b)},db.attr=function(a,b){(a.ownerDocument||a)!==l&&k(a);var e=d.attrHandle[b.toLowerCase()],f=e&&C.call(d.attrHandle,b.toLowerCase())?e(a,b,!n):void 0;return void 0!==f?f:c.attributes||!n?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},db.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},db.uniqueSort=function(a){var b,d=[],e=0,f=0;if(j=!c.detectDuplicates,i=!c.sortStable&&a.slice(0),a.sort(z),j){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return i=null,a},e=db.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=db.selectors={cacheLength:50,createPseudo:fb,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ab,bb),a[3]=(a[4]||a[5]||"").replace(ab,bb),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||db.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&db.error(a[0]),a},PSEUDO:function(a){var b,c=!a[5]&&a[2];return V.CHILD.test(a[0])?null:(a[3]&&void 0!==a[4]?a[2]=a[4]:c&&T.test(c)&&(b=ob(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ab,bb).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=w[a+" "];return b||(b=new RegExp("(^|"+K+")"+a+"("+K+"|$)"))&&w(a,function(a){return b.test("string"==typeof a.className&&a.className||typeof a.getAttribute!==A&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=db.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),t=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&t){k=q[s]||(q[s]={}),j=k[a]||[],n=j[0]===u&&j[1],m=j[0]===u&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[u,n,m];break}}else if(t&&(j=(b[s]||(b[s]={}))[a])&&j[0]===u)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(t&&((l[s]||(l[s]={}))[a]=[u,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||db.error("unsupported pseudo: "+a);return e[s]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?fb(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=I.call(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:fb(function(a){var b=[],c=[],d=g(a.replace(P,"$1"));return d[s]?fb(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),!c.pop()}}),has:fb(function(a){return function(b){return db(a,b).length>0}}),contains:fb(function(a){return function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:fb(function(a){return U.test(a||"")||db.error("unsupported lang: "+a),a=a.replace(ab,bb).toLowerCase(),function(b){var c;do if(c=n?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===m},focus:function(a){return a===l.activeElement&&(!l.hasFocus||l.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return X.test(a.nodeName)},input:function(a){return W.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:lb(function(){return[0]}),last:lb(function(a,b){return[b-1]}),eq:lb(function(a,b,c){return[0>c?c+b:c]}),even:lb(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:lb(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:lb(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:lb(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function qb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=v++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[u,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[s]||(b[s]={}),(h=i[d])&&h[0]===u&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function rb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function sb(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function tb(a,b,c,d,e,f){return d&&!d[s]&&(d=tb(d)),e&&!e[s]&&(e=tb(e,f)),fb(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||wb(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:sb(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=sb(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?I.call(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=sb(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):G.apply(g,r)})}function ub(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],i=g||d.relative[" "],j=g?1:0,k=qb(function(a){return a===b},i,!0),l=qb(function(a){return I.call(b,a)>-1},i,!0),m=[function(a,c,d){return!g&&(d||c!==h)||((b=c).nodeType?k(a,c,d):l(a,c,d))}];f>j;j++)if(c=d.relative[a[j].type])m=[qb(rb(m),c)];else{if(c=d.filter[a[j].type].apply(null,a[j].matches),c[s]){for(e=++j;f>e;e++)if(d.relative[a[e].type])break;return tb(j>1&&rb(m),j>1&&pb(a.slice(0,j-1).concat({value:" "===a[j-2].type?"*":""})).replace(P,"$1"),c,e>j&&ub(a.slice(j,e)),f>e&&ub(a=a.slice(e)),f>e&&pb(a))}m.push(c)}return rb(m)}function vb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,i,j,k){var m,n,o,p=0,q="0",r=f&&[],s=[],t=h,v=f||e&&d.find.TAG("*",k),w=u+=null==t?1:Math.random()||.1,x=v.length;for(k&&(h=g!==l&&g);q!==x&&null!=(m=v[q]);q++){if(e&&m){n=0;while(o=a[n++])if(o(m,g,i)){j.push(m);break}k&&(u=w)}c&&((m=!o&&m)&&p--,f&&r.push(m))}if(p+=q,c&&q!==p){n=0;while(o=b[n++])o(r,s,g,i);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=E.call(j));s=sb(s)}G.apply(j,s),k&&!f&&s.length>0&&p+b.length>1&&db.uniqueSort(j)}return k&&(u=w,h=t),r};return c?fb(f):f}g=db.compile=function(a,b){var c,d=[],e=[],f=y[a+" "];if(!f){b||(b=ob(a)),c=b.length;while(c--)f=ub(b[c]),f[s]?d.push(f):e.push(f);f=y(a,vb(e,d))}return f};function wb(a,b,c){for(var d=0,e=b.length;e>d;d++)db(a,b[d],c);return c}function xb(a,b,e,f){var h,i,j,k,l,m=ob(a);if(!f&&1===m.length){if(i=m[0]=m[0].slice(0),i.length>2&&"ID"===(j=i[0]).type&&c.getById&&9===b.nodeType&&n&&d.relative[i[1].type]){if(b=(d.find.ID(j.matches[0].replace(ab,bb),b)||[])[0],!b)return e;a=a.slice(i.shift().value.length)}h=V.needsContext.test(a)?0:i.length;while(h--){if(j=i[h],d.relative[k=j.type])break;if((l=d.find[k])&&(f=l(j.matches[0].replace(ab,bb),$.test(i[0].type)&&mb(b.parentNode)||b))){if(i.splice(h,1),a=f.length&&pb(i),!a)return G.apply(e,f),e;break}}}return g(a,m)(f,b,!n,e,$.test(a)&&mb(b.parentNode)||b),e}return c.sortStable=s.split("").sort(z).join("")===s,c.detectDuplicates=!!j,k(),c.sortDetached=gb(function(a){return 1&a.compareDocumentPosition(l.createElement("div"))}),gb(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||hb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&gb(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||hb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),gb(function(a){return null==a.getAttribute("disabled")})||hb(J,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),db}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^.[^:#\[\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return n.inArray(a,b)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=[],d=this,e=d.length;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;e>b;b++)if(n.contains(d[b],this))return!0}));for(b=0;e>b;b++)n.find(a,d[b],c);return c=this.pushStack(e>1?n.unique(c):c),c.selector=this.selector?this.selector+" "+a:a,c},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,"string"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=a.document,A=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,B=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:A.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:z,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}if(d=z.getElementById(c[2]),d&&d.parentNode){if(d.id!==c[2])return y.find(a);this.length=1,this[0]=d}return this.context=z,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};B.prototype=n.fn,y=n(z);var C=/^(?:parents|prev(?:Until|All))/,D={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=a[b];while(e&&9!==e.nodeType&&(void 0===c||1!==e.nodeType||!n(e).is(c)))1===e.nodeType&&d.push(e),e=e[b];return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b,c=n(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if(n.contains(this,c[b]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?"string"==typeof a?n.inArray(this[0],n(a)):n.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function E(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,"parentNode")},parentsUntil:function(a,b,c){return n.dir(a,"parentNode",c)},next:function(a){return E(a,"nextSibling")},prev:function(a){return E(a,"previousSibling")},nextAll:function(a){return n.dir(a,"nextSibling")},prevAll:function(a){return n.dir(a,"previousSibling")},nextUntil:function(a,b,c){return n.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return n.dir(a,"previousSibling",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return n.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(D[a]||(e=n.unique(e)),C.test(a)&&(e=e.reverse())),this.pushStack(e)}});var F=/\S+/g,G={};function H(a){var b=G[a]={};return n.each(a.match(F)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?G[a]||H(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(c=a.memory&&l,d=!0,f=g||0,g=0,e=h.length,b=!0;h&&e>f;f++)if(h[f].apply(l[0],l[1])===!1&&a.stopOnFalse){c=!1;break}b=!1,h&&(i?i.length&&j(i.shift()):c?h=[]:k.disable())},k={add:function(){if(h){var d=h.length;!function f(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&f(c)})}(arguments),b?e=h.length:c&&(g=d,j(c))}return this},remove:function(){return h&&n.each(arguments,function(a,c){var d;while((d=n.inArray(c,h,d))>-1)h.splice(d,1),b&&(e>=d&&e--,f>=d&&f--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],e=0,this},disable:function(){return h=i=c=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,c||k.disable(),this},locked:function(){return!i},fireWith:function(a,c){return!h||d&&!i||(c=c||[],c=[a,c.slice?c.slice():c],b?i.push(c):j(c)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!d}};return k},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var I;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){if(a===!0?!--n.readyWait:!n.isReady){if(!z.body)return setTimeout(n.ready);n.isReady=!0,a!==!0&&--n.readyWait>0||(I.resolveWith(z,[n]),n.fn.trigger&&n(z).trigger("ready").off("ready"))}}});function J(){z.addEventListener?(z.removeEventListener("DOMContentLoaded",K,!1),a.removeEventListener("load",K,!1)):(z.detachEvent("onreadystatechange",K),a.detachEvent("onload",K))}function K(){(z.addEventListener||"load"===event.type||"complete"===z.readyState)&&(J(),n.ready())}n.ready.promise=function(b){if(!I)if(I=n.Deferred(),"complete"===z.readyState)setTimeout(n.ready);else if(z.addEventListener)z.addEventListener("DOMContentLoaded",K,!1),a.addEventListener("load",K,!1);else{z.attachEvent("onreadystatechange",K),a.attachEvent("onload",K);var c=!1;try{c=null==a.frameElement&&z.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!n.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}J(),n.ready()}}()}return I.promise(b)};var L="undefined",M;for(M in n(l))break;l.ownLast="0"!==M,l.inlineBlockNeedsLayout=!1,n(function(){var a,b,c=z.getElementsByTagName("body")[0];c&&(a=z.createElement("div"),a.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",b=z.createElement("div"),c.appendChild(a).appendChild(b),typeof b.style.zoom!==L&&(b.style.cssText="border:0;margin:0;width:1px;padding:1px;display:inline;zoom:1",(l.inlineBlockNeedsLayout=3===b.offsetWidth)&&(c.style.zoom=1)),c.removeChild(a),a=b=null)}),function(){var a=z.createElement("div");if(null==l.deleteExpando){l.deleteExpando=!0;try{delete a.test}catch(b){l.deleteExpando=!1}}a=null}(),n.acceptData=function(a){var b=n.noData[(a.nodeName+" ").toLowerCase()],c=+a.nodeType||1;return 1!==c&&9!==c?!1:!b||b!==!0&&a.getAttribute("classid")===b};var N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){if(void 0===c&&1===a.nodeType){var d="data-"+b.replace(O,"-$1").toLowerCase();if(c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}n.data(a,b,c)}else c=void 0}return c}function Q(a){var b;for(b in a)if(("data"!==b||!n.isEmptyObject(a[b]))&&"toJSON"!==b)return!1;return!0}function R(a,b,d,e){if(n.acceptData(a)){var f,g,h=n.expando,i=a.nodeType,j=i?n.cache:a,k=i?a[h]:a[h]&&h;if(k&&j[k]&&(e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=i?a[h]=c.pop()||n.guid++:h),j[k]||(j[k]=i?{}:{toJSON:n.noop}),("object"==typeof b||"function"==typeof b)&&(e?j[k]=n.extend(j[k],b):j[k].data=n.extend(j[k].data,b)),g=j[k],e||(g.data||(g.data={}),g=g.data),void 0!==d&&(g[n.camelCase(b)]=d),"string"==typeof b?(f=g[b],null==f&&(f=g[n.camelCase(b)])):f=g,f 3 | }}function S(a,b,c){if(n.acceptData(a)){var d,e,f=a.nodeType,g=f?n.cache:a,h=f?a[n.expando]:n.expando;if(g[h]){if(b&&(d=c?g[h]:g[h].data)){n.isArray(b)?b=b.concat(n.map(b,n.camelCase)):b in d?b=[b]:(b=n.camelCase(b),b=b in d?[b]:b.split(" ")),e=b.length;while(e--)delete d[b[e]];if(c?!Q(d):!n.isEmptyObject(d))return}(c||(delete g[h].data,Q(g[h])))&&(f?n.cleanData([a],!0):l.deleteExpando||g!=g.window?delete g[h]:g[h]=null)}}}n.extend({cache:{},noData:{"applet ":!0,"embed ":!0,"object ":"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"},hasData:function(a){return a=a.nodeType?n.cache[a[n.expando]]:a[n.expando],!!a&&!Q(a)},data:function(a,b,c){return R(a,b,c)},removeData:function(a,b){return S(a,b)},_data:function(a,b,c){return R(a,b,c,!0)},_removeData:function(a,b){return S(a,b,!0)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=n.data(f),1===f.nodeType&&!n._data(f,"parsedAttrs"))){c=g.length;while(c--)d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d]));n._data(f,"parsedAttrs",!0)}return e}return"object"==typeof a?this.each(function(){n.data(this,a)}):arguments.length>1?this.each(function(){n.data(this,a,b)}):f?P(f,a,n.data(f,a)):void 0},removeData:function(a){return this.each(function(){n.removeData(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=n._data(a,b),c&&(!d||n.isArray(c)?d=n._data(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return n._data(a,c)||n._data(a,c,{empty:n.Callbacks("once memory").add(function(){n._removeData(a,b+"queue"),n._removeData(a,c)})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthh;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},X=/^(?:checkbox|radio)$/i;!function(){var a=z.createDocumentFragment(),b=z.createElement("div"),c=z.createElement("input");if(b.setAttribute("className","t"),b.innerHTML="
a",l.leadingWhitespace=3===b.firstChild.nodeType,l.tbody=!b.getElementsByTagName("tbody").length,l.htmlSerialize=!!b.getElementsByTagName("link").length,l.html5Clone="<:nav>"!==z.createElement("nav").cloneNode(!0).outerHTML,c.type="checkbox",c.checked=!0,a.appendChild(c),l.appendChecked=c.checked,b.innerHTML="",l.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue,a.appendChild(b),b.innerHTML="",l.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,l.noCloneEvent=!0,b.attachEvent&&(b.attachEvent("onclick",function(){l.noCloneEvent=!1}),b.cloneNode(!0).click()),null==l.deleteExpando){l.deleteExpando=!0;try{delete b.test}catch(d){l.deleteExpando=!1}}a=b=c=null}(),function(){var b,c,d=z.createElement("div");for(b in{submit:!0,change:!0,focusin:!0})c="on"+b,(l[b+"Bubbles"]=c in a)||(d.setAttribute(c,"t"),l[b+"Bubbles"]=d.attributes[c].expando===!1);d=null}();var Y=/^(?:input|select|textarea)$/i,Z=/^key/,$=/^(?:mouse|contextmenu)|click/,_=/^(?:focusinfocus|focusoutblur)$/,ab=/^([^.]*)(?:\.(.+)|)$/;function bb(){return!0}function cb(){return!1}function db(){try{return z.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=n._data(a);if(r){c.handler&&(i=c,c=i.handler,e=i.selector),c.guid||(c.guid=n.guid++),(g=r.events)||(g=r.events={}),(k=r.handle)||(k=r.handle=function(a){return typeof n===L||a&&n.event.triggered===a.type?void 0:n.event.dispatch.apply(k.elem,arguments)},k.elem=a),b=(b||"").match(F)||[""],h=b.length;while(h--)f=ab.exec(b[h])||[],o=q=f[1],p=(f[2]||"").split(".").sort(),o&&(j=n.event.special[o]||{},o=(e?j.delegateType:j.bindType)||o,j=n.event.special[o]||{},l=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},i),(m=g[o])||(m=g[o]=[],m.delegateCount=0,j.setup&&j.setup.call(a,d,p,k)!==!1||(a.addEventListener?a.addEventListener(o,k,!1):a.attachEvent&&a.attachEvent("on"+o,k))),j.add&&(j.add.call(a,l),l.handler.guid||(l.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,l):m.push(l),n.event.global[o]=!0);a=null}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=n.hasData(a)&&n._data(a);if(r&&(k=r.events)){b=(b||"").match(F)||[""],j=b.length;while(j--)if(h=ab.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=k[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),i=f=m.length;while(f--)g=m[f],!e&&q!==g.origType||c&&c.guid!==g.guid||h&&!h.test(g.namespace)||d&&d!==g.selector&&("**"!==d||!g.selector)||(m.splice(f,1),g.selector&&m.delegateCount--,l.remove&&l.remove.call(a,g));i&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete k[o])}else for(o in k)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(k)&&(delete r.handle,n._removeData(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,l,m,o=[d||z],p=j.call(b,"type")?b.type:b,q=j.call(b,"namespace")?b.namespace.split("."):[];if(h=l=d=d||z,3!==d.nodeType&&8!==d.nodeType&&!_.test(p+n.event.triggered)&&(p.indexOf(".")>=0&&(q=p.split("."),p=q.shift(),q.sort()),g=p.indexOf(":")<0&&"on"+p,b=b[n.expando]?b:new n.Event(p,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=q.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),k=n.event.special[p]||{},e||!k.trigger||k.trigger.apply(d,c)!==!1)){if(!e&&!k.noBubble&&!n.isWindow(d)){for(i=k.delegateType||p,_.test(i+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),l=h;l===(d.ownerDocument||z)&&o.push(l.defaultView||l.parentWindow||a)}m=0;while((h=o[m++])&&!b.isPropagationStopped())b.type=m>1?i:k.bindType||p,f=(n._data(h,"events")||{})[b.type]&&n._data(h,"handle"),f&&f.apply(h,c),f=g&&h[g],f&&f.apply&&n.acceptData(h)&&(b.result=f.apply(h,c),b.result===!1&&b.preventDefault());if(b.type=p,!e&&!b.isDefaultPrevented()&&(!k._default||k._default.apply(o.pop(),c)===!1)&&n.acceptData(d)&&g&&d[p]&&!n.isWindow(d)){l=d[g],l&&(d[g]=null),n.event.triggered=p;try{d[p]()}catch(r){}n.event.triggered=void 0,l&&(d[g]=l)}return b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(n._data(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&&(a.handleObj=e,a.data=e.data,c=((n.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&&(a.result=c)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!=this;i=i.parentNode||this)if(1===i.nodeType&&(i.disabled!==!0||"click"!==a.type)){for(e=[],f=0;h>f;f++)d=b[f],c=d.selector+" ",void 0===e[c]&&(e[c]=d.needsContext?n(c,this).index(i)>=0:n.find(c,this,null,[i]).length),e[c]&&e.push(d);e.length&&g.push({elem:i,handlers:e})}return h]","i"),ib=/^\s+/,jb=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,kb=/<([\w:]+)/,lb=/\s*$/g,sb={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:l.htmlSerialize?[0,"",""]:[1,"X
","
"]},tb=eb(z),ub=tb.appendChild(z.createElement("div"));sb.optgroup=sb.option,sb.tbody=sb.tfoot=sb.colgroup=sb.caption=sb.thead,sb.th=sb.td;function vb(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==L?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==L?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||n.nodeName(d,b)?f.push(d):n.merge(f,vb(d,b));return void 0===b||b&&n.nodeName(a,b)?n.merge([a],f):f}function wb(a){X.test(a.type)&&(a.defaultChecked=a.checked)}function xb(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function yb(a){return a.type=(null!==n.find.attr(a,"type"))+"/"+a.type,a}function zb(a){var b=qb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function Ab(a,b){for(var c,d=0;null!=(c=a[d]);d++)n._data(c,"globalEval",!b||n._data(b[d],"globalEval"))}function Bb(a,b){if(1===b.nodeType&&n.hasData(a)){var c,d,e,f=n._data(a),g=n._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)n.event.add(b,c,h[c][d])}g.data&&(g.data=n.extend({},g.data))}}function Cb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!l.noCloneEvent&&b[n.expando]){e=n._data(b);for(d in e.events)n.removeEvent(b,d,e.handle);b.removeAttribute(n.expando)}"script"===c&&b.text!==a.text?(yb(b).text=a.text,zb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),l.html5Clone&&a.innerHTML&&!n.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&X.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}n.extend({clone:function(a,b,c){var d,e,f,g,h,i=n.contains(a.ownerDocument,a);if(l.html5Clone||n.isXMLDoc(a)||!hb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ub.innerHTML=a.outerHTML,ub.removeChild(f=ub.firstChild)),!(l.noCloneEvent&&l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(d=vb(f),h=vb(a),g=0;null!=(e=h[g]);++g)d[g]&&Cb(e,d[g]);if(b)if(c)for(h=h||vb(a),d=d||vb(f),g=0;null!=(e=h[g]);g++)Bb(e,d[g]);else Bb(a,f);return d=vb(f,"script"),d.length>0&&Ab(d,!i&&vb(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k,m=a.length,o=eb(b),p=[],q=0;m>q;q++)if(f=a[q],f||0===f)if("object"===n.type(f))n.merge(p,f.nodeType?[f]:f);else if(mb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(kb.exec(f)||["",""])[1].toLowerCase(),k=sb[i]||sb._default,h.innerHTML=k[1]+f.replace(jb,"<$1>")+k[2],e=k[0];while(e--)h=h.lastChild;if(!l.leadingWhitespace&&ib.test(f)&&p.push(b.createTextNode(ib.exec(f)[0])),!l.tbody){f="table"!==i||lb.test(f)?""!==k[1]||lb.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)n.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}n.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),l.appendChecked||n.grep(vb(p,"input"),wb),q=0;while(f=p[q++])if((!d||-1===n.inArray(f,d))&&(g=n.contains(f.ownerDocument,f),h=vb(o.appendChild(f),"script"),g&&Ab(h),c)){e=0;while(f=h[e++])pb.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=n.expando,j=n.cache,k=l.deleteExpando,m=n.event.special;null!=(d=a[h]);h++)if((b||n.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)m[e]?n.event.remove(d,e):n.removeEvent(d,e,g.handle);j[f]&&(delete j[f],k?delete d[i]:typeof d.removeAttribute!==L?d.removeAttribute(i):d[i]=null,c.push(f))}}}),n.fn.extend({text:function(a){return W(this,function(a){return void 0===a?n.text(this):this.empty().append((this[0]&&this[0].ownerDocument||z).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=xb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=xb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(vb(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&Ab(vb(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&n.cleanData(vb(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&n.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return W(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(gb,""):void 0;if(!("string"!=typeof a||nb.test(a)||!l.htmlSerialize&&hb.test(a)||!l.leadingWhitespace&&ib.test(a)||sb[(kb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(jb,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(vb(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(vb(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,k=this.length,m=this,o=k-1,p=a[0],q=n.isFunction(p);if(q||k>1&&"string"==typeof p&&!l.checkClone&&ob.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(k&&(i=n.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=n.map(vb(i,"script"),yb),f=g.length;k>j;j++)d=i,j!==o&&(d=n.clone(d,!0,!0),f&&n.merge(g,vb(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,n.map(g,zb),j=0;f>j;j++)d=g[j],pb.test(d.type||"")&&!n._data(d,"globalEval")&&n.contains(h,d)&&(d.src?n._evalUrl&&n._evalUrl(d.src):n.globalEval((d.text||d.textContent||d.innerHTML||"").replace(rb,"")));i=c=null}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=0,e=[],g=n(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),n(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Db,Eb={};function Fb(b,c){var d=n(c.createElement(b)).appendTo(c.body),e=a.getDefaultComputedStyle?a.getDefaultComputedStyle(d[0]).display:n.css(d[0],"display");return d.detach(),e}function Gb(a){var b=z,c=Eb[a];return c||(c=Fb(a,b),"none"!==c&&c||(Db=(Db||n("