fix: adapt flavors to new core

Author: abichinger

ant/dev/serve.js

@@ -1,4 +1,4 @@
-import { Button, Col, Dropdown, Menu, MenuItem, Row } from 'ant-design-vue'
+import { Button, Col, Dropdown, Menu, Row } from 'ant-design-vue'
 import 'ant-design-vue/dist/antd.css'
 import { createApp } from 'vue'
 import App from './App.vue'
@@ -7,7 +7,6 @@ const app = createApp(App)
 app.use(Button)
 app.use(Dropdown)
 app.use(Menu)
-app.use(MenuItem)
 app.use(Row)
 app.use(Col)
 

ant/src/CronEditor.vue

@@ -43,13 +43,13 @@
 </template>
 
 <script>
-import CronCore from '@vue-js-cron/core'
+import { CronCore } from '@vue-js-cron/core'
 import CustomSelect from './components/CustomSelect.vue'
 
 export default {
   name: 'VueCronEditor',
   components: {
-    CronCore: CronCore.component,
+    CronCore,
     CustomSelect
   },
   props: {

element-plus/dev/App.vue

@@ -4,11 +4,13 @@
     <!-- <v-text-field label="" :model-value="value" @update:model-value="nextValue = $event" @blur="value=nextValue"></v-text-field> -->
     <VueCronEditor v-model="value" />
 
+    <br />
+    {{ value }}
   </div>
 </template>
 
 <script>
-import VueCronEditor from '../src/CronEditor'
+import VueCronEditor from '../src/CronEditor';
 
 export default {
   components: {

element-plus/src/CronEditor.vue

@@ -41,13 +41,13 @@
 </template>
 
 <script>
-import CronCore from '@vue-js-cron/core'
+import { CronCore } from '@vue-js-cron/core'
 import CustomSelect from './components/CustomSelect.vue'
 
 export default {
   name: 'VueCronEditor',
   components: {
-    CronCore: CronCore.component,
+    CronCore,
     CustomSelect
   },
   props: {

light/src/components/CustomSelect.vue

@@ -41,7 +41,7 @@ export default {
     const menu = ref(false)
 
     if (props.modelValue) {
-      s.selectValues(props.modelValue)
+      s.setValues(props.modelValue)
     }
 
     const menuEvtListener = (evt) => {
@@ -65,7 +65,7 @@ export default {
     })
 
     watch(() => props.modelValue, (value) => {
-      s.selectValues(value)
+      s.setValues(value)
     })
 
     return {

quasar/src/components/CronQuasar.vue

@@ -31,7 +31,6 @@
             :items="f.items"
             multiple
             :button-props="buttonProps"
-            :hideOnClick="false"
             clearable
           />
 
@@ -43,9 +42,8 @@
 </template>
 
 <script setup>
-import core from "@vue-js-cron/core";
+import { CronCore } from "@vue-js-cron/core";
 import CustomSelect from "./CustomSelect.vue";
-const CronCore = core.component;
 
 defineProps({
   buttonProps: {

vuetify/dev/example-usage.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import cronCore from '@vue-js-cron/core'
+import { defaultItems, pad } from '@vue-js-cron/core'
 import VueCronEditor from '../src/CronEditor'
 
 export default {
@@ -34,9 +34,9 @@ export default {
 
     const minuteItems = (() => {
       const res = []
-      for (const i of cronCore.util.range(0, 59, 15)) {
+      for (const i of [0, 15, 30, 45]) {
         const item = {
-          text: cronCore.util.pad(i, 2),
+          text: pad(i, 2),
           alt: i + '',
           value: i
         }
@@ -45,15 +45,17 @@ export default {
       return res
     })()
 
+    const fieldItems = defaultItems('en')
+
     return {
       value,
       nextValue: value,
       fields: [
         { id: 'minute', items: minuteItems },
-        { id: 'hour', items: cronCore.locale.defaultItems('en').hourItems },
-        { id: 'day', items: cronCore.locale.defaultItems('en').dayItems },
-        { id: 'month', items: cronCore.locale.defaultItems('en').monthItems },
-        { id: 'dayOfWeek', items: cronCore.locale.defaultItems('en').dayOfWeekItems }
+        { id: 'hour', items: fieldItems.hourItems },
+        { id: 'day', items: fieldItems.dayItems },
+        { id: 'month', items: fieldItems.monthItems },
+        { id: 'dayOfWeek', items: fieldItems.dayOfWeekItems }
       ]
     }
   }

vuetify/src/CronEditor.vue

@@ -36,13 +36,13 @@
 </template>
 
 <script>
-import CronCore from '@vue-js-cron/core'
+import { CronCore } from '@vue-js-cron/core'
 import CustomSelect from './components/CustomSelect.vue'
 
 export default {
   name: 'VueCronEditor',
   components: {
-    CronCore: CronCore.component,
+    CronCore,
     CustomSelect
   },
   props: {