@effect-app/vue-components 4.0.0-beta.43 → 4.0.0-beta.45
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.
- package/dist/vue-components.es.js +21 -45
- package/dist/vue-components10.es.js +5 -0
- package/dist/vue-components11.es.js +13 -0
- package/dist/vue-components12.es.js +452 -0
- package/dist/vue-components13.es.js +4 -0
- package/dist/vue-components14.es.js +38 -0
- package/dist/vue-components15.es.js +27 -0
- package/dist/vue-components16.es.js +28 -0
- package/dist/vue-components17.es.js +7 -0
- package/dist/vue-components18.es.js +18 -0
- package/dist/vue-components19.es.js +36 -0
- package/dist/vue-components2.es.js +11 -0
- package/dist/vue-components20.es.js +18 -0
- package/dist/vue-components21.es.js +21 -0
- package/dist/vue-components22.es.js +30 -0
- package/dist/vue-components23.es.js +7 -0
- package/dist/vue-components24.es.js +9 -0
- package/dist/vue-components25.es.js +38 -0
- package/dist/vue-components26.es.js +25 -0
- package/dist/vue-components27.es.js +128 -0
- package/dist/vue-components28.es.js +24 -0
- package/dist/vue-components29.es.js +21 -0
- package/dist/vue-components3.es.js +54 -0
- package/dist/vue-components30.es.js +9 -0
- package/dist/vue-components31.es.js +19 -0
- package/dist/vue-components32.es.js +5 -0
- package/dist/vue-components33.es.js +29 -0
- package/dist/vue-components34.es.js +5 -0
- package/dist/vue-components35.es.js +29 -0
- package/dist/vue-components36.es.js +6 -0
- package/dist/vue-components37.es.js +18 -0
- package/dist/vue-components38.es.js +56 -0
- package/dist/vue-components39.es.js +5 -0
- package/dist/vue-components4.es.js +5 -0
- package/dist/vue-components40.es.js +44 -0
- package/dist/vue-components41.es.js +5 -0
- package/dist/vue-components42.es.js +84 -0
- package/dist/vue-components44.es.js +8 -0
- package/dist/vue-components45.es.js +7 -0
- package/dist/vue-components46.es.js +267 -0
- package/dist/vue-components48.es.js +6 -0
- package/dist/vue-components49.es.js +79 -0
- package/dist/vue-components5.es.js +24 -0
- package/dist/vue-components50.es.js +5 -0
- package/dist/vue-components51.es.js +66 -0
- package/dist/vue-components52.es.js +5 -0
- package/dist/vue-components53.es.js +24 -0
- package/dist/vue-components54.es.js +5 -0
- package/dist/vue-components55.es.js +59 -0
- package/dist/vue-components56.es.js +5 -0
- package/dist/vue-components57.es.js +12 -0
- package/dist/vue-components58.es.js +22 -0
- package/dist/vue-components6.es.js +13 -0
- package/dist/vue-components60.es.js +7 -0
- package/dist/vue-components61.es.js +222 -0
- package/dist/vue-components62.es.js +33 -0
- package/dist/vue-components63.es.js +8 -0
- package/dist/vue-components64.es.js +36 -0
- package/dist/vue-components7.es.js +28 -0
- package/dist/vue-components8.es.js +47 -0
- package/dist/vue-components9.es.js +5 -0
- package/package.json +22 -22
- package/dist/vue-components.es10.js +0 -240
- package/dist/vue-components.es11.js +0 -32
- package/dist/vue-components.es12.js +0 -525
- package/dist/vue-components.es13.js +0 -49
- package/dist/vue-components.es14.js +0 -4
- package/dist/vue-components.es15.js +0 -4
- package/dist/vue-components.es16.js +0 -6
- package/dist/vue-components.es17.js +0 -13
- package/dist/vue-components.es18.js +0 -57
- package/dist/vue-components.es19.js +0 -56
- package/dist/vue-components.es2.js +0 -31
- package/dist/vue-components.es20.js +0 -8
- package/dist/vue-components.es21.js +0 -8
- package/dist/vue-components.es22.js +0 -5
- package/dist/vue-components.es23.js +0 -5
- package/dist/vue-components.es24.js +0 -4
- package/dist/vue-components.es25.js +0 -4
- package/dist/vue-components.es26.js +0 -4
- package/dist/vue-components.es27.js +0 -4
- package/dist/vue-components.es28.js +0 -19
- package/dist/vue-components.es29.js +0 -13
- package/dist/vue-components.es3.js +0 -17
- package/dist/vue-components.es30.js +0 -31
- package/dist/vue-components.es31.js +0 -6
- package/dist/vue-components.es32.js +0 -4
- package/dist/vue-components.es33.js +0 -4
- package/dist/vue-components.es34.js +0 -113
- package/dist/vue-components.es36.js +0 -9
- package/dist/vue-components.es37.js +0 -34
- package/dist/vue-components.es39.js +0 -194
- package/dist/vue-components.es4.js +0 -52
- package/dist/vue-components.es41.js +0 -6
- package/dist/vue-components.es42.js +0 -25
- package/dist/vue-components.es43.js +0 -7
- package/dist/vue-components.es44.js +0 -23
- package/dist/vue-components.es45.js +0 -32
- package/dist/vue-components.es46.js +0 -24
- package/dist/vue-components.es47.js +0 -14
- package/dist/vue-components.es48.js +0 -7
- package/dist/vue-components.es49.js +0 -21
- package/dist/vue-components.es5.js +0 -52
- package/dist/vue-components.es50.js +0 -11
- package/dist/vue-components.es51.js +0 -33
- package/dist/vue-components.es52.js +0 -50
- package/dist/vue-components.es53.js +0 -28
- package/dist/vue-components.es54.js +0 -13
- package/dist/vue-components.es55.js +0 -67
- package/dist/vue-components.es56.js +0 -58
- package/dist/vue-components.es57.js +0 -19
- package/dist/vue-components.es58.js +0 -35
- package/dist/vue-components.es59.js +0 -31
- package/dist/vue-components.es6.js +0 -69
- package/dist/vue-components.es60.js +0 -44
- package/dist/vue-components.es61.js +0 -4
- package/dist/vue-components.es62.js +0 -46
- package/dist/vue-components.es63.js +0 -4
- package/dist/vue-components.es7.js +0 -83
- package/dist/vue-components.es8.js +0 -63
- package/dist/vue-components.es9.js +0 -21
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import e from "./vue-components54.es.js";
|
|
2
|
+
import { computed as t, createBlock as n, createCommentVNode as r, createSlots as i, createVNode as a, defineComponent as o, guardReactiveProps as s, normalizeProps as c, openBlock as l, provide as u, ref as d, renderList as f, renderSlot as p, unref as m, watch as h, withCtx as g } from "vue";
|
|
3
|
+
//#region src/components/OmegaForm/OmegaTaggedUnion.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var _ = /* @__PURE__ */ o({
|
|
5
|
+
__name: "OmegaTaggedUnion",
|
|
6
|
+
props: {
|
|
7
|
+
name: {},
|
|
8
|
+
form: {},
|
|
9
|
+
type: {},
|
|
10
|
+
options: {},
|
|
11
|
+
label: {}
|
|
12
|
+
},
|
|
13
|
+
setup(o) {
|
|
14
|
+
let _ = o, v = d(null), y = t(() => _.name ? `${_.name}._tag` : "_tag"), b = _.form.useStore((e) => e.values);
|
|
15
|
+
return h(() => y.value.split(".").reduce((e, t) => e?.[t], b.value), (e) => {
|
|
16
|
+
v.value = e ?? null;
|
|
17
|
+
}, { immediate: !0 }), u("getMetaFromArray", t(() => {
|
|
18
|
+
let e = v.value;
|
|
19
|
+
return (t) => {
|
|
20
|
+
if (!e) return null;
|
|
21
|
+
let n = _.form.unionMeta[e];
|
|
22
|
+
return n ? n[t] ?? null : null;
|
|
23
|
+
};
|
|
24
|
+
})), (t, u) => (l(), n(m(o.form).Field, { name: o.name ? `${o.name}._tag` : "_tag" }, {
|
|
25
|
+
default: g((n) => [
|
|
26
|
+
p(t.$slots, "OmegaCustomInput", c(s(n)), () => [a(m(o.form).Input, {
|
|
27
|
+
name: o.name ? `${o.name}._tag` : "_tag",
|
|
28
|
+
label: o.label,
|
|
29
|
+
type: o.type ?? "select",
|
|
30
|
+
options: o.options
|
|
31
|
+
}, null, 8, [
|
|
32
|
+
"name",
|
|
33
|
+
"label",
|
|
34
|
+
"type",
|
|
35
|
+
"options"
|
|
36
|
+
])]),
|
|
37
|
+
p(t.$slots, "default"),
|
|
38
|
+
a(e, {
|
|
39
|
+
field: n.field,
|
|
40
|
+
state: n.state.value,
|
|
41
|
+
name: o.name,
|
|
42
|
+
form: o.form
|
|
43
|
+
}, i({ _: 2 }, [f(t.$slots, (e, n) => ({
|
|
44
|
+
name: n,
|
|
45
|
+
fn: g((e) => [p(t.$slots, n, c(s(e)))])
|
|
46
|
+
}))]), 1032, [
|
|
47
|
+
"field",
|
|
48
|
+
"state",
|
|
49
|
+
"name",
|
|
50
|
+
"form"
|
|
51
|
+
]),
|
|
52
|
+
n.state.value ? p(t.$slots, "OmegaCommon", { key: 0 }) : r("", !0)
|
|
53
|
+
]),
|
|
54
|
+
_: 3
|
|
55
|
+
}, 8, ["name"]));
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
//#endregion
|
|
59
|
+
export { _ as default };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { computed as e } from "vue";
|
|
2
|
+
import { useStore as t } from "@tanstack/vue-form";
|
|
3
|
+
//#region src/components/OmegaForm/getOmegaStore.ts
|
|
4
|
+
function n(n, r) {
|
|
5
|
+
return e(() => r ? t(n.store, (e) => {
|
|
6
|
+
let t = {};
|
|
7
|
+
for (let n of r) t[n] = e[n];
|
|
8
|
+
return t;
|
|
9
|
+
}).value : {});
|
|
10
|
+
}
|
|
11
|
+
//#endregion
|
|
12
|
+
export { n as getOmegaStore };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { usePreventClose as e } from "./vue-components7.es.js";
|
|
2
|
+
import { getOmegaStore as t } from "./vue-components57.es.js";
|
|
3
|
+
import { createElementBlock as n, createElementVNode as r, defineComponent as i, openBlock as a, renderSlot as o, unref as s, withModifiers as c } from "vue";
|
|
4
|
+
import { useStore as l } from "@tanstack/vue-form";
|
|
5
|
+
//#region src/components/OmegaForm/OmegaWrapper.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
+
var u = ["disabled"], d = /* @__PURE__ */ i({
|
|
7
|
+
__name: "OmegaWrapper",
|
|
8
|
+
props: {
|
|
9
|
+
form: {},
|
|
10
|
+
disabled: { type: Boolean },
|
|
11
|
+
subscribe: {}
|
|
12
|
+
},
|
|
13
|
+
setup(i) {
|
|
14
|
+
let d = i, f = l(d.form.store, (e) => e.isSubmitting), p = t(d.form, d.subscribe);
|
|
15
|
+
return d.form.ignorePreventCloseEvents || e(() => d.form.useStore((e) => e.isDirty)), (e, t) => (a(), n("form", {
|
|
16
|
+
novalidate: "",
|
|
17
|
+
onSubmit: t[0] ||= c((e) => i.form.handleSubmit(), ["prevent", "stop"])
|
|
18
|
+
}, [r("fieldset", { disabled: s(f) || i.disabled }, [o(e.$slots, "default", { subscribedValues: s(p) }, void 0, !0)], 8, u)], 32));
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
//#endregion
|
|
22
|
+
export { d as default };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { onMounted as e, onUnmounted as t } from "vue";
|
|
2
|
+
//#region src/components/OmegaForm/onMountedWithCleanup.ts
|
|
3
|
+
function n(n) {
|
|
4
|
+
let r;
|
|
5
|
+
e(() => {
|
|
6
|
+
let e = n();
|
|
7
|
+
e && (r = e);
|
|
8
|
+
}), t(() => {
|
|
9
|
+
r && r();
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
//#endregion
|
|
13
|
+
export { n as onMountedWithCleanup };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`fieldset[data-v-8c9cb27c]{display:contents}fieldset[disabled][data-v-8c9cb27c]>*{pointer-events:none}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`fieldset[data-v-8c9cb27c]{display:contents}fieldset[disabled][data-v-8c9cb27c]>*{pointer-events:none}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import e from "./vue-components44.es.js";
|
|
2
|
+
import t from "./vue-components58.es.js";
|
|
3
|
+
|
|
4
|
+
//#region src/components/OmegaForm/OmegaWrapper.vue
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-8c9cb27c"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as default };
|
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
import { useIntl as e } from "./vue-components11.es.js";
|
|
2
|
+
import { deepMerge as t, defaultsValueFromSchema as n, generateMetaFromSchema as r, toFormSchema as i } from "./vue-components12.es.js";
|
|
3
|
+
import { context as a } from "./vue-components32.es.js";
|
|
4
|
+
import { trace as o } from "./vue-components34.es.js";
|
|
5
|
+
import { runtimeFiberAsPromise as s } from "./vue-components37.es.js";
|
|
6
|
+
import c from "./vue-components39.es.js";
|
|
7
|
+
import l from "./vue-components41.es.js";
|
|
8
|
+
import u from "./vue-components45.es.js";
|
|
9
|
+
import d from "./vue-components52.es.js";
|
|
10
|
+
import f from "./vue-components56.es.js";
|
|
11
|
+
import ee from "./vue-components60.es.js";
|
|
12
|
+
import { computed as p, h as m, onBeforeUnmount as h, onMounted as g, onUnmounted as _, ref as v, watch as y } from "vue";
|
|
13
|
+
import { Array as b, Data as x, Effect as S, Fiber as C, Option as w, S as T, ServiceMap as E } from "effect-app";
|
|
14
|
+
import { useForm as D } from "@tanstack/vue-form";
|
|
15
|
+
import { makeRunPromise as O } from "@effect-app/vue/runtime";
|
|
16
|
+
//#region src/components/OmegaForm/useOmegaForm.ts
|
|
17
|
+
var k = class extends x.TaggedError("FormErrors") {}, A = (e) => function(t) {
|
|
18
|
+
return { render() {
|
|
19
|
+
return m(t, {
|
|
20
|
+
form: e,
|
|
21
|
+
...this.$attrs
|
|
22
|
+
}, this.$slots);
|
|
23
|
+
} };
|
|
24
|
+
}, j = (t) => {
|
|
25
|
+
let { formatMessage: n } = e(), r = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase()).trim(), i = (e) => n ? n({
|
|
26
|
+
id: `general.fields.${e}`,
|
|
27
|
+
defaultMessage: r(e)
|
|
28
|
+
}) : r(e);
|
|
29
|
+
return (e) => t.i18nNamespace ? n({
|
|
30
|
+
id: `${t.i18nNamespace}.fields.${e}`,
|
|
31
|
+
defaultMessage: i(e)
|
|
32
|
+
}) : i(e);
|
|
33
|
+
}, M = (e) => function(t) {
|
|
34
|
+
return {
|
|
35
|
+
setup() {
|
|
36
|
+
let { fieldMap: t, form: n } = e, r = n.useStore((e) => e.errors), i = n.useStore((e) => e.fieldMeta), a = n.useStore((e) => e.errorMap), o = j(n);
|
|
37
|
+
return {
|
|
38
|
+
generalErrors: r,
|
|
39
|
+
errors: p(() => {
|
|
40
|
+
let e = Object.entries(i.value).reduce((e, [n, r]) => {
|
|
41
|
+
let i = r?.errors ?? [];
|
|
42
|
+
if (!i.length) return e;
|
|
43
|
+
let a = t.value.get(n);
|
|
44
|
+
return a && e.push({
|
|
45
|
+
label: a.label,
|
|
46
|
+
inputId: a.id,
|
|
47
|
+
errors: [i[0]?.message].filter(Boolean)
|
|
48
|
+
}), e;
|
|
49
|
+
}, []), n = [];
|
|
50
|
+
if (a.value.onSubmit) {
|
|
51
|
+
for (let [e, r] of Object.entries(a.value.onSubmit)) if (b.isArray(r) && r.length) for (let e of r) {
|
|
52
|
+
let r = e;
|
|
53
|
+
if (r?.path && b.isArray(r.path) && r.path.length) {
|
|
54
|
+
let e = r.path.join(".");
|
|
55
|
+
if (!t.value.has(e)) {
|
|
56
|
+
n.push({
|
|
57
|
+
label: o(e),
|
|
58
|
+
inputId: e,
|
|
59
|
+
errors: [r.message].filter(Boolean)
|
|
60
|
+
});
|
|
61
|
+
break;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
return [...e, ...n];
|
|
67
|
+
})
|
|
68
|
+
};
|
|
69
|
+
},
|
|
70
|
+
render({ errors: e, generalErrors: n }) {
|
|
71
|
+
return m(t, {
|
|
72
|
+
errors: e,
|
|
73
|
+
generalErrors: n,
|
|
74
|
+
...this.$attrs
|
|
75
|
+
}, this.$slots);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
}, N = (e, t) => e.includes(t), P = O(E.empty()), F = (e, m, x) => {
|
|
79
|
+
if (!e) throw Error("Schema is required");
|
|
80
|
+
let E = i(e), O = T.toStandardSchemaV1(E), j = T.decodeUnknownEffect(E), { meta: F, unionMeta: I } = r(e), L = p(() => x?.persistency?.id ? x.persistency.id : `${window.location.pathname}-${Object.keys(F).join("-")}`), R = () => {
|
|
81
|
+
let e = new URLSearchParams(window.location.search);
|
|
82
|
+
e.delete(L.value);
|
|
83
|
+
let t = new URL(window.location.href);
|
|
84
|
+
t.search = e.toString(), window.history.replaceState({}, "", t.toString());
|
|
85
|
+
}, z = p(() => {
|
|
86
|
+
let r, i = x?.persistency;
|
|
87
|
+
if (i?.policies && !r && (N(i.policies, "local") || N(i.policies, "session"))) {
|
|
88
|
+
let e = N(i.policies, "local") ? localStorage : sessionStorage;
|
|
89
|
+
if (e) try {
|
|
90
|
+
let t = JSON.parse(e.getItem(L.value) || "{}");
|
|
91
|
+
e.removeItem(L.value), r = t;
|
|
92
|
+
} catch (e) {
|
|
93
|
+
console.error(e);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
if (i?.policies && N(i.policies, "querystring")) try {
|
|
97
|
+
let e = new URLSearchParams(window.location.search).get(L.value);
|
|
98
|
+
R(), e && (r = t(r || {}, JSON.parse(e)));
|
|
99
|
+
} catch (e) {
|
|
100
|
+
console.error(e);
|
|
101
|
+
}
|
|
102
|
+
r ??= {};
|
|
103
|
+
let a = {
|
|
104
|
+
tanstack: m?.defaultValues || {},
|
|
105
|
+
persistency: r,
|
|
106
|
+
schema: n(e)
|
|
107
|
+
};
|
|
108
|
+
return (x?.defaultValuesPriority || [
|
|
109
|
+
"tanstack",
|
|
110
|
+
"persistency",
|
|
111
|
+
"schema"
|
|
112
|
+
]).reverse().reduce((e, n) => Object.keys(e).length ? t(e, a[n]) : a[n], {});
|
|
113
|
+
}), B = (e, t) => e ? a.with(o.setSpan(a.active(), e), t) : t(), V = D({
|
|
114
|
+
...m,
|
|
115
|
+
validators: {
|
|
116
|
+
onSubmit: O,
|
|
117
|
+
...m?.validators || {}
|
|
118
|
+
},
|
|
119
|
+
onSubmit: m?.onSubmit ? ({ formApi: e, meta: t, value: n }) => B(t?.currentSpan, async () => {
|
|
120
|
+
let r = await P(j(n)), i = m.onSubmit({
|
|
121
|
+
formApi: e,
|
|
122
|
+
meta: t,
|
|
123
|
+
value: r
|
|
124
|
+
});
|
|
125
|
+
if (C.isFiber(i)) return await s(i);
|
|
126
|
+
if (S.isEffect(i)) {
|
|
127
|
+
let e = await P(i);
|
|
128
|
+
return C.isFiber(e) ? await s(e) : e;
|
|
129
|
+
}
|
|
130
|
+
return i;
|
|
131
|
+
}) : void 0,
|
|
132
|
+
defaultValues: z.value
|
|
133
|
+
}), H = () => {
|
|
134
|
+
Object.keys(F).forEach((e) => {
|
|
135
|
+
V.setFieldValue(e, void 0);
|
|
136
|
+
});
|
|
137
|
+
}, U = (e) => e.reduce((e, t) => {
|
|
138
|
+
let n = t.split(".");
|
|
139
|
+
return n.reduce((e, r, i) => (i === n.length - 1 ? e[r] = V.getFieldValue(t) : e[r] = e[r] ?? {}, e[r]), e), e;
|
|
140
|
+
}, {}), W = (e) => {
|
|
141
|
+
if (!e) return;
|
|
142
|
+
let { banKeys: t, keys: n } = e;
|
|
143
|
+
return b.isArray(n) ? U(n) : b.isArray(t) ? U(Object.keys(F).filter((e) => t.includes(e))) : V.store.state.values;
|
|
144
|
+
}, G = () => {
|
|
145
|
+
let e = x?.persistency;
|
|
146
|
+
if (!(!e?.policies || e.policies.length === 0) && (N(e.policies, "local") || N(e.policies, "session"))) {
|
|
147
|
+
let t = N(e.policies, "local") ? localStorage : sessionStorage;
|
|
148
|
+
if (!t) return;
|
|
149
|
+
let n = W(e);
|
|
150
|
+
return t.setItem(L.value, JSON.stringify(n));
|
|
151
|
+
}
|
|
152
|
+
}, K = () => {
|
|
153
|
+
let e = x?.persistency;
|
|
154
|
+
if (!(!e?.policies || e.policies.length === 0) && N(e.policies, "querystring")) {
|
|
155
|
+
let t = W(e), n = new URLSearchParams(window.location.search);
|
|
156
|
+
n.set(L.value, JSON.stringify(t));
|
|
157
|
+
let r = new URL(window.location.href);
|
|
158
|
+
r.search = n.toString(), window.history.replaceState({}, "", r.toString());
|
|
159
|
+
}
|
|
160
|
+
}, q = (e) => {
|
|
161
|
+
V.store.state.isDirty && e.preventDefault();
|
|
162
|
+
};
|
|
163
|
+
if (_(G), g(() => {
|
|
164
|
+
window.addEventListener("beforeunload", G), window.addEventListener("blur", K), x?.preventWindowExit && x.preventWindowExit !== "nope" && window.addEventListener("beforeunload", q);
|
|
165
|
+
}), h(() => {
|
|
166
|
+
window.removeEventListener("beforeunload", G), window.removeEventListener("blur", K), x?.preventWindowExit && x.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", q);
|
|
167
|
+
}), x?.preventWindowExit === "prevent-and-reset") {
|
|
168
|
+
let e = V.useStore((e) => e.isSubmitting), t = V.useStore((e) => e.submissionAttempts), n = V.useStore((e) => e.canSubmit), r = V.useStore((e) => e.values);
|
|
169
|
+
y([e, t], ([e, t], [i]) => {
|
|
170
|
+
i && !e && t > 0 && n.value && V.reset(r.value);
|
|
171
|
+
});
|
|
172
|
+
}
|
|
173
|
+
let J = (e) => S.currentSpan.pipe(S.option, S.flatMap((t) => S.promise(() => V.handleSubmit(w.isSome(t) ? {
|
|
174
|
+
currentSpan: t.value,
|
|
175
|
+
...e
|
|
176
|
+
} : e)))), Y = (e) => e?.checkErrors ? J(e?.meta).pipe(S.flatMap(S.fnUntraced(function* () {
|
|
177
|
+
let e = V.getAllErrors();
|
|
178
|
+
if (Object.keys(e.fields).length || e.form.errors.length) return yield* S.fail(new k({
|
|
179
|
+
form: e.form,
|
|
180
|
+
fields: e.fields
|
|
181
|
+
}));
|
|
182
|
+
}))) : J(e?.meta), X = V.handleSubmit, Z = v(/* @__PURE__ */ new Map()), Q = Object.assign(V, {
|
|
183
|
+
i18nNamespace: x?.i18nNamespace,
|
|
184
|
+
ignorePreventCloseEvents: x?.ignorePreventCloseEvents,
|
|
185
|
+
meta: F,
|
|
186
|
+
unionMeta: I,
|
|
187
|
+
clear: H,
|
|
188
|
+
handleSubmit: (e) => X({
|
|
189
|
+
currentSpan: o.getSpan(a.active()),
|
|
190
|
+
...e
|
|
191
|
+
}),
|
|
192
|
+
handleSubmitEffect: Y,
|
|
193
|
+
registerField: (e) => {
|
|
194
|
+
y(e, (e) => {
|
|
195
|
+
Z.value.set(e.name, {
|
|
196
|
+
label: e.label,
|
|
197
|
+
id: e.id
|
|
198
|
+
});
|
|
199
|
+
}, { immediate: !0 }), _(() => {
|
|
200
|
+
Z.value.get(e.value.name)?.id === e.value.id && Z.value.delete(e.value.name);
|
|
201
|
+
});
|
|
202
|
+
}
|
|
203
|
+
}), $ = {
|
|
204
|
+
form: Q,
|
|
205
|
+
fieldMap: Z
|
|
206
|
+
};
|
|
207
|
+
return Object.assign(Q, {
|
|
208
|
+
_paths: void 0,
|
|
209
|
+
_keys: void 0,
|
|
210
|
+
_schema: e,
|
|
211
|
+
errorContext: $,
|
|
212
|
+
Form: A(Q)(ee),
|
|
213
|
+
Input: A(Q)(x?.input ?? d),
|
|
214
|
+
TaggedUnion: A(Q)(f),
|
|
215
|
+
Field: V.Field,
|
|
216
|
+
Errors: M($)(u),
|
|
217
|
+
Array: A(Q)(c),
|
|
218
|
+
AutoGen: A(Q)(l)
|
|
219
|
+
});
|
|
220
|
+
};
|
|
221
|
+
//#endregion
|
|
222
|
+
export { j as useErrorLabel, F as useOmegaForm };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import e from "./vue-components52.es.js";
|
|
2
|
+
import { useOmegaForm as t } from "./vue-components61.es.js";
|
|
3
|
+
import { h as n } from "vue";
|
|
4
|
+
//#region src/components/OmegaForm/createUseFormWithCustomInput.ts
|
|
5
|
+
var r = (r) => (...i) => {
|
|
6
|
+
let [a, o, s] = i, c = {
|
|
7
|
+
name: "WrappedInput",
|
|
8
|
+
inheritAttrs: !1,
|
|
9
|
+
setup(t, { attrs: i, slots: a }) {
|
|
10
|
+
return () => n(e, {
|
|
11
|
+
...t,
|
|
12
|
+
...i
|
|
13
|
+
}, {
|
|
14
|
+
default: ({ field: e, state: t, ...o }) => n(r, {
|
|
15
|
+
...Object.fromEntries(Object.entries(i).filter(([e]) => !Object.prototype.hasOwnProperty.call(o, e) && e !== "form")),
|
|
16
|
+
field: e,
|
|
17
|
+
state: t,
|
|
18
|
+
inputProps: o
|
|
19
|
+
}, {
|
|
20
|
+
...a.label && { label: (e) => a.label(e) },
|
|
21
|
+
...a.default && { default: (e) => a.default(e) }
|
|
22
|
+
}),
|
|
23
|
+
...a.label && { label: (e) => a.label(e) }
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
return t(a, o, {
|
|
28
|
+
...s,
|
|
29
|
+
input: c
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
//#endregion
|
|
33
|
+
export { r as createUseFormWithCustomInput };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import "./vue-components7.es.js";
|
|
2
|
+
import "./vue-components12.es.js";
|
|
3
|
+
import "./vue-components50.es.js";
|
|
4
|
+
import "./vue-components52.es.js";
|
|
5
|
+
import "./vue-components54.es.js";
|
|
6
|
+
import "./vue-components56.es.js";
|
|
7
|
+
import "./vue-components61.es.js";
|
|
8
|
+
import "./vue-components62.es.js";
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { __exportAll as e } from "./vue-components2.es.js";
|
|
2
|
+
import t from "./vue-components4.es.js";
|
|
3
|
+
import { useOnClose as n, usePreventClose as r } from "./vue-components7.es.js";
|
|
4
|
+
import i from "./vue-components9.es.js";
|
|
5
|
+
import { createMeta as a, deepMerge as o, defaultsValueFromSchema as s, duplicateSchema as c, generateInputStandardSchemaFromFieldMeta as l, generateMetaFromSchema as u, getInputType as d, isNullableOrUndefined as f, toFormSchema as p } from "./vue-components12.es.js";
|
|
6
|
+
import m from "./vue-components50.es.js";
|
|
7
|
+
import h from "./vue-components52.es.js";
|
|
8
|
+
import g from "./vue-components54.es.js";
|
|
9
|
+
import _ from "./vue-components56.es.js";
|
|
10
|
+
import { useOmegaForm as v } from "./vue-components61.es.js";
|
|
11
|
+
import { createUseFormWithCustomInput as y } from "./vue-components62.es.js";
|
|
12
|
+
import "./vue-components63.es.js";
|
|
13
|
+
//#region src/components/index.ts
|
|
14
|
+
var b = /* @__PURE__ */ e({
|
|
15
|
+
CommandButton: () => t,
|
|
16
|
+
Dialog: () => i,
|
|
17
|
+
OmegaInput: () => h,
|
|
18
|
+
OmegaTaggedUnion: () => _,
|
|
19
|
+
OmegaTaggedUnionInternal: () => g,
|
|
20
|
+
OmegaVuetifyInput: () => m,
|
|
21
|
+
createMeta: () => a,
|
|
22
|
+
createUseFormWithCustomInput: () => y,
|
|
23
|
+
deepMerge: () => o,
|
|
24
|
+
defaultsValueFromSchema: () => s,
|
|
25
|
+
duplicateSchema: () => c,
|
|
26
|
+
generateInputStandardSchemaFromFieldMeta: () => l,
|
|
27
|
+
generateMetaFromSchema: () => u,
|
|
28
|
+
getInputType: () => d,
|
|
29
|
+
isNullableOrUndefined: () => f,
|
|
30
|
+
toFormSchema: () => p,
|
|
31
|
+
useOmegaForm: () => v,
|
|
32
|
+
useOnClose: () => n,
|
|
33
|
+
usePreventClose: () => r
|
|
34
|
+
});
|
|
35
|
+
//#endregion
|
|
36
|
+
export { b as components_exports };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import e from "./vue-components5.es.js";
|
|
2
|
+
import { onMountedWithCleanup as t } from "./vue-components6.es.js";
|
|
3
|
+
import { inject as n, provide as r } from "vue";
|
|
4
|
+
//#region src/components/OmegaForm/blockDialog.ts
|
|
5
|
+
var i = () => e(), a = Symbol("DialogBus"), o = () => n(a, null), s = () => {
|
|
6
|
+
let e = i();
|
|
7
|
+
return r(a, e), e;
|
|
8
|
+
}, c = (e) => {
|
|
9
|
+
let n = o();
|
|
10
|
+
if (!n) return;
|
|
11
|
+
let r = e();
|
|
12
|
+
t(() => {
|
|
13
|
+
let e = (e) => {
|
|
14
|
+
r.value && (confirm("Es sind ungespeicherte Änderungen vorhanden. Wirklich schließen?") || (e.prevent = !0));
|
|
15
|
+
};
|
|
16
|
+
return n.on("dialog-closing", e), () => n.off("dialog-closing", e);
|
|
17
|
+
});
|
|
18
|
+
}, l = (e) => {
|
|
19
|
+
let t = o();
|
|
20
|
+
return t ||= s(), () => {
|
|
21
|
+
let n = {};
|
|
22
|
+
t.emit("dialog-closing", n), n.prevent ? typeof n.prevent == "object" && "then" in n.prevent && n.prevent.then((t) => {
|
|
23
|
+
t !== !1 && e();
|
|
24
|
+
}) : e();
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
//#endregion
|
|
28
|
+
export { l as useOnClose, c as usePreventClose };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { onMountedWithCleanup as e } from "./vue-components6.es.js";
|
|
2
|
+
import { useOnClose as t } from "./vue-components7.es.js";
|
|
3
|
+
import { computed as n, createBlock as r, createSlots as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, normalizeProps as c, openBlock as l, renderList as u, renderSlot as d, resolveComponent as f, unref as p, useModel as m, useSlots as h, withCtx as g } from "vue";
|
|
4
|
+
//#region src/components/Dialog.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var _ = /* @__PURE__ */ a({
|
|
6
|
+
__name: "Dialog",
|
|
7
|
+
props: /* @__PURE__ */ s({ persistent: { type: Boolean } }, {
|
|
8
|
+
modelValue: {
|
|
9
|
+
type: Boolean,
|
|
10
|
+
default: !1
|
|
11
|
+
},
|
|
12
|
+
modelModifiers: {}
|
|
13
|
+
}),
|
|
14
|
+
emits: ["update:modelValue"],
|
|
15
|
+
setup(a) {
|
|
16
|
+
let s = a, _ = m(a, "modelValue"), v = h(), y = n(() => {
|
|
17
|
+
let { default: e, ...t } = v;
|
|
18
|
+
return t;
|
|
19
|
+
}), b = t(() => _.value = !1);
|
|
20
|
+
return e(() => {
|
|
21
|
+
let e = (e) => {
|
|
22
|
+
_.value && !s.persistent && e.code === "Escape" && b();
|
|
23
|
+
};
|
|
24
|
+
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
25
|
+
}), (e, t) => {
|
|
26
|
+
let n = f("v-dialog");
|
|
27
|
+
return l(), r(n, {
|
|
28
|
+
modelValue: _.value,
|
|
29
|
+
"onUpdate:modelValue": t[0] ||= (e) => _.value = e,
|
|
30
|
+
persistent: "",
|
|
31
|
+
"onClick:outside": p(b)
|
|
32
|
+
}, i({
|
|
33
|
+
default: g(({ isActive: t }) => [d(e.$slots, "default", {
|
|
34
|
+
open: _.value,
|
|
35
|
+
cancel: p(b),
|
|
36
|
+
isActive: t
|
|
37
|
+
})]),
|
|
38
|
+
_: 2
|
|
39
|
+
}, [u(y.value, (t, n) => ({
|
|
40
|
+
name: n,
|
|
41
|
+
fn: g((t) => [d(e.$slots, n, c(o(t)))])
|
|
42
|
+
}))]), 1032, ["modelValue", "onClick:outside"]);
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
//#endregion
|
|
47
|
+
export { _ as default };
|
package/package.json
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@effect-app/vue-components",
|
|
3
|
-
"version": "4.0.0-beta.
|
|
3
|
+
"version": "4.0.0-beta.45",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@mdi/js": "^7.4.47",
|
|
6
|
-
"effect": "^4.0.0-beta.
|
|
7
|
-
"intl-messageformat": "^11.
|
|
6
|
+
"effect": "^4.0.0-beta.43",
|
|
7
|
+
"intl-messageformat": "^11.2.0",
|
|
8
8
|
"mdi-js": "^1.0.1",
|
|
9
9
|
"primeflex": "^4.0.0",
|
|
10
10
|
"primeicons": "^7.0.0",
|
|
11
11
|
"primevue": "^4.5.4",
|
|
12
|
-
"vue": "^3.5.
|
|
13
|
-
"vuetify": "^4.0.
|
|
12
|
+
"vue": "^3.5.31",
|
|
13
|
+
"vuetify": "^4.0.4"
|
|
14
14
|
},
|
|
15
15
|
"devDependencies": {
|
|
16
|
-
"@storybook/vue3": "^10.
|
|
17
|
-
"@storybook/vue3-vite": "^10.
|
|
18
|
-
"@types/node": "^25.
|
|
19
|
-
"@vitejs/plugin-vue": "^6.0.
|
|
16
|
+
"@storybook/vue3": "^10.3.3",
|
|
17
|
+
"@storybook/vue3-vite": "^10.3.3",
|
|
18
|
+
"@types/node": "^25.5.0",
|
|
19
|
+
"@vitejs/plugin-vue": "^6.0.5",
|
|
20
20
|
"@vue/test-utils": "^2.4.6",
|
|
21
21
|
"@vueuse/core": "^14.2.1",
|
|
22
|
-
"dprint": "^0.
|
|
23
|
-
"jsdom": "^
|
|
22
|
+
"dprint": "^0.53.1",
|
|
23
|
+
"jsdom": "^29.0.1",
|
|
24
24
|
"rimraf": "^6.1.3",
|
|
25
|
-
"sass": "^1.
|
|
26
|
-
"storybook": "^10.
|
|
25
|
+
"sass": "^1.98.0",
|
|
26
|
+
"storybook": "^10.3.3",
|
|
27
27
|
"typescript": "~6.0.2",
|
|
28
|
-
"vite": "^
|
|
28
|
+
"vite": "^8.0.3",
|
|
29
29
|
"vite-plugin-css-injected-by-js": "^4.0.1",
|
|
30
30
|
"vitepress": "^1.6.4",
|
|
31
|
-
"vitest": "^4.
|
|
32
|
-
"vue-router": "^5.0.
|
|
31
|
+
"vitest": "^4.1.2",
|
|
32
|
+
"vue-router": "^5.0.4",
|
|
33
33
|
"vue-toastification": "^2.0.0-rc.5",
|
|
34
|
-
"vue-tsc": "^3.2.
|
|
35
|
-
"vuetify": "^4.0.
|
|
36
|
-
"@effect-app/eslint-shared-config": "0.5.7-beta.
|
|
34
|
+
"vue-tsc": "^3.2.6",
|
|
35
|
+
"vuetify": "^4.0.4",
|
|
36
|
+
"@effect-app/eslint-shared-config": "0.5.7-beta.4"
|
|
37
37
|
},
|
|
38
38
|
"files": [
|
|
39
39
|
"src",
|
|
@@ -52,13 +52,13 @@
|
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@opentelemetry/api": "^1.9.
|
|
55
|
+
"@opentelemetry/api": "^1.9.1",
|
|
56
56
|
"@tanstack/vue-form": "^1.23.5",
|
|
57
57
|
"highlight.js": "^11.11.1",
|
|
58
58
|
"mitt": "^3.0.1",
|
|
59
59
|
"vue3-highlightjs": "^1.0.5",
|
|
60
|
-
"
|
|
61
|
-
"effect-app": "4.0.0-beta.
|
|
60
|
+
"effect-app": "4.0.0-beta.45",
|
|
61
|
+
"@effect-app/vue": "4.0.0-beta.45"
|
|
62
62
|
},
|
|
63
63
|
"scripts": {
|
|
64
64
|
"check": "vue-tsc",
|