@ederzeel/nuxt-schema-form-nightly 0.1.0-29257619.56503a4 → 0.1.0-29323954.0b153f2

package/dist/runtime/components/Form.vue

@@ -1,65 +1,52 @@
-<script lang="ts" setup>
-import SComponent from './Component.vue'
-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
-  options?: { customValidation?: CustomValidation[]; jsonSchemaYupTransfromer?: Config }
-}>()
-
-const value = defineModel<Record<string, unknown>>({ required: true })
-const formRef = ref()
-
-const emit = defineEmits(['submit'])
-
-async function onSubmit(_event: unknown) {
-  emit('submit', value.value)
+<script setup>
+import SComponent from "./Component.vue";
+import convertToYup from "json-schema-yup-transformer";
+import { computed, ref } from "vue";
+const props = defineProps({
+  schema: { type: Object, required: true },
+  options: { type: Object, required: false }
+});
+const value = defineModel({ type: Object, ...{ required: true } });
+const formRef = ref();
+const emit = defineEmits(["submit"]);
+async function onSubmit(_event) {
+  emit("submit", value.value);
 }
-
 const formValidationSchema = computed(() => {
-  return convertToYup(props.schema, props?.options?.jsonSchemaYupTransfromer ?? {})
-})
-
-const validateFields = async (fields: string[]) => {
-  let allValid = true
+  return convertToYup(props.schema, props?.options?.jsonSchemaYupTransfromer ?? {});
+});
+const validateFields = async (fields) => {
+  let allValid = true;
   for (const field of fields) {
     try {
-      if (!(await formRef.value.validate({ name: field, silent: true }))) {
-        allValid = false
+      if (!await formRef.value.validate({ name: field, silent: true })) {
+        allValid = false;
       }
     } catch (err) {
-      console.log(err)
-      return false
+      console.log(err);
+      return false;
     }
   }
-
   if (props?.options?.customValidation) {
     for (const { field, message, validate } of props.options.customValidation) {
-      if (!fields.includes(field)) continue
+      if (!fields.includes(field)) continue;
       if (!validate(value.value)) {
-        const errors = [{ name: field, message }]
-        formRef.value.setErrors(errors, field)
-        allValid = false
+        const errors = [{ name: field, message }];
+        formRef.value.setErrors(errors, field);
+        allValid = false;
       }
     }
   }
-
-  return allValid
-}
-
+  return allValid;
+};
 const submit = () => {
-  formRef.value.submit()
-}
-
+  formRef.value.submit();
+};
 defineExpose({
   submit
-})
-const isHidden = ref(false)
-const setHidden = (value: boolean) => (isHidden.value = value)
+});
+const isHidden = ref(false);
+const setHidden = (value2) => isHidden.value = value2;
 </script>
 
 <template>

package/dist/runtime/components/Form.vue.d.ts

@@ -0,0 +1,31 @@
+import type { JsonSchema } from 'json-schema-library';
+import type { Config } from 'json-schema-yup-transformer';
+import type { CustomValidation } from '#schema-form-types';
+type __VLS_Props = {
+    schema: JsonSchema;
+    options?: {
+        customValidation?: CustomValidation[];
+        jsonSchemaYupTransfromer?: Config;
+    };
+};
+type __VLS_ModelProps = {
+    modelValue: Record<string, unknown>;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_18: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_18) => any;
+} & {
+    submit?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    submit: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/InputField.d.vue.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    type: string;
+    isRequired: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/InputField.vue

@@ -1,20 +1,19 @@
-<script lang="ts" setup>
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: string
-  type: string
-  isRequired: boolean
-}>()
-
-const value = defineModel<string>({ default: '' })
+<script setup>
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  type: { type: String, required: true },
+  isRequired: { type: Boolean, required: true }
+});
+const value = defineModel({ type: String, ...{ default: "" } });
 </script>
 
 <template>
   <div>
     <UFormField
       :label="props.title || id"
-      :hint="!props.isRequired ? 'optional' : undefined"
+      :hint="!props.isRequired ? 'optional' : void 0"
       :description="props.description"
       :name="props.id"
     >

package/dist/runtime/components/InputField.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    type: string;
+    isRequired: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/InputNumber.d.vue.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    type: string;
+    minimum?: number;
+    maximum?: number;
+    isRequired: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/InputNumber.vue

