@speykye/vue-form-engine 0.1.0

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

@@ -0,0 +1,17 @@
+import { type FormArrayFieldSchema, type FormContext, type FormFieldSchema, type FormModel } from '@speykye/vue-form-engine-core';
+type __VLS_Props = {
+    field: FormArrayFieldSchema;
+    model: FormModel;
+    errors?: Record<string, string[]>;
+    context?: FormContext;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (key: string, value: any, field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any;
+    blur: (field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: ((key: string, value: any, field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any) | undefined;
+    onBlur?: ((field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=DynamicFormArrayField.vue.d.ts.map

package/dist/components/DynamicFormArrayField.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFormArrayField.vue.d.ts","sourceRoot":"","sources":["../../src/components/DynamicFormArrayField.vue"],"names":[],"mappings":"AAiIA,OAAO,EAAiC,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAGjK,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,oBAAoB,CAAC;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAkLF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,10 @@
+import { type FormBlockSchema, type FormContext, type FormModel } from '@speykye/vue-form-engine-core';
+type __VLS_Props = {
+    block: FormBlockSchema;
+    model: FormModel;
+    context?: FormContext;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=DynamicFormBlock.vue.d.ts.map

package/dist/components/DynamicFormBlock.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFormBlock.vue.d.ts","sourceRoot":"","sources":["../../src/components/DynamicFormBlock.vue"],"names":[],"mappings":"AA8CA,OAAO,EAAkB,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAEvH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AA4DF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,45 @@
+import { type FormContext, type FormModel, type FormSchema } from '@speykye/vue-form-engine-core';
+type __VLS_Props = {
+    schema: FormSchema;
+    modelValue?: FormModel;
+    context?: FormContext;
+    submitText?: string;
+};
+declare function validate(): Promise<boolean>;
+declare function handleSubmit(): Promise<void>;
+declare var __VLS_9: {
+    submit: typeof handleSubmit;
+    validate: typeof validate;
+    model: FormModel;
+};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    model: FormModel;
+    errors: import("vue").Ref<Record<string, string[]>, Record<string, string[]>>;
+    validate: typeof validate;
+    submit: typeof handleSubmit;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: FormModel) => any;
+    submit: (value: FormModel) => any;
+    validate: (valid: boolean, errors: Record<string, string[]>) => any;
+    fieldChange: (key: string, value: any, model: FormModel) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: FormModel) => any) | undefined;
+    onSubmit?: ((value: FormModel) => any) | undefined;
+    onValidate?: ((valid: boolean, errors: Record<string, string[]>) => any) | undefined;
+    onFieldChange?: ((key: string, value: any, model: FormModel) => any) | undefined;
+}>, {
+    modelValue: FormModel;
+    submitText: string;
+}, {}, {}, {}, 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;
+    };
+};
+//# sourceMappingURL=DynamicFormEngine.vue.d.ts.map

package/dist/components/DynamicFormEngine.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFormEngine.vue.d.ts","sourceRoot":"","sources":["../../src/components/DynamicFormEngine.vue"],"names":[],"mappings":"AAiKA,OAAO,EAKL,KAAK,WAAW,EAEhB,KAAK,SAAS,EACd,KAAK,UAAU,EAEhB,MAAM,+BAA+B,CAAC;AAIvC,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAiFF,iBAAe,QAAQ,qBAKtB;AAED,iBAAe,YAAY,kBAK1B;AA6FD,QAAA,IAAI,OAAO;;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;gBApMD,SAAS;gBAET,MAAM;6EAuMnB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,17 @@
+import { type FormContext, type FormFieldSchema, type FormModel } from '@speykye/vue-form-engine-core';
+type __VLS_Props = {
+    field: FormFieldSchema;
+    model: FormModel;
+    errors?: Record<string, string[]>;
+    context?: FormContext;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (key: string, value: any, field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any;
+    blur: (field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: ((key: string, value: any, field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any) | undefined;
+    onBlur?: ((field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=DynamicFormField.vue.d.ts.map

package/dist/components/DynamicFormField.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFormField.vue.d.ts","sourceRoot":"","sources":["../../src/components/DynamicFormField.vue"],"names":[],"mappings":"AAkEA,OAAO,EAAkB,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAEvH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AA6GF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -0,0 +1,17 @@
+import { type FormContext, type FormFieldSchema, type FormModel, type FormSectionSchema } from '@speykye/vue-form-engine-core';
+type __VLS_Props = {
+    section: FormSectionSchema;
+    model: FormModel;
+    errors?: Record<string, string[]>;
+    context?: FormContext;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (key: string, value: any, field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any;
+    blur: (field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: ((key: string, value: any, field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any) | undefined;
+    onBlur?: ((field: FormFieldSchema<Record<string, any>, Record<string, any>>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=DynamicFormSection.vue.d.ts.map

package/dist/components/DynamicFormSection.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicFormSection.vue.d.ts","sourceRoot":"","sources":["../../src/components/DynamicFormSection.vue"],"names":[],"mappings":"AAiFA,OAAO,EAA2C,KAAK,WAAW,EAAE,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAKxK,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AA8JF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/context.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from 'vue';
+import type { FormEngine } from '@speykye/vue-form-engine-core';
+export declare const FORM_ENGINE_KEY: InjectionKey<FormEngine>;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEhE,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAA6B,CAAC"}

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@speykye/vue-form-engine-core"),t=require("vue");var n=Symbol(`FORM_ENGINE_KEY`),r={key:1,class:`vfe-missing-field`},i=(0,t.defineComponent)({__name:`DynamicFormField`,props:{field:{},model:{},errors:{},context:{}},emits:[`update`,`blur`],setup(i,{emit:a}){let o=i,s=a,c=(0,t.inject)(n);if(!c)throw Error(`[vue-form-engine] Form engine is not provided. Use createVueFormEngine().`);let l=(0,t.computed)(()=>c.fields.get(o.field.type)),u=(0,t.computed)(()=>l.value?.component),d=(0,t.computed)(()=>(0,e.isItemDisabled)(o.field,o.model,c,o.context??{})),f=(0,t.computed)(()=>o.errors?.[o.field.key]?.[0]??``);function p(e){let t=l.value?.normalizeValue,n=t?t(e,{field:o.field,model:o.model,context:o.context??{}}):e;s(`update`,o.field.key,n,o.field)}return(e,n)=>u.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(u.value),{key:0,field:i.field,"model-value":i.model[i.field.key],model:i.model,disabled:d.value,readonly:i.field.readonly,"error-message":f.value,"onUpdate:modelValue":p,onChange:p,onBlur:n[0]||=e=>s(`blur`,i.field)},null,40,[`field`,`model-value`,`model`,`disabled`,`readonly`,`error-message`])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,r,` Unknown field type: `+(0,t.toDisplayString)(i.field.type),1))}}),a=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},o=a(i,[[`__scopeId`,`data-v-5cda7259`]]),s={class:`vfe-array-field`},c={class:`vfe-array-header`},l={class:`vfe-array-title`},u={key:0,class:`vfe-array-description`},d=[`disabled`],f={class:`vfe-array-item-header`},p=[`disabled`,`onClick`],m=a((0,t.defineComponent)({__name:`DynamicFormArrayField`,props:{field:{},model:{},errors:{},context:{}},emits:[`update`,`blur`],setup(r,{emit:i}){let a=r,m=i,h=(0,t.inject)(n);if(!h)throw Error(`[vue-form-engine] Form engine is not provided. Use createVueFormEngine().`);let g=(0,t.computed)(()=>Array.isArray(a.model[a.field.key])?a.model[a.field.key]:[]),_=(0,t.computed)(()=>a.field.maxItems===void 0||g.value.length<a.field.maxItems),v=(0,t.computed)(()=>a.field.minItems===void 0||g.value.length>a.field.minItems);function y(){(0,e.addArrayItem)(a.model,a.field,h)}function b(t){(0,e.removeArrayItem)(a.model,a.field,t)}function x(e,t,n,r){let i=Array.isArray(a.model[a.field.key])?a.model[a.field.key]:[];i[e]||(i[e]={}),i[e][t]=n,m(`update`,`${a.field.key}.${e}.${t}`,n,r)}function S(e){let t={};return Object.entries(a.errors??{}).forEach(([n,r])=>{let i=`${a.field.key}.${e}.`;n.startsWith(i)&&(t[n.slice(i.length)]=r)}),t}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,s,[(0,t.createElementVNode)(`div`,c,[(0,t.createElementVNode)(`div`,null,[(0,t.createElementVNode)(`div`,l,(0,t.toDisplayString)(r.field.label),1),r.field.placeholder?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,u,(0,t.toDisplayString)(r.field.placeholder),1)):(0,t.createCommentVNode)(``,!0)]),(0,t.createElementVNode)(`button`,{type:`button`,class:`vfe-array-add`,disabled:!_.value,onClick:y},(0,t.toDisplayString)(r.field.addText??`Add`),9,d)]),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(g.value,(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:i,class:`vfe-array-item`},[(0,t.createElementVNode)(`div`,f,[(0,t.createElementVNode)(`span`,null,`#`+(0,t.toDisplayString)(i+1),1),(0,t.createElementVNode)(`button`,{type:`button`,class:`vfe-array-remove`,disabled:!v.value,onClick:e=>b(i)},(0,t.toDisplayString)(r.field.removeText??`Remove`),9,p)]),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(r.field.itemFields,a=>((0,t.openBlock)(),(0,t.createBlock)(o,{key:a.key,field:a,model:e,errors:S(i),context:r.context,onUpdate:(e,t,n)=>x(i,e,t,n),onBlur:n[0]||=e=>m(`blur`,e)},null,8,[`field`,`model`,`errors`,`context`,`onUpdate`]))),128))]))),128))]))}}),[[`__scopeId`,`data-v-7ddd9b9e`]]),h={key:1,class:`vfe-missing-block`},g=a((0,t.defineComponent)({__name:`DynamicFormBlock`,props:{block:{},model:{},context:{}},setup(r){let i=r,a=(0,t.inject)(n);if(!a)throw Error(`[vue-form-engine] Form engine is not provided. Use createVueFormEngine().`);let o=(0,t.computed)(()=>a.blocks.get(i.block.type)),s=(0,t.computed)(()=>o.value?.component),c=(0,t.computed)(()=>(0,e.isItemDisabled)(i.block,i.model,a,i.context??{}));return(e,n)=>s.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(s.value),(0,t.mergeProps)({key:0,block:r.block,model:r.model,disabled:c.value},r.block.props),null,16,[`block`,`model`,`disabled`])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,h,` Unknown block type: `+(0,t.toDisplayString)(r.block.type),1))}}),[[`__scopeId`,`data-v-21472dc3`]]),_={class:`vfe-section`},v={key:0,class:`vfe-section-header`},y={key:0},b={key:1},x=a((0,t.defineComponent)({__name:`DynamicFormSection`,props:{section:{},model:{},errors:{},context:{}},emits:[`update`,`blur`],setup(r,{emit:i}){let a=i,s=(0,t.inject)(n);if(!s)throw Error(`[vue-form-engine] Form engine is not provided. Use createVueFormEngine().`);return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`section`,_,[r.section.title||r.section.description?((0,t.openBlock)(),(0,t.createElementBlock)(`header`,v,[r.section.title?((0,t.openBlock)(),(0,t.createElementBlock)(`h3`,y,(0,t.toDisplayString)(r.section.title),1)):(0,t.createCommentVNode)(``,!0),r.section.description?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,b,(0,t.toDisplayString)(r.section.description),1)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(r.section.items,n=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:n.key},[(0,t.unref)(e.isFieldItem)(n)&&(0,t.unref)(e.isItemVisible)(n,r.model,(0,t.unref)(s),r.context??{})?((0,t.openBlock)(),(0,t.createBlock)(o,{key:0,field:n,model:r.model,errors:r.errors,context:r.context,onUpdate:i[0]||=(e,t,n)=>a(`update`,e,t,n),onBlur:i[1]||=e=>a(`blur`,e)},null,8,[`field`,`model`,`errors`,`context`])):(0,t.unref)(e.isArrayItem)(n)&&(0,t.unref)(e.isItemVisible)(n,r.model,(0,t.unref)(s),r.context??{})?((0,t.openBlock)(),(0,t.createBlock)(m,{key:1,field:n,model:r.model,errors:r.errors,context:r.context,onUpdate:i[2]||=(e,t,n)=>a(`update`,e,t,n),onBlur:i[3]||=e=>a(`blur`,e)},null,8,[`field`,`model`,`errors`,`context`])):n.kind===`block`&&(0,t.unref)(e.isItemVisible)(n,r.model,(0,t.unref)(s),r.context??{})?((0,t.openBlock)(),(0,t.createBlock)(g,{key:2,block:n,model:r.model,context:r.context},null,8,[`block`,`model`,`context`])):(0,t.createCommentVNode)(``,!0)],64))),128))]))}}),[[`__scopeId`,`data-v-2be4e4fc`]]),S={type:`submit`,class:`vfe-submit`},C=a((0,t.defineComponent)({__name:`DynamicFormEngine`,props:{schema:{},modelValue:{default:()=>({})},context:{},submitText:{default:`Submit`}},emits:[`update:modelValue`,`submit`,`validate`,`fieldChange`],setup(r,{expose:i,emit:a}){let o=r,s=a,c=(0,t.inject)(n);if(!c)throw Error(`[vue-form-engine] Form engine is not provided. Use createVueFormEngine().`);let l=(0,t.reactive)((0,e.buildInitialModel)(o.schema,c,o.modelValue)),u=(0,t.ref)({}),d=new Map;(0,t.watch)(()=>o.modelValue,t=>{Object.assign(l,(0,e.buildInitialModel)(o.schema,c,t??{}))},{deep:!0}),(0,t.watch)(l,()=>s(`update:modelValue`,{...l}),{deep:!0});function f(e,t){if(u.value={...u.value,[e]:t},!t.length){let t={...u.value};delete t[e],u.value=t}}async function p(t,n){let r=await(0,e.validateField)(t,l[t.key],l,c,o.context??{},n);return f(t.key,r),r}function m(e,t){let n=e.validateDebounce??Math.max(0,...(e.rules??[]).map(e=>e.debounce??0));if(t!==`onChange`||n<=0){p(e,t);return}let r=d.get(e.key);r&&window.clearTimeout(r);let i=window.setTimeout(()=>{p(e,t),d.delete(e.key)},n);d.set(e.key,i)}function h(e,t,n){e.includes(`.`)||(l[e]=t),s(`fieldChange`,e,t,{...l}),m(n,`onChange`)}function g(e){m(e,`onBlur`)}async function _(){u.value=await(0,e.validateForm)(o.schema,l,c,o.context??{},`onSubmit`);let t=Object.keys(u.value).length===0;return s(`validate`,t,u.value),t}async function v(){await _()&&s(`submit`,(0,e.collectSubmitValues)(o.schema,l,c,o.context??{}))}return i({model:l,errors:u,validate:_,submit:v}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`form`,{class:`vfe-form`,onSubmit:(0,t.withModifiers)(v,[`prevent`])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(r.schema.sections,(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(x,{key:e.key??n,section:e,model:l,errors:u.value,context:r.context,onUpdate:h,onBlur:g},null,8,[`section`,`model`,`errors`,`context`]))),128)),(0,t.renderSlot)(e.$slots,`actions`,{submit:v,validate:_,model:l},()=>[(0,t.createElementVNode)(`button`,S,(0,t.toDisplayString)(r.submitText),1)],!0)],32))}}),[[`__scopeId`,`data-v-967b6c31`]]);function w(t={}){let r=t.engine??(0,e.createFormEngine)();return t.plugins?.forEach(e=>r.use(e)),{engine:r,install(e){e.provide(n,r),e.component(`DynamicFormEngine`,C)}}}exports.DynamicFormArrayField=m,exports.DynamicFormBlock=g,exports.DynamicFormEngine=C,exports.DynamicFormField=o,exports.createVueFormEngine=w,Object.keys(e).forEach(function(t){t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})});

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { createVueFormEngine } from './plugin';
+export { default as DynamicFormEngine } from './components/DynamicFormEngine.vue';
+export { default as DynamicFormField } from './components/DynamicFormField.vue';
+export { default as DynamicFormArrayField } from './components/DynamicFormArrayField.vue';
+export { default as DynamicFormBlock } from './components/DynamicFormBlock.vue';
+export type { FormPlugin } from '@speykye/vue-form-engine-core';
+export * from '@speykye/vue-form-engine-core';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAChF,YAAY,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAChE,cAAc,+BAA+B,CAAC"}

package/dist/index.js

@@ -0,0 +1,296 @@
+import { addArrayItem as e, buildInitialModel as t, collectSubmitValues as n, createFormEngine as r, isArrayItem as i, isFieldItem as a, isItemDisabled as o, isItemVisible as s, removeArrayItem as c, validateField as l, validateForm as u } from "@speykye/vue-form-engine-core";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, defineComponent as _, inject as v, mergeProps as y, openBlock as b, reactive as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, watch as O, withModifiers as k } from "vue";
+export * from "@speykye/vue-form-engine-core";
+//#region src/context.ts
+var A = Symbol("FORM_ENGINE_KEY"), j = {
+	key: 1,
+	class: "vfe-missing-field"
+}, M = /*@__PURE__*/ _({
+	__name: "DynamicFormField",
+	props: {
+		field: {},
+		model: {},
+		errors: {},
+		context: {}
+	},
+	emits: ["update", "blur"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = v(A);
+		if (!i) throw Error("[vue-form-engine] Form engine is not provided. Use createVueFormEngine().");
+		let a = f(() => i.fields.get(n.field.type)), s = f(() => a.value?.component), c = f(() => o(n.field, n.model, i, n.context ?? {})), l = f(() => n.errors?.[n.field.key]?.[0] ?? "");
+		function u(e) {
+			let t = a.value?.normalizeValue, i = t ? t(e, {
+				field: n.field,
+				model: n.model,
+				context: n.context ?? {}
+			}) : e;
+			r("update", n.field.key, i, n.field);
+		}
+		return (t, n) => s.value ? (b(), p(T(s.value), {
+			key: 0,
+			field: e.field,
+			"model-value": e.model[e.field.key],
+			model: e.model,
+			disabled: c.value,
+			readonly: e.field.readonly,
+			"error-message": l.value,
+			"onUpdate:modelValue": u,
+			onChange: u,
+			onBlur: n[0] ||= (t) => r("blur", e.field)
+		}, null, 40, [
+			"field",
+			"model-value",
+			"model",
+			"disabled",
+			"readonly",
+			"error-message"
+		])) : (b(), h("div", j, " Unknown field type: " + E(e.field.type), 1));
+	}
+}), N = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, P = /*#__PURE__*/ N(M, [["__scopeId", "data-v-5cda7259"]]), F = { class: "vfe-array-field" }, I = { class: "vfe-array-header" }, L = { class: "vfe-array-title" }, R = {
+	key: 0,
+	class: "vfe-array-description"
+}, z = ["disabled"], B = { class: "vfe-array-item-header" }, V = ["disabled", "onClick"], H = /*#__PURE__*/ N(/* @__PURE__ */ _({
+	__name: "DynamicFormArrayField",
+	props: {
+		field: {},
+		model: {},
+		errors: {},
+		context: {}
+	},
+	emits: ["update", "blur"],
+	setup(t, { emit: n }) {
+		let r = t, i = n, a = v(A);
+		if (!a) throw Error("[vue-form-engine] Form engine is not provided. Use createVueFormEngine().");
+		let o = f(() => Array.isArray(r.model[r.field.key]) ? r.model[r.field.key] : []), s = f(() => r.field.maxItems === void 0 || o.value.length < r.field.maxItems), l = f(() => r.field.minItems === void 0 || o.value.length > r.field.minItems);
+		function u() {
+			e(r.model, r.field, a);
+		}
+		function _(e) {
+			c(r.model, r.field, e);
+		}
+		function y(e, t, n, a) {
+			let o = Array.isArray(r.model[r.field.key]) ? r.model[r.field.key] : [];
+			o[e] || (o[e] = {}), o[e][t] = n, i("update", `${r.field.key}.${e}.${t}`, n, a);
+		}
+		function x(e) {
+			let t = {};
+			return Object.entries(r.errors ?? {}).forEach(([n, i]) => {
+				let a = `${r.field.key}.${e}.`;
+				n.startsWith(a) && (t[n.slice(a.length)] = i);
+			}), t;
+		}
+		return (e, n) => (b(), h("div", F, [g("div", I, [g("div", null, [g("div", L, E(t.field.label), 1), t.field.placeholder ? (b(), h("div", R, E(t.field.placeholder), 1)) : m("", !0)]), g("button", {
+			type: "button",
+			class: "vfe-array-add",
+			disabled: !s.value,
+			onClick: u
+		}, E(t.field.addText ?? "Add"), 9, z)]), (b(!0), h(d, null, C(o.value, (e, r) => (b(), h("div", {
+			key: r,
+			class: "vfe-array-item"
+		}, [g("div", B, [g("span", null, "#" + E(r + 1), 1), g("button", {
+			type: "button",
+			class: "vfe-array-remove",
+			disabled: !l.value,
+			onClick: (e) => _(r)
+		}, E(t.field.removeText ?? "Remove"), 9, V)]), (b(!0), h(d, null, C(t.field.itemFields, (a) => (b(), p(P, {
+			key: a.key,
+			field: a,
+			model: e,
+			errors: x(r),
+			context: t.context,
+			onUpdate: (e, t, n) => y(r, e, t, n),
+			onBlur: n[0] ||= (e) => i("blur", e)
+		}, null, 8, [
+			"field",
+			"model",
+			"errors",
+			"context",
+			"onUpdate"
+		]))), 128))]))), 128))]));
+	}
+}), [["__scopeId", "data-v-7ddd9b9e"]]), U = {
+	key: 1,
+	class: "vfe-missing-block"
+}, W = /*#__PURE__*/ N(/* @__PURE__ */ _({
+	__name: "DynamicFormBlock",
+	props: {
+		block: {},
+		model: {},
+		context: {}
+	},
+	setup(e) {
+		let t = e, n = v(A);
+		if (!n) throw Error("[vue-form-engine] Form engine is not provided. Use createVueFormEngine().");
+		let r = f(() => n.blocks.get(t.block.type)), i = f(() => r.value?.component), a = f(() => o(t.block, t.model, n, t.context ?? {}));
+		return (t, n) => i.value ? (b(), p(T(i.value), y({
+			key: 0,
+			block: e.block,
+			model: e.model,
+			disabled: a.value
+		}, e.block.props), null, 16, [
+			"block",
+			"model",
+			"disabled"
+		])) : (b(), h("div", U, " Unknown block type: " + E(e.block.type), 1));
+	}
+}), [["__scopeId", "data-v-21472dc3"]]), G = { class: "vfe-section" }, K = {
+	key: 0,
+	class: "vfe-section-header"
+}, q = { key: 0 }, J = { key: 1 }, Y = /*#__PURE__*/ N(/* @__PURE__ */ _({
+	__name: "DynamicFormSection",
+	props: {
+		section: {},
+		model: {},
+		errors: {},
+		context: {}
+	},
+	emits: ["update", "blur"],
+	setup(e, { emit: t }) {
+		let n = t, r = v(A);
+		if (!r) throw Error("[vue-form-engine] Form engine is not provided. Use createVueFormEngine().");
+		return (t, o) => (b(), h("section", G, [e.section.title || e.section.description ? (b(), h("header", K, [e.section.title ? (b(), h("h3", q, E(e.section.title), 1)) : m("", !0), e.section.description ? (b(), h("p", J, E(e.section.description), 1)) : m("", !0)])) : m("", !0), (b(!0), h(d, null, C(e.section.items, (t) => (b(), h(d, { key: t.key }, [D(a)(t) && D(s)(t, e.model, D(r), e.context ?? {}) ? (b(), p(P, {
+			key: 0,
+			field: t,
+			model: e.model,
+			errors: e.errors,
+			context: e.context,
+			onUpdate: o[0] ||= (e, t, r) => n("update", e, t, r),
+			onBlur: o[1] ||= (e) => n("blur", e)
+		}, null, 8, [
+			"field",
+			"model",
+			"errors",
+			"context"
+		])) : D(i)(t) && D(s)(t, e.model, D(r), e.context ?? {}) ? (b(), p(H, {
+			key: 1,
+			field: t,
+			model: e.model,
+			errors: e.errors,
+			context: e.context,
+			onUpdate: o[2] ||= (e, t, r) => n("update", e, t, r),
+			onBlur: o[3] ||= (e) => n("blur", e)
+		}, null, 8, [
+			"field",
+			"model",
+			"errors",
+			"context"
+		])) : t.kind === "block" && D(s)(t, e.model, D(r), e.context ?? {}) ? (b(), p(W, {
+			key: 2,
+			block: t,
+			model: e.model,
+			context: e.context
+		}, null, 8, [
+			"block",
+			"model",
+			"context"
+		])) : m("", !0)], 64))), 128))]));
+	}
+}), [["__scopeId", "data-v-2be4e4fc"]]), X = {
+	type: "submit",
+	class: "vfe-submit"
+}, Z = /*#__PURE__*/ N(/* @__PURE__ */ _({
+	__name: "DynamicFormEngine",
+	props: {
+		schema: {},
+		modelValue: { default: () => ({}) },
+		context: {},
+		submitText: { default: "Submit" }
+	},
+	emits: [
+		"update:modelValue",
+		"submit",
+		"validate",
+		"fieldChange"
+	],
+	setup(e, { expose: r, emit: i }) {
+		let a = e, o = i, s = v(A);
+		if (!s) throw Error("[vue-form-engine] Form engine is not provided. Use createVueFormEngine().");
+		let c = x(t(a.schema, s, a.modelValue)), f = S({}), m = /* @__PURE__ */ new Map();
+		O(() => a.modelValue, (e) => {
+			Object.assign(c, t(a.schema, s, e ?? {}));
+		}, { deep: !0 }), O(c, () => o("update:modelValue", { ...c }), { deep: !0 });
+		function _(e, t) {
+			if (f.value = {
+				...f.value,
+				[e]: t
+			}, !t.length) {
+				let t = { ...f.value };
+				delete t[e], f.value = t;
+			}
+		}
+		async function y(e, t) {
+			let n = await l(e, c[e.key], c, s, a.context ?? {}, t);
+			return _(e.key, n), n;
+		}
+		function T(e, t) {
+			let n = e.validateDebounce ?? Math.max(0, ...(e.rules ?? []).map((e) => e.debounce ?? 0));
+			if (t !== "onChange" || n <= 0) {
+				y(e, t);
+				return;
+			}
+			let r = m.get(e.key);
+			r && window.clearTimeout(r);
+			let i = window.setTimeout(() => {
+				y(e, t), m.delete(e.key);
+			}, n);
+			m.set(e.key, i);
+		}
+		function D(e, t, n) {
+			e.includes(".") || (c[e] = t), o("fieldChange", e, t, { ...c }), T(n, "onChange");
+		}
+		function j(e) {
+			T(e, "onBlur");
+		}
+		async function M() {
+			f.value = await u(a.schema, c, s, a.context ?? {}, "onSubmit");
+			let e = Object.keys(f.value).length === 0;
+			return o("validate", e, f.value), e;
+		}
+		async function N() {
+			await M() && o("submit", n(a.schema, c, s, a.context ?? {}));
+		}
+		return r({
+			model: c,
+			errors: f,
+			validate: M,
+			submit: N
+		}), (t, n) => (b(), h("form", {
+			class: "vfe-form",
+			onSubmit: k(N, ["prevent"])
+		}, [(b(!0), h(d, null, C(e.schema.sections, (t, n) => (b(), p(Y, {
+			key: t.key ?? n,
+			section: t,
+			model: c,
+			errors: f.value,
+			context: e.context,
+			onUpdate: D,
+			onBlur: j
+		}, null, 8, [
+			"section",
+			"model",
+			"errors",
+			"context"
+		]))), 128)), w(t.$slots, "actions", {
+			submit: N,
+			validate: M,
+			model: c
+		}, () => [g("button", X, E(e.submitText), 1)], !0)], 32));
+	}
+}), [["__scopeId", "data-v-967b6c31"]]);
+//#endregion
+//#region src/plugin.ts
+function Q(e = {}) {
+	let t = e.engine ?? r();
+	return e.plugins?.forEach((e) => t.use(e)), {
+		engine: t,
+		install(e) {
+			e.provide(A, t), e.component("DynamicFormEngine", Z);
+		}
+	};
+}
+//#endregion
+export { H as DynamicFormArrayField, W as DynamicFormBlock, Z as DynamicFormEngine, P as DynamicFormField, Q as createVueFormEngine };

package/dist/plugin.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import { type FormEngine, type FormPlugin } from '@speykye/vue-form-engine-core';
+export interface VueFormEngineOptions {
+    engine?: FormEngine;
+    plugins?: FormPlugin[];
+}
+export declare function createVueFormEngine(options?: VueFormEngineOptions): {
+    engine: FormEngine;
+    install(app: App): void;
+};
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAoB,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAInG,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,oBAAyB;;iBAMrD,GAAG;EAKnB"}

package/dist/vue-form-engine.css

@@ -0,0 +1,2 @@
+.vfe-missing-field[data-v-5cda7259]{color:#b42318;border:1px dashed #f04438;border-radius:6px;padding:8px 12px}.vfe-array-field[data-v-7ddd9b9e]{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:12px}.vfe-array-header[data-v-7ddd9b9e],.vfe-array-item-header[data-v-7ddd9b9e]{justify-content:space-between;align-items:center;gap:12px;display:flex}.vfe-array-title[data-v-7ddd9b9e]{font-weight:600}.vfe-array-description[data-v-7ddd9b9e]{color:#667085;font-size:12px}.vfe-array-item[data-v-7ddd9b9e]{border:1px solid #f0f0f0;border-radius:8px;margin-top:12px;padding:12px}.vfe-array-add[data-v-7ddd9b9e],.vfe-array-remove[data-v-7ddd9b9e]{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:4px 10px}.vfe-array-add[data-v-7ddd9b9e]:disabled,.vfe-array-remove[data-v-7ddd9b9e]:disabled{cursor:not-allowed;opacity:.5}.vfe-missing-block[data-v-21472dc3]{color:#b42318;border:1px dashed #f04438;border-radius:6px;padding:8px 12px}.vfe-section[data-v-2be4e4fc]{margin-bottom:24px}.vfe-section-header[data-v-2be4e4fc]{margin-bottom:16px}.vfe-section-header h3[data-v-2be4e4fc]{margin:0;font-size:18px}.vfe-section-header p[data-v-2be4e4fc]{color:#667085;margin:4px 0 0}.vfe-form[data-v-967b6c31]{flex-direction:column;gap:12px;display:flex}.vfe-submit[data-v-967b6c31]{color:#fff;cursor:pointer;background:#1677ff;border:1px solid #1677ff;border-radius:6px;align-self:flex-start;padding:8px 16px}
+/*$vite$:1*/

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@speykye/vue-form-engine",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "dependencies": {
+    "@speykye/vue-form-engine-core": "^0.1.0"
+  },
+  "scripts": {
+    "build": "vue-tsc --declaration --emitDeclarationOnly --outDir dist && vite build",
+    "typecheck": "vue-tsc --noEmit"
+  }
+}