@kp-ui/lowcode 2.14.0-beta → 2.14.0-beta.2
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/install.js +26 -25
- package/package.json +2 -2
- package/src/components/form-designer/form-widget/field-widget/diy-compontent-widget.vue.js +1 -1
- package/src/components/form-designer/index.vue.js +55 -54
- package/src/components/form-designer/setting-panel/form-crud-setting.vue.js +62 -23
- package/src/components/form-designer/setting-panel/index.vue.js +4 -386
- package/src/components/form-designer/setting-panel/index.vue2.js +273 -0
- package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js +5 -4
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/customRowEvent/data-table-customRow-editor.vue.js +1 -0
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue.js +5 -4
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-pagination-editor.vue.js +1 -0
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-selections-editor.vue2.js +24 -24
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js +9 -8
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js +1 -1
- package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js +7 -6
- package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue2.js +7 -6
- package/src/components/form-designer/setting-panel/property-editor/customRender-editor.vue.js +2 -40
- package/src/components/form-designer/setting-panel/property-editor/customRender-editor.vue2.js +41 -0
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onClickIcon-editor.vue.js +2 -47
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onClickIcon-editor.vue2.js +44 -0
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onCreated-editor.vue.js +2 -47
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onCreated-editor.vue2.js +43 -0
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onOkButtonClick-editor.vue.js +2 -46
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onOkButtonClick-editor.vue2.js +43 -0
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onValidate-editor.vue.js +2 -47
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onValidate-editor.vue2.js +44 -0
- package/src/components/form-designer/setting-panel/property-editor/field-dropdown/dropdown-menuList-editor.vue.js +2 -66
- package/src/components/form-designer/setting-panel/property-editor/field-dropdown/dropdown-menuList-editor.vue2.js +42 -0
- package/src/components/form-designer/setting-panel/property-editor/field-html-text/htmlContent-editor.vue.js +5 -4
- package/src/components/form-designer/setting-panel/property-editor/hidden-editor.vue.js +6 -5
- package/src/components/form-designer/setting-panel/property-editor/index.js +146 -152
- package/src/components/form-designer/setting-panel/property-editor/labelIconClass-editor.vue.js +8 -7
- package/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue.js +38 -35
- package/src/components/form-designer/setting-panel/propertyRegister.js +0 -12
- package/src/components/form-render/container-item/data-table-item.vue.js +149 -0
- package/src/components/form-render/container-item/grid-col-item.vue.js +149 -0
- package/src/components/form-render/container-item/grid-item.vue.js +92 -0
- package/src/components/form-render/container-item/grid-sub-form-item.vue.js +319 -0
- package/src/components/form-render/container-item/index.js +24 -0
- package/src/components/form-render/container-item/sub-form-item.vue.js +429 -0
- package/src/components/form-render/container-item/tab-item.vue.js +160 -0
- package/src/components/form-render/container-item/table-cell-item.vue.js +95 -0
- package/src/components/form-render/container-item/table-item.vue.js +96 -0
- package/src/components/form-render/container-item/vf-collapse-item.vue.js +252 -0
- package/src/components/form-render/container-item/vf-dialog-item.vue.js +12 -0
- package/src/components/form-render/container-item/vf-drawer-item.vue.js +12 -0
- package/src/components/form-render/index.vue.js +12 -14
- package/src/components/http-editor/index.vue.js +10 -10
- package/src/components/public/ActionButtonListRender.vue.js +19 -24
- package/src/lang/en-US.js +1 -3
- package/src/lang/zh-CN.js +0 -3
- package/src/utils/useEmitter.js +57 -0
- package/src/utils/util.js +50 -49
- package/stats.html +1 -1
- package/styles/style.css +1 -1
- package/src/components/form-designer/setting-panel/property-editor/displayStyle-editor.vue.js +0 -46
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onVformAdd-editor.vue.js +0 -49
- package/src/components/form-designer/setting-panel/property-editor/multipleSelect-editor.vue.js +0 -30
- package/src/components/form-designer/setting-panel/property-editor/uploadTip-editor.vue.js +0 -31
- package/src/components/form-designer/setting-panel/property-editor/uploadURL-editor.vue.js +0 -44
- package/src/components/form-designer/setting-panel/property-editor/withCredentials-editor.vue.js +0 -30
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { ref as m, getCurrentInstance as h } from "vue";
|
|
2
|
+
function w() {
|
|
3
|
+
const r = m({}), s = h(), E = (e, n) => {
|
|
4
|
+
r.value[e] && r.value[e].forEach((i) => {
|
|
5
|
+
i(n);
|
|
6
|
+
});
|
|
7
|
+
}, g = (e, n) => {
|
|
8
|
+
r.value[e] = r.value[e] || [], r.value[e].push(n);
|
|
9
|
+
}, $ = (e, n) => {
|
|
10
|
+
if (r.value[e]) {
|
|
11
|
+
if (n == null) {
|
|
12
|
+
r.value[e].length = 0;
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
for (let i = 0; i < r.value[e].length; i++)
|
|
16
|
+
if (r.value[e][i] === n) {
|
|
17
|
+
r.value[e].splice(i, 1);
|
|
18
|
+
break;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}, a = (e, n, i) => {
|
|
22
|
+
var o, f, l, d, u, p;
|
|
23
|
+
if (!s) return;
|
|
24
|
+
let t = s.parent, c = (o = t == null ? void 0 : t.type) == null ? void 0 : o.componentName;
|
|
25
|
+
for (; t && (!c || c !== e); )
|
|
26
|
+
t = t.parent, t && (c = (f = t.type) == null ? void 0 : f.componentName);
|
|
27
|
+
t && ((l = t.exposed) != null && l.emit$ || (d = t.ctx) != null && d.emit$) && ((((u = t.exposed) == null ? void 0 : u.emit$) || ((p = t.ctx) == null ? void 0 : p.emit$)).call(t.proxy, n, i), e === "VFormRender" && t.emit(n, ...Array.isArray(i) ? i : [i]));
|
|
28
|
+
};
|
|
29
|
+
return {
|
|
30
|
+
vfEvents: r,
|
|
31
|
+
editEventHandler: (e, n, i) => {
|
|
32
|
+
console.log("editEventHandler", e, n, i), a("SettingPanel", "editEventHandler", [e, [...n], i]);
|
|
33
|
+
},
|
|
34
|
+
onChangeEditEventHandler: (e) => {
|
|
35
|
+
a("SettingPanel", "onChangeEventHandler", e);
|
|
36
|
+
},
|
|
37
|
+
emit$: E,
|
|
38
|
+
on$: g,
|
|
39
|
+
off$: $,
|
|
40
|
+
dispatch: a,
|
|
41
|
+
broadcast: (e, n, i) => {
|
|
42
|
+
const t = s == null ? void 0 : s.proxy;
|
|
43
|
+
t != null && t.widgetRefList && Object.keys(t.widgetRefList).forEach((c) => {
|
|
44
|
+
var l;
|
|
45
|
+
const o = t.widgetRefList[c];
|
|
46
|
+
((l = o.$options) == null ? void 0 : l.componentName) === e && o.emit$ && o.emit$.call(o, n, i);
|
|
47
|
+
}), t != null && t.refList && Object.keys(t.refList).forEach((c) => {
|
|
48
|
+
var l;
|
|
49
|
+
const o = t.refList[c];
|
|
50
|
+
((l = o.$options) == null ? void 0 : l.componentName) === e && o.emit$ && o.emit$.call(o, n, i);
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
export {
|
|
56
|
+
w as useEmitter
|
|
57
|
+
};
|
package/src/utils/util.js
CHANGED
|
@@ -35,16 +35,16 @@ const generateId = function() {
|
|
|
35
35
|
n.id = t ? "v_form_global_functions-" + t : "v_form_global_functions", n.type = "text/javascript", n.innerHTML = e, r.appendChild(n);
|
|
36
36
|
};
|
|
37
37
|
function traverseFieldWidgets(e, t, r = null, n = !1) {
|
|
38
|
-
e && e.map((
|
|
39
|
-
|
|
40
|
-
traverseFieldWidgets(
|
|
41
|
-
}) :
|
|
42
|
-
|
|
43
|
-
traverseFieldWidgets(a.widgetList, t,
|
|
38
|
+
e && e.map((i) => {
|
|
39
|
+
i.formItemFlag || i.formItemFlag === !1 && n ? t(i, r) : i.type === "grid" ? i.cols.map((o) => {
|
|
40
|
+
traverseFieldWidgets(o.widgetList, t, i, n);
|
|
41
|
+
}) : i.type === "table" ? i.rows.map((o) => {
|
|
42
|
+
o.cols.map((a) => {
|
|
43
|
+
traverseFieldWidgets(a.widgetList, t, i, n);
|
|
44
44
|
});
|
|
45
|
-
}) :
|
|
46
|
-
traverseFieldWidgets(
|
|
47
|
-
}) : (
|
|
45
|
+
}) : i.type === "tab" ? i.tabs.map((o) => {
|
|
46
|
+
traverseFieldWidgets(o.widgetList, t, i, n);
|
|
47
|
+
}) : (i.type === "sub-form" || i.type === "grid-sub-form" || i.category === "container") && traverseFieldWidgets(i.widgetList, t, i, n);
|
|
48
48
|
});
|
|
49
49
|
}
|
|
50
50
|
function traverseContainerWidgets(e, t) {
|
|
@@ -52,8 +52,8 @@ function traverseContainerWidgets(e, t) {
|
|
|
52
52
|
r.category === "container" && t(r), r.type === "grid" ? r.cols.map((n) => {
|
|
53
53
|
traverseContainerWidgets(n.widgetList, t);
|
|
54
54
|
}) : r.type === "table" ? r.rows.map((n) => {
|
|
55
|
-
n.cols.map((
|
|
56
|
-
traverseContainerWidgets(
|
|
55
|
+
n.cols.map((i) => {
|
|
56
|
+
traverseContainerWidgets(i.widgetList, t);
|
|
57
57
|
});
|
|
58
58
|
}) : r.type === "tab" ? r.tabs.map((n) => {
|
|
59
59
|
traverseContainerWidgets(n.widgetList, t);
|
|
@@ -65,8 +65,8 @@ function traverseAllWidgets(e, t) {
|
|
|
65
65
|
t(r), r.type === "grid" ? r.cols.map((n) => {
|
|
66
66
|
t(n), traverseAllWidgets(n.widgetList, t);
|
|
67
67
|
}) : r.type === "table" ? r.rows.map((n) => {
|
|
68
|
-
n.cols.map((
|
|
69
|
-
t(
|
|
68
|
+
n.cols.map((i) => {
|
|
69
|
+
t(i), traverseAllWidgets(i.widgetList, t);
|
|
70
70
|
});
|
|
71
71
|
}) : r.type === "tab" ? r.tabs.map((n) => {
|
|
72
72
|
traverseAllWidgets(n.widgetList, t);
|
|
@@ -83,8 +83,8 @@ function traverseFieldWidgetsOfContainer(e, t) {
|
|
|
83
83
|
});
|
|
84
84
|
}) : e.type === "table" ? e.rows.forEach((r) => {
|
|
85
85
|
r.cols.forEach((n) => {
|
|
86
|
-
n.widgetList.forEach((
|
|
87
|
-
handleWidgetForTraverse(
|
|
86
|
+
n.widgetList.forEach((i) => {
|
|
87
|
+
handleWidgetForTraverse(i, t);
|
|
88
88
|
});
|
|
89
89
|
});
|
|
90
90
|
}) : e.type === "tab" ? e.tabs.forEach((r) => {
|
|
@@ -102,18 +102,18 @@ function handleContainerTraverse(e, t, r) {
|
|
|
102
102
|
}
|
|
103
103
|
function traverseWidgetsOfContainer(e, t, r) {
|
|
104
104
|
e.type === "grid" ? e.cols.forEach((n) => {
|
|
105
|
-
n.widgetList.forEach((
|
|
106
|
-
handleContainerTraverse(
|
|
105
|
+
n.widgetList.forEach((i) => {
|
|
106
|
+
handleContainerTraverse(i, t);
|
|
107
107
|
});
|
|
108
108
|
}) : e.type === "table" ? e.rows.forEach((n) => {
|
|
109
|
-
n.cols.forEach((
|
|
110
|
-
|
|
111
|
-
handleContainerTraverse(
|
|
109
|
+
n.cols.forEach((i) => {
|
|
110
|
+
i.widgetList.forEach((o) => {
|
|
111
|
+
handleContainerTraverse(o, t);
|
|
112
112
|
});
|
|
113
113
|
});
|
|
114
114
|
}) : e.type === "tab" ? e.tabs.forEach((n) => {
|
|
115
|
-
n.widgetList.forEach((
|
|
116
|
-
handleContainerTraverse(
|
|
115
|
+
n.widgetList.forEach((i) => {
|
|
116
|
+
handleContainerTraverse(i, t);
|
|
117
117
|
});
|
|
118
118
|
}) : e.type === "sub-form" || e.type === "grid-sub-form" ? e.widgetList.forEach((n) => {
|
|
119
119
|
handleContainerTraverse(n, t);
|
|
@@ -125,11 +125,11 @@ function getAllFieldWidgets(e, t = !1) {
|
|
|
125
125
|
if (!e)
|
|
126
126
|
return [];
|
|
127
127
|
const r = [];
|
|
128
|
-
return traverseFieldWidgets(e, (
|
|
128
|
+
return traverseFieldWidgets(e, (i) => {
|
|
129
129
|
r.push({
|
|
130
|
-
type:
|
|
131
|
-
name:
|
|
132
|
-
field:
|
|
130
|
+
type: i.type,
|
|
131
|
+
name: i.options.name,
|
|
132
|
+
field: i
|
|
133
133
|
});
|
|
134
134
|
}, null, t), r;
|
|
135
135
|
}
|
|
@@ -149,34 +149,34 @@ function getFieldWidgetByName(e, t, r) {
|
|
|
149
149
|
if (!e)
|
|
150
150
|
return null;
|
|
151
151
|
let n = null;
|
|
152
|
-
return traverseFieldWidgets(e, (
|
|
153
|
-
|
|
152
|
+
return traverseFieldWidgets(e, (o) => {
|
|
153
|
+
o.options.name === t && (n = o);
|
|
154
154
|
}, null, r), n;
|
|
155
155
|
}
|
|
156
156
|
function getContainerWidgetByName(e, t) {
|
|
157
157
|
if (!e)
|
|
158
158
|
return null;
|
|
159
159
|
let r = null;
|
|
160
|
-
return traverseContainerWidgets(e, (
|
|
161
|
-
|
|
160
|
+
return traverseContainerWidgets(e, (i) => {
|
|
161
|
+
i.options.name === t && (r = i);
|
|
162
162
|
}), r;
|
|
163
163
|
}
|
|
164
|
-
function copyToClipboard(e, t, r, n,
|
|
165
|
-
const
|
|
164
|
+
function copyToClipboard(e, t, r, n, i) {
|
|
165
|
+
const o = new Clipboard(t.target, {
|
|
166
166
|
text: () => e
|
|
167
167
|
});
|
|
168
|
-
|
|
169
|
-
r.success(n),
|
|
170
|
-
}),
|
|
171
|
-
r.error(
|
|
172
|
-
}),
|
|
168
|
+
o.on("success", () => {
|
|
169
|
+
r.success(n), o.destroy();
|
|
170
|
+
}), o.on("error", () => {
|
|
171
|
+
r.error(i), o.destroy();
|
|
172
|
+
}), o.onClick(t);
|
|
173
173
|
}
|
|
174
174
|
function getQueryParam(e) {
|
|
175
175
|
const r = window.location.search.substring(1).split("&");
|
|
176
176
|
for (let n = 0; n < r.length; n++) {
|
|
177
|
-
const
|
|
178
|
-
if (
|
|
179
|
-
return
|
|
177
|
+
const i = r[n].split("=");
|
|
178
|
+
if (i[0] == e)
|
|
179
|
+
return i[1];
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
182
|
function getDefaultFormConfig() {
|
|
@@ -220,6 +220,7 @@ function getDefaultFormConfig() {
|
|
|
220
220
|
`,
|
|
221
221
|
onCancelButtonClick: "",
|
|
222
222
|
serveList: {
|
|
223
|
+
list: [],
|
|
223
224
|
vformUpdate: {
|
|
224
225
|
http: {
|
|
225
226
|
url: `/api/tmgc2-mgt/formDefinition/${e}/evaluate/formSubmit`,
|
|
@@ -268,11 +269,11 @@ function cloneFormConfigWithoutEventHandler(e) {
|
|
|
268
269
|
function translateOptionItems(e, t, r, n) {
|
|
269
270
|
if (["cascader", "treeSelect", "select"].includes(t))
|
|
270
271
|
return deepClone(e);
|
|
271
|
-
const
|
|
272
|
-
return e && e.length > 0 && e.forEach((
|
|
273
|
-
|
|
274
|
-
label:
|
|
275
|
-
value:
|
|
272
|
+
const i = [];
|
|
273
|
+
return e && e.length > 0 && e.forEach((o) => {
|
|
274
|
+
i.push({
|
|
275
|
+
label: o[r],
|
|
276
|
+
value: o[n]
|
|
276
277
|
});
|
|
277
278
|
}), e;
|
|
278
279
|
}
|
|
@@ -288,10 +289,10 @@ function buildRequestConfig(dataSource, DSV, VFR, isSandbox) {
|
|
|
288
289
|
const chFn = new Function("config", "isSandbox", "DSV", "VFR", dataSource.configHandlerCode);
|
|
289
290
|
return chFn.call(null, config, isSandbox, DSV, VFR);
|
|
290
291
|
}
|
|
291
|
-
async function runDataSourceRequest(e, t, r, n,
|
|
292
|
+
async function runDataSourceRequest(e, t, r, n, i) {
|
|
292
293
|
try {
|
|
293
|
-
const
|
|
294
|
-
} catch (
|
|
294
|
+
const o = buildRequestConfig(e, t, r, n);
|
|
295
|
+
} catch (o) {
|
|
295
296
|
new Function(
|
|
296
297
|
"error",
|
|
297
298
|
"isSandbox",
|
|
@@ -299,7 +300,7 @@ async function runDataSourceRequest(e, t, r, n, o) {
|
|
|
299
300
|
"$message",
|
|
300
301
|
"VFR",
|
|
301
302
|
e.errorHandlerCode
|
|
302
|
-
).call(null,
|
|
303
|
+
).call(null, o, n, t, i, r), console.error(o);
|
|
303
304
|
}
|
|
304
305
|
}
|
|
305
306
|
function getDSByName(e, t) {
|