@xbeeant/form-engine-designer 0.0.2 → 0.0.4
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/es/Canvas.js +42 -46
- package/dist/es/Canvas.js.map +1 -1
- package/dist/es/Designer.js +121 -98
- package/dist/es/Designer.js.map +1 -1
- package/dist/es/DesignerContext.js +86 -73
- package/dist/es/DesignerContext.js.map +1 -1
- package/dist/es/Palette.js +3 -3
- package/dist/es/Palette.js.map +1 -1
- package/dist/es/PropertyPanel.js +97 -97
- package/dist/es/PropertyPanel.js.map +1 -1
- package/dist/es/catalog.js +19 -11
- package/dist/es/catalog.js.map +1 -1
- package/dist/es/designer-context.js +110 -0
- package/dist/es/designer-context.js.map +1 -0
- package/dist/es/history.js +73 -0
- package/dist/es/history.js.map +1 -0
- package/dist/es/index.js +3 -3
- package/dist/es/property/basic-property.js +6 -0
- package/dist/es/property/basic-property.js.map +1 -1
- package/dist/es/property-panel.js +294 -0
- package/dist/es/property-panel.js.map +1 -0
- package/dist/es/resizable-panel.js +103 -0
- package/dist/es/resizable-panel.js.map +1 -0
- package/dist/es/schema-utils.js +286 -0
- package/dist/es/schema-utils.js.map +1 -0
- package/dist/es/widgets/BindEditor.js +60 -49
- package/dist/es/widgets/BindEditor.js.map +1 -1
- package/dist/es/widgets/CodeEditor.js +41 -49
- package/dist/es/widgets/CodeEditor.js.map +1 -1
- package/dist/es/widgets/DefaultEditor.js +25 -30
- package/dist/es/widgets/DefaultEditor.js.map +1 -1
- package/dist/es/widgets/DependenciesEditor.js +21 -21
- package/dist/es/widgets/DependenciesEditor.js.map +1 -1
- package/dist/es/widgets/EnumEditor.js +25 -31
- package/dist/es/widgets/EnumEditor.js.map +1 -1
- package/dist/es/widgets/ExpressionSwitch.js +32 -30
- package/dist/es/widgets/ExpressionSwitch.js.map +1 -1
- package/dist/es/widgets/ReactionsEditor.js +103 -103
- package/dist/es/widgets/ReactionsEditor.js.map +1 -1
- package/dist/es/widgets/RemoteDataEditor.js +63 -63
- package/dist/es/widgets/RemoteDataEditor.js.map +1 -1
- package/dist/es/widgets/ValidateEditor.js +49 -49
- package/dist/es/widgets/ValidateEditor.js.map +1 -1
- package/dist/es/widgets/bind-editor.js +78 -0
- package/dist/es/widgets/bind-editor.js.map +1 -0
- package/dist/es/widgets/code-editor.js +76 -0
- package/dist/es/widgets/code-editor.js.map +1 -0
- package/dist/es/widgets/default-editor.js +50 -0
- package/dist/es/widgets/default-editor.js.map +1 -0
- package/dist/es/widgets/dependencies-editor.js +36 -0
- package/dist/es/widgets/dependencies-editor.js.map +1 -0
- package/dist/es/widgets/enum-editor.js +43 -0
- package/dist/es/widgets/enum-editor.js.map +1 -0
- package/dist/es/widgets/expression-builder.js +367 -0
- package/dist/es/widgets/expression-builder.js.map +1 -0
- package/dist/es/widgets/expression-model.js +340 -0
- package/dist/es/widgets/expression-model.js.map +1 -0
- package/dist/es/widgets/expression-switch.js +49 -0
- package/dist/es/widgets/expression-switch.js.map +1 -0
- package/dist/es/widgets/index.js +13 -13
- package/dist/es/widgets/index.js.map +1 -1
- package/dist/es/widgets/options-editor.js +102 -0
- package/dist/es/widgets/options-editor.js.map +1 -0
- package/dist/es/widgets/reactions-editor.js +401 -0
- package/dist/es/widgets/reactions-editor.js.map +1 -0
- package/dist/es/widgets/reactions-model.js +107 -0
- package/dist/es/widgets/reactions-model.js.map +1 -0
- package/dist/es/widgets/remote-data-editor.js +314 -0
- package/dist/es/widgets/remote-data-editor.js.map +1 -0
- package/dist/es/widgets/use-form-data-fields.js +16 -0
- package/dist/es/widgets/use-form-data-fields.js.map +1 -0
- package/dist/es/widgets/validate-editor.js +118 -0
- package/dist/es/widgets/validate-editor.js.map +1 -0
- package/package.json +4 -5
- package/dist/es/react/src/components/FormController.js +0 -154
- package/dist/es/react/src/components/FormController.js.map +0 -1
- package/dist/es/react/src/components/NexusField.js +0 -99
- package/dist/es/react/src/components/NexusField.js.map +0 -1
- package/dist/es/react/src/components/NexusForm.js +0 -121
- package/dist/es/react/src/components/NexusForm.js.map +0 -1
- package/dist/es/react/src/components/NexusFormProvider.js +0 -19
- package/dist/es/react/src/components/NexusFormProvider.js.map +0 -1
- package/dist/es/react/src/components/NexusLayout.js +0 -49
- package/dist/es/react/src/components/NexusLayout.js.map +0 -1
- package/dist/es/react/src/components/NexusObject.js +0 -65
- package/dist/es/react/src/components/NexusObject.js.map +0 -1
- package/dist/es/react/src/contexts/FieldInheritContext.js +0 -6
- package/dist/es/react/src/contexts/FieldInheritContext.js.map +0 -1
- package/dist/es/react/src/contexts/GridContext.js +0 -6
- package/dist/es/react/src/contexts/GridContext.js.map +0 -1
- package/dist/es/react/src/contexts/LayoutConfigContext.js +0 -6
- package/dist/es/react/src/contexts/LayoutConfigContext.js.map +0 -1
- package/dist/es/react/src/contexts/NexusContext.js +0 -13
- package/dist/es/react/src/contexts/NexusContext.js.map +0 -1
- package/dist/es/react/src/hooks/useForm.js +0 -10
- package/dist/es/react/src/hooks/useForm.js.map +0 -1
- package/dist/es/react/src/utils/renderTreeNode.js +0 -18
- package/dist/es/react/src/utils/renderTreeNode.js.map +0 -1
- package/dist/es/react/src/utils/resolveColSpan.js +0 -10
- package/dist/es/react/src/utils/resolveColSpan.js.map +0 -1
- package/dist/es/schemaUtils.test.js +0 -188
- package/dist/es/schemaUtils.test.js.map +0 -1
- package/dist/es/vite-env.d.js +0 -2
- package/dist/es/vite-env.d.js.map +0 -1
- package/dist/es/widgets/expressionModel.test.js +0 -193
- package/dist/es/widgets/expressionModel.test.js.map +0 -1
- package/src/Canvas.tsx +0 -1111
- package/src/Designer.css +0 -206
- package/src/Designer.tsx +0 -254
- package/src/DesignerContext.tsx +0 -192
- package/src/Palette.tsx +0 -261
- package/src/PropertyPanel.tsx +0 -486
- package/src/ResizablePanel.tsx +0 -210
- package/src/catalog.ts +0 -526
- package/src/index.ts +0 -25
- package/src/property/basic-property.ts +0 -126
- package/src/schemaUtils.test.ts +0 -261
- package/src/schemaUtils.ts +0 -627
- package/src/types.ts +0 -38
- package/src/vite-env.d.ts +0 -1
- package/src/widgets/BindEditor.tsx +0 -105
- package/src/widgets/CodeEditor.tsx +0 -114
- package/src/widgets/DefaultEditor.tsx +0 -73
- package/src/widgets/DependenciesEditor.tsx +0 -56
- package/src/widgets/EnumEditor.tsx +0 -66
- package/src/widgets/ExpressionBuilder.tsx +0 -509
- package/src/widgets/ExpressionSwitch.tsx +0 -62
- package/src/widgets/OptionsEditor.tsx +0 -141
- package/src/widgets/ReactionsEditor.tsx +0 -532
- package/src/widgets/RemoteDataEditor.tsx +0 -382
- package/src/widgets/ValidateEditor.tsx +0 -162
- package/src/widgets/expressionModel.test.ts +0 -262
- package/src/widgets/expressionModel.ts +0 -573
- package/src/widgets/index.ts +0 -45
- package/src/widgets/reactionsModel.ts +0 -190
- package/src/widgets/useFormDataFields.ts +0 -21
- /package/dist/es/{form-engine-designer.css → index.css} +0 -0
|
@@ -0,0 +1,340 @@
|
|
|
1
|
+
const C = [
|
|
2
|
+
{ label: "等于", value: "eq" },
|
|
3
|
+
{ label: "不等于", value: "neq" },
|
|
4
|
+
{ label: "大于", value: "gt" },
|
|
5
|
+
{ label: "大于等于", value: "gte" },
|
|
6
|
+
{ label: "小于", value: "lt" },
|
|
7
|
+
{ label: "小于等于", value: "lte" },
|
|
8
|
+
{ label: "包含", value: "contains" },
|
|
9
|
+
{ label: "不包含", value: "notContains" },
|
|
10
|
+
{ label: "以…开头", value: "startsWith" },
|
|
11
|
+
{ label: "以…结尾", value: "endsWith" },
|
|
12
|
+
{ label: "为空", value: "empty" },
|
|
13
|
+
{ label: "不为空", value: "notEmpty" },
|
|
14
|
+
{ label: "为真", value: "truthy" },
|
|
15
|
+
{ label: "为假", value: "falsy" }
|
|
16
|
+
], v = /* @__PURE__ */ new Set([
|
|
17
|
+
"empty",
|
|
18
|
+
"notEmpty",
|
|
19
|
+
"truthy",
|
|
20
|
+
"falsy"
|
|
21
|
+
]), R = [
|
|
22
|
+
{ label: "文本", value: "string" },
|
|
23
|
+
{ label: "数字", value: "number" },
|
|
24
|
+
{ label: "布尔", value: "boolean" },
|
|
25
|
+
{ label: "变量", value: "variable" }
|
|
26
|
+
];
|
|
27
|
+
function h() {
|
|
28
|
+
return Math.random().toString(36).slice(2, 8);
|
|
29
|
+
}
|
|
30
|
+
function I() {
|
|
31
|
+
return {
|
|
32
|
+
id: h(),
|
|
33
|
+
logic: "and",
|
|
34
|
+
variable: { source: "formData", path: "" },
|
|
35
|
+
operator: "eq",
|
|
36
|
+
rightMode: "string",
|
|
37
|
+
right: ""
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
const x = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/;
|
|
41
|
+
function y(e) {
|
|
42
|
+
return e ? e.split(".").map((t) => x.test(t) ? `.${t}` : `['${t}']`).join("") : "";
|
|
43
|
+
}
|
|
44
|
+
function S(e) {
|
|
45
|
+
switch (e.source) {
|
|
46
|
+
case "formData":
|
|
47
|
+
return `formData${y(e.path)}`;
|
|
48
|
+
case "self":
|
|
49
|
+
return "$self.value";
|
|
50
|
+
case "deps":
|
|
51
|
+
return `$deps[${e.path}]`;
|
|
52
|
+
case "index":
|
|
53
|
+
return "$index";
|
|
54
|
+
case "root":
|
|
55
|
+
return "rootValue";
|
|
56
|
+
case "raw":
|
|
57
|
+
return e.path;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
function M(e) {
|
|
61
|
+
const t = [], r = /\.([a-zA-Z_$][a-zA-Z0-9_$]*)|\[\s*'([^']*)'\s*\]/g;
|
|
62
|
+
let i = r.exec(e);
|
|
63
|
+
for (; i !== null; )
|
|
64
|
+
t.push(i[1] ?? i[2]), i = r.exec(e);
|
|
65
|
+
return t.join(".");
|
|
66
|
+
}
|
|
67
|
+
function W(e) {
|
|
68
|
+
const t = e.trim();
|
|
69
|
+
if (t === "$self.value" || t === "$self")
|
|
70
|
+
return { source: "self", path: "" };
|
|
71
|
+
const r = /^\$deps\[\s*(\d+)\s*\]$/.exec(t);
|
|
72
|
+
return r ? { source: "deps", path: r[1] } : t === "$index" ? { source: "index", path: "" } : t === "rootValue" ? { source: "root", path: "" } : t.startsWith("formData") ? {
|
|
73
|
+
source: "formData",
|
|
74
|
+
path: M(t.slice(8))
|
|
75
|
+
} : { source: "raw", path: t };
|
|
76
|
+
}
|
|
77
|
+
function u(e) {
|
|
78
|
+
const t = e.trim();
|
|
79
|
+
if (t === "$self.value")
|
|
80
|
+
return { source: "self", path: "" };
|
|
81
|
+
const r = /^\$deps\[\s*(\d+)\s*\]$/.exec(t);
|
|
82
|
+
if (r)
|
|
83
|
+
return { source: "deps", path: r[1] };
|
|
84
|
+
if (t === "$index")
|
|
85
|
+
return { source: "index", path: "" };
|
|
86
|
+
if (t === "rootValue")
|
|
87
|
+
return { source: "root", path: "" };
|
|
88
|
+
if (t.startsWith("formData") && t !== "formData") {
|
|
89
|
+
const i = W(t);
|
|
90
|
+
if (i.source === "formData" && i.path)
|
|
91
|
+
return i;
|
|
92
|
+
}
|
|
93
|
+
return null;
|
|
94
|
+
}
|
|
95
|
+
function w(e) {
|
|
96
|
+
return e.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
|
|
97
|
+
}
|
|
98
|
+
function m(e) {
|
|
99
|
+
return e.replace(/\\(['\\])/g, "$1");
|
|
100
|
+
}
|
|
101
|
+
function E(e, t) {
|
|
102
|
+
switch (e) {
|
|
103
|
+
case "string":
|
|
104
|
+
return `'${w(t)}'`;
|
|
105
|
+
case "number": {
|
|
106
|
+
const r = t.trim();
|
|
107
|
+
return /^-?\d+(\.\d+)?$/.test(r) ? r : "0";
|
|
108
|
+
}
|
|
109
|
+
case "boolean":
|
|
110
|
+
return t === "true" ? "true" : "false";
|
|
111
|
+
case "variable":
|
|
112
|
+
return t.trim();
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
function $(e) {
|
|
116
|
+
const t = e.trim();
|
|
117
|
+
return t.length >= 2 && t[0] === "'" && t[t.length - 1] === "'" ? { mode: "string", raw: m(t.slice(1, -1)) } : t.length >= 2 && t[0] === '"' && t[t.length - 1] === '"' ? { mode: "string", raw: m(t.slice(1, -1)) } : /^-?\d+(\.\d+)?$/.test(t) ? { mode: "number", raw: t } : t === "true" || t === "false" ? { mode: "boolean", raw: t } : { mode: "variable", raw: t };
|
|
118
|
+
}
|
|
119
|
+
const O = {
|
|
120
|
+
eq: "===",
|
|
121
|
+
neq: "!==",
|
|
122
|
+
gt: ">",
|
|
123
|
+
gte: ">=",
|
|
124
|
+
lt: "<",
|
|
125
|
+
lte: "<="
|
|
126
|
+
}, D = { and: "&&", or: "||" };
|
|
127
|
+
function b(e) {
|
|
128
|
+
const t = S(e.variable), r = e.operator;
|
|
129
|
+
if (r === "truthy")
|
|
130
|
+
return `!!(${t})`;
|
|
131
|
+
if (r === "falsy")
|
|
132
|
+
return `!(${t})`;
|
|
133
|
+
if (r === "empty")
|
|
134
|
+
return `(${t} == null || String(${t}).trim() === '')`;
|
|
135
|
+
if (r === "notEmpty")
|
|
136
|
+
return `(${t} != null && String(${t}).trim() !== '')`;
|
|
137
|
+
const i = E(e.rightMode, e.right);
|
|
138
|
+
switch (r) {
|
|
139
|
+
case "contains":
|
|
140
|
+
return `String(${t}).includes(${i})`;
|
|
141
|
+
case "notContains":
|
|
142
|
+
return `!String(${t}).includes(${i})`;
|
|
143
|
+
case "startsWith":
|
|
144
|
+
return `String(${t}).startsWith(${i})`;
|
|
145
|
+
case "endsWith":
|
|
146
|
+
return `String(${t}).endsWith(${i})`;
|
|
147
|
+
default:
|
|
148
|
+
return `${t} ${O[r] ?? "==="} ${i}`;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
function _(e) {
|
|
152
|
+
if (e.variable.source === "raw") {
|
|
153
|
+
if (!e.variable.path.trim())
|
|
154
|
+
return !1;
|
|
155
|
+
} else if (e.variable.source === "formData" && !e.variable.path.trim())
|
|
156
|
+
return !1;
|
|
157
|
+
return v.has(e.operator) ? !0 : e.rightMode === "variable" ? e.right.trim().length > 0 : e.rightMode === "boolean" || e.right.trim().length > 0;
|
|
158
|
+
}
|
|
159
|
+
function V(e) {
|
|
160
|
+
const t = e.filter(_);
|
|
161
|
+
if (t.length === 0)
|
|
162
|
+
return "{{ }}";
|
|
163
|
+
let r = b(t[0]);
|
|
164
|
+
for (let i = 1; i < t.length; i++)
|
|
165
|
+
r = `${r} ${D[t[i].logic]} ${b(t[i])}`;
|
|
166
|
+
return `{{ ${r} }}`;
|
|
167
|
+
}
|
|
168
|
+
function q(e) {
|
|
169
|
+
const t = e.trim();
|
|
170
|
+
return t.startsWith("{{") && t.endsWith("}}") ? t.slice(2, -2).trim() : t;
|
|
171
|
+
}
|
|
172
|
+
function T(e) {
|
|
173
|
+
const t = [];
|
|
174
|
+
let r = 0, i = null, a = "", o = "and";
|
|
175
|
+
for (let s = 0; s < e.length; s++) {
|
|
176
|
+
const n = e[s];
|
|
177
|
+
if (i) {
|
|
178
|
+
a += n, n === "\\" ? (a += e[s + 1] ?? "", s++) : n === i && (i = null);
|
|
179
|
+
continue;
|
|
180
|
+
}
|
|
181
|
+
if (n === "'" || n === '"') {
|
|
182
|
+
i = n, a += n;
|
|
183
|
+
continue;
|
|
184
|
+
}
|
|
185
|
+
if (n === "(") {
|
|
186
|
+
r++, a += n;
|
|
187
|
+
continue;
|
|
188
|
+
}
|
|
189
|
+
if (n === ")") {
|
|
190
|
+
r = Math.max(0, r - 1), a += n;
|
|
191
|
+
continue;
|
|
192
|
+
}
|
|
193
|
+
if (r === 0 && (n === "&" || n === "|")) {
|
|
194
|
+
const c = e.slice(s, s + 2);
|
|
195
|
+
if (c === "&&" || c === "||") {
|
|
196
|
+
const f = a.trim();
|
|
197
|
+
f && t.push({ logic: o, text: f }), o = c === "&&" ? "and" : "or", a = "", s++;
|
|
198
|
+
continue;
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
a += n;
|
|
202
|
+
}
|
|
203
|
+
const l = a.trim();
|
|
204
|
+
return l && t.push({ logic: o, text: l }), t;
|
|
205
|
+
}
|
|
206
|
+
function A(e) {
|
|
207
|
+
const t = e.trim(), r = /^!!\(\s*(.+)\s*\)$/.exec(t);
|
|
208
|
+
if (r) {
|
|
209
|
+
const n = u(r[1]);
|
|
210
|
+
return n ? {
|
|
211
|
+
id: h(),
|
|
212
|
+
logic: "and",
|
|
213
|
+
variable: n,
|
|
214
|
+
operator: "truthy",
|
|
215
|
+
rightMode: "string",
|
|
216
|
+
right: ""
|
|
217
|
+
} : null;
|
|
218
|
+
}
|
|
219
|
+
const i = /^!\(\s*(.+)\s*\)$/.exec(t);
|
|
220
|
+
if (i) {
|
|
221
|
+
const n = u(i[1]);
|
|
222
|
+
return n ? {
|
|
223
|
+
id: h(),
|
|
224
|
+
logic: "and",
|
|
225
|
+
variable: n,
|
|
226
|
+
operator: "falsy",
|
|
227
|
+
rightMode: "string",
|
|
228
|
+
right: ""
|
|
229
|
+
} : null;
|
|
230
|
+
}
|
|
231
|
+
const a = /^\(\s*(.+?)\s*== null \|\| String\(\s*(.+?)\s*\)\.trim\(\) === ''\)$/.exec(
|
|
232
|
+
t
|
|
233
|
+
);
|
|
234
|
+
if (a) {
|
|
235
|
+
const n = u(a[1]);
|
|
236
|
+
return n ? {
|
|
237
|
+
id: h(),
|
|
238
|
+
logic: "and",
|
|
239
|
+
variable: n,
|
|
240
|
+
operator: "empty",
|
|
241
|
+
rightMode: "string",
|
|
242
|
+
right: ""
|
|
243
|
+
} : null;
|
|
244
|
+
}
|
|
245
|
+
const o = /^\(\s*(.+?)\s*!= null && String\(\s*(.+?)\s*\)\.trim\(\) !== ''\)$/.exec(
|
|
246
|
+
t
|
|
247
|
+
);
|
|
248
|
+
if (o) {
|
|
249
|
+
const n = u(o[1]);
|
|
250
|
+
return n ? {
|
|
251
|
+
id: h(),
|
|
252
|
+
logic: "and",
|
|
253
|
+
variable: n,
|
|
254
|
+
operator: "notEmpty",
|
|
255
|
+
rightMode: "string",
|
|
256
|
+
right: ""
|
|
257
|
+
} : null;
|
|
258
|
+
}
|
|
259
|
+
const l = /^(!?)String\(\s*(.+?)\s*\)\.(includes|startsWith|endsWith)\(\s*(.+?)\s*\)$/.exec(
|
|
260
|
+
t
|
|
261
|
+
);
|
|
262
|
+
if (l) {
|
|
263
|
+
const n = u(l[2]);
|
|
264
|
+
if (!n)
|
|
265
|
+
return null;
|
|
266
|
+
const c = l[1] === "!", f = l[3], p = {
|
|
267
|
+
includes: c ? "notContains" : "contains",
|
|
268
|
+
startsWith: "startsWith",
|
|
269
|
+
endsWith: "endsWith"
|
|
270
|
+
}, { mode: g, raw: d } = $(l[4]);
|
|
271
|
+
return g === "variable" && !u(d) ? null : {
|
|
272
|
+
id: h(),
|
|
273
|
+
logic: "and",
|
|
274
|
+
variable: n,
|
|
275
|
+
operator: p[f],
|
|
276
|
+
rightMode: g,
|
|
277
|
+
right: d
|
|
278
|
+
};
|
|
279
|
+
}
|
|
280
|
+
const s = /^\s*(.+?)\s*(===|!==|==|!=|>=|<=|>|<)\s*(.+?)\s*$/.exec(t);
|
|
281
|
+
if (s) {
|
|
282
|
+
const n = u(s[1]);
|
|
283
|
+
if (!n)
|
|
284
|
+
return null;
|
|
285
|
+
const c = {
|
|
286
|
+
"===": "eq",
|
|
287
|
+
"==": "eq",
|
|
288
|
+
"!==": "neq",
|
|
289
|
+
"!=": "neq",
|
|
290
|
+
">": "gt",
|
|
291
|
+
">=": "gte",
|
|
292
|
+
"<": "lt",
|
|
293
|
+
"<=": "lte"
|
|
294
|
+
}, { mode: f, raw: p } = $(s[3]);
|
|
295
|
+
return f === "variable" && !u(p) ? null : {
|
|
296
|
+
id: h(),
|
|
297
|
+
logic: "and",
|
|
298
|
+
variable: n,
|
|
299
|
+
operator: c[s[2]],
|
|
300
|
+
rightMode: f,
|
|
301
|
+
right: p
|
|
302
|
+
};
|
|
303
|
+
}
|
|
304
|
+
return null;
|
|
305
|
+
}
|
|
306
|
+
function P(e) {
|
|
307
|
+
if (typeof e != "string")
|
|
308
|
+
return [];
|
|
309
|
+
const t = q(e);
|
|
310
|
+
if (!t)
|
|
311
|
+
return [];
|
|
312
|
+
const r = T(t);
|
|
313
|
+
if (r.length === 0)
|
|
314
|
+
return [];
|
|
315
|
+
const i = [];
|
|
316
|
+
for (const a of r) {
|
|
317
|
+
const o = A(a.text);
|
|
318
|
+
if (!o)
|
|
319
|
+
return null;
|
|
320
|
+
o.logic = a.logic, i.push(o);
|
|
321
|
+
}
|
|
322
|
+
return i;
|
|
323
|
+
}
|
|
324
|
+
export {
|
|
325
|
+
v as NO_RIGHT_OPERATORS,
|
|
326
|
+
C as OPERATOR_OPTIONS,
|
|
327
|
+
R as RIGHT_MODE_OPTIONS,
|
|
328
|
+
V as buildExpression,
|
|
329
|
+
I as createCondition,
|
|
330
|
+
E as formatRightValue,
|
|
331
|
+
h as genConditionId,
|
|
332
|
+
_ as isConditionComplete,
|
|
333
|
+
P as parseExpression,
|
|
334
|
+
$ as parseRightValue,
|
|
335
|
+
u as parseSimpleVariable,
|
|
336
|
+
W as parseVariable,
|
|
337
|
+
q as stripBraces,
|
|
338
|
+
S as variableToString
|
|
339
|
+
};
|
|
340
|
+
//# sourceMappingURL=expression-model.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expression-model.js","sources":["../../../src/widgets/expression-model.ts"],"sourcesContent":["// ============================================================================\n// expressionModel — 可视化表达式构建器的纯数据模型(无 React / DOM 依赖)\n// 负责 ExprCondition 行模型 ⇄ `{{ ... }}` 表达式字符串的双向转换\n// ============================================================================\n//\n// 构建:行模型 → 表达式(buildExpression)\n// 解析:表达式 → 行模型(parseExpression,尽力而为)\n// 解析失败时返回 null,由调用方回退到「高级模式」原始表达式编辑,保证不丢数据。\n\n// ────────────────────────────────────────────────────────────────────────────\n// 类型定义\n// ────────────────────────────────────────────────────────────────────────────\n\n/** 变量来源 */\nexport type VariableSource =\n | 'formData'\n | 'self'\n | 'deps'\n | 'index'\n | 'root'\n | 'raw';\n\nexport interface ExprVariable {\n source: VariableSource;\n /** formData: 点分字段路径;deps: 下标字符串;raw: 自定义表达式片段 */\n path: string;\n}\n\n/** 右侧值模式 */\nexport type RightMode = 'string' | 'number' | 'boolean' | 'variable';\n\n/** 操作符 */\nexport type ConditionOperator =\n | 'eq'\n | 'neq'\n | 'gt'\n | 'gte'\n | 'lt'\n | 'lte'\n | 'contains'\n | 'notContains'\n | 'startsWith'\n | 'endsWith'\n | 'empty'\n | 'notEmpty'\n | 'truthy'\n | 'falsy';\n\nexport interface ExprCondition {\n id: string;\n /** 与上一条条件的连接关系(首条忽略) */\n logic: 'and' | 'or';\n variable: ExprVariable;\n operator: ConditionOperator;\n rightMode: RightMode;\n /** 右侧值:string/number 为字面量文本,boolean 为 'true'/'false',variable 为变量表达式 */\n right: string;\n}\n\n/** 操作符文案选项 */\nexport const OPERATOR_OPTIONS: Array<{\n label: string;\n value: ConditionOperator;\n}> = [\n { label: '等于', value: 'eq' },\n { label: '不等于', value: 'neq' },\n { label: '大于', value: 'gt' },\n { label: '大于等于', value: 'gte' },\n { label: '小于', value: 'lt' },\n { label: '小于等于', value: 'lte' },\n { label: '包含', value: 'contains' },\n { label: '不包含', value: 'notContains' },\n { label: '以…开头', value: 'startsWith' },\n { label: '以…结尾', value: 'endsWith' },\n { label: '为空', value: 'empty' },\n { label: '不为空', value: 'notEmpty' },\n { label: '为真', value: 'truthy' },\n { label: '为假', value: 'falsy' },\n];\n\n/** 无需右侧值的操作符 */\nexport const NO_RIGHT_OPERATORS = new Set<ConditionOperator>([\n 'empty',\n 'notEmpty',\n 'truthy',\n 'falsy',\n]);\n\nexport const RIGHT_MODE_OPTIONS: Array<{ label: string; value: RightMode }> = [\n { label: '文本', value: 'string' },\n { label: '数字', value: 'number' },\n { label: '布尔', value: 'boolean' },\n { label: '变量', value: 'variable' },\n];\n\nexport function genConditionId(): string {\n return Math.random().toString(36).slice(2, 8);\n}\n\n/** 创建一个空条件行 */\nexport function createCondition(): ExprCondition {\n return {\n id: genConditionId(),\n logic: 'and',\n variable: { source: 'formData', path: '' },\n operator: 'eq',\n rightMode: 'string',\n right: '',\n };\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// 变量文本化 / 解析\n// ────────────────────────────────────────────────────────────────────────────\n\nconst IDENT_RE = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/;\n\n/** 点分路径 → 安全访问器(非标识符片段用 ['...'] 包裹) */\nfunction toAccessor(path: string): string {\n if (!path) {\n return '';\n }\n return path\n .split('.')\n .map((seg) => (IDENT_RE.test(seg) ? `.${seg}` : `['${seg}']`))\n .join('');\n}\n\n/** ExprVariable → 表达式文本 */\nexport function variableToString(v: ExprVariable): string {\n switch (v.source) {\n case 'formData':\n return `formData${toAccessor(v.path)}`;\n case 'self':\n return '$self.value';\n case 'deps':\n return `$deps[${v.path}]`;\n case 'index':\n return '$index';\n case 'root':\n return 'rootValue';\n case 'raw':\n return v.path;\n }\n}\n\n/** 从访问器后缀解析出路径段('.a' / \"['b']\" 混合形式) */\nfunction parseAccessorSuffix(suffix: string): string {\n const segments: string[] = [];\n const re = /\\.([a-zA-Z_$][a-zA-Z0-9_$]*)|\\[\\s*'([^']*)'\\s*\\]/g;\n let m = re.exec(suffix);\n while (m !== null) {\n segments.push(m[1] ?? m[2]);\n m = re.exec(suffix);\n }\n return segments.join('.');\n}\n\n/** 表达式文本 → ExprVariable;无法识别时回退为 raw */\nexport function parseVariable(text: string): ExprVariable {\n const t = text.trim();\n if (t === '$self.value' || t === '$self') {\n return { source: 'self', path: '' };\n }\n const depsMatch = /^\\$deps\\[\\s*(\\d+)\\s*\\]$/.exec(t);\n if (depsMatch) {\n return { source: 'deps', path: depsMatch[1] };\n }\n if (t === '$index') {\n return { source: 'index', path: '' };\n }\n if (t === 'rootValue') {\n return { source: 'root', path: '' };\n }\n if (t.startsWith('formData')) {\n return {\n source: 'formData',\n path: parseAccessorSuffix(t.slice('formData'.length)),\n };\n }\n return { source: 'raw', path: t };\n}\n\n/**\n * 严格解析「简单变量」(仅白名单变量源,不含任意表达式片段)\n * 用于解析已有表达式时约束左右操作数,无法识别返回 null(→ 回退高级模式)\n */\nexport function parseSimpleVariable(text: string): ExprVariable | null {\n const t = text.trim();\n if (t === '$self.value') {\n return { source: 'self', path: '' };\n }\n const depsMatch = /^\\$deps\\[\\s*(\\d+)\\s*\\]$/.exec(t);\n if (depsMatch) {\n return { source: 'deps', path: depsMatch[1] };\n }\n if (t === '$index') {\n return { source: 'index', path: '' };\n }\n if (t === 'rootValue') {\n return { source: 'root', path: '' };\n }\n if (t.startsWith('formData') && t !== 'formData') {\n const v = parseVariable(t);\n if (v.source === 'formData' && v.path) {\n return v;\n }\n }\n return null;\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// 右侧值格式化\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction escapeString(s: string): string {\n return s.replace(/\\\\/g, '\\\\\\\\').replace(/'/g, \"\\\\'\");\n}\n\nfunction unescapeString(s: string): string {\n return s.replace(/\\\\(['\\\\])/g, '$1');\n}\n\n/** 根据 rightMode 生成右侧 JS 值文本 */\nexport function formatRightValue(mode: RightMode, raw: string): string {\n switch (mode) {\n case 'string':\n return `'${escapeString(raw)}'`;\n case 'number': {\n const t = raw.trim();\n return /^-?\\d+(\\.\\d+)?$/.test(t) ? t : '0';\n }\n case 'boolean':\n return raw === 'true' ? 'true' : 'false';\n case 'variable':\n return raw.trim();\n }\n}\n\n/** 解析右侧 JS 值 → { mode, raw } */\nexport function parseRightValue(text: string): {\n mode: RightMode;\n raw: string;\n} {\n const t = text.trim();\n if (t.length >= 2 && t[0] === \"'\" && t[t.length - 1] === \"'\") {\n return { mode: 'string', raw: unescapeString(t.slice(1, -1)) };\n }\n if (t.length >= 2 && t[0] === '\"' && t[t.length - 1] === '\"') {\n return { mode: 'string', raw: unescapeString(t.slice(1, -1)) };\n }\n if (/^-?\\d+(\\.\\d+)?$/.test(t)) {\n return { mode: 'number', raw: t };\n }\n if (t === 'true' || t === 'false') {\n return { mode: 'boolean', raw: t };\n }\n return { mode: 'variable', raw: t };\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// 构建表达式\n// ────────────────────────────────────────────────────────────────────────────\n\nconst JS_OP: Record<string, string> = {\n eq: '===',\n neq: '!==',\n gt: '>',\n gte: '>=',\n lt: '<',\n lte: '<=',\n};\n\nconst LOGIC_JS: Record<'and' | 'or', string> = { and: '&&', or: '||' };\n\nfunction conditionToExpression(c: ExprCondition): string {\n const left = variableToString(c.variable);\n const op = c.operator;\n if (op === 'truthy') {\n return `!!(${left})`;\n }\n if (op === 'falsy') {\n return `!(${left})`;\n }\n if (op === 'empty') {\n return `(${left} == null || String(${left}).trim() === '')`;\n }\n if (op === 'notEmpty') {\n return `(${left} != null && String(${left}).trim() !== '')`;\n }\n const right = formatRightValue(c.rightMode, c.right);\n switch (op) {\n case 'contains':\n return `String(${left}).includes(${right})`;\n case 'notContains':\n return `!String(${left}).includes(${right})`;\n case 'startsWith':\n return `String(${left}).startsWith(${right})`;\n case 'endsWith':\n return `String(${left}).endsWith(${right})`;\n default:\n return `${left} ${JS_OP[op] ?? '==='} ${right}`;\n }\n}\n\n/** 条件行是否完整(变量已填,需要右值时右值已填) */\nexport function isConditionComplete(c: ExprCondition): boolean {\n if (c.variable.source === 'raw') {\n if (!c.variable.path.trim()) {\n return false;\n }\n } else if (c.variable.source === 'formData' && !c.variable.path.trim()) {\n return false;\n }\n if (NO_RIGHT_OPERATORS.has(c.operator)) {\n return true;\n }\n if (c.rightMode === 'variable') {\n return c.right.trim().length > 0;\n }\n return c.rightMode === 'boolean' || c.right.trim().length > 0;\n}\n\n/**\n * 行模型 → `{{ ... }}` 表达式\n * - 无完整条件时返回空模板 `{{ }}`(保持表达式模式)\n */\nexport function buildExpression(conditions: ExprCondition[]): string {\n const valid = conditions.filter(isConditionComplete);\n if (valid.length === 0) {\n return '{{ }}';\n }\n let expr = conditionToExpression(valid[0]);\n for (let i = 1; i < valid.length; i++) {\n expr = `${expr} ${LOGIC_JS[valid[i].logic]} ${conditionToExpression(valid[i])}`;\n }\n return `{{ ${expr} }}`;\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// 解析表达式\n// ────────────────────────────────────────────────────────────────────────────\n\n/** 去掉 `{{ }}` 包裹 */\nexport function stripBraces(expr: string): string {\n const t = expr.trim();\n if (t.startsWith('{{') && t.endsWith('}}')) {\n return t.slice(2, -2).trim();\n }\n return t;\n}\n\n/** 按顶层 `&&` / `||` 切分(忽略引号与括号内的连接符) */\nfunction splitTopLevel(\n text: string,\n): Array<{ logic: 'and' | 'or'; text: string }> {\n const parts: Array<{ logic: 'and' | 'or'; text: string }> = [];\n let depth = 0;\n let quote: \"'\" | '\"' | null = null;\n let buffer = '';\n let nextLogic: 'and' | 'or' = 'and';\n\n for (let i = 0; i < text.length; i++) {\n const ch = text[i];\n if (quote) {\n buffer += ch;\n if (ch === '\\\\') {\n buffer += text[i + 1] ?? '';\n i++;\n } else if (ch === quote) {\n quote = null;\n }\n continue;\n }\n if (ch === \"'\" || ch === '\"') {\n quote = ch;\n buffer += ch;\n continue;\n }\n if (ch === '(') {\n depth++;\n buffer += ch;\n continue;\n }\n if (ch === ')') {\n depth = Math.max(0, depth - 1);\n buffer += ch;\n continue;\n }\n if (depth === 0 && (ch === '&' || ch === '|')) {\n const op = text.slice(i, i + 2);\n if (op === '&&' || op === '||') {\n const trimmed = buffer.trim();\n if (trimmed) {\n parts.push({ logic: nextLogic, text: trimmed });\n }\n nextLogic = op === '&&' ? 'and' : 'or';\n buffer = '';\n i++;\n continue;\n }\n }\n buffer += ch;\n }\n const trimmed = buffer.trim();\n if (trimmed) {\n parts.push({ logic: nextLogic, text: trimmed });\n }\n return parts;\n}\n\nfunction parseAtomic(text: string): ExprCondition | null {\n const t = text.trim();\n\n const truthy = /^!!\\(\\s*(.+)\\s*\\)$/.exec(t);\n if (truthy) {\n const variable = parseSimpleVariable(truthy[1]);\n if (!variable) {\n return null;\n }\n return {\n id: genConditionId(),\n logic: 'and',\n variable,\n operator: 'truthy',\n rightMode: 'string',\n right: '',\n };\n }\n const falsy = /^!\\(\\s*(.+)\\s*\\)$/.exec(t);\n if (falsy) {\n const variable = parseSimpleVariable(falsy[1]);\n if (!variable) {\n return null;\n }\n return {\n id: genConditionId(),\n logic: 'and',\n variable,\n operator: 'falsy',\n rightMode: 'string',\n right: '',\n };\n }\n\n const empty =\n /^\\(\\s*(.+?)\\s*== null \\|\\| String\\(\\s*(.+?)\\s*\\)\\.trim\\(\\) === ''\\)$/.exec(\n t,\n );\n if (empty) {\n const variable = parseSimpleVariable(empty[1]);\n if (!variable) {\n return null;\n }\n return {\n id: genConditionId(),\n logic: 'and',\n variable,\n operator: 'empty',\n rightMode: 'string',\n right: '',\n };\n }\n const notEmpty =\n /^\\(\\s*(.+?)\\s*!= null && String\\(\\s*(.+?)\\s*\\)\\.trim\\(\\) !== ''\\)$/.exec(\n t,\n );\n if (notEmpty) {\n const variable = parseSimpleVariable(notEmpty[1]);\n if (!variable) {\n return null;\n }\n return {\n id: genConditionId(),\n logic: 'and',\n variable,\n operator: 'notEmpty',\n rightMode: 'string',\n right: '',\n };\n }\n\n const stringCall =\n /^(!?)String\\(\\s*(.+?)\\s*\\)\\.(includes|startsWith|endsWith)\\(\\s*(.+?)\\s*\\)$/.exec(\n t,\n );\n if (stringCall) {\n const variable = parseSimpleVariable(stringCall[2]);\n if (!variable) {\n return null;\n }\n const negated = stringCall[1] === '!';\n const rawOp = stringCall[3] as 'includes' | 'startsWith' | 'endsWith';\n const opMap: Record<string, ConditionOperator> = {\n includes: negated ? 'notContains' : 'contains',\n startsWith: 'startsWith',\n endsWith: 'endsWith',\n };\n const { mode, raw } = parseRightValue(stringCall[4]);\n if (mode === 'variable' && !parseSimpleVariable(raw)) {\n return null;\n }\n return {\n id: genConditionId(),\n logic: 'and',\n variable,\n operator: opMap[rawOp],\n rightMode: mode,\n right: raw,\n };\n }\n\n const cmp = /^\\s*(.+?)\\s*(===|!==|==|!=|>=|<=|>|<)\\s*(.+?)\\s*$/.exec(t);\n if (cmp) {\n const variable = parseSimpleVariable(cmp[1]);\n if (!variable) {\n return null;\n }\n const opMap: Record<string, ConditionOperator> = {\n '===': 'eq',\n '==': 'eq',\n '!==': 'neq',\n '!=': 'neq',\n '>': 'gt',\n '>=': 'gte',\n '<': 'lt',\n '<=': 'lte',\n };\n const { mode, raw } = parseRightValue(cmp[3]);\n if (mode === 'variable' && !parseSimpleVariable(raw)) {\n return null;\n }\n return {\n id: genConditionId(),\n logic: 'and',\n variable,\n operator: opMap[cmp[2]],\n rightMode: mode,\n right: raw,\n };\n }\n\n return null;\n}\n\n/**\n * 表达式字符串 → 行模型\n * - 空 / 空模板 → []\n * - 无法解析 → null(调用方回退「高级模式」)\n */\nexport function parseExpression(expr: unknown): ExprCondition[] | null {\n if (typeof expr !== 'string') {\n return [];\n }\n const inner = stripBraces(expr);\n if (!inner) {\n return [];\n }\n const parts = splitTopLevel(inner);\n if (parts.length === 0) {\n return [];\n }\n const conditions: ExprCondition[] = [];\n for (const part of parts) {\n const parsed = parseAtomic(part.text);\n if (!parsed) {\n return null;\n }\n parsed.logic = part.logic;\n conditions.push(parsed);\n }\n return conditions;\n}\n"],"names":["OPERATOR_OPTIONS","NO_RIGHT_OPERATORS","RIGHT_MODE_OPTIONS","genConditionId","createCondition","IDENT_RE","toAccessor","path","seg","variableToString","v","parseAccessorSuffix","suffix","segments","re","m","parseVariable","text","depsMatch","parseSimpleVariable","escapeString","s","unescapeString","formatRightValue","mode","raw","t","parseRightValue","JS_OP","LOGIC_JS","conditionToExpression","c","left","op","right","isConditionComplete","buildExpression","conditions","valid","expr","stripBraces","splitTopLevel","parts","depth","quote","buffer","nextLogic","i","ch","trimmed","parseAtomic","truthy","variable","falsy","empty","notEmpty","stringCall","negated","rawOp","opMap","cmp","parseExpression","inner","part","parsed"],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as r, jsxs as d } from "react/jsx-runtime";
|
|
2
|
+
import { Switch as c } from "antd";
|
|
3
|
+
import { ExpressionBuilder as f } from "./expression-builder.js";
|
|
4
|
+
import { useFormDataFields as h } from "./use-form-data-fields.js";
|
|
5
|
+
function l({
|
|
6
|
+
value: o,
|
|
7
|
+
onChange: i,
|
|
8
|
+
displayType: s
|
|
9
|
+
}) {
|
|
10
|
+
const t = typeof o == "string" && o.length > 0, n = h();
|
|
11
|
+
return /* @__PURE__ */ r(
|
|
12
|
+
"div",
|
|
13
|
+
{
|
|
14
|
+
style: {
|
|
15
|
+
display: "flex",
|
|
16
|
+
flexDirection: s === "row" ? "row" : "column",
|
|
17
|
+
gap: s === "row" ? 8 : 0,
|
|
18
|
+
marginBottom: 0
|
|
19
|
+
},
|
|
20
|
+
children: /* @__PURE__ */ d("div", { className: `flex gap-2 ${t ? "flex-col" : "flex-row"}`, children: [
|
|
21
|
+
t ? /* @__PURE__ */ r(
|
|
22
|
+
f,
|
|
23
|
+
{
|
|
24
|
+
value: o,
|
|
25
|
+
onChange: (e) => i(e),
|
|
26
|
+
fields: n
|
|
27
|
+
}
|
|
28
|
+
) : /* @__PURE__ */ r(c, { checked: !!o, onChange: (e) => i(e) }),
|
|
29
|
+
/* @__PURE__ */ r(
|
|
30
|
+
c,
|
|
31
|
+
{
|
|
32
|
+
checked: t,
|
|
33
|
+
checkedChildren: "表达式",
|
|
34
|
+
unCheckedChildren: "静态",
|
|
35
|
+
onChange: (e) => {
|
|
36
|
+
i(e ? typeof o == "string" ? o : "{{ }}" : typeof o == "boolean" ? o : !1);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
)
|
|
40
|
+
] })
|
|
41
|
+
}
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
const k = l;
|
|
45
|
+
export {
|
|
46
|
+
l as ExpressionSwitch,
|
|
47
|
+
k as expressionSwitchWidget
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=expression-switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expression-switch.js","sources":["../../../src/widgets/expression-switch.tsx"],"sourcesContent":["// ============================================================================\n// ExpressionSwitch — 编辑 ExpressionOr<boolean> 属性\n// 支持静态布尔值(Switch)与表达式(可视化构建器 / 高级手写)之间的切换\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Switch } from 'antd';\nimport { ExpressionBuilder } from './expression-builder';\nimport { useFormDataFields } from './use-form-data-fields';\n\nexport function ExpressionSwitch({\n value,\n onChange,\n displayType,\n}: WidgetProps) {\n // ExpressionOr<boolean>: 非空字符串=表达式模式,其他=静态模式\n // 直接由 value 派生(受控),外部 value 变化(如切换选中节点)自动同步;\n // 不再维护内部 isExpr state,避免与外部值脱节\n const isExpr = typeof value === 'string' && value.length > 0;\n\n const fields = useFormDataFields();\n\n // 模式切换必须写回一个对应形态的值,否则状态只是视觉变化、无法持久化\n const switchMode = (exprMode: boolean) => {\n if (exprMode) {\n // 切到表达式:保留已有表达式,静态布尔值则以空模板起步\n onChange(typeof value === 'string' ? value : '{{ }}');\n } else {\n // 切到静态:reset 为布尔值\n onChange(typeof value === 'boolean' ? value : false);\n }\n };\n\n return (\n <div\n style={{\n display: 'flex',\n flexDirection: displayType === 'row' ? 'row' : 'column',\n gap: displayType === 'row' ? 8 : 0,\n marginBottom: 0,\n }}\n >\n <div className={`flex gap-2 ${isExpr ? 'flex-col' : 'flex-row'}`}>\n {isExpr ? (\n <ExpressionBuilder\n value={value as string}\n onChange={(s) => onChange(s)}\n fields={fields}\n />\n ) : (\n <Switch checked={!!value} onChange={(v) => onChange(v)} />\n )}\n <Switch\n checked={isExpr}\n checkedChildren='表达式'\n unCheckedChildren='静态'\n onChange={switchMode}\n />\n </div>\n </div>\n );\n}\n\nexport const expressionSwitchWidget = ExpressionSwitch;\n"],"names":["ExpressionSwitch","value","onChange","displayType","isExpr","fields","useFormDataFields","jsx","ExpressionBuilder","s","Switch","v","exprMode","expressionSwitchWidget"],"mappings":";;;;AAUO,SAASA,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AACF,GAAgB;AAId,QAAMC,IAAS,OAAOH,KAAU,YAAYA,EAAM,SAAS,GAErDI,IAASC,EAAA;AAaf,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAeJ,MAAgB,QAAQ,QAAQ;AAAA,QAC/C,KAAKA,MAAgB,QAAQ,IAAI;AAAA,QACjC,cAAc;AAAA,MAAA;AAAA,MAGhB,4BAAC,OAAA,EAAI,WAAW,cAAcC,IAAS,aAAa,UAAU,IAC3D,UAAA;AAAA,QAAAA,IACC,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAAP;AAAA,YACA,UAAU,CAACQ,MAAMP,EAASO,CAAC;AAAA,YAC3B,QAAAJ;AAAA,UAAA;AAAA,QAAA,IAGF,gBAAAE,EAACG,GAAA,EAAO,SAAS,CAAC,CAACT,GAAO,UAAU,CAACU,MAAMT,EAASS,CAAC,EAAA,CAAG;AAAA,QAE1D,gBAAAJ;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAASN;AAAA,YACT,iBAAgB;AAAA,YAChB,mBAAkB;AAAA,YAClB,UAjCW,CAACQ,MAAsB;AACxC,cAEEV,EAFEU,IAEO,OAAOX,KAAU,WAAWA,IAAQ,WAGpC,OAAOA,KAAU,YAAYA,IAAQ,EAHO;AAAA,YAKzD;AAAA,UAyBkB;AAAA,QAAA;AAAA,MACZ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAMY,IAAyBb;"}
|
package/dist/es/widgets/index.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { bindEditorWidget as r } from "./
|
|
2
|
-
import { codeEditorWidget as e } from "./
|
|
3
|
-
import { defaultEditorWidget as o } from "./
|
|
4
|
-
import { dependenciesEditorWidget as t } from "./
|
|
5
|
-
import { enumNamesEditorWidget as i, enumEditorWidget as p } from "./
|
|
6
|
-
import { expressionSwitchWidget as d } from "./
|
|
7
|
-
import { optionsEditorWidget as m } from "./
|
|
8
|
-
import { reactionsEditorWidget as a } from "./
|
|
9
|
-
import { remoteDataEditorWidget as n } from "./
|
|
10
|
-
import { validateEditorWidget as s } from "./
|
|
11
|
-
import { ExpressionBuilder as S } from "./
|
|
12
|
-
import { NO_RIGHT_OPERATORS as C, OPERATOR_OPTIONS as I, RIGHT_MODE_OPTIONS as N, buildExpression as V, createCondition as _, formatRightValue as P, genConditionId as h, isConditionComplete as B, parseExpression as v, parseRightValue as A, parseSimpleVariable as F, parseVariable as G, stripBraces as H, variableToString as w } from "./
|
|
13
|
-
import { useFormDataFields as j } from "./
|
|
1
|
+
import { bindEditorWidget as r } from "./bind-editor.js";
|
|
2
|
+
import { codeEditorWidget as e } from "./code-editor.js";
|
|
3
|
+
import { defaultEditorWidget as o } from "./default-editor.js";
|
|
4
|
+
import { dependenciesEditorWidget as t } from "./dependencies-editor.js";
|
|
5
|
+
import { enumNamesEditorWidget as i, enumEditorWidget as p } from "./enum-editor.js";
|
|
6
|
+
import { expressionSwitchWidget as d } from "./expression-switch.js";
|
|
7
|
+
import { optionsEditorWidget as m } from "./options-editor.js";
|
|
8
|
+
import { reactionsEditorWidget as a } from "./reactions-editor.js";
|
|
9
|
+
import { remoteDataEditorWidget as n } from "./remote-data-editor.js";
|
|
10
|
+
import { validateEditorWidget as s } from "./validate-editor.js";
|
|
11
|
+
import { ExpressionBuilder as S } from "./expression-builder.js";
|
|
12
|
+
import { NO_RIGHT_OPERATORS as C, OPERATOR_OPTIONS as I, RIGHT_MODE_OPTIONS as N, buildExpression as V, createCondition as _, formatRightValue as P, genConditionId as h, isConditionComplete as B, parseExpression as v, parseRightValue as A, parseSimpleVariable as F, parseVariable as G, stripBraces as H, variableToString as w } from "./expression-model.js";
|
|
13
|
+
import { useFormDataFields as j } from "./use-form-data-fields.js";
|
|
14
14
|
const x = {
|
|
15
15
|
propertyExpr: d,
|
|
16
16
|
propertyBind: r,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/widgets/index.ts"],"sourcesContent":["// ============================================================================\n// @xbeeant/form-engine-designer — 属性面板专用 Widget 注册\n// ============================================================================\n\nimport type { ReactNode } from 'react';\nimport { bindEditorWidget } from './
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/widgets/index.ts"],"sourcesContent":["// ============================================================================\n// @xbeeant/form-engine-designer — 属性面板专用 Widget 注册\n// ============================================================================\n\nimport type { ReactNode } from 'react';\nimport { bindEditorWidget } from './bind-editor';\nimport { codeEditorWidget } from './code-editor';\nimport { defaultEditorWidget } from './default-editor';\nimport { dependenciesEditorWidget } from './dependencies-editor';\nimport { enumEditorWidget, enumNamesEditorWidget } from './enum-editor';\nimport { expressionSwitchWidget } from './expression-switch';\nimport { optionsEditorWidget } from './options-editor';\nimport { reactionsEditorWidget } from './reactions-editor';\nimport { remoteDataEditorWidget } from './remote-data-editor';\nimport { validateEditorWidget } from './validate-editor';\n\n/** 属性面板专用的 widget 集合,注册到属性表单的引擎实例中 */\nexport const propertyWidgets: Record<string, (props: any) => ReactNode> = {\n propertyExpr: expressionSwitchWidget,\n propertyBind: bindEditorWidget,\n propertyValidate: validateEditorWidget,\n propertyDependencies: dependenciesEditorWidget,\n propertyReactions: reactionsEditorWidget,\n propertyEnum: enumEditorWidget,\n propertyEnumNames: enumNamesEditorWidget,\n propertyOptions: optionsEditorWidget,\n propertyRemoteData: remoteDataEditorWidget,\n propertyCodeEditor: codeEditorWidget,\n propertyDefault: defaultEditorWidget,\n};\n\nexport { bindEditorWidget } from './bind-editor';\nexport { codeEditorWidget } from './code-editor';\nexport { defaultEditorWidget } from './default-editor';\nexport { dependenciesEditorWidget } from './dependencies-editor';\nexport { enumEditorWidget, enumNamesEditorWidget } from './enum-editor';\nexport type { ExpressionBuilderProps } from './expression-builder';\nexport { ExpressionBuilder } from './expression-builder';\nexport * from './expression-model';\nexport { expressionSwitchWidget } from './expression-switch';\nexport { optionsEditorWidget } from './options-editor';\nexport { reactionsEditorWidget } from './reactions-editor';\nexport { remoteDataEditorWidget } from './remote-data-editor';\nexport { useFormDataFields } from './use-form-data-fields';\nexport { validateEditorWidget } from './validate-editor';\n"],"names":["propertyWidgets","expressionSwitchWidget","bindEditorWidget","validateEditorWidget","dependenciesEditorWidget","reactionsEditorWidget","enumEditorWidget","enumNamesEditorWidget","optionsEditorWidget","remoteDataEditorWidget","codeEditorWidget","defaultEditorWidget"],"mappings":";;;;;;;;;;;;;AAiBO,MAAMA,IAA6D;AAAA,EACxE,cAAcC;AAAA,EACd,cAAcC;AAAA,EACd,kBAAkBC;AAAA,EAClB,sBAAsBC;AAAA,EACtB,mBAAmBC;AAAA,EACnB,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,iBAAiBC;AAAA,EACjB,oBAAoBC;AAAA,EACpB,oBAAoBC;AAAA,EACpB,iBAAiBC;AACnB;"}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { jsxs as u, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { Input as d, Space as f, Button as c } from "antd";
|
|
3
|
+
import { useMemo as v } from "react";
|
|
4
|
+
const b = (o) => Array.isArray(o) ? o.map((a) => {
|
|
5
|
+
if (a && typeof a == "object") {
|
|
6
|
+
const r = a;
|
|
7
|
+
return {
|
|
8
|
+
value: r.value,
|
|
9
|
+
label: r.label == null ? "" : String(r.label)
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
return { value: a, label: String(a) };
|
|
13
|
+
}) : [], y = (o) => {
|
|
14
|
+
const a = o.trim().toLowerCase();
|
|
15
|
+
return a === "true" ? !0 : a === "false" ? !1 : o;
|
|
16
|
+
};
|
|
17
|
+
function C({ value: o, onChange: a }) {
|
|
18
|
+
const r = v(() => b(o), [o]), i = (l) => a(l), m = (l, t) => {
|
|
19
|
+
i(r.map((e, s) => s === l ? { ...e, ...t } : e));
|
|
20
|
+
}, g = () => {
|
|
21
|
+
i([...r, { value: "", label: "" }]);
|
|
22
|
+
}, h = (l) => {
|
|
23
|
+
i(r.filter((t, e) => e !== l));
|
|
24
|
+
}, p = (l, t) => {
|
|
25
|
+
const e = [...r], s = l + t;
|
|
26
|
+
s < 0 || s >= e.length || ([e[l], e[s]] = [e[s], e[l]], i(e));
|
|
27
|
+
};
|
|
28
|
+
return /* @__PURE__ */ u("div", { style: { width: "100%" }, children: [
|
|
29
|
+
r.map((l, t) => /* @__PURE__ */ u(
|
|
30
|
+
"div",
|
|
31
|
+
{
|
|
32
|
+
style: {
|
|
33
|
+
display: "flex",
|
|
34
|
+
gap: 6,
|
|
35
|
+
alignItems: "center",
|
|
36
|
+
marginBottom: 6
|
|
37
|
+
},
|
|
38
|
+
children: [
|
|
39
|
+
/* @__PURE__ */ n(
|
|
40
|
+
d,
|
|
41
|
+
{
|
|
42
|
+
size: "small",
|
|
43
|
+
value: l.value == null ? "" : String(l.value),
|
|
44
|
+
placeholder: "选项值 value",
|
|
45
|
+
onChange: (e) => m(t, { value: y(e.target.value) })
|
|
46
|
+
}
|
|
47
|
+
),
|
|
48
|
+
/* @__PURE__ */ n(
|
|
49
|
+
d,
|
|
50
|
+
{
|
|
51
|
+
size: "small",
|
|
52
|
+
value: l.label,
|
|
53
|
+
placeholder: "选项文案 label",
|
|
54
|
+
onChange: (e) => m(t, { label: e.target.value })
|
|
55
|
+
}
|
|
56
|
+
),
|
|
57
|
+
/* @__PURE__ */ u(f.Compact, { children: [
|
|
58
|
+
/* @__PURE__ */ n(
|
|
59
|
+
c,
|
|
60
|
+
{
|
|
61
|
+
size: "small",
|
|
62
|
+
type: "text",
|
|
63
|
+
disabled: t === 0,
|
|
64
|
+
onClick: () => p(t, -1),
|
|
65
|
+
children: "↑"
|
|
66
|
+
}
|
|
67
|
+
),
|
|
68
|
+
/* @__PURE__ */ n(
|
|
69
|
+
c,
|
|
70
|
+
{
|
|
71
|
+
size: "small",
|
|
72
|
+
type: "text",
|
|
73
|
+
disabled: t === r.length - 1,
|
|
74
|
+
onClick: () => p(t, 1),
|
|
75
|
+
children: "↓"
|
|
76
|
+
}
|
|
77
|
+
),
|
|
78
|
+
/* @__PURE__ */ n(
|
|
79
|
+
c,
|
|
80
|
+
{
|
|
81
|
+
size: "small",
|
|
82
|
+
type: "text",
|
|
83
|
+
danger: !0,
|
|
84
|
+
onClick: () => h(t),
|
|
85
|
+
children: "✕"
|
|
86
|
+
}
|
|
87
|
+
)
|
|
88
|
+
] })
|
|
89
|
+
]
|
|
90
|
+
},
|
|
91
|
+
t
|
|
92
|
+
)),
|
|
93
|
+
/* @__PURE__ */ n(c, { size: "small", type: "dashed", block: !0, onClick: g, children: "+ 添加选项" }),
|
|
94
|
+
r.length === 0 && /* @__PURE__ */ n("div", { style: { fontSize: 11, color: "#999", marginTop: 6 }, children: "value 为存入 formData 的选项值,label 为界面展示文案,每行一组" })
|
|
95
|
+
] });
|
|
96
|
+
}
|
|
97
|
+
const S = C;
|
|
98
|
+
export {
|
|
99
|
+
C as OptionsEditor,
|
|
100
|
+
S as optionsEditorWidget
|
|
101
|
+
};
|
|
102
|
+
//# sourceMappingURL=options-editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"options-editor.js","sources":["../../../src/widgets/options-editor.tsx"],"sourcesContent":["// ============================================================================\n// OptionsEditor — 编辑选项列表(区分 value 与 label)\n// 供 select / radio / checkboxes / multiSelect / checkbox / switch 等\n// 选择类组件在属性面板中配置选项:\n// 每行 = 选项值(value,存储进 formData)+ 选项文案(label,界面展示)\n// value 支持字符串,'true'/'false' 自动转为布尔值(checkbox/switch 用)\n// 值格式:Array<{ value: unknown; label: string }>\n// ============================================================================\n\nimport type { WidgetProps } from '@xbeeant/form-engine-ui';\nimport { Button, Input, Space } from 'antd';\nimport { useMemo } from 'react';\n\ninterface OptionRow {\n value: unknown;\n label: string;\n}\n\n/** 归一化:兼容字符串数组(value=label)与 { value, label } 对象数组 */\nconst toRows = (value: unknown): OptionRow[] => {\n if (!Array.isArray(value)) {\n return [];\n }\n return value.map((item) => {\n if (item && typeof item === 'object') {\n const rec = item as Record<string, unknown>;\n return {\n value: rec.value,\n label: rec.label == null ? '' : String(rec.label),\n };\n }\n return { value: item, label: String(item) };\n });\n};\n\n/** 输入回写:'true'/'false' → 布尔,其余保留字符串 */\nconst parseValue = (raw: string): unknown => {\n const trimmed = raw.trim().toLowerCase();\n if (trimmed === 'true') {\n return true;\n }\n if (trimmed === 'false') {\n return false;\n }\n return raw;\n};\n\nexport function OptionsEditor({ value, onChange }: WidgetProps) {\n const rows = useMemo(() => toRows(value), [value]);\n\n const emit = (next: OptionRow[]) => onChange(next);\n\n const setRow = (index: number, patch: Partial<OptionRow>) => {\n emit(rows.map((row, i) => (i === index ? { ...row, ...patch } : row)));\n };\n\n const addRow = () => {\n emit([...rows, { value: '', label: '' }]);\n };\n\n const removeRow = (index: number) => {\n emit(rows.filter((_, i) => i !== index));\n };\n\n const moveRow = (index: number, dir: -1 | 1) => {\n const next = [...rows];\n const target = index + dir;\n if (target < 0 || target >= next.length) {\n return;\n }\n [next[index], next[target]] = [next[target], next[index]];\n emit(next);\n };\n\n return (\n <div style={{ width: '100%' }}>\n {rows.map((row, index) => (\n <div\n key={index}\n style={{\n display: 'flex',\n gap: 6,\n alignItems: 'center',\n marginBottom: 6,\n }}\n >\n <Input\n size='small'\n value={row.value == null ? '' : String(row.value)}\n placeholder='选项值 value'\n onChange={(e) =>\n setRow(index, { value: parseValue(e.target.value) })\n }\n />\n <Input\n size='small'\n value={row.label}\n placeholder='选项文案 label'\n onChange={(e) => setRow(index, { label: e.target.value })}\n />\n <Space.Compact>\n <Button\n size='small'\n type='text'\n disabled={index === 0}\n onClick={() => moveRow(index, -1)}\n >\n ↑\n </Button>\n <Button\n size='small'\n type='text'\n disabled={index === rows.length - 1}\n onClick={() => moveRow(index, 1)}\n >\n ↓\n </Button>\n <Button\n size='small'\n type='text'\n danger\n onClick={() => removeRow(index)}\n >\n ✕\n </Button>\n </Space.Compact>\n </div>\n ))}\n <Button size='small' type='dashed' block onClick={addRow}>\n + 添加选项\n </Button>\n {rows.length === 0 && (\n <div style={{ fontSize: 11, color: '#999', marginTop: 6 }}>\n value 为存入 formData 的选项值,label 为界面展示文案,每行一组\n </div>\n )}\n </div>\n );\n}\n\nexport const optionsEditorWidget = OptionsEditor;\n"],"names":["toRows","value","item","rec","parseValue","raw","trimmed","OptionsEditor","onChange","rows","useMemo","emit","next","setRow","index","patch","row","i","addRow","removeRow","_","moveRow","dir","target","jsxs","jsx","Input","Space","Button","optionsEditorWidget"],"mappings":"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"}
|