37 lines
875 B
JavaScript
37 lines
875 B
JavaScript
|
// Styles
|
||
|
|
import "../../../src/components/VCounter/VCounter.sass"; // Mixins
|
||
|
|
|
||
|
|
import Themeable, { functionalThemeClasses } from '../../mixins/themeable';
|
||
|
|
import mixins from '../../util/mixins';
|
||
|
|
/* @vue/component */
|
||
|
|
|
||
|
|
export default mixins(Themeable).extend({
|
||
|
|
name: 'v-counter',
|
||
|
|
functional: true,
|
||
|
|
props: {
|
||
|
|
value: {
|
||
|
|
type: [Number, String],
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
max: [Number, String]
|
||
|
|
},
|
||
|
|
|
||
|
|
render(h, ctx) {
|
||
|
|
const {
|
||
|
|
props
|
||
|
|
} = ctx;
|
||
|
|
const max = parseInt(props.max, 10);
|
||
|
|
const value = parseInt(props.value, 10);
|
||
|
|
const content = max ? `${value} / ${max}` : String(props.value);
|
||
|
|
const isGreater = max && value > max;
|
||
|
|
return h('div', {
|
||
|
|
staticClass: 'v-counter',
|
||
|
|
class: {
|
||
|
|
'error--text': isGreater,
|
||
|
|
...functionalThemeClasses(ctx)
|
||
|
|
}
|
||
|
|
}, content);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=VCounter.js.map
|