@sfxcode/formkit-primevue 3.2.6 → 3.2.8

package/dist/components/FormKitDataEdit.d.vue.ts

@@ -0,0 +1,184 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { PropType } from 'vue';
+declare var __VLS_16: {}, __VLS_24: {}, __VLS_32: {}, __VLS_35: {}, __VLS_43: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_16) => any;
+} & {
+    default?: (props: typeof __VLS_24) => any;
+} & {
+    default?: (props: typeof __VLS_32) => any;
+} & {
+    messages?: (props: typeof __VLS_35) => any;
+} & {
+    submit?: (props: typeof __VLS_43) => 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<any>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dataSaved: (...args: any[]) => void;
+    onReset: (...args: any[]) => void;
+    "update:modelValue": (value: any) => 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<any>;
+    };
+}>> & Readonly<{
+    onDataSaved?: ((...args: any[]) => any) | undefined;
+    onOnReset?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    id: string;
+    data: Record<string, any>;
+    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/components/FormKitDataEdit.vue

@@ -1,86 +1,93 @@
-<script setup>
-import { reset } from "@formkit/core";
-import { FormKit, FormKitMessages, FormKitSchema } from "@formkit/vue";
-import { ref } from "vue";
-import FormKitDebug from "./FormKitDebug.vue";
+<script setup lang='ts'>
+import type { FormKitSchemaDefinition } from '@formkit/core'
+import type { PropType } from 'vue'
+import { reset } from '@formkit/core'
+import { FormKit, FormKitMessages, FormKitSchema } from '@formkit/vue'
+import { ref } from 'vue'
+
 const props = defineProps({
   id: {
     type: String,
-    default: "formkit_form"
+    default: 'formkit_form',
   },
   data: {
     type: Object,
-    default: null
+    default: null,
   },
   schema: {
-    type: Object,
-    default: null
+    type: Object as PropType<FormKitSchemaDefinition>,
+    default: null,
   },
   formClass: {
     type: String,
-    default: ""
+    default: '',
   },
   actionsClass: {
     type: String,
-    default: ""
+    default: '',
   },
   submitSeverity: {
     type: String,
-    default: ""
+    default: '',
   },
   submitClass: {
     type: String,
-    default: ""
+    default: '',
   },
   submitLabel: {
     type: String,
-    default: "Save"
+    default: 'Save',
   },
   submitIcon: {
     type: String,
-    default: ""
+    default: '',
   },
   showReset: {
     type: Boolean,
-    default: false
+    default: false,
   },
   resetSeverity: {
     type: String,
-    default: "danger"
+    default: 'danger',
   },
   resetLabel: {
     type: String,
-    default: "Reset"
+    default: 'Reset',
   },
   resetClass: {
     type: String,
-    default: ""
+    default: '',
   },
   resetIcon: {
     type: String,
-    default: ""
+    default: '',
   },
   debugData: {
     type: Boolean,
-    default: false
+    default: false,
   },
   debugSchema: {
     type: Boolean,
-    default: false
-  }
-});
-const emit = defineEmits(["dataSaved", "onReset"]);
-const formData = defineModel({ type: null });
+    default: false,
+  },
+})
+const emit = defineEmits(['dataSaved', 'onReset'])
+
+const formData = defineModel<any>()
+
 if (props.data) {
-  formData.value = props.data;
+  formData.value = props.data
 }
-const formSchema = ref(props.schema);
+
+const formSchema = ref(props.schema)
+
 function handleSave() {
-  emit("dataSaved", formData.value);
+  emit('dataSaved', formData.value)
 }
+
 function handleReset() {
-  reset(props.id);
-  emit("onReset");
+  reset(props.id)
+  emit('onReset')
 }
 </script>
 
