Refactor analog clock widget (#2648)

This commit is contained in:
Aya Morisawa 2018-09-07 01:20:23 +09:00 committed by syuilo
parent bf7e19b288
commit d92e9759f3

View File

@ -1,8 +1,8 @@
<template> <template>
<div class="mkw-analog-clock"> <div class="mkw-analog-clock">
<mk-widget-container :naked="!(props.design % 2)" :show-header="false"> <mk-widget-container :naked="props.style % 2 === 0" :show-header="false">
<div class="mkw-analog-clock--body"> <div class="mkw-analog-clock--body">
<mk-analog-clock :dark="$store.state.device.darkmode" :smooth="!(props.design && ~props.design)"/> <mk-analog-clock :dark="$store.state.device.darkmode" :smooth="props.style < 2"/>
</div> </div>
</mk-widget-container> </mk-widget-container>
</div> </div>
@ -13,13 +13,12 @@ import define from '../../../common/define-widget';
export default define({ export default define({
name: 'analog-clock', name: 'analog-clock',
props: () => ({ props: () => ({
design: -1 style: 0
}) })
}).extend({ }).extend({
methods: { methods: {
func() { func() {
if (++this.props.design > 2) this.props.style = (this.props.style + 1) % 4;
this.props.design = -1;
this.save(); this.save();
} }
} }