v-tablegrid/dist/v-tablegrid.js

A simpler to use and practical datatable

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("vTableGrid",[],e):"object"==typeof exports?exports.vTableGrid=e():t.vTableGrid=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(r){if(a[r])return a[r].exports;var d=a[r]={i:r,l:!1,exports:{}};return t[r].call(d.exports,d,d.exports,e),d.l=!0,d.exports}var a={};return e.m=t,e.c=a,e.d=function(t,a,r){e.o(t,a)||Object.defineProperty(t,a,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var a=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(a,"a",a),a},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/dist/",e(e.s=1)}([function(t,e,a){"use strict";var r=a(9),d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=r.a.defaults,o=r.a.con;e.a={name:"v-tablegrid",props:["setting"],data:function(){var t=Object.assign({},i,this.setting);return{dataRows:[],pageSetting:{totalRow:0},con:o,config:t,sortIndex:-1,sortColumn:"",sortOrder:"",queryParams:t.params||{},currentIndex:-1,selectedIndex:[],pageNumber:-1,pageSize:-1}},watch:{"setting.state.reload":function(t){t&&this.populate()},"setting.params":{handler:function(t){this.queryParams=t,this.pageNumber=1,this.populate()},deep:!0}},methods:{dataLoad:!1,dataRender:function(t){t&&void 0!==t.gridResult&&void 0!==t.gridResult.list&&(this.dataRows=t.gridResult.list,this.pageSetting.totalRow=t.gridResult.totalRow)},populate:function(){var t=this,e={};"string"==typeof this.config.data?(this.config.pSorting&&this.sortColumn&&(e.sortName=this.sortColumn,e.sortOrder=this.sortOrder?this.sortOrder:o.orderAsc),-1!==this.pageNumber&&(e.pageNumber=this.pageNumber),-1!==this.pageSize&&(e.pageSize=this.pageSize),this.queryParams&&Object.keys(this.queryParams).length&&(e=Object.assign({},e,this.queryParams)),this.dataLoad&&this.dataLoad(this.config.data,e).then(function(e){t.dataRender(e),void 0!==t.setting.state&&void 0!==t.setting.state.reload&&(t.setting.state.reload=!1)})):"object"===d(this.config.data)&&this.dataRender(this.config.data)},pageChange:function(t){t&&Object.keys(t).length&&(this.pageNumber=t.pageNumber,this.pageSize=t.pageSize,this.populate())},sortChange:function(t,e){this.config.pSorting&&(this.sortColumn=t,this.sortIndex===e?this.sortOrder&&this.sortOrder!==o.orderDesc?this.sortOrder===o.orderAsc&&(this.sortOrder=o.orderDesc):this.sortOrder=o.orderAsc:(this.sortIndex=e,this.sortOrder=o.orderAsc))},rowClick:function(t){if(this.config.pCheck){var e=this;if(this.selectedIndex.includes(t)){var a=this.selectedIndex.findIndex(function(e){return e===t});this.selectedIndex.splice(a,1)}else this.config.pCheck===o.checkSingle&&this.selectedIndex.splice(0,this.selectedIndex.length),this.selectedIndex.push(t);this.currentIndex=t,this.$emit("eClick",this.dataRows.filter(function(t,a){return e.selectedIndex.includes(a)}))}}},mounted:function(){this.config.pPagination||this.populate()}}},function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=a(2),d={install:function(t){arguments.length>1&&void 0!==arguments[1]&&arguments[1];r.a.methods.dataLoad||console.warn('v-tablegrid plugin "dataLoad" function has not initialization, if you using server side data source for v-tablegrid, you have to '),t.component(r.a.name,r.a)},dataLoad:function(t){t&&"function"==typeof t&&(r.a.methods.dataLoad=t)}};e.default=d},function(t,e,a){"use strict";function r(t){a(3)}var d=a(0),i=a(10),o=a(8),n=r,s=o(d.a,i.a,!1,n,"data-v-1e37f232",null);e.a=s.exports},function(t,e,a){var r=a(4);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);a(6)("005bf4d6",r,!0,{})},function(t,e,a){e=t.exports=a(5)(!1),e.push([t.i,'table.vTableGrid[data-v-1e37f232]{clear:both;margin-top:6px!important;margin-bottom:6px!important;max-width:none!important;border-collapse:separate!important;border-color:#ddd}table.vTableGrid td[data-v-1e37f232],table.vTableGrid th[data-v-1e37f232]{-webkit-box-sizing:content-box;box-sizing:content-box}table.vTableGrid td.vTableGrid_empty[data-v-1e37f232],table.vTableGrid th.vTableGrid_empty[data-v-1e37f232]{text-align:center}table.vTableGrid.nowrap td[data-v-1e37f232],table.vTableGrid.nowrap th[data-v-1e37f232]{white-space:nowrap}table.vTableGrid thead>tr>th[data-v-1e37f232]{-moz-user-select:none;-khtml-user-select:none;user-select:none}table.vTableGrid thead>tr>th[data-v-1e37f232]:first-child{border-top-left-radius:2px}table.vTableGrid thead>tr>th[data-v-1e37f232]:last-child{border-top-right-radius:2px}table.vTableGrid thead>tr>td[data-v-1e37f232],table.vTableGrid thead>tr>th[data-v-1e37f232]{color:#000;font-weight:600}table.vTableGrid thead>tr>td.sorting[data-v-1e37f232],table.vTableGrid thead>tr>td.sorting_asc[data-v-1e37f232],table.vTableGrid thead>tr>td.sorting_desc[data-v-1e37f232],table.vTableGrid thead>tr>th.sorting[data-v-1e37f232],table.vTableGrid thead>tr>th.sorting_asc[data-v-1e37f232],table.vTableGrid thead>tr>th.sorting_desc[data-v-1e37f232]{padding-right:30px}table.vTableGrid thead>tr>td[data-v-1e37f232]:active,table.vTableGrid thead>tr>th[data-v-1e37f232]:active{outline:none}table.vTableGrid thead .sorting[data-v-1e37f232],table.vTableGrid thead .sorting_asc[data-v-1e37f232],table.vTableGrid thead .sorting_asc_disabled[data-v-1e37f232],table.vTableGrid thead .sorting_desc[data-v-1e37f232],table.vTableGrid thead .sorting_desc_disabled[data-v-1e37f232]{cursor:pointer;position:relative}table.vTableGrid thead .sorting[data-v-1e37f232]:after,table.vTableGrid thead .sorting_asc[data-v-1e37f232]:after,table.vTableGrid thead .sorting_asc_disabled[data-v-1e37f232]:after,table.vTableGrid thead .sorting_desc[data-v-1e37f232]:after,table.vTableGrid thead .sorting_desc_disabled[data-v-1e37f232]:after{position:absolute;bottom:8px;right:8px;display:block;font-family:Glyphicons Halflings;opacity:.5}table.vTableGrid thead .sorting[data-v-1e37f232]:after{opacity:.2;content:"\\E150"}table.vTableGrid thead .sorting_asc[data-v-1e37f232]:after{content:"\\E155"}table.vTableGrid thead .sorting_desc[data-v-1e37f232]:after{content:"\\E156"}table.vTableGrid thead .sorting_asc_disabled[data-v-1e37f232]:after,table.vTableGrid thead .sorting_desc_disabled[data-v-1e37f232]:after{color:#eee}table.vTableGrid tbody tr[data-v-1e37f232]{-webkit-transition:all .5s cubic-bezier(.175,.885,.32,1);transition:all .5s cubic-bezier(.175,.885,.32,1)}table.vTableGrid tbody tr.row-selected[data-v-1e37f232]{box-shadow:0 0 12px rgba(0,0,0,.2);-moz-box-shadow:0 0 12px rgba(0,0,0,.2);-webkit-box-shadow:0 0 12px rgba(0,0,0,.2)}table.vTableGrid tbody tr.row-selected td[data-v-1e37f232]{background-color:#fdecad!important}table.vTableGrid tbody tr td[data-v-1e37f232]{color:#666;background:#fff}table.vTableGrid tbody tr:last-child td[data-v-1e37f232]:first-child{border-bottom-left-radius:2px}table.vTableGrid tbody tr:last-child td[data-v-1e37f232]:last-child{border-bottom-right-radius:2px}table.vTableGrid.table-condensed>thead>tr>th[data-v-1e37f232]{padding-right:20px}table.vTableGrid.table-condensed .sorting[data-v-1e37f232]:after,table.vTableGrid.table-condensed .sorting_asc[data-v-1e37f232]:after,table.vTableGrid.table-condensed .sorting_desc[data-v-1e37f232]:after{top:6px;right:6px}table.vTableGrid.table-bordered td[data-v-1e37f232],table.vTableGrid.table-bordered th[data-v-1e37f232]{border-left-width:0}table.vTableGrid.table-bordered td[data-v-1e37f232]:last-child,table.vTableGrid.table-bordered th[data-v-1e37f232]:last-child{border-right-width:0}table.vTableGrid.table-bordered tbody td[data-v-1e37f232],table.vTableGrid.table-bordered tbody th[data-v-1e37f232]{border-bottom-width:0}table.vTableGrid.table-striped>tbody>tr:nth-child(odd)>td[data-v-1e37f232]{background:#f5f5f5}div.vTableGrid_scrollHead table.vTableGrid[data-v-1e37f232]{margin-bottom:0!important}div.vTableGrid_scrollBody>table[data-v-1e37f232]{border-top:none;margin-top:0!important;margin-bottom:0!important}div.vTableGrid_scrollBody>table>thead .sorting[data-v-1e37f232]:after,div.vTableGrid_scrollBody>table>thead .sorting_asc[data-v-1e37f232]:after,div.vTableGrid_scrollBody>table>thead .sorting_desc[data-v-1e37f232]:after{display:none}div.vTableGrid_scrollBody>table>tbody>tr:first-child>td[data-v-1e37f232],div.vTableGrid_scrollBody>table>tbody>tr:first-child>th[data-v-1e37f232]{border-top:none}div.vTableGrid_scrollFoot>table[data-v-1e37f232]{margin-top:0!important;border-top:none}div.vTableGrid_scrollHead table.table-bordered[data-v-1e37f232]{border-bottom-width:0}div.table-responsive>div.vTableGrid_wrapper>div.row[data-v-1e37f232]{margin:0}div.table-responsive>div.vTableGrid_wrapper>div.row>div[class^=col-][data-v-1e37f232]:first-child{padding-left:0}div.table-responsive>div.vTableGrid_wrapper>div.row>div[class^=col-][data-v-1e37f232]:last-child{padding-right:0}.table[data-v-1e37f232]{border-color:#ddd!important;-webkit-border-radius:2px;-moz-border-radius:2 2px;border-radius:2px}.table-bordered>tbody>tr>td[data-v-1e37f232],.table-bordered>tbody>tr>th[data-v-1e37f232],.table-bordered>tfoot>tr>td[data-v-1e37f232],.table-bordered>tfoot>tr>th[data-v-1e37f232],.table-bordered>thead>tr>td[data-v-1e37f232],.table-bordered>thead>tr>th[data-v-1e37f232],.table>tbody>tr>td[data-v-1e37f232],.table>tbody>tr>th[data-v-1e37f232],.table>tfoot>tr>td[data-v-1e37f232],.table>tfoot>tr>th[data-v-1e37f232],.table>thead>tr>td[data-v-1e37f232],.table>thead>tr>th[data-v-1e37f232]{border-color:#ddd}@media screen and (max-width:767px){div.vTableGrid_wrapper div.vTableGrid_filter[data-v-1e37f232],div.vTableGrid_wrapper div.vTableGrid_info[data-v-1e37f232],div.vTableGrid_wrapper div.vTableGrid_length[data-v-1e37f232],div.vTableGrid_wrapper div.vTableGrid_paginate[data-v-1e37f232]{text-align:center}}',""])},function(t,e){function a(t,e){var a=t[1]||"",d=t[3];if(!d)return a;if(e&&"function"==typeof btoa){var i=r(d);return[a].concat(d.sources.map(function(t){return"/*# sourceURL="+d.sourceRoot+t+" */"})).concat([i]).join("\n")}return[a].join("\n")}function r(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r=a(e,t);return e[2]?"@media "+e[2]+"{"+r+"}":r}).join("")},e.i=function(t,a){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},d=0;d<this.length;d++){var i=this[d][0];"number"==typeof i&&(r[i]=!0)}for(d=0;d<t.length;d++){var o=t[d];"number"==typeof o[0]&&r[o[0]]||(a&&!o[2]?o[2]=a:a&&(o[2]="("+o[2]+") and ("+a+")"),e.push(o))}},e}},function(t,e,a){function r(t){for(var e=0;e<t.length;e++){var a=t[e],r=c[a.id];if(r){r.refs++;for(var d=0;d<r.parts.length;d++)r.parts[d](a.parts[d]);for(;d<a.parts.length;d++)r.parts.push(i(a.parts[d]));r.parts.length>a.parts.length&&(r.parts.length=a.parts.length)}else{for(var o=[],d=0;d<a.parts.length;d++)o.push(i(a.parts[d]));c[a.id]={id:a.id,refs:1,parts:o}}}}function d(){var t=document.createElement("style");return t.type="text/css",f.appendChild(t),t}function i(t){var e,a,r=document.querySelector("style["+g+'~="'+t.id+'"]');if(r){if(p)return u;r.parentNode.removeChild(r)}if(m){var i=v++;r=b||(b=d()),e=o.bind(null,r,i,!1),a=o.bind(null,r,i,!0)}else r=d(),e=n.bind(null,r),a=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else a()}}function o(t,e,a,r){var d=a?"":r.css;if(t.styleSheet)t.styleSheet.cssText=y(e,d);else{var i=document.createTextNode(d),o=t.childNodes;o[e]&&t.removeChild(o[e]),o.length?t.insertBefore(i,o[e]):t.appendChild(i)}}function n(t,e){var a=e.css,r=e.media,d=e.sourceMap;if(r&&t.setAttribute("media",r),h.ssrId&&t.setAttribute(g,e.id),d&&(a+="\n/*# sourceURL="+d.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(d))))+" */"),t.styleSheet)t.styleSheet.cssText=a;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(a))}}var s="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!s)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var l=a(7),c={},f=s&&(document.head||document.getElementsByTagName("head")[0]),b=null,v=0,p=!1,u=function(){},h=null,g="data-vue-ssr-id",m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,a,d){p=a,h=d||{};var i=l(t,e);return r(i),function(e){for(var a=[],d=0;d<i.length;d++){var o=i[d],n=c[o.id];n.refs--,a.push(n)}e?(i=l(t,e),r(i)):i=[];for(var d=0;d<a.length;d++){var n=a[d];if(0===n.refs){for(var s=0;s<n.parts.length;s++)n.parts[s]();delete c[n.id]}}}};var y=function(){var t=[];return function(e,a){return t[e]=a,t.filter(Boolean).join("\n")}}()},function(t,e){t.exports=function(t,e){for(var a=[],r={},d=0;d<e.length;d++){var i=e[d],o=i[0],n=i[1],s=i[2],l=i[3],c={id:t+":"+d,css:n,media:s,sourceMap:l};r[o]?r[o].parts.push(c):a.push(r[o]={id:o,parts:[c]})}return a}},function(t,e){t.exports=function(t,e,a,r,d,i){var o,n=t=t||{},s=typeof t.default;"object"!==s&&"function"!==s||(o=t,n=t.default);var l="function"==typeof n?n.options:n;e&&(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0),a&&(l.functional=!0),d&&(l._scopeId=d);var c;if(i?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},l._ssrRegister=c):r&&(c=r),c){var f=l.functional,b=f?l.render:l.beforeCreate;f?(l._injectStyles=c,l.render=function(t,e){return c.call(e),b(t,e)}):l.beforeCreate=b?[].concat(b,c):[c]}return{esModule:o,exports:n,options:l}}},function(t,e,a){"use strict";var r={checkSingle:"single",checkMulti:"multi",orderAsc:"asc",orderDesc:"desc"},d={data:void 0,pCheck:"single",pSorting:!1,pSortColumn:void 0,pSortOrder:"asc",pPagination:!0};e.a={defaults:d,con:r}},function(t,e,a){"use strict";var r=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("table",{staticClass:"table table-striped table-bordered vTableGrid"},[a("thead",{directives:[{name:"show",rawName:"v-show",value:!1!==t.config.pCheck,expression:"config.pCheck !== false"}]},[a("tr",[a("th",[t._v("Select")]),t._v(" "),t._l(t.config.columns,function(e,r){return a("th",{class:{sorting:t.config.pSorting,sorting_asc:t.config.pSorting&&t.sortIndex===r&&"asc"===t.sortOrder,sorting_desc:t.config.pSorting&&t.sortIndex===r&&"desc"===t.sortOrder},attrs:{column:e.data},on:{click:function(a){t.sortChange(e.data,r)}}},[t._v(t._s(e.title))])})],2)]),t._v(" "),a("tbody",t._l(t.dataRows,function(e,r){return a("tr",{class:{"row-selected":t.selectedIndex.includes(r)},on:{click:function(e){t.rowClick(r)}}},[a("td",[a("input",{attrs:{type:"checkbox"},domProps:{checked:t.selectedIndex.includes(r)}})]),t._v(" "),t._l(t.config.columns,function(r){return a("td",{domProps:{innerHTML:t._s(r.render&&"function"==typeof r.render?r.render(e[r.data],e):e[r.data])}})})],2)}))]),t._v(" "),t.config.pPagination?a("v-page",{attrs:{setting:t.pageSetting},on:{"page-change":t.pageChange}}):t._e()],1)},d=[],i={render:r,staticRenderFns:d};e.a=i}])});
//# sourceMappingURL=v-tablegrid.js.map