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

package/dist/runtime/components/Select.vue.d.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/Slider.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/Slider.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"
     >

package/dist/runtime/components/Slider.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/Textarea.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: 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/Textarea.vue

@@ -1,19 +1,18 @@
-<script lang="ts" setup>
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: 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 },
+  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/Textarea.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: 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/Toggle.d.vue.ts

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

package/dist/runtime/components/Toggle.vue

@@ -1,19 +1,18 @@
-<script lang="ts" setup>
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: string
-  isRequired: boolean
-}>()
-
-const value = defineModel<boolean>({ required: true })
+<script setup>
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  isRequired: { type: Boolean, required: true }
+});
+const value = defineModel({ type: Boolean, ...{ 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/Toggle.vue.d.ts

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

package/dist/runtime/components/array/ArrayObject.d.vue.ts

@@ -0,0 +1,21 @@
+import type { TableColumn } from '@nuxt/ui';
+import type { PropertiesType } from '../../types/index.js';
+type __VLS_Props = {
+    id: string;
+    title?: string;
+    description?: string;
+    jsonSchemaPath: string;
+    items: PropertiesType;
+    modelValue: Record<string, unknown>[];
+    isRequired: boolean;
+    minItems?: number;
+    maxItems?: number;
+    edit?: boolean;
+    columns?: TableColumn<{}>[];
+    editInline?: boolean;
+    required?: string[];
+    setHidden?: (value: boolean) => void;
+};
+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/array/ArrayObject.vue

@@ -1,213 +1,177 @@
-<script lang="ts" setup>
-import { compileSchema } from 'json-schema-library'
-import SComponent from '../Component.vue'
-import { ref, toRaw, computed, h, resolveComponent } from 'vue'
-import type { TableColumn } from '@nuxt/ui'
-import type { Row } from '@tanstack/vue-table'
-import type { PropertiesType } from '../../types'
-
-const UDropdownMenu = resolveComponent('UDropdownMenu')
-const UButton = resolveComponent('UButton')
-
-const props = defineProps<{
-  id: string
-  title?: string
-  description?: string
-  jsonSchemaPath: string
-  items: PropertiesType
-  modelValue: Record<string, unknown>[]
-  isRequired: boolean
-  minItems?: number
-  maxItems?: number
-  edit?: boolean
-  columns?: TableColumn<{}>[]
-  editInline?: boolean
-  required?: string[]
-  setHidden?: (value: boolean) => void
-}>()
-const emit = defineEmits(['update:modelValue', 'submit'])
-
+<script setup>
+import { compileSchema } from "json-schema-library";
+import SComponent from "../Component.vue";
+import { ref, toRaw, computed, h, resolveComponent } from "vue";
+const UDropdownMenu = resolveComponent("UDropdownMenu");
+const UButton = resolveComponent("UButton");
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: false },
+  description: { 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 },
+  columns: { type: Array, required: false },
+  editInline: { type: Boolean, required: false },
+  required: { type: Array, required: false },
+  setHidden: { type: Function, required: false }
+});
+const emit = defineEmits(["update:modelValue", "submit"]);
 const massActions = [
   [
     {
-      label: 'delete',
+      label: "delete",
       click: () => {
-        massRemove()
-        selectedRows.value = []
+        massRemove();
+        selectedRows.value = [];
       }
     }
   ]
-]
-
-const selectedRows = ref<{ __id: any }[]>([])
-const schemaObject = ref(compileSchema(props.items))
-const model = ref<{ index: number; value: Record<string, unknown> | undefined }>({
+];
+const selectedRows = ref([]);
+const schemaObject = ref(compileSchema(props.items));
+const model = ref({
   index: 0,
-  value: undefined
-})
+  value: void 0
+});
 const expand = ref({
   openedRows: [],
   row: null
-})
-
+});
 const values = computed(() => {
   if (props.modelValue.length > 0) {
-    return toRaw(props.modelValue).map((x, i) => ({ ...x, __id: i }))
+    return toRaw(props.modelValue).map((x, i) => ({ ...x, __id: i }));
   } else if (props.minItems && props.minItems > 0) {
-    const template = schemaObject.value.getData()
-    return [...Array(props.minItems)].map((_, i) => ({ ...template, __id: i }))
+    const template = schemaObject.value.getData();
+    return [...Array(props.minItems)].map((_, i) => ({ ...template, __id: i }));
   }
-
-  return []
-})
-
-const geneateColumnsFromSchema = (items: PropertiesType): TableColumn<{}>[] => {
-  if (!items.properties) return []
-  const res: TableColumn<{}>[] = (Object.entries(items.properties) as [string, PropertiesType][]).map(
-    ([key, value]): TableColumn<{}, unknown[]> => {
-      if (value.type === 'array') {
+  return [];
+});
+const geneateColumnsFromSchema = (items) => {
+  if (!items.properties) return [];
+  const res = Object.entries(items.properties).map(
+    ([key, value]) => {
+      if (value.type === "array") {
         return {
           header: value.title || key,
           accessorKey: key,
           cell: ({ getValue }) => {
-            return getValue().length
+            return getValue().length;
           }
-        }
+        };
       }
       return {
         header: value.title || key,
         accessorKey: key
-      }
+      };
     }
-  ) as TableColumn<{}>[]
-
-  return res
-}
-
-const columns = computed<TableColumn<{}>[]>(() => {
-  const columns = props.columns ? Array.from(props.columns) : geneateColumnsFromSchema(props.items)
-
+  );
+  return res;
+};
+const columns = computed(() => {
+  const columns2 = props.columns ? Array.from(props.columns) : geneateColumnsFromSchema(props.items);
   if (props.editInline) {
-    columns.unshift({
-      id: 'expand',
-      cell: ({ row }) =>
-        h(UButton, {
-          color: 'neutral',
-          variant: 'ghost',
-          icon: 'i-lucide-chevron-down',
-          square: true,
-          'aria-label': 'Expand',
-          ui: {
-            leadingIcon: ['transition-transform', row.getIsExpanded() ? 'duration-200 rotate-180' : '']
-          },
-          onClick: () => row.toggleExpanded()
-        })
-    })
+    columns2.unshift({
+      id: "expand",
+      cell: ({ row }) => h(UButton, {
+        color: "neutral",
+        variant: "ghost",
+        icon: "i-lucide-chevron-down",
+        square: true,
+        "aria-label": "Expand",
+        ui: {
+          leadingIcon: ["transition-transform", row.getIsExpanded() ? "duration-200 rotate-180" : ""]
+        },
+        onClick: () => row.toggleExpanded()
+      })
+    });
   }
-
   if (props.edit) {
-    columns.push({
-      id: 'actions',
+    columns2.push({
+      id: "actions",
       cell: ({ row }) => {
         return h(
-          'div',
-          { class: 'text-right' },
+          "div",
+          { class: "text-right" },
           h(
             UDropdownMenu,
             {
               content: {
-                align: 'end'
+                align: "end"
               },
               items: getRowItems(row),
-              'aria-label': 'Actions dropdown'
+              "aria-label": "Actions dropdown"
             },
-            () =>
-              h(UButton, {
-                icon: 'i-lucide-ellipsis-vertical',
-                color: 'neutral',
-                variant: 'ghost',
-                class: 'ml-auto',
-                'aria-label': 'Actions dropdown'
-              })
+            () => h(UButton, {
+              icon: "i-lucide-ellipsis-vertical",
+              color: "neutral",
+              variant: "ghost",
+              class: "ml-auto",
+              "aria-label": "Actions dropdown"
+            })
           )
-        )
+        );
       }
-    })
+    });
   }
-
-  return columns
-})
-
-function getRowItems(row: Row<{}>) {
+  return columns2;
+});
+function getRowItems(row) {
   return [
     {
-      label: 'edit',
+      label: "edit",
       onSelect: () => open(row.index)
     },
     {
-      label: 'delete',
+      label: "delete",
       onSelect: () => {
-        remove(row.index)
-        selectedRows.value = []
+        remove(row.index);
+        selectedRows.value = [];
       }
     }
-  ]
+  ];
 }
