79 lines
1.6 KiB
JavaScript
79 lines
1.6 KiB
JavaScript
import {compose, EventEmitter, Property} from '@avocado/core';
|
|
|
|
import {Ticker} from './ticker';
|
|
|
|
export function TimedIndexMixin (indexName = 'index') {
|
|
return (Superclass) => {
|
|
const _indexCount = `${indexName}Count`;
|
|
const _indexRate = `${indexName}Rate`;
|
|
const decorate = compose(
|
|
EventEmitter,
|
|
Property('index', {
|
|
default: 0,
|
|
track: true,
|
|
}),
|
|
Property('isTicking', {
|
|
default: true,
|
|
}),
|
|
Property(_indexCount, {
|
|
default: 0,
|
|
}),
|
|
Property(_indexRate, {
|
|
default: 100,
|
|
}),
|
|
);
|
|
return class TimedIndex extends decorate(Superclass) {
|
|
|
|
constructor(...args) {
|
|
super(...args);
|
|
|
|
this.ticker = new Ticker();
|
|
this.ticker.frequency = this[_indexRate];
|
|
this.ticker.on('tick', this.onTick, this);
|
|
}
|
|
|
|
destroy() {
|
|
if (super.destroy) {
|
|
super.destroy();
|
|
}
|
|
this.ticker.off('tick', this.onTick);
|
|
}
|
|
|
|
get index() {
|
|
return super.index;
|
|
}
|
|
|
|
set index(index) {
|
|
super.index = 0 === this[_indexCount] ? 0 : index % this[_indexCount];
|
|
}
|
|
|
|
onTick() {
|
|
const index = this.index + 1;
|
|
if (index >= this[_indexCount]) {
|
|
this.emit('rollingOver');
|
|
}
|
|
this.index = index;
|
|
}
|
|
|
|
reset() {
|
|
this.ticker.reset();
|
|
}
|
|
|
|
start() {
|
|
this.isTicking = true;
|
|
}
|
|
|
|
stop() {
|
|
this.isTicking = false;
|
|
}
|
|
|
|
tick(elapsed) {
|
|
if (this.isTicking) {
|
|
this.ticker.tick(elapsed);
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|