vue-ui-wl
Version:
vue component
2 lines • 7.31 kB
JavaScript
webpackJsonp([5],{120:function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default={props:{percentage:{type:[String,Number],default:0},pType:{type:String,default:"liner"},pW:{type:[String,Number],default:300},pH:{type:[String,Number],default:20},position:{type:String,default:"top"},status:{type:String,default:"success"},size:{type:[Number,String],default:50}},mounted:function(){if("circle"===this.pType){var e=this.$el.children[0].lastChild.lastChild,r=Number(this.percentage)/100,t=2*Math.PI*(Number(this.size)-Number(this.pH));e.setAttribute("stroke-dasharray",t*r+" "+t*(1-r))}}}},134:function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var s=t(37),p=function(e){return e&&e.__esModule?e:{default:e}}(s);r.default={components:{ProgressBar:p.default}}},148:function(e,r,t){e.exports=t(22)},2:function(e,r,t){t(4);var s=t(0)(t(6),t(3),"data-v-12f6e127",null);e.exports=s.exports},22:function(e,r,t){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}var p=t(1),a=s(p),i=t(51),n=s(i),o=t(5),c=s(o);a.default.config.productionTip=!1,new a.default({el:"#progressBar",router:c.default,template:"<ProgressBar/>",components:{ProgressBar:n.default}})},3:function(e,r){e.exports={render:function(){var e=this,r=e.$createElement;return(e._self._c||r)("div")},staticRenderFns:[]}},37:function(e,r,t){t(89);var s=t(0)(t(120),t(60),"data-v-195d633b",null);e.exports=s.exports},4:function(e,r){},5:function(e,r,t){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var p=t(1),a=s(p),i=t(7),n=s(i),o=t(2),c=s(o);a.default.use(n.default),r.default=new n.default({routes:[{path:"/",name:"Index",component:c.default}]})},51:function(e,r,t){t(92);var s=t(0)(t(134),t(63),"data-v-303259fd",null);e.exports=s.exports},6:function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default={}},60:function(e,r){e.exports={render:function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("div",{staticClass:"progress-bar-outer",style:{width:"100%"===e.pW?"100%":""}},["liner"===e.pType?t("div",{staticClass:"progress-bar bg-gray",style:{height:e.pH+"px",width:(e.pW+"").indexOf("%")>-1?e.pW:e.pW+"px","border-radius":Number(e.pH)/2+"px"}},[t("span",{staticClass:"progress-inner",class:Number(e.percentage)<=0?"":Number(e.percentage)<50?"bg-red":50===Number(e.percentage)?"bg-yellow":Number(e.percentage)<100?"bg-blue":"bg-green",style:{width:(e.pW+"").indexOf("%")>-1?Number(e.pW.split("%")[0])*Number(e.percentage)/100+"%":Number(e.pW)*Number(e.percentage)/100+"px","border-radius":Number(e.pH)/2+"px"}}),e._v(" "),t("i",{class:e.position,style:{"margin-left":0===Number(e.percentage)&&"inner"===e.position?0:"inner"===e.position?(e.pW+"").indexOf("%")>-1?"calc("+Number(e.pW.split("%")[0])*Number(e.percentage)/100+"% - 40px)":Number(e.pW)*Number(e.percentage)/100-40+"px":""}},[e._v(e._s(e.percentage+"%"))])]):e._e(),e._v(" "),"circle"===e.pType?t("div",{staticClass:"progress-circle"},[t("i",{staticClass:"circle-text"},[e._v(e._s(e.percentage+"%"))]),e._v(" "),t("svg",{attrs:{width:2*Number(e.size),height:2*Number(e.size),viewbox:"0 0 "+2*Number(e.size)+" "+2*Number(e.size)}},[t("circle",{attrs:{cx:Number(e.size),cy:Number(e.size),r:Number(e.size)-Number(e.pH),"stroke-width":Number(e.pH),stroke:"#d1d3d7",fill:"none"}}),e._v(" "),t("circle",{attrs:{cx:Number(e.size),cy:Number(e.size),r:Number(e.size)-Number(e.pH),"stroke-width":Number(e.pH),stroke:Number(e.percentage)<=0?"":Number(e.percentage)<50?"red":50===Number(e.percentage)?"yellow":Number(e.percentage)<100?"blue":"green",fill:"none",transform:"matrix(0,-1,1,0,0,"+2*Number(e.size)+")","stroke-dasharray":"0 1069"}})])]):e._e()])},staticRenderFns:[]}},63:function(e,r){e.exports={render:function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("div",{staticClass:"content"},[t("progress-bar",{attrs:{"p-w":"200","p-h":"10",position:"top"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200",percentage:"30",position:"top"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200","p-h":"10",percentage:"60",position:"top"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200",percentage:"100",position:"top"}}),e._v(" "),t("progress-bar",{attrs:{percentage:"50","p-w":"100%",position:"top"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200","p-h":"10",position:"left"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200",percentage:"30",position:"left"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200","p-h":"10",percentage:"60",position:"left"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200",percentage:"100",position:"left"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"100%",percentage:"100",position:"left"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200","p-h":"10",position:"right"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200",percentage:"30",position:"right"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200","p-h":"10",percentage:"60",position:"right"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200",percentage:"100",position:"right"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"100%",position:"right"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200","p-h":"10",position:"inner"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200",percentage:"30",position:"inner"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200","p-h":"10",percentage:"60",position:"inner"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200",percentage:"100",position:"inner"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"100%",percentage:"60",position:"inner"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200","p-h":"10",position:"bottom"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200",percentage:"30",position:"bottom"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200","p-h":"10",percentage:"60",position:"bottom"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"200",percentage:"100",position:"bottom"}}),e._v(" "),t("progress-bar",{attrs:{"p-w":"100%",percentage:"30",position:"bottom"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"20","p-h":"10",size:"100"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"50","p-h":"10",size:"100"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"60","p-h":"10",size:"100"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"100","p-h":"10",size:"100"}}),e._v(" "),t("div",{staticClass:"clearfix"}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"30"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"50","p-h":"10"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"70","p-h":"10"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"100","p-h":"10"}}),e._v(" "),t("div",{staticClass:"clearfix"}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"30","p-h":"5"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"50","p-h":"5"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"70","p-h":"5"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"100","p-h":"5"}}),e._v(" "),t("progress-bar",{attrs:{"p-type":"circle",percentage:"80",size:"400","p-h":"5"}})],1)},staticRenderFns:[]}},89:function(e,r){},92:function(e,r){}},[148]);
//# sourceMappingURL=progressBar.c050b500d074cb18e6af.js.map