super-page-designer 2.2.25 → 2.2.30
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/utils/data-table-util.js +1 -1
- package/dist/es/components/design/utils/page-explore-util.js +9 -12
- package/dist/es/components/design/utils/page-table-util.js +1 -1
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue2.js +52 -52
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/import-header.vue.js +32 -29
- package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js +35 -35
- package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +5 -5
- package/dist/es/components/design/views/assemblys/data/table/table-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js +29 -29
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/custom/custom-attr-advanced.vue.js +12 -0
- package/dist/es/components/design/views/assemblys/form/custom/custom-attr-advanced.vue2.js +4 -0
- package/dist/es/components/design/views/assemblys/form/custom/custom-attr.vue2.js +8 -7
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/input-number/input-number-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/input-text/inputtext-attr-base.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/form/label/label-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/link/link-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/radio/radio-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/rich-text/richtext-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/select/select-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/switch/switch-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/tag/tag-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/textarea/textarea-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/workflow/component/combination.vue.js +10 -10
- package/dist/es/components/design/views/design/page-design.vue.js +83 -73
- package/dist/es/components/design/views/design/view/assemblys-container-explore.vue.js +3 -3
- package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js +26 -23
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +31 -21
- package/dist/es/style.css +19 -833
- package/package.json +4 -4
- /package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue3.js → common-variable-bind.vue2.js} +0 -0
|
@@ -65,7 +65,7 @@ function o(e2, a2, l2) {
|
|
|
65
65
|
function u(e2) {
|
|
66
66
|
if (!e2.props.groupHeaders) return;
|
|
67
67
|
let l2 = [], r2 = e2.items, n2 = JSON.parse(JSON.stringify(e2.props.groupHeaders));
|
|
68
|
-
return !r2 || n2 && 0 !== n2.length ? (l2 = function(e3, l3) {
|
|
68
|
+
return !r2 || e2.props.base.isEnableGroupHeader && n2 && 0 !== n2.length ? (l2 = function(e3, l3) {
|
|
69
69
|
let r3 = [];
|
|
70
70
|
if (!e3) return r3;
|
|
71
71
|
let n3 = [];
|
|
@@ -1,26 +1,23 @@
|
|
|
1
1
|
function e(e2, t, l, o) {
|
|
2
2
|
const i = { uuid: "-1", label: "页面", name: "page", componentIndex: -1 };
|
|
3
3
|
if (!e2 || 0 == e2.length) return [i];
|
|
4
|
-
const
|
|
4
|
+
const s = [];
|
|
5
5
|
for (let o2 = 0; o2 < e2.length; o2++) {
|
|
6
6
|
const i2 = n(e2[o2], t, l);
|
|
7
|
-
i2 &&
|
|
7
|
+
i2 && s.push(i2);
|
|
8
8
|
}
|
|
9
|
-
return i.children =
|
|
9
|
+
return i.children = s, [i];
|
|
10
10
|
}
|
|
11
11
|
function n(e2, t, l, o) {
|
|
12
12
|
const i = [];
|
|
13
13
|
if (e2.items && e2.items.length > 0 && "table" != e2.name) for (let o2 = 0; o2 < e2.items.length; o2++) {
|
|
14
|
-
const
|
|
15
|
-
null !=
|
|
14
|
+
const s2 = n(e2.items[o2], t, l);
|
|
15
|
+
null != s2 && i.push(s2);
|
|
16
16
|
}
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return null != l && e2.componentIndex && (l.value[e2.componentIndex] = e2), n2;
|
|
22
|
-
}
|
|
23
|
-
return null;
|
|
17
|
+
const s = e2.props && e2.props.base ? e2.props.base.title : void 0;
|
|
18
|
+
0 == i.length && t && (e2.type && e2.type.indexOf(t) > -1 || e2.label && e2.label.indexOf(t) > -1 || e2.name && e2.name.indexOf(t) > -1 || s && s.indexOf(t));
|
|
19
|
+
const a = { componentIndex: e2.componentIndex, name: e2.name, label: s ? s + "(" + e2.label + ")" : e2.label, uuid: e2.uuid, children: i };
|
|
20
|
+
return null != l && e2.componentIndex && (l.value[e2.componentIndex] = e2), a;
|
|
24
21
|
}
|
|
25
22
|
export {
|
|
26
23
|
e as convertToExploreTreeDatas
|
|
@@ -14,7 +14,7 @@ function n(t2, r2, a2) {
|
|
|
14
14
|
function o(e2, r2) {
|
|
15
15
|
const i2 = JSON.stringify(e2), s2 = JSON.parse(i2);
|
|
16
16
|
if (r2.tableRuntimes || (r2.tableRuntimes = {}), r2.tableRuntimes[s2.uuid] = function(e3, r3, i3) {
|
|
17
|
-
const s3 = "V" + r3.version + "__" + r3.code + "__" + e3.uuid, n2 = { configure: i3, code: s3, name: e3.label, totalType: e3.props.base ? e3.props.base.totalType : null, remark: e3.props.base ? e3.props.base.remark : null, pagination: e3.props.base ? e3.props.base.subPaging : null, rowNum: e3.props.base ? e3.props.base.pageSize : null, optionalRows: e3.props.base ? e3.props.base.pageSizes : null, layout: e3.props.base ? JSON.stringify(e3.props.base.layout) : null, startQuery: e3.props.base ? e3.props.base.startQuery : null, popUp: e3.props.base ? e3.props.base.popUp : null, isInitializationQuery: e3.props.dataOrigin.initializationQuery, defaultQueryCriteria: e3.props.dataOrigin.defaultQueryCriteria, queryLabelPosition: e3.props.base ? e3.props.base.queryLabelPosition : null, editable: e3.props.base ? e3.props.base.editable : null, urlToListData: e3.props.base ? e3.props.base.urlToListData : null, isSql: true, customConfig: e3.props.base ? e3.props.base.customConfig : null, tableName: e3.props.dataOrigin.tableName, totalable: e3.props.title.totalable, defaultSortField: JSON.stringify(e3.props.dataOrigin.sortField), titleAlign: e3.props.base ? e3.props.base.alignTitle : null, contAlign: e3.props.base ? e3.props.base.alignContent : null, displayEffect: e3.props.base ? e3.props.base.displayEffect : null, isDragColumn: e3.props.base ? e3.props.base.isDragColumn : null, border: e3.props.base ? e3.props.base.border : null };
|
|
17
|
+
const s3 = "V" + r3.version + "__" + r3.code + "__" + e3.uuid, n2 = { configure: i3, code: s3, name: e3.label, totalType: e3.props.base ? e3.props.base.totalType : null, remark: e3.props.base ? e3.props.base.remark : null, pagination: e3.props.base ? e3.props.base.subPaging : null, rowNum: e3.props.base ? e3.props.base.pageSize : null, optionalRows: e3.props.base ? e3.props.base.pageSizes : null, layout: e3.props.base ? JSON.stringify(e3.props.base.layout) : null, startQuery: e3.props.base ? e3.props.base.startQuery : null, popUp: e3.props.base ? e3.props.base.popUp : null, isInitializationQuery: e3.props.dataOrigin.initializationQuery, defaultQueryCriteria: e3.props.dataOrigin.defaultQueryCriteria, queryLabelPosition: e3.props.base ? e3.props.base.queryLabelPosition : null, editable: e3.props.base ? e3.props.base.editable : null, urlToListData: e3.props.base ? e3.props.base.urlToListData : null, isSql: true, customConfig: e3.props.base ? e3.props.base.customConfig : null, tableName: e3.props.dataOrigin.tableName, totalable: e3.props.title.totalable, defaultSortField: JSON.stringify(e3.props.dataOrigin.sortField), titleAlign: e3.props.base ? e3.props.base.alignTitle : null, contAlign: e3.props.base ? e3.props.base.alignContent : null, displayEffect: e3.props.base ? e3.props.base.displayEffect : null, isDragColumn: e3.props.base ? e3.props.base.isDragColumn : null, border: e3.props.base ? e3.props.base.border : null, customImportColumns: e3.props.importSetting.importFields };
|
|
18
18
|
return n2.items = function(e4, r4) {
|
|
19
19
|
var _a;
|
|
20
20
|
const i4 = [];
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import t from "./statisticalTable-design.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
|
-
import
|
|
5
|
-
const
|
|
4
|
+
import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
+
const s = e(t, [["__scopeId", "data-v-21af26bc"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
s as default
|
|
8
8
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as e, ref as o, onMounted as n, onUnmounted as i, watch as l, resolveComponent as t, createElementBlock as r, openBlock as
|
|
1
|
+
import { defineComponent as e, ref as o, onMounted as n, onUnmounted as i, watch as l, resolveComponent as t, createElementBlock as r, openBlock as u, createVNode as s, createElementVNode as a, withDirectives as c, normalizeStyle as d, normalizeClass as p, withCtx as g, Fragment as m, renderList as f, createBlock as b, createCommentVNode as v, createTextVNode as y, unref as h, vShow as C } from "vue";
|
|
2
2
|
import x from "../../../../utils/eventBus.js";
|
|
3
3
|
import { useDraggable as j } from "vue-draggable-plus";
|
|
4
4
|
import { caculateComponentProps as D } from "../../../../utils/form-design-util.js";
|
|
5
|
-
import { getTableColumnConf as
|
|
6
|
-
import { Plus as
|
|
7
|
-
import { ElMessageBox as
|
|
5
|
+
import { getTableColumnConf as O } from "../../../../utils/assemblys-config.js";
|
|
6
|
+
import { Plus as k, Delete as H } from "@element-plus/icons-vue";
|
|
7
|
+
import { ElMessageBox as S } from "element-plus";
|
|
8
8
|
import { getColumnsWithGroupHeader as E, addColumnToGroupHeaders as w } from "../../../../utils/data-table-util.js";
|
|
9
9
|
import "uuid";
|
|
10
10
|
import "@element-plus/icons";
|
|
@@ -14,59 +14,59 @@ import "../../../../../../stores/page-store.js";
|
|
|
14
14
|
import "@vueuse/core";
|
|
15
15
|
import { removComponentDataConfig as M, initComponentDataConfig as W } from "../../../../utils/chart-design-util.js";
|
|
16
16
|
import _ from "../../data/component/table-children-column.vue.js";
|
|
17
|
-
import { queryTableFields as B, changeFeieldToMap as
|
|
18
|
-
import { statisticsTable as
|
|
19
|
-
const
|
|
20
|
-
const
|
|
17
|
+
import { queryTableFields as B, changeFeieldToMap as T } from "../../../../utils/page-table-util.js";
|
|
18
|
+
import { statisticsTable as $ } from "../../../../../../stores/statistics-table-store.js";
|
|
19
|
+
const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F = e({ __name: "statisticalTable-design", props: { pageDesign: {}, configure: {}, selectWidget: {}, indexObj: {} }, emits: ["selectColumn", "onSelectWidget"], setup(e2, { emit: F2 }) {
|
|
20
|
+
const G = e2, L = F2, A = o([{}]), V = o({}), I = o("");
|
|
21
21
|
o({});
|
|
22
22
|
const P = o({}), R = o(false);
|
|
23
|
-
|
|
24
|
-
const q = o([]), K = o(),
|
|
25
|
-
function
|
|
26
|
-
|
|
23
|
+
G.configure.props.groupHeaders;
|
|
24
|
+
const q = o([]), K = o(), U = o([]), X = $();
|
|
25
|
+
function Y(e3, o2) {
|
|
26
|
+
L("onSelectWidget", e3, o2);
|
|
27
27
|
}
|
|
28
|
-
|
|
29
|
-
const e3 =
|
|
28
|
+
G.configure && function() {
|
|
29
|
+
const e3 = G.configure.tableSysCode ? G.configure.tableSysCode : G.pageDesign.systemCode, o2 = G.configure.tableSysVersion ? G.configure.tableSysVersion : G.pageDesign.version, n2 = G.configure.props.dataOrigin.tableName;
|
|
30
30
|
B(e3, o2, n2).then((e4) => {
|
|
31
|
-
|
|
31
|
+
G.configure.modelFieldsMap = T(G.configure.modelFieldsMap, e4), G.configure.modelFields = e4;
|
|
32
32
|
});
|
|
33
33
|
}(), n(() => {
|
|
34
|
-
q.value = E(
|
|
34
|
+
q.value = E(G.configure);
|
|
35
35
|
}), i(() => {
|
|
36
|
-
M(
|
|
37
|
-
}), x.$on("
|
|
38
|
-
e3.value ?
|
|
39
|
-
}), l(
|
|
40
|
-
|
|
41
|
-
}, { immediate: true }), l(
|
|
42
|
-
D(
|
|
43
|
-
let e3 =
|
|
36
|
+
M(G.configure);
|
|
37
|
+
}), x.$on("setHiddenColumsUuid", (e3) => {
|
|
38
|
+
e3.value ? U.value = U.value.filter((o2) => o2 != e3.uuid) : U.value.push(e3.uuid);
|
|
39
|
+
}), l(G.configure.style, () => {
|
|
40
|
+
G.configure.runtime.style = G.configure.style;
|
|
41
|
+
}, { immediate: true }), l(G.configure.props, () => {
|
|
42
|
+
D(G.configure, P), function() {
|
|
43
|
+
let e3 = G.configure.props;
|
|
44
44
|
if (!e3.base) return;
|
|
45
45
|
const o2 = {};
|
|
46
46
|
if (e3.base.layout && (o2.layout = e3.base.layout.join(",")), e3.base.headerAlign && (o2.headerAlign = e3.base.headerAlign), e3.base.align && (o2.align = e3.base.align), o2 != {}) for (const e4 in o2) P.value[e4] = o2[e4];
|
|
47
|
-
}(),
|
|
48
|
-
const e3 = W(
|
|
49
|
-
|
|
47
|
+
}(), G.configure.runtime.props = P.value, Object.assign(G.configure.runtime.props, G.configure.props.base), function() {
|
|
48
|
+
const e3 = W(G.configure, null);
|
|
49
|
+
G.configure.runtime.dataConfig = e3;
|
|
50
50
|
}();
|
|
51
|
-
}, { immediate: true }), l(
|
|
52
|
-
|
|
53
|
-
}, { immediate: true }), l(() =>
|
|
54
|
-
|
|
55
|
-
}), x.$on("reloadTable-" +
|
|
56
|
-
e3 && (
|
|
51
|
+
}, { immediate: true }), l(G.configure.items, (e3) => {
|
|
52
|
+
X.addFieldList(e3), G.configure.runtime.items = G.configure.items;
|
|
53
|
+
}, { immediate: true }), l(() => G.configure.props.isChangeGroupHeader, () => {
|
|
54
|
+
G.configure.props.isChangeGroupHeader && (q.value = E(G.configure), K.value && K.value.doLayout());
|
|
55
|
+
}), x.$on("reloadTable-" + G.configure.uuid, (e3) => {
|
|
56
|
+
e3 && (G.configure.items = e3, q.value = E(G.configure)), K.value && K.value.doLayout();
|
|
57
57
|
}), l(() => q.value, (e3) => {
|
|
58
58
|
e3.forEach((e4) => {
|
|
59
|
-
e4.props && e4.props.base && !e4.props.base.visible &&
|
|
59
|
+
e4.props && e4.props.base && !e4.props.base.visible && U.value.push(e4.uuid);
|
|
60
60
|
});
|
|
61
61
|
}, { deep: true });
|
|
62
|
-
const
|
|
63
|
-
function
|
|
64
|
-
|
|
62
|
+
const z = o("");
|
|
63
|
+
function J() {
|
|
64
|
+
z.value = "", oe.value = {}, Z();
|
|
65
65
|
x.$emit("selectColumn", { columnData: {} });
|
|
66
66
|
}
|
|
67
|
-
function
|
|
67
|
+
function Q(e3, o2) {
|
|
68
68
|
var n2;
|
|
69
|
-
(o2 || window.event).preventDefault(), n2 = e3,
|
|
69
|
+
(o2 || window.event).preventDefault(), n2 = e3, G.configure.items.forEach((e4, o3) => {
|
|
70
70
|
e4.props.base.name == n2.label && (oe.value = e4, ne.value = o3);
|
|
71
71
|
}), R.value = true;
|
|
72
72
|
const i2 = document.querySelector("#tableDesignMenu"), l2 = document.documentElement.scrollTop || document.body.scrollTop;
|
|
@@ -79,12 +79,12 @@ const $ = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, L
|
|
|
79
79
|
var _a;
|
|
80
80
|
if (Z(), "createCombinedHeader" === e3) {
|
|
81
81
|
const e4 = { alias: "字段名称", displayOrder: oe.value.props.base.displayOrder + 1 };
|
|
82
|
-
let o2 =
|
|
83
|
-
|
|
82
|
+
let o2 = O(e4);
|
|
83
|
+
G.configure.items.splice(ne.value + 1, 0, o2), (_a = G.configure.items) == null ? void 0 : _a.forEach((e5, o3) => {
|
|
84
84
|
e5.props.base.displayOrder && e5.props.base.displayOrder == o3 || (e5.props.base.displayOrder = o3);
|
|
85
|
-
}),
|
|
86
|
-
} else "deleteNode" === e3 &&
|
|
87
|
-
|
|
85
|
+
}), G.configure.props.base.isEnableGroupHeader && (w(G.configure.items[ne.value + 1], null, G.configure.props.groupHeaders), q.value = E(G.configure), x.$emit("synchroGroupHeadersData"));
|
|
86
|
+
} else "deleteNode" === e3 && S.confirm("当前操作会删除当前列", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
|
|
87
|
+
G.configure.items.splice(ne.value, 1);
|
|
88
88
|
}).catch(() => {
|
|
89
89
|
});
|
|
90
90
|
}
|
|
@@ -104,23 +104,23 @@ const $ = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, L
|
|
|
104
104
|
}
|
|
105
105
|
function re({ row: e3, column: o2, rowIndex: n2, columnIndex: i2 }) {
|
|
106
106
|
let l2 = "";
|
|
107
|
-
return
|
|
107
|
+
return U.value.includes(o2.label) && (l2 = "hiddenBorder"), o2.label === z.value && (l2 = "addBorder"), l2;
|
|
108
108
|
}
|
|
109
|
-
function
|
|
110
|
-
|
|
109
|
+
function ue(e3) {
|
|
110
|
+
z.value = e3.uuid;
|
|
111
111
|
}
|
|
112
|
-
function
|
|
112
|
+
function se(e3, o2) {
|
|
113
113
|
for (var n2 = document.getElementsByClassName(o2.id), i2 = 0; i2 < n2.length; i2++) n2[i2].style.backgroundColor = "rgba(88, 147, 239,.1)";
|
|
114
114
|
}
|
|
115
|
-
function
|
|
115
|
+
function ae(e3, o2) {
|
|
116
116
|
for (var n2 = document.getElementsByClassName(o2.id), i2 = 0; i2 < n2.length; i2++) n2[i2].style.backgroundColor = "";
|
|
117
117
|
}
|
|
118
|
-
return j(".el-table__header-wrapper tr",
|
|
118
|
+
return j(".el-table__header-wrapper tr", G.configure.items, { animation: 150, ghostClass: "ghost", onStart(e3) {
|
|
119
119
|
} }), (e3, o2) => {
|
|
120
120
|
const n2 = t("el-table"), i2 = t("el-icon");
|
|
121
|
-
return
|
|
121
|
+
return u(), r("div", null, [s(n2, { ref_key: "tableRef", ref: K, "cell-class-name": re, "header-cell-class-name": re, border: "", class: p(I.value), data: A.value, onHeaderDragend: le, onHeaderContextmenu: Q, onRowClick: J, onCellMouseEnter: se, onCellMouseLeave: ae, style: d(V.value) }, { default: g(() => [(u(true), r(m, null, f(q.value, (o3) => (u(), b(_, { key: o3, listColumns: o3, designProperty: P.value, configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, onSetClickColumn: ue, onOnSelectWidget: Y, onSetColumnData: ie, onCloseMenuVisible: Z, selectWidget: e3.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128))]), _: 1 }, 8, ["class", "data", "style"]), a("div", { onClick: J, style: { width: "100%", height: "30px" } }), c(a("div", null, [a("ul", N, [a("li", { tabindex: "-1", onClick: o2[0] || (o2[0] = () => ee("createCombinedHeader")) }, [s(i2, null, { default: g(() => [s(h(k))]), _: 1 }), o2[2] || (o2[2] = y(" 创建 "))]), oe.value.props && oe.value.props.base && "$selection" !== oe.value.props.base.prop && "$index" !== oe.value.props.base.prop ? (u(), r("li", { key: 0, tabindex: "-1", onClick: o2[1] || (o2[1] = () => ee("deleteNode")) }, [s(i2, null, { default: g(() => [s(h(H))]), _: 1 }), o2[3] || (o2[3] = y(" 删除 "))])) : v("", true)], 512)], 512), [[C, R.value]])]);
|
|
122
122
|
};
|
|
123
123
|
} });
|
|
124
124
|
export {
|
|
125
|
-
|
|
125
|
+
F as default
|
|
126
126
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./composite-header.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import o from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = o(e, [["__scopeId", "data-v-
|
|
4
|
+
const r = o(e, [["__scopeId", "data-v-8ac0bd71"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -6,7 +6,7 @@ import { getTopGroupHeaderList as C, setGroupHeaderDataDisplayOrder as V, addCol
|
|
|
6
6
|
import w from "../../../../utils/eventBus.js";
|
|
7
7
|
const E = { key: 0 }, L = { style: { display: "flex", margin: "8px 0" } }, G = { key: 0 }, $ = { key: 1 }, R = { key: 0, id: "menu", ref: "headerMenu", class: "context-menu" }, S = { key: 5, id: "menu-4994-1-6", tabindex: "-1" }, D = { class: "dialog-footer" }, j = { class: "dialog-footer" }, M = e({ __name: "composite-header", props: { configure: { type: Object, default: () => ({ props: {} }) } }, setup(e2) {
|
|
8
8
|
const M2 = e2, B = l(false), P = l({}), q = l(null), I = l(false), J = l(null);
|
|
9
|
-
let F =
|
|
9
|
+
let F = [];
|
|
10
10
|
const X = l([]), Y = l(false), z = l([]);
|
|
11
11
|
l(null);
|
|
12
12
|
const A = l([]), K = l({}), Q = l(false), W = l(null), Z = l(M2.configure.props.groupHeaders), ee = l(null);
|
|
@@ -1,41 +1,44 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, resolveComponent as
|
|
2
|
-
import { Plus as
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
function
|
|
1
|
+
import { defineComponent as e, ref as l, resolveComponent as o, createBlock as t, openBlock as i, withCtx as n, createVNode as r, createElementVNode as u, createElementBlock as a, Fragment as p, renderList as s, unref as d, nextTick as c } from "vue";
|
|
2
|
+
import { Plus as f, Delete as m } from "@element-plus/icons-vue";
|
|
3
|
+
import { getUuidv4 as g } from "../../../../utils/common-util.js";
|
|
4
|
+
import { ElMessage as v } from "element-plus";
|
|
5
|
+
const C = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, k = e({ __name: "import-header", props: { configure: {} }, setup(e2) {
|
|
6
|
+
const k2 = e2, w = l([{ uuid: g(), listColumnProp: "", skipVerification: false }]), b = l(null);
|
|
7
|
+
function h(e3) {
|
|
8
8
|
let l2 = -1;
|
|
9
|
-
const
|
|
10
|
-
for (let
|
|
11
|
-
l2 =
|
|
9
|
+
const o2 = w.value.length;
|
|
10
|
+
for (let t2 = 0; t2 < o2; t2++) if (w.value[t2].uuid == e3.uuid) {
|
|
11
|
+
l2 = t2;
|
|
12
12
|
break;
|
|
13
13
|
}
|
|
14
14
|
return l2;
|
|
15
15
|
}
|
|
16
|
-
return
|
|
17
|
-
const
|
|
18
|
-
return i(),
|
|
19
|
-
let l4 =
|
|
20
|
-
l4 < 1 ||
|
|
21
|
-
const e6 =
|
|
16
|
+
return k2.configure.props.importSetting.importFields && 0 != k2.configure.props.importSetting.importFields ? w.value = k2.configure.props.importSetting.importFields : k2.configure.props.importSetting.importFields = w.value, (e3, l2) => {
|
|
17
|
+
const k3 = o("Top"), _ = o("el-icon"), V = o("Bottom"), x = o("el-table-column"), y = o("el-option"), P = o("el-select"), F = o("el-switch"), z = o("el-table");
|
|
18
|
+
return i(), t(z, { ref_key: "tableRef", ref: b, data: w.value, style: { width: "100%" } }, { default: n(() => [r(x, { width: "50", align: "center" }, { default: n((e4) => [u("div", C, [r(_, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e5) {
|
|
19
|
+
let l4 = h(e5);
|
|
20
|
+
l4 < 1 || c(() => {
|
|
21
|
+
const e6 = w.value;
|
|
22
22
|
[e6[l4 - 1], e6[l4]] = [e6[l4], e6[l4 - 1]];
|
|
23
23
|
});
|
|
24
|
-
}(e4.row) }, { default: n(() => [r(
|
|
25
|
-
let l4 =
|
|
26
|
-
if (-1 == l4 ||
|
|
27
|
-
const
|
|
28
|
-
[
|
|
29
|
-
}(e4.row) }, { default: n(() => [r(V)]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), r(
|
|
24
|
+
}(e4.row) }, { default: n(() => [r(k3)]), _: 2 }, 1032, ["onClick"]), r(_, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e5) {
|
|
25
|
+
let l4 = h(e5);
|
|
26
|
+
if (-1 == l4 || w.value.length == l4 + 1) return;
|
|
27
|
+
const o2 = w.value;
|
|
28
|
+
[o2[l4], o2[l4 + 1]] = [o2[l4 + 1], o2[l4]];
|
|
29
|
+
}(e4.row) }, { default: n(() => [r(V)]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), r(x, { label: "表头字段", align: "center" }, { default: n((l3) => [(i(), t(P, { key: l3.row.uuid, onChange: (e4) => {
|
|
30
|
+
return o2 = e4, t2 = l3.$index, void (w.value.filter((e5) => e5.listColumnProp == o2).length > 1 && (w.value[t2].listColumnProp = "", v.warning("字段已存在,请重新选择")));
|
|
31
|
+
var o2, t2;
|
|
32
|
+
}, modelValue: l3.row.listColumnProp, "onUpdate:modelValue": (e4) => l3.row.listColumnProp = e4, clearable: "", filterable: "", "allow-create": "", n: "" }, { default: n(() => [(i(true), a(p, null, s(e3.configure.modelFields, (e4, l4) => (i(), t(y, { key: l4, label: e4.alias, value: e4.dbColumnName }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["onChange", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), r(x, { label: "跳过校验", align: "center" }, { default: n((e4) => [r(F, { modelValue: e4.row.skipVerification, "onUpdate:modelValue": (l3) => e4.row.skipVerification = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), r(x, { label: "操作", width: "60" }, { default: n((e4) => [r(_, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => function(e5) {
|
|
30
33
|
let l4 = -1;
|
|
31
|
-
e5 && (l4 =
|
|
32
|
-
}(e4.row) }, { default: n(() => [r(
|
|
33
|
-
if (1 ==
|
|
34
|
-
let l4 =
|
|
35
|
-
l4 > -1 &&
|
|
36
|
-
}(e4.row) }, { default: n(() => [r(
|
|
34
|
+
e5 && (l4 = h(e5)), w.value.splice(l4 + 1, 0, { uuid: g(), listColumnProp: "", skipVerification: false });
|
|
35
|
+
}(e4.row) }, { default: n(() => [r(d(f))]), _: 2 }, 1032, ["onClick"]), r(_, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => function(e5) {
|
|
36
|
+
if (1 == w.value.length) return e5.value = "", void (e5.label = "");
|
|
37
|
+
let l4 = h(e5);
|
|
38
|
+
l4 > -1 && w.value.splice(l4, 1);
|
|
39
|
+
}(e4.row) }, { default: n(() => [r(d(m))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]);
|
|
37
40
|
};
|
|
38
41
|
} });
|
|
39
42
|
export {
|
|
40
|
-
|
|
43
|
+
k as default
|
|
41
44
|
};
|
package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js
CHANGED
|
@@ -1,72 +1,72 @@
|
|
|
1
|
-
import { defineComponent as e, ref as
|
|
1
|
+
import { defineComponent as e, ref as n, onUnmounted as s, resolveComponent as l, createBlock as o, openBlock as t, createSlots as i, withCtx as u, createElementBlock as r, createCommentVNode as p, Fragment as a, renderList as m, normalizeClass as c, normalizeStyle as g, unref as d, toDisplayString as C, reactive as b } from "vue";
|
|
2
2
|
import { columnCustomTittleClass as f, columnTittleStyle as y } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import { VueDraggable as h } from "vue-draggable-plus";
|
|
4
4
|
import x from "../../../../utils/eventBus.js";
|
|
5
5
|
import { deepCopy as O, getUuidv4 as k } from "../../../../utils/common-util.js";
|
|
6
6
|
import j from "../../object-design.vue.js";
|
|
7
7
|
import { ElMessage as W, ElMessageBox as D } from "element-plus";
|
|
8
|
-
const v = ["onClick", "onMouseout", "onMouseover"],
|
|
8
|
+
const v = ["onClick", "onMouseout", "onMouseover"], M = { key: 2 }, S = e({ __name: "table-children-column", props: { listColumns: { type: Object, default: () => {
|
|
9
9
|
} }, selectWidget: { type: Object, default: () => {
|
|
10
10
|
} }, indexObj: { type: Object, default: () => {
|
|
11
11
|
} }, designProperty: { type: Object, default: () => {
|
|
12
12
|
} }, configure: { type: Object, default: () => {
|
|
13
13
|
} }, pageDesign: { type: Object, default: () => {
|
|
14
|
-
} } }, emits: ["selectColumn", "onSelectWidget", "
|
|
15
|
-
const
|
|
16
|
-
function
|
|
14
|
+
} } }, emits: ["selectColumn", "onSelectWidget", "setClickColumn", "setColumnData", "closeMenuVisible"], setup(e2, { emit: B }) {
|
|
15
|
+
const T = e2, w = B;
|
|
16
|
+
function L(e3, n2) {
|
|
17
17
|
if (!e3.props.base) return W.warning("组合表头顶级菜单不能进行列配置");
|
|
18
18
|
{
|
|
19
19
|
$(e3);
|
|
20
|
-
let
|
|
21
|
-
|
|
20
|
+
let n3 = { columnData: e3, tableConfigure: T.configure };
|
|
21
|
+
w("closeMenuVisible"), x.$emit("selectColumn", n3), P(e3);
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
function $(e3) {
|
|
25
|
-
|
|
25
|
+
w("setColumnData", e3);
|
|
26
26
|
}
|
|
27
27
|
function P(e3) {
|
|
28
|
-
|
|
28
|
+
w("setClickColumn", e3);
|
|
29
29
|
}
|
|
30
30
|
function V(e3) {
|
|
31
|
-
let
|
|
32
|
-
return
|
|
31
|
+
let n2 = "";
|
|
32
|
+
return n2 = e3.props && e3.props.base && e3.props.base.name && e3.props.base.name.length > 0 ? e3.props.base.name : e3.titleText, n2;
|
|
33
33
|
}
|
|
34
|
-
function _(e3,
|
|
35
|
-
for (var
|
|
34
|
+
function _(e3, n2) {
|
|
35
|
+
for (var s2 = document.getElementsByClassName(n2.id), l2 = 0; l2 < s2.length; l2++) s2[l2].style.backgroundColor = "";
|
|
36
36
|
}
|
|
37
|
-
function
|
|
38
|
-
for (var
|
|
37
|
+
function E(e3, n2) {
|
|
38
|
+
for (var s2 = document.getElementsByClassName(n2.id), l2 = 0; l2 < s2.length; l2++) s2[l2].style.backgroundColor = "rgba(88, 147, 239,.1)";
|
|
39
39
|
}
|
|
40
|
-
const
|
|
41
|
-
function
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
function N(e3) {
|
|
45
|
-
const s2 = B.configure.btnList.indexOf(e3);
|
|
46
|
-
if (-1 == s2) return void alert("无可复制对象!");
|
|
47
|
-
const n2 = C(O(e3));
|
|
48
|
-
n2.uuid = k(), B.configure.btnList.splice(s2, 0, n2);
|
|
40
|
+
const F = n(false);
|
|
41
|
+
function N(e3, n2, s2) {
|
|
42
|
+
T.pageDesign.currentTableConfig = T.configure, F.value || w("onSelectWidget", e3, n2, s2), s2 && s2.uuid && P(s2);
|
|
49
43
|
}
|
|
50
44
|
function z(e3) {
|
|
45
|
+
const n2 = T.configure.btnList.indexOf(e3);
|
|
46
|
+
if (-1 == n2) return void alert("无可复制对象!");
|
|
47
|
+
const s2 = b(O(e3));
|
|
48
|
+
s2.uuid = k(), T.configure.btnList.splice(n2, 0, s2);
|
|
49
|
+
}
|
|
50
|
+
function U(e3) {
|
|
51
51
|
e3.items && e3.items.length > 0 ? D.confirm("还有子元素,确定要删除吗?", "删除", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
|
|
52
|
-
const
|
|
53
|
-
|
|
52
|
+
const n2 = T.configure.btnList, s2 = n2.indexOf(e3);
|
|
53
|
+
s2 > -1 && n2.splice(s2, 1);
|
|
54
54
|
}).catch((e4) => {
|
|
55
|
-
}) :
|
|
56
|
-
const
|
|
57
|
-
|
|
55
|
+
}) : T.listColumns && T.listColumns.props && T.listColumns.props.base && "operation" === T.listColumns.props.base.prop && D.confirm(`确定要删除${e3.label}吗?`, "删除", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
|
|
56
|
+
const n2 = T.configure.btnList, s2 = n2.indexOf(e3);
|
|
57
|
+
s2 > -1 && n2.splice(s2, 1);
|
|
58
58
|
}).catch((e4) => {
|
|
59
59
|
});
|
|
60
60
|
}
|
|
61
61
|
return x.$on("hadleDragging", (e3) => {
|
|
62
|
-
|
|
63
|
-
}),
|
|
62
|
+
F.value = e3;
|
|
63
|
+
}), s(() => {
|
|
64
64
|
x.$off("hadleDragging");
|
|
65
|
-
}), (
|
|
66
|
-
const
|
|
67
|
-
return t(), o(x2, { fixed: !(!e2.listColumns.props || !e2.listColumns.props.base || "false" === e2.listColumns.props.base.listColumnFixed) && e2.listColumns.props.base.listColumnFixed, "column-key": e2.listColumns.uuid, width: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.columnWidth ? e2.listColumns.props.base.columnWidth : 200, label: V(e2.listColumns), align: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignContent ? e2.listColumns.props.base.alignContent : e2.designProperty.alignContent, "header-align": e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignTitle ? e2.listColumns.props.base.alignTitle : e2.designProperty.alignTitle, resizable: "" }, i({ default: u(() => [e2.listColumns.children && e2.listColumns.children.length > 0 ? (t(true), r(
|
|
65
|
+
}), (n2, s2) => {
|
|
66
|
+
const b2 = l("el-checkbox"), x2 = l("el-table-column");
|
|
67
|
+
return t(), o(x2, { fixed: !(!e2.listColumns.props || !e2.listColumns.props.base || "false" === e2.listColumns.props.base.listColumnFixed) && e2.listColumns.props.base.listColumnFixed, "column-key": e2.listColumns.uuid, width: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.columnWidth ? e2.listColumns.props.base.columnWidth : 200, label: V(e2.listColumns), align: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignContent ? e2.listColumns.props.base.alignContent : e2.designProperty.alignContent, "header-align": e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignTitle ? e2.listColumns.props.base.alignTitle : e2.designProperty.alignTitle, resizable: "" }, i({ default: u(() => [e2.listColumns.children && e2.listColumns.children.length > 0 ? (t(true), r(a, { key: 0 }, m(e2.listColumns.children, (n3, s3) => (t(), o(S, { key: s3, listColumns: n3, designProperty: e2.designProperty, configure: e2.configure, pageDesign: e2.pageDesign, indexObj: e2.indexObj, onSetClickColumn: P, onOnSelectWidget: N, onSetColumnData: $, selectWidget: e2.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128)) : p("", true)]), _: 2 }, [e2.listColumns.children && 0 != e2.listColumns.children.length ? void 0 : { name: "header", fn: u((n3) => [e2.listColumns.props && e2.listColumns.props.base && "$selection" === e2.listColumns.props.base.prop ? (t(), o(b2, { key: 0, style: g(d(y)(e2.listColumns)), class: c(d(f)(e2.listColumns)), onClick: (s3) => L(e2.listColumns, n3.column), onMouseout: (e3) => _(0, n3.column), onMouseover: (e3) => E(0, n3.column) }, null, 8, ["style", "class", "onClick", "onMouseout", "onMouseover"])) : (t(), r("div", { key: 1, style: g(d(y)(e2.listColumns)), class: c(d(f)(e2.listColumns)), onClick: (s3) => L(e2.listColumns, n3.column), onMouseout: (e3) => _(0, n3.column), onMouseover: (e3) => E(0, n3.column) }, C(V(e2.listColumns)), 47, v))]), key: "0" }, e2.listColumns.children && 0 != e2.listColumns.children.length ? void 0 : { name: "default", fn: u((n3) => [e2.listColumns.props && e2.listColumns.props.base && "operation" === e2.listColumns.props.base.prop ? (t(), o(d(h), { key: 0, modelValue: T.configure.btnList, "onUpdate:modelValue": s2[0] || (s2[0] = (e3) => T.configure.btnList = e3), animation: 300, style: { width: "100%", height: "100%", display: "inline-flex" }, group: "amb-assembly-item", ghostClass: "amb-item-ghost" }, { default: u(() => [(t(true), r(a, null, m(T.configure.btnList, (s3) => (t(), o(j, { key: s3, pageDesign: e2.pageDesign, configure: s3, selectWidget: e2.selectWidget, indexObj: e2.indexObj, errorBlank: true, onOnSelectWidget: (e3, s4) => N(e3, s4, n3.column), onOnCopy: z, onOnDelete: U }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj", "onOnSelectWidget"]))), 128))]), _: 2 }, 1032, ["modelValue"])) : e2.listColumns.props && e2.listColumns.props.base && "$selection" === e2.listColumns.props.base.prop ? (t(), o(b2, { key: 1 })) : e2.listColumns.props && e2.listColumns.props.base && "$index" === e2.listColumns.props.base.prop ? (t(), r("span", M, "1")) : (t(), o(j, { key: 3, configure: e2.listColumns, pageDesign: e2.pageDesign, errorBlank: true, selectWidget: e2.selectWidget, indexObj: e2.indexObj, onOnSelectWidget: (e3, s3) => N(e3, s3, n3.column), showSelectedClass: false }, null, 8, ["configure", "pageDesign", "selectWidget", "indexObj", "onOnSelectWidget"]))]), key: "1" }]), 1032, ["fixed", "column-key", "width", "label", "align", "header-align"]);
|
|
68
68
|
};
|
|
69
69
|
} });
|
|
70
70
|
export {
|
|
71
|
-
|
|
71
|
+
S as default
|
|
72
72
|
};
|