@effect-app/vue-components 0.13.3 → 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/types/components/OmegaForm/OmegaFormStuff.d.ts

@@ -98,9 +98,9 @@ export type CreateMeta = {
     property: S.AST.AST;
 });
 export declare const createMeta: <T = any>({ meta, parent, property, propertySignatures }: CreateMeta, acc?: Partial<MetaRecord<T>>) => MetaRecord<T> | FieldMeta;
-export declare const duplicateSchema: <From, To>(schema: S.Schema<From, To, never>) => S.extend<S.Schema<From, To, never>, import("effect/Schema").Struct<{}>>;
-export declare const generateMetaFromSchema: <From, To>(schema: S.Schema<From, To, never>) => {
-    schema: S.Schema<From, To, never>;
+export declare const duplicateSchema: <From, To>(schema: S.Schema<To, From, never>) => S.extend<S.Schema<To, From, never>, import("effect/Schema").Struct<{}>>;
+export declare const generateMetaFromSchema: <From, To>(schema: S.Schema<To, From, never>) => {
+    schema: S.Schema<To, From, never>;
     meta: MetaRecord<To>;
     filterItems?: FilterItems;
 };

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

@@ -17,7 +17,7 @@ declare const _default: <From extends Record<PropertyKey, any>, To extends Recor
         schema?: undefined;
     } | {
         form?: undefined;
-        schema: S.Schema<From, To, never>;
+        schema: S.Schema<To, From, never>;
     }))) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/vue-components.es11.js

@@ -1,8 +1,8 @@
-(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-b5d2d31e]{display:contents}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const d=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(d&&d.call(this),this.shadowRoot){const o=document.createElement("style");o.appendChild(document.createTextNode("fieldset[data-v-b5d2d31e]{display:contents}")),this.shadowRoot.appendChild(o)}},e.call(window.customElements,i,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-b227b253]{display:contents}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const o=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(o&&o.call(this),this.shadowRoot){const d=document.createElement("style");d.appendChild(document.createTextNode("fieldset[data-v-b227b253]{display:contents}")),this.shadowRoot.appendChild(d)}},e.call(window.customElements,i,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import o from "./vue-components.es13.js";
 
 import r from "./vue-components.es15.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b5d2d31e"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b227b253"]]);
 export {
-  e as default
+  m as default
 };

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.3",
+  "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)
   }
 })
 

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -397,7 +397,7 @@ export const createMeta = <T = any>(
 }
 
 const flattenMeta = <From, To>(
-  schema: S.Schema<From, To, never>
+  schema: S.Schema<To, From, never>
 ): MetaRecord<To> => {
   const ast = schema.ast
   const result: MetaRecord<To> = {}
@@ -436,15 +436,15 @@ const flattenMeta = <From, To>(
 }
 
 export const duplicateSchema = <From, To>(
-  schema: S.Schema<From, To, never>
+  schema: S.Schema<To, From, never>
 ) => {
   return S.extend(schema, S.Struct({}))
 }
 
 export const generateMetaFromSchema = <From, To>(
-  schema: S.Schema<From, To, never>
+  schema: S.Schema<To, From, never>
 ): {
-  schema: S.Schema<From, To, never>
+  schema: S.Schema<To, From, never>
   meta: MetaRecord<To>
   filterItems?: FilterItems
 } => {

package/src/components/OmegaForm/OmegaWrapper.vue

@@ -89,7 +89,7 @@ const props = defineProps<
         }
       | {
           form?: undefined
-          schema: S.Schema<From, To, never>
+          schema: S.Schema<To, From, never>
         }
     )
 >()