@@ -96,8 +103,16 @@ function handleReset() {
     <template #default>
       <FormKitSchema v-if="formSchema" :schema="formSchema" :data="formData" />
       <slot />
-      <FormKitDebug v-if="debugData" :data="formData" header="Debug Mode - Data" />
-      <FormKitDebug v-if="debugSchema" :data="formSchema as object" header="Debug Mode - Schema" />
+      <Fieldset class="p-formkit-data-debug" legend="Debug Mode - Data" :toggleable="true" :collapsed="true">
+        <slot />
+        <pre v-if="data">{{ data }}</pre>
+        <span v-else>No Data available</span>
+      </Fieldset>
+      <Fieldset class="p-formkit-data-debug" legend="Debug Mode - Schema" :toggleable="true" :collapsed="true">
+        <slot />
+        <pre v-if="formSchema">{{ formSchema }}</pre>
+        <span v-else>No Data available</span>
+      </Fieldset>
     </template>
     <template #messages>
       <slot name="messages">
@@ -112,3 +127,7 @@ function handleReset() {
     </template>
   </FormKit>
 </template>
+
+<style scoped>
+
+</style>

package/dist/components/FormKitDataEdit.vue.d.ts

@@ -0,0 +1,184 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { PropType } from 'vue';
+declare var __VLS_16: {}, __VLS_24: {}, __VLS_32: {}, __VLS_35: {}, __VLS_43: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_16) => any;
+} & {
+    default?: (props: typeof __VLS_24) => any;
+} & {
+    default?: (props: typeof __VLS_32) => any;
+} & {
+    messages?: (props: typeof __VLS_35) => any;
+} & {
+    submit?: (props: typeof __VLS_43) => 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<any>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dataSaved: (...args: any[]) => void;
+    onReset: (...args: any[]) => void;
+    "update:modelValue": (value: any) => 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<any>;
+    };
+}>> & Readonly<{
+    onDataSaved?: ((...args: any[]) => any) | undefined;
+    onOnReset?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    id: string;
+    data: Record<string, any>;
+    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/components/FormKitDataView.d.vue.ts

@@ -0,0 +1,77 @@
+import type { FormKitSchemaDefinition } from '@formkit/core';
+import type { PropType } from 'vue';
+declare var __VLS_13: {}, __VLS_21: {}, __VLS_29: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_21) => any;
+} & {
+    default?: (props: typeof __VLS_29) => 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<any>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => 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<any>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => 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/components/FormKitDataView.vue

@@ -1,33 +1,38 @@
-<script setup>
-import { FormKit, FormKitSchema } from "@formkit/vue";
-import { ref } from "vue";
-import FormKitDebug from "./FormKitDebug.vue";
+<script setup lang='ts'>
+import type { FormKitSchemaDefinition } from '@formkit/core'
+import type { PropType } from 'vue'
+import { FormKit, FormKitSchema } from '@formkit/vue'
+import { ref } from 'vue'
+
 const props = defineProps({
   data: {
     type: Object,
-    default: null
+    default: null,
   },
   schema: {
-    type: Object,
-    default: null
+    type: Object as PropType<FormKitSchemaDefinition>,
+    default: null,
   },
   formClass: {
     type: String,
-    default: ""
+    default: '',
   },
   debugData: {
     type: Boolean,
-    default: false
+    default: false,
   },
   debugSchema: {
     type: Boolean,
-    default: false
-  }
-});
-const formSchema = ref(props.schema);
-const formData = defineModel({ type: null });
+    default: false,
+  },
+})
+
+const formSchema = ref(props.schema)
+
+const formData = defineModel<any>()
+
 if (props.data) {
-  formData.value = props.data;
+  formData.value = props.data
 }
 </script>
 
@@ -41,7 +46,19 @@ if (props.data) {
   >
     <FormKitSchema v-if="schema" :schema="formSchema" :data="formData" />
     <slot />
-    <FormKitDebug v-if="debugData" :data="formData" header="Debug Mode - Data" />
-    <FormKitDebug v-if="debugSchema" :data="formSchema as object" header="Debug Mode - Schema" />
+    <Fieldset class="p-formkit-data-debug" legend="Debug Mode - Data" :toggleable="true" :collapsed="true">
+      <slot />
+      <pre v-if="data">{{ data }}</pre>
+      <span v-else>No Data available</span>
+    </Fieldset>
+    <Fieldset class="p-formkit-data-debug" legend="Debug Mode - Schema" :toggleable="true" :collapsed="true">
+      <slot />
+      <pre v-if="formSchema">{{ formSchema }}</pre>
+      <span v-else>No Data available</span>
+    </Fieldset>
   </FormKit>
 </template>
+
+<style scoped>
+
+</style>