@webx-ui/schema 0.3.8 → 0.5.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.js +191 -144
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
import { WxFormItem as
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
function
|
|
1
|
+
import { WxFormItem as F, WxRepeater as q, WxAlert as B, WxText as U, WxHeading as H, WxCodeEditor as K, WxTransfer as L, WxTreeSelect as X, WxCascader as G, WxIconPicker as J, WxAutocomplete as _, WxTagsInput as Y, WxDateRangePicker as Q, WxDateTimePicker as Z, WxTimePicker as ee, WxRate as ne, WxSlider as te, WxSegmented as oe, WxCheckboxGroup as ie, WxColorPicker as re, WxDatePicker as se, WxRadioGroup as ae, WxCheckbox as de, WxSwitch as ce, WxSelect as le, WxInputNumber as fe, WxTextarea as ue, WxInput as pe, WxDivider as me, WxCol as ye, WxRow as xe, WxCard as be, WxTab as he, WxTabs as ge, WxForm as ke } from "@webx-ui/core";
|
|
2
|
+
import { defineComponent as A, h as f, useModel as R, computed as u, useAttrs as we, openBlock as N, createBlock as C, unref as x, mergeProps as We, withCtx as E, createVNode as O, mergeModels as k, watch as $e, markRaw as Ae, toRaw as Se } from "vue";
|
|
3
|
+
function b(e, t) {
|
|
4
4
|
for (let n = 0; n < e.length; n += 1) {
|
|
5
5
|
const i = e[n];
|
|
6
6
|
if (i.id === t) return { list: e, index: n, node: i };
|
|
7
7
|
if (i.children) {
|
|
8
|
-
const o =
|
|
8
|
+
const o = b(i.children, t);
|
|
9
9
|
if (o) return o;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
return null;
|
|
13
13
|
}
|
|
14
|
-
function
|
|
15
|
-
return
|
|
14
|
+
function Be(e, t) {
|
|
15
|
+
return b(e, t)?.node ?? null;
|
|
16
16
|
}
|
|
17
|
-
function
|
|
17
|
+
function h(e) {
|
|
18
18
|
const t = [], n = (i) => {
|
|
19
19
|
for (const o of i)
|
|
20
20
|
t.push(o.id), o.children && n(o.children);
|
|
21
21
|
};
|
|
22
22
|
return n(e), t;
|
|
23
23
|
}
|
|
24
|
-
function
|
|
24
|
+
function P(e, t) {
|
|
25
25
|
if (!t || t === "last") return e.length;
|
|
26
26
|
if (t === "first") return 0;
|
|
27
27
|
const [n, i] = t.split(":", 2), o = e.findIndex((r) => r.id === i);
|
|
28
28
|
return o === -1 ? `no sibling "${i}" to insert ${n}` : n === "before" ? o : o + 1;
|
|
29
29
|
}
|
|
30
|
-
function
|
|
31
|
-
if (Array.isArray(e)) return e.map(
|
|
30
|
+
function p(e) {
|
|
31
|
+
if (Array.isArray(e)) return e.map(p);
|
|
32
32
|
if (e && typeof e == "object") {
|
|
33
33
|
const t = {};
|
|
34
|
-
for (const [n, i] of Object.entries(e)) t[n] =
|
|
34
|
+
for (const [n, i] of Object.entries(e)) t[n] = p(i);
|
|
35
35
|
return t;
|
|
36
36
|
}
|
|
37
37
|
return e;
|
|
38
38
|
}
|
|
39
|
-
function
|
|
40
|
-
const n =
|
|
39
|
+
function Pe(e, t) {
|
|
40
|
+
const n = p(e), i = [];
|
|
41
41
|
return t.forEach((o, r) => {
|
|
42
|
-
const s =
|
|
42
|
+
const s = je(n, o);
|
|
43
43
|
s && i.push({ index: r, op: o, message: s });
|
|
44
44
|
}), { root: n, errors: i };
|
|
45
45
|
}
|
|
46
|
-
function
|
|
47
|
-
const n =
|
|
46
|
+
function je(e, t) {
|
|
47
|
+
const n = b(e, t.target);
|
|
48
48
|
if (!n) return `target "${t.target}" not found`;
|
|
49
49
|
switch (t.op) {
|
|
50
50
|
case "add": {
|
|
51
|
-
const i =
|
|
51
|
+
const i = j(e, t.node);
|
|
52
52
|
if (i) return `id "${i}" already exists in the screen`;
|
|
53
|
-
const o = n.node.children ??= [], r =
|
|
54
|
-
return typeof r == "string" ? r : (o.splice(r, 0,
|
|
53
|
+
const o = n.node.children ??= [], r = P(o, t.position);
|
|
54
|
+
return typeof r == "string" ? r : (o.splice(r, 0, p(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 i = e.filter((r) => r !== n.node), o =
|
|
60
|
-
return o ? `id "${o}" already exists in the screen` : (n.list.splice(n.index, 1,
|
|
59
|
+
const i = e.filter((r) => r !== n.node), o = j(i, t.node, n.node);
|
|
60
|
+
return o ? `id "${o}" already exists in the screen` : (n.list.splice(n.index, 1, p(t.node)), null);
|
|
61
61
|
}
|
|
62
62
|
case "move": {
|
|
63
63
|
let i = n.list;
|
|
64
64
|
if (t.to !== void 0) {
|
|
65
|
-
const r =
|
|
65
|
+
const r = b(e, t.to);
|
|
66
66
|
if (!r) return `destination "${t.to}" not found`;
|
|
67
|
-
if (r.node === n.node ||
|
|
67
|
+
if (r.node === n.node || z(n.node, r.node))
|
|
68
68
|
return `cannot move "${t.target}" into itself`;
|
|
69
69
|
i = r.node.children ??= [];
|
|
70
70
|
}
|
|
71
71
|
n.list.splice(n.index, 1);
|
|
72
|
-
const o =
|
|
72
|
+
const o = P(i, t.position);
|
|
73
73
|
return typeof o == "string" ? (n.list.splice(n.index, 0, n.node), o) : (i.splice(o, 0, n.node), null);
|
|
74
74
|
}
|
|
75
75
|
case "set": {
|
|
76
76
|
for (const [i, o] of Object.entries(t))
|
|
77
|
-
i === "op" || i === "target" || (i === "props" ? n.node.props = { ...n.node.props, ...o } : n.node[i] =
|
|
77
|
+
i === "op" || i === "target" || (i === "props" ? n.node.props = { ...n.node.props, ...o } : n.node[i] = p(o));
|
|
78
78
|
return null;
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
function
|
|
83
|
-
return (e.children ?? []).some((n) => n === t ||
|
|
82
|
+
function z(e, t) {
|
|
83
|
+
return (e.children ?? []).some((n) => n === t || z(n, t));
|
|
84
84
|
}
|
|
85
|
-
function
|
|
86
|
-
const i = new Set(
|
|
87
|
-
if (n) for (const o of
|
|
88
|
-
return
|
|
85
|
+
function j(e, t, n) {
|
|
86
|
+
const i = new Set(h(e));
|
|
87
|
+
if (n) for (const o of h([n])) i.delete(o);
|
|
88
|
+
return h([t]).find((o) => i.has(o)) ?? null;
|
|
89
89
|
}
|
|
90
90
|
function g(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);
|
|
92
92
|
}
|
|
93
|
-
function
|
|
94
|
-
if ("all" in e) return e.all.every((i) =>
|
|
95
|
-
if ("any" in e) return e.any.some((i) =>
|
|
93
|
+
function w(e, t) {
|
|
94
|
+
if ("all" in e) return e.all.every((i) => w(i, t));
|
|
95
|
+
if ("any" in e) return e.any.some((i) => w(i, t));
|
|
96
96
|
const n = t[e.when];
|
|
97
97
|
return "in" in e ? e.in.some((i) => g(i, n)) : "not" in e ? !g(e.not, n) : g(e.is, n);
|
|
98
98
|
}
|
|
99
|
-
function
|
|
99
|
+
function Te(e, t) {
|
|
100
100
|
const { visible: n } = e;
|
|
101
|
-
return n === void 0 || n === !0 ? !0 : n === !1 ? !1 :
|
|
101
|
+
return n === void 0 || n === !0 ? !0 : n === !1 ? !1 : w(n, t);
|
|
102
102
|
}
|
|
103
|
-
const
|
|
103
|
+
const V = /* @__PURE__ */ new Set([
|
|
104
104
|
"id",
|
|
105
105
|
"type",
|
|
106
106
|
"name",
|
|
@@ -112,7 +112,7 @@ const C = /* @__PURE__ */ new Set([
|
|
|
112
112
|
"slot",
|
|
113
113
|
"visible",
|
|
114
114
|
"can"
|
|
115
|
-
]),
|
|
115
|
+
]), Re = /* @__PURE__ */ new Set(["add", "remove", "replace", "move", "set"]);
|
|
116
116
|
function m(e) {
|
|
117
117
|
return typeof e == "object" && e !== null && !Array.isArray(e);
|
|
118
118
|
}
|
|
@@ -137,27 +137,27 @@ function I(e, t, n) {
|
|
|
137
137
|
const i = ["is", "in", "not"].filter((o) => o in e);
|
|
138
138
|
i.length !== 1 ? n.push({ path: t, message: 'a condition needs exactly one of "is", "in", "not"' }) : i[0] === "in" && !Array.isArray(e.in) && n.push({ path: t, message: '"in" must be an array' });
|
|
139
139
|
}
|
|
140
|
-
function
|
|
140
|
+
function S(e, t, n, i) {
|
|
141
141
|
if (!m(e)) {
|
|
142
142
|
n.push({ path: t, message: "a node must be an object" });
|
|
143
143
|
return;
|
|
144
144
|
}
|
|
145
145
|
for (const o of Object.keys(e))
|
|
146
|
-
|
|
146
|
+
V.has(o) || n.push({ path: t, message: `unknown key "${o}"` });
|
|
147
147
|
typeof e.id != "string" || e.id === "" ? n.push({ path: t, message: '"id" is required and must be a non-empty string' }) : i.has(e.id) ? n.push({ path: t, message: `duplicate id "${e.id}"` }) : i.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
148
|
for (const o of ["name", "label", "help"])
|
|
149
149
|
o in e && typeof e[o] != "string" && n.push({ path: t, message: `"${o}" must be a string` });
|
|
150
150
|
"localized" in e && typeof e.localized != "boolean" && n.push({ path: t, message: '"localized" must be a boolean' }), "props" in e && !m(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" && I(e.visible, `${t}.visible`, n), "children" in e && (Array.isArray(e.children) ? e.children.forEach(
|
|
151
|
-
(o, r) =>
|
|
151
|
+
(o, r) => S(o, `${t}.children[${r}]`, n, i)
|
|
152
152
|
) : n.push({ path: t, message: '"children" must be an array' }));
|
|
153
153
|
}
|
|
154
|
-
function
|
|
154
|
+
function Ue(e) {
|
|
155
155
|
const t = [];
|
|
156
156
|
if (!Array.isArray(e)) return [{ path: "root", message: "root must be an array of nodes" }];
|
|
157
157
|
const n = /* @__PURE__ */ new Set();
|
|
158
|
-
return e.forEach((i, o) =>
|
|
158
|
+
return e.forEach((i, o) => S(i, `root[${o}]`, t, n)), t;
|
|
159
159
|
}
|
|
160
|
-
function
|
|
160
|
+
function He(e) {
|
|
161
161
|
const t = [];
|
|
162
162
|
return Array.isArray(e) ? (e.forEach((n, i) => {
|
|
163
163
|
const o = `patch[${i}]`;
|
|
@@ -165,40 +165,40 @@ function Pe(e) {
|
|
|
165
165
|
t.push({ path: o, message: "an operation must be an object" });
|
|
166
166
|
return;
|
|
167
167
|
}
|
|
168
|
-
if (typeof n.op != "string" || !
|
|
168
|
+
if (typeof n.op != "string" || !Re.has(n.op)) {
|
|
169
169
|
t.push({ path: o, message: '"op" must be one of add, remove, replace, move, set' });
|
|
170
170
|
return;
|
|
171
171
|
}
|
|
172
|
-
if ((typeof n.target != "string" || n.target === "") && t.push({ path: o, message: '"target" is required: the id of a node' }), (n.op === "add" || n.op === "replace") && !m(n.node) ? t.push({ path: o, message: `"${n.op}" needs a "node"` }) : (n.op === "add" || n.op === "replace") &&
|
|
172
|
+
if ((typeof n.target != "string" || n.target === "") && t.push({ path: o, message: '"target" is required: the id of a node' }), (n.op === "add" || n.op === "replace") && !m(n.node) ? t.push({ path: o, message: `"${n.op}" needs a "node"` }) : (n.op === "add" || n.op === "replace") && S(n.node, `${o}.node`, t, /* @__PURE__ */ new Set()), "position" in n && !Ne(n.position) && t.push({ path: o, message: '"position" must be first, last, before:<id> or after:<id>' }), n.op === "move" && "to" in n && typeof n.to != "string" && t.push({ path: o, message: '"to" must be the id of the new parent' }), n.op === "set")
|
|
173
173
|
for (const r of Object.keys(n))
|
|
174
|
-
r !== "op" && r !== "target" && (!
|
|
174
|
+
r !== "op" && r !== "target" && (!V.has(r) || r === "id") && t.push({ path: o, message: `"set" cannot change "${r}"` });
|
|
175
175
|
}), t) : [{ path: "patch", message: "a patch must be an array" }];
|
|
176
176
|
}
|
|
177
|
-
function
|
|
177
|
+
function Ne(e) {
|
|
178
178
|
return typeof e == "string" && (e === "first" || e === "last" || e.startsWith("before:") || e.startsWith("after:"));
|
|
179
179
|
}
|
|
180
|
-
const
|
|
181
|
-
function w(e, t) {
|
|
182
|
-
return typeof e == "string" && e.startsWith(R) ? t(e.slice(R.length)) : e;
|
|
183
|
-
}
|
|
180
|
+
const T = "trans::", Ce = (e) => e;
|
|
184
181
|
function W(e, t) {
|
|
185
|
-
|
|
186
|
-
|
|
182
|
+
return typeof e == "string" && e.startsWith(T) ? t(e.slice(T.length)) : e;
|
|
183
|
+
}
|
|
184
|
+
function $(e, t) {
|
|
185
|
+
if (typeof e == "string") return W(e, t);
|
|
186
|
+
if (Array.isArray(e)) return e.map((n) => $(n, t));
|
|
187
187
|
if (e && typeof e == "object") {
|
|
188
188
|
const n = {};
|
|
189
|
-
for (const [i, o] of Object.entries(e)) n[i] =
|
|
189
|
+
for (const [i, o] of Object.entries(e)) n[i] = $(o, t);
|
|
190
190
|
return n;
|
|
191
191
|
}
|
|
192
192
|
return e;
|
|
193
193
|
}
|
|
194
|
-
function
|
|
195
|
-
return
|
|
194
|
+
function Ee(e) {
|
|
195
|
+
return f(
|
|
196
196
|
"div",
|
|
197
197
|
{ key: e.id, class: "wx-screen__unknown", role: "note" },
|
|
198
198
|
`Unknown type: ${e.type}`
|
|
199
199
|
);
|
|
200
200
|
}
|
|
201
|
-
function
|
|
201
|
+
function Oe(e, t, n) {
|
|
202
202
|
const i = /* @__PURE__ */ new Map();
|
|
203
203
|
for (const r of e.children ?? []) {
|
|
204
204
|
const s = r.slot ?? t, a = i.get(s) ?? [];
|
|
@@ -209,44 +209,44 @@ function he(e, t, n) {
|
|
|
209
209
|
o[r] = () => M(s, n);
|
|
210
210
|
return o;
|
|
211
211
|
}
|
|
212
|
-
function
|
|
213
|
-
if (e.can && !t.can(e.can) || !
|
|
212
|
+
function ze(e, t) {
|
|
213
|
+
if (e.can && !t.can(e.can) || !Te(e, t.model)) return null;
|
|
214
214
|
const n = t.types[e.type];
|
|
215
|
-
if (!n) return
|
|
215
|
+
if (!n) return Ee(e);
|
|
216
216
|
const { translate: i } = t, o = {
|
|
217
217
|
key: e.id,
|
|
218
|
-
|
|
218
|
+
...$(e.props ?? {}, i),
|
|
219
219
|
...n.bind?.(e)
|
|
220
|
-
}, r =
|
|
220
|
+
}, r = W(e.label, i);
|
|
221
221
|
if (n.kind === "field") {
|
|
222
|
-
const s = e.name, a =
|
|
222
|
+
const s = e.name, a = f(n.component, {
|
|
223
223
|
...o,
|
|
224
224
|
/* A nested field draws the children itself, so it needs the node and the way down. */
|
|
225
225
|
...n.nested ? { node: e, context: t } : {},
|
|
226
226
|
name: s,
|
|
227
227
|
localized: e.localized || void 0,
|
|
228
228
|
modelValue: s === void 0 ? void 0 : t.model[s],
|
|
229
|
-
"onUpdate:modelValue": (
|
|
230
|
-
s !== void 0 && t.update(s,
|
|
229
|
+
"onUpdate:modelValue": (l) => {
|
|
230
|
+
s !== void 0 && t.update(s, l);
|
|
231
231
|
}
|
|
232
232
|
});
|
|
233
|
-
return
|
|
234
|
-
|
|
235
|
-
{ key: e.id, name: s, label: r, help:
|
|
233
|
+
return f(
|
|
234
|
+
F,
|
|
235
|
+
{ key: e.id, name: s, label: r, help: W(e.help, i), wide: n.wide },
|
|
236
236
|
() => a
|
|
237
237
|
);
|
|
238
238
|
}
|
|
239
|
-
return n.kind === "layout" ? (n.labelProp && r !== void 0 && (o[n.labelProp] = r),
|
|
239
|
+
return n.kind === "layout" ? (n.labelProp && r !== void 0 && (o[n.labelProp] = r), f(n.component, o, Oe(e, n.childrenSlot ?? "default", t))) : n.labelProp ? (r !== void 0 && (o[n.labelProp] = r), f(n.component, o)) : f(n.component, o, r === void 0 ? void 0 : () => r);
|
|
240
240
|
}
|
|
241
241
|
function M(e, t) {
|
|
242
242
|
const n = [];
|
|
243
243
|
for (const i of e) {
|
|
244
|
-
const o =
|
|
244
|
+
const o = ze(i, t);
|
|
245
245
|
o && n.push(o);
|
|
246
246
|
}
|
|
247
247
|
return n;
|
|
248
248
|
}
|
|
249
|
-
const
|
|
249
|
+
const v = A({
|
|
250
250
|
name: "WxScreenNodes",
|
|
251
251
|
props: {
|
|
252
252
|
nodes: { type: Array, required: !0 },
|
|
@@ -255,11 +255,11 @@ const q = $({
|
|
|
255
255
|
setup(e) {
|
|
256
256
|
return () => M(e.nodes, e.context);
|
|
257
257
|
}
|
|
258
|
-
}),
|
|
258
|
+
}), Ve = /* @__PURE__ */ A({
|
|
259
259
|
name: "WxScreenRepeater",
|
|
260
260
|
inheritAttrs: !1,
|
|
261
261
|
__name: "ScreenRepeater",
|
|
262
|
-
props: /* @__PURE__ */
|
|
262
|
+
props: /* @__PURE__ */ k({
|
|
263
263
|
node: {},
|
|
264
264
|
context: {},
|
|
265
265
|
name: {},
|
|
@@ -270,70 +270,117 @@ const q = $({
|
|
|
270
270
|
}),
|
|
271
271
|
emits: ["update:modelValue"],
|
|
272
272
|
setup(e) {
|
|
273
|
-
const t =
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
"
|
|
273
|
+
const t = e, n = R(e, "modelValue"), i = u(() => Array.isArray(n.value) ? n.value : []), o = we();
|
|
274
|
+
function r(a) {
|
|
275
|
+
const l = t.context.translate(`webx-admin::screens.repeater.${a}`);
|
|
276
|
+
return l.includes("::") ? void 0 : l;
|
|
277
|
+
}
|
|
278
|
+
const s = u(() => {
|
|
279
|
+
const a = { collapsed: !0 };
|
|
280
|
+
for (const [l, d] of [
|
|
281
|
+
["addLabel", "add"],
|
|
282
|
+
["removeLabel", "remove"],
|
|
283
|
+
["dragLabel", "reorder"],
|
|
284
|
+
["emptyText", "empty"]
|
|
285
|
+
]) {
|
|
286
|
+
const c = r(d);
|
|
287
|
+
c !== void 0 && (a[l] = c);
|
|
288
|
+
}
|
|
289
|
+
return { ...a, ...o };
|
|
290
|
+
});
|
|
291
|
+
return (a, l) => (N(), C(x(q), We(s.value, {
|
|
292
|
+
"model-value": i.value,
|
|
293
|
+
"onUpdate:modelValue": l[0] || (l[0] = (d) => n.value = d)
|
|
277
294
|
}), {
|
|
278
|
-
default: E(({ item:
|
|
279
|
-
|
|
295
|
+
default: E(({ item: d, update: c }) => [
|
|
296
|
+
O(x(v), {
|
|
280
297
|
nodes: e.node.children ?? [],
|
|
281
298
|
context: {
|
|
282
299
|
...e.context,
|
|
283
|
-
model:
|
|
284
|
-
update: (
|
|
300
|
+
model: d,
|
|
301
|
+
update: (y, D) => c({ [y]: D })
|
|
285
302
|
}
|
|
286
303
|
}, null, 8, ["nodes", "context"])
|
|
287
304
|
]),
|
|
288
305
|
_: 1
|
|
289
306
|
}, 16, ["model-value"]));
|
|
290
307
|
}
|
|
291
|
-
}),
|
|
292
|
-
"wx-tabs": { component:
|
|
308
|
+
}), Ie = {
|
|
309
|
+
"wx-tabs": { component: ge, kind: "layout" },
|
|
293
310
|
"wx-tab": {
|
|
294
|
-
component:
|
|
311
|
+
component: he,
|
|
295
312
|
kind: "layout",
|
|
296
313
|
labelProp: "label",
|
|
297
314
|
// A tab is selected by value, and the node's id is the one stable thing it has.
|
|
298
315
|
bind: (e) => ({ value: e.id })
|
|
299
316
|
},
|
|
300
|
-
"wx-card": { component:
|
|
301
|
-
"wx-row": { component:
|
|
302
|
-
"wx-col": {
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
"wx-
|
|
310
|
-
"wx-
|
|
311
|
-
"wx-
|
|
312
|
-
"wx-
|
|
313
|
-
"wx-
|
|
317
|
+
"wx-card": { component: be, kind: "layout", labelProp: "title" },
|
|
318
|
+
"wx-row": { component: xe, kind: "layout" },
|
|
319
|
+
"wx-col": {
|
|
320
|
+
component: ye,
|
|
321
|
+
kind: "layout",
|
|
322
|
+
// Marked so the renderer can stack what a column holds (see `ScreenRenderer.vue`),
|
|
323
|
+
// without touching a `WxCol` that some field happens to use inside itself.
|
|
324
|
+
bind: (e) => ({ class: ["wx-screen__col", e.props?.class] })
|
|
325
|
+
},
|
|
326
|
+
"wx-divider": { component: me, kind: "layout", labelProp: "label" },
|
|
327
|
+
"wx-input": { component: pe, kind: "field" },
|
|
328
|
+
"wx-textarea": { component: ue, kind: "field" },
|
|
329
|
+
"wx-input-number": { component: fe, kind: "field" },
|
|
330
|
+
"wx-select": { component: le, kind: "field" },
|
|
331
|
+
"wx-switch": { component: ce, kind: "field" },
|
|
332
|
+
"wx-checkbox": { component: de, kind: "field" },
|
|
333
|
+
"wx-radio-group": { component: ae, kind: "field" },
|
|
334
|
+
"wx-date-picker": { component: se, kind: "field" },
|
|
335
|
+
"wx-color-picker": { component: re, kind: "field" },
|
|
336
|
+
"wx-checkbox-group": { component: ie, kind: "field" },
|
|
337
|
+
"wx-segmented": { component: oe, kind: "field" },
|
|
338
|
+
"wx-slider": { component: te, kind: "field" },
|
|
339
|
+
"wx-rate": { component: ne, kind: "field" },
|
|
340
|
+
"wx-time-picker": { component: ee, kind: "field" },
|
|
341
|
+
"wx-date-time-picker": {
|
|
342
|
+
component: Z,
|
|
343
|
+
kind: "field",
|
|
344
|
+
// A moment, not a wall clock. Without the offset the server reads the hour in its own
|
|
345
|
+
// timezone and the browser in the reader's, and one value shows two different times. Bound
|
|
346
|
+
// over `props` on purpose: the server parses exactly this shape.
|
|
347
|
+
bind: () => ({ valueFormat: "yyyy-MM-dd'T'HH:mm:ssXXX" })
|
|
348
|
+
},
|
|
349
|
+
"wx-date-range-picker": { component: Q, kind: "field" },
|
|
350
|
+
"wx-tags-input": { component: Y, kind: "field" },
|
|
351
|
+
"wx-autocomplete": { component: _, kind: "field" },
|
|
352
|
+
"wx-icon-picker": { component: J, kind: "field" },
|
|
353
|
+
"wx-cascader": { component: G, kind: "field" },
|
|
354
|
+
"wx-tree-select": { component: X, kind: "field" },
|
|
355
|
+
// Wide: two lists with the buttons between them do not fit in half a form.
|
|
356
|
+
"wx-transfer": { component: L, kind: "field", wide: !0 },
|
|
357
|
+
// Wide for the reason an editor is: code is read in long lines.
|
|
358
|
+
"wx-code-editor": { component: K, kind: "field", wide: !0 },
|
|
359
|
+
"wx-repeater": { component: Ve, kind: "field", nested: !0, wide: !0 },
|
|
360
|
+
"wx-heading": { component: H, kind: "display" },
|
|
314
361
|
"wx-text": { component: U, kind: "display" },
|
|
315
362
|
"wx-alert": { component: B, kind: "display", labelProp: "title" }
|
|
316
363
|
};
|
|
317
|
-
function
|
|
364
|
+
function Ke(e) {
|
|
318
365
|
return e;
|
|
319
366
|
}
|
|
320
|
-
function
|
|
367
|
+
function Me(e) {
|
|
321
368
|
const t = e.component;
|
|
322
369
|
return t.name ?? t.__name ?? "anonymous";
|
|
323
370
|
}
|
|
324
|
-
function
|
|
371
|
+
function ve(e) {
|
|
325
372
|
return e.kind === "field" ? "form item" : e.labelProp ? `prop \`${e.labelProp}\`` : e.kind === "display" ? "default slot" : "—";
|
|
326
373
|
}
|
|
327
|
-
function
|
|
374
|
+
function De(e) {
|
|
328
375
|
return Object.entries(e).map(([t, n]) => ({
|
|
329
376
|
type: t,
|
|
330
377
|
kind: n.kind,
|
|
331
|
-
component:
|
|
332
|
-
label:
|
|
378
|
+
component: Me(n),
|
|
379
|
+
label: ve(n)
|
|
333
380
|
}));
|
|
334
381
|
}
|
|
335
|
-
function
|
|
336
|
-
const t =
|
|
382
|
+
function Le(e) {
|
|
383
|
+
const t = De(e).map((r) => [
|
|
337
384
|
`\`${r.type}\``,
|
|
338
385
|
r.kind,
|
|
339
386
|
`\`${r.component}\``,
|
|
@@ -346,10 +393,10 @@ function Ne(e) {
|
|
|
346
393
|
`
|
|
347
394
|
);
|
|
348
395
|
}
|
|
349
|
-
const
|
|
396
|
+
const Xe = /* @__PURE__ */ A({
|
|
350
397
|
name: "WxScreenRenderer",
|
|
351
398
|
__name: "ScreenRenderer",
|
|
352
|
-
props: /* @__PURE__ */
|
|
399
|
+
props: /* @__PURE__ */ k({
|
|
353
400
|
root: {},
|
|
354
401
|
patch: { default: () => [] },
|
|
355
402
|
errors: { default: void 0 },
|
|
@@ -364,36 +411,36 @@ const Oe = /* @__PURE__ */ $({
|
|
|
364
411
|
modelValue: { default: () => ({}) },
|
|
365
412
|
modelModifiers: {}
|
|
366
413
|
}),
|
|
367
|
-
emits: /* @__PURE__ */
|
|
414
|
+
emits: /* @__PURE__ */ k(["patchError"], ["update:modelValue"]),
|
|
368
415
|
setup(e, { expose: t, emit: n }) {
|
|
369
|
-
const i = e, o = n, r =
|
|
370
|
-
|
|
416
|
+
const i = e, o = n, r = R(e, "modelValue"), s = u(() => Pe(i.root, i.patch));
|
|
417
|
+
$e(
|
|
371
418
|
() => s.value.errors,
|
|
372
|
-
(
|
|
373
|
-
for (const c of
|
|
419
|
+
(d) => {
|
|
420
|
+
for (const c of d)
|
|
374
421
|
console.error(`[webx-ui/schema] patch[${c.index}] ${c.op.op}: ${c.message}`);
|
|
375
|
-
o("patchError",
|
|
422
|
+
o("patchError", d);
|
|
376
423
|
},
|
|
377
424
|
{ immediate: !0 }
|
|
378
425
|
);
|
|
379
|
-
const a =
|
|
380
|
-
const
|
|
381
|
-
for (const [c,
|
|
382
|
-
|
|
383
|
-
return
|
|
384
|
-
}),
|
|
426
|
+
const a = u(() => {
|
|
427
|
+
const d = {};
|
|
428
|
+
for (const [c, y] of Object.entries({ ...Ie, ...i.types }))
|
|
429
|
+
d[c] = { ...y, component: Ae(Se(y.component)) };
|
|
430
|
+
return d;
|
|
431
|
+
}), l = u(() => ({
|
|
385
432
|
types: a.value,
|
|
386
433
|
model: r.value,
|
|
387
|
-
update: (
|
|
388
|
-
r.value = { ...r.value, [
|
|
434
|
+
update: (d, c) => {
|
|
435
|
+
r.value = { ...r.value, [d]: c };
|
|
389
436
|
},
|
|
390
|
-
translate: i.translate ??
|
|
437
|
+
translate: i.translate ?? Ce,
|
|
391
438
|
can: i.can ?? (() => !0)
|
|
392
439
|
}));
|
|
393
440
|
return t({
|
|
394
441
|
/** The tree after the patch — what is actually on screen. */
|
|
395
|
-
tree:
|
|
396
|
-
}), (
|
|
442
|
+
tree: u(() => s.value.root)
|
|
443
|
+
}), (d, c) => (N(), C(x(ke), {
|
|
397
444
|
class: "wx-screen",
|
|
398
445
|
errors: e.errors,
|
|
399
446
|
disabled: e.disabled,
|
|
@@ -402,9 +449,9 @@ const Oe = /* @__PURE__ */ $({
|
|
|
402
449
|
size: e.size
|
|
403
450
|
}, {
|
|
404
451
|
default: E(() => [
|
|
405
|
-
|
|
452
|
+
O(x(v), {
|
|
406
453
|
nodes: s.value.root,
|
|
407
|
-
context:
|
|
454
|
+
context: l.value
|
|
408
455
|
}, null, 8, ["nodes", "context"])
|
|
409
456
|
]),
|
|
410
457
|
_: 1
|
|
@@ -412,21 +459,21 @@ const Oe = /* @__PURE__ */ $({
|
|
|
412
459
|
}
|
|
413
460
|
});
|
|
414
461
|
export {
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
462
|
+
T as TRANS_MARKER,
|
|
463
|
+
v as WxScreenNodes,
|
|
464
|
+
Xe as WxScreenRenderer,
|
|
465
|
+
Pe as applyPatch,
|
|
466
|
+
h as collectIds,
|
|
467
|
+
Ie as coreTypes,
|
|
468
|
+
Ke as defineTypes,
|
|
469
|
+
De as describeTypes,
|
|
470
|
+
w as evaluateCondition,
|
|
471
|
+
Be as findNode,
|
|
472
|
+
Te as isVisible,
|
|
473
|
+
$ as translateDeep,
|
|
474
|
+
Le as typesTable,
|
|
475
|
+
He as validatePatch,
|
|
476
|
+
Ue as validateScreen,
|
|
477
|
+
W as words
|
|
431
478
|
};
|
|
432
479
|
//# 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/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 PropType, type VNode } from 'vue'\nimport { WxFormItem } from '@webx-ui/core'\nimport { isVisible } from './visible'\nimport type { ScreenModel, ScreenNode, Translate, TypeRegistry } 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/** 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 (node.can && !context.can(node.can)) return null\n if (!isVisible(node, context.model)) return null\n\n const entry = context.types[node.type]\n if (!entry) return renderUnknown(node)\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 } from 'vue'\nimport { WxRepeater } from '@webx-ui/core'\nimport { 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 */\ndefineProps<{\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</script>\n\n<template>\n <wx-repeater v-bind=\"$attrs\" :model-value=\"items\" @update:model-value=\"model = $event\">\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","import {\n WxAlert,\n WxCard,\n WxCheckbox,\n WxCol,\n WxColorPicker,\n WxDatePicker,\n WxDivider,\n WxInput,\n WxInputNumber,\n WxRadioGroup,\n WxRow,\n WxSelect,\n WxSwitch,\n WxTab,\n WxTabs,\n WxText,\n WxTextarea,\n} from '@webx-ui/core'\nimport ScreenRepeater from './ScreenRepeater.vue'\nimport type { NodeKind, TypeEntry, TypeRegistry } from './types'\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': { component: WxTabs, kind: 'layout' },\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': { component: WxRow, kind: 'layout' },\n 'wx-col': { component: WxCol, kind: 'layout' },\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-repeater': { component: ScreenRepeater, kind: 'field', nested: true, wide: true },\n\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, toRaw, watch } from 'vue'\nimport { WxForm } from '@webx-ui/core'\nimport { applyPatch } from './patch'\nimport { coreTypes } from './registry'\nimport { keyAsIs, 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\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=\"errors\"\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/* 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","keyAsIs","words","translate","translateDeep","renderUnknown","h","childSlots","defaultSlot","context","groups","name","slots","children","renderNodes","renderNode","entry","props","label","control","WxFormItem","rendered","WxScreenNodes","defineComponent","_useModel","__props","items","computed","_createBlock","_unref","WxRepeater","_mergeProps","_ctx","_cache","$event","_withCtx","update","_createVNode","coreTypes","WxTabs","WxTab","WxCard","WxRow","WxCol","WxDivider","WxInput","WxTextarea","WxInputNumber","WxSelect","WxSwitch","WxCheckbox","WxRadioGroup","WxDatePicker","WxColorPicker","ScreenRepeater","WxText","WxAlert","defineTypes","types","componentName","component","labelDestination","describeTypes","type","typesTable","rows","row","header","widths","cell","column","line","cells","width","emit","__emit","applied","watch","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;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;AC/JO,MAAMwC,IAAe,WAYfC,KAAqB,CAACvC,MAAQA;AAGpC,SAASwC,EAAS1C,GAAU2C,GAAyB;AAC1D,SAAI,OAAO3C,KAAU,YAAYA,EAAM,WAAWwC,CAAY,IACrDG,EAAU3C,EAAM,MAAMwC,EAAa,MAAM,CAAC,IAE5CxC;AACT;AAGO,SAAS4C,EAAiB5C,GAAU2C,GAAyB;AAClE,MAAI,OAAO3C,KAAU,SAAU,QAAO0C,EAAM1C,GAAO2C,CAAS;AAC5D,MAAI,MAAM,QAAQ3C,CAAK,EAAG,QAAOA,EAAM,IAAI,CAACG,MAASyC,EAAczC,GAAMwC,CAAS,CAAC;AACnF,MAAI3C,KAAS,OAAOA,KAAU,UAAU;AACtC,UAAMC,IAA+B,CAAA;AACrC,eAAW,CAACC,GAAKC,CAAI,KAAK,OAAO,QAAQH,CAAK,EAAG,CAAAC,EAAIC,CAAG,IAAI0C,EAAczC,GAAMwC,CAAS;AACzF,WAAO1C;AAAA,EACT;AACA,SAAOD;AACT;AAEA,SAAS6C,GAAc3D,GAAyB;AAC9C,SAAO4D;AAAA,IACL;AAAA,IACA,EAAE,KAAK5D,EAAK,IAAI,OAAO,sBAAsB,MAAM,OAAA;AAAA,IACnD,iBAAiBA,EAAK,IAAI;AAAA,EAAA;AAE9B;AAGA,SAAS6D,GACP7D,GACA8D,GACAC,GAC+B;AAC/B,QAAMC,wBAAa,IAAA;AACnB,aAAWjC,KAAS/B,EAAK,YAAY,CAAA,GAAI;AACvC,UAAMiE,IAAOlC,EAAM,QAAQ+B,GACrBtD,IAAOwD,EAAO,IAAIC,CAAI,KAAK,CAAA;AACjC,IAAAzD,EAAK,KAAKuB,CAAK,GACfiC,EAAO,IAAIC,GAAMzD,CAAI;AAAA,EACvB;AACA,QAAM0D,IAAuC,CAAA;AAC7C,aAAW,CAACD,GAAME,CAAQ,KAAKH;AAC7B,IAAAE,EAAMD,CAAI,IAAI,MAAMG,EAAYD,GAAUJ,CAAO;AAEnD,SAAOG;AACT;AAEO,SAASG,GAAWrE,GAAkB+D,GAAsC;AAEjF,MADI/D,EAAK,OAAO,CAAC+D,EAAQ,IAAI/D,EAAK,GAAG,KACjC,CAACyC,GAAUzC,GAAM+D,EAAQ,KAAK,EAAG,QAAO;AAE5C,QAAMO,IAAQP,EAAQ,MAAM/D,EAAK,IAAI;AACrC,MAAI,CAACsE,EAAO,QAAOX,GAAc3D,CAAI;AAErC,QAAM,EAAE,WAAAyD,MAAcM,GAChBQ,IAAiC;AAAA,IACrC,KAAKvE,EAAK;AAAA,IACV,GAAG0D,EAAc1D,EAAK,SAAS,CAAA,GAAIyD,CAAS;AAAA,IAC5C,GAAGa,EAAM,OAAOtE,CAAI;AAAA,EAAA,GAEhBwE,IAAQhB,EAAMxD,EAAK,OAAOyD,CAAS;AAEzC,MAAIa,EAAM,SAAS,SAAS;AAC1B,UAAML,IAAOjE,EAAK,MACZyE,IAAUb,EAAEU,EAAM,WAAW;AAAA,MACjC,GAAGC;AAAA;AAAA,MAEH,GAAID,EAAM,SAAS,EAAE,MAAAtE,GAAM,SAAA+D,EAAA,IAAY,CAAA;AAAA,MACvC,MAAAE;AAAA,MACA,WAAWjE,EAAK,aAAa;AAAA,MAC7B,YAAYiE,MAAS,SAAY,SAAYF,EAAQ,MAAME,CAAI;AAAA,MAC/D,uBAAuB,CAACnD,MAAmB;AACzC,QAAImD,MAAS,UAAWF,EAAQ,OAAOE,GAAMnD,CAAK;AAAA,MACpD;AAAA,IAAA,CACD;AACD,WAAO8C;AAAA,MACLc;AAAA,MACA,EAAE,KAAK1E,EAAK,IAAI,MAAAiE,GAAM,OAAAO,GAAO,MAAMhB,EAAMxD,EAAK,MAAMyD,CAAS,GAAG,MAAMa,EAAM,KAAA;AAAA,MAC5E,MAAMG;AAAA,IAAA;AAAA,EAEV;AAEA,SAAIH,EAAM,SAAS,YACbA,EAAM,aAAaE,MAAU,WAAWD,EAAMD,EAAM,SAAS,IAAIE,IAC9DZ,EAAEU,EAAM,WAAWC,GAAOV,GAAW7D,GAAMsE,EAAM,gBAAgB,WAAWP,CAAO,CAAC,KAIzFO,EAAM,aACJE,MAAU,WAAWD,EAAMD,EAAM,SAAS,IAAIE,IAC3CZ,EAAEU,EAAM,WAAWC,CAAK,KAE1BX,EAAEU,EAAM,WAAWC,GAAOC,MAAU,SAAY,SAAY,MAAMA,CAAK;AAChF;AAEO,SAASJ,EAAY9D,GAAqByD,GAAiC;AAChF,QAAMhD,IAAe,CAAA;AACrB,aAAWf,KAAQM,GAAO;AACxB,UAAMqE,IAAWN,GAAWrE,GAAM+D,CAAO;AACzC,IAAIY,KAAU5D,EAAI,KAAK4D,CAAQ;AAAA,EACjC;AACA,SAAO5D;AACT;AAGO,MAAM6D,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,MAAMN,GAAO;AACX,WAAO,MAAMH,EAAYG,EAAM,OAAOA,EAAM,OAAO;AAAA,EACrD;AACF,CAAC;;;;;;;;;;;;;;;AC3GD,UAAM/B,IAAQsC,EAA0BC,GAAA,YAAsB,GAExDC,IAAQC,EAAwB,MAAO,MAAM,QAAQzC,EAAM,KAAK,IAAIA,EAAM,QAAQ,EAAG;2BAIzF0C,EAWcC,EAAAC,CAAA,GAXdC,GAWcC,EAAA,QAXa;AAAA,MAAG,eAAaN,EAAA;AAAA,MAAQ,uBAAkBO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEhD,EAAA,QAAQgD;AAAA,IAAA;MAClE,SAAOC,EAChB,CAOE,EARkB,MAAAxE,GAAM,QAAAyE,QAAM;AAAA,QAChCC,EAOER,EAAAP,CAAA,GAAA;AAAA,UANC,OAAOG,EAAA,KAAK,YAAQ,CAAA;AAAA,UACpB,SAAO;AAAA,eAAiBA,EAAA;AAAA,mBAA0B9D;AAAA,YAAyB,QAAA,CAAAD,GAAaF,MAAmB4E,EAAM,EAAA,CAAI1E,CAAG,GAAGF,EAAA,CAAK;AAAA,UAAA;AAAA;;;;;ICV5H8E,KAA0B;AAAA,EACrC,WAAW,EAAE,WAAWC,IAAQ,MAAM,SAAA;AAAA,EACtC,UAAU;AAAA,IACR,WAAWC;AAAA,IACX,MAAM;AAAA,IACN,WAAW;AAAA;AAAA,IAEX,MAAM,CAAC9F,OAAU,EAAE,OAAOA,EAAK,GAAA;AAAA,EAAG;AAAA,EAEpC,WAAW,EAAE,WAAW+F,IAAQ,MAAM,UAAU,WAAW,QAAA;AAAA,EAC3D,UAAU,EAAE,WAAWC,IAAO,MAAM,SAAA;AAAA,EACpC,UAAU,EAAE,WAAWC,GAAO,MAAM,SAAA;AAAA,EACpC,cAAc,EAAE,WAAWC,GAAW,MAAM,UAAU,WAAW,QAAA;AAAA,EAEjE,YAAY,EAAE,WAAWC,GAAS,MAAM,QAAA;AAAA,EACxC,eAAe,EAAE,WAAWC,GAAY,MAAM,QAAA;AAAA,EAC9C,mBAAmB,EAAE,WAAWC,GAAe,MAAM,QAAA;AAAA,EACrD,aAAa,EAAE,WAAWC,GAAU,MAAM,QAAA;AAAA,EAC1C,aAAa,EAAE,WAAWC,GAAU,MAAM,QAAA;AAAA,EAC1C,eAAe,EAAE,WAAWC,GAAY,MAAM,QAAA;AAAA,EAC9C,kBAAkB,EAAE,WAAWC,GAAc,MAAM,QAAA;AAAA,EACnD,kBAAkB,EAAE,WAAWC,GAAc,MAAM,QAAA;AAAA,EACnD,mBAAmB,EAAE,WAAWC,GAAe,MAAM,QAAA;AAAA,EACrD,eAAe,EAAE,WAAWC,IAAgB,MAAM,SAAS,QAAQ,IAAM,MAAM,GAAA;AAAA,EAE/E,WAAW,EAAE,WAAWC,GAAQ,MAAM,UAAA;AAAA,EACtC,YAAY,EAAE,WAAWC,GAAS,MAAM,WAAW,WAAW,QAAA;AAChE;AAGO,SAASC,GAAoCC,GAAa;AAC/D,SAAOA;AACT;AAUA,SAASC,GAAc3C,GAA0B;AAC/C,QAAM4C,IAAY5C,EAAM;AACxB,SAAO4C,EAAU,QAAQA,EAAU,UAAU;AAC/C;AAEA,SAASC,GAAiB7C,GAA0B;AAClD,SAAIA,EAAM,SAAS,UAAgB,cAC/BA,EAAM,YAAkB,UAAUA,EAAM,SAAS,OAC9CA,EAAM,SAAS,YAAY,iBAAiB;AACrD;AAGO,SAAS8C,GAAcJ,GAAwC;AACpE,SAAO,OAAO,QAAQA,CAAK,EAAE,IAAI,CAAC,CAACK,GAAM/C,CAAK,OAAO;AAAA,IACnD,MAAA+C;AAAA,IACA,MAAM/C,EAAM;AAAA,IACZ,WAAW2C,GAAc3C,CAAK;AAAA,IAC9B,OAAO6C,GAAiB7C,CAAK;AAAA,EAAA,EAC7B;AACJ;AAMO,SAASgD,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,GAE3DC,IAAO,CAACC,MACZ,KAAKA,EAAM,IAAI,CAACH,GAAMC,MAAWD,EAAK,OAAOD,EAAOE,CAAM,CAAE,CAAC,EAAE,KAAK,KAAK,CAAC;AAC5E,SAAO,CAACC,EAAKJ,CAAM,GAAGI,EAAKH,EAAO,IAAI,CAACK,MAAU,IAAI,OAAOA,CAAK,CAAC,CAAC,GAAG,GAAGR,EAAK,IAAIM,CAAI,CAAC,EAAE;AAAA,IACvF;AAAA;AAAA,EAAA;AAEJ;;;;;;;;;;;;;;;;;;;;;AC5FA,UAAMtD,IAAQQ,GAgCRiD,IAAOC,GAKPzF,IAAQsC,EAAwBC,GAAA,YAAwB,GAExDmD,IAAUjD,EAAS,MAAM/D,GAAWqD,EAAM,MAAMA,EAAM,KAAK,CAAC;AAElE,IAAA4D;AAAA,MACE,MAAMD,EAAQ,MAAM;AAAA,MACpB,CAAC7G,MAAW;AACV,mBAAW+G,KAAS/G;AAClB,kBAAQ,MAAM,0BAA0B+G,EAAM,KAAK,KAAKA,EAAM,GAAG,EAAE,KAAKA,EAAM,OAAO,EAAE;AAEzF,QAAAJ,EAAK,cAAc3G,CAAM;AAAA,MAC3B;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAOpB,UAAMgH,IAAWpD,EAAuB,MAAM;AAC5C,YAAMqD,IAAuB,CAAA;AAC7B,iBAAW,CAACjB,GAAM/C,CAAK,KAAK,OAAO,QAAQ,EAAE,GAAGsB,IAAW,GAAGrB,EAAM,MAAA,CAAO;AACzE,QAAA+D,EAAOjB,CAAI,IAAI,EAAE,GAAG/C,GAAO,WAAWiE,GAAQC,GAAMlE,EAAM,SAAS,CAAC,EAAA;AAEtE,aAAOgE;AAAA,IACT,CAAC,GAEKvE,IAAUkB,EAAwB,OAAO;AAAA,MAC7C,OAAOoD,EAAS;AAAA,MAChB,OAAO7F,EAAM;AAAA,MACb,QAAQ,CAACyB,GAAMnD,MAAU;AACvB,QAAA0B,EAAM,QAAQ,EAAE,GAAGA,EAAM,OAAO,CAACyB,CAAI,GAAGnD,EAAA;AAAA,MAC1C;AAAA,MACA,WAAWyD,EAAM,aAAahB;AAAA,MAC9B,KAAKgB,EAAM,QAAQ,MAAM;AAAA,IAAA,EACzB;AAEF,WAAAkE,EAAa;AAAA;AAAA,MAEX,MAAMxD,EAAS,MAAMiD,EAAQ,MAAM,IAAI;AAAA,IAAA,CACxC,mBAIChD,EASUC,EAAAuD,EAAA,GAAA;AAAA,MARR,OAAM;AAAA,MACL,QAAQ3D,EAAA;AAAA,MACR,UAAUA,EAAA;AAAA,MACV,kBAAgBA,EAAA;AAAA,MAChB,eAAaA,EAAA;AAAA,MACb,MAAMA,EAAA;AAAA,IAAA;iBAEP,MAA4D;AAAA,QAA5DY,EAA4DR,EAAAP,CAAA,GAAA;AAAA,UAA1C,OAAOsD,EAAA,MAAQ;AAAA,UAAO,SAASnE,EAAA;AAAA,QAAA;;;;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/patch.ts","../src/visible.ts","../src/validate.ts","../src/render.ts","../src/ScreenRepeater.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 PropType, type VNode } from 'vue'\nimport { WxFormItem } from '@webx-ui/core'\nimport { isVisible } from './visible'\nimport type { ScreenModel, ScreenNode, Translate, TypeRegistry } 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/** 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 (node.can && !context.can(node.can)) return null\n if (!isVisible(node, context.model)) return null\n\n const entry = context.types[node.type]\n if (!entry) return renderUnknown(node)\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, useAttrs } from 'vue'\nimport { WxRepeater } from '@webx-ui/core'\nimport { 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/**\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 v-bind=\"bound\" :model-value=\"items\" @update:model-value=\"model = $event\">\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","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 WxTabs,\n WxTagsInput,\n WxText,\n WxTextarea,\n WxTimePicker,\n WxTransfer,\n WxTreeSelect,\n} from '@webx-ui/core'\nimport ScreenRepeater from './ScreenRepeater.vue'\nimport type { NodeKind, TypeEntry, TypeRegistry } from './types'\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': { component: WxTabs, kind: 'layout' },\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': { component: WxRow, kind: 'layout' },\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, toRaw, watch } from 'vue'\nimport { WxForm } from '@webx-ui/core'\nimport { applyPatch } from './patch'\nimport { coreTypes } from './registry'\nimport { keyAsIs, 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\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=\"errors\"\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/* 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","keyAsIs","words","translate","translateDeep","renderUnknown","h","childSlots","defaultSlot","context","groups","name","slots","children","renderNodes","renderNode","entry","props","label","control","WxFormItem","rendered","WxScreenNodes","defineComponent","__props","_useModel","items","computed","attrs","useAttrs","word","line","bound","defaults","prop","_createBlock","_unref","WxRepeater","_mergeProps","_cache","$event","_withCtx","update","_createVNode","coreTypes","WxTabs","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","watch","error","registry","merged","markRaw","toRaw","__expose","WxForm"],"mappings":"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"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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)}
|
|
1
|
+
.wx-screen__col{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16))}.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webx-ui/schema",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.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.32.1"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@types/node": "^24.10.1",
|