fix: set period value to period.id

BREAKING CHANGE: CronState changed

Author: abichinger

core/src/core.vue

@@ -78,6 +78,12 @@ export default {
                 return acc
             }, {})
         },
+        periodIndex(){
+            return this.periods.reduce((acc, p, i) => {
+                acc[p.id] = i
+                return acc
+            })
+        },
         computedFields(){
             return this.fields.map((f) => new Field(f.id, f.items))
         },
@@ -151,11 +157,12 @@ export default {
 
             period:{
                 attrs:{
-                    value: this.selectedPeriod.value
+                    value: this.selectedPeriod.id
                 },
                 events:{
-                    input: (evt) => {
-                        this.selectedPeriod = evt
+                    input: (periodId) => {
+                        let i = this.periodIndex[periodId] || 0
+                        this.selectedPeriod = this.periods[i]
                     }
                 },
                 items: this.periods,

docs/src/api/types/cronState.ts

@@ -15,10 +15,10 @@ type CronState = {
     }>,
     period: {
         attrs: { 
-            value: Array<string> //array of period ids
+            value: string //selected period id
         },
         events: {
-            input: (arg1: Period) => void
+            input: (periodId: string) => void
         },
         items: Array<Period>,
         prefix: string,

vuetify/src/CronEditor.vue

@@ -5,7 +5,7 @@
             <v-row align="baseline" dense>
                 <v-col v-if="period.prefix" class="flex-grow-0">{{period.prefix}}</v-col>
                 <v-col cols="auto">
-                    <v-select class="fit" v-bind="period.attrs" :items="period.items" @input="period.events.input" return-object dense></v-select>
+                    <v-select class="fit" v-bind="period.attrs" :items="period.items" @input="period.events.input" item-value="id" dense></v-select>
                 </v-col>
                 <v-col v-if="period.suffix" class="flex-grow-0">{{period.suffix}}</v-col>