@webx-ui/schema 0.7.3 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -3,5 +3,5 @@ export { applyPatch, collectIds, findNode } from './patch';
3
3
  export { evaluateCondition, isVisible } from './visible';
4
4
  export { validatePatch, validateScreen } from './validate';
5
5
  export { coreTypes, defineTypes, describeTypes, typesTable, type TypeDescription } from './registry';
6
- export { screenErrorsKey, translateDeep, words, WxScreenNodes, TRANS_MARKER, type RenderContext, } from './render';
6
+ export { screenErrorsKey, translateDeep, withFieldDefaults, words, WxScreenNodes, TRANS_MARKER, type RenderContext, } from './render';
7
7
  export { default as WxScreenRenderer } from './ScreenRenderer';
package/dist/index.js CHANGED
@@ -1,80 +1,80 @@
1
- import { WxFormItem as ee, WxRepeater as ne, WxTabs as te, WxAlert as oe, WxText as re, WxHeading as ie, WxCodeEditor as se, WxTransfer as ae, WxTreeSelect as le, WxCascader as ce, WxIconPicker as de, WxAutocomplete as fe, WxTagsInput as ue, WxDateRangePicker as pe, WxDateTimePicker as me, WxTimePicker as ye, WxRate as be, WxSlider as he, WxSegmented as xe, WxCheckboxGroup as ge, WxColorPicker as ke, WxDatePicker as we, WxRadioGroup as We, WxCheckbox as ve, WxSwitch as $e, WxSelect as Se, WxInputNumber as je, WxTextarea as Ae, WxInput as Pe, WxDivider as Oe, WxCol as Te, WxRow as Ee, WxCard as Re, WxTab as Ne, WxForm as Ve } from "@webx-ui/core";
2
- import { defineComponent as v, h, useModel as q, computed as m, useAttrs as Ce, inject as U, openBlock as R, createBlock as N, unref as g, mergeProps as B, withCtx as V, createVNode as K, mergeModels as P, ref as Me, watch as H, renderSlot as ze, provide as _e, markRaw as Ie, toRaw as De } from "vue";
1
+ import { WxFormItem as ne, WxRepeater as te, WxTabs as oe, WxAlert as ie, WxText as re, WxHeading as se, WxCodeEditor as ae, WxTransfer as le, WxTreeSelect as de, WxCascader as ce, WxIconPicker as fe, WxAutocomplete as ue, WxTagsInput as pe, WxDateRangePicker as me, WxDateTimePicker as ye, WxTimePicker as be, WxRate as he, WxSlider as xe, WxSegmented as ge, WxCheckboxGroup as ke, WxColorPicker as we, WxDatePicker as ve, WxRadioGroup as We, WxCheckbox as $e, WxSwitch as Se, WxSelect as je, WxInputNumber as Ae, WxTextarea as Pe, WxInput as Oe, WxDivider as Te, WxCol as Ee, WxRow as Re, WxCard as Ne, WxTab as Ve, WxForm as Ce } from "@webx-ui/core";
2
+ import { defineComponent as $, h as x, useModel as q, computed as y, useAttrs as Me, inject as U, openBlock as R, createBlock as N, unref as g, mergeProps as B, withCtx as V, createVNode as K, mergeModels as P, ref as ze, watch as H, renderSlot as Ie, provide as De, markRaw as _e, toRaw as Fe } from "vue";
3
3
  function W(e, t) {
4
4
  for (let n = 0; n < e.length; n += 1) {
5
5
  const o = e[n];
6
6
  if (o.id === t) return { list: e, index: n, node: o };
7
7
  if (o.children) {
8
- const r = W(o.children, t);
9
- if (r) return r;
8
+ const i = W(o.children, t);
9
+ if (i) return i;
10
10
  }
11
11
  }
12
12
  return null;
13
13
  }
