@effect-app/vue-components 1.4.0 → 1.4.2

package/dist/vue-components.es5.js

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(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;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.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;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as x, getCurrentInstance as N, useId as V, computed as a, onMounted as c, ref as $, watchEffect as B, watch as I, onUnmounted as _, renderSlot as k, normalizeProps as q, guardReactiveProps as D, createElementVNode as F, normalizeClass as L, createBlock as O, createCommentVNode as P, unref as M, openBlock as S, mergeProps as U } from "vue";
+import { defineComponent as x, getCurrentInstance as N, useId as V, computed as a, onMounted as c, ref as $, watchEffect as B, watch as I, onUnmounted as _, renderSlot as k, normalizeProps as q, guardReactiveProps as D, createElementVNode as L, normalizeClass as O, createBlock as P, createCommentVNode as F, unref as M, openBlock as S, mergeProps as U } from "vue";
 import { useStore as z } from "@tanstack/vue-form";
 import A from "./vue-components.es20.js";
 
@@ -28,10 +28,10 @@ const H = /* @__PURE__ */ x({
     c(() => {
       if (!m.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null") {
         const t = r.value.meta.isDirty;
-        l.setValue(null), l.setMeta((p) => ({ ...p, isDirty: t }));
+        l.setValue(null), l.setMeta((d) => ({ ...d, isDirty: t }));
       }
     });
-    const { mapError: C, removeError: d, showErrors: E, showErrorsOn: w } = e.field.form.errorContext, o = $(!1);
+    const { mapError: C, removeError: f, showErrors: E, showErrorsOn: w } = e.field.form.errorContext, o = $(!1);
     B(() => {
       (E.value || w === "onChange") && (o.value = !0);
     });
@@ -41,7 +41,7 @@ const H = /* @__PURE__ */ x({
     c(() => {
       m.value && s();
     });
-    const f = a(() => !o.value && u.value !== "select" ? [] : h.value);
+    const p = a(() => !o.value && u.value !== "select" ? [] : h.value);
     I(
       () => r.value.meta.errors,
       () => {
@@ -49,10 +49,10 @@ const H = /* @__PURE__ */ x({
           inputId: n,
           errors: r.value.meta.errors.map((t) => t.message).filter(Boolean),
           label: e.label
-        }) : d(n);
+        }) : f(n);
       }
     ), _(() => {
-      d(n), e.field.form.deleteField(e.field.name);
+      f(n);
     });
     const i = a(() => ({
       id: n,
@@ -64,25 +64,25 @@ const H = /* @__PURE__ */ x({
       name: e.field.name,
       modelValue: e.field.state.value,
       handleChange: b,
-      errorMessages: f.value,
-      error: !!f.value.length,
+      errorMessages: p.value,
+      error: !!p.value.length,
       field: e.field,
       setRealDirty: s,
       type: u.value,
       label: `${e.label}${e.meta?.required ? " *" : ""}`,
       options: e.options
     }));
-    return (t, p) => k(t.$slots, "default", q(D(i.value)), () => [
-      F("div", {
-        class: L(t.$attrs.class),
+    return (t, d) => k(t.$slots, "default", q(D(i.value)), () => [
+      L("div", {
+        class: O(t.$attrs.class),
         onFocusout: s
       }, [
-        M(g) ? (S(), O(A, U({
+        M(g) ? (S(), P(A, U({
           key: 0,
           "input-props": i.value
         }, t.$attrs, {
           "vuetify-value": i.value.field.state.value
-        }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
+        }), null, 16, ["input-props", "vuetify-value"])) : F("", !0)
       ], 34)
     ]);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.18.0",
@@ -17,6 +17,7 @@
     "@storybook/vue3-vite": "^9.1.9",
     "@types/node": "^24.6.0",
     "@vitejs/plugin-vue": "^6.0.1",
+    "@vueuse/core": "^13.9.0",
     "@vue/test-utils": "^2.4.6",
     "dprint": "^0.50.2",
     "jsdom": "^27.0.0",
@@ -46,11 +47,11 @@
   },
   "dependencies": {
     "@opentelemetry/api": "^1.9.0",
-    "@tanstack/vue-form": "^1.23.4",
+    "@tanstack/vue-form": "^1.23.5",
     "highlight.js": "^11.11.1",
     "vue3-highlightjs": "^1.0.5",
-    "effect-app": "3.9.0",
-    "@effect-app/vue": "2.82.0"
+    "@effect-app/vue": "2.82.0",
+    "effect-app": "3.9.0"
   },
   "scripts": {
     "build": "pnpm build:run",

package/src/components/OmegaForm/OmegaInternalInput.vue

@@ -145,7 +145,6 @@ watch(
 
 onUnmounted(() => {
   removeError(id)
-  props.field.form.deleteField(props.field.name)
 })
 
 const inputProps: ComputedRef<InputProps<From, Name>> = computed(() => ({