@effect-app/vue-components 3.0.1 → 3.0.2
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.es10.js +26 -22
- package/dist/vue-components.es11.js +2 -2
- package/dist/vue-components.es12.js +1 -1
- package/dist/vue-components.es16.js +11 -4
- package/dist/vue-components.es17.js +4 -10
- package/dist/vue-components.es18.js +10 -55
- package/dist/vue-components.es19.js +50 -63
- package/dist/vue-components.es20.js +68 -6
- package/dist/vue-components.es21.js +5 -5
- package/dist/vue-components.es22.js +6 -3
- package/dist/vue-components.es23.js +3 -3
- package/dist/vue-components.es24.js +3 -2
- package/dist/vue-components.es25.js +1 -1
- package/dist/vue-components.es26.js +1 -1
- package/dist/vue-components.es27.js +1 -1
- package/dist/vue-components.es28.js +2 -17
- package/dist/vue-components.es29.js +16 -10
- package/dist/vue-components.es30.js +41 -191
- package/dist/vue-components.es32.js +2 -42
- package/dist/vue-components.es33.js +111 -2
- package/dist/vue-components.es35.js +7 -111
- package/dist/vue-components.es36.js +34 -0
- package/dist/vue-components.es38.js +187 -27
- package/dist/vue-components.es40.js +1 -1
- package/dist/vue-components.es5.js +1 -1
- package/dist/vue-components.es6.js +31 -37
- package/dist/vue-components.es7.js +1 -1
- package/package.json +1 -1
- package/src/components/OmegaForm/OmegaInput.vue +0 -13
- package/src/components/OmegaForm/OmegaInternalInput.vue +1 -0
- package/src/components/OmegaForm/useOmegaForm.ts +12 -2
- package/src/components/OmegaForm/useRegisterField.ts +3 -1
- package/dist/vue-components.es37.js +0 -9
- /package/dist/{vue-components.es34.js → vue-components.es31.js} +0 -0
|
@@ -1,194 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
]), 1040, ["id", "name", "label", "error-messages", "error", "model-value"])) : u("", !0),
|
|
40
|
-
e.inputProps.type === "email" || e.inputProps.type === "string" || e.inputProps.type === "password" || e.inputProps.type === "date" ? (a(), n(y, o({
|
|
41
|
-
key: 1,
|
|
42
|
-
id: e.inputProps.id,
|
|
43
|
-
required: e.inputProps.required,
|
|
44
|
-
"min-length": e.inputProps.minLength,
|
|
45
|
-
"max-length": e.inputProps.maxLength,
|
|
46
|
-
type: C(c)(e.inputProps.type),
|
|
47
|
-
name: e.field.name,
|
|
48
|
-
label: e.inputProps.label,
|
|
49
|
-
"error-messages": e.inputProps.errorMessages,
|
|
50
|
-
error: e.inputProps.error
|
|
51
|
-
}, l.$attrs, {
|
|
52
|
-
"model-value": e.state.value,
|
|
53
|
-
"onUpdate:modelValue": e.field.handleChange
|
|
54
|
-
}), d({ _: 2 }, [
|
|
55
|
-
l.$slots.label ? {
|
|
56
|
-
name: "label",
|
|
57
|
-
fn: r(() => [
|
|
58
|
-
m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
|
|
59
|
-
]),
|
|
60
|
-
key: "0"
|
|
61
|
-
} : void 0
|
|
62
|
-
]), 1040, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
|
|
63
|
-
e.inputProps.type === "text" ? (a(), n(p, o({
|
|
64
|
-
key: 2,
|
|
65
|
-
id: e.inputProps.id,
|
|
66
|
-
required: e.inputProps.required,
|
|
67
|
-
"min-length": e.inputProps.minLength,
|
|
68
|
-
"max-length": e.inputProps.maxLength,
|
|
69
|
-
name: e.field.name,
|
|
70
|
-
label: e.inputProps.label,
|
|
71
|
-
"error-messages": e.inputProps.errorMessages,
|
|
72
|
-
error: e.inputProps.error
|
|
73
|
-
}, l.$attrs, {
|
|
74
|
-
"model-value": e.state.value,
|
|
75
|
-
"onUpdate:modelValue": e.field.handleChange
|
|
76
|
-
}), d({ _: 2 }, [
|
|
77
|
-
l.$slots.label ? {
|
|
78
|
-
name: "label",
|
|
79
|
-
fn: r(() => [
|
|
80
|
-
m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
|
|
81
|
-
]),
|
|
82
|
-
key: "0"
|
|
83
|
-
} : void 0
|
|
84
|
-
]), 1040, ["id", "required", "min-length", "max-length", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
|
|
85
|
-
e.inputProps.type === "number" || e.inputProps.type === "range" ? (a(), n(g(e.inputProps.type === "range" ? "v-slider" : "v-text-field"), o({
|
|
86
|
-
key: 3,
|
|
87
|
-
id: e.inputProps.id,
|
|
88
|
-
required: e.inputProps.required,
|
|
89
|
-
min: e.inputProps.min,
|
|
90
|
-
max: e.inputProps.max,
|
|
91
|
-
type: e.inputProps.type,
|
|
92
|
-
name: e.field.name,
|
|
93
|
-
label: e.inputProps.label,
|
|
94
|
-
"error-messages": e.inputProps.errorMessages,
|
|
95
|
-
error: e.inputProps.error
|
|
96
|
-
}, l.$attrs, {
|
|
97
|
-
"model-value": e.state.value,
|
|
98
|
-
"onUpdate:modelValue": i[1] || (i[1] = (t) => {
|
|
99
|
-
t || t === 0 ? e.field.handleChange(Number(t)) : e.field.handleChange(void 0);
|
|
100
|
-
})
|
|
101
|
-
}), d({ _: 2 }, [
|
|
102
|
-
l.$slots.label ? {
|
|
103
|
-
name: "label",
|
|
104
|
-
fn: r(() => [
|
|
105
|
-
m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
|
|
106
|
-
]),
|
|
107
|
-
key: "0"
|
|
108
|
-
} : void 0
|
|
109
|
-
]), 1040, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : u("", !0),
|
|
110
|
-
e.inputProps.type === "radio" ? (a(), n(h, o({
|
|
111
|
-
key: 4,
|
|
112
|
-
id: e.inputProps.id,
|
|
113
|
-
name: e.field.name,
|
|
114
|
-
label: e.inputProps.label,
|
|
115
|
-
"error-messages": e.inputProps.errorMessages,
|
|
116
|
-
error: e.inputProps.error
|
|
117
|
-
}, l.$attrs, {
|
|
118
|
-
"model-value": e.state.value,
|
|
119
|
-
"onUpdate:modelValue": e.field.handleChange
|
|
120
|
-
}), d({
|
|
121
|
-
default: r(() => [
|
|
122
|
-
(a(!0), v(V, null, U(e.inputProps.options, (t) => (a(), n(f, {
|
|
123
|
-
key: t.value,
|
|
124
|
-
label: t.title,
|
|
125
|
-
value: t.value
|
|
126
|
-
}, null, 8, ["label", "value"]))), 128))
|
|
127
|
-
]),
|
|
128
|
-
_: 2
|
|
129
|
-
}, [
|
|
130
|
-
l.$slots.label ? {
|
|
131
|
-
name: "label",
|
|
132
|
-
fn: r(() => [
|
|
133
|
-
m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
|
|
134
|
-
]),
|
|
135
|
-
key: "0"
|
|
136
|
-
} : void 0
|
|
137
|
-
]), 1040, ["id", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
|
|
138
|
-
e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (a(), n(q, o({
|
|
139
|
-
key: 5,
|
|
140
|
-
id: e.inputProps.id,
|
|
141
|
-
clearable: e.inputProps.type === "select",
|
|
142
|
-
required: e.inputProps.required,
|
|
143
|
-
multiple: e.inputProps.type === "multiple",
|
|
144
|
-
chips: e.inputProps.type === "multiple",
|
|
145
|
-
name: e.field.name,
|
|
146
|
-
label: e.inputProps.label,
|
|
147
|
-
items: e.inputProps.options,
|
|
148
|
-
"error-messages": e.inputProps.errorMessages,
|
|
149
|
-
error: e.inputProps.error
|
|
150
|
-
}, l.$attrs, {
|
|
151
|
-
"model-value": e.state.value,
|
|
152
|
-
onClear: i[2] || (i[2] = (t) => e.field.handleChange(void 0)),
|
|
153
|
-
"onUpdate:modelValue": e.field.handleChange
|
|
154
|
-
}), d({ _: 2 }, [
|
|
155
|
-
l.$slots.label ? {
|
|
156
|
-
name: "label",
|
|
157
|
-
fn: r(() => [
|
|
158
|
-
m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
|
|
159
|
-
]),
|
|
160
|
-
key: "0"
|
|
161
|
-
} : void 0
|
|
162
|
-
]), 1040, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : u("", !0),
|
|
163
|
-
e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (a(), n($, o({
|
|
164
|
-
key: 6,
|
|
165
|
-
id: e.inputProps.id,
|
|
166
|
-
clearable: e.inputProps.type === "autocomplete",
|
|
167
|
-
multiple: e.inputProps.type === "autocompletemultiple",
|
|
168
|
-
required: e.inputProps.required,
|
|
169
|
-
name: e.field.name,
|
|
170
|
-
label: e.inputProps.label,
|
|
171
|
-
items: e.inputProps.options,
|
|
172
|
-
"error-messages": e.inputProps.errorMessages,
|
|
173
|
-
error: e.inputProps.error,
|
|
174
|
-
chips: e.inputProps.type === "autocompletemultiple"
|
|
175
|
-
}, l.$attrs, {
|
|
176
|
-
"model-value": e.state.value,
|
|
177
|
-
onClear: i[3] || (i[3] = (t) => e.field.handleChange(void 0)),
|
|
178
|
-
"onUpdate:modelValue": e.field.handleChange
|
|
179
|
-
}), d({ _: 2 }, [
|
|
180
|
-
l.$slots.label ? {
|
|
181
|
-
name: "label",
|
|
182
|
-
fn: r(() => [
|
|
183
|
-
m(l.$slots, "label", s(P({ required: e.inputProps.required, id: e.inputProps.id, label: e.inputProps.label })))
|
|
184
|
-
]),
|
|
185
|
-
key: "0"
|
|
186
|
-
} : void 0
|
|
187
|
-
]), 1040, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : u("", !0)
|
|
188
|
-
], 32);
|
|
189
|
-
};
|
|
1
|
+
const f = (c) => typeof c == "function", a = function(c, r) {
|
|
2
|
+
switch (c) {
|
|
3
|
+
case 0:
|
|
4
|
+
case 1:
|
|
5
|
+
throw new RangeError(`Invalid arity ${c}`);
|
|
6
|
+
case 2:
|
|
7
|
+
return function(n, t) {
|
|
8
|
+
return arguments.length >= 2 ? r(n, t) : function(e) {
|
|
9
|
+
return r(e, n);
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
case 3:
|
|
13
|
+
return function(n, t, e) {
|
|
14
|
+
return arguments.length >= 3 ? r(n, t, e) : function(u) {
|
|
15
|
+
return r(u, n, t);
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
case 4:
|
|
19
|
+
return function(n, t, e, u) {
|
|
20
|
+
return arguments.length >= 4 ? r(n, t, e, u) : function(i) {
|
|
21
|
+
return r(i, n, t, e);
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
case 5:
|
|
25
|
+
return function(n, t, e, u, i) {
|
|
26
|
+
return arguments.length >= 5 ? r(n, t, e, u, i) : function(s) {
|
|
27
|
+
return r(s, n, t, e, u);
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
default:
|
|
31
|
+
return function() {
|
|
32
|
+
if (arguments.length >= c)
|
|
33
|
+
return r.apply(this, arguments);
|
|
34
|
+
const n = arguments;
|
|
35
|
+
return function(t) {
|
|
36
|
+
return r(t, ...n);
|
|
37
|
+
};
|
|
38
|
+
};
|
|
190
39
|
}
|
|
191
|
-
}
|
|
40
|
+
};
|
|
192
41
|
export {
|
|
193
|
-
|
|
42
|
+
a as dual,
|
|
43
|
+
f as isFunction
|
|
194
44
|
};
|
|
@@ -1,44 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
switch (c) {
|
|
3
|
-
case 0:
|
|
4
|
-
case 1:
|
|
5
|
-
throw new RangeError(`Invalid arity ${c}`);
|
|
6
|
-
case 2:
|
|
7
|
-
return function(n, t) {
|
|
8
|
-
return arguments.length >= 2 ? r(n, t) : function(e) {
|
|
9
|
-
return r(e, n);
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
case 3:
|
|
13
|
-
return function(n, t, e) {
|
|
14
|
-
return arguments.length >= 3 ? r(n, t, e) : function(u) {
|
|
15
|
-
return r(u, n, t);
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
case 4:
|
|
19
|
-
return function(n, t, e, u) {
|
|
20
|
-
return arguments.length >= 4 ? r(n, t, e, u) : function(i) {
|
|
21
|
-
return r(i, n, t, e);
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
case 5:
|
|
25
|
-
return function(n, t, e, u, i) {
|
|
26
|
-
return arguments.length >= 5 ? r(n, t, e, u, i) : function(s) {
|
|
27
|
-
return r(s, n, t, e, u);
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
default:
|
|
31
|
-
return function() {
|
|
32
|
-
if (arguments.length >= c)
|
|
33
|
-
return r.apply(this, arguments);
|
|
34
|
-
const n = arguments;
|
|
35
|
-
return function(t) {
|
|
36
|
-
return r(t, ...n);
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
};
|
|
1
|
+
import f from "./vue-components.es20.js";
|
|
41
2
|
export {
|
|
42
|
-
|
|
43
|
-
f as isFunction
|
|
3
|
+
f as default
|
|
44
4
|
};
|
|
@@ -1,4 +1,113 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as _, getCurrentInstance as B, computed as V, createBlock as i, openBlock as e, Transition as x, withCtx as u, createElementBlock as o, createCommentVNode as p, renderSlot as g, normalizeProps as b, guardReactiveProps as I, resolveDynamicComponent as h, unref as d, normalizeClass as v, createElementVNode as n, toDisplayString as a, Fragment as w, renderList as y, createTextVNode as C } from "vue";
|
|
2
|
+
import { useIntl as L } from "./vue-components.es3.js";
|
|
3
|
+
const M = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "error-alert"
|
|
6
|
+
}, j = { class: "container" }, D = {
|
|
7
|
+
key: 0,
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, N = { class: "text-h6" }, z = {
|
|
12
|
+
key: 0,
|
|
13
|
+
class: "error-list"
|
|
14
|
+
}, G = ["for"], H = { key: 1 }, T = /* @__PURE__ */ _({
|
|
15
|
+
__name: "OmegaErrorsInternal",
|
|
16
|
+
props: {
|
|
17
|
+
generalErrors: {},
|
|
18
|
+
errors: {},
|
|
19
|
+
hideErrorDetails: { type: Boolean }
|
|
20
|
+
},
|
|
21
|
+
setup(l) {
|
|
22
|
+
const c = B()?.appContext.components.VAlert, k = l, { trans: E } = L(), m = V(() => k.generalErrors ? k.generalErrors.filter((s) => !!s).flatMap(
|
|
23
|
+
(s) => Object.values(s).filter((t) => !!t).flatMap(
|
|
24
|
+
(t) => t.filter(
|
|
25
|
+
(r) => !!r?.message
|
|
26
|
+
).map((r) => r.message)
|
|
27
|
+
)
|
|
28
|
+
) : []);
|
|
29
|
+
return (s, t) => (e(), i(x, null, {
|
|
30
|
+
default: u(() => [
|
|
31
|
+
l.errors.length || m.value.length ? (e(), o("div", M, [
|
|
32
|
+
g(s.$slots, "default", b(I({ errors: l.errors, showedGeneralErrors: m.value })), () => [
|
|
33
|
+
(e(), i(h(d(c) ? "v-alert" : "div"), {
|
|
34
|
+
class: v([d(c) ? "mb-4" : "error-alert-content", "mb-4"]),
|
|
35
|
+
type: "error",
|
|
36
|
+
variant: "tonal",
|
|
37
|
+
role: "alert",
|
|
38
|
+
"aria-live": "polite"
|
|
39
|
+
}, {
|
|
40
|
+
default: u(() => [
|
|
41
|
+
n("div", j, [
|
|
42
|
+
g(s.$slots, "icon", {}, () => [
|
|
43
|
+
d(c) ? p("", !0) : (e(), o("svg", D, [...t[0] || (t[0] = [
|
|
44
|
+
n("path", {
|
|
45
|
+
d: "M16 2H8L2 8V16L8 22H16L22 16V8L16 2Z",
|
|
46
|
+
stroke: "currentColor",
|
|
47
|
+
"stroke-width": "2",
|
|
48
|
+
"stroke-linecap": "round",
|
|
49
|
+
"stroke-linejoin": "round"
|
|
50
|
+
}, null, -1),
|
|
51
|
+
n("path", {
|
|
52
|
+
d: "M12 8V12",
|
|
53
|
+
stroke: "currentColor",
|
|
54
|
+
"stroke-width": "2",
|
|
55
|
+
"stroke-linecap": "round",
|
|
56
|
+
"stroke-linejoin": "round"
|
|
57
|
+
}, null, -1),
|
|
58
|
+
n("path", {
|
|
59
|
+
d: "M12 16.0195V16",
|
|
60
|
+
stroke: "currentColor",
|
|
61
|
+
"stroke-width": "2",
|
|
62
|
+
"stroke-linecap": "round",
|
|
63
|
+
"stroke-linejoin": "round"
|
|
64
|
+
}, null, -1)
|
|
65
|
+
])]))
|
|
66
|
+
], !0),
|
|
67
|
+
n("div", null, [
|
|
68
|
+
n("div", N, a(d(E)("form.includes_error")) + ": ", 1),
|
|
69
|
+
l.errors.length ? (e(), o("ul", z, [
|
|
70
|
+
(e(!0), o(w, null, y(l.errors, (r) => (e(), o("li", {
|
|
71
|
+
key: r.inputId,
|
|
72
|
+
class: "error-item"
|
|
73
|
+
}, [
|
|
74
|
+
n("div", null, [
|
|
75
|
+
n("label", {
|
|
76
|
+
for: r.inputId,
|
|
77
|
+
class: "error-link"
|
|
78
|
+
}, a(r.label), 9, G),
|
|
79
|
+
t[1] || (t[1] = C(" " + a(" ") + " ", -1)),
|
|
80
|
+
l.hideErrorDetails ? p("", !0) : (e(), o("div", {
|
|
81
|
+
key: 0,
|
|
82
|
+
class: v(["error-message", r.errors.length < 2 && "single-error"])
|
|
83
|
+
}, [
|
|
84
|
+
(e(), i(h(r.errors.length > 1 ? "ul" : "div"), { class: "error-list" }, {
|
|
85
|
+
default: u(() => [
|
|
86
|
+
(e(!0), o(w, null, y(r.errors, (f) => (e(), i(h(r.errors.length > 1 ? "li" : "span"), { key: f }, {
|
|
87
|
+
default: u(() => [
|
|
88
|
+
C(a(f), 1)
|
|
89
|
+
]),
|
|
90
|
+
_: 2
|
|
91
|
+
}, 1024))), 128))
|
|
92
|
+
]),
|
|
93
|
+
_: 2
|
|
94
|
+
}, 1024))
|
|
95
|
+
], 2))
|
|
96
|
+
])
|
|
97
|
+
]))), 128))
|
|
98
|
+
])) : (e(), o("span", H, a(m.value[0]), 1))
|
|
99
|
+
])
|
|
100
|
+
])
|
|
101
|
+
]),
|
|
102
|
+
_: 3
|
|
103
|
+
}, 8, ["class"]))
|
|
104
|
+
], !0)
|
|
105
|
+
])) : p("", !0)
|
|
106
|
+
]),
|
|
107
|
+
_: 3
|
|
108
|
+
}));
|
|
109
|
+
}
|
|
110
|
+
});
|
|
2
111
|
export {
|
|
3
|
-
|
|
112
|
+
T as default
|
|
4
113
|
};
|
|
@@ -1,113 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
key: 0,
|
|
8
|
-
viewBox: "0 0 24 24",
|
|
9
|
-
fill: "none",
|
|
10
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
-
}, N = { class: "text-h6" }, z = {
|
|
12
|
-
key: 0,
|
|
13
|
-
class: "error-list"
|
|
14
|
-
}, G = ["for"], H = { key: 1 }, T = /* @__PURE__ */ _({
|
|
15
|
-
__name: "OmegaErrorsInternal",
|
|
16
|
-
props: {
|
|
17
|
-
generalErrors: {},
|
|
18
|
-
errors: {},
|
|
19
|
-
hideErrorDetails: { type: Boolean }
|
|
20
|
-
},
|
|
21
|
-
setup(l) {
|
|
22
|
-
const c = B()?.appContext.components.VAlert, k = l, { trans: E } = L(), m = V(() => k.generalErrors ? k.generalErrors.filter((s) => !!s).flatMap(
|
|
23
|
-
(s) => Object.values(s).filter((t) => !!t).flatMap(
|
|
24
|
-
(t) => t.filter(
|
|
25
|
-
(r) => !!r?.message
|
|
26
|
-
).map((r) => r.message)
|
|
27
|
-
)
|
|
28
|
-
) : []);
|
|
29
|
-
return (s, t) => (e(), i(x, null, {
|
|
30
|
-
default: u(() => [
|
|
31
|
-
l.errors.length || m.value.length ? (e(), o("div", M, [
|
|
32
|
-
g(s.$slots, "default", b(I({ errors: l.errors, showedGeneralErrors: m.value })), () => [
|
|
33
|
-
(e(), i(h(d(c) ? "v-alert" : "div"), {
|
|
34
|
-
class: v([d(c) ? "mb-4" : "error-alert-content", "mb-4"]),
|
|
35
|
-
type: "error",
|
|
36
|
-
variant: "tonal",
|
|
37
|
-
role: "alert",
|
|
38
|
-
"aria-live": "polite"
|
|
39
|
-
}, {
|
|
40
|
-
default: u(() => [
|
|
41
|
-
n("div", j, [
|
|
42
|
-
g(s.$slots, "icon", {}, () => [
|
|
43
|
-
d(c) ? p("", !0) : (e(), o("svg", D, [...t[0] || (t[0] = [
|
|
44
|
-
n("path", {
|
|
45
|
-
d: "M16 2H8L2 8V16L8 22H16L22 16V8L16 2Z",
|
|
46
|
-
stroke: "currentColor",
|
|
47
|
-
"stroke-width": "2",
|
|
48
|
-
"stroke-linecap": "round",
|
|
49
|
-
"stroke-linejoin": "round"
|
|
50
|
-
}, null, -1),
|
|
51
|
-
n("path", {
|
|
52
|
-
d: "M12 8V12",
|
|
53
|
-
stroke: "currentColor",
|
|
54
|
-
"stroke-width": "2",
|
|
55
|
-
"stroke-linecap": "round",
|
|
56
|
-
"stroke-linejoin": "round"
|
|
57
|
-
}, null, -1),
|
|
58
|
-
n("path", {
|
|
59
|
-
d: "M12 16.0195V16",
|
|
60
|
-
stroke: "currentColor",
|
|
61
|
-
"stroke-width": "2",
|
|
62
|
-
"stroke-linecap": "round",
|
|
63
|
-
"stroke-linejoin": "round"
|
|
64
|
-
}, null, -1)
|
|
65
|
-
])]))
|
|
66
|
-
], !0),
|
|
67
|
-
n("div", null, [
|
|
68
|
-
n("div", N, a(d(E)("form.includes_error")) + ": ", 1),
|
|
69
|
-
l.errors.length ? (e(), o("ul", z, [
|
|
70
|
-
(e(!0), o(w, null, y(l.errors, (r) => (e(), o("li", {
|
|
71
|
-
key: r.inputId,
|
|
72
|
-
class: "error-item"
|
|
73
|
-
}, [
|
|
74
|
-
n("div", null, [
|
|
75
|
-
n("label", {
|
|
76
|
-
for: r.inputId,
|
|
77
|
-
class: "error-link"
|
|
78
|
-
}, a(r.label), 9, G),
|
|
79
|
-
t[1] || (t[1] = C(" " + a(" ") + " ", -1)),
|
|
80
|
-
l.hideErrorDetails ? p("", !0) : (e(), o("div", {
|
|
81
|
-
key: 0,
|
|
82
|
-
class: v(["error-message", r.errors.length < 2 && "single-error"])
|
|
83
|
-
}, [
|
|
84
|
-
(e(), i(h(r.errors.length > 1 ? "ul" : "div"), { class: "error-list" }, {
|
|
85
|
-
default: u(() => [
|
|
86
|
-
(e(!0), o(w, null, y(r.errors, (f) => (e(), i(h(r.errors.length > 1 ? "li" : "span"), { key: f }, {
|
|
87
|
-
default: u(() => [
|
|
88
|
-
C(a(f), 1)
|
|
89
|
-
]),
|
|
90
|
-
_: 2
|
|
91
|
-
}, 1024))), 128))
|
|
92
|
-
]),
|
|
93
|
-
_: 2
|
|
94
|
-
}, 1024))
|
|
95
|
-
], 2))
|
|
96
|
-
])
|
|
97
|
-
]))), 128))
|
|
98
|
-
])) : (e(), o("span", H, a(m.value[0]), 1))
|
|
99
|
-
])
|
|
100
|
-
])
|
|
101
|
-
]),
|
|
102
|
-
_: 3
|
|
103
|
-
}, 8, ["class"]))
|
|
104
|
-
], !0)
|
|
105
|
-
])) : p("", !0)
|
|
106
|
-
]),
|
|
107
|
-
_: 3
|
|
108
|
-
}));
|
|
109
|
-
}
|
|
110
|
-
});
|
|
1
|
+
const s = (t, e) => {
|
|
2
|
+
const o = t.__vccOpts || t;
|
|
3
|
+
for (const [r, c] of e)
|
|
4
|
+
o[r] = c;
|
|
5
|
+
return o;
|
|
6
|
+
};
|
|
111
7
|
export {
|
|
112
|
-
|
|
8
|
+
s as default
|
|
113
9
|
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { defineComponent as m, createElementBlock as d, openBlock as u, withModifiers as f, createElementVNode as l, unref as s, renderSlot as a } from "vue";
|
|
2
|
+
import { useStore as b } from "@tanstack/vue-form";
|
|
3
|
+
import { usePreventClose as p } from "./vue-components.es11.js";
|
|
4
|
+
import { getOmegaStore as c } from "./vue-components.es53.js";
|
|
5
|
+
const S = ["disabled"], V = /* @__PURE__ */ m({
|
|
6
|
+
__name: "OmegaWrapper",
|
|
7
|
+
props: {
|
|
8
|
+
form: {},
|
|
9
|
+
disabled: { type: Boolean },
|
|
10
|
+
subscribe: {}
|
|
11
|
+
},
|
|
12
|
+
setup(o) {
|
|
13
|
+
const e = o, i = b(
|
|
14
|
+
e.form.store,
|
|
15
|
+
(t) => t.isSubmitting
|
|
16
|
+
), n = c(
|
|
17
|
+
e.form,
|
|
18
|
+
e.subscribe
|
|
19
|
+
);
|
|
20
|
+
return e.form.ignorePreventCloseEvents || p(() => e.form.useStore((t) => t.isDirty)), (t, r) => (u(), d("form", {
|
|
21
|
+
novalidate: "",
|
|
22
|
+
onSubmit: r[0] || (r[0] = f((v) => o.form.handleSubmit(), ["prevent", "stop"]))
|
|
23
|
+
}, [
|
|
24
|
+
l("fieldset", {
|
|
25
|
+
disabled: s(i) || o.disabled
|
|
26
|
+
}, [
|
|
27
|
+
a(t.$slots, "default", { subscribedValues: s(n) }, void 0, !0)
|
|
28
|
+
], 8, S)
|
|
29
|
+
], 32));
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
export {
|
|
33
|
+
V as default
|
|
34
|
+
};
|