14
- function rn(e, t) {
14
+ function sn(e, t) {
15
15
  return W(e, t)?.node ?? null;
16
16
  }
17
17
  function j(e) {
18
18
  const t = [], n = (o) => {
19
- for (const r of o)
20
- t.push(r.id), r.children && n(r.children);
19
+ for (const i of o)
20
+ t.push(i.id), i.children && n(i.children);
21
21
  };
22
22
  return n(e), t;
23
23
  }
24
- function _(e, t) {
24
+ function I(e, t) {
25
25
  if (!t || t === "last") return e.length;
26
26
  if (t === "first") return 0;
27
- const [n, o] = t.split(":", 2), r = e.findIndex((i) => i.id === o);
28
- return r === -1 ? `no sibling "${o}" to insert ${n}` : n === "before" ? r : r + 1;
27
+ const [n, o] = t.split(":", 2), i = e.findIndex((r) => r.id === o);
28
+ return i === -1 ? `no sibling "${o}" to insert ${n}` : n === "before" ? i : i + 1;
29
29
  }
30
- function x(e) {
31
- if (Array.isArray(e)) return e.map(x);
30
+ function k(e) {
31
+ if (Array.isArray(e)) return e.map(k);
32
32
  if (e && typeof e == "object") {
33
33
  const t = {};
34
- for (const [n, o] of Object.entries(e)) t[n] = x(o);
34
+ for (const [n, o] of Object.entries(e)) t[n] = k(o);
35
35
  return t;
36
36
  }
37
37
  return e;
38
38
  }
39
- function Fe(e, t) {
40
- const n = x(e), o = [];
41
- return t.forEach((r, i) => {
42
- const s = qe(n, r);
43
- s && o.push({ index: i, op: r, message: s });
39
+ function qe(e, t) {
40
+ const n = k(e), o = [];
41
+ return t.forEach((i, r) => {
42
+ const s = Ue(n, i);
43
+ s && o.push({ index: r, op: i, message: s });
44
44
  }), { root: n, errors: o };
45
45
  }
46
- function qe(e, t) {
46
+ function Ue(e, t) {
47
47
  const n = W(e, t.target);
48
48
  if (!n) return `target "${t.target}" not found`;
49
49
  switch (t.op) {
50
50
  case "add": {
51
- const o = I(e, t.node);
51
+ const o = D(e, t.node);
52
52
  if (o) return `id "${o}" already exists in the screen`;
53
- const r = n.node.children ??= [], i = _(r, t.position);
54
- return typeof i == "string" ? i : (r.splice(i, 0, x(t.node)), null);
53
+ const i = n.node.children ??= [], r = I(i, t.position);
54
+ return typeof r == "string" ? r : (i.splice(r, 0, k(t.node)), null);
55
55
  }
56
56
  case "remove":
57
57
  return n.list.splice(n.index, 1), null;
58
58
  case "replace": {
59
- const o = e.filter((i) => i !== n.node), r = I(o, t.node, n.node);
60
- return r ? `id "${r}" already exists in the screen` : (n.list.splice(n.index, 1, x(t.node)), null);
59
+ const o = e.filter((r) => r !== n.node), i = D(o, t.node, n.node);
60
+ return i ? `id "${i}" already exists in the screen` : (n.list.splice(n.index, 1, k(t.node)), null);
61
61
  }
62
62
  case "move": {
63
63
  let o = n.list;
64
64
  if (t.to !== void 0) {
65
- const i = W(e, t.to);
66
- if (!i) return `destination "${t.to}" not found`;
67
- if (i.node === n.node || L(n.node, i.node))
65
+ const r = W(e, t.to);
66
+ if (!r) return `destination "${t.to}" not found`;
67
+ if (r.node === n.node || L(n.node, r.node))
68
68
  return `cannot move "${t.target}" into itself`;
69
- o = i.node.children ??= [];
69
+ o = r.node.children ??= [];
70
70
  }
71
71
  n.list.splice(n.index, 1);
72
- const r = _(o, t.position);
73
- return typeof r == "string" ? (n.list.splice(n.index, 0, n.node), r) : (o.splice(r, 0, n.node), null);
72
+ const i = I(o, t.position);
73
+ return typeof i == "string" ? (n.list.splice(n.index, 0, n.node), i) : (o.splice(i, 0, n.node), null);
74
74
  }
75
75
  case "set": {
76
- for (const [o, r] of Object.entries(t))
77
- o === "op" || o === "target" || (o === "props" ? n.node.props = { ...n.node.props, ...r } : n.node[o] = x(r));
76
+ for (const [o, i] of Object.entries(t))
77
+ o === "op" || o === "target" || (o === "props" ? n.node.props = { ...n.node.props, ...i } : n.node[o] = k(i));
78
78
  return null;
79
79
  }
80
80
  }
@@ -82,10 +82,10 @@ function qe(e, t) {
82
82
  function L(e, t) {
83
83
  return (e.children ?? []).some((n) => n === t || L(n, t));
84
84
  }
85
- function I(e, t, n) {
85
+ function D(e, t, n) {
86
86
  const o = new Set(j(e));
87
- if (n) for (const r of j([n])) o.delete(r);
88
- return j([t]).find((r) => o.has(r)) ?? null;
87
+ if (n) for (const i of j([n])) o.delete(i);
88
+ return j([t]).find((i) => o.has(i)) ?? null;
89
89
  }
90
90
  function A(e, t) {
91
91
  return e === t ? !0 : e === null || t === null || typeof e != "object" || typeof t != "object" ? !1 : JSON.stringify(e) === JSON.stringify(t);
@@ -96,7 +96,7 @@ function O(e, t) {
96
96
  const n = t[e.when];
97
97
  return "in" in e ? e.in.some((o) => A(o, n)) : "not" in e ? !A(e.not, n) : A(e.is, n);
98
98
  }
99
- function Ue(e, t) {
99
+ function Be(e, t) {
100
100
  const { visible: n } = e;
101
101
  return n === void 0 || n === !0 ? !0 : n === !1 ? !1 : O(n, t);
102
102
  }
@@ -107,161 +107,188 @@ const X = /* @__PURE__ */ new Set([
107
107
  "label",
108
108
  "help",
109
109
  "localized",
110
+ "default",
110
111
  "props",
111
112
  "children",
112
113
  "slot",
113
114
  "visible",
114
115
  "can"
115
- ]), Be = /* @__PURE__ */ new Set(["add", "remove", "replace", "move", "set"]);
116
- function k(e) {
116
+ ]), Ke = /* @__PURE__ */ new Set(["add", "remove", "replace", "move", "set"]);
117
+ function w(e) {
117
118
  return typeof e == "object" && e !== null && !Array.isArray(e);
118
119
  }
119
120
  function G(e, t, n) {
120
- if (!k(e)) {
121
+ if (!w(e)) {
121
122
  n.push({ path: t, message: "visible must be a boolean or a condition object" });
122
123
  return;
123
124
  }
124
125
  if ("all" in e || "any" in e) {
125
- const r = e.all ?? e.any;
126
- if (!Array.isArray(r)) {
126
+ const i = e.all ?? e.any;
127
+ if (!Array.isArray(i)) {
127
128
  n.push({ path: t, message: '"all" / "any" must be an array of conditions' });
128
129
  return;
129
130
  }
130
- r.forEach((i, s) => G(i, `${t}[${s}]`, n));
131
+ i.forEach((r, s) => G(r, `${t}[${s}]`, n));
131
132
  return;
132
133
  }
133
134
  if (typeof e.when != "string") {
134
135
  n.push({ path: t, message: 'a condition needs "when": the name of a field' });
135
136
  return;
136
137
  }
137
- const o = ["is", "in", "not"].filter((r) => r in e);
138
+ const o = ["is", "in", "not"].filter((i) => i in e);
138
139
  o.length !== 1 ? n.push({ path: t, message: 'a condition needs exactly one of "is", "in", "not"' }) : o[0] === "in" && !Array.isArray(e.in) && n.push({ path: t, message: '"in" must be an array' });
139
140
  }
140
141
  function C(e, t, n, o) {
141
- if (!k(e)) {
142
+ if (!w(e)) {
142
143
  n.push({ path: t, message: "a node must be an object" });
143
144
  return;
144
145
  }
145
- for (const r of Object.keys(e))
146
- X.has(r) || n.push({ path: t, message: `unknown key "${r}"` });
146
+ for (const i of Object.keys(e))
147
+ X.has(i) || n.push({ path: t, message: `unknown key "${i}"` });
147
148
  typeof e.id != "string" || e.id === "" ? n.push({ path: t, message: '"id" is required and must be a non-empty string' }) : o.has(e.id) ? n.push({ path: t, message: `duplicate id "${e.id}"` }) : o.add(e.id), (typeof e.type != "string" || e.type === "") && n.push({ path: t, message: '"type" is required and must be a non-empty string' });
148
- for (const r of ["name", "label", "help"])
149
- r in e && typeof e[r] != "string" && n.push({ path: t, message: `"${r}" must be a string` });
150
- "localized" in e && typeof e.localized != "boolean" && n.push({ path: t, message: '"localized" must be a boolean' }), "props" in e && !k(e.props) && n.push({ path: t, message: '"props" must be an object' }), "slot" in e && e.slot !== null && typeof e.slot != "string" && n.push({ path: t, message: '"slot" must be a string or null' }), "can" in e && e.can !== null && typeof e.can != "string" && n.push({ path: t, message: '"can" must be a string or null' }), "visible" in e && typeof e.visible != "boolean" && G(e.visible, `${t}.visible`, n), "children" in e && (Array.isArray(e.children) ? e.children.forEach(
151
- (r, i) => C(r, `${t}.children[${i}]`, n, o)
149
+ for (const i of ["name", "label", "help"])
150
+ i in e && typeof e[i] != "string" && n.push({ path: t, message: `"${i}" must be a string` });
151
+ "localized" in e && typeof e.localized != "boolean" && n.push({ path: t, message: '"localized" must be a boolean' }), "props" in e && !w(e.props) && n.push({ path: t, message: '"props" must be an object' }), "slot" in e && e.slot !== null && typeof e.slot != "string" && n.push({ path: t, message: '"slot" must be a string or null' }), "can" in e && e.can !== null && typeof e.can != "string" && n.push({ path: t, message: '"can" must be a string or null' }), "visible" in e && typeof e.visible != "boolean" && G(e.visible, `${t}.visible`, n), "children" in e && (Array.isArray(e.children) ? e.children.forEach(
152
+ (i, r) => C(i, `${t}.children[${r}]`, n, o)
152
153
  ) : n.push({ path: t, message: '"children" must be an array' }));
153
154
  }
154
- function sn(e) {
155
+ function an(e) {
155
156
  const t = [];
156
157
  if (!Array.isArray(e)) return [{ path: "root", message: "root must be an array of nodes" }];
157
158
  const n = /* @__PURE__ */ new Set();
158
- return e.forEach((o, r) => C(o, `root[${r}]`, t, n)), t;
159
+ return e.forEach((o, i) => C(o, `root[${i}]`, t, n)), t;
159
160
  }
160
- function an(e) {
161
+ function ln(e) {
161
162
  const t = [];
162
163
  return Array.isArray(e) ? (e.forEach((n, o) => {
163
- const r = `patch[${o}]`;
164
- if (!k(n)) {
165
- t.push({ path: r, message: "an operation must be an object" });
164
+ const i = `patch[${o}]`;
165
+ if (!w(n)) {
166
+ t.push({ path: i, message: "an operation must be an object" });
166
167
  return;
167
168
  }
168
- if (typeof n.op != "string" || !Be.has(n.op)) {
169
- t.push({ path: r, message: '"op" must be one of add, remove, replace, move, set' });
169
+ if (typeof n.op != "string" || !Ke.has(n.op)) {
170
+ t.push({ path: i, message: '"op" must be one of add, remove, replace, move, set' });
170
171
  return;
171
172
  }
172
- if ((typeof n.target != "string" || n.target === "") && t.push({ path: r, message: '"target" is required: the id of a node' }), (n.op === "add" || n.op === "replace") && !k(n.node) ? t.push({ path: r, message: `"${n.op}" needs a "node"` }) : (n.op === "add" || n.op === "replace") && C(n.node, `${r}.node`, t, /* @__PURE__ */ new Set()), "position" in n && !Ke(n.position) && t.push({ path: r, message: '"position" must be first, last, before:<id> or after:<id>' }), n.op === "move" && "to" in n && typeof n.to != "string" && t.push({ path: r, message: '"to" must be the id of the new parent' }), n.op === "set")
173
- for (const i of Object.keys(n))
174
- i !== "op" && i !== "target" && (!X.has(i) || i === "id") && t.push({ path: r, message: `"set" cannot change "${i}"` });
173
+ if ((typeof n.target != "string" || n.target === "") && t.push({ path: i, message: '"target" is required: the id of a node' }), (n.op === "add" || n.op === "replace") && !w(n.node) ? t.push({ path: i, message: `"${n.op}" needs a "node"` }) : (n.op === "add" || n.op === "replace") && C(n.node, `${i}.node`, t, /* @__PURE__ */ new Set()), "position" in n && !He(n.position) && t.push({ path: i, message: '"position" must be first, last, before:<id> or after:<id>' }), n.op === "move" && "to" in n && typeof n.to != "string" && t.push({ path: i, message: '"to" must be the id of the new parent' }), n.op === "set")
174
+ for (const r of Object.keys(n))
175
+ r !== "op" && r !== "target" && (!X.has(r) || r === "id") && t.push({ path: i, message: `"set" cannot change "${r}"` });
175
176
  }), t) : [{ path: "patch", message: "a patch must be an array" }];
176
177
  }
177
- function Ke(e) {
178
+ function He(e) {
178
179
  return typeof e == "string" && (e === "first" || e === "last" || e.startsWith("before:") || e.startsWith("after:"));
179
180
  }
180
- const D = "trans::", M = /* @__PURE__ */ Symbol("wx-screen-errors");
181
+ const _ = "trans::", M = /* @__PURE__ */ Symbol("wx-screen-errors");
181
182
  function F(e, t) {
182
- return e.can && !t.can(e.can) ? !1 : Ue(e, t.model);
183
+ return e.can && !t.can(e.can) ? !1 : Be(e, t.model);
183
184
  }
184
- const He = (e) => e;
185
+ function J(e, t) {
186
+ let n;
187
+ const o = (i) => {
188
+ for (const r of i) {
189
+ if (r.name === void 0) {
190
+ o(r.children ?? []);
191
+ continue;
192
+ }
193
+ const s = t[r.name];
194
+ r.default !== void 0 && s == null && (n ??= { ...t }, n[r.name] = r.default);
195
+ }
196
+ };
197
+ return o(e), n ?? t;
198
+ }
199
+ const Le = (e) => e;
185
200
  function T(e, t) {
186
- return typeof e == "string" && e.startsWith(D) ? t(e.slice(D.length)) : e;
201
+ return typeof e == "string" && e.startsWith(_) ? t(e.slice(_.length)) : e;
187
202
  }
188
203
  function E(e, t) {
189
204
  if (typeof e == "string") return T(e, t);
190
205
  if (Array.isArray(e)) return e.map((n) => E(n, t));
191
206
  if (e && typeof e == "object") {
192
207
  const n = {};
193
- for (const [o, r] of Object.entries(e)) n[o] = E(r, t);
208
+ for (const [o, i] of Object.entries(e)) n[o] = E(i, t);
194
209
  return n;
195
210
  }
196
211
  return e;
197
212
  }
198
- function Le(e) {
199
- return h(
213
+ function Xe(e) {
214
+ return x(
200
215
  "div",
201
216
  { key: e.id, class: "wx-screen__unknown", role: "note" },
202
217
  `Unknown type: ${e.type}`
203
218
  );
204
219
  }
205
- function Xe(e, t, n) {
220
+ function Ge(e, t, n) {
206
221
  const o = /* @__PURE__ */ new Map();
207
- for (const i of e.children ?? []) {
208
- const s = i.slot ?? t, c = o.get(s) ?? [];
209
- c.push(i), o.set(s, c);
222
+ for (const r of e.children ?? []) {
223
+ const s = r.slot ?? t, d = o.get(s) ?? [];
224
+ d.push(r), o.set(s, d);
210
225
  }
211
- const r = {};
212
- for (const [i, s] of o)
213
- r[i] = () => J(s, n);
214
- return r;
226
+ const i = {};
227
+ for (const [r, s] of o)
228
+ i[r] = () => Y(s, n);
229
+ return i;
215
230
  }
216
- function Ge(e, t) {
231
+ function Je(e, t) {
217
232
  if (!F(e, t)) return null;
218
233
  const n = t.types[e.type];
219
- if (!n) return Le(e);
220
- if (n.kind === "layout" && e.children !== void 0 && !e.children.some((s) => F(s, t)))
234
+ if (!n) return Xe(e);
235
+ if (n.kind === "layout" && e.children !== void 0 && !e.children.some((f) => F(f, t)))
221
236
  return null;
222
- const { translate: o } = t, r = {
237
+ const { translate: o } = t, i = {
223
238
  key: e.id,
224
239
  ...E(e.props ?? {}, o),
225
240
  ...n.bind?.(e)
226
- }, i = T(e.label, o);
241
+ }, r = T(e.label, o);
227
242
  if (n.kind === "field") {
228
- const s = e.name, c = h(n.component, {
229
- ...r,
243
+ const f = e.name, b = n.labelProp !== void 0 && r !== void 0, u = x(n.component, {
244
+ ...i,
245
+ ...b ? { [n.labelProp]: r } : {},
230
246
  /* A nested field draws the children itself, so it needs the node and the way down. */
231
247
  ...n.nested ? { node: e, context: t } : {},
232
- name: s,
248
+ name: f,
233
249
  localized: e.localized || void 0,
234
- modelValue: s === void 0 ? void 0 : t.model[s],
235
- "onUpdate:modelValue": (y) => {
236
- s !== void 0 && t.update(s, y);
250
+ modelValue: f === void 0 ? void 0 : t.model[f],
251
+ "onUpdate:modelValue": (c) => {
252
+ f !== void 0 && t.update(f, c);
237
253
  }
238
254
  });
239
- return h(
240
- ee,
241
- { key: e.id, name: s, label: i, help: T(e.help, o), wide: n.wide },
242
- () => c
255
+ return x(
256
+ ne,
257
+ {
258
+ key: e.id,
259
+ name: f,
260
+ label: b ? void 0 : r,
261
+ help: T(e.help, o),
262
+ wide: n.wide
263
+ },
264
+ () => u
243
265
  );
244
266
  }
245
- return n.kind === "layout" ? (n.labelProp && i !== void 0 && (r[n.labelProp] = i), h(n.component, r, Xe(e, n.childrenSlot ?? "default", t))) : n.labelProp ? (i !== void 0 && (r[n.labelProp] = i), h(n.component, r)) : h(n.component, r, i === void 0 ? void 0 : () => i);
267
+ if (n.kind === "layout")
268
+ return n.labelProp && r !== void 0 && (i[n.labelProp] = r), x(n.component, i, Ge(e, n.childrenSlot ?? "default", t));
269
+ if (n.labelProp)
270
+ return r !== void 0 && (i[n.labelProp] = r), x(n.component, i);
271
+ const s = typeof i.text == "string" ? i.text : void 0, d = r ?? s;
272
+ return s !== void 0 && r === void 0 && delete i.text, x(n.component, i, d === void 0 ? void 0 : () => d);
246
273
  }
247
- function J(e, t) {
274
+ function Y(e, t) {
248
275
  const n = [];
249
276
  for (const o of e) {
250
- const r = Ge(o, t);
251
- r && n.push(r);
277
+ const i = Je(o, t);
278
+ i && n.push(i);
252
279
  }
253
280
  return n;
254
281
  }
255
- const Y = v({
282
+ const Q = $({
256
283
  name: "WxScreenNodes",
257
284
  props: {
258
285
  nodes: { type: Array, required: !0 },
259
286
  context: { type: Object, required: !0 }
260
287
  },
261
288
  setup(e) {
262
- return () => J(e.nodes, e.context);
289
+ return () => Y(e.nodes, e.context);
263
290
  }
264
- }), Je = /* @__PURE__ */ v({
291
+ }), Ye = /* @__PURE__ */ $({
265
292
  name: "WxScreenRepeater",
266
293
  inheritAttrs: !1,
267
294
  __name: "ScreenRepeater",
@@ -276,62 +303,62 @@ const Y = v({
276
303
  }),
277
304
  emits: ["update:modelValue"],
278
305
  setup(e) {
279
- const t = e, n = q(e, "modelValue"), o = m(() => Array.isArray(n.value) ? n.value : []), r = Ce();
280
- function i(p) {
281
- return p.flatMap(
282
- (d) => d.name === void 0 ? i(d.children ?? []) : [d.name]
306
+ const t = e, n = q(e, "modelValue"), o = y(() => Array.isArray(n.value) ? n.value : []), i = Me();
307
+ function r(u) {
308
+ return u.flatMap(
309
+ (c) => c.name === void 0 ? r(c.children ?? []) : [c.name]
283
310
  );
284
311
  }
285
- const s = U(M, null), c = m(() => {
286
- const p = s?.value;
312
+ const s = U(M, null), d = y(() => {
313
+ const u = s?.value;
287
314
  if (t.name === void 0) return;
288
- const d = i(t.node.children ?? []);
315
+ const c = r(t.node.children ?? []);
289
316
  return o.value.map((l, a) => {
290
- const f = `${t.name}.${a}.`, u = {};
291
- for (const [b, w] of Object.entries(p ?? {})) {
292
- if (!b.startsWith(f)) continue;
293
- const z = b.slice(f.length), S = d.find((Z) => z.startsWith(`${Z}.`));
294
- u[z] = w, S !== void 0 && u[S] === void 0 && (u[S] = w);
317
+ const p = `${t.name}.${a}.`, m = {};
318
+ for (const [h, v] of Object.entries(u ?? {})) {
319
+ if (!h.startsWith(p)) continue;
320
+ const z = h.slice(p.length), S = c.find((ee) => z.startsWith(`${ee}.`));
321
+ m[z] = v, S !== void 0 && m[S] === void 0 && (m[S] = v);
295
322
  }
296
- return u;
323
+ return m;
297
324
  });
298
325
  });
299
- function y(p) {
300
- const d = t.context.translate(`webx-admin::screens.repeater.${p}`);
301
- return d.includes("::") ? void 0 : d;
326
+ function f(u) {
327
+ const c = t.context.translate(`webx-admin::screens.repeater.${u}`);
328
+ return c.includes("::") ? void 0 : c;
302
329
  }
303
- const $ = m(() => {
304
- const p = { collapsed: !0 };
305
- for (const [d, l] of [
330
+ const b = y(() => {
331
+ const u = { collapsed: !0 };
332
+ for (const [c, l] of [
306
333
  ["addLabel", "add"],
307
334
  ["removeLabel", "remove"],
308
335
  ["dragLabel", "reorder"],
309
336
  ["emptyText", "empty"]
310
337
  ]) {
311
- const a = y(l);
312
- a !== void 0 && (p[d] = a);
338
+ const a = f(l);
339
+ a !== void 0 && (u[c] = a);
313
340
  }
314
- return { ...p, ...r };
341
+ return { ...u, ...i };
315
342
  });
316
- return (p, d) => (R(), N(g(ne), B($.value, {
343
+ return (u, c) => (R(), N(g(te), B(b.value, {
317
344
  "model-value": o.value,
318
- "row-errors": c.value,
319
- "onUpdate:modelValue": d[0] || (d[0] = (l) => n.value = l)
345
+ "row-errors": d.value,
346
+ "onUpdate:modelValue": c[0] || (c[0] = (l) => n.value = l)
320
347
  }), {
321
348
  default: V(({ item: l, update: a }) => [
322
- K(g(Y), {
349
+ K(g(Q), {
323
350
  nodes: e.node.children ?? [],
324
351
  context: {
325
352
  ...e.context,
326
- model: l,
327
- update: (f, u) => a({ [f]: u })
353
+ model: g(J)(e.node.children ?? [], l),
354
+ update: (p, m) => a({ [p]: m })
328
355
  }
329
356
  }, null, 8, ["nodes", "context"])
330
357
  ]),
331
358
  _: 1
332
359
  }, 16, ["model-value", "row-errors"]));
333
360
  }
334
- }), Ye = /* @__PURE__ */ v({
361
+ }), Qe = /* @__PURE__ */ $({
335
362
  name: "WxScreenTabs",
336
363
  inheritAttrs: !1,
337
364
  __name: "ScreenTabs",
@@ -339,130 +366,131 @@ const Y = v({
339
366
  fields: { default: () => ({}) }
340
367
  },
341
368
  setup(e) {
342
- const t = e, n = U(M, null), o = Me(void 0), r = m(() => {
343
- const i = new Set(Object.keys(n?.value ?? {}));
344
- return Object.entries(t.fields).filter(([, s]) => s.some((c) => i.has(c))).map(([s]) => s);
369
+ const t = e, n = U(M, null), o = ze(void 0), i = y(() => {
370
+ const r = new Set(Object.keys(n?.value ?? {}));
371
+ return Object.entries(t.fields).filter(([, s]) => s.some((d) => r.has(d))).map(([s]) => s);
345
372
  });
346
- return H(r, (i) => {
347
- const s = i[0];
348
- s !== void 0 && (o.value !== void 0 && i.includes(String(o.value)) || (o.value = s));
349
- }), (i, s) => (R(), N(g(te), B({
373
+ return H(i, (r) => {
374
+ const s = r[0];
375
+ s !== void 0 && (o.value !== void 0 && r.includes(String(o.value)) || (o.value = s));
376
+ }), (r, s) => (R(), N(g(oe), B({
350
377
  modelValue: o.value,
351
- "onUpdate:modelValue": s[0] || (s[0] = (c) => o.value = c)
352
- }, i.$attrs), {
378
+ "onUpdate:modelValue": s[0] || (s[0] = (d) => o.value = d)
379
+ }, r.$attrs), {
353
380
  default: V(() => [
354
- ze(i.$slots, "default")
381
+ Ie(r.$slots, "default")
355
382
  ]),
356
383
  _: 3
357
384
  }, 16, ["modelValue"]));
358
385
  }
359
386
  });
360
- function Q(e) {
387
+ function Z(e) {
361
388
  return (e.children ?? []).flatMap(
362
- (t) => t.name === void 0 ? Q(t) : [t.name]
389
+ (t) => t.name === void 0 ? Z(t) : [t.name]
363
390
  );
364
391
  }
365
- const Qe = {
392
+ const Ze = {
366
393
  "wx-tabs": {
367
- component: Ye,
394
+ component: Qe,
368
395
  kind: "layout",
369
396
  // Which fields each tab holds, so a refused save can open the tab it was refused on.
370
397
  bind: (e) => ({
371
- fields: Object.fromEntries((e.children ?? []).map((t) => [t.id, Q(t)]))
398
+ fields: Object.fromEntries((e.children ?? []).map((t) => [t.id, Z(t)]))
372
399
  })
373
400
  },
374
401
  "wx-tab": {
375
- component: Ne,
402
+ component: Ve,
376
403
  kind: "layout",
377
404
  labelProp: "label",
378
405
  // A tab is selected by value, and the node's id is the one stable thing it has.
379
406
  bind: (e) => ({ value: e.id })
380
407
  },
381
- "wx-card": { component: Re, kind: "layout", labelProp: "title" },
408
+ "wx-card": { component: Ne, kind: "layout", labelProp: "title" },
382
409
  "wx-row": {
383
- component: Ee,
410
+ component: Re,
384
411
  kind: "layout",
385
412
  // Marked so the renderer can hold a row at the width of one field (see `ScreenRenderer.vue`).
386
413
  bind: (e) => ({ class: ["wx-screen__row", e.props?.class] })
387
414
  },
388
415
  "wx-col": {
389
- component: Te,
416
+ component: Ee,
390
417
  kind: "layout",
391
418
  // Marked so the renderer can stack what a column holds (see `ScreenRenderer.vue`),
392
419
  // without touching a `WxCol` that some field happens to use inside itself.
393
420
  bind: (e) => ({ class: ["wx-screen__col", e.props?.class] })
394
421
  },
395
- "wx-divider": { component: Oe, kind: "layout", labelProp: "label" },
396
- "wx-input": { component: Pe, kind: "field" },
397
- "wx-textarea": { component: Ae, kind: "field" },
398
- "wx-input-number": { component: je, kind: "field" },
399
- "wx-select": { component: Se, kind: "field" },
400
- "wx-switch": { component: $e, kind: "field" },
401
- "wx-checkbox": { component: ve, kind: "field" },
422
+ "wx-divider": { component: Te, kind: "layout", labelProp: "label" },
423
+ "wx-input": { component: Oe, kind: "field" },
424
+ "wx-textarea": { component: Pe, kind: "field" },
425
+ "wx-input-number": { component: Ae, kind: "field" },
426
+ "wx-select": { component: je, kind: "field" },
427
+ // The label beside the control rather than above it: on, off, and what is being turned.
428
+ "wx-switch": { component: Se, kind: "field", labelProp: "label" },
429
+ "wx-checkbox": { component: $e, kind: "field", labelProp: "label" },
402
430
  "wx-radio-group": { component: We, kind: "field" },
403
- "wx-date-picker": { component: we, kind: "field" },
404
- "wx-color-picker": { component: ke, kind: "field" },
405
- "wx-checkbox-group": { component: ge, kind: "field" },
406
- "wx-segmented": { component: xe, kind: "field" },
407
- "wx-slider": { component: he, kind: "field" },
408
- "wx-rate": { component: be, kind: "field" },
409
- "wx-time-picker": { component: ye, kind: "field" },
431
+ "wx-date-picker": { component: ve, kind: "field" },
432
+ "wx-color-picker": { component: we, kind: "field" },
433
+ "wx-checkbox-group": { component: ke, kind: "field" },
434
+ "wx-segmented": { component: ge, kind: "field" },
435
+ "wx-slider": { component: xe, kind: "field" },
436
+ "wx-rate": { component: he, kind: "field" },
437
+ "wx-time-picker": { component: be, kind: "field" },
410
438
  "wx-date-time-picker": {
411
- component: me,
439
+ component: ye,
412
440
  kind: "field",
413
441
  // A moment, not a wall clock. Without the offset the server reads the hour in its own
414
442
  // timezone and the browser in the reader's, and one value shows two different times. Bound
415
443
  // over `props` on purpose: the server parses exactly this shape.
416
444
  bind: () => ({ valueFormat: "yyyy-MM-dd'T'HH:mm:ssXXX" })
417
445
  },
418
- "wx-date-range-picker": { component: pe, kind: "field" },
419
- "wx-tags-input": { component: ue, kind: "field" },
420
- "wx-autocomplete": { component: fe, kind: "field" },
421
- "wx-icon-picker": { component: de, kind: "field" },
446
+ "wx-date-range-picker": { component: me, kind: "field" },
447
+ "wx-tags-input": { component: pe, kind: "field" },
448
+ "wx-autocomplete": { component: ue, kind: "field" },
449
+ "wx-icon-picker": { component: fe, kind: "field" },
422
450
  "wx-cascader": { component: ce, kind: "field" },
423
- "wx-tree-select": { component: le, kind: "field" },
451
+ "wx-tree-select": { component: de, kind: "field" },
424
452
  // Wide: two lists with the buttons between them do not fit in half a form.
425
- "wx-transfer": { component: ae, kind: "field", wide: !0 },
453
+ "wx-transfer": { component: le, kind: "field", wide: !0 },
426
454
  // Wide for the reason an editor is: code is read in long lines.
427
- "wx-code-editor": { component: se, kind: "field", wide: !0 },
428
- "wx-repeater": { component: Je, kind: "field", nested: !0, wide: !0 },
429
- "wx-heading": { component: ie, kind: "display" },
455
+ "wx-code-editor": { component: ae, kind: "field", wide: !0 },
456
+ "wx-repeater": { component: Ye, kind: "field", nested: !0, wide: !0 },
457
+ "wx-heading": { component: se, kind: "display" },
430
458
  "wx-text": { component: re, kind: "display" },
431
- "wx-alert": { component: oe, kind: "display", labelProp: "title" }
459
+ "wx-alert": { component: ie, kind: "display", labelProp: "title" }
432
460
  };
433
- function ln(e) {
461
+ function dn(e) {
434
462
  return e;
435
463
  }
436
- function Ze(e) {
464
+ function en(e) {
437
465
  const t = e.component;
438
466
  return t.name ?? t.__name ?? "anonymous";
439
467
  }
440
- function en(e) {
468
+ function nn(e) {
441
469
  return e.kind === "field" ? "form item" : e.labelProp ? `prop \`${e.labelProp}\`` : e.kind === "display" ? "default slot" : "—";
442
470
  }
443
- function nn(e) {
471
+ function tn(e) {
444
472
  return Object.entries(e).map(([t, n]) => ({
445
473
  type: t,
446
474
  kind: n.kind,
447
- component: Ze(n),
448
- label: en(n)
475
+ component: en(n),
476
+ label: nn(n)
449
477
  }));
450
478
  }
451
479
  function cn(e) {
452
- const t = nn(e).map((i) => [
453
- `\`${i.type}\``,
454
- i.kind,
455
- `\`${i.component}\``,
456
- i.label
480
+ const t = tn(e).map((r) => [
481
+ `\`${r.type}\``,
482
+ r.kind,
483
+ `\`${r.component}\``,
484
+ r.label
457
485
  ]), n = ["Type", "Kind", "Component", "`label` goes to"], o = n.map(
458
- (i, s) => Math.max(i.length, ...t.map((c) => c[s].length))
459
- ), r = (i) => `| ${i.map((s, c) => s.padEnd(o[c])).join(" | ")} |`;
460
- return [r(n), r(o.map((i) => "-".repeat(i))), ...t.map(r)].join(
486
+ (r, s) => Math.max(r.length, ...t.map((d) => d[s].length))
487
+ ), i = (r) => `| ${r.map((s, d) => s.padEnd(o[d])).join(" | ")} |`;
488
+ return [i(n), i(o.map((r) => "-".repeat(r))), ...t.map(i)].join(
461
489
  `
462
490
  `
463
491
  );
464
492
  }
465
- const dn = /* @__PURE__ */ v({
493
+ const fn = /* @__PURE__ */ $({
466
494
  name: "WxScreenRenderer",
467
495
  __name: "ScreenRenderer",
468
496
  props: /* @__PURE__ */ P({
@@ -482,68 +510,69 @@ const dn = /* @__PURE__ */ v({
482
510
  }),
483
511
  emits: /* @__PURE__ */ P(["patchError"], ["update:modelValue"]),
484
512
  setup(e, { expose: t, emit: n }) {
485
- const o = e, r = n, i = q(e, "modelValue"), s = m(() => Fe(o.root, o.patch));
486
- function c(l) {
513
+ const o = e, i = n, r = q(e, "modelValue"), s = y(() => qe(o.root, o.patch));
514
+ function d(l) {
487
515
  return l.flatMap(
488
- (a) => a.name === void 0 ? c(a.children ?? []) : [a.name]
516
+ (a) => a.name === void 0 ? d(a.children ?? []) : [a.name]
489
517
  );
490
518
  }
491
- const y = m(() => {
519
+ const f = y(() => {
492
520
  if (o.errors === void 0) return;
493
- const l = c(s.value.root), a = { ...o.errors };
494
- for (const [f, u] of Object.entries(o.errors)) {
495
- const b = l.find((w) => f.startsWith(`${w}.`));
496
- b !== void 0 && a[b] === void 0 && (a[b] = u);
521
+ const l = d(s.value.root), a = { ...o.errors };
522
+ for (const [p, m] of Object.entries(o.errors)) {
523
+ const h = l.find((v) => p.startsWith(`${v}.`));
524
+ h !== void 0 && a[h] === void 0 && (a[h] = m);
497
525
  }
498
526
  return a;
499
- }), $ = m(() => {
500
- if (o.errors === void 0 || y.value === void 0) return;
501
- const l = { ...y.value };
527
+ }), b = y(() => {
528
+ if (o.errors === void 0 || f.value === void 0) return;
529
+ const l = { ...f.value };
502
530
  for (const a of Object.keys(l)) {
503
531
  if (o.errors[a] !== void 0) continue;
504
- const f = Object.keys(o.errors).filter((u) => u.startsWith(`${a}.`));
505
- f.length > 0 && f.every((u) => /^\d+\./.test(u.slice(a.length + 1))) && delete l[a];
532
+ const p = Object.keys(o.errors).filter((m) => m.startsWith(`${a}.`));
533
+ p.length > 0 && p.every((m) => /^\d+\./.test(m.slice(a.length + 1))) && delete l[a];
506
534
  }
507
535
  return l;
508
536
  });
509
- _e(M, y), H(
537
+ De(M, f), H(
510
538
  () => s.value.errors,
511
539
  (l) => {
512
540
  for (const a of l)
513
541
  console.error(`[webx-ui/schema] patch[${a.index}] ${a.op.op}: ${a.message}`);
514
- r("patchError", l);
542
+ i("patchError", l);
515
543
  },
516
544
  { immediate: !0 }
517
545
  );
518
- const p = m(() => {
546
+ const u = y(() => {
519
547
  const l = {};
520
- for (const [a, f] of Object.entries({ ...Qe, ...o.types }))
521
- l[a] = { ...f, component: Ie(De(f.component)) };
548
+ for (const [a, p] of Object.entries({ ...Ze, ...o.types }))
549
+ l[a] = { ...p, component: _e(Fe(p.component)) };
522
550
  return l;
523
- }), d = m(() => ({
524
- types: p.value,
525
- model: i.value,
551
+ }), c = y(() => ({
552
+ types: u.value,
553
+ // Drawn with the defaults filled in; `update` below writes to the model as it is.
554
+ model: J(s.value.root, r.value),
526
555
  update: (l, a) => {
527
- i.value = { ...i.value, [l]: a };
556
+ r.value = { ...r.value, [l]: a };
528
557
  },
529
- translate: o.translate ?? He,
558
+ translate: o.translate ?? Le,
530
559
  can: o.can ?? (() => !0)
531
560
  }));
532
561
  return t({
533
562
  /** The tree after the patch — what is actually on screen. */
534
- tree: m(() => s.value.root)
535
- }), (l, a) => (R(), N(g(Ve), {
563
+ tree: y(() => s.value.root)
564
+ }), (l, a) => (R(), N(g(Ce), {
536
565
  class: "wx-screen",
537
- errors: $.value,
566
+ errors: b.value,
538
567
  disabled: e.disabled,
539
568
  "label-position": e.labelPosition,
540
569
  "label-width": e.labelWidth,
541
570
  size: e.size
542
571
  }, {
543
572
  default: V(() => [
544
- K(g(Y), {
573
+ K(g(Q), {
545
574
  nodes: s.value.root,
546
- context: d.value
575
+ context: c.value
547
576
  }, null, 8, ["nodes", "context"])
548
577
  ]),
549
578
  _: 1
@@ -551,22 +580,23 @@ const dn = /* @__PURE__ */ v({
551
580
  }
552
581
  });
553
582
  export {
554
- D as TRANS_MARKER,
555
- Y as WxScreenNodes,
556
- dn as WxScreenRenderer,
557
- Fe as applyPatch,
583
+ _ as TRANS_MARKER,
584
+ Q as WxScreenNodes,
585
+ fn as WxScreenRenderer,
586
+ qe as applyPatch,
558
587
  j as collectIds,
559
- Qe as coreTypes,
560
- ln as defineTypes,
561
- nn as describeTypes,
588
+ Ze as coreTypes,
589
+ dn as defineTypes,
590
+ tn as describeTypes,
562
591
  O as evaluateCondition,
563
- rn as findNode,
564
- Ue as isVisible,
592
+ sn as findNode,
593
+ Be as isVisible,
565
594
  M as screenErrorsKey,
566
595
  E as translateDeep,
567
596
  cn as typesTable,
568
- an as validatePatch,
569
- sn as validateScreen,
597
+ ln as validatePatch,
598
+ an as validateScreen,
599
+ J as withFieldDefaults,
570
600
  T as words
571
601
  };
572
602
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/patch.ts","../src/visible.ts","../src/validate.ts","../src/render.ts","../src/ScreenRepeater.vue","../src/ScreenTabs.vue","../src/registry.ts","../src/ScreenRenderer.vue"],"sourcesContent":["import type { Patch, PatchError, PatchOperation, PatchPosition, ScreenNode } from './types'\n\ninterface Located {\n /** The array the node sits in: the root, or a parent's `children`. */\n list: ScreenNode[]\n index: number\n node: ScreenNode\n}\n\n/** Depth-first search by `id`, remembering the array the match lives in. */\nexport function locate(root: ScreenNode[], id: string): Located | null {\n for (let index = 0; index < root.length; index += 1) {\n const node = root[index]!\n if (node.id === id) return { list: root, index, node }\n if (node.children) {\n const found = locate(node.children, id)\n if (found) return found\n }\n }\n return null\n}\n\nexport function findNode(root: ScreenNode[], id: string): ScreenNode | null {\n return locate(root, id)?.node ?? null\n}\n\n/** Every `id` in the tree, in document order. Duplicates are kept, so callers can spot them. */\nexport function collectIds(root: ScreenNode[]): string[] {\n const ids: string[] = []\n const walk = (nodes: ScreenNode[]) => {\n for (const node of nodes) {\n ids.push(node.id)\n if (node.children) walk(node.children)\n }\n }\n walk(root)\n return ids\n}\n\n/** Index a node should be inserted at in `list`, or a message when the anchor is missing. */\nfunction indexFor(list: ScreenNode[], position: PatchPosition | undefined): number | string {\n if (!position || position === 'last') return list.length\n if (position === 'first') return 0\n const [where, anchor] = position.split(':', 2) as ['before' | 'after', string]\n const at = list.findIndex((node) => node.id === anchor)\n if (at === -1) return `no sibling \"${anchor}\" to insert ${where}`\n return where === 'before' ? at : at + 1\n}\n\n/**\n * Deep copy of a JSON value. `structuredClone` refuses a Vue reactive proxy, and a\n * tree that came out of a `ref` is exactly that; reading through the proxy is fine.\n */\nexport function clone<T>(value: T): T {\n if (Array.isArray(value)) return value.map(clone) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = clone(item)\n return out as T\n }\n return value\n}\n\n/**\n * Applies a patch to a tree and returns the result as a new tree; the input is not\n * touched. An operation that cannot be applied — a `target` that does not exist, an\n * anchor that is missing — is skipped and reported, and the ones after it still run:\n * a project patch that survived a rename in the module must not silence the rest.\n */\nexport function applyPatch(\n root: ScreenNode[],\n patch: Patch,\n): { root: ScreenNode[]; errors: PatchError[] } {\n const tree = clone(root)\n const errors: PatchError[] = []\n\n patch.forEach((op, index) => {\n const message = apply(tree, op)\n if (message) errors.push({ index, op, message })\n })\n\n return { root: tree, errors }\n}\n\n/** Mutates `tree`; returns a message when the operation was refused. */\nfunction apply(tree: ScreenNode[], op: PatchOperation): string | null {\n const found = locate(tree, op.target)\n if (!found) return `target \"${op.target}\" not found`\n\n switch (op.op) {\n case 'add': {\n const clash = duplicateIn(tree, op.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n const list = (found.node.children ??= [])\n const at = indexFor(list, op.position)\n if (typeof at === 'string') return at\n list.splice(at, 0, clone(op.node))\n return null\n }\n case 'remove':\n found.list.splice(found.index, 1)\n return null\n case 'replace': {\n // The replaced node's own ids are gone, so only the rest of the tree can clash.\n const others = tree.filter((node) => node !== found.node)\n const clash = duplicateIn(others, op.node, found.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n found.list.splice(found.index, 1, clone(op.node))\n return null\n }\n case 'move': {\n let list = found.list\n if (op.to !== undefined) {\n const parent = locate(tree, op.to)\n if (!parent) return `destination \"${op.to}\" not found`\n if (parent.node === found.node || contains(found.node, parent.node)) {\n return `cannot move \"${op.target}\" into itself`\n }\n list = parent.node.children ??= []\n }\n found.list.splice(found.index, 1)\n const at = indexFor(list, op.position)\n if (typeof at === 'string') {\n // Put it back where it was: a refused move leaves the tree untouched.\n found.list.splice(found.index, 0, found.node)\n return at\n }\n list.splice(at, 0, found.node)\n return null\n }\n case 'set': {\n for (const [key, value] of Object.entries(op)) {\n if (key === 'op' || key === 'target') continue\n if (key === 'props') {\n found.node.props = { ...found.node.props, ...(value as Record<string, unknown>) }\n } else {\n ;(found.node as unknown as Record<string, unknown>)[key] = clone(value)\n }\n }\n return null\n }\n }\n}\n\nfunction contains(ancestor: ScreenNode, node: ScreenNode): boolean {\n return (ancestor.children ?? []).some((child) => child === node || contains(child, node))\n}\n\n/** First id of `incoming` that already exists in `tree`, ignoring `except`'s own subtree. */\nfunction duplicateIn(tree: ScreenNode[], incoming: ScreenNode, except?: ScreenNode): string | null {\n const existing = new Set(collectIds(tree))\n if (except) for (const id of collectIds([except])) existing.delete(id)\n return collectIds([incoming]).find((id) => existing.has(id)) ?? null\n}\n","import type { ScreenModel, ScreenNode, VisibilityCondition } from './types'\n\n/** Loose enough for `{ \"is\": 1 }` to match a numeric input, strict enough for `\"1\"` not to. */\nfunction same(a: unknown, b: unknown): boolean {\n if (a === b) return true\n if (a === null || b === null || typeof a !== 'object' || typeof b !== 'object') return false\n return JSON.stringify(a) === JSON.stringify(b)\n}\n\nexport function evaluateCondition(condition: VisibilityCondition, model: ScreenModel): boolean {\n if ('all' in condition) return condition.all.every((item) => evaluateCondition(item, model))\n if ('any' in condition) return condition.any.some((item) => evaluateCondition(item, model))\n\n const value = model[condition.when]\n if ('in' in condition) return condition.in.some((item) => same(item, value))\n if ('not' in condition) return !same(condition.not, value)\n return same(condition.is, value)\n}\n\n/** Whether a node should render, given the current model. Absent `visible` means yes. */\nexport function isVisible(node: ScreenNode, model: ScreenModel): boolean {\n const { visible } = node\n if (visible === undefined || visible === true) return true\n if (visible === false) return false\n return evaluateCondition(visible, model)\n}\n","import type { Patch, ScreenError, ScreenNode, VisibilityCondition } from './types'\n\nconst NODE_KEYS = new Set([\n 'id',\n 'type',\n 'name',\n 'label',\n 'help',\n 'localized',\n 'props',\n 'children',\n 'slot',\n 'visible',\n 'can',\n])\n\nconst OPS = new Set(['add', 'remove', 'replace', 'move', 'set'])\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction checkCondition(value: unknown, path: string, errors: ScreenError[]): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'visible must be a boolean or a condition object' })\n return\n }\n if ('all' in value || 'any' in value) {\n const list = (value.all ?? value.any) as unknown\n if (!Array.isArray(list)) {\n errors.push({ path, message: '\"all\" / \"any\" must be an array of conditions' })\n return\n }\n list.forEach((item, index) => checkCondition(item, `${path}[${index}]`, errors))\n return\n }\n if (typeof value.when !== 'string') {\n errors.push({ path, message: 'a condition needs \"when\": the name of a field' })\n return\n }\n const forms = ['is', 'in', 'not'].filter((key) => key in value)\n if (forms.length !== 1) {\n errors.push({ path, message: 'a condition needs exactly one of \"is\", \"in\", \"not\"' })\n } else if (forms[0] === 'in' && !Array.isArray(value.in)) {\n errors.push({ path, message: '\"in\" must be an array' })\n }\n}\n\nfunction checkNode(value: unknown, path: string, errors: ScreenError[], seen: Set<string>): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'a node must be an object' })\n return\n }\n\n for (const key of Object.keys(value)) {\n if (!NODE_KEYS.has(key)) errors.push({ path, message: `unknown key \"${key}\"` })\n }\n\n if (typeof value.id !== 'string' || value.id === '') {\n errors.push({ path, message: '\"id\" is required and must be a non-empty string' })\n } else if (seen.has(value.id)) {\n errors.push({ path, message: `duplicate id \"${value.id}\"` })\n } else {\n seen.add(value.id)\n }\n\n if (typeof value.type !== 'string' || value.type === '') {\n errors.push({ path, message: '\"type\" is required and must be a non-empty string' })\n }\n\n for (const key of ['name', 'label', 'help'] as const) {\n if (key in value && typeof value[key] !== 'string') {\n errors.push({ path, message: `\"${key}\" must be a string` })\n }\n }\n if ('localized' in value && typeof value.localized !== 'boolean') {\n errors.push({ path, message: '\"localized\" must be a boolean' })\n }\n if ('props' in value && !isRecord(value.props)) {\n errors.push({ path, message: '\"props\" must be an object' })\n }\n if ('slot' in value && value.slot !== null && typeof value.slot !== 'string') {\n errors.push({ path, message: '\"slot\" must be a string or null' })\n }\n if ('can' in value && value.can !== null && typeof value.can !== 'string') {\n errors.push({ path, message: '\"can\" must be a string or null' })\n }\n if ('visible' in value && typeof value.visible !== 'boolean') {\n checkCondition(value.visible as VisibilityCondition, `${path}.visible`, errors)\n }\n\n if ('children' in value) {\n if (!Array.isArray(value.children)) {\n errors.push({ path, message: '\"children\" must be an array' })\n } else {\n value.children.forEach((child, index) =>\n checkNode(child, `${path}.children[${index}]`, errors, seen),\n )\n }\n }\n}\n\n/**\n * Checks a tree the way the JSON schema would, without a schema library: required\n * keys, closed key set, value types, and — what a schema cannot say — unique ids.\n * An empty list means the tree is sound.\n */\nexport function validateScreen(root: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(root)) return [{ path: 'root', message: 'root must be an array of nodes' }]\n const seen = new Set<string>()\n root.forEach((node, index) => checkNode(node, `root[${index}]`, errors, seen))\n return errors\n}\n\n/** Same for a patch: each operation has the keys its `op` calls for. */\nexport function validatePatch(patch: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(patch)) return [{ path: 'patch', message: 'a patch must be an array' }]\n\n patch.forEach((op, index) => {\n const path = `patch[${index}]`\n if (!isRecord(op)) {\n errors.push({ path, message: 'an operation must be an object' })\n return\n }\n if (typeof op.op !== 'string' || !OPS.has(op.op)) {\n errors.push({ path, message: '\"op\" must be one of add, remove, replace, move, set' })\n return\n }\n if (typeof op.target !== 'string' || op.target === '') {\n errors.push({ path, message: '\"target\" is required: the id of a node' })\n }\n if ((op.op === 'add' || op.op === 'replace') && !isRecord(op.node)) {\n errors.push({ path, message: `\"${op.op}\" needs a \"node\"` })\n } else if (op.op === 'add' || op.op === 'replace') {\n checkNode(op.node, `${path}.node`, errors, new Set())\n }\n if ('position' in op && !isPosition(op.position)) {\n errors.push({ path, message: '\"position\" must be first, last, before:<id> or after:<id>' })\n }\n if (op.op === 'move' && 'to' in op && typeof op.to !== 'string') {\n errors.push({ path, message: '\"to\" must be the id of the new parent' })\n }\n if (op.op === 'set') {\n for (const key of Object.keys(op)) {\n if (key !== 'op' && key !== 'target' && (!NODE_KEYS.has(key) || key === 'id')) {\n errors.push({ path, message: `\"set\" cannot change \"${key}\"` })\n }\n }\n }\n })\n\n return errors\n}\n\nfunction isPosition(value: unknown): boolean {\n return (\n typeof value === 'string' &&\n (value === 'first' ||\n value === 'last' ||\n value.startsWith('before:') ||\n value.startsWith('after:'))\n )\n}\n\nexport type { Patch, ScreenNode }\n","import { defineComponent, h, type InjectionKey, type PropType, type Ref, type VNode } from 'vue'\nimport { WxFormItem } from '@webx-ui/core'\nimport { isVisible } from './visible'\nimport type { ScreenModel, ScreenNode, Translate, TypeRegistry, ValidationErrors } from './types'\n\nexport const TRANS_MARKER = 'trans::'\n\n/** What the recursive renderer needs at every level. */\nexport interface RenderContext {\n types: TypeRegistry\n model: ScreenModel\n update: (name: string, value: unknown) => void\n translate: Translate\n can: (permission: string) => boolean\n}\n\n/**\n * The refusal of the last save, for the nodes that have to act on it rather than only draw it:\n * the tabs, which open the one the failing field is on. Fields draw theirs through `WxForm`.\n */\nexport const screenErrorsKey: InjectionKey<Ref<ValidationErrors | undefined>> =\n Symbol('wx-screen-errors')\n\n/** Whether a node would draw anything at all for this administrator and these values. */\nfunction shown(node: ScreenNode, context: RenderContext): boolean {\n if (node.can && !context.can(node.can)) return false\n return isVisible(node, context.model)\n}\n\n/** Without a dictionary the key itself shows — honest, and easy to spot in a screenshot. */\nexport const keyAsIs: Translate = (key) => key\n\n/** Translates a marked string; anything else — including `undefined` — passes through. */\nexport function words<T>(value: T, translate: Translate): T {\n if (typeof value === 'string' && value.startsWith(TRANS_MARKER)) {\n return translate(value.slice(TRANS_MARKER.length)) as T\n }\n return value\n}\n\n/** Same, through arrays and objects: `props.options[].label` is the common case. */\nexport function translateDeep<T>(value: T, translate: Translate): T {\n if (typeof value === 'string') return words(value, translate)\n if (Array.isArray(value)) return value.map((item) => translateDeep(item, translate)) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = translateDeep(item, translate)\n return out as T\n }\n return value\n}\n\nfunction renderUnknown(node: ScreenNode): VNode {\n return h(\n 'div',\n { key: node.id, class: 'wx-screen__unknown', role: 'note' },\n `Unknown type: ${node.type}`,\n )\n}\n\n/** Children grouped by the slot they asked for. */\nfunction childSlots(\n node: ScreenNode,\n defaultSlot: string,\n context: RenderContext,\n): Record<string, () => VNode[]> {\n const groups = new Map<string, ScreenNode[]>()\n for (const child of node.children ?? []) {\n const name = child.slot ?? defaultSlot\n const list = groups.get(name) ?? []\n list.push(child)\n groups.set(name, list)\n }\n const slots: Record<string, () => VNode[]> = {}\n for (const [name, children] of groups) {\n slots[name] = () => renderNodes(children, context)\n }\n return slots\n}\n\nexport function renderNode(node: ScreenNode, context: RenderContext): VNode | null {\n if (!shown(node, context)) return null\n\n const entry = context.types[node.type]\n if (!entry) return renderUnknown(node)\n\n /*\n * A container with nothing in it is not drawn. A screen declares the card the fields of a\n * project go into (`project-fields`) so that a patch knows where to stand, and on every site\n * that patches nothing it was an empty card with a heading — a promise of fields that are not\n * there. Only a container that has children to lose: one described without any is a component\n * that draws itself.\n */\n if (\n entry.kind === 'layout' &&\n node.children !== undefined &&\n !node.children.some((child) => shown(child, context))\n ) {\n return null\n }\n\n const { translate } = context\n const props: Record<string, unknown> = {\n key: node.id,\n ...translateDeep(node.props ?? {}, translate),\n ...entry.bind?.(node),\n }\n const label = words(node.label, translate)\n\n if (entry.kind === 'field') {\n const name = node.name\n const control = h(entry.component, {\n ...props,\n /* A nested field draws the children itself, so it needs the node and the way down. */\n ...(entry.nested ? { node, context } : {}),\n name,\n localized: node.localized || undefined,\n modelValue: name === undefined ? undefined : context.model[name],\n 'onUpdate:modelValue': (value: unknown) => {\n if (name !== undefined) context.update(name, value)\n },\n })\n return h(\n WxFormItem,\n { key: node.id, name, label, help: words(node.help, translate), wide: entry.wide },\n () => control,\n )\n }\n\n if (entry.kind === 'layout') {\n if (entry.labelProp && label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props, childSlots(node, entry.childrenSlot ?? 'default', context))\n }\n\n // display\n if (entry.labelProp) {\n if (label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props)\n }\n return h(entry.component, props, label === undefined ? undefined : () => label)\n}\n\nexport function renderNodes(nodes: ScreenNode[], context: RenderContext): VNode[] {\n const out: VNode[] = []\n for (const node of nodes) {\n const rendered = renderNode(node, context)\n if (rendered) out.push(rendered)\n }\n return out\n}\n\n/** A list of nodes as a component, so the tree can recurse through slots. */\nexport const WxScreenNodes = defineComponent({\n name: 'WxScreenNodes',\n props: {\n nodes: { type: Array as PropType<ScreenNode[]>, required: true },\n context: { type: Object as PropType<RenderContext>, required: true },\n },\n setup(props) {\n return () => renderNodes(props.nodes, props.context)\n },\n})\n","<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue'\nimport { WxRepeater } from '@webx-ui/core'\nimport { screenErrorsKey, WxScreenNodes, type RenderContext } from './render'\nimport type { ScreenModel, ScreenNode } from './types'\n\ndefineOptions({ name: 'WxScreenRepeater', inheritAttrs: false })\n\n/**\n * The one type with a nested model: the value is a list of records, and the node's\n * children are the fields of one of them. Every child is bound by its own `name` to a key\n * of the item, which is why a repeater is the only place where a name means nesting.\n *\n * Nothing of `WxRepeater`'s own is declared here — `title`, `itemLabel`, `min` and the\n * rest ride in as attributes, so a prop the screen did not set stays unset instead of\n * arriving as `false`.\n */\nconst props = defineProps<{\n /** The node being drawn — its children are one item's fields. */\n node: ScreenNode\n /** The renderer's context; each row gets a copy bound to its own item. */\n context: RenderContext\n /** The renderer hands every field these two. A repeater has no use for either. */\n name?: string\n localized?: boolean\n}>()\n\nconst model = defineModel<ScreenModel[]>({ default: () => [] })\n\nconst items = computed<ScreenModel[]>(() => (Array.isArray(model.value) ? model.value : []))\n\nconst attrs = useAttrs()\n\n/** The names one item's fields answer to — through layout, not into a nested repeater. */\nfunction fieldNames(nodes: ScreenNode[]): string[] {\n return nodes.flatMap((child) =>\n child.name === undefined ? fieldNames(child.children ?? []) : [child.name],\n )\n}\n\nconst refusal = inject(screenErrorsKey, null)\n\n/**\n * The refusal, row by row, under the names the row's fields answer to.\n *\n * The server names a field of a row by its path — `articles.2.url`, and a translated one down to\n * the language, `articles.2.title.en` — while the field inside the row is simply `url` or\n * `title`. Each row gets its own part, the same way the renderer maps `slug.en` onto `slug`,\n * and nothing else: without it a row's `title` shows the record's own `title` error.\n */\nconst rowErrors = computed<Record<string, string[]>[] | undefined>(() => {\n const errors = refusal?.value\n\n if (props.name === undefined) return undefined\n\n const fields = fieldNames(props.node.children ?? [])\n\n return items.value.map((_item, index) => {\n const prefix = `${props.name}.${index}.`\n const out: Record<string, string[]> = {}\n\n for (const [key, messages] of Object.entries(errors ?? {})) {\n if (!key.startsWith(prefix)) continue\n\n const rest = key.slice(prefix.length)\n const field = fields.find((name) => rest.startsWith(`${name}.`))\n\n out[rest] = messages\n if (field !== undefined && out[field] === undefined) out[field] = messages\n }\n\n return out\n })\n})\n\n/**\n * The panel's words, where the core has only English defaults: the core does not know the\n * panel's dictionary, and a translated form with \"Add\" and \"Remove\" in the middle of it is what\n * that looks like. A key the dictionary does not have — a renderer without one — comes back as\n * itself, and then the core's own word is the better answer.\n */\nfunction word(key: string): string | undefined {\n const line = props.context.translate(`webx-admin::screens.repeater.${key}`)\n\n return line.includes('::') ? undefined : line\n}\n\n/**\n * Folded unless the node says otherwise: a list of records opened all at once is a form a\n * kilometre long, and the header of each row already says which one it is. A row added now is\n * the core's business and opens anyway.\n */\nconst bound = computed(() => {\n const defaults: Record<string, unknown> = { collapsed: true }\n\n for (const [prop, key] of [\n ['addLabel', 'add'],\n ['removeLabel', 'remove'],\n ['dragLabel', 'reorder'],\n ['emptyText', 'empty'],\n ] as const) {\n const line = word(key)\n if (line !== undefined) defaults[prop] = line\n }\n\n return { ...defaults, ...attrs }\n})\n</script>\n\n<template>\n <wx-repeater\n v-bind=\"bound\"\n :model-value=\"items\"\n :row-errors=\"rowErrors\"\n @update:model-value=\"model = $event\"\n >\n <template #default=\"{ item, update }\">\n <wx-screen-nodes\n :nodes=\"node.children ?? []\"\n :context=\"{\n ...context,\n model: item,\n update: (key: string, value: unknown) => update({ [key]: value }),\n }\"\n />\n </template>\n </wx-repeater>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, ref, watch } from 'vue'\nimport { WxTabs, type TabValue } from '@webx-ui/core'\nimport { screenErrorsKey } from './render'\n\n/**\n * The tabs of a described screen: `WxTabs`, and the one thing a form of tabs needs that a strip\n * of tabs does not — a refused save opens the tab the refusal is on.\n *\n * Without it a 422 can land on a tab nobody is looking at: the message is drawn under a field\n * that is not on screen, and the form looks as if it refused for no reason. A page hosting a\n * screen cannot do this itself, because the tabs are the description's and the page never sees\n * which field sits on which of them; the registry does, and hands the answer in as `fields`.\n *\n * The tab being looked at wins when it has a failing field of its own: the editor is already\n * where the problem is, and moving them would be moving them away from it.\n */\ndefineOptions({ name: 'WxScreenTabs', inheritAttrs: false })\n\nconst props = withDefaults(\n defineProps<{\n /** The names of the fields under each tab, in the order the tabs are read. */\n fields?: Record<string, string[]>\n }>(),\n { fields: () => ({}) },\n)\n\nconst errors = inject(screenErrorsKey, null)\n\nconst active = ref<TabValue | undefined>(undefined)\n\n/** The tabs holding a failing field, in the order they are read. The renderer has already put\n `slug.en` under `slug`, so a name is looked up as it is. */\nconst failing = computed<string[]>(() => {\n const names = new Set(Object.keys(errors?.value ?? {}))\n\n return Object.entries(props.fields)\n .filter(([, fields]) => fields.some((field) => names.has(field)))\n .map(([tab]) => tab)\n})\n\nwatch(failing, (tabs) => {\n const first = tabs[0]\n\n if (first === undefined) return\n if (active.value !== undefined && tabs.includes(String(active.value))) return\n\n active.value = first\n})\n</script>\n\n<template>\n <wx-tabs v-model=\"active\" v-bind=\"$attrs\">\n <slot />\n </wx-tabs>\n</template>\n","import {\n WxAlert,\n WxAutocomplete,\n WxCard,\n WxCascader,\n WxCheckbox,\n WxCheckboxGroup,\n WxCodeEditor,\n WxCol,\n WxColorPicker,\n WxDatePicker,\n WxDateRangePicker,\n WxDateTimePicker,\n WxDivider,\n WxHeading,\n WxIconPicker,\n WxInput,\n WxInputNumber,\n WxRadioGroup,\n WxRate,\n WxRow,\n WxSegmented,\n WxSelect,\n WxSlider,\n WxSwitch,\n WxTab,\n WxTagsInput,\n WxText,\n WxTextarea,\n WxTimePicker,\n WxTransfer,\n WxTreeSelect,\n} from '@webx-ui/core'\nimport ScreenRepeater from './ScreenRepeater.vue'\nimport ScreenTabs from './ScreenTabs.vue'\nimport type { NodeKind, ScreenNode, TypeEntry, TypeRegistry } from './types'\n\n/** Every field name under a node, however deep — what a tab has to open for. */\nfunction fieldNames(node: ScreenNode): string[] {\n return (node.children ?? []).flatMap((child) =>\n child.name === undefined ? fieldNames(child) : [child.name],\n )\n}\n\n/**\n * The types every panel has: the core's layout, form and display components under\n * their full names. A module or a project adds its own the same way — `wx-media` comes\n * from `module-media`, `map` from whoever has a map.\n */\nexport const coreTypes: TypeRegistry = {\n 'wx-tabs': {\n component: ScreenTabs,\n kind: 'layout',\n // Which fields each tab holds, so a refused save can open the tab it was refused on.\n bind: (node) => ({\n fields: Object.fromEntries((node.children ?? []).map((tab) => [tab.id, fieldNames(tab)])),\n }),\n },\n 'wx-tab': {\n component: WxTab,\n kind: 'layout',\n labelProp: 'label',\n // A tab is selected by value, and the node's id is the one stable thing it has.\n bind: (node) => ({ value: node.id }),\n },\n 'wx-card': { component: WxCard, kind: 'layout', labelProp: 'title' },\n 'wx-row': {\n component: WxRow,\n kind: 'layout',\n // Marked so the renderer can hold a row at the width of one field (see `ScreenRenderer.vue`).\n bind: (node) => ({ class: ['wx-screen__row', node.props?.class] }),\n },\n 'wx-col': {\n component: WxCol,\n kind: 'layout',\n // Marked so the renderer can stack what a column holds (see `ScreenRenderer.vue`),\n // without touching a `WxCol` that some field happens to use inside itself.\n bind: (node) => ({ class: ['wx-screen__col', node.props?.class] }),\n },\n 'wx-divider': { component: WxDivider, kind: 'layout', labelProp: 'label' },\n\n 'wx-input': { component: WxInput, kind: 'field' },\n 'wx-textarea': { component: WxTextarea, kind: 'field' },\n 'wx-input-number': { component: WxInputNumber, kind: 'field' },\n 'wx-select': { component: WxSelect, kind: 'field' },\n 'wx-switch': { component: WxSwitch, kind: 'field' },\n 'wx-checkbox': { component: WxCheckbox, kind: 'field' },\n 'wx-radio-group': { component: WxRadioGroup, kind: 'field' },\n 'wx-date-picker': { component: WxDatePicker, kind: 'field' },\n 'wx-color-picker': { component: WxColorPicker, kind: 'field' },\n 'wx-checkbox-group': { component: WxCheckboxGroup, kind: 'field' },\n 'wx-segmented': { component: WxSegmented, kind: 'field' },\n 'wx-slider': { component: WxSlider, kind: 'field' },\n 'wx-rate': { component: WxRate, kind: 'field' },\n 'wx-time-picker': { component: WxTimePicker, kind: 'field' },\n 'wx-date-time-picker': {\n component: WxDateTimePicker,\n kind: 'field',\n // A moment, not a wall clock. Without the offset the server reads the hour in its own\n // timezone and the browser in the reader's, and one value shows two different times. Bound\n // over `props` on purpose: the server parses exactly this shape.\n bind: () => ({ valueFormat: \"yyyy-MM-dd'T'HH:mm:ssXXX\" }),\n },\n 'wx-date-range-picker': { component: WxDateRangePicker, kind: 'field' },\n 'wx-tags-input': { component: WxTagsInput, kind: 'field' },\n 'wx-autocomplete': { component: WxAutocomplete, kind: 'field' },\n 'wx-icon-picker': { component: WxIconPicker, kind: 'field' },\n 'wx-cascader': { component: WxCascader, kind: 'field' },\n 'wx-tree-select': { component: WxTreeSelect, kind: 'field' },\n // Wide: two lists with the buttons between them do not fit in half a form.\n 'wx-transfer': { component: WxTransfer, kind: 'field', wide: true },\n // Wide for the reason an editor is: code is read in long lines.\n 'wx-code-editor': { component: WxCodeEditor, kind: 'field', wide: true },\n 'wx-repeater': { component: ScreenRepeater, kind: 'field', nested: true, wide: true },\n\n 'wx-heading': { component: WxHeading, kind: 'display' },\n 'wx-text': { component: WxText, kind: 'display' },\n 'wx-alert': { component: WxAlert, kind: 'display', labelProp: 'title' },\n}\n\n/** Identity with a type: keeps a project's registry object checked without an import of the type. */\nexport function defineTypes<T extends TypeRegistry>(types: T): T {\n return types\n}\n\nexport interface TypeDescription {\n type: string\n kind: NodeKind\n component: string\n /** Where the node's `label` ends up, in words. */\n label: string\n}\n\nfunction componentName(entry: TypeEntry): string {\n const component = entry.component as { name?: string; __name?: string }\n return component.name ?? component.__name ?? 'anonymous'\n}\n\nfunction labelDestination(entry: TypeEntry): string {\n if (entry.kind === 'field') return 'form item'\n if (entry.labelProp) return `prop \\`${entry.labelProp}\\``\n return entry.kind === 'display' ? 'default slot' : '—'\n}\n\n/** One row per type, in registry order — what the documentation table is made of. */\nexport function describeTypes(types: TypeRegistry): TypeDescription[] {\n return Object.entries(types).map(([type, entry]) => ({\n type,\n kind: entry.kind,\n component: componentName(entry),\n label: labelDestination(entry),\n }))\n}\n\n/**\n * The registry as a Markdown table, padded the way Prettier pads one, so the generated\n * block in the guide survives `prettier --check` and a test can compare it verbatim.\n */\nexport function typesTable(types: TypeRegistry): string {\n const rows = describeTypes(types).map((row) => [\n `\\`${row.type}\\``,\n row.kind,\n `\\`${row.component}\\``,\n row.label,\n ])\n const header = ['Type', 'Kind', 'Component', '`label` goes to']\n const widths = header.map((cell, column) =>\n Math.max(cell.length, ...rows.map((row) => row[column]!.length)),\n )\n const line = (cells: string[]) =>\n `| ${cells.map((cell, column) => cell.padEnd(widths[column]!)).join(' | ')} |`\n return [line(header), line(widths.map((width) => '-'.repeat(width))), ...rows.map(line)].join(\n '\\n',\n )\n}\n","<script setup lang=\"ts\">\nimport { computed, markRaw, provide, toRaw, watch } from 'vue'\nimport { WxForm } from '@webx-ui/core'\nimport { applyPatch } from './patch'\nimport { coreTypes } from './registry'\nimport { keyAsIs, screenErrorsKey, WxScreenNodes, type RenderContext } from './render'\nimport type {\n Patch,\n PatchError,\n ScreenModel,\n ScreenNode,\n Translate,\n TypeRegistry,\n ValidationErrors,\n} from './types'\n\ndefineOptions({ name: 'WxScreenRenderer' })\n\nconst props = withDefaults(\n defineProps<{\n /** The tree to draw — a module's screen, already patched by the server. */\n root: ScreenNode[]\n /** Client-side patch applied on top, in order. */\n patch?: Patch\n /** Server-side validation errors, keyed by field name; shown under the fields. */\n errors?: ValidationErrors\n /** Project types, merged over the core ones. */\n types?: TypeRegistry\n /** Turns `trans::` strings into words. Without it the key shows. */\n translate?: Translate\n /** Decides `can`. Without it every node is allowed. */\n can?: (permission: string) => boolean\n disabled?: boolean\n labelPosition?: 'top' | 'left'\n labelWidth?: string\n size?: 'sm' | 'md' | 'lg'\n }>(),\n {\n patch: () => [],\n errors: undefined,\n types: undefined,\n translate: undefined,\n can: undefined,\n disabled: false,\n labelPosition: undefined,\n labelWidth: undefined,\n size: undefined,\n },\n)\n\nconst emit = defineEmits<{\n /** Operations that could not be applied. Also reported to the console. */\n patchError: [errors: PatchError[]]\n}>()\n\nconst model = defineModel<ScreenModel>({ default: () => ({}) })\n\nconst applied = computed(() => applyPatch(props.root, props.patch))\n\n/** Every field name on the screen, however deep — a repeater is one field, not its items. */\nfunction names(nodes: ScreenNode[]): string[] {\n return nodes.flatMap((node) =>\n node.name === undefined ? names(node.children ?? []) : [node.name],\n )\n}\n\n/**\n * The refusal, under the names the fields answer to.\n *\n * Laravel names the language that failed — `slug.en` — and `WxFormItem` looks its error up by\n * the field's own name, so a refused translated field showed nothing at all: the save failed and\n * every field looked fine. A key is matched against the field names rather than cut at its first\n * dot, because a name may carry a dot of its own (`general.project-name`, CLAUDE.md §4).\n */\nconst failing = computed<ValidationErrors | undefined>(() => {\n if (props.errors === undefined) return undefined\n\n const fields = names(applied.value.root)\n const out: ValidationErrors = { ...props.errors }\n\n for (const [key, messages] of Object.entries(props.errors)) {\n const field = fields.find((name) => key.startsWith(`${name}.`))\n\n if (field !== undefined && out[field] === undefined) out[field] = messages\n }\n\n return out\n})\n\n/**\n * What the form draws: the same, less a row's refusal put under the repeater's own name.\n *\n * `duties.1.text.ru` is a field of the second row, and the row draws it there (`ScreenRepeater`);\n * under the repeater as a whole it read as a second, different refusal of the list itself. The\n * tabs still need it under `duties`, since that is the name they know the field by.\n */\nconst fieldErrors = computed<ValidationErrors | undefined>(() => {\n if (props.errors === undefined || failing.value === undefined) return undefined\n\n const out: ValidationErrors = { ...failing.value }\n\n for (const name of Object.keys(out)) {\n if (props.errors[name] !== undefined) continue\n\n const rows = Object.keys(props.errors).filter((key) => key.startsWith(`${name}.`))\n\n if (rows.length > 0 && rows.every((key) => /^\\d+\\./.test(key.slice(name.length + 1)))) {\n delete out[name]\n }\n }\n\n return out\n})\n\n// For the nodes that act on a refusal rather than only draw it — the tabs (`ScreenTabs.vue`)\n// and the rows of a repeater.\nprovide(screenErrorsKey, failing)\n\nwatch(\n () => applied.value.errors,\n (errors) => {\n for (const error of errors) {\n console.error(`[webx-ui/schema] patch[${error.index}] ${error.op.op}: ${error.message}`)\n }\n emit('patchError', errors)\n },\n { immediate: true },\n)\n\n/**\n * A registry kept in a `ref` arrives as a reactive proxy, and Vue warns about a\n * component that is one; the raw component is what `h()` wants anyway.\n */\nconst registry = computed<TypeRegistry>(() => {\n const merged: TypeRegistry = {}\n for (const [type, entry] of Object.entries({ ...coreTypes, ...props.types })) {\n merged[type] = { ...entry, component: markRaw(toRaw(entry.component)) }\n }\n return merged\n})\n\nconst context = computed<RenderContext>(() => ({\n types: registry.value,\n model: model.value,\n update: (name, value) => {\n model.value = { ...model.value, [name]: value }\n },\n translate: props.translate ?? keyAsIs,\n can: props.can ?? (() => true),\n}))\n\ndefineExpose({\n /** The tree after the patch — what is actually on screen. */\n tree: computed(() => applied.value.root),\n})\n</script>\n\n<template>\n <wx-form\n class=\"wx-screen\"\n :errors=\"fieldErrors\"\n :disabled=\"disabled\"\n :label-position=\"labelPosition\"\n :label-width=\"labelWidth\"\n :size=\"size\"\n >\n <wx-screen-nodes :nodes=\"applied.root\" :context=\"context\" />\n </wx-form>\n</template>\n\n<style>\n/*\n * A column is a stack of fields, like a card's body. The form's own gap reaches only its\n * direct children, so two fields dropped into one `wx-col` stood flush: the label of the\n * second read as the hint of the first. Same step as the form and the card.\n */\n.wx-screen__col {\n display: flex;\n flex-direction: column;\n gap: var(--wx-gap, var(--wx-space-16));\n}\n\n/*\n * A row splits one field's width between two, it does not spread them across the card. Every\n * field stops at `--wx-field-max-width`, so a row as wide as the card put \"Start\" at the left\n * edge and \"End\" a thousand pixels away — two fields that belong together read as unrelated,\n * and each still left most of its column empty.\n *\n * Plus the gutter the row pulls back with its negative margins, so its outer edges line up with\n * the fields above and below. The columns answer to the row's width, so a pair of halves is\n * `sm: 12` — `md` needs 768px of room and a row this size never has it.\n */\n.wx-screen__row {\n max-width: calc(var(--wx-field-max-width, 640px) + var(--wx-row-gutter, 0px));\n}\n\n/*\n * A number is a few digits, and a field as wide as a title put its − and + a whole line apart,\n * with the digits alone in the middle. The core's own number keeps `width: 100%` — a filter row\n * or a table cell decides its width — so the cap is the screen's.\n */\n.wx-screen .wx-input-number {\n max-width: 240px;\n}\n\n/* Global on purpose: the placeholder is created by a render function, outside any scope. */\n.wx-screen__unknown {\n padding: var(--wx-space-8) var(--wx-space-12);\n border: 1px dashed var(--wx-color-danger);\n border-radius: var(--wx-radius-control);\n background: var(--wx-color-danger-soft);\n color: var(--wx-color-danger);\n font-family: var(--wx-font-family-mono);\n font-size: var(--wx-font-size-sm);\n}\n</style>\n"],"names":["locate","root","id","index","node","found","findNode","collectIds","ids","walk","nodes","indexFor","list","position","where","anchor","at","clone","value","out","key","item","applyPatch","patch","tree","errors","op","message","apply","clash","duplicateIn","others","parent","contains","ancestor","child","incoming","except","existing","same","a","b","evaluateCondition","condition","model","isVisible","visible","NODE_KEYS","OPS","isRecord","checkCondition","path","forms","checkNode","seen","validateScreen","validatePatch","isPosition","TRANS_MARKER","screenErrorsKey","shown","context","keyAsIs","words","translate","translateDeep","renderUnknown","childSlots","defaultSlot","groups","name","slots","children","renderNodes","renderNode","entry","props","label","control","WxFormItem","rendered","WxScreenNodes","defineComponent","__props","_useModel","items","computed","attrs","useAttrs","fieldNames","refusal","inject","rowErrors","fields","_item","prefix","messages","rest","field","word","line","bound","defaults","prop","_createBlock","_unref","WxRepeater","_mergeProps","_cache","$event","_withCtx","update","_createVNode","active","ref","failing","names","tab","watch","tabs","first","_openBlock","$attrs","_renderSlot","_ctx","coreTypes","ScreenTabs","WxTab","WxCard","WxRow","WxCol","WxDivider","WxInput","WxTextarea","WxInputNumber","WxSelect","WxSwitch","WxCheckbox","WxRadioGroup","WxDatePicker","WxColorPicker","WxCheckboxGroup","WxSegmented","WxSlider","WxRate","WxTimePicker","WxDateTimePicker","WxDateRangePicker","WxTagsInput","WxAutocomplete","WxIconPicker","WxCascader","WxTreeSelect","WxTransfer","WxCodeEditor","ScreenRepeater","WxHeading","WxText","WxAlert","defineTypes","types","componentName","component","labelDestination","describeTypes","type","typesTable","rows","row","header","widths","cell","column","cells","width","emit","__emit","applied","fieldErrors","provide","error","registry","merged","markRaw","toRaw","__expose","WxForm"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/patch.ts","../src/visible.ts","../src/validate.ts","../src/render.ts","../src/ScreenRepeater.vue","../src/ScreenTabs.vue","../src/registry.ts","../src/ScreenRenderer.vue"],"sourcesContent":["import type { Patch, PatchError, PatchOperation, PatchPosition, ScreenNode } from './types'\n\ninterface Located {\n /** The array the node sits in: the root, or a parent's `children`. */\n list: ScreenNode[]\n index: number\n node: ScreenNode\n}\n\n/** Depth-first search by `id`, remembering the array the match lives in. */\nexport function locate(root: ScreenNode[], id: string): Located | null {\n for (let index = 0; index < root.length; index += 1) {\n const node = root[index]!\n if (node.id === id) return { list: root, index, node }\n if (node.children) {\n const found = locate(node.children, id)\n if (found) return found\n }\n }\n return null\n}\n\nexport function findNode(root: ScreenNode[], id: string): ScreenNode | null {\n return locate(root, id)?.node ?? null\n}\n\n/** Every `id` in the tree, in document order. Duplicates are kept, so callers can spot them. */\nexport function collectIds(root: ScreenNode[]): string[] {\n const ids: string[] = []\n const walk = (nodes: ScreenNode[]) => {\n for (const node of nodes) {\n ids.push(node.id)\n if (node.children) walk(node.children)\n }\n }\n walk(root)\n return ids\n}\n\n/** Index a node should be inserted at in `list`, or a message when the anchor is missing. */\nfunction indexFor(list: ScreenNode[], position: PatchPosition | undefined): number | string {\n if (!position || position === 'last') return list.length\n if (position === 'first') return 0\n const [where, anchor] = position.split(':', 2) as ['before' | 'after', string]\n const at = list.findIndex((node) => node.id === anchor)\n if (at === -1) return `no sibling \"${anchor}\" to insert ${where}`\n return where === 'before' ? at : at + 1\n}\n\n/**\n * Deep copy of a JSON value. `structuredClone` refuses a Vue reactive proxy, and a\n * tree that came out of a `ref` is exactly that; reading through the proxy is fine.\n */\nexport function clone<T>(value: T): T {\n if (Array.isArray(value)) return value.map(clone) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = clone(item)\n return out as T\n }\n return value\n}\n\n/**\n * Applies a patch to a tree and returns the result as a new tree; the input is not\n * touched. An operation that cannot be applied — a `target` that does not exist, an\n * anchor that is missing — is skipped and reported, and the ones after it still run:\n * a project patch that survived a rename in the module must not silence the rest.\n */\nexport function applyPatch(\n root: ScreenNode[],\n patch: Patch,\n): { root: ScreenNode[]; errors: PatchError[] } {\n const tree = clone(root)\n const errors: PatchError[] = []\n\n patch.forEach((op, index) => {\n const message = apply(tree, op)\n if (message) errors.push({ index, op, message })\n })\n\n return { root: tree, errors }\n}\n\n/** Mutates `tree`; returns a message when the operation was refused. */\nfunction apply(tree: ScreenNode[], op: PatchOperation): string | null {\n const found = locate(tree, op.target)\n if (!found) return `target \"${op.target}\" not found`\n\n switch (op.op) {\n case 'add': {\n const clash = duplicateIn(tree, op.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n const list = (found.node.children ??= [])\n const at = indexFor(list, op.position)\n if (typeof at === 'string') return at\n list.splice(at, 0, clone(op.node))\n return null\n }\n case 'remove':\n found.list.splice(found.index, 1)\n return null\n case 'replace': {\n // The replaced node's own ids are gone, so only the rest of the tree can clash.\n const others = tree.filter((node) => node !== found.node)\n const clash = duplicateIn(others, op.node, found.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n found.list.splice(found.index, 1, clone(op.node))\n return null\n }\n case 'move': {\n let list = found.list\n if (op.to !== undefined) {\n const parent = locate(tree, op.to)\n if (!parent) return `destination \"${op.to}\" not found`\n if (parent.node === found.node || contains(found.node, parent.node)) {\n return `cannot move \"${op.target}\" into itself`\n }\n list = parent.node.children ??= []\n }\n found.list.splice(found.index, 1)\n const at = indexFor(list, op.position)\n if (typeof at === 'string') {\n // Put it back where it was: a refused move leaves the tree untouched.\n found.list.splice(found.index, 0, found.node)\n return at\n }\n list.splice(at, 0, found.node)\n return null\n }\n case 'set': {\n for (const [key, value] of Object.entries(op)) {\n if (key === 'op' || key === 'target') continue\n if (key === 'props') {\n found.node.props = { ...found.node.props, ...(value as Record<string, unknown>) }\n } else {\n ;(found.node as unknown as Record<string, unknown>)[key] = clone(value)\n }\n }\n return null\n }\n }\n}\n\nfunction contains(ancestor: ScreenNode, node: ScreenNode): boolean {\n return (ancestor.children ?? []).some((child) => child === node || contains(child, node))\n}\n\n/** First id of `incoming` that already exists in `tree`, ignoring `except`'s own subtree. */\nfunction duplicateIn(tree: ScreenNode[], incoming: ScreenNode, except?: ScreenNode): string | null {\n const existing = new Set(collectIds(tree))\n if (except) for (const id of collectIds([except])) existing.delete(id)\n return collectIds([incoming]).find((id) => existing.has(id)) ?? null\n}\n","import type { ScreenModel, ScreenNode, VisibilityCondition } from './types'\n\n/** Loose enough for `{ \"is\": 1 }` to match a numeric input, strict enough for `\"1\"` not to. */\nfunction same(a: unknown, b: unknown): boolean {\n if (a === b) return true\n if (a === null || b === null || typeof a !== 'object' || typeof b !== 'object') return false\n return JSON.stringify(a) === JSON.stringify(b)\n}\n\nexport function evaluateCondition(condition: VisibilityCondition, model: ScreenModel): boolean {\n if ('all' in condition) return condition.all.every((item) => evaluateCondition(item, model))\n if ('any' in condition) return condition.any.some((item) => evaluateCondition(item, model))\n\n const value = model[condition.when]\n if ('in' in condition) return condition.in.some((item) => same(item, value))\n if ('not' in condition) return !same(condition.not, value)\n return same(condition.is, value)\n}\n\n/** Whether a node should render, given the current model. Absent `visible` means yes. */\nexport function isVisible(node: ScreenNode, model: ScreenModel): boolean {\n const { visible } = node\n if (visible === undefined || visible === true) return true\n if (visible === false) return false\n return evaluateCondition(visible, model)\n}\n","import type { Patch, ScreenError, ScreenNode, VisibilityCondition } from './types'\n\nconst NODE_KEYS = new Set([\n 'id',\n 'type',\n 'name',\n 'label',\n 'help',\n 'localized',\n 'default',\n 'props',\n 'children',\n 'slot',\n 'visible',\n 'can',\n])\n\nconst OPS = new Set(['add', 'remove', 'replace', 'move', 'set'])\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction checkCondition(value: unknown, path: string, errors: ScreenError[]): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'visible must be a boolean or a condition object' })\n return\n }\n if ('all' in value || 'any' in value) {\n const list = (value.all ?? value.any) as unknown\n if (!Array.isArray(list)) {\n errors.push({ path, message: '\"all\" / \"any\" must be an array of conditions' })\n return\n }\n list.forEach((item, index) => checkCondition(item, `${path}[${index}]`, errors))\n return\n }\n if (typeof value.when !== 'string') {\n errors.push({ path, message: 'a condition needs \"when\": the name of a field' })\n return\n }\n const forms = ['is', 'in', 'not'].filter((key) => key in value)\n if (forms.length !== 1) {\n errors.push({ path, message: 'a condition needs exactly one of \"is\", \"in\", \"not\"' })\n } else if (forms[0] === 'in' && !Array.isArray(value.in)) {\n errors.push({ path, message: '\"in\" must be an array' })\n }\n}\n\nfunction checkNode(value: unknown, path: string, errors: ScreenError[], seen: Set<string>): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'a node must be an object' })\n return\n }\n\n for (const key of Object.keys(value)) {\n if (!NODE_KEYS.has(key)) errors.push({ path, message: `unknown key \"${key}\"` })\n }\n\n if (typeof value.id !== 'string' || value.id === '') {\n errors.push({ path, message: '\"id\" is required and must be a non-empty string' })\n } else if (seen.has(value.id)) {\n errors.push({ path, message: `duplicate id \"${value.id}\"` })\n } else {\n seen.add(value.id)\n }\n\n if (typeof value.type !== 'string' || value.type === '') {\n errors.push({ path, message: '\"type\" is required and must be a non-empty string' })\n }\n\n for (const key of ['name', 'label', 'help'] as const) {\n if (key in value && typeof value[key] !== 'string') {\n errors.push({ path, message: `\"${key}\" must be a string` })\n }\n }\n if ('localized' in value && typeof value.localized !== 'boolean') {\n errors.push({ path, message: '\"localized\" must be a boolean' })\n }\n if ('props' in value && !isRecord(value.props)) {\n errors.push({ path, message: '\"props\" must be an object' })\n }\n if ('slot' in value && value.slot !== null && typeof value.slot !== 'string') {\n errors.push({ path, message: '\"slot\" must be a string or null' })\n }\n if ('can' in value && value.can !== null && typeof value.can !== 'string') {\n errors.push({ path, message: '\"can\" must be a string or null' })\n }\n if ('visible' in value && typeof value.visible !== 'boolean') {\n checkCondition(value.visible as VisibilityCondition, `${path}.visible`, errors)\n }\n\n if ('children' in value) {\n if (!Array.isArray(value.children)) {\n errors.push({ path, message: '\"children\" must be an array' })\n } else {\n value.children.forEach((child, index) =>\n checkNode(child, `${path}.children[${index}]`, errors, seen),\n )\n }\n }\n}\n\n/**\n * Checks a tree the way the JSON schema would, without a schema library: required\n * keys, closed key set, value types, and — what a schema cannot say — unique ids.\n * An empty list means the tree is sound.\n */\nexport function validateScreen(root: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(root)) return [{ path: 'root', message: 'root must be an array of nodes' }]\n const seen = new Set<string>()\n root.forEach((node, index) => checkNode(node, `root[${index}]`, errors, seen))\n return errors\n}\n\n/** Same for a patch: each operation has the keys its `op` calls for. */\nexport function validatePatch(patch: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(patch)) return [{ path: 'patch', message: 'a patch must be an array' }]\n\n patch.forEach((op, index) => {\n const path = `patch[${index}]`\n if (!isRecord(op)) {\n errors.push({ path, message: 'an operation must be an object' })\n return\n }\n if (typeof op.op !== 'string' || !OPS.has(op.op)) {\n errors.push({ path, message: '\"op\" must be one of add, remove, replace, move, set' })\n return\n }\n if (typeof op.target !== 'string' || op.target === '') {\n errors.push({ path, message: '\"target\" is required: the id of a node' })\n }\n if ((op.op === 'add' || op.op === 'replace') && !isRecord(op.node)) {\n errors.push({ path, message: `\"${op.op}\" needs a \"node\"` })\n } else if (op.op === 'add' || op.op === 'replace') {\n checkNode(op.node, `${path}.node`, errors, new Set())\n }\n if ('position' in op && !isPosition(op.position)) {\n errors.push({ path, message: '\"position\" must be first, last, before:<id> or after:<id>' })\n }\n if (op.op === 'move' && 'to' in op && typeof op.to !== 'string') {\n errors.push({ path, message: '\"to\" must be the id of the new parent' })\n }\n if (op.op === 'set') {\n for (const key of Object.keys(op)) {\n if (key !== 'op' && key !== 'target' && (!NODE_KEYS.has(key) || key === 'id')) {\n errors.push({ path, message: `\"set\" cannot change \"${key}\"` })\n }\n }\n }\n })\n\n return errors\n}\n\nfunction isPosition(value: unknown): boolean {\n return (\n typeof value === 'string' &&\n (value === 'first' ||\n value === 'last' ||\n value.startsWith('before:') ||\n value.startsWith('after:'))\n )\n}\n\nexport type { Patch, ScreenNode }\n","import { defineComponent, h, type InjectionKey, type PropType, type Ref, type VNode } from 'vue'\nimport { WxFormItem } from '@webx-ui/core'\nimport { isVisible } from './visible'\nimport type { ScreenModel, ScreenNode, Translate, TypeRegistry, ValidationErrors } from './types'\n\nexport const TRANS_MARKER = 'trans::'\n\n/** What the recursive renderer needs at every level. */\nexport interface RenderContext {\n types: TypeRegistry\n model: ScreenModel\n update: (name: string, value: unknown) => void\n translate: Translate\n can: (permission: string) => boolean\n}\n\n/**\n * The refusal of the last save, for the nodes that have to act on it rather than only draw it:\n * the tabs, which open the one the failing field is on. Fields draw theirs through `WxForm`.\n */\nexport const screenErrorsKey: InjectionKey<Ref<ValidationErrors | undefined>> =\n Symbol('wx-screen-errors')\n\n/** Whether a node would draw anything at all for this administrator and these values. */\nfunction shown(node: ScreenNode, context: RenderContext): boolean {\n if (node.can && !context.can(node.can)) return false\n return isVisible(node, context.model)\n}\n\n/**\n * The model as the fields draw it: a field with nothing in it — absent or null — shows its\n * `default`. The site reads a missing value the same way, so a switch whose default is on is\n * drawn on rather than contradicting the page. Only what is drawn changes: writes still go to\n * the real model, so an untouched field is not sent and nothing is stored for it.\n *\n * Fields only, through layout and not into a named node — a repeater's children are the fields\n * of its rows, and each row fills its own. Returns the model itself when there is nothing to fill.\n */\nexport function withFieldDefaults(nodes: ScreenNode[], model: ScreenModel): ScreenModel {\n let filled: ScreenModel | undefined\n\n const walk = (list: ScreenNode[]): void => {\n for (const node of list) {\n if (node.name === undefined) {\n walk(node.children ?? [])\n continue\n }\n const value = model[node.name]\n if (node.default !== undefined && (value === undefined || value === null)) {\n filled ??= { ...model }\n filled[node.name] = node.default\n }\n }\n }\n\n walk(nodes)\n return filled ?? model\n}\n\n/** Without a dictionary the key itself shows — honest, and easy to spot in a screenshot. */\nexport const keyAsIs: Translate = (key) => key\n\n/** Translates a marked string; anything else — including `undefined` — passes through. */\nexport function words<T>(value: T, translate: Translate): T {\n if (typeof value === 'string' && value.startsWith(TRANS_MARKER)) {\n return translate(value.slice(TRANS_MARKER.length)) as T\n }\n return value\n}\n\n/** Same, through arrays and objects: `props.options[].label` is the common case. */\nexport function translateDeep<T>(value: T, translate: Translate): T {\n if (typeof value === 'string') return words(value, translate)\n if (Array.isArray(value)) return value.map((item) => translateDeep(item, translate)) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = translateDeep(item, translate)\n return out as T\n }\n return value\n}\n\nfunction renderUnknown(node: ScreenNode): VNode {\n return h(\n 'div',\n { key: node.id, class: 'wx-screen__unknown', role: 'note' },\n `Unknown type: ${node.type}`,\n )\n}\n\n/** Children grouped by the slot they asked for. */\nfunction childSlots(\n node: ScreenNode,\n defaultSlot: string,\n context: RenderContext,\n): Record<string, () => VNode[]> {\n const groups = new Map<string, ScreenNode[]>()\n for (const child of node.children ?? []) {\n const name = child.slot ?? defaultSlot\n const list = groups.get(name) ?? []\n list.push(child)\n groups.set(name, list)\n }\n const slots: Record<string, () => VNode[]> = {}\n for (const [name, children] of groups) {\n slots[name] = () => renderNodes(children, context)\n }\n return slots\n}\n\nexport function renderNode(node: ScreenNode, context: RenderContext): VNode | null {\n if (!shown(node, context)) return null\n\n const entry = context.types[node.type]\n if (!entry) return renderUnknown(node)\n\n /*\n * A container with nothing in it is not drawn. A screen declares the card the fields of a\n * project go into (`project-fields`) so that a patch knows where to stand, and on every site\n * that patches nothing it was an empty card with a heading — a promise of fields that are not\n * there. Only a container that has children to lose: one described without any is a component\n * that draws itself.\n */\n if (\n entry.kind === 'layout' &&\n node.children !== undefined &&\n !node.children.some((child) => shown(child, context))\n ) {\n return null\n }\n\n const { translate } = context\n const props: Record<string, unknown> = {\n key: node.id,\n ...translateDeep(node.props ?? {}, translate),\n ...entry.bind?.(node),\n }\n const label = words(node.label, translate)\n\n if (entry.kind === 'field') {\n const name = node.name\n // A control that carries its own label takes it, and the form item goes without one.\n const own = entry.labelProp !== undefined && label !== undefined\n const control = h(entry.component, {\n ...props,\n ...(own ? { [entry.labelProp as string]: label } : {}),\n /* A nested field draws the children itself, so it needs the node and the way down. */\n ...(entry.nested ? { node, context } : {}),\n name,\n localized: node.localized || undefined,\n modelValue: name === undefined ? undefined : context.model[name],\n 'onUpdate:modelValue': (value: unknown) => {\n if (name !== undefined) context.update(name, value)\n },\n })\n return h(\n WxFormItem,\n {\n key: node.id,\n name,\n label: own ? undefined : label,\n help: words(node.help, translate),\n wide: entry.wide,\n },\n () => control,\n )\n }\n\n if (entry.kind === 'layout') {\n if (entry.labelProp && label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props, childSlots(node, entry.childrenSlot ?? 'default', context))\n }\n\n // display\n if (entry.labelProp) {\n if (label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props)\n }\n\n // A paragraph is its label, or `props.text` — the way the blocks reference has always written\n // `wx-text`. Handed on as a prop it reached a component without one and drew nothing at all.\n const text = typeof props.text === 'string' ? props.text : undefined\n const body = label ?? text\n\n if (text !== undefined && label === undefined) delete props.text\n\n return h(entry.component, props, body === undefined ? undefined : () => body)\n}\n\nexport function renderNodes(nodes: ScreenNode[], context: RenderContext): VNode[] {\n const out: VNode[] = []\n for (const node of nodes) {\n const rendered = renderNode(node, context)\n if (rendered) out.push(rendered)\n }\n return out\n}\n\n/** A list of nodes as a component, so the tree can recurse through slots. */\nexport const WxScreenNodes = defineComponent({\n name: 'WxScreenNodes',\n props: {\n nodes: { type: Array as PropType<ScreenNode[]>, required: true },\n context: { type: Object as PropType<RenderContext>, required: true },\n },\n setup(props) {\n return () => renderNodes(props.nodes, props.context)\n },\n})\n","<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue'\nimport { WxRepeater } from '@webx-ui/core'\nimport { screenErrorsKey, withFieldDefaults, WxScreenNodes, type RenderContext } from './render'\nimport type { ScreenModel, ScreenNode } from './types'\n\ndefineOptions({ name: 'WxScreenRepeater', inheritAttrs: false })\n\n/**\n * The one type with a nested model: the value is a list of records, and the node's\n * children are the fields of one of them. Every child is bound by its own `name` to a key\n * of the item, which is why a repeater is the only place where a name means nesting.\n *\n * Nothing of `WxRepeater`'s own is declared here — `title`, `itemLabel`, `min` and the\n * rest ride in as attributes, so a prop the screen did not set stays unset instead of\n * arriving as `false`.\n */\nconst props = defineProps<{\n /** The node being drawn — its children are one item's fields. */\n node: ScreenNode\n /** The renderer's context; each row gets a copy bound to its own item. */\n context: RenderContext\n /** The renderer hands every field these two. A repeater has no use for either. */\n name?: string\n localized?: boolean\n}>()\n\nconst model = defineModel<ScreenModel[]>({ default: () => [] })\n\nconst items = computed<ScreenModel[]>(() => (Array.isArray(model.value) ? model.value : []))\n\nconst attrs = useAttrs()\n\n/** The names one item's fields answer to — through layout, not into a nested repeater. */\nfunction fieldNames(nodes: ScreenNode[]): string[] {\n return nodes.flatMap((child) =>\n child.name === undefined ? fieldNames(child.children ?? []) : [child.name],\n )\n}\n\nconst refusal = inject(screenErrorsKey, null)\n\n/**\n * The refusal, row by row, under the names the row's fields answer to.\n *\n * The server names a field of a row by its path — `articles.2.url`, and a translated one down to\n * the language, `articles.2.title.en` — while the field inside the row is simply `url` or\n * `title`. Each row gets its own part, the same way the renderer maps `slug.en` onto `slug`,\n * and nothing else: without it a row's `title` shows the record's own `title` error.\n */\nconst rowErrors = computed<Record<string, string[]>[] | undefined>(() => {\n const errors = refusal?.value\n\n if (props.name === undefined) return undefined\n\n const fields = fieldNames(props.node.children ?? [])\n\n return items.value.map((_item, index) => {\n const prefix = `${props.name}.${index}.`\n const out: Record<string, string[]> = {}\n\n for (const [key, messages] of Object.entries(errors ?? {})) {\n if (!key.startsWith(prefix)) continue\n\n const rest = key.slice(prefix.length)\n const field = fields.find((name) => rest.startsWith(`${name}.`))\n\n out[rest] = messages\n if (field !== undefined && out[field] === undefined) out[field] = messages\n }\n\n return out\n })\n})\n\n/**\n * The panel's words, where the core has only English defaults: the core does not know the\n * panel's dictionary, and a translated form with \"Add\" and \"Remove\" in the middle of it is what\n * that looks like. A key the dictionary does not have — a renderer without one — comes back as\n * itself, and then the core's own word is the better answer.\n */\nfunction word(key: string): string | undefined {\n const line = props.context.translate(`webx-admin::screens.repeater.${key}`)\n\n return line.includes('::') ? undefined : line\n}\n\n/**\n * Folded unless the node says otherwise: a list of records opened all at once is a form a\n * kilometre long, and the header of each row already says which one it is. A row added now is\n * the core's business and opens anyway.\n */\nconst bound = computed(() => {\n const defaults: Record<string, unknown> = { collapsed: true }\n\n for (const [prop, key] of [\n ['addLabel', 'add'],\n ['removeLabel', 'remove'],\n ['dragLabel', 'reorder'],\n ['emptyText', 'empty'],\n ] as const) {\n const line = word(key)\n if (line !== undefined) defaults[prop] = line\n }\n\n return { ...defaults, ...attrs }\n})\n</script>\n\n<template>\n <wx-repeater\n v-bind=\"bound\"\n :model-value=\"items\"\n :row-errors=\"rowErrors\"\n @update:model-value=\"model = $event\"\n >\n <template #default=\"{ item, update }\">\n <wx-screen-nodes\n :nodes=\"node.children ?? []\"\n :context=\"{\n ...context,\n model: withFieldDefaults(node.children ?? [], item),\n update: (key: string, value: unknown) => update({ [key]: value }),\n }\"\n />\n </template>\n </wx-repeater>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, ref, watch } from 'vue'\nimport { WxTabs, type TabValue } from '@webx-ui/core'\nimport { screenErrorsKey } from './render'\n\n/**\n * The tabs of a described screen: `WxTabs`, and the one thing a form of tabs needs that a strip\n * of tabs does not — a refused save opens the tab the refusal is on.\n *\n * Without it a 422 can land on a tab nobody is looking at: the message is drawn under a field\n * that is not on screen, and the form looks as if it refused for no reason. A page hosting a\n * screen cannot do this itself, because the tabs are the description's and the page never sees\n * which field sits on which of them; the registry does, and hands the answer in as `fields`.\n *\n * The tab being looked at wins when it has a failing field of its own: the editor is already\n * where the problem is, and moving them would be moving them away from it.\n */\ndefineOptions({ name: 'WxScreenTabs', inheritAttrs: false })\n\nconst props = withDefaults(\n defineProps<{\n /** The names of the fields under each tab, in the order the tabs are read. */\n fields?: Record<string, string[]>\n }>(),\n { fields: () => ({}) },\n)\n\nconst errors = inject(screenErrorsKey, null)\n\nconst active = ref<TabValue | undefined>(undefined)\n\n/** The tabs holding a failing field, in the order they are read. The renderer has already put\n `slug.en` under `slug`, so a name is looked up as it is. */\nconst failing = computed<string[]>(() => {\n const names = new Set(Object.keys(errors?.value ?? {}))\n\n return Object.entries(props.fields)\n .filter(([, fields]) => fields.some((field) => names.has(field)))\n .map(([tab]) => tab)\n})\n\nwatch(failing, (tabs) => {\n const first = tabs[0]\n\n if (first === undefined) return\n if (active.value !== undefined && tabs.includes(String(active.value))) return\n\n active.value = first\n})\n</script>\n\n<template>\n <wx-tabs v-model=\"active\" v-bind=\"$attrs\">\n <slot />\n </wx-tabs>\n</template>\n","import {\n WxAlert,\n WxAutocomplete,\n WxCard,\n WxCascader,\n WxCheckbox,\n WxCheckboxGroup,\n WxCodeEditor,\n WxCol,\n WxColorPicker,\n WxDatePicker,\n WxDateRangePicker,\n WxDateTimePicker,\n WxDivider,\n WxHeading,\n WxIconPicker,\n WxInput,\n WxInputNumber,\n WxRadioGroup,\n WxRate,\n WxRow,\n WxSegmented,\n WxSelect,\n WxSlider,\n WxSwitch,\n WxTab,\n WxTagsInput,\n WxText,\n WxTextarea,\n WxTimePicker,\n WxTransfer,\n WxTreeSelect,\n} from '@webx-ui/core'\nimport ScreenRepeater from './ScreenRepeater.vue'\nimport ScreenTabs from './ScreenTabs.vue'\nimport type { NodeKind, ScreenNode, TypeEntry, TypeRegistry } from './types'\n\n/** Every field name under a node, however deep — what a tab has to open for. */\nfunction fieldNames(node: ScreenNode): string[] {\n return (node.children ?? []).flatMap((child) =>\n child.name === undefined ? fieldNames(child) : [child.name],\n )\n}\n\n/**\n * The types every panel has: the core's layout, form and display components under\n * their full names. A module or a project adds its own the same way — `wx-media` comes\n * from `module-media`, `map` from whoever has a map.\n */\nexport const coreTypes: TypeRegistry = {\n 'wx-tabs': {\n component: ScreenTabs,\n kind: 'layout',\n // Which fields each tab holds, so a refused save can open the tab it was refused on.\n bind: (node) => ({\n fields: Object.fromEntries((node.children ?? []).map((tab) => [tab.id, fieldNames(tab)])),\n }),\n },\n 'wx-tab': {\n component: WxTab,\n kind: 'layout',\n labelProp: 'label',\n // A tab is selected by value, and the node's id is the one stable thing it has.\n bind: (node) => ({ value: node.id }),\n },\n 'wx-card': { component: WxCard, kind: 'layout', labelProp: 'title' },\n 'wx-row': {\n component: WxRow,\n kind: 'layout',\n // Marked so the renderer can hold a row at the width of one field (see `ScreenRenderer.vue`).\n bind: (node) => ({ class: ['wx-screen__row', node.props?.class] }),\n },\n 'wx-col': {\n component: WxCol,\n kind: 'layout',\n // Marked so the renderer can stack what a column holds (see `ScreenRenderer.vue`),\n // without touching a `WxCol` that some field happens to use inside itself.\n bind: (node) => ({ class: ['wx-screen__col', node.props?.class] }),\n },\n 'wx-divider': { component: WxDivider, kind: 'layout', labelProp: 'label' },\n\n 'wx-input': { component: WxInput, kind: 'field' },\n 'wx-textarea': { component: WxTextarea, kind: 'field' },\n 'wx-input-number': { component: WxInputNumber, kind: 'field' },\n 'wx-select': { component: WxSelect, kind: 'field' },\n // The label beside the control rather than above it: on, off, and what is being turned.\n 'wx-switch': { component: WxSwitch, kind: 'field', labelProp: 'label' },\n 'wx-checkbox': { component: WxCheckbox, kind: 'field', labelProp: 'label' },\n 'wx-radio-group': { component: WxRadioGroup, kind: 'field' },\n 'wx-date-picker': { component: WxDatePicker, kind: 'field' },\n 'wx-color-picker': { component: WxColorPicker, kind: 'field' },\n 'wx-checkbox-group': { component: WxCheckboxGroup, kind: 'field' },\n 'wx-segmented': { component: WxSegmented, kind: 'field' },\n 'wx-slider': { component: WxSlider, kind: 'field' },\n 'wx-rate': { component: WxRate, kind: 'field' },\n 'wx-time-picker': { component: WxTimePicker, kind: 'field' },\n 'wx-date-time-picker': {\n component: WxDateTimePicker,\n kind: 'field',\n // A moment, not a wall clock. Without the offset the server reads the hour in its own\n // timezone and the browser in the reader's, and one value shows two different times. Bound\n // over `props` on purpose: the server parses exactly this shape.\n bind: () => ({ valueFormat: \"yyyy-MM-dd'T'HH:mm:ssXXX\" }),\n },\n 'wx-date-range-picker': { component: WxDateRangePicker, kind: 'field' },\n 'wx-tags-input': { component: WxTagsInput, kind: 'field' },\n 'wx-autocomplete': { component: WxAutocomplete, kind: 'field' },\n 'wx-icon-picker': { component: WxIconPicker, kind: 'field' },\n 'wx-cascader': { component: WxCascader, kind: 'field' },\n 'wx-tree-select': { component: WxTreeSelect, kind: 'field' },\n // Wide: two lists with the buttons between them do not fit in half a form.\n 'wx-transfer': { component: WxTransfer, kind: 'field', wide: true },\n // Wide for the reason an editor is: code is read in long lines.\n 'wx-code-editor': { component: WxCodeEditor, kind: 'field', wide: true },\n 'wx-repeater': { component: ScreenRepeater, kind: 'field', nested: true, wide: true },\n\n 'wx-heading': { component: WxHeading, kind: 'display' },\n 'wx-text': { component: WxText, kind: 'display' },\n 'wx-alert': { component: WxAlert, kind: 'display', labelProp: 'title' },\n}\n\n/** Identity with a type: keeps a project's registry object checked without an import of the type. */\nexport function defineTypes<T extends TypeRegistry>(types: T): T {\n return types\n}\n\nexport interface TypeDescription {\n type: string\n kind: NodeKind\n component: string\n /** Where the node's `label` ends up, in words. */\n label: string\n}\n\nfunction componentName(entry: TypeEntry): string {\n const component = entry.component as { name?: string; __name?: string }\n return component.name ?? component.__name ?? 'anonymous'\n}\n\nfunction labelDestination(entry: TypeEntry): string {\n if (entry.kind === 'field') return 'form item'\n if (entry.labelProp) return `prop \\`${entry.labelProp}\\``\n return entry.kind === 'display' ? 'default slot' : '—'\n}\n\n/** One row per type, in registry order — what the documentation table is made of. */\nexport function describeTypes(types: TypeRegistry): TypeDescription[] {\n return Object.entries(types).map(([type, entry]) => ({\n type,\n kind: entry.kind,\n component: componentName(entry),\n label: labelDestination(entry),\n }))\n}\n\n/**\n * The registry as a Markdown table, padded the way Prettier pads one, so the generated\n * block in the guide survives `prettier --check` and a test can compare it verbatim.\n */\nexport function typesTable(types: TypeRegistry): string {\n const rows = describeTypes(types).map((row) => [\n `\\`${row.type}\\``,\n row.kind,\n `\\`${row.component}\\``,\n row.label,\n ])\n const header = ['Type', 'Kind', 'Component', '`label` goes to']\n const widths = header.map((cell, column) =>\n Math.max(cell.length, ...rows.map((row) => row[column]!.length)),\n )\n const line = (cells: string[]) =>\n `| ${cells.map((cell, column) => cell.padEnd(widths[column]!)).join(' | ')} |`\n return [line(header), line(widths.map((width) => '-'.repeat(width))), ...rows.map(line)].join(\n '\\n',\n )\n}\n","<script setup lang=\"ts\">\nimport { computed, markRaw, provide, toRaw, watch } from 'vue'\nimport { WxForm } from '@webx-ui/core'\nimport { applyPatch } from './patch'\nimport { coreTypes } from './registry'\nimport {\n keyAsIs,\n screenErrorsKey,\n withFieldDefaults,\n WxScreenNodes,\n type RenderContext,\n} from './render'\nimport type {\n Patch,\n PatchError,\n ScreenModel,\n ScreenNode,\n Translate,\n TypeRegistry,\n ValidationErrors,\n} from './types'\n\ndefineOptions({ name: 'WxScreenRenderer' })\n\nconst props = withDefaults(\n defineProps<{\n /** The tree to draw — a module's screen, already patched by the server. */\n root: ScreenNode[]\n /** Client-side patch applied on top, in order. */\n patch?: Patch\n /** Server-side validation errors, keyed by field name; shown under the fields. */\n errors?: ValidationErrors\n /** Project types, merged over the core ones. */\n types?: TypeRegistry\n /** Turns `trans::` strings into words. Without it the key shows. */\n translate?: Translate\n /** Decides `can`. Without it every node is allowed. */\n can?: (permission: string) => boolean\n disabled?: boolean\n labelPosition?: 'top' | 'left'\n labelWidth?: string\n size?: 'sm' | 'md' | 'lg'\n }>(),\n {\n patch: () => [],\n errors: undefined,\n types: undefined,\n translate: undefined,\n can: undefined,\n disabled: false,\n labelPosition: undefined,\n labelWidth: undefined,\n size: undefined,\n },\n)\n\nconst emit = defineEmits<{\n /** Operations that could not be applied. Also reported to the console. */\n patchError: [errors: PatchError[]]\n}>()\n\nconst model = defineModel<ScreenModel>({ default: () => ({}) })\n\nconst applied = computed(() => applyPatch(props.root, props.patch))\n\n/** Every field name on the screen, however deep — a repeater is one field, not its items. */\nfunction names(nodes: ScreenNode[]): string[] {\n return nodes.flatMap((node) =>\n node.name === undefined ? names(node.children ?? []) : [node.name],\n )\n}\n\n/**\n * The refusal, under the names the fields answer to.\n *\n * Laravel names the language that failed — `slug.en` — and `WxFormItem` looks its error up by\n * the field's own name, so a refused translated field showed nothing at all: the save failed and\n * every field looked fine. A key is matched against the field names rather than cut at its first\n * dot, because a name may carry a dot of its own (`general.project-name`, CLAUDE.md §4).\n */\nconst failing = computed<ValidationErrors | undefined>(() => {\n if (props.errors === undefined) return undefined\n\n const fields = names(applied.value.root)\n const out: ValidationErrors = { ...props.errors }\n\n for (const [key, messages] of Object.entries(props.errors)) {\n const field = fields.find((name) => key.startsWith(`${name}.`))\n\n if (field !== undefined && out[field] === undefined) out[field] = messages\n }\n\n return out\n})\n\n/**\n * What the form draws: the same, less a row's refusal put under the repeater's own name.\n *\n * `duties.1.text.ru` is a field of the second row, and the row draws it there (`ScreenRepeater`);\n * under the repeater as a whole it read as a second, different refusal of the list itself. The\n * tabs still need it under `duties`, since that is the name they know the field by.\n */\nconst fieldErrors = computed<ValidationErrors | undefined>(() => {\n if (props.errors === undefined || failing.value === undefined) return undefined\n\n const out: ValidationErrors = { ...failing.value }\n\n for (const name of Object.keys(out)) {\n if (props.errors[name] !== undefined) continue\n\n const rows = Object.keys(props.errors).filter((key) => key.startsWith(`${name}.`))\n\n if (rows.length > 0 && rows.every((key) => /^\\d+\\./.test(key.slice(name.length + 1)))) {\n delete out[name]\n }\n }\n\n return out\n})\n\n// For the nodes that act on a refusal rather than only draw it — the tabs (`ScreenTabs.vue`)\n// and the rows of a repeater.\nprovide(screenErrorsKey, failing)\n\nwatch(\n () => applied.value.errors,\n (errors) => {\n for (const error of errors) {\n console.error(`[webx-ui/schema] patch[${error.index}] ${error.op.op}: ${error.message}`)\n }\n emit('patchError', errors)\n },\n { immediate: true },\n)\n\n/**\n * A registry kept in a `ref` arrives as a reactive proxy, and Vue warns about a\n * component that is one; the raw component is what `h()` wants anyway.\n */\nconst registry = computed<TypeRegistry>(() => {\n const merged: TypeRegistry = {}\n for (const [type, entry] of Object.entries({ ...coreTypes, ...props.types })) {\n merged[type] = { ...entry, component: markRaw(toRaw(entry.component)) }\n }\n return merged\n})\n\nconst context = computed<RenderContext>(() => ({\n types: registry.value,\n // Drawn with the defaults filled in; `update` below writes to the model as it is.\n model: withFieldDefaults(applied.value.root, model.value),\n update: (name, value) => {\n model.value = { ...model.value, [name]: value }\n },\n translate: props.translate ?? keyAsIs,\n can: props.can ?? (() => true),\n}))\n\ndefineExpose({\n /** The tree after the patch — what is actually on screen. */\n tree: computed(() => applied.value.root),\n})\n</script>\n\n<template>\n <wx-form\n class=\"wx-screen\"\n :errors=\"fieldErrors\"\n :disabled=\"disabled\"\n :label-position=\"labelPosition\"\n :label-width=\"labelWidth\"\n :size=\"size\"\n >\n <wx-screen-nodes :nodes=\"applied.root\" :context=\"context\" />\n </wx-form>\n</template>\n\n<style>\n/*\n * A column is a stack of fields, like a card's body. The form's own gap reaches only its\n * direct children, so two fields dropped into one `wx-col` stood flush: the label of the\n * second read as the hint of the first. Same step as the form and the card.\n */\n.wx-screen__col {\n display: flex;\n flex-direction: column;\n gap: var(--wx-gap, var(--wx-space-16));\n}\n\n/*\n * A row splits one field's width between two, it does not spread them across the card. Every\n * field stops at `--wx-field-max-width`, so a row as wide as the card put \"Start\" at the left\n * edge and \"End\" a thousand pixels away — two fields that belong together read as unrelated,\n * and each still left most of its column empty.\n *\n * Plus the gutter the row pulls back with its negative margins, so its outer edges line up with\n * the fields above and below. The columns answer to the row's width, so a pair of halves is\n * `sm: 12` — `md` needs 768px of room and a row this size never has it.\n */\n.wx-screen__row {\n max-width: calc(var(--wx-field-max-width, 640px) + var(--wx-row-gutter, 0px));\n}\n\n/* Global on purpose: the placeholder is created by a render function, outside any scope. */\n.wx-screen__unknown {\n padding: var(--wx-space-8) var(--wx-space-12);\n border: 1px dashed var(--wx-color-danger);\n border-radius: var(--wx-radius-control);\n background: var(--wx-color-danger-soft);\n color: var(--wx-color-danger);\n font-family: var(--wx-font-family-mono);\n font-size: var(--wx-font-size-sm);\n}\n</style>\n"],"names":["locate","root","id","index","node","found","findNode","collectIds","ids","walk","nodes","indexFor","list","position","where","anchor","at","clone","value","out","key","item","applyPatch","patch","tree","errors","op","message","apply","clash","duplicateIn","others","parent","contains","ancestor","child","incoming","except","existing","same","a","b","evaluateCondition","condition","model","isVisible","visible","NODE_KEYS","OPS","isRecord","checkCondition","path","forms","checkNode","seen","validateScreen","validatePatch","isPosition","TRANS_MARKER","screenErrorsKey","shown","context","withFieldDefaults","filled","keyAsIs","words","translate","translateDeep","renderUnknown","h","childSlots","defaultSlot","groups","name","slots","children","renderNodes","renderNode","entry","props","label","own","control","WxFormItem","text","body","rendered","WxScreenNodes","defineComponent","__props","_useModel","items","computed","attrs","useAttrs","fieldNames","refusal","inject","rowErrors","fields","_item","prefix","messages","rest","field","word","line","bound","defaults","prop","_createBlock","_unref","WxRepeater","_mergeProps","_cache","$event","_withCtx","update","_createVNode","active","ref","failing","names","tab","watch","tabs","first","_openBlock","$attrs","_renderSlot","_ctx","coreTypes","ScreenTabs","WxTab","WxCard","WxRow","WxCol","WxDivider","WxInput","WxTextarea","WxInputNumber","WxSelect","WxSwitch","WxCheckbox","WxRadioGroup","WxDatePicker","WxColorPicker","WxCheckboxGroup","WxSegmented","WxSlider","WxRate","WxTimePicker","WxDateTimePicker","WxDateRangePicker","WxTagsInput","WxAutocomplete","WxIconPicker","WxCascader","WxTreeSelect","WxTransfer","WxCodeEditor","ScreenRepeater","WxHeading","WxText","WxAlert","defineTypes","types","componentName","component","labelDestination","describeTypes","type","typesTable","rows","row","header","widths","cell","column","cells","width","emit","__emit","applied","fieldErrors","provide","error","registry","merged","markRaw","toRaw","__expose","WxForm"],"mappings":"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"}
package/dist/render.d.ts CHANGED
@@ -14,6 +14,16 @@ export interface RenderContext {
14
14
  * the tabs, which open the one the failing field is on. Fields draw theirs through `WxForm`.
15
15
  */
16
16
  export declare const screenErrorsKey: InjectionKey<Ref<ValidationErrors | undefined>>;
17
+ /**
18
+ * The model as the fields draw it: a field with nothing in it — absent or null — shows its
19
+ * `default`. The site reads a missing value the same way, so a switch whose default is on is
20
+ * drawn on rather than contradicting the page. Only what is drawn changes: writes still go to
21
+ * the real model, so an untouched field is not sent and nothing is stored for it.
22
+ *
23
+ * Fields only, through layout and not into a named node — a repeater's children are the fields
24
+ * of its rows, and each row fills its own. Returns the model itself when there is nothing to fill.
25
+ */
26
+ export declare function withFieldDefaults(nodes: ScreenNode[], model: ScreenModel): ScreenModel;
17
27
  /** Without a dictionary the key itself shows — honest, and easy to spot in a screenshot. */
18
28
  export declare const keyAsIs: Translate;
19
29
  /** Translates a marked string; anything else — including `undefined` — passes through. */
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .wx-screen__col{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16))}.wx-screen__row{max-width:calc(var(--wx-field-max-width, 640px) + var(--wx-row-gutter, 0px))}.wx-screen .wx-input-number{max-width:240px}.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__row{max-width:calc(var(--wx-field-max-width, 640px) + var(--wx-row-gutter, 0px))}.wx-screen__unknown{padding:var(--wx-space-8) var(--wx-space-12);border:1px dashed var(--wx-color-danger);border-radius:var(--wx-radius-control);background:var(--wx-color-danger-soft);color:var(--wx-color-danger);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm)}
package/dist/types.d.ts CHANGED
@@ -22,6 +22,12 @@ export interface ScreenNode {
22
22
  help?: string;
23
23
  /** The field is edited per content language; the value is a record keyed by locale. */
24
24
  localized?: boolean;
25
+ /**
26
+ * For fields: what is drawn — and what the site reads — while nothing is stored. Checked
27
+ * on the server by the type's own rules. A localized field takes one plain value for every
28
+ * language. Never written on its own: an untouched field still saves nothing.
29
+ */
30
+ default?: unknown;
25
31
  /** Passed to the component untouched. */
26
32
  props?: Record<string, unknown>;
27
33
  children?: ScreenNode[];
@@ -108,7 +114,9 @@ export interface TypeEntry {
108
114
  childrenSlot?: string;
109
115
  /**
110
116
  * Prop the node's `label` goes to (`title` on a card). For a `display` type without
111
- * one the label becomes the default slot content; a `field` shows it in its form item.
117
+ * one the label becomes the default slot content; a `field` shows it in its form item —
118
+ * unless it names one, and then the control carries its label itself, beside it (a switch,
119
+ * a checkbox), and the form item keeps only the help and the error.
112
120
  */
113
121
  labelProp?: string;
114
122
  /** Props derived from the node itself, beyond `props` — a tab's `value`, say. */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webx-ui/schema",
3
- "version": "0.7.3",
3
+ "version": "0.8.0",
4
4
  "description": "Screens as JSON for WebX UI admin panels: the node format, patches, the type registry and the renderer.",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -44,7 +44,7 @@
44
44
  "vue": "^3.5.0"
45
45
  },
46
46
  "dependencies": {
47
- "@webx-ui/core": "^0.37.0"
47
+ "@webx-ui/core": "^0.38.0"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@types/node": "^24.10.1",
@@ -70,6 +70,7 @@
70
70
  "label": { "type": "string" },
71
71
  "help": { "type": "string" },
72
72
  "localized": { "type": "boolean" },
73
+ "default": {},
73
74
  "props": {
74
75
  "type": "object",
75
76
  "description": "Merged key by key into the node's props."
@@ -42,6 +42,9 @@
42
42
  "type": "boolean",
43
43
  "description": "The value is a record keyed by content language."
44
44
  },
45
+ "default": {
46
+ "description": "For fields: the value shown and read while nothing is stored. Checked by the field type's own rules; a localized field takes one plain value for every language."
47
+ },
45
48
  "props": {
46
49
  "type": "object",
47
50
  "description": "Passed to the component untouched.",