super-page-designer 2.3.12-sit1-design2 → 2.3.13-rc1-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 +54 -53
- package/dist/es/components/design/utils/chart-design-util.js +27 -27
- package/dist/es/components/design/utils/page-event-util.js +1 -0
- package/dist/es/components/design/utils/page-i18n-util.js +6 -5
- package/dist/es/components/design/utils/page-table-util.d.ts +1 -9
- package/dist/es/components/design/utils/page-table-util.js +13 -13
- package/dist/es/components/design/views/assemblys/button/button/button-attr-advanced.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/button/button/button-design.vue2.js +18 -18
- package/dist/es/components/design/views/assemblys/button/dropdown/dropdown-design.vue2.js +2 -2
- package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-design.vue2.js +18 -18
- package/dist/es/components/design/views/assemblys/button/print-label/printlabel-design.vue2.js +18 -18
- package/dist/es/components/design/views/assemblys/chart/column-line/column-line-design.vue2.js +35 -33
- package/dist/es/components/design/views/assemblys/chart/column-line/series/column-line-series-attr-base.vue.js +5 -4
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-advanced.vue.js +7 -6
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue2.js +17 -17
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue2.js +27 -24
- package/dist/es/components/design/views/assemblys/common/common-style-background.vue.js +3 -2
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js +13 -13
- package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/container/tabs/tabs-attr.vue2.js +3 -2
- package/dist/es/components/design/views/assemblys/container/tools/tools-design.vue2.js +22 -22
- package/dist/es/components/design/views/assemblys/data/bar-code/barcode-design.vue2.js +3 -3
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/import-header.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/data/table/table-attr-advanced.vue.js +54 -55
- package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +10 -10
- package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js +2 -2
- 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 +1 -1
- package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/data/tree/tree-design.vue2.js +3 -3
- package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-design.vue2.js +2 -2
- package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js +43 -43
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js +12 -12
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-design.vue2.js +2 -2
- package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-design.vue2.js +5 -5
- package/dist/es/components/design/views/assemblys/form/input-number/input-number-design.vue2.js +18 -18
- package/dist/es/components/design/views/assemblys/form/input-text/inputtext-design.vue2.js +6 -6
- package/dist/es/components/design/views/assemblys/form/label/label-design.vue2.js +11 -11
- package/dist/es/components/design/views/assemblys/form/link/link-design.vue2.js +12 -12
- package/dist/es/components/design/views/assemblys/form/radio/radio-design.vue2.js +2 -2
- package/dist/es/components/design/views/assemblys/form/rich-text/richtext-design.vue2.js +14 -13
- package/dist/es/components/design/views/assemblys/form/textarea/textarea-design.vue2.js +5 -5
- 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/page-attr-advanced.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/page/page-attr-base.vue.js +52 -52
- package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr-base.vue.js +12 -10
- package/dist/es/components/design/views/assemblys/workflow/workflow-node/workflownode-design.vue2.js +3 -3
- package/dist/es/components/design/views/design/page-design.vue2.js +1 -1
- 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/config.vue3.js +18 -17
- package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +1 -1
- package/dist/es/components/design/views/design/view/components/quick-add-dialog.vue.js +1 -0
- package/dist/es/components/design/views/design/view/page-switch.vue2.js +3 -2
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
- package/dist/es/stores/undo-redo-store.js +1 -1
- package/dist/es/style.css +2 -2
- package/package.json +5 -5
package/dist/es/components/design/views/assemblys/chart/column-line/column-line-design.vue2.js
CHANGED
|
@@ -1,64 +1,66 @@
|
|
|
1
|
-
import { defineComponent as e, ref as
|
|
1
|
+
import { defineComponent as e, ref as i, watch as t, onUnmounted as r, createElementBlock as o, openBlock as n, withModifiers as u, normalizeClass as s, normalizeStyle as c, withDirectives as l, createVNode as m, vShow as a, unref as f, createElementVNode as g, Fragment as p, renderList as d, toDisplayString as v } from "vue";
|
|
2
2
|
import { getUuidv4 as h } from "../../../../utils/common-util.js";
|
|
3
3
|
import { caculateComponentStyle as b } from "../../../../utils/container-design-util.js";
|
|
4
|
-
import { removComponentDataConfig as W, generateChartHeader as j, generateChartOption as
|
|
5
|
-
import { getCustomTheme as
|
|
4
|
+
import { removComponentDataConfig as W, generateChartHeader as j, generateChartOption as y, updateDynamicSeriesField as C, initComponentDataConfig as I } from "../../../../utils/chart-design-util.js";
|
|
5
|
+
import { getCustomTheme as x } from "super-page-runtime";
|
|
6
6
|
import k from "./series/column-line-series-attr.vue.js";
|
|
7
7
|
import D from "../common/common-chart-header.vue.js";
|
|
8
8
|
import { use as F } from "echarts/core";
|
|
9
9
|
import { CanvasRenderer as T } from "echarts/renderers";
|
|
10
|
-
import { LineChart as w, BarChart as
|
|
11
|
-
import { GridComponent as
|
|
10
|
+
import { LineChart as w, BarChart as z } from "echarts/charts";
|
|
11
|
+
import { GridComponent as A, LegendComponent as O, TitleComponent as R, TooltipComponent as _, ToolboxComponent as q, DataZoomComponent as B } from "echarts/components";
|
|
12
12
|
import H from "vue-echarts";
|
|
13
13
|
import "element-plus";
|
|
14
14
|
import "agilebuilder-ui/src/utils/request";
|
|
15
15
|
import "../../../../utils/eventBus.js";
|
|
16
|
-
const
|
|
17
|
-
F([T, w, O, R, _,
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
function
|
|
22
|
-
const e3 =
|
|
23
|
-
|
|
16
|
+
const Q = { class: "amb-design-item-title" }, S = ["onClick"], E = e({ __name: "column-line-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: E2 }) {
|
|
17
|
+
F([T, w, A, O, R, _, z, q, B]);
|
|
18
|
+
const G = e2;
|
|
19
|
+
G.configure.props || (G.configure.props = {}), G.configure.items || (G.configure.items = []), 0 == G.configure.items.length && G.configure.items.push({ uuid: h(), index: 1, name: "", type: "bar", label: "柱状图", props: { title: "系列1" }, style: {} }), G.configure.runtime || (G.configure.runtime = {});
|
|
20
|
+
const J = i({}), K = i(""), L = i({}), M = i({}), N = i(null);
|
|
21
|
+
function P() {
|
|
22
|
+
const e3 = I(G.configure, M.value);
|
|
23
|
+
G.configure.runtime.dataConfig = e3;
|
|
24
24
|
}
|
|
25
|
-
|
|
26
|
-
b(
|
|
27
|
-
}, { immediate: true }),
|
|
28
|
-
V(),
|
|
29
|
-
}),
|
|
25
|
+
t(G.configure.style, () => {
|
|
26
|
+
b(G.configure, J, K, null), G.configure.runtime.style = J.value, G.configure.runtime.class = K.value, M.value = j(G.configure), G.configure.runtime.headerInfo = M.value, V();
|
|
27
|
+
}, { immediate: true }), t(G.configure.props, () => {
|
|
28
|
+
V(), P();
|
|
29
|
+
}), t(() => G.configure.initializationQuery, () => {
|
|
30
|
+
P();
|
|
31
|
+
}), t(G.configure.items, () => {
|
|
30
32
|
V();
|
|
31
33
|
});
|
|
32
34
|
const U = setTimeout(() => {
|
|
33
|
-
|
|
35
|
+
P();
|
|
34
36
|
}, 100);
|
|
35
37
|
function V() {
|
|
36
|
-
|
|
38
|
+
y(G.configure, L), M.value = j(G.configure), N.value = x(G.configure.props.customTheme), G.configure.runtime.chartOption = L.value, G.configure.runtime.headerInfo = M.value, C(G.configure, M.value);
|
|
37
39
|
}
|
|
38
40
|
function X() {
|
|
39
|
-
if (
|
|
41
|
+
if (G.configure.items) for (let e3 of G.configure.items) e3.selected = false;
|
|
40
42
|
}
|
|
41
43
|
function Y(e3) {
|
|
42
44
|
X();
|
|
43
45
|
}
|
|
44
46
|
r(() => {
|
|
45
|
-
W(
|
|
46
|
-
}),
|
|
47
|
-
null !=
|
|
48
|
-
}),
|
|
49
|
-
const Z =
|
|
50
|
-
return (e3,
|
|
47
|
+
W(G.configure), U && clearTimeout(U);
|
|
48
|
+
}), G.selectWidget && t(G.selectWidget, () => {
|
|
49
|
+
null != G.selectWidget && G.selectWidget.value != G.configure.componentIndex && X();
|
|
50
|
+
}), i(null);
|
|
51
|
+
const Z = E2;
|
|
52
|
+
return (e3, i2) => (n(), o("div", { style: c([J.value, { position: "relative" }]), class: s([K.value, "amb-widget-chart"]), onClick: u(Y, ["stop"]), ref: "thisRef" }, [l(m(D, { headerInfo: M.value }, null, 8, ["headerInfo"]), [[a, M.value.showHeader]]), m(f(H), { ref: "chartRef", theme: N.value, option: L.value, autoresize: "" }, null, 8, ["theme", "option"]), l(g("div", Q, [(n(true), o(p, null, d(e3.configure.items, (e4, i3) => (n(), o("label", { class: s([[e4.selected ? "amb-design-chart-series-selected" : ""], "amb-design-chart-series"]), onClick: u((e5) => function(e6, i4) {
|
|
51
53
|
e6 && e6.preventDefault();
|
|
52
|
-
const
|
|
53
|
-
if (!
|
|
54
|
-
for (let e7 of
|
|
54
|
+
const t2 = G.configure.items[i4];
|
|
55
|
+
if (!t2.selected) {
|
|
56
|
+
for (let e7 of G.configure.items) if (e7.selected) {
|
|
55
57
|
e7.selected = false;
|
|
56
58
|
break;
|
|
57
59
|
}
|
|
58
|
-
|
|
60
|
+
t2.serviceFields = G.configure.serviceFields, t2.serviceDataField = G.configure.serviceDataField, t2.selected = true, Z("onCustomAttrWidget", t2, k);
|
|
59
61
|
}
|
|
60
|
-
}(e5,
|
|
62
|
+
}(e5, i3), ["stop"]) }, v(e4.props.title), 11, S))), 256))], 512), [[a, e3.configure.componentIndex == e3.selectWidget.value]])], 6));
|
|
61
63
|
} });
|
|
62
64
|
export {
|
|
63
|
-
|
|
65
|
+
E as default
|
|
64
66
|
};
|
|
@@ -2,12 +2,13 @@ import { defineComponent as e, ref as l, resolveComponent as o, createBlock as a
|
|
|
2
2
|
import m from "../../common-series/common-attr-dataset-columnline.vue.js";
|
|
3
3
|
import d from "../../common-series/common-attr-dynamic.vue.js";
|
|
4
4
|
import c from "../../common-series/common-attr-testdatas.vue.js";
|
|
5
|
-
import
|
|
6
|
-
const
|
|
5
|
+
import g from "../../../form/common/suffixmodule.vue.js";
|
|
6
|
+
const f = { style: { padding: "8px 0px 0px 0px" } }, x = { style: { padding: "8px 0px 0px 0px" } }, y = e({ __name: "column-line-series-attr-base", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, default: () => ({ props: {} }) } }, setup(e2) {
|
|
7
|
+
e2.pageDesign;
|
|
7
8
|
const y2 = l(["1", "dataList", "propsDynamic", "clicklinkage", "propsTestDatas"]);
|
|
8
9
|
return (l2, b) => {
|
|
9
|
-
const V = o("el-option"), v = o("el-select"), _ = o("el-form-item"), h = o("el-switch"),
|
|
10
|
-
return t(), a(w, { "label-width": "80px", size: "small" }, { default: u(() => [i(S, { modelValue: y2.value, "onUpdate:modelValue": b[4] || (b[4] = (e3) => y2.value = e3), style: { "margin-top": "6px" } }, { default: u(() => [i(U, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: u(() => [n("div",
|
|
10
|
+
const V = o("el-option"), v = o("el-select"), _ = o("el-form-item"), h = o("el-switch"), D = o("el-input"), j = o("el-radio-button"), k = o("el-radio-group"), U = o("el-collapse-item"), S = o("el-collapse"), w = o("el-form");
|
|
11
|
+
return t(), a(w, { "label-width": "80px", size: "small" }, { default: u(() => [i(S, { modelValue: y2.value, "onUpdate:modelValue": b[4] || (b[4] = (e3) => y2.value = e3), style: { "margin-top": "6px" } }, { default: u(() => [i(U, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: u(() => [n("div", f, [i(_, { label: "系列类型", style: { "margin-top": "4px" } }, { default: u(() => [i(v, { modelValue: e2.configure.type, "onUpdate:modelValue": b[0] || (b[0] = (l3) => e2.configure.type = l3) }, { default: u(() => [i(V, { label: "柱状图", value: "bar" }), i(V, { label: "折线图", value: "line" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(i(_, { label: "曲线", style: { "margin-top": "-10px" } }, { default: u(() => [i(h, { modelValue: e2.configure.style.isSmooth, "onUpdate:modelValue": b[1] || (b[1] = (l3) => e2.configure.style.isSmooth = l3) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[p, "line" == e2.configure.type]]), i(_, { label: "系列名称", style: { "margin-top": "-10px" } }, { default: u(() => [i(D, { modelValue: e2.configure.props.title, "onUpdate:modelValue": b[2] || (b[2] = (l3) => e2.configure.props.title = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), i(_, { label: "Y坐标参照", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: u(() => [i(k, { modelValue: e2.configure.props.yAxisIndex, "onUpdate:modelValue": b[3] || (b[3] = (l3) => e2.configure.props.yAxisIndex = l3) }, { default: u(() => [i(j, { value: "0" }, { default: u(() => b[5] || (b[5] = [s("左坐标")])), _: 1 }), i(j, { value: "1" }, { default: u(() => b[6] || (b[6] = [s("右坐标")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), i(m, { configure: e2.configure }, null, 8, ["configure"]), r(i(d, { configure: e2.configure }, null, 8, ["configure"]), [[p, !e2.configure.props.yaxisSource || "variable" === e2.configure.props.yaxisSource]]), i(U, { title: "Click跳转配置", name: "clicklinkage", class: "amb-design-attr-group-header" }, { default: u(() => [n("div", x, [(t(), a(g, { key: e2.configure.uuid, configure: e2.configure, pageDesign: e2.pageDesign, isButton: false }, null, 8, ["configure", "pageDesign"]))])]), _: 1 }), i(c, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
11
12
|
};
|
|
12
13
|
} });
|
|
13
14
|
export {
|
|
@@ -12,15 +12,16 @@ const _ = { style: { padding: "8px 0px 0px 0px" } }, V = { style: { padding: "8p
|
|
|
12
12
|
l(() => O2.configure.props.groupHeaders, (e3) => {
|
|
13
13
|
}, { deep: true });
|
|
14
14
|
const C = a(["compositeHeader", "amalgamated", "otherSettings", "summarySetting"]);
|
|
15
|
+
function k(e3) {
|
|
16
|
+
const l2 = { uuid: b(), fieldName: "" };
|
|
17
|
+
void 0 === e3 ? O2.configure.props.highOrder.mergeColumn.push(l2) : O2.configure.props.highOrder.mergeColumn.splice(e3 + 1, 0, l2);
|
|
18
|
+
}
|
|
15
19
|
return a([]), a([]), a(null), a([]), a({}), O2.configure.props.otherSettings.fillTableData || (O2.configure.props.otherSettings.fillTableData = [{}]), O2.configure.props.otherSettings.fixedValueTableData || (O2.configure.props.otherSettings.fixedValueTableData = [{}]), O2.configure.props.highOrder.mergeColumn || (O2.configure.props.highOrder.mergeColumn = [{ fieldName: [] }]), (l2, a2) => {
|
|
16
|
-
const
|
|
17
|
-
return t(), r(
|
|
18
|
-
const l4 = { uuid: b(), fieldName: "" };
|
|
19
|
-
O2.configure.props.highOrder.mergeColumn.splice(e4 + 1, 0, l4);
|
|
20
|
-
}(e3.$index) }, { default: i(() => [u(m(g))]), _: 2 }, 1032, ["onClick"]), u(F, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => {
|
|
20
|
+
const b2 = o("el-form-item"), D = o("el-collapse-item"), S = o("el-option"), j = o("el-select"), U = o("el-table-column"), z = o("el-icon"), F = o("el-table"), N = o("el-collapse"), T = o("el-form");
|
|
21
|
+
return t(), r(T, { "label-width": "80px", size: "small" }, { default: i(() => [u(N, { modelValue: C.value, "onUpdate:modelValue": a2[4] || (a2[4] = (e3) => C.value = e3), style: { "margin-top": "6px" } }, { default: i(() => [u(D, { title: "通用设置", name: "otherSettings", class: "amb-design-attr-group-header" }, { default: i(() => [p("div", _, [u(b2, { label: "显示条件", title: "数据权限限制", class: "amb-design-attr-item" }, { default: i(() => [(t(), r(h, { key: e2.configure.uuid + "_show", configure: e2.configure, type: "showConditions" }, null, 8, ["configure"]))]), _: 1 })])]), _: 1 }), u(D, { title: "组合表头", name: "compositeHeader", class: "amb-design-attr-group-header" }, { default: i(() => [p("div", V, [u(f, { configure: e2.configure }, null, 8, ["configure"])])]), _: 1 }), u(D, { title: "合并设置", name: "amalgamated", class: "amb-design-attr-group-header" }, { default: i(() => [p("div", y, [u(F, { data: e2.configure.props.highOrder.mergeColumn }, { default: i(() => [u(U, { prop: "fieldName", label: "合并列字段" }, { default: i((l3) => [u(j, { modelValue: l3.row.fieldName, "onUpdate:modelValue": (e3) => l3.row.fieldName = e3, "allow-create": "", filterable: "", multiple: "" }, { default: i(() => [(t(true), n(d, null, s(e2.configure.items, (e3, l4) => (t(), r(S, { key: e3.uuid, label: e3.props.base.name, value: e3.props.base.prop }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), u(U, { label: "操作", width: "60" }, { header: i(() => [u(z, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: a2[0] || (a2[0] = (e3) => k()) }, { default: i(() => [u(m(g))]), _: 1 })]), default: i((e3) => [u(z, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l3) => k(e3.$index) }, { default: i(() => [u(m(g))]), _: 2 }, 1032, ["onClick"]), u(z, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l3) => {
|
|
21
22
|
return a3 = e3.$index, void O2.configure.props.highOrder.mergeColumn.splice(a3, 1);
|
|
22
23
|
var a3;
|
|
23
|
-
} }, { default: i(() => [u(m(c))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), u(
|
|
24
|
+
} }, { default: i(() => [u(m(c))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), u(b2, { label: "合并行字段", class: "amb-design-attr-item" }, { default: i(() => [u(j, { modelValue: e2.configure.props.highOrder.mergeRow, "onUpdate:modelValue": a2[1] || (a2[1] = (l3) => e2.configure.props.highOrder.mergeRow = l3), multiple: "", "allow-create": "", filterable: "", placeholder: "请选择" }, { default: i(() => [(t(true), n(d, null, s(e2.configure.items, (e3, l3) => (t(), r(S, { key: e3.uuid, label: e3.props.base.name, value: e3.props.base.prop }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(b2, { label: "自定义方法", class: "amb-design-attr-item" }, { default: i(() => [u(j, { modelValue: e2.configure.props.highOrder.scopeFunc, "onUpdate:modelValue": a2[2] || (a2[2] = (l3) => e2.configure.props.highOrder.scopeFunc = l3), title: e2.configure.props.highOrder.scopeFunc, size: "small", clearable: "", placeholder: "请选择" }, { default: i(() => [(t(true), n(d, null, s(m(v)(), (e3) => (t(), r(S, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue", "title"])]), _: 1 })])]), _: 1 }), u(D, { title: "分组汇总设置", name: "summarySetting", class: "amb-design-attr-group-header" }, { default: i(() => [p("div", w, [u(b2, { label: "分组字段", class: "amb-design-attr-item-linefeed-two" }, { default: i(() => [u(j, { modelValue: e2.configure.props.highOrder.groupField, "onUpdate:modelValue": a2[3] || (a2[3] = (l3) => e2.configure.props.highOrder.groupField = l3), multiple: "", "allow-create": "", filterable: "", placeholder: "请选择" }, { default: i(() => [(t(true), n(d, null, s(e2.configure.items, (e3, l3) => (t(), r(S, { key: e3.uuid, label: e3.props.base.name, value: e3.props.base.prop }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), u(N, { modelValue: C.value, "onUpdate:modelValue": a2[5] || (a2[5] = (e3) => C.value = e3), style: { "margin-top": "6px" } }, { default: i(() => [u(x, { pageDesign: e2.pageDesign, configure: e2.configure }, null, 8, ["pageDesign", "configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
24
25
|
};
|
|
25
26
|
} });
|
|
26
27
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as o, onMounted as n, onUnmounted as i, watch as
|
|
1
|
+
import { defineComponent as e, ref as o, onMounted as n, onUnmounted as i, watch as l, resolveComponent as t, createElementBlock as r, openBlock as u, createVNode as s, createElementVNode as a, withDirectives as c, normalizeStyle as d, normalizeClass as p, withCtx as g, Fragment as m, renderList as f, createBlock as b, createCommentVNode as v, createTextVNode as y, unref as h, vShow as C } from "vue";
|
|
2
2
|
import j from "../../../../utils/eventBus.js";
|
|
3
3
|
import { useDraggable as x } from "vue-draggable-plus";
|
|
4
4
|
import { caculateComponentProps as D } from "../../../../utils/form-design-util.js";
|
|
@@ -37,9 +37,9 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
|
|
|
37
37
|
M(G.configure);
|
|
38
38
|
}), j.$on("setHiddenColumsUuid", (e3) => {
|
|
39
39
|
e3.value ? U.value = U.value.filter((o2) => o2 != e3.uuid) : U.value.push(e3.uuid);
|
|
40
|
-
}),
|
|
40
|
+
}), l(G.configure.style, () => {
|
|
41
41
|
G.configure.runtime.style = G.configure.style;
|
|
42
|
-
}, { immediate: true }),
|
|
42
|
+
}, { immediate: true }), l(G.configure.props, () => {
|
|
43
43
|
D(G.configure, P), function() {
|
|
44
44
|
let e3 = G.configure.props;
|
|
45
45
|
if (!e3.base) return;
|
|
@@ -49,13 +49,13 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
|
|
|
49
49
|
const e3 = W(G.configure, null);
|
|
50
50
|
G.configure.runtime.dataConfig = e3;
|
|
51
51
|
}();
|
|
52
|
-
}, { immediate: true }),
|
|
52
|
+
}, { immediate: true }), l(G.configure.items, (e3) => {
|
|
53
53
|
X.addFieldList(e3), G.configure.runtime.items = G.configure.items;
|
|
54
|
-
}, { immediate: true }),
|
|
54
|
+
}, { immediate: true }), l(() => G.configure.props.isChangeGroupHeader, () => {
|
|
55
55
|
G.configure.props.isChangeGroupHeader && (q.value = E(G.configure), K.value && K.value.doLayout());
|
|
56
56
|
}), j.$on("reloadTable-" + G.configure.uuid, (e3) => {
|
|
57
57
|
e3 && (G.configure.items = e3, q.value = E(G.configure)), K.value && K.value.doLayout();
|
|
58
|
-
}),
|
|
58
|
+
}), l(() => q.value, (e3) => {
|
|
59
59
|
e3.forEach((e4) => {
|
|
60
60
|
e4.props && e4.props.base && !e4.props.base.visible && U.value.push(e4.uuid);
|
|
61
61
|
});
|
|
@@ -70,8 +70,8 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
|
|
|
70
70
|
(o2 || window.event).preventDefault(), n2 = e3, G.configure.items.forEach((e4, o3) => {
|
|
71
71
|
e4.props.base.name == n2.label && (oe.value = e4, ne.value = o3);
|
|
72
72
|
}), R.value = true;
|
|
73
|
-
const i2 = document.querySelector("#tableDesignMenu"),
|
|
74
|
-
i2.style.display = "block", i2.style.left = o2.clientX + 30 + "px", i2.style.top = o2.clientY +
|
|
73
|
+
const i2 = document.querySelector("#tableDesignMenu"), l2 = document.documentElement.scrollTop || document.body.scrollTop;
|
|
74
|
+
i2.style.display = "block", i2.style.left = o2.clientX + 30 + "px", i2.style.top = o2.clientY + l2 - 22 + "px";
|
|
75
75
|
}
|
|
76
76
|
function Z() {
|
|
77
77
|
R.value = false;
|
|
@@ -85,7 +85,7 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
|
|
|
85
85
|
e5.props.base.displayOrder && e5.props.base.displayOrder == o3 || (e5.props.base.displayOrder = o3);
|
|
86
86
|
}), G.configure.props.base.isEnableGroupHeader && (w(G.configure.items[ne.value + 1], null, G.configure.props.groupHeaders), q.value = E(G.configure), j.$emit("synchroGroupHeadersData"));
|
|
87
87
|
} else "deleteNode" === e3 && S.confirm("当前操作会删除当前列", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
|
|
88
|
-
G.configure.items.splice(ne.value, 1);
|
|
88
|
+
G.configure.props, oe.value, G.configure.items.splice(ne.value, 1);
|
|
89
89
|
}).catch(() => {
|
|
90
90
|
});
|
|
91
91
|
}
|
|
@@ -93,19 +93,19 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
|
|
|
93
93
|
function ie(e3) {
|
|
94
94
|
oe.value = e3;
|
|
95
95
|
}
|
|
96
|
-
function
|
|
97
|
-
|
|
96
|
+
function le(e3, o2, n2, i2) {
|
|
97
|
+
te(q.value, n2.columnKey).props.base.columnWidth = e3;
|
|
98
98
|
}
|
|
99
|
-
function
|
|
99
|
+
function te(e3, o2) {
|
|
100
100
|
let n2 = {};
|
|
101
101
|
return e3.forEach((e4) => {
|
|
102
102
|
if (e4.uuid && e4.uuid === o2) return n2 = e4;
|
|
103
|
-
e4.children && e4.children.length > 0 && (n2 =
|
|
103
|
+
e4.children && e4.children.length > 0 && (n2 = te(e4.children, o2));
|
|
104
104
|
}), n2;
|
|
105
105
|
}
|
|
106
106
|
function re({ row: e3, column: o2, rowIndex: n2, columnIndex: i2 }) {
|
|
107
|
-
let
|
|
108
|
-
return U.value.includes(o2.label) && (
|
|
107
|
+
let l2 = "";
|
|
108
|
+
return U.value.includes(o2.label) && (l2 = "hiddenBorder"), o2.label === z.value && (l2 = "addBorder"), l2;
|
|
109
109
|
}
|
|
110
110
|
function ue(e3) {
|
|
111
111
|
z.value = e3.uuid;
|
|
@@ -118,8 +118,8 @@ const N = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, F
|
|
|
118
118
|
}
|
|
119
119
|
return x(".el-table__header-wrapper tr", G.configure.items, { animation: 150, ghostClass: "ghost", onStart(e3) {
|
|
120
120
|
} }), (e3, o2) => {
|
|
121
|
-
const n2 =
|
|
122
|
-
return u(), r("div", null, [s(n2, { ref_key: "tableRef", ref: K, "cell-class-name": re, "header-cell-class-name": re, border: "", class: p(I.value), data: A.value, onHeaderDragend:
|
|
121
|
+
const n2 = t("el-table"), i2 = t("el-icon");
|
|
122
|
+
return u(), r("div", null, [s(n2, { ref_key: "tableRef", ref: K, "cell-class-name": re, "header-cell-class-name": re, border: "", class: p(I.value), data: A.value, onHeaderDragend: le, onHeaderContextmenu: Q, onRowClick: J, onCellMouseEnter: se, onCellMouseLeave: ae, style: d(V.value) }, { default: g(() => [(u(true), r(m, null, f(q.value, (o3) => (u(), b(_, { key: o3, listColumns: o3, designProperty: P.value, configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, onSetClickColumn: ue, onOnSelectWidget: Y, onSetColumnData: ie, onCloseMenuVisible: Z, selectWidget: e3.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128))]), _: 1 }, 8, ["class", "data", "style"]), a("div", { onClick: J, style: { width: "100%", height: "30px" } }), c(a("div", null, [a("ul", N, [a("li", { tabindex: "-1", onClick: o2[0] || (o2[0] = () => ee("createCombinedHeader")) }, [s(i2, null, { default: g(() => [s(h(k))]), _: 1 }), o2[2] || (o2[2] = y(" 创建 "))]), oe.value.props && oe.value.props.base && "$selection" !== oe.value.props.base.prop && "$index" !== oe.value.props.base.prop ? (u(), r("li", { key: 0, tabindex: "-1", onClick: o2[1] || (o2[1] = () => ee("deleteNode")) }, [s(i2, null, { default: g(() => [s(h(H))]), _: 1 }), o2[3] || (o2[3] = y(" 删除 "))])) : v("", true)], 512)], 512), [[C, R.value]])]);
|
|
123
123
|
};
|
|
124
124
|
} });
|
|
125
125
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, computed as
|
|
1
|
+
import { defineComponent as e, ref as l, computed as o, resolveComponent as a, resolveDirective as n, createElementBlock as t, createBlock as u, openBlock as i, toDisplayString as c, withCtx as s, createVNode as p, withDirectives as r, unref as v, createElementVNode as m, Fragment as d, renderList as f, normalizeClass as g, vShow as b, createCommentVNode as y, createTextVNode as h, withModifiers as w, nextTick as _ } from "vue";
|
|
2
2
|
import { Close as k, Check as I, Search as x, Plus as C, InfoFilled as A, CircleClose as $ } from "@element-plus/icons-vue";
|
|
3
3
|
import * as V from "@element-plus/icons";
|
|
4
4
|
import P from "agilebuilder-ui/src/utils/request";
|
|
@@ -9,23 +9,24 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
|
|
|
9
9
|
l(false);
|
|
10
10
|
const K = l(1), M = l(B.iconType ?? ((_b = (_a = J.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)), Q = l("");
|
|
11
11
|
Q.value = B.iconValue;
|
|
12
|
-
const X = l({}), Y = l(""), Z = l(), ee = l(), le = l(false),
|
|
13
|
-
let e3 =
|
|
12
|
+
const X = l({}), Y = l(""), Z = l(), ee = l(), le = l(false), oe = o(() => ["ElementUI"].includes(M.value) ? F.value : ["ambIcon"].includes(M.value) ? G.value : ["ambColorIcon"].includes(M.value) ? W.value : H.value), ae = o(() => {
|
|
13
|
+
let e3 = oe.value ?? [];
|
|
14
14
|
return Y.value && (e3 = e3.filter((e4) => [e4.label ?? "", e4.value ?? ""].some((e5) => {
|
|
15
15
|
var _a2;
|
|
16
16
|
return (_a2 = e5.toLowerCase()) == null ? void 0 : _a2.includes(Y.value.toLowerCase());
|
|
17
17
|
}))), e3.slice(0, 50 * K.value);
|
|
18
18
|
}), ne = () => {
|
|
19
|
-
|
|
19
|
+
ae.value.length > 0 && !le.value && oe.value.length > ae.value.length && !Y.value && K.value++;
|
|
20
20
|
};
|
|
21
21
|
const te = async () => {
|
|
22
22
|
if (!(H.value.length > 0)) {
|
|
23
23
|
try {
|
|
24
24
|
le.value = true;
|
|
25
|
-
const e3 = await P.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", { pageSize: 200, pageNo: 1 }), l2 = (e3 == null ? void 0 : e3.data) ?? [],
|
|
26
|
-
for (let e4 of l2)
|
|
27
|
-
X.value.customOptions =
|
|
25
|
+
const e3 = await P.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", { pageSize: 200, pageNo: 1 }), l2 = (e3 == null ? void 0 : e3.data) ?? [], o2 = [];
|
|
26
|
+
for (let e4 of l2) o2.push({ value: e4.iconName, label: e4.iconName });
|
|
27
|
+
X.value.customOptions = o2, H.value = o2;
|
|
28
28
|
} catch (e3) {
|
|
29
|
+
console.error(e3);
|
|
29
30
|
}
|
|
30
31
|
le.value = false;
|
|
31
32
|
}
|
|
@@ -39,9 +40,10 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
|
|
|
39
40
|
le.value = true;
|
|
40
41
|
let e4 = `${window.location.origin}${window.location.pathname}font-icon/iconfont.json`;
|
|
41
42
|
((_c = (_b2 = (_a2 = window.$vueApp) == null ? void 0 : _a2.config) == null ? void 0 : _b2.globalProperties) == null ? void 0 : _c.fontIconAddress) && (e4 = `${window.$vueApp.config.globalProperties.fontIconAddress}/iconfont.json`);
|
|
42
|
-
const l3 = await fetch(e4, { mode: "cors" }).then((e5) => e5.json()), { css_prefix_text:
|
|
43
|
-
G.value =
|
|
43
|
+
const l3 = await fetch(e4, { mode: "cors" }).then((e5) => e5.json()), { css_prefix_text: o2, glyphs: a2 = [] } = l3 ?? {};
|
|
44
|
+
G.value = a2.map((e5) => ({ label: e5.name, value: `${o2}${e5.font_class}` }));
|
|
44
45
|
} catch (e4) {
|
|
46
|
+
console.error(e4);
|
|
45
47
|
}
|
|
46
48
|
le.value = false;
|
|
47
49
|
}
|
|
@@ -52,9 +54,10 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
|
|
|
52
54
|
le.value = true;
|
|
53
55
|
let e4 = `${window.location.origin}${window.location.pathname}font-icon/iconfont.json`;
|
|
54
56
|
((_c = (_b2 = (_a2 = window.$vueApp) == null ? void 0 : _a2.config) == null ? void 0 : _b2.globalProperties) == null ? void 0 : _c.fontIconAddress) && (e4 = `${window.$vueApp.config.globalProperties.fontIconAddress}-color/iconfont.json`);
|
|
55
|
-
const l3 = await fetch(e4, { mode: "cors", headers: { "Content-Type": "application/json" } }).then((e5) => e5.json()), { css_prefix_text:
|
|
56
|
-
W.value =
|
|
57
|
+
const l3 = await fetch(e4, { mode: "cors", headers: { "Content-Type": "application/json" } }).then((e5) => e5.json()), { css_prefix_text: o2, glyphs: a2 = [] } = l3 ?? {};
|
|
58
|
+
W.value = a2.map((e5) => ({ label: e5.name, value: `${o2}${e5.font_class}` }));
|
|
57
59
|
} catch (e4) {
|
|
60
|
+
console.error(e4);
|
|
58
61
|
}
|
|
59
62
|
le.value = false;
|
|
60
63
|
}
|
|
@@ -71,7 +74,7 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
|
|
|
71
74
|
if (Y.value = Y.value.trim(), !Y.value) return void z.warning("请输入图标名!");
|
|
72
75
|
const e3 = X.value.customOptions || [];
|
|
73
76
|
let l2 = false;
|
|
74
|
-
for (let
|
|
77
|
+
for (let o2 of e3) if (o2.value === Y.value) {
|
|
75
78
|
l2 = true;
|
|
76
79
|
break;
|
|
77
80
|
}
|
|
@@ -92,23 +95,23 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
|
|
|
92
95
|
function pe(e3) {
|
|
93
96
|
const l2 = e3.target.files[0];
|
|
94
97
|
if (!l2) return;
|
|
95
|
-
const
|
|
96
|
-
|
|
98
|
+
const o2 = new FormData();
|
|
99
|
+
o2.append("file", l2), o2.append("iconName", Y.value.trim()), P.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/upload-icon", o2, { headers: { "Content-Type": "multipart/form-data" } }).then((e4) => {
|
|
97
100
|
ee.value.value = "", z.success("上传成功!"), H.value.unshift({ value: Y.value.trim(), label: Y.value.trim() }), Y.value = "";
|
|
98
101
|
}).catch((e4) => {
|
|
99
102
|
z.warning("保存图标失败!");
|
|
100
103
|
});
|
|
101
104
|
}
|
|
102
|
-
function
|
|
105
|
+
function re() {
|
|
103
106
|
_(() => {
|
|
104
107
|
!function() {
|
|
105
108
|
if (!X.value.elementUIOptions) {
|
|
106
109
|
if (!window.temp_Icon_Options) {
|
|
107
110
|
const e3 = [];
|
|
108
|
-
for (const [l2,
|
|
111
|
+
for (const [l2, o2] of Object.entries(V)) e3.push({ value: l2, label: l2, component: o2 });
|
|
109
112
|
e3.sort(function(e4, l2) {
|
|
110
|
-
const
|
|
111
|
-
return
|
|
113
|
+
const o2 = e4.value, a2 = l2.value;
|
|
114
|
+
return o2.localeCompare(a2);
|
|
112
115
|
}), window.temp_Icon_Options = e3;
|
|
113
116
|
}
|
|
114
117
|
X.value.elementUIOptions = window.temp_Icon_Options;
|
|
@@ -116,12 +119,12 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
|
|
|
116
119
|
}(), ue(M.value);
|
|
117
120
|
});
|
|
118
121
|
}
|
|
119
|
-
return l(), (l2,
|
|
120
|
-
const _2 =
|
|
121
|
-
return e2.showLabel ? (i(), t("span", O, c(Q.value), 1)) : (i(), u(X2, { key: 1, ref_key: "popoverRef", ref: Z, "popper-class": "amb-component-popover-main", trigger: "click", width: 540 }, { reference: s(() => [p(V2, { readonly: "", size: e2.size, onClick:
|
|
122
|
-
return
|
|
123
|
-
var
|
|
124
|
-
} }, [p(W2, { iconType: M.value, iconValue: e3.value }, null, 8, ["iconType", "iconValue"])], 8, E)]), _: 2 }, 1032, ["content"]))), 128))])])), [[te2, ne]]) : y("", true), M.value ? (i(), t("div", q, [
|
|
122
|
+
return l(), (l2, o2) => {
|
|
123
|
+
const _2 = a("el-icon"), V2 = a("el-input"), P2 = a("el-button"), z2 = a("el-tooltip"), D3 = a("el-scrollbar"), B2 = a("el-col"), F2 = a("el-empty"), G2 = a("el-tag"), W2 = a("SuperIcon"), H2 = a("ArrowDown"), K2 = a("el-row"), X2 = a("el-popover"), te2 = n("infinite-scroll"), ve = n("loading");
|
|
124
|
+
return e2.showLabel ? (i(), t("span", O, c(Q.value), 1)) : (i(), u(X2, { key: 1, ref_key: "popoverRef", ref: Z, "popper-class": "amb-component-popover-main", trigger: "click", width: 540 }, { reference: s(() => [p(V2, { readonly: "", size: e2.size, onClick: re, modelValue: Q.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e3) => Q.value = e3), placeholder: "请选择" }, { suffix: s(() => [r(p(_2, { style: { cursor: "pointer" }, onClick: w(ce, ["stop"]) }, { default: s(() => [p(v($))]), _: 1 }, 512), [[b, Q.value]])]), _: 1 }, 8, ["size", "modelValue"])]), default: s(() => [p(K2, null, { default: s(() => [p(z2, { effect: "dark", content: "关闭", placement: "top-end" }, { default: s(() => [p(P2, { type: "text", class: "amb-component-popover-close-btn", icon: v(k), onClick: ie }, null, 8, ["icon"])]), _: 1 }), p(B2, { span: 8 }, { default: s(() => [m("div", U, [p(D3, { "max-height": "100%" }, { default: s(() => [(i(true), t(d, null, f(J.value, (e3) => (i(), t("div", { class: g(["amb-popover-menu-item", e3.value == M.value ? "is-active" : ""]), onClick: (l3) => ue(e3.value) }, [p(_2, null, { default: s(() => [r(p(v(I), null, null, 512), [[b, e3.value == M.value]])]), _: 2 }, 1024), m("span", null, c(e3.label), 1)], 10, j))), 256))]), _: 1 })])]), _: 1 }), r((i(), u(B2, { span: 16, style: { "padding-left": "10px" }, class: "amb-component-popover-icon-list-view" }, { default: s(() => [M.value ? y("", true) : (i(), u(F2, { key: 0, description: "请选择类型", "image-size": 80 })), M.value ? (i(), t("div", S, [p(V2, { modelValue: Y.value, "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => Y.value = e3), placeholder: "搜索", size: "default", "prefix-icon": v(x), clearable: "", filterable: "", style: { flex: "1 1 auto" } }, null, 8, ["modelValue", "prefix-icon"]), ["custom"].includes(M.value) && Y.value && !ae.value.length ? (i(), u(z2, { key: 0, effect: "dark", content: "创建该图标", placement: "top-end" }, { default: s(() => [p(P2, { type: "primary", circle: "", icon: v(C), onClick: se }, null, 8, ["icon"])]), _: 1 })) : y("", true)])) : y("", true), m("input", { ref_key: "uplooadSvgInputRef", ref: ee, type: "file", accept: ".svg", style: { display: "none" }, onChange: pe }, null, 544), ["custom"].includes(M.value) ? (i(), t("div", T, [p(_2, null, { default: s(() => [p(v(A))]), _: 1 }), o2[5] || (o2[5] = m("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), o2[6] || (o2[6] = h(" ")), p(z2, null, { content: s(() => o2[3] || (o2[3] = [h(" 1.支持fa图标,图标名称详见官网:https://fontawesome.com.cn/v4/icons-ui/; "), m("br", null, null, -1), h(" 2.支持svg图标,需以svg-img-开头,接svg内容,如:svg-img-xxxxxx. ")])), default: s(() => [p(G2, { type: "primary" }, { default: s(() => o2[4] || (o2[4] = [h("更多")])), _: 1 })]), _: 1 })])) : y("", true), M.value ? r((i(), t("div", L, [ae.value.length || le.value ? y("", true) : (i(), u(F2, { key: 0, description: "没有相关图标", "image-size": 80 })), m("div", N, [(i(true), t(d, null, f(ae.value, (e3) => (i(), u(z2, { key: e3.value, effect: "dark", content: e3.label, placement: "top" }, { default: s(() => [m("div", { class: "amb-component-popover-icon-grid-item", onClick: (l3) => {
|
|
125
|
+
return o3 = e3, Q.value = o3.value, R("update:modelValue", M.value, Q.value), void Z.value.hide();
|
|
126
|
+
var o3;
|
|
127
|
+
} }, [p(W2, { iconType: M.value, iconValue: e3.value }, null, 8, ["iconType", "iconValue"])], 8, E)]), _: 2 }, 1032, ["content"]))), 128))])])), [[te2, ne]]) : y("", true), M.value ? (i(), t("div", q, [ae.value.length < oe.value.length ? (i(), u(_2, { key: 0, style: { "padding-left": "10px", "font-size": "20px" }, onClick: o2[2] || (o2[2] = (e3) => ne()) }, { default: s(() => [p(H2)]), _: 1 })) : y("", true), h(c(ae.value.length) + "/" + c(oe.value.length), 1)])) : y("", true)]), _: 1 })), [[ve, le.value]])]), _: 1 })]), _: 1 }, 512));
|
|
125
128
|
};
|
|
126
129
|
} });
|
|
127
130
|
export {
|
|
@@ -2,19 +2,20 @@ import { defineComponent as e, ref as o, resolveComponent as a, createBlock as t
|
|
|
2
2
|
import { Plus as g } from "@element-plus/icons-vue";
|
|
3
3
|
import { getToken as d } from "agilebuilder-ui/src/utils/auth";
|
|
4
4
|
const m = { style: { padding: "8px 0px 0px 0px" } }, f = ["src"], b = e({ __name: "common-style-background", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
5
|
-
const b2 = e2,
|
|
5
|
+
const b2 = e2, v = o(window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/uploads"), h = d(), y = o(window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/show-image?jwt=" + h + "&serverPath=");
|
|
6
6
|
function k() {
|
|
7
7
|
b2.configure.style.backgroundImageServerPath = void 0;
|
|
8
8
|
}
|
|
9
9
|
function x(e3) {
|
|
10
10
|
if (e3.size > 3145728) return this.$message({ type: "warning", message: this.$t("imatrixUIMessage.exceedFileSize", { fileSize: 3 }), showClose: true }), false;
|
|
11
11
|
}
|
|
12
|
+
v.value;
|
|
12
13
|
const w = (e3, o2) => {
|
|
13
14
|
b2.configure.style.backgroundImageServerPath = e3.serverPath;
|
|
14
15
|
};
|
|
15
16
|
return (o2, d2) => {
|
|
16
17
|
const b3 = a("el-color-picker"), P = a("el-form-item"), _ = a("CloseBold"), I = a("el-icon"), S = a("el-upload"), z = a("el-collapse-item");
|
|
17
|
-
return r(), t(z, { title: "背景", name: "styleBackground", class: "amb-design-attr-group-header" }, { default: l(() => [s("div", m, [i(P, { label: "颜色", style: { "margin-top": "4px" } }, { default: l(() => [i(b3, { modelValue: e2.configure.style.backgroundColor, "onUpdate:modelValue": d2[0] || (d2[0] = (o3) => e2.configure.style.backgroundColor = o3) }, null, 8, ["modelValue"])]), _: 1 }), i(P, { label: "图片", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: l(() => [i(S, { class: "avatar-uploader", accept: "image/png, image/jpeg", "with-credentials": true, headers: { Authorization: n(
|
|
18
|
+
return r(), t(z, { title: "背景", name: "styleBackground", class: "amb-design-attr-group-header" }, { default: l(() => [s("div", m, [i(P, { label: "颜色", style: { "margin-top": "4px" } }, { default: l(() => [i(b3, { modelValue: e2.configure.style.backgroundColor, "onUpdate:modelValue": d2[0] || (d2[0] = (o3) => e2.configure.style.backgroundColor = o3) }, null, 8, ["modelValue"])]), _: 1 }), i(P, { label: "图片", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: l(() => [i(S, { class: "avatar-uploader", accept: "image/png, image/jpeg", "with-credentials": true, headers: { Authorization: n(h) }, action: v.value, "show-file-list": false, "on-success": w, "before-upload": x, style: { position: "relative" }, name: "file" }, { default: l(() => [e2.configure.style.backgroundImageServerPath ? (r(), u("img", { key: 0, src: y.value + e2.configure.style.backgroundImageServerPath + "&_tt=" + (/* @__PURE__ */ new Date()).getTime(), class: "avatar" }, null, 8, f)) : c("", true), e2.configure.style.backgroundImageServerPath ? (r(), t(I, { key: 1, style: { position: "absolute", top: "4px", right: "4px", "font-size": "15px", "background-color": "red" }, onClick: p(k, ["stop"]) }, { default: l(() => [i(_)]), _: 1 })) : (r(), t(I, { key: 2, class: "avatar-uploader-icon" }, { default: l(() => [i(n(g))]), _: 1 }))]), _: 1 }, 8, ["headers", "action"])]), _: 1 })])]), _: 1 });
|
|
18
19
|
};
|
|
19
20
|
} });
|
|
20
21
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./common-variable-bind.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = e(o, [["__scopeId", "data-v-
|
|
4
|
+
const r = e(o, [["__scopeId", "data-v-dc109040"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, onMounted as a, onUnmounted as t, computed as u, watch as o, resolveComponent as n, createElementBlock as s, createBlock as i, openBlock as r, toDisplayString as p, withCtx as
|
|
1
|
+
import { defineComponent as e, ref as l, onMounted as a, onUnmounted as t, computed as u, watch as o, resolveComponent as n, createElementBlock as s, createBlock as i, openBlock as r, toDisplayString as p, withCtx as v, createVNode as d, createElementVNode as m, withDirectives as f, unref as c, createTextVNode as y, vShow as g, normalizeStyle as b, createCommentVNode as h, withModifiers as w, nextTick as V } from "vue";
|
|
2
2
|
import { Plus as x, InfoFilled as O, Search as k, CircleClose as C } from "@element-plus/icons-vue";
|
|
3
3
|
import M from "agilebuilder-ui/src/utils/request";
|
|
4
4
|
import { deepCopy as _, getUuidv4 as z } from "../../../utils/common-util.js";
|
|
@@ -6,7 +6,7 @@ import { getTypeOptions as j, contextVarOptions as U, taskVarOptions as L } from
|
|
|
6
6
|
import { usePageContextStore as N } from "../../../../../stores/page-store.js";
|
|
7
7
|
import { tableField as A } from "../../../../../stores/table-store.js";
|
|
8
8
|
import { statisticsTable as E } from "../../../../../stores/statistics-table-store.js";
|
|
9
|
-
const R = { key: 0 }, T = { style: { "margin-top": "10px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } },
|
|
9
|
+
const R = { key: 0 }, T = { style: { "margin-top": "10px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, $ = { style: { "font-size": "10px", "line-height": "40px" } }, q = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, D = { key: 0, style: { display: "flex" } }, P = ["title"], B = ["title"], S = { class: "totalStyle" }, I = e({ name: "ValueSetInput", inheritAttrs: false, __name: "common-variable-bind", props: { modelValue: { type: [String], default: null }, paramTypes: { type: Array, default: () => [] }, size: { type: String, default: "small" }, showLabel: { type: Boolean, default: false }, needParams: { type: Boolean, default: false }, isRange: { type: Boolean, default: false }, isTable: { type: Boolean, default: false }, dataModelOptions: { type: Array, default: null }, objModelOptions: { type: Array, default: null }, needData: { type: Boolean, default: false }, placeholder: { type: String, default: "请选择" } }, emits: ["update:modelValue"], setup(e2, { emit: I2 }) {
|
|
10
10
|
const K = N(), W = I2, F = e2, G = l(false), H = l(""), J = l(null), Q = l(null), X = l([]), Y = l(false), Z = l(""), ee = l(""), le = l(""), ae = l([]), te = l({}), ue = l(""), oe = l(null), ne = ["context", "system", "task", "data", "page", "row"], se = A(), ie = E();
|
|
11
11
|
a(() => {
|
|
12
12
|
window.addEventListener("click", pe);
|
|
@@ -18,7 +18,7 @@ const R = { key: 0 }, T = { style: { "margin-top": "10px", "font-size": "10px",
|
|
|
18
18
|
const [e4, l3] = F.modelValue.slice(0, F.modelValue.length - 1).slice(2).split(".");
|
|
19
19
|
ee.value = e4, le.value = l3, ne.includes(e4) && (Y.value = false), xe(ee.value), Z.value = he(), H.value = F.modelValue;
|
|
20
20
|
}
|
|
21
|
-
ee.value || (ee.value = t2.length > 0 ? t2[0].value : "", xe(ee.value));
|
|
21
|
+
ee.value || (ee.value = t2.length > 0 ? t2[0].value : "", xe(ee.value)), oe.value;
|
|
22
22
|
}), t(() => {
|
|
23
23
|
window.removeEventListener("click", pe);
|
|
24
24
|
});
|
|
@@ -30,10 +30,10 @@ const R = { key: 0 }, T = { style: { "margin-top": "10px", "font-size": "10px",
|
|
|
30
30
|
if (Q.value && (l2 = Q.value.$el.parentNode), !e3.target || !l2) return;
|
|
31
31
|
if (e3.target === re) return;
|
|
32
32
|
const a2 = J.value ? J.value.input : null;
|
|
33
|
-
a2 && (e3.target === a2 || a2.contains(e3.target)) || (e3.target === l2 || l2.contains(e3.target) ? re = e3.target : (Q.value.$el, G.value &&
|
|
33
|
+
a2 && (e3.target === a2 || a2.contains(e3.target)) || (e3.target === l2 || l2.contains(e3.target) ? re = e3.target : (Q.value.$el && Q.value.$el.contains(e3.target), G.value && de()));
|
|
34
34
|
}
|
|
35
|
-
const
|
|
36
|
-
function
|
|
35
|
+
const ve = l([{ label: "天", value: "d" }, { label: "周", value: "w" }, { label: "月", value: "m" }, { label: "年", value: "y" }]);
|
|
36
|
+
function de(e3) {
|
|
37
37
|
G.value = false;
|
|
38
38
|
}
|
|
39
39
|
const me = u(() => ae.value.filter((e3) => !ue.value || "system" == ee.value || e3.label.toLowerCase().includes(ue.value.toLowerCase()) || e3.value.toLowerCase().includes(ue.value.toLowerCase())));
|
|
@@ -66,7 +66,7 @@ const R = { key: 0 }, T = { style: { "margin-top": "10px", "font-size": "10px",
|
|
|
66
66
|
if ("context" === e3 && l2 && l2.startsWith("currentDate") && l2.length > 11) {
|
|
67
67
|
const e4 = l2.substring(11), a3 = e4.substring(0, 1);
|
|
68
68
|
return e4.substring(1, e4.length - 1) + ((e5) => {
|
|
69
|
-
const l3 =
|
|
69
|
+
const l3 = ve.value.filter((l4) => l4.value == e5);
|
|
70
70
|
return l3.length > 0 ? l3[0].label : "";
|
|
71
71
|
})(e4.substring(e4.length - 1)) + ("+" === a3 ? "后" : "前");
|
|
72
72
|
}
|
|
@@ -99,14 +99,14 @@ const R = { key: 0 }, T = { style: { "margin-top": "10px", "font-size": "10px",
|
|
|
99
99
|
H.value = "", W("update:modelValue", H.value), oe.value.hide();
|
|
100
100
|
}
|
|
101
101
|
function ke() {
|
|
102
|
-
le.value ? (H.value = "${" + ee.value + "." + le.value + "}", W("update:modelValue", H.value),
|
|
102
|
+
le.value ? (H.value = "${" + ee.value + "." + le.value + "}", W("update:modelValue", H.value), de()) : ElMessage.warning("请输入参数名");
|
|
103
103
|
}
|
|
104
104
|
function Ce() {
|
|
105
105
|
if (ue.value = ue.value.trim(), !ue.value) return void ElMessage.warning("请输入参数名");
|
|
106
106
|
const e3 = te.value.pageVarOptions || [];
|
|
107
107
|
for (let l3 of e3) if (l3.value === ue.value) return void ElMessage.warning("该变量已存在!");
|
|
108
108
|
const l2 = { code: z(), name: ue.value, alias: ue.value, type: "string", defaultValue: "" };
|
|
109
|
-
K.pageContext.variables || (K.pageContext.variables = []), K.pageContext.variables.push(l2), K.setPageContext(K.pageContext), te.value.pageVarOptions = K.pageContextVarOptions.pageVarOptions, ae.value = te.value.pageVarOptions || [], le.value = ue.value, H.value = "${" + ee.value + "." + ue.value + "}", ue.value = "", W("update:modelValue", H.value),
|
|
109
|
+
K.pageContext.variables || (K.pageContext.variables = []), K.pageContext.variables.push(l2), K.setPageContext(K.pageContext), te.value.pageVarOptions = K.pageContextVarOptions.pageVarOptions, ae.value = te.value.pageVarOptions || [], le.value = ue.value, H.value = "${" + ee.value + "." + ue.value + "}", ue.value = "", W("update:modelValue", H.value), de();
|
|
110
110
|
}
|
|
111
111
|
const Me = l();
|
|
112
112
|
function _e() {
|
|
@@ -121,17 +121,17 @@ const R = { key: 0 }, T = { style: { "margin-top": "10px", "font-size": "10px",
|
|
|
121
121
|
}
|
|
122
122
|
return (l2, a2) => {
|
|
123
123
|
const t2 = n("el-icon"), u2 = n("el-input"), o2 = n("el-cascader-panel"), V2 = n("el-col"), M2 = n("el-empty"), _2 = n("el-button"), z2 = n("el-table-column"), j2 = n("el-option"), U2 = n("el-select"), L2 = n("el-table"), N2 = n("el-row"), A2 = n("el-popover");
|
|
124
|
-
return e2.showLabel ? (r(), s("span", R, p(H.value), 1)) : (r(), i(A2, { key: 1, ref_key: "popoverRef", ref: oe, visible: G.value, width: 400 }, { reference:
|
|
124
|
+
return e2.showLabel ? (r(), s("span", R, p(H.value), 1)) : (r(), i(A2, { key: 1, ref_key: "popoverRef", ref: oe, visible: G.value, width: 400 }, { reference: v(() => [d(u2, { readonly: "", size: e2.size, title: H.value, ref_key: "inputRef", ref: J, onClick: _e, formatter: he, modelValue: H.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => H.value = e3), placeholder: e2.placeholder }, { suffix: v(() => [f(d(t2, { style: { cursor: "pointer" }, onClick: w(Oe, ["stop"]) }, { default: v(() => [d(c(C))]), _: 1 }, 512), [[g, H.value]])]), _: 1 }, 8, ["size", "title", "modelValue", "placeholder"])]), default: v(() => [d(N2, { ref_key: "contentRef", ref: Q }, { default: v(() => [d(V2, { span: 8 }, { default: v(() => [d(o2, { modelValue: ee.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => ee.value = e3), onChange: Ve, props: { emitPath: true }, size: "small", options: X.value, style: { height: "240px", width: "100%" } }, null, 8, ["modelValue", "options"])]), _: 1 }), ee.value ? Y.value ? (r(), i(V2, { key: 1, span: 16, style: { "padding-left": "10px" } }, { default: v(() => [d(u2, { style: { width: "210px" }, size: "small", modelValue: le.value, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => le.value = e3), placeholder: "请手动输入" }, null, 8, ["modelValue"]), d(_2, { style: { float: "right" }, onClick: ke, size: "small", type: "primary", icon: c(x), circle: "" }, null, 8, ["icon"]), m("div", T, [d(t2, null, { default: v(() => [d(c(O))]), _: 1 }), a2[5] || (a2[5] = m("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1))]), f(m("div", $, [a2[7] || (a2[7] = y(" 常用参数: ")), d(_2, { type: "primary", size: "small", onClick: a2[3] || (a2[3] = (e3) => {
|
|
125
125
|
return l3 = "query", le.value = l3, void ke();
|
|
126
126
|
var l3;
|
|
127
|
-
}) }, { default:
|
|
127
|
+
}) }, { default: v(() => a2[6] || (a2[6] = [y("query")])), _: 1 })], 512), [[g, "request" == ee.value]])]), _: 1 })) : (r(), i(V2, { key: 2, span: 16, style: { "padding-left": "10px" } }, { default: v(() => [d(u2, { size: "small", modelValue: ue.value, "onUpdate:modelValue": a2[4] || (a2[4] = (e3) => ue.value = e3), placeholder: "搜索", "suffix-icon": c(k), style: b([{ "margin-bottom": "5px", height: "25px" }, ge.value]) }, null, 8, ["modelValue", "suffix-icon", "style"]), f(d(_2, { style: { float: "right" }, onClick: Ce, size: "small", type: "primary", icon: c(x), circle: "" }, null, 8, ["icon"]), [[g, "page" == ee.value]]), f(m("div", q, [d(t2, null, { default: v(() => [d(c(O))]), _: 1 }), a2[8] || (a2[8] = m("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1))], 512), [[g, "page" == ee.value]]), d(L2, { ref_key: "tableRef", ref: Me, height: ye.value, "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "tree-props": { children: "items" }, "highlight-current-row": true, data: me.value }, { default: v(() => [d(z2, { width: "65" }, { default: v((e3) => [d(_2, { type: "default", size: "small", onClick: (l3) => function(e4) {
|
|
128
128
|
if ("range" == e4.type) {
|
|
129
129
|
if ("" === e4.symbolNum) return void ElMessage.warning("周期不能为空!");
|
|
130
130
|
if (isNaN(e4.symbolNum)) return void ElMessage.warning("周期为无效的数字!");
|
|
131
131
|
"0" != e4.symbolNum ? le.value = e4.value + e4.symbol + e4.symbolNum + e4.symbolUnit : le.value = e4.value;
|
|
132
132
|
} else le.value = e4.value;
|
|
133
|
-
H.value = "${" + ee.value + "." + le.value + "}", W("update:modelValue", H.value, e4.alias),
|
|
134
|
-
}(e3.row) }, { default:
|
|
133
|
+
H.value = "${" + ee.value + "." + le.value + "}", W("update:modelValue", H.value, e4.alias), de();
|
|
134
|
+
}(e3.row) }, { default: v(() => a2[9] || (a2[9] = [y(" 选择 ")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), d(z2, { label: "Date", prop: "label" }, { default: v((e3) => ["context" == ee.value && "range" == e3.row.type ? (r(), s("div", D, [d(u2, { size: "small", modelValue: e3.row.symbolNum, "onUpdate:modelValue": (l3) => e3.row.symbolNum = l3, placeholder: "", style: { width: "35px", "margin-left": "4px" } }, null, 8, ["modelValue", "onUpdate:modelValue"]), d(U2, { size: "small", style: { "margin-left": "4px", width: "50px" }, modelValue: e3.row.symbolUnit, "onUpdate:modelValue": (l3) => e3.row.symbolUnit = l3, placeholder: "" }, { default: v(() => [d(j2, { label: "天", value: "d" }), d(j2, { label: "周", value: "w" }), d(j2, { label: "月", value: "m" }), d(j2, { label: "年", value: "y" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]), d(U2, { size: "small", style: { "margin-left": "4px", width: "50px" }, modelValue: e3.row.symbol, "onUpdate:modelValue": (l3) => e3.row.symbol = l3, placeholder: "" }, { default: v(() => [d(j2, { label: "前", value: "-" }), d(j2, { label: "后", value: "+" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])])) : h("", true), "data" == ee.value || "obj" == ee.value || "row" == ee.value ? (r(), s("span", { key: 1, title: e3.row.label + " " + e3.row.value }, p(e3.row.label + " " + e3.row.value), 9, P)) : (r(), s("span", { key: 2, title: e3.row.label }, p(e3.row.label), 9, B))]), _: 1 })]), _: 1 }, 8, ["height", "data"]), m("div", S, "总计:" + p(me.value.length), 1)]), _: 1 })) : (r(), i(V2, { key: 0, span: 16 }, { default: v(() => [d(M2, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 }, 512)]), _: 1 }, 8, ["visible"]));
|
|
135
135
|
};
|
|
136
136
|
} });
|
|
137
137
|
export {
|