@regle/core 0.0.8 → 0.0.9

package/dist/index.cjs

@@ -297,6 +297,35 @@ function isEmpty(value) {
 // src/utils/composables.ts
 var import_vue3 = require("vue");
 
+// src/utils/debounce.ts
+function debounce(func, wait, immediate) {
+  let timeout;
+  const debouncedFn = (...args) => new Promise((resolve) => {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      timeout = void 0;
+      if (!immediate) {
+        void Promise.resolve(func.apply(this, [...args])).then(resolve);
+      }
+    }, wait);
+    if (immediate && !timeout) {
+      void Promise.resolve(func.apply(this, [...args])).then(resolve);
+    }
+  });
+  debouncedFn.cancel = () => {
+    clearTimeout(timeout);
+    timeout = void 0;
+  };
+  debouncedFn.doImmediately = (...args) => new Promise((resolve) => {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      timeout = void 0;
+      void Promise.resolve(func.apply(this, [...args])).then(resolve);
+    }, 0);
+  });
+  return debouncedFn;
+}
+
 // 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));
@@ -602,8 +631,11 @@ function createReactiveFieldStatus({
   function createReactiveRulesResult() {
     const declaredRules = rulesDef.value;
     const storeResult = storage.checkRuleDeclEntry(path, declaredRules);
+    $localOptions.value = Object.fromEntries(
+      Object.entries(declaredRules).filter(([ruleKey]) => ruleKey.startsWith("$"))
+    );
     $rules.value = Object.fromEntries(
-      Object.entries(declaredRules).map(([ruleKey, rule]) => {
+      Object.entries(declaredRules).filter(([ruleKey]) => !ruleKey.startsWith("$")).map(([ruleKey, rule]) => {
         if (rule) {
           const ruleRef = (0, import_vue6.toRef)(() => rule);
           return [
@@ -636,15 +668,17 @@ function createReactiveFieldStatus({
     storage.setDirtyEntry(path, $dirty.value);
   });
   const $unwatchState = (0, import_vue6.watch)(state, () => {
-    if ((0, import_vue6.unref)(options.autoDirty)) {
+    if (scopeState.$autoDirty.value) {
       if (!$dirty.value) {
         $dirty.value = true;
       }
     }
-    if (!(0, import_vue6.unref)(options.lazy)) {
+    if (!scopeState.$lazy.value) {
       $commit();
+      if (!scopeState.$rewardEarly.value !== false) {
+        $clearExternalErrors();
+      }
     }
-    $externalErrors.value = [];
   });
   function $unwatch() {
     if ($rules.value) {
@@ -664,11 +698,32 @@ function createReactiveFieldStatus({
   }
   function $watch() {
     scopeState = scope.run(() => {
+      const $debounce = (0, import_vue6.computed)(() => {
+        return $localOptions.value.$debounce;
+      });
+      const $lazy = (0, import_vue6.computed)(() => {
+        if ($localOptions.value.$lazy) {
+          return $localOptions.value.$lazy;
+        }
+        return (0, import_vue6.unref)(options.lazy);
+      });
+      const $rewardEarly = (0, import_vue6.computed)(() => {
+        if ($localOptions.value.$rewardEarly) {
+          return $localOptions.value.$rewardEarly;
+        }
+        return (0, import_vue6.unref)(options.rewardEarly);
+      });
+      const $autoDirty = (0, import_vue6.computed)(() => {
+        if ($localOptions.value.$autoDirty) {
+          return $localOptions.value.$autoDirty;
+        }
+        return (0, import_vue6.unref)(options.autoDirty);
+      });
       const $error = (0, import_vue6.computed)(() => {
         return $invalid.value && !$pending.value && $dirty.value;
       });
       const $pending = (0, import_vue6.computed)(() => {
-        if (triggerPunishment.value || !(0, import_vue6.unref)(options.rewardEarly)) {
+        if (triggerPunishment.value || !$rewardEarly.value) {
           return Object.entries($rules.value).some(([key, ruleResult]) => {
             return ruleResult.$pending;
           });
@@ -676,7 +731,9 @@ function createReactiveFieldStatus({
         return false;
       });
       const $invalid = (0, import_vue6.computed)(() => {
-        if (triggerPunishment.value || !(0, import_vue6.unref)(options.rewardEarly)) {
+        if ($externalErrors.value?.length) {
+          return true;
+        } else if (triggerPunishment.value || !$rewardEarly.value) {
           return Object.entries($rules.value).some(([key, ruleResult]) => {
             return !ruleResult.$valid;
           });
@@ -684,7 +741,9 @@ function createReactiveFieldStatus({
         return false;
       });
       const $valid = (0, import_vue6.computed)(() => {
-        if ((0, import_vue6.unref)(options.rewardEarly)) {
+        if ($externalErrors.value?.length) {
+          return false;
+        } else if ($rewardEarly.value) {
           return Object.entries($rules.value).every(([key, ruleResult]) => {
             return ruleResult.$valid;
           });
@@ -696,14 +755,19 @@ function createReactiveFieldStatus({
         $error,
         $pending,
         $invalid,
-        $valid
+        $valid,
+        $debounce,
+        $lazy,
+        $rewardEarly,
+        $autoDirty
       };
     });
   }
   const $rules = (0, import_vue6.ref)();
+  const $localOptions = (0, import_vue6.ref)();
   createReactiveRulesResult();
   const $unwatchValid = (0, import_vue6.watch)(scopeState.$valid, (valid) => {
-    if ((0, import_vue6.unref)(options.rewardEarly) && valid) {
+    if (scopeState.$rewardEarly.value && valid) {
       triggerPunishment.value = false;
     }
   });
@@ -714,15 +778,18 @@ function createReactiveFieldStatus({
   function $touch() {
     $dirty.value = true;
   }
-  function $commit() {
+  const $commit = debounce($commitHandler, scopeState.$debounce.value ?? 0);
+  function $commitHandler() {
     Object.entries($rules.value).map(([key, rule]) => {
       return rule.$validate();
     });
   }
-  async function $validate() {
+  const $validate = debounce($validateHandler, scopeState.$debounce.value ?? 0);
+  async function $validateHandler() {
     try {
+      $clearExternalErrors();
       triggerPunishment.value = true;
-      const results = await Promise.all(
+      const results = await Promise.allSettled(
         Object.entries($rules.value).map(([key, rule]) => {
           return rule.$validate();
         })