super-page-designer 2.2.77-sit15 → 2.2.77-sit19
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/common/common-variable-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/table/table-attr.vue2.js +11 -11
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +148 -5
- package/dist/es/components/design/views/design/view/view-design-display.vue2.js +2 -148
- package/dist/es/style.css +1157 -152
- package/package.json +3 -3
- /package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue2.js → common-variable-bind.vue3.js} +0 -0
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { defineComponent as e, ref as
|
|
1
|
+
import { defineComponent as e, ref as t, createElementBlock as a, openBlock as n, createVNode as o, createElementVNode as l, unref as u, isRef as r, withDirectives as i, createBlock as s, vShow as g } from "vue";
|
|
2
2
|
import p from "./table-attr-base.vue.js";
|
|
3
3
|
import c from "./table-attr-advanced.vue.js";
|
|
4
4
|
import f from "./table-attr-style.vue.js";
|
|
5
5
|
import m from "../component/attr-header.vue.js";
|
|
6
6
|
import b from "./table-attr-event.vue.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
7
|
+
import v from "../../form/common/attr-header.vue.js";
|
|
8
|
+
import d from "./tablecolumn-attr-base.vue.js";
|
|
9
9
|
import D from "./tablecolumn-attr-style.vue.js";
|
|
10
10
|
import j from "./tablecolumn-attr-event.vue.js";
|
|
11
11
|
import y from "../../../../utils/eventBus.js";
|
|
12
|
-
const C = { key: 0, class: "amb-design-attr-content" }, V = { class: "amb-design-attr-list" },
|
|
12
|
+
const C = { key: 0, class: "amb-design-attr-content" }, V = { class: "amb-design-attr-list" }, h = { key: 1, class: "amb-design-attr-content" }, k = { class: "amb-design-attr-list" }, x = e({ __name: "table-attr", props: { pageDesign: { type: Object, default: () => {
|
|
13
13
|
} }, configure: { type: Object, default: () => ({ title: "Text", props: { type: "input-text" } }) } }, setup(e2) {
|
|
14
|
-
var _a, _b, _c, _d, _e, _f
|
|
15
|
-
const
|
|
16
|
-
((_c = (_b = (_a =
|
|
17
|
-
let
|
|
18
|
-
const O =
|
|
14
|
+
var _a, _b, _c, _d, _e, _f;
|
|
15
|
+
const x2 = e2;
|
|
16
|
+
void 0 === ((_c = (_b = (_a = x2.configure) == null ? void 0 : _a.props) == null ? void 0 : _b.base) == null ? void 0 : _c.columnEditable) && (x2.configure.props.base.columnEditable = false), void 0 === ((_f = (_e = (_d = x2.configure) == null ? void 0 : _d.props) == null ? void 0 : _e.base) == null ? void 0 : _f.isMobileCard) && (x2.configure.props.base.isMobileCard = true);
|
|
17
|
+
let E = t("base");
|
|
18
|
+
const O = t({}), M = t({});
|
|
19
19
|
return y.$on("selectColumn", (e3) => {
|
|
20
20
|
O.value = e3.columnData, M.value = e3.tableConfigure;
|
|
21
|
-
}), (
|
|
21
|
+
}), (t2, y2) => Object.keys(O.value).length > 0 ? (n(), a("div", C, [o(v, { modelValue: u(E), "onUpdate:modelValue": y2[0] || (y2[0] = (e3) => r(E) ? E.value = e3 : E = e3), showEvent: "" }, null, 8, ["modelValue"]), l("div", V, [i((n(), s(d, { key: O.value.uuid, pageDesign: e2.pageDesign, configure: O.value, tableConfigure: M.value }, null, 8, ["pageDesign", "configure", "tableConfigure"])), [[g, "base" === u(E)]]), i(o(D, { configure: O.value, pageDesign: e2.pageDesign, tableConfigure: e2.configure }, null, 8, ["configure", "pageDesign", "tableConfigure"]), [[g, "style" === u(E)]]), i(o(j, { configure: O.value }, null, 8, ["configure"]), [[g, "event" === u(E)]])])])) : (n(), a("div", h, [o(m, { modelValue: u(E), "onUpdate:modelValue": y2[1] || (y2[1] = (e3) => r(E) ? E.value = e3 : E = e3) }, null, 8, ["modelValue"]), l("div", k, [i(o(p, { pageDesign: e2.pageDesign, configure: e2.configure }, null, 8, ["pageDesign", "configure"]), [[g, "base" === u(E)]]), i(o(c, { pageDesign: e2.pageDesign, configure: e2.configure, tableConfigure: M.value }, null, 8, ["pageDesign", "configure", "tableConfigure"]), [[g, "advanced" === u(E)]]), i(o(f, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[g, "style" === u(E)]]), i(o(b, { configure: e2.configure }, null, 8, ["configure"]), [[g, "event" === u(E)]])])]));
|
|
22
22
|
} });
|
|
23
23
|
export {
|
|
24
|
-
|
|
24
|
+
x as default
|
|
25
25
|
};
|
|
@@ -1,7 +1,150 @@
|
|
|
1
|
-
import e from "
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as a, openBlock as u, Fragment as c, createElementVNode as m, createBlock as g, createCommentVNode as p, createVNode as f, withDirectives as d, normalizeClass as v, withCtx as b, unref as y, vShow as h, normalizeStyle as j, renderList as C } from "vue";
|
|
2
|
+
import { Monitor as S, Cellphone as k, Iphone as _, Plus as O, Check as A, View as T } from "@element-plus/icons";
|
|
3
|
+
import { useDraggable as D } from "vue-draggable-plus";
|
|
4
|
+
import x from "../../assemblys/object-design.vue.js";
|
|
5
|
+
import { deepCopy as W, getUuidv4 as N, findDesignItemByUuid as E } from "../../../utils/common-util.js";
|
|
6
|
+
import { addComponentRef as U } from "../../../utils/page-helper-util.js";
|
|
7
|
+
import { caculatePageStyle as w } from "../../../utils/container-design-util.js";
|
|
8
|
+
import J from "./view-design-preview.vue.js";
|
|
9
|
+
import { ElMessage as P } from "element-plus";
|
|
10
|
+
import "@vueuse/core";
|
|
11
|
+
import "@element-plus/icons-vue";
|
|
12
|
+
import "codemirror";
|
|
13
|
+
import "@codemirror/lang-javascript";
|
|
14
|
+
import "@codemirror/state";
|
|
15
|
+
import "@codemirror/autocomplete";
|
|
16
|
+
import "@codemirror/language";
|
|
17
|
+
import "@codemirror/search";
|
|
18
|
+
import "js-beautify";
|
|
19
|
+
/* empty css */
|
|
20
|
+
import "../../../utils/assemblys-config.js";
|
|
21
|
+
import "../../../../../stores/page-store.js";
|
|
22
|
+
import "../../../../../stores/event-undo-redo-store.js";
|
|
23
|
+
import "../../../utils/eventBus.js";
|
|
24
|
+
import z from "./components/quick-add-dialog.vue.js";
|
|
25
|
+
import M from "./components/i18n-setting.vue.js";
|
|
26
|
+
import { setTableRuntimesFromConfigure as R } from "../../../utils/page-table-util.js";
|
|
27
|
+
import K from "agilebuilder-ui/src/utils/request";
|
|
28
|
+
import { copyHandleEvents as q, deleteDesignItem as V } from "../../../utils/page-design-util.js";
|
|
29
|
+
import { setHomeChartRuntimesFromConfigure as B } from "../../../utils/home-chart-util.js";
|
|
30
|
+
import { getFormPropTitleMap as F } from "../../../utils/form-design-util.js";
|
|
31
|
+
import "super-page-runtime";
|
|
32
|
+
const L = { class: "amb-design-content-center-header" }, I = { class: "amb-design-tool" }, $ = { class: "amb-design-tool-item" }, G = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, H = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: H2, emit: Q }) {
|
|
33
|
+
const X = e2, Y = i(null), Z = i(null), ee = Q;
|
|
34
|
+
null == X.configure.props && (X.configure.props = {}), null == X.configure.style && (X.configure.style = {}), null != X.configure.items && null != X.configure.items || (X.configure.items = []);
|
|
35
|
+
const ie = X.configure.items, ne = i(null), te = n({ index: 0 }), le = i({}), oe = i(""), se = i(null);
|
|
36
|
+
ae();
|
|
37
|
+
const re = t(function() {
|
|
38
|
+
let e3 = null;
|
|
39
|
+
"ipad" == X.configure.dimensions ? e3 = 768 : "phone" == X.configure.dimensions && (e3 = 414);
|
|
40
|
+
const i2 = { width: e3 ? e3 + "px" : "" };
|
|
41
|
+
for (let e4 in le.value) i2[e4] = le.value[e4];
|
|
42
|
+
return se.value && (i2["min-height"] = se.value + "px"), i2;
|
|
43
|
+
});
|
|
44
|
+
function ae() {
|
|
45
|
+
w(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
|
|
46
|
+
}
|
|
47
|
+
l(X.configure.props, () => {
|
|
48
|
+
ae();
|
|
49
|
+
}), l(X.configure.style, () => {
|
|
50
|
+
ae();
|
|
51
|
+
});
|
|
52
|
+
const ue = i(null);
|
|
53
|
+
function ce(e3) {
|
|
54
|
+
ee("onSelectWidget", -1);
|
|
55
|
+
}
|
|
56
|
+
function me(e3, i2) {
|
|
57
|
+
ee("onSelectWidget", e3, i2);
|
|
58
|
+
}
|
|
59
|
+
function ge(e3, i2) {
|
|
60
|
+
ee("onCustomAttrWidget", e3, i2);
|
|
61
|
+
}
|
|
62
|
+
function pe(e3) {
|
|
63
|
+
const i2 = ie.indexOf(e3), t2 = n(W(e3));
|
|
64
|
+
t2.uuid = N(), q(t2), ie.splice(i2, 0, t2);
|
|
65
|
+
}
|
|
66
|
+
function fe(e3) {
|
|
67
|
+
V(ie, e3, e3.items && e3.items.length > 0, true);
|
|
68
|
+
}
|
|
69
|
+
o(() => {
|
|
70
|
+
ue.value && U(X.configure, -1, ue);
|
|
71
|
+
});
|
|
72
|
+
const de = i(null);
|
|
73
|
+
function ve() {
|
|
74
|
+
X.configure.i18nKeys && X.configure.i18nKeys.length > 0 && (X.configure.i18nKeys = Array.from(new Set(X.configure.i18nKeys)));
|
|
75
|
+
const e3 = JSON.parse(JSON.stringify(X.configure));
|
|
76
|
+
e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
|
|
77
|
+
"form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
|
|
78
|
+
if (e4.tableUuids) {
|
|
79
|
+
const i2 = {};
|
|
80
|
+
e4.tableUuids = e4.tableUuids.filter((n2) => {
|
|
81
|
+
const t2 = E(e4, n2);
|
|
82
|
+
if (t2) {
|
|
83
|
+
if (R(t2, e4), e4.tableRuntimes && e4.tableRuntimes[n2]) {
|
|
84
|
+
const l2 = e4.tableRuntimes[n2];
|
|
85
|
+
l2.code && (t2.code ? i2[l2.code] = t2.code : i2[l2.code] = l2.code);
|
|
86
|
+
}
|
|
87
|
+
return true;
|
|
88
|
+
}
|
|
89
|
+
return false;
|
|
90
|
+
}), e4.listCodesMap = i2;
|
|
91
|
+
}
|
|
92
|
+
e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
|
|
93
|
+
let n2 = E(e4, i2);
|
|
94
|
+
return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), B(n2, e4), true);
|
|
95
|
+
}));
|
|
96
|
+
}(e3), K.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
|
|
97
|
+
P({ message: "保存成功", type: "success" });
|
|
98
|
+
}).catch((e4) => {
|
|
99
|
+
P({ message: "保存失败", type: "error" });
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
D(de, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
|
|
103
|
+
} });
|
|
104
|
+
const be = i(false);
|
|
105
|
+
const ye = i(null), he = i({}), je = i({}), Ce = i(false);
|
|
106
|
+
let Se;
|
|
107
|
+
function ke() {
|
|
108
|
+
Se && clearTimeout(Se), Ce.value = false, Se = setTimeout(() => {
|
|
109
|
+
Ce.value = true;
|
|
110
|
+
}, 1);
|
|
111
|
+
}
|
|
112
|
+
function _e(e3) {
|
|
113
|
+
if (X.configure.customEvents) {
|
|
114
|
+
let i2 = X.configure.customEvents.filter((i3) => i3.eventName === e3);
|
|
115
|
+
if (i2 && i2.length > 0) return i2[0];
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
return s(() => {
|
|
119
|
+
Se && clearTimeout(Se);
|
|
120
|
+
}), H2({ onSelectEvent: function(e3) {
|
|
121
|
+
Ce.value = !(!e3 || "selected" !== e3);
|
|
122
|
+
}, addEvent: function(e3, i2) {
|
|
123
|
+
he.value = e3;
|
|
124
|
+
const n2 = _e(e3.eventName);
|
|
125
|
+
n2 && (je.value = n2), ye.value = i2 || "event", ke();
|
|
126
|
+
}, changeEvent: function(e3) {
|
|
127
|
+
if (e3) {
|
|
128
|
+
ye.value = null, he.value = e3;
|
|
129
|
+
const i2 = _e(e3.eventName);
|
|
130
|
+
je.value = i2 || null, ke();
|
|
131
|
+
} else Ce.value = false;
|
|
132
|
+
} }), (e3, i2) => {
|
|
133
|
+
const n2 = r("el-icon"), t2 = r("el-divider"), l2 = r("Setting"), o2 = r("el-scrollbar");
|
|
134
|
+
return u(), a(c, null, [m("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ue }, [m("div", L, [m("div", I, [m("div", $, [d(m("label", { class: v(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: b(() => [f(y(S))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: b(() => [f(y(k))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(f(t2, { direction: "vertical" }, null, 512), [[h, "assembly" === e3.selAsselbyType]])]), m("div", G, [m("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
|
|
135
|
+
var _a;
|
|
136
|
+
(_a = Z.value) == null ? void 0 : _a.show();
|
|
137
|
+
}) }, [f(n2, { size: 18 }, { default: b(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = m("label", null, "国际化配置", -1))]), m("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
|
|
138
|
+
Y.value && Y.value.openDialog();
|
|
139
|
+
}) }, [f(n2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), i2[10] || (i2[10] = m("label", null, "快捷添加", -1))]), f(t2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ve()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), i2[11] || (i2[11] = m("label", null, "保存", -1))]), f(t2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
|
|
140
|
+
const e5 = JSON.parse(JSON.stringify(X.configure));
|
|
141
|
+
e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
|
|
142
|
+
const n3 = E(e5, i3);
|
|
143
|
+
n3 && R(n3, e5);
|
|
144
|
+
}), ne.value = e5, be.value = true;
|
|
145
|
+
}()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(T))]), _: 1 }), i2[12] || (i2[12] = m("label", null, "预览", -1))])])])]), f(o2, { height: "100%" }, { default: b(() => [d(m("div", { class: v(["amb-design-board amb-design-board-main", oe.value]), ref_key: "pageDesignBoardMain", ref: de, style: j(re.value), onClick: ce }, [(u(true), a(c, null, C(y(ie), (i3, n3) => (u(), g(x, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: ge, onOnCopy: pe, onOnDelete: fe }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e3.selAsselbyType]])]), _: 1 })], 512), be.value ? (u(), g(J, { key: 0, pageDesign: ne.value, modelValue: be.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => be.value = e4), onClose: i2[8] || (i2[8] = (e4) => be.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
|
|
146
|
+
};
|
|
147
|
+
} });
|
|
5
148
|
export {
|
|
6
|
-
|
|
149
|
+
H as default
|
|
7
150
|
};
|
|
@@ -1,150 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Monitor as S, Cellphone as k, Iphone as _, Plus as O, Check as A, View as T } from "@element-plus/icons";
|
|
3
|
-
import { useDraggable as D } from "vue-draggable-plus";
|
|
4
|
-
import x from "../../assemblys/object-design.vue.js";
|
|
5
|
-
import { deepCopy as W, getUuidv4 as N, findDesignItemByUuid as E } from "../../../utils/common-util.js";
|
|
6
|
-
import { addComponentRef as U } from "../../../utils/page-helper-util.js";
|
|
7
|
-
import { caculatePageStyle as w } from "../../../utils/container-design-util.js";
|
|
8
|
-
import J from "./view-design-preview.vue.js";
|
|
9
|
-
import { ElMessage as P } from "element-plus";
|
|
10
|
-
import "@vueuse/core";
|
|
11
|
-
import "@element-plus/icons-vue";
|
|
12
|
-
import "codemirror";
|
|
13
|
-
import "@codemirror/lang-javascript";
|
|
14
|
-
import "@codemirror/state";
|
|
15
|
-
import "@codemirror/autocomplete";
|
|
16
|
-
import "@codemirror/language";
|
|
17
|
-
import "@codemirror/search";
|
|
18
|
-
import "js-beautify";
|
|
19
|
-
/* empty css */
|
|
20
|
-
import "../../../utils/assemblys-config.js";
|
|
21
|
-
import "../../../../../stores/page-store.js";
|
|
22
|
-
import "../../../../../stores/event-undo-redo-store.js";
|
|
23
|
-
import "../../../utils/eventBus.js";
|
|
24
|
-
import z from "./components/quick-add-dialog.vue.js";
|
|
25
|
-
import M from "./components/i18n-setting.vue.js";
|
|
26
|
-
import { setTableRuntimesFromConfigure as R } from "../../../utils/page-table-util.js";
|
|
27
|
-
import K from "agilebuilder-ui/src/utils/request";
|
|
28
|
-
import { copyHandleEvents as q, deleteDesignItem as V } from "../../../utils/page-design-util.js";
|
|
29
|
-
import { setHomeChartRuntimesFromConfigure as B } from "../../../utils/home-chart-util.js";
|
|
30
|
-
import { getFormPropTitleMap as F } from "../../../utils/form-design-util.js";
|
|
31
|
-
import "super-page-runtime";
|
|
32
|
-
const L = { class: "amb-design-content-center-header" }, I = { class: "amb-design-tool" }, $ = { class: "amb-design-tool-item" }, G = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, H = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: H2, emit: Q }) {
|
|
33
|
-
const X = e2, Y = i(null), Z = i(null), ee = Q;
|
|
34
|
-
null == X.configure.props && (X.configure.props = {}), null == X.configure.style && (X.configure.style = {}), null != X.configure.items && null != X.configure.items || (X.configure.items = []);
|
|
35
|
-
const ie = X.configure.items, te = i(null), ne = t({ index: 0 }), le = i({}), oe = i(""), se = i(null);
|
|
36
|
-
ae();
|
|
37
|
-
const re = n(function() {
|
|
38
|
-
let e3 = null;
|
|
39
|
-
"ipad" == X.configure.dimensions ? e3 = 768 : "phone" == X.configure.dimensions && (e3 = 414);
|
|
40
|
-
const i2 = { width: e3 ? e3 + "px" : "" };
|
|
41
|
-
for (let e4 in le.value) i2[e4] = le.value[e4];
|
|
42
|
-
return se.value && (i2["min-height"] = se.value + "px"), i2;
|
|
43
|
-
});
|
|
44
|
-
function ae() {
|
|
45
|
-
w(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
|
|
46
|
-
}
|
|
47
|
-
l(X.configure.props, () => {
|
|
48
|
-
ae();
|
|
49
|
-
}), l(X.configure.style, () => {
|
|
50
|
-
ae();
|
|
51
|
-
});
|
|
52
|
-
const ue = i(null);
|
|
53
|
-
function ce(e3) {
|
|
54
|
-
ee("onSelectWidget", -1);
|
|
55
|
-
}
|
|
56
|
-
function me(e3, i2) {
|
|
57
|
-
ee("onSelectWidget", e3, i2);
|
|
58
|
-
}
|
|
59
|
-
function ge(e3, i2) {
|
|
60
|
-
ee("onCustomAttrWidget", e3, i2);
|
|
61
|
-
}
|
|
62
|
-
function pe(e3) {
|
|
63
|
-
const i2 = ie.indexOf(e3), n2 = t(W(e3));
|
|
64
|
-
n2.uuid = N(), q(n2), ie.splice(i2, 0, n2);
|
|
65
|
-
}
|
|
66
|
-
function fe(e3) {
|
|
67
|
-
V(ie, e3, e3.items && e3.items.length > 0, true);
|
|
68
|
-
}
|
|
69
|
-
o(() => {
|
|
70
|
-
ue.value && U(X.configure, -1, ue);
|
|
71
|
-
});
|
|
72
|
-
const de = i(null);
|
|
73
|
-
function ve() {
|
|
74
|
-
X.configure.i18nKeys && X.configure.i18nKeys.length > 0 && (X.configure.i18nKeys = Array.from(new Set(X.configure.i18nKeys)));
|
|
75
|
-
const e3 = JSON.parse(JSON.stringify(X.configure));
|
|
76
|
-
e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
|
|
77
|
-
"form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
|
|
78
|
-
if (e4.tableUuids) {
|
|
79
|
-
const i2 = {};
|
|
80
|
-
e4.tableUuids = e4.tableUuids.filter((t2) => {
|
|
81
|
-
const n2 = E(e4, t2);
|
|
82
|
-
if (n2) {
|
|
83
|
-
if (R(n2, e4), e4.tableRuntimes && e4.tableRuntimes[t2]) {
|
|
84
|
-
const l2 = e4.tableRuntimes[t2];
|
|
85
|
-
l2.code && (n2.code ? i2[l2.code] = n2.code : i2[l2.code] = l2.code);
|
|
86
|
-
}
|
|
87
|
-
return true;
|
|
88
|
-
}
|
|
89
|
-
return false;
|
|
90
|
-
}), e4.listCodesMap = i2;
|
|
91
|
-
}
|
|
92
|
-
e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
|
|
93
|
-
let t2 = E(e4, i2);
|
|
94
|
-
return !!t2 && (t2 = JSON.parse(JSON.stringify(t2)), B(t2, e4), true);
|
|
95
|
-
}));
|
|
96
|
-
}(e3), K.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
|
|
97
|
-
P({ message: "保存成功", type: "success" });
|
|
98
|
-
}).catch((e4) => {
|
|
99
|
-
P({ message: "保存失败", type: "error" });
|
|
100
|
-
});
|
|
101
|
-
}
|
|
102
|
-
D(de, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
|
|
103
|
-
} });
|
|
104
|
-
const be = i(false);
|
|
105
|
-
const ye = i(null), he = i({}), je = i({}), Ce = i(false);
|
|
106
|
-
let Se;
|
|
107
|
-
function ke() {
|
|
108
|
-
Se && clearTimeout(Se), Ce.value = false, Se = setTimeout(() => {
|
|
109
|
-
Ce.value = true;
|
|
110
|
-
}, 1);
|
|
111
|
-
}
|
|
112
|
-
function _e(e3) {
|
|
113
|
-
if (X.configure.customEvents) {
|
|
114
|
-
let i2 = X.configure.customEvents.filter((i3) => i3.eventName === e3);
|
|
115
|
-
if (i2 && i2.length > 0) return i2[0];
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
return s(() => {
|
|
119
|
-
Se && clearTimeout(Se);
|
|
120
|
-
}), H2({ onSelectEvent: function(e3) {
|
|
121
|
-
Ce.value = !(!e3 || "selected" !== e3);
|
|
122
|
-
}, addEvent: function(e3, i2) {
|
|
123
|
-
he.value = e3;
|
|
124
|
-
const t2 = _e(e3.eventName);
|
|
125
|
-
t2 && (je.value = t2), ye.value = i2 || "event", ke();
|
|
126
|
-
}, changeEvent: function(e3) {
|
|
127
|
-
if (e3) {
|
|
128
|
-
ye.value = null, he.value = e3;
|
|
129
|
-
const i2 = _e(e3.eventName);
|
|
130
|
-
je.value = i2 || null, ke();
|
|
131
|
-
} else Ce.value = false;
|
|
132
|
-
} }), (e3, i2) => {
|
|
133
|
-
const t2 = r("el-icon"), n2 = r("el-divider"), l2 = r("Setting"), o2 = r("el-scrollbar");
|
|
134
|
-
return u(), a(c, null, [m("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ue }, [m("div", L, [m("div", I, [m("div", $, [d(m("label", { class: v(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(t2, { size: 23 }, { default: b(() => [f(y(S))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(t2, { size: 23 }, { default: b(() => [f(y(k))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(t2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(f(n2, { direction: "vertical" }, null, 512), [[h, "assembly" === e3.selAsselbyType]])]), m("div", G, [m("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
|
|
135
|
-
var _a;
|
|
136
|
-
(_a = Z.value) == null ? void 0 : _a.show();
|
|
137
|
-
}) }, [f(t2, { size: 18 }, { default: b(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = m("label", null, "国际化配置", -1))]), m("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
|
|
138
|
-
Y.value && Y.value.openDialog();
|
|
139
|
-
}) }, [f(t2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), i2[10] || (i2[10] = m("label", null, "快捷添加", -1))]), f(n2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ve()) }, [f(t2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), i2[11] || (i2[11] = m("label", null, "保存", -1))]), f(n2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
|
|
140
|
-
const e5 = JSON.parse(JSON.stringify(X.configure));
|
|
141
|
-
e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
|
|
142
|
-
const t3 = E(e5, i3);
|
|
143
|
-
t3 && R(t3, e5);
|
|
144
|
-
}), te.value = e5, be.value = true;
|
|
145
|
-
}()) }, [f(t2, { size: 18 }, { default: b(() => [f(y(T))]), _: 1 }), i2[12] || (i2[12] = m("label", null, "预览", -1))])])])]), f(o2, { height: "100%" }, { default: b(() => [d(m("div", { class: v(["amb-design-board", oe.value]), ref_key: "pageDesignBoardMain", ref: de, style: j(re.value), onClick: ce }, [(u(true), a(c, null, C(y(ie), (i3, t3) => (u(), g(x, { key: i3.uuid, indexObj: ne, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: ge, onOnCopy: pe, onOnDelete: fe }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e3.selAsselbyType]])]), _: 1 })], 512), be.value ? (u(), g(J, { key: 0, pageDesign: te.value, modelValue: be.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => be.value = e4), onClose: i2[8] || (i2[8] = (e4) => be.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
|
|
146
|
-
};
|
|
147
|
-
} });
|
|
1
|
+
import e from "./view-design-display.vue.js";
|
|
148
2
|
export {
|
|
149
|
-
|
|
3
|
+
e as default
|
|
150
4
|
};
|