super-page-designer 2.2.85 → 2.2.89-sit11
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 +9 -10
- package/dist/es/components/design/utils/common-util.d.ts +1 -0
- package/dist/es/components/design/utils/common-util.js +14 -9
- package/dist/es/components/design/utils/page-table-util.js +9 -9
- package/dist/es/components/design/views/assemblys/button/button/button-attr-advanced.vue.js +21 -21
- package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +33 -33
- package/dist/es/components/design/views/assemblys/button/button/button-design.vue2.js +16 -16
- package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-attr-base.vue.js +8 -8
- package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-design.vue.js +4 -1
- package/dist/es/components/design/views/assemblys/button/button-group/buttongroup-design.vue2.js +38 -34
- package/dist/es/components/design/views/assemblys/button/component/combination.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/button/component/condition-dialog.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue2.js +8 -8
- package/dist/es/components/design/views/assemblys/button/component/set-dialog.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-base.vue.js +20 -19
- package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-design.vue2.js +19 -19
- package/dist/es/components/design/views/assemblys/button/print-label/printlabel-attr-base.vue.js +9 -8
- package/dist/es/components/design/views/assemblys/button/print-label/printlabel-design.vue2.js +19 -19
- package/dist/es/components/design/views/assemblys/chart/column-line/column-line-design.vue2.js +9 -9
- package/dist/es/components/design/views/assemblys/chart/gauge/gauge-design.vue2.js +9 -9
- package/dist/es/components/design/views/assemblys/chart/pie/pie-design.vue2.js +8 -8
- package/dist/es/components/design/views/assemblys/chart/radar/radar-design.vue2.js +12 -12
- package/dist/es/components/design/views/assemblys/chart/scatter/scatter-design.vue2.js +11 -11
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/data-origin.vue2.js +39 -37
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/font-style-dialog.vue.js +12 -12
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/link-table.vue.js +27 -27
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/style-table.vue.js +14 -14
- package/dist/es/components/design/views/assemblys/chart/statistical-table/component/table-showcondition.vue.js +47 -47
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue2.js +24 -23
- package/dist/es/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js +6 -6
- package/dist/es/components/design/views/assemblys/common/common-attr-size.vue.js +11 -11
- package/dist/es/components/design/views/assemblys/common/common-i18n-key-input.vue.js +11 -11
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue.js +5 -104
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue3.js +102 -0
- package/dist/es/components/design/views/assemblys/common/common-select-page.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-select-table.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue3.js +11 -11
- package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +67 -63
- package/dist/es/components/design/views/assemblys/container/card/card-design.vue.js +4 -1
- package/dist/es/components/design/views/assemblys/container/card/card-design.vue2.js +43 -38
- package/dist/es/components/design/views/assemblys/container/iframe/iframe-attr-base.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/container/tabs/tabs-design.vue2.js +26 -26
- package/dist/es/components/design/views/assemblys/data/component/column-config.vue.js +2 -2
- 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 +30 -30
- package/dist/es/components/design/views/assemblys/data/component/configuration-value.vue.js +7 -7
- package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue2.js +4 -4
- package/dist/es/components/design/views/assemblys/data/component/data-origin.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +11 -11
- package/dist/es/components/design/views/assemblys/data/component/dynamic-column.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/formatting.vue.js +5 -5
- package/dist/es/components/design/views/assemblys/data/component/querySetting.vue.js +6 -6
- package/dist/es/components/design/views/assemblys/data/component/return-set-table.vue.js +8 -8
- package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js +11 -11
- package/dist/es/components/design/views/assemblys/data/component/variate-select.vue.js +5 -5
- package/dist/es/components/design/views/assemblys/data/table/table-attr-advanced.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +8 -8
- package/dist/es/components/design/views/assemblys/data/table/table-attr.vue2.js +14 -11
- 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 +83 -80
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +28 -7
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-dynamic-column.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/tree/tree-attr-context-menu.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/data/tree/tree-design.vue2.js +10 -10
- package/dist/es/components/design/views/assemblys/form/common/bar-code-rule.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/condition.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/form/common/data-origin.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/form/common/data-origin.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +2 -26
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +26 -2
- package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue.js +33 -25
- package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue2.js +6 -6
- package/dist/es/components/design/views/assemblys/form/common/parameter-table.vue.js +34 -31
- package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js +14 -14
- package/dist/es/components/design/views/assemblys/form/common/verification-custom.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/custom/custom-attr-base.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/form/custom/custom-attr.vue2.js +6 -6
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr-base.vue.js +3 -3
- 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 +14 -14
- 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/switch/switch-attr-base.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/object-design.vue.d.ts +4 -0
- package/dist/es/components/design/views/assemblys/object-design.vue.js +5 -138
- package/dist/es/components/design/views/assemblys/object-design.vue3.js +140 -0
- package/dist/es/components/design/views/assemblys/page/component/setting-form-rule-base-input.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/page/component/weight-field-input.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/page/create-workflow-dialog.vue.js +8 -8
- package/dist/es/components/design/views/assemblys/page/page-attr-base.vue.js +8 -8
- package/dist/es/components/design/views/assemblys/page/variable-dialog.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/workflow/component/combination.vue.js +25 -34
- package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr-base.vue.js +7 -7
- package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-design.vue.js +4 -1
- package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-design.vue2.js +22 -18
- package/dist/es/components/design/views/design/page-event/config.vue.js +1 -1
- package/dist/es/components/design/views/design/page-event/page-event-container.vue.js +36 -36
- package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +64 -64
- package/dist/es/components/design/views/design/page-event/page-event-view.vue.js +10 -9
- package/dist/es/components/design/views/design/view/attr-container.vue.js +24 -24
- package/dist/es/components/design/views/design/view/components/el-aside-expand-component.vue.js +24 -0
- package/dist/es/components/design/views/design/view/components/i18n-setting-enabled.vue.js +2 -2
- package/dist/es/components/design/views/design/view/components/i18n-setting-page.vue.js +1 -1
- package/dist/es/components/design/views/design/view/components/i18n-setting-page.vue2.js +4 -4
- package/dist/es/components/design/views/design/view/components/i18n-setting.vue.js +4 -4
- package/dist/es/components/design/views/design/view/components/quick-add-dialog.vue.js +10 -9
- package/dist/es/components/design/views/design/view/components/translate-error-dialog.vue.js +8 -8
- 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 +1 -1
- 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/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 +2 -2
- package/dist/es/components/design/views/design/view/view-design.vue.js +27 -26
- package/dist/es/index.js +1 -1
- package/dist/es/style.css +14282 -11302
- package/package.json +4 -4
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue2.js +0 -4
- package/dist/es/components/design/views/assemblys/object-design.vue2.js +0 -4
- /package/dist/es/components/design/views/design/page-event/{config.vue3.js → config.vue2.js} +0 -0
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, watch as i, onUnmounted as r, createElementBlock as o, openBlock as n, withModifiers as s, normalizeClass as u, normalizeStyle as c, withDirectives as l, createVNode as
|
|
1
|
+
import { defineComponent as e, ref as t, watch as i, onUnmounted as r, createElementBlock as o, openBlock as n, withModifiers as s, normalizeClass as u, normalizeStyle as c, withDirectives as l, createVNode as m, vShow as a, unref as f, createElementVNode as g, Fragment as d, renderList as p, toDisplayString as v } from "vue";
|
|
2
2
|
import { caculateComponentStyle as h } from "../../../../utils/container-design-util.js";
|
|
3
|
-
import { removComponentDataConfig as W, generateChartHeader as b, generateChartOption as
|
|
4
|
-
import { getUuidv4 as
|
|
5
|
-
import { getCustomTheme as
|
|
6
|
-
import
|
|
3
|
+
import { removComponentDataConfig as W, generateChartHeader as b, generateChartOption as j, initComponentDataConfig as C } from "../../../../utils/chart-design-util.js";
|
|
4
|
+
import { getUuidv4 as I } from "../../../../utils/common-util.js";
|
|
5
|
+
import { getCustomTheme as x } from "super-page-runtime";
|
|
6
|
+
import y from "./series/series-attr.vue.js";
|
|
7
7
|
import k from "../common/common-chart-header.vue.js";
|
|
8
8
|
import { use as D } from "echarts/core";
|
|
9
9
|
import { CanvasRenderer as F } from "echarts/renderers";
|
|
10
10
|
import { RadarChart as T } from "echarts/charts";
|
|
11
11
|
import { GridComponent as w, TitleComponent as A, TooltipComponent as O, ToolboxComponent as R, LegendComponent as _ } from "echarts/components";
|
|
12
12
|
import z from "vue-echarts";
|
|
13
|
-
const H = {
|
|
13
|
+
const H = { class: "amb-design-item-title" }, S = ["onClick"], q = e({ __name: "radar-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: q2 }) {
|
|
14
14
|
D([F, T, w, A, O, R, _]);
|
|
15
15
|
const B = e2;
|
|
16
|
-
B.configure.props || (B.configure.props = {}), B.configure.items || (B.configure.items = []), 0 == B.configure.items.length && B.configure.items.push({ uuid:
|
|
16
|
+
B.configure.props || (B.configure.props = {}), B.configure.items || (B.configure.items = []), 0 == B.configure.items.length && B.configure.items.push({ uuid: I(), name: "", index: 1, type: "radar", label: "数据1", props: { title: "数据1" }, style: {} }), B.configure.runtime || (B.configure.runtime = {});
|
|
17
17
|
const E = t({}), G = t(""), J = t(null), K = t({}), L = t({});
|
|
18
18
|
function M() {
|
|
19
|
-
const e3 =
|
|
19
|
+
const e3 = C(B.configure, L.value);
|
|
20
20
|
B.configure.runtime.dataConfig = e3;
|
|
21
21
|
}
|
|
22
22
|
i(B.configure.style, () => {
|
|
@@ -30,7 +30,7 @@ const H = { style: { position: "absolute", top: "0px", right: "60px", "text-alig
|
|
|
30
30
|
M();
|
|
31
31
|
}, 100);
|
|
32
32
|
function P() {
|
|
33
|
-
|
|
33
|
+
j(B.configure, K), L.value = b(B.configure), J.value = x(B.configure.props.customTheme), B.configure.runtime.chartOption = K.value, B.configure.runtime.headerInfo = L.value;
|
|
34
34
|
}
|
|
35
35
|
function Q() {
|
|
36
36
|
if (B.configure.items) for (let e3 of B.configure.items) e3.selected = false;
|
|
@@ -44,7 +44,7 @@ const H = { style: { position: "absolute", top: "0px", right: "60px", "text-alig
|
|
|
44
44
|
B.selectWidget && B.selectWidget.value != B.configure.componentIndex && Q();
|
|
45
45
|
});
|
|
46
46
|
const V = q2;
|
|
47
|
-
return (e3, t2) => (n(), o("div", { style: c(E.value), class: u([G.value, "amb-widget-chart"]), onClick: s(U, ["stop"]), ref: "thisRef" }, [l(
|
|
47
|
+
return (e3, t2) => (n(), o("div", { style: c(E.value), class: u([G.value, "amb-widget-chart"]), onClick: s(U, ["stop"]), ref: "thisRef" }, [l(m(k, { headerInfo: L.value }, null, 8, ["headerInfo"]), [[a, L.value.showHeader]]), m(f(z), { ref: "chartRef", theme: J.value, option: K.value, autoresize: "" }, null, 8, ["theme", "option"]), l(g("div", H, [(n(true), o(d, null, p(e3.configure.items, (e4, t3) => (n(), o("label", { class: u([[e4.selected ? "amb-design-chart-series-selected" : ""], "amb-design-chart-series"]), onClick: s((e5) => function(e6, t4) {
|
|
48
48
|
e6 && e6.preventDefault();
|
|
49
49
|
const i2 = B.configure.items[t4];
|
|
50
50
|
if (!i2.selected) {
|
|
@@ -52,9 +52,9 @@ const H = { style: { position: "absolute", top: "0px", right: "60px", "text-alig
|
|
|
52
52
|
e7.selected = false;
|
|
53
53
|
break;
|
|
54
54
|
}
|
|
55
|
-
i2.serviceFields = B.configure.serviceFields, i2.serviceDataField = B.configure.serviceDataField, i2.selected = true, V("onCustomAttrWidget", i2,
|
|
55
|
+
i2.serviceFields = B.configure.serviceFields, i2.serviceDataField = B.configure.serviceDataField, i2.selected = true, V("onCustomAttrWidget", i2, y);
|
|
56
56
|
}
|
|
57
|
-
}(e5, t3), ["stop"]) }, v(e4.props.title), 11, S))), 256))], 512), [[
|
|
57
|
+
}(e5, t3), ["stop"]) }, v(e4.props.title), 11, S))), 256))], 512), [[a, e3.configure.componentIndex == e3.selectWidget.value]])], 6));
|
|
58
58
|
} });
|
|
59
59
|
export {
|
|
60
60
|
q as default
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, watch as i, onUnmounted as r, createElementBlock as o, openBlock as n, withModifiers as s, normalizeClass as c, normalizeStyle as u, withDirectives as l, createVNode as
|
|
1
|
+
import { defineComponent as e, ref as t, watch as i, onUnmounted as r, createElementBlock as o, openBlock as n, withModifiers as s, normalizeClass as c, normalizeStyle as u, withDirectives as l, createVNode as m, vShow as f, unref as a, createElementVNode as g, Fragment as d, renderList as p, toDisplayString as v } from "vue";
|
|
2
2
|
import { getUuidv4 as h } from "../../../../utils/common-util.js";
|
|
3
3
|
import { caculateComponentStyle as W } from "../../../../utils/container-design-util.js";
|
|
4
|
-
import { removComponentDataConfig as b, generateChartHeader as
|
|
5
|
-
import { getCustomTheme as
|
|
6
|
-
import
|
|
4
|
+
import { removComponentDataConfig as b, generateChartHeader as j, generateChartOption as C, initComponentDataConfig as I } from "../../../../utils/chart-design-util.js";
|
|
5
|
+
import { getCustomTheme as x } from "super-page-runtime";
|
|
6
|
+
import y from "./series/scatter-series-attr.vue.js";
|
|
7
7
|
import k from "../common/common-chart-header.vue.js";
|
|
8
8
|
import { use as D } from "echarts/core";
|
|
9
9
|
import { CanvasRenderer as F } from "echarts/renderers";
|
|
10
10
|
import { ScatterChart as T } from "echarts/charts";
|
|
11
11
|
import { GridComponent as w, LegendComponent as A, TitleComponent as O, TooltipComponent as R, ToolboxComponent as _, DataZoomComponent as z } from "echarts/components";
|
|
12
12
|
import H from "vue-echarts";
|
|
13
|
-
const S = {
|
|
13
|
+
const S = { class: "amb-design-item-title" }, q = ["onClick"], B = e({ __name: "scatter-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: B2 }) {
|
|
14
14
|
D([F, T, w, A, O, R, _, z]);
|
|
15
15
|
const E = e2;
|
|
16
16
|
E.configure.props || (E.configure.props = {}), E.configure.items || (E.configure.items = []), 0 == E.configure.items.length && E.configure.items.push({ uuid: h(), index: 1, name: "", type: "scatter", label: "散点图", props: { title: "系列1" }, style: {} }), E.configure.runtime || (E.configure.runtime = {});
|
|
17
17
|
const G = t({}), J = t(""), K = t(null), L = t({}), M = t({});
|
|
18
18
|
function N() {
|
|
19
|
-
const e3 =
|
|
19
|
+
const e3 = I(E.configure, M.value);
|
|
20
20
|
E.configure.runtime.dataConfig = e3;
|
|
21
21
|
}
|
|
22
22
|
i(E.configure.style, () => {
|
|
23
|
-
W(E.configure, G, J, null), E.configure.runtime.style = G.value, E.configure.runtime.class = J.value, M.value =
|
|
23
|
+
W(E.configure, G, J, null), E.configure.runtime.style = G.value, E.configure.runtime.class = J.value, M.value = j(E.configure), E.configure.runtime.headerInfo = M.value, Q();
|
|
24
24
|
}, { immediate: true }), i(E.configure.props, () => {
|
|
25
25
|
Q(), N();
|
|
26
26
|
}), i(E.configure.items, () => {
|
|
@@ -30,7 +30,7 @@ const S = { style: { position: "absolute", top: "0px", right: "60px", "text-alig
|
|
|
30
30
|
N();
|
|
31
31
|
}, 100);
|
|
32
32
|
function Q() {
|
|
33
|
-
|
|
33
|
+
C(E.configure, L), M.value = j(E.configure), K.value = x(E.configure.props.customTheme), E.configure.runtime.chartOption = L.value, E.configure.runtime.headerInfo = M.value;
|
|
34
34
|
}
|
|
35
35
|
function U() {
|
|
36
36
|
if (E.configure.items) for (let e3 of E.configure.items) e3.selected = false;
|
|
@@ -44,7 +44,7 @@ const S = { style: { position: "absolute", top: "0px", right: "60px", "text-alig
|
|
|
44
44
|
E.selectWidget && E.selectWidget.value != E.configure.componentIndex && U();
|
|
45
45
|
});
|
|
46
46
|
const X = B2;
|
|
47
|
-
return (e3, t2) => (n(), o("div", { style: u(G.value), class: c([J.value, "amb-widget-chart"]), onClick: s(V, ["stop"]), ref: "thisRef" }, [l(
|
|
47
|
+
return (e3, t2) => (n(), o("div", { style: u(G.value), class: c([J.value, "amb-widget-chart"]), onClick: s(V, ["stop"]), ref: "thisRef" }, [l(m(k, { headerInfo: M.value }, null, 8, ["headerInfo"]), [[f, M.value.showHeader]]), m(a(H), { ref: "chartRef", theme: K.value, option: L.value, autoresize: "" }, null, 8, ["theme", "option"]), l(g("div", S, [(n(true), o(d, null, p(e3.configure.items, (e4, t3) => (n(), o("label", { class: c([[e4.selected ? "amb-design-chart-series-selected" : ""], "amb-design-chart-series"]), onClick: s((e5) => function(e6, t4) {
|
|
48
48
|
e6 && e6.preventDefault();
|
|
49
49
|
const i2 = E.configure.items[t4];
|
|
50
50
|
if (!i2.selected) {
|
|
@@ -52,9 +52,9 @@ const S = { style: { position: "absolute", top: "0px", right: "60px", "text-alig
|
|
|
52
52
|
e7.selected = false;
|
|
53
53
|
break;
|
|
54
54
|
}
|
|
55
|
-
i2.serviceFields = E.configure.serviceFields, i2.serviceDataField = E.configure.serviceDataField, i2.selected = true, X("onCustomAttrWidget", i2,
|
|
55
|
+
i2.serviceFields = E.configure.serviceFields, i2.serviceDataField = E.configure.serviceDataField, i2.selected = true, X("onCustomAttrWidget", i2, y);
|
|
56
56
|
}
|
|
57
|
-
}(e5, t3), ["stop"]) }, v(e4.props.title), 11, q))), 256))], 512), [[
|
|
57
|
+
}(e5, t3), ["stop"]) }, v(e4.props.title), 11, q))), 256))], 512), [[f, e3.configure.componentIndex == e3.selectWidget.value]])], 6));
|
|
58
58
|
} });
|
|
59
59
|
export {
|
|
60
60
|
B as default
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import a from "./data-origin.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import o from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const r = o(a, [["__scopeId", "data-v-4f7aa99a"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
r as default
|
|
7
7
|
};
|
|
@@ -1,65 +1,67 @@
|
|
|
1
|
-
import { defineComponent as e, ref as a, computed as l, resolveComponent as o, createBlock as i, openBlock as t, withCtx as
|
|
2
|
-
import { InfoFilled as _, Delete as
|
|
3
|
-
import { queryTableFields as
|
|
4
|
-
import
|
|
1
|
+
import { defineComponent as e, ref as a, computed as l, resolveComponent as o, createBlock as i, openBlock as t, withCtx as r, createElementVNode as n, createVNode as u, createCommentVNode as d, createElementBlock as s, withDirectives as p, createTextVNode as c, Fragment as m, renderList as g, toDisplayString as f, unref as b, withModifiers as v, vShow as O } from "vue";
|
|
2
|
+
import { InfoFilled as _, Delete as V } from "@element-plus/icons";
|
|
3
|
+
import { queryTableFields as y } from "../../../../../utils/page-table-util.js";
|
|
4
|
+
import C from "../../../form/common/data-origin-service-in.vue.js";
|
|
5
5
|
import w from "../../../common/page-permission-select.vue.js";
|
|
6
6
|
import T from "./row-colmun.vue.js";
|
|
7
|
-
import { queryServiceReturnFields as
|
|
8
|
-
import "
|
|
9
|
-
import { tableField as h } from "../../../../../../../stores/table-store.js";
|
|
7
|
+
import { queryServiceReturnFields as h } from "../../../../../utils/page-service-util.js";
|
|
8
|
+
import { tableField as k } from "../../../../../../../stores/table-store.js";
|
|
10
9
|
import R from "../../../common/common-variable-bind.vue.js";
|
|
11
|
-
import { getCustomFuncs as
|
|
12
|
-
const
|
|
10
|
+
import { getCustomFuncs as U } from "../../../../../utils/page-event-util.js";
|
|
11
|
+
const F = { style: { padding: "8px 0px 0px 0px" } }, x = { style: { float: "left" } }, S = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, j = { style: { float: "left" } }, D = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, N = e({ __name: "data-origin", props: { configure: { type: Object, default: () => {
|
|
13
12
|
} }, remote: { type: Boolean, default: true }, pageDesign: { type: Object, default: () => {
|
|
14
|
-
} }, sourceFields: { type: Array, default: () => [] } }, emits: ["serviceFieldChange", "bindVariableChange"], setup(e2, { emit:
|
|
15
|
-
const
|
|
13
|
+
} }, sourceFields: { type: Array, default: () => [] } }, emits: ["serviceFieldChange", "bindVariableChange"], setup(e2, { emit: N2 }) {
|
|
14
|
+
const z = N2, M = e2;
|
|
16
15
|
M.configure.props.dataOrigin.rowToColumn || (M.configure.props.dataOrigin.rowToColumn = {}), M.configure.props.dataOrigin.columnToRow || (M.configure.props.dataOrigin.columnToRow = { transColumns: [], titleColumns: [], dataColumns: [], dataColumnsMapping: [] }), M.configure.props.dataOrigin.columnToRow.transColumns || (M.configure.props.dataOrigin.columnToRow.transColumns = []);
|
|
17
|
-
const
|
|
18
|
-
M.configure.props.dataOrigin.dataSource || (M.configure.props.dataOrigin.dataSource = "service"), "service" === M.configure.props.dataOrigin.dataSource ?
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
let
|
|
22
|
-
function
|
|
23
|
-
if (
|
|
24
|
-
const e3 =
|
|
25
|
-
|
|
26
|
-
|
|
16
|
+
const E = k(), G = a(""), A = M.configure.props.dataOrigin;
|
|
17
|
+
M.configure.props.dataOrigin.dataSource || (M.configure.props.dataOrigin.dataSource = "service"), "service" === M.configure.props.dataOrigin.dataSource ? B() : "variable" === M.configure.props.dataOrigin.dataSource && z("bindVariableChange", A.variable);
|
|
18
|
+
const I = a([]), L = l(() => I.value.filter((e3) => "array" == e3.type || "any" == e3.type || !e3.type));
|
|
19
|
+
A.service || (A.service = {});
|
|
20
|
+
let Q = a([]);
|
|
21
|
+
function B() {
|
|
22
|
+
if (A.service.simpleCode) {
|
|
23
|
+
const e3 = A.service.simpleCode;
|
|
24
|
+
h(e3).then((e4) => {
|
|
25
|
+
I.value = e4, z("serviceFieldChange", e4);
|
|
27
26
|
});
|
|
28
27
|
}
|
|
29
28
|
}
|
|
30
|
-
function N() {
|
|
31
|
-
"variable" === Q.dataSource && D("serviceFieldChange", []);
|
|
32
|
-
}
|
|
33
29
|
function $() {
|
|
34
|
-
|
|
30
|
+
"variable" === A.dataSource && z("serviceFieldChange", []);
|
|
35
31
|
}
|
|
36
32
|
function q() {
|
|
33
|
+
M.configure.props.dataOrigin.columnToRow.transColumns.push({}), G.value = "";
|
|
34
|
+
}
|
|
35
|
+
function H() {
|
|
37
36
|
M.configure.props.dataOrigin.columnToRow.transColumns.splice(G, 1);
|
|
38
37
|
}
|
|
39
|
-
function
|
|
40
|
-
M.configure.props.dataOrigin.variable = e3,
|
|
38
|
+
function J(e3) {
|
|
39
|
+
M.configure.props.dataOrigin.variable = e3, z("bindVariableChange", e3);
|
|
41
40
|
}
|
|
42
|
-
function
|
|
41
|
+
function K(e3) {
|
|
43
42
|
M.configure.props.dataOrigin.fields = e3;
|
|
44
43
|
}
|
|
45
|
-
function
|
|
44
|
+
function P(e3) {
|
|
45
|
+
M.configure.props.dataOrigin.itemNumVariable = e3;
|
|
46
|
+
}
|
|
47
|
+
function W() {
|
|
46
48
|
M.configure.props.dataOrigin.columnToRow.dataColumnsMapping || (M.configure.props.dataOrigin.columnToRow.dataColumnsMapping = []), M.configure.props.dataOrigin.columnToRow.dataColumnsMapping.push({ prop: [] });
|
|
47
49
|
}
|
|
48
50
|
return a(null), function() {
|
|
49
51
|
const e3 = M.pageDesign.systemCode, a2 = M.pageDesign.version, l2 = { name: M.configure.props.dataOrigin.tableName };
|
|
50
|
-
|
|
51
|
-
|
|
52
|
+
y(e3, a2, l2.name).then((e4) => {
|
|
53
|
+
Q.value = e4, E.addFieldList(e4);
|
|
52
54
|
});
|
|
53
55
|
}(), (a2, l2) => {
|
|
54
|
-
const
|
|
55
|
-
return t(), i(
|
|
56
|
+
const y2 = o("el-radio"), h2 = o("el-radio-group"), k2 = o("el-form-item"), N3 = o("el-option"), z2 = o("el-select"), M2 = o("el-tooltip"), E2 = o("el-input"), G2 = o("el-button"), I2 = o("el-icon"), Q2 = o("el-table-column"), X = o("el-table"), Y = o("el-divider"), Z = o("el-col"), ee = o("el-switch"), ae = o("el-text"), le = o("el-input-number"), oe = o("el-collapse-item");
|
|
57
|
+
return t(), i(oe, { title: "数据", name: "dataOrigin", class: "amb-design-attr-group-header" }, { default: r(() => {
|
|
56
58
|
var _a, _b;
|
|
57
|
-
return [
|
|
58
|
-
|
|
59
|
-
}(0, a3, l3, o2)) }, null, 8, ["pageDesign", "rowObj"])]), _: 1 })) : d("", true), "service" === e2.configure.props.dataOrigin.dataSource ? (t(), i(h2, { key: 2, label: "数据集", class: "amb-design-attr-item" }, { default: n(() => [u(D2, { modelValue: e2.configure.props.dataOrigin.service.serviceDataField, "onUpdate:modelValue": l2[2] || (l2[2] = (a3) => e2.configure.props.dataOrigin.service.serviceDataField = a3), placeholder: "请选择" }, { default: n(() => [(t(true), s(m, null, g(B.value, (e3, a3) => (t(), i(j3, { key: a3, label: e3.label, value: e3.value }, { default: n(() => [r("span", S, f(e3.label), 1), r("span", x, f(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), "service" === e2.configure.props.dataOrigin.dataSource ? (t(), i(h2, { key: 3, label: "立即查询", class: "amb-design-attr-item" }, { default: n(() => [u(k2, { modelValue: e2.configure.initializationQuery, "onUpdate:modelValue": l2[3] || (l2[3] = (a3) => e2.configure.initializationQuery = a3), class: "ml-4" }, { default: n(() => [u(V2, { value: true }, { default: n(() => l2[15] || (l2[15] = [c("是")])), _: 1 }), u(V2, { value: false }, { default: n(() => l2[16] || (l2[16] = [c("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), u(h2, { label: "行列转换", class: "amb-design-attr-item" }, { default: n(() => [u(k2, { modelValue: e2.configure.props.dataOrigin.transition, "onUpdate:modelValue": l2[4] || (l2[4] = (a3) => e2.configure.props.dataOrigin.transition = a3), class: "ml-4" }, { default: n(() => [u(V2, { value: false }, { default: n(() => l2[17] || (l2[17] = [c("否")])), _: 1 }), u(V2, { value: "rowToColumn" }, { default: n(() => l2[18] || (l2[18] = [c("行转列")])), _: 1 }), u(V2, { value: "columnToRow" }, { default: n(() => l2[19] || (l2[19] = [c("列转行")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(h2, { label: "使用分组", class: "amb-design-attr-item" }, { default: n(() => [u(k2, { modelValue: e2.configure.props.dataOrigin.useGroup, "onUpdate:modelValue": l2[5] || (l2[5] = (a3) => e2.configure.props.dataOrigin.useGroup = a3), class: "ml-4" }, { default: n(() => [u(V2, { value: true }, { default: n(() => l2[20] || (l2[20] = [c("是")])), _: 1 }), u(V2, { value: false }, { default: n(() => l2[21] || (l2[21] = [c("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), e2.configure.props.dataOrigin.transition && e2.configure.props.dataOrigin.useGroup ? (t(), i(h2, { key: 4, title: "统计分组字段", label: "分组字段", class: "amb-design-attr-item" }, { default: n(() => [u(D2, { modelValue: e2.configure.props.dataOrigin.groupField, "onUpdate:modelValue": l2[6] || (l2[6] = (a3) => e2.configure.props.dataOrigin.groupField = a3), multiple: "", placeholder: "请选择" }, { default: n(() => [(t(true), s(m, null, g(e2.configure.items, (e3, a3) => (t(), i(j3, { key: e3.uuid, label: e3.props.base.name, value: e3.props.base.prop }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), "rowToColumn" === e2.configure.props.dataOrigin.transition ? (t(), s(m, { key: 5 }, [u(h2, { label: "标题列字段", class: "amb-design-attr-item" }, { label: n(() => [u(M2, { class: "box-item", placement: "left", content: "标题列为行转列时,原数据列的值转换后多个新列的标题值对应的字段" }, { default: n(() => l2[22] || (l2[22] = [c(" 标题列字段 ")])), _: 1 })]), default: n(() => [u(D2, { modelValue: e2.configure.props.dataOrigin.rowToColumn.titleColumns, "onUpdate:modelValue": l2[7] || (l2[7] = (a3) => e2.configure.props.dataOrigin.rowToColumn.titleColumns = a3), multiple: "", placeholder: "请选择" }, { default: n(() => [(t(true), s(m, null, g(e2.sourceFields, (e3, a3) => (t(), i(j3, { key: a3, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), e2.configure.props.dataOrigin.useGroup ? d("", true) : (t(), i(h2, { key: 0, label: "首列标题", class: "amb-design-attr-item" }, { default: n(() => [u(z2, { modelValue: e2.configure.props.dataOrigin.rowToColumn.firstColumnTitle, "onUpdate:modelValue": l2[8] || (l2[8] = (a3) => e2.configure.props.dataOrigin.rowToColumn.firstColumnTitle = a3) }, null, 8, ["modelValue"])]), _: 1 })), u(h2, { class: "amb-design-attr-item" }, { label: n(() => [u(M2, { class: "box-item", placement: "left", content: "哪些字段填充为新列的数据" }, { default: n(() => l2[23] || (l2[23] = [c(" 数据列字段 ")])), _: 1 })]), default: n(() => [u(D2, { modelValue: e2.configure.props.dataOrigin.rowToColumn.dataColumns, "onUpdate:modelValue": l2[9] || (l2[9] = (a3) => e2.configure.props.dataOrigin.rowToColumn.dataColumns = a3), multiple: "", placeholder: "请选择" }, { default: n(() => [(t(true), s(m, null, g(e2.sourceFields, (e3, a3) => (t(), i(j3, { key: a3, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })], 64)) : d("", true), "columnToRow" === e2.configure.props.dataOrigin.transition ? (t(), s(m, { key: 6 }, [u(h2, { label: "标题列", class: "amb-design-attr-item" }, { default: n(() => [u(G2, { type: "primary", onClick: l2[10] || (l2[10] = (a3) => e2.configure.props.dataOrigin.columnToRow.titleColumns.push({ prop: "", title: "" })) }, { default: n(() => l2[24] || (l2[24] = [c(" 添加")])), _: 1 }), u(M2, { class: "box-item", content: "标题列为列转行后,原数据列的标题转换为表格新的一列数据时该列的标题" }, { default: n(() => [u(A2, null, { default: n(() => [u(b(_))]), _: 1 })]), _: 1 })]), _: 1 }), ((_a = e2.configure.props.dataOrigin.columnToRow.titleColumns) == null ? void 0 : _a.length) > 0 ? (t(), i(T, { key: 0, sourceFields: e2.sourceFields, tableData: e2.configure.props.dataOrigin.columnToRow.titleColumns }, null, 8, ["sourceFields", "tableData"])) : d("", true), "columnToRow" === e2.configure.props.dataOrigin.transition ? (t(), i(h2, { key: 1, label: "转换列字段", class: "amb-design-attr-item" }, { default: n(() => [u(G2, { type: "primary", onClick: $ }, { default: n(() => l2[25] || (l2[25] = [c("添加")])), _: 1 }), u(G2, { onClick: q }, { default: n(() => l2[26] || (l2[26] = [c("删除")])), _: 1 })]), _: 1 })) : d("", true), "columnToRow" === e2.configure.props.dataOrigin.transition ? (t(), i(K, { key: 2, data: e2.configure.props.dataOrigin.columnToRow.transColumns, style: { width: "100%", "margin-bottom": "8px" } }, { default: n(() => [u(I2, { "header-align": "center", align: "center" }, { default: n((a3) => [u(A2, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => e2.configure.props.dataOrigin.columnToRow.transColumns.splice(a3.$index, 1) }, { default: n(() => [u(b(C))]), _: 2 }, 1032, ["onClick"])]), _: 1 }), u(I2, { label: "列", "header-align": "center", align: "center" }, { default: n((a3) => [u(D2, { modelValue: a3.row.columns, "onUpdate:modelValue": (e3) => a3.row.columns = e3, multiple: "", placeholder: "请选择" }, { default: n(() => [(t(true), s(m, null, g(e2.sourceFields, (e3, a4) => (t(), i(j3, { key: a4, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), u(I2, { label: "显示值", "header-align": "center", align: "center" }, { default: n((e3) => [u(z2, { modelValue: e3.row.label, "onUpdate:modelValue": (a3) => e3.row.label = a3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), u(I2, { label: "关联列", "header-align": "center", align: "center" }, { default: n((a3) => [u(D2, { modelValue: a3.row.relatedTitle, "onUpdate:modelValue": (e3) => a3.row.relatedTitle = e3, placeholder: "请选择" }, { default: n(() => [(t(true), s(m, null, g(e2.configure.props.dataOrigin.columnToRow.titleColumns, (e3, a4) => (t(), i(j3, { key: a4, label: e3.title, value: e3.prop }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 })]), _: 1 }, 8, ["data"])) : d("", true), u(P), u(h2, { label: "数据列", class: "amb-design-attr-item" }, { default: n(() => [u(G2, { type: "primary", onClick: l2[11] || (l2[11] = (a3) => e2.configure.props.dataOrigin.columnToRow.dataColumns.push({ prop: "", title: "" })) }, { default: n(() => l2[27] || (l2[27] = [c(" 添加 ")])), _: 1 }), u(M2, { class: "box-item", content: "数据列为列转行后,原数据列中的内容转换为表格新的一列数据时该列的标题" }, { default: n(() => [u(A2, null, { default: n(() => [u(b(_))]), _: 1 })]), _: 1 })]), _: 1 }), u(T, { sourceFields: e2.sourceFields, tableData: e2.configure.props.dataOrigin.columnToRow.dataColumns }, null, 8, ["sourceFields", "tableData"]), ((_b = e2.configure.props.dataOrigin.columnToRow.dataColumns) == null ? void 0 : _b.length) > 1 ? (t(), i(h2, { key: 3, label: "数据列分组", class: "amb-design-attr-item" }, { default: n(() => [u(G2, { type: "primary", onClick: J }, { default: n(() => l2[28] || (l2[28] = [c(" 添加 ")])), _: 1 }), u(M2, { class: "box-item", content: "当原始数据中不同的列要在转换后分成多个新列时,需要设置转换后的哪几列数据需要在同一行中" }, { default: n(() => [u(A2, null, { default: n(() => [u(b(_))]), _: 1 })]), _: 1 })]), _: 1 })) : d("", true), (t(true), s(m, null, g(e2.configure.props.dataOrigin.columnToRow.dataColumnsMapping, (a3, l3) => (t(), i(h2, { key: a3.key, label: "分组" + (l3 + 1) }, { default: n(() => [u(W, { span: 20 }, { default: n(() => [u(D2, { modelValue: e2.configure.props.dataOrigin.columnToRow.dataColumnsMapping[l3].props, "onUpdate:modelValue": (a4) => e2.configure.props.dataOrigin.columnToRow.dataColumnsMapping[l3].props = a4, multiple: "", placeholder: "请选择" }, { default: n(() => [(t(true), s(m, null, g(e2.sourceFields, (e3, a4) => (t(), i(j3, { key: a4, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(A2, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: v((a4) => e2.configure.props.dataOrigin.columnToRow.dataColumnsMapping.splice(l3, 1), ["prevent"]) }, { default: n(() => [u(b(C))]), _: 2 }, 1032, ["onClick"])]), _: 2 }, 1032, ["label"]))), 128))], 64)) : d("", true), u(h2, { label: "数据格式化", class: "amb-design-attr-item" }, { default: n(() => [u(D2, { modelValue: e2.configure.props.dataOrigin.dataFormatting, "onUpdate:modelValue": l2[12] || (l2[12] = (a3) => e2.configure.props.dataOrigin.dataFormatting = a3), placeholder: "请选择", clearable: "" }, { default: n(() => [(t(true), s(m, null, g(b(F)(), (e3) => (t(), i(j3, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), "service" === e2.configure.props.dataOrigin.dataSource ? (t(), i(h2, { key: 7, label: "设置到变量", class: "amb-design-attr-item" }, { default: n(() => [(t(), i(R, { key: e2.configure.uuid, modelValue: e2.configure.props.dataOrigin.fields, "onUpdate:modelValue": H }, null, 8, ["modelValue"]))]), _: 1 })) : d("", true), p(u(y, { ref: "dataOriginServiceInRef", dataOrigin: b(Q) }, null, 8, ["dataOrigin"]), [[O, "service" == e2.configure.props.dataOrigin.dataSource]])])];
|
|
59
|
+
return [n("div", F, [u(k2, { label: "数据来源", class: "amb-design-attr-item" }, { default: r(() => [u(h2, { modelValue: e2.configure.props.dataOrigin.dataSource, "onUpdate:modelValue": l2[0] || (l2[0] = (a3) => e2.configure.props.dataOrigin.dataSource = a3), onChange: $ }, { default: r(() => [u(y2, { value: "variable" }, { default: r(() => l2[18] || (l2[18] = [c("变量")])), _: 1 }), u(y2, { value: "service" }, { default: r(() => l2[19] || (l2[19] = [c("服务")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), "variable" === e2.configure.props.dataOrigin.dataSource ? (t(), i(k2, { key: 0, label: "选择变量", class: "amb-design-attr-item" }, { default: r(() => [(t(), i(R, { key: e2.configure.uuid, modelValue: e2.configure.props.dataOrigin.variable, "onUpdate:modelValue": J }, null, 8, ["modelValue"]))]), _: 1 })) : d("", true), "service" === e2.configure.props.dataOrigin.dataSource ? (t(), i(k2, { key: 1, label: "选择服务", class: "amb-design-attr-item" }, { default: r(() => [u(w, { pageDesign: e2.pageDesign, rowObj: e2.configure.props.dataOrigin.service, onlyService: "", "onUpdate:modelValue": l2[1] || (l2[1] = (e3, a3, l3, o2) => function(e4, a4, l4, o3) {
|
|
60
|
+
A.service.simpleCode = a4, A.service.id = o3, A.service.name = l4, B();
|
|
61
|
+
}(0, a3, l3, o2)) }, null, 8, ["pageDesign", "rowObj"])]), _: 1 })) : d("", true), "service" === e2.configure.props.dataOrigin.dataSource ? (t(), i(k2, { key: 2, label: "数据集", class: "amb-design-attr-item" }, { default: r(() => [u(z2, { modelValue: e2.configure.props.dataOrigin.service.serviceDataField, "onUpdate:modelValue": l2[2] || (l2[2] = (a3) => e2.configure.props.dataOrigin.service.serviceDataField = a3), placeholder: "请选择" }, { default: r(() => [(t(true), s(m, null, g(L.value, (e3, a3) => (t(), i(N3, { key: a3, label: e3.label, value: e3.value }, { default: r(() => [n("span", x, f(e3.label), 1), n("span", S, f(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), "service" === e2.configure.props.dataOrigin.dataSource ? (t(), i(k2, { key: 3, label: "立即查询", class: "amb-design-attr-item" }, { default: r(() => [u(h2, { modelValue: e2.configure.initializationQuery, "onUpdate:modelValue": l2[3] || (l2[3] = (a3) => e2.configure.initializationQuery = a3), class: "ml-4" }, { default: r(() => [u(y2, { value: true }, { default: r(() => l2[20] || (l2[20] = [c("是")])), _: 1 }), u(y2, { value: false }, { default: r(() => l2[21] || (l2[21] = [c("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), u(k2, { label: "行列转换", class: "amb-design-attr-item" }, { default: r(() => [u(h2, { modelValue: e2.configure.props.dataOrigin.transition, "onUpdate:modelValue": l2[4] || (l2[4] = (a3) => e2.configure.props.dataOrigin.transition = a3), class: "ml-4" }, { default: r(() => [u(y2, { value: false }, { default: r(() => l2[22] || (l2[22] = [c("否")])), _: 1 }), u(y2, { value: "rowToColumn" }, { default: r(() => l2[23] || (l2[23] = [c("行转列")])), _: 1 }), u(y2, { value: "columnToRow" }, { default: r(() => l2[24] || (l2[24] = [c("列转行")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(k2, { label: "使用分组", class: "amb-design-attr-item" }, { default: r(() => [u(h2, { modelValue: e2.configure.props.dataOrigin.useGroup, "onUpdate:modelValue": l2[5] || (l2[5] = (a3) => e2.configure.props.dataOrigin.useGroup = a3), class: "ml-4" }, { default: r(() => [u(y2, { value: true }, { default: r(() => l2[25] || (l2[25] = [c("是")])), _: 1 }), u(y2, { value: false }, { default: r(() => l2[26] || (l2[26] = [c("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), e2.configure.props.dataOrigin.transition && e2.configure.props.dataOrigin.useGroup ? (t(), i(k2, { key: 4, title: "统计分组字段", label: "分组字段", class: "amb-design-attr-item" }, { default: r(() => [u(z2, { modelValue: e2.configure.props.dataOrigin.groupField, "onUpdate:modelValue": l2[6] || (l2[6] = (a3) => e2.configure.props.dataOrigin.groupField = a3), multiple: "", placeholder: "请选择" }, { default: r(() => [(t(true), s(m, null, g(e2.configure.items, (e3, a3) => (t(), i(N3, { key: e3.uuid, label: e3.props.base.name, value: e3.props.base.prop }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), "rowToColumn" === e2.configure.props.dataOrigin.transition ? (t(), s(m, { key: 5 }, [u(k2, { label: "标题列字段", class: "amb-design-attr-item" }, { label: r(() => [u(M2, { class: "box-item", placement: "left", content: "标题列为行转列时,原数据列的值转换后多个新列的标题值对应的字段" }, { default: r(() => l2[27] || (l2[27] = [c(" 标题列字段 ")])), _: 1 })]), default: r(() => [u(z2, { modelValue: e2.configure.props.dataOrigin.rowToColumn.titleColumns, "onUpdate:modelValue": l2[7] || (l2[7] = (a3) => e2.configure.props.dataOrigin.rowToColumn.titleColumns = a3), multiple: "", placeholder: "请选择" }, { default: r(() => [(t(true), s(m, null, g(e2.sourceFields, (e3, a3) => (t(), i(N3, { key: a3, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), e2.configure.props.dataOrigin.useGroup ? d("", true) : (t(), i(k2, { key: 0, label: "首列标题", class: "amb-design-attr-item" }, { default: r(() => [u(E2, { modelValue: e2.configure.props.dataOrigin.rowToColumn.firstColumnTitle, "onUpdate:modelValue": l2[8] || (l2[8] = (a3) => e2.configure.props.dataOrigin.rowToColumn.firstColumnTitle = a3) }, null, 8, ["modelValue"])]), _: 1 })), u(k2, { class: "amb-design-attr-item" }, { label: r(() => [u(M2, { class: "box-item", placement: "left", content: "哪些字段填充为新列的数据" }, { default: r(() => l2[28] || (l2[28] = [c(" 数据列字段 ")])), _: 1 })]), default: r(() => [u(z2, { modelValue: e2.configure.props.dataOrigin.rowToColumn.dataColumns, "onUpdate:modelValue": l2[9] || (l2[9] = (a3) => e2.configure.props.dataOrigin.rowToColumn.dataColumns = a3), multiple: "", placeholder: "请选择" }, { default: r(() => [(t(true), s(m, null, g(e2.sourceFields, (e3, a3) => (t(), i(N3, { key: a3, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })], 64)) : d("", true), "columnToRow" === e2.configure.props.dataOrigin.transition ? (t(), s(m, { key: 6 }, [u(k2, { label: "标题列", class: "amb-design-attr-item" }, { default: r(() => [u(G2, { type: "primary", onClick: l2[10] || (l2[10] = (a3) => e2.configure.props.dataOrigin.columnToRow.titleColumns.push({ prop: "", title: "" })) }, { default: r(() => l2[29] || (l2[29] = [c(" 添加")])), _: 1 }), u(M2, { class: "box-item", content: "标题列为列转行后,原数据列的标题转换为表格新的一列数据时该列的标题" }, { default: r(() => [u(I2, null, { default: r(() => [u(b(_))]), _: 1 })]), _: 1 })]), _: 1 }), ((_a = e2.configure.props.dataOrigin.columnToRow.titleColumns) == null ? void 0 : _a.length) > 0 ? (t(), i(T, { key: 0, sourceFields: e2.sourceFields, tableData: e2.configure.props.dataOrigin.columnToRow.titleColumns }, null, 8, ["sourceFields", "tableData"])) : d("", true), "columnToRow" === e2.configure.props.dataOrigin.transition ? (t(), i(k2, { key: 1, label: "转换列字段", class: "amb-design-attr-item" }, { default: r(() => [u(G2, { type: "primary", onClick: q }, { default: r(() => l2[30] || (l2[30] = [c("添加")])), _: 1 }), u(G2, { type: "default", onClick: H }, { default: r(() => l2[31] || (l2[31] = [c("删除")])), _: 1 })]), _: 1 })) : d("", true), "columnToRow" === e2.configure.props.dataOrigin.transition ? (t(), i(X, { key: 2, data: e2.configure.props.dataOrigin.columnToRow.transColumns, style: { width: "100%", "margin-bottom": "8px" } }, { default: r(() => [u(Q2, { "header-align": "center", align: "center" }, { default: r((a3) => [u(I2, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => e2.configure.props.dataOrigin.columnToRow.transColumns.splice(a3.$index, 1) }, { default: r(() => [u(b(V))]), _: 2 }, 1032, ["onClick"])]), _: 1 }), u(Q2, { label: "列", "header-align": "center", align: "center" }, { default: r((a3) => [u(z2, { modelValue: a3.row.columns, "onUpdate:modelValue": (e3) => a3.row.columns = e3, multiple: "", placeholder: "请选择" }, { default: r(() => [(t(true), s(m, null, g(e2.sourceFields, (e3, a4) => (t(), i(N3, { key: a4, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), u(Q2, { label: "显示值", "header-align": "center", align: "center" }, { default: r((e3) => [u(E2, { modelValue: e3.row.label, "onUpdate:modelValue": (a3) => e3.row.label = a3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), u(Q2, { label: "关联列", "header-align": "center", align: "center" }, { default: r((a3) => [u(z2, { modelValue: a3.row.relatedTitle, "onUpdate:modelValue": (e3) => a3.row.relatedTitle = e3, placeholder: "请选择" }, { default: r(() => [(t(true), s(m, null, g(e2.configure.props.dataOrigin.columnToRow.titleColumns, (e3, a4) => (t(), i(N3, { key: a4, label: e3.title, value: e3.prop }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 })]), _: 1 }, 8, ["data"])) : d("", true), u(Y), u(k2, { label: "数据列", class: "amb-design-attr-item" }, { default: r(() => [u(G2, { type: "primary", onClick: l2[11] || (l2[11] = (a3) => e2.configure.props.dataOrigin.columnToRow.dataColumns.push({ prop: "", title: "" })) }, { default: r(() => l2[32] || (l2[32] = [c(" 添加 ")])), _: 1 }), u(M2, { class: "box-item", content: "数据列为列转行后,原数据列中的内容转换为表格新的一列数据时该列的标题" }, { default: r(() => [u(I2, null, { default: r(() => [u(b(_))]), _: 1 })]), _: 1 })]), _: 1 }), u(T, { sourceFields: e2.sourceFields, tableData: e2.configure.props.dataOrigin.columnToRow.dataColumns }, null, 8, ["sourceFields", "tableData"]), ((_b = e2.configure.props.dataOrigin.columnToRow.dataColumns) == null ? void 0 : _b.length) > 1 ? (t(), i(k2, { key: 3, label: "数据列分组", class: "amb-design-attr-item" }, { default: r(() => [u(G2, { type: "primary", onClick: W }, { default: r(() => l2[33] || (l2[33] = [c(" 添加 ")])), _: 1 }), u(M2, { class: "box-item", content: "当原始数据中不同的列要在转换后分成多个新列时,需要设置转换后的哪几列数据需要在同一行中" }, { default: r(() => [u(I2, null, { default: r(() => [u(b(_))]), _: 1 })]), _: 1 })]), _: 1 })) : d("", true), (t(true), s(m, null, g(e2.configure.props.dataOrigin.columnToRow.dataColumnsMapping, (a3, l3) => (t(), i(k2, { key: a3.key, label: "分组" + (l3 + 1) }, { default: r(() => [u(Z, { span: 20 }, { default: r(() => [u(z2, { modelValue: e2.configure.props.dataOrigin.columnToRow.dataColumnsMapping[l3].props, "onUpdate:modelValue": (a4) => e2.configure.props.dataOrigin.columnToRow.dataColumnsMapping[l3].props = a4, multiple: "", placeholder: "请选择" }, { default: r(() => [(t(true), s(m, null, g(e2.sourceFields, (e3, a4) => (t(), i(N3, { key: a4, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(I2, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: v((a4) => e2.configure.props.dataOrigin.columnToRow.dataColumnsMapping.splice(l3, 1), ["prevent"]) }, { default: r(() => [u(b(V))]), _: 2 }, 1032, ["onClick"])]), _: 2 }, 1032, ["label"]))), 128))], 64)) : d("", true), u(k2, { label: "数据格式化", class: "amb-design-attr-item" }, { default: r(() => [u(z2, { modelValue: e2.configure.props.dataOrigin.dataFormatting, "onUpdate:modelValue": l2[12] || (l2[12] = (a3) => e2.configure.props.dataOrigin.dataFormatting = a3), placeholder: "请选择", clearable: "" }, { default: r(() => [(t(true), s(m, null, g(b(U)(), (e3) => (t(), i(N3, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), "service" === e2.configure.props.dataOrigin.dataSource ? (t(), i(k2, { key: 7, label: "设置到变量", class: "amb-design-attr-item" }, { default: r(() => [(t(), i(R, { key: e2.configure.uuid, modelValue: e2.configure.props.dataOrigin.fields, "onUpdate:modelValue": K }, null, 8, ["modelValue"]))]), _: 1 })) : d("", true), u(k2, { label: "限制数量", class: "amb-design-attr-item" }, { default: r(() => [u(ee, { modelValue: e2.configure.props.dataOrigin.limitEnable, "onUpdate:modelValue": l2[13] || (l2[13] = (a3) => e2.configure.props.dataOrigin.limitEnable = a3) }, null, 8, ["modelValue"])]), _: 1 }), e2.configure.props.dataOrigin.limitEnable ? (t(), i(k2, { key: 8, label: "需合计字段", class: "amb-design-attr-item" }, { default: r(() => [u(z2, { modelValue: e2.configure.props.dataOrigin.limitCountColumns, "onUpdate:modelValue": l2[14] || (l2[14] = (a3) => e2.configure.props.dataOrigin.limitCountColumns = a3), placeholder: "Select", multiple: "", "allow-create": "", filterable: "" }, { default: r(() => [(t(true), s(m, null, g(e2.sourceFields, (e3) => (t(), i(N3, { key: e3.value, label: e3.label, value: e3.value }, { default: r(() => [n("span", j, f(e3.label), 1), n("span", D, f(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : d("", true), p(u(k2, { label: "" }, { default: r(() => [u(ae, { type: "success", size: "small" }, { default: r(() => l2[34] || (l2[34] = [c("未设置时默认合计超出行中类型为number类型的字段")])), _: 1 })]), _: 1 }, 512), [[O, e2.configure.props.dataOrigin.limitEnable]]), p(u(h2, { modelValue: e2.configure.props.dataOrigin.itemNumSource, "onUpdate:modelValue": l2[16] || (l2[16] = (a3) => e2.configure.props.dataOrigin.itemNumSource = a3) }, { default: r(() => [u(k2, null, { label: r(() => [u(y2, { value: "fix" }, { default: r(() => l2[35] || (l2[35] = [c("固定数量")])), _: 1 })]), default: r(() => [u(le, { disabled: e2.configure.props.dataOrigin.itemNumSource && "fix" != e2.configure.props.dataOrigin.itemNumSource, placeholder: "10", modelValue: e2.configure.props.dataOrigin.itemNumFix, "onUpdate:modelValue": l2[15] || (l2[15] = (a3) => e2.configure.props.dataOrigin.itemNumFix = a3), min: 1 }, null, 8, ["disabled", "modelValue"])]), _: 1 }), u(k2, { style: { "margin-top": "-10px" } }, { label: r(() => [u(y2, { value: "variable" }, { default: r(() => l2[36] || (l2[36] = [c("数量变量")])), _: 1 })]), default: r(() => [u(R, { showLabel: "variable" != e2.configure.props.dataOrigin.itemNumSource, modelValue: e2.configure.props.dataOrigin.itemNumVariable, paramTypes: ["data", "page"], "onUpdate:modelValue": P }, null, 8, ["showLabel", "modelValue"]), p(u(ae, { type: "success", size: "small" }, { default: r(() => l2[37] || (l2[37] = [c("将根据此变量控制显示数量")])), _: 1 }, 512), [[O, "variable" == e2.configure.props.dataOrigin.itemNumSource]])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), [[O, e2.configure.props.dataOrigin.limitEnable]]), p(u(k2, { class: "amb-design-attr-item", label: "超出时别名" }, { default: r(() => [u(E2, { modelValue: e2.configure.props.dataOrigin.overItemAlias, "onUpdate:modelValue": l2[17] || (l2[17] = (a3) => e2.configure.props.dataOrigin.overItemAlias = a3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[O, e2.configure.props.dataOrigin.limitEnable]]), p(u(k2, { label: "" }, { default: r(() => [u(ae, { type: "success", size: "small" }, { default: r(() => l2[38] || (l2[38] = [c("未设置时不显示超出数量的数据项")])), _: 1 })]), _: 1 }, 512), [[O, e2.configure.props.dataOrigin.limitEnable]]), p(u(C, { ref: "dataOriginServiceInRef", dataOrigin: b(A) }, null, 8, ["dataOrigin"]), [[O, "service" == e2.configure.props.dataOrigin.dataSource]])])];
|
|
60
62
|
}), _: 1 });
|
|
61
63
|
};
|
|
62
64
|
} });
|
|
63
65
|
export {
|
|
64
|
-
|
|
66
|
+
N as default
|
|
65
67
|
};
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { defineComponent as l, ref as e, resolveComponent as a, createElementBlock as t, openBlock as u, Fragment as o, createElementVNode as d, createBlock as n, createCommentVNode as p, createVNode as r, withCtx as
|
|
1
|
+
import { defineComponent as l, ref as e, resolveComponent as a, createElementBlock as t, openBlock as u, Fragment as o, createElementVNode as d, createBlock as n, createCommentVNode as p, createVNode as r, withCtx as s, createTextVNode as f, renderList as m } from "vue";
|
|
2
2
|
import { ElMessage as i } from "element-plus";
|
|
3
|
-
const
|
|
4
|
-
} }, title: { type: String, default: "设置样式" } }, setup(l2) {
|
|
5
|
-
const
|
|
6
|
-
function
|
|
3
|
+
const v = { style: { padding: "0 10px" } }, y = l({ __name: "font-style-dialog", props: { data: { type: Object, required: true, default: () => {
|
|
4
|
+
} }, title: { type: String, default: "设置样式" } }, emits: ["update:data"], setup(l2, { emit: y2 }) {
|
|
5
|
+
const c = l2, _ = y2, V = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "28px"], b = e(false), x = e({});
|
|
6
|
+
function S(l3) {
|
|
7
7
|
try {
|
|
8
|
-
|
|
8
|
+
x.value.customStyle && JSON.parse(x.value.customStyle), _("update:data", x.value), l3();
|
|
9
9
|
} catch (l4) {
|
|
10
10
|
i.error("style需要是json格式");
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
|
-
function
|
|
14
|
-
|
|
13
|
+
function g() {
|
|
14
|
+
c.data && (x.value = c.data), x.value.style || (x.value.style = {}), b.value = true;
|
|
15
15
|
}
|
|
16
|
-
return
|
|
17
|
-
const
|
|
18
|
-
return u(), t(o, null, [d("div", null, [r(
|
|
16
|
+
return c.data && (x.value = c.data), x.value.style || (x.value.style = {}), (e2, i2) => {
|
|
17
|
+
const y3 = a("el-button"), c2 = a("el-radio"), _2 = a("el-radio-group"), h = a("el-form-item"), U = a("el-col"), k = a("el-row"), w = a("el-color-picker"), z = a("el-option"), C = a("el-select"), j = a("el-text"), O = a("el-input"), W = a("el-form"), q = a("el-dialog");
|
|
18
|
+
return u(), t(o, null, [d("div", null, [r(y3, { type: "primary", onClick: g }, { default: s(() => i2[7] || (i2[7] = [f("编辑")])), _: 1 })]), b.value ? (u(), n(q, { key: 0, modelValue: b.value, "onUpdate:modelValue": i2[6] || (i2[6] = (l3) => b.value = l3), "destroy-on-close": "", title: l2.title, width: "900", "append-to-body": "", "before-close": S }, { default: s(() => [r(W, { model: x.value, "label-width": "80" }, { default: s(() => [r(k, null, { default: s(() => [r(U, { span: 12 }, { default: s(() => [r(h, { label: "加粗" }, { default: s(() => [r(_2, { modelValue: x.value.style.fontWeight, "onUpdate:modelValue": i2[0] || (i2[0] = (l3) => x.value.style.fontWeight = l3), class: "ml-4" }, { default: s(() => [r(c2, { value: "bold" }, { default: s(() => i2[8] || (i2[8] = [f("是")])), _: 1 }), r(c2, { value: "normal" }, { default: s(() => i2[9] || (i2[9] = [f("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), r(U, { span: 12 }, { default: s(() => [r(h, { label: "倾斜" }, { default: s(() => [r(_2, { modelValue: x.value.style.fontStyle, "onUpdate:modelValue": i2[1] || (i2[1] = (l3) => x.value.style.fontStyle = l3), class: "ml-4" }, { default: s(() => [r(c2, { value: "italic" }, { default: s(() => i2[10] || (i2[10] = [f("是")])), _: 1 }), r(c2, { value: "normal" }, { default: s(() => i2[11] || (i2[11] = [f("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), r(k, null, { default: s(() => [r(U, { span: 12 }, { default: s(() => [r(h, { label: "字体颜色" }, { default: s(() => [r(w, { modelValue: x.value.style.color, "onUpdate:modelValue": i2[2] || (i2[2] = (l3) => x.value.style.color = l3) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), r(U, { span: 12 }, { default: s(() => [r(h, { label: "背景颜色" }, { default: s(() => [r(w, { modelValue: x.value.style.backgroundColor, "onUpdate:modelValue": i2[3] || (i2[3] = (l3) => x.value.style.backgroundColor = l3) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), r(k, null, { default: s(() => [r(U, { span: 12 }, { default: s(() => [r(h, { label: "字号" }, { default: s(() => [r(C, { modelValue: x.value.style.fontSize, "onUpdate:modelValue": i2[4] || (i2[4] = (l3) => x.value.style.fontSize = l3), placeholder: "默认", clearable: "" }, { default: s(() => [(u(), t(o, null, m(V, (l3) => r(z, { label: l3, value: l3 }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), r(k, null, { default: s(() => [r(U, { span: 24 }, { default: s(() => [r(h, { label: " style" }, { default: s(() => [d("div", v, [r(j, { type: "primary" }, { default: s(() => i2[12] || (i2[12] = [f('格式如:{"fontSize": "24px", "padding": "10px", "color":"red"}')])), _: 1 })]), r(O, { modelValue: x.value.customStyle, "onUpdate:modelValue": i2[5] || (i2[5] = (l3) => x.value.customStyle = l3), rows: 5, type: "textarea", placeholder: "" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 })]), _: 1 }, 8, ["model"])]), _: 1 }, 8, ["modelValue", "title"])) : p("", true)], 64);
|
|
19
19
|
};
|
|
20
20
|
} });
|
|
21
21
|
export {
|
|
22
|
-
|
|
22
|
+
y as default
|
|
23
23
|
};
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, watch as a, resolveComponent as t, createElementBlock as o, openBlock as u, Fragment as n, createVNode as i, createBlock as r, createCommentVNode as d, withCtx as
|
|
1
|
+
import { defineComponent as e, ref as l, watch as a, resolveComponent as t, createElementBlock as o, openBlock as u, Fragment as n, createVNode as i, createBlock as r, createCommentVNode as d, withCtx as s, renderList as p, unref as c, createTextVNode as g } from "vue";
|
|
2
2
|
import f from "./table-showcondition.vue.js";
|
|
3
|
-
import
|
|
4
|
-
import { getCustomFuncs as
|
|
5
|
-
import "
|
|
6
|
-
import { getTableConfigByTableUuid as
|
|
7
|
-
const
|
|
8
|
-
} }, paramTypes: { type: Array, default: () => ["data", "task", "page", "request"] }, configure: { type: Object, default: () => null }, tableConfigure: { type: Object, default: () => null } }, emits: ["dataChange"], setup(e2, { emit:
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
function
|
|
13
|
-
|
|
3
|
+
import m from "../../../form/common/suffixmodule.vue.js";
|
|
4
|
+
import { getCustomFuncs as v } from "../../../../../utils/page-event-util.js";
|
|
5
|
+
import { getUuidv4 as b } from "../../../../../utils/common-util.js";
|
|
6
|
+
import { getTableConfigByTableUuid as w } from "../../../../../utils/page-table-util.js";
|
|
7
|
+
const y = e({ __name: "link-table", props: { data: { type: Array, default: () => [] }, pageDesign: { type: Object, default: () => {
|
|
8
|
+
} }, paramTypes: { type: Array, default: () => ["data", "task", "page", "request"] }, configure: { type: Object, default: () => null }, tableConfigure: { type: Object, default: () => null } }, emits: ["dataChange"], setup(e2, { emit: y2 }) {
|
|
9
|
+
const C = e2, h = y2, k = l([]);
|
|
10
|
+
C.data && (k.value = C.data);
|
|
11
|
+
const _ = l(false), D = l(C.tableConfigure);
|
|
12
|
+
function j(e3, l2) {
|
|
13
|
+
k.value.splice(l2 + 1, 0, { uuid: b(), showCondition: [], eventCallBack: "", style: {}, linkPage: {} });
|
|
14
14
|
}
|
|
15
|
-
const
|
|
16
|
-
function
|
|
17
|
-
|
|
15
|
+
const V = l({}), x = l(0);
|
|
16
|
+
function z(e3, l2) {
|
|
17
|
+
D.value = w(C.pageDesign, C.configure), V.value = e3, _.value = true, x.value = l2;
|
|
18
18
|
}
|
|
19
|
-
function
|
|
20
|
-
|
|
19
|
+
function P() {
|
|
20
|
+
k.value[x.value].linkPage = V.value, _.value = false;
|
|
21
21
|
}
|
|
22
|
-
function
|
|
22
|
+
function T(e3) {
|
|
23
23
|
e3.row && (e3.row.showCondition = e3.data);
|
|
24
24
|
}
|
|
25
|
-
return a(() =>
|
|
26
|
-
e3.length > 0 ?
|
|
25
|
+
return a(() => k.value, (e3) => {
|
|
26
|
+
e3.length > 0 ? h("dataChange", k.value) : h("dataChange", null);
|
|
27
27
|
}, { deep: true }), (l2, a2) => {
|
|
28
|
-
const b2 = t("el-table-column"),
|
|
29
|
-
return u(), o(n, null, [i(F, { data:
|
|
30
|
-
|
|
31
|
-
}) }, { default:
|
|
32
|
-
return e3.row, a3 = e3.$index, void
|
|
28
|
+
const b2 = t("el-table-column"), w2 = t("el-option"), y3 = t("el-select"), C2 = t("el-button"), h2 = t("Plus"), x2 = t("el-icon"), U = t("Delete"), F = t("el-table"), O = t("el-dialog");
|
|
29
|
+
return u(), o(n, null, [i(F, { data: k.value, style: { width: "100%" }, "row-key": "uuid" }, { default: s(() => [i(b2, { label: "条件", width: "55", align: "center" }, { default: s((l3) => [i(f, { paramTypes: e2.paramTypes, data: l3.row.showCondition, pageDesign: e2.pageDesign, row: l3.row, tableConfigure: D.value, configure: e2.configure, "onUpdate:data": T }, null, 8, ["paramTypes", "data", "pageDesign", "row", "tableConfigure", "configure"])]), _: 1 }), i(b2, { label: "自定义条件", align: "center" }, { default: s((e3) => [i(y3, { modelValue: e3.row.scopeFunc, "onUpdate:modelValue": (l3) => e3.row.scopeFunc = l3, clearable: "", title: e3.row.scopeFunc, size: "small", placeholder: "请选择" }, { default: s(() => [(u(true), o(n, null, p(c(v)(), (e4) => (u(), r(w2, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "title"])]), _: 1 }), i(b2, { prop: "value", label: "链接", width: "55", align: "center" }, { default: s((e3) => [i(C2, { type: "primary", onClick: (l3) => z(e3.row.linkPage, e3.$index) }, { default: s(() => a2[2] || (a2[2] = [g("设置")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), i(b2, { label: "操作", align: "center" }, { header: s(() => [i(x2, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: a2[0] || (a2[0] = (e3) => {
|
|
30
|
+
k.value && 0 !== k.value.length ? j(0, k.value.length - 1) : (k.value = [], j(0, -1));
|
|
31
|
+
}) }, { default: s(() => [i(h2)]), _: 1 })]), default: s((e3) => [i(x2, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => j(e3.row, e3.$index) }, { default: s(() => [i(h2)]), _: 2 }, 1032, ["onClick"]), i(x2, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => {
|
|
32
|
+
return e3.row, a3 = e3.$index, void k.value.splice(a3, 1);
|
|
33
33
|
var a3;
|
|
34
|
-
} }, { default:
|
|
34
|
+
} }, { default: s(() => [i(U)]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), _.value ? (u(), r(O, { key: 0, modelValue: _.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => _.value = e3), title: "超链接设置", "before-close": P, width: "900", "append-to-body": "" }, { default: s(() => [i(m, { isDialog: true, configure: V.value, pageDesign: e2.pageDesign, tableConfigure: D.value }, null, 8, ["configure", "pageDesign", "tableConfigure"])]), _: 1 }, 8, ["modelValue"])) : d("", true)], 64);
|
|
35
35
|
};
|
|
36
36
|
} });
|
|
37
37
|
export {
|
|
38
|
-
|
|
38
|
+
y as default
|
|
39
39
|
};
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { defineComponent as e, ref as
|
|
1
|
+
import { defineComponent as e, ref as a, watch as l, resolveComponent as t, createBlock as o, openBlock as n, withCtx as i, createCommentVNode as r, createVNode as u, createElementBlock as d, Fragment as p, renderList as s, unref as c } from "vue";
|
|
2
2
|
import f from "./table-showcondition.vue.js";
|
|
3
3
|
import m from "./font-style-dialog.vue.js";
|
|
4
4
|
import { getCustomFuncs as g } from "../../../../../utils/page-event-util.js";
|
|
5
|
-
const
|
|
5
|
+
const y = e({ __name: "style-table", props: { configure: { type: Object, default: () => {
|
|
6
6
|
} }, data: { type: Array, default: () => [] }, showField: { type: Boolean, default: false }, showCondition: { type: Boolean, default: false }, paramTypes: { type: Array, default: () => ["data", "task", "page", "request", "row"] }, pageDesign: { type: Object, default: () => {
|
|
7
|
-
} } }, emits: ["dataChange"], setup(e2, { emit:
|
|
8
|
-
const
|
|
7
|
+
} } }, emits: ["dataChange"], setup(e2, { emit: y2 }) {
|
|
8
|
+
const v = e2, w = y2, b = a([]);
|
|
9
9
|
function h(e3) {
|
|
10
10
|
e3.row && (e3.row.matchingCondition = e3.data);
|
|
11
11
|
}
|
|
12
|
-
return
|
|
12
|
+
return v.data && Array.isArray(v.data) && (b.value = v.data), b.value && 0 != b.value.length || b.value.push({ matchingCondition: [], eventCallBack: "", style: {} }), l(() => b.value, (e3) => {
|
|
13
13
|
w("dataChange", b.value);
|
|
14
|
-
}, { deep: true }), (
|
|
15
|
-
const
|
|
16
|
-
return n(), o(V, { data: b.value, style: { width: "100%" } }, { default: i(() => [e2.showCondition ? (n(), o(
|
|
17
|
-
return e3.row,
|
|
18
|
-
var
|
|
19
|
-
} }, { default: i(() => [
|
|
14
|
+
}, { deep: true }), (a2, l2) => {
|
|
15
|
+
const y3 = t("el-table-column"), v2 = t("el-option"), w2 = t("el-select"), C = t("Plus"), k = t("el-icon"), _ = t("Delete"), V = t("el-table");
|
|
16
|
+
return n(), o(V, { data: b.value, style: { width: "100%" } }, { default: i(() => [e2.showCondition ? (n(), o(y3, { key: 0, label: "条件", width: "55", align: "center" }, { default: i((a3) => [u(f, { paramTypes: e2.paramTypes, title: "匹配条件/生效条件", row: a3.row, data: a3.row.matchingCondition, pageDesign: e2.pageDesign, tableConfigure: e2.configure, "onUpdate:data": h }, null, 8, ["paramTypes", "row", "data", "pageDesign", "tableConfigure"])]), _: 1 })) : r("", true), e2.showField ? (n(), o(y3, { key: 1, label: "字段", align: "center" }, { default: i((a3) => [u(w2, { modelValue: a3.row.field, "onUpdate:modelValue": (e3) => a3.row.field = e3, multiple: "", "allow-create": "", filterable: "", placeholder: "请选择" }, { default: i(() => [(n(true), d(p, null, s(e2.configure.items, (e3, a4) => (n(), o(v2, { key: e3.uuid, label: e3.props.base.name, value: e3.props.base.prop }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 })) : r("", true), u(y3, { label: "自定义条件", align: "center" }, { default: i((e3) => [u(w2, { modelValue: e3.row.scopeFunc, "onUpdate:modelValue": (a3) => e3.row.scopeFunc = a3, clearable: "", title: e3.row.scopeFunc, size: "small", placeholder: "请选择" }, { default: i(() => [(n(true), d(p, null, s(c(g)(), (e4) => (n(), o(v2, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "title"])]), _: 1 }), u(y3, { label: "样式", width: "55", align: "center" }, { default: i((e3) => [(n(), o(m, { key: e3.$index, data: e3.row, "onUpdate:data": (a3) => e3.row = a3 }, null, 8, ["data", "onUpdate:data"]))]), _: 1 }), u(y3, { label: "操作", align: "center" }, { default: i((e3) => [u(k, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (a3) => {
|
|
17
|
+
return e3.row, l3 = e3.$index, void b.value.splice(l3 + 1, 0, { matchingCondition: [], eventCallBack: "", style: {} });
|
|
18
|
+
var l3;
|
|
19
|
+
} }, { default: i(() => [u(C)]), _: 2 }, 1032, ["onClick"]), u(k, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (a3) => function(e4, a4) {
|
|
20
20
|
if (1 == b.value.length) return e4.matchingCondition = [], e4.eventCallBack = "", void (e4.style = {});
|
|
21
|
-
b.value.splice(
|
|
22
|
-
}(e3.row, e3.$index) }, { default: i(() => [
|
|
21
|
+
b.value.splice(a4, 1);
|
|
22
|
+
}(e3.row, e3.$index) }, { default: i(() => [u(_)]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]);
|
|
23
23
|
};
|
|
24
24
|
} });
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
y as default
|
|
27
27
|
};
|