fix: display selected values as chips in KSelectField (closes #951)

kalisio · Dec 1, 2024 · 80510cb · 80510cb
1 parent f7c597d
commit 80510cb
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/core/client/components/form/KSelectField.vue b/core/client/components/form/KSelectField.vue
@@ -11,9 +11,6 @@
     v-model="model"
     :label="label"
     :multiple="multiple"
-    :toggle="toggle"
-    :radio="radio"
-    :use-chips="chips"
     :options="options"
     emit-value
     map-options
@@ -40,7 +37,12 @@
     </template>
     <!-- selected item display -->
     <template v-slot:selected-item="scope">
-      <span :class="selectedClass()">
+      <q-chip v-if="chips">
+        <span :class="selectedClass()">
+          {{ scope.opt.label }}
+        </span>
+      </q-chip>
+      <span v-else :class="selectedClass()">
         {{ scope.opt.label }}
       </span>
     </template>
@@ -75,12 +77,6 @@ export default {
     clearable () {
       return _.get(this.properties, 'field.clearable', true)
     },
-    toggle () {
-      return _.get(this.properties, 'field.toggle', false)
-    },
-    radio () {
-      return _.get(this.properties, 'field.radio', false)
-    },
     chips () {
       return _.get(this.properties, 'field.chips', false)
     },