vue2-number-counter
Version:
## 安装
2 lines • 3.24 kB
JavaScript
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s="3a0d")}({"117a":function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("span",{ref:"numberGrow"},[e._v(e._s(e.number))])},o=[],u={name:"NumberCounter",props:{number:{type:[String,Number]},time:{type:[String,Number],default:1}},mounted(){this.numberGrow(this.$refs.numberGrow)},methods:{numberGrow(e){if(!this.number)return;let t=parseInt(this.number/(100*this.time)),n=0,r=0,o=setInterval(()=>{if(r+=t+10,r>=this.number&&(clearInterval(o),r=this.number,o=null),isNaN(n))return clearInterval(o),void(o=null);n!==r&&(n=r,e.innerText=n.toString().replace(/(\d)(?=(?:\d{3}[+]?)+$)/g,"$1,"))},10)}},watch:{number:function(){this.numberGrow(this.$refs.numberGrow)}}},i=u,a=n("2877"),s=Object(a["a"])(i,r,o,!1,null,null,null);t["a"]=s.exports},2877:function(e,t,n){"use strict";function r(e,t,n,r,o,u,i,a){var s,l="function"===typeof e?e.options:e;if(t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),r&&(l.functional=!0),u&&(l._scopeId="data-v-"+u),i?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},l._ssrRegister=s):o&&(s=a?function(){o.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:o),s)if(l.functional){l._injectStyles=s;var c=l.render;l.render=function(e,t){return s.call(t),c(e,t)}}else{var f=l.beforeCreate;l.beforeCreate=f?[].concat(f,s):[s]}return{exports:e,options:l}}n.d(t,"a",(function(){return r}))},"3a0d":function(e,t,n){"use strict";n.r(t);var r=n("117a"),o=n("73a8");const u=[o["a"],r["a"]],i=function(e){i.installed||u.map(t=>e.component(t.name,t))};"undefined"!==typeof window&&window.Vue&&i(window.Vue),t["default"]={install:i,GButton:o["a"],NumberCounter:r["a"]}},"5a9b":function(e,t,n){"use strict";n("90ed")},"73a8":function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("button",{staticClass:"btn"},[e._v(e._s(e.text))])},o=[],u={name:"GButton",props:{text:{type:String,default:"确认按钮"}}},i=u,a=(n("5a9b"),n("2877")),s=Object(a["a"])(i,r,o,!1,null,null,null);t["a"]=s.exports},"90ed":function(e,t,n){}})["default"];
//# sourceMappingURL=index.js.map