@effect-app/vue-components 0.7.4 → 0.7.6

package/dist/types/components/OmegaForm/OmegaArray.vue.d.ts

@@ -1,8 +1,8 @@
 import { type OmegaInputProps } from "./OmegaFormStuff";
 import { type DeepValue, type DeepKeys } from "@tanstack/vue-form";
-declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & (Omit<OmegaInputProps<T, T>, "type" | "validators" | "items" | "label" | "options"> & {
-        items?: DeepValue<T, DeepKeys<T>>;
+declare const _default: <From, To>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & (Omit<OmegaInputProps<From, To>, "type" | "validators" | "items" | "label" | "options"> & {
+        items?: DeepValue<To, DeepKeys<To>>;
     }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/vue-components.es6.js

@@ -1,6 +1,6 @@
-import { defineComponent as c, onMounted as g, watch as M, computed as F, provide as h, createBlock as p, openBlock as m, resolveDynamicComponent as i, withCtx as l, createElementBlock as _, renderSlot as u, Fragment as k, renderList as v, mergeProps as A, normalizeProps as S, guardReactiveProps as $ } from "vue";
-import { createMeta as B } from "./vue-components.es9.js";
-const w = /* @__PURE__ */ c({
+import { defineComponent as g, onMounted as c, computed as M, provide as F, createBlock as p, openBlock as m, resolveDynamicComponent as i, withCtx as l, createElementBlock as _, renderSlot as u, Fragment as h, renderList as k, mergeProps as v, normalizeProps as A, guardReactiveProps as S } from "vue";
+import { createMeta as $ } from "./vue-components.es9.js";
+const P = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "OmegaArray",
   props: {
@@ -9,59 +9,54 @@ const w = /* @__PURE__ */ c({
     items: {}
   },
   setup(f) {
-    const r = f;
-    g(() => {
-      r.items && r.form.setFieldValue(r.name, r.items);
-    }), M(
-      () => r.items,
-      async (e) => {
-        e && r.form.setFieldValue(r.name, e);
-      }
-    );
-    const d = F(() => {
-      const e = r.form.meta[r.name];
+    const n = f;
+    c(() => {
+      n.items && n.form.setFieldValue(n.name, n.items);
+    });
+    const d = M(() => {
+      const e = n.form.meta[n.name];
       if (e && e.type === "multiple") {
-        const o = e.rest.reduce((t, a) => a.type._tag === "TypeLiteral" ? {
+        const o = e.rest.reduce((t, r) => r.type._tag === "TypeLiteral" ? {
           ...t,
           propertySignatures: [
             ...t.propertySignatures || [],
-            ...a.type.propertySignatures
+            ...r.type.propertySignatures
           ]
         } : {
           ...t,
-          property: a.type
-        }, {}), n = B({ ...o, meta: e });
+          property: r.type
+        }, {}), a = $({ ...o, meta: e });
         return (t) => {
-          if (t.endsWith("]")) return n;
-          const a = t.split("]."), s = a[a.length - 1];
-          return n[s];
+          if (t.endsWith("]")) return a;
+          const r = t.split("]."), s = r[r.length - 1];
+          return a[s];
         };
       }
       return (o) => {
       };
     });
-    return h("getMetaFromArray", d), (e, o) => (m(), p(i(e.form.Field), { name: e.name }, {
-      default: l(({ field: n }) => [
-        (m(!0), _(k, null, v(n.state.value, (y, t) => (m(), p(i(e.form.Field), {
+    return F("getMetaFromArray", d), (e, o) => (m(), p(i(e.form.Field), { name: e.name }, {
+      default: l(({ field: a }) => [
+        (m(!0), _(h, null, k(a.state.value, (y, t) => (m(), p(i(e.form.Field), {
           key: t,
           name: `${e.name}[${t}]`
         }, {
-          default: l(({ field: a, state: s }) => [
-            u(e.$slots, "default", A({ ref_for: !0 }, {
-              field: n,
-              subField: a,
+          default: l(({ field: r, state: s }) => [
+            u(e.$slots, "default", v({ ref_for: !0 }, {
+              field: a,
+              subField: r,
               subState: s,
               index: t
             }))
           ]),
           _: 2
         }, 1032, ["name"]))), 128)),
-        u(e.$slots, "field", S($({ field: n })))
+        u(e.$slots, "field", A(S({ field: a })))
       ]),
       _: 3
     }, 8, ["name"]));
   }
 });
 export {
-  w as default
+  P as default
 };

package/package.json

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

package/src/components/OmegaForm/OmegaArray.vue

@@ -23,8 +23,8 @@
   </component>
 </template>
 
-<script setup lang="ts" generic="T">
-import { computed, onMounted, provide, watch } from "vue"
+<script setup lang="ts" generic="From, To">
+import { computed, onMounted, provide } from "vue"
 import {
   type CreateMeta,
   type OmegaInputProps,
@@ -34,10 +34,10 @@ import { type DeepValue, type DeepKeys } from "@tanstack/vue-form"
 
 const props = defineProps<
   Omit<
-    OmegaInputProps<T, T>,
+    OmegaInputProps<From, To>,
     "validators" | "options" | "label" | "type" | "items"
   > & {
-    items?: DeepValue<T, DeepKeys<T>>
+    items?: DeepValue<To, DeepKeys<To>>
   }
 >()
 
@@ -47,19 +47,10 @@ defineOptions({
 
 onMounted(() => {
   if (props.items) {
-    props.form.setFieldValue(props.name, props.items)
+    props.form.setFieldValue(props.name as any, props.items)
   }
 })
 
-watch(
-  () => props.items,
-  async items => {
-    if (items) {
-      props.form.setFieldValue(props.name, items)
-    }
-  },
-)
-
 const getMetaFromArray = computed(() => {
   const inputMeta = props.form.meta[props.name]
   if (inputMeta && inputMeta.type === "multiple") {