super-page-designer 2.3.16-sit2-design1 → 2.3.17-sit1-design1
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/assets/images/data/file.png.js +4 -0
- package/dist/es/assets/images/data/folder.png.js +4 -0
- package/dist/es/components/design/utils/ucr-element-filter.d.ts +2 -0
- package/dist/es/components/design/utils/ucr-element-filter.js +11 -0
- package/dist/es/components/design/views/assemblys/button/button/button-attr-advanced.vue.js +7 -7
- package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue2.js +11 -11
- package/dist/es/components/design/views/assemblys/common/common-select-page.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-variable-bind-option.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr-base.vue.js +11 -11
- package/dist/es/components/design/views/assemblys/form/textarea/textarea-design.vue2.js +13 -13
- package/dist/es/components/design/views/assemblys/object-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/object-design.vue3.js +66 -66
- package/dist/es/components/design/views/assemblys/page/page-attr-base.vue.js +7 -7
- package/dist/es/components/design/views/design/page-design.vue.d.ts +9 -0
- package/dist/es/components/design/views/design/page-design.vue2.js +42 -42
- package/dist/es/components/design/views/design/page-event/{config.vue.js → config.vue2.js} +1 -1
- package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +12 -11
- package/dist/es/components/design/views/design/page-event/page-event-view.vue.d.ts +16 -2
- package/dist/es/components/design/views/design/page-event/page-event-view.vue.js +8 -8
- package/dist/es/components/design/views/design/view/assemblys-container-list.vue.d.ts +16 -2
- package/dist/es/components/design/views/design/view/assemblys-container-list.vue.js +23 -20
- package/dist/es/components/design/views/design/view/assemblys-container.vue.js +11 -12
- package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue.d.ts +38 -0
- package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue.js +7 -0
- package/dist/es/components/design/views/design/view/components/ucr-report-swtich/index.vue2.js +111 -0
- package/dist/es/components/design/views/design/view/components/ucr-report-swtich/util.d.ts +6 -0
- package/dist/es/components/design/views/design/view/components/ucr-report-swtich/util.js +27 -0
- package/dist/es/components/design/views/design/view/page-switch.vue.d.ts +18 -0
- package/dist/es/components/design/views/design/view/page-switch.vue.js +1 -1
- package/dist/es/components/design/views/design/view/page-switch.vue2.js +34 -30
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +14 -14
- package/dist/es/style.css +33 -5
- package/package.json +5 -5
- /package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue2.js → common-variable-bind.vue3.js} +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as e, onUnmounted as i, watch as n, ref as r, computed as o, onMounted as t, resolveComponent as s, createElementBlock as u, openBlock as g, normalizeStyle as a, normalizeClass as p, createBlock as c, withDirectives as l, resolveDynamicComponent as f, withModifiers as
|
|
1
|
+
import { defineComponent as e, onUnmounted as i, watch as n, ref as r, computed as o, onMounted as t, resolveComponent as s, createElementBlock as u, openBlock as g, normalizeStyle as a, normalizeClass as p, createBlock as c, withDirectives as l, resolveDynamicComponent as f, withModifiers as m, createElementVNode as d, createVNode as v, withCtx as D, unref as b, vShow as h } from "vue";
|
|
2
2
|
import { CopyDocument as x, Delete as y } from "@element-plus/icons";
|
|
3
3
|
import j from "./error-design.vue.js";
|
|
4
|
-
import { getDesignComponentByName as
|
|
5
|
-
import { caculateCommonStyle as
|
|
4
|
+
import { getDesignComponentByName as W } from "../../utils/assemblys-config.js";
|
|
5
|
+
import { caculateCommonStyle as C } from "../../utils/container-design-util.js";
|
|
6
6
|
import { PageDimensions as k } from "../../utils/interfaces/page-design-types.js";
|
|
7
7
|
import { batchUpdatePermissions as O, batchRemovePermissions as S } from "../../utils/page-permission-util.js";
|
|
8
8
|
import { watchValidate as P, getRefrencePropMap as B, removePropFromRefrencePropMap as T } from "../../utils/form-design-util.js";
|
|
@@ -10,123 +10,123 @@ import { usePageContextStore as w } from "../../../../stores/page-store.js";
|
|
|
10
10
|
import { getListCode as I } from "super-page-runtime";
|
|
11
11
|
import { getFormPropName as U } from "../../utils/page-helper-util.js";
|
|
12
12
|
import { updateServiceInputs as _ } from "../../utils/chart-design-util.js";
|
|
13
|
-
const
|
|
13
|
+
const N = { class: "amb-widget-item-tool" }, M = e({ __name: "object-design", props: { pageDesign: {}, configure: {}, selectWidget: {}, indexObj: {}, showSelectedClass: { type: Boolean, default: true }, errorBlank: { type: Boolean, default: false }, isTableBtnLink: { type: Boolean, default: false } }, emits: ["onSelectWidget", "onCustomAttrWidget", "onCopy", "onDelete"], setup(e2, { emit: M2 }) {
|
|
14
14
|
var _a, _b;
|
|
15
|
-
const
|
|
16
|
-
if ("table" ===
|
|
17
|
-
const e3 =
|
|
18
|
-
Object.assign(
|
|
15
|
+
const R = w(), q = e2;
|
|
16
|
+
if ("table" === q.configure.name && q.pageDesign.tableRuntimes && q.pageDesign.tableRuntimes[q.configure.uuid]) {
|
|
17
|
+
const e3 = q.pageDesign.tableRuntimes[q.configure.uuid].configure, i2 = JSON.parse(e3);
|
|
18
|
+
Object.assign(q.configure, i2), delete q.pageDesign.tableRuntimes[q.configure.uuid];
|
|
19
19
|
}
|
|
20
|
-
if (
|
|
21
|
-
|
|
20
|
+
if (q.indexObj && q.indexObj.index++, null == q.configure.props && (q.configure.props = {}), null == q.configure.style && (q.configure.style = {}), q.pageDesign && q.configure && "table" == q.configure.name && q.configure.uuid) {
|
|
21
|
+
q.pageDesign.tableUuids || (q.pageDesign.tableUuids = []);
|
|
22
22
|
const e3 = setTimeout(() => {
|
|
23
23
|
var _a2, _b2, _c, _d;
|
|
24
|
-
((_b2 = (_a2 =
|
|
24
|
+
((_b2 = (_a2 = q.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.includes(q.configure.uuid)) || ((_d = (_c = q.pageDesign) == null ? void 0 : _c.tableUuids) == null ? void 0 : _d.push(q.configure.uuid));
|
|
25
25
|
}, 500);
|
|
26
26
|
i(() => {
|
|
27
27
|
var _a2, _b2, _c, _d;
|
|
28
|
-
const i2 = (_b2 = (_a2 =
|
|
29
|
-
null != i2 && i2 > -1 && ((_d = (_c =
|
|
30
|
-
const n2 = I(
|
|
31
|
-
|
|
28
|
+
const i2 = (_b2 = (_a2 = q.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.indexOf(q.configure.uuid);
|
|
29
|
+
null != i2 && i2 > -1 && ((_d = (_c = q.pageDesign) == null ? void 0 : _c.tableUuids) == null ? void 0 : _d.shift(i2, 1));
|
|
30
|
+
const n2 = I(q.pageDesign.code, q.pageDesign.version, q.configure.uuid);
|
|
31
|
+
q.pageDesign.listCodesInitSearchForm && q.pageDesign.listCodesInitSearchForm[n2] && delete q.pageDesign.listCodesInitSearchForm[n2], q.pageDesign.subTableWatchProps && delete q.pageDesign.subTableWatchProps[q.configure.uuid], e3 && clearTimeout(e3);
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
|
-
|
|
35
|
-
O(
|
|
36
|
-
const i2 =
|
|
37
|
-
|
|
34
|
+
q.configure.events && q.pageDesign && (n(q.configure.events, (e3) => {
|
|
35
|
+
O(q.configure, q.pageDesign);
|
|
36
|
+
const i2 = q.configure.events.filter((e4) => !e4.isStandard && e4.jsContent || e4.isStandard && e4.eventName);
|
|
37
|
+
q.configure.runtime || (q.configure.runtime = {}), q.configure.runtime.events = i2;
|
|
38
38
|
}, { immediate: true }), i(() => {
|
|
39
|
-
S(
|
|
40
|
-
})),
|
|
41
|
-
|
|
42
|
-
}, { immediate: true }),
|
|
39
|
+
S(q.pageDesign, q.configure.uuid);
|
|
40
|
+
})), q.configure.props.linkPage && q.pageDesign && n(q.configure.props.linkPage, (e3) => {
|
|
41
|
+
q.configure.runtime || (q.configure.runtime = {}), q.configure.runtime.linkPage = q.configure.props.linkPage;
|
|
42
|
+
}, { immediate: true }), q.configure.props.parameter && q.pageDesign && n(q.configure.props.parameter, (e3) => {
|
|
43
43
|
let i2 = {};
|
|
44
44
|
e3.forEach((e4) => {
|
|
45
45
|
void 0 !== e4.paramName && "" !== e4.paramName && null !== e4.paramName && void 0 !== e4.paramValue && "" !== e4.paramValue && null !== e4.paramValue && (i2[e4.paramName] = e4.paramValue);
|
|
46
|
-
}),
|
|
47
|
-
}, { immediate: true }), ((_b = (_a =
|
|
48
|
-
_(
|
|
49
|
-
}, { immediate: true }),
|
|
50
|
-
let
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
const
|
|
54
|
-
null ==
|
|
55
|
-
|
|
56
|
-
}),
|
|
57
|
-
P(
|
|
58
|
-
}),
|
|
59
|
-
P(
|
|
46
|
+
}), q.configure.runtime || (q.configure.runtime = {}), q.configure.runtime.customParams = i2;
|
|
47
|
+
}, { immediate: true }), ((_b = (_a = q.configure.props) == null ? void 0 : _a.dataOrigin) == null ? void 0 : _b.serviceInputs) && q.pageDesign && n(q.configure.props.dataOrigin.serviceInputs, (e3) => {
|
|
48
|
+
_(q.configure, e3);
|
|
49
|
+
}, { immediate: true }), q.configure.componentIndex = q.indexObj.index;
|
|
50
|
+
let z = q.indexObj.index;
|
|
51
|
+
const F = M2, H = r({});
|
|
52
|
+
H.value = W(q.configure.name);
|
|
53
|
+
const L = r(true);
|
|
54
|
+
null == H.value && (H.value = j, L.value = false), n(() => q.configure.name, (e3) => {
|
|
55
|
+
H.value = W(e3);
|
|
56
|
+
}), q.configure.props && q.configure.props.verification && (q.configure.props.base && q.configure.props.base.title && n(() => q.configure.props.base.title, (e3) => {
|
|
57
|
+
P(q.configure, q.configure.props.verification, ie());
|
|
58
|
+
}), q.configure.props.base && q.configure.props.base.prop && (n(() => q.configure.props.base.prop, (e3, i2) => {
|
|
59
|
+
P(q.configure, q.configure.props.verification, ie()), q.pageDesign.runtime || (q.pageDesign.runtime = {}), q.pageDesign.runtime.refercePropMap || (q.pageDesign.runtime.refercePropMap = {}), B(e3, i2, q.pageDesign.runtime.refercePropMap);
|
|
60
60
|
}), i(() => {
|
|
61
61
|
var _a2, _b2;
|
|
62
|
-
T(
|
|
63
|
-
})), n(
|
|
64
|
-
P(
|
|
65
|
-
})),
|
|
62
|
+
T(q.configure.props.base.prop, (_b2 = (_a2 = q.pageDesign) == null ? void 0 : _a2.runtime) == null ? void 0 : _b2.refercePropMap);
|
|
63
|
+
})), n(q.configure.props.verification, (e3, i2) => {
|
|
64
|
+
P(q.configure, e3, ie());
|
|
65
|
+
})), q.pageDesign.props && n(() => q.pageDesign.props.activeWorkflow, (e3, i2) => {
|
|
66
66
|
if (e3) {
|
|
67
|
-
const e4 =
|
|
67
|
+
const e4 = q.configure.props && q.configure.props.rules ? q.configure.props.rules.filter((e5) => e5.required) : null;
|
|
68
68
|
e4 && e4.length > 0 && e4.forEach((e5) => {
|
|
69
69
|
e5.required = false;
|
|
70
|
-
}),
|
|
70
|
+
}), q.configure.props && q.configure.props.verification && q.configure.props.verification.required && (q.configure.props.verification.required = false);
|
|
71
71
|
}
|
|
72
72
|
});
|
|
73
73
|
const V = r(null), A = r({}), E = r(""), J = r({});
|
|
74
74
|
function G() {
|
|
75
|
-
|
|
75
|
+
C(q.configure, A, E), q.configure.runtime || (q.configure.runtime = {}), q.configure.runtime.common || (q.configure.runtime.common = {}), q.configure.runtime.common.class = E.value, q.configure.runtime.common.style = A.value;
|
|
76
76
|
}
|
|
77
|
-
if (
|
|
77
|
+
if (q.configure.props && q.configure.props && (n(q.configure.props.size, (e3) => {
|
|
78
78
|
G();
|
|
79
|
-
}), n(() =>
|
|
79
|
+
}), n(() => q.configure.props.position, (e3) => {
|
|
80
80
|
G();
|
|
81
|
-
}, { immediate: true })),
|
|
81
|
+
}, { immediate: true })), q.configure.style && q.configure.style && n(q.configure.style, () => {
|
|
82
82
|
G();
|
|
83
|
-
}),
|
|
84
|
-
|
|
85
|
-
const e3 =
|
|
83
|
+
}), q.configure.props) {
|
|
84
|
+
q.configure.props.size || (q.configure.props.size = {});
|
|
85
|
+
const e3 = q.configure.props.size;
|
|
86
86
|
let i2 = e3[k.PC];
|
|
87
87
|
i2 || (i2 = {}, e3[k.PC] = i2), 0 == Object.keys(i2).length && (i2.widthType = e3.widthType, i2.flexSpan = e3.flexSpan, i2.fixWidth = e3.fixWidth, i2.fixHeight = e3.fixHeight, delete e3.widthType, delete e3.flexSpan, delete e3.fixWidth, delete e3.fixHeight);
|
|
88
88
|
}
|
|
89
89
|
const K = o(() => {
|
|
90
90
|
const e3 = A.value;
|
|
91
|
-
if (J.value = {}, !e3 || !
|
|
91
|
+
if (J.value = {}, !e3 || !q.pageDesign) return {};
|
|
92
92
|
const i2 = {};
|
|
93
|
-
|
|
94
|
-
const n2 =
|
|
93
|
+
q.configure.design && q.configure.design.style && Object.assign(i2, q.configure.design.style);
|
|
94
|
+
const n2 = q.pageDesign.dimensions ? q.pageDesign.dimensions : "pc", r2 = e3[n2 + "_style"];
|
|
95
95
|
return r2 && (i2.width = r2.width, i2.height = r2.height, J.value = { height: r2.height }), E.value = e3[n2 + "_class"], i2;
|
|
96
96
|
});
|
|
97
|
-
|
|
98
|
-
e3 && e3.value ==
|
|
97
|
+
q.selectWidget && n(q.selectWidget, (e3) => {
|
|
98
|
+
e3 && e3.value == z ? Q.value = "amb-design-item-selected" : Q.value = "";
|
|
99
99
|
});
|
|
100
100
|
const Q = r("");
|
|
101
101
|
function X(e3) {
|
|
102
|
-
e3 && e3.preventDefault(),
|
|
102
|
+
e3 && e3.preventDefault(), F("onSelectWidget", z, q.configure);
|
|
103
103
|
}
|
|
104
104
|
function Y(e3, i2) {
|
|
105
|
-
|
|
105
|
+
F("onSelectWidget", e3, i2);
|
|
106
106
|
}
|
|
107
107
|
function Z(e3, i2) {
|
|
108
|
-
|
|
108
|
+
F("onCustomAttrWidget", e3, i2);
|
|
109
109
|
}
|
|
110
110
|
function $(e3) {
|
|
111
|
-
e3.preventDefault(),
|
|
111
|
+
e3.preventDefault(), F("onCopy", q.configure);
|
|
112
112
|
}
|
|
113
113
|
function ee(e3) {
|
|
114
|
-
if (e3.preventDefault(),
|
|
115
|
-
const e4 =
|
|
116
|
-
e4 >= 0 &&
|
|
114
|
+
if (e3.preventDefault(), F("onDelete", q.configure), q.pageDesign.allChartUuids) {
|
|
115
|
+
const e4 = q.pageDesign.allChartUuids.findIndex((e5) => e5 === q.configure.uuid);
|
|
116
|
+
e4 >= 0 && q.pageDesign.allChartUuids.splice(e4, 1);
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
function ie() {
|
|
120
120
|
var _a2, _b2;
|
|
121
|
-
return
|
|
121
|
+
return R.getModelField(U((_b2 = (_a2 = q.configure.props) == null ? void 0 : _a2.base) == null ? void 0 : _b2.prop));
|
|
122
122
|
}
|
|
123
123
|
return t(() => {
|
|
124
|
-
|
|
124
|
+
q.configure.props && q.configure.props.isInit && (delete q.configure.props.isInit, F("onSelectWidget", z, q.configure));
|
|
125
125
|
}), (e3, i2) => {
|
|
126
126
|
const n2 = s("el-icon");
|
|
127
|
-
return g(), u("div", { class: p(["amb-object-design-ref", E.value]), style: a([{ position: "relative" }, K.value]), ref_key: "thisRef", ref: V }, [(g(), c(f(
|
|
127
|
+
return g(), u("div", { class: p(["amb-object-design-ref", E.value]), style: a([{ position: "relative" }, K.value]), ref_key: "thisRef", ref: V }, [(g(), c(f(H.value), { style: a([A.value, J.value]), configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, errorBlank: e3.errorBlank, selectWidget: e3.selectWidget, onClick: m(X, ["stop"]), onHandleSelect: X, class: p([[Q.value], "amb-design-item"]), isTableBtnLink: q.isTableBtnLink, onOnSelectWidget: Y, onOnCustomAttrWidget: Z }, null, 40, ["style", "configure", "pageDesign", "indexObj", "errorBlank", "selectWidget", "class", "isTableBtnLink"])), l(d("span", N, [l(v(n2, { onClick: m($, ["stop"]), style: { "margin-left": "6px" } }, { default: D(() => [v(b(x))]), _: 1 }, 512), [[h, L.value]]), v(n2, { onClick: m(ee, ["stop"]), style: { "margin-left": "6px" } }, { default: D(() => [v(b(y))]), _: 1 })], 512), [[h, Q.value && e3.showSelectedClass]])], 6);
|
|
128
128
|
};
|
|
129
129
|
} });
|
|
130
130
|
export {
|
|
131
|
-
|
|
131
|
+
M as default
|
|
132
132
|
};
|
|
@@ -7,8 +7,8 @@ import { queryTableFields as V, changeFeieldToMap as _ } from "../../../utils/pa
|
|
|
7
7
|
import { usePageContextStore as C } from "../../../../../stores/page-store.js";
|
|
8
8
|
import { queryWorkflowsRequest as h, createWorkflowRequest as W } from "../../../utils/page-design-util.js";
|
|
9
9
|
import { ElMessageBox as S } from "element-plus";
|
|
10
|
-
const T = { style: { padding: "8px 0px 0px 0px" } }, U = { style: { padding: "8px 0px 0px 0px" } }, F = { style: { padding: "8px 0px 0px 0px" } }, N = { key: 0 }, D = { style: { float: "left" } },
|
|
11
|
-
const
|
|
10
|
+
const T = { style: { padding: "8px 0px 0px 0px" } }, U = { style: { padding: "8px 0px 0px 0px" } }, F = { style: { padding: "8px 0px 0px 0px" } }, N = { key: 0 }, D = { style: { float: "left" } }, z = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, j = e({ __name: "page-attr-base", props: { configure: {} }, setup(e2) {
|
|
11
|
+
const j2 = C(), A = e2, I = { children: "children", label: "label" }, O = o([]);
|
|
12
12
|
O.value = $(A.configure.variables);
|
|
13
13
|
const B = o([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24]), G = o(["1", "2", "3"]), J = o(null), M = o(null), P = o([]), q = A.configure.props.linkWorkflowCode ? A.configure.props.linkWorkflowCode : null, E = o(q), H = o(false), K = o(A.configure.props.activeWorkflow);
|
|
14
14
|
function L(e3) {
|
|
@@ -28,7 +28,7 @@ const T = { style: { padding: "8px 0px 0px 0px" } }, U = { style: { padding: "8p
|
|
|
28
28
|
A.configure.tableSysCode = e3.systemCode, A.configure.tableSysVersion = e3.systemVersion, A.configure.tableName = e3.name, A.configure.tableAlias = e3.alias;
|
|
29
29
|
const o3 = e3.systemCode ? e3.systemCode : A.configure.systemCode, l3 = e3.systemVersion ? e3.systemVersion : A.configure.systemVersion;
|
|
30
30
|
V(o3, l3, e3.name).then((e4) => {
|
|
31
|
-
A.configure.modelFields = e4, A.configure.modelFieldsMap = _(A.configure.modelFieldsMap, e4),
|
|
31
|
+
A.configure.modelFields = e4, A.configure.modelFieldsMap = _(A.configure.modelFieldsMap, e4), j2.setPageContext(A.configure);
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
}
|
|
@@ -36,7 +36,7 @@ const T = { style: { padding: "8px 0px 0px 0px" } }, U = { style: { padding: "8p
|
|
|
36
36
|
M.value.openDialog();
|
|
37
37
|
}
|
|
38
38
|
function Z() {
|
|
39
|
-
O.value = $(A.configure.variables),
|
|
39
|
+
O.value = $(A.configure.variables), j2.setPageContext(A.configure);
|
|
40
40
|
}
|
|
41
41
|
function $(e3) {
|
|
42
42
|
const o2 = ee(e3);
|
|
@@ -74,10 +74,10 @@ const T = { style: { padding: "8px 0px 0px 0px" } }, U = { style: { padding: "8p
|
|
|
74
74
|
}) : A.configure.props.activeWorkflow = false;
|
|
75
75
|
}
|
|
76
76
|
return oe(A.configure.props ? A.configure.props.workflowSource : null), (e3, o2) => {
|
|
77
|
-
const V2 = l("el-text"), _2 = l("el-form-item"), C2 = l("el-input"), h2 = l("el-radio-button"), W2 = l("el-radio-group"), S2 = l("el-switch"),
|
|
78
|
-
return r(), a(te, { "label-width": "80px", size: "small" }, { default: n(() => [t(ue, { modelValue: G.value, "onUpdate:modelValue": o2[9] || (o2[9] = (e4) => G.value = e4), style: { "margin-top": "6px" } }, { default: n(() => [t($2, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", T, [t(_2, { label: "编码" }, { default: n(() => [t(V2, null, { default: n(() => [s(f(e3.configure.code), 1)]), _: 1 })]), _: 1 }), t(_2, { label: "名称", style: { "margin-top": "-10px" } }, { default: n(() => [t(C2, { modelValue: e3.configure.label, "onUpdate:modelValue": o2[0] || (o2[0] = (o3) => e3.configure.label = o3) }, null, 8, ["modelValue"])]), _: 1 }), t(_2, { label: "页面类型", style: { "margin-top": "-10px" } }, { default: n(() => [t(W2, { modelValue: e3.configure.pageType, "onUpdate:modelValue": o2[1] || (o2[1] = (o3) => e3.configure.pageType = o3) }, { default: n(() => [t(h2, { value: "form" }, { default: n(() => o2[10] || (o2[10] = [s("表单")])), _: 1 }), t(h2, { value: "list" }, { default: n(() => o2[11] || (o2[11] = [s("台帐")])), _: 1 }), t(h2, { value: "other" }, { default: n(() => o2[12] || (o2[12] = [s("其他")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), t(_2, { label: "Flex布局", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: n(() => [t(S2, { modelValue: e3.configure.props.isFlex, "onUpdate:modelValue": o2[2] || (o2[2] = (o3) => e3.configure.props.isFlex = o3) }, null, 8, ["modelValue"])]), _: 1 }), e3.configure.props.isFlex ? (r(), a(_2, { key: 0, label: "水平对齐", style: { "margin-top": "18px", "margin-bottom": "-15px" } }, { default: n(() => [t(q2, { modelValue: e3.configure.props.flexJustify, "onUpdate:modelValue": o2[3] || (o2[3] = (o3) => e3.configure.props.flexJustify = o3), placeholder: "默认", clearable: "" }, { default: n(() => [t(
|
|
77
|
+
const V2 = l("el-text"), _2 = l("el-form-item"), C2 = l("el-input"), h2 = l("el-radio-button"), W2 = l("el-radio-group"), S2 = l("el-switch"), j3 = l("el-option"), q2 = l("el-select"), $2 = l("el-collapse-item"), ee2 = l("el-button"), ne = l("el-tree"), te = l("el-form"), ie = l("el-radio"), ue = l("el-collapse");
|
|
78
|
+
return r(), a(te, { "label-width": "80px", size: "small" }, { default: n(() => [t(ue, { modelValue: G.value, "onUpdate:modelValue": o2[9] || (o2[9] = (e4) => G.value = e4), style: { "margin-top": "6px" } }, { default: n(() => [t($2, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", T, [t(_2, { label: "编码" }, { default: n(() => [t(V2, null, { default: n(() => [s(f(e3.configure.code), 1)]), _: 1 })]), _: 1 }), t(_2, { label: "名称", style: { "margin-top": "-10px" } }, { default: n(() => [t(C2, { modelValue: e3.configure.label, "onUpdate:modelValue": o2[0] || (o2[0] = (o3) => e3.configure.label = o3) }, null, 8, ["modelValue"])]), _: 1 }), t(_2, { label: "页面类型", style: { "margin-top": "-10px" } }, { default: n(() => [t(W2, { modelValue: e3.configure.pageType, "onUpdate:modelValue": o2[1] || (o2[1] = (o3) => e3.configure.pageType = o3) }, { default: n(() => [t(h2, { value: "form" }, { default: n(() => o2[10] || (o2[10] = [s("表单")])), _: 1 }), t(h2, { value: "list" }, { default: n(() => o2[11] || (o2[11] = [s("台帐")])), _: 1 }), t(h2, { value: "other" }, { default: n(() => o2[12] || (o2[12] = [s("其他")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), t(_2, { label: "Flex布局", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: n(() => [t(S2, { modelValue: e3.configure.props.isFlex, "onUpdate:modelValue": o2[2] || (o2[2] = (o3) => e3.configure.props.isFlex = o3) }, null, 8, ["modelValue"])]), _: 1 }), e3.configure.props.isFlex ? (r(), a(_2, { key: 0, label: "水平对齐", style: { "margin-top": "18px", "margin-bottom": "-15px" } }, { default: n(() => [t(q2, { modelValue: e3.configure.props.flexJustify, "onUpdate:modelValue": o2[3] || (o2[3] = (o3) => e3.configure.props.flexJustify = o3), placeholder: "默认", clearable: "" }, { default: n(() => [t(j3, { label: "start", value: "start" }), t(j3, { label: "center", value: "center" }), t(j3, { label: "space-between", value: "space-between" }), t(j3, { label: "space-around", value: "space-around" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true), "2" == e3.configure.props.isFlex ? (r(), a(_2, { key: 1, label: "分栏间隔", style: { "margin-bottom": "-15px", "margin-top": "-10px" } }, { default: n(() => [t(q2, { modelValue: e3.configure.props.flexGutter, "onUpdate:modelValue": o2[4] || (o2[4] = (o3) => e3.configure.props.flexGutter = o3), placeholder: "默认", clearable: "" }, { default: n(() => [(r(true), p(c, null, d(B.value, (e4) => (r(), a(j3, { label: e4, value: e4 }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true)])]), _: 1 }), t($2, { title: "页面变量", name: "3", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", U, [e3.configure.pageType && "form" != e3.configure.pageType ? i("", true) : (r(), a(_2, { key: 0, label: "数据模型", class: "amb-design-attr-item" }, { default: n(() => [t(C2, { modelValue: e3.configure.tableAlias, "onUpdate:modelValue": o2[5] || (o2[5] = (o3) => e3.configure.tableAlias = o3), onClick: Q, title: e3.configure.tableAlias, clearable: "", size: "small", readonly: "true" }, { append: n(() => [t(ee2, { type: "default", icon: g(b), onClick: Q, size: "small" }, null, 8, ["icon"]), t(ee2, { style: { "margin-left": "5px" }, type: "default", icon: g(y), onClick: m(R, ["stop"]), title: "Clear", size: "small" }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue", "title"])]), _: 1 })), t(te, { "label-position": "top", size: "small" }, { default: n(() => [t(_2, { "label-position": "top", class: "amb-design-attr-item" }, { label: n(() => [o2[13] || (o2[13] = s(" 自定义变量 ")), t(ee2, { type: "primary", round: "", icon: g(k), onClick: Y, size: "small" }, null, 8, ["icon"])]), default: n(() => [t(ne, { style: { border: "1px solid #f5f6f8", padding: "10px", width: "100%", "min-height": "100px" }, data: O.value, props: I, "default-expand-all": "", "expand-on-click-node": false }, null, 8, ["data"])]), _: 1 })]), _: 1 })])]), _: 1 }), e3.configure.pageType && "form" != e3.configure.pageType || !A.configure.tableName ? i("", true) : (r(), a($2, { key: 0, title: "工作流", name: "2", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", F, [t(_2, { label: "启用", style: { "margin-bottom": "-14px" } }, { default: n(() => [t(S2, { modelValue: K.value, "onUpdate:modelValue": o2[6] || (o2[6] = (e4) => K.value = e4), onChange: re }, null, 8, ["modelValue"])]), _: 1 }), e3.configure.props.activeWorkflow ? (r(), a(_2, { key: 0, label: "流程来源", style: { "margin-top": "14px", "margin-bottom": "-15px" } }, { default: n(() => [t(W2, { modelValue: e3.configure.props.workflowSource, "onUpdate:modelValue": o2[7] || (o2[7] = (o3) => e3.configure.props.workflowSource = o3), onChange: oe }, { default: n(() => [t(ie, { value: "link" }, { default: n(() => o2[14] || (o2[14] = [s("选择引用")])), _: 1 }), t(ie, { value: "create" }, { default: n(() => o2[15] || (o2[15] = [s("新增流程")])), _: 1 }), e3.configure.props.workflowSource && "create" === e3.configure.props.workflowSource ? (r(), p("span", N, [t(ee2, { type: "default", onClick: le }, { default: n(() => o2[16] || (o2[16] = [s("新增")])), _: 1 })])) : i("", true)]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "link" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 1, label: "选择引用", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [t(q2, { modelValue: E.value, "onUpdate:modelValue": o2[8] || (o2[8] = (e4) => E.value = e4), onChange: L }, { default: n(() => [(r(true), p(c, null, d(P.value, (e4) => (r(), a(j3, { key: e4.code, label: e4.name, value: e4.code }, { default: n(() => [u("span", D, f(e4.name), 1), u("span", z, f(e4.code), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "link" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 2, label: "流程编码", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [s(f(e3.configure.props.linkWorkflowCode), 1)]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "create" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 3, label: "流程名称", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [s(f(e3.configure.props.createWorkflowName), 1)]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "create" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 4, label: "流程编码", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [s(f(e3.configure.props.createWorkflowCode), 1)]), _: 1 })) : i("", true)])]), _: 1 }))]), _: 1 }, 8, ["modelValue"]), t(w, { ref_key: "selectTableDialog", ref: J, onSelectTable: X, systemCode: e3.configure.systemCode, systemVersion: e3.configure.systemVersion }, null, 8, ["systemCode", "systemVersion"]), t(x, { ref_key: "refVariableDialog", ref: M, pageDesign: e3.configure, onClose: Z }, null, 8, ["pageDesign"]), H.value ? (r(), a(v, { key: 0, pageDesign: e3.configure, onClose: ae }, null, 8, ["pageDesign"])) : i("", true)]), _: 1 });
|
|
79
79
|
};
|
|
80
80
|
} });
|
|
81
81
|
export {
|
|
82
|
-
|
|
82
|
+
j as default
|
|
83
83
|
};
|
|
@@ -3,12 +3,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
3
3
|
type: NumberConstructor;
|
|
4
4
|
default: any;
|
|
5
5
|
};
|
|
6
|
+
ucrDesign: {
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
default: boolean;
|
|
9
|
+
};
|
|
6
10
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
7
11
|
pageId: {
|
|
8
12
|
type: NumberConstructor;
|
|
9
13
|
default: any;
|
|
10
14
|
};
|
|
15
|
+
ucrDesign: {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
11
19
|
}>> & Readonly<{}>, {
|
|
20
|
+
ucrDesign: boolean;
|
|
12
21
|
pageId: number;
|
|
13
22
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
14
23
|
export default _default;
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, watch as o, resolveComponent as
|
|
1
|
+
import { defineComponent as e, ref as l, watch as o, resolveComponent as s, createElementBlock as a, openBlock as t, createElementVNode as i, createCommentVNode as n, createVNode as u, withCtx as r, createBlock as v, normalizeClass as p, withDirectives as c, vShow as d, unref as f } from "vue";
|
|
2
2
|
import m from "./view/view-design.vue.js";
|
|
3
3
|
import { initComponentRefState as g } from "../../utils/page-helper-util.js";
|
|
4
4
|
import { getTableNameByTableUuid as w, queryTableFields as k, changeFeieldToMap as y } from "../../utils/page-table-util.js";
|
|
5
5
|
import { addPermission as b, delPermission as h } from "../../utils/page-permission-util.js";
|
|
6
6
|
import { usePageContextStore as C } from "../../../../stores/page-store.js";
|
|
7
|
-
import
|
|
8
|
-
import { getHighestVersionDefinition as
|
|
9
|
-
import { getPageConf as
|
|
10
|
-
import { fetchPageDesignData as
|
|
11
|
-
import { ElMessage as
|
|
12
|
-
import
|
|
13
|
-
import { undoRedo as
|
|
14
|
-
import
|
|
15
|
-
import
|
|
7
|
+
import D from "service-flow-designer";
|
|
8
|
+
import { getHighestVersionDefinition as S } from "../../utils/page-design-util.js";
|
|
9
|
+
import { getPageConf as V } from "../../utils/assemblys-config.js";
|
|
10
|
+
import { fetchPageDesignData as j } from "../../utils/page-service-util.js";
|
|
11
|
+
import { ElMessage as _, ElLoading as I } from "element-plus";
|
|
12
|
+
import M from "./view/page-switch.vue.js";
|
|
13
|
+
import { undoRedo as W } from "../../../../stores/undo-redo-store.js";
|
|
14
|
+
import B from "./page-event/page-event-view.vue.js";
|
|
15
|
+
import x from "../../utils/eventBus.js";
|
|
16
16
|
import { v4 as J } from "uuid";
|
|
17
|
-
const P = { class: "amb-page-container" }, T = { class: "amb-page-container-header-page" }, $ = { class: "amb-page-container-header" }, N = { class: "amb-page-container-header-type" }, R = { key: 0, class: "amb-page-container-main" }, A = e({ __name: "page-design", props: { pageId: { type: Number, default: null } }, setup(e2) {
|
|
18
|
-
const A2 =
|
|
17
|
+
const P = { class: "amb-page-container" }, T = { class: "amb-page-container-header-page" }, $ = { class: "amb-page-container-header" }, N = { class: "amb-page-container-header-type" }, R = { key: 0, class: "amb-page-container-main" }, A = e({ __name: "page-design", props: { pageId: { type: Number, default: null }, ucrDesign: { type: Boolean, default: false } }, setup(e2) {
|
|
18
|
+
const A2 = W(), E = e2, F = l(null), G = l(null), O = l(), z = C(), q = l("page"), L = l(null), U = l(null), H = l(null), K = l(false), Q = l(true), X = l(0);
|
|
19
19
|
let Y = l(null);
|
|
20
20
|
const Z = l(null);
|
|
21
21
|
function ee() {
|
|
22
22
|
q.value = "front", O.value && O.value.resize && O.value.resize();
|
|
23
23
|
}
|
|
24
24
|
function le(e3) {
|
|
25
|
-
const l2 =
|
|
25
|
+
const l2 = V();
|
|
26
26
|
return e3 ? Object.assign(l2, e3) : l2.systemCode || (l2.systemCode = "iqc", l2.systemVersion = 1), l2;
|
|
27
27
|
}
|
|
28
28
|
function oe(e3) {
|
|
29
29
|
let l2;
|
|
30
|
-
g(e3);
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
const
|
|
34
|
-
if (
|
|
30
|
+
e3.ucrDesign = E.ucrDesign, g(e3);
|
|
31
|
+
const s2 = e3 == null ? void 0 : e3.tableUuids;
|
|
32
|
+
s2 && s2.length > 0 && (l2 = s2[0]);
|
|
33
|
+
const a2 = w(e3, l2);
|
|
34
|
+
if (a2) {
|
|
35
35
|
const l3 = e3.tableSysCode ? e3.tableSysCode : e3.systemCode, o2 = e3.tableSysVersion ? e3.tableSysVersion : e3.systemVersion;
|
|
36
|
-
k(l3, o2,
|
|
36
|
+
k(l3, o2, a2).then((l4) => {
|
|
37
37
|
e3.modelFields = l4, e3.modelFieldsMap = y(e3.modelFieldsMap, l4), z.setPageContext(e3);
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
40
|
Y.value = e3.systemVersion, z.setPageContext(e3), o(() => e3, (e4) => {
|
|
41
|
-
|
|
41
|
+
ae();
|
|
42
42
|
}, { deep: true }), o(e3.events, (l3) => {
|
|
43
43
|
if (e3.runtime || (e3.runtime = {}), e3.events) {
|
|
44
44
|
const l4 = e3.events.filter((e4) => !e4.isStandard && e4.jsContent || e4.isStandard && e4.eventName);
|
|
@@ -50,34 +50,34 @@ const P = { class: "amb-page-container" }, T = { class: "amb-page-container-head
|
|
|
50
50
|
ue(e3);
|
|
51
51
|
}, { immediate: true }), e3.props && o(() => e3.props.activeWorkflow, () => {
|
|
52
52
|
ue(e3);
|
|
53
|
-
}, { immediate: true }),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
}, { immediate: true }), x.$emit("changePageDesign"), function() {
|
|
54
|
+
se("_isMobile", { level: 0, code: J(), name: "_isMobile", alias: "是否是移动端", type: "string", defaultValue: "", items: [], $editing: false });
|
|
55
|
+
se("_isMobileApp", { level: 0, code: J(), name: "_isMobileApp", alias: "是否是移动端APP", type: "string", defaultValue: "", items: [], $editing: false });
|
|
56
|
+
se("_isMobileBrowser", { level: 0, code: J(), name: "_isMobileBrowser", alias: "是否是移动端浏览器", type: "string", defaultValue: "", items: [], $editing: false });
|
|
57
57
|
}();
|
|
58
58
|
}
|
|
59
|
-
function
|
|
59
|
+
function se(e3, l2) {
|
|
60
60
|
var _a;
|
|
61
61
|
const o2 = (_a = F.value.variables) == null ? void 0 : _a.filter((l3) => l3.name && l3.name === e3);
|
|
62
62
|
o2 && 0 !== o2.length || (F.value.variables || (F.value.variables = []), F.value.variables.push(l2));
|
|
63
63
|
}
|
|
64
|
-
|
|
64
|
+
x.$on("editComponentEvent", () => {
|
|
65
65
|
ee();
|
|
66
|
-
}), E.pageId ?
|
|
66
|
+
}), E.pageId ? j(E.pageId).then((e3) => {
|
|
67
67
|
if (e3 && e3.designJson) {
|
|
68
68
|
const l2 = e3.designJson, o2 = le(JSON.parse(l2));
|
|
69
69
|
o2.id = E.pageId, F.value = o2, oe(F.value);
|
|
70
70
|
} else F.value = le(null), oe(F.value);
|
|
71
|
-
}) : (F.value = le(null), oe(F.value));
|
|
72
|
-
let
|
|
71
|
+
}) : E.ucrDesign || (F.value = le(null), oe(F.value));
|
|
72
|
+
let ae = /* @__PURE__ */ function(e3, l2) {
|
|
73
73
|
let o2 = null;
|
|
74
74
|
return function() {
|
|
75
|
-
let
|
|
75
|
+
let s2 = arguments;
|
|
76
76
|
o2 && clearTimeout(o2);
|
|
77
|
-
let
|
|
77
|
+
let a2 = !o2;
|
|
78
78
|
o2 = setTimeout(() => {
|
|
79
79
|
o2 = null;
|
|
80
|
-
}, l2),
|
|
80
|
+
}, l2), a2 && e3.apply(this, s2);
|
|
81
81
|
};
|
|
82
82
|
}(() => {
|
|
83
83
|
A2.addSnapshot(F.value);
|
|
@@ -100,7 +100,7 @@ const P = { class: "amb-page-container" }, T = { class: "amb-page-container-head
|
|
|
100
100
|
b(e3, "gets", "", "-1"), o2.push("gets");
|
|
101
101
|
(e3.props ? e3.props : {}).activeWorkflow && (b(e3, "workflowGets", "", "-1"), o2.push("workflowGets"));
|
|
102
102
|
}
|
|
103
|
-
for (let
|
|
103
|
+
for (let s2 of l2) o2.includes(s2) || h(e3, s2, "-1");
|
|
104
104
|
}
|
|
105
105
|
function re(e3) {
|
|
106
106
|
U.value = e3.code, H.value = e3.definitionVersion, L.value = e3.id;
|
|
@@ -109,28 +109,28 @@ const P = { class: "amb-page-container" }, T = { class: "amb-page-container-head
|
|
|
109
109
|
if (!Q.value) return;
|
|
110
110
|
let e3, l2;
|
|
111
111
|
F.value.props.activeWorkflow && F.value.props.workflowSource && "link" === F.value.props.workflowSource ? (l2 = F.value.props.linkWorkflowCode, e3 = F.value.props.linkWorkflowVersion) : F.value.props.activeWorkflow && F.value.props.workflowSource && "create" === F.value.props.workflowSource && (l2 = F.value.props.createWorkflowCode, e3 = 1), l2 ? !U.value && !H.value || U.value !== l2 || H.value !== e3 ? (K.value = false, Q.value = false, function(e4, l3) {
|
|
112
|
-
|
|
112
|
+
S(e4, l3, Y.value).then((e5) => {
|
|
113
113
|
re(e5), q.value = "workflow", K.value = true;
|
|
114
114
|
}).finally(() => {
|
|
115
115
|
Q.value = true;
|
|
116
116
|
});
|
|
117
|
-
}(l2, e3)) : q.value = "workflow" :
|
|
117
|
+
}(l2, e3)) : q.value = "workflow" : _({ type: "warning", showClose: true, message: "请在页面设计/属性/工作流中先绑定流程" });
|
|
118
118
|
}
|
|
119
119
|
function pe(e3) {
|
|
120
|
-
const l2 =
|
|
121
|
-
|
|
120
|
+
const l2 = I.service({ lock: true, text: "加载中，请稍后..." });
|
|
121
|
+
j(e3).then((o2) => {
|
|
122
122
|
if (X.value++, l2.close(), o2 && o2.designJson) {
|
|
123
|
-
const l3 = o2.designJson,
|
|
124
|
-
|
|
123
|
+
const l3 = o2.designJson, s2 = le(JSON.parse(l3));
|
|
124
|
+
s2.id = e3, F.value = s2, F.value.items || (F.value.items = []), F.value.props || (F.value.props = {}), oe(F.value);
|
|
125
125
|
} else F.value = le(null), oe(F.value);
|
|
126
126
|
});
|
|
127
127
|
}
|
|
128
128
|
function ce(e3) {
|
|
129
129
|
e3 && e3.system && (Z.value = e3.system), Z.value && z.setEnableI18n(Z.value.enableI18n);
|
|
130
130
|
}
|
|
131
|
-
return (
|
|
132
|
-
const
|
|
133
|
-
return t(),
|
|
131
|
+
return (l2, o2) => {
|
|
132
|
+
const g2 = s("el-col"), w2 = s("el-row"), k2 = s("workflow-editor");
|
|
133
|
+
return t(), a("div", P, [i("div", T, [u(w2, null, { default: r(() => [u(g2, { span: 23 }, { default: r(() => [F.value && F.value.code || e2.ucrDesign ? (t(), v(M, { key: 0, pageId: e2.pageId, pageDesign: F.value, ucrDesign: e2.ucrDesign, onChangePage: pe, onInitLoaded: ce }, null, 8, ["pageId", "pageDesign", "ucrDesign"])) : n("", true)]), _: 1 })]), _: 1 })]), i("div", $, [i("div", N, [i("label", { class: p({ selected: "page" === q.value }), onClick: o2[0] || (o2[0] = (e3) => q.value = "page") }, "页面设计", 2), i("label", { class: p({ selected: "front" === q.value }), onClick: o2[1] || (o2[1] = (e3) => ee()) }, "页面逻辑", 2), e2.ucrDesign ? n("", true) : (t(), a("label", { key: 0, class: p({ selected: "workflow" === q.value }), onClick: o2[2] || (o2[2] = (e3) => ve()) }, " 工作流设计 ", 2)), i("label", { class: p({ selected: "service" === q.value }), onClick: o2[3] || (o2[3] = (e3) => q.value = "service") }, "服务编排", 2)])]), F.value ? (t(), a("div", R, [c((t(), v(m, { ref_key: "ViewDesignRef", ref: G, key: X.value, configure: F.value, system: Z.value, onRegain: ie, onRevocation: te }, null, 8, ["configure", "system"])), [[d, "page" === q.value]]), K.value ? c((t(), v(k2, { key: 0, id: L.value, code: F.value.workflowCode, version: F.value.workflowVersion, "system-code": F.value.systemCode, "system-publish-version": F.value.systemVersion, "page-code": F.value.code, onBack: l2.goBack, onChangeDefVersion: ne }, null, 8, ["id", "code", "version", "system-code", "system-publish-version", "page-code", "onBack"])), [[d, "workflow" === q.value]]) : n("", true), "service" === q.value ? (t(), v(f(D), { key: 1, pageContext: F.value }, null, 8, ["pageContext"])) : n("", true), c(u(B, { ref_key: "pageEventContainerRef", ref: O, configure: F.value }, null, 8, ["configure"]), [[d, "front" === q.value]])])) : n("", true)]);
|
|
134
134
|
};
|
|
135
135
|
} });
|
|
136
136
|
export {
|
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
import { defineComponent as e, ref as t, onMounted as n, onUnmounted as a, watch as l, resolveComponent as u, createElementBlock as o, openBlock as s, createElementVNode as i, createVNode as r, withDirectives as m, withCtx as c, vShow as d, unref as v, createTextVNode as p, toDisplayString as f, Fragment as g, renderList as b, createBlock as y } from "vue";
|
|
2
2
|
import { ElMessageBox as x, ElMessage as h } from "element-plus";
|
|
3
|
-
import C from "./config.
|
|
3
|
+
import C from "./config.vue2.js";
|
|
4
4
|
import { standardButtonOperations as E } from "../../../utils/assemblys-config.js";
|
|
5
5
|
import { findDesignItemByUuid as S, getUuidv4 as V, deepCopy as k } from "../../../utils/common-util.js";
|
|
6
6
|
import { usePageContextStore as _ } from "../../../../../stores/page-store.js";
|
|
7
7
|
import { undoRedo as T } from "../../../../../stores/event-undo-redo-store.js";
|
|
8
8
|
import U from "../../../utils/eventBus.js";
|
|
9
9
|
const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style: { "user-select": "none", "margin-bottom": "10px" } }, $ = { class: "amb-design-tool-item" }, j = { style: { "margin-left": "0px", display: "inline-block", width: "39px" } }, w = { class: "amb-design-tool-item", style: { "padding-right": "10px" } }, N = { style: { display: "flex", gap: "15px", padding: "0 20px" } }, B = { class: "codemirror", style: { "margin-left": "20px", "margin-top": "-10px" } }, J = e({ __name: "page-event-content", props: { eventForm: {}, configure: {}, customEvent: {}, handleType: {} }, emits: ["changeSelectEvent", "addEvent", "changeSelectStandardEvent"], setup(e2, { expose: J2, emit: A }) {
|
|
10
|
+
var _a;
|
|
10
11
|
const L = e2, O = T(), P = _(), Z = t(null), I = t();
|
|
11
|
-
let q = t();
|
|
12
|
-
|
|
13
|
-
let
|
|
14
|
-
const
|
|
12
|
+
let q = t(), R = null;
|
|
13
|
+
R = ((_a = L.configure) == null ? void 0 : _a.ucrDesign) ? E.filter((e3) => "chart" === e3.type) : E;
|
|
14
|
+
let D = L.customEvent;
|
|
15
|
+
const H = t({ jsContent: "" }), G = t({ jsContent: "" }), K = t(0), M = t(-1), Q = t();
|
|
15
16
|
function W() {
|
|
16
17
|
let e3 = false;
|
|
17
18
|
G.value && G.value.standardValues && G.value.standardValues.includes("true") && (e3 = true), G.value && (G.value.isStandard = e3);
|
|
18
19
|
}
|
|
19
20
|
function X() {
|
|
20
|
-
const e3 =
|
|
21
|
+
const e3 = H.value ? JSON.stringify(H.value) : null, t2 = G.value ? JSON.stringify(G.value) : null;
|
|
21
22
|
e3 && e3 !== t2 ? x.confirm("当前方法有修改,是否需要暂存?", "确认", { confirmButtonText: "确定", cancelButtonText: "忽略", type: "warning" }).then(() => {
|
|
22
23
|
false !== te() && Y();
|
|
23
24
|
}).catch((e4) => {
|
|
@@ -29,7 +30,7 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
|
|
|
29
30
|
e3.uuid = V(), ee(e3);
|
|
30
31
|
}
|
|
31
32
|
function ee(e3) {
|
|
32
|
-
e3 = e3 || {},
|
|
33
|
+
e3 = e3 || {}, H.value = e3, G.value = k(e3), Z.value && Z.value.updateJsContent && Z.value.updateJsContent(G.value), O.clearSnapshot(), O.addSnapshot(G), K.value = 1, M.value = 0;
|
|
33
34
|
}
|
|
34
35
|
function te() {
|
|
35
36
|
if (!G.value) return x.confirm("编辑对象不存在,不需要保存！", "提示", { confirmButtonText: "确定", showCancelButton: false, type: "error" }), false;
|
|
@@ -78,8 +79,8 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
|
|
|
78
79
|
e4 > -1 && (t3.events[e4] = a2);
|
|
79
80
|
}
|
|
80
81
|
}
|
|
81
|
-
} else Object.assign(
|
|
82
|
-
|
|
82
|
+
} else Object.assign(H.value, n2), e3.customEvents.push(H.value);
|
|
83
|
+
H.value = n2, G.value = k(n2), h({ message: "暂存成功!", type: "success" });
|
|
83
84
|
}
|
|
84
85
|
function ne() {
|
|
85
86
|
x.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
|
|
@@ -125,7 +126,7 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
|
|
|
125
126
|
let t2 = false;
|
|
126
127
|
if (G.value && ("customFunc" == e3.name ? G.value.uuid == e3.uuid && (t2 = true) : G.value.componentUuid == e3.componentUuid && e3.name == G.value.name && (t2 = true)), t2) return;
|
|
127
128
|
null == e3.jsContent && (e3.jsContent = ""), null == e3.isStandard && (e3.isStandard = false, e3.standardValues = []), e3.isStandard && !e3.standardValues && (e3.standardValues = ["true"]);
|
|
128
|
-
const n2 =
|
|
129
|
+
const n2 = H.value ? JSON.stringify(H.value) : null, a2 = G.value ? JSON.stringify(G.value) : null;
|
|
129
130
|
n2 && n2 !== a2 ? x.confirm("当前方法有修改,是否需要暂存?", "确认", { confirmButtonText: "确定", cancelButtonText: "忽略", type: "warning" }).then(() => {
|
|
130
131
|
false !== te() && ee(e3);
|
|
131
132
|
}).catch((t3) => {
|
|
@@ -154,7 +155,7 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
|
|
|
154
155
|
Z.value && Z.value.resize && Z.value.resize();
|
|
155
156
|
} }), (e3, t2) => {
|
|
156
157
|
const n2 = u("Plus"), a2 = u("el-icon"), l2 = u("el-divider"), x2 = u("Check"), h2 = u("View"), E2 = u("el-text"), S2 = u("el-input"), V2 = u("el-form-item"), k2 = u("el-checkbox"), _2 = u("el-checkbox-group"), T2 = u("el-option"), U2 = u("el-option-group"), J3 = u("el-select"), A2 = u("el-form");
|
|
157
|
-
return s(), o("div", F, [i("div", z, [i("div", $, [i("label", { class: "amb-page-type", onClick: X }, [r(a2, { size: 18 }, { default: c(() => [r(n2)]), _: 1 }), t2[5] || (t2[5] = i("label", null, "添加自定义方法", -1))]), r(l2, { direction: "vertical" }), m(i("label", j, null, 512), [[d, M.value < 1]]), m(i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: re }, t2[6] || (t2[6] = [i("span", { class: "iconfont icon-chexiaozuo", style: { "font-size": "20px" }, title: "撤销" }, null, -1)]), 512), [[d, M.value > 0]]), m(i("label", { class: "amb-page-type", onClick: me }, t2[7] || (t2[7] = [i("span", { class: "iconfont icon-chexiaoyou", style: { "font-size": "20px" }, title: "恢复" }, null, -1)]), 512), [[d, M.value > -1 && M.value + 1 < K.value]])]), m(i("div", w, [i("label", { class: "amb-page-type", onClick: t2[0] || (t2[0] = (e4) => te()) }, [r(a2, { size: 18 }, { default: c(() => [r(x2)]), _: 1 }), t2[8] || (t2[8] = i("label", null, "确定", -1))]), r(l2, { direction: "vertical" }), i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: ne }, [r(a2, { size: 18 }, { default: c(() => [r(h2)]), _: 1 }), t2[9] || (t2[9] = i("label", null, "清除", -1))])], 512), [[d, G.value.name]])]), r(A2, { class: "amb-design-board", style: { "padding-top": "20px" }, ref_key: "formRef", ref: Q, size: "small", model: v(
|
|
158
|
+
return s(), o("div", F, [i("div", z, [i("div", $, [i("label", { class: "amb-page-type", onClick: X }, [r(a2, { size: 18 }, { default: c(() => [r(n2)]), _: 1 }), t2[5] || (t2[5] = i("label", null, "添加自定义方法", -1))]), r(l2, { direction: "vertical" }), m(i("label", j, null, 512), [[d, M.value < 1]]), m(i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: re }, t2[6] || (t2[6] = [i("span", { class: "iconfont icon-chexiaozuo", style: { "font-size": "20px" }, title: "撤销" }, null, -1)]), 512), [[d, M.value > 0]]), m(i("label", { class: "amb-page-type", onClick: me }, t2[7] || (t2[7] = [i("span", { class: "iconfont icon-chexiaoyou", style: { "font-size": "20px" }, title: "恢复" }, null, -1)]), 512), [[d, M.value > -1 && M.value + 1 < K.value]])]), m(i("div", w, [i("label", { class: "amb-page-type", onClick: t2[0] || (t2[0] = (e4) => te()) }, [r(a2, { size: 18 }, { default: c(() => [r(x2)]), _: 1 }), t2[8] || (t2[8] = i("label", null, "确定", -1))]), r(l2, { direction: "vertical" }), i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: ne }, [r(a2, { size: 18 }, { default: c(() => [r(h2)]), _: 1 }), t2[9] || (t2[9] = i("label", null, "清除", -1))])], 512), [[d, G.value.name]])]), r(A2, { class: "amb-design-board", style: { "padding-top": "20px" }, ref_key: "formRef", ref: Q, size: "small", model: v(D), "inline-message": "", "label-width": "80px" }, { default: c(() => [i("div", N, [r(V2, { label: "名称", "label-width": "auto", style: { "min-width": "280px" }, required: "customFunc" == G.value.name }, { default: c(() => [m(r(E2, { type: "primary" }, { default: c(() => [p(f(G.value.title ? G.value.title + (G.value.componentLabel ? "(" + G.value.componentLabel + ")" : "") : G.value.componentLabel) + "." + f(G.value.name), 1)]), _: 1 }, 512), [[d, G.value.name && "customFunc" != G.value.name]]), m(r(S2, { modelValue: G.value.eventName, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => G.value.eventName = e4), title: "自定义方法名" }, null, 8, ["modelValue"]), [[d, "customFunc" == G.value.name]])]), _: 1 }, 8, ["required"]), m(r(_2, { modelValue: G.value.standardValues, "onUpdate:modelValue": t2[2] || (t2[2] = (e4) => G.value.standardValues = e4), onChange: W }, { default: c(() => [r(k2, { value: "true", label: "标准功能" })]), _: 1 }, 8, ["modelValue"]), [[d, "customFunc" != G.value.name]]), m(r(J3, { disabled: !G.value.isStandard, modelValue: G.value.eventName, "onUpdate:modelValue": t2[3] || (t2[3] = (e4) => G.value.eventName = e4), placeholder: "请选择", filterable: "", style: { width: "240px", "margin-left": "10px" } }, { default: c(() => [(s(true), o(g, null, b(v(R), (e4) => (s(), y(U2, { key: e4.label, label: e4.label }, { default: c(() => [(s(true), o(g, null, b(e4.options, (e5) => (s(), y(T2, { key: e5.value, label: e5.label, value: e5.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["label"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"]), [[d, "customFunc" != G.value.name]]), r(V2, { label: "描述", "label-width": "auto", style: { flex: "1 1 auto" } }, { default: c(() => [r(S2, { modelValue: G.value.remark, "onUpdate:modelValue": t2[4] || (t2[4] = (e4) => G.value.remark = e4) }, null, 8, ["modelValue"])]), _: 1 })]), m(i("div", B, [r(C, { eventForm: G.value, ref_key: "editorRef", ref: Z }, null, 8, ["eventForm"])], 512), [[d, "customFunc" == G.value.name || "customFunc" != G.value.name && !G.value.isStandard]])]), _: 1 }, 8, ["model"])]);
|
|
158
159
|
};
|
|
159
160
|
} });
|
|
160
161
|
export {
|