vue3-odometer-plus
Version:
数字翻滚 number rolling odometer odometer-plus
2 lines (1 loc) • 1.15 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./css/index.css');const t=require("vue"),c=require("odometer"),f=t.defineComponent({__name:"number-rolling",props:{start:{default:0},value:{default:0},format:{default:"(d).dd"},theme:{default:"default"},formatFunction:{type:Function},animation:{default:"default"},selector:{default:".odometer"},auto:{type:Boolean,default:!1},duration:{default:1e3}},setup(e,{expose:n}){const o=t.useTemplateRef("odometerEl"),a=t.shallowRef();t.onMounted(()=>{a.value=new c({auto:e.auto,selector:e.selector,animation:e.animation,el:o.value,value:e.start,format:e.format,duration:e.duration,theme:e.theme,formatFunction:e.formatFunction}),t.watchPostEffect(()=>{a.value.update(e.value)})});function l(u){var r;(r=a.value)==null||r.update(u)}return n({old:a,update:l}),(u,r)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["vue3-number-roll",u.theme]),ref:"odometerEl"},null,2))}}),m=(e,n)=>{const o=e.__vccOpts||e;for(const[a,l]of n)o[a]=l;return o},d=m(f,[["__scopeId","data-v-5fa56450"]]);exports.NumberRolling=d;exports.default=d;