super-page-designer 2.3.18-design1 → 2.3.19-design1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/design/utils/assemblys-config.js +6 -6
- package/dist/es/components/design/utils/chart-design-util.js +100 -92
- package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue2.js +19 -19
- package/dist/es/components/design/views/assemblys/chart/common/common-style-legend.vue.js +7 -4
- package/dist/es/components/design/views/assemblys/chart/common/common-style-tooltip.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/chart/gauge/gauge-attr.vue2.js +4 -3
- package/dist/es/components/design/views/assemblys/chart/pie/pie-attr.vue2.js +8 -7
- package/dist/es/components/design/views/assemblys/chart/radar/radar-attr.vue2.js +2 -1
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr.vue2.js +11 -10
- package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js +5 -4
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js +15 -15
- package/dist/es/components/design/views/design/page-event/{config.vue2.js → config.vue.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/page-switch.vue.js +1 -1
- package/dist/es/components/design/views/design/view/page-switch.vue2.js +3 -3
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design-preview.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design-preview.vue2.js +16 -18
- package/dist/es/style.css +38 -61
- package/package.json +4 -4
|
@@ -2,67 +2,75 @@ import "@element-plus/icons";
|
|
|
2
2
|
import { usePageContextStore as e } from "../../../stores/page-store.js";
|
|
3
3
|
import { getNumFormatterForChart as t } from "super-page-runtime";
|
|
4
4
|
import { deepCopy as l } from "./common-util.js";
|
|
5
|
-
|
|
5
|
+
import { parseLooseJSON as i } from "agilebuilder-ui/src/utils/json-util";
|
|
6
|
+
function a(e2) {
|
|
6
7
|
const t2 = {}, l2 = e2.props ? e2.props : {}, i2 = e2.style ? e2.style : {}, a2 = [];
|
|
7
8
|
if (l2.groups) for (let e3 of l2.groups) e3.group && e3.target && a2.push({ value: e3.group, label: e3.group, target: e3.target });
|
|
8
9
|
t2.options = a2, (l2.title || (!l2.groupSource || "fix" == l2.groupSource) && l2.groupPosition || !l2.enableDrill && l2.groupPosition) && (t2.showHeader = true, t2.title = l2.title, t2.textAlign = i2.titleTextAlign, l2.groupSource && "fix" != l2.groupSource || !l2.groupPosition || l2.enableDrill || (t2.showGroup = true, t2.groupPosition = l2.groupPosition, t2.groupComponent = l2.groupComponent), l2.enableDrill && l2.groupPosition && (t2.showDrill = true, t2.groupPosition = l2.groupPosition)), l2.groupSource && "fix" != l2.groupSource ? t2.groupValue = l2.groupVariable : "checkbox" == t2.groupComponent ? t2.groupValue = a2.length > 0 ? [a2[0].value] : null : t2.groupValue = a2.length > 0 ? a2[0].value : null;
|
|
9
10
|
const o2 = {};
|
|
10
11
|
i2.titleFontWeight && (o2["font-weight"] = "bold"), i2.titleIncline && (o2["font-style"] = "italic"), i2.titleFontSize && (o2["font-size"] = i2.titleFontSize + "px"), i2.titleColor && (o2.color = i2.titleColor), t2.style = o2;
|
|
11
|
-
const
|
|
12
|
-
if (l2.linkages) for (let e3 of l2.linkages) e3.fieldName && !
|
|
13
|
-
return "variable" == l2.groupSource && !l2.enableDrill && l2.groupVariable && (
|
|
12
|
+
const s2 = [];
|
|
13
|
+
if (l2.linkages) for (let e3 of l2.linkages) e3.fieldName && !s2.includes(e3.fieldName) && s2.push(e3.fieldName);
|
|
14
|
+
return "variable" == l2.groupSource && !l2.enableDrill && l2.groupVariable && (s2.includes(l2.groupVariable) || s2.push(l2.groupVariable)), t2.monitorFields = s2, t2;
|
|
14
15
|
}
|
|
15
|
-
function
|
|
16
|
-
const
|
|
17
|
-
if (
|
|
18
|
-
|
|
19
|
-
const e3 =
|
|
20
|
-
Object.assign(
|
|
16
|
+
function o(e2, l2) {
|
|
17
|
+
const a2 = e2.props ? e2.props : {}, o2 = e2.style ? e2.style : {}, b2 = { title: [{ textStyle: {}, subtextStyle: {} }], toolbox: { show: false, feature: { saveAsImage: { show: false }, restore: { show: false }, dataView: { show: false }, dataZoom: { show: false }, magicType: { show: false }, brush: { show: false } } }, grid: {}, xAxis: [{ axisLabel: {}, nameTruncate: {} }], yAxis: [{ show: false, position: "left", nameTextStyle: {}, axisLine: {}, splitLine: {}, axisLabel: {} }, { show: false, position: "right", nameTextStyle: {}, axisLine: {}, splitLine: {}, axisLabel: {} }], tooltip: { textStyle: {} }, dataZoom: [], series: [] }, h2 = "chart-column-line" == e2.name, c2 = "chart-pie" == e2.name, g2 = "chart-gauge" == e2.name, m = "chart-radar" == e2.name, f = "chart-scatter" == e2.name;
|
|
18
|
+
if (a2.title, a2.subTitle) {
|
|
19
|
+
b2.title[0].subtext = a2.subTitle, o2.subtitleTextAlign && (b2.title[0].left = o2.subtitleTextAlign);
|
|
20
|
+
const e3 = s(o2);
|
|
21
|
+
Object.assign(b2.title[0], e3);
|
|
21
22
|
}
|
|
22
|
-
if ((
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
if ((a2.enableDownloadBtn || a2.enableDataBtn) && (b2.toolbox.show = true), null != a2.enableDownloadBtn && (b2.toolbox.feature.saveAsImage.show = a2.enableDownloadBtn), null != a2.enableDataBtn && (b2.toolbox.feature.dataView.show = a2.enableDataBtn), (h2 || c2 || m || f) && null != o2.enableLegend && (null == b2.legend && (b2.legend = {}), b2.legend.show = o2.enableLegend, o2.enableLegend)) {
|
|
24
|
+
if (o2.legendLayout && (b2.legend.orient = o2.legendLayout), o2.legendAlign && (b2.legend.left = o2.legendAlign), o2.legendVerticalAlign && (b2.legend.top = o2.legendVerticalAlign), o2.legendPadding && (b2.legend.padding = o2.legendPadding), o2.legend && Object.assign(b2.legend, o2.legend), o2.customLegendParams) {
|
|
25
|
+
const e3 = i(o2.customLegendParams);
|
|
26
|
+
e3 && "object" == typeof e3 && Object.assign(b2.legend, e3);
|
|
27
|
+
}
|
|
28
|
+
o2.customLegend && (b2.legend.formatter = o2.customLegend);
|
|
29
|
+
}
|
|
30
|
+
if (o2.gridBackgroundColor && (b2.grid.show = true, b2.grid.backgroundColor = o2.gridBackgroundColor), o2.gridPaddingTop && (b2.grid.top = o2.gridPaddingTop), o2.gridPaddingRight && (b2.grid.right = o2.gridPaddingRight), o2.gridPaddingBottom && (b2.grid.bottom = o2.gridPaddingBottom), o2.gridPaddingLeft && (b2.grid.left = o2.gridPaddingLeft), o2.enableGridLine ? (b2.grid.show = true, o2.gridLineWidth && (b2.grid.borderWidth = o2.gridLineWidth), o2.gridLineColor && (b2.grid.show = true, b2.grid.borderColor = o2.gridLineColor)) : o2.gridShadowColor || (b2.grid.borderWidth = 0), o2.gridShadowColor && (b2.grid.show = true, b2.grid.shadowColor = o2.gridShadowColor, o2.gridShadowX && (b2.grid.shadowOffsetX = o2.gridShadowX), o2.gridShadowY && (b2.grid.shadowOffsetY = o2.gridShadowY), o2.gridShadowBlur && (b2.grid.shadowBlur = o2.gridShadowBlur)), h2 || f) {
|
|
31
|
+
h2 && (o2.xaxisTestdatas || (o2.xaxisTestdatas = "项1,项2,项3,项4,项5,项6,项7,项8"), b2.xAxis[0].data = o2.xaxisTestdatas.split(",")), null != o2.enableXaxis && (b2.xAxis[0].show = o2.enableXaxis, o2.enableXaxis && (null == b2.xAxis[0].axisLabel && (b2.xAxis[0].axisLabel = {}), o2.xaxisAngle && (b2.xAxis[0].axisLabel.rotate = o2.xaxisAngle), o2.xaxisOffset && (b2.xAxis[0].offset = o2.xaxisOffset), o2.xaxisWidth && (b2.xAxis[0].axisLabel.overflow = "truncate", b2.xAxis[0].axisLabel.width = o2.xaxisWidth), o2.xaxisEllipsis && (b2.xAxis[0].axisLabel.overflow = "truncate", b2.xAxis[0].axisLabel.ellipsis = o2.xaxisEllipsis), o2.xaxisFormatter && (b2.xAxis[0].axisLabel.formatter = o2.xaxisFormatter)), h2 && 0 != b2.xAxis[0].show && (b2.xAxis[0].data = o2.xaxisTestdatas.split(","))), o2.xaxisMin && (b2.xAxis[0].min = o2.xaxisMin), o2.xaxisMax && (b2.xAxis[0].max = o2.xaxisMax);
|
|
32
|
+
const e3 = [o2.yaxisLeft, o2.yaxisRight];
|
|
25
33
|
for (let t2 = 0; t2 < e3.length; t2++) {
|
|
26
|
-
r(e3[t2],
|
|
34
|
+
r(e3[t2], b2.yAxis[t2]);
|
|
27
35
|
}
|
|
28
36
|
}
|
|
29
|
-
if (
|
|
30
|
-
const l3 = e3.props ? e3.props : {},
|
|
37
|
+
if (m && function(e3, t2) {
|
|
38
|
+
const l3 = e3.props ? e3.props : {}, i2 = e3.style ? e3.style : {};
|
|
31
39
|
null == t2.radar && (t2.radar = []);
|
|
32
40
|
const a3 = {};
|
|
33
|
-
|
|
34
|
-
if (
|
|
41
|
+
i2.shape && (a3.shape = i2.shape);
|
|
42
|
+
if (i2.centerLeft || i2.centerTop) {
|
|
35
43
|
const e4 = ["50%", "50%"];
|
|
36
|
-
|
|
44
|
+
i2.centerLeft && (e4[0] = i2.centerLeft), i2.centerTop && (e4[1] = i2.centerTop), a3.center = e4;
|
|
37
45
|
}
|
|
38
|
-
|
|
39
|
-
(
|
|
40
|
-
(
|
|
41
|
-
null !=
|
|
42
|
-
null !=
|
|
43
|
-
null !=
|
|
44
|
-
null !=
|
|
46
|
+
i2.radiusOuter && (a3.radius = i2.radiusOuter);
|
|
47
|
+
(i2.splitNumber || "0" == i2.splitNumber) && (a3.splitNumber = i2.splitNumber);
|
|
48
|
+
(i2.startAngle || "0" == i2.startAngle) && (a3.startAngle = i2.startAngle);
|
|
49
|
+
null != i2.enableXaxisName && ((i2.nameGap || "0" == i2.nameGap) && (a3.nameGap = i2.nameGap), null == a3.axisName && (a3.axisName = {}), a3.axisName.show = i2.enableXaxisName, i2.enableXaxisName && (i2.axisNameColor && (a3.axisName.color = i2.axisNameColor), i2.axisNameFontSize && (a3.axisName.fontSize = i2.axisNameFontSize), i2.axisNameFontWeight && (a3.axisName.fontWeight = i2.axisNameFontWeight), i2.xaxisNameWidth && (a3.axisName.width = i2.xaxisNameWidth), i2.xaxisNameEllipsis && (a3.axisName.overflow = "truncate", a3.axisName.ellipsis = i2.xaxisNameEllipsis), i2.xaxisNameFormatter && (a3.axisName.formatter = i2.xaxisNameFormatter)));
|
|
50
|
+
null != i2.enableAxis && (null == a3.axisLine && (a3.axisLine = {}), a3.axisLine.show = i2.enableAxis, i2.enableAxis && (null == a3.axisLine.lineStyle && (a3.axisLine.lineStyle = {}), i2.axisColor && (a3.axisLine.lineStyle.color = i2.axisColor), i2.axisOpacity && (a3.axisLine.lineStyle.opacity = i2.axisOpacity), (i2.axisWidth || "0" == i2.axisWidth) && (a3.axisLine.lineStyle.width = i2.axisWidth)));
|
|
51
|
+
null != i2.enableSplit && (null == a3.splitLine && (a3.splitLine = {}), a3.splitLine.show = i2.enableSplit, i2.enableSplit && (null == a3.splitLine.lineStyle && (a3.splitLine.lineStyle = {}), i2.splitColor && (a3.splitLine.lineStyle.color = i2.splitColor), i2.splitOpacity && (a3.splitLine.lineStyle.opacity = i2.splitOpacity), (i2.splitWidth || "0" == i2.splitWidth) && (a3.splitLine.lineStyle.width = i2.splitWidth), (i2.splitLength || "0" == i2.splitLength) && (a3.splitLine.length = i2.splitLength), i2.splitLineType && (a3.splitLine.lineStyle.type = i2.splitLineType)));
|
|
52
|
+
null != i2.enableSplitArea && (null == a3.splitArea && (a3.splitArea = {}), a3.splitArea.show = i2.enableSplitArea, i2.enableSplitArea && (null == a3.splitArea.areaStyle && (a3.splitArea.areaStyle = {}), i2.splitAreaColor && (a3.splitArea.areaStyle.color = [i2.splitAreaColor, "#ffffff"]), i2.splitAreaOpacity && (a3.splitArea.areaStyle.opacity = i2.splitAreaOpacity), i2.splitAreaShadowColor && (a3.splitArea.areaStyle.shadowColor = i2.splitAreaShadowColor), i2.splitAreaShadowBlur && (a3.splitArea.areaStyle.shadowBlur = i2.splitAreaShadowBlur), i2.splitAreaShadowX && (a3.splitArea.areaStyle.shadowOffsetX = i2.splitAreaShadowX), i2.splitAreaShadowY && (a3.splitArea.areaStyle.shadowOffsetY = i2.splitAreaShadowY)));
|
|
45
53
|
l3.testitems || (l3.testitems = "项1,项2,项3,项4,项5,项6,项7,项8");
|
|
46
|
-
const
|
|
47
|
-
let
|
|
48
|
-
"fixed" == l3.maxSource && (
|
|
49
|
-
|
|
50
|
-
const
|
|
51
|
-
for (let e4 of
|
|
52
|
-
a3.indicator =
|
|
54
|
+
const o3 = l3.testitems.split(",");
|
|
55
|
+
let s2 = null;
|
|
56
|
+
"fixed" == l3.maxSource && (s2 = l3.maxFixed);
|
|
57
|
+
s2 || (s2 = 100);
|
|
58
|
+
const r2 = [];
|
|
59
|
+
for (let e4 of o3) r2.push({ text: e4, max: s2 });
|
|
60
|
+
a3.indicator = r2, t2.radar || (t2.radar = []);
|
|
53
61
|
0 == t2.radar.length && t2.radar.push({});
|
|
54
62
|
Object.assign(t2.radar[0], a3);
|
|
55
|
-
}(e2,
|
|
63
|
+
}(e2, b2), (h2 || f) && o2.enableDatazoom) {
|
|
56
64
|
const e3 = { type: "slider" };
|
|
57
|
-
|
|
65
|
+
o2.dataZoomType && (e3.type = o2.dataZoomType), o2.dataZoomStart && (e3.start = o2.dataZoomStart), o2.dataZoomEnd && (e3.end = o2.dataZoomEnd), b2.dataZoom.push(e3);
|
|
58
66
|
}
|
|
59
|
-
null !=
|
|
67
|
+
null != o2.enableTooltip && function(e3, l3) {
|
|
60
68
|
var _a;
|
|
61
69
|
l3.tooltip.show = e3.enableTooltip, e3.tooltipTrigger && (l3.tooltip.trigger = e3.tooltipTrigger);
|
|
62
70
|
e3.tooltipPosition && (l3.tooltip.position = e3.tooltipPosition);
|
|
63
71
|
if (e3.tooltipNumFormat) {
|
|
64
|
-
const
|
|
65
|
-
l3.tooltip.valueFormatter = t.apply(l3,
|
|
72
|
+
const i2 = [e3.tooltipNumFormat, e3.tooltipNumPrecision, e3.tooltipNumPrefix, e3.tooltipNumAppend, true];
|
|
73
|
+
l3.tooltip.valueFormatter = t.apply(l3, i2), l3.tooltipFormatterArgs = i2;
|
|
66
74
|
}
|
|
67
75
|
e3.tooltipFormatter && (l3.tooltip.formatter = e3.tooltipFormatter);
|
|
68
76
|
e3.tooltipFontSize && (l3.tooltip.textStyle.fontSize = e3.tooltipFontSize);
|
|
@@ -70,36 +78,36 @@ function a(e2, l2) {
|
|
|
70
78
|
e3.tooltipWeight && (l3.tooltip.textStyle.fontWeight = e3.tooltipWeight);
|
|
71
79
|
e3.tooltipFormatter && (l3.tooltip.formatter = e3.tooltipFormatter);
|
|
72
80
|
e3.axisPointer && (((_a = l3.tooltip) == null ? void 0 : _a.axisPointer) || (l3.tooltip.axisPointer = {}), e3.axisPointer.type && (l3.tooltip.axisPointer.type = e3.axisPointer.type));
|
|
73
|
-
}(
|
|
74
|
-
const
|
|
81
|
+
}(o2, b2);
|
|
82
|
+
const x = {};
|
|
75
83
|
if (e2.stacks && e2.stacks.length > 0) for (let t2 of e2.stacks) t2.series && t2.series.length > 0 && t2.series.forEach((e3) => {
|
|
76
|
-
|
|
84
|
+
x[e3] = t2.uuid;
|
|
77
85
|
});
|
|
78
|
-
const
|
|
79
|
-
if (
|
|
80
|
-
|
|
81
|
-
let e3 =
|
|
86
|
+
const y = e2.items ? e2.items : [];
|
|
87
|
+
if (m) {
|
|
88
|
+
b2.series || (b2.series = []), 0 == b2.series.length && b2.series.push({});
|
|
89
|
+
let e3 = b2.series[0];
|
|
82
90
|
e3.type = "radar", e3.data = [];
|
|
83
|
-
for (let t2 of
|
|
84
|
-
const l3 =
|
|
91
|
+
for (let t2 of y) if ("radar" == t2.type) {
|
|
92
|
+
const l3 = d(t2, b2);
|
|
85
93
|
l3.uuid = t2.uuid, e3.data.push(l3);
|
|
86
94
|
}
|
|
87
|
-
} else for (let e3 of
|
|
95
|
+
} else for (let e3 of y) {
|
|
88
96
|
let t2 = null;
|
|
89
|
-
if (t2 = "scatter" == e3.type ?
|
|
90
|
-
const t3 =
|
|
91
|
-
t3.subtext = e3.props.subTitle,
|
|
97
|
+
if (t2 = "scatter" == e3.type ? p(e3) : n(e3), t2.uuid = e3.uuid, (h2 || f) && ("1" == e3.props.yAxisIndex ? (t2.yAxisIndex = 1, b2.yAxis[1].show = true) : b2.yAxis[0].show = true, "bar" == t2.type && (null != o2.barGap && null != o2.barGap && "" != o2.barGap && (t2.barGap = o2.barGap + "%"), null != o2.barCategoryGap && null != o2.barCategoryGap && "" != o2.barCategoryGap && (t2.barCategoryGap = o2.barCategoryGap + "%"))), (c2 || g2) && e3.props.subTitle) {
|
|
98
|
+
const t3 = s(e3.style);
|
|
99
|
+
t3.subtext = e3.props.subTitle, b2.title.push(t3);
|
|
92
100
|
}
|
|
93
|
-
|
|
101
|
+
x && Object.keys(x).length > 0 && x[t2.uuid] && (t2.stack = x[t2.uuid]), b2.series.push(t2);
|
|
94
102
|
}
|
|
95
|
-
if (
|
|
96
|
-
for (let e3 of
|
|
97
|
-
|
|
103
|
+
if (c2 && (0 == o2.enableLegend && (b2.legend = void 0), b2.xAxis[0].show = false), (g2 || m) && (b2.xAxis[0].show = false), a2.isBar) {
|
|
104
|
+
for (let e3 of b2.yAxis) e3.show && (e3.type = "category", e3.data = b2.xAxis[0].data);
|
|
105
|
+
b2.xAxis[0].data = void 0, b2.isBar = a2.isBar;
|
|
98
106
|
}
|
|
99
|
-
const
|
|
100
|
-
|
|
107
|
+
const S = u(o2.customAttr);
|
|
108
|
+
S && Object.assign(b2, S), l2.value = b2;
|
|
101
109
|
}
|
|
102
|
-
function
|
|
110
|
+
function s(e2) {
|
|
103
111
|
const t2 = { subtextStyle: {} };
|
|
104
112
|
return e2.subtitleFontWeight && (t2.subtextStyle.fontWeight = e2.subtitleFontWeight), e2.subtitleIncline && (t2.subtextStyle.fontStyle = "italic"), e2.subtitleFontSize && (t2.subtextStyle.fontSize = e2.subtitleFontSize), e2.subtitleColor && (t2.subtextStyle.color = e2.subtitleColor), e2.subtitleLeft && (t2.left = e2.subtitleLeft), e2.subtitleTop && (t2.top = e2.subtitleTop), t2;
|
|
105
113
|
}
|
|
@@ -110,7 +118,7 @@ function r(e2, t2) {
|
|
|
110
118
|
if (e3.max) return 10 * Math.ceil(e3.max / 10);
|
|
111
119
|
}), null != e2.enableAxisLine && (t2.splitLine.show = e2.enableAxisLine, e2.enableAxisLine && e2.splitNumber && (t2.splitNumber = e2.splitNumber)), e2.formatter && (t2.axisLabel.formatter = e2.formatter), e2.labelColor && (t2.axisLabel.color = e2.labelColor), e2.labelFontSize && (t2.axisLabel.fontSize = e2.labelFontSize);
|
|
112
120
|
}
|
|
113
|
-
function
|
|
121
|
+
function n(e2) {
|
|
114
122
|
const l2 = e2.props ? e2.props : {}, i2 = e2.style ? e2.style : {}, a2 = { name: l2.title, type: e2.type, label: {}, itemStyle: {}, lineStyle: {}, emphasis: {} };
|
|
115
123
|
if ("bar" === e2.type && (a2.emphasis.itemStyle = { color: "#E3E8C0", borderWidth: 1, borderType: "dashed", borderColor: "#878773" }, e2.style.emphasis && (a2.emphasis || (a2.emphasis = {}), Object.assign(a2.emphasis, e2.style.emphasis))), null != i2.enableLabel) {
|
|
116
124
|
if (a2.label.show = i2.enableLabel, i2.labelPosition && (a2.label.position = i2.labelPosition), i2.labelFontSize && (a2.label.fontSize = i2.labelFontSize), i2.labelColor && (a2.label.color = i2.labelColor), i2.labelWeight && (a2.label.fontWeight = i2.labelWeight), i2.textAlign && (a2.label.align = i2.textAlign), i2.verticalAlign && (a2.label.verticalAlign = i2.verticalAlign), i2.labelAngle && (a2.label.rotate = i2.labelAngle), i2.labelLeft || i2.labelTop) {
|
|
@@ -145,7 +153,7 @@ function s(e2) {
|
|
|
145
153
|
l3.symbolSize > -1 && (e3.symbolSize = l3.symbolSize);
|
|
146
154
|
l3.enableAreaColor && (e3.areaStyle = {}, l3.areaColor && (e3.areaStyle.color = l3.areaColor), l3.areaOrigin && (e3.areaStyle.origin = l3.areaOrigin), l3.areaOpacity && (e3.areaStyle.opacity = l3.areaOpacity), l3.areaShadowColor && (e3.areaStyle.shadowColor = l3.areaShadowColor, l3.areaShadowBlur > -1 && (e3.areaStyle.shadowBlur = l3.areaShadowBlur), l3.areaShadowX > -1 && (e3.areaStyle.shadowOffsetX = l3.areaShadowX), l3.areaShadowY > -1 && (e3.areaStyle.shadowOffsetY = l3.areaShadowY)));
|
|
147
155
|
}(a2, e2);
|
|
148
|
-
const o2 = "pie" == e2.type,
|
|
156
|
+
const o2 = "pie" == e2.type, s2 = {}, r2 = [];
|
|
149
157
|
if (o2 && (function(e3, t2) {
|
|
150
158
|
const l3 = t2.style ? t2.style : {};
|
|
151
159
|
l3.roseType && (e3.roseType = l3.roseType);
|
|
@@ -157,8 +165,8 @@ function s(e2) {
|
|
|
157
165
|
l3.borderColor && (e3.itemStyle.borderColor = l3.borderColor, l3.borderWidth && (e3.itemStyle.borderWidth = l3.borderWidth), l3.borderLineType && (e3.itemStyle.borderType = l3.borderLineType), l3.borderRadius && (e3.itemStyle.borderRadius = l3.borderRadius));
|
|
158
166
|
l3.shadowColor && (e3.itemStyle.shadowColor = l3.shadowColor, l3.borderRadius && (e3.itemStyle.borderColor = l3.borderRadius), l3.shadowBlur && (e3.itemStyle.shadowBlur = l3.shadowBlur), l3.shadowX && (e3.itemStyle.shadowOffsetX = l3.shadowX), l3.shadowY && (e3.itemStyle.shadowOffsetY = l3.shadowY));
|
|
159
167
|
}(a2, e2), i2.colors && i2.colors.length > 0)) {
|
|
160
|
-
for (let e3 of i2.colors) e3.color && (e3.name ?
|
|
161
|
-
a2.pieColorMap =
|
|
168
|
+
for (let e3 of i2.colors) e3.color && (e3.name ? s2[e3.name] = e3.color : r2.push(e3.color));
|
|
169
|
+
a2.pieColorMap = s2, a2.pieColors = r2;
|
|
162
170
|
}
|
|
163
171
|
const n2 = "gauge" == e2.type;
|
|
164
172
|
n2 && function(e3, t2) {
|
|
@@ -193,7 +201,7 @@ function s(e2) {
|
|
|
193
201
|
l3.anchorLeft && (t3[0] = l3.anchorLeft), l3.anchorTop && (t3[1] = l3.anchorTop), e3.anchor.offsetCenter = t3;
|
|
194
202
|
}
|
|
195
203
|
}(a2, e2);
|
|
196
|
-
const d2 =
|
|
204
|
+
const d2 = u(i2.customAttr);
|
|
197
205
|
if (d2 && Object.assign(a2, d2), !l2.testdatas) {
|
|
198
206
|
const e3 = 0, t2 = 100;
|
|
199
207
|
let i3 = [];
|
|
@@ -216,9 +224,9 @@ function s(e2) {
|
|
|
216
224
|
const a3 = i3.split(":");
|
|
217
225
|
if (a3.length < 2) continue;
|
|
218
226
|
const o3 = { value: a3[1], name: a3[0] };
|
|
219
|
-
if (l3 <
|
|
220
|
-
let e4 =
|
|
221
|
-
e4 || (e4 =
|
|
227
|
+
if (l3 < r2.length || s2[o3.name]) {
|
|
228
|
+
let e4 = s2[o3.name];
|
|
229
|
+
e4 || (e4 = r2[l3]), e4 && (o3.itemStyle = { color: e4 });
|
|
222
230
|
}
|
|
223
231
|
t2.push(o3);
|
|
224
232
|
}
|
|
@@ -240,7 +248,7 @@ function s(e2) {
|
|
|
240
248
|
} else a2.data = l2.testdatas.split(",");
|
|
241
249
|
return a2;
|
|
242
250
|
}
|
|
243
|
-
function
|
|
251
|
+
function d(e2, l2) {
|
|
244
252
|
const i2 = e2.props ? e2.props : {}, a2 = e2.style ? e2.style : {}, o2 = { uuid: e2.uuid, name: i2.title };
|
|
245
253
|
if (null != a2.enableLabel) {
|
|
246
254
|
if (null == o2.label && (o2.label = {}), o2.label.show = a2.enableLabel, a2.labelPosition && (o2.label.position = a2.labelPosition), a2.labelFontSize && (o2.label.fontSize = a2.labelFontSize), a2.labelColor && (o2.label.color = a2.labelColor), a2.labelWeight && (o2.label.fontWeight = a2.labelWeight), a2.labelAngle && (o2.label.rotate = a2.labelAngle), a2.labelLeft || a2.labelTop) {
|
|
@@ -253,8 +261,8 @@ function n(e2, l2) {
|
|
|
253
261
|
} else a2.labelFormatter && (o2.label.formatter = a2.labelFormatter);
|
|
254
262
|
}
|
|
255
263
|
null == o2.lineStyle && (o2.lineStyle = {}), a2.lineColor && (o2.lineStyle.color = a2.lineColor), a2.lineOpacity && (o2.lineStyle.opacity = a2.lineOpacity), a2.lineType && (o2.lineStyle.type = a2.lineType), a2.lineWidth > 0 && (o2.lineStyle.width = a2.lineWidth), a2.lineShadowColor && (o2.lineStyle.shadowColor = a2.lineShadowColor, a2.lineShadowBlur && (o2.lineStyle.shadowBlur = a2.lineShadowBlur), a2.lineShadowX && (o2.lineStyle.shadowOffsetX = a2.lineShadowX), a2.lineShadowY && (o2.lineStyle.shadowOffsetY = a2.lineShadowY)), a2.lineSymbol && (o2.symbol = a2.lineSymbol), a2.lineSymbolSize > -1 && (o2.symbolSize = a2.lineSymbolSize), a2.lineSymbolColor && (null == o2.itemStyle && (o2.itemStyle = {}), o2.itemStyle.color = a2.lineSymbolColor), null != a2.enableSplitLineArea && (null == o2.areaStyle && (o2.areaStyle = {}), o2.areaStyle.show = a2.enableSplitLineArea, a2.enableSplitLineArea && (a2.splitLineAreaColor && (o2.areaStyle.color = a2.splitLineAreaColor), a2.splitLineAreaOpacity && (o2.areaStyle.opacity = a2.splitLineAreaOpacity), a2.splitLineAreaShadowColor && (o2.areaStyle.shadowColor = a2.splitLineAreaShadowColor), a2.splitLineAreaShadowBlur && (o2.areaStyle.shadowBlur = a2.splitLineAreaShadowBlur), a2.splitLineAreaShadowX && (o2.areaStyle.shadowOffsetX = a2.splitLineAreaShadowX), a2.splitLineAreaShadowY && (o2.areaStyle.shadowOffsetY = a2.splitLineAreaShadowY)));
|
|
256
|
-
const
|
|
257
|
-
if (
|
|
264
|
+
const s2 = u(a2.customAttr);
|
|
265
|
+
if (s2 && Object.assign(o2, s2), !i2.testdatas) {
|
|
258
266
|
const e3 = 0;
|
|
259
267
|
let t2 = 100, l3 = [];
|
|
260
268
|
for (let i3 = 0; i3 < 8; i3++) {
|
|
@@ -263,12 +271,12 @@ function n(e2, l2) {
|
|
|
263
271
|
}
|
|
264
272
|
i2.testdatas = l3.join(",");
|
|
265
273
|
}
|
|
266
|
-
const
|
|
267
|
-
for (let e3 = 0; e3 < 8 || e3 <
|
|
268
|
-
let t2 = e3 <
|
|
274
|
+
const r2 = l2.radar && l2.radar.length > 0 ? l2.radar[0].indicator : [], n2 = i2.testdatas ? i2.testdatas.split(",") : [], d2 = [], p2 = n2.length;
|
|
275
|
+
for (let e3 = 0; e3 < 8 || e3 < p2; e3++) {
|
|
276
|
+
let t2 = e3 < r2.length ? r2[e3].max : null;
|
|
269
277
|
t2 || (t2 = 100), t2 = parseFloat(t2);
|
|
270
278
|
let l3 = false;
|
|
271
|
-
if (e3 <
|
|
279
|
+
if (e3 < p2) {
|
|
272
280
|
parseFloat(n2[e3]) < t2 && (l3 = true);
|
|
273
281
|
}
|
|
274
282
|
if (l3) d2.push(n2[e3]);
|
|
@@ -279,7 +287,7 @@ function n(e2, l2) {
|
|
|
279
287
|
}
|
|
280
288
|
return o2.value = d2, o2;
|
|
281
289
|
}
|
|
282
|
-
function
|
|
290
|
+
function p(e2, l2) {
|
|
283
291
|
const i2 = e2.props ? e2.props : {}, a2 = e2.style ? e2.style : {}, o2 = { name: i2.title, type: e2.type, itemStyle: {} };
|
|
284
292
|
if (a2.symbol && (o2.symbol = a2.symbol), a2.symbolSize && (o2.symbolSize = a2.symbolSize), a2.symbolColor && (o2.itemStyle.color = a2.symbolColor), a2.symbolRotate && (o2.symbolRotate = a2.symbolRotate), a2.symbolLeft || a2.symbolTop) {
|
|
285
293
|
const e3 = [0, 0];
|
|
@@ -295,8 +303,8 @@ function d(e2, l2) {
|
|
|
295
303
|
o2.label.formatter = t.apply(o2, e3), o2.labelFormatterArgs = e3;
|
|
296
304
|
} else a2.labelFormatter && (o2.label.formatter = a2.labelFormatter);
|
|
297
305
|
}
|
|
298
|
-
const
|
|
299
|
-
if (
|
|
306
|
+
const s2 = u(a2.customAttr);
|
|
307
|
+
if (s2 && Object.assign(o2, s2), !i2.testitems) {
|
|
300
308
|
let e3 = [];
|
|
301
309
|
const t2 = 0, l3 = 10;
|
|
302
310
|
for (let i3 = 0; i3 < 8; i3++) {
|
|
@@ -314,16 +322,16 @@ function d(e2, l2) {
|
|
|
314
322
|
}
|
|
315
323
|
i2.testdatas = l3.join(",");
|
|
316
324
|
}
|
|
317
|
-
const
|
|
318
|
-
for (let e3 = 0; e3 <
|
|
319
|
-
const t2 = parseFloat(
|
|
325
|
+
const r2 = i2.testitems.split(","), n2 = i2.testitems.split(","), d2 = [];
|
|
326
|
+
for (let e3 = 0; e3 < r2.length && e3 < n2.length; e3++) {
|
|
327
|
+
const t2 = parseFloat(r2[e3]), l3 = parseFloat(n2[e3]);
|
|
320
328
|
if (isNaN(t2) || isNaN(l3)) continue;
|
|
321
329
|
const i3 = [t2, l3];
|
|
322
330
|
d2.push(i3);
|
|
323
331
|
}
|
|
324
332
|
return o2.data = d2, o2;
|
|
325
333
|
}
|
|
326
|
-
function
|
|
334
|
+
function u(e2) {
|
|
327
335
|
if (e2) {
|
|
328
336
|
e2.trim && (e2 = e2.trim()), e2.indexOf && 0 != e2.indexOf("{") && (e2 = "{" + e2 + "}");
|
|
329
337
|
try {
|
|
@@ -333,7 +341,7 @@ function p(e2) {
|
|
|
333
341
|
}
|
|
334
342
|
return null;
|
|
335
343
|
}
|
|
336
|
-
function
|
|
344
|
+
function b(t2) {
|
|
337
345
|
const l2 = e().pageContext;
|
|
338
346
|
if (l2) {
|
|
339
347
|
l2.initChartServiceConfigs || (l2.initChartServiceConfigs = []);
|
|
@@ -362,18 +370,18 @@ function h(t2, i2) {
|
|
|
362
370
|
a2.allChartUuids.indexOf(t2.uuid) < 0 && a2.allChartUuids.push(t2.uuid);
|
|
363
371
|
const o2 = t2.props.dataOrigin ? t2.props.dataOrigin : {};
|
|
364
372
|
o2.service || (o2.service = {});
|
|
365
|
-
const
|
|
366
|
-
if (
|
|
367
|
-
const
|
|
373
|
+
const s2 = o2.service;
|
|
374
|
+
if (s2.simpleCode) {
|
|
375
|
+
const r2 = { uuid: t2.uuid }, n2 = { serivceCode: s2.simpleCode, uuid: t2.uuid };
|
|
368
376
|
i2 && (n2.groupValue = i2.groupValue, i2.dynamicSeriesFields && i2.dynamicSeriesFields.length > 0 && (n2.dynamicSeriesFields = i2.dynamicSeriesFields));
|
|
369
377
|
const d2 = (_a = t2 == null ? void 0 : t2.props.dataOrigin) == null ? void 0 : _a.serviceInputs;
|
|
370
|
-
return d2 && (n2.serviceInputs = l(d2)),
|
|
378
|
+
return d2 && (n2.serviceInputs = l(d2)), r2.services = [n2], r2 && (r2.initializationQuery = t2.initializationQuery), e2 > -1 ? a2.initChartServiceConfigs[e2] = r2 : a2.initChartServiceConfigs.push(r2), r2.resultSet = o2.resultSet ? o2.resultSet : null, r2;
|
|
371
379
|
}
|
|
372
380
|
e2 > -1 && a2.initChartServiceConfigs.shift(e2, 1);
|
|
373
381
|
}
|
|
374
382
|
return null;
|
|
375
383
|
}
|
|
376
|
-
function
|
|
384
|
+
function c(t2, i2) {
|
|
377
385
|
const a2 = e().pageContext;
|
|
378
386
|
if (a2.initChartServiceConfigs) {
|
|
379
387
|
a2.initChartServiceConfigs.filter((e2) => e2.uuid && e2.uuid === t2.uuid).forEach((e2) => {
|
|
@@ -382,17 +390,17 @@ function b(t2, i2) {
|
|
|
382
390
|
});
|
|
383
391
|
}
|
|
384
392
|
}
|
|
385
|
-
function
|
|
393
|
+
function g(e2, t2) {
|
|
386
394
|
const l2 = [];
|
|
387
395
|
e2.items && e2.items.length > 0 && e2.items.forEach((e3) => {
|
|
388
396
|
e3.props && e3.props.dynamicSeriesField && l2.push(e3.props.dynamicSeriesField);
|
|
389
397
|
}), t2.dynamicSeriesFields = l2;
|
|
390
398
|
}
|
|
391
399
|
export {
|
|
392
|
-
|
|
393
|
-
|
|
400
|
+
a as generateChartHeader,
|
|
401
|
+
o as generateChartOption,
|
|
394
402
|
h as initComponentDataConfig,
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
403
|
+
b as removComponentDataConfig,
|
|
404
|
+
g as updateDynamicSeriesField,
|
|
405
|
+
c as updateServiceInputs
|
|
398
406
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import t from "./button-attr-base.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const o = e(t, [["__scopeId", "data-v-
|
|
4
|
+
const o = e(t, [["__scopeId", "data-v-a6d6f627"]]);
|
|
5
5
|
export {
|
|
6
6
|
o as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as a, onMounted as l, resolveComponent as o, createBlock as i, openBlock as t, withCtx as s, createVNode as u,
|
|
1
|
+
import { defineComponent as e, ref as a, onMounted as l, resolveComponent as o, createBlock as i, openBlock as t, withCtx as s, createVNode as u, createCommentVNode as n, createElementVNode as r, createElementBlock as d, Fragment as p, renderList as c, unref as m, createTextVNode as f, withDirectives as g, vShow as b } from "vue";
|
|
2
2
|
import { getFormComponentOptions as V } from "../../../../utils/assemblys-config.js";
|
|
3
3
|
import "../../../../../../stores/page-store.js";
|
|
4
4
|
/* empty css */
|
|
@@ -6,23 +6,23 @@ import v from "../../common/common-icon-bind.vue.js";
|
|
|
6
6
|
import _ from "agilebuilder-ui/src/utils/request";
|
|
7
7
|
import y from "../../common/common-function-code.vue.js";
|
|
8
8
|
import "@element-plus/icons";
|
|
9
|
-
import { Close as U, Check as
|
|
9
|
+
import { Close as U, Check as k } from "@element-plus/icons-vue";
|
|
10
10
|
import "uuid";
|
|
11
11
|
import "../../../../../../stores/table-store.js";
|
|
12
12
|
import "../../../../../../stores/statistics-table-store.js";
|
|
13
13
|
/* empty css */
|
|
14
|
-
import { getTableConfigByTableUuid as
|
|
14
|
+
import { getTableConfigByTableUuid as h } from "../../../../utils/page-table-util.js";
|
|
15
15
|
import x from "../../common/common-i18n-key-input.vue.js";
|
|
16
16
|
import D from "../../chart/statistical-table/component/link-table.vue.js";
|
|
17
17
|
import P from "../../common/common-template-select.vue.js";
|
|
18
|
-
const j = { class: "collapse-item-content" }, w = { class: "collapse-item-content" },
|
|
19
|
-
const
|
|
20
|
-
|
|
18
|
+
const j = { class: "collapse-item-content" }, w = { class: "collapse-item-content" }, F = { class: "collapse-item-content" }, T = { class: "collapse-item-content" }, z = { class: "collapse-item-content" }, C = e({ __name: "button-attr-base", props: { configure: { type: Object, default: () => ({ props: {} }) }, pageDesign: { type: Object, default: () => ({ props: {} }) } }, setup(e2) {
|
|
19
|
+
const C2 = e2, E = a(["base", "appearance", "otherSettings", "linkPage", "templateConfig"]), q = a({}), R = a([]), A = a($()), I = a(false);
|
|
20
|
+
C2.configure.props.base.templateFiles && C2.configure.props.base.templateFiles.forEach((e3) => {
|
|
21
21
|
R.value.push(e3.templateUuid);
|
|
22
|
-
}), void 0 ===
|
|
22
|
+
}), void 0 === C2.configure.props.base.isEnableRequired && (C2.configure.props.base.isEnableRequired = true), !C2.configure.props.linkPage || C2.configure.props.linkPage instanceof Array || (C2.configure.props.linkPage = [{ linkPage: C2.configure.props.linkPage }]), I.value = true;
|
|
23
23
|
const S = a([]);
|
|
24
24
|
function $() {
|
|
25
|
-
return
|
|
25
|
+
return h(C2.pageDesign, C2.configure);
|
|
26
26
|
}
|
|
27
27
|
function M(e3) {
|
|
28
28
|
const a2 = $();
|
|
@@ -31,20 +31,20 @@ const j = { class: "collapse-item-content" }, w = { class: "collapse-item-conten
|
|
|
31
31
|
return l(() => {
|
|
32
32
|
!function() {
|
|
33
33
|
var _a;
|
|
34
|
-
const e3 = (_a =
|
|
35
|
-
_.post(window.$vueApp.config.globalProperties.baseAPI + `/dc/template-management/list/${
|
|
36
|
-
|
|
34
|
+
const e3 = (_a = C2.pageDesign) == null ? void 0 : _a.systemVersion;
|
|
35
|
+
_.post(window.$vueApp.config.globalProperties.baseAPI + `/dc/template-management/list/${C2.pageDesign.systemCode}?publishVersion=${e3}`, {}).then((e4) => {
|
|
36
|
+
q.value = e4.data;
|
|
37
37
|
});
|
|
38
|
-
}(),
|
|
38
|
+
}(), C2.pageDesign.tableUuids && C2.pageDesign.tableUuids.length > 0 && (S.value = C2.pageDesign.tableUuids);
|
|
39
39
|
}), (a2, l2) => {
|
|
40
|
-
const _2 = o("el-option"),
|
|
41
|
-
return t(), i(J, { "label-width": "80px", size: "small" }, { default: s(() => [u(H, { modelValue:
|
|
42
|
-
|
|
43
|
-
}(e3, a3)) }, null, 8, ["iconType", "iconValue"]))]), _: 1 }), g(u(
|
|
44
|
-
|
|
45
|
-
}(e3)) }, null, 8, ["pageDesign", "data", "configure", "tableConfigure"])) :
|
|
40
|
+
const _2 = o("el-option"), h2 = o("el-select"), q2 = o("el-form-item"), R2 = o("el-input"), $2 = o("el-radio"), N = o("el-radio-group"), O = o("el-collapse-item"), B = o("el-radio-button"), G = o("el-switch"), H = o("el-collapse"), J = o("el-form");
|
|
41
|
+
return t(), i(J, { "label-width": "80px", size: "small" }, { default: s(() => [u(H, { modelValue: E.value, "onUpdate:modelValue": l2[26] || (l2[26] = (e3) => E.value = e3), style: { "margin-top": "6px" } }, { default: s(() => [e2.configure.isFlow ? n("", true) : (t(), i(O, { key: 0, title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: s(() => [r("div", j, [u(q2, { label: "组件类型", class: "amb-design-attr-item" }, { default: s(() => [u(h2, { modelValue: e2.configure.name, "onUpdate:modelValue": l2[0] || (l2[0] = (a3) => e2.configure.name = a3), placeholder: "请选择" }, { default: s(() => [(t(true), d(p, null, c(m(V)(), (e3) => (t(), i(_2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "唯一编码", class: "amb-design-attr-item" }, { default: s(() => [u(R2, { modelValue: e2.configure.uuid, "onUpdate:modelValue": l2[1] || (l2[1] = (a3) => e2.configure.uuid = a3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), u(q2, { label: "自定义编码", class: "amb-design-attr-item" }, { default: s(() => [u(R2, { modelValue: e2.configure.code, "onUpdate:modelValue": l2[2] || (l2[2] = (a3) => e2.configure.code = a3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "绑定权限", class: "amb-design-attr-item" }, { default: s(() => [(t(), i(y, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }), u(q2, { label: "标题", class: "amb-design-attr-item" }, { default: s(() => [u(x, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": l2[3] || (l2[3] = (a3) => e2.configure.props.base.title = a3) }, null, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "状态", class: "amb-design-attr-item" }, { default: s(() => [u(N, { modelValue: e2.configure.props.base.state, "onUpdate:modelValue": l2[4] || (l2[4] = (a3) => e2.configure.props.base.state = a3), class: "ml-4" }, { default: s(() => [u($2, { value: "default" }, { default: s(() => [...l2[27] || (l2[27] = [f("普通", -1)])]), _: 1 }), u($2, { value: "disabled" }, { default: s(() => [...l2[28] || (l2[28] = [f("禁用", -1)])]), _: 1 }), u($2, { value: "hidden" }, { default: s(() => [...l2[29] || (l2[29] = [f("隐藏", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 })), u(O, { title: "外观", name: "appearance", class: "amb-design-attr-group-header" }, { default: s(() => [r("div", w, [u(q2, { label: "尺寸", class: "amb-design-attr-item" }, { default: s(() => [u(N, { modelValue: e2.configure.props.base.size, "onUpdate:modelValue": l2[5] || (l2[5] = (a3) => e2.configure.props.base.size = a3), class: "ml-4" }, { default: s(() => [u($2, { value: "large" }, { default: s(() => [...l2[30] || (l2[30] = [f("大", -1)])]), _: 1 }), u($2, { value: "default" }, { default: s(() => [...l2[31] || (l2[31] = [f("中", -1)])]), _: 1 }), u($2, { value: "small" }, { default: s(() => [...l2[32] || (l2[32] = [f("小", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "按钮类型", class: "amb-design-attr-item" }, { default: s(() => [u(h2, { modelValue: e2.configure.props.base.type, "onUpdate:modelValue": l2[6] || (l2[6] = (a3) => e2.configure.props.base.type = a3), class: "ml-4", clearable: "" }, { default: s(() => [u(_2, { label: "primary", value: "primary" }), u(_2, { label: "success", value: "success" }), u(_2, { label: "warning", value: "warning" }), u(_2, { label: "danger", value: "danger" }), u(_2, { label: "info", value: "info" }), u(_2, { label: "default", value: "default" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "图标", class: "amb-design-attr-item" }, { default: s(() => [(t(), i(v, { key: e2.configure.uuid, iconType: e2.configure.props.base.iconType, iconValue: e2.configure.props.base.iconValue, "onUpdate:modelValue": l2[7] || (l2[7] = (e3, a3) => function(e4, a4) {
|
|
42
|
+
C2.configure.props.base.iconType = e4, C2.configure.props.base.iconValue = a4, a4 || (C2.configure.props.base.isTextIcon = false);
|
|
43
|
+
}(e3, a3)) }, null, 8, ["iconType", "iconValue"]))]), _: 1 }), g(u(q2, { label: "图标位置", class: "amb-design-attr-item" }, { default: s(() => [u(N, { modelValue: e2.configure.props.base.iconPosition, "onUpdate:modelValue": l2[8] || (l2[8] = (a3) => e2.configure.props.base.iconPosition = a3), class: "ml-4" }, { default: s(() => [u(B, { value: "left" }, { default: s(() => [...l2[33] || (l2[33] = [f("标题前", -1)])]), _: 1 }), u(B, { value: "right" }, { default: s(() => [...l2[34] || (l2[34] = [f("标题后", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.iconValue]]), u(q2, { label: "文字按钮", class: "amb-design-attr-item" }, { default: s(() => [u(G, { modelValue: e2.configure.props.base.text, "onUpdate:modelValue": l2[9] || (l2[9] = (a3) => e2.configure.props.base.text = a3), disabled: !!e2.configure.props.base.plain || !!e2.configure.props.base.plain, "inline-prompt": "", "active-icon": m(k), "inactive-icon": m(U) }, null, 8, ["modelValue", "disabled", "active-icon", "inactive-icon"])]), _: 1 }), e2.configure.props.base.text ? (t(), i(q2, { key: 0, label: "图标按钮", class: "amb-design-attr-item" }, { default: s(() => [u(G, { modelValue: e2.configure.props.base.isTextIcon, "onUpdate:modelValue": l2[10] || (l2[10] = (a3) => e2.configure.props.base.isTextIcon = a3), disabled: !e2.configure.props.base.iconValue, "inline-prompt": "", "active-icon": m(k), "inactive-icon": m(U) }, null, 8, ["modelValue", "disabled", "active-icon", "inactive-icon"])]), _: 1 })) : n("", true), u(q2, { label: "朴素按钮", class: "amb-design-attr-item" }, { default: s(() => [u(G, { modelValue: e2.configure.props.base.plain, "onUpdate:modelValue": l2[11] || (l2[11] = (a3) => e2.configure.props.base.plain = a3), disabled: !!e2.configure.props.base.text, "inline-prompt": "", "active-icon": m(k), "inactive-icon": m(U) }, null, 8, ["modelValue", "disabled", "active-icon", "inactive-icon"])]), _: 1 }), u(q2, { label: "圆角按钮", class: "amb-design-attr-item" }, { default: s(() => [u(G, { modelValue: e2.configure.props.base.round, "onUpdate:modelValue": l2[12] || (l2[12] = (a3) => e2.configure.props.base.round = a3), disabled: !!e2.configure.props.base.text, "inline-prompt": "", "active-icon": m(k), "inactive-icon": m(U) }, null, 8, ["modelValue", "disabled", "active-icon", "inactive-icon"])]), _: 1 }), u(q2, { label: "加载状态", class: "amb-design-attr-item" }, { default: s(() => [u(N, { modelValue: e2.configure.props.base.loading, "onUpdate:modelValue": l2[13] || (l2[13] = (a3) => e2.configure.props.base.loading = a3), class: "ml-4" }, { default: s(() => [u($2, { value: true }, { default: s(() => [...l2[35] || (l2[35] = [f("是", -1)])]), _: 1 }), u($2, { value: false }, { default: s(() => [...l2[36] || (l2[36] = [f("否", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "默认聚焦", class: "amb-design-attr-item" }, { default: s(() => [u(N, { modelValue: e2.configure.props.base.focus, "onUpdate:modelValue": l2[14] || (l2[14] = (a3) => e2.configure.props.base.focus = a3), class: "ml-4" }, { default: s(() => [u($2, { value: true }, { default: s(() => [...l2[37] || (l2[37] = [f("是", -1)])]), _: 1 }), u($2, { value: false }, { default: s(() => [...l2[38] || (l2[38] = [f("否", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "原生type", class: "amb-design-attr-item" }, { default: s(() => [u(N, { modelValue: e2.configure.props.base.originalType, "onUpdate:modelValue": l2[15] || (l2[15] = (a3) => e2.configure.props.base.originalType = a3), class: "ml-4", disabled: !!e2.configure.props.base.text }, { default: s(() => [u($2, { value: "button" }, { default: s(() => [...l2[39] || (l2[39] = [f("button", -1)])]), _: 1 }), u($2, { value: "submit" }, { default: s(() => [...l2[40] || (l2[40] = [f("submit", -1)])]), _: 1 }), u($2, { value: "reset" }, { default: s(() => [...l2[41] || (l2[41] = [f("reset", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 })])]), _: 1 }), e2.configure.isFlow ? n("", true) : (t(), i(O, { key: 1, title: "跳转配置", name: "linkPage", class: "amb-design-attr-group-header" }, { default: s(() => [r("div", F, [I.value ? (t(), i(D, { key: 0, pageDesign: e2.pageDesign, paramTypes: ["data", "task", "page", "context", "system", "request", "fixed", "row"], data: e2.configure.props.linkPage, configure: e2.configure, tableConfigure: A.value, onDataChange: l2[16] || (l2[16] = (e3) => function(e4) {
|
|
44
|
+
C2.configure.props.linkPage = e4;
|
|
45
|
+
}(e3)) }, null, 8, ["pageDesign", "data", "configure", "tableConfigure"])) : n("", true)])]), _: 1 })), e2.configure.isFlow ? n("", true) : (t(), i(O, { key: 2, title: "模板配置", name: "templateConfig", class: "amb-design-attr-group-header" }, { default: s(() => [r("div", T, [u(P, { modelValue: e2.configure.props.base.templateFiles, "onUpdate:modelValue": l2[17] || (l2[17] = (a3) => e2.configure.props.base.templateFiles = a3), pageDesign: e2.pageDesign, tableConfigure: A.value }, null, 8, ["modelValue", "pageDesign", "tableConfigure"])])]), _: 1 })), u(O, { title: "其他设置", name: "otherSettings", class: "amb-design-attr-group-header" }, { default: s(() => [r("div", z, [!e2.configure.isFlow ? (t(), d(p, { key: 1 }, [u(q2, { label: "回填赋值", class: "amb-design-attr-item" }, { default: s(() => [u(G, { modelValue: e2.configure.props.base.isNeedValueMapping, "onUpdate:modelValue": l2[19] || (l2[19] = (a3) => e2.configure.props.base.isNeedValueMapping = a3), size: "default" }, null, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "权限保护", class: "amb-design-attr-item" }, { default: s(() => [u(G, { modelValue: e2.configure.props.base.isPermission, "onUpdate:modelValue": l2[20] || (l2[20] = (a3) => e2.configure.props.base.isPermission = a3), size: "default" }, null, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "是否异步", class: "amb-design-attr-item" }, { default: s(() => [u(G, { modelValue: e2.configure.props.base.isAsync, "onUpdate:modelValue": l2[21] || (l2[21] = (a3) => e2.configure.props.base.isAsync = a3), size: "default" }, null, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "必填验证", class: "amb-design-attr-item" }, { default: s(() => [u(G, { modelValue: e2.configure.props.base.isEnableRequired, "onUpdate:modelValue": l2[22] || (l2[22] = (a3) => e2.configure.props.base.isEnableRequired = a3), size: "default" }, null, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "逻辑删除", class: "amb-design-attr-item" }, { default: s(() => [u(G, { modelValue: e2.configure.props.base.isSafeDelete, "onUpdate:modelValue": l2[23] || (l2[23] = (a3) => e2.configure.props.base.isSafeDelete = a3), size: "default" }, null, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "执行条件", class: "amb-design-attr-item" }, { default: s(() => [u(h2, { modelValue: e2.configure.props.base.conditionsForExecution, "onUpdate:modelValue": l2[24] || (l2[24] = (a3) => e2.configure.props.base.conditionsForExecution = a3) }, { default: s(() => [u(_2, { label: "无限制", value: "any" }), u(_2, { label: "选单行", value: "one" }), u(_2, { label: "选多行（包括单行）", value: "more" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(q2, { label: "对应表格", class: "amb-design-attr-item" }, { default: s(() => [u(h2, { modelValue: e2.configure.props.base.tableUuid, "onUpdate:modelValue": l2[25] || (l2[25] = (a3) => e2.configure.props.base.tableUuid = a3), clearable: "", filterable: "", "allow-create": "", onChange: M }, { default: s(() => [(t(true), d(p, null, c(S.value, (e3) => (t(), i(_2, { key: e3, label: e3, value: e3 }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })], 64)) : (t(), i(q2, { key: 0, label: "必填验证", class: "amb-design-attr-item" }, { default: s(() => [u(G, { modelValue: e2.configure.props.base.isEnableRequired, "onUpdate:modelValue": l2[18] || (l2[18] = (a3) => e2.configure.props.base.isEnableRequired = a3), size: "default" }, null, 8, ["modelValue"])]), _: 1 }))])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
46
46
|
};
|
|
47
47
|
} });
|
|
48
48
|
export {
|
|
49
|
-
|
|
49
|
+
C as default
|
|
50
50
|
};
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
import { defineComponent as e, resolveComponent as l, createBlock as a, openBlock as t, withCtx as n, createElementVNode as o, createVNode as u,
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
return
|
|
1
|
+
import { defineComponent as e, resolveComponent as l, createBlock as a, openBlock as t, withCtx as n, createElementVNode as o, createVNode as u, createCommentVNode as d, withDirectives as r, createTextVNode as g, vShow as i } from "vue";
|
|
2
|
+
const s = { style: { padding: "8px 0px 0px 0px" } }, m = e({ __name: "common-style-legend", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
3
|
+
const m2 = e2;
|
|
4
|
+
return m2.configure.style.legend || (m2.configure.style.legend = { type: "plain" }), (m3, p) => {
|
|
5
|
+
const c = l("el-switch"), f = l("el-form-item"), y = l("el-radio-button"), b = l("el-radio-group"), V = l("el-option"), _ = l("el-select"), x = l("el-input-number"), L = l("el-input"), v = l("el-text"), h = l("el-collapse-item");
|
|
6
|
+
return t(), a(h, { title: "图例", name: "styleLegend", class: "amb-design-attr-group-header" }, { default: n(() => [o("div", s, [u(f, { label: "是否显示", style: { "margin-top": "0px" } }, { default: n(() => [u(c, { modelValue: e2.configure.style.enableLegend, "onUpdate:modelValue": p[0] || (p[0] = (l2) => e2.configure.style.enableLegend = l2) }, null, 8, ["modelValue"])]), _: 1 }), e2.configure.style.enableLegend ? (t(), a(f, { key: 0, label: "类型", style: { "margin-top": "-10px" } }, { default: n(() => [u(b, { modelValue: e2.configure.style.legend.type, "onUpdate:modelValue": p[1] || (p[1] = (l2) => e2.configure.style.legend.type = l2) }, { default: n(() => [u(y, { value: "plain" }, { default: n(() => [...p[8] || (p[8] = [g("普通图例", -1)])]), _: 1 }), u(y, { value: "scroll" }, { default: n(() => [...p[9] || (p[9] = [g("滚动翻页", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), r(u(f, { label: "布局", style: { "margin-top": "-10px" } }, { default: n(() => [u(b, { modelValue: e2.configure.style.legendLayout, "onUpdate:modelValue": p[2] || (p[2] = (l2) => e2.configure.style.legendLayout = l2) }, { default: n(() => [u(y, { value: "" }, { default: n(() => [...p[10] || (p[10] = [g("默认", -1)])]), _: 1 }), u(y, { value: "horizontal" }, { default: n(() => [...p[11] || (p[11] = [g("水平", -1)])]), _: 1 }), u(y, { value: "vertical" }, { default: n(() => [...p[12] || (p[12] = [g("垂直", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[i, e2.configure.style.enableLegend]]), r(u(f, { label: "水平对齐", style: { "margin-top": "-10px" } }, { default: n(() => [u(_, { modelValue: e2.configure.style.legendAlign, "onUpdate:modelValue": p[3] || (p[3] = (l2) => e2.configure.style.legendAlign = l2), placeholder: "默认", clearable: "" }, { default: n(() => [u(V, { label: "靠左", value: "left" }), u(V, { label: "居中", value: "center" }), u(V, { label: "靠右", value: "right" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[i, e2.configure.style.enableLegend]]), r(u(f, { label: "垂直对齐", style: { "margin-top": "-10px" } }, { default: n(() => [u(_, { modelValue: e2.configure.style.legendVerticalAlign, "onUpdate:modelValue": p[4] || (p[4] = (l2) => e2.configure.style.legendVerticalAlign = l2), placeholder: "默认", clearable: "" }, { default: n(() => [u(V, { label: "顶部", value: "top" }), u(V, { label: "居中", value: "middle" }), u(V, { label: "底部", value: "bottom" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[i, e2.configure.style.enableLegend]]), r(u(f, { label: "内边距", style: { "margin-top": "-10px" } }, { default: n(() => [u(x, { modelValue: e2.configure.style.legendPadding, "onUpdate:modelValue": p[5] || (p[5] = (l2) => e2.configure.style.legendPadding = l2), min: "0", max: "200" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[i, e2.configure.style.enableLegend]]), r(u(f, { label: "自定义配置", style: { "margin-top": "-8px" } }, { default: n(() => [u(L, { modelValue: e2.configure.style.customLegendParams, "onUpdate:modelValue": p[6] || (p[6] = (l2) => e2.configure.style.customLegendParams = l2), rows: 5, type: "textarea", placeholder: "{\r\n textStyle: {\r\n width: 180, \r\n overflow: 'truncate'\r\n },\r\n top: '10%',\r\n tooltip: {\r\n show: true \r\n }\r\n }" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[i, e2.configure.style.enableLegend]]), r(u(f, { label: "内容定义", style: { "margin-bottom": "-15px" } }, { default: n(() => [u(L, { modelValue: e2.configure.style.customLegend, "onUpdate:modelValue": p[7] || (p[7] = (l2) => e2.configure.style.customLegend = l2), rows: 3, type: "textarea", placeholder: "Legend {name}" }, null, 8, ["modelValue"]), u(v, { type: "success", size: "small" }, { default: n(() => [...p[13] || (p[13] = [g("模板变量为图例名称{name}", -1)])]), _: 1 })]), _: 1 }, 512), [[i, e2.configure.style.enableLegend]])])]), _: 1 });
|
|
7
|
+
};
|
|
5
8
|
} });
|
|
6
9
|
export {
|
|
7
10
|
m as default
|