@effect-app/vue-components 0.15.3 → 0.15.4

package/dist/vue-components.es7.js

@@ -1,5 +1,5 @@
-import { defineComponent as h, computed as s, onMounted as y, provide as F, createBlock as l, openBlock as o, resolveDynamicComponent as u, withCtx as d, createElementBlock as P, renderSlot as i, Fragment as $, renderList as M, mergeProps as k, normalizeProps as A, guardReactiveProps as b } from "vue";
-const C = /* @__PURE__ */ h({
+import { defineComponent as y, computed as s, onMounted as h, provide as F, createBlock as l, openBlock as o, resolveDynamicComponent as u, withCtx as d, createElementBlock as $, renderSlot as f, Fragment as M, renderList as P, mergeProps as k, normalizeProps as A, guardReactiveProps as b } from "vue";
+const I = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "OmegaArray",
   props: {
@@ -8,23 +8,30 @@ const C = /* @__PURE__ */ h({
     defaultItems: {},
     items: {}
   },
-  setup(f) {
-    const r = f, p = r.form.useStore((e) => e.values), m = s(() => r.name.replace(/\[/g, ".").replace(/\]/g, "").split(".").reduce((a, t) => a[t], p.value));
-    y(async () => {
+  setup(i) {
+    const r = i, c = r.form.useStore((e) => e.values), m = s(() => {
+      const e = r.name.replace(/\[/g, ".").replace(/\]/g, "");
+      try {
+        return e.split(".").reduce((a, t) => a[t], c.value);
+      } catch {
+        return [];
+      }
+    });
+    h(async () => {
       r.defaultItems && !m.value && r.form.setFieldValue(r.name, r.defaultItems);
     });
-    const c = s(() => (a) => {
+    const p = s(() => (a) => {
       const t = a.replace(/\[\d+\]/g, "");
       return r.form.meta[t];
     });
-    return F("getMetaFromArray", c), (e, a) => (o(), l(u(e.form.Field), { name: e.name }, {
+    return F("getMetaFromArray", p), (e, a) => (o(), l(u(e.form.Field), { name: e.name }, {
       default: d(({ field: t }) => [
-        (o(!0), P($, null, M(m.value, (z, n) => (o(), l(u(e.form.Field), {
+        (o(!0), $(M, null, P(m.value, (B, n) => (o(), l(u(e.form.Field), {
           key: `${e.name}[${Number(n)}]`,
           name: `${e.name}[${Number(n)}]`
         }, {
           default: d(({ field: g, state: v }) => [
-            i(e.$slots, "default", k({ ref_for: !0 }, {
+            f(e.$slots, "default", k({ ref_for: !0 }, {
               subField: g,
               subState: v,
               index: Number(n),
@@ -33,12 +40,12 @@ const C = /* @__PURE__ */ h({
           ]),
           _: 2
         }, 1032, ["name"]))), 128)),
-        i(e.$slots, "field", A(b({ field: t })))
+        f(e.$slots, "field", A(b({ field: t })))
       ]),
       _: 3
     }, 8, ["name"]));
   }
 });
 export {
-  C as default
+  I as default
 };

package/package.json

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

package/src/components/OmegaForm/OmegaArray.vue

@@ -54,9 +54,13 @@ defineOptions({
 const store = props.form.useStore(state => state.values)
 const items = computed(() => {
   const normalizedPath = props.name.replace(/\[/g, ".").replace(/\]/g, "")
-  return normalizedPath.split(".").reduce((acc, curr) => {
-    return acc[curr] as typeof store.value
-  }, store.value)
+  try {
+    return normalizedPath.split(".").reduce((acc, curr) => {
+      return acc[curr] as typeof store.value
+    }, store.value)
+  } catch (e) {
+    return []
+  }
 })
 
 onMounted(async () => {