support toggle field option

src/views/Editor/DataEditor.vue

@@ -2,6 +2,7 @@
 import { computed, ref } from 'vue'
 import { v7 as uuidv7 } from 'uuid'
 import Button from 'primevue/button'
+import Checkbox from 'primevue/checkbox'
 import DataTable from 'primevue/datatable'
 import Column from 'primevue/column'
 import Image from 'primevue/image'
@@ -130,6 +131,15 @@ DataTable.data-editor(
         span(
           v-else
         ) No image
+      div(
+        v-else-if='col.type === "toggle"'
+      )
+        Checkbox(
+          v-model='slotProps.data[col.name]'
+          :name='`${slotProps.data._id} ${col.name}`'
+          binary
+          disabled
+        )
       div(
         v-else
       )
@@ -150,6 +160,14 @@ DataTable.data-editor(
           :disabled='!slotProps.data[col.name]'
           :onClick='(e) => onRemoveImage(e, slotProps)'
         )
+      div(
+        v-else-if='col.type === "toggle"'
+      )
+        Checkbox(
+          v-model='slotProps.data[col.name]'
+          :name='`toggle for ${slotProps.data.name || slotProps.data._id} ${col.name}`'
+          binary
+        )
       div(
         v-else
       )