m2-ui/lib/grid-view.js

The package is provided web components and utilities based on vue and element-ui.

/*!
 * m2-ui v1.0.0
 * (c) 2020 by Miracle He
 * Released under the MIT License.
 */
module.exports=function(t){var e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/dist/",n(n.s=26)}({0:function(t,e,n){"use strict";function r(t,e,n,r,i,o,a,u){var s,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),r&&(c.functional=!0),o&&(c._scopeId="data-v-"+o),a?(s=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},c._ssrRegister=s):i&&(s=u?function(){i.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:i),s)if(c.functional){c._injectStyles=s;var l=c.render;c.render=function(t,e){return s.call(e),l(t,e)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,s):[s]}return{exports:t,options:c}}n.d(e,"a",(function(){return r}))},26:function(t,e,n){"use strict";n.r(e);var r=function(){var t=this.$createElement;return(this._self._c||t)("div",{ref:"grid",staticClass:"m2-grid-view"},[this._t("default")],2)};r._withStripped=!0;var i={name:"m2-grid-view",props:{cols:{type:Number,default:2},hMargin:{type:Number,default:8},vMargin:{type:Number,default:8},itemSpacing:{type:Number,default:8},lineSpacing:{type:Number,default:8}},mounted:function(){setTimeout(this.autoLayout,20)},updated:function(){this.autoLayout()},methods:{autoLayout:function(){var t=this,e=this.$refs.grid,n=e.children;e.style.padding=this.vMargin+"px "+this.hMargin+"px";var r=(e.clientWidth-2*this.hMargin-(this.cols-1)*this.itemSpacing)/this.cols;n.forEach((function(e,n){e.style.width=r+"px",(n+1)%t.cols!=0&&(e.style.marginRight=t.itemSpacing+"px"),n>=t.cols&&(e.style.marginTop=t.lineSpacing+"px")}))}}},o=n(0),a=Object(o.a)(i,r,[],!1,null,null,null);a.options.__file="packages/grid-view/src/main.vue";var u=a.exports;u.install=function(t){t.component(u.name,u)};e.default=u}});