@@ -1,22 +1,21 @@
-<script lang="ts" setup>
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: string
-  type: string
-  minimum?: number
-  maximum?: number
-  isRequired: boolean
-}>()
-
-const value = defineModel<number>({ required: true, default: 0 })
+<script setup>
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  type: { type: String, required: true },
+  minimum: { type: Number, required: false },
+  maximum: { type: Number, required: false },
+  isRequired: { type: Boolean, required: true }
+});
+const value = defineModel({ type: Number, ...{ required: true, default: 0 } });
 </script>
 
 <template>
   <div>
     <UFormField
       :label="props.title || id"
-      :hint="!props.isRequired ? 'optional' : undefined"
+      :hint="!props.isRequired ? 'optional' : void 0"
       :description="props.description"
       :name="props.id"
     >
@@ -29,8 +28,8 @@ const value = defineModel<number>({ required: true, default: 0 })
         :step="0.01"
         :stepSnapping="props.type === 'integer'"
         :format-options="{
-          minimumFractionDigits: props.type === 'number' ? 1 : undefined
-        }"
+  minimumFractionDigits: props.type === 'number' ? 1 : void 0
+}"
       />
     </UFormField>
   </div>

package/dist/runtime/components/InputNumber.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    type: string;
+    minimum?: number;
+    maximum?: number;
+    isRequired: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MultiSelect.d.vue.ts

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    placeholder?: string;
+    jsonSchemaPath: string;
+    items: {
+        id: string;
+        enum: string[];
+        enum_titles?: string[];
+    };
+    modelValue: string[];
+    isRequired: boolean;
+    minItems?: number;
+    maxItems?: number;
+    edit?: boolean;
+    editInline?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MultiSelect.vue

@@ -1,37 +1,30 @@
-<script lang="ts" setup>
-import { computed } from 'vue'
-
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: string
-  placeholder?: string
-  jsonSchemaPath: string
-  items: {
-    id: string
-    enum: string[]
-    enum_titles?: string[]
-  }
-  modelValue: string[]
-  isRequired: boolean
-  minItems?: number
-  maxItems?: number
-  edit?: boolean
-  editInline?: boolean
-}>()
-
-const options = computed(() =>
-  props.items.enum.map((x, i) => ({ label: props?.items.enum_titles?.[i] ?? x, value: x }))
-)
-
-const value = defineModel<string[]>({ required: true })
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  jsonSchemaPath: { type: String, required: true },
+  items: { type: Object, required: true },
+  modelValue: { type: Array, required: true },
+  isRequired: { type: Boolean, required: true },
+  minItems: { type: Number, required: false },
+  maxItems: { type: Number, required: false },
+  edit: { type: Boolean, required: false },
+  editInline: { type: Boolean, required: false }
+});
+const options = computed(
+  () => props.items.enum.map((x, i) => ({ label: props?.items.enum_titles?.[i] ?? x, value: x }))
+);
+const value = defineModel({ type: Array, ...{ required: true } });
 </script>
 
 <template>
   <div>
     <UFormField
       :label="props.title || id"
-      :hint="!props.isRequired ? 'optional' : undefined"
+      :hint="!props.isRequired ? 'optional' : void 0"
       :description="props.description"
       :name="props.id"
     >

package/dist/runtime/components/MultiSelect.vue.d.ts

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    placeholder?: string;
+    jsonSchemaPath: string;
+    items: {
+        id: string;
+        enum: string[];
+        enum_titles?: string[];
+    };
+    modelValue: string[];
+    isRequired: boolean;
+    minItems?: number;
+    maxItems?: number;
+    edit?: boolean;
+    editInline?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue: string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Object.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    jsonSchemaPath: string;
+    properties: PropertiesType;
+    modelValue: Record<string, unknown>;
+    required?: string[];
+    isRequired: boolean;
+    setHidden?: (value: boolean) => void;
+};
+type PropertiesType = {
+    [key: string]: Record<string, unknown>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Object.vue

@@ -1,25 +1,20 @@
-<script lang="ts" setup>
-import SComponent from './Component.vue'
-
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: string
-  jsonSchemaPath: string
-  properties: PropertiesType
-  modelValue: Record<string, unknown>
-  required?: string[]
-  isRequired: boolean
-  setHidden?: (value: boolean) => void
-}>()
-
-type PropertiesType = {
-  [key: string]: Record<string, unknown>
-}
-const emit = defineEmits(['update:modelValue', 'submit'])
-const onInput = (value: unknown, key: string) => {
-  emit('update:modelValue', { ...props.modelValue, [key]: value })
-}
+<script setup>
+import SComponent from "./Component.vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  jsonSchemaPath: { type: String, required: true },
+  properties: { type: Object, required: true },
+  modelValue: { type: Object, required: true },
+  required: { type: Array, required: false },
+  isRequired: { type: Boolean, required: true },
+  setHidden: { type: Function, required: false }
+});
+const emit = defineEmits(["update:modelValue", "submit"]);
+const onInput = (value, key) => {
+  emit("update:modelValue", { ...props.modelValue, [key]: value });
+};
 </script>
 
 <template>
