vue-bulma-components
Version:
Quickly Translate Bulma css in to vue components
2 lines • 6.63 kB
JavaScript
webpackJsonp([0],[,function(t,e,n){"use strict";n.d(e,"b",function(){return i});var a=n(5),r={},o=new Map([["input","b-input"],["label","b-label"],["image","b-image"],["form","b-form"],["button","b-button"],["content","b-content"],["progress","b-progress"],["table","b-table"],["title","b-title"],["menu","b-menu"]]);r.install=function(t,e){a.a.forEach(function(r){t.component(""+(e&&e.prefix||"")+(o.get(r)||r),n.i(a.b)(r))})},e.a=r;var i=a.b},function(t,e,n){var a=n(0)(n(6),n(18),null,null);t.exports=a.exports},,function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=n(3),r=n.n(a),o=n(2),i=n.n(o),s=n(1);r.a.use(s.a),new r.a({el:"#app",template:"<App/>",components:{App:i.a}})},function(t,e,n){"use strict";function a(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e<t.length;e++)n[e]=t[e];return n}return Array.from(t)}function r(t,e){var n={};for(var a in t)e.indexOf(a)>=0||Object.prototype.hasOwnProperty.call(t,a)&&(n[a]=t[a]);return n}function o(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase().replace(/([a-z])([0-9])/g,"$1-$2")}n.d(e,"b",function(){return l});var i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t},s=new Map([["input","input"],["label","label"],["button","button"],["image","figure"],["form","form"]]),l=function(t,e){return{name:t,functional:!0,render:function(n,l){var c=l.children,u=l.props,f=l.data,m=u.outerElement,p=r(u,["outerElement"]);return n(m||e||s.get(t)||"div",i({class:[o(t)].concat(a(Object.keys(p).filter(function(t){return!1!==p[t]}).map(function(t){return o(t)}).filter(function(t){return"is-"===t.substring(0,3)||"has-"===t.substring(0,4)})))},f),c)}}};e.a=["columns","column","notification","button","box","icon","media","media-left","media-right","media-content","image","content","level","level-left","level-item","level-right","field","help","progress","table","tag","title","subtitle","breadcrumb","card","card-image","card-content","card-footer","card-footer-item","control","label","menu","menu-label","menu-list","message","message-header","message-body","modal","modal-background","modal-content","modal-close","navbar","navbar-item","navbar-brand","navbar-burger","navbar-start","navbar-link","navbar-dropdown","navbar-divider","pagination","pagination-previous","pagination-next","pagination-list","pagination-ellipsis","panel","panel-heading","panel-block","panel-icon","panel-tabs","tabs","container","hero","hero-body","input"]},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=n(14),r=n.n(a),o=n(12),i=n.n(o),s=n(13),l=n.n(s);e.default={name:"app",components:{Grid:r.a,Box:i.a,FormComponent:l.a}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=n(1);e.default={data:function(){return{}},components:{box:n.i(a.b)("box")}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{login:function(){console.log("login in")},greet:function(){console.log("hey")},toggle:function(){this.flag=!this.flag}},data:function(){return{flag:!0}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={methods:{greet:function(){console.log("hello")}},data:function(){return{}}}},function(t,e){},function(t,e){},function(t,e,n){n(11);var a=n(0)(n(7),n(17),null,null);t.exports=a.exports},function(t,e,n){n(10);var a=n(0)(n(8),n(16),null,null);t.exports=a.exports},function(t,e,n){var a=n(0)(n(9),n(15),null,null);t.exports=a.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("columns",[n("column",{attrs:{"is-10":"","is-offset-1":""}},[n("columns",[n("column",[n("notification",{attrs:{"is-info":""},on:{click:t.greet}},[t._v("First column")])],1),t._v(" "),n("column",[n("notification",{attrs:{"is-success":""}},[t._v("Second column")])],1),t._v(" "),n("column",[n("notification",{attrs:{"is-warning":""}},[t._v("Third column")])],1),t._v(" "),n("column",[n("notification",{attrs:{"is-danger":""}},[t._v("Fourth column")])],1)],1)],1)],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("columns",[n("column",{attrs:{"is-4":"","is-offset-4":""}},[n("field",{attrs:{outerElement:"form"},on:{submit:function(e){e.preventDefault(),t.login(e)}}},[n("label",[t._v("Username")]),t._v(" "),n("control",{attrs:{"has-icons":"","has-icons-left":"","has-icons-right":"",outerElement:"p"}},[n("b-input",{attrs:{"is-success":t.flag,"is-danger":!t.flag,type:"text",placeholder:"Text input",value:"bulma"},on:{input:t.toggle}}),t._v(" "),n("icon",{attrs:{outerElement:"span","is-small":"","is-left":""}},[n("i",{staticClass:"fa fa-user"})]),t._v(" "),t.flag?n("icon",{attrs:{outerElement:"span","is-small":"","is-right":""}},[n("i",{staticClass:"fa fa-check"})]):t._e()],1),t._v(" "),n("help",{attrs:{"is-success":""}},[t._v("This username is available")]),t._v(" "),n("b-button",{attrs:{type:"submit","is-primary":""},on:{click:t.greet}},[t._v("Go")])],1)],1)],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("columns",[n("column",{attrs:{"is-4":"","is-offset-4":""}},[n("box",[n("media",[n("media-left",[n("b-image",{attrs:{"is-64x64":""}},[n("img",{attrs:{src:"http://bulma.io/images/placeholders/128x128.png",alt:"Image"}})])],1),t._v(" "),n("media-content",[n("content",[n("p",[n("strong",[t._v("John Smith")]),t._v(" "),n("small",[t._v("@johnsmith")]),t._v(" "),n("small",[t._v("31m")]),t._v(" "),n("br"),t._v("\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.\n ")])]),t._v(" "),n("level",{attrs:{"is-mobile":""}},[n("level-left",[n("level-item",{attrs:{outerElement:"a"}},[n("icon",{attrs:{"is-small":""}},[n("i",{staticClass:"fa fa-reply"})])],1),t._v(" "),n("level-item",{attrs:{outerElement:"a"}},[n("icon",{attrs:{"is-small":""}},[n("i",{staticClass:"fa fa-retweet"})])],1),t._v(" "),n("level-item",{attrs:{outerElement:"a"}},[n("icon",{attrs:{"is-small":""}},[n("i",{staticClass:"fa fa-heart"})])],1)],1)],1)],1)],1)],1)],1)],1)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{attrs:{id:"app"}},[n("hr"),t._v(" "),n("Grid"),t._v(" "),n("hr"),t._v(" "),n("Box"),t._v(" "),n("hr"),t._v(" "),n("FormComponent")],1)},staticRenderFns:[]}}],[4]);
//# sourceMappingURL=app.js.map