@effect-app/vue-components 0.1.2 → 0.1.3

package/dist/vue-components.es15.js

@@ -1,10 +1,11 @@
 (function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as C, getCurrentInstance as L, useId as O, computed as n, watch as V, onMounted as S, ref as $, watchEffect as A, useAttrs as P, renderSlot as D, normalizeProps as M, guardReactiveProps as R, createBlock as T, createCommentVNode as U, unref as z, openBlock as F } from "vue";
-import { useStore as N } from "@tanstack/vue-form";
-import { useOmegaErrors as j } from "./vue-components.es4.js";
-import G from "./vue-components.es18.js";
+import { defineComponent as A, getCurrentInstance as B, useId as C, computed as n, watch as _, onMounted as L, ref as O, watchEffect as P, useAttrs as S, renderSlot as D, normalizeProps as M, guardReactiveProps as R, createBlock as T, createCommentVNode as U, unref as z, openBlock as F, mergeProps as N } from "vue";
+import { useStore as j } from "@tanstack/vue-form";
+import { useOmegaErrors as G } from "./vue-components.es4.js";
+import H from "./vue-components.es18.js";
 
-const X = /* @__PURE__ */ C({
+const Y = /* @__PURE__ */ A({
+  inheritAttrs: !1,
   __name: "OmegaInternalInput",
   props: {
     field: {},
@@ -15,46 +16,46 @@ const X = /* @__PURE__ */ C({
     validators: {}
   },
   setup(q) {
-    const e = q, l = L(), E = l == null ? void 0 : l.appContext.components.VTextField, o = O(), u = e.field, a = N(u.store, (t) => t), i = n(() => {
+    const e = q, l = B(), E = l == null ? void 0 : l.appContext.components.VTextField, o = C(), u = e.field, a = j(u.store, (t) => t), i = n(() => {
       var t, r;
       return e.type ? e.type : ((t = e.meta) == null ? void 0 : t.type) === "string" ? e.meta.format === "email" ? "email" : "string" : ((r = e.meta) == null ? void 0 : r.type) || "unknown";
-    }), m = n(() => a.value.value), p = n(
+    }), s = n(() => a.value.value), p = n(
       () => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         a.value.meta.errors.map((t) => t == null ? void 0 : t.message).filter(Boolean)
       )
     );
-    V(
-      () => [!!m.value],
+    _(
+      () => [!!s.value],
       () => {
         var t, r;
-        p.value.length && !m.value && !((t = e.meta) != null && t.required) && u.setValue(
+        p.value.length && !s.value && !((t = e.meta) != null && t.required) && u.setValue(
           ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "undefined" ? void 0 : null
         );
       }
-    ), S(() => {
+    ), L(() => {
       var t, r;
-      !m.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && u.setValue(null);
+      !s.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && u.setValue(null);
     });
-    const s = $(!1), I = () => {
-      s.value = !0;
-    }, { addError: k, formSubmissionAttempts: w, removeError: B } = j();
-    A(() => {
-      w.value > 0 && (s.value = !0);
+    const m = O(!1), I = () => {
+      m.value = !0;
+    }, { addError: $, formSubmissionAttempts: k, removeError: w } = G();
+    P(() => {
+      k.value > 0 && (m.value = !0);
     });
-    const d = n(() => !s.value && i.value !== "select" ? [] : p.value);
-    V(
+    const f = n(() => !m.value && i.value !== "select" ? [] : p.value);
+    _(
       () => a.value.meta.errors,
       () => {
-        a.value.meta.errors.length ? k({
+        a.value.meta.errors.length ? $({
           inputId: o,
           errors: a.value.meta.errors.map((t) => t.message).filter(Boolean),
           label: e.label
-        }) : B(o);
+        }) : w(o);
       }
-    ), P();
-    const f = n(() => {
-      var t, r, c, v, g, y, h, b, x, _;
+    ), S();
+    const d = n(() => {
+      var t, r, c, v, g, y, h, b, x, V;
       return {
         id: o,
         required: (t = e.meta) == null ? void 0 : t.required,
@@ -64,23 +65,23 @@ const X = /* @__PURE__ */ C({
         min: ((b = e.meta) == null ? void 0 : b.type) === "number" && ((x = e.meta) == null ? void 0 : x.minimum),
         name: e.field.name,
         modelValue: e.field.state.value,
-        errorMessages: d.value,
-        error: !!d.value.length,
+        errorMessages: f.value,
+        error: !!f.value.length,
         field: e.field,
         setRealDirty: I,
         type: i.value,
-        label: `${e.label}${(_ = e.meta) != null && _.required ? " *" : ""}`,
+        label: `${e.label}${(V = e.meta) != null && V.required ? " *" : ""}`,
         options: e.options
       };
     });
-    return (t, r) => D(t.$slots, "default", M(R(f.value)), () => [
-      z(E) ? (F(), T(G, {
+    return (t, r) => D(t.$slots, "default", M(R(d.value)), () => [
+      z(E) ? (F(), T(H, N({
         key: 0,
-        "input-props": f.value
-      }, null, 8, ["input-props"])) : U("", !0)
+        "input-props": d.value
+      }, t.$attrs), null, 16, ["input-props"])) : U("", !0)
     ]);
   }
 });
 export {
-  X as default
+  Y as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "^1.2.4",

package/src/components/OmegaForm/OmegaInternalInput.vue

@@ -1,6 +1,10 @@
 <template>
   <slot v-bind="inputProps">
-    <OmegaInputVuetify v-if="vuetified" :input-props="inputProps" />
+    <OmegaInputVuetify
+      v-if="vuetified"
+      :input-props="inputProps"
+      v-bind="$attrs"
+    />
   </slot>
 </template>
 
@@ -27,6 +31,10 @@ import { useOmegaErrors } from "./OmegaErrorsContext"
 import type { OmegaFieldInternalApi, InputProps } from "./InputProps"
 import OmegaInputVuetify from "./OmegaInputVuetify.vue"
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const props = defineProps<{
   field: OmegaFieldInternalApi<To>
   meta: MetaRecord<To>[NestedKeyOf<To>]