h_ui/dist/lib/Circle.js

A Vue.js 2.0 UI Components Framework

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("h_ui/dist/lib/util/tools.js"),require("h_ui/dist/lib/util/global.js")):"function"==typeof define&&define.amd?define("h_ui/lib",["h_ui/dist/lib/util/tools.js","h_ui/dist/lib/util/global.js"],e):"object"==typeof exports?exports["h_ui/lib"]=e(require("h_ui/dist/lib/util/tools.js"),require("h_ui/dist/lib/util/global.js")):t["h_ui/lib"]=e(t["h_ui/dist/lib/util/tools.js"],t["h_ui/dist/lib/util/global.js"])}(window,(function(t,e){return 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/lib/",n(n.s=882)}({21:function(e,n){e.exports=t},32:function(t,n){t.exports=e},4:function(t,e,n){"use strict";function r(t,e,n,r,i,o,s,u){var a,l="function"==typeof t?t.options:t;if(e&&(l.render=e,l.staticRenderFns=n,l._compiled=!0),r&&(l.functional=!0),o&&(l._scopeId="data-v-"+o),s?(a=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(s)},l._ssrRegister=a):i&&(a=u?function(){i.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:i),a)if(l.functional){l._injectStyles=a;var c=l.render;l.render=function(t,e){return a.call(e),c(t,e)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,a):[a]}return{exports:t,options:l}}n.d(e,"a",(function(){return r}))},457:function(t,e,n){"use strict";n.r(e);var r=n(458),i=n.n(r);for(var o in r)["default"].indexOf(o)<0&&function(t){n.d(e,t,(function(){return r[t]}))}(o);e.default=i.a},458:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r=n(21),i="h-chart-circle",o={name:"Circles",data:function(){return{colors:""}},props:{percent:{type:Number,default:0},size:{type:Number,default:120},strokeWidth:{type:Number,default:6},strokeColor:{type:String,default:"#298DFF"},strokeLinecap:{validator:function(t){return(0,r.oneOf)(t,["square","round"])},default:"round"},trailWidth:{type:Number,default:5},trailColor:{type:String,default:" #F7F7F7"}},computed:{circleSize:function(){return{width:"".concat(this.size,"px"),height:"".concat(this.size,"px")}},radius:function(){return 50-this.strokeWidth/2},pathString:function(){return"M 50,50 m 0,-".concat(this.radius,"\n        a ").concat(this.radius,",").concat(this.radius," 0 1 1 0,").concat(2*this.radius,"\n        a ").concat(this.radius,",").concat(this.radius," 0 1 1 0,-").concat(2*this.radius)},len:function(){return 2*Math.PI*this.radius},pathStyle:function(){return{"stroke-dasharray":"".concat(this.len,"px ").concat(this.len,"px"),"stroke-dashoffset":"".concat((100-this.percent)/100*this.len,"px"),transition:"stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease"}},wrapClasses:function(){return"".concat(i)},innerClasses:function(){return"".concat(i,"-inner")}},methods:{changeColor:function(){this.colors=this.strokeColor,0==this.percent&&(this.colors=this.trailColor)}},watch:{percent:function(){this.changeColor()}},mounted:function(){this.changeColor()}};e.default=o},722:function(t,e,n){"use strict";n.d(e,"a",(function(){return r})),n.d(e,"b",(function(){return i}));var r=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{class:t.wrapClasses,style:t.circleSize},[n("svg",{attrs:{viewBox:"0 0 100 100"}},[n("path",{attrs:{d:t.pathString,stroke:t.trailColor,"stroke-width":t.trailWidth,"fill-opacity":0}}),t._v(" "),n("path",{style:t.pathStyle,attrs:{d:t.pathString,"stroke-linecap":t.strokeLinecap,stroke:t.colors,"stroke-width":t.strokeWidth,"fill-opacity":"0"}})]),t._v(" "),n("div",{class:t.innerClasses},[t._t("default")],2)])},i=[];r._withStripped=!0},8:function(t,e){t.exports=function(t){return t&&t.__esModule?t:{default:t}},t.exports.__esModule=!0,t.exports.default=t.exports},882:function(t,e,n){"use strict";var r=n(8);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i=r(n(883)),o=n(32);i.default.install=function(t,e){(0,o.setGlobal)(t,e),t.component("HCircle",i.default)};var s=i.default;e.default=s},883:function(t,e,n){"use strict";n.r(e);var r=n(722),i=n(457);for(var o in i)["default"].indexOf(o)<0&&function(t){n.d(e,t,(function(){return i[t]}))}(o);var s=n(4),u=Object(s.a)(i.default,r.a,r.b,!1,null,null,null);e.default=u.exports}})}));