@ederzeel/nuxt-schema-form-nightly 0.1.0-29057656.cb4db15 → 0.1.0-29072955.186dab3

package/dist/runtime/components/Form.vue

@@ -4,6 +4,7 @@ import convertToYup from 'json-schema-yup-transformer'
 import type { JsonSchema } from 'json-schema-library'
 import { computed, ref } from 'vue'
 import type { Config } from 'json-schema-yup-transformer'
+import type { CustomValidation } from '#schema-form-types'
 
 const props = defineProps<{
   schema: JsonSchema
@@ -24,12 +25,6 @@ const formValidationSchema = computed(() => {
   return convertToYup(props.schema, props?.options?.jsonSchemaYupTransfromer ?? {})
 })
 
-export type CustomValidation = {
-  field: string
-  message: string
-  validate(state: any): boolean
-}
-
 const validateFields = async (fields: string[]) => {
   let allValid = true
   for (const field of fields) {
@@ -66,13 +61,8 @@ const submit = () => {
   <div>
     <!-- {{ formRef ? formRef.errors : undefined }} -->
     <UForm ref="formRef" :state="value" :schema="formValidationSchema" autocomplete="on" @submit="onSubmit">
-      <SComponent
-        v-model="value"
-        v-bind="schema"
-        :validate-fields="validateFields"
-        @submit="submit"
-        :isRequired="true"
-      />
+      <SComponent v-model="value" v-bind="schema" :validate-fields="validateFields" @submit="submit"
+        :isRequired="true" />
       <slot />
 
       <slot name="submit">

package/dist/runtime/components/SComponent.vue

@@ -41,13 +41,9 @@ const onSubmit = () => {
 
 <template>
   <div class="s-form-group">
-    <component
-      v-if="renderer"
-      v-bind="options"
-      v-model="value"
-      :is="typeof renderer === 'string' ? renderer : undefined"
-      @submit="onSubmit"
-    />
+    <template v-if="renderer != null && renderer === 'none'">test</template>
+    <component v-else-if="renderer" v-bind="options" v-model="value"
+      :is="typeof renderer === 'string' ? renderer : undefined" @submit="onSubmit" />
 
     <SDate v-else-if="type === 'string' && format === 'full-date'" v-bind="options" v-model="value" />
     <SInputNumber v-else-if="type === 'number' || type === 'integer'" v-bind="options" v-model="value" />

package/dist/runtime/components/SInputNumber.vue

@@ -12,13 +12,12 @@ const value = defineModel<number>({ required: true, default: 0 })
 
 <template>
   <div>
-    <UFormField
-      :label="props.title || id"
-      :hint="!props.isRequired ? 'optional' : undefined"
-      :description="props.description"
-      :name="props.id"
-    >
-      <UInputNumber v-model="value" class="w-full" />
+    <UFormField :label="props.title || id" :hint="!props.isRequired ? 'optional' : undefined"
+      :description="props.description" :name="props.id">
+      <UInputNumber v-model="value" class="w-full" orientation="vertical" :stepSnapping="props.type === 'number'"
+        :format-options="{
+          minimumFractionDigits: props.type === 'number' ? 1 : undefined
+        }" />
     </UFormField>
   </div>
 </template>

package/dist/runtime/types/index.d.ts

@@ -0,0 +1,5 @@
+export type CustomValidation = {
+    field: string;
+    message: string;
+    validate(state: any): boolean;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ederzeel/nuxt-schema-form-nightly",
-  "version": "0.1.0-29057656.cb4db15",
+  "version": "0.1.0-29072955.186dab3",
   "description": "A runtime form generator for nuxt",
   "type": "module",
   "exports": {