@effect-app/vue-components 0.15.0 → 0.15.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/types/components/OmegaForm/OmegaArray.vue.d.ts +1 -0
  2. package/dist/types/components/OmegaForm/OmegaFormStuff.d.ts +1 -1
  3. package/dist/vue-components.es7.js +27 -28
  4. package/package.json +3 -3
  5. package/src/components/OmegaForm/OmegaArray.vue +22 -23
package/dist/types/components/OmegaForm/OmegaArray.vue.d.ts CHANGED
@@ -12,6 +12,7 @@ declare const _default: <From extends Record<PropertyKey, any>, To extends Recor
12
12
  subField: import("@tanstack/vue-form").FieldApi<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").StandardSchemaV1<From, To>, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined>;
13
13
  subState: import("@tanstack/vue-form").FieldState<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").StandardSchemaV1<From, To>, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined>;
14
14
  index: number;
15
+ field: import("@tanstack/vue-form").FieldApi<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FieldAsyncValidateOrFn<From, DeepKeys<From>, DeepValue<From, DeepKeys<From>>> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").StandardSchemaV1<From, To>, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<From> | undefined>;
15
16
  }) => any;
16
17
  } & {
17
18
  field?: (props: {
package/dist/types/components/OmegaForm/OmegaFormStuff.d.ts CHANGED
@@ -98,7 +98,7 @@ export type CreateMeta = {
98
98
  property: S.AST.AST;
99
99
  });
100
100
  export declare const createMeta: <T = any>({ meta, parent, property, propertySignatures }: CreateMeta, acc?: Partial<MetaRecord<T>>) => MetaRecord<T> | FieldMeta;
101
- export declare const duplicateSchema: <From, To>(schema: S.Schema<To, From, never>) => S.extend<S.Schema<To, From, never>, import("effect/Schema").Struct<{}>>;
101
+ export declare const duplicateSchema: <From, To>(schema: S.Schema<To, From, never>) => S.extend<S.Schema<To, From, never>, S.Struct<{}>>;
102
102
  export declare const generateMetaFromSchema: <From, To>(schema: S.Schema<To, From, never>) => {
103
103
  schema: S.Schema<To, From, never>;
104
104
  meta: MetaRecord<To>;
package/dist/vue-components.es7.js CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as F, computed as l, onMounted as P, provide as $, createElementBlock as s, openBlock as n, Fragment as u, createBlock as d, renderList as M, resolveDynamicComponent as i, withCtx as f, renderSlot as p, mergeProps as k, normalizeProps as A, guardReactiveProps as b } from "vue";
2
- const B = /* @__PURE__ */ F({
1
+ 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";
2
+ const C = /* @__PURE__ */ h({
3
3
  inheritAttrs: !1,
4
4
  __name: "OmegaArray",
5
5
  props: {
@@ -8,38 +8,37 @@ const B = /* @__PURE__ */ F({
8
8
  defaultItems: {},
9
9
  items: {}
10
10
  },
11
- setup(c) {
12
- const r = c, g = r.form.useStore((e) => e.values), m = l(() => r.name.replace(/\[/g, ".").replace(/\]/g, "").split(".").reduce((a, t) => a[t], g.value));
13
- P(async () => {
11
+ setup(f) {
12
+ 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));
13
+ y(async () => {
14
14
  r.defaultItems && !m.value && r.form.setFieldValue(r.name, r.defaultItems);
15
15
  });
16
- const v = l(() => (a) => {
16
+ const c = s(() => (a) => {
17
17
  const t = a.replace(/\[\d+\]/g, "");
18
18
  return r.form.meta[t];
19
19
  });
20
- return $("getMetaFromArray", v), (e, a) => (n(), s(u, null, [
21
- (n(!0), s(u, null, M(m.value, (t, o) => (n(), d(i(e.form.Field), {
22
- key: `${e.name}[${Number(o)}]`,
23
- name: `${e.name}[${Number(o)}]`
24
- }, {
25
- default: f(({ field: h, state: y }) => [
26
- p(e.$slots, "default", k({ ref_for: !0 }, {
27
- subField: h,
28
- subState: y,
29
- index: Number(o)
30
- }))
31
- ]),
32
- _: 2
33
- }, 1032, ["name"]))), 128)),
34
- (n(), d(i(e.form.Field), { name: e.name }, {
35
- default: f(({ field: t }) => [
36
- p(e.$slots, "field", A(b({ field: t })))
37
- ]),
38
- _: 3
39
- }, 8, ["name"]))
40
- ], 64));
20
+ return F("getMetaFromArray", c), (e, a) => (o(), l(u(e.form.Field), { name: e.name }, {
21
+ default: d(({ field: t }) => [
22
+ (o(!0), P($, null, M(m.value, (z, n) => (o(), l(u(e.form.Field), {
23
+ key: `${e.name}[${Number(n)}]`,
24
+ name: `${e.name}[${Number(n)}]`
25
+ }, {
26
+ default: d(({ field: g, state: v }) => [
27
+ i(e.$slots, "default", k({ ref_for: !0 }, {
28
+ subField: g,
29
+ subState: v,
30
+ index: Number(n),
31
+ field: t
32
+ }))
33
+ ]),
34
+ _: 2
35
+ }, 1032, ["name"]))), 128)),
36
+ i(e.$slots, "field", A(b({ field: t })))
37
+ ]),
38
+ _: 3
39
+ }, 8, ["name"]));
41
40
  }
42
41
  });
43
42
  export {
44
- B as default
43
+ C as default
45
44
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@effect-app/vue-components",
3
- "version": "0.15.0",
3
+ "version": "0.15.3",
4
4
  "peerDependencies": {
5
5
  "@mdi/js": "^7.4.47",
6
6
  "@tanstack/vue-form": "^1.2.4",
@@ -50,8 +50,8 @@
50
50
  "dependencies": {
51
51
  "highlight.js": "^11.11.1",
52
52
  "vue3-highlightjs": "^1.0.5",
53
- "@effect-app/vue": "2.51.13",
54
- "effect-app": "3.1.0"
53
+ "@effect-app/vue": "2.51.14",
54
+ "effect-app": "3.2.0"
55
55
  },
56
56
  "scripts": {
57
57
  "build": "pnpm build:run",
package/src/components/OmegaForm/OmegaArray.vue CHANGED
@@ -1,24 +1,25 @@
1
1
  <template>
2
- <component
3
- :is="form.Field"
4
- v-for="(_, i) of items"
5
- :key="`${name}[${Number(i)}]`"
6
- :name="
7
- `${name}[${Number(i)}]` as DeepKeys<From>
8
- "
9
- >
10
- <template #default="{ field: subField, state: subState }">
11
- <slot
12
- v-bind="{
13
- subField,
14
- subState,
15
- index: Number(i),
16
- }"
17
- />
18
- </template>
19
- </component>
20
2
  <component :is="form.Field" :name="name">
21
3
  <template #default="{ field }">
4
+ <component
5
+ :is="form.Field"
6
+ v-for="(_, i) of items"
7
+ :key="`${name}[${Number(i)}]`"
8
+ :name="
9
+ `${name}[${Number(i)}]` as DeepKeys<From>
10
+ "
11
+ >
12
+ <template #default="{ field: subField, state: subState }">
13
+ <slot
14
+ v-bind="{
15
+ subField,
16
+ subState,
17
+ index: Number(i),
18
+ field,
19
+ }"
20
+ />
21
+ </template>
22
+ </component>
22
23
  <slot name="field" v-bind="{ field }" />
23
24
  </template>
24
25
  </component>
@@ -32,9 +33,7 @@
32
33
  "
33
34
  >
34
35
  import { computed, onMounted, provide } from "vue"
35
- import {
36
- type OmegaInputProps,
37
- } from "./OmegaFormStuff"
36
+ import { type OmegaInputProps } from "./OmegaFormStuff"
38
37
  import { type DeepValue, type DeepKeys } from "@tanstack/vue-form"
39
38
 
40
39
  const props = defineProps<
@@ -69,11 +68,11 @@ onMounted(async () => {
69
68
  const getMetaFromArray = computed(() => {
70
69
  const getMeta = (path: string) => {
71
70
  // Transform path like 'a[0].b[11].c' into 'a.b.c'
72
- const simplifiedPath = path.replace(/\[\d+\]/g, '')
71
+ const simplifiedPath = path.replace(/\[\d+\]/g, "")
73
72
 
74
73
  return props.form.meta[simplifiedPath as keyof typeof props.form.meta]
75
74
  }
76
-
75
+
77
76
  return getMeta
78
77
  })
79
78