-
 const options = computed(() => {
-  let res: {
-    modelValue?: any
-    'onUpdate:modelValue'?: (v: any) => void
-    expand?: {
-      openedRows: any[]
-      row: null
-    }
-    'update:expand'?: (v: any) => void
-  } = {}
-
+  let res = {};
   if (props.edit) {
-    res.modelValue = selectedRows.value
-    res['onUpdate:modelValue'] = value => (selectedRows.value = value)
+    res.modelValue = selectedRows.value;
+    res["onUpdate:modelValue"] = (value) => selectedRows.value = value;
   }
   if (props.editInline) {
-    res.expand = expand.value
-    res['update:expand'] = value => (expand.value = value)
+    res.expand = expand.value;
+    res["update:expand"] = (value) => expand.value = value;
   }
-
-  return res
-})
-
-const open = (index: number) => {
-  if (props.setHidden) props.setHidden(true)
-  model.value = { index: index, value: JSON.parse(JSON.stringify(values.value[index])) }
-}
-
-const onInput = (value: Record<string, unknown>, index: number) => {
-  const res = JSON.parse(JSON.stringify(props.modelValue))
-  res[index] = value
-  emit('update:modelValue', res)
-}
-
+  return res;
+});
+const open = (index) => {
+  if (props.setHidden) props.setHidden(true);
+  model.value = { index, value: JSON.parse(JSON.stringify(values.value[index])) };
+};
+const onInput = (value, index) => {
+  const res = JSON.parse(JSON.stringify(props.modelValue));
+  res[index] = value;
+  emit("update:modelValue", res);
+};
 const add = () => {
-  emit('update:modelValue', [...props.modelValue, schemaObject.value.getData()])
-}
-
-const remove = (index: number) => {
-  props.modelValue.splice(index, 1)
-  emit('update:modelValue', props.modelValue)
-}
-
+  emit("update:modelValue", [...props.modelValue, schemaObject.value.getData()]);
+};
+const remove = (index) => {
+  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)
+  let res = props.modelValue;
+  for (const index of selectedRows.value.map((x) => x.__id)) {
+    res.splice(index, 1);
   }
