@webx-ui/schema 0.7.3 → 0.8.0
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/index.d.ts +1 -1
- package/dist/index.js +256 -226
- package/dist/index.js.map +1 -1
- package/dist/render.d.ts +10 -0
- package/dist/style.css +1 -1
- package/dist/types.d.ts +9 -1
- package/package.json +2 -2
- package/schemas/patch.schema.json +1 -0
- package/schemas/screen.schema.json +3 -0
package/dist/index.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ export { applyPatch, collectIds, findNode } from './patch';
|
|
|
3
3
|
export { evaluateCondition, isVisible } from './visible';
|
|
4
4
|
export { validatePatch, validateScreen } from './validate';
|
|
5
5
|
export { coreTypes, defineTypes, describeTypes, typesTable, type TypeDescription } from './registry';
|
|
6
|
-
export { screenErrorsKey, translateDeep, words, WxScreenNodes, TRANS_MARKER, type RenderContext, } from './render';
|
|
6
|
+
export { screenErrorsKey, translateDeep, withFieldDefaults, words, WxScreenNodes, TRANS_MARKER, type RenderContext, } from './render';
|
|
7
7
|
export { default as WxScreenRenderer } from './ScreenRenderer';
|
package/dist/index.js
CHANGED
|
@@ -1,80 +1,80 @@
|
|
|
1
|
-
import { WxFormItem as
|
|
2
|
-
import { defineComponent as
|
|
1
|
+
import { WxFormItem as ne, WxRepeater as te, WxTabs as oe, WxAlert as ie, WxText as re, WxHeading as se, WxCodeEditor as ae, WxTransfer as le, WxTreeSelect as de, WxCascader as ce, WxIconPicker as fe, WxAutocomplete as ue, WxTagsInput as pe, WxDateRangePicker as me, WxDateTimePicker as ye, WxTimePicker as be, WxRate as he, WxSlider as xe, WxSegmented as ge, WxCheckboxGroup as ke, WxColorPicker as we, WxDatePicker as ve, WxRadioGroup as We, WxCheckbox as $e, WxSwitch as Se, WxSelect as je, WxInputNumber as Ae, WxTextarea as Pe, WxInput as Oe, WxDivider as Te, WxCol as Ee, WxRow as Re, WxCard as Ne, WxTab as Ve, WxForm as Ce } from "@webx-ui/core";
|
|
2
|
+
import { defineComponent as $, h as x, useModel as q, computed as y, useAttrs as Me, inject as U, openBlock as R, createBlock as N, unref as g, mergeProps as B, withCtx as V, createVNode as K, mergeModels as P, ref as ze, watch as H, renderSlot as Ie, provide as De, markRaw as _e, toRaw as Fe } from "vue";
|
|
3
3
|
function W(e, t) {
|
|
4
4
|
for (let n = 0; n < e.length; n += 1) {
|
|
5
5
|
const o = e[n];
|
|
6
6
|
if (o.id === t) return { list: e, index: n, node: o };
|
|
7
7
|
if (o.children) {
|
|
8
|
-
const
|
|
9
|
-
if (
|
|
8
|
+
const i = W(o.children, t);
|
|
9
|
+
if (i) return i;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
return null;
|
|
13
13
|
}
|
|
14
|
-
function
|
|
14
|
+
function sn(e, t) {
|
|
15
15
|
return W(e, t)?.node ?? null;
|
|
16
16
|
}
|
|
17
17
|
function j(e) {
|
|
18
18
|
const t = [], n = (o) => {
|
|
19
|
-
for (const
|
|
20
|
-
t.push(
|
|
19
|
+
for (const i of o)
|
|
20
|
+
t.push(i.id), i.children && n(i.children);
|
|
21
21
|
};
|
|
22
22
|
return n(e), t;
|
|
23
23
|
}
|
|
24
|
-
function
|
|
24
|
+
function I(e, t) {
|
|
25
25
|
if (!t || t === "last") return e.length;
|
|
26
26
|
if (t === "first") return 0;
|
|
27
|
-
const [n, o] = t.split(":", 2),
|
|
28
|
-
return
|
|
27
|
+
const [n, o] = t.split(":", 2), i = e.findIndex((r) => r.id === o);
|
|
28
|
+
return i === -1 ? `no sibling "${o}" to insert ${n}` : n === "before" ? i : i + 1;
|
|
29
29
|
}
|
|
30
|
-
function
|
|
31
|
-
if (Array.isArray(e)) return e.map(
|
|
30
|
+
function k(e) {
|
|
31
|
+
if (Array.isArray(e)) return e.map(k);
|
|
32
32
|
if (e && typeof e == "object") {
|
|
33
33
|
const t = {};
|
|
34
|
-
for (const [n, o] of Object.entries(e)) t[n] =
|
|
34
|
+
for (const [n, o] of Object.entries(e)) t[n] = k(o);
|
|
35
35
|
return t;
|
|
36
36
|
}
|
|
37
37
|
return e;
|
|
38
38
|
}
|
|
39
|
-
function
|
|
40
|
-
const n =
|
|
41
|
-
return t.forEach((
|
|
42
|
-
const s =
|
|
43
|
-
s && o.push({ index:
|
|
39
|
+
function qe(e, t) {
|
|
40
|
+
const n = k(e), o = [];
|
|
41
|
+
return t.forEach((i, r) => {
|
|
42
|
+
const s = Ue(n, i);
|
|
43
|
+
s && o.push({ index: r, op: i, message: s });
|
|
44
44
|
}), { root: n, errors: o };
|
|
45
45
|
}
|
|
46
|
-
function
|
|
46
|
+
function Ue(e, t) {
|
|
47
47
|
const n = W(e, t.target);
|
|
48
48
|
if (!n) return `target "${t.target}" not found`;
|
|
49
49
|
switch (t.op) {
|
|
50
50
|
case "add": {
|
|
51
|
-
const o =
|
|
51
|
+
const o = D(e, t.node);
|
|
52
52
|
if (o) return `id "${o}" already exists in the screen`;
|
|
53
|
-
const
|
|
54
|
-
return typeof
|
|
53
|
+
const i = n.node.children ??= [], r = I(i, t.position);
|
|
54
|
+
return typeof r == "string" ? r : (i.splice(r, 0, k(t.node)), null);
|
|
55
55
|
}
|
|
56
56
|
case "remove":
|
|
57
57
|
return n.list.splice(n.index, 1), null;
|
|
58
58
|
case "replace": {
|
|
59
|
-
const o = e.filter((
|
|
60
|
-
return
|
|
59
|
+
const o = e.filter((r) => r !== n.node), i = D(o, t.node, n.node);
|
|
60
|
+
return i ? `id "${i}" already exists in the screen` : (n.list.splice(n.index, 1, k(t.node)), null);
|
|
61
61
|
}
|
|
62
62
|
case "move": {
|
|
63
63
|
let o = n.list;
|
|
64
64
|
if (t.to !== void 0) {
|
|
65
|
-
const
|
|
66
|
-
if (!
|
|
67
|
-
if (
|
|
65
|
+
const r = W(e, t.to);
|
|
66
|
+
if (!r) return `destination "${t.to}" not found`;
|
|
67
|
+
if (r.node === n.node || L(n.node, r.node))
|
|
68
68
|
return `cannot move "${t.target}" into itself`;
|
|
69
|
-
o =
|
|
69
|
+
o = r.node.children ??= [];
|
|
70
70
|
}
|
|
71
71
|
n.list.splice(n.index, 1);
|
|
72
|
-
const
|
|
73
|
-
return typeof
|
|
72
|
+
const i = I(o, t.position);
|
|
73
|
+
return typeof i == "string" ? (n.list.splice(n.index, 0, n.node), i) : (o.splice(i, 0, n.node), null);
|
|
74
74
|
}
|
|
75
75
|
case "set": {
|
|
76
|
-
for (const [o,
|
|
77
|
-
o === "op" || o === "target" || (o === "props" ? n.node.props = { ...n.node.props, ...
|
|
76
|
+
for (const [o, i] of Object.entries(t))
|
|
77
|
+
o === "op" || o === "target" || (o === "props" ? n.node.props = { ...n.node.props, ...i } : n.node[o] = k(i));
|
|
78
78
|
return null;
|
|
79
79
|
}
|
|
80
80
|
}
|
|
@@ -82,10 +82,10 @@ function qe(e, t) {
|
|
|
82
82
|
function L(e, t) {
|
|
83
83
|
return (e.children ?? []).some((n) => n === t || L(n, t));
|
|
84
84
|
}
|
|
85
|
-
function
|
|
85
|
+
function D(e, t, n) {
|
|
86
86
|
const o = new Set(j(e));
|
|
87
|
-
if (n) for (const
|
|
88
|
-
return j([t]).find((
|
|
87
|
+
if (n) for (const i of j([n])) o.delete(i);
|
|
88
|
+
return j([t]).find((i) => o.has(i)) ?? null;
|
|
89
89
|
}
|
|
90
90
|
function A(e, t) {
|
|
91
91
|
return e === t ? !0 : e === null || t === null || typeof e != "object" || typeof t != "object" ? !1 : JSON.stringify(e) === JSON.stringify(t);
|
|
@@ -96,7 +96,7 @@ function O(e, t) {
|
|
|
96
96
|
const n = t[e.when];
|
|
97
97
|
return "in" in e ? e.in.some((o) => A(o, n)) : "not" in e ? !A(e.not, n) : A(e.is, n);
|
|
98
98
|
}
|
|
99
|
-
function
|
|
99
|
+
function Be(e, t) {
|
|
100
100
|
const { visible: n } = e;
|
|
101
101
|
return n === void 0 || n === !0 ? !0 : n === !1 ? !1 : O(n, t);
|
|
102
102
|
}
|
|
@@ -107,161 +107,188 @@ const X = /* @__PURE__ */ new Set([
|
|
|
107
107
|
"label",
|
|
108
108
|
"help",
|
|
109
109
|
"localized",
|
|
110
|
+
"default",
|
|
110
111
|
"props",
|
|
111
112
|
"children",
|
|
112
113
|
"slot",
|
|
113
114
|
"visible",
|
|
114
115
|
"can"
|
|
115
|
-
]),
|
|
116
|
-
function
|
|
116
|
+
]), Ke = /* @__PURE__ */ new Set(["add", "remove", "replace", "move", "set"]);
|
|
117
|
+
function w(e) {
|
|
117
118
|
return typeof e == "object" && e !== null && !Array.isArray(e);
|
|
118
119
|
}
|
|
119
120
|
function G(e, t, n) {
|
|
120
|
-
if (!
|
|
121
|
+
if (!w(e)) {
|
|
121
122
|
n.push({ path: t, message: "visible must be a boolean or a condition object" });
|
|
122
123
|
return;
|
|
123
124
|
}
|
|
124
125
|
if ("all" in e || "any" in e) {
|
|
125
|
-
const
|
|
126
|
-
if (!Array.isArray(
|
|
126
|
+
const i = e.all ?? e.any;
|
|
127
|
+
if (!Array.isArray(i)) {
|
|
127
128
|
n.push({ path: t, message: '"all" / "any" must be an array of conditions' });
|
|
128
129
|
return;
|
|
129
130
|
}
|
|
130
|
-
|
|
131
|
+
i.forEach((r, s) => G(r, `${t}[${s}]`, n));
|
|
131
132
|
return;
|
|
132
133
|
}
|
|
133
134
|
if (typeof e.when != "string") {
|
|
134
135
|
n.push({ path: t, message: 'a condition needs "when": the name of a field' });
|
|
135
136
|
return;
|
|
136
137
|
}
|
|
137
|
-
const o = ["is", "in", "not"].filter((
|
|
138
|
+
const o = ["is", "in", "not"].filter((i) => i in e);
|
|
138
139
|
o.length !== 1 ? n.push({ path: t, message: 'a condition needs exactly one of "is", "in", "not"' }) : o[0] === "in" && !Array.isArray(e.in) && n.push({ path: t, message: '"in" must be an array' });
|
|
139
140
|
}
|
|
140
141
|
function C(e, t, n, o) {
|
|
141
|
-
if (!
|
|
142
|
+
if (!w(e)) {
|
|
142
143
|
n.push({ path: t, message: "a node must be an object" });
|
|
143
144
|
return;
|
|
144
145
|
}
|
|
145
|
-
for (const
|
|
146
|
-
X.has(
|
|
146
|
+
for (const i of Object.keys(e))
|
|
147
|
+
X.has(i) || n.push({ path: t, message: `unknown key "${i}"` });
|
|
147
148
|
typeof e.id != "string" || e.id === "" ? n.push({ path: t, message: '"id" is required and must be a non-empty string' }) : o.has(e.id) ? n.push({ path: t, message: `duplicate id "${e.id}"` }) : o.add(e.id), (typeof e.type != "string" || e.type === "") && n.push({ path: t, message: '"type" is required and must be a non-empty string' });
|
|
148
|
-
for (const
|
|
149
|
-
|
|
150
|
-
"localized" in e && typeof e.localized != "boolean" && n.push({ path: t, message: '"localized" must be a boolean' }), "props" in e && !
|
|
151
|
-
(
|
|
149
|
+
for (const i of ["name", "label", "help"])
|
|
150
|
+
i in e && typeof e[i] != "string" && n.push({ path: t, message: `"${i}" must be a string` });
|
|
151
|
+
"localized" in e && typeof e.localized != "boolean" && n.push({ path: t, message: '"localized" must be a boolean' }), "props" in e && !w(e.props) && n.push({ path: t, message: '"props" must be an object' }), "slot" in e && e.slot !== null && typeof e.slot != "string" && n.push({ path: t, message: '"slot" must be a string or null' }), "can" in e && e.can !== null && typeof e.can != "string" && n.push({ path: t, message: '"can" must be a string or null' }), "visible" in e && typeof e.visible != "boolean" && G(e.visible, `${t}.visible`, n), "children" in e && (Array.isArray(e.children) ? e.children.forEach(
|
|
152
|
+
(i, r) => C(i, `${t}.children[${r}]`, n, o)
|
|
152
153
|
) : n.push({ path: t, message: '"children" must be an array' }));
|
|
153
154
|
}
|
|
154
|
-
function
|
|
155
|
+
function an(e) {
|
|
155
156
|
const t = [];
|
|
156
157
|
if (!Array.isArray(e)) return [{ path: "root", message: "root must be an array of nodes" }];
|
|
157
158
|
const n = /* @__PURE__ */ new Set();
|
|
158
|
-
return e.forEach((o,
|
|
159
|
+
return e.forEach((o, i) => C(o, `root[${i}]`, t, n)), t;
|
|
159
160
|
}
|
|
160
|
-
function
|
|
161
|
+
function ln(e) {
|
|
161
162
|
const t = [];
|
|
162
163
|
return Array.isArray(e) ? (e.forEach((n, o) => {
|
|
163
|
-
const
|
|
164
|
-
if (!
|
|
165
|
-
t.push({ path:
|
|
164
|
+
const i = `patch[${o}]`;
|
|
165
|
+
if (!w(n)) {
|
|
166
|
+
t.push({ path: i, message: "an operation must be an object" });
|
|
166
167
|
return;
|
|
167
168
|
}
|
|
168
|
-
if (typeof n.op != "string" || !
|
|
169
|
-
t.push({ path:
|
|
169
|
+
if (typeof n.op != "string" || !Ke.has(n.op)) {
|
|
170
|
+
t.push({ path: i, message: '"op" must be one of add, remove, replace, move, set' });
|
|
170
171
|
return;
|
|
171
172
|
}
|
|
172
|
-
if ((typeof n.target != "string" || n.target === "") && t.push({ path:
|
|
173
|
-
for (const
|
|
174
|
-
|
|
173
|
+
if ((typeof n.target != "string" || n.target === "") && t.push({ path: i, message: '"target" is required: the id of a node' }), (n.op === "add" || n.op === "replace") && !w(n.node) ? t.push({ path: i, message: `"${n.op}" needs a "node"` }) : (n.op === "add" || n.op === "replace") && C(n.node, `${i}.node`, t, /* @__PURE__ */ new Set()), "position" in n && !He(n.position) && t.push({ path: i, message: '"position" must be first, last, before:<id> or after:<id>' }), n.op === "move" && "to" in n && typeof n.to != "string" && t.push({ path: i, message: '"to" must be the id of the new parent' }), n.op === "set")
|
|
174
|
+
for (const r of Object.keys(n))
|
|
175
|
+
r !== "op" && r !== "target" && (!X.has(r) || r === "id") && t.push({ path: i, message: `"set" cannot change "${r}"` });
|
|
175
176
|
}), t) : [{ path: "patch", message: "a patch must be an array" }];
|
|
176
177
|
}
|
|
177
|
-
function
|
|
178
|
+
function He(e) {
|
|
178
179
|
return typeof e == "string" && (e === "first" || e === "last" || e.startsWith("before:") || e.startsWith("after:"));
|
|
179
180
|
}
|
|
180
|
-
const
|
|
181
|
+
const _ = "trans::", M = /* @__PURE__ */ Symbol("wx-screen-errors");
|
|
181
182
|
function F(e, t) {
|
|
182
|
-
return e.can && !t.can(e.can) ? !1 :
|
|
183
|
+
return e.can && !t.can(e.can) ? !1 : Be(e, t.model);
|
|
183
184
|
}
|
|
184
|
-
|
|
185
|
+
function J(e, t) {
|
|
186
|
+
let n;
|
|
187
|
+
const o = (i) => {
|
|
188
|
+
for (const r of i) {
|
|
189
|
+
if (r.name === void 0) {
|
|
190
|
+
o(r.children ?? []);
|
|
191
|
+
continue;
|
|
192
|
+
}
|
|
193
|
+
const s = t[r.name];
|
|
194
|
+
r.default !== void 0 && s == null && (n ??= { ...t }, n[r.name] = r.default);
|
|
195
|
+
}
|
|
196
|
+
};
|
|
197
|
+
return o(e), n ?? t;
|
|
198
|
+
}
|
|
199
|
+
const Le = (e) => e;
|
|
185
200
|
function T(e, t) {
|
|
186
|
-
return typeof e == "string" && e.startsWith(
|
|
201
|
+
return typeof e == "string" && e.startsWith(_) ? t(e.slice(_.length)) : e;
|
|
187
202
|
}
|
|
188
203
|
function E(e, t) {
|
|
189
204
|
if (typeof e == "string") return T(e, t);
|
|
190
205
|
if (Array.isArray(e)) return e.map((n) => E(n, t));
|
|
191
206
|
if (e && typeof e == "object") {
|
|
192
207
|
const n = {};
|
|
193
|
-
for (const [o,
|
|
208
|
+
for (const [o, i] of Object.entries(e)) n[o] = E(i, t);
|
|
194
209
|
return n;
|
|
195
210
|
}
|
|
196
211
|
return e;
|
|
197
212
|
}
|
|
198
|
-
function
|
|
199
|
-
return
|
|
213
|
+
function Xe(e) {
|
|
214
|
+
return x(
|
|
200
215
|
"div",
|
|
201
216
|
{ key: e.id, class: "wx-screen__unknown", role: "note" },
|
|
202
217
|
`Unknown type: ${e.type}`
|
|
203
218
|
);
|
|
204
219
|
}
|
|
205
|
-
function
|
|
220
|
+
function Ge(e, t, n) {
|
|
206
221
|
const o = /* @__PURE__ */ new Map();
|
|
207
|
-
for (const
|
|
208
|
-
const s =
|
|
209
|
-
|
|
222
|
+
for (const r of e.children ?? []) {
|
|
223
|
+
const s = r.slot ?? t, d = o.get(s) ?? [];
|
|
224
|
+
d.push(r), o.set(s, d);
|
|
210
225
|
}
|
|
211
|
-
const
|
|
212
|
-
for (const [
|
|
213
|
-
r
|
|
214
|
-
return
|
|
226
|
+
const i = {};
|
|
227
|
+
for (const [r, s] of o)
|
|
228
|
+
i[r] = () => Y(s, n);
|
|
229
|
+
return i;
|
|
215
230
|
}
|
|
216
|
-
function
|
|
231
|
+
function Je(e, t) {
|
|
217
232
|
if (!F(e, t)) return null;
|
|
218
233
|
const n = t.types[e.type];
|
|
219
|
-
if (!n) return
|
|
220
|
-
if (n.kind === "layout" && e.children !== void 0 && !e.children.some((
|
|
234
|
+
if (!n) return Xe(e);
|
|
235
|
+
if (n.kind === "layout" && e.children !== void 0 && !e.children.some((f) => F(f, t)))
|
|
221
236
|
return null;
|
|
222
|
-
const { translate: o } = t,
|
|
237
|
+
const { translate: o } = t, i = {
|
|
223
238
|
key: e.id,
|
|
224
239
|
...E(e.props ?? {}, o),
|
|
225
240
|
...n.bind?.(e)
|
|
226
|
-
},
|
|
241
|
+
}, r = T(e.label, o);
|
|
227
242
|
if (n.kind === "field") {
|
|
228
|
-
const
|
|
229
|
-
...
|
|
243
|
+
const f = e.name, b = n.labelProp !== void 0 && r !== void 0, u = x(n.component, {
|
|
244
|
+
...i,
|
|
245
|
+
...b ? { [n.labelProp]: r } : {},
|
|
230
246
|
/* A nested field draws the children itself, so it needs the node and the way down. */
|
|
231
247
|
...n.nested ? { node: e, context: t } : {},
|
|
232
|
-
name:
|
|
248
|
+
name: f,
|
|
233
249
|
localized: e.localized || void 0,
|
|
234
|
-
modelValue:
|
|
235
|
-
"onUpdate:modelValue": (
|
|
236
|
-
|
|
250
|
+
modelValue: f === void 0 ? void 0 : t.model[f],
|
|
251
|
+
"onUpdate:modelValue": (c) => {
|
|
252
|
+
f !== void 0 && t.update(f, c);
|
|
237
253
|
}
|
|
238
254
|
});
|
|
239
|
-
return
|
|
240
|
-
|
|
241
|
-
{
|
|
242
|
-
|
|
255
|
+
return x(
|
|
256
|
+
ne,
|
|
257
|
+
{
|
|
258
|
+
key: e.id,
|
|
259
|
+
name: f,
|
|
260
|
+
label: b ? void 0 : r,
|
|
261
|
+
help: T(e.help, o),
|
|
262
|
+
wide: n.wide
|
|
263
|
+
},
|
|
264
|
+
() => u
|
|
243
265
|
);
|
|
244
266
|
}
|
|
245
|
-
|
|
267
|
+
if (n.kind === "layout")
|
|
268
|
+
return n.labelProp && r !== void 0 && (i[n.labelProp] = r), x(n.component, i, Ge(e, n.childrenSlot ?? "default", t));
|
|
269
|
+
if (n.labelProp)
|
|
270
|
+
return r !== void 0 && (i[n.labelProp] = r), x(n.component, i);
|
|
271
|
+
const s = typeof i.text == "string" ? i.text : void 0, d = r ?? s;
|
|
272
|
+
return s !== void 0 && r === void 0 && delete i.text, x(n.component, i, d === void 0 ? void 0 : () => d);
|
|
246
273
|
}
|
|
247
|
-
function
|
|
274
|
+
function Y(e, t) {
|
|
248
275
|
const n = [];
|
|
249
276
|
for (const o of e) {
|
|
250
|
-
const
|
|
251
|
-
|
|
277
|
+
const i = Je(o, t);
|
|
278
|
+
i && n.push(i);
|
|
252
279
|
}
|
|
253
280
|
return n;
|
|
254
281
|
}
|
|
255
|
-
const
|
|
282
|
+
const Q = $({
|
|
256
283
|
name: "WxScreenNodes",
|
|
257
284
|
props: {
|
|
258
285
|
nodes: { type: Array, required: !0 },
|
|
259
286
|
context: { type: Object, required: !0 }
|
|
260
287
|
},
|
|
261
288
|
setup(e) {
|
|
262
|
-
return () =>
|
|
289
|
+
return () => Y(e.nodes, e.context);
|
|
263
290
|
}
|
|
264
|
-
}),
|
|
291
|
+
}), Ye = /* @__PURE__ */ $({
|
|
265
292
|
name: "WxScreenRepeater",
|
|
266
293
|
inheritAttrs: !1,
|
|
267
294
|
__name: "ScreenRepeater",
|
|
@@ -276,62 +303,62 @@ const Y = v({
|
|
|
276
303
|
}),
|
|
277
304
|
emits: ["update:modelValue"],
|
|
278
305
|
setup(e) {
|
|
279
|
-
const t = e, n = q(e, "modelValue"), o =
|
|
280
|
-
function
|
|
281
|
-
return
|
|
282
|
-
(
|
|
306
|
+
const t = e, n = q(e, "modelValue"), o = y(() => Array.isArray(n.value) ? n.value : []), i = Me();
|
|
307
|
+
function r(u) {
|
|
308
|
+
return u.flatMap(
|
|
309
|
+
(c) => c.name === void 0 ? r(c.children ?? []) : [c.name]
|
|
283
310
|
);
|
|
284
311
|
}
|
|
285
|
-
const s = U(M, null),
|
|
286
|
-
const
|
|
312
|
+
const s = U(M, null), d = y(() => {
|
|
313
|
+
const u = s?.value;
|
|
287
314
|
if (t.name === void 0) return;
|
|
288
|
-
const
|
|
315
|
+
const c = r(t.node.children ?? []);
|
|
289
316
|
return o.value.map((l, a) => {
|
|
290
|
-
const
|
|
291
|
-
for (const [
|
|
292
|
-
if (!
|
|
293
|
-
const z =
|
|
294
|
-
|
|
317
|
+
const p = `${t.name}.${a}.`, m = {};
|
|
318
|
+
for (const [h, v] of Object.entries(u ?? {})) {
|
|
319
|
+
if (!h.startsWith(p)) continue;
|
|
320
|
+
const z = h.slice(p.length), S = c.find((ee) => z.startsWith(`${ee}.`));
|
|
321
|
+
m[z] = v, S !== void 0 && m[S] === void 0 && (m[S] = v);
|
|
295
322
|
}
|
|
296
|
-
return
|
|
323
|
+
return m;
|
|
297
324
|
});
|
|
298
325
|
});
|
|
299
|
-
function
|
|
300
|
-
const
|
|
301
|
-
return
|
|
326
|
+
function f(u) {
|
|
327
|
+
const c = t.context.translate(`webx-admin::screens.repeater.${u}`);
|
|
328
|
+
return c.includes("::") ? void 0 : c;
|
|
302
329
|
}
|
|
303
|
-
const
|
|
304
|
-
const
|
|
305
|
-
for (const [
|
|
330
|
+
const b = y(() => {
|
|
331
|
+
const u = { collapsed: !0 };
|
|
332
|
+
for (const [c, l] of [
|
|
306
333
|
["addLabel", "add"],
|
|
307
334
|
["removeLabel", "remove"],
|
|
308
335
|
["dragLabel", "reorder"],
|
|
309
336
|
["emptyText", "empty"]
|
|
310
337
|
]) {
|
|
311
|
-
const a =
|
|
312
|
-
a !== void 0 && (
|
|
338
|
+
const a = f(l);
|
|
339
|
+
a !== void 0 && (u[c] = a);
|
|
313
340
|
}
|
|
314
|
-
return { ...
|
|
341
|
+
return { ...u, ...i };
|
|
315
342
|
});
|
|
316
|
-
return (
|
|
343
|
+
return (u, c) => (R(), N(g(te), B(b.value, {
|
|
317
344
|
"model-value": o.value,
|
|
318
|
-
"row-errors":
|
|
319
|
-
"onUpdate:modelValue":
|
|
345
|
+
"row-errors": d.value,
|
|
346
|
+
"onUpdate:modelValue": c[0] || (c[0] = (l) => n.value = l)
|
|
320
347
|
}), {
|
|
321
348
|
default: V(({ item: l, update: a }) => [
|
|
322
|
-
K(g(
|
|
349
|
+
K(g(Q), {
|
|
323
350
|
nodes: e.node.children ?? [],
|
|
324
351
|
context: {
|
|
325
352
|
...e.context,
|
|
326
|
-
model: l,
|
|
327
|
-
update: (
|
|
353
|
+
model: g(J)(e.node.children ?? [], l),
|
|
354
|
+
update: (p, m) => a({ [p]: m })
|
|
328
355
|
}
|
|
329
356
|
}, null, 8, ["nodes", "context"])
|
|
330
357
|
]),
|
|
331
358
|
_: 1
|
|
332
359
|
}, 16, ["model-value", "row-errors"]));
|
|
333
360
|
}
|
|
334
|
-
}),
|
|
361
|
+
}), Qe = /* @__PURE__ */ $({
|
|
335
362
|
name: "WxScreenTabs",
|
|
336
363
|
inheritAttrs: !1,
|
|
337
364
|
__name: "ScreenTabs",
|
|
@@ -339,130 +366,131 @@ const Y = v({
|
|
|
339
366
|
fields: { default: () => ({}) }
|
|
340
367
|
},
|
|
341
368
|
setup(e) {
|
|
342
|
-
const t = e, n = U(M, null), o =
|
|
343
|
-
const
|
|
344
|
-
return Object.entries(t.fields).filter(([, s]) => s.some((
|
|
369
|
+
const t = e, n = U(M, null), o = ze(void 0), i = y(() => {
|
|
370
|
+
const r = new Set(Object.keys(n?.value ?? {}));
|
|
371
|
+
return Object.entries(t.fields).filter(([, s]) => s.some((d) => r.has(d))).map(([s]) => s);
|
|
345
372
|
});
|
|
346
|
-
return H(
|
|
347
|
-
const s =
|
|
348
|
-
s !== void 0 && (o.value !== void 0 &&
|
|
349
|
-
}), (
|
|
373
|
+
return H(i, (r) => {
|
|
374
|
+
const s = r[0];
|
|
375
|
+
s !== void 0 && (o.value !== void 0 && r.includes(String(o.value)) || (o.value = s));
|
|
376
|
+
}), (r, s) => (R(), N(g(oe), B({
|
|
350
377
|
modelValue: o.value,
|
|
351
|
-
"onUpdate:modelValue": s[0] || (s[0] = (
|
|
352
|
-
},
|
|
378
|
+
"onUpdate:modelValue": s[0] || (s[0] = (d) => o.value = d)
|
|
379
|
+
}, r.$attrs), {
|
|
353
380
|
default: V(() => [
|
|
354
|
-
|
|
381
|
+
Ie(r.$slots, "default")
|
|
355
382
|
]),
|
|
356
383
|
_: 3
|
|
357
384
|
}, 16, ["modelValue"]));
|
|
358
385
|
}
|
|
359
386
|
});
|
|
360
|
-
function
|
|
387
|
+
function Z(e) {
|
|
361
388
|
return (e.children ?? []).flatMap(
|
|
362
|
-
(t) => t.name === void 0 ?
|
|
389
|
+
(t) => t.name === void 0 ? Z(t) : [t.name]
|
|
363
390
|
);
|
|
364
391
|
}
|
|
365
|
-
const
|
|
392
|
+
const Ze = {
|
|
366
393
|
"wx-tabs": {
|
|
367
|
-
component:
|
|
394
|
+
component: Qe,
|
|
368
395
|
kind: "layout",
|
|
369
396
|
// Which fields each tab holds, so a refused save can open the tab it was refused on.
|
|
370
397
|
bind: (e) => ({
|
|
371
|
-
fields: Object.fromEntries((e.children ?? []).map((t) => [t.id,
|
|
398
|
+
fields: Object.fromEntries((e.children ?? []).map((t) => [t.id, Z(t)]))
|
|
372
399
|
})
|
|
373
400
|
},
|
|
374
401
|
"wx-tab": {
|
|
375
|
-
component:
|
|
402
|
+
component: Ve,
|
|
376
403
|
kind: "layout",
|
|
377
404
|
labelProp: "label",
|
|
378
405
|
// A tab is selected by value, and the node's id is the one stable thing it has.
|
|
379
406
|
bind: (e) => ({ value: e.id })
|
|
380
407
|
},
|
|
381
|
-
"wx-card": { component:
|
|
408
|
+
"wx-card": { component: Ne, kind: "layout", labelProp: "title" },
|
|
382
409
|
"wx-row": {
|
|
383
|
-
component:
|
|
410
|
+
component: Re,
|
|
384
411
|
kind: "layout",
|
|
385
412
|
// Marked so the renderer can hold a row at the width of one field (see `ScreenRenderer.vue`).
|
|
386
413
|
bind: (e) => ({ class: ["wx-screen__row", e.props?.class] })
|
|
387
414
|
},
|
|
388
415
|
"wx-col": {
|
|
389
|
-
component:
|
|
416
|
+
component: Ee,
|
|
390
417
|
kind: "layout",
|
|
391
418
|
// Marked so the renderer can stack what a column holds (see `ScreenRenderer.vue`),
|
|
392
419
|
// without touching a `WxCol` that some field happens to use inside itself.
|
|
393
420
|
bind: (e) => ({ class: ["wx-screen__col", e.props?.class] })
|
|
394
421
|
},
|
|
395
|
-
"wx-divider": { component:
|
|
396
|
-
"wx-input": { component:
|
|
397
|
-
"wx-textarea": { component:
|
|
398
|
-
"wx-input-number": { component:
|
|
399
|
-
"wx-select": { component:
|
|
400
|
-
|
|
401
|
-
"wx-
|
|
422
|
+
"wx-divider": { component: Te, kind: "layout", labelProp: "label" },
|
|
423
|
+
"wx-input": { component: Oe, kind: "field" },
|
|
424
|
+
"wx-textarea": { component: Pe, kind: "field" },
|
|
425
|
+
"wx-input-number": { component: Ae, kind: "field" },
|
|
426
|
+
"wx-select": { component: je, kind: "field" },
|
|
427
|
+
// The label beside the control rather than above it: on, off, and what is being turned.
|
|
428
|
+
"wx-switch": { component: Se, kind: "field", labelProp: "label" },
|
|
429
|
+
"wx-checkbox": { component: $e, kind: "field", labelProp: "label" },
|
|
402
430
|
"wx-radio-group": { component: We, kind: "field" },
|
|
403
|
-
"wx-date-picker": { component:
|
|
404
|
-
"wx-color-picker": { component:
|
|
405
|
-
"wx-checkbox-group": { component:
|
|
406
|
-
"wx-segmented": { component:
|
|
407
|
-
"wx-slider": { component:
|
|
408
|
-
"wx-rate": { component:
|
|
409
|
-
"wx-time-picker": { component:
|
|
431
|
+
"wx-date-picker": { component: ve, kind: "field" },
|
|
432
|
+
"wx-color-picker": { component: we, kind: "field" },
|
|
433
|
+
"wx-checkbox-group": { component: ke, kind: "field" },
|
|
434
|
+
"wx-segmented": { component: ge, kind: "field" },
|
|
435
|
+
"wx-slider": { component: xe, kind: "field" },
|
|
436
|
+
"wx-rate": { component: he, kind: "field" },
|
|
437
|
+
"wx-time-picker": { component: be, kind: "field" },
|
|
410
438
|
"wx-date-time-picker": {
|
|
411
|
-
component:
|
|
439
|
+
component: ye,
|
|
412
440
|
kind: "field",
|
|
413
441
|
// A moment, not a wall clock. Without the offset the server reads the hour in its own
|
|
414
442
|
// timezone and the browser in the reader's, and one value shows two different times. Bound
|
|
415
443
|
// over `props` on purpose: the server parses exactly this shape.
|
|
416
444
|
bind: () => ({ valueFormat: "yyyy-MM-dd'T'HH:mm:ssXXX" })
|
|
417
445
|
},
|
|
418
|
-
"wx-date-range-picker": { component:
|
|
419
|
-
"wx-tags-input": { component:
|
|
420
|
-
"wx-autocomplete": { component:
|
|
421
|
-
"wx-icon-picker": { component:
|
|
446
|
+
"wx-date-range-picker": { component: me, kind: "field" },
|
|
447
|
+
"wx-tags-input": { component: pe, kind: "field" },
|
|
448
|
+
"wx-autocomplete": { component: ue, kind: "field" },
|
|
449
|
+
"wx-icon-picker": { component: fe, kind: "field" },
|
|
422
450
|
"wx-cascader": { component: ce, kind: "field" },
|
|
423
|
-
"wx-tree-select": { component:
|
|
451
|
+
"wx-tree-select": { component: de, kind: "field" },
|
|
424
452
|
// Wide: two lists with the buttons between them do not fit in half a form.
|
|
425
|
-
"wx-transfer": { component:
|
|
453
|
+
"wx-transfer": { component: le, kind: "field", wide: !0 },
|
|
426
454
|
// Wide for the reason an editor is: code is read in long lines.
|
|
427
|
-
"wx-code-editor": { component:
|
|
428
|
-
"wx-repeater": { component:
|
|
429
|
-
"wx-heading": { component:
|
|
455
|
+
"wx-code-editor": { component: ae, kind: "field", wide: !0 },
|
|
456
|
+
"wx-repeater": { component: Ye, kind: "field", nested: !0, wide: !0 },
|
|
457
|
+
"wx-heading": { component: se, kind: "display" },
|
|
430
458
|
"wx-text": { component: re, kind: "display" },
|
|
431
|
-
"wx-alert": { component:
|
|
459
|
+
"wx-alert": { component: ie, kind: "display", labelProp: "title" }
|
|
432
460
|
};
|
|
433
|
-
function
|
|
461
|
+
function dn(e) {
|
|
434
462
|
return e;
|
|
435
463
|
}
|
|
436
|
-
function
|
|
464
|
+
function en(e) {
|
|
437
465
|
const t = e.component;
|
|
438
466
|
return t.name ?? t.__name ?? "anonymous";
|
|
439
467
|
}
|
|
440
|
-
function
|
|
468
|
+
function nn(e) {
|
|
441
469
|
return e.kind === "field" ? "form item" : e.labelProp ? `prop \`${e.labelProp}\`` : e.kind === "display" ? "default slot" : "—";
|
|
442
470
|
}
|
|
443
|
-
function
|
|
471
|
+
function tn(e) {
|
|
444
472
|
return Object.entries(e).map(([t, n]) => ({
|
|
445
473
|
type: t,
|
|
446
474
|
kind: n.kind,
|
|
447
|
-
component:
|
|
448
|
-
label:
|
|
475
|
+
component: en(n),
|
|
476
|
+
label: nn(n)
|
|
449
477
|
}));
|
|
450
478
|
}
|
|
451
479
|
function cn(e) {
|
|
452
|
-
const t =
|
|
453
|
-
`\`${
|
|
454
|
-
|
|
455
|
-
`\`${
|
|
456
|
-
|
|
480
|
+
const t = tn(e).map((r) => [
|
|
481
|
+
`\`${r.type}\``,
|
|
482
|
+
r.kind,
|
|
483
|
+
`\`${r.component}\``,
|
|
484
|
+
r.label
|
|
457
485
|
]), n = ["Type", "Kind", "Component", "`label` goes to"], o = n.map(
|
|
458
|
-
(
|
|
459
|
-
),
|
|
460
|
-
return [
|
|
486
|
+
(r, s) => Math.max(r.length, ...t.map((d) => d[s].length))
|
|
487
|
+
), i = (r) => `| ${r.map((s, d) => s.padEnd(o[d])).join(" | ")} |`;
|
|
488
|
+
return [i(n), i(o.map((r) => "-".repeat(r))), ...t.map(i)].join(
|
|
461
489
|
`
|
|
462
490
|
`
|
|
463
491
|
);
|
|
464
492
|
}
|
|
465
|
-
const
|
|
493
|
+
const fn = /* @__PURE__ */ $({
|
|
466
494
|
name: "WxScreenRenderer",
|
|
467
495
|
__name: "ScreenRenderer",
|
|
468
496
|
props: /* @__PURE__ */ P({
|
|
@@ -482,68 +510,69 @@ const dn = /* @__PURE__ */ v({
|
|
|
482
510
|
}),
|
|
483
511
|
emits: /* @__PURE__ */ P(["patchError"], ["update:modelValue"]),
|
|
484
512
|
setup(e, { expose: t, emit: n }) {
|
|
485
|
-
const o = e,
|
|
486
|
-
function
|
|
513
|
+
const o = e, i = n, r = q(e, "modelValue"), s = y(() => qe(o.root, o.patch));
|
|
514
|
+
function d(l) {
|
|
487
515
|
return l.flatMap(
|
|
488
|
-
(a) => a.name === void 0 ?
|
|
516
|
+
(a) => a.name === void 0 ? d(a.children ?? []) : [a.name]
|
|
489
517
|
);
|
|
490
518
|
}
|
|
491
|
-
const
|
|
519
|
+
const f = y(() => {
|
|
492
520
|
if (o.errors === void 0) return;
|
|
493
|
-
const l =
|
|
494
|
-
for (const [
|
|
495
|
-
const
|
|
496
|
-
|
|
521
|
+
const l = d(s.value.root), a = { ...o.errors };
|
|
522
|
+
for (const [p, m] of Object.entries(o.errors)) {
|
|
523
|
+
const h = l.find((v) => p.startsWith(`${v}.`));
|
|
524
|
+
h !== void 0 && a[h] === void 0 && (a[h] = m);
|
|
497
525
|
}
|
|
498
526
|
return a;
|
|
499
|
-
}),
|
|
500
|
-
if (o.errors === void 0 ||
|
|
501
|
-
const l = { ...
|
|
527
|
+
}), b = y(() => {
|
|
528
|
+
if (o.errors === void 0 || f.value === void 0) return;
|
|
529
|
+
const l = { ...f.value };
|
|
502
530
|
for (const a of Object.keys(l)) {
|
|
503
531
|
if (o.errors[a] !== void 0) continue;
|
|
504
|
-
const
|
|
505
|
-
|
|
532
|
+
const p = Object.keys(o.errors).filter((m) => m.startsWith(`${a}.`));
|
|
533
|
+
p.length > 0 && p.every((m) => /^\d+\./.test(m.slice(a.length + 1))) && delete l[a];
|
|
506
534
|
}
|
|
507
535
|
return l;
|
|
508
536
|
});
|
|
509
|
-
|
|
537
|
+
De(M, f), H(
|
|
510
538
|
() => s.value.errors,
|
|
511
539
|
(l) => {
|
|
512
540
|
for (const a of l)
|
|
513
541
|
console.error(`[webx-ui/schema] patch[${a.index}] ${a.op.op}: ${a.message}`);
|
|
514
|
-
|
|
542
|
+
i("patchError", l);
|
|
515
543
|
},
|
|
516
544
|
{ immediate: !0 }
|
|
517
545
|
);
|
|
518
|
-
const
|
|
546
|
+
const u = y(() => {
|
|
519
547
|
const l = {};
|
|
520
|
-
for (const [a,
|
|
521
|
-
l[a] = { ...
|
|
548
|
+
for (const [a, p] of Object.entries({ ...Ze, ...o.types }))
|
|
549
|
+
l[a] = { ...p, component: _e(Fe(p.component)) };
|
|
522
550
|
return l;
|
|
523
|
-
}),
|
|
524
|
-
types:
|
|
525
|
-
model
|
|
551
|
+
}), c = y(() => ({
|
|
552
|
+
types: u.value,
|
|
553
|
+
// Drawn with the defaults filled in; `update` below writes to the model as it is.
|
|
554
|
+
model: J(s.value.root, r.value),
|
|
526
555
|
update: (l, a) => {
|
|
527
|
-
|
|
556
|
+
r.value = { ...r.value, [l]: a };
|
|
528
557
|
},
|
|
529
|
-
translate: o.translate ??
|
|
558
|
+
translate: o.translate ?? Le,
|
|
530
559
|
can: o.can ?? (() => !0)
|
|
531
560
|
}));
|
|
532
561
|
return t({
|
|
533
562
|
/** The tree after the patch — what is actually on screen. */
|
|
534
|
-
tree:
|
|
535
|
-
}), (l, a) => (R(), N(g(
|
|
563
|
+
tree: y(() => s.value.root)
|
|
564
|
+
}), (l, a) => (R(), N(g(Ce), {
|
|
536
565
|
class: "wx-screen",
|
|
537
|
-
errors:
|
|
566
|
+
errors: b.value,
|
|
538
567
|
disabled: e.disabled,
|
|
539
568
|
"label-position": e.labelPosition,
|
|
540
569
|
"label-width": e.labelWidth,
|
|
541
570
|
size: e.size
|
|
542
571
|
}, {
|
|
543
572
|
default: V(() => [
|
|
544
|
-
K(g(
|
|
573
|
+
K(g(Q), {
|
|
545
574
|
nodes: s.value.root,
|
|
546
|
-
context:
|
|
575
|
+
context: c.value
|
|
547
576
|
}, null, 8, ["nodes", "context"])
|
|
548
577
|
]),
|
|
549
578
|
_: 1
|
|
@@ -551,22 +580,23 @@ const dn = /* @__PURE__ */ v({
|
|
|
551
580
|
}
|
|
552
581
|
});
|
|
553
582
|
export {
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
583
|
+
_ as TRANS_MARKER,
|
|
584
|
+
Q as WxScreenNodes,
|
|
585
|
+
fn as WxScreenRenderer,
|
|
586
|
+
qe as applyPatch,
|
|
558
587
|
j as collectIds,
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
588
|
+
Ze as coreTypes,
|
|
589
|
+
dn as defineTypes,
|
|
590
|
+
tn as describeTypes,
|
|
562
591
|
O as evaluateCondition,
|
|
563
|
-
|
|
564
|
-
|
|
592
|
+
sn as findNode,
|
|
593
|
+
Be as isVisible,
|
|
565
594
|
M as screenErrorsKey,
|
|
566
595
|
E as translateDeep,
|
|
567
596
|
cn as typesTable,
|
|
568
|
-
|
|
569
|
-
|
|
597
|
+
ln as validatePatch,
|
|
598
|
+
an as validateScreen,
|
|
599
|
+
J as withFieldDefaults,
|
|
570
600
|
T as words
|
|
571
601
|
};
|
|
572
602
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/patch.ts","../src/visible.ts","../src/validate.ts","../src/render.ts","../src/ScreenRepeater.vue","../src/ScreenTabs.vue","../src/registry.ts","../src/ScreenRenderer.vue"],"sourcesContent":["import type { Patch, PatchError, PatchOperation, PatchPosition, ScreenNode } from './types'\n\ninterface Located {\n /** The array the node sits in: the root, or a parent's `children`. */\n list: ScreenNode[]\n index: number\n node: ScreenNode\n}\n\n/** Depth-first search by `id`, remembering the array the match lives in. */\nexport function locate(root: ScreenNode[], id: string): Located | null {\n for (let index = 0; index < root.length; index += 1) {\n const node = root[index]!\n if (node.id === id) return { list: root, index, node }\n if (node.children) {\n const found = locate(node.children, id)\n if (found) return found\n }\n }\n return null\n}\n\nexport function findNode(root: ScreenNode[], id: string): ScreenNode | null {\n return locate(root, id)?.node ?? null\n}\n\n/** Every `id` in the tree, in document order. Duplicates are kept, so callers can spot them. */\nexport function collectIds(root: ScreenNode[]): string[] {\n const ids: string[] = []\n const walk = (nodes: ScreenNode[]) => {\n for (const node of nodes) {\n ids.push(node.id)\n if (node.children) walk(node.children)\n }\n }\n walk(root)\n return ids\n}\n\n/** Index a node should be inserted at in `list`, or a message when the anchor is missing. */\nfunction indexFor(list: ScreenNode[], position: PatchPosition | undefined): number | string {\n if (!position || position === 'last') return list.length\n if (position === 'first') return 0\n const [where, anchor] = position.split(':', 2) as ['before' | 'after', string]\n const at = list.findIndex((node) => node.id === anchor)\n if (at === -1) return `no sibling \"${anchor}\" to insert ${where}`\n return where === 'before' ? at : at + 1\n}\n\n/**\n * Deep copy of a JSON value. `structuredClone` refuses a Vue reactive proxy, and a\n * tree that came out of a `ref` is exactly that; reading through the proxy is fine.\n */\nexport function clone<T>(value: T): T {\n if (Array.isArray(value)) return value.map(clone) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = clone(item)\n return out as T\n }\n return value\n}\n\n/**\n * Applies a patch to a tree and returns the result as a new tree; the input is not\n * touched. An operation that cannot be applied — a `target` that does not exist, an\n * anchor that is missing — is skipped and reported, and the ones after it still run:\n * a project patch that survived a rename in the module must not silence the rest.\n */\nexport function applyPatch(\n root: ScreenNode[],\n patch: Patch,\n): { root: ScreenNode[]; errors: PatchError[] } {\n const tree = clone(root)\n const errors: PatchError[] = []\n\n patch.forEach((op, index) => {\n const message = apply(tree, op)\n if (message) errors.push({ index, op, message })\n })\n\n return { root: tree, errors }\n}\n\n/** Mutates `tree`; returns a message when the operation was refused. */\nfunction apply(tree: ScreenNode[], op: PatchOperation): string | null {\n const found = locate(tree, op.target)\n if (!found) return `target \"${op.target}\" not found`\n\n switch (op.op) {\n case 'add': {\n const clash = duplicateIn(tree, op.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n const list = (found.node.children ??= [])\n const at = indexFor(list, op.position)\n if (typeof at === 'string') return at\n list.splice(at, 0, clone(op.node))\n return null\n }\n case 'remove':\n found.list.splice(found.index, 1)\n return null\n case 'replace': {\n // The replaced node's own ids are gone, so only the rest of the tree can clash.\n const others = tree.filter((node) => node !== found.node)\n const clash = duplicateIn(others, op.node, found.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n found.list.splice(found.index, 1, clone(op.node))\n return null\n }\n case 'move': {\n let list = found.list\n if (op.to !== undefined) {\n const parent = locate(tree, op.to)\n if (!parent) return `destination \"${op.to}\" not found`\n if (parent.node === found.node || contains(found.node, parent.node)) {\n return `cannot move \"${op.target}\" into itself`\n }\n list = parent.node.children ??= []\n }\n found.list.splice(found.index, 1)\n const at = indexFor(list, op.position)\n if (typeof at === 'string') {\n // Put it back where it was: a refused move leaves the tree untouched.\n found.list.splice(found.index, 0, found.node)\n return at\n }\n list.splice(at, 0, found.node)\n return null\n }\n case 'set': {\n for (const [key, value] of Object.entries(op)) {\n if (key === 'op' || key === 'target') continue\n if (key === 'props') {\n found.node.props = { ...found.node.props, ...(value as Record<string, unknown>) }\n } else {\n ;(found.node as unknown as Record<string, unknown>)[key] = clone(value)\n }\n }\n return null\n }\n }\n}\n\nfunction contains(ancestor: ScreenNode, node: ScreenNode): boolean {\n return (ancestor.children ?? []).some((child) => child === node || contains(child, node))\n}\n\n/** First id of `incoming` that already exists in `tree`, ignoring `except`'s own subtree. */\nfunction duplicateIn(tree: ScreenNode[], incoming: ScreenNode, except?: ScreenNode): string | null {\n const existing = new Set(collectIds(tree))\n if (except) for (const id of collectIds([except])) existing.delete(id)\n return collectIds([incoming]).find((id) => existing.has(id)) ?? null\n}\n","import type { ScreenModel, ScreenNode, VisibilityCondition } from './types'\n\n/** Loose enough for `{ \"is\": 1 }` to match a numeric input, strict enough for `\"1\"` not to. */\nfunction same(a: unknown, b: unknown): boolean {\n if (a === b) return true\n if (a === null || b === null || typeof a !== 'object' || typeof b !== 'object') return false\n return JSON.stringify(a) === JSON.stringify(b)\n}\n\nexport function evaluateCondition(condition: VisibilityCondition, model: ScreenModel): boolean {\n if ('all' in condition) return condition.all.every((item) => evaluateCondition(item, model))\n if ('any' in condition) return condition.any.some((item) => evaluateCondition(item, model))\n\n const value = model[condition.when]\n if ('in' in condition) return condition.in.some((item) => same(item, value))\n if ('not' in condition) return !same(condition.not, value)\n return same(condition.is, value)\n}\n\n/** Whether a node should render, given the current model. Absent `visible` means yes. */\nexport function isVisible(node: ScreenNode, model: ScreenModel): boolean {\n const { visible } = node\n if (visible === undefined || visible === true) return true\n if (visible === false) return false\n return evaluateCondition(visible, model)\n}\n","import type { Patch, ScreenError, ScreenNode, VisibilityCondition } from './types'\n\nconst NODE_KEYS = new Set([\n 'id',\n 'type',\n 'name',\n 'label',\n 'help',\n 'localized',\n 'props',\n 'children',\n 'slot',\n 'visible',\n 'can',\n])\n\nconst OPS = new Set(['add', 'remove', 'replace', 'move', 'set'])\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction checkCondition(value: unknown, path: string, errors: ScreenError[]): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'visible must be a boolean or a condition object' })\n return\n }\n if ('all' in value || 'any' in value) {\n const list = (value.all ?? value.any) as unknown\n if (!Array.isArray(list)) {\n errors.push({ path, message: '\"all\" / \"any\" must be an array of conditions' })\n return\n }\n list.forEach((item, index) => checkCondition(item, `${path}[${index}]`, errors))\n return\n }\n if (typeof value.when !== 'string') {\n errors.push({ path, message: 'a condition needs \"when\": the name of a field' })\n return\n }\n const forms = ['is', 'in', 'not'].filter((key) => key in value)\n if (forms.length !== 1) {\n errors.push({ path, message: 'a condition needs exactly one of \"is\", \"in\", \"not\"' })\n } else if (forms[0] === 'in' && !Array.isArray(value.in)) {\n errors.push({ path, message: '\"in\" must be an array' })\n }\n}\n\nfunction checkNode(value: unknown, path: string, errors: ScreenError[], seen: Set<string>): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'a node must be an object' })\n return\n }\n\n for (const key of Object.keys(value)) {\n if (!NODE_KEYS.has(key)) errors.push({ path, message: `unknown key \"${key}\"` })\n }\n\n if (typeof value.id !== 'string' || value.id === '') {\n errors.push({ path, message: '\"id\" is required and must be a non-empty string' })\n } else if (seen.has(value.id)) {\n errors.push({ path, message: `duplicate id \"${value.id}\"` })\n } else {\n seen.add(value.id)\n }\n\n if (typeof value.type !== 'string' || value.type === '') {\n errors.push({ path, message: '\"type\" is required and must be a non-empty string' })\n }\n\n for (const key of ['name', 'label', 'help'] as const) {\n if (key in value && typeof value[key] !== 'string') {\n errors.push({ path, message: `\"${key}\" must be a string` })\n }\n }\n if ('localized' in value && typeof value.localized !== 'boolean') {\n errors.push({ path, message: '\"localized\" must be a boolean' })\n }\n if ('props' in value && !isRecord(value.props)) {\n errors.push({ path, message: '\"props\" must be an object' })\n }\n if ('slot' in value && value.slot !== null && typeof value.slot !== 'string') {\n errors.push({ path, message: '\"slot\" must be a string or null' })\n }\n if ('can' in value && value.can !== null && typeof value.can !== 'string') {\n errors.push({ path, message: '\"can\" must be a string or null' })\n }\n if ('visible' in value && typeof value.visible !== 'boolean') {\n checkCondition(value.visible as VisibilityCondition, `${path}.visible`, errors)\n }\n\n if ('children' in value) {\n if (!Array.isArray(value.children)) {\n errors.push({ path, message: '\"children\" must be an array' })\n } else {\n value.children.forEach((child, index) =>\n checkNode(child, `${path}.children[${index}]`, errors, seen),\n )\n }\n }\n}\n\n/**\n * Checks a tree the way the JSON schema would, without a schema library: required\n * keys, closed key set, value types, and — what a schema cannot say — unique ids.\n * An empty list means the tree is sound.\n */\nexport function validateScreen(root: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(root)) return [{ path: 'root', message: 'root must be an array of nodes' }]\n const seen = new Set<string>()\n root.forEach((node, index) => checkNode(node, `root[${index}]`, errors, seen))\n return errors\n}\n\n/** Same for a patch: each operation has the keys its `op` calls for. */\nexport function validatePatch(patch: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(patch)) return [{ path: 'patch', message: 'a patch must be an array' }]\n\n patch.forEach((op, index) => {\n const path = `patch[${index}]`\n if (!isRecord(op)) {\n errors.push({ path, message: 'an operation must be an object' })\n return\n }\n if (typeof op.op !== 'string' || !OPS.has(op.op)) {\n errors.push({ path, message: '\"op\" must be one of add, remove, replace, move, set' })\n return\n }\n if (typeof op.target !== 'string' || op.target === '') {\n errors.push({ path, message: '\"target\" is required: the id of a node' })\n }\n if ((op.op === 'add' || op.op === 'replace') && !isRecord(op.node)) {\n errors.push({ path, message: `\"${op.op}\" needs a \"node\"` })\n } else if (op.op === 'add' || op.op === 'replace') {\n checkNode(op.node, `${path}.node`, errors, new Set())\n }\n if ('position' in op && !isPosition(op.position)) {\n errors.push({ path, message: '\"position\" must be first, last, before:<id> or after:<id>' })\n }\n if (op.op === 'move' && 'to' in op && typeof op.to !== 'string') {\n errors.push({ path, message: '\"to\" must be the id of the new parent' })\n }\n if (op.op === 'set') {\n for (const key of Object.keys(op)) {\n if (key !== 'op' && key !== 'target' && (!NODE_KEYS.has(key) || key === 'id')) {\n errors.push({ path, message: `\"set\" cannot change \"${key}\"` })\n }\n }\n }\n })\n\n return errors\n}\n\nfunction isPosition(value: unknown): boolean {\n return (\n typeof value === 'string' &&\n (value === 'first' ||\n value === 'last' ||\n value.startsWith('before:') ||\n value.startsWith('after:'))\n )\n}\n\nexport type { Patch, ScreenNode }\n","import { defineComponent, h, type InjectionKey, type PropType, type Ref, type VNode } from 'vue'\nimport { WxFormItem } from '@webx-ui/core'\nimport { isVisible } from './visible'\nimport type { ScreenModel, ScreenNode, Translate, TypeRegistry, ValidationErrors } from './types'\n\nexport const TRANS_MARKER = 'trans::'\n\n/** What the recursive renderer needs at every level. */\nexport interface RenderContext {\n types: TypeRegistry\n model: ScreenModel\n update: (name: string, value: unknown) => void\n translate: Translate\n can: (permission: string) => boolean\n}\n\n/**\n * The refusal of the last save, for the nodes that have to act on it rather than only draw it:\n * the tabs, which open the one the failing field is on. Fields draw theirs through `WxForm`.\n */\nexport const screenErrorsKey: InjectionKey<Ref<ValidationErrors | undefined>> =\n Symbol('wx-screen-errors')\n\n/** Whether a node would draw anything at all for this administrator and these values. */\nfunction shown(node: ScreenNode, context: RenderContext): boolean {\n if (node.can && !context.can(node.can)) return false\n return isVisible(node, context.model)\n}\n\n/** Without a dictionary the key itself shows — honest, and easy to spot in a screenshot. */\nexport const keyAsIs: Translate = (key) => key\n\n/** Translates a marked string; anything else — including `undefined` — passes through. */\nexport function words<T>(value: T, translate: Translate): T {\n if (typeof value === 'string' && value.startsWith(TRANS_MARKER)) {\n return translate(value.slice(TRANS_MARKER.length)) as T\n }\n return value\n}\n\n/** Same, through arrays and objects: `props.options[].label` is the common case. */\nexport function translateDeep<T>(value: T, translate: Translate): T {\n if (typeof value === 'string') return words(value, translate)\n if (Array.isArray(value)) return value.map((item) => translateDeep(item, translate)) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = translateDeep(item, translate)\n return out as T\n }\n return value\n}\n\nfunction renderUnknown(node: ScreenNode): VNode {\n return h(\n 'div',\n { key: node.id, class: 'wx-screen__unknown', role: 'note' },\n `Unknown type: ${node.type}`,\n )\n}\n\n/** Children grouped by the slot they asked for. */\nfunction childSlots(\n node: ScreenNode,\n defaultSlot: string,\n context: RenderContext,\n): Record<string, () => VNode[]> {\n const groups = new Map<string, ScreenNode[]>()\n for (const child of node.children ?? []) {\n const name = child.slot ?? defaultSlot\n const list = groups.get(name) ?? []\n list.push(child)\n groups.set(name, list)\n }\n const slots: Record<string, () => VNode[]> = {}\n for (const [name, children] of groups) {\n slots[name] = () => renderNodes(children, context)\n }\n return slots\n}\n\nexport function renderNode(node: ScreenNode, context: RenderContext): VNode | null {\n if (!shown(node, context)) return null\n\n const entry = context.types[node.type]\n if (!entry) return renderUnknown(node)\n\n /*\n * A container with nothing in it is not drawn. A screen declares the card the fields of a\n * project go into (`project-fields`) so that a patch knows where to stand, and on every site\n * that patches nothing it was an empty card with a heading — a promise of fields that are not\n * there. Only a container that has children to lose: one described without any is a component\n * that draws itself.\n */\n if (\n entry.kind === 'layout' &&\n node.children !== undefined &&\n !node.children.some((child) => shown(child, context))\n ) {\n return null\n }\n\n const { translate } = context\n const props: Record<string, unknown> = {\n key: node.id,\n ...translateDeep(node.props ?? {}, translate),\n ...entry.bind?.(node),\n }\n const label = words(node.label, translate)\n\n if (entry.kind === 'field') {\n const name = node.name\n const control = h(entry.component, {\n ...props,\n /* A nested field draws the children itself, so it needs the node and the way down. */\n ...(entry.nested ? { node, context } : {}),\n name,\n localized: node.localized || undefined,\n modelValue: name === undefined ? undefined : context.model[name],\n 'onUpdate:modelValue': (value: unknown) => {\n if (name !== undefined) context.update(name, value)\n },\n })\n return h(\n WxFormItem,\n { key: node.id, name, label, help: words(node.help, translate), wide: entry.wide },\n () => control,\n )\n }\n\n if (entry.kind === 'layout') {\n if (entry.labelProp && label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props, childSlots(node, entry.childrenSlot ?? 'default', context))\n }\n\n // display\n if (entry.labelProp) {\n if (label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props)\n }\n return h(entry.component, props, label === undefined ? undefined : () => label)\n}\n\nexport function renderNodes(nodes: ScreenNode[], context: RenderContext): VNode[] {\n const out: VNode[] = []\n for (const node of nodes) {\n const rendered = renderNode(node, context)\n if (rendered) out.push(rendered)\n }\n return out\n}\n\n/** A list of nodes as a component, so the tree can recurse through slots. */\nexport const WxScreenNodes = defineComponent({\n name: 'WxScreenNodes',\n props: {\n nodes: { type: Array as PropType<ScreenNode[]>, required: true },\n context: { type: Object as PropType<RenderContext>, required: true },\n },\n setup(props) {\n return () => renderNodes(props.nodes, props.context)\n },\n})\n","<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue'\nimport { WxRepeater } from '@webx-ui/core'\nimport { screenErrorsKey, WxScreenNodes, type RenderContext } from './render'\nimport type { ScreenModel, ScreenNode } from './types'\n\ndefineOptions({ name: 'WxScreenRepeater', inheritAttrs: false })\n\n/**\n * The one type with a nested model: the value is a list of records, and the node's\n * children are the fields of one of them. Every child is bound by its own `name` to a key\n * of the item, which is why a repeater is the only place where a name means nesting.\n *\n * Nothing of `WxRepeater`'s own is declared here — `title`, `itemLabel`, `min` and the\n * rest ride in as attributes, so a prop the screen did not set stays unset instead of\n * arriving as `false`.\n */\nconst props = defineProps<{\n /** The node being drawn — its children are one item's fields. */\n node: ScreenNode\n /** The renderer's context; each row gets a copy bound to its own item. */\n context: RenderContext\n /** The renderer hands every field these two. A repeater has no use for either. */\n name?: string\n localized?: boolean\n}>()\n\nconst model = defineModel<ScreenModel[]>({ default: () => [] })\n\nconst items = computed<ScreenModel[]>(() => (Array.isArray(model.value) ? model.value : []))\n\nconst attrs = useAttrs()\n\n/** The names one item's fields answer to — through layout, not into a nested repeater. */\nfunction fieldNames(nodes: ScreenNode[]): string[] {\n return nodes.flatMap((child) =>\n child.name === undefined ? fieldNames(child.children ?? []) : [child.name],\n )\n}\n\nconst refusal = inject(screenErrorsKey, null)\n\n/**\n * The refusal, row by row, under the names the row's fields answer to.\n *\n * The server names a field of a row by its path — `articles.2.url`, and a translated one down to\n * the language, `articles.2.title.en` — while the field inside the row is simply `url` or\n * `title`. Each row gets its own part, the same way the renderer maps `slug.en` onto `slug`,\n * and nothing else: without it a row's `title` shows the record's own `title` error.\n */\nconst rowErrors = computed<Record<string, string[]>[] | undefined>(() => {\n const errors = refusal?.value\n\n if (props.name === undefined) return undefined\n\n const fields = fieldNames(props.node.children ?? [])\n\n return items.value.map((_item, index) => {\n const prefix = `${props.name}.${index}.`\n const out: Record<string, string[]> = {}\n\n for (const [key, messages] of Object.entries(errors ?? {})) {\n if (!key.startsWith(prefix)) continue\n\n const rest = key.slice(prefix.length)\n const field = fields.find((name) => rest.startsWith(`${name}.`))\n\n out[rest] = messages\n if (field !== undefined && out[field] === undefined) out[field] = messages\n }\n\n return out\n })\n})\n\n/**\n * The panel's words, where the core has only English defaults: the core does not know the\n * panel's dictionary, and a translated form with \"Add\" and \"Remove\" in the middle of it is what\n * that looks like. A key the dictionary does not have — a renderer without one — comes back as\n * itself, and then the core's own word is the better answer.\n */\nfunction word(key: string): string | undefined {\n const line = props.context.translate(`webx-admin::screens.repeater.${key}`)\n\n return line.includes('::') ? undefined : line\n}\n\n/**\n * Folded unless the node says otherwise: a list of records opened all at once is a form a\n * kilometre long, and the header of each row already says which one it is. A row added now is\n * the core's business and opens anyway.\n */\nconst bound = computed(() => {\n const defaults: Record<string, unknown> = { collapsed: true }\n\n for (const [prop, key] of [\n ['addLabel', 'add'],\n ['removeLabel', 'remove'],\n ['dragLabel', 'reorder'],\n ['emptyText', 'empty'],\n ] as const) {\n const line = word(key)\n if (line !== undefined) defaults[prop] = line\n }\n\n return { ...defaults, ...attrs }\n})\n</script>\n\n<template>\n <wx-repeater\n v-bind=\"bound\"\n :model-value=\"items\"\n :row-errors=\"rowErrors\"\n @update:model-value=\"model = $event\"\n >\n <template #default=\"{ item, update }\">\n <wx-screen-nodes\n :nodes=\"node.children ?? []\"\n :context=\"{\n ...context,\n model: item,\n update: (key: string, value: unknown) => update({ [key]: value }),\n }\"\n />\n </template>\n </wx-repeater>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, ref, watch } from 'vue'\nimport { WxTabs, type TabValue } from '@webx-ui/core'\nimport { screenErrorsKey } from './render'\n\n/**\n * The tabs of a described screen: `WxTabs`, and the one thing a form of tabs needs that a strip\n * of tabs does not — a refused save opens the tab the refusal is on.\n *\n * Without it a 422 can land on a tab nobody is looking at: the message is drawn under a field\n * that is not on screen, and the form looks as if it refused for no reason. A page hosting a\n * screen cannot do this itself, because the tabs are the description's and the page never sees\n * which field sits on which of them; the registry does, and hands the answer in as `fields`.\n *\n * The tab being looked at wins when it has a failing field of its own: the editor is already\n * where the problem is, and moving them would be moving them away from it.\n */\ndefineOptions({ name: 'WxScreenTabs', inheritAttrs: false })\n\nconst props = withDefaults(\n defineProps<{\n /** The names of the fields under each tab, in the order the tabs are read. */\n fields?: Record<string, string[]>\n }>(),\n { fields: () => ({}) },\n)\n\nconst errors = inject(screenErrorsKey, null)\n\nconst active = ref<TabValue | undefined>(undefined)\n\n/** The tabs holding a failing field, in the order they are read. The renderer has already put\n `slug.en` under `slug`, so a name is looked up as it is. */\nconst failing = computed<string[]>(() => {\n const names = new Set(Object.keys(errors?.value ?? {}))\n\n return Object.entries(props.fields)\n .filter(([, fields]) => fields.some((field) => names.has(field)))\n .map(([tab]) => tab)\n})\n\nwatch(failing, (tabs) => {\n const first = tabs[0]\n\n if (first === undefined) return\n if (active.value !== undefined && tabs.includes(String(active.value))) return\n\n active.value = first\n})\n</script>\n\n<template>\n <wx-tabs v-model=\"active\" v-bind=\"$attrs\">\n <slot />\n </wx-tabs>\n</template>\n","import {\n WxAlert,\n WxAutocomplete,\n WxCard,\n WxCascader,\n WxCheckbox,\n WxCheckboxGroup,\n WxCodeEditor,\n WxCol,\n WxColorPicker,\n WxDatePicker,\n WxDateRangePicker,\n WxDateTimePicker,\n WxDivider,\n WxHeading,\n WxIconPicker,\n WxInput,\n WxInputNumber,\n WxRadioGroup,\n WxRate,\n WxRow,\n WxSegmented,\n WxSelect,\n WxSlider,\n WxSwitch,\n WxTab,\n WxTagsInput,\n WxText,\n WxTextarea,\n WxTimePicker,\n WxTransfer,\n WxTreeSelect,\n} from '@webx-ui/core'\nimport ScreenRepeater from './ScreenRepeater.vue'\nimport ScreenTabs from './ScreenTabs.vue'\nimport type { NodeKind, ScreenNode, TypeEntry, TypeRegistry } from './types'\n\n/** Every field name under a node, however deep — what a tab has to open for. */\nfunction fieldNames(node: ScreenNode): string[] {\n return (node.children ?? []).flatMap((child) =>\n child.name === undefined ? fieldNames(child) : [child.name],\n )\n}\n\n/**\n * The types every panel has: the core's layout, form and display components under\n * their full names. A module or a project adds its own the same way — `wx-media` comes\n * from `module-media`, `map` from whoever has a map.\n */\nexport const coreTypes: TypeRegistry = {\n 'wx-tabs': {\n component: ScreenTabs,\n kind: 'layout',\n // Which fields each tab holds, so a refused save can open the tab it was refused on.\n bind: (node) => ({\n fields: Object.fromEntries((node.children ?? []).map((tab) => [tab.id, fieldNames(tab)])),\n }),\n },\n 'wx-tab': {\n component: WxTab,\n kind: 'layout',\n labelProp: 'label',\n // A tab is selected by value, and the node's id is the one stable thing it has.\n bind: (node) => ({ value: node.id }),\n },\n 'wx-card': { component: WxCard, kind: 'layout', labelProp: 'title' },\n 'wx-row': {\n component: WxRow,\n kind: 'layout',\n // Marked so the renderer can hold a row at the width of one field (see `ScreenRenderer.vue`).\n bind: (node) => ({ class: ['wx-screen__row', node.props?.class] }),\n },\n 'wx-col': {\n component: WxCol,\n kind: 'layout',\n // Marked so the renderer can stack what a column holds (see `ScreenRenderer.vue`),\n // without touching a `WxCol` that some field happens to use inside itself.\n bind: (node) => ({ class: ['wx-screen__col', node.props?.class] }),\n },\n 'wx-divider': { component: WxDivider, kind: 'layout', labelProp: 'label' },\n\n 'wx-input': { component: WxInput, kind: 'field' },\n 'wx-textarea': { component: WxTextarea, kind: 'field' },\n 'wx-input-number': { component: WxInputNumber, kind: 'field' },\n 'wx-select': { component: WxSelect, kind: 'field' },\n 'wx-switch': { component: WxSwitch, kind: 'field' },\n 'wx-checkbox': { component: WxCheckbox, kind: 'field' },\n 'wx-radio-group': { component: WxRadioGroup, kind: 'field' },\n 'wx-date-picker': { component: WxDatePicker, kind: 'field' },\n 'wx-color-picker': { component: WxColorPicker, kind: 'field' },\n 'wx-checkbox-group': { component: WxCheckboxGroup, kind: 'field' },\n 'wx-segmented': { component: WxSegmented, kind: 'field' },\n 'wx-slider': { component: WxSlider, kind: 'field' },\n 'wx-rate': { component: WxRate, kind: 'field' },\n 'wx-time-picker': { component: WxTimePicker, kind: 'field' },\n 'wx-date-time-picker': {\n component: WxDateTimePicker,\n kind: 'field',\n // A moment, not a wall clock. Without the offset the server reads the hour in its own\n // timezone and the browser in the reader's, and one value shows two different times. Bound\n // over `props` on purpose: the server parses exactly this shape.\n bind: () => ({ valueFormat: \"yyyy-MM-dd'T'HH:mm:ssXXX\" }),\n },\n 'wx-date-range-picker': { component: WxDateRangePicker, kind: 'field' },\n 'wx-tags-input': { component: WxTagsInput, kind: 'field' },\n 'wx-autocomplete': { component: WxAutocomplete, kind: 'field' },\n 'wx-icon-picker': { component: WxIconPicker, kind: 'field' },\n 'wx-cascader': { component: WxCascader, kind: 'field' },\n 'wx-tree-select': { component: WxTreeSelect, kind: 'field' },\n // Wide: two lists with the buttons between them do not fit in half a form.\n 'wx-transfer': { component: WxTransfer, kind: 'field', wide: true },\n // Wide for the reason an editor is: code is read in long lines.\n 'wx-code-editor': { component: WxCodeEditor, kind: 'field', wide: true },\n 'wx-repeater': { component: ScreenRepeater, kind: 'field', nested: true, wide: true },\n\n 'wx-heading': { component: WxHeading, kind: 'display' },\n 'wx-text': { component: WxText, kind: 'display' },\n 'wx-alert': { component: WxAlert, kind: 'display', labelProp: 'title' },\n}\n\n/** Identity with a type: keeps a project's registry object checked without an import of the type. */\nexport function defineTypes<T extends TypeRegistry>(types: T): T {\n return types\n}\n\nexport interface TypeDescription {\n type: string\n kind: NodeKind\n component: string\n /** Where the node's `label` ends up, in words. */\n label: string\n}\n\nfunction componentName(entry: TypeEntry): string {\n const component = entry.component as { name?: string; __name?: string }\n return component.name ?? component.__name ?? 'anonymous'\n}\n\nfunction labelDestination(entry: TypeEntry): string {\n if (entry.kind === 'field') return 'form item'\n if (entry.labelProp) return `prop \\`${entry.labelProp}\\``\n return entry.kind === 'display' ? 'default slot' : '—'\n}\n\n/** One row per type, in registry order — what the documentation table is made of. */\nexport function describeTypes(types: TypeRegistry): TypeDescription[] {\n return Object.entries(types).map(([type, entry]) => ({\n type,\n kind: entry.kind,\n component: componentName(entry),\n label: labelDestination(entry),\n }))\n}\n\n/**\n * The registry as a Markdown table, padded the way Prettier pads one, so the generated\n * block in the guide survives `prettier --check` and a test can compare it verbatim.\n */\nexport function typesTable(types: TypeRegistry): string {\n const rows = describeTypes(types).map((row) => [\n `\\`${row.type}\\``,\n row.kind,\n `\\`${row.component}\\``,\n row.label,\n ])\n const header = ['Type', 'Kind', 'Component', '`label` goes to']\n const widths = header.map((cell, column) =>\n Math.max(cell.length, ...rows.map((row) => row[column]!.length)),\n )\n const line = (cells: string[]) =>\n `| ${cells.map((cell, column) => cell.padEnd(widths[column]!)).join(' | ')} |`\n return [line(header), line(widths.map((width) => '-'.repeat(width))), ...rows.map(line)].join(\n '\\n',\n )\n}\n","<script setup lang=\"ts\">\nimport { computed, markRaw, provide, toRaw, watch } from 'vue'\nimport { WxForm } from '@webx-ui/core'\nimport { applyPatch } from './patch'\nimport { coreTypes } from './registry'\nimport { keyAsIs, screenErrorsKey, WxScreenNodes, type RenderContext } from './render'\nimport type {\n Patch,\n PatchError,\n ScreenModel,\n ScreenNode,\n Translate,\n TypeRegistry,\n ValidationErrors,\n} from './types'\n\ndefineOptions({ name: 'WxScreenRenderer' })\n\nconst props = withDefaults(\n defineProps<{\n /** The tree to draw — a module's screen, already patched by the server. */\n root: ScreenNode[]\n /** Client-side patch applied on top, in order. */\n patch?: Patch\n /** Server-side validation errors, keyed by field name; shown under the fields. */\n errors?: ValidationErrors\n /** Project types, merged over the core ones. */\n types?: TypeRegistry\n /** Turns `trans::` strings into words. Without it the key shows. */\n translate?: Translate\n /** Decides `can`. Without it every node is allowed. */\n can?: (permission: string) => boolean\n disabled?: boolean\n labelPosition?: 'top' | 'left'\n labelWidth?: string\n size?: 'sm' | 'md' | 'lg'\n }>(),\n {\n patch: () => [],\n errors: undefined,\n types: undefined,\n translate: undefined,\n can: undefined,\n disabled: false,\n labelPosition: undefined,\n labelWidth: undefined,\n size: undefined,\n },\n)\n\nconst emit = defineEmits<{\n /** Operations that could not be applied. Also reported to the console. */\n patchError: [errors: PatchError[]]\n}>()\n\nconst model = defineModel<ScreenModel>({ default: () => ({}) })\n\nconst applied = computed(() => applyPatch(props.root, props.patch))\n\n/** Every field name on the screen, however deep — a repeater is one field, not its items. */\nfunction names(nodes: ScreenNode[]): string[] {\n return nodes.flatMap((node) =>\n node.name === undefined ? names(node.children ?? []) : [node.name],\n )\n}\n\n/**\n * The refusal, under the names the fields answer to.\n *\n * Laravel names the language that failed — `slug.en` — and `WxFormItem` looks its error up by\n * the field's own name, so a refused translated field showed nothing at all: the save failed and\n * every field looked fine. A key is matched against the field names rather than cut at its first\n * dot, because a name may carry a dot of its own (`general.project-name`, CLAUDE.md §4).\n */\nconst failing = computed<ValidationErrors | undefined>(() => {\n if (props.errors === undefined) return undefined\n\n const fields = names(applied.value.root)\n const out: ValidationErrors = { ...props.errors }\n\n for (const [key, messages] of Object.entries(props.errors)) {\n const field = fields.find((name) => key.startsWith(`${name}.`))\n\n if (field !== undefined && out[field] === undefined) out[field] = messages\n }\n\n return out\n})\n\n/**\n * What the form draws: the same, less a row's refusal put under the repeater's own name.\n *\n * `duties.1.text.ru` is a field of the second row, and the row draws it there (`ScreenRepeater`);\n * under the repeater as a whole it read as a second, different refusal of the list itself. The\n * tabs still need it under `duties`, since that is the name they know the field by.\n */\nconst fieldErrors = computed<ValidationErrors | undefined>(() => {\n if (props.errors === undefined || failing.value === undefined) return undefined\n\n const out: ValidationErrors = { ...failing.value }\n\n for (const name of Object.keys(out)) {\n if (props.errors[name] !== undefined) continue\n\n const rows = Object.keys(props.errors).filter((key) => key.startsWith(`${name}.`))\n\n if (rows.length > 0 && rows.every((key) => /^\\d+\\./.test(key.slice(name.length + 1)))) {\n delete out[name]\n }\n }\n\n return out\n})\n\n// For the nodes that act on a refusal rather than only draw it — the tabs (`ScreenTabs.vue`)\n// and the rows of a repeater.\nprovide(screenErrorsKey, failing)\n\nwatch(\n () => applied.value.errors,\n (errors) => {\n for (const error of errors) {\n console.error(`[webx-ui/schema] patch[${error.index}] ${error.op.op}: ${error.message}`)\n }\n emit('patchError', errors)\n },\n { immediate: true },\n)\n\n/**\n * A registry kept in a `ref` arrives as a reactive proxy, and Vue warns about a\n * component that is one; the raw component is what `h()` wants anyway.\n */\nconst registry = computed<TypeRegistry>(() => {\n const merged: TypeRegistry = {}\n for (const [type, entry] of Object.entries({ ...coreTypes, ...props.types })) {\n merged[type] = { ...entry, component: markRaw(toRaw(entry.component)) }\n }\n return merged\n})\n\nconst context = computed<RenderContext>(() => ({\n types: registry.value,\n model: model.value,\n update: (name, value) => {\n model.value = { ...model.value, [name]: value }\n },\n translate: props.translate ?? keyAsIs,\n can: props.can ?? (() => true),\n}))\n\ndefineExpose({\n /** The tree after the patch — what is actually on screen. */\n tree: computed(() => applied.value.root),\n})\n</script>\n\n<template>\n <wx-form\n class=\"wx-screen\"\n :errors=\"fieldErrors\"\n :disabled=\"disabled\"\n :label-position=\"labelPosition\"\n :label-width=\"labelWidth\"\n :size=\"size\"\n >\n <wx-screen-nodes :nodes=\"applied.root\" :context=\"context\" />\n </wx-form>\n</template>\n\n<style>\n/*\n * A column is a stack of fields, like a card's body. The form's own gap reaches only its\n * direct children, so two fields dropped into one `wx-col` stood flush: the label of the\n * second read as the hint of the first. Same step as the form and the card.\n */\n.wx-screen__col {\n display: flex;\n flex-direction: column;\n gap: var(--wx-gap, var(--wx-space-16));\n}\n\n/*\n * A row splits one field's width between two, it does not spread them across the card. Every\n * field stops at `--wx-field-max-width`, so a row as wide as the card put \"Start\" at the left\n * edge and \"End\" a thousand pixels away — two fields that belong together read as unrelated,\n * and each still left most of its column empty.\n *\n * Plus the gutter the row pulls back with its negative margins, so its outer edges line up with\n * the fields above and below. The columns answer to the row's width, so a pair of halves is\n * `sm: 12` — `md` needs 768px of room and a row this size never has it.\n */\n.wx-screen__row {\n max-width: calc(var(--wx-field-max-width, 640px) + var(--wx-row-gutter, 0px));\n}\n\n/*\n * A number is a few digits, and a field as wide as a title put its − and + a whole line apart,\n * with the digits alone in the middle. The core's own number keeps `width: 100%` — a filter row\n * or a table cell decides its width — so the cap is the screen's.\n */\n.wx-screen .wx-input-number {\n max-width: 240px;\n}\n\n/* Global on purpose: the placeholder is created by a render function, outside any scope. */\n.wx-screen__unknown {\n padding: var(--wx-space-8) var(--wx-space-12);\n border: 1px dashed var(--wx-color-danger);\n border-radius: var(--wx-radius-control);\n background: var(--wx-color-danger-soft);\n color: var(--wx-color-danger);\n font-family: var(--wx-font-family-mono);\n font-size: var(--wx-font-size-sm);\n}\n</style>\n"],"names":["locate","root","id","index","node","found","findNode","collectIds","ids","walk","nodes","indexFor","list","position","where","anchor","at","clone","value","out","key","item","applyPatch","patch","tree","errors","op","message","apply","clash","duplicateIn","others","parent","contains","ancestor","child","incoming","except","existing","same","a","b","evaluateCondition","condition","model","isVisible","visible","NODE_KEYS","OPS","isRecord","checkCondition","path","forms","checkNode","seen","validateScreen","validatePatch","isPosition","TRANS_MARKER","screenErrorsKey","shown","context","keyAsIs","words","translate","translateDeep","renderUnknown","childSlots","defaultSlot","groups","name","slots","children","renderNodes","renderNode","entry","props","label","control","WxFormItem","rendered","WxScreenNodes","defineComponent","__props","_useModel","items","computed","attrs","useAttrs","fieldNames","refusal","inject","rowErrors","fields","_item","prefix","messages","rest","field","word","line","bound","defaults","prop","_createBlock","_unref","WxRepeater","_mergeProps","_cache","$event","_withCtx","update","_createVNode","active","ref","failing","names","tab","watch","tabs","first","_openBlock","$attrs","_renderSlot","_ctx","coreTypes","ScreenTabs","WxTab","WxCard","WxRow","WxCol","WxDivider","WxInput","WxTextarea","WxInputNumber","WxSelect","WxSwitch","WxCheckbox","WxRadioGroup","WxDatePicker","WxColorPicker","WxCheckboxGroup","WxSegmented","WxSlider","WxRate","WxTimePicker","WxDateTimePicker","WxDateRangePicker","WxTagsInput","WxAutocomplete","WxIconPicker","WxCascader","WxTreeSelect","WxTransfer","WxCodeEditor","ScreenRepeater","WxHeading","WxText","WxAlert","defineTypes","types","componentName","component","labelDestination","describeTypes","type","typesTable","rows","row","header","widths","cell","column","cells","width","emit","__emit","applied","fieldErrors","provide","error","registry","merged","markRaw","toRaw","__expose","WxForm"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/patch.ts","../src/visible.ts","../src/validate.ts","../src/render.ts","../src/ScreenRepeater.vue","../src/ScreenTabs.vue","../src/registry.ts","../src/ScreenRenderer.vue"],"sourcesContent":["import type { Patch, PatchError, PatchOperation, PatchPosition, ScreenNode } from './types'\n\ninterface Located {\n /** The array the node sits in: the root, or a parent's `children`. */\n list: ScreenNode[]\n index: number\n node: ScreenNode\n}\n\n/** Depth-first search by `id`, remembering the array the match lives in. */\nexport function locate(root: ScreenNode[], id: string): Located | null {\n for (let index = 0; index < root.length; index += 1) {\n const node = root[index]!\n if (node.id === id) return { list: root, index, node }\n if (node.children) {\n const found = locate(node.children, id)\n if (found) return found\n }\n }\n return null\n}\n\nexport function findNode(root: ScreenNode[], id: string): ScreenNode | null {\n return locate(root, id)?.node ?? null\n}\n\n/** Every `id` in the tree, in document order. Duplicates are kept, so callers can spot them. */\nexport function collectIds(root: ScreenNode[]): string[] {\n const ids: string[] = []\n const walk = (nodes: ScreenNode[]) => {\n for (const node of nodes) {\n ids.push(node.id)\n if (node.children) walk(node.children)\n }\n }\n walk(root)\n return ids\n}\n\n/** Index a node should be inserted at in `list`, or a message when the anchor is missing. */\nfunction indexFor(list: ScreenNode[], position: PatchPosition | undefined): number | string {\n if (!position || position === 'last') return list.length\n if (position === 'first') return 0\n const [where, anchor] = position.split(':', 2) as ['before' | 'after', string]\n const at = list.findIndex((node) => node.id === anchor)\n if (at === -1) return `no sibling \"${anchor}\" to insert ${where}`\n return where === 'before' ? at : at + 1\n}\n\n/**\n * Deep copy of a JSON value. `structuredClone` refuses a Vue reactive proxy, and a\n * tree that came out of a `ref` is exactly that; reading through the proxy is fine.\n */\nexport function clone<T>(value: T): T {\n if (Array.isArray(value)) return value.map(clone) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = clone(item)\n return out as T\n }\n return value\n}\n\n/**\n * Applies a patch to a tree and returns the result as a new tree; the input is not\n * touched. An operation that cannot be applied — a `target` that does not exist, an\n * anchor that is missing — is skipped and reported, and the ones after it still run:\n * a project patch that survived a rename in the module must not silence the rest.\n */\nexport function applyPatch(\n root: ScreenNode[],\n patch: Patch,\n): { root: ScreenNode[]; errors: PatchError[] } {\n const tree = clone(root)\n const errors: PatchError[] = []\n\n patch.forEach((op, index) => {\n const message = apply(tree, op)\n if (message) errors.push({ index, op, message })\n })\n\n return { root: tree, errors }\n}\n\n/** Mutates `tree`; returns a message when the operation was refused. */\nfunction apply(tree: ScreenNode[], op: PatchOperation): string | null {\n const found = locate(tree, op.target)\n if (!found) return `target \"${op.target}\" not found`\n\n switch (op.op) {\n case 'add': {\n const clash = duplicateIn(tree, op.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n const list = (found.node.children ??= [])\n const at = indexFor(list, op.position)\n if (typeof at === 'string') return at\n list.splice(at, 0, clone(op.node))\n return null\n }\n case 'remove':\n found.list.splice(found.index, 1)\n return null\n case 'replace': {\n // The replaced node's own ids are gone, so only the rest of the tree can clash.\n const others = tree.filter((node) => node !== found.node)\n const clash = duplicateIn(others, op.node, found.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n found.list.splice(found.index, 1, clone(op.node))\n return null\n }\n case 'move': {\n let list = found.list\n if (op.to !== undefined) {\n const parent = locate(tree, op.to)\n if (!parent) return `destination \"${op.to}\" not found`\n if (parent.node === found.node || contains(found.node, parent.node)) {\n return `cannot move \"${op.target}\" into itself`\n }\n list = parent.node.children ??= []\n }\n found.list.splice(found.index, 1)\n const at = indexFor(list, op.position)\n if (typeof at === 'string') {\n // Put it back where it was: a refused move leaves the tree untouched.\n found.list.splice(found.index, 0, found.node)\n return at\n }\n list.splice(at, 0, found.node)\n return null\n }\n case 'set': {\n for (const [key, value] of Object.entries(op)) {\n if (key === 'op' || key === 'target') continue\n if (key === 'props') {\n found.node.props = { ...found.node.props, ...(value as Record<string, unknown>) }\n } else {\n ;(found.node as unknown as Record<string, unknown>)[key] = clone(value)\n }\n }\n return null\n }\n }\n}\n\nfunction contains(ancestor: ScreenNode, node: ScreenNode): boolean {\n return (ancestor.children ?? []).some((child) => child === node || contains(child, node))\n}\n\n/** First id of `incoming` that already exists in `tree`, ignoring `except`'s own subtree. */\nfunction duplicateIn(tree: ScreenNode[], incoming: ScreenNode, except?: ScreenNode): string | null {\n const existing = new Set(collectIds(tree))\n if (except) for (const id of collectIds([except])) existing.delete(id)\n return collectIds([incoming]).find((id) => existing.has(id)) ?? null\n}\n","import type { ScreenModel, ScreenNode, VisibilityCondition } from './types'\n\n/** Loose enough for `{ \"is\": 1 }` to match a numeric input, strict enough for `\"1\"` not to. */\nfunction same(a: unknown, b: unknown): boolean {\n if (a === b) return true\n if (a === null || b === null || typeof a !== 'object' || typeof b !== 'object') return false\n return JSON.stringify(a) === JSON.stringify(b)\n}\n\nexport function evaluateCondition(condition: VisibilityCondition, model: ScreenModel): boolean {\n if ('all' in condition) return condition.all.every((item) => evaluateCondition(item, model))\n if ('any' in condition) return condition.any.some((item) => evaluateCondition(item, model))\n\n const value = model[condition.when]\n if ('in' in condition) return condition.in.some((item) => same(item, value))\n if ('not' in condition) return !same(condition.not, value)\n return same(condition.is, value)\n}\n\n/** Whether a node should render, given the current model. Absent `visible` means yes. */\nexport function isVisible(node: ScreenNode, model: ScreenModel): boolean {\n const { visible } = node\n if (visible === undefined || visible === true) return true\n if (visible === false) return false\n return evaluateCondition(visible, model)\n}\n","import type { Patch, ScreenError, ScreenNode, VisibilityCondition } from './types'\n\nconst NODE_KEYS = new Set([\n 'id',\n 'type',\n 'name',\n 'label',\n 'help',\n 'localized',\n 'default',\n 'props',\n 'children',\n 'slot',\n 'visible',\n 'can',\n])\n\nconst OPS = new Set(['add', 'remove', 'replace', 'move', 'set'])\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction checkCondition(value: unknown, path: string, errors: ScreenError[]): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'visible must be a boolean or a condition object' })\n return\n }\n if ('all' in value || 'any' in value) {\n const list = (value.all ?? value.any) as unknown\n if (!Array.isArray(list)) {\n errors.push({ path, message: '\"all\" / \"any\" must be an array of conditions' })\n return\n }\n list.forEach((item, index) => checkCondition(item, `${path}[${index}]`, errors))\n return\n }\n if (typeof value.when !== 'string') {\n errors.push({ path, message: 'a condition needs \"when\": the name of a field' })\n return\n }\n const forms = ['is', 'in', 'not'].filter((key) => key in value)\n if (forms.length !== 1) {\n errors.push({ path, message: 'a condition needs exactly one of \"is\", \"in\", \"not\"' })\n } else if (forms[0] === 'in' && !Array.isArray(value.in)) {\n errors.push({ path, message: '\"in\" must be an array' })\n }\n}\n\nfunction checkNode(value: unknown, path: string, errors: ScreenError[], seen: Set<string>): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'a node must be an object' })\n return\n }\n\n for (const key of Object.keys(value)) {\n if (!NODE_KEYS.has(key)) errors.push({ path, message: `unknown key \"${key}\"` })\n }\n\n if (typeof value.id !== 'string' || value.id === '') {\n errors.push({ path, message: '\"id\" is required and must be a non-empty string' })\n } else if (seen.has(value.id)) {\n errors.push({ path, message: `duplicate id \"${value.id}\"` })\n } else {\n seen.add(value.id)\n }\n\n if (typeof value.type !== 'string' || value.type === '') {\n errors.push({ path, message: '\"type\" is required and must be a non-empty string' })\n }\n\n for (const key of ['name', 'label', 'help'] as const) {\n if (key in value && typeof value[key] !== 'string') {\n errors.push({ path, message: `\"${key}\" must be a string` })\n }\n }\n if ('localized' in value && typeof value.localized !== 'boolean') {\n errors.push({ path, message: '\"localized\" must be a boolean' })\n }\n if ('props' in value && !isRecord(value.props)) {\n errors.push({ path, message: '\"props\" must be an object' })\n }\n if ('slot' in value && value.slot !== null && typeof value.slot !== 'string') {\n errors.push({ path, message: '\"slot\" must be a string or null' })\n }\n if ('can' in value && value.can !== null && typeof value.can !== 'string') {\n errors.push({ path, message: '\"can\" must be a string or null' })\n }\n if ('visible' in value && typeof value.visible !== 'boolean') {\n checkCondition(value.visible as VisibilityCondition, `${path}.visible`, errors)\n }\n\n if ('children' in value) {\n if (!Array.isArray(value.children)) {\n errors.push({ path, message: '\"children\" must be an array' })\n } else {\n value.children.forEach((child, index) =>\n checkNode(child, `${path}.children[${index}]`, errors, seen),\n )\n }\n }\n}\n\n/**\n * Checks a tree the way the JSON schema would, without a schema library: required\n * keys, closed key set, value types, and — what a schema cannot say — unique ids.\n * An empty list means the tree is sound.\n */\nexport function validateScreen(root: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(root)) return [{ path: 'root', message: 'root must be an array of nodes' }]\n const seen = new Set<string>()\n root.forEach((node, index) => checkNode(node, `root[${index}]`, errors, seen))\n return errors\n}\n\n/** Same for a patch: each operation has the keys its `op` calls for. */\nexport function validatePatch(patch: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(patch)) return [{ path: 'patch', message: 'a patch must be an array' }]\n\n patch.forEach((op, index) => {\n const path = `patch[${index}]`\n if (!isRecord(op)) {\n errors.push({ path, message: 'an operation must be an object' })\n return\n }\n if (typeof op.op !== 'string' || !OPS.has(op.op)) {\n errors.push({ path, message: '\"op\" must be one of add, remove, replace, move, set' })\n return\n }\n if (typeof op.target !== 'string' || op.target === '') {\n errors.push({ path, message: '\"target\" is required: the id of a node' })\n }\n if ((op.op === 'add' || op.op === 'replace') && !isRecord(op.node)) {\n errors.push({ path, message: `\"${op.op}\" needs a \"node\"` })\n } else if (op.op === 'add' || op.op === 'replace') {\n checkNode(op.node, `${path}.node`, errors, new Set())\n }\n if ('position' in op && !isPosition(op.position)) {\n errors.push({ path, message: '\"position\" must be first, last, before:<id> or after:<id>' })\n }\n if (op.op === 'move' && 'to' in op && typeof op.to !== 'string') {\n errors.push({ path, message: '\"to\" must be the id of the new parent' })\n }\n if (op.op === 'set') {\n for (const key of Object.keys(op)) {\n if (key !== 'op' && key !== 'target' && (!NODE_KEYS.has(key) || key === 'id')) {\n errors.push({ path, message: `\"set\" cannot change \"${key}\"` })\n }\n }\n }\n })\n\n return errors\n}\n\nfunction isPosition(value: unknown): boolean {\n return (\n typeof value === 'string' &&\n (value === 'first' ||\n value === 'last' ||\n value.startsWith('before:') ||\n value.startsWith('after:'))\n )\n}\n\nexport type { Patch, ScreenNode }\n","import { defineComponent, h, type InjectionKey, type PropType, type Ref, type VNode } from 'vue'\nimport { WxFormItem } from '@webx-ui/core'\nimport { isVisible } from './visible'\nimport type { ScreenModel, ScreenNode, Translate, TypeRegistry, ValidationErrors } from './types'\n\nexport const TRANS_MARKER = 'trans::'\n\n/** What the recursive renderer needs at every level. */\nexport interface RenderContext {\n types: TypeRegistry\n model: ScreenModel\n update: (name: string, value: unknown) => void\n translate: Translate\n can: (permission: string) => boolean\n}\n\n/**\n * The refusal of the last save, for the nodes that have to act on it rather than only draw it:\n * the tabs, which open the one the failing field is on. Fields draw theirs through `WxForm`.\n */\nexport const screenErrorsKey: InjectionKey<Ref<ValidationErrors | undefined>> =\n Symbol('wx-screen-errors')\n\n/** Whether a node would draw anything at all for this administrator and these values. */\nfunction shown(node: ScreenNode, context: RenderContext): boolean {\n if (node.can && !context.can(node.can)) return false\n return isVisible(node, context.model)\n}\n\n/**\n * The model as the fields draw it: a field with nothing in it — absent or null — shows its\n * `default`. The site reads a missing value the same way, so a switch whose default is on is\n * drawn on rather than contradicting the page. Only what is drawn changes: writes still go to\n * the real model, so an untouched field is not sent and nothing is stored for it.\n *\n * Fields only, through layout and not into a named node — a repeater's children are the fields\n * of its rows, and each row fills its own. Returns the model itself when there is nothing to fill.\n */\nexport function withFieldDefaults(nodes: ScreenNode[], model: ScreenModel): ScreenModel {\n let filled: ScreenModel | undefined\n\n const walk = (list: ScreenNode[]): void => {\n for (const node of list) {\n if (node.name === undefined) {\n walk(node.children ?? [])\n continue\n }\n const value = model[node.name]\n if (node.default !== undefined && (value === undefined || value === null)) {\n filled ??= { ...model }\n filled[node.name] = node.default\n }\n }\n }\n\n walk(nodes)\n return filled ?? model\n}\n\n/** Without a dictionary the key itself shows — honest, and easy to spot in a screenshot. */\nexport const keyAsIs: Translate = (key) => key\n\n/** Translates a marked string; anything else — including `undefined` — passes through. */\nexport function words<T>(value: T, translate: Translate): T {\n if (typeof value === 'string' && value.startsWith(TRANS_MARKER)) {\n return translate(value.slice(TRANS_MARKER.length)) as T\n }\n return value\n}\n\n/** Same, through arrays and objects: `props.options[].label` is the common case. */\nexport function translateDeep<T>(value: T, translate: Translate): T {\n if (typeof value === 'string') return words(value, translate)\n if (Array.isArray(value)) return value.map((item) => translateDeep(item, translate)) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = translateDeep(item, translate)\n return out as T\n }\n return value\n}\n\nfunction renderUnknown(node: ScreenNode): VNode {\n return h(\n 'div',\n { key: node.id, class: 'wx-screen__unknown', role: 'note' },\n `Unknown type: ${node.type}`,\n )\n}\n\n/** Children grouped by the slot they asked for. */\nfunction childSlots(\n node: ScreenNode,\n defaultSlot: string,\n context: RenderContext,\n): Record<string, () => VNode[]> {\n const groups = new Map<string, ScreenNode[]>()\n for (const child of node.children ?? []) {\n const name = child.slot ?? defaultSlot\n const list = groups.get(name) ?? []\n list.push(child)\n groups.set(name, list)\n }\n const slots: Record<string, () => VNode[]> = {}\n for (const [name, children] of groups) {\n slots[name] = () => renderNodes(children, context)\n }\n return slots\n}\n\nexport function renderNode(node: ScreenNode, context: RenderContext): VNode | null {\n if (!shown(node, context)) return null\n\n const entry = context.types[node.type]\n if (!entry) return renderUnknown(node)\n\n /*\n * A container with nothing in it is not drawn. A screen declares the card the fields of a\n * project go into (`project-fields`) so that a patch knows where to stand, and on every site\n * that patches nothing it was an empty card with a heading — a promise of fields that are not\n * there. Only a container that has children to lose: one described without any is a component\n * that draws itself.\n */\n if (\n entry.kind === 'layout' &&\n node.children !== undefined &&\n !node.children.some((child) => shown(child, context))\n ) {\n return null\n }\n\n const { translate } = context\n const props: Record<string, unknown> = {\n key: node.id,\n ...translateDeep(node.props ?? {}, translate),\n ...entry.bind?.(node),\n }\n const label = words(node.label, translate)\n\n if (entry.kind === 'field') {\n const name = node.name\n // A control that carries its own label takes it, and the form item goes without one.\n const own = entry.labelProp !== undefined && label !== undefined\n const control = h(entry.component, {\n ...props,\n ...(own ? { [entry.labelProp as string]: label } : {}),\n /* A nested field draws the children itself, so it needs the node and the way down. */\n ...(entry.nested ? { node, context } : {}),\n name,\n localized: node.localized || undefined,\n modelValue: name === undefined ? undefined : context.model[name],\n 'onUpdate:modelValue': (value: unknown) => {\n if (name !== undefined) context.update(name, value)\n },\n })\n return h(\n WxFormItem,\n {\n key: node.id,\n name,\n label: own ? undefined : label,\n help: words(node.help, translate),\n wide: entry.wide,\n },\n () => control,\n )\n }\n\n if (entry.kind === 'layout') {\n if (entry.labelProp && label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props, childSlots(node, entry.childrenSlot ?? 'default', context))\n }\n\n // display\n if (entry.labelProp) {\n if (label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props)\n }\n\n // A paragraph is its label, or `props.text` — the way the blocks reference has always written\n // `wx-text`. Handed on as a prop it reached a component without one and drew nothing at all.\n const text = typeof props.text === 'string' ? props.text : undefined\n const body = label ?? text\n\n if (text !== undefined && label === undefined) delete props.text\n\n return h(entry.component, props, body === undefined ? undefined : () => body)\n}\n\nexport function renderNodes(nodes: ScreenNode[], context: RenderContext): VNode[] {\n const out: VNode[] = []\n for (const node of nodes) {\n const rendered = renderNode(node, context)\n if (rendered) out.push(rendered)\n }\n return out\n}\n\n/** A list of nodes as a component, so the tree can recurse through slots. */\nexport const WxScreenNodes = defineComponent({\n name: 'WxScreenNodes',\n props: {\n nodes: { type: Array as PropType<ScreenNode[]>, required: true },\n context: { type: Object as PropType<RenderContext>, required: true },\n },\n setup(props) {\n return () => renderNodes(props.nodes, props.context)\n },\n})\n","<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue'\nimport { WxRepeater } from '@webx-ui/core'\nimport { screenErrorsKey, withFieldDefaults, WxScreenNodes, type RenderContext } from './render'\nimport type { ScreenModel, ScreenNode } from './types'\n\ndefineOptions({ name: 'WxScreenRepeater', inheritAttrs: false })\n\n/**\n * The one type with a nested model: the value is a list of records, and the node's\n * children are the fields of one of them. Every child is bound by its own `name` to a key\n * of the item, which is why a repeater is the only place where a name means nesting.\n *\n * Nothing of `WxRepeater`'s own is declared here — `title`, `itemLabel`, `min` and the\n * rest ride in as attributes, so a prop the screen did not set stays unset instead of\n * arriving as `false`.\n */\nconst props = defineProps<{\n /** The node being drawn — its children are one item's fields. */\n node: ScreenNode\n /** The renderer's context; each row gets a copy bound to its own item. */\n context: RenderContext\n /** The renderer hands every field these two. A repeater has no use for either. */\n name?: string\n localized?: boolean\n}>()\n\nconst model = defineModel<ScreenModel[]>({ default: () => [] })\n\nconst items = computed<ScreenModel[]>(() => (Array.isArray(model.value) ? model.value : []))\n\nconst attrs = useAttrs()\n\n/** The names one item's fields answer to — through layout, not into a nested repeater. */\nfunction fieldNames(nodes: ScreenNode[]): string[] {\n return nodes.flatMap((child) =>\n child.name === undefined ? fieldNames(child.children ?? []) : [child.name],\n )\n}\n\nconst refusal = inject(screenErrorsKey, null)\n\n/**\n * The refusal, row by row, under the names the row's fields answer to.\n *\n * The server names a field of a row by its path — `articles.2.url`, and a translated one down to\n * the language, `articles.2.title.en` — while the field inside the row is simply `url` or\n * `title`. Each row gets its own part, the same way the renderer maps `slug.en` onto `slug`,\n * and nothing else: without it a row's `title` shows the record's own `title` error.\n */\nconst rowErrors = computed<Record<string, string[]>[] | undefined>(() => {\n const errors = refusal?.value\n\n if (props.name === undefined) return undefined\n\n const fields = fieldNames(props.node.children ?? [])\n\n return items.value.map((_item, index) => {\n const prefix = `${props.name}.${index}.`\n const out: Record<string, string[]> = {}\n\n for (const [key, messages] of Object.entries(errors ?? {})) {\n if (!key.startsWith(prefix)) continue\n\n const rest = key.slice(prefix.length)\n const field = fields.find((name) => rest.startsWith(`${name}.`))\n\n out[rest] = messages\n if (field !== undefined && out[field] === undefined) out[field] = messages\n }\n\n return out\n })\n})\n\n/**\n * The panel's words, where the core has only English defaults: the core does not know the\n * panel's dictionary, and a translated form with \"Add\" and \"Remove\" in the middle of it is what\n * that looks like. A key the dictionary does not have — a renderer without one — comes back as\n * itself, and then the core's own word is the better answer.\n */\nfunction word(key: string): string | undefined {\n const line = props.context.translate(`webx-admin::screens.repeater.${key}`)\n\n return line.includes('::') ? undefined : line\n}\n\n/**\n * Folded unless the node says otherwise: a list of records opened all at once is a form a\n * kilometre long, and the header of each row already says which one it is. A row added now is\n * the core's business and opens anyway.\n */\nconst bound = computed(() => {\n const defaults: Record<string, unknown> = { collapsed: true }\n\n for (const [prop, key] of [\n ['addLabel', 'add'],\n ['removeLabel', 'remove'],\n ['dragLabel', 'reorder'],\n ['emptyText', 'empty'],\n ] as const) {\n const line = word(key)\n if (line !== undefined) defaults[prop] = line\n }\n\n return { ...defaults, ...attrs }\n})\n</script>\n\n<template>\n <wx-repeater\n v-bind=\"bound\"\n :model-value=\"items\"\n :row-errors=\"rowErrors\"\n @update:model-value=\"model = $event\"\n >\n <template #default=\"{ item, update }\">\n <wx-screen-nodes\n :nodes=\"node.children ?? []\"\n :context=\"{\n ...context,\n model: withFieldDefaults(node.children ?? [], item),\n update: (key: string, value: unknown) => update({ [key]: value }),\n }\"\n />\n </template>\n </wx-repeater>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, ref, watch } from 'vue'\nimport { WxTabs, type TabValue } from '@webx-ui/core'\nimport { screenErrorsKey } from './render'\n\n/**\n * The tabs of a described screen: `WxTabs`, and the one thing a form of tabs needs that a strip\n * of tabs does not — a refused save opens the tab the refusal is on.\n *\n * Without it a 422 can land on a tab nobody is looking at: the message is drawn under a field\n * that is not on screen, and the form looks as if it refused for no reason. A page hosting a\n * screen cannot do this itself, because the tabs are the description's and the page never sees\n * which field sits on which of them; the registry does, and hands the answer in as `fields`.\n *\n * The tab being looked at wins when it has a failing field of its own: the editor is already\n * where the problem is, and moving them would be moving them away from it.\n */\ndefineOptions({ name: 'WxScreenTabs', inheritAttrs: false })\n\nconst props = withDefaults(\n defineProps<{\n /** The names of the fields under each tab, in the order the tabs are read. */\n fields?: Record<string, string[]>\n }>(),\n { fields: () => ({}) },\n)\n\nconst errors = inject(screenErrorsKey, null)\n\nconst active = ref<TabValue | undefined>(undefined)\n\n/** The tabs holding a failing field, in the order they are read. The renderer has already put\n `slug.en` under `slug`, so a name is looked up as it is. */\nconst failing = computed<string[]>(() => {\n const names = new Set(Object.keys(errors?.value ?? {}))\n\n return Object.entries(props.fields)\n .filter(([, fields]) => fields.some((field) => names.has(field)))\n .map(([tab]) => tab)\n})\n\nwatch(failing, (tabs) => {\n const first = tabs[0]\n\n if (first === undefined) return\n if (active.value !== undefined && tabs.includes(String(active.value))) return\n\n active.value = first\n})\n</script>\n\n<template>\n <wx-tabs v-model=\"active\" v-bind=\"$attrs\">\n <slot />\n </wx-tabs>\n</template>\n","import {\n WxAlert,\n WxAutocomplete,\n WxCard,\n WxCascader,\n WxCheckbox,\n WxCheckboxGroup,\n WxCodeEditor,\n WxCol,\n WxColorPicker,\n WxDatePicker,\n WxDateRangePicker,\n WxDateTimePicker,\n WxDivider,\n WxHeading,\n WxIconPicker,\n WxInput,\n WxInputNumber,\n WxRadioGroup,\n WxRate,\n WxRow,\n WxSegmented,\n WxSelect,\n WxSlider,\n WxSwitch,\n WxTab,\n WxTagsInput,\n WxText,\n WxTextarea,\n WxTimePicker,\n WxTransfer,\n WxTreeSelect,\n} from '@webx-ui/core'\nimport ScreenRepeater from './ScreenRepeater.vue'\nimport ScreenTabs from './ScreenTabs.vue'\nimport type { NodeKind, ScreenNode, TypeEntry, TypeRegistry } from './types'\n\n/** Every field name under a node, however deep — what a tab has to open for. */\nfunction fieldNames(node: ScreenNode): string[] {\n return (node.children ?? []).flatMap((child) =>\n child.name === undefined ? fieldNames(child) : [child.name],\n )\n}\n\n/**\n * The types every panel has: the core's layout, form and display components under\n * their full names. A module or a project adds its own the same way — `wx-media` comes\n * from `module-media`, `map` from whoever has a map.\n */\nexport const coreTypes: TypeRegistry = {\n 'wx-tabs': {\n component: ScreenTabs,\n kind: 'layout',\n // Which fields each tab holds, so a refused save can open the tab it was refused on.\n bind: (node) => ({\n fields: Object.fromEntries((node.children ?? []).map((tab) => [tab.id, fieldNames(tab)])),\n }),\n },\n 'wx-tab': {\n component: WxTab,\n kind: 'layout',\n labelProp: 'label',\n // A tab is selected by value, and the node's id is the one stable thing it has.\n bind: (node) => ({ value: node.id }),\n },\n 'wx-card': { component: WxCard, kind: 'layout', labelProp: 'title' },\n 'wx-row': {\n component: WxRow,\n kind: 'layout',\n // Marked so the renderer can hold a row at the width of one field (see `ScreenRenderer.vue`).\n bind: (node) => ({ class: ['wx-screen__row', node.props?.class] }),\n },\n 'wx-col': {\n component: WxCol,\n kind: 'layout',\n // Marked so the renderer can stack what a column holds (see `ScreenRenderer.vue`),\n // without touching a `WxCol` that some field happens to use inside itself.\n bind: (node) => ({ class: ['wx-screen__col', node.props?.class] }),\n },\n 'wx-divider': { component: WxDivider, kind: 'layout', labelProp: 'label' },\n\n 'wx-input': { component: WxInput, kind: 'field' },\n 'wx-textarea': { component: WxTextarea, kind: 'field' },\n 'wx-input-number': { component: WxInputNumber, kind: 'field' },\n 'wx-select': { component: WxSelect, kind: 'field' },\n // The label beside the control rather than above it: on, off, and what is being turned.\n 'wx-switch': { component: WxSwitch, kind: 'field', labelProp: 'label' },\n 'wx-checkbox': { component: WxCheckbox, kind: 'field', labelProp: 'label' },\n 'wx-radio-group': { component: WxRadioGroup, kind: 'field' },\n 'wx-date-picker': { component: WxDatePicker, kind: 'field' },\n 'wx-color-picker': { component: WxColorPicker, kind: 'field' },\n 'wx-checkbox-group': { component: WxCheckboxGroup, kind: 'field' },\n 'wx-segmented': { component: WxSegmented, kind: 'field' },\n 'wx-slider': { component: WxSlider, kind: 'field' },\n 'wx-rate': { component: WxRate, kind: 'field' },\n 'wx-time-picker': { component: WxTimePicker, kind: 'field' },\n 'wx-date-time-picker': {\n component: WxDateTimePicker,\n kind: 'field',\n // A moment, not a wall clock. Without the offset the server reads the hour in its own\n // timezone and the browser in the reader's, and one value shows two different times. Bound\n // over `props` on purpose: the server parses exactly this shape.\n bind: () => ({ valueFormat: \"yyyy-MM-dd'T'HH:mm:ssXXX\" }),\n },\n 'wx-date-range-picker': { component: WxDateRangePicker, kind: 'field' },\n 'wx-tags-input': { component: WxTagsInput, kind: 'field' },\n 'wx-autocomplete': { component: WxAutocomplete, kind: 'field' },\n 'wx-icon-picker': { component: WxIconPicker, kind: 'field' },\n 'wx-cascader': { component: WxCascader, kind: 'field' },\n 'wx-tree-select': { component: WxTreeSelect, kind: 'field' },\n // Wide: two lists with the buttons between them do not fit in half a form.\n 'wx-transfer': { component: WxTransfer, kind: 'field', wide: true },\n // Wide for the reason an editor is: code is read in long lines.\n 'wx-code-editor': { component: WxCodeEditor, kind: 'field', wide: true },\n 'wx-repeater': { component: ScreenRepeater, kind: 'field', nested: true, wide: true },\n\n 'wx-heading': { component: WxHeading, kind: 'display' },\n 'wx-text': { component: WxText, kind: 'display' },\n 'wx-alert': { component: WxAlert, kind: 'display', labelProp: 'title' },\n}\n\n/** Identity with a type: keeps a project's registry object checked without an import of the type. */\nexport function defineTypes<T extends TypeRegistry>(types: T): T {\n return types\n}\n\nexport interface TypeDescription {\n type: string\n kind: NodeKind\n component: string\n /** Where the node's `label` ends up, in words. */\n label: string\n}\n\nfunction componentName(entry: TypeEntry): string {\n const component = entry.component as { name?: string; __name?: string }\n return component.name ?? component.__name ?? 'anonymous'\n}\n\nfunction labelDestination(entry: TypeEntry): string {\n if (entry.kind === 'field') return 'form item'\n if (entry.labelProp) return `prop \\`${entry.labelProp}\\``\n return entry.kind === 'display' ? 'default slot' : '—'\n}\n\n/** One row per type, in registry order — what the documentation table is made of. */\nexport function describeTypes(types: TypeRegistry): TypeDescription[] {\n return Object.entries(types).map(([type, entry]) => ({\n type,\n kind: entry.kind,\n component: componentName(entry),\n label: labelDestination(entry),\n }))\n}\n\n/**\n * The registry as a Markdown table, padded the way Prettier pads one, so the generated\n * block in the guide survives `prettier --check` and a test can compare it verbatim.\n */\nexport function typesTable(types: TypeRegistry): string {\n const rows = describeTypes(types).map((row) => [\n `\\`${row.type}\\``,\n row.kind,\n `\\`${row.component}\\``,\n row.label,\n ])\n const header = ['Type', 'Kind', 'Component', '`label` goes to']\n const widths = header.map((cell, column) =>\n Math.max(cell.length, ...rows.map((row) => row[column]!.length)),\n )\n const line = (cells: string[]) =>\n `| ${cells.map((cell, column) => cell.padEnd(widths[column]!)).join(' | ')} |`\n return [line(header), line(widths.map((width) => '-'.repeat(width))), ...rows.map(line)].join(\n '\\n',\n )\n}\n","<script setup lang=\"ts\">\nimport { computed, markRaw, provide, toRaw, watch } from 'vue'\nimport { WxForm } from '@webx-ui/core'\nimport { applyPatch } from './patch'\nimport { coreTypes } from './registry'\nimport {\n keyAsIs,\n screenErrorsKey,\n withFieldDefaults,\n WxScreenNodes,\n type RenderContext,\n} from './render'\nimport type {\n Patch,\n PatchError,\n ScreenModel,\n ScreenNode,\n Translate,\n TypeRegistry,\n ValidationErrors,\n} from './types'\n\ndefineOptions({ name: 'WxScreenRenderer' })\n\nconst props = withDefaults(\n defineProps<{\n /** The tree to draw — a module's screen, already patched by the server. */\n root: ScreenNode[]\n /** Client-side patch applied on top, in order. */\n patch?: Patch\n /** Server-side validation errors, keyed by field name; shown under the fields. */\n errors?: ValidationErrors\n /** Project types, merged over the core ones. */\n types?: TypeRegistry\n /** Turns `trans::` strings into words. Without it the key shows. */\n translate?: Translate\n /** Decides `can`. Without it every node is allowed. */\n can?: (permission: string) => boolean\n disabled?: boolean\n labelPosition?: 'top' | 'left'\n labelWidth?: string\n size?: 'sm' | 'md' | 'lg'\n }>(),\n {\n patch: () => [],\n errors: undefined,\n types: undefined,\n translate: undefined,\n can: undefined,\n disabled: false,\n labelPosition: undefined,\n labelWidth: undefined,\n size: undefined,\n },\n)\n\nconst emit = defineEmits<{\n /** Operations that could not be applied. Also reported to the console. */\n patchError: [errors: PatchError[]]\n}>()\n\nconst model = defineModel<ScreenModel>({ default: () => ({}) })\n\nconst applied = computed(() => applyPatch(props.root, props.patch))\n\n/** Every field name on the screen, however deep — a repeater is one field, not its items. */\nfunction names(nodes: ScreenNode[]): string[] {\n return nodes.flatMap((node) =>\n node.name === undefined ? names(node.children ?? []) : [node.name],\n )\n}\n\n/**\n * The refusal, under the names the fields answer to.\n *\n * Laravel names the language that failed — `slug.en` — and `WxFormItem` looks its error up by\n * the field's own name, so a refused translated field showed nothing at all: the save failed and\n * every field looked fine. A key is matched against the field names rather than cut at its first\n * dot, because a name may carry a dot of its own (`general.project-name`, CLAUDE.md §4).\n */\nconst failing = computed<ValidationErrors | undefined>(() => {\n if (props.errors === undefined) return undefined\n\n const fields = names(applied.value.root)\n const out: ValidationErrors = { ...props.errors }\n\n for (const [key, messages] of Object.entries(props.errors)) {\n const field = fields.find((name) => key.startsWith(`${name}.`))\n\n if (field !== undefined && out[field] === undefined) out[field] = messages\n }\n\n return out\n})\n\n/**\n * What the form draws: the same, less a row's refusal put under the repeater's own name.\n *\n * `duties.1.text.ru` is a field of the second row, and the row draws it there (`ScreenRepeater`);\n * under the repeater as a whole it read as a second, different refusal of the list itself. The\n * tabs still need it under `duties`, since that is the name they know the field by.\n */\nconst fieldErrors = computed<ValidationErrors | undefined>(() => {\n if (props.errors === undefined || failing.value === undefined) return undefined\n\n const out: ValidationErrors = { ...failing.value }\n\n for (const name of Object.keys(out)) {\n if (props.errors[name] !== undefined) continue\n\n const rows = Object.keys(props.errors).filter((key) => key.startsWith(`${name}.`))\n\n if (rows.length > 0 && rows.every((key) => /^\\d+\\./.test(key.slice(name.length + 1)))) {\n delete out[name]\n }\n }\n\n return out\n})\n\n// For the nodes that act on a refusal rather than only draw it — the tabs (`ScreenTabs.vue`)\n// and the rows of a repeater.\nprovide(screenErrorsKey, failing)\n\nwatch(\n () => applied.value.errors,\n (errors) => {\n for (const error of errors) {\n console.error(`[webx-ui/schema] patch[${error.index}] ${error.op.op}: ${error.message}`)\n }\n emit('patchError', errors)\n },\n { immediate: true },\n)\n\n/**\n * A registry kept in a `ref` arrives as a reactive proxy, and Vue warns about a\n * component that is one; the raw component is what `h()` wants anyway.\n */\nconst registry = computed<TypeRegistry>(() => {\n const merged: TypeRegistry = {}\n for (const [type, entry] of Object.entries({ ...coreTypes, ...props.types })) {\n merged[type] = { ...entry, component: markRaw(toRaw(entry.component)) }\n }\n return merged\n})\n\nconst context = computed<RenderContext>(() => ({\n types: registry.value,\n // Drawn with the defaults filled in; `update` below writes to the model as it is.\n model: withFieldDefaults(applied.value.root, model.value),\n update: (name, value) => {\n model.value = { ...model.value, [name]: value }\n },\n translate: props.translate ?? keyAsIs,\n can: props.can ?? (() => true),\n}))\n\ndefineExpose({\n /** The tree after the patch — what is actually on screen. */\n tree: computed(() => applied.value.root),\n})\n</script>\n\n<template>\n <wx-form\n class=\"wx-screen\"\n :errors=\"fieldErrors\"\n :disabled=\"disabled\"\n :label-position=\"labelPosition\"\n :label-width=\"labelWidth\"\n :size=\"size\"\n >\n <wx-screen-nodes :nodes=\"applied.root\" :context=\"context\" />\n </wx-form>\n</template>\n\n<style>\n/*\n * A column is a stack of fields, like a card's body. The form's own gap reaches only its\n * direct children, so two fields dropped into one `wx-col` stood flush: the label of the\n * second read as the hint of the first. Same step as the form and the card.\n */\n.wx-screen__col {\n display: flex;\n flex-direction: column;\n gap: var(--wx-gap, var(--wx-space-16));\n}\n\n/*\n * A row splits one field's width between two, it does not spread them across the card. Every\n * field stops at `--wx-field-max-width`, so a row as wide as the card put \"Start\" at the left\n * edge and \"End\" a thousand pixels away — two fields that belong together read as unrelated,\n * and each still left most of its column empty.\n *\n * Plus the gutter the row pulls back with its negative margins, so its outer edges line up with\n * the fields above and below. The columns answer to the row's width, so a pair of halves is\n * `sm: 12` — `md` needs 768px of room and a row this size never has it.\n */\n.wx-screen__row {\n max-width: calc(var(--wx-field-max-width, 640px) + var(--wx-row-gutter, 0px));\n}\n\n/* Global on purpose: the placeholder is created by a render function, outside any scope. */\n.wx-screen__unknown {\n padding: var(--wx-space-8) var(--wx-space-12);\n border: 1px dashed var(--wx-color-danger);\n border-radius: var(--wx-radius-control);\n background: var(--wx-color-danger-soft);\n color: var(--wx-color-danger);\n font-family: var(--wx-font-family-mono);\n font-size: var(--wx-font-size-sm);\n}\n</style>\n"],"names":["locate","root","id","index","node","found","findNode","collectIds","ids","walk","nodes","indexFor","list","position","where","anchor","at","clone","value","out","key","item","applyPatch","patch","tree","errors","op","message","apply","clash","duplicateIn","others","parent","contains","ancestor","child","incoming","except","existing","same","a","b","evaluateCondition","condition","model","isVisible","visible","NODE_KEYS","OPS","isRecord","checkCondition","path","forms","checkNode","seen","validateScreen","validatePatch","isPosition","TRANS_MARKER","screenErrorsKey","shown","context","withFieldDefaults","filled","keyAsIs","words","translate","translateDeep","renderUnknown","h","childSlots","defaultSlot","groups","name","slots","children","renderNodes","renderNode","entry","props","label","own","control","WxFormItem","text","body","rendered","WxScreenNodes","defineComponent","__props","_useModel","items","computed","attrs","useAttrs","fieldNames","refusal","inject","rowErrors","fields","_item","prefix","messages","rest","field","word","line","bound","defaults","prop","_createBlock","_unref","WxRepeater","_mergeProps","_cache","$event","_withCtx","update","_createVNode","active","ref","failing","names","tab","watch","tabs","first","_openBlock","$attrs","_renderSlot","_ctx","coreTypes","ScreenTabs","WxTab","WxCard","WxRow","WxCol","WxDivider","WxInput","WxTextarea","WxInputNumber","WxSelect","WxSwitch","WxCheckbox","WxRadioGroup","WxDatePicker","WxColorPicker","WxCheckboxGroup","WxSegmented","WxSlider","WxRate","WxTimePicker","WxDateTimePicker","WxDateRangePicker","WxTagsInput","WxAutocomplete","WxIconPicker","WxCascader","WxTreeSelect","WxTransfer","WxCodeEditor","ScreenRepeater","WxHeading","WxText","WxAlert","defineTypes","types","componentName","component","labelDestination","describeTypes","type","typesTable","rows","row","header","widths","cell","column","cells","width","emit","__emit","applied","fieldErrors","provide","error","registry","merged","markRaw","toRaw","__expose","WxForm"],"mappings":";;AAUO,SAASA,EAAOC,GAAoBC,GAA4B;AACrE,WAASC,IAAQ,GAAGA,IAAQF,EAAK,QAAQE,KAAS,GAAG;AACnD,UAAMC,IAAOH,EAAKE,CAAK;AACvB,QAAIC,EAAK,OAAOF,EAAI,QAAO,EAAE,MAAMD,GAAM,OAAAE,GAAO,MAAAC,EAAA;AAChD,QAAIA,EAAK,UAAU;AACjB,YAAMC,IAAQL,EAAOI,EAAK,UAAUF,CAAE;AACtC,UAAIG,EAAO,QAAOA;AAAA,IACpB;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAASC,GAASL,GAAoBC,GAA+B;AAC1E,SAAOF,EAAOC,GAAMC,CAAE,GAAG,QAAQ;AACnC;AAGO,SAASK,EAAWN,GAA8B;AACvD,QAAMO,IAAgB,CAAA,GAChBC,IAAO,CAACC,MAAwB;AACpC,eAAWN,KAAQM;AACjB,MAAAF,EAAI,KAAKJ,EAAK,EAAE,GACZA,EAAK,YAAUK,EAAKL,EAAK,QAAQ;AAAA,EAEzC;AACA,SAAAK,EAAKR,CAAI,GACFO;AACT;AAGA,SAASG,EAASC,GAAoBC,GAAsD;AAC1F,MAAI,CAACA,KAAYA,MAAa,eAAeD,EAAK;AAClD,MAAIC,MAAa,QAAS,QAAO;AACjC,QAAM,CAACC,GAAOC,CAAM,IAAIF,EAAS,MAAM,KAAK,CAAC,GACvCG,IAAKJ,EAAK,UAAU,CAACR,MAASA,EAAK,OAAOW,CAAM;AACtD,SAAIC,MAAO,KAAW,eAAeD,CAAM,eAAeD,CAAK,KACxDA,MAAU,WAAWE,IAAKA,IAAK;AACxC;AAMO,SAASC,EAASC,GAAa;AACpC,MAAI,MAAM,QAAQA,CAAK,EAAG,QAAOA,EAAM,IAAID,CAAK;AAChD,MAAIC,KAAS,OAAOA,KAAU,UAAU;AACtC,UAAMC,IAA+B,CAAA;AACrC,eAAW,CAACC,GAAKC,CAAI,KAAK,OAAO,QAAQH,CAAK,EAAG,CAAAC,EAAIC,CAAG,IAAIH,EAAMI,CAAI;AACtE,WAAOF;AAAA,EACT;AACA,SAAOD;AACT;AAQO,SAASI,GACdrB,GACAsB,GAC8C;AAC9C,QAAMC,IAAOP,EAAMhB,CAAI,GACjBwB,IAAuB,CAAA;AAE7B,SAAAF,EAAM,QAAQ,CAACG,GAAIvB,MAAU;AAC3B,UAAMwB,IAAUC,GAAMJ,GAAME,CAAE;AAC9B,IAAIC,KAASF,EAAO,KAAK,EAAE,OAAAtB,GAAO,IAAAuB,GAAI,SAAAC,GAAS;AAAA,EACjD,CAAC,GAEM,EAAE,MAAMH,GAAM,QAAAC,EAAA;AACvB;AAGA,SAASG,GAAMJ,GAAoBE,GAAmC;AACpE,QAAMrB,IAAQL,EAAOwB,GAAME,EAAG,MAAM;AACpC,MAAI,CAACrB,EAAO,QAAO,WAAWqB,EAAG,MAAM;AAEvC,UAAQA,EAAG,IAAA;AAAA,IACT,KAAK,OAAO;AACV,YAAMG,IAAQC,EAAYN,GAAME,EAAG,IAAI;AACvC,UAAIG,EAAO,QAAO,OAAOA,CAAK;AAC9B,YAAMjB,IAAQP,EAAM,KAAK,aAAa,CAAA,GAChCW,IAAKL,EAASC,GAAMc,EAAG,QAAQ;AACrC,aAAI,OAAOV,KAAO,WAAiBA,KACnCJ,EAAK,OAAOI,GAAI,GAAGC,EAAMS,EAAG,IAAI,CAAC,GAC1B;AAAA,IACT;AAAA,IACA,KAAK;AACH,aAAArB,EAAM,KAAK,OAAOA,EAAM,OAAO,CAAC,GACzB;AAAA,IACT,KAAK,WAAW;AAEd,YAAM0B,IAASP,EAAK,OAAO,CAACpB,MAASA,MAASC,EAAM,IAAI,GAClDwB,IAAQC,EAAYC,GAAQL,EAAG,MAAMrB,EAAM,IAAI;AACrD,aAAIwB,IAAc,OAAOA,CAAK,oCAC9BxB,EAAM,KAAK,OAAOA,EAAM,OAAO,GAAGY,EAAMS,EAAG,IAAI,CAAC,GACzC;AAAA,IACT;AAAA,IACA,KAAK,QAAQ;AACX,UAAId,IAAOP,EAAM;AACjB,UAAIqB,EAAG,OAAO,QAAW;AACvB,cAAMM,IAAShC,EAAOwB,GAAME,EAAG,EAAE;AACjC,YAAI,CAACM,EAAQ,QAAO,gBAAgBN,EAAG,EAAE;AACzC,YAAIM,EAAO,SAAS3B,EAAM,QAAQ4B,EAAS5B,EAAM,MAAM2B,EAAO,IAAI;AAChE,iBAAO,gBAAgBN,EAAG,MAAM;AAElC,QAAAd,IAAOoB,EAAO,KAAK,aAAa,CAAA;AAAA,MAClC;AACA,MAAA3B,EAAM,KAAK,OAAOA,EAAM,OAAO,CAAC;AAChC,YAAMW,IAAKL,EAASC,GAAMc,EAAG,QAAQ;AACrC,aAAI,OAAOV,KAAO,YAEhBX,EAAM,KAAK,OAAOA,EAAM,OAAO,GAAGA,EAAM,IAAI,GACrCW,MAETJ,EAAK,OAAOI,GAAI,GAAGX,EAAM,IAAI,GACtB;AAAA,IACT;AAAA,IACA,KAAK,OAAO;AACV,iBAAW,CAACe,GAAKF,CAAK,KAAK,OAAO,QAAQQ,CAAE;AAC1C,QAAIN,MAAQ,QAAQA,MAAQ,aACxBA,MAAQ,UACVf,EAAM,KAAK,QAAQ,EAAE,GAAGA,EAAM,KAAK,OAAO,GAAIa,EAAA,IAE5Cb,EAAM,KAA4Ce,CAAG,IAAIH,EAAMC,CAAK;AAG1E,aAAO;AAAA,IACT;AAAA,EAAA;AAEJ;AAEA,SAASe,EAASC,GAAsB9B,GAA2B;AACjE,UAAQ8B,EAAS,YAAY,CAAA,GAAI,KAAK,CAACC,MAAUA,MAAU/B,KAAQ6B,EAASE,GAAO/B,CAAI,CAAC;AAC1F;AAGA,SAAS0B,EAAYN,GAAoBY,GAAsBC,GAAoC;AACjG,QAAMC,IAAW,IAAI,IAAI/B,EAAWiB,CAAI,CAAC;AACzC,MAAIa,EAAQ,YAAWnC,KAAMK,EAAW,CAAC8B,CAAM,CAAC,EAAG,CAAAC,EAAS,OAAOpC,CAAE;AACrE,SAAOK,EAAW,CAAC6B,CAAQ,CAAC,EAAE,KAAK,CAAClC,MAAOoC,EAAS,IAAIpC,CAAE,CAAC,KAAK;AAClE;ACtJA,SAASqC,EAAKC,GAAYC,GAAqB;AAC7C,SAAID,MAAMC,IAAU,KAChBD,MAAM,QAAQC,MAAM,QAAQ,OAAOD,KAAM,YAAY,OAAOC,KAAM,WAAiB,KAChF,KAAK,UAAUD,CAAC,MAAM,KAAK,UAAUC,CAAC;AAC/C;AAEO,SAASC,EAAkBC,GAAgCC,GAA6B;AAC7F,MAAI,SAASD,EAAW,QAAOA,EAAU,IAAI,MAAM,CAACtB,MAASqB,EAAkBrB,GAAMuB,CAAK,CAAC;AAC3F,MAAI,SAASD,EAAW,QAAOA,EAAU,IAAI,KAAK,CAACtB,MAASqB,EAAkBrB,GAAMuB,CAAK,CAAC;AAE1F,QAAM1B,IAAQ0B,EAAMD,EAAU,IAAI;AAClC,SAAI,QAAQA,IAAkBA,EAAU,GAAG,KAAK,CAACtB,MAASkB,EAAKlB,GAAMH,CAAK,CAAC,IACvE,SAASyB,IAAkB,CAACJ,EAAKI,EAAU,KAAKzB,CAAK,IAClDqB,EAAKI,EAAU,IAAIzB,CAAK;AACjC;AAGO,SAAS2B,GAAUzC,GAAkBwC,GAA6B;AACvE,QAAM,EAAE,SAAAE,MAAY1C;AACpB,SAAI0C,MAAY,UAAaA,MAAY,KAAa,KAClDA,MAAY,KAAc,KACvBJ,EAAkBI,GAASF,CAAK;AACzC;ACvBA,MAAMG,wBAAgB,IAAI;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAEKC,yBAAU,IAAI,CAAC,OAAO,UAAU,WAAW,QAAQ,KAAK,CAAC;AAE/D,SAASC,EAAS/B,GAAkD;AAClE,SAAO,OAAOA,KAAU,YAAYA,MAAU,QAAQ,CAAC,MAAM,QAAQA,CAAK;AAC5E;AAEA,SAASgC,EAAehC,GAAgBiC,GAAc1B,GAA6B;AACjF,MAAI,CAACwB,EAAS/B,CAAK,GAAG;AACpB,IAAAO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,mDAAmD;AAChF;AAAA,EACF;AACA,MAAI,SAASjC,KAAS,SAASA,GAAO;AACpC,UAAMN,IAAQM,EAAM,OAAOA,EAAM;AACjC,QAAI,CAAC,MAAM,QAAQN,CAAI,GAAG;AACxB,MAAAa,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,gDAAgD;AAC7E;AAAA,IACF;AACA,IAAAvC,EAAK,QAAQ,CAACS,GAAMlB,MAAU+C,EAAe7B,GAAM,GAAG8B,CAAI,IAAIhD,CAAK,KAAKsB,CAAM,CAAC;AAC/E;AAAA,EACF;AACA,MAAI,OAAOP,EAAM,QAAS,UAAU;AAClC,IAAAO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,iDAAiD;AAC9E;AAAA,EACF;AACA,QAAMC,IAAQ,CAAC,MAAM,MAAM,KAAK,EAAE,OAAO,CAAChC,MAAQA,KAAOF,CAAK;AAC9D,EAAIkC,EAAM,WAAW,IACnB3B,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,sDAAsD,IAC1EC,EAAM,CAAC,MAAM,QAAQ,CAAC,MAAM,QAAQlC,EAAM,EAAE,KACrDO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,yBAAyB;AAE1D;AAEA,SAASE,EAAUnC,GAAgBiC,GAAc1B,GAAuB6B,GAAyB;AAC/F,MAAI,CAACL,EAAS/B,CAAK,GAAG;AACpB,IAAAO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,4BAA4B;AACzD;AAAA,EACF;AAEA,aAAW/B,KAAO,OAAO,KAAKF,CAAK;AACjC,IAAK6B,EAAU,IAAI3B,CAAG,KAAGK,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,gBAAgB/B,CAAG,KAAK;AAGhF,EAAI,OAAOF,EAAM,MAAO,YAAYA,EAAM,OAAO,KAC/CO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,mDAAmD,IACvEG,EAAK,IAAIpC,EAAM,EAAE,IAC1BO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,iBAAiBjC,EAAM,EAAE,KAAK,IAE3DoC,EAAK,IAAIpC,EAAM,EAAE,IAGf,OAAOA,EAAM,QAAS,YAAYA,EAAM,SAAS,OACnDO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,qDAAqD;AAGpF,aAAW/B,KAAO,CAAC,QAAQ,SAAS,MAAM;AACxC,IAAIA,KAAOF,KAAS,OAAOA,EAAME,CAAG,KAAM,YACxCK,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,IAAI/B,CAAG,sBAAsB;AAG9D,EAAI,eAAeF,KAAS,OAAOA,EAAM,aAAc,aACrDO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,iCAAiC,GAE5D,WAAWjC,KAAS,CAAC+B,EAAS/B,EAAM,KAAK,KAC3CO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,6BAA6B,GAExD,UAAUjC,KAASA,EAAM,SAAS,QAAQ,OAAOA,EAAM,QAAS,YAClEO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,mCAAmC,GAE9D,SAASjC,KAASA,EAAM,QAAQ,QAAQ,OAAOA,EAAM,OAAQ,YAC/DO,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,kCAAkC,GAE7D,aAAajC,KAAS,OAAOA,EAAM,WAAY,aACjDgC,EAAehC,EAAM,SAAgC,GAAGiC,CAAI,YAAY1B,CAAM,GAG5E,cAAcP,MACX,MAAM,QAAQA,EAAM,QAAQ,IAG/BA,EAAM,SAAS;AAAA,IAAQ,CAACiB,GAAOhC,MAC7BkD,EAAUlB,GAAO,GAAGgB,CAAI,aAAahD,CAAK,KAAKsB,GAAQ6B,CAAI;AAAA,EAAA,IAH7D7B,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,+BAA+B;AAOlE;AAOO,SAASI,GAAetD,GAA8B;AAC3D,QAAMwB,IAAwB,CAAA;AAC9B,MAAI,CAAC,MAAM,QAAQxB,CAAI,EAAG,QAAO,CAAC,EAAE,MAAM,QAAQ,SAAS,kCAAkC;AAC7F,QAAMqD,wBAAW,IAAA;AACjB,SAAArD,EAAK,QAAQ,CAACG,GAAMD,MAAUkD,EAAUjD,GAAM,QAAQD,CAAK,KAAKsB,GAAQ6B,CAAI,CAAC,GACtE7B;AACT;AAGO,SAAS+B,GAAcjC,GAA+B;AAC3D,QAAME,IAAwB,CAAA;AAC9B,SAAK,MAAM,QAAQF,CAAK,KAExBA,EAAM,QAAQ,CAACG,GAAIvB,MAAU;AAC3B,UAAMgD,IAAO,SAAShD,CAAK;AAC3B,QAAI,CAAC8C,EAASvB,CAAE,GAAG;AACjB,MAAAD,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,kCAAkC;AAC/D;AAAA,IACF;AACA,QAAI,OAAOzB,EAAG,MAAO,YAAY,CAACsB,GAAI,IAAItB,EAAG,EAAE,GAAG;AAChD,MAAAD,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,uDAAuD;AACpF;AAAA,IACF;AAeA,SAdI,OAAOzB,EAAG,UAAW,YAAYA,EAAG,WAAW,OACjDD,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,0CAA0C,IAEpEzB,EAAG,OAAO,SAASA,EAAG,OAAO,cAAc,CAACuB,EAASvB,EAAG,IAAI,IAC/DD,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,IAAIzB,EAAG,EAAE,oBAAoB,KACjDA,EAAG,OAAO,SAASA,EAAG,OAAO,cACtC2B,EAAU3B,EAAG,MAAM,GAAGyB,CAAI,SAAS1B,GAAQ,oBAAI,KAAK,GAElD,cAAcC,KAAM,CAAC+B,GAAW/B,EAAG,QAAQ,KAC7CD,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,6DAA6D,GAExFzB,EAAG,OAAO,UAAU,QAAQA,KAAM,OAAOA,EAAG,MAAO,YACrDD,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,yCAAyC,GAEpEzB,EAAG,OAAO;AACZ,iBAAWN,KAAO,OAAO,KAAKM,CAAE;AAC9B,QAAIN,MAAQ,QAAQA,MAAQ,aAAa,CAAC2B,EAAU,IAAI3B,CAAG,KAAKA,MAAQ,SACtEK,EAAO,KAAK,EAAE,MAAA0B,GAAM,SAAS,wBAAwB/B,CAAG,KAAK;AAAA,EAIrE,CAAC,GAEMK,KAnC2B,CAAC,EAAE,MAAM,SAAS,SAAS,4BAA4B;AAoC3F;AAEA,SAASgC,GAAWvC,GAAyB;AAC3C,SACE,OAAOA,KAAU,aAChBA,MAAU,WACTA,MAAU,UACVA,EAAM,WAAW,SAAS,KAC1BA,EAAM,WAAW,QAAQ;AAE/B;AChKO,MAAMwC,IAAe,WAefC,2BACJ,kBAAkB;AAG3B,SAASC,EAAMxD,GAAkByD,GAAiC;AAChE,SAAIzD,EAAK,OAAO,CAACyD,EAAQ,IAAIzD,EAAK,GAAG,IAAU,KACxCyC,GAAUzC,GAAMyD,EAAQ,KAAK;AACtC;AAWO,SAASC,EAAkBpD,GAAqBkC,GAAiC;AACtF,MAAImB;AAEJ,QAAMtD,IAAO,CAACG,MAA6B;AACzC,eAAWR,KAAQQ,GAAM;AACvB,UAAIR,EAAK,SAAS,QAAW;AAC3B,QAAAK,EAAKL,EAAK,YAAY,EAAE;AACxB;AAAA,MACF;AACA,YAAMc,IAAQ0B,EAAMxC,EAAK,IAAI;AAC7B,MAAIA,EAAK,YAAY,UAAqCc,KAAU,SAClE6C,MAAW,EAAE,GAAGnB,EAAA,GAChBmB,EAAO3D,EAAK,IAAI,IAAIA,EAAK;AAAA,IAE7B;AAAA,EACF;AAEA,SAAAK,EAAKC,CAAK,GACHqD,KAAUnB;AACnB;AAGO,MAAMoB,KAAqB,CAAC5C,MAAQA;AAGpC,SAAS6C,EAAS/C,GAAUgD,GAAyB;AAC1D,SAAI,OAAOhD,KAAU,YAAYA,EAAM,WAAWwC,CAAY,IACrDQ,EAAUhD,EAAM,MAAMwC,EAAa,MAAM,CAAC,IAE5CxC;AACT;AAGO,SAASiD,EAAiBjD,GAAUgD,GAAyB;AAClE,MAAI,OAAOhD,KAAU,SAAU,QAAO+C,EAAM/C,GAAOgD,CAAS;AAC5D,MAAI,MAAM,QAAQhD,CAAK,EAAG,QAAOA,EAAM,IAAI,CAACG,MAAS8C,EAAc9C,GAAM6C,CAAS,CAAC;AACnF,MAAIhD,KAAS,OAAOA,KAAU,UAAU;AACtC,UAAMC,IAA+B,CAAA;AACrC,eAAW,CAACC,GAAKC,CAAI,KAAK,OAAO,QAAQH,CAAK,EAAG,CAAAC,EAAIC,CAAG,IAAI+C,EAAc9C,GAAM6C,CAAS;AACzF,WAAO/C;AAAA,EACT;AACA,SAAOD;AACT;AAEA,SAASkD,GAAchE,GAAyB;AAC9C,SAAOiE;AAAA,IACL;AAAA,IACA,EAAE,KAAKjE,EAAK,IAAI,OAAO,sBAAsB,MAAM,OAAA;AAAA,IACnD,iBAAiBA,EAAK,IAAI;AAAA,EAAA;AAE9B;AAGA,SAASkE,GACPlE,GACAmE,GACAV,GAC+B;AAC/B,QAAMW,wBAAa,IAAA;AACnB,aAAWrC,KAAS/B,EAAK,YAAY,CAAA,GAAI;AACvC,UAAMqE,IAAOtC,EAAM,QAAQoC,GACrB3D,IAAO4D,EAAO,IAAIC,CAAI,KAAK,CAAA;AACjC,IAAA7D,EAAK,KAAKuB,CAAK,GACfqC,EAAO,IAAIC,GAAM7D,CAAI;AAAA,EACvB;AACA,QAAM8D,IAAuC,CAAA;AAC7C,aAAW,CAACD,GAAME,CAAQ,KAAKH;AAC7B,IAAAE,EAAMD,CAAI,IAAI,MAAMG,EAAYD,GAAUd,CAAO;AAEnD,SAAOa;AACT;AAEO,SAASG,GAAWzE,GAAkByD,GAAsC;AACjF,MAAI,CAACD,EAAMxD,GAAMyD,CAAO,EAAG,QAAO;AAElC,QAAMiB,IAAQjB,EAAQ,MAAMzD,EAAK,IAAI;AACrC,MAAI,CAAC0E,EAAO,QAAOV,GAAchE,CAAI;AASrC,MACE0E,EAAM,SAAS,YACf1E,EAAK,aAAa,UAClB,CAACA,EAAK,SAAS,KAAK,CAAC+B,MAAUyB,EAAMzB,GAAO0B,CAAO,CAAC;AAEpD,WAAO;AAGT,QAAM,EAAE,WAAAK,MAAcL,GAChBkB,IAAiC;AAAA,IACrC,KAAK3E,EAAK;AAAA,IACV,GAAG+D,EAAc/D,EAAK,SAAS,CAAA,GAAI8D,CAAS;AAAA,IAC5C,GAAGY,EAAM,OAAO1E,CAAI;AAAA,EAAA,GAEhB4E,IAAQf,EAAM7D,EAAK,OAAO8D,CAAS;AAEzC,MAAIY,EAAM,SAAS,SAAS;AAC1B,UAAML,IAAOrE,EAAK,MAEZ6E,IAAMH,EAAM,cAAc,UAAaE,MAAU,QACjDE,IAAUb,EAAES,EAAM,WAAW;AAAA,MACjC,GAAGC;AAAA,MACH,GAAIE,IAAM,EAAE,CAACH,EAAM,SAAmB,GAAGE,EAAA,IAAU,CAAA;AAAA;AAAA,MAEnD,GAAIF,EAAM,SAAS,EAAE,MAAA1E,GAAM,SAAAyD,EAAA,IAAY,CAAA;AAAA,MACvC,MAAAY;AAAA,MACA,WAAWrE,EAAK,aAAa;AAAA,MAC7B,YAAYqE,MAAS,SAAY,SAAYZ,EAAQ,MAAMY,CAAI;AAAA,MAC/D,uBAAuB,CAACvD,MAAmB;AACzC,QAAIuD,MAAS,UAAWZ,EAAQ,OAAOY,GAAMvD,CAAK;AAAA,MACpD;AAAA,IAAA,CACD;AACD,WAAOmD;AAAA,MACLc;AAAA,MACA;AAAA,QACE,KAAK/E,EAAK;AAAA,QACV,MAAAqE;AAAA,QACA,OAAOQ,IAAM,SAAYD;AAAA,QACzB,MAAMf,EAAM7D,EAAK,MAAM8D,CAAS;AAAA,QAChC,MAAMY,EAAM;AAAA,MAAA;AAAA,MAEd,MAAMI;AAAA,IAAA;AAAA,EAEV;AAEA,MAAIJ,EAAM,SAAS;AACjB,WAAIA,EAAM,aAAaE,MAAU,WAAWD,EAAMD,EAAM,SAAS,IAAIE,IAC9DX,EAAES,EAAM,WAAWC,GAAOT,GAAWlE,GAAM0E,EAAM,gBAAgB,WAAWjB,CAAO,CAAC;AAI7F,MAAIiB,EAAM;AACR,WAAIE,MAAU,WAAWD,EAAMD,EAAM,SAAS,IAAIE,IAC3CX,EAAES,EAAM,WAAWC,CAAK;AAKjC,QAAMK,IAAO,OAAOL,EAAM,QAAS,WAAWA,EAAM,OAAO,QACrDM,IAAOL,KAASI;AAEtB,SAAIA,MAAS,UAAaJ,MAAU,iBAAkBD,EAAM,MAErDV,EAAES,EAAM,WAAWC,GAAOM,MAAS,SAAY,SAAY,MAAMA,CAAI;AAC9E;AAEO,SAAST,EAAYlE,GAAqBmD,GAAiC;AAChF,QAAM1C,IAAe,CAAA;AACrB,aAAWf,KAAQM,GAAO;AACxB,UAAM4E,IAAWT,GAAWzE,GAAMyD,CAAO;AACzC,IAAIyB,KAAUnE,EAAI,KAAKmE,CAAQ;AAAA,EACjC;AACA,SAAOnE;AACT;AAGO,MAAMoE,IAAgBC,EAAgB;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO,EAAE,MAAM,OAAiC,UAAU,GAAA;AAAA,IAC1D,SAAS,EAAE,MAAM,QAAmC,UAAU,GAAA;AAAA,EAAK;AAAA,EAErE,MAAMT,GAAO;AACX,WAAO,MAAMH,EAAYG,EAAM,OAAOA,EAAM,OAAO;AAAA,EACrD;AACF,CAAC;;;;;;;;;;;;;;;AC/LD,UAAMA,IAAQU,GAUR7C,IAAQ8C,EAA0BD,GAAA,YAAsB,GAExDE,IAAQC,EAAwB,MAAO,MAAM,QAAQhD,EAAM,KAAK,IAAIA,EAAM,QAAQ,EAAG,GAErFiD,IAAQC,GAAA;AAGd,aAASC,EAAWrF,GAA+B;AACjD,aAAOA,EAAM;AAAA,QAAQ,CAACyB,MACpBA,EAAM,SAAS,SAAY4D,EAAW5D,EAAM,YAAY,CAAA,CAAE,IAAI,CAACA,EAAM,IAAI;AAAA,MAAA;AAAA,IAE7E;AAEA,UAAM6D,IAAUC,EAAOtC,GAAiB,IAAI,GAUtCuC,IAAYN,EAAiD,MAAM;AACvE,YAAMnE,IAASuE,GAAS;AAExB,UAAIjB,EAAM,SAAS,OAAW;AAE9B,YAAMoB,IAASJ,EAAWhB,EAAM,KAAK,YAAY,CAAA,CAAE;AAEnD,aAAOY,EAAM,MAAM,IAAI,CAACS,GAAOjG,MAAU;AACvC,cAAMkG,IAAS,GAAGtB,EAAM,IAAI,IAAI5E,CAAK,KAC/BgB,IAAgC,CAAA;AAEtC,mBAAW,CAACC,GAAKkF,CAAQ,KAAK,OAAO,QAAQ7E,KAAU,CAAA,CAAE,GAAG;AAC1D,cAAI,CAACL,EAAI,WAAWiF,CAAM,EAAG;AAE7B,gBAAME,IAAOnF,EAAI,MAAMiF,EAAO,MAAM,GAC9BG,IAAQL,EAAO,KAAK,CAAC1B,OAAS8B,EAAK,WAAW,GAAG9B,EAAI,GAAG,CAAC;AAE/D,UAAAtD,EAAIoF,CAAI,IAAID,GACRE,MAAU,UAAarF,EAAIqF,CAAK,MAAM,WAAWrF,EAAIqF,CAAK,IAAIF;AAAA,QACpE;AAEA,eAAOnF;AAAA,MACT,CAAC;AAAA,IACH,CAAC;AAQD,aAASsF,EAAKrF,GAAiC;AAC7C,YAAMsF,IAAO3B,EAAM,QAAQ,UAAU,gCAAgC3D,CAAG,EAAE;AAE1E,aAAOsF,EAAK,SAAS,IAAI,IAAI,SAAYA;AAAA,IAC3C;AAOA,UAAMC,IAAQf,EAAS,MAAM;AAC3B,YAAMgB,IAAoC,EAAE,WAAW,GAAA;AAEvD,iBAAW,CAACC,GAAMzF,CAAG,KAAK;AAAA,QACxB,CAAC,YAAY,KAAK;AAAA,QAClB,CAAC,eAAe,QAAQ;AAAA,QACxB,CAAC,aAAa,SAAS;AAAA,QACvB,CAAC,aAAa,OAAO;AAAA,MAAA,GACX;AACV,cAAMsF,IAAOD,EAAKrF,CAAG;AACrB,QAAIsF,MAAS,WAAWE,EAASC,CAAI,IAAIH;AAAA,MAC3C;AAEA,aAAO,EAAE,GAAGE,GAAU,GAAGf,EAAA;AAAA,IAC3B,CAAC;2BAICiB,EAgBcC,EAAAC,EAAA,GAhBdC,EAgBcN,EAAA,OAfC;AAAA,MACZ,eAAahB,EAAA;AAAA,MACb,cAAYO,EAAA;AAAA,MACZ,uBAAkBgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEvE,EAAA,QAAQuE;AAAA,IAAA;MAElB,SAAOC,EAChB,CAOE,EARkB,MAAA/F,GAAM,QAAAgG,QAAM;AAAA,QAChCC,EAOEP,EAAAxB,CAAA,GAAA;AAAA,UANC,OAAOE,EAAA,KAAK,YAAQ,CAAA;AAAA,UACpB,SAAO;AAAA,eAAiBA,EAAA;AAAA,YAA0B,OAAAsB,EAAAjD,CAAA,EAAkB2B,EAAA,KAAK,gBAAgBpE,CAAI;AAAA,YAAsB,QAAA,CAAAD,GAAaF,MAAmBmG,EAAM,EAAA,CAAIjG,CAAG,GAAGF,EAAA,CAAK;AAAA,UAAA;AAAA;;;;;;;;;;;;;ACpGjL,UAAM6D,IAAQU,GAQRhE,IAASwE,EAAOtC,GAAiB,IAAI,GAErC4D,IAASC,GAA0B,MAAS,GAI5CC,IAAU7B,EAAmB,MAAM;AACvC,YAAM8B,IAAQ,IAAI,IAAI,OAAO,KAAKjG,GAAQ,SAAS,CAAA,CAAE,CAAC;AAEtD,aAAO,OAAO,QAAQsD,EAAM,MAAM,EAC/B,OAAO,CAAC,CAAA,EAAGoB,CAAM,MAAMA,EAAO,KAAK,CAACK,MAAUkB,EAAM,IAAIlB,CAAK,CAAC,CAAC,EAC/D,IAAI,CAAC,CAACmB,CAAG,MAAMA,CAAG;AAAA,IACvB,CAAC;AAED,WAAAC,EAAMH,GAAS,CAACI,MAAS;AACvB,YAAMC,IAAQD,EAAK,CAAC;AAEpB,MAAIC,MAAU,WACVP,EAAO,UAAU,UAAaM,EAAK,SAAS,OAAON,EAAO,KAAK,CAAC,MAEpEA,EAAO,QAAQO;AAAA,IACjB,CAAC,cAICC,KAAAjB,EAEUC,OAFVE,EAEU;AAAA,kBAFQM,EAAA;AAAA,oDAAAA,EAAM,QAAAJ;AAAA,IAAA,GAAUa,EAAAA,MAAM,GAAA;AAAA,iBACtC,MAAQ;AAAA,QAARC,GAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;ACfZ,SAASnC,EAAW3F,GAA4B;AAC9C,UAAQA,EAAK,YAAY,CAAA,GAAI;AAAA,IAAQ,CAAC+B,MACpCA,EAAM,SAAS,SAAY4D,EAAW5D,CAAK,IAAI,CAACA,EAAM,IAAI;AAAA,EAAA;AAE9D;AAOO,MAAMgG,KAA0B;AAAA,EACrC,WAAW;AAAA,IACT,WAAWC;AAAAA,IACX,MAAM;AAAA;AAAA,IAEN,MAAM,CAAChI,OAAU;AAAA,MACf,QAAQ,OAAO,aAAaA,EAAK,YAAY,CAAA,GAAI,IAAI,CAACuH,MAAQ,CAACA,EAAI,IAAI5B,EAAW4B,CAAG,CAAC,CAAC,CAAC;AAAA,IAAA;AAAA,EAC1F;AAAA,EAEF,UAAU;AAAA,IACR,WAAWU;AAAA,IACX,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IAEX,MAAM,CAACjI,OAAU,EAAE,OAAOA,EAAK,GAAA;AAAA,EAAG;AAAA,EAEpC,WAAW,EAAE,WAAWkI,IAAQ,MAAM,UAAU,WAAW,QAAA;AAAA,EAC3D,UAAU;AAAA,IACR,WAAWC;AAAA,IACX,MAAM;AAAA;AAAA,IAEN,MAAM,CAACnI,OAAU,EAAE,OAAO,CAAC,kBAAkBA,EAAK,OAAO,KAAK,EAAA;AAAA,EAAE;AAAA,EAElE,UAAU;AAAA,IACR,WAAWoI;AAAA,IACX,MAAM;AAAA;AAAA;AAAA,IAGN,MAAM,CAACpI,OAAU,EAAE,OAAO,CAAC,kBAAkBA,EAAK,OAAO,KAAK,EAAA;AAAA,EAAE;AAAA,EAElE,cAAc,EAAE,WAAWqI,IAAW,MAAM,UAAU,WAAW,QAAA;AAAA,EAEjE,YAAY,EAAE,WAAWC,IAAS,MAAM,QAAA;AAAA,EACxC,eAAe,EAAE,WAAWC,IAAY,MAAM,QAAA;AAAA,EAC9C,mBAAmB,EAAE,WAAWC,IAAe,MAAM,QAAA;AAAA,EACrD,aAAa,EAAE,WAAWC,IAAU,MAAM,QAAA;AAAA;AAAA,EAE1C,aAAa,EAAE,WAAWC,IAAU,MAAM,SAAS,WAAW,QAAA;AAAA,EAC9D,eAAe,EAAE,WAAWC,IAAY,MAAM,SAAS,WAAW,QAAA;AAAA,EAClE,kBAAkB,EAAE,WAAWC,IAAc,MAAM,QAAA;AAAA,EACnD,kBAAkB,EAAE,WAAWC,IAAc,MAAM,QAAA;AAAA,EACnD,mBAAmB,EAAE,WAAWC,IAAe,MAAM,QAAA;AAAA,EACrD,qBAAqB,EAAE,WAAWC,IAAiB,MAAM,QAAA;AAAA,EACzD,gBAAgB,EAAE,WAAWC,IAAa,MAAM,QAAA;AAAA,EAChD,aAAa,EAAE,WAAWC,IAAU,MAAM,QAAA;AAAA,EAC1C,WAAW,EAAE,WAAWC,IAAQ,MAAM,QAAA;AAAA,EACtC,kBAAkB,EAAE,WAAWC,IAAc,MAAM,QAAA;AAAA,EACnD,uBAAuB;AAAA,IACrB,WAAWC;AAAA,IACX,MAAM;AAAA;AAAA;AAAA;AAAA,IAIN,MAAM,OAAO,EAAE,aAAa,2BAAA;AAAA,EAA2B;AAAA,EAEzD,wBAAwB,EAAE,WAAWC,IAAmB,MAAM,QAAA;AAAA,EAC9D,iBAAiB,EAAE,WAAWC,IAAa,MAAM,QAAA;AAAA,EACjD,mBAAmB,EAAE,WAAWC,IAAgB,MAAM,QAAA;AAAA,EACtD,kBAAkB,EAAE,WAAWC,IAAc,MAAM,QAAA;AAAA,EACnD,eAAe,EAAE,WAAWC,IAAY,MAAM,QAAA;AAAA,EAC9C,kBAAkB,EAAE,WAAWC,IAAc,MAAM,QAAA;AAAA;AAAA,EAEnD,eAAe,EAAE,WAAWC,IAAY,MAAM,SAAS,MAAM,GAAA;AAAA;AAAA,EAE7D,kBAAkB,EAAE,WAAWC,IAAc,MAAM,SAAS,MAAM,GAAA;AAAA,EAClE,eAAe,EAAE,WAAWC,IAAgB,MAAM,SAAS,QAAQ,IAAM,MAAM,GAAA;AAAA,EAE/E,cAAc,EAAE,WAAWC,IAAW,MAAM,UAAA;AAAA,EAC5C,WAAW,EAAE,WAAWC,IAAQ,MAAM,UAAA;AAAA,EACtC,YAAY,EAAE,WAAWC,IAAS,MAAM,WAAW,WAAW,QAAA;AAChE;AAGO,SAASC,GAAoCC,GAAa;AAC/D,SAAOA;AACT;AAUA,SAASC,GAAczF,GAA0B;AAC/C,QAAM0F,IAAY1F,EAAM;AACxB,SAAO0F,EAAU,QAAQA,EAAU,UAAU;AAC/C;AAEA,SAASC,GAAiB3F,GAA0B;AAClD,SAAIA,EAAM,SAAS,UAAgB,cAC/BA,EAAM,YAAkB,UAAUA,EAAM,SAAS,OAC9CA,EAAM,SAAS,YAAY,iBAAiB;AACrD;AAGO,SAAS4F,GAAcJ,GAAwC;AACpE,SAAO,OAAO,QAAQA,CAAK,EAAE,IAAI,CAAC,CAACK,GAAM7F,CAAK,OAAO;AAAA,IACnD,MAAA6F;AAAA,IACA,MAAM7F,EAAM;AAAA,IACZ,WAAWyF,GAAczF,CAAK;AAAA,IAC9B,OAAO2F,GAAiB3F,CAAK;AAAA,EAAA,EAC7B;AACJ;AAMO,SAAS8F,GAAWN,GAA6B;AACtD,QAAMO,IAAOH,GAAcJ,CAAK,EAAE,IAAI,CAACQ,MAAQ;AAAA,IAC7C,KAAKA,EAAI,IAAI;AAAA,IACbA,EAAI;AAAA,IACJ,KAAKA,EAAI,SAAS;AAAA,IAClBA,EAAI;AAAA,EAAA,CACL,GACKC,IAAS,CAAC,QAAQ,QAAQ,aAAa,iBAAiB,GACxDC,IAASD,EAAO;AAAA,IAAI,CAACE,GAAMC,MAC/B,KAAK,IAAID,EAAK,QAAQ,GAAGJ,EAAK,IAAI,CAACC,MAAQA,EAAII,CAAM,EAAG,MAAM,CAAC;AAAA,EAAA,GAE3DxE,IAAO,CAACyE,MACZ,KAAKA,EAAM,IAAI,CAACF,GAAMC,MAAWD,EAAK,OAAOD,EAAOE,CAAM,CAAE,CAAC,EAAE,KAAK,KAAK,CAAC;AAC5E,SAAO,CAACxE,EAAKqE,CAAM,GAAGrE,EAAKsE,EAAO,IAAI,CAACI,MAAU,IAAI,OAAOA,CAAK,CAAC,CAAC,GAAG,GAAGP,EAAK,IAAInE,CAAI,CAAC,EAAE;AAAA,IACvF;AAAA;AAAA,EAAA;AAEJ;;;;;;;;;;;;;;;;;;;;;ACvJA,UAAM3B,IAAQU,GAgCR4F,IAAOC,GAKP1I,IAAQ8C,EAAwBD,GAAA,YAAwB,GAExD8F,IAAU3F,EAAS,MAAMtE,GAAWyD,EAAM,MAAMA,EAAM,KAAK,CAAC;AAGlE,aAAS2C,EAAMhH,GAA+B;AAC5C,aAAOA,EAAM;AAAA,QAAQ,CAACN,MACpBA,EAAK,SAAS,SAAYsH,EAAMtH,EAAK,YAAY,CAAA,CAAE,IAAI,CAACA,EAAK,IAAI;AAAA,MAAA;AAAA,IAErE;AAUA,UAAMqH,IAAU7B,EAAuC,MAAM;AAC3D,UAAIb,EAAM,WAAW,OAAW;AAEhC,YAAMoB,IAASuB,EAAM6D,EAAQ,MAAM,IAAI,GACjCpK,IAAwB,EAAE,GAAG4D,EAAM,OAAA;AAEzC,iBAAW,CAAC3D,GAAKkF,CAAQ,KAAK,OAAO,QAAQvB,EAAM,MAAM,GAAG;AAC1D,cAAMyB,IAAQL,EAAO,KAAK,CAAC1B,MAASrD,EAAI,WAAW,GAAGqD,CAAI,GAAG,CAAC;AAE9D,QAAI+B,MAAU,UAAarF,EAAIqF,CAAK,MAAM,WAAWrF,EAAIqF,CAAK,IAAIF;AAAA,MACpE;AAEA,aAAOnF;AAAA,IACT,CAAC,GASKqK,IAAc5F,EAAuC,MAAM;AAC/D,UAAIb,EAAM,WAAW,UAAa0C,EAAQ,UAAU,OAAW;AAE/D,YAAMtG,IAAwB,EAAE,GAAGsG,EAAQ,MAAA;AAE3C,iBAAWhD,KAAQ,OAAO,KAAKtD,CAAG,GAAG;AACnC,YAAI4D,EAAM,OAAON,CAAI,MAAM,OAAW;AAEtC,cAAMoG,IAAO,OAAO,KAAK9F,EAAM,MAAM,EAAE,OAAO,CAAC3D,MAAQA,EAAI,WAAW,GAAGqD,CAAI,GAAG,CAAC;AAEjF,QAAIoG,EAAK,SAAS,KAAKA,EAAK,MAAM,CAACzJ,MAAQ,SAAS,KAAKA,EAAI,MAAMqD,EAAK,SAAS,CAAC,CAAC,CAAC,KAClF,OAAOtD,EAAIsD,CAAI;AAAA,MAEnB;AAEA,aAAOtD;AAAA,IACT,CAAC;AAID,IAAAsK,GAAQ9H,GAAiB8D,CAAO,GAEhCG;AAAA,MACE,MAAM2D,EAAQ,MAAM;AAAA,MACpB,CAAC9J,MAAW;AACV,mBAAWiK,KAASjK;AAClB,kBAAQ,MAAM,0BAA0BiK,EAAM,KAAK,KAAKA,EAAM,GAAG,EAAE,KAAKA,EAAM,OAAO,EAAE;AAEzF,QAAAL,EAAK,cAAc5J,CAAM;AAAA,MAC3B;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAOpB,UAAMkK,IAAW/F,EAAuB,MAAM;AAC5C,YAAMgG,IAAuB,CAAA;AAC7B,iBAAW,CAACjB,GAAM7F,CAAK,KAAK,OAAO,QAAQ,EAAE,GAAGqD,IAAW,GAAGpD,EAAM,MAAA,CAAO;AACzE,QAAA6G,EAAOjB,CAAI,IAAI,EAAE,GAAG7F,GAAO,WAAW+G,GAAQC,GAAMhH,EAAM,SAAS,CAAC,EAAA;AAEtE,aAAO8G;AAAA,IACT,CAAC,GAEK/H,IAAU+B,EAAwB,OAAO;AAAA,MAC7C,OAAO+F,EAAS;AAAA;AAAA,MAEhB,OAAO7H,EAAkByH,EAAQ,MAAM,MAAM3I,EAAM,KAAK;AAAA,MACxD,QAAQ,CAAC6B,GAAMvD,MAAU;AACvB,QAAA0B,EAAM,QAAQ,EAAE,GAAGA,EAAM,OAAO,CAAC6B,CAAI,GAAGvD,EAAA;AAAA,MAC1C;AAAA,MACA,WAAW6D,EAAM,aAAaf;AAAA,MAC9B,KAAKe,EAAM,QAAQ,MAAM;AAAA,IAAA,EACzB;AAEF,WAAAgH,EAAa;AAAA;AAAA,MAEX,MAAMnG,EAAS,MAAM2F,EAAQ,MAAM,IAAI;AAAA,IAAA,CACxC,mBAICzE,EASUC,EAAAiF,EAAA,GAAA;AAAA,MARR,OAAM;AAAA,MACL,QAAQR,EAAA;AAAA,MACR,UAAU/F,EAAA;AAAA,MACV,kBAAgBA,EAAA;AAAA,MAChB,eAAaA,EAAA;AAAA,MACb,MAAMA,EAAA;AAAA,IAAA;iBAEP,MAA4D;AAAA,QAA5D6B,EAA4DP,EAAAxB,CAAA,GAAA;AAAA,UAA1C,OAAOgG,EAAA,MAAQ;AAAA,UAAO,SAAS1H,EAAA;AAAA,QAAA;;;;;;"}
|
package/dist/render.d.ts
CHANGED
|
@@ -14,6 +14,16 @@ export interface RenderContext {
|
|
|
14
14
|
* the tabs, which open the one the failing field is on. Fields draw theirs through `WxForm`.
|
|
15
15
|
*/
|
|
16
16
|
export declare const screenErrorsKey: InjectionKey<Ref<ValidationErrors | undefined>>;
|
|
17
|
+
/**
|
|
18
|
+
* The model as the fields draw it: a field with nothing in it — absent or null — shows its
|
|
19
|
+
* `default`. The site reads a missing value the same way, so a switch whose default is on is
|
|
20
|
+
* drawn on rather than contradicting the page. Only what is drawn changes: writes still go to
|
|
21
|
+
* the real model, so an untouched field is not sent and nothing is stored for it.
|
|
22
|
+
*
|
|
23
|
+
* Fields only, through layout and not into a named node — a repeater's children are the fields
|
|
24
|
+
* of its rows, and each row fills its own. Returns the model itself when there is nothing to fill.
|
|
25
|
+
*/
|
|
26
|
+
export declare function withFieldDefaults(nodes: ScreenNode[], model: ScreenModel): ScreenModel;
|
|
17
27
|
/** Without a dictionary the key itself shows — honest, and easy to spot in a screenshot. */
|
|
18
28
|
export declare const keyAsIs: Translate;
|
|
19
29
|
/** Translates a marked string; anything else — including `undefined` — passes through. */
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wx-screen__col{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16))}.wx-screen__row{max-width:calc(var(--wx-field-max-width, 640px) + var(--wx-row-gutter, 0px))}.wx-
|
|
1
|
+
.wx-screen__col{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16))}.wx-screen__row{max-width:calc(var(--wx-field-max-width, 640px) + var(--wx-row-gutter, 0px))}.wx-screen__unknown{padding:var(--wx-space-8) var(--wx-space-12);border:1px dashed var(--wx-color-danger);border-radius:var(--wx-radius-control);background:var(--wx-color-danger-soft);color:var(--wx-color-danger);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm)}
|
package/dist/types.d.ts
CHANGED
|
@@ -22,6 +22,12 @@ export interface ScreenNode {
|
|
|
22
22
|
help?: string;
|
|
23
23
|
/** The field is edited per content language; the value is a record keyed by locale. */
|
|
24
24
|
localized?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* For fields: what is drawn — and what the site reads — while nothing is stored. Checked
|
|
27
|
+
* on the server by the type's own rules. A localized field takes one plain value for every
|
|
28
|
+
* language. Never written on its own: an untouched field still saves nothing.
|
|
29
|
+
*/
|
|
30
|
+
default?: unknown;
|
|
25
31
|
/** Passed to the component untouched. */
|
|
26
32
|
props?: Record<string, unknown>;
|
|
27
33
|
children?: ScreenNode[];
|
|
@@ -108,7 +114,9 @@ export interface TypeEntry {
|
|
|
108
114
|
childrenSlot?: string;
|
|
109
115
|
/**
|
|
110
116
|
* Prop the node's `label` goes to (`title` on a card). For a `display` type without
|
|
111
|
-
* one the label becomes the default slot content; a `field` shows it in its form item
|
|
117
|
+
* one the label becomes the default slot content; a `field` shows it in its form item —
|
|
118
|
+
* unless it names one, and then the control carries its label itself, beside it (a switch,
|
|
119
|
+
* a checkbox), and the form item keeps only the help and the error.
|
|
112
120
|
*/
|
|
113
121
|
labelProp?: string;
|
|
114
122
|
/** Props derived from the node itself, beyond `props` — a tab's `value`, say. */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webx-ui/schema",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"description": "Screens as JSON for WebX UI admin panels: the node format, patches, the type registry and the renderer.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"vue": "^3.5.0"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@webx-ui/core": "^0.
|
|
47
|
+
"@webx-ui/core": "^0.38.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@types/node": "^24.10.1",
|
|
@@ -42,6 +42,9 @@
|
|
|
42
42
|
"type": "boolean",
|
|
43
43
|
"description": "The value is a record keyed by content language."
|
|
44
44
|
},
|
|
45
|
+
"default": {
|
|
46
|
+
"description": "For fields: the value shown and read while nothing is stored. Checked by the field type's own rules; a localized field takes one plain value for every language."
|
|
47
|
+
},
|
|
45
48
|
"props": {
|
|
46
49
|
"type": "object",
|
|
47
50
|
"description": "Passed to the component untouched.",
|