@regle/core 0.0.3 → 0.0.4-beta.0

package/dist/index.cjs

@@ -36,6 +36,16 @@ function unwrapRuleParameters(params) {
     return (0, import_vue.unref)(param);
   });
 }
+function createReactiveParams(params) {
+  return params.map((param) => {
+    if (param instanceof Function) {
+      return param;
+    } else if ((0, import_vue.isRef)(param)) {
+      return param;
+    }
+    return (0, import_vue.toRef)(() => param);
+  });
+}
 
 // src/core/createRule/defineRuleProcessors.ts
 function defineRuleProcessors(definition, ...params) {
@@ -43,26 +53,17 @@ function defineRuleProcessors(definition, ...params) {
   const processors = {
     message(value, ...args) {
       if (typeof definition.message === "function") {
-        return definition.message(
-          value,
-          ...unwrapRuleParameters(args.length ? args : params)
-        );
+        return definition.message(value, ...args.length ? args : params);
       } else {
         return definition.message;
       }
     },
     validator(value, ...args) {
-      return definition.validator(
-        value,
-        ...unwrapRuleParameters(args.length ? args : params)
-      );
+      return definition.validator(value, ...args.length ? args : params);
     },
     active(value, ...args) {
       if (typeof definition.active === "function") {
-        return definition.active(
-          value,
-          ...unwrapRuleParameters(args.length ? args : params)
-        );
+        return definition.active(value, ...args.length ? args : params);
       } else {
         return definition.active ?? true;
       }
@@ -74,7 +75,7 @@ function defineRuleProcessors(definition, ...params) {
       _active: definition.active,
       _type: definition.type,
       _patched: false,
-      _params: params
+      _params: createReactiveParams(params)
     }
   };
   return processors;
@@ -107,18 +108,21 @@ function createRule(definition) {
 }
 
 // src/core/useRegle/useRegle.ts
-var import_vue6 = require("vue");
+var import_vue10 = require("vue");
 
 // src/core/useRegle/useStateProperties/useStateProperties.ts
-var import_vue5 = require("vue");
+var import_vue9 = require("vue");
 
-// src/core/useRegle/useStateProperties/createReactiveStatus.ts
+// src/core/useRegle/useErrors.ts
 var import_vue3 = require("vue");
 
 // src/utils/object.utils.ts
 function isObject(obj) {
   return typeof obj === "object" && obj !== null && !Array.isArray(obj);
 }
+function isRefObject(obj) {
+  return isObject(obj.value);
+}
 
 // src/utils/isEmpty.ts
 function isEmpty(value) {
@@ -143,6 +147,9 @@ function isEmpty(value) {
   return !String(value).trim().length;
 }
 
+// src/utils/composables.ts
+var import_vue2 = require("vue");
+
 // src/core/useRegle/guards/ruleDef.guards.ts
 function isNestedRulesDef(state, rule) {
   return isObject(state.value) && isObject(rule.value) && !Object.entries(rule.value).some((rule2) => isRuleDef(rule2));
@@ -159,9 +166,6 @@ function isRuleDef(rule) {
 function isFormRuleDefinition(rule) {
   return !(typeof rule.value === "function");
 }
-function isFormInline(rule) {
-  return typeof rule.value === "function";
-}
 
 // src/core/useRegle/guards/rule.status.guards.ts
 function isNestedRulesStatus(rule) {
@@ -174,8 +178,66 @@ function isFieldStatus(rule) {
   return !!rule && "$rules" in rule;
 }
 
+// src/core/useRegle/useErrors.ts
+function extractRulesErrors(rules) {
+  return Object.entries(rules).map(([ruleKey, rule]) => {
+    if (!rule.$valid) {
+      return rule.$message;
+    }
+    return null;
+  }).filter((msg) => !!msg);
+}
+function processFieldErrors(fieldStatus) {
+  if (isNestedRulesStatus(fieldStatus)) {
+    return extractNestedErrors(fieldStatus.$fields);
+  } else if (isCollectionRulesStatus(fieldStatus)) {
+    return {
+      $errors: fieldStatus.$rules ? extractRulesErrors(fieldStatus.$rules) : [],
+      $each: fieldStatus.$each.map(processFieldErrors)
+    };
+  } else if (isFieldStatus(fieldStatus) && fieldStatus.$error) {
+    return extractRulesErrors(fieldStatus.$rules);
+  }
+  return [];
+}
+function extractCollectionError(field) {
+  return field.$each.map(processFieldErrors);
+}
+function extractNestedErrors(fields) {
+  return Object.fromEntries(
+    Object.entries(fields).map(([fieldKey, fieldStatus]) => {
+      if (isNestedRulesStatus(fieldStatus)) {
+        return [fieldKey, extractNestedErrors(fieldStatus.$fields)];
+      } else if (isCollectionRulesStatus(fieldStatus)) {
+        return [
+          fieldKey,
+          {
+            ...fieldStatus.$rules && { $errors: extractRulesErrors(fieldStatus.$rules) },
+            $each: extractCollectionError(fieldStatus)
+          }
+        ];
+      } else if (isFieldStatus(fieldStatus) && fieldStatus.$error) {
+        return [fieldKey, extractRulesErrors(fieldStatus.$rules)];
+      }
+      return [fieldKey, []];
+    })
+  );
+}
+function useErrors($regle) {
+  const errors = (0, import_vue3.computed)(() => {
+    return extractNestedErrors($regle.$fields);
+  });
+  return errors;
+}
+
+// src/core/useRegle/useStateProperties/createReactiveNestedStatus.ts
+var import_vue7 = require("vue");
+
+// src/core/useRegle/useStateProperties/createReactiveFieldStatus.ts
+var import_vue5 = require("vue");
+
 // src/core/useRegle/useStateProperties/createReactiveRuleStatus.ts
-var import_vue2 = require("vue");
+var import_vue4 = require("vue");
 
 // src/types/rules/rule.internal.types.ts
 var InternalRuleType = /* @__PURE__ */ ((InternalRuleType2) => {
@@ -190,311 +252,595 @@ function createReactiveRuleStatus({
   customMessages,
   rule,
   ruleKey,
-  state
+  state,
+  path,
+  storage
 }) {
-  const $pending = (0, import_vue2.ref)(false);
-  const $valid = (0, import_vue2.ref)(true);
-  const $active = (0, import_vue2.computed)(() => {
-    if (isFormInline(rule)) {
-      return true;
-    } else {
-      if (typeof rule.value.active === "function") {
-        return rule.value.active(state.value, ...$params.value);
-      } else {
-        return rule.value.active;
-      }
-    }
-  });
-  const $message = (0, import_vue2.computed)(() => {
-    let message = "";
-    const customMessageRule = customMessages[ruleKey]?.message;
-    if (customMessageRule) {
-      if (typeof customMessageRule === "function") {
-        message = customMessageRule(state.value, ...$params.value);
-      } else {
-        message = customMessageRule;
-      }
-    }
-    if (isFormRuleDefinition(rule)) {
-      if (!(customMessageRule && !rule.value._patched)) {
-        if (typeof rule.value.message === "function") {
-          message = rule.value.message(state.value, ...$params.value);
+  let scope = (0, import_vue4.effectScope)();
+  let scopeState;
+  const { $pending, $valid } = storage.trySetRuleStatusRef(`${path}.${ruleKey}`);
+  function $watch() {
+    scopeState = scope.run(() => {
+      const $active = (0, import_vue4.computed)(() => {
+        if (isFormRuleDefinition(rule)) {
+          if (typeof rule.value.active === "function") {
+            return rule.value.active(state.value, ...$params.value);
+          } else {
+            return rule.value.active;
+          }
         } else {
-          message = rule.value.message;
+          return true;
+        }
+      });
+      const $message = (0, import_vue4.computed)(() => {
+        let message = "";
+        const customMessageRule = customMessages[ruleKey]?.message;
+        if (customMessageRule) {
+          if (typeof customMessageRule === "function") {
+            message = customMessageRule(state.value, ...$params.value);
+          } else {
+            message = customMessageRule;
+          }
+        }
+        if (isFormRuleDefinition(rule)) {
+          if (!(customMessageRule && !rule.value._patched)) {
+            if (typeof rule.value.message === "function") {
+              message = rule.value.message(state.value, ...$params.value);
+            } else {
+              message = rule.value.message;
+            }
+          }
+        }
+        if (isEmpty(message)) {
+          message = "Error";
+          console.warn(`No error message defined for ${ruleKey}`);
+        }
+        return message;
+      });
+      const $type = (0, import_vue4.computed)(() => {
+        if (isFormRuleDefinition(rule)) {
+          return Object.values(InternalRuleType).includes(rule.value.type) ? ruleKey : rule.value.type;
+        } else {
+          return ruleKey;
+        }
+      });
+      const $validator = (0, import_vue4.computed)(() => {
+        if (isFormRuleDefinition(rule)) {
+          return rule.value.validator;
+        } else {
+          return rule.value;
+        }
+      });
+      const $params = (0, import_vue4.computed)(() => {
+        if (typeof rule.value === "function") {
+          return [];
+        }
+        return unwrapRuleParameters(rule.value._params ?? []);
+      });
+      const $path = (0, import_vue4.computed)(() => `${path}.${$type.value}`);
+      return {
+        $active,
+        $message,
+        $type,
+        $validator,
+        $params,
+        $path
+      };
+    });
+    $validate();
+  }
+  $watch();
+  const $unwatchState = (0, import_vue4.watch)(scopeState.$params, $validate, {
+    deep: true
+  });
+  async function $validate() {
+    const validator = scopeState.$validator.value;
+    let ruleResult = false;
+    const resultOrPromise = validator(state.value, ...scopeState.$params.value);
+    if (resultOrPromise instanceof Promise) {
+      if ($dirty.value && !$pending.value) {
+        try {
+          $valid.value = true;
+          $pending.value = true;
+          const promiseResult = await resultOrPromise;
+          ruleResult = promiseResult;
+        } catch (e) {
+          ruleResult = false;
+        } finally {
+          $pending.value = false;
         }
       }
+    } else {
+      ruleResult = resultOrPromise;
     }
-    if (isEmpty(message)) {
-      message = "Error";
-      console.warn(`No error message defined for ${ruleKey}`);
+    $valid.value = ruleResult;
+    return ruleResult;
+  }
+  function $unwatch() {
+    $unwatchState();
+    scope.stop();
+    scope = (0, import_vue4.effectScope)();
+    scopeState = null;
+  }
+  return (0, import_vue4.reactive)({
+    ...scopeState,
+    $pending,
+    $valid,
+    $validate,
+    $unwatch,
+    $watch
+  });
+}
+
+// src/core/useRegle/useStateProperties/createReactiveFieldStatus.ts
+function createReactiveFieldStatus({
+  state,
+  rulesDef,
+  customMessages,
+  path,
+  storage
+}) {
+  let scope = (0, import_vue5.effectScope)();
+  let scopeState;
+  const $dirty = (0, import_vue5.ref)(false);
+  const $anyDirty = (0, import_vue5.computed)(() => $dirty.value);
+  function createReactiveRulesResult() {
+    const declaredRules = rulesDef.value;
+    const storeResult = storage.checkRuleDeclEntry(path, declaredRules);
+    $rules.value = Object.fromEntries(
+      Object.entries(declaredRules).map(([ruleKey, rule]) => {
+        if (rule) {
+          const ruleRef = (0, import_vue5.toRef)(() => rule);
+          return [
+            ruleKey,
+            createReactiveRuleStatus({
+              $dirty,
+              customMessages,
+              rule: ruleRef,
+              ruleKey,
+              state,
+              path,
+              storage
+            })
+          ];
+        }
+        return [];
+      }).filter((ruleDef) => !!ruleDef.length)
+    );
+    $watch();
+    if (storeResult?.valid != null) {
+      $dirty.value = storage.getDirtyState(path);
     }
-    return message;
+    storage.addRuleDeclEntry(path, declaredRules);
+  }
+  const $unwatchDirty = (0, import_vue5.watch)($dirty, () => {
+    storage.setDirtyEntry(path, $dirty.value);
   });
-  const $type = (0, import_vue2.computed)(() => {
-    if (isFormInline(rule)) {
-      return ruleKey;
-    } else {
-      return Object.values(InternalRuleType).includes(rule.value.type) ? ruleKey : rule.value.type;
+  const $unwatchState = (0, import_vue5.watch)(state, () => {
+    if (!$dirty.value) {
+      $dirty.value = true;
     }
+    $validate();
   });
-  const $validator = (0, import_vue2.computed)(
-    () => {
-      if (isFormInline(rule)) {
-        return rule.value;
-      } else {
-        return rule.value.validator;
-      }
+  function $unwatch() {
+    if ($rules.value) {
+      Object.entries($rules.value).forEach(([_, rule]) => {
+        rule.$unwatch();
+      });
     }
-  );
-  const $params = (0, import_vue2.computed)(() => {
-    if (typeof rule.value === "function") {
-      return [];
+    $unwatchDirty();
+    if ($dirty.value) {
+      storage.setDirtyEntry(path, $dirty.value);
+    }
+    $unwatchState();
+    scope.stop();
+    scope = (0, import_vue5.effectScope)();
+    scopeState = null;
+  }
+  function $watch() {
+    scopeState = scope.run(() => {
+      const $error = (0, import_vue5.computed)(() => {
+        return $invalid.value && !$pending.value && $dirty.value;
+      });
+      const $pending = (0, import_vue5.computed)(() => {
+        return Object.entries($rules.value).some(([key, rule]) => {
+          return rule.$pending;
+        });
+      });
+      const $invalid = (0, import_vue5.computed)(() => {
+        return Object.entries($rules.value).some(([key, ruleResult]) => {
+          return !ruleResult.$valid;
+        });
+      });
+      const $valid = (0, import_vue5.computed)(() => !$invalid.value);
+      return {
+        $error,
+        $pending,
+        $invalid,
+        $valid
+      };
+    });
+  }
+  const $rules = (0, import_vue5.ref)();
+  createReactiveRulesResult();
+  function $reset() {
+    $dirty.value = false;
+  }
+  function $touch() {
+    $dirty.value = true;
+    $validate();
+  }
+  async function $validate() {
+    try {
+      const results = await Promise.all(
+        Object.entries($rules.value).map(([key, rule]) => {
+          return rule.$validate();
+        })
+      );
+      return results.every((value) => !!value);
+    } catch (e) {
+      return false;
     }
-    return unwrapRuleParameters(rule.value._params ?? []);
+  }
+  return (0, import_vue5.reactive)({
+    $dirty,
+    $anyDirty,
+    $invalid: scopeState.$invalid,
+    $error: scopeState.$error,
+    $pending: scopeState.$pending,
+    $valid: scopeState.$valid,
+    $value: state,
+    $rules,
+    $reset,
+    $touch,
+    $validate,
+    $unwatch,
+    $watch
   });
-  (0, import_vue2.watch)(
-    [state, $dirty, $params],
-    async () => {
-      const validator = $validator.value;
-      let ruleResult = false;
-      const resultOrPromise = validator(state.value, ...$params.value);
-      if (resultOrPromise instanceof Promise) {
-        if ($dirty.value) {
-          try {
-            $valid.value = true;
-            $pending.value = true;
-            const promiseResult = await resultOrPromise;
-            ruleResult = promiseResult;
-          } catch (e) {
-            ruleResult = false;
-          } finally {
-            $pending.value = false;
-          }
-        }
-      } else {
-        ruleResult = resultOrPromise;
-      }
-      $valid.value = ruleResult;
-    },
-    { immediate: true, deep: true }
-  );
-  return (0, import_vue2.reactive)({
-    $message,
-    $active,
-    $pending,
-    $type,
-    $valid,
-    $validator,
-    ...$params.value.length && { $params }
+}
+
+// src/core/useRegle/useStateProperties/createReactiveCollectionStatus.ts
+var import_vue6 = require("vue");
+function createReactiveCollectionStatus({
+  state,
+  rulesDef,
+  customMessages,
+  path,
+  storage
+}) {
+  if (Array.isArray(state.value) && !rulesDef.value.$each) {
+    return null;
+  }
+  let $unwatchState = null;
+  const $fieldStatus = (0, import_vue6.ref)({});
+  const $eachStatus = storage.getCollectionsEntry(path);
+  createStatus();
+  $watch();
+  function createStatus() {
+    const { $each, ...otherFields } = rulesDef.value;
+    $fieldStatus.value = createReactiveFieldStatus({
+      state,
+      rulesDef: (0, import_vue6.toRef)(() => otherFields),
+      customMessages,
+      path,
+      storage
+    });
+    if (Array.isArray(state.value) && $each) {
+      $eachStatus.value = state.value.map((value, index) => {
+        const $path = `${path}.${index}`;
+        return createReactiveChildrenStatus({
+          state: (0, import_vue6.toRef)(() => value),
+          rulesDef: (0, import_vue6.toRef)(() => $each),
+          customMessages,
+          path: $path,
+          storage
+        });
+      }).filter((f) => !!f);
+    } else {
+      $eachStatus.value = [];
+    }
+  }
+  function $unwatch() {
+    if ($unwatchState) {
+      $unwatchState();
+    }
+    if ($fieldStatus.value) {
+      $fieldStatus.value.$unwatch();
+    }
+    if ($eachStatus.value) {
+      $eachStatus.value.forEach((element) => {
+        element.$unwatch();
+      });
+    }
+  }
+  function $watch() {
+    $unwatchState = (0, import_vue6.watch)(
+      state,
+      () => {
+        createStatus();
+      },
+      { deep: true, flush: "sync" }
+    );
+  }
+  return (0, import_vue6.reactive)({
+    ...$fieldStatus.value,
+    $each: $eachStatus,
+    $unwatch,
+    $watch
   });
 }
 
-// src/core/useRegle/useStateProperties/createReactiveStatus.ts
-function createReactiveNestedStatus(scopeRules, state, customRules) {
-  const $fields = (0, import_vue3.reactive)(
-    Object.fromEntries(
+// src/core/useRegle/useStateProperties/createReactiveNestedStatus.ts
+function createReactiveNestedStatus({
+  scopeRules,
+  state,
+  customMessages,
+  path = "",
+  rootRules,
+  storage
+}) {
+  let scope = (0, import_vue7.effectScope)();
+  let scopeState;
+  let $unwatchFields;
+  function createReactiveFieldsStatus() {
+    $fields.value = Object.fromEntries(
       Object.entries(scopeRules.value).map(([statePropKey, statePropRules]) => {
         if (statePropRules) {
-          const stateRef = (0, import_vue3.toRef)(state.value, statePropKey);
-          const statePropRulesRef = (0, import_vue3.toRef)(() => statePropRules);
+          const stateRef = (0, import_vue7.toRef)(state.value, statePropKey);
+          const statePropRulesRef = (0, import_vue7.toRef)(() => statePropRules);
           return [
             statePropKey,
-            createReactiveFieldStatus(stateRef, statePropRulesRef, customRules)
+            createReactiveChildrenStatus({
+              state: stateRef,
+              rulesDef: statePropRulesRef,
+              customMessages,
+              path: path ? `${path}.${statePropKey}` : statePropKey,
+              storage
+            })
           ];
         }
         return [];
       }).filter(
         (rule) => !!rule.length && rule[1] != null
       )
-    )
-  );
-  const $dirty = (0, import_vue3.computed)(() => {
-    return Object.entries($fields).every(([key, statusOrField]) => {
-      return statusOrField.$dirty;
-    });
-  });
-  const $anyDirty = (0, import_vue3.computed)(() => {
-    return Object.entries($fields).some(([key, statusOrField]) => {
-      return statusOrField.$dirty;
-    });
-  });
-  const $invalid = (0, import_vue3.computed)(() => {
-    return Object.entries($fields).some(([key, statusOrField]) => {
-      return statusOrField.$invalid;
-    });
-  });
-  const $error = (0, import_vue3.computed)(() => {
-    return Object.entries($fields).some(([key, statusOrField]) => {
-      return statusOrField.$error;
-    });
-  });
-  const $pending = (0, import_vue3.computed)(() => {
-    return Object.entries($fields).some(([key, statusOrField]) => {
-      return statusOrField.$pending;
-    });
-  });
+    );
+    $watch();
+  }
+  const $fields = storage.getFieldsEntry(path);
+  createReactiveFieldsStatus();
   function $reset() {
-    Object.entries($fields).forEach(([key, statusOrField]) => {
+    Object.entries($fields.value).forEach(([_, statusOrField]) => {
       statusOrField.$reset();
     });
   }
   function $touch() {
-    Object.entries($fields).forEach(([key, statusOrField]) => {
+    Object.entries($fields.value).forEach(([_, statusOrField]) => {
       statusOrField.$touch();
     });
   }
-  const $valid = (0, import_vue3.computed)(() => !$invalid.value);
-  return (0, import_vue3.reactive)({
-    $dirty,
-    $anyDirty,
-    $invalid,
-    $valid,
-    $error,
-    $pending,
-    $value: state,
+  async function $validate() {
+    try {
+      const results = await Promise.all(
+        Object.entries($fields.value).map(([_, statusOrField]) => {
+          return statusOrField.$validate();
+        })
+      );
+      return results.every((value) => !!value);
+    } catch (e) {
+      return false;
+    }
+  }
+  function $watch() {
+    if (rootRules) {
+      $unwatchFields = (0, import_vue7.watch)(
+        rootRules,
+        () => {
+          $unwatch();
+          createReactiveFieldsStatus();
+        },
+        { deep: true, flush: "post" }
+      );
+    }
+    scopeState = scope.run(() => {
+      const $dirty = (0, import_vue7.computed)(() => {
+        return Object.entries($fields.value).every(([key, statusOrField]) => {
+          return statusOrField.$dirty;
+        });
+      });
+      const $anyDirty = (0, import_vue7.computed)(() => {
+        return Object.entries($fields.value).some(([key, statusOrField]) => {
+          return statusOrField.$dirty;
+        });
+      });
+      const $invalid = (0, import_vue7.computed)(() => {
+        return Object.entries($fields.value).some(([key, statusOrField]) => {
+          return statusOrField.$invalid;
+        });
+      });
+      const $valid = (0, import_vue7.computed)(() => !$invalid.value);
+      const $error = (0, import_vue7.computed)(() => {
+        return Object.entries($fields.value).some(([key, statusOrField]) => {
+          return statusOrField.$error;
+        });
+      });
+      const $pending = (0, import_vue7.computed)(() => {
+        return Object.entries($fields.value).some(([key, statusOrField]) => {
+          return statusOrField.$pending;
+        });
+      });
+      return {
+        $dirty,
+        $anyDirty,
+        $invalid,
+        $valid,
+        $error,
+        $pending
+      };
+    });
+  }
+  function $unwatch() {
+    if ($fields.value) {
+      Object.entries($fields.value).forEach(([_, field]) => {
+        field.$unwatch();
+      });
+    }
+    if ($unwatchFields) {
+      $unwatchFields();
+    }
+    scope.stop();
+    scope = (0, import_vue7.effectScope)();
+    scopeState = null;
+  }
+  return (0, import_vue7.reactive)({
+    ...scopeState,
     $fields,
     $reset,
-    $touch
+    $touch,
+    $validate,
+    $unwatch,
+    $watch
   });
 }
-function createReactiveFieldStatus(state, rulesDef, customRules) {
+function createReactiveChildrenStatus({
+  state,
+  rulesDef,
+  customMessages,
+  path,
+  storage
+}) {
   if (isCollectionRulesDef(rulesDef)) {
-    const { $each, ...otherFields } = (0, import_vue3.toRefs)((0, import_vue3.reactive)(rulesDef.value));
-    if (Array.isArray(state.value) && $each?.value) {
-      const values = (0, import_vue3.toRefs)(state.value);
-      return (0, import_vue3.reactive)({
-        ...!isEmpty(otherFields) && createReactiveFieldStatus(state, (0, import_vue3.toRef)((0, import_vue3.reactive)(otherFields)), customRules),
-        $each: values.map((value) => {
-          return createReactiveFieldStatus(value, $each, customRules);
-        }).filter((f) => !!f)
-      });
-    }
-    return null;
-  } else if (isNestedRulesDef(state, rulesDef)) {
-    return createReactiveNestedStatus(rulesDef, state, customRules);
-  } else if (isValidatorRulesDef(rulesDef)) {
-    let $reset2 = function() {
-      $dirty.value = false;
-    }, $touch2 = function() {
-      $dirty.value = true;
-    };
-    var $reset = $reset2, $touch = $touch2;
-    const customMessages = customRules();
-    const $dirty = (0, import_vue3.ref)(false);
-    const $anyDirty = (0, import_vue3.computed)(() => $dirty.value);
-    const $rules = (0, import_vue3.reactive)(
-      Object.fromEntries(
-        Object.entries(rulesDef.value).map(([ruleKey, rule]) => {
-          if (rule) {
-            const ruleRef = (0, import_vue3.toRef)(() => rule);
-            return [
-              ruleKey,
-              createReactiveRuleStatus({
-                $dirty,
-                customMessages,
-                rule: ruleRef,
-                ruleKey,
-                state
-              })
-            ];
-          }
-          return [];
-        }).filter((ruleDef) => !!ruleDef.length)
-      )
-    );
-    const $error = (0, import_vue3.computed)(() => {
-      return $invalid.value && !$pending.value && $dirty.value;
-    });
-    const $pending = (0, import_vue3.computed)(() => {
-      return Object.entries($rules).some(([key, rule]) => {
-        return rule.$pending;
-      });
-    });
-    const $invalid = (0, import_vue3.computed)(() => {
-      return Object.entries($rules).some(([key, ruleResult]) => {
-        return !ruleResult.$valid;
-      });
+    return createReactiveCollectionStatus({
+      state,
+      rulesDef,
+      customMessages,
+      path,
+      storage
     });
-    const $valid = (0, import_vue3.computed)(() => !$invalid.value);
-    (0, import_vue3.watch)(state, () => {
-      console.log(state);
-      if (!$dirty.value) {
-        $dirty.value = true;
-      }
+  } else if (isNestedRulesDef(state, rulesDef) && isRefObject(state)) {
+    return createReactiveNestedStatus({
+      scopeRules: rulesDef,
+      state,
+      customMessages,
+      path,
+      storage
     });
-    console.log(state);
-    return (0, import_vue3.reactive)({
-      $dirty,
-      $anyDirty,
-      $invalid,
-      $error,
-      $pending,
-      $valid,
-      $reset: $reset2,
-      $touch: $touch2,
-      $value: state,
-      $rules
+  } else if (isValidatorRulesDef(rulesDef)) {
+    return createReactiveFieldStatus({
+      state,
+      rulesDef,
+      customMessages,
+      path,
+      storage
     });
   }
   return null;
 }
 
-// src/core/useRegle/useErrors.ts
-var import_vue4 = require("vue");
-function extractRulesErrors(rules) {
-  return Object.entries(rules).map(([ruleKey, rule]) => {
-    if (!rule.$valid) {
-      return rule.$message;
+// src/core/useStorage/useStorage.ts
+var import_vue8 = require("vue");
+function useStorage() {
+  const ruleDeclStorage = (0, import_vue8.shallowRef)(/* @__PURE__ */ new Map());
+  const fieldsStorage = (0, import_vue8.shallowRef)(
+    /* @__PURE__ */ new Map()
+  );
+  const collectionsStorage = (0, import_vue8.shallowRef)(/* @__PURE__ */ new Map());
+  const dirtyStorage = (0, import_vue8.shallowRef)(/* @__PURE__ */ new Map());
+  const ruleStatusStorage = (0, import_vue8.shallowRef)(/* @__PURE__ */ new Map());
+  function getFieldsEntry($path) {
+    const existingFields = fieldsStorage.value.get($path);
+    if (existingFields) {
+      return existingFields;
+    } else {
+      const $fields = (0, import_vue8.ref)({});
+      fieldsStorage.value.set($path, $fields);
+      return $fields;
     }
-    return null;
-  }).filter((msg) => !!msg);
-}
-function processFieldErrors(fieldStatus) {
-  if (isNestedRulesStatus(fieldStatus)) {
-    return extractNestedErrors(fieldStatus.$fields);
-  } else if (isCollectionRulesStatus(fieldStatus)) {
-    return {
-      $errors: fieldStatus.$error ? extractRulesErrors(fieldStatus.$rules) : [],
-      $each: fieldStatus.$each.map(processFieldErrors)
-    };
-  } else if (isFieldStatus(fieldStatus) && fieldStatus.$error) {
-    return extractRulesErrors(fieldStatus.$rules);
   }
-  return [];
-}
-function extractCollectionError(field) {
-  return field.$each.map(processFieldErrors);
-}
-function extractNestedErrors(fields) {
-  return Object.fromEntries(
-    Object.entries(fields).map(([fieldKey, fieldStatus]) => {
-      if (isNestedRulesStatus(fieldStatus)) {
-        return [fieldKey, extractNestedErrors(fieldStatus.$fields)];
-      } else if (isCollectionRulesStatus(fieldStatus)) {
-        return [
-          fieldKey,
-          {
-            ...fieldStatus.$rules && { $errors: extractRulesErrors(fieldStatus.$rules) },
-            $each: extractCollectionError(fieldStatus)
-          }
-        ];
-      } else if (isFieldStatus(fieldStatus) && fieldStatus.$error) {
-        return [fieldKey, extractRulesErrors(fieldStatus.$rules)];
-      }
-      return [fieldKey, []];
-    })
-  );
-}
-function useErrors($regle) {
-  const errors = (0, import_vue4.computed)(() => {
-    return extractNestedErrors($regle.value.$fields);
-  });
-  return errors;
+  function getCollectionsEntry($path) {
+    const existingEach = collectionsStorage.value.get($path);
+    if (existingEach) {
+      return existingEach;
+    } else {
+      const $each = (0, import_vue8.ref)([]);
+      collectionsStorage.value.set($path, $each);
+      return $each;
+    }
+  }
+  function setDirtyEntry($path, dirty) {
+    dirtyStorage.value.set($path, dirty);
+  }
+  function getDirtyState(path) {
+    return dirtyStorage.value.get(path) ?? false;
+  }
+  function addRuleDeclEntry($path, options) {
+    ruleDeclStorage.value.set($path, options);
+  }
+  function checkRuleDeclEntry($path, newRules) {
+    const storedRulesDefs = ruleDeclStorage.value.get($path);
+    if (!storedRulesDefs)
+      return void 0;
+    const storedRules = storedRulesDefs;
+    const isValidCache = areRulesChanged(newRules, storedRules);
+    if (!isValidCache)
+      return { valid: false };
+    return { valid: true };
+  }
+  function areRulesChanged(newRules, storedRules) {
+    const storedRulesKeys = Object.keys(storedRules);
+    const newRulesKeys = Object.keys(newRules);
+    if (newRulesKeys.length !== storedRulesKeys.length)
+      return false;
+    const hasAllValidators = newRulesKeys.every((ruleKey) => storedRulesKeys.includes(ruleKey));
+    if (!hasAllValidators)
+      return false;
+    return newRulesKeys.every((ruleKey) => {
+      const newRuleElement = newRules[ruleKey];
+      const storedRuleElement = storedRules[ruleKey];
+      if (!storedRuleElement || !newRuleElement || typeof newRuleElement === "function" || typeof storedRuleElement === "function")
+        return false;
+      if (!newRuleElement._params)
+        return true;
+      return newRuleElement._params?.every((paramKey, index) => {
+        const storedParams = unwrapRuleParameters(storedRuleElement._params);
+        const newParams = unwrapRuleParameters(newRuleElement._params);
+        return storedParams?.[index] === newParams?.[index];
+      });
+    });
+  }
+  function trySetRuleStatusRef(path) {
+    const ruleStatus = ruleStatusStorage.value.get(path);
+    if (ruleStatus) {
+      return ruleStatus;
+    } else {
+      const $pending = (0, import_vue8.ref)(false);
+      const $valid = (0, import_vue8.ref)(true);
+      ruleStatusStorage.value.set(path, { $pending, $valid });
+      return { $pending, $valid };
+    }
+  }
+  return {
+    addRuleDeclEntry,
+    setDirtyEntry,
+    checkRuleDeclEntry,
+    getDirtyState,
+    trySetRuleStatusRef,
+    getFieldsEntry,
+    getCollectionsEntry
+  };
 }
 
 // src/core/useRegle/useStateProperties/useStateProperties.ts
 function useStateProperties(scopeRules, state, customRules) {
-  const $regle = (0, import_vue5.ref)(createReactiveNestedStatus(scopeRules, state, customRules));
+  const storage = useStorage();
+  const $regle = (0, import_vue9.reactive)(
+    createReactiveNestedStatus({
+      rootRules: scopeRules,
+      scopeRules,
+      state,
+      customMessages: customRules(),
+      storage
+    })
+  );
   const errors = useErrors($regle);
   return { $regle, errors };
 }
@@ -502,17 +848,27 @@ function useStateProperties(scopeRules, state, customRules) {
 // src/core/useRegle/useRegle.ts
 function createUseRegleComposable(customRules) {
   function useRegle(state, rulesFactory) {
-    const scopeRules = (0, import_vue6.isRef)(rulesFactory) ? rulesFactory : (0, import_vue6.computed)(rulesFactory);
-    const initialState = (0, import_vue6.shallowRef)(structuredClone((0, import_vue6.toRaw)(state.value)));
+    const scopeRules = (0, import_vue10.isRef)(rulesFactory) ? rulesFactory : (0, import_vue10.computed)(rulesFactory);
+    const initialState = (0, import_vue10.shallowRef)(structuredClone((0, import_vue10.toRaw)(state.value)));
     const { $regle, errors } = useStateProperties(
       scopeRules,
       state,
       customRules
     );
+    function resetForm() {
+      state.value = (0, import_vue10.toRaw)(initialState.value);
+      $regle.$reset();
+    }
+    async function validateForm() {
+      $regle.$touch();
+      return await $regle.$validate();
+    }
     return {
       state,
       $regle,
-      errors
+      errors,
+      resetForm,
+      validateForm
     };
   }
   return useRegle;