fix: overflow of v-list-item

check if selection is a sequence before converting to AnySegment

Author: abichinger

core/src/fields/any.js

@@ -1,6 +1,7 @@
 
 // *
 import { AnySegment } from '../types'
+import util from '../util'
 
 function strToArray (str) {
   if (str !== '*') {
@@ -24,6 +25,9 @@ function arrayToStr (arr, field) {
       return null
     }
   }
+  if (!util.isSquence(items.map(item => item.value))) {
+    return null
+  }
   return new AnySegment()
 }
 

core/src/util.js

@@ -158,6 +158,15 @@ function populate (obj, map) {
   return res
 }
 
+function isSquence (numbers) {
+  for (let i = 1; i < numbers.length; i++) {
+    if (numbers[i - 1] + 1 !== numbers[i]) {
+      return false
+    }
+  }
+  return true
+}
+
 export default {
   range,
   Range,
@@ -167,5 +176,6 @@ export default {
   deepMerge,
   isObject,
   traverse,
-  populate
+  populate,
+  isSquence
 }

docs/src/.vuepress/client.js

@@ -4,6 +4,7 @@ import '@vue-js-cron/element-plus/dist/element-plus.css'
 import CronLight from '@vue-js-cron/light'
 import '@vue-js-cron/light/dist/light.css'
 import CronVuetify from '@vue-js-cron/vuetify'
+import '@vue-js-cron/vuetify/dist/vuetify.css'
 
 import { createVuetify } from 'vuetify'
 import * as components from 'vuetify/components'

docs/src/guide/getting-started.md

@@ -70,6 +70,7 @@ Then you need to register `vue-js-cron/vuetify` with `app.use()`
 
 ```js
 import cronVuetify from '@vue-js-cron/vuetify'
+import '@vue-js-cron/vuetify/dist/vuetify.css'
 
 app.use(cronVuetify)
 ```

vuetify/src/components/CustomSelect.vue

@@ -17,7 +17,9 @@
         <v-list class="pa-0 ma-0">
             <v-row v-for="(itemRow, index) in itemRows" :key="index" no-gutters>
               <v-col v-for="(item, index) in itemRow" :key="index">
-                <v-list-item v-if="item" @click="select(item)" :active="isSelected(item)">{{item.text}}</v-list-item>
+                <v-list-item v-if="item" class="vcron-v-item" @click="select(item)" :active="isSelected(item)">
+                  <v-list-item-text>{{item.text}}</v-list-item-text>
+                </v-list-item>
               </v-col>
             </v-row>
         </v-list>
@@ -50,4 +52,9 @@ export default {
 </script>
 
 <style>
+
+.vcron-v-item div {
+  overflow: visible;
+}
+
 </style>