feat(light): add clearable

BREAKING CHANGE: force major release
abichinger · Nov 6, 2023 · b9ca4e2 · b9ca4e2
1 parent 3ea62ba
commit b9ca4e2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/light/src/CronEditor.vue b/light/src/CronEditor.vue
@@ -23,6 +23,7 @@
           :cols="cols[f.id] || 1"
           :selection="f.text.value"
           multiple
+          clearable
         ></custom-select>
       </div>
       <span>{{ f.suffix.value }}</span>

diff --git a/light/src/components/CustomSelect.vue b/light/src/components/CustomSelect.vue
@@ -2,6 +2,8 @@
   <div class="vcron-select-container">
     <span class="vcron-select-input" @click="toggleMenu">
       {{ selection ?? selectedStr }}
+
+      <span v-if="clearable && !isEmpty" @click="clear">&#x2715;</span>
     </span>
 
     <div class="vcron-select-list" v-if="menu">
@@ -35,6 +37,10 @@ export default {
     selection: {
       type: String,
     },
+    clearable: {
+      type: Boolean,
+      default: false,
+    },
   },
   emits: ['update:model-value'],
   setup(props, { emit }) {