@effect-app/vue-components 0.13.4 → 0.14.0

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

@@ -2,7 +2,8 @@ import { type OmegaInputProps } from "./OmegaFormStuff";
 import { type DeepValue, type DeepKeys } from "@tanstack/vue-form";
 declare const _default: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(__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" | "label" | "items" | "options" | "validators"> & {
-        items?: DeepValue<To, DeepKeys<To>>;
+        defaultItems?: DeepValue<To, DeepKeys<To>>;
+        items?: "please use `defaultItems` instead";
     }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/vue-components.es13.js

@@ -1,6 +1,6 @@
 import { defineComponent as w, computed as f, onBeforeMount as E, watch as j, createElementBlock as v, openBlock as b, withModifiers as F, createElementVNode as M, unref as c, renderSlot as p, createCommentVNode as k, Fragment as V } from "vue";
 import { useStore as g } from "@tanstack/vue-form";
-import { getOmegaStore as B } from "./vue-components.es25.js";
+import { getOmegaStore as B } from "./vue-components.es23.js";
 import { provideOmegaErrors as C } from "./vue-components.es8.js";
 import { useOmegaForm as I } from "./vue-components.es9.js";
 const $ = ["disabled"], N = /* @__PURE__ */ w({

package/dist/vue-components.es22.js

@@ -1,4 +1,4 @@
-import { isFunction as c } from "./vue-components.es23.js";
+import { isFunction as c } from "./vue-components.es25.js";
 const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
 export {
   s as isFunction,

package/dist/vue-components.es23.js

@@ -1,4 +1,13 @@
-const o = (n) => typeof n == "function";
+import { useStore as u } from "@tanstack/vue-form";
+import { computed as f } from "vue";
+function c(o, t) {
+  return f(() => t ? u(o.store, (n) => {
+    const r = {};
+    for (const e of t)
+      r[e] = n[e];
+    return r;
+  }).value : {});
+}
 export {
-  o as isFunction
+  c as getOmegaStore
 };

package/dist/vue-components.es25.js

@@ -1,13 +1,4 @@
-import { useStore as u } from "@tanstack/vue-form";
-import { computed as f } from "vue";
-function c(o, t) {
-  return f(() => t ? u(o.store, (n) => {
-    const r = {};
-    for (const e of t)
-      r[e] = n[e];
-    return r;
-  }).value : {});
-}
+const o = (n) => typeof n == "function";
 export {
-  c as getOmegaStore
+  o as isFunction
 };

package/dist/vue-components.es7.js

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

package/package.json

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

package/src/components/OmegaForm/OmegaArray.vue

@@ -33,13 +33,16 @@ import {
   createMeta,
 } from "./OmegaFormStuff"
 import { type DeepValue, type DeepKeys } from "@tanstack/vue-form"
+import { S } from "effect-app"
 
 const props = defineProps<
   Omit<
     OmegaInputProps<From, To>,
     "validators" | "options" | "label" | "type" | "items"
   > & {
-    items?: DeepValue<To, DeepKeys<To>>
+    defaultItems?: DeepValue<To, DeepKeys<To>>
+    // deprecated items, caused bugs in state update, use defaultItems instead. It's not a simple Never, because Volar explodes
+    items?: "please use `defaultItems` instead"
   }
 >()
 
@@ -47,9 +50,11 @@ defineOptions({
   inheritAttrs: false,
 })
 
+const storeItems = props.form.useStore(state => state.values[props.name])
+
 onMounted(() => {
-  if (props.items) {
-    props.form.setFieldValue(props.name as any, props.items)
+  if (props.defaultItems && !storeItems.value) {
+    props.form.setFieldValue(props.name, props.defaultItems)
   }
 })