vue-grid-layout
Version:
A draggable and resizable grid layout, as a Vue component.
1 lines • 2.05 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{411:function(i,t,y){},463:function(i,t,y){"use strict";y(411)},487:function(i,t,y){"use strict";y.r(t);var h=y(371),w={md:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:5,i:"2"},{x:6,y:0,w:2,h:3,i:"3"},{x:2,y:4,w:2,h:3,i:"4"},{x:4,y:5,w:2,h:3,i:"5"},{x:0,y:2,w:2,h:5,i:"6"},{x:2,y:7,w:2,h:5,i:"7"},{x:4,y:8,w:2,h:5,i:"8"},{x:6,y:3,w:2,h:4,i:"9"},{x:0,y:7,w:2,h:4,i:"10"},{x:2,y:19,w:2,h:4,i:"11"},{x:0,y:14,w:2,h:5,i:"12"},{x:2,y:14,w:2,h:5,i:"13"},{x:4,y:13,w:2,h:4,i:"14"},{x:6,y:7,w:2,h:4,i:"15"},{x:0,y:19,w:2,h:5,i:"16"},{x:8,y:0,w:2,h:2,i:"17"},{x:0,y:11,w:2,h:3,i:"18"},{x:2,y:12,w:2,h:2,i:"19"}],lg:[{x:0,y:0,w:2,h:2,i:"0"},{x:2,y:0,w:2,h:4,i:"1"},{x:4,y:0,w:2,h:5,i:"2"},{x:6,y:0,w:2,h:3,i:"3"},{x:8,y:0,w:2,h:3,i:"4"},{x:10,y:0,w:2,h:3,i:"5"},{x:0,y:5,w:2,h:5,i:"6"},{x:2,y:5,w:2,h:5,i:"7"},{x:4,y:5,w:2,h:5,i:"8"},{x:6,y:4,w:2,h:4,i:"9"},{x:8,y:4,w:2,h:4,i:"10"},{x:10,y:4,w:2,h:4,i:"11"},{x:0,y:10,w:2,h:5,i:"12"},{x:2,y:10,w:2,h:5,i:"13"},{x:4,y:8,w:2,h:4,i:"14"},{x:6,y:8,w:2,h:4,i:"15"},{x:8,y:10,w:2,h:5,i:"16"},{x:10,y:4,w:2,h:2,i:"17"},{x:0,y:9,w:2,h:3,i:"18"},{x:2,y:6,w:2,h:2,i:"19"}]},e={components:{GridLayout:h.GridLayout,GridItem:h.GridItem},data:function(){return{layouts:w,layout:w.lg,draggable:!0,resizable:!0,responsive:!0}},methods:{breakpointChangedEvent:function(i,t){console.log("BREAKPOINT CHANGED breakpoint=",i,", layout: ",t)}}},a=(y(463),y(34)),n=Object(a.a)(e,(function(){var i=this,t=i._self._c;return t("div",[t("grid-layout",{attrs:{layout:i.layout,"responsive-layouts":i.layouts,"col-num":12,"row-height":30,"is-draggable":i.draggable,"is-resizable":i.resizable,"vertical-compact":!0,"use-css-transforms":!0,responsive:i.responsive},on:{"update:layout":function(t){i.layout=t},"breakpoint-changed":i.breakpointChangedEvent}},i._l(i.layout,(function(y){return t("grid-item",{attrs:{x:y.x,y:y.y,w:y.w,h:y.h,i:y.i}},[t("span",{staticClass:"text"},[i._v(i._s(y.i))])])})),1)],1)}),[],!1,null,"09f9c3ab",null);t.default=n.exports}}]);