UNPKG

vue-ui-wl

Version:

vue component

2 lines 4.77 kB
webpackJsonp([13],{103:function(t,n){},112:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default={props:{value:{type:String,default:"按钮"},belongs:{typy:String,default:"btn"},btnW:{type:[String,Number]},disable:{type:Boolean,default:!1},loading:{type:[Boolean,String],default:!1},active:{type:Boolean,default:!1},callback:{type:Function,default:function(){return function(){}}}},data:function(){return{btnActive:this.active,btnDisable:this.disable}},watch:{active:function(){this.btnActive=this.active},disable:function(){this.btnDisable=this.disable}},methods:{btnClick:function(){function t(){n.loading&&(n.btnActive=!1),n.btnDisable=!1}if(!this.disable){var n=this;this.btnDisable=!0,this.loading&&(this.btnActive=!0),this.callback(t)}}}}},125:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=e(29),l=function(t){return t&&t.__esModule?t:{default:t}}(a);n.default={components:{Btn:l.default},data:function(){return{active:!0}},methods:{callback:function(t){setTimeout(function(){console.log(111,"回调结束"),t&&t(),this.disable=!1}.bind(this),3e3),console.log("callback",this.active)}}}},13:function(t,n,e){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}var l=e(1),b=a(l),c=e(42),s=a(c),i=e(5),o=a(i);b.default.config.productionTip=!1,new b.default({el:"#buttons",router:o.default,template:"<Buttons/>",components:{Buttons:s.default}})},139:function(t,n,e){t.exports=e(13)},2:function(t,n,e){e(4);var a=e(0)(e(6),e(3),"data-v-12f6e127",null);t.exports=a.exports},29:function(t,n,e){e(103);var a=e(0)(e(112),e(74),"data-v-905e65d4",null);t.exports=a.exports},3:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement;return(t._self._c||n)("div")},staticRenderFns:[]}},4:function(t,n){},42:function(t,n,e){e(99);var a=e(0)(e(125),e(70),"data-v-68b91650",null);t.exports=a.exports},5:function(t,n,e){"use strict";function a(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0});var l=e(1),b=a(l),c=e(7),s=a(c),i=e(2),o=a(i);b.default.use(s.default),n.default=new s.default({routes:[{path:"/",name:"Index",component:o.default}]})},6:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default={}},70:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"content"},[e("p",[t._v("标准")]),t._v(" "),e("btn",{attrs:{"btn-w":"100%",value:"btn 100%",belongs:"btn",callback:t.callback()}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",value:"btn-primary 30%",belongs:"btn-primary",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",loading:"true",value:"btn-primary",belongs:"btn-primary radius",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",value:"btn-primary 30%",belongs:"btn-primary",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",value:"btn-warn",belongs:"btn-warn",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",loading:"true",value:"btn-warn",belongs:"btn-warn radius",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",value:"btn-warn",belongs:"btn-warn radius20",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",value:"btn-delete",belongs:"btn-delete",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",loading:"true",value:"btn-delete",belongs:"btn-delete radius",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",value:"btn-delete",belongs:"btn-delete radius20",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",value:"btn-ghost 30%",belongs:"btn-ghost",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",value:"btn-ghost 30%",belongs:"btn-ghost radius",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"30%",value:"btn-ghost 30%",belongs:"btn-ghost radius20",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"20%",value:"btn-more 200px",disable:!1,belongs:"btn-more",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"20%",value:"btn-disable",loading:"true",active:t.active,disable:!0,belongs:"btn-disable",callback:t.callback}}),t._v(" "),e("btn",{attrs:{"btn-w":"20%",value:"btn-loading",loading:"true",belongs:"btn-loading",callback:t.callback}})],1)},staticRenderFns:[]}},74:function(t,n){t.exports={render:function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("button",{class:t.belongs,style:{width:t.btnW&&(t.btnW+"").indexOf("%")>0?t.btnW:t.btnW+"px"},attrs:{disabled:t.btnDisable},on:{click:function(n){t.btnClick()}}},[t.loading&&t.btnActive?e("i",{staticClass:"icon-btn-loading",class:{active:t.btnActive}}):t._e(),t._v(t._s(t.value)+"\n")])},staticRenderFns:[]}},99:function(t,n){}},[139]); //# sourceMappingURL=buttons.7c590465a3b9888173fd.js.map