super-page-designer 2.2.47-tmp2 → 2.2.50
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/components/design/views/assemblys/data/component/data-origin.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +26 -2
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +2 -26
- package/dist/es/components/design/views/design/page-design.vue.js +5 -136
- package/dist/es/components/design/views/design/page-design.vue2.js +136 -2
- package/dist/es/components/design/views/design/page-design.vue3.js +4 -0
- 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 +1 -1
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
- package/dist/es/style.css +11 -1
- package/package.json +4 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as e, ref as a, computed as l, resolveComponent as i, createBlock as o, openBlock as t, withCtx as n, createElementVNode as r, createVNode as s, createCommentVNode as u, withDirectives as d, renderSlot as p, createTextVNode as c, unref as g, vShow as m, createElementBlock as f, Fragment as v, renderList as b, normalizeClass as y, toDisplayString as V } from "vue";
|
|
2
|
-
import O from "../../form/common/dataorigin-input-table.
|
|
2
|
+
import O from "../../form/common/dataorigin-input-table.vue.js";
|
|
3
3
|
import { Codemirror as _ } from "vue-codemirror";
|
|
4
4
|
import C from "../../workflow/component/combination.vue.js";
|
|
5
5
|
import S from "./return-set-table.vue.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as e, ref as l, onMounted as a, resolveComponent as t, createBlock as o, openBlock as u, withCtx as i, createElementVNode as n, createVNode as s, createCommentVNode as d, withDirectives as r, unref as m, createElementBlock as p, Fragment as c, renderList as b, createTextVNode as f, vShow as v, normalizeClass as y } from "vue";
|
|
2
|
-
import V from "./dataorigin-input-table.
|
|
2
|
+
import V from "./dataorigin-input-table.vue.js";
|
|
3
3
|
import g from "./condition.vue.js";
|
|
4
4
|
import S from "./row-ul-li.vue.js";
|
|
5
5
|
import "uuid";
|
|
@@ -1,4 +1,28 @@
|
|
|
1
|
-
import t from "
|
|
1
|
+
import { defineComponent as e, ref as l, watch as a, resolveComponent as t, createElementBlock as o, openBlock as d, Fragment as u, createVNode as n, withCtx as i, unref as s, createElementVNode as m, createTextVNode as r } from "vue";
|
|
2
|
+
import { Search as p } from "@element-plus/icons-vue";
|
|
3
|
+
const v = { class: "dialog-footer" }, c = e({ __name: "dataorigin-input-table", props: { modelValue: { type: String, default: "" } }, emits: ["update:modelValue"], setup(e2, { emit: c2 }) {
|
|
4
|
+
const f = e2, g = l(f.modelValue), V = c2, h = [{ id: 1, date: "2016-05-03", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 2, date: "2016-05-02", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 3, date: "2016-05-04", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 4, date: "2016-05-01", name: "Tom", address: "No. 189, Grove St, Los Angeles" }], b = l(false), _ = l([]);
|
|
5
|
+
function S() {
|
|
6
|
+
if (_.value.length > 0) {
|
|
7
|
+
let e3 = "";
|
|
8
|
+
_.value.forEach((l2) => {
|
|
9
|
+
e3 = e3 + l2.name + ",";
|
|
10
|
+
}), e3 = e3.substring(0, e3.length - 1), V("update:modelValue", e3), b.value = false;
|
|
11
|
+
} else b.value = false;
|
|
12
|
+
}
|
|
13
|
+
function w(e3) {
|
|
14
|
+
_.value = e3;
|
|
15
|
+
}
|
|
16
|
+
function y() {
|
|
17
|
+
b.value = true;
|
|
18
|
+
}
|
|
19
|
+
return a(() => f.modelValue, (e3) => {
|
|
20
|
+
g.value = e3;
|
|
21
|
+
}), (e3, l2) => {
|
|
22
|
+
const a2 = t("el-icon"), c3 = t("el-input"), f2 = t("el-table-column"), V2 = t("el-table"), _2 = t("el-button"), A = t("el-dialog");
|
|
23
|
+
return d(), o(u, null, [n(c3, { modelValue: g.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => g.value = e4), placeholder: "请选择", onClick: y }, { suffix: i(() => [n(a2, { onClick: y }, { default: i(() => [n(s(p))]), _: 1 })]), _: 1 }, 8, ["modelValue"]), n(A, { modelValue: b.value, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => b.value = e4), title: "Tips", width: "500" }, { footer: i(() => [m("div", v, [n(_2, { onClick: l2[1] || (l2[1] = (e4) => b.value = false) }, { default: i(() => l2[3] || (l2[3] = [r("取消")])), _: 1 }), n(_2, { type: "primary", onClick: S }, { default: i(() => l2[4] || (l2[4] = [r(" 确定 ")])), _: 1 })])]), default: i(() => [n(V2, { data: h, style: { width: "100%" }, onSelectionChange: w }, { default: i(() => [n(f2, { type: "selection", width: "55" }), n(f2, { prop: "date", label: "Date", width: "180" }), n(f2, { prop: "name", label: "Name", width: "180" }), n(f2, { prop: "address", label: "Address" })]), _: 1 })]), _: 1 }, 8, ["modelValue"])], 64);
|
|
24
|
+
};
|
|
25
|
+
} });
|
|
2
26
|
export {
|
|
3
|
-
|
|
27
|
+
c as default
|
|
4
28
|
};
|
package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js
CHANGED
|
@@ -1,28 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Search as p } from "@element-plus/icons-vue";
|
|
3
|
-
const v = { class: "dialog-footer" }, c = e({ __name: "dataorigin-input-table", props: { modelValue: { type: String, default: "" } }, emits: ["update:modelValue"], setup(e2, { emit: c2 }) {
|
|
4
|
-
const f = e2, g = l(f.modelValue), V = c2, h = [{ id: 1, date: "2016-05-03", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 2, date: "2016-05-02", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 3, date: "2016-05-04", name: "Tom", address: "No. 189, Grove St, Los Angeles" }, { id: 4, date: "2016-05-01", name: "Tom", address: "No. 189, Grove St, Los Angeles" }], b = l(false), _ = l([]);
|
|
5
|
-
function S() {
|
|
6
|
-
if (_.value.length > 0) {
|
|
7
|
-
let e3 = "";
|
|
8
|
-
_.value.forEach((l2) => {
|
|
9
|
-
e3 = e3 + l2.name + ",";
|
|
10
|
-
}), e3 = e3.substring(0, e3.length - 1), V("update:modelValue", e3), b.value = false;
|
|
11
|
-
} else b.value = false;
|
|
12
|
-
}
|
|
13
|
-
function w(e3) {
|
|
14
|
-
_.value = e3;
|
|
15
|
-
}
|
|
16
|
-
function y() {
|
|
17
|
-
b.value = true;
|
|
18
|
-
}
|
|
19
|
-
return a(() => f.modelValue, (e3) => {
|
|
20
|
-
g.value = e3;
|
|
21
|
-
}), (e3, l2) => {
|
|
22
|
-
const a2 = t("el-icon"), c3 = t("el-input"), f2 = t("el-table-column"), V2 = t("el-table"), _2 = t("el-button"), A = t("el-dialog");
|
|
23
|
-
return d(), o(u, null, [n(c3, { modelValue: g.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => g.value = e4), placeholder: "请选择", onClick: y }, { suffix: i(() => [n(a2, { onClick: y }, { default: i(() => [n(s(p))]), _: 1 })]), _: 1 }, 8, ["modelValue"]), n(A, { modelValue: b.value, "onUpdate:modelValue": l2[2] || (l2[2] = (e4) => b.value = e4), title: "Tips", width: "500" }, { footer: i(() => [m("div", v, [n(_2, { onClick: l2[1] || (l2[1] = (e4) => b.value = false) }, { default: i(() => l2[3] || (l2[3] = [r("取消")])), _: 1 }), n(_2, { type: "primary", onClick: S }, { default: i(() => l2[4] || (l2[4] = [r(" 确定 ")])), _: 1 })])]), default: i(() => [n(V2, { data: h, style: { width: "100%" }, onSelectionChange: w }, { default: i(() => [n(f2, { type: "selection", width: "55" }), n(f2, { prop: "date", label: "Date", width: "180" }), n(f2, { prop: "name", label: "Name", width: "180" }), n(f2, { prop: "address", label: "Address" })]), _: 1 })]), _: 1 }, 8, ["modelValue"])], 64);
|
|
24
|
-
};
|
|
25
|
-
} });
|
|
1
|
+
import t from "./dataorigin-input-table.vue.js";
|
|
26
2
|
export {
|
|
27
|
-
|
|
3
|
+
t as default
|
|
28
4
|
};
|
|
@@ -1,138 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
import { addPermission as b, delPermission as h } from "../../utils/page-permission-util.js";
|
|
6
|
-
import { usePageContextStore as C } from "../../../../stores/page-store.js";
|
|
7
|
-
import S from "service-flow-designer";
|
|
8
|
-
import { getHighestVersionDefinition as V } from "../../utils/page-design-util.js";
|
|
9
|
-
import { getPageConf as j } from "../../utils/assemblys-config.js";
|
|
10
|
-
import { fetchPageDesignData as _ } from "../../utils/page-service-util.js";
|
|
11
|
-
import { ElMessage as D, ElLoading as M } from "element-plus";
|
|
12
|
-
import W from "./view/page-switch.vue.js";
|
|
13
|
-
import { undoRedo as I } from "../../../../stores/undo-redo-store.js";
|
|
14
|
-
import x from "./page-event/page-event-view.vue.js";
|
|
15
|
-
import B from "../../utils/eventBus.js";
|
|
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 = I(), 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
|
-
let Y = l(null);
|
|
20
|
-
const Z = l(null);
|
|
21
|
-
function ee() {
|
|
22
|
-
q.value = "front", O.value && O.value.resize && O.value.resize();
|
|
23
|
-
}
|
|
24
|
-
function le(e3) {
|
|
25
|
-
const l2 = j();
|
|
26
|
-
return e3 ? Object.assign(l2, e3) : l2.systemCode || (l2.systemCode = "iqc", l2.systemVersion = 1), l2;
|
|
27
|
-
}
|
|
28
|
-
function oe(e3) {
|
|
29
|
-
let l2;
|
|
30
|
-
g(e3);
|
|
31
|
-
const a2 = e3 == null ? void 0 : e3.tableUuids;
|
|
32
|
-
a2 && a2.length > 0 && (l2 = a2[0]);
|
|
33
|
-
const s2 = w(e3, l2);
|
|
34
|
-
if (s2) {
|
|
35
|
-
const l3 = e3.tableSysCode ? e3.tableSysCode : e3.systemCode, o2 = e3.tableSysVersion ? e3.tableSysVersion : e3.systemVersion;
|
|
36
|
-
k(l3, o2, s2).then((l4) => {
|
|
37
|
-
e3.modelFields = l4, e3.modelFieldsMap = y(e3.modelFieldsMap, l4), z.setPageContext(e3);
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
Y.value = e3.systemVersion, z.setPageContext(e3), o(() => e3, (e4) => {
|
|
41
|
-
se();
|
|
42
|
-
}, { deep: true }), o(e3.events, (l3) => {
|
|
43
|
-
if (e3.runtime || (e3.runtime = {}), e3.events) {
|
|
44
|
-
const l4 = e3.events.filter((e4) => !e4.isStandard && e4.jsContent || e4.isStandard && e4.eventName);
|
|
45
|
-
e3.runtime.events = l4;
|
|
46
|
-
}
|
|
47
|
-
}, { immediate: true }), o(() => e3.label, () => {
|
|
48
|
-
ue(e3);
|
|
49
|
-
}, { immediate: true }), o(() => e3.pageType, () => {
|
|
50
|
-
ue(e3);
|
|
51
|
-
}, { immediate: true }), e3.props && o(() => e3.props.activeWorkflow, () => {
|
|
52
|
-
ue(e3);
|
|
53
|
-
}, { immediate: true }), B.$emit("changePageDesign"), function() {
|
|
54
|
-
ae("_isMobile", { level: 0, code: J(), name: "_isMobile", alias: "是否是移动端", type: "string", defaultValue: "", items: [], $editing: false });
|
|
55
|
-
ae("_isMobileApp", { level: 0, code: J(), name: "_isMobileApp", alias: "是否是移动端APP", type: "string", defaultValue: "", items: [], $editing: false });
|
|
56
|
-
ae("_isMobileBrowser", { level: 0, code: J(), name: "_isMobileBrowser", alias: "是否是移动端浏览器", type: "string", defaultValue: "", items: [], $editing: false });
|
|
57
|
-
}();
|
|
58
|
-
}
|
|
59
|
-
function ae(e3, l2) {
|
|
60
|
-
var _a;
|
|
61
|
-
const o2 = (_a = F.value.variables) == null ? void 0 : _a.filter((l3) => l3.name && l3.name === e3);
|
|
62
|
-
o2 && 0 !== o2.length || (F.value.variables || (F.value.variables = []), F.value.variables.push(l2));
|
|
63
|
-
}
|
|
64
|
-
B.$on("editComponentEvent", () => {
|
|
65
|
-
ee();
|
|
66
|
-
}), E.pageId ? _(E.pageId).then((e3) => {
|
|
67
|
-
if (e3 && e3.designJson) {
|
|
68
|
-
const l2 = e3.designJson, o2 = le(JSON.parse(l2));
|
|
69
|
-
o2.id = E.pageId, F.value = o2, oe(F.value);
|
|
70
|
-
} else F.value = le(null), oe(F.value);
|
|
71
|
-
}) : (F.value = le(null), oe(F.value));
|
|
72
|
-
let se = /* @__PURE__ */ function(e3, l2) {
|
|
73
|
-
let o2 = null;
|
|
74
|
-
return function() {
|
|
75
|
-
let a2 = arguments;
|
|
76
|
-
o2 && clearTimeout(o2);
|
|
77
|
-
let s2 = !o2;
|
|
78
|
-
o2 = setTimeout(() => {
|
|
79
|
-
o2 = null;
|
|
80
|
-
}, l2), s2 && e3.apply(this, a2);
|
|
81
|
-
};
|
|
82
|
-
}(() => {
|
|
83
|
-
A2.addSnapshot(F.value);
|
|
84
|
-
}, 400);
|
|
85
|
-
function te() {
|
|
86
|
-
X.value++, A2.undo(F.value);
|
|
87
|
-
}
|
|
88
|
-
function ie() {
|
|
89
|
-
X.value++, A2.record(F.value);
|
|
90
|
-
}
|
|
91
|
-
function ne(e3) {
|
|
92
|
-
const l2 = e3.definitionVersion;
|
|
93
|
-
l2 && (F.value.props.workflowSource = "link", F.value.props.linkWorkflowVersion = l2, F.value.workflowVersion = l2, re(e3));
|
|
94
|
-
}
|
|
95
|
-
function ue(e3) {
|
|
96
|
-
b(e3, "page", e3.label, "-1");
|
|
97
|
-
const l2 = ["gets", "workflowGets", "listData", "listSubData"], o2 = [];
|
|
98
|
-
if (e3.pageType && "form" != e3.pageType) "list" == e3.pageType && (b(e3, "listData", "", "-1"), b(e3, "listSubData", "", "-1"), o2.push("listData"), o2.push("listSubData"));
|
|
99
|
-
else {
|
|
100
|
-
b(e3, "gets", "", "-1"), o2.push("gets");
|
|
101
|
-
(e3.props ? e3.props : {}).activeWorkflow && (b(e3, "workflowGets", "", "-1"), o2.push("workflowGets"));
|
|
102
|
-
}
|
|
103
|
-
for (let a2 of l2) o2.includes(a2) || h(e3, a2, "-1");
|
|
104
|
-
}
|
|
105
|
-
function re(e3) {
|
|
106
|
-
U.value = e3.code, H.value = e3.definitionVersion, L.value = e3.id;
|
|
107
|
-
}
|
|
108
|
-
function ve() {
|
|
109
|
-
if (!Q.value) return;
|
|
110
|
-
let e3, l2;
|
|
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
|
-
V(e4, l3, Y.value).then((e5) => {
|
|
113
|
-
re(e5), q.value = "workflow", K.value = true;
|
|
114
|
-
}).finally(() => {
|
|
115
|
-
Q.value = true;
|
|
116
|
-
});
|
|
117
|
-
}(l2, e3)) : q.value = "workflow" : D({ type: "warning", showClose: true, message: "请在页面设计/属性/工作流中先绑定流程" });
|
|
118
|
-
}
|
|
119
|
-
function pe(e3) {
|
|
120
|
-
const l2 = M.service({ lock: true, text: "切换中,请稍后..." });
|
|
121
|
-
_(e3).then((o2) => {
|
|
122
|
-
if (X.value++, l2.close(), o2 && o2.designJson) {
|
|
123
|
-
const l3 = o2.designJson, a2 = le(JSON.parse(l3));
|
|
124
|
-
a2.id = e3, F.value = a2, F.value.items || (F.value.items = []), F.value.props || (F.value.props = {}), oe(F.value);
|
|
125
|
-
} else F.value = le(null), oe(F.value);
|
|
126
|
-
});
|
|
127
|
-
}
|
|
128
|
-
function ce(e3) {
|
|
129
|
-
e3 && e3.system && (Z.value = e3.system), Z.value && z.setEnableI18n(Z.value.enableI18n);
|
|
130
|
-
}
|
|
131
|
-
return (e3, l2) => {
|
|
132
|
-
const o2 = a("el-col"), g2 = a("el-row"), w2 = a("workflow-editor");
|
|
133
|
-
return t(), s("div", P, [i("div", T, [u(g2, null, { default: r(() => [u(o2, { span: 23, style: {} }, { default: r(() => [F.value && F.value.code ? (t(), v(W, { key: 0, pageDesign: F.value, onChangePage: pe, onInitLoaded: ce }, null, 8, ["pageDesign"])) : n("", true)]), _: 1 })]), _: 1 })]), i("div", $, [i("div", N, [i("label", { class: p({ selected: "page" === q.value }), onClick: l2[0] || (l2[0] = (e4) => q.value = "page") }, "页面设计", 2), i("label", { class: p({ selected: "front" === q.value }), onClick: l2[1] || (l2[1] = (e4) => ee()) }, "页面逻辑", 2), i("label", { class: p({ selected: "workflow" === q.value }), onClick: l2[2] || (l2[2] = (e4) => ve()) }, "工作流设计", 2), i("label", { class: p({ selected: "service" === q.value }), onClick: l2[3] || (l2[3] = (e4) => q.value = "service") }, "服务编排", 2)])]), F.value ? (t(), s("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"])), [[f, "page" === q.value]]), K.value ? c((t(), v(w2, { 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: e3.goBack, onChangeDefVersion: ne }, null, 8, ["id", "code", "version", "system-code", "system-publish-version", "page-code", "onBack"])), [[f, "workflow" === q.value]]) : n("", true), "service" === q.value ? (t(), v(d(S), { key: 1, pageContext: F.value }, null, 8, ["pageContext"])) : n("", true), c(u(x, { ref_key: "pageEventContainerRef", ref: O, configure: F.value }, null, 8, ["configure"]), [[f, "front" === q.value]])])) : n("", true)]);
|
|
134
|
-
};
|
|
135
|
-
} });
|
|
1
|
+
import e from "./page-design.vue2.js";
|
|
2
|
+
import s from "./page-design.vue3.js";
|
|
3
|
+
import o from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const r = o(e, [["__cssModules", { $style: s }]]);
|
|
136
5
|
export {
|
|
137
|
-
|
|
6
|
+
r as default
|
|
138
7
|
};
|
|
@@ -1,4 +1,138 @@
|
|
|
1
|
-
import e from "
|
|
1
|
+
import { defineComponent as e, ref as l, watch as o, resolveComponent as a, createElementBlock as s, 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 f, unref as d } from "vue";
|
|
2
|
+
import m from "./view/view-design.vue.js";
|
|
3
|
+
import { initComponentRefState as g } from "../../utils/page-helper-util.js";
|
|
4
|
+
import { getTableNameByTableUuid as w, queryTableFields as k, changeFeieldToMap as y } from "../../utils/page-table-util.js";
|
|
5
|
+
import { addPermission as b, delPermission as h } from "../../utils/page-permission-util.js";
|
|
6
|
+
import { usePageContextStore as C } from "../../../../stores/page-store.js";
|
|
7
|
+
import S from "service-flow-designer";
|
|
8
|
+
import { getHighestVersionDefinition as V } from "../../utils/page-design-util.js";
|
|
9
|
+
import { getPageConf as j } from "../../utils/assemblys-config.js";
|
|
10
|
+
import { fetchPageDesignData as _ } from "../../utils/page-service-util.js";
|
|
11
|
+
import { ElMessage as D, ElLoading as M } from "element-plus";
|
|
12
|
+
import W from "./view/page-switch.vue.js";
|
|
13
|
+
import { undoRedo as I } from "../../../../stores/undo-redo-store.js";
|
|
14
|
+
import x from "./page-event/page-event-view.vue.js";
|
|
15
|
+
import B from "../../utils/eventBus.js";
|
|
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 = I(), 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
|
+
let Y = l(null);
|
|
20
|
+
const Z = l(null);
|
|
21
|
+
function ee() {
|
|
22
|
+
q.value = "front", O.value && O.value.resize && O.value.resize();
|
|
23
|
+
}
|
|
24
|
+
function le(e3) {
|
|
25
|
+
const l2 = j();
|
|
26
|
+
return e3 ? Object.assign(l2, e3) : l2.systemCode || (l2.systemCode = "iqc", l2.systemVersion = 1), l2;
|
|
27
|
+
}
|
|
28
|
+
function oe(e3) {
|
|
29
|
+
let l2;
|
|
30
|
+
g(e3);
|
|
31
|
+
const a2 = e3 == null ? void 0 : e3.tableUuids;
|
|
32
|
+
a2 && a2.length > 0 && (l2 = a2[0]);
|
|
33
|
+
const s2 = w(e3, l2);
|
|
34
|
+
if (s2) {
|
|
35
|
+
const l3 = e3.tableSysCode ? e3.tableSysCode : e3.systemCode, o2 = e3.tableSysVersion ? e3.tableSysVersion : e3.systemVersion;
|
|
36
|
+
k(l3, o2, s2).then((l4) => {
|
|
37
|
+
e3.modelFields = l4, e3.modelFieldsMap = y(e3.modelFieldsMap, l4), z.setPageContext(e3);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
Y.value = e3.systemVersion, z.setPageContext(e3), o(() => e3, (e4) => {
|
|
41
|
+
se();
|
|
42
|
+
}, { deep: true }), o(e3.events, (l3) => {
|
|
43
|
+
if (e3.runtime || (e3.runtime = {}), e3.events) {
|
|
44
|
+
const l4 = e3.events.filter((e4) => !e4.isStandard && e4.jsContent || e4.isStandard && e4.eventName);
|
|
45
|
+
e3.runtime.events = l4;
|
|
46
|
+
}
|
|
47
|
+
}, { immediate: true }), o(() => e3.label, () => {
|
|
48
|
+
ue(e3);
|
|
49
|
+
}, { immediate: true }), o(() => e3.pageType, () => {
|
|
50
|
+
ue(e3);
|
|
51
|
+
}, { immediate: true }), e3.props && o(() => e3.props.activeWorkflow, () => {
|
|
52
|
+
ue(e3);
|
|
53
|
+
}, { immediate: true }), B.$emit("changePageDesign"), function() {
|
|
54
|
+
ae("_isMobile", { level: 0, code: J(), name: "_isMobile", alias: "是否是移动端", type: "string", defaultValue: "", items: [], $editing: false });
|
|
55
|
+
ae("_isMobileApp", { level: 0, code: J(), name: "_isMobileApp", alias: "是否是移动端APP", type: "string", defaultValue: "", items: [], $editing: false });
|
|
56
|
+
ae("_isMobileBrowser", { level: 0, code: J(), name: "_isMobileBrowser", alias: "是否是移动端浏览器", type: "string", defaultValue: "", items: [], $editing: false });
|
|
57
|
+
}();
|
|
58
|
+
}
|
|
59
|
+
function ae(e3, l2) {
|
|
60
|
+
var _a;
|
|
61
|
+
const o2 = (_a = F.value.variables) == null ? void 0 : _a.filter((l3) => l3.name && l3.name === e3);
|
|
62
|
+
o2 && 0 !== o2.length || (F.value.variables || (F.value.variables = []), F.value.variables.push(l2));
|
|
63
|
+
}
|
|
64
|
+
B.$on("editComponentEvent", () => {
|
|
65
|
+
ee();
|
|
66
|
+
}), E.pageId ? _(E.pageId).then((e3) => {
|
|
67
|
+
if (e3 && e3.designJson) {
|
|
68
|
+
const l2 = e3.designJson, o2 = le(JSON.parse(l2));
|
|
69
|
+
o2.id = E.pageId, F.value = o2, oe(F.value);
|
|
70
|
+
} else F.value = le(null), oe(F.value);
|
|
71
|
+
}) : (F.value = le(null), oe(F.value));
|
|
72
|
+
let se = /* @__PURE__ */ function(e3, l2) {
|
|
73
|
+
let o2 = null;
|
|
74
|
+
return function() {
|
|
75
|
+
let a2 = arguments;
|
|
76
|
+
o2 && clearTimeout(o2);
|
|
77
|
+
let s2 = !o2;
|
|
78
|
+
o2 = setTimeout(() => {
|
|
79
|
+
o2 = null;
|
|
80
|
+
}, l2), s2 && e3.apply(this, a2);
|
|
81
|
+
};
|
|
82
|
+
}(() => {
|
|
83
|
+
A2.addSnapshot(F.value);
|
|
84
|
+
}, 400);
|
|
85
|
+
function te() {
|
|
86
|
+
X.value++, A2.undo(F.value);
|
|
87
|
+
}
|
|
88
|
+
function ie() {
|
|
89
|
+
X.value++, A2.record(F.value);
|
|
90
|
+
}
|
|
91
|
+
function ne(e3) {
|
|
92
|
+
const l2 = e3.definitionVersion;
|
|
93
|
+
l2 && (F.value.props.workflowSource = "link", F.value.props.linkWorkflowVersion = l2, F.value.workflowVersion = l2, re(e3));
|
|
94
|
+
}
|
|
95
|
+
function ue(e3) {
|
|
96
|
+
b(e3, "page", e3.label, "-1");
|
|
97
|
+
const l2 = ["gets", "workflowGets", "listData", "listSubData"], o2 = [];
|
|
98
|
+
if (e3.pageType && "form" != e3.pageType) "list" == e3.pageType && (b(e3, "listData", "", "-1"), b(e3, "listSubData", "", "-1"), o2.push("listData"), o2.push("listSubData"));
|
|
99
|
+
else {
|
|
100
|
+
b(e3, "gets", "", "-1"), o2.push("gets");
|
|
101
|
+
(e3.props ? e3.props : {}).activeWorkflow && (b(e3, "workflowGets", "", "-1"), o2.push("workflowGets"));
|
|
102
|
+
}
|
|
103
|
+
for (let a2 of l2) o2.includes(a2) || h(e3, a2, "-1");
|
|
104
|
+
}
|
|
105
|
+
function re(e3) {
|
|
106
|
+
U.value = e3.code, H.value = e3.definitionVersion, L.value = e3.id;
|
|
107
|
+
}
|
|
108
|
+
function ve() {
|
|
109
|
+
if (!Q.value) return;
|
|
110
|
+
let e3, l2;
|
|
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
|
+
V(e4, l3, Y.value).then((e5) => {
|
|
113
|
+
re(e5), q.value = "workflow", K.value = true;
|
|
114
|
+
}).finally(() => {
|
|
115
|
+
Q.value = true;
|
|
116
|
+
});
|
|
117
|
+
}(l2, e3)) : q.value = "workflow" : D({ type: "warning", showClose: true, message: "请在页面设计/属性/工作流中先绑定流程" });
|
|
118
|
+
}
|
|
119
|
+
function pe(e3) {
|
|
120
|
+
const l2 = M.service({ lock: true, text: "切换中,请稍后..." });
|
|
121
|
+
_(e3).then((o2) => {
|
|
122
|
+
if (X.value++, l2.close(), o2 && o2.designJson) {
|
|
123
|
+
const l3 = o2.designJson, a2 = le(JSON.parse(l3));
|
|
124
|
+
a2.id = e3, F.value = a2, F.value.items || (F.value.items = []), F.value.props || (F.value.props = {}), oe(F.value);
|
|
125
|
+
} else F.value = le(null), oe(F.value);
|
|
126
|
+
});
|
|
127
|
+
}
|
|
128
|
+
function ce(e3) {
|
|
129
|
+
e3 && e3.system && (Z.value = e3.system), Z.value && z.setEnableI18n(Z.value.enableI18n);
|
|
130
|
+
}
|
|
131
|
+
return (e3, l2) => {
|
|
132
|
+
const o2 = a("el-col"), g2 = a("el-row"), w2 = a("workflow-editor");
|
|
133
|
+
return t(), s("div", P, [i("div", T, [u(g2, null, { default: r(() => [u(o2, { span: 23, style: {} }, { default: r(() => [F.value && F.value.code ? (t(), v(W, { key: 0, pageDesign: F.value, onChangePage: pe, onInitLoaded: ce }, null, 8, ["pageDesign"])) : n("", true)]), _: 1 })]), _: 1 })]), i("div", $, [i("div", N, [i("label", { class: p({ selected: "page" === q.value }), onClick: l2[0] || (l2[0] = (e4) => q.value = "page") }, "页面设计", 2), i("label", { class: p({ selected: "front" === q.value }), onClick: l2[1] || (l2[1] = (e4) => ee()) }, "页面逻辑", 2), i("label", { class: p({ selected: "workflow" === q.value }), onClick: l2[2] || (l2[2] = (e4) => ve()) }, "工作流设计", 2), i("label", { class: p({ selected: "service" === q.value }), onClick: l2[3] || (l2[3] = (e4) => q.value = "service") }, "服务编排", 2)])]), F.value ? (t(), s("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"])), [[f, "page" === q.value]]), K.value ? c((t(), v(w2, { 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: e3.goBack, onChangeDefVersion: ne }, null, 8, ["id", "code", "version", "system-code", "system-publish-version", "page-code", "onBack"])), [[f, "workflow" === q.value]]) : n("", true), "service" === q.value ? (t(), v(d(S), { key: 1, pageContext: F.value }, null, 8, ["pageContext"])) : n("", true), c(u(x, { ref_key: "pageEventContainerRef", ref: O, configure: F.value }, null, 8, ["configure"]), [[f, "front" === q.value]])])) : n("", true)]);
|
|
134
|
+
};
|
|
135
|
+
} });
|
|
2
136
|
export {
|
|
3
|
-
|
|
137
|
+
A as default
|
|
4
138
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
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 c, withCtx as m, vShow as d, unref as v, createTextVNode as f, toDisplayString as p, 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 _, deepCopy as V } from "../../../utils/common-util.js";
|
|
6
6
|
import { usePageContextStore as k } from "../../../../../stores/page-store.js";
|
|
@@ -16,7 +16,7 @@ import "@codemirror/autocomplete";
|
|
|
16
16
|
import "@codemirror/language";
|
|
17
17
|
import "@codemirror/search";
|
|
18
18
|
import "js-beautify";
|
|
19
|
-
/* empty css
|
|
19
|
+
/* empty css */
|
|
20
20
|
import "../../../utils/assemblys-config.js";
|
|
21
21
|
import "../../../../../stores/page-store.js";
|
|
22
22
|
import "../../../../../stores/event-undo-redo-store.js";
|
package/dist/es/style.css
CHANGED
|
@@ -671,7 +671,17 @@ fieldset.amb-design-item-selected {
|
|
|
671
671
|
[data-v-511b453b]::-webkit-scrollbar-thumb:hover {
|
|
672
672
|
background-color: grey;
|
|
673
673
|
}
|
|
674
|
-
|
|
674
|
+
._amb-page-container_19cmx_1 {
|
|
675
|
+
position: relative;
|
|
676
|
+
height: 100vh;
|
|
677
|
+
width: 100vw;
|
|
678
|
+
}
|
|
679
|
+
._amb-page-container_19cmx_1 ._amb-page-container-header_19cmx_6 {
|
|
680
|
+
height: 60px;
|
|
681
|
+
}
|
|
682
|
+
._amb-page-container_19cmx_1 ._amb-page-container-header_19cmx_6 ~ ._amb-page-container-main_19cmx_9 {
|
|
683
|
+
height: calc(100% - 60px);
|
|
684
|
+
}
|
|
675
685
|
.amb-design-attr-header[data-v-226997f7] {
|
|
676
686
|
position: sticky;
|
|
677
687
|
position: -webkit-sticky;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "super-page-designer",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.50",
|
|
4
4
|
"description": "AgileBuilder super page designer",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"main": "dist/es/index.js",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
30
30
|
"@vueuse/core": "^10.9.0",
|
|
31
31
|
"agilebuilder-private-libs": "1.0.26",
|
|
32
|
-
"agilebuilder-ui": "1.1.
|
|
32
|
+
"agilebuilder-ui": "1.1.17",
|
|
33
33
|
"echarts": "^5.5.0",
|
|
34
34
|
"element-plus": "^2.6.1",
|
|
35
35
|
"font-awesome": "^4.7.0",
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"pinia": "^2.1.7",
|
|
41
41
|
"qrcode": "^1.5.3",
|
|
42
42
|
"quill": "^2.0.1",
|
|
43
|
-
"service-flow-designer": "2.2.
|
|
44
|
-
"super-page-runtime": "2.2.
|
|
43
|
+
"service-flow-designer": "2.2.49",
|
|
44
|
+
"super-page-runtime": "2.2.48",
|
|
45
45
|
"uuid": "^9.0.1",
|
|
46
46
|
"vite": "^5.1.6",
|
|
47
47
|
"vite-plugin-node-stdlib-browser": "^0.2.1",
|