@@ -37,7 +32,7 @@ const onInput = (value: unknown, key: string) => {
       :isRequired="required ? required.includes(key) : false"
       :setHidden="setHidden"
       class="mt-4"
-      @update:model-value="(event: unknown) => onInput(event, key)"
+      @update:model-value="(event) => onInput(event, key)"
       @submit="() => emit('submit')"
     />
   </div>

package/dist/runtime/components/Object.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    jsonSchemaPath: string;
+    properties: PropertiesType;
+    modelValue: Record<string, unknown>;
+    required?: string[];
+    isRequired: boolean;
+    setHidden?: (value: boolean) => void;
+};
+type PropertiesType = {
+    [key: string]: Record<string, unknown>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Row.d.vue.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    jsonSchemaPath: string;
+    properties: PropertiesType;
+    modelValue: Record<string, unknown>;
+    required: string[];
+    isRequired: boolean;
+};
+type PropertiesType = {
+    [key: string]: Record<string, unknown>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Row.vue

@@ -1,24 +1,19 @@
-<script lang="ts" setup>
-import SComponent from './Component.vue'
-
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: string
-  jsonSchemaPath: string
-  properties: PropertiesType
-  modelValue: Record<string, unknown>
-  required: string[]
-  isRequired: boolean
-}>()
-
-type PropertiesType = {
-  [key: string]: Record<string, unknown>
-}
-const emit = defineEmits(['update:modelValue'])
-const onInput = (value: unknown, key: string) => {
-  emit('update:modelValue', { ...props.modelValue, [key]: value })
-}
+<script setup>
+import SComponent from "./Component.vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  jsonSchemaPath: { type: String, required: true },
+  properties: { type: Object, required: true },
+  modelValue: { type: Object, required: true },
+  required: { type: Array, required: true },
+  isRequired: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:modelValue"]);
+const onInput = (value, key) => {
+  emit("update:modelValue", { ...props.modelValue, [key]: value });
+};
 </script>
 
 <template>
@@ -30,6 +25,6 @@ const onInput = (value: unknown, key: string) => {
       :key="key" :model-value="modelValue[key]"
       :json-schema-path="jsonSchemaPath?.length <= 0 ? `properties.${key}` : `${jsonSchemaPath}.properties.${key}`"
       v-bind="options" :isRequired="required.includes(key)" class="flex flex-col flex-1"
-      @update:model-value="(event: unknown) => onInput(event, key)" />
+      @update:model-value="(event) => onInput(event, key)" />
   </div>
 </template>

package/dist/runtime/components/Row.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    jsonSchemaPath: string;
+    properties: PropertiesType;
+    modelValue: Record<string, unknown>;
+    required: string[];
+    isRequired: boolean;
+};
+type PropertiesType = {
+    [key: string]: Record<string, unknown>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Select.d.vue.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    placeholder?: string;
+    enum: string[];
+    enum_titles?: string[];
+    isRequired: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Select.vue

@@ -1,26 +1,23 @@
-<script lang="ts" setup>
-import { computed } from 'vue'
-
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: string
-  placeholder?: string
-  enum: string[]
-  enum_titles?: string[]
-  isRequired: boolean
-}>()
-
-const options = computed(() => props.enum.map((x, i) => ({ label: props?.enum_titles?.[i] ?? x, value: x })))
-
-const value = defineModel<string>({ default: '' })
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  enum: { type: Array, required: true },
+  enum_titles: { type: Array, required: false },
+  isRequired: { type: Boolean, required: true }
+});
+const options = computed(() => props.enum.map((x, i) => ({ label: props?.enum_titles?.[i] ?? x, value: x })));
+const value = defineModel({ type: String, ...{ default: "" } });
 </script>
 
 <template>
   <div>
     <UFormField
       :label="props.title || id"
-      :hint="!props.isRequired ? 'optional' : undefined"
+      :hint="!props.isRequired ? 'optional' : void 0"
       :description="props.description"
       :name="props.id"
     >