@ederzeel/nuxt-schema-form-nightly 0.1.0-29104758.61b406e → 0.1.0-29118956.9ee4a3d

package/dist/runtime/components/Array.vue

@@ -22,14 +22,7 @@ const props = defineProps<{
   columns?: TableColumn<{}>[]
   editInline?: boolean
 }>()
-
-type ColumnItem = {
-  key: string
-  label?: string
-  header?: string
-  accessorKey?: string
-  class?: string
-}
+const emit = defineEmits(['update:modelValue', 'submit'])
 
 type PropertiesType = {
   properties: {
@@ -37,13 +30,30 @@ type PropertiesType = {
   }
   [key: string]: unknown
 }
-const emit = defineEmits(['update:modelValue', 'submit'])
-const onInput = (value: Record<string, unknown>, index: number) => {
-  props.modelValue[index] = value
-  emit('update:modelValue', props.modelValue)
-}
 
+const massActions = [
+  [
+    {
+      label: 'delete',
+      click: () => {
+        massRemove()
+        selectedRows.value = []
+      }
+    }
+  ]
+]
+
+const selectedRows = ref<{ __id: any }[]>([])
 const schemaObject = ref(new Draft2019(props.items))
+const model = ref<{ open: boolean; index: number; value: Record<string, unknown> }>({
+  open: false,
+  index: 0,
+  value: {}
+})
+const expand = ref({
+  openedRows: [],
+  row: null
+})
 
 const values = computed(() => {
   if (props.modelValue.length > 0) {
@@ -56,46 +66,6 @@ const values = computed(() => {
   return []
 })
 
-const add = () => {
-  emit('update:modelValue', [...props.modelValue, schemaObject.value.getTemplate()])
-}
-
-const remove = (index: number) => {
-  const res = props.modelValue.splice(index, 1)
-  emit('update:modelValue', props.modelValue)
-}
-
-const massRemove = () => {
-  let res = props.modelValue
-  for (const index of selectedRows.value.map(x => x.__id)) {
-    res.splice(index, 1)
-  }
-
-  emit('update:modelValue', res)
-}
-
-const model = ref<{ open: boolean; index: number; value: Record<string, unknown> }>({
-  open: false,
-  index: 0,
-  value: {}
-})
-
-const open = (index: number) => {
-  model.value = { open: true, index: index, value: structuredClone(values.value[index]) }
-}
-
-const massActions = [
-  [
-    {
-      label: 'delete',
-      click: () => {
-        massRemove()
-        selectedRows.value = []
-      }
-    }
-  ]
-]
-
 const columns = computed<TableColumn<{}>[]>(() => {
   const columns = props.columns ?? []
   if (props.editInline) {
@@ -175,13 +145,6 @@ function getRowItems(row: Row<{}>) {
   ]
 }
 
-const selectedRows = ref<{ __id: any }[]>([])
-
-const expand = ref({
-  openedRows: [],
-  row: null
-})
-
 const options = computed(() => {
   let res: {
     modelValue?: any
@@ -204,6 +167,33 @@ const options = computed(() => {
 
   return res
 })
+
+const open = (index: number) => {
+  model.value = { open: true, index: index, value: structuredClone(values.value[index]) }
+}
+
+const onInput = (value: Record<string, unknown>, index: number) => {
+  props.modelValue[index] = value
+  emit('update:modelValue', props.modelValue)
+}
+
+const add = () => {
+  emit('update:modelValue', [...props.modelValue, schemaObject.value.getTemplate()])
+}
+
+const remove = (index: number) => {
+  props.modelValue.splice(index, 1)
+  emit('update:modelValue', props.modelValue)
+}
+
+const massRemove = () => {
+  let res = props.modelValue
+  for (const index of selectedRows.value.map(x => x.__id)) {
+    res.splice(index, 1)
+  }
+
+  emit('update:modelValue', res)
+}
 </script>
 
 <template>

package/dist/runtime/components/Form.vue

@@ -41,7 +41,7 @@ const validateFields = async (fields: string[]) => {
     for (const { field, message, validate } of props.options.customValidation) {
       if (!fields.includes(field)) continue
       if (!validate(value.value)) {
-        const errors = [{ field, message }]
+        const errors = [{ name: field, message }]
         formRef.value.setErrors(errors, field)
         allValid = false
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ederzeel/nuxt-schema-form-nightly",
-  "version": "0.1.0-29104758.61b406e",
+  "version": "0.1.0-29118956.9ee4a3d",
   "description": "A runtime form generator for nuxt",
   "type": "module",
   "exports": {