@indielayer/ui 1.8.0 → 1.8.1

package/lib/composables/useInputtable.js

@@ -1,13 +1,13 @@
-import { ref as a, watch as h, inject as G, computed as j, onMounted as A, onUnmounted as O } from "vue";
-import { injectFormGroupKey as K, injectFormKey as M } from "./keys.js";
-const y = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
-  const s = a(!0), o = a(r.error), v = a(r.hideFooter), V = r.name ? r.name : (Math.random() + 1).toString(36).substring(7), i = a(V);
-  h(() => r.error, (e) => {
+import { ref as a, watch as y, inject as h, computed as j, onMounted as k, onUnmounted as A } from "vue";
+import { injectFormGroupKey as R, injectFormKey as O } from "./keys.js";
+const G = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
+  const s = a(!0), o = a(r.error), F = a(r.hideFooter), V = r.name ? r.name : (Math.random() + 1).toString(36).substring(7), i = a(V);
+  y(() => r.error, (e) => {
     o.value = e;
-  }), h(() => r.name, (e) => {
+  }), y(() => r.name, (e) => {
     e && (i.value = e);
   });
-  const t = G(K, {
+  const t = h(R, {
     registerInputGroup: () => {
     },
     unregisterInputGroup: () => {
@@ -17,8 +17,8 @@ const y = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
     isInsideFormGroup: !1,
     value: void 0
   });
-  t.isInsideFormGroup && (v.value = !0);
-  const c = G(M, {
+  t.isInsideFormGroup && (F.value = !0);
+  const m = h(O, {
     registerInput: () => {
     },
     unregisterInput: () => {
@@ -26,21 +26,21 @@ const y = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
     isInsideForm: !1
   }), S = () => {
     o.value = "", s.value = !0, n("update:modelValue", "");
-  }, F = (e) => {
+  }, v = (e) => {
     o.value = e;
-  }, m = (e) => {
+  }, c = (e) => {
     e = e || r.modelValue, s.value = !1;
-    for (let p = 0; p < r.rules.length; p++) {
-      const u = r.rules[p];
+    for (let g = 0; g < r.rules.length; g++) {
+      const u = r.rules[g];
       let l = !0;
       if (typeof u == "function")
         l = u(e);
       else if (Array.isArray(u) && u.length === 2) {
-        const { 0: d, 1: g } = u;
-        l = d(e, g);
+        const { 0: d, 1: p } = u;
+        l = d(e, p);
       } else {
-        const d = u.fn, { options: g } = u;
-        l = d(e, g);
+        const d = u.fn, { options: p } = u;
+        l = d(e, p);
       }
       if (l !== !0)
         return o.value = l, !1;
@@ -54,7 +54,7 @@ const y = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
       f.value = !1, n("blur", e);
     },
     input: (e) => {
-      r.validateOnInput && !s.value && m(e.target.value), n("update:modelValue", e.target.value), n("input", e);
+      r.validateOnInput && !s.value && c(e.target.value), n("update:modelValue", e.target.value), n("input", e);
     },
     change: (e) => n("change", e)
   })) : {
@@ -67,26 +67,26 @@ const y = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
     change: () => {
     }
   };
-  return A(() => {
-    t.isInsideFormGroup ? t.registerInputGroup(i.value, I) : c.registerInput(i.value, I, m, F);
-  }), O(() => {
-    t.isInsideFormGroup ? t.unregisterInputGroup(i.value) : c.unregisterInput(i.value);
+  return k(() => {
+    t.isInsideFormGroup ? t.registerInputGroup(i.value, I) : r.skipFormRegistry || m.registerInput(i.value, I, c, v);
+  }), A(() => {
+    t.isInsideFormGroup ? t.unregisterInputGroup(i.value) : r.skipFormRegistry || m.unregisterInput(i.value);
   }), {
     isFirstValidation: s,
     errorInternal: o,
-    hideFooterInternal: v,
+    hideFooterInternal: F,
     isFocused: f,
-    isInsideForm: c.isInsideForm,
+    isInsideForm: r.skipFormRegistry ? !1 : m.isInsideForm,
     isInsideFormGroup: t.isInsideFormGroup,
     inputListeners: B,
     formGroup: t,
     reset: S,
-    validate: m,
-    setError: F
+    validate: c,
+    setError: v
   };
 };
-y.emits = (r = !0) => r ? ["update:modelValue", "blur", "focus", "input", "change"] : ["update:modelValue"];
-y.props = () => ({
+G.emits = (r = !0) => r ? ["update:modelValue", "blur", "focus", "input", "change"] : ["update:modelValue"];
+G.props = () => ({
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default: void 0
@@ -107,8 +107,9 @@ y.props = () => ({
     type: Array,
     default: () => []
   },
-  tooltip: String
+  tooltip: String,
+  skipFormRegistry: Boolean
 });
 export {
-  y as useInputtable
+  G as useInputtable
 };