-
-  emit('update:modelValue', res)
-}
-
-const setHiddenSelf = (value: boolean) => (hidden.value = value)
-const hidden = ref(false)
+  emit("update:modelValue", res);
+};
+const setHiddenSelf = (value) => hidden.value = value;
+const hidden = ref(false);
 </script>
 
 <template>
@@ -241,12 +205,12 @@ const hidden = ref(false)
               :id="id.length <= 0 ? `${row.index}` : `${id}[${row.index}]`"
               :model-value="row.original"
               :json-schema-path="
-                jsonSchemaPath?.length <= 0 ? `properties.${row.index}` : `${jsonSchemaPath}[${row.index}]`
-              "
+  jsonSchemaPath?.length <= 0 ? `properties.${row.index}` : `${jsonSchemaPath}[${row.index}]`
+"
               v-bind="items"
               :isRequired="false"
               class="mt-4"
-              @update:model-value="(event: Record<string, unknown>) => onInput(event, row.index)"
+              @update:model-value="(event) => onInput(event, row.index)"
               @submit="() => emit('submit')"
             />
           </div>
@@ -259,34 +223,34 @@ const hidden = ref(false)
           :id="id.length <= 0 ? `${model.index}` : `${id}[0]`"
           :model-value="model.value"
           :json-schema-path="
-            jsonSchemaPath?.length <= 0 ? `properties.${model.index}` : `${jsonSchemaPath}[${model.index}]`
-          "
+  jsonSchemaPath?.length <= 0 ? `properties.${model.index}` : `${jsonSchemaPath}[${model.index}]`
+"
           v-bind="items"
           :isRequired="false"
           class="mt-4"
           :setHidden="setHiddenSelf"
-          @update:model-value="(event: Record<string, unknown>) => (model.value = event)"
+          @update:model-value="(event) => model.value = event"
           @submit="() => emit('submit')"
         />
         <div class="mt-4 flex gap-2 justify-end">
           <UButton
             @click="
-              () => {
-                if (model.value) onInput(model.value, model.index)
-                if (props.setHidden) props.setHidden(false)
-                model.value = undefined
-              }
-            "
+  () => {
+    if (model.value) onInput(model.value, model.index);
+    if (props.setHidden) props.setHidden(false);
+    model.value = void 0;
+  }
+"
             >Save</UButton
           >
           <UButton
             variant="outline"
             @click="
-              () => {
-                if (props.setHidden) props.setHidden(false)
-                model.value = undefined
-              }
-            "
+  () => {
+    if (props.setHidden) props.setHidden(false);
+    model.value = void 0;
+  }
+"
             >Cancle</UButton
           >
         </div>