@macrulez/vue-form-schema 0.1.1 → 0.1.6

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("vue"),a=require("./MaskEngine-hd5xHed7.cjs"),j=/^[\w\s\d.'"[\]()!<>=&|?:+\-*/%]+$/;function J(l,n){if(!j.test(l))return console.warn(`[vue-form-schema] Blocked unsafe expression: "${l}"`),!0;try{return!!new Function("values",`"use strict"; return (${l})`)(n)}catch{return!0}}class V{constructor(){this.stopHandle=null}start(n,e,t,i){this.stopHandle=v.watchEffect(()=>{const c=e.value,o=t.value,u=this.evaluateFields(n,c);i&&this.clearHiddenValues(n,u,c,e,o),t.value=u})}stop(){var n;(n=this.stopHandle)==null||n.call(this),this.stopHandle=null}evaluateFields(n,e){return n.map(t=>{const i=this.resolveBoolean(t.visible,e,!0),c=this.resolveBoolean(t.disabled,e,!1);return{...t,visible:i,disabled:c,fields:t.fields?this.evaluateFields(t.fields,e):void 0}})}resolveBoolean(n,e,t){return n===void 0?t:typeof n=="boolean"?n:typeof n=="function"?n(e):typeof n=="string"?J(n,e):t}clearHiddenValues(n,e,t,i,c){for(let o=0;o<n.length;o++){const u=n[o],b=e[o],s=this.wasVisible(c,u.name),f=b.visible;if(s&&!f){const y=a.getByPath(t,u.name),p=u.defaultValue??null;y!==p&&(i.value=a.setByPath(i.value,u.name,p))}u.fields&&b.fields&&this.clearHiddenValues(u.fields,b.fields,t,i,c)}}wasVisible(n,e){const t=n.find(i=>i.name===e);return t?t.visible!==!1:!0}}function C(l,n){return new V().evaluateFields(l,n)}function T(l,n,e){switch(l){case"required":return e?(t,i)=>a.required(t)?e:null:a.required;case"minLength":return a.minLength(Number(n),e);case"maxLength":return a.maxLength(Number(n),e);case"min":return a.min(Number(n),e);case"max":return a.max(Number(n),e);case"pattern":return a.pattern(new RegExp(String(n)),e);case"email":return e?(t,i)=>a.email(t)?e:null:a.email;case"url":return e?(t,i)=>a.url(t)?e:null:a.url;default:return console.warn(`[vue-form-schema] Unknown validator rule: "${l}"`),null}}function P(l){const n=[];for(const e of l.validators??[]){const t=T(e.rule,e.value,e.message);t&&n.push(t)}return{type:l.type,name:l.name,label:l.label,placeholder:l.placeholder,defaultValue:l.default,required:l.required,disabled:l.disabled,visible:l.visible,mask:l.mask,options:l.options,validators:n.length?n:void 0,fields:l.fields?l.fields.map(P):void 0}}function k(l){return l.map(P)}function $(l){if(!Array.isArray(l)||l.length===0)return!1;for(const n of l){const e=n.validators;if(Array.isArray(e)&&e.some(t=>typeof t=="function"))return!1}return l.some(n=>{const e=n;if("default"in e)return!0;const t=e.validators;return Array.isArray(t)&&t.length>0&&typeof t[0]=="object"&&t[0]!==null&&"rule"in t[0]})}function w(l){return $(l)?k(l):l}function g(l,n={}){const e={};for(const t of l)if(t.type==="group"&&t.fields){const i=g(t.fields,n);Object.assign(e,i)}else if(t.type==="array"){const i=a.getByPath(n,t.name);e[t.name]=i??t.defaultValue??[]}else{const i=a.getByPath(n,t.name);e[t.name]=i!==void 0?i:t.defaultValue??null}for(const[t,i]of Object.entries(n))t in e||(e[t]=i);return e}function D(l){const{schema:n,initialValues:e={},validateOn:t="blur",clearOnHide:i=!1,onSubmit:c}=l,o=w(n),u=new a.ValidationEngine,b=new V,s=v.ref(g(o,e)),f=v.ref({}),y=v.ref({}),p=v.ref(!1),h=v.ref(o);b.start(o,s,h,i??!1);const O=v.computed(()=>h.value),x=v.computed(()=>{const r=g(o,e);return JSON.stringify(s.value)!==JSON.stringify(r)}),A=v.computed(()=>{const r=u.validateAll(h.value,s.value);return Object.values(r).every(d=>d.length===0)});function E(r){if(r){const d=u.validateField(r,a.getByPath(s.value,r.name),s.value);f.value={...f.value,[r.name]:d},u.validateAsync(r,a.getByPath(s.value,r.name),s.value,(m,M)=>{f.value={...f.value,[m]:[...f.value[m]??[],...M]}})}else f.value=u.validateAll(h.value,s.value)}function L(r,d){if(s.value=a.setByPath(s.value,r,d),t==="input"){const m=B(h.value,r);m&&E(m)}}function S(r){return a.getByPath(s.value,r)}function q(r){if(y.value={...y.value,[r]:!0},t==="blur"){const d=B(h.value,r);d&&E(d)}}async function N(){const r={};for(const m of h.value)F(m,r);if(y.value=r,f.value=u.validateAll(h.value,s.value),!Object.values(f.value).some(m=>m.length>0)){p.value=!0;try{await(c==null?void 0:c(s.value))}finally{p.value=!1}}}function H(r){const d=r??e;s.value=g(o,d??{}),f.value={},y.value={},p.value=!1}return v.onUnmounted(()=>{b.stop(),u.destroy()}),{fields:O,values:s,errors:f,touched:y,isDirty:x,isValid:A,isSubmitting:p,submit:N,reset:H,setField:L,getField:S,touchField:q}}function B(l,n){for(const e of l){if(e.name===n)return e;if(e.fields){const t=B(e.fields,n);if(t)return t}}}function F(l,n={}){return n[l.name]=!0,l.fields&&l.fields.forEach(e=>F(e,n)),n}exports.ValidationEngine=a.ValidationEngine;exports.applyMask=a.applyMask;exports.bindMask=a.bindMask;exports.email=a.email;exports.getByPath=a.getByPath;exports.max=a.max;exports.maxLength=a.maxLength;exports.min=a.min;exports.minLength=a.minLength;exports.pattern=a.pattern;exports.removeMask=a.removeMask;exports.required=a.required;exports.setByPath=a.setByPath;exports.url=a.url;exports.ConditionEvaluator=V;exports.evaluateFieldConditions=C;exports.parseJSON=k;exports.useForm=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./MaskEngine-BwAs2Zb0.cjs"),l=require("vue");function G(n){const s=l.computed(()=>n.touched&&n.error.length>0),t=l.computed(()=>s.value?n.error[0]:null),e=l.computed(()=>n.touched?n.error:[]),i=l.computed(()=>n.field.required??!1),m=l.computed(()=>typeof n.field.disabled=="boolean"?n.field.disabled:!1);return{hasError:s,errorMessage:t,allErrors:e,isRequired:i,isDisabled:m}}const Q=/^[\w\s\d.'"[\]()!<>=&|?:+\-*/%]+$/;function Y(n,s){if(!Q.test(n))return console.warn(`[vue-form-schema] Blocked unsafe expression: "${n}"`),!0;try{return!!new Function("values",`"use strict"; return (${n})`)(s)}catch{return!0}}class N{constructor(){this.stopHandle=null}start(s,t,e,i){this.stopHandle=l.watchEffect(()=>{const m=t.value,f=e.value,d=this.evaluateFields(s,m);i&&this.clearHiddenValues(s,d,m,t,f),e.value=d})}stop(){var s;(s=this.stopHandle)==null||s.call(this),this.stopHandle=null}evaluateFields(s,t){return s.map(e=>{const i=this.resolveBoolean(e.visible,t,!0),m=this.resolveBoolean(e.disabled,t,!1);let f;if(typeof e.options=="function"){const p=e.options(t);f=p instanceof Promise?void 0:p}else f=e.options;return{...e,visible:i,disabled:m,options:f,fields:e.fields?this.evaluateFields(e.fields,t):void 0}})}resolveBoolean(s,t,e){return s===void 0?e:typeof s=="boolean"?s:typeof s=="function"?s(t):typeof s=="string"?Y(s,t):e}clearHiddenValues(s,t,e,i,m){for(let f=0;f<s.length;f++){const d=s[f],p=t[f],O=this.wasVisible(m,d.name),h=p.visible;if(O&&!h){const y=r.getByPath(e,d.name),F=d.defaultValue??null;y!==F&&(i.value=r.setByPath(i.value,d.name,F))}d.fields&&p.fields&&this.clearHiddenValues(d.fields,p.fields,e,i,m)}}wasVisible(s,t){const e=s.find(i=>i.name===t);return e?e.visible!==!1:!0}}function Z(n,s){return new N().evaluateFields(n,s)}function ee(n,s,t){switch(n){case"required":return t?(e,i)=>r.required(e)?t:null:r.required;case"minLength":return r.minLength(Number(s),t);case"maxLength":return r.maxLength(Number(s),t);case"min":return r.min(Number(s),t);case"max":return r.max(Number(s),t);case"pattern":return r.pattern(new RegExp(String(s)),t);case"email":return t?(e,i)=>r.email(e)?t:null:r.email;case"url":return t?(e,i)=>r.url(e)?t:null:r.url;default:return console.warn(`[vue-form-schema] Unknown validator rule: "${n}"`),null}}function D(n){const s=[];for(const t of n.validators??[]){const e=ee(t.rule,t.value,t.message);e&&s.push(e)}return{type:n.type,name:n.name,label:n.label,placeholder:n.placeholder,defaultValue:n.default,required:n.required,disabled:n.disabled,visible:n.visible,mask:n.mask,options:n.options,validators:s.length?s:void 0,fields:n.fields?n.fields.map(D):void 0}}function H(n){return n.map(D)}function te(n){if(!Array.isArray(n)||n.length===0)return!1;for(const s of n){const t=s.validators;if(Array.isArray(t)&&t.some(e=>typeof e=="function"))return!1}return n.some(s=>{const t=s;if("default"in t)return!0;const e=t.validators;return Array.isArray(e)&&e.length>0&&typeof e[0]=="object"&&e[0]!==null&&"rule"in e[0]})}function ne(n){return te(n)?H(n):n}function V(n,s={}){const t={};for(const e of n)if(e.type==="group"&&e.fields){const i=V(e.fields,s);Object.assign(t,i)}else if(e.type==="array"){const i=r.getByPath(s,e.name);t[e.name]=i??e.defaultValue??[]}else{const i=r.getByPath(s,e.name);t[e.name]=i!==void 0?i:e.defaultValue??null}for(const[e,i]of Object.entries(s))e in t||(t[e]=i);return t}function R(n){var j;const{schema:s,initialValues:t={},validateOn:e="blur",validateMode:i="first",clearOnHide:m=!1,onSubmit:f,persist:d=!1,persistKey:p,debug:O=!1}=n,h=ne(s),y=new r.ValidationEngine(300,i),F=new N,w=p??`vfs:${h.map(a=>a.name).join(",")}`;function E(){return typeof window>"u"||!d?null:d==="local"?window.localStorage:window.sessionStorage}const o=l.ref(V(h,t)),v=l.ref({}),b=l.ref({}),P=l.ref(!1),g=l.ref(h),S=l.ref({}),B=l.ref({}),x=new Set;let k=!1;F.start(h,o,g,m??!1);async function M(a){if(typeof a.options!="function")return;const u=a.options(o.value);if(u instanceof Promise){S.value={...S.value,[a.name]:!0};try{const c=await u;B.value={...B.value,[a.name]:c}}catch(c){console.warn(`[vue-form-schema] Failed to load options for "${a.name}"`,c)}finally{S.value={...S.value,[a.name]:!1}}}}const q=h.filter(a=>typeof a.options=="function");l.onMounted(async()=>{const a=E();if(a)try{const u=a.getItem(w);if(u){const c=JSON.parse(u);o.value={...o.value,...c}}}catch{}await Promise.all(q.map(u=>M(u)))}),d&&l.watch(o,a=>{var u;if(!k)try{(u=E())==null||u.setItem(w,JSON.stringify(a))}catch{}},{deep:!0});for(const a of q)(j=a.optionsDeps)!=null&&j.length&&l.watch(()=>a.optionsDeps.map(u=>r.getByPath(o.value,u)),()=>M(a));O&&l.watch(o,a=>{console.group("[vue-form-schema] values changed"),console.log("values:",JSON.parse(JSON.stringify(a))),console.log("errors:",v.value),console.log("touched:",b.value),console.groupEnd()},{deep:!0});const T=l.computed(()=>g.value.map(a=>({...a,options:B.value[a.name]??a.options,optionsLoading:S.value[a.name]??!1}))),I=l.computed(()=>{const a=V(h,t);return JSON.stringify(o.value)!==JSON.stringify(a)}),K=l.computed(()=>{const a=y.validateAll(g.value,o.value);return Object.values(a).every(u=>u.length===0)});function J(a){if(a){const u=y.validateField(a,r.getByPath(o.value,a.name),o.value);v.value={...v.value,[a.name]:u},y.validateAsync(a,r.getByPath(o.value,a.name),o.value,(c,A)=>{v.value={...v.value,[c]:[...v.value[c]??[],...A]}})}else v.value=y.validateAll(g.value,o.value)}function U(a,u){const c=L(g.value,a),A=c!=null&&c.transform?c.transform(u,o.value):u;o.value=r.setByPath(o.value,a,A),(e==="input"||e==="eager"&&x.has(a))&&c&&J(c)}function W(a){return r.getByPath(o.value,a)}function X(a){if(b.value={...b.value,[a]:!0},x.add(a),e==="blur"||e==="eager"){const u=L(g.value,a);u&&J(u)}}async function _(){const a={};for(const c of g.value)$(c,a);if(b.value=a,v.value=y.validateAll(g.value,o.value),!Object.values(v.value).some(c=>c.length>0)){P.value=!0;try{const c=C(g.value,o.value);await(f==null?void 0:f(c))}finally{P.value=!1}}}function z(a){var c;const u=a??t;o.value=V(h,u??{}),v.value={},b.value={},P.value=!1,k=!0,(c=E())==null||c.removeItem(w),Promise.resolve().then(()=>{k=!1})}return l.onUnmounted(()=>{F.stop(),y.destroy()}),{fields:T,values:o,errors:v,touched:b,optionsLoading:S,isDirty:I,isValid:K,isSubmitting:P,submit:_,reset:z,setField:U,getField:W,touchField:X}}function L(n,s){for(const t of n){if(t.name===s)return t;if(t.fields){const e=L(t.fields,s);if(e)return e}}}function $(n,s={}){return s[n.name]=!0,n.fields&&n.fields.forEach(t=>$(t,s)),s}function C(n,s){const t={...s};for(const e of n){if(e.parse){const i=r.getByPath(t,e.name);t[e.name]=e.parse(i)}if(e.fields){const i=C(e.fields,t);Object.assign(t,i)}}return t}function se(n,s){const t=n.map(o=>R(o)),e=l.ref(0),i=t.length,m=l.computed(()=>e.value===0),f=l.computed(()=>e.value===i-1),d=l.computed(()=>t[e.value]),p=l.computed(()=>t.reduce((o,v)=>({...o,...v.values.value}),{})),O=l.computed(()=>t.every(o=>o.isValid.value)),h=l.computed(()=>t.some(o=>o.isSubmitting.value));async function y(){return await t[e.value].submit(),Object.values(t[e.value].errors.value).some(v=>v.length>0)?!1:(f.value||e.value++,!0)}function F(){m.value||e.value--}function w(o){o>=0&&o<i&&(e.value=o)}async function E(){for(const o of t)if(await o.submit(),Object.values(o.errors.value).some(b=>b.length>0))return;await(s==null?void 0:s(p.value))}return{currentStep:e,totalSteps:i,isFirstStep:m,isLastStep:f,form:d,steps:t,values:p,isValid:O,isSubmitting:h,next:y,back:F,goTo:w,submit:E}}function ae(n){return{snapshot:l.computed(()=>({values:JSON.parse(JSON.stringify(n.values.value)),errors:n.errors.value,touched:n.touched.value,isDirty:n.isDirty.value,isValid:n.isValid.value,isSubmitting:n.isSubmitting.value,optionsLoading:n.optionsLoading.value,fields:n.fields.value.map(t=>({name:t.name,visible:t.visible,disabled:t.disabled}))}))}}function re(...n){const s=new Map;for(const t of n)for(const e of t)s.set(e.name,e);return Array.from(s.values())}function oe(n,s){const t=new Set(s);return n.filter(e=>!t.has(e.name))}function ie(n,s){const t=new Set(s);return n.filter(e=>t.has(e.name))}function le(n,s,t){return n.map(e=>e.name===s?{...e,...t}:e)}function ue(n){return n}exports.ValidationEngine=r.ValidationEngine;exports.applyMask=r.applyMask;exports.bindMask=r.bindMask;exports.createFormRegistry=r.createFormRegistry;exports.email=r.email;exports.getByPath=r.getByPath;exports.max=r.max;exports.maxLength=r.maxLength;exports.min=r.min;exports.minLength=r.minLength;exports.pattern=r.pattern;exports.provideRegistry=r.provideRegistry;exports.removeMask=r.removeMask;exports.required=r.required;exports.sameAs=r.sameAs;exports.setByPath=r.setByPath;exports.url=r.url;exports.useFieldArray=r.useFieldArray;exports.useRegistry=r.useRegistry;exports.ConditionEvaluator=N;exports.defineSchema=ue;exports.evaluateFieldConditions=Z;exports.extendField=le;exports.mergeSchemas=re;exports.omitFields=oe;exports.parseJSON=H;exports.pickFields=ie;exports.useForm=R;exports.useFormDebug=ae;exports.useFormField=G;exports.useMultiStepForm=se;

package/dist/index.d.ts

@@ -1,6 +1,18 @@
-export type { FieldDefinition, FieldType, FieldOption, MaskConfig, MaskPreset, ValidatorFn, AsyncValidatorFn, UseFormConfig, UseFormReturn, ValidateOn, JSONSchema, JSONSchemaField, BuiltinRule, } from './core/types';
+export type { FieldDefinition, FieldType, FieldOption, MaskConfig, MaskPreset, ValidatorFn, AsyncValidatorFn, UseFormConfig, UseFormReturn, ValidateOn, ValidateMode, JSONSchema, JSONSchemaField, BuiltinRule, FormFieldProps, } from './core/types';
+export { createFormRegistry, useRegistry, provideRegistry } from './core/registry';
+export type { ComponentMap } from './core/registry';
+export { useFormField } from './core/useFormField';
+export { useFieldArray } from './core/useFieldArray';
+export type { FieldArrayRow, UseFieldArrayReturn } from './core/useFieldArray';
+export { useMultiStepForm } from './core/useMultiStepForm';
+export type { MultiStepFormReturn } from './core/useMultiStepForm';
+export { useFormDebug } from './core/useFormDebug';
+export type { FormSnapshot } from './core/useFormDebug';
 export { useForm } from './core/useForm';
-export { required, minLength, maxLength, min, max, pattern, email, url, ValidationEngine, getByPath, setByPath, } from './core/ValidationEngine';
+export { required, minLength, maxLength, min, max, pattern, email, url, sameAs, ValidationEngine, getByPath, setByPath, } from './core/ValidationEngine';
+export { mergeSchemas, omitFields, pickFields, extendField } from './core/schemaUtils';
+export type { InferValues } from './core/inferTypes';
+export { defineSchema } from './core/inferTypes';
 export { ConditionEvaluator, evaluateFieldConditions } from './core/ConditionEvaluator';
 export { applyMask, removeMask, bindMask } from './core/MaskEngine';
 export { parseJSON } from './parsers/json';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,YAAY,EACV,eAAe,EACf,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,UAAU,EACV,UAAU,EACV,eAAe,EACf,WAAW,GACZ,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,EACH,GAAG,EACH,OAAO,EACP,KAAK,EACL,GAAG,EACH,gBAAgB,EAChB,SAAS,EACT,SAAS,GACV,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAGvF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,YAAY,EACV,eAAe,EACf,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,UAAU,EACV,YAAY,EACZ,UAAU,EACV,eAAe,EACf,WAAW,EACX,cAAc,GACf,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAClF,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAG9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAGlE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,EACH,GAAG,EACH,OAAO,EACP,KAAK,EACL,GAAG,EACH,MAAM,EACN,gBAAgB,EAChB,SAAS,EACT,SAAS,GACV,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAGtF,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGhD,OAAO,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AAGvF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA"}