@sfxcode/formkit-nuxt-ui 0.7.2

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

@@ -0,0 +1,180 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { PropType } from 'vue';
+declare var __VLS_15: {}, __VLS_18: {}, __VLS_26: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    messages?: (props: typeof __VLS_18) => any;
+} & {
+    submit?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    schema: {
+        type: PropType<FormKitSchemaDefinition>;
+        default: null;
+    };
+    formClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionsClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitSeverity: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    showReset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resetSeverity: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    debugData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debugSchema: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<object>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onReset: (...args: any[]) => void;
+    dataSaved: (...args: any[]) => void;
+    "update:modelValue": (value: object | undefined) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    schema: {
+        type: PropType<FormKitSchemaDefinition>;
+        default: null;
+    };
+    formClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionsClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitSeverity: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    showReset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resetSeverity: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    debugData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debugSchema: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<object>;
+    };
+}>> & Readonly<{
+    onOnReset?: ((...args: any[]) => any) | undefined;
+    onDataSaved?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: object | undefined) => any) | undefined;
+}>, {
+    data: Record<string, any>;
+    id: string;
+    schema: FormKitSchemaDefinition;
+    formClass: string;
+    actionsClass: string;
+    submitSeverity: string;
+    submitClass: string;
+    submitLabel: string;
+    submitIcon: string;
+    showReset: boolean;
+    resetSeverity: string;
+    resetLabel: string;
+    resetClass: string;
+    resetIcon: string;
+    debugData: boolean;
+    debugSchema: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/FUDataEdit.vue

@@ -0,0 +1,141 @@
+<script setup>
+import { reset } from "@formkit/core";
+import { FormKit, FormKitMessages, FormKitSchema } from "@formkit/vue";
+import { ref } from "vue";
+import FUDataDebug from "./FUDataDebug.vue";
+const props = defineProps({
+  id: {
+    type: String,
+    default: "formkit_form"
+  },
+  data: {
+    type: Object,
+    default: null
+  },
+  schema: {
+    type: Object,
+    default: null
+  },
+  formClass: {
+    type: String,
+    default: ""
+  },
+  actionsClass: {
+    type: String,
+    default: ""
+  },
+  submitSeverity: {
+    type: String,
+    default: ""
+  },
+  submitClass: {
+    type: String,
+    default: ""
+  },
+  submitLabel: {
+    type: String,
+    default: "Save"
+  },
+  submitIcon: {
+    type: String,
+    default: ""
+  },
+  showReset: {
+    type: Boolean,
+    default: false
+  },
+  resetSeverity: {
+    type: String,
+    default: "danger"
+  },
+  resetLabel: {
+    type: String,
+    default: "Reset"
+  },
+  resetClass: {
+    type: String,
+    default: ""
+  },
+  resetIcon: {
+    type: String,
+    default: ""
+  },
+  debugData: {
+    type: Boolean,
+    default: false
+  },
+  debugSchema: {
+    type: Boolean,
+    default: false
+  }
+});
+const emit = defineEmits(["dataSaved", "onReset"]);
+const formData = defineModel({ type: Object });
+if (props.data) {
+  formData.value = props.data;
+}
+const formSchema = ref(props.schema);
+function handleSave() {
+  emit("dataSaved", formData.value);
+}
+function handleReset() {
+  reset(props.id);
+  emit("onReset");
+}
+</script>
+
+<template>
+  <FormKit
+    :id="id"
+    v-model="formData"
+    :form-class="formClass"
+    :actions-class="actionsClass"
+    type="form"
+    @submit="handleSave"
+  >
+    <template #default>
+      <FormKitSchema
+        v-if="formSchema"
+        :schema="formSchema"
+        :data="formData"
+      />
+      <slot />
+    </template>
+    <template #messages>
+      <slot name="messages">
+        <FormKitMessages class="p-formkit-data-edit-messages" />
+      </slot>
+    </template>
+    <template #submit>
+      <slot name="submit">
+        <UButton
+          :icon="submitIcon"
+          type="submit"
+          :label="submitLabel"
+          :class="submitClass"
+          :severity="submitSeverity"
+          @submit="handleSave"
+        />
+        <UButton
+          v-if="showReset"
+          type="reset"
+          :icon="resetIcon"
+          :label="resetLabel"
+          :class="resetClass"
+          :severity="resetSeverity"
+          @click="handleReset"
+        />
+      </slot>
+    </template>
+  </FormKit>
+  <FUDataDebug
+    v-if="debugData"
+    :data="formData"
+    header="Data"
+  />
+  <FUDataDebug
+    v-if="debugSchema"
+    :data="formSchema"
+    header="Schema"
+  />
+</template>

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

@@ -0,0 +1,180 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { PropType } from 'vue';
+declare var __VLS_15: {}, __VLS_18: {}, __VLS_26: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    messages?: (props: typeof __VLS_18) => any;
+} & {
+    submit?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    schema: {
+        type: PropType<FormKitSchemaDefinition>;
+        default: null;
+    };
+    formClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionsClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitSeverity: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    showReset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resetSeverity: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    debugData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debugSchema: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<object>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onReset: (...args: any[]) => void;
+    dataSaved: (...args: any[]) => void;
+    "update:modelValue": (value: object | undefined) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    schema: {
+        type: PropType<FormKitSchemaDefinition>;
+        default: null;
+    };
+    formClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionsClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitSeverity: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    submitIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    showReset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resetSeverity: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    debugData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debugSchema: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<object>;
+    };
+}>> & Readonly<{
+    onOnReset?: ((...args: any[]) => any) | undefined;
+    onDataSaved?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: object | undefined) => any) | undefined;
+}>, {
+    data: Record<string, any>;
+    id: string;
+    schema: FormKitSchemaDefinition;
+    formClass: string;
+    actionsClass: string;
+    submitSeverity: string;
+    submitClass: string;
+    submitLabel: string;
+    submitIcon: string;
+    showReset: boolean;
+    resetSeverity: string;
+    resetLabel: string;
+    resetClass: string;
+    resetIcon: string;
+    debugData: boolean;
+    debugSchema: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/FUDataView.d.vue.ts

@@ -0,0 +1,73 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { PropType } from 'vue';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    schema: {
+        type: PropType<FormKitSchemaDefinition>;
+        default: null;
+    };
+    formClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    debugData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debugSchema: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<Record<string, unknown>>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, unknown> | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    schema: {
+        type: PropType<FormKitSchemaDefinition>;
+        default: null;
+    };
+    formClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    debugData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debugSchema: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<Record<string, unknown>>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, unknown> | undefined) => any) | undefined;
+}>, {
+    data: Record<string, any>;
+    schema: FormKitSchemaDefinition;
+    formClass: string;
+    debugData: boolean;
+    debugSchema: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/FUDataView.vue

@@ -0,0 +1,49 @@
+<script setup>
+import { FormKitSchema } from "@formkit/vue";
+import FuDataDebug from "./FUDataDebug.vue";
+const props = defineProps({
+  data: {
+    type: Object,
+    default: null
+  },
+  schema: {
+    type: Object,
+    default: null
+  },
+  formClass: {
+    type: String,
+    default: ""
+  },
+  debugData: {
+    type: Boolean,
+    default: false
+  },
+  debugSchema: {
+    type: Boolean,
+    default: false
+  }
+});
+const formData = defineModel({ type: Object });
+if (props.data) {
+  formData.value = props.data;
+}
+</script>
+
+<template>
+  <FormKitSchema
+    v-if="schema"
+    :schema="schema"
+    :data="formData"
+  />
+  <slot />
+  <FuDataDebug
+    v-if="debugData"
+    :data="formData"
+    header="Data"
+  />
+  <FuDataDebug
+    v-if="debugSchema"
+    :data="schema"
+    header="Debug Schema"
+  />
+</template>

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

@@ -0,0 +1,73 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { PropType } from 'vue';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    schema: {
+        type: PropType<FormKitSchemaDefinition>;
+        default: null;
+    };
+    formClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    debugData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debugSchema: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<Record<string, unknown>>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, unknown> | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    schema: {
+        type: PropType<FormKitSchemaDefinition>;
+        default: null;
+    };
+    formClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    debugData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debugSchema: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<Record<string, unknown>>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, unknown> | undefined) => any) | undefined;
+}>, {
+    data: Record<string, any>;
+    schema: FormKitSchemaDefinition;
+    formClass: string;
+    debugData: boolean;
+    debugSchema: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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;
+    };
+};