@webx-ui/schema 0.4.0 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +153 -123
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { WxFormItem as
|
|
2
|
-
import { defineComponent as A, h as f, useModel as
|
|
3
|
-
function
|
|
1
|
+
import { WxFormItem as F, WxRepeater as q, WxAlert as B, WxText as U, WxHeading as H, WxCodeEditor as K, WxTransfer as L, WxTreeSelect as X, WxCascader as G, WxIconPicker as J, WxAutocomplete as _, WxTagsInput as Y, WxDateRangePicker as Q, WxDateTimePicker as Z, WxTimePicker as ee, WxRate as ne, WxSlider as te, WxSegmented as oe, WxCheckboxGroup as ie, WxColorPicker as re, WxDatePicker as se, WxRadioGroup as ae, WxCheckbox as de, WxSwitch as ce, WxSelect as le, WxInputNumber as fe, WxTextarea as ue, WxInput as pe, WxDivider as me, WxCol as ye, WxRow as xe, WxCard as be, WxTab as he, WxTabs as ge, WxForm as ke } from "@webx-ui/core";
|
|
2
|
+
import { defineComponent as A, h as f, useModel as R, computed as u, useAttrs as we, openBlock as N, createBlock as C, unref as x, mergeProps as We, withCtx as E, createVNode as O, mergeModels as k, watch as $e, markRaw as Ae, toRaw as Se } from "vue";
|
|
3
|
+
function b(e, t) {
|
|
4
4
|
for (let n = 0; n < e.length; n += 1) {
|
|
5
5
|
const i = e[n];
|
|
6
6
|
if (i.id === t) return { list: e, index: n, node: i };
|
|
7
7
|
if (i.children) {
|
|
8
|
-
const o =
|
|
8
|
+
const o = b(i.children, t);
|
|
9
9
|
if (o) return o;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
return null;
|
|
13
13
|
}
|
|
14
|
-
function
|
|
15
|
-
return
|
|
14
|
+
function Be(e, t) {
|
|
15
|
+
return b(e, t)?.node ?? null;
|
|
16
16
|
}
|
|
17
|
-
function
|
|
17
|
+
function h(e) {
|
|
18
18
|
const t = [], n = (i) => {
|
|
19
19
|
for (const o of i)
|
|
20
20
|
t.push(o.id), o.children && n(o.children);
|
|
21
21
|
};
|
|
22
22
|
return n(e), t;
|
|
23
23
|
}
|
|
24
|
-
function
|
|
24
|
+
function P(e, t) {
|
|
25
25
|
if (!t || t === "last") return e.length;
|
|
26
26
|
if (t === "first") return 0;
|
|
27
27
|
const [n, i] = t.split(":", 2), o = e.findIndex((r) => r.id === i);
|
|
@@ -36,40 +36,40 @@ function p(e) {
|
|
|
36
36
|
}
|
|
37
37
|
return e;
|
|
38
38
|
}
|
|
39
|
-
function
|
|
39
|
+
function Pe(e, t) {
|
|
40
40
|
const n = p(e), i = [];
|
|
41
41
|
return t.forEach((o, r) => {
|
|
42
|
-
const s =
|
|
42
|
+
const s = je(n, o);
|
|
43
43
|
s && i.push({ index: r, op: o, message: s });
|
|
44
44
|
}), { root: n, errors: i };
|
|
45
45
|
}
|
|
46
|
-
function
|
|
47
|
-
const n =
|
|
46
|
+
function je(e, t) {
|
|
47
|
+
const n = b(e, t.target);
|
|
48
48
|
if (!n) return `target "${t.target}" not found`;
|
|
49
49
|
switch (t.op) {
|
|
50
50
|
case "add": {
|
|
51
|
-
const i =
|
|
51
|
+
const i = j(e, t.node);
|
|
52
52
|
if (i) return `id "${i}" already exists in the screen`;
|
|
53
|
-
const o = n.node.children ??= [], r =
|
|
53
|
+
const o = n.node.children ??= [], r = P(o, t.position);
|
|
54
54
|
return typeof r == "string" ? r : (o.splice(r, 0, p(t.node)), null);
|
|
55
55
|
}
|
|
56
56
|
case "remove":
|
|
57
57
|
return n.list.splice(n.index, 1), null;
|
|
58
58
|
case "replace": {
|
|
59
|
-
const i = e.filter((r) => r !== n.node), o =
|
|
59
|
+
const i = e.filter((r) => r !== n.node), o = j(i, t.node, n.node);
|
|
60
60
|
return o ? `id "${o}" already exists in the screen` : (n.list.splice(n.index, 1, p(t.node)), null);
|
|
61
61
|
}
|
|
62
62
|
case "move": {
|
|
63
63
|
let i = n.list;
|
|
64
64
|
if (t.to !== void 0) {
|
|
65
|
-
const r =
|
|
65
|
+
const r = b(e, t.to);
|
|
66
66
|
if (!r) return `destination "${t.to}" not found`;
|
|
67
|
-
if (r.node === n.node ||
|
|
67
|
+
if (r.node === n.node || z(n.node, r.node))
|
|
68
68
|
return `cannot move "${t.target}" into itself`;
|
|
69
69
|
i = r.node.children ??= [];
|
|
70
70
|
}
|
|
71
71
|
n.list.splice(n.index, 1);
|
|
72
|
-
const o =
|
|
72
|
+
const o = P(i, t.position);
|
|
73
73
|
return typeof o == "string" ? (n.list.splice(n.index, 0, n.node), o) : (i.splice(o, 0, n.node), null);
|
|
74
74
|
}
|
|
75
75
|
case "set": {
|
|
@@ -79,28 +79,28 @@ function ue(e, t) {
|
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
function
|
|
83
|
-
return (e.children ?? []).some((n) => n === t ||
|
|
82
|
+
function z(e, t) {
|
|
83
|
+
return (e.children ?? []).some((n) => n === t || z(n, t));
|
|
84
84
|
}
|
|
85
|
-
function
|
|
86
|
-
const i = new Set(
|
|
87
|
-
if (n) for (const o of
|
|
88
|
-
return
|
|
85
|
+
function j(e, t, n) {
|
|
86
|
+
const i = new Set(h(e));
|
|
87
|
+
if (n) for (const o of h([n])) i.delete(o);
|
|
88
|
+
return h([t]).find((o) => i.has(o)) ?? null;
|
|
89
89
|
}
|
|
90
|
-
function
|
|
90
|
+
function g(e, t) {
|
|
91
91
|
return e === t ? !0 : e === null || t === null || typeof e != "object" || typeof t != "object" ? !1 : JSON.stringify(e) === JSON.stringify(t);
|
|
92
92
|
}
|
|
93
93
|
function w(e, t) {
|
|
94
94
|
if ("all" in e) return e.all.every((i) => w(i, t));
|
|
95
95
|
if ("any" in e) return e.any.some((i) => w(i, t));
|
|
96
96
|
const n = t[e.when];
|
|
97
|
-
return "in" in e ? e.in.some((i) =>
|
|
97
|
+
return "in" in e ? e.in.some((i) => g(i, n)) : "not" in e ? !g(e.not, n) : g(e.is, n);
|
|
98
98
|
}
|
|
99
|
-
function
|
|
99
|
+
function Te(e, t) {
|
|
100
100
|
const { visible: n } = e;
|
|
101
101
|
return n === void 0 || n === !0 ? !0 : n === !1 ? !1 : w(n, t);
|
|
102
102
|
}
|
|
103
|
-
const
|
|
103
|
+
const V = /* @__PURE__ */ new Set([
|
|
104
104
|
"id",
|
|
105
105
|
"type",
|
|
106
106
|
"name",
|
|
@@ -112,11 +112,11 @@ const C = /* @__PURE__ */ new Set([
|
|
|
112
112
|
"slot",
|
|
113
113
|
"visible",
|
|
114
114
|
"can"
|
|
115
|
-
]),
|
|
115
|
+
]), Re = /* @__PURE__ */ new Set(["add", "remove", "replace", "move", "set"]);
|
|
116
116
|
function m(e) {
|
|
117
117
|
return typeof e == "object" && e !== null && !Array.isArray(e);
|
|
118
118
|
}
|
|
119
|
-
function
|
|
119
|
+
function I(e, t, n) {
|
|
120
120
|
if (!m(e)) {
|
|
121
121
|
n.push({ path: t, message: "visible must be a boolean or a condition object" });
|
|
122
122
|
return;
|
|
@@ -127,7 +127,7 @@ function v(e, t, n) {
|
|
|
127
127
|
n.push({ path: t, message: '"all" / "any" must be an array of conditions' });
|
|
128
128
|
return;
|
|
129
129
|
}
|
|
130
|
-
o.forEach((r, s) =>
|
|
130
|
+
o.forEach((r, s) => I(r, `${t}[${s}]`, n));
|
|
131
131
|
return;
|
|
132
132
|
}
|
|
133
133
|
if (typeof e.when != "string") {
|
|
@@ -143,21 +143,21 @@ function S(e, t, n, i) {
|
|
|
143
143
|
return;
|
|
144
144
|
}
|
|
145
145
|
for (const o of Object.keys(e))
|
|
146
|
-
|
|
146
|
+
V.has(o) || n.push({ path: t, message: `unknown key "${o}"` });
|
|
147
147
|
typeof e.id != "string" || e.id === "" ? n.push({ path: t, message: '"id" is required and must be a non-empty string' }) : i.has(e.id) ? n.push({ path: t, message: `duplicate id "${e.id}"` }) : i.add(e.id), (typeof e.type != "string" || e.type === "") && n.push({ path: t, message: '"type" is required and must be a non-empty string' });
|
|
148
148
|
for (const o of ["name", "label", "help"])
|
|
149
149
|
o in e && typeof e[o] != "string" && n.push({ path: t, message: `"${o}" must be a string` });
|
|
150
|
-
"localized" in e && typeof e.localized != "boolean" && n.push({ path: t, message: '"localized" must be a boolean' }), "props" in e && !m(e.props) && n.push({ path: t, message: '"props" must be an object' }), "slot" in e && e.slot !== null && typeof e.slot != "string" && n.push({ path: t, message: '"slot" must be a string or null' }), "can" in e && e.can !== null && typeof e.can != "string" && n.push({ path: t, message: '"can" must be a string or null' }), "visible" in e && typeof e.visible != "boolean" &&
|
|
150
|
+
"localized" in e && typeof e.localized != "boolean" && n.push({ path: t, message: '"localized" must be a boolean' }), "props" in e && !m(e.props) && n.push({ path: t, message: '"props" must be an object' }), "slot" in e && e.slot !== null && typeof e.slot != "string" && n.push({ path: t, message: '"slot" must be a string or null' }), "can" in e && e.can !== null && typeof e.can != "string" && n.push({ path: t, message: '"can" must be a string or null' }), "visible" in e && typeof e.visible != "boolean" && I(e.visible, `${t}.visible`, n), "children" in e && (Array.isArray(e.children) ? e.children.forEach(
|
|
151
151
|
(o, r) => S(o, `${t}.children[${r}]`, n, i)
|
|
152
152
|
) : n.push({ path: t, message: '"children" must be an array' }));
|
|
153
153
|
}
|
|
154
|
-
function
|
|
154
|
+
function Ue(e) {
|
|
155
155
|
const t = [];
|
|
156
156
|
if (!Array.isArray(e)) return [{ path: "root", message: "root must be an array of nodes" }];
|
|
157
157
|
const n = /* @__PURE__ */ new Set();
|
|
158
158
|
return e.forEach((i, o) => S(i, `root[${o}]`, t, n)), t;
|
|
159
159
|
}
|
|
160
|
-
function
|
|
160
|
+
function He(e) {
|
|
161
161
|
const t = [];
|
|
162
162
|
return Array.isArray(e) ? (e.forEach((n, i) => {
|
|
163
163
|
const o = `patch[${i}]`;
|
|
@@ -165,21 +165,21 @@ function Ne(e) {
|
|
|
165
165
|
t.push({ path: o, message: "an operation must be an object" });
|
|
166
166
|
return;
|
|
167
167
|
}
|
|
168
|
-
if (typeof n.op != "string" || !
|
|
168
|
+
if (typeof n.op != "string" || !Re.has(n.op)) {
|
|
169
169
|
t.push({ path: o, message: '"op" must be one of add, remove, replace, move, set' });
|
|
170
170
|
return;
|
|
171
171
|
}
|
|
172
|
-
if ((typeof n.target != "string" || n.target === "") && t.push({ path: o, message: '"target" is required: the id of a node' }), (n.op === "add" || n.op === "replace") && !m(n.node) ? t.push({ path: o, message: `"${n.op}" needs a "node"` }) : (n.op === "add" || n.op === "replace") && S(n.node, `${o}.node`, t, /* @__PURE__ */ new Set()), "position" in n && !
|
|
172
|
+
if ((typeof n.target != "string" || n.target === "") && t.push({ path: o, message: '"target" is required: the id of a node' }), (n.op === "add" || n.op === "replace") && !m(n.node) ? t.push({ path: o, message: `"${n.op}" needs a "node"` }) : (n.op === "add" || n.op === "replace") && S(n.node, `${o}.node`, t, /* @__PURE__ */ new Set()), "position" in n && !Ne(n.position) && t.push({ path: o, message: '"position" must be first, last, before:<id> or after:<id>' }), n.op === "move" && "to" in n && typeof n.to != "string" && t.push({ path: o, message: '"to" must be the id of the new parent' }), n.op === "set")
|
|
173
173
|
for (const r of Object.keys(n))
|
|
174
|
-
r !== "op" && r !== "target" && (!
|
|
174
|
+
r !== "op" && r !== "target" && (!V.has(r) || r === "id") && t.push({ path: o, message: `"set" cannot change "${r}"` });
|
|
175
175
|
}), t) : [{ path: "patch", message: "a patch must be an array" }];
|
|
176
176
|
}
|
|
177
|
-
function
|
|
177
|
+
function Ne(e) {
|
|
178
178
|
return typeof e == "string" && (e === "first" || e === "last" || e.startsWith("before:") || e.startsWith("after:"));
|
|
179
179
|
}
|
|
180
|
-
const
|
|
180
|
+
const T = "trans::", Ce = (e) => e;
|
|
181
181
|
function W(e, t) {
|
|
182
|
-
return typeof e == "string" && e.startsWith(
|
|
182
|
+
return typeof e == "string" && e.startsWith(T) ? t(e.slice(T.length)) : e;
|
|
183
183
|
}
|
|
184
184
|
function $(e, t) {
|
|
185
185
|
if (typeof e == "string") return W(e, t);
|
|
@@ -191,14 +191,14 @@ function $(e, t) {
|
|
|
191
191
|
}
|
|
192
192
|
return e;
|
|
193
193
|
}
|
|
194
|
-
function
|
|
194
|
+
function Ee(e) {
|
|
195
195
|
return f(
|
|
196
196
|
"div",
|
|
197
197
|
{ key: e.id, class: "wx-screen__unknown", role: "note" },
|
|
198
198
|
`Unknown type: ${e.type}`
|
|
199
199
|
);
|
|
200
200
|
}
|
|
201
|
-
function
|
|
201
|
+
function Oe(e, t, n) {
|
|
202
202
|
const i = /* @__PURE__ */ new Map();
|
|
203
203
|
for (const r of e.children ?? []) {
|
|
204
204
|
const s = r.slot ?? t, a = i.get(s) ?? [];
|
|
@@ -206,13 +206,13 @@ function ge(e, t, n) {
|
|
|
206
206
|
}
|
|
207
207
|
const o = {};
|
|
208
208
|
for (const [r, s] of i)
|
|
209
|
-
o[r] = () =>
|
|
209
|
+
o[r] = () => M(s, n);
|
|
210
210
|
return o;
|
|
211
211
|
}
|
|
212
|
-
function
|
|
213
|
-
if (e.can && !t.can(e.can) || !
|
|
212
|
+
function ze(e, t) {
|
|
213
|
+
if (e.can && !t.can(e.can) || !Te(e, t.model)) return null;
|
|
214
214
|
const n = t.types[e.type];
|
|
215
|
-
if (!n) return
|
|
215
|
+
if (!n) return Ee(e);
|
|
216
216
|
const { translate: i } = t, o = {
|
|
217
217
|
key: e.id,
|
|
218
218
|
...$(e.props ?? {}, i),
|
|
@@ -226,36 +226,36 @@ function xe(e, t) {
|
|
|
226
226
|
name: s,
|
|
227
227
|
localized: e.localized || void 0,
|
|
228
228
|
modelValue: s === void 0 ? void 0 : t.model[s],
|
|
229
|
-
"onUpdate:modelValue": (
|
|
230
|
-
s !== void 0 && t.update(s,
|
|
229
|
+
"onUpdate:modelValue": (l) => {
|
|
230
|
+
s !== void 0 && t.update(s, l);
|
|
231
231
|
}
|
|
232
232
|
});
|
|
233
233
|
return f(
|
|
234
|
-
|
|
234
|
+
F,
|
|
235
235
|
{ key: e.id, name: s, label: r, help: W(e.help, i), wide: n.wide },
|
|
236
236
|
() => a
|
|
237
237
|
);
|
|
238
238
|
}
|
|
239
|
-
return n.kind === "layout" ? (n.labelProp && r !== void 0 && (o[n.labelProp] = r), f(n.component, o,
|
|
239
|
+
return n.kind === "layout" ? (n.labelProp && r !== void 0 && (o[n.labelProp] = r), f(n.component, o, Oe(e, n.childrenSlot ?? "default", t))) : n.labelProp ? (r !== void 0 && (o[n.labelProp] = r), f(n.component, o)) : f(n.component, o, r === void 0 ? void 0 : () => r);
|
|
240
240
|
}
|
|
241
|
-
function
|
|
241
|
+
function M(e, t) {
|
|
242
242
|
const n = [];
|
|
243
243
|
for (const i of e) {
|
|
244
|
-
const o =
|
|
244
|
+
const o = ze(i, t);
|
|
245
245
|
o && n.push(o);
|
|
246
246
|
}
|
|
247
247
|
return n;
|
|
248
248
|
}
|
|
249
|
-
const
|
|
249
|
+
const v = A({
|
|
250
250
|
name: "WxScreenNodes",
|
|
251
251
|
props: {
|
|
252
252
|
nodes: { type: Array, required: !0 },
|
|
253
253
|
context: { type: Object, required: !0 }
|
|
254
254
|
},
|
|
255
255
|
setup(e) {
|
|
256
|
-
return () =>
|
|
256
|
+
return () => M(e.nodes, e.context);
|
|
257
257
|
}
|
|
258
|
-
}),
|
|
258
|
+
}), Ve = /* @__PURE__ */ A({
|
|
259
259
|
name: "WxScreenRepeater",
|
|
260
260
|
inheritAttrs: !1,
|
|
261
261
|
__name: "ScreenRepeater",
|
|
@@ -270,87 +270,117 @@ const M = A({
|
|
|
270
270
|
}),
|
|
271
271
|
emits: ["update:modelValue"],
|
|
272
272
|
setup(e) {
|
|
273
|
-
const t = e, n =
|
|
273
|
+
const t = e, n = R(e, "modelValue"), i = u(() => Array.isArray(n.value) ? n.value : []), o = we();
|
|
274
274
|
function r(a) {
|
|
275
|
-
const
|
|
276
|
-
return
|
|
275
|
+
const l = t.context.translate(`webx-admin::screens.repeater.${a}`);
|
|
276
|
+
return l.includes("::") ? void 0 : l;
|
|
277
277
|
}
|
|
278
278
|
const s = u(() => {
|
|
279
279
|
const a = { collapsed: !0 };
|
|
280
|
-
for (const [
|
|
280
|
+
for (const [l, d] of [
|
|
281
281
|
["addLabel", "add"],
|
|
282
282
|
["removeLabel", "remove"],
|
|
283
283
|
["dragLabel", "reorder"],
|
|
284
284
|
["emptyText", "empty"]
|
|
285
285
|
]) {
|
|
286
|
-
const c = r(
|
|
287
|
-
c !== void 0 && (a[
|
|
286
|
+
const c = r(d);
|
|
287
|
+
c !== void 0 && (a[l] = c);
|
|
288
288
|
}
|
|
289
289
|
return { ...a, ...o };
|
|
290
290
|
});
|
|
291
|
-
return (a,
|
|
291
|
+
return (a, l) => (N(), C(x(q), We(s.value, {
|
|
292
292
|
"model-value": i.value,
|
|
293
|
-
"onUpdate:modelValue":
|
|
293
|
+
"onUpdate:modelValue": l[0] || (l[0] = (d) => n.value = d)
|
|
294
294
|
}), {
|
|
295
|
-
default: E(({ item:
|
|
296
|
-
|
|
295
|
+
default: E(({ item: d, update: c }) => [
|
|
296
|
+
O(x(v), {
|
|
297
297
|
nodes: e.node.children ?? [],
|
|
298
298
|
context: {
|
|
299
299
|
...e.context,
|
|
300
|
-
model:
|
|
301
|
-
update: (y,
|
|
300
|
+
model: d,
|
|
301
|
+
update: (y, D) => c({ [y]: D })
|
|
302
302
|
}
|
|
303
303
|
}, null, 8, ["nodes", "context"])
|
|
304
304
|
]),
|
|
305
305
|
_: 1
|
|
306
306
|
}, 16, ["model-value"]));
|
|
307
307
|
}
|
|
308
|
-
}),
|
|
309
|
-
"wx-tabs": { component:
|
|
308
|
+
}), Ie = {
|
|
309
|
+
"wx-tabs": { component: ge, kind: "layout" },
|
|
310
310
|
"wx-tab": {
|
|
311
|
-
component:
|
|
311
|
+
component: he,
|
|
312
312
|
kind: "layout",
|
|
313
313
|
labelProp: "label",
|
|
314
314
|
// A tab is selected by value, and the node's id is the one stable thing it has.
|
|
315
315
|
bind: (e) => ({ value: e.id })
|
|
316
316
|
},
|
|
317
|
-
"wx-card": { component:
|
|
318
|
-
"wx-row": { component:
|
|
319
|
-
"wx-col": {
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
"wx-
|
|
327
|
-
"wx-
|
|
328
|
-
"wx-
|
|
329
|
-
"wx-
|
|
330
|
-
"wx-
|
|
317
|
+
"wx-card": { component: be, kind: "layout", labelProp: "title" },
|
|
318
|
+
"wx-row": { component: xe, kind: "layout" },
|
|
319
|
+
"wx-col": {
|
|
320
|
+
component: ye,
|
|
321
|
+
kind: "layout",
|
|
322
|
+
// Marked so the renderer can stack what a column holds (see `ScreenRenderer.vue`),
|
|
323
|
+
// without touching a `WxCol` that some field happens to use inside itself.
|
|
324
|
+
bind: (e) => ({ class: ["wx-screen__col", e.props?.class] })
|
|
325
|
+
},
|
|
326
|
+
"wx-divider": { component: me, kind: "layout", labelProp: "label" },
|
|
327
|
+
"wx-input": { component: pe, kind: "field" },
|
|
328
|
+
"wx-textarea": { component: ue, kind: "field" },
|
|
329
|
+
"wx-input-number": { component: fe, kind: "field" },
|
|
330
|
+
"wx-select": { component: le, kind: "field" },
|
|
331
|
+
"wx-switch": { component: ce, kind: "field" },
|
|
332
|
+
"wx-checkbox": { component: de, kind: "field" },
|
|
333
|
+
"wx-radio-group": { component: ae, kind: "field" },
|
|
334
|
+
"wx-date-picker": { component: se, kind: "field" },
|
|
335
|
+
"wx-color-picker": { component: re, kind: "field" },
|
|
336
|
+
"wx-checkbox-group": { component: ie, kind: "field" },
|
|
337
|
+
"wx-segmented": { component: oe, kind: "field" },
|
|
338
|
+
"wx-slider": { component: te, kind: "field" },
|
|
339
|
+
"wx-rate": { component: ne, kind: "field" },
|
|
340
|
+
"wx-time-picker": { component: ee, kind: "field" },
|
|
341
|
+
"wx-date-time-picker": {
|
|
342
|
+
component: Z,
|
|
343
|
+
kind: "field",
|
|
344
|
+
// A moment, not a wall clock. Without the offset the server reads the hour in its own
|
|
345
|
+
// timezone and the browser in the reader's, and one value shows two different times. Bound
|
|
346
|
+
// over `props` on purpose: the server parses exactly this shape.
|
|
347
|
+
bind: () => ({ valueFormat: "yyyy-MM-dd'T'HH:mm:ssXXX" })
|
|
348
|
+
},
|
|
349
|
+
"wx-date-range-picker": { component: Q, kind: "field" },
|
|
350
|
+
"wx-tags-input": { component: Y, kind: "field" },
|
|
351
|
+
"wx-autocomplete": { component: _, kind: "field" },
|
|
352
|
+
"wx-icon-picker": { component: J, kind: "field" },
|
|
353
|
+
"wx-cascader": { component: G, kind: "field" },
|
|
354
|
+
"wx-tree-select": { component: X, kind: "field" },
|
|
355
|
+
// Wide: two lists with the buttons between them do not fit in half a form.
|
|
356
|
+
"wx-transfer": { component: L, kind: "field", wide: !0 },
|
|
357
|
+
// Wide for the reason an editor is: code is read in long lines.
|
|
358
|
+
"wx-code-editor": { component: K, kind: "field", wide: !0 },
|
|
359
|
+
"wx-repeater": { component: Ve, kind: "field", nested: !0, wide: !0 },
|
|
360
|
+
"wx-heading": { component: H, kind: "display" },
|
|
331
361
|
"wx-text": { component: U, kind: "display" },
|
|
332
362
|
"wx-alert": { component: B, kind: "display", labelProp: "title" }
|
|
333
363
|
};
|
|
334
|
-
function
|
|
364
|
+
function Ke(e) {
|
|
335
365
|
return e;
|
|
336
366
|
}
|
|
337
|
-
function
|
|
367
|
+
function Me(e) {
|
|
338
368
|
const t = e.component;
|
|
339
369
|
return t.name ?? t.__name ?? "anonymous";
|
|
340
370
|
}
|
|
341
|
-
function
|
|
371
|
+
function ve(e) {
|
|
342
372
|
return e.kind === "field" ? "form item" : e.labelProp ? `prop \`${e.labelProp}\`` : e.kind === "display" ? "default slot" : "—";
|
|
343
373
|
}
|
|
344
|
-
function
|
|
374
|
+
function De(e) {
|
|
345
375
|
return Object.entries(e).map(([t, n]) => ({
|
|
346
376
|
type: t,
|
|
347
377
|
kind: n.kind,
|
|
348
|
-
component:
|
|
349
|
-
label:
|
|
378
|
+
component: Me(n),
|
|
379
|
+
label: ve(n)
|
|
350
380
|
}));
|
|
351
381
|
}
|
|
352
|
-
function
|
|
353
|
-
const t =
|
|
382
|
+
function Le(e) {
|
|
383
|
+
const t = De(e).map((r) => [
|
|
354
384
|
`\`${r.type}\``,
|
|
355
385
|
r.kind,
|
|
356
386
|
`\`${r.component}\``,
|
|
@@ -363,7 +393,7 @@ function ze(e) {
|
|
|
363
393
|
`
|
|
364
394
|
);
|
|
365
395
|
}
|
|
366
|
-
const
|
|
396
|
+
const Xe = /* @__PURE__ */ A({
|
|
367
397
|
name: "WxScreenRenderer",
|
|
368
398
|
__name: "ScreenRenderer",
|
|
369
399
|
props: /* @__PURE__ */ k({
|
|
@@ -383,34 +413,34 @@ const Ee = /* @__PURE__ */ A({
|
|
|
383
413
|
}),
|
|
384
414
|
emits: /* @__PURE__ */ k(["patchError"], ["update:modelValue"]),
|
|
385
415
|
setup(e, { expose: t, emit: n }) {
|
|
386
|
-
const i = e, o = n, r =
|
|
387
|
-
|
|
416
|
+
const i = e, o = n, r = R(e, "modelValue"), s = u(() => Pe(i.root, i.patch));
|
|
417
|
+
$e(
|
|
388
418
|
() => s.value.errors,
|
|
389
|
-
(
|
|
390
|
-
for (const c of
|
|
419
|
+
(d) => {
|
|
420
|
+
for (const c of d)
|
|
391
421
|
console.error(`[webx-ui/schema] patch[${c.index}] ${c.op.op}: ${c.message}`);
|
|
392
|
-
o("patchError",
|
|
422
|
+
o("patchError", d);
|
|
393
423
|
},
|
|
394
424
|
{ immediate: !0 }
|
|
395
425
|
);
|
|
396
426
|
const a = u(() => {
|
|
397
|
-
const
|
|
398
|
-
for (const [c, y] of Object.entries({ ...
|
|
399
|
-
|
|
400
|
-
return
|
|
401
|
-
}),
|
|
427
|
+
const d = {};
|
|
428
|
+
for (const [c, y] of Object.entries({ ...Ie, ...i.types }))
|
|
429
|
+
d[c] = { ...y, component: Ae(Se(y.component)) };
|
|
430
|
+
return d;
|
|
431
|
+
}), l = u(() => ({
|
|
402
432
|
types: a.value,
|
|
403
433
|
model: r.value,
|
|
404
|
-
update: (
|
|
405
|
-
r.value = { ...r.value, [
|
|
434
|
+
update: (d, c) => {
|
|
435
|
+
r.value = { ...r.value, [d]: c };
|
|
406
436
|
},
|
|
407
|
-
translate: i.translate ??
|
|
437
|
+
translate: i.translate ?? Ce,
|
|
408
438
|
can: i.can ?? (() => !0)
|
|
409
439
|
}));
|
|
410
440
|
return t({
|
|
411
441
|
/** The tree after the patch — what is actually on screen. */
|
|
412
442
|
tree: u(() => s.value.root)
|
|
413
|
-
}), (
|
|
443
|
+
}), (d, c) => (N(), C(x(ke), {
|
|
414
444
|
class: "wx-screen",
|
|
415
445
|
errors: e.errors,
|
|
416
446
|
disabled: e.disabled,
|
|
@@ -419,9 +449,9 @@ const Ee = /* @__PURE__ */ A({
|
|
|
419
449
|
size: e.size
|
|
420
450
|
}, {
|
|
421
451
|
default: E(() => [
|
|
422
|
-
|
|
452
|
+
O(x(v), {
|
|
423
453
|
nodes: s.value.root,
|
|
424
|
-
context:
|
|
454
|
+
context: l.value
|
|
425
455
|
}, null, 8, ["nodes", "context"])
|
|
426
456
|
]),
|
|
427
457
|
_: 1
|
|
@@ -429,21 +459,21 @@ const Ee = /* @__PURE__ */ A({
|
|
|
429
459
|
}
|
|
430
460
|
});
|
|
431
461
|
export {
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
462
|
+
T as TRANS_MARKER,
|
|
463
|
+
v as WxScreenNodes,
|
|
464
|
+
Xe as WxScreenRenderer,
|
|
465
|
+
Pe as applyPatch,
|
|
466
|
+
h as collectIds,
|
|
467
|
+
Ie as coreTypes,
|
|
468
|
+
Ke as defineTypes,
|
|
469
|
+
De as describeTypes,
|
|
440
470
|
w as evaluateCondition,
|
|
441
|
-
|
|
442
|
-
|
|
471
|
+
Be as findNode,
|
|
472
|
+
Te as isVisible,
|
|
443
473
|
$ as translateDeep,
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
474
|
+
Le as typesTable,
|
|
475
|
+
He as validatePatch,
|
|
476
|
+
Ue as validateScreen,
|
|
447
477
|
W as words
|
|
448
478
|
};
|
|
449
479
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/patch.ts","../src/visible.ts","../src/validate.ts","../src/render.ts","../src/ScreenRepeater.vue","../src/registry.ts","../src/ScreenRenderer.vue"],"sourcesContent":["import type { Patch, PatchError, PatchOperation, PatchPosition, ScreenNode } from './types'\n\ninterface Located {\n /** The array the node sits in: the root, or a parent's `children`. */\n list: ScreenNode[]\n index: number\n node: ScreenNode\n}\n\n/** Depth-first search by `id`, remembering the array the match lives in. */\nexport function locate(root: ScreenNode[], id: string): Located | null {\n for (let index = 0; index < root.length; index += 1) {\n const node = root[index]!\n if (node.id === id) return { list: root, index, node }\n if (node.children) {\n const found = locate(node.children, id)\n if (found) return found\n }\n }\n return null\n}\n\nexport function findNode(root: ScreenNode[], id: string): ScreenNode | null {\n return locate(root, id)?.node ?? null\n}\n\n/** Every `id` in the tree, in document order. Duplicates are kept, so callers can spot them. */\nexport function collectIds(root: ScreenNode[]): string[] {\n const ids: string[] = []\n const walk = (nodes: ScreenNode[]) => {\n for (const node of nodes) {\n ids.push(node.id)\n if (node.children) walk(node.children)\n }\n }\n walk(root)\n return ids\n}\n\n/** Index a node should be inserted at in `list`, or a message when the anchor is missing. */\nfunction indexFor(list: ScreenNode[], position: PatchPosition | undefined): number | string {\n if (!position || position === 'last') return list.length\n if (position === 'first') return 0\n const [where, anchor] = position.split(':', 2) as ['before' | 'after', string]\n const at = list.findIndex((node) => node.id === anchor)\n if (at === -1) return `no sibling \"${anchor}\" to insert ${where}`\n return where === 'before' ? at : at + 1\n}\n\n/**\n * Deep copy of a JSON value. `structuredClone` refuses a Vue reactive proxy, and a\n * tree that came out of a `ref` is exactly that; reading through the proxy is fine.\n */\nexport function clone<T>(value: T): T {\n if (Array.isArray(value)) return value.map(clone) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = clone(item)\n return out as T\n }\n return value\n}\n\n/**\n * Applies a patch to a tree and returns the result as a new tree; the input is not\n * touched. An operation that cannot be applied — a `target` that does not exist, an\n * anchor that is missing — is skipped and reported, and the ones after it still run:\n * a project patch that survived a rename in the module must not silence the rest.\n */\nexport function applyPatch(\n root: ScreenNode[],\n patch: Patch,\n): { root: ScreenNode[]; errors: PatchError[] } {\n const tree = clone(root)\n const errors: PatchError[] = []\n\n patch.forEach((op, index) => {\n const message = apply(tree, op)\n if (message) errors.push({ index, op, message })\n })\n\n return { root: tree, errors }\n}\n\n/** Mutates `tree`; returns a message when the operation was refused. */\nfunction apply(tree: ScreenNode[], op: PatchOperation): string | null {\n const found = locate(tree, op.target)\n if (!found) return `target \"${op.target}\" not found`\n\n switch (op.op) {\n case 'add': {\n const clash = duplicateIn(tree, op.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n const list = (found.node.children ??= [])\n const at = indexFor(list, op.position)\n if (typeof at === 'string') return at\n list.splice(at, 0, clone(op.node))\n return null\n }\n case 'remove':\n found.list.splice(found.index, 1)\n return null\n case 'replace': {\n // The replaced node's own ids are gone, so only the rest of the tree can clash.\n const others = tree.filter((node) => node !== found.node)\n const clash = duplicateIn(others, op.node, found.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n found.list.splice(found.index, 1, clone(op.node))\n return null\n }\n case 'move': {\n let list = found.list\n if (op.to !== undefined) {\n const parent = locate(tree, op.to)\n if (!parent) return `destination \"${op.to}\" not found`\n if (parent.node === found.node || contains(found.node, parent.node)) {\n return `cannot move \"${op.target}\" into itself`\n }\n list = parent.node.children ??= []\n }\n found.list.splice(found.index, 1)\n const at = indexFor(list, op.position)\n if (typeof at === 'string') {\n // Put it back where it was: a refused move leaves the tree untouched.\n found.list.splice(found.index, 0, found.node)\n return at\n }\n list.splice(at, 0, found.node)\n return null\n }\n case 'set': {\n for (const [key, value] of Object.entries(op)) {\n if (key === 'op' || key === 'target') continue\n if (key === 'props') {\n found.node.props = { ...found.node.props, ...(value as Record<string, unknown>) }\n } else {\n ;(found.node as unknown as Record<string, unknown>)[key] = clone(value)\n }\n }\n return null\n }\n }\n}\n\nfunction contains(ancestor: ScreenNode, node: ScreenNode): boolean {\n return (ancestor.children ?? []).some((child) => child === node || contains(child, node))\n}\n\n/** First id of `incoming` that already exists in `tree`, ignoring `except`'s own subtree. */\nfunction duplicateIn(tree: ScreenNode[], incoming: ScreenNode, except?: ScreenNode): string | null {\n const existing = new Set(collectIds(tree))\n if (except) for (const id of collectIds([except])) existing.delete(id)\n return collectIds([incoming]).find((id) => existing.has(id)) ?? null\n}\n","import type { ScreenModel, ScreenNode, VisibilityCondition } from './types'\n\n/** Loose enough for `{ \"is\": 1 }` to match a numeric input, strict enough for `\"1\"` not to. */\nfunction same(a: unknown, b: unknown): boolean {\n if (a === b) return true\n if (a === null || b === null || typeof a !== 'object' || typeof b !== 'object') return false\n return JSON.stringify(a) === JSON.stringify(b)\n}\n\nexport function evaluateCondition(condition: VisibilityCondition, model: ScreenModel): boolean {\n if ('all' in condition) return condition.all.every((item) => evaluateCondition(item, model))\n if ('any' in condition) return condition.any.some((item) => evaluateCondition(item, model))\n\n const value = model[condition.when]\n if ('in' in condition) return condition.in.some((item) => same(item, value))\n if ('not' in condition) return !same(condition.not, value)\n return same(condition.is, value)\n}\n\n/** Whether a node should render, given the current model. Absent `visible` means yes. */\nexport function isVisible(node: ScreenNode, model: ScreenModel): boolean {\n const { visible } = node\n if (visible === undefined || visible === true) return true\n if (visible === false) return false\n return evaluateCondition(visible, model)\n}\n","import type { Patch, ScreenError, ScreenNode, VisibilityCondition } from './types'\n\nconst NODE_KEYS = new Set([\n 'id',\n 'type',\n 'name',\n 'label',\n 'help',\n 'localized',\n 'props',\n 'children',\n 'slot',\n 'visible',\n 'can',\n])\n\nconst OPS = new Set(['add', 'remove', 'replace', 'move', 'set'])\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction checkCondition(value: unknown, path: string, errors: ScreenError[]): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'visible must be a boolean or a condition object' })\n return\n }\n if ('all' in value || 'any' in value) {\n const list = (value.all ?? value.any) as unknown\n if (!Array.isArray(list)) {\n errors.push({ path, message: '\"all\" / \"any\" must be an array of conditions' })\n return\n }\n list.forEach((item, index) => checkCondition(item, `${path}[${index}]`, errors))\n return\n }\n if (typeof value.when !== 'string') {\n errors.push({ path, message: 'a condition needs \"when\": the name of a field' })\n return\n }\n const forms = ['is', 'in', 'not'].filter((key) => key in value)\n if (forms.length !== 1) {\n errors.push({ path, message: 'a condition needs exactly one of \"is\", \"in\", \"not\"' })\n } else if (forms[0] === 'in' && !Array.isArray(value.in)) {\n errors.push({ path, message: '\"in\" must be an array' })\n }\n}\n\nfunction checkNode(value: unknown, path: string, errors: ScreenError[], seen: Set<string>): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'a node must be an object' })\n return\n }\n\n for (const key of Object.keys(value)) {\n if (!NODE_KEYS.has(key)) errors.push({ path, message: `unknown key \"${key}\"` })\n }\n\n if (typeof value.id !== 'string' || value.id === '') {\n errors.push({ path, message: '\"id\" is required and must be a non-empty string' })\n } else if (seen.has(value.id)) {\n errors.push({ path, message: `duplicate id \"${value.id}\"` })\n } else {\n seen.add(value.id)\n }\n\n if (typeof value.type !== 'string' || value.type === '') {\n errors.push({ path, message: '\"type\" is required and must be a non-empty string' })\n }\n\n for (const key of ['name', 'label', 'help'] as const) {\n if (key in value && typeof value[key] !== 'string') {\n errors.push({ path, message: `\"${key}\" must be a string` })\n }\n }\n if ('localized' in value && typeof value.localized !== 'boolean') {\n errors.push({ path, message: '\"localized\" must be a boolean' })\n }\n if ('props' in value && !isRecord(value.props)) {\n errors.push({ path, message: '\"props\" must be an object' })\n }\n if ('slot' in value && value.slot !== null && typeof value.slot !== 'string') {\n errors.push({ path, message: '\"slot\" must be a string or null' })\n }\n if ('can' in value && value.can !== null && typeof value.can !== 'string') {\n errors.push({ path, message: '\"can\" must be a string or null' })\n }\n if ('visible' in value && typeof value.visible !== 'boolean') {\n checkCondition(value.visible as VisibilityCondition, `${path}.visible`, errors)\n }\n\n if ('children' in value) {\n if (!Array.isArray(value.children)) {\n errors.push({ path, message: '\"children\" must be an array' })\n } else {\n value.children.forEach((child, index) =>\n checkNode(child, `${path}.children[${index}]`, errors, seen),\n )\n }\n }\n}\n\n/**\n * Checks a tree the way the JSON schema would, without a schema library: required\n * keys, closed key set, value types, and — what a schema cannot say — unique ids.\n * An empty list means the tree is sound.\n */\nexport function validateScreen(root: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(root)) return [{ path: 'root', message: 'root must be an array of nodes' }]\n const seen = new Set<string>()\n root.forEach((node, index) => checkNode(node, `root[${index}]`, errors, seen))\n return errors\n}\n\n/** Same for a patch: each operation has the keys its `op` calls for. */\nexport function validatePatch(patch: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(patch)) return [{ path: 'patch', message: 'a patch must be an array' }]\n\n patch.forEach((op, index) => {\n const path = `patch[${index}]`\n if (!isRecord(op)) {\n errors.push({ path, message: 'an operation must be an object' })\n return\n }\n if (typeof op.op !== 'string' || !OPS.has(op.op)) {\n errors.push({ path, message: '\"op\" must be one of add, remove, replace, move, set' })\n return\n }\n if (typeof op.target !== 'string' || op.target === '') {\n errors.push({ path, message: '\"target\" is required: the id of a node' })\n }\n if ((op.op === 'add' || op.op === 'replace') && !isRecord(op.node)) {\n errors.push({ path, message: `\"${op.op}\" needs a \"node\"` })\n } else if (op.op === 'add' || op.op === 'replace') {\n checkNode(op.node, `${path}.node`, errors, new Set())\n }\n if ('position' in op && !isPosition(op.position)) {\n errors.push({ path, message: '\"position\" must be first, last, before:<id> or after:<id>' })\n }\n if (op.op === 'move' && 'to' in op && typeof op.to !== 'string') {\n errors.push({ path, message: '\"to\" must be the id of the new parent' })\n }\n if (op.op === 'set') {\n for (const key of Object.keys(op)) {\n if (key !== 'op' && key !== 'target' && (!NODE_KEYS.has(key) || key === 'id')) {\n errors.push({ path, message: `\"set\" cannot change \"${key}\"` })\n }\n }\n }\n })\n\n return errors\n}\n\nfunction isPosition(value: unknown): boolean {\n return (\n typeof value === 'string' &&\n (value === 'first' ||\n value === 'last' ||\n value.startsWith('before:') ||\n value.startsWith('after:'))\n )\n}\n\nexport type { Patch, ScreenNode }\n","import { defineComponent, h, type PropType, type VNode } from 'vue'\nimport { WxFormItem } from '@webx-ui/core'\nimport { isVisible } from './visible'\nimport type { ScreenModel, ScreenNode, Translate, TypeRegistry } from './types'\n\nexport const TRANS_MARKER = 'trans::'\n\n/** What the recursive renderer needs at every level. */\nexport interface RenderContext {\n types: TypeRegistry\n model: ScreenModel\n update: (name: string, value: unknown) => void\n translate: Translate\n can: (permission: string) => boolean\n}\n\n/** Without a dictionary the key itself shows — honest, and easy to spot in a screenshot. */\nexport const keyAsIs: Translate = (key) => key\n\n/** Translates a marked string; anything else — including `undefined` — passes through. */\nexport function words<T>(value: T, translate: Translate): T {\n if (typeof value === 'string' && value.startsWith(TRANS_MARKER)) {\n return translate(value.slice(TRANS_MARKER.length)) as T\n }\n return value\n}\n\n/** Same, through arrays and objects: `props.options[].label` is the common case. */\nexport function translateDeep<T>(value: T, translate: Translate): T {\n if (typeof value === 'string') return words(value, translate)\n if (Array.isArray(value)) return value.map((item) => translateDeep(item, translate)) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = translateDeep(item, translate)\n return out as T\n }\n return value\n}\n\nfunction renderUnknown(node: ScreenNode): VNode {\n return h(\n 'div',\n { key: node.id, class: 'wx-screen__unknown', role: 'note' },\n `Unknown type: ${node.type}`,\n )\n}\n\n/** Children grouped by the slot they asked for. */\nfunction childSlots(\n node: ScreenNode,\n defaultSlot: string,\n context: RenderContext,\n): Record<string, () => VNode[]> {\n const groups = new Map<string, ScreenNode[]>()\n for (const child of node.children ?? []) {\n const name = child.slot ?? defaultSlot\n const list = groups.get(name) ?? []\n list.push(child)\n groups.set(name, list)\n }\n const slots: Record<string, () => VNode[]> = {}\n for (const [name, children] of groups) {\n slots[name] = () => renderNodes(children, context)\n }\n return slots\n}\n\nexport function renderNode(node: ScreenNode, context: RenderContext): VNode | null {\n if (node.can && !context.can(node.can)) return null\n if (!isVisible(node, context.model)) return null\n\n const entry = context.types[node.type]\n if (!entry) return renderUnknown(node)\n\n const { translate } = context\n const props: Record<string, unknown> = {\n key: node.id,\n ...translateDeep(node.props ?? {}, translate),\n ...entry.bind?.(node),\n }\n const label = words(node.label, translate)\n\n if (entry.kind === 'field') {\n const name = node.name\n const control = h(entry.component, {\n ...props,\n /* A nested field draws the children itself, so it needs the node and the way down. */\n ...(entry.nested ? { node, context } : {}),\n name,\n localized: node.localized || undefined,\n modelValue: name === undefined ? undefined : context.model[name],\n 'onUpdate:modelValue': (value: unknown) => {\n if (name !== undefined) context.update(name, value)\n },\n })\n return h(\n WxFormItem,\n { key: node.id, name, label, help: words(node.help, translate), wide: entry.wide },\n () => control,\n )\n }\n\n if (entry.kind === 'layout') {\n if (entry.labelProp && label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props, childSlots(node, entry.childrenSlot ?? 'default', context))\n }\n\n // display\n if (entry.labelProp) {\n if (label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props)\n }\n return h(entry.component, props, label === undefined ? undefined : () => label)\n}\n\nexport function renderNodes(nodes: ScreenNode[], context: RenderContext): VNode[] {\n const out: VNode[] = []\n for (const node of nodes) {\n const rendered = renderNode(node, context)\n if (rendered) out.push(rendered)\n }\n return out\n}\n\n/** A list of nodes as a component, so the tree can recurse through slots. */\nexport const WxScreenNodes = defineComponent({\n name: 'WxScreenNodes',\n props: {\n nodes: { type: Array as PropType<ScreenNode[]>, required: true },\n context: { type: Object as PropType<RenderContext>, required: true },\n },\n setup(props) {\n return () => renderNodes(props.nodes, props.context)\n },\n})\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport { WxRepeater } from '@webx-ui/core'\nimport { WxScreenNodes, type RenderContext } from './render'\nimport type { ScreenModel, ScreenNode } from './types'\n\ndefineOptions({ name: 'WxScreenRepeater', inheritAttrs: false })\n\n/**\n * The one type with a nested model: the value is a list of records, and the node's\n * children are the fields of one of them. Every child is bound by its own `name` to a key\n * of the item, which is why a repeater is the only place where a name means nesting.\n *\n * Nothing of `WxRepeater`'s own is declared here — `title`, `itemLabel`, `min` and the\n * rest ride in as attributes, so a prop the screen did not set stays unset instead of\n * arriving as `false`.\n */\nconst props = defineProps<{\n /** The node being drawn — its children are one item's fields. */\n node: ScreenNode\n /** The renderer's context; each row gets a copy bound to its own item. */\n context: RenderContext\n /** The renderer hands every field these two. A repeater has no use for either. */\n name?: string\n localized?: boolean\n}>()\n\nconst model = defineModel<ScreenModel[]>({ default: () => [] })\n\nconst items = computed<ScreenModel[]>(() => (Array.isArray(model.value) ? model.value : []))\n\nconst attrs = useAttrs()\n\n/**\n * The panel's words, where the core has only English defaults: the core does not know the\n * panel's dictionary, and a translated form with \"Add\" and \"Remove\" in the middle of it is what\n * that looks like. A key the dictionary does not have — a renderer without one — comes back as\n * itself, and then the core's own word is the better answer.\n */\nfunction word(key: string): string | undefined {\n const line = props.context.translate(`webx-admin::screens.repeater.${key}`)\n\n return line.includes('::') ? undefined : line\n}\n\n/**\n * Folded unless the node says otherwise: a list of records opened all at once is a form a\n * kilometre long, and the header of each row already says which one it is. A row added now is\n * the core's business and opens anyway.\n */\nconst bound = computed(() => {\n const defaults: Record<string, unknown> = { collapsed: true }\n\n for (const [prop, key] of [\n ['addLabel', 'add'],\n ['removeLabel', 'remove'],\n ['dragLabel', 'reorder'],\n ['emptyText', 'empty'],\n ] as const) {\n const line = word(key)\n if (line !== undefined) defaults[prop] = line\n }\n\n return { ...defaults, ...attrs }\n})\n</script>\n\n<template>\n <wx-repeater v-bind=\"bound\" :model-value=\"items\" @update:model-value=\"model = $event\">\n <template #default=\"{ item, update }\">\n <wx-screen-nodes\n :nodes=\"node.children ?? []\"\n :context=\"{\n ...context,\n model: item,\n update: (key: string, value: unknown) => update({ [key]: value }),\n }\"\n />\n </template>\n </wx-repeater>\n</template>\n","import {\n WxAlert,\n WxCard,\n WxCheckbox,\n WxCol,\n WxColorPicker,\n WxDatePicker,\n WxDivider,\n WxInput,\n WxInputNumber,\n WxRadioGroup,\n WxRow,\n WxSelect,\n WxSwitch,\n WxTab,\n WxTabs,\n WxText,\n WxTextarea,\n} from '@webx-ui/core'\nimport ScreenRepeater from './ScreenRepeater.vue'\nimport type { NodeKind, TypeEntry, TypeRegistry } from './types'\n\n/**\n * The types every panel has: the core's layout, form and display components under\n * their full names. A module or a project adds its own the same way — `wx-media` comes\n * from `module-media`, `map` from whoever has a map.\n */\nexport const coreTypes: TypeRegistry = {\n 'wx-tabs': { component: WxTabs, kind: 'layout' },\n 'wx-tab': {\n component: WxTab,\n kind: 'layout',\n labelProp: 'label',\n // A tab is selected by value, and the node's id is the one stable thing it has.\n bind: (node) => ({ value: node.id }),\n },\n 'wx-card': { component: WxCard, kind: 'layout', labelProp: 'title' },\n 'wx-row': { component: WxRow, kind: 'layout' },\n 'wx-col': { component: WxCol, kind: 'layout' },\n 'wx-divider': { component: WxDivider, kind: 'layout', labelProp: 'label' },\n\n 'wx-input': { component: WxInput, kind: 'field' },\n 'wx-textarea': { component: WxTextarea, kind: 'field' },\n 'wx-input-number': { component: WxInputNumber, kind: 'field' },\n 'wx-select': { component: WxSelect, kind: 'field' },\n 'wx-switch': { component: WxSwitch, kind: 'field' },\n 'wx-checkbox': { component: WxCheckbox, kind: 'field' },\n 'wx-radio-group': { component: WxRadioGroup, kind: 'field' },\n 'wx-date-picker': { component: WxDatePicker, kind: 'field' },\n 'wx-color-picker': { component: WxColorPicker, kind: 'field' },\n 'wx-repeater': { component: ScreenRepeater, kind: 'field', nested: true, wide: true },\n\n 'wx-text': { component: WxText, kind: 'display' },\n 'wx-alert': { component: WxAlert, kind: 'display', labelProp: 'title' },\n}\n\n/** Identity with a type: keeps a project's registry object checked without an import of the type. */\nexport function defineTypes<T extends TypeRegistry>(types: T): T {\n return types\n}\n\nexport interface TypeDescription {\n type: string\n kind: NodeKind\n component: string\n /** Where the node's `label` ends up, in words. */\n label: string\n}\n\nfunction componentName(entry: TypeEntry): string {\n const component = entry.component as { name?: string; __name?: string }\n return component.name ?? component.__name ?? 'anonymous'\n}\n\nfunction labelDestination(entry: TypeEntry): string {\n if (entry.kind === 'field') return 'form item'\n if (entry.labelProp) return `prop \\`${entry.labelProp}\\``\n return entry.kind === 'display' ? 'default slot' : '—'\n}\n\n/** One row per type, in registry order — what the documentation table is made of. */\nexport function describeTypes(types: TypeRegistry): TypeDescription[] {\n return Object.entries(types).map(([type, entry]) => ({\n type,\n kind: entry.kind,\n component: componentName(entry),\n label: labelDestination(entry),\n }))\n}\n\n/**\n * The registry as a Markdown table, padded the way Prettier pads one, so the generated\n * block in the guide survives `prettier --check` and a test can compare it verbatim.\n */\nexport function typesTable(types: TypeRegistry): string {\n const rows = describeTypes(types).map((row) => [\n `\\`${row.type}\\``,\n row.kind,\n `\\`${row.component}\\``,\n row.label,\n ])\n const header = ['Type', 'Kind', 'Component', '`label` goes to']\n const widths = header.map((cell, column) =>\n Math.max(cell.length, ...rows.map((row) => row[column]!.length)),\n )\n const line = (cells: string[]) =>\n `| ${cells.map((cell, column) => cell.padEnd(widths[column]!)).join(' | ')} |`\n return [line(header), line(widths.map((width) => '-'.repeat(width))), ...rows.map(line)].join(\n '\\n',\n )\n}\n","<script setup lang=\"ts\">\nimport { computed, markRaw, toRaw, watch } from 'vue'\nimport { WxForm } from '@webx-ui/core'\nimport { applyPatch } from './patch'\nimport { coreTypes } from './registry'\nimport { keyAsIs, WxScreenNodes, type RenderContext } from './render'\nimport type {\n Patch,\n PatchError,\n ScreenModel,\n ScreenNode,\n Translate,\n TypeRegistry,\n ValidationErrors,\n} from './types'\n\ndefineOptions({ name: 'WxScreenRenderer' })\n\nconst props = withDefaults(\n defineProps<{\n /** The tree to draw — a module's screen, already patched by the server. */\n root: ScreenNode[]\n /** Client-side patch applied on top, in order. */\n patch?: Patch\n /** Server-side validation errors, keyed by field name; shown under the fields. */\n errors?: ValidationErrors\n /** Project types, merged over the core ones. */\n types?: TypeRegistry\n /** Turns `trans::` strings into words. Without it the key shows. */\n translate?: Translate\n /** Decides `can`. Without it every node is allowed. */\n can?: (permission: string) => boolean\n disabled?: boolean\n labelPosition?: 'top' | 'left'\n labelWidth?: string\n size?: 'sm' | 'md' | 'lg'\n }>(),\n {\n patch: () => [],\n errors: undefined,\n types: undefined,\n translate: undefined,\n can: undefined,\n disabled: false,\n labelPosition: undefined,\n labelWidth: undefined,\n size: undefined,\n },\n)\n\nconst emit = defineEmits<{\n /** Operations that could not be applied. Also reported to the console. */\n patchError: [errors: PatchError[]]\n}>()\n\nconst model = defineModel<ScreenModel>({ default: () => ({}) })\n\nconst applied = computed(() => applyPatch(props.root, props.patch))\n\nwatch(\n () => applied.value.errors,\n (errors) => {\n for (const error of errors) {\n console.error(`[webx-ui/schema] patch[${error.index}] ${error.op.op}: ${error.message}`)\n }\n emit('patchError', errors)\n },\n { immediate: true },\n)\n\n/**\n * A registry kept in a `ref` arrives as a reactive proxy, and Vue warns about a\n * component that is one; the raw component is what `h()` wants anyway.\n */\nconst registry = computed<TypeRegistry>(() => {\n const merged: TypeRegistry = {}\n for (const [type, entry] of Object.entries({ ...coreTypes, ...props.types })) {\n merged[type] = { ...entry, component: markRaw(toRaw(entry.component)) }\n }\n return merged\n})\n\nconst context = computed<RenderContext>(() => ({\n types: registry.value,\n model: model.value,\n update: (name, value) => {\n model.value = { ...model.value, [name]: value }\n },\n translate: props.translate ?? keyAsIs,\n can: props.can ?? (() => true),\n}))\n\ndefineExpose({\n /** The tree after the patch — what is actually on screen. */\n tree: computed(() => applied.value.root),\n})\n</script>\n\n<template>\n <wx-form\n class=\"wx-screen\"\n :errors=\"errors\"\n :disabled=\"disabled\"\n :label-position=\"labelPosition\"\n :label-width=\"labelWidth\"\n :size=\"size\"\n >\n <wx-screen-nodes :nodes=\"applied.root\" :context=\"context\" />\n </wx-form>\n</template>\n\n<style>\n/* Global on purpose: the placeholder is created by a render function, outside any scope. */\n.wx-screen__unknown {\n padding: var(--wx-space-8) var(--wx-space-12);\n border: 1px dashed var(--wx-color-danger);\n border-radius: var(--wx-radius-control);\n background: var(--wx-color-danger-soft);\n color: var(--wx-color-danger);\n font-family: var(--wx-font-family-mono);\n font-size: var(--wx-font-size-sm);\n}\n</style>\n"],"names":["locate","root","id","index","node","found","findNode","collectIds","ids","walk","nodes","indexFor","list","position","where","anchor","at","clone","value","out","key","item","applyPatch","patch","tree","errors","op","message","apply","clash","duplicateIn","others","parent","contains","ancestor","child","incoming","except","existing","same","a","b","evaluateCondition","condition","model","isVisible","visible","NODE_KEYS","OPS","isRecord","checkCondition","path","forms","checkNode","seen","validateScreen","validatePatch","isPosition","TRANS_MARKER","keyAsIs","words","translate","translateDeep","renderUnknown","h","childSlots","defaultSlot","context","groups","name","slots","children","renderNodes","renderNode","entry","props","label","control","WxFormItem","rendered","WxScreenNodes","defineComponent","__props","_useModel","items","computed","attrs","useAttrs","word","line","bound","defaults","prop","_createBlock","_unref","WxRepeater","_mergeProps","_cache","$event","_withCtx","update","_createVNode","coreTypes","WxTabs","WxTab","WxCard","WxRow","WxCol","WxDivider","WxInput","WxTextarea","WxInputNumber","WxSelect","WxSwitch","WxCheckbox","WxRadioGroup","WxDatePicker","WxColorPicker","ScreenRepeater","WxText","WxAlert","defineTypes","types","componentName","component","labelDestination","describeTypes","type","typesTable","rows","row","header","widths","cell","column","cells","width","emit","__emit","applied","watch","error","registry","merged","markRaw","toRaw","__expose","WxForm"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/patch.ts","../src/visible.ts","../src/validate.ts","../src/render.ts","../src/ScreenRepeater.vue","../src/registry.ts","../src/ScreenRenderer.vue"],"sourcesContent":["import type { Patch, PatchError, PatchOperation, PatchPosition, ScreenNode } from './types'\n\ninterface Located {\n /** The array the node sits in: the root, or a parent's `children`. */\n list: ScreenNode[]\n index: number\n node: ScreenNode\n}\n\n/** Depth-first search by `id`, remembering the array the match lives in. */\nexport function locate(root: ScreenNode[], id: string): Located | null {\n for (let index = 0; index < root.length; index += 1) {\n const node = root[index]!\n if (node.id === id) return { list: root, index, node }\n if (node.children) {\n const found = locate(node.children, id)\n if (found) return found\n }\n }\n return null\n}\n\nexport function findNode(root: ScreenNode[], id: string): ScreenNode | null {\n return locate(root, id)?.node ?? null\n}\n\n/** Every `id` in the tree, in document order. Duplicates are kept, so callers can spot them. */\nexport function collectIds(root: ScreenNode[]): string[] {\n const ids: string[] = []\n const walk = (nodes: ScreenNode[]) => {\n for (const node of nodes) {\n ids.push(node.id)\n if (node.children) walk(node.children)\n }\n }\n walk(root)\n return ids\n}\n\n/** Index a node should be inserted at in `list`, or a message when the anchor is missing. */\nfunction indexFor(list: ScreenNode[], position: PatchPosition | undefined): number | string {\n if (!position || position === 'last') return list.length\n if (position === 'first') return 0\n const [where, anchor] = position.split(':', 2) as ['before' | 'after', string]\n const at = list.findIndex((node) => node.id === anchor)\n if (at === -1) return `no sibling \"${anchor}\" to insert ${where}`\n return where === 'before' ? at : at + 1\n}\n\n/**\n * Deep copy of a JSON value. `structuredClone` refuses a Vue reactive proxy, and a\n * tree that came out of a `ref` is exactly that; reading through the proxy is fine.\n */\nexport function clone<T>(value: T): T {\n if (Array.isArray(value)) return value.map(clone) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = clone(item)\n return out as T\n }\n return value\n}\n\n/**\n * Applies a patch to a tree and returns the result as a new tree; the input is not\n * touched. An operation that cannot be applied — a `target` that does not exist, an\n * anchor that is missing — is skipped and reported, and the ones after it still run:\n * a project patch that survived a rename in the module must not silence the rest.\n */\nexport function applyPatch(\n root: ScreenNode[],\n patch: Patch,\n): { root: ScreenNode[]; errors: PatchError[] } {\n const tree = clone(root)\n const errors: PatchError[] = []\n\n patch.forEach((op, index) => {\n const message = apply(tree, op)\n if (message) errors.push({ index, op, message })\n })\n\n return { root: tree, errors }\n}\n\n/** Mutates `tree`; returns a message when the operation was refused. */\nfunction apply(tree: ScreenNode[], op: PatchOperation): string | null {\n const found = locate(tree, op.target)\n if (!found) return `target \"${op.target}\" not found`\n\n switch (op.op) {\n case 'add': {\n const clash = duplicateIn(tree, op.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n const list = (found.node.children ??= [])\n const at = indexFor(list, op.position)\n if (typeof at === 'string') return at\n list.splice(at, 0, clone(op.node))\n return null\n }\n case 'remove':\n found.list.splice(found.index, 1)\n return null\n case 'replace': {\n // The replaced node's own ids are gone, so only the rest of the tree can clash.\n const others = tree.filter((node) => node !== found.node)\n const clash = duplicateIn(others, op.node, found.node)\n if (clash) return `id \"${clash}\" already exists in the screen`\n found.list.splice(found.index, 1, clone(op.node))\n return null\n }\n case 'move': {\n let list = found.list\n if (op.to !== undefined) {\n const parent = locate(tree, op.to)\n if (!parent) return `destination \"${op.to}\" not found`\n if (parent.node === found.node || contains(found.node, parent.node)) {\n return `cannot move \"${op.target}\" into itself`\n }\n list = parent.node.children ??= []\n }\n found.list.splice(found.index, 1)\n const at = indexFor(list, op.position)\n if (typeof at === 'string') {\n // Put it back where it was: a refused move leaves the tree untouched.\n found.list.splice(found.index, 0, found.node)\n return at\n }\n list.splice(at, 0, found.node)\n return null\n }\n case 'set': {\n for (const [key, value] of Object.entries(op)) {\n if (key === 'op' || key === 'target') continue\n if (key === 'props') {\n found.node.props = { ...found.node.props, ...(value as Record<string, unknown>) }\n } else {\n ;(found.node as unknown as Record<string, unknown>)[key] = clone(value)\n }\n }\n return null\n }\n }\n}\n\nfunction contains(ancestor: ScreenNode, node: ScreenNode): boolean {\n return (ancestor.children ?? []).some((child) => child === node || contains(child, node))\n}\n\n/** First id of `incoming` that already exists in `tree`, ignoring `except`'s own subtree. */\nfunction duplicateIn(tree: ScreenNode[], incoming: ScreenNode, except?: ScreenNode): string | null {\n const existing = new Set(collectIds(tree))\n if (except) for (const id of collectIds([except])) existing.delete(id)\n return collectIds([incoming]).find((id) => existing.has(id)) ?? null\n}\n","import type { ScreenModel, ScreenNode, VisibilityCondition } from './types'\n\n/** Loose enough for `{ \"is\": 1 }` to match a numeric input, strict enough for `\"1\"` not to. */\nfunction same(a: unknown, b: unknown): boolean {\n if (a === b) return true\n if (a === null || b === null || typeof a !== 'object' || typeof b !== 'object') return false\n return JSON.stringify(a) === JSON.stringify(b)\n}\n\nexport function evaluateCondition(condition: VisibilityCondition, model: ScreenModel): boolean {\n if ('all' in condition) return condition.all.every((item) => evaluateCondition(item, model))\n if ('any' in condition) return condition.any.some((item) => evaluateCondition(item, model))\n\n const value = model[condition.when]\n if ('in' in condition) return condition.in.some((item) => same(item, value))\n if ('not' in condition) return !same(condition.not, value)\n return same(condition.is, value)\n}\n\n/** Whether a node should render, given the current model. Absent `visible` means yes. */\nexport function isVisible(node: ScreenNode, model: ScreenModel): boolean {\n const { visible } = node\n if (visible === undefined || visible === true) return true\n if (visible === false) return false\n return evaluateCondition(visible, model)\n}\n","import type { Patch, ScreenError, ScreenNode, VisibilityCondition } from './types'\n\nconst NODE_KEYS = new Set([\n 'id',\n 'type',\n 'name',\n 'label',\n 'help',\n 'localized',\n 'props',\n 'children',\n 'slot',\n 'visible',\n 'can',\n])\n\nconst OPS = new Set(['add', 'remove', 'replace', 'move', 'set'])\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction checkCondition(value: unknown, path: string, errors: ScreenError[]): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'visible must be a boolean or a condition object' })\n return\n }\n if ('all' in value || 'any' in value) {\n const list = (value.all ?? value.any) as unknown\n if (!Array.isArray(list)) {\n errors.push({ path, message: '\"all\" / \"any\" must be an array of conditions' })\n return\n }\n list.forEach((item, index) => checkCondition(item, `${path}[${index}]`, errors))\n return\n }\n if (typeof value.when !== 'string') {\n errors.push({ path, message: 'a condition needs \"when\": the name of a field' })\n return\n }\n const forms = ['is', 'in', 'not'].filter((key) => key in value)\n if (forms.length !== 1) {\n errors.push({ path, message: 'a condition needs exactly one of \"is\", \"in\", \"not\"' })\n } else if (forms[0] === 'in' && !Array.isArray(value.in)) {\n errors.push({ path, message: '\"in\" must be an array' })\n }\n}\n\nfunction checkNode(value: unknown, path: string, errors: ScreenError[], seen: Set<string>): void {\n if (!isRecord(value)) {\n errors.push({ path, message: 'a node must be an object' })\n return\n }\n\n for (const key of Object.keys(value)) {\n if (!NODE_KEYS.has(key)) errors.push({ path, message: `unknown key \"${key}\"` })\n }\n\n if (typeof value.id !== 'string' || value.id === '') {\n errors.push({ path, message: '\"id\" is required and must be a non-empty string' })\n } else if (seen.has(value.id)) {\n errors.push({ path, message: `duplicate id \"${value.id}\"` })\n } else {\n seen.add(value.id)\n }\n\n if (typeof value.type !== 'string' || value.type === '') {\n errors.push({ path, message: '\"type\" is required and must be a non-empty string' })\n }\n\n for (const key of ['name', 'label', 'help'] as const) {\n if (key in value && typeof value[key] !== 'string') {\n errors.push({ path, message: `\"${key}\" must be a string` })\n }\n }\n if ('localized' in value && typeof value.localized !== 'boolean') {\n errors.push({ path, message: '\"localized\" must be a boolean' })\n }\n if ('props' in value && !isRecord(value.props)) {\n errors.push({ path, message: '\"props\" must be an object' })\n }\n if ('slot' in value && value.slot !== null && typeof value.slot !== 'string') {\n errors.push({ path, message: '\"slot\" must be a string or null' })\n }\n if ('can' in value && value.can !== null && typeof value.can !== 'string') {\n errors.push({ path, message: '\"can\" must be a string or null' })\n }\n if ('visible' in value && typeof value.visible !== 'boolean') {\n checkCondition(value.visible as VisibilityCondition, `${path}.visible`, errors)\n }\n\n if ('children' in value) {\n if (!Array.isArray(value.children)) {\n errors.push({ path, message: '\"children\" must be an array' })\n } else {\n value.children.forEach((child, index) =>\n checkNode(child, `${path}.children[${index}]`, errors, seen),\n )\n }\n }\n}\n\n/**\n * Checks a tree the way the JSON schema would, without a schema library: required\n * keys, closed key set, value types, and — what a schema cannot say — unique ids.\n * An empty list means the tree is sound.\n */\nexport function validateScreen(root: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(root)) return [{ path: 'root', message: 'root must be an array of nodes' }]\n const seen = new Set<string>()\n root.forEach((node, index) => checkNode(node, `root[${index}]`, errors, seen))\n return errors\n}\n\n/** Same for a patch: each operation has the keys its `op` calls for. */\nexport function validatePatch(patch: unknown): ScreenError[] {\n const errors: ScreenError[] = []\n if (!Array.isArray(patch)) return [{ path: 'patch', message: 'a patch must be an array' }]\n\n patch.forEach((op, index) => {\n const path = `patch[${index}]`\n if (!isRecord(op)) {\n errors.push({ path, message: 'an operation must be an object' })\n return\n }\n if (typeof op.op !== 'string' || !OPS.has(op.op)) {\n errors.push({ path, message: '\"op\" must be one of add, remove, replace, move, set' })\n return\n }\n if (typeof op.target !== 'string' || op.target === '') {\n errors.push({ path, message: '\"target\" is required: the id of a node' })\n }\n if ((op.op === 'add' || op.op === 'replace') && !isRecord(op.node)) {\n errors.push({ path, message: `\"${op.op}\" needs a \"node\"` })\n } else if (op.op === 'add' || op.op === 'replace') {\n checkNode(op.node, `${path}.node`, errors, new Set())\n }\n if ('position' in op && !isPosition(op.position)) {\n errors.push({ path, message: '\"position\" must be first, last, before:<id> or after:<id>' })\n }\n if (op.op === 'move' && 'to' in op && typeof op.to !== 'string') {\n errors.push({ path, message: '\"to\" must be the id of the new parent' })\n }\n if (op.op === 'set') {\n for (const key of Object.keys(op)) {\n if (key !== 'op' && key !== 'target' && (!NODE_KEYS.has(key) || key === 'id')) {\n errors.push({ path, message: `\"set\" cannot change \"${key}\"` })\n }\n }\n }\n })\n\n return errors\n}\n\nfunction isPosition(value: unknown): boolean {\n return (\n typeof value === 'string' &&\n (value === 'first' ||\n value === 'last' ||\n value.startsWith('before:') ||\n value.startsWith('after:'))\n )\n}\n\nexport type { Patch, ScreenNode }\n","import { defineComponent, h, type PropType, type VNode } from 'vue'\nimport { WxFormItem } from '@webx-ui/core'\nimport { isVisible } from './visible'\nimport type { ScreenModel, ScreenNode, Translate, TypeRegistry } from './types'\n\nexport const TRANS_MARKER = 'trans::'\n\n/** What the recursive renderer needs at every level. */\nexport interface RenderContext {\n types: TypeRegistry\n model: ScreenModel\n update: (name: string, value: unknown) => void\n translate: Translate\n can: (permission: string) => boolean\n}\n\n/** Without a dictionary the key itself shows — honest, and easy to spot in a screenshot. */\nexport const keyAsIs: Translate = (key) => key\n\n/** Translates a marked string; anything else — including `undefined` — passes through. */\nexport function words<T>(value: T, translate: Translate): T {\n if (typeof value === 'string' && value.startsWith(TRANS_MARKER)) {\n return translate(value.slice(TRANS_MARKER.length)) as T\n }\n return value\n}\n\n/** Same, through arrays and objects: `props.options[].label` is the common case. */\nexport function translateDeep<T>(value: T, translate: Translate): T {\n if (typeof value === 'string') return words(value, translate)\n if (Array.isArray(value)) return value.map((item) => translateDeep(item, translate)) as T\n if (value && typeof value === 'object') {\n const out: Record<string, unknown> = {}\n for (const [key, item] of Object.entries(value)) out[key] = translateDeep(item, translate)\n return out as T\n }\n return value\n}\n\nfunction renderUnknown(node: ScreenNode): VNode {\n return h(\n 'div',\n { key: node.id, class: 'wx-screen__unknown', role: 'note' },\n `Unknown type: ${node.type}`,\n )\n}\n\n/** Children grouped by the slot they asked for. */\nfunction childSlots(\n node: ScreenNode,\n defaultSlot: string,\n context: RenderContext,\n): Record<string, () => VNode[]> {\n const groups = new Map<string, ScreenNode[]>()\n for (const child of node.children ?? []) {\n const name = child.slot ?? defaultSlot\n const list = groups.get(name) ?? []\n list.push(child)\n groups.set(name, list)\n }\n const slots: Record<string, () => VNode[]> = {}\n for (const [name, children] of groups) {\n slots[name] = () => renderNodes(children, context)\n }\n return slots\n}\n\nexport function renderNode(node: ScreenNode, context: RenderContext): VNode | null {\n if (node.can && !context.can(node.can)) return null\n if (!isVisible(node, context.model)) return null\n\n const entry = context.types[node.type]\n if (!entry) return renderUnknown(node)\n\n const { translate } = context\n const props: Record<string, unknown> = {\n key: node.id,\n ...translateDeep(node.props ?? {}, translate),\n ...entry.bind?.(node),\n }\n const label = words(node.label, translate)\n\n if (entry.kind === 'field') {\n const name = node.name\n const control = h(entry.component, {\n ...props,\n /* A nested field draws the children itself, so it needs the node and the way down. */\n ...(entry.nested ? { node, context } : {}),\n name,\n localized: node.localized || undefined,\n modelValue: name === undefined ? undefined : context.model[name],\n 'onUpdate:modelValue': (value: unknown) => {\n if (name !== undefined) context.update(name, value)\n },\n })\n return h(\n WxFormItem,\n { key: node.id, name, label, help: words(node.help, translate), wide: entry.wide },\n () => control,\n )\n }\n\n if (entry.kind === 'layout') {\n if (entry.labelProp && label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props, childSlots(node, entry.childrenSlot ?? 'default', context))\n }\n\n // display\n if (entry.labelProp) {\n if (label !== undefined) props[entry.labelProp] = label\n return h(entry.component, props)\n }\n return h(entry.component, props, label === undefined ? undefined : () => label)\n}\n\nexport function renderNodes(nodes: ScreenNode[], context: RenderContext): VNode[] {\n const out: VNode[] = []\n for (const node of nodes) {\n const rendered = renderNode(node, context)\n if (rendered) out.push(rendered)\n }\n return out\n}\n\n/** A list of nodes as a component, so the tree can recurse through slots. */\nexport const WxScreenNodes = defineComponent({\n name: 'WxScreenNodes',\n props: {\n nodes: { type: Array as PropType<ScreenNode[]>, required: true },\n context: { type: Object as PropType<RenderContext>, required: true },\n },\n setup(props) {\n return () => renderNodes(props.nodes, props.context)\n },\n})\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport { WxRepeater } from '@webx-ui/core'\nimport { WxScreenNodes, type RenderContext } from './render'\nimport type { ScreenModel, ScreenNode } from './types'\n\ndefineOptions({ name: 'WxScreenRepeater', inheritAttrs: false })\n\n/**\n * The one type with a nested model: the value is a list of records, and the node's\n * children are the fields of one of them. Every child is bound by its own `name` to a key\n * of the item, which is why a repeater is the only place where a name means nesting.\n *\n * Nothing of `WxRepeater`'s own is declared here — `title`, `itemLabel`, `min` and the\n * rest ride in as attributes, so a prop the screen did not set stays unset instead of\n * arriving as `false`.\n */\nconst props = defineProps<{\n /** The node being drawn — its children are one item's fields. */\n node: ScreenNode\n /** The renderer's context; each row gets a copy bound to its own item. */\n context: RenderContext\n /** The renderer hands every field these two. A repeater has no use for either. */\n name?: string\n localized?: boolean\n}>()\n\nconst model = defineModel<ScreenModel[]>({ default: () => [] })\n\nconst items = computed<ScreenModel[]>(() => (Array.isArray(model.value) ? model.value : []))\n\nconst attrs = useAttrs()\n\n/**\n * The panel's words, where the core has only English defaults: the core does not know the\n * panel's dictionary, and a translated form with \"Add\" and \"Remove\" in the middle of it is what\n * that looks like. A key the dictionary does not have — a renderer without one — comes back as\n * itself, and then the core's own word is the better answer.\n */\nfunction word(key: string): string | undefined {\n const line = props.context.translate(`webx-admin::screens.repeater.${key}`)\n\n return line.includes('::') ? undefined : line\n}\n\n/**\n * Folded unless the node says otherwise: a list of records opened all at once is a form a\n * kilometre long, and the header of each row already says which one it is. A row added now is\n * the core's business and opens anyway.\n */\nconst bound = computed(() => {\n const defaults: Record<string, unknown> = { collapsed: true }\n\n for (const [prop, key] of [\n ['addLabel', 'add'],\n ['removeLabel', 'remove'],\n ['dragLabel', 'reorder'],\n ['emptyText', 'empty'],\n ] as const) {\n const line = word(key)\n if (line !== undefined) defaults[prop] = line\n }\n\n return { ...defaults, ...attrs }\n})\n</script>\n\n<template>\n <wx-repeater v-bind=\"bound\" :model-value=\"items\" @update:model-value=\"model = $event\">\n <template #default=\"{ item, update }\">\n <wx-screen-nodes\n :nodes=\"node.children ?? []\"\n :context=\"{\n ...context,\n model: item,\n update: (key: string, value: unknown) => update({ [key]: value }),\n }\"\n />\n </template>\n </wx-repeater>\n</template>\n","import {\n WxAlert,\n WxAutocomplete,\n WxCard,\n WxCascader,\n WxCheckbox,\n WxCheckboxGroup,\n WxCodeEditor,\n WxCol,\n WxColorPicker,\n WxDatePicker,\n WxDateRangePicker,\n WxDateTimePicker,\n WxDivider,\n WxHeading,\n WxIconPicker,\n WxInput,\n WxInputNumber,\n WxRadioGroup,\n WxRate,\n WxRow,\n WxSegmented,\n WxSelect,\n WxSlider,\n WxSwitch,\n WxTab,\n WxTabs,\n WxTagsInput,\n WxText,\n WxTextarea,\n WxTimePicker,\n WxTransfer,\n WxTreeSelect,\n} from '@webx-ui/core'\nimport ScreenRepeater from './ScreenRepeater.vue'\nimport type { NodeKind, TypeEntry, TypeRegistry } from './types'\n\n/**\n * The types every panel has: the core's layout, form and display components under\n * their full names. A module or a project adds its own the same way — `wx-media` comes\n * from `module-media`, `map` from whoever has a map.\n */\nexport const coreTypes: TypeRegistry = {\n 'wx-tabs': { component: WxTabs, kind: 'layout' },\n 'wx-tab': {\n component: WxTab,\n kind: 'layout',\n labelProp: 'label',\n // A tab is selected by value, and the node's id is the one stable thing it has.\n bind: (node) => ({ value: node.id }),\n },\n 'wx-card': { component: WxCard, kind: 'layout', labelProp: 'title' },\n 'wx-row': { component: WxRow, kind: 'layout' },\n 'wx-col': {\n component: WxCol,\n kind: 'layout',\n // Marked so the renderer can stack what a column holds (see `ScreenRenderer.vue`),\n // without touching a `WxCol` that some field happens to use inside itself.\n bind: (node) => ({ class: ['wx-screen__col', node.props?.class] }),\n },\n 'wx-divider': { component: WxDivider, kind: 'layout', labelProp: 'label' },\n\n 'wx-input': { component: WxInput, kind: 'field' },\n 'wx-textarea': { component: WxTextarea, kind: 'field' },\n 'wx-input-number': { component: WxInputNumber, kind: 'field' },\n 'wx-select': { component: WxSelect, kind: 'field' },\n 'wx-switch': { component: WxSwitch, kind: 'field' },\n 'wx-checkbox': { component: WxCheckbox, kind: 'field' },\n 'wx-radio-group': { component: WxRadioGroup, kind: 'field' },\n 'wx-date-picker': { component: WxDatePicker, kind: 'field' },\n 'wx-color-picker': { component: WxColorPicker, kind: 'field' },\n 'wx-checkbox-group': { component: WxCheckboxGroup, kind: 'field' },\n 'wx-segmented': { component: WxSegmented, kind: 'field' },\n 'wx-slider': { component: WxSlider, kind: 'field' },\n 'wx-rate': { component: WxRate, kind: 'field' },\n 'wx-time-picker': { component: WxTimePicker, kind: 'field' },\n 'wx-date-time-picker': {\n component: WxDateTimePicker,\n kind: 'field',\n // A moment, not a wall clock. Without the offset the server reads the hour in its own\n // timezone and the browser in the reader's, and one value shows two different times. Bound\n // over `props` on purpose: the server parses exactly this shape.\n bind: () => ({ valueFormat: \"yyyy-MM-dd'T'HH:mm:ssXXX\" }),\n },\n 'wx-date-range-picker': { component: WxDateRangePicker, kind: 'field' },\n 'wx-tags-input': { component: WxTagsInput, kind: 'field' },\n 'wx-autocomplete': { component: WxAutocomplete, kind: 'field' },\n 'wx-icon-picker': { component: WxIconPicker, kind: 'field' },\n 'wx-cascader': { component: WxCascader, kind: 'field' },\n 'wx-tree-select': { component: WxTreeSelect, kind: 'field' },\n // Wide: two lists with the buttons between them do not fit in half a form.\n 'wx-transfer': { component: WxTransfer, kind: 'field', wide: true },\n // Wide for the reason an editor is: code is read in long lines.\n 'wx-code-editor': { component: WxCodeEditor, kind: 'field', wide: true },\n 'wx-repeater': { component: ScreenRepeater, kind: 'field', nested: true, wide: true },\n\n 'wx-heading': { component: WxHeading, kind: 'display' },\n 'wx-text': { component: WxText, kind: 'display' },\n 'wx-alert': { component: WxAlert, kind: 'display', labelProp: 'title' },\n}\n\n/** Identity with a type: keeps a project's registry object checked without an import of the type. */\nexport function defineTypes<T extends TypeRegistry>(types: T): T {\n return types\n}\n\nexport interface TypeDescription {\n type: string\n kind: NodeKind\n component: string\n /** Where the node's `label` ends up, in words. */\n label: string\n}\n\nfunction componentName(entry: TypeEntry): string {\n const component = entry.component as { name?: string; __name?: string }\n return component.name ?? component.__name ?? 'anonymous'\n}\n\nfunction labelDestination(entry: TypeEntry): string {\n if (entry.kind === 'field') return 'form item'\n if (entry.labelProp) return `prop \\`${entry.labelProp}\\``\n return entry.kind === 'display' ? 'default slot' : '—'\n}\n\n/** One row per type, in registry order — what the documentation table is made of. */\nexport function describeTypes(types: TypeRegistry): TypeDescription[] {\n return Object.entries(types).map(([type, entry]) => ({\n type,\n kind: entry.kind,\n component: componentName(entry),\n label: labelDestination(entry),\n }))\n}\n\n/**\n * The registry as a Markdown table, padded the way Prettier pads one, so the generated\n * block in the guide survives `prettier --check` and a test can compare it verbatim.\n */\nexport function typesTable(types: TypeRegistry): string {\n const rows = describeTypes(types).map((row) => [\n `\\`${row.type}\\``,\n row.kind,\n `\\`${row.component}\\``,\n row.label,\n ])\n const header = ['Type', 'Kind', 'Component', '`label` goes to']\n const widths = header.map((cell, column) =>\n Math.max(cell.length, ...rows.map((row) => row[column]!.length)),\n )\n const line = (cells: string[]) =>\n `| ${cells.map((cell, column) => cell.padEnd(widths[column]!)).join(' | ')} |`\n return [line(header), line(widths.map((width) => '-'.repeat(width))), ...rows.map(line)].join(\n '\\n',\n )\n}\n","<script setup lang=\"ts\">\nimport { computed, markRaw, toRaw, watch } from 'vue'\nimport { WxForm } from '@webx-ui/core'\nimport { applyPatch } from './patch'\nimport { coreTypes } from './registry'\nimport { keyAsIs, WxScreenNodes, type RenderContext } from './render'\nimport type {\n Patch,\n PatchError,\n ScreenModel,\n ScreenNode,\n Translate,\n TypeRegistry,\n ValidationErrors,\n} from './types'\n\ndefineOptions({ name: 'WxScreenRenderer' })\n\nconst props = withDefaults(\n defineProps<{\n /** The tree to draw — a module's screen, already patched by the server. */\n root: ScreenNode[]\n /** Client-side patch applied on top, in order. */\n patch?: Patch\n /** Server-side validation errors, keyed by field name; shown under the fields. */\n errors?: ValidationErrors\n /** Project types, merged over the core ones. */\n types?: TypeRegistry\n /** Turns `trans::` strings into words. Without it the key shows. */\n translate?: Translate\n /** Decides `can`. Without it every node is allowed. */\n can?: (permission: string) => boolean\n disabled?: boolean\n labelPosition?: 'top' | 'left'\n labelWidth?: string\n size?: 'sm' | 'md' | 'lg'\n }>(),\n {\n patch: () => [],\n errors: undefined,\n types: undefined,\n translate: undefined,\n can: undefined,\n disabled: false,\n labelPosition: undefined,\n labelWidth: undefined,\n size: undefined,\n },\n)\n\nconst emit = defineEmits<{\n /** Operations that could not be applied. Also reported to the console. */\n patchError: [errors: PatchError[]]\n}>()\n\nconst model = defineModel<ScreenModel>({ default: () => ({}) })\n\nconst applied = computed(() => applyPatch(props.root, props.patch))\n\nwatch(\n () => applied.value.errors,\n (errors) => {\n for (const error of errors) {\n console.error(`[webx-ui/schema] patch[${error.index}] ${error.op.op}: ${error.message}`)\n }\n emit('patchError', errors)\n },\n { immediate: true },\n)\n\n/**\n * A registry kept in a `ref` arrives as a reactive proxy, and Vue warns about a\n * component that is one; the raw component is what `h()` wants anyway.\n */\nconst registry = computed<TypeRegistry>(() => {\n const merged: TypeRegistry = {}\n for (const [type, entry] of Object.entries({ ...coreTypes, ...props.types })) {\n merged[type] = { ...entry, component: markRaw(toRaw(entry.component)) }\n }\n return merged\n})\n\nconst context = computed<RenderContext>(() => ({\n types: registry.value,\n model: model.value,\n update: (name, value) => {\n model.value = { ...model.value, [name]: value }\n },\n translate: props.translate ?? keyAsIs,\n can: props.can ?? (() => true),\n}))\n\ndefineExpose({\n /** The tree after the patch — what is actually on screen. */\n tree: computed(() => applied.value.root),\n})\n</script>\n\n<template>\n <wx-form\n class=\"wx-screen\"\n :errors=\"errors\"\n :disabled=\"disabled\"\n :label-position=\"labelPosition\"\n :label-width=\"labelWidth\"\n :size=\"size\"\n >\n <wx-screen-nodes :nodes=\"applied.root\" :context=\"context\" />\n </wx-form>\n</template>\n\n<style>\n/*\n * A column is a stack of fields, like a card's body. The form's own gap reaches only its\n * direct children, so two fields dropped into one `wx-col` stood flush: the label of the\n * second read as the hint of the first. Same step as the form and the card.\n */\n.wx-screen__col {\n display: flex;\n flex-direction: column;\n gap: var(--wx-gap, var(--wx-space-16));\n}\n\n/* Global on purpose: the placeholder is created by a render function, outside any scope. */\n.wx-screen__unknown {\n padding: var(--wx-space-8) var(--wx-space-12);\n border: 1px dashed var(--wx-color-danger);\n border-radius: var(--wx-radius-control);\n background: var(--wx-color-danger-soft);\n color: var(--wx-color-danger);\n font-family: var(--wx-font-family-mono);\n font-size: var(--wx-font-size-sm);\n}\n</style>\n"],"names":["locate","root","id","index","node","found","findNode","collectIds","ids","walk","nodes","indexFor","list","position","where","anchor","at","clone","value","out","key","item","applyPatch","patch","tree","errors","op","message","apply","clash","duplicateIn","others","parent","contains","ancestor","child","incoming","except","existing","same","a","b","evaluateCondition","condition","model","isVisible","visible","NODE_KEYS","OPS","isRecord","checkCondition","path","forms","checkNode","seen","validateScreen","validatePatch","isPosition","TRANS_MARKER","keyAsIs","words","translate","translateDeep","renderUnknown","h","childSlots","defaultSlot","context","groups","name","slots","children","renderNodes","renderNode","entry","props","label","control","WxFormItem","rendered","WxScreenNodes","defineComponent","__props","_useModel","items","computed","attrs","useAttrs","word","line","bound","defaults","prop","_createBlock","_unref","WxRepeater","_mergeProps","_cache","$event","_withCtx","update","_createVNode","coreTypes","WxTabs","WxTab","WxCard","WxRow","WxCol","WxDivider","WxInput","WxTextarea","WxInputNumber","WxSelect","WxSwitch","WxCheckbox","WxRadioGroup","WxDatePicker","WxColorPicker","WxCheckboxGroup","WxSegmented","WxSlider","WxRate","WxTimePicker","WxDateTimePicker","WxDateRangePicker","WxTagsInput","WxAutocomplete","WxIconPicker","WxCascader","WxTreeSelect","WxTransfer","WxCodeEditor","ScreenRepeater","WxHeading","WxText","WxAlert","defineTypes","types","componentName","component","labelDestination","describeTypes","type","typesTable","rows","row","header","widths","cell","column","cells","width","emit","__emit","applied","watch","error","registry","merged","markRaw","toRaw","__expose","WxForm"],"mappings":"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"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wx-screen__unknown{padding:var(--wx-space-8) var(--wx-space-12);border:1px dashed var(--wx-color-danger);border-radius:var(--wx-radius-control);background:var(--wx-color-danger-soft);color:var(--wx-color-danger);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm)}
|
|
1
|
+
.wx-screen__col{display:flex;flex-direction:column;gap:var(--wx-gap, var(--wx-space-16))}.wx-screen__unknown{padding:var(--wx-space-8) var(--wx-space-12);border:1px dashed var(--wx-color-danger);border-radius:var(--wx-radius-control);background:var(--wx-color-danger-soft);color:var(--wx-color-danger);font-family:var(--wx-font-family-mono);font-size:var(--wx-font-size-sm)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webx-ui/schema",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.1",
|
|
4
4
|
"description": "Screens as JSON for WebX UI admin panels: the node format, patches, the type registry and the renderer.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"vue": "^3.5.0"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@webx-ui/core": "^0.
|
|
47
|
+
"@webx-ui/core": "^0.33.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@types/node": "^24.10.1",
|