w-ui/lib/table/index.js

A Vue.js 2.0 UI Toolkit for mobile

module.exports=function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=408)}({0:function(e,t){e.exports=function(e,t,n,r,i,o){var a,s=e=e||{},l=typeof e.default;"object"!==l&&"function"!==l||(a=e,s=e.default);var f="function"==typeof s?s.options:s;t&&(f.render=t.render,f.staticRenderFns=t.staticRenderFns,f._compiled=!0),n&&(f.functional=!0),i&&(f._scopeId=i);var u;if(o?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},f._ssrRegister=u):r&&(u=r),u){var d=f.functional,c=d?f.render:f.beforeCreate;d?(f._injectStyles=u,f.render=function(e,t){return u.call(t),c(e,t)}):f.beforeCreate=c?[].concat(c,u):[u]}return{esModule:a,exports:s,options:f}}},1:function(e,t,n){"use strict";function r(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=i(r);return[n].concat(r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"})).concat([o]).join("\n")}return[n].join("\n")}function i(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=r(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(r[o]=!0)}for(i=0;i<e.length;i++){var a=e[i];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},2:function(e,t,n){function r(e){for(var t=0;t<e.length;t++){var n=e[t],r=u[n.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](n.parts[i]);for(;i<n.parts.length;i++)r.parts.push(o(n.parts[i]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(o(n.parts[i]));u[n.id]={id:n.id,refs:1,parts:a}}}}function i(){var e=document.createElement("style");return e.type="text/css",d.appendChild(e),e}function o(e){var t,n,r=document.querySelector("style["+h+'~="'+e.id+'"]');if(r){if(b)return m;r.parentNode.removeChild(r)}if(v){var o=p++;r=c||(c=i()),t=a.bind(null,r,o,!1),n=a.bind(null,r,o,!0)}else r=i(),t=s.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}function a(e,t,n,r){var i=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=w(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function s(e,t){var n=t.css,r=t.media,i=t.sourceMap;if(r&&e.setAttribute("media",r),x.ssrId&&e.setAttribute(h,t.id),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)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 f=n(3),u={},d=l&&(document.head||document.getElementsByTagName("head")[0]),c=null,p=0,b=!1,m=function(){},x=null,h="data-vue-ssr-id",v="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n,i){b=n,x=i||{};var o=f(e,t);return r(o),function(t){for(var n=[],i=0;i<o.length;i++){var a=o[i],s=u[a.id];s.refs--,n.push(s)}t?(o=f(e,t),r(o)):o=[];for(var i=0;i<n.length;i++){var s=n[i];if(0===s.refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete u[s.id]}}}};var w=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},3:function(e,t,n){"use strict";e.exports=function(e,t){for(var n=[],r={},i=0;i<t.length;i++){var o=t[i],a=o[0],s=o[1],l=o[2],f=o[3],u={id:e+":"+i,css:s,media:l,sourceMap:f};r[a]?r[a].parts.push(u):n.push(r[a]={id:a,parts:[u]})}return n}},305:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TableColumn=void 0;var r=n(306),i=function(e){return e&&e.__esModule?e:{default:e}}(r);t.TableColumn=i.default},306:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(62),i=n.n(r);for(var o in r)"default"!==o&&function(e){n.d(t,e,function(){return r[e]})}(o);var a=n(307),s=n(0),l=s(i.a,a.a,!1,null,null,null);l.options.__file="packages/table-column/src/tablecolumn.vue",t.default=l.exports},307:function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"td"},[e._t("default",[n("span",[e._v(e._s(e.item[e.prop]))])],{row:e.item})],2)},i=[];r._withStripped=!0;var o={render:r,staticRenderFns:i};t.a=o},408:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Table=void 0;var r=n(409),i=function(e){return e&&e.__esModule?e:{default:e}}(r);t.Table=i.default},409:function(e,t,n){"use strict";function r(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=n(410),o=function(e){return e&&e.__esModule?e:{default:e}}(i),a=n(305);n(411),t.default={name:"w-table",components:{"w-column":a.TableColumn},props:{headerColor:{type:String,default:"#f5f7fa"},data:{type:Array,default:[],required:!0}},data:function(){return{columns:[],fixedNo:0,totalWidth:0,fixedWidth:0}},render:function(){var e=this,t=arguments[0],n=this.$slots.default.filter(function(e){return e.tag});return t("div",{class:"wui-table"},[t("div",{ref:"fixedTable",class:"wui-table-fixed",style:{flex:"0 0 "+this.fixedWidth+"px"}},[t("div",{class:"wui-table-header",style:{backgroundColor:this.headerColor}},[this.columns.map(function(n,r){if(r<e.fixedNo)return t("div",{class:"wui-table-header-th",style:{flex:"0 0 "+n.width}},[n.name])})]),t("div",{class:"wui-table-body"},[this.data.map(function(r,i){return t("div",{class:"wui-table-body-tr"},[e.columns.map(function(i,a){if(a<e.fixedNo){var s=n[a].data.scopedSlots;return t("div",{class:"wui-table-body-td",style:{flex:"0 0 "+i.width}},[s?t("w-column",(0,o.default)([i,{attrs:{item:r},scopedSlots:s}])):t("w-column",(0,o.default)([i,{attrs:{prop:i.prop,item:r}}]))])}})])})])]),t("div",{ref:"scrollTable",class:"wui-table-scroll"},[t("div",{class:"wui-table-header",style:{backgroundColor:this.headerColor}},[this.columns.map(function(n,r){if(r>=e.fixedNo)return t("div",{class:"wui-table-header-th",style:{flex:"0 0 "+n.width}},[n.name])})]),t("div",{class:"wui-table-body"},[this.data.map(function(r,i){return t("div",{class:"wui-table-body-tr"},[e.columns.map(function(i,a){if(a>=e.fixedNo){var s=n[a].data.scopedSlots;return t("div",{class:"wui-table-body-td",style:{flex:"0 0 "+i.width}},[s?t("w-column",(0,o.default)([i,{attrs:{item:r},scopedSlots:s}])):t("w-column",(0,o.default)([i,{attrs:{prop:i.prop,item:r}}]))])}})])})])])])},methods:{getColumns:function(){var e=this;this.$slots.default.forEach(function(t){if(t.tag){var n=t.componentOptions.propsData;if(n.width){var r=parseInt(n.width.replace(/[a-zA-Z]/g,""));n.fixed&&(e.fixedNo++,e.fixedWidth+=r),e.totalWidth+=r}e.columns.push(t.componentOptions.propsData)}})}},mounted:function(){var e=this;this.$nextTick(function(){e.getColumns(),e.$forceUpdate()})},updated:function(){if(this.fixedNo>0){var e=this.$refs.fixedTable.querySelectorAll(".wui-table-body-tr"),t=this.$refs.scrollTable.querySelectorAll(".wui-table-body-tr");[].concat(r(e)).forEach(function(e,n){var r=t[n],i=e.offsetHeight,o=r.offsetHeight;if(i!=o){var a=Math.max(i,o);e.style.height=a+"px",r.style.height=a+"px"}})}}}},410:function(e,t,n){"use strict";function r(e,t){return function(){e&&e.apply(this,arguments),t&&t.apply(this,arguments)}}var i=/^(attrs|props|on|nativeOn|class|style|hook)$/;e.exports=function(e){return e.reduce(function(e,t){var n,o,a,s,l;for(a in t)if(n=e[a],o=t[a],n&&i.test(a))if("class"===a&&("string"==typeof n&&(l=n,e[a]=n={},n[l]=!0),"string"==typeof o&&(l=o,t[a]=o={},o[l]=!0)),"on"===a||"nativeOn"===a||"hook"===a)for(s in o)n[s]=r(n[s],o[s]);else if(Array.isArray(n))e[a]=n.concat(o);else if(Array.isArray(o))e[a]=[n].concat(o);else for(s in o)n[s]=o[s];else e[a]=t[a];return e},{})}},411:function(e,t,n){var r=n(412);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(2)("662794f4",r,!1,{})},412:function(e,t,n){t=e.exports=n(1)(!1),t.push([e.i,".wui-table {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n}\n.wui-table-fixed {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  position: relative;\n}\n.wui-table-fixed:after {\n  content: '';\n  position: absolute;\n  z-index: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  border-bottom: 1px solid #D9D9D9;\n  -webkit-transform: scaleY(0.5);\n  transform: scaleY(0.5);\n  -webkit-transform-origin: 0 0;\n  transform-origin: 0 0;\n}\n.wui-table-scroll {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  overflow-x: auto;\n  position: relative;\n}\n.wui-table-scroll:after {\n  content: '';\n  position: absolute;\n  z-index: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  border-bottom: 1px solid #D9D9D9;\n  -webkit-transform: scaleY(0.5);\n  transform: scaleY(0.5);\n  -webkit-transform-origin: 0 0;\n  transform-origin: 0 0;\n}\n.wui-table-header {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-flex-wrap: nowrap;\n      -ms-flex-wrap: nowrap;\n          flex-wrap: nowrap;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.wui-table-header-th {\n  position: relative;\n  text-align: center;\n  padding: 10px 0;\n  background-color: #e5e7e9;\n}\n.wui-table-header-th:after {\n  content: '';\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  height: 100%;\n  border-right: 1px solid #D9D9D9;\n  -webkit-transform: scaleX(0.5);\n  transform: scaleX(0.5);\n  -webkit-transform-origin: 0 0;\n  transform-origin: 0 0;\n}\n.wui-table-body {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  font-size: 0;\n}\n.wui-table-body-tr {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-flex-wrap: nowrap;\n      -ms-flex-wrap: nowrap;\n          flex-wrap: nowrap;\n  position: relative;\n  font-size: 12px;\n}\n.wui-table-body-tr:after {\n  content: '';\n  position: absolute;\n  z-index: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  border-bottom: 1px solid #D9D9D9;\n  -webkit-transform: scaleY(0.5);\n  transform: scaleY(0.5);\n  -webkit-transform-origin: 0 0;\n  transform-origin: 0 0;\n}\n.wui-table-body-td {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  position: relative;\n  padding: 10px;\n}\n.wui-table-body-td:after {\n  content: '';\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  right: 0;\n  height: 100%;\n  border-right: 1px solid #D9D9D9;\n  -webkit-transform: scaleX(0.5);\n  transform: scaleX(0.5);\n  -webkit-transform-origin: 0 0;\n  transform-origin: 0 0;\n}\n.wui-table-body-td:first-child:before {\n  content: '';\n  position: absolute;\n  z-index: 0;\n  top: 0;\n  left: 0;\n  height: 100%;\n  border-left: 1px solid #D9D9D9;\n  -webkit-transform: scaleX(0.5);\n  transform: scaleX(0.5);\n  -webkit-transform-origin: 0 0;\n  transform-origin: 0 0;\n}\n",""])},62:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"w-column",props:{name:String,prop:String,width:{type:String,default:""},fixed:{type:Boolean,default:!1},item:{type:Object}},mounted:function(){}}}});