super-page-designer 2.3.11-design4 → 2.3.12-sit1-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/page-event-util.js +0 -1
- package/dist/es/components/design/utils/page-i18n-util.js +5 -6
- package/dist/es/components/design/utils/page-table-util.js +93 -60
- package/dist/es/components/design/views/assemblys/button/button/button-attr-advanced.vue.js +32 -31
- package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/button/component/journal-set-dialog.vue2.js +23 -30
- package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-advanced.vue.js +21 -20
- package/dist/es/components/design/views/assemblys/chart/column-line/series/column-line-series-attr-base.vue.js +4 -5
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-base.vue.js +5 -91
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-base.vue2.js +99 -2
- 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.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue2.js +23 -26
- package/dist/es/components/design/views/assemblys/common/common-style-background.vue.js +2 -3
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue3.js +13 -13
- package/dist/es/components/design/views/assemblys/common/common-watermark.vue.js +24 -0
- package/dist/es/components/design/views/assemblys/common/common-watermark.vue2.js +4 -0
- 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 +2 -3
- 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/configuration-value.vue.js +11 -76
- package/dist/es/components/design/views/assemblys/data/component/dynamic-column.vue.js +44 -42
- package/dist/es/components/design/views/assemblys/data/component/formatting.vue.js +23 -20
- package/dist/es/components/design/views/assemblys/data/component/import-header.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/data/component/table-column-format.vue.js +19 -0
- package/dist/es/components/design/views/assemblys/data/component/table-column-format.vue2.js +4 -0
- 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 +3 -3
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +72 -75
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-dynamic-column.vue.js +10 -10
- 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/common/icon-set-dialog.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr-advanced.vue.js +9 -8
- package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-design.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/label/label-design.vue2.js +11 -11
- package/dist/es/components/design/views/assemblys/form/rich-text/richtext-design.vue2.js +13 -14
- package/dist/es/components/design/views/assemblys/object-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/object-design.vue3.js +1 -1
- 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/workflow/picture-flow/pictureflow-design.vue2.js +1 -1
- 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.vue.js +7 -0
- package/dist/es/components/design/views/design/page-event/config.vue2.js +76 -5
- 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 +0 -1
- package/dist/es/components/design/views/design/view/page-switch.vue2.js +2 -3
- 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 +16 -12
- package/package.json +3 -3
- package/dist/es/components/design/views/design/page-event/config.vue3.js +0 -79
|
@@ -2,20 +2,19 @@ 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, h = o(window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/uploads"), v = d(), y = o(window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/show-image?jwt=" + v + "&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;
|
|
13
12
|
const w = (e3, o2) => {
|
|
14
13
|
b2.configure.style.backgroundImageServerPath = e3.serverPath;
|
|
15
14
|
};
|
|
16
15
|
return (o2, d2) => {
|
|
17
16
|
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");
|
|
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(
|
|
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(v) }, action: h.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 });
|
|
19
18
|
};
|
|
20
19
|
} });
|
|
21
20
|
export {
|
|
@@ -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 d, createVNode as v, 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" } }, q = { style: { "font-size": "10px", "line-height": "40px" } }, D = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, P = { key: 0, style: { display: "flex" } }, $ = ["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));
|
|
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
|
|
33
|
+
a2 && (e3.target === a2 || a2.contains(e3.target)) || (e3.target === l2 || l2.contains(e3.target) ? re = e3.target : (Q.value.$el, G.value && ve()));
|
|
34
34
|
}
|
|
35
|
-
const
|
|
36
|
-
function
|
|
35
|
+
const de = l([{ label: "天", value: "d" }, { label: "周", value: "w" }, { label: "月", value: "m" }, { label: "年", value: "y" }]);
|
|
36
|
+
function ve(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 = de.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), ve()) : 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), ve();
|
|
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: d(() => [v(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: d(() => [f(v(t2, { style: { cursor: "pointer" }, onClick: w(Oe, ["stop"]) }, { default: d(() => [v(c(C))]), _: 1 }, 512), [[g, H.value]])]), _: 1 }, 8, ["size", "title", "modelValue", "placeholder"])]), default: d(() => [v(N2, { ref_key: "contentRef", ref: Q }, { default: d(() => [v(V2, { span: 8 }, { default: d(() => [v(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: d(() => [v(u2, { style: { width: "210px" }, size: "small", modelValue: le.value, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => le.value = e3), placeholder: "请手动输入" }, null, 8, ["modelValue"]), v(_2, { style: { float: "right" }, onClick: ke, size: "small", type: "primary", icon: c(x), circle: "" }, null, 8, ["icon"]), m("div", T, [v(t2, null, { default: d(() => [v(c(O))]), _: 1 }), a2[5] || (a2[5] = m("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1))]), f(m("div", q, [a2[7] || (a2[7] = y(" 常用参数: ")), v(_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: d(() => 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: d(() => [v(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(v(_2, { style: { float: "right" }, onClick: Ce, size: "small", type: "primary", icon: c(x), circle: "" }, null, 8, ["icon"]), [[g, "page" == ee.value]]), f(m("div", D, [v(t2, null, { default: d(() => [v(c(O))]), _: 1 }), a2[8] || (a2[8] = m("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1))], 512), [[g, "page" == ee.value]]), v(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: d(() => [v(z2, { width: "65" }, { default: d((e3) => [v(_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), ve();
|
|
134
|
+
}(e3.row) }, { default: d(() => a2[9] || (a2[9] = [y(" 选择 ")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), v(z2, { label: "Date", prop: "label" }, { default: d((e3) => ["context" == ee.value && "range" == e3.row.type ? (r(), s("div", P, [v(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"]), v(U2, { size: "small", style: { "margin-left": "4px", width: "50px" }, modelValue: e3.row.symbolUnit, "onUpdate:modelValue": (l3) => e3.row.symbolUnit = l3, placeholder: "" }, { default: d(() => [v(j2, { label: "天", value: "d" }), v(j2, { label: "周", value: "w" }), v(j2, { label: "月", value: "m" }), v(j2, { label: "年", value: "y" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]), v(U2, { size: "small", style: { "margin-left": "4px", width: "50px" }, modelValue: e3.row.symbol, "onUpdate:modelValue": (l3) => e3.row.symbol = l3, placeholder: "" }, { default: d(() => [v(j2, { label: "前", value: "-" }), v(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, $)) : (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: d(() => [v(M2, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 }, 512)]), _: 1 }, 8, ["visible"]));
|
|
135
135
|
};
|
|
136
136
|
} });
|
|
137
137
|
export {
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { defineComponent as e, ref as r, onMounted as t, onUnmounted as a, resolveComponent as o, createElementBlock as l, openBlock as u, createVNode as n, createBlock as i, createCommentVNode as m, withCtx as p, createTextVNode as s, withDirectives as c, vShow as f } from "vue";
|
|
2
|
+
import "agilebuilder-ui/src/utils/request";
|
|
3
|
+
import d from "../button/component/journal-set-dialog.vue.js";
|
|
4
|
+
const g = e({ name: "Watermark", inheritAttrs: false, __name: "common-watermark", props: { modelValue: { type: [String], default: null }, paramTypes: { type: Array, default: () => [] }, configure: { type: Object, default: () => ({}) } }, emits: ["update:modelValue"], setup(e2, { emit: g2 }) {
|
|
5
|
+
const k = e2, w = r(false);
|
|
6
|
+
function v() {
|
|
7
|
+
w.value = false;
|
|
8
|
+
}
|
|
9
|
+
function y(e3) {
|
|
10
|
+
k.configure.props.watermark.content = e3, v();
|
|
11
|
+
}
|
|
12
|
+
return k.configure.props || (k.configure.props = {}), k.configure.props.watermark || (k.configure.props.watermark = {}), void 0 === k.configure.props.watermark.isShowWatermark && (k.configure.props.watermark.isShowWatermark = true), t(() => {
|
|
13
|
+
}), a(() => {
|
|
14
|
+
}), (r2, t2) => {
|
|
15
|
+
const a2 = o("el-radio"), g3 = o("el-radio-group"), k2 = o("el-form-item"), _ = o("el-button"), b = o("el-text");
|
|
16
|
+
return u(), l("div", null, [n(k2, { label: "开启水印", class: "amb-design-attr-item" }, { default: p(() => [n(g3, { modelValue: e2.configure.props.watermark.isShowWatermark, "onUpdate:modelValue": t2[0] || (t2[0] = (r3) => e2.configure.props.watermark.isShowWatermark = r3), class: "ml-4" }, { default: p(() => [n(a2, { value: true }, { default: p(() => t2[2] || (t2[2] = [s("是")])), _: 1 }), n(a2, { value: false }, { default: p(() => t2[3] || (t2[3] = [s("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), n(k2, { label: "水印内容", class: "amb-design-attr-item" }, { default: p(() => {
|
|
17
|
+
var _a, _b, _c, _d;
|
|
18
|
+
return [n(_, { type: "primary", onClick: t2[1] || (t2[1] = (e3) => w.value = true) }, { default: p(() => t2[4] || (t2[4] = [s("编辑")])), _: 1 }), c(n(b, { type: "success" }, { default: p(() => t2[5] || (t2[5] = [s(" 已设置内容 ")])), _: 1 }, 512), [[f, ((_b = (_a = e2.configure.props) == null ? void 0 : _a.watermark) == null ? void 0 : _b.content) && ((_d = (_c = e2.configure.props) == null ? void 0 : _c.watermark) == null ? void 0 : _d.content.length) > 0]])];
|
|
19
|
+
}), _: 1 }), w.value ? (u(), i(d, { key: 0, modelValue: e2.configure.props.watermark.content, title: "水印设置", onClose: v, onSave: y }, null, 8, ["modelValue"])) : m("", true)]);
|
|
20
|
+
};
|
|
21
|
+
} });
|
|
22
|
+
export {
|
|
23
|
+
g as default
|
|
24
|
+
};
|
|
@@ -3,7 +3,7 @@ import { ElMessage as x } from "element-plus";
|
|
|
3
3
|
import { Close as S, Check as j, Search as O, Plus as P, CircleClose as T } from "@element-plus/icons-vue";
|
|
4
4
|
import { EnableStates as A } from "../../../utils/interfaces/page-design-types.js";
|
|
5
5
|
import N from "agilebuilder-ui/src/utils/request";
|
|
6
|
-
const D = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" },
|
|
6
|
+
const D = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, E = ["onClick"], $ = { style: { height: "230px", padding: "0 10px" } }, I = ["title"], L = ["title"], R = e({ __name: "page-permission-select", props: { rowObj: Object, pageDesign: Object, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false }, onlyService: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: R2 }) {
|
|
7
7
|
var _a, _b;
|
|
8
8
|
const B = R2, F = e2, X = l(false), q = l(null), G = l(), H = l(null), J = l(false), K = l(""), M = l();
|
|
9
9
|
a(() => {
|
|
@@ -17,7 +17,7 @@ const D = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, $ =
|
|
|
17
17
|
if (H.value && (l2 = H.value.$el.parentNode), !e3.target || !l2) return;
|
|
18
18
|
if (e3.target === Q) return;
|
|
19
19
|
const a2 = q.value ? q.value.input : null;
|
|
20
|
-
a2 && (e3.target === a2 || a2.contains(e3.target)) || (e3.target === l2 || l2.contains(e3.target) ? Q = e3.target : (H.value.$el
|
|
20
|
+
a2 && (e3.target === a2 || a2.contains(e3.target)) || (e3.target === l2 || l2.contains(e3.target) ? Q = e3.target : (H.value.$el, J.value && Y()));
|
|
21
21
|
}
|
|
22
22
|
function Y(e3) {
|
|
23
23
|
J.value = false;
|
|
@@ -97,9 +97,9 @@ const D = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, $ =
|
|
|
97
97
|
function be(e3) {
|
|
98
98
|
return e3 ? `${F.rowObj.name}:${e3}` : null;
|
|
99
99
|
}
|
|
100
|
-
return
|
|
100
|
+
return (l2, a2) => {
|
|
101
101
|
const t2 = r("el-icon"), o2 = r("el-input"), n2 = r("el-button"), u2 = r("el-tooltip"), z2 = r("el-col"), x2 = r("el-empty"), A2 = r("el-option"), N2 = r("el-select"), R3 = r("el-row"), F2 = r("el-text"), Q2 = r("el-table-column"), W2 = r("el-table"), re2 = r("el-pagination"), ie2 = r("el-popover");
|
|
102
|
-
return e2.showLabel ? (p(), i("span", D, c(e2.rowObj.name ? e2.rowObj.name : e2.rowObj.simpleCode), 1)) : (p(), s(ie2, { key: 1, modelValue: X.value, "onUpdate:modelValue": a2[6] || (a2[6] = (e3) => X.value = e3), ref_key: "popoverRef", ref: G, "popper-class": "amb-component-popover-main", visible: J.value, width: 400 }, { reference: d(() => [m(o2, { ref_key: "inputRef", ref: q, readonly: "", size: "small", onClick: he, title: e2.rowObj.name + "(" + e2.rowObj.simpleCode + ")", formatter: be, modelValue: te.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => te.value = e3), placeholder: "请选择" }, { suffix: d(() => [w(m(t2, { style: { cursor: "pointer" }, onClick: _(ge, ["stop"]) }, { default: d(() => [m(f(T))]), _: 1 }, 512), [[V, ae.value]])]), _: 1 }, 8, ["title", "modelValue"])]), default: d(() => [m(R3, { ref_key: "contentRef", ref: H }, { default: d(() => [m(u2, { effect: "dark", content: "关闭", placement: "top-end" }, { default: d(() => [m(n2, { type: "text", class: "amb-component-popover-close-btn", icon: f(S), onClick: fe }, null, 8, ["icon"])]), _: 1 }), e2.onlyService ? v("", true) : (p(), s(z2, { key: 0, span: 8 }, { default: d(() => [g("div", U, [(p(), i(y, null, h(Z, (e3) => g("div", { class: b(["amb-popover-menu-item", e3.value == le.value ? "is-active" : ""]), onClick: (l3) => ve(e3.value) }, [m(t2, null, { default: d(() => [w(m(f(j), null, null, 512), [[V, e3.value == l2.iconType]])]), _: 2 }, 1024), g("span", null, c(e3.label), 1)], 10,
|
|
102
|
+
return e2.showLabel ? (p(), i("span", D, c(e2.rowObj.name ? e2.rowObj.name : e2.rowObj.simpleCode), 1)) : (p(), s(ie2, { key: 1, modelValue: X.value, "onUpdate:modelValue": a2[6] || (a2[6] = (e3) => X.value = e3), ref_key: "popoverRef", ref: G, "popper-class": "amb-component-popover-main", visible: J.value, width: 400 }, { reference: d(() => [m(o2, { ref_key: "inputRef", ref: q, readonly: "", size: "small", onClick: he, title: e2.rowObj.name + "(" + e2.rowObj.simpleCode + ")", formatter: be, modelValue: te.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => te.value = e3), placeholder: "请选择" }, { suffix: d(() => [w(m(t2, { style: { cursor: "pointer" }, onClick: _(ge, ["stop"]) }, { default: d(() => [m(f(T))]), _: 1 }, 512), [[V, ae.value]])]), _: 1 }, 8, ["title", "modelValue"])]), default: d(() => [m(R3, { ref_key: "contentRef", ref: H }, { default: d(() => [m(u2, { effect: "dark", content: "关闭", placement: "top-end" }, { default: d(() => [m(n2, { type: "text", class: "amb-component-popover-close-btn", icon: f(S), onClick: fe }, null, 8, ["icon"])]), _: 1 }), e2.onlyService ? v("", true) : (p(), s(z2, { key: 0, span: 8 }, { default: d(() => [g("div", U, [(p(), i(y, null, h(Z, (e3) => g("div", { class: b(["amb-popover-menu-item", e3.value == le.value ? "is-active" : ""]), onClick: (l3) => ve(e3.value) }, [m(t2, null, { default: d(() => [w(m(f(j), null, null, 512), [[V, e3.value == l2.iconType]])]), _: 2 }, 1024), g("span", null, c(e3.label), 1)], 10, E)), 64))])]), _: 1 })), le.value ? (p(), s(z2, { key: 2, span: e2.onlyService ? 24 : 16, style: { "padding-left": "10px" } }, { default: d(() => [m(R3, null, { default: d(() => [w(m(N2, { modelValue: oe.systemCode, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => oe.systemCode = e3), placeholder: "当前应用", clearable: "", style: { width: "100px" } }, { default: d(() => [(p(true), i(y, null, h(ne.value, (e3) => (p(), s(A2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), [[V, "service" == le.value]]), w(m(o2, { size: "small", modelValue: oe.searchValue, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => oe.searchValue = e3), placeholder: "搜索", "suffix-icon": f(O), style: C([{ "margin-left": "6px" }, { width: e2.onlyService ? "250px" : "130px" }]) }, null, 8, ["modelValue", "suffix-icon", "style"]), [[V, "service" == le.value]]), w(m(o2, { size: "small", modelValue: K.value, "onUpdate:modelValue": a2[3] || (a2[3] = (e3) => K.value = e3), placeholder: "请输入", style: { "margin-left": "6px", width: "200px" } }, null, 8, ["modelValue"]), [[V, "custom" == le.value]]), w(m(n2, { style: { "margin-left": "4px" }, onClick: ye, size: "small", type: "primary", icon: f(P), circle: "" }, null, 8, ["icon"]), [[V, "custom" == le.value]])]), _: 1 }), w(g("div", $, [m(F2, { type: "primary" }, { default: d(() => a2[7] || (a2[7] = [k("请输入自定义Controller中Permission注解中的code后点击添加图标.")])), _: 1 })], 512), [[V, "service" != le.value]]), w(m(W2, { ref_key: "tableRef", ref: M, height: me.value, "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "highlight-current-row": true, onSortChange: ce, data: ue.value }, { default: d(() => [m(Q2, { width: "65" }, { default: d((e3) => [m(n2, { type: "default", size: "small", onClick: (l3) => {
|
|
103
103
|
return a3 = e3.row, ae.value = a3.code, B("update:modelValue", le.value, ae.value, a3.name, a3.id), void Y();
|
|
104
104
|
var a3;
|
|
105
105
|
} }, { default: d(() => a2[8] || (a2[8] = [k(" 选择 ")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), m(Q2, { label: "名称", prop: "name", width: "120", sortable: "custom" }, { default: d((e3) => [g("span", { style: { "text-align": "left" }, title: e3.row.name }, c(e3.row.name), 9, I)]), _: 1 }), m(Q2, { label: "编码", sortable: "custom" }, { default: d((e3) => [g("span", { style: { "text-align": "left" }, title: e3.row.code }, c(e3.row.code), 9, L)]), _: 1 })]), _: 1 }, 8, ["height", "data"]), [[V, "service" == le.value]]), w(m(re2, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": ee.currentPage, "onUpdate:currentPage": a2[4] || (a2[4] = (e3) => ee.currentPage = e3), "page-size": ee.pageSize, "onUpdate:pageSize": a2[5] || (a2[5] = (e3) => ee.pageSize = e3), size: l2.small, "pager-count": 3, layout: "pager,total", total: ee.total, onCurrentChange: se }, null, 8, ["current-page", "page-size", "size", "total"]), [[V, "service" == le.value]])]), _: 1 }, 8, ["span"])) : (p(), s(z2, { key: 1, span: 16 }, { default: d(() => [m(x2, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 }, 512)]), _: 1 }, 8, ["modelValue", "visible"]));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, watch as n, resolveComponent as s, createElementBlock as a, openBlock as l, createElementVNode as r, normalizeClass as c, isRef as i, unref as o, createTextVNode as u, createBlock as
|
|
1
|
+
import { defineComponent as e, ref as t, watch as n, resolveComponent as s, createElementBlock as a, openBlock as l, createElementVNode as r, normalizeClass as c, isRef as i, unref as o, createTextVNode as u, createBlock as d, createCommentVNode as g, withDirectives as v, createVNode as f, vShow as b } from "vue";
|
|
2
2
|
import p from "./tabs-attr-base.vue.js";
|
|
3
3
|
import m from "./tabs-attr-style.vue.js";
|
|
4
4
|
import y from "./tabs-attr-event.vue.js";
|
|
@@ -6,7 +6,6 @@ import j from "./tabs-attr-advanced.vue.js";
|
|
|
6
6
|
const C = { class: "amb-design-attr-content" }, k = { class: "amb-design-attr-header" }, D = { class: "amb-design-attr-header-type" }, h = { class: "amb-design-attr-list" }, O = e({ __name: "tabs-attr", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, default: () => {
|
|
7
7
|
} } }, emits: [], setup(e2, { emit: O2 }) {
|
|
8
8
|
const _ = e2;
|
|
9
|
-
_.configure;
|
|
10
9
|
let q = t("base");
|
|
11
10
|
_.configure.props = { isFullyRendered: true, isContentEmbedded: true, ..._.configure.props ?? {} }, null == _.configure.events && (_.configure.events = []);
|
|
12
11
|
const x = t(0);
|
|
@@ -18,7 +17,7 @@ const C = { class: "amb-design-attr-content" }, k = { class: "amb-design-attr-he
|
|
|
18
17
|
E();
|
|
19
18
|
}), (t2, n2) => {
|
|
20
19
|
const O3 = s("el-badge");
|
|
21
|
-
return l(), a("div", C, [r("div", k, [r("div", D, [r("label", { class: c({ selected: "base" == o(q) }), onClick: n2[0] || (n2[0] = (e3) => i(q) ? q.value = "base" : q = "base") }, "属性", 2), r("label", { class: c({ selected: "style" == o(q) }), onClick: n2[1] || (n2[1] = (e3) => i(q) ? q.value = "style" : q = "style") }, "样式", 2), r("label", { class: c({ selected: "event" == o(q) }), onClick: n2[2] || (n2[2] = (e3) => i(q) ? q.value = "event" : q = "event") }, [n2[4] || (n2[4] = u(" 事件 ")), x.value > 0 ? (l(),
|
|
20
|
+
return l(), a("div", C, [r("div", k, [r("div", D, [r("label", { class: c({ selected: "base" == o(q) }), onClick: n2[0] || (n2[0] = (e3) => i(q) ? q.value = "base" : q = "base") }, "属性", 2), r("label", { class: c({ selected: "style" == o(q) }), onClick: n2[1] || (n2[1] = (e3) => i(q) ? q.value = "style" : q = "style") }, "样式", 2), r("label", { class: c({ selected: "event" == o(q) }), onClick: n2[2] || (n2[2] = (e3) => i(q) ? q.value = "event" : q = "event") }, [n2[4] || (n2[4] = u(" 事件 ")), x.value > 0 ? (l(), d(O3, { key: 0, value: x.value }, null, 8, ["value"])) : g("", true)], 2), r("label", { class: c({ selected: "advanced" == o(q) }), onClick: n2[3] || (n2[3] = (e3) => i(q) ? q.value = "advanced" : q = "advanced") }, "高级", 2)])]), r("div", h, [v(f(p, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[b, "base" == o(q)]]), v(f(m, { configure: e2.configure }, null, 8, ["configure"]), [[b, "style" == o(q)]]), v(f(y, { configure: e2.configure }, null, 8, ["configure"]), [[b, "event" == o(q)]]), v(f(j, { configure: e2.configure }, null, 8, ["configure"]), [[b, "advanced" == o(q)]])])]);
|
|
22
21
|
};
|
|
23
22
|
} });
|
|
24
23
|
export {
|
|
@@ -2,52 +2,52 @@ import { defineComponent as e, ref as t, computed as n, watch as i, onMounted as
|
|
|
2
2
|
import { useDraggable as d } from "vue-draggable-plus";
|
|
3
3
|
import v from "../../object-design.vue.js";
|
|
4
4
|
import { deepCopy as b, getUuidv4 as y } from "../../../../utils/common-util.js";
|
|
5
|
-
import { caculateComponentStyle as
|
|
5
|
+
import { caculateComponentStyle as j } from "../../../../utils/container-design-util.js";
|
|
6
6
|
import "element-plus";
|
|
7
|
-
import { copyHandleEvents as
|
|
7
|
+
import { copyHandleEvents as h, deleteDesignItem as x } from "../../../../utils/page-design-util.js";
|
|
8
8
|
import { getInputTypeComponentNames as O } from "../../../../utils/assemblys-config.js";
|
|
9
9
|
const W = { class: "amb-widget-tools-parent amb-design-item-default" }, D = e({ __name: "tools-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: D2 }) {
|
|
10
10
|
const C = e2;
|
|
11
11
|
C.configure.items || (C.configure.items = []), null == C.configure.style && (C.configure.style = {}), C.configure.props = { isAffix: true, position: "top", ...C.configure.props ?? {} }, C.configure.runtime || (C.configure.runtime = {});
|
|
12
|
-
const
|
|
12
|
+
const A = t({}), w = t(""), k = n(() => {
|
|
13
13
|
const { gap: e3 } = C.configure.props ?? {};
|
|
14
|
-
return { ...e3 ? { gap: `${e3}px` } : {}, ...
|
|
14
|
+
return { ...e3 ? { gap: `${e3}px` } : {}, ...A.value ?? {} };
|
|
15
15
|
});
|
|
16
16
|
i(C.configure.style, () => {
|
|
17
|
-
|
|
17
|
+
R();
|
|
18
18
|
}), i(C.configure.props, () => {
|
|
19
|
-
|
|
19
|
+
R();
|
|
20
20
|
});
|
|
21
|
-
const
|
|
22
|
-
function
|
|
21
|
+
const I = O(), S = n(() => [...C.configure.items]);
|
|
22
|
+
function _(e3) {
|
|
23
23
|
e3.forEach((e4) => {
|
|
24
24
|
var _a, _b, _c, _d;
|
|
25
|
-
if (e4.items && e4.items.length > 0 &&
|
|
25
|
+
if (e4.items && e4.items.length > 0 && _(e4.items), I.includes(e4.name)) {
|
|
26
26
|
const t2 = { uuid: e4.uuid, defaultValue: (_b = (_a = e4.runtime) == null ? void 0 : _a.props) == null ? void 0 : _b.defaultValue, prop: (_d = (_c = e4.runtime) == null ? void 0 : _c.props) == null ? void 0 : _d.prop };
|
|
27
27
|
C.pageDesign.toolsInputComponents.push(t2);
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
|
-
i(
|
|
32
|
-
e3.length > t2.length && z(-1, e3[e3.length - 1]), "list" === C.pageDesign.pageType && (C.pageDesign.toolsInputComponents = [],
|
|
31
|
+
i(S, (e3, t2) => {
|
|
32
|
+
e3.length > t2.length && z(-1, e3[e3.length - 1]), "list" === C.pageDesign.pageType && (C.pageDesign.toolsInputComponents = [], _(e3));
|
|
33
33
|
}, { important: true, deep: true });
|
|
34
|
-
const
|
|
35
|
-
function
|
|
36
|
-
|
|
34
|
+
const N = t(null);
|
|
35
|
+
function R() {
|
|
36
|
+
j(C.configure, A, w, null);
|
|
37
37
|
const e3 = C.configure.props;
|
|
38
|
-
"flex-end" == e3.align ?
|
|
38
|
+
"flex-end" == e3.align ? A.value["justify-content"] = "right" : "center" == e3.align && (A.value["justify-content"] = "center"), C.configure.runtime.style = A.value, C.configure.runtime.class = w.value;
|
|
39
39
|
}
|
|
40
|
-
d(
|
|
40
|
+
d(N, C.configure.items, { group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd: function(e3) {
|
|
41
41
|
if (C.configure && C.configure.items) {
|
|
42
42
|
const t2 = e3.newIndex, n2 = C.configure.items[t2];
|
|
43
43
|
n2.style || (n2.style = {});
|
|
44
44
|
}
|
|
45
45
|
} }), o(() => {
|
|
46
|
-
if (
|
|
46
|
+
if (R(), N.value.parentNode) {
|
|
47
47
|
new ResizeObserver((e3) => {
|
|
48
|
-
for (let t2 of e3)
|
|
49
|
-
|
|
50
|
-
}).observe(
|
|
48
|
+
for (let t2 of e3) ;
|
|
49
|
+
R();
|
|
50
|
+
}).observe(N.value.parentNode);
|
|
51
51
|
}
|
|
52
52
|
}), s(() => {
|
|
53
53
|
});
|
|
@@ -63,13 +63,13 @@ const W = { class: "amb-widget-tools-parent amb-design-item-default" }, D = e({
|
|
|
63
63
|
const n2 = t2.indexOf(e3);
|
|
64
64
|
if (-1 == n2) return void alert("无可复制对象!");
|
|
65
65
|
const i2 = a(b(e3));
|
|
66
|
-
i2.uuid = y(),
|
|
66
|
+
i2.uuid = y(), h(i2, C.pageDesign), t2.splice(n2 + 1, 0, i2);
|
|
67
67
|
}
|
|
68
68
|
function T(e3) {
|
|
69
69
|
let t2 = C.configure.items;
|
|
70
70
|
x(t2, e3, e3.items && e3.items.length > 0, true);
|
|
71
71
|
}
|
|
72
|
-
return (e3, t2) => (r(), u("div", W, [l("div", { class: c(["amb-widget-tools", w.value]), style: g(
|
|
72
|
+
return (e3, t2) => (r(), u("div", W, [l("div", { class: c(["amb-widget-tools", w.value]), style: g(k.value), ref_key: "thisRef", ref: N }, [(r(true), u(f, null, p(e3.configure.items, (t3, n2) => (r(), m(v, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: z, onOnCustomAttrWidget: E, onOnCopy: F, onOnDelete: T }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))], 6)]));
|
|
73
73
|
} });
|
|
74
74
|
export {
|
|
75
75
|
D as default
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as r, onMounted as o, watch as a, createElementBlock as t, openBlock as u, normalizeStyle as s, normalizeClass as l, withDirectives as n, createElementVNode as
|
|
1
|
+
import { defineComponent as e, ref as r, onMounted as o, watch as a, createElementBlock as t, openBlock as u, normalizeStyle as s, normalizeClass as l, withDirectives as n, createElementVNode as i, vShow as c } from "vue";
|
|
2
2
|
import p from "qrcode";
|
|
3
3
|
import f from "jsbarcode";
|
|
4
4
|
import { caculateDetailComponentStyle as b, caculateComponentProps as d } from "../../../../utils/form-design-util.js";
|
|
@@ -11,7 +11,7 @@ const m = ["src"], v = e({ __name: "barcode-design", props: { configure: Object
|
|
|
11
11
|
let e3 = {};
|
|
12
12
|
const r2 = {};
|
|
13
13
|
if (v2.configure.props.preSuffix && (e3 = v2.configure.props), e3.base.bindProp && (g.value = e3.base.bindProp), e3.base && "br-code" === e3.base.type && C(), e3.base && "QR-code" === e3.base.type && p.toDataURL(g.value, (e4, r3) => {
|
|
14
|
-
e4
|
|
14
|
+
e4 || (y.value = r3);
|
|
15
15
|
}), r2.type = e3.base.type, r2.brCodeFormat = e3.base.brCodeFormat, r2.generateRuleType = e3.base.generateRuleType, r2.generateRule = e3.base.generateRule, r2 != {}) for (const e4 in r2) O.value[e4] = r2[e4];
|
|
16
16
|
}
|
|
17
17
|
o(() => {
|
|
@@ -22,7 +22,7 @@ const m = ["src"], v = e({ __name: "barcode-design", props: { configure: Object
|
|
|
22
22
|
b(v2.configure, x, D, F);
|
|
23
23
|
}, { immediate: true }), a(v2.configure.props, () => {
|
|
24
24
|
d(v2.configure, O), _(), v2.configure.runtime.props = O.value;
|
|
25
|
-
}, { immediate: true }), (e3, r2) => (u(), t("div", { class: l(D.value), style: s(x.value) }, [n(
|
|
25
|
+
}, { immediate: true }), (e3, r2) => (u(), t("div", { class: l(D.value), style: s(x.value) }, [n(i("canvas", { ref_key: "barcode", ref: R }, null, 512), [[c, "br-code" === O.value.type]]), n(i("img", { src: y.value }, null, 8, m), [[c, "QR-code" === O.value.type]])], 6));
|
|
26
26
|
} });
|
|
27
27
|
export {
|
|
28
28
|
v as default
|
|
@@ -38,7 +38,7 @@ const E = { key: 0 }, L = { style: { display: "flex", margin: "8px 0" } }, G = {
|
|
|
38
38
|
q.value.validate((e3) => {
|
|
39
39
|
if (e3) {
|
|
40
40
|
let e4;
|
|
41
|
-
P.value.uuid ? (e4 = ge(P.value.uuid), e4.titleText = P.value.titleText, e4.displayOrder = P.value.displayOrder, void 0 !== P.value.displayOrder && null !== P.value.displayOrder || V(P.value.parentUuid, e4, Z.value), B.value = false) : (P.value.uuid = k(), void 0 !== P.value.displayOrder && null !== P.value.displayOrder || V(P.value.parentUuid, P.value, Z.value), Z.value.push(P.value), B.value = false), ie(), P.value.parentUuid ? ee.value.append(P.value, K.value) : z.value = C(Z.value), Q.value && he()
|
|
41
|
+
P.value.uuid ? (e4 = ge(P.value.uuid), e4.titleText = P.value.titleText, e4.displayOrder = P.value.displayOrder, void 0 !== P.value.displayOrder && null !== P.value.displayOrder || V(P.value.parentUuid, e4, Z.value), B.value = false) : (P.value.uuid = k(), void 0 !== P.value.displayOrder && null !== P.value.displayOrder || V(P.value.parentUuid, P.value, Z.value), Z.value.push(P.value), B.value = false), ie(), P.value.parentUuid ? ee.value.append(P.value, K.value) : z.value = C(Z.value), Q.value && he();
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
44
|
}
|
|
@@ -1,80 +1,15 @@
|
|
|
1
|
-
import { defineComponent as e,
|
|
2
|
-
import "
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}();
|
|
12
|
-
const h = l({});
|
|
13
|
-
function w() {
|
|
14
|
-
V.value.valueSetOptions.push({ columnName: "", valueColumn: "" });
|
|
15
|
-
}
|
|
16
|
-
function _() {
|
|
17
|
-
g("add", V.value), g("close");
|
|
18
|
-
}
|
|
19
|
-
const k = l(false), C = l([]);
|
|
20
|
-
function S(e3) {
|
|
21
|
-
k.value = true;
|
|
22
|
-
const l2 = { query: e3 };
|
|
23
|
-
p.post(window.$vueApp.config.globalProperties.baseAPI + "/component/option-groups/query", l2).then((e4) => {
|
|
24
|
-
k.value = false, C.value = e4;
|
|
25
|
-
}).catch((e4) => {
|
|
26
|
-
k.value = false;
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
const x = l(false), U = l([]);
|
|
30
|
-
function F(e3) {
|
|
31
|
-
if (e3) {
|
|
32
|
-
x.value = true;
|
|
33
|
-
const l2 = { query: e3 };
|
|
34
|
-
p.post(window.$vueApp.config.globalProperties.baseAPI + "/component/dynamic-options/query", l2).then((e4) => {
|
|
35
|
-
x.value = false, U.value = e4;
|
|
36
|
-
}).catch((e4) => {
|
|
37
|
-
x.value = false;
|
|
38
|
-
});
|
|
39
|
-
} else U.value = [], x.value = false;
|
|
40
|
-
}
|
|
41
|
-
function O(e3) {
|
|
42
|
-
x.value = true;
|
|
43
|
-
const l2 = { query: e3 };
|
|
44
|
-
p.post(window.$vueApp.config.globalProperties.baseAPI + "/component/dynamic-options/query", l2).then((l3) => {
|
|
45
|
-
x.value = false, U.value = l3, q(e3);
|
|
46
|
-
}).catch((e4) => {
|
|
47
|
-
x.value = false;
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
const P = l([]);
|
|
51
|
-
function q(e3) {
|
|
52
|
-
const l2 = U.value.find((l3) => l3.code === e3);
|
|
53
|
-
l2 && (P.value = JSON.parse(l2.selectedField));
|
|
54
|
-
}
|
|
55
|
-
function A() {
|
|
56
|
-
let e3 = [];
|
|
57
|
-
V.value.valueSetOptions.forEach((l2) => {
|
|
58
|
-
l2.index != h.value.index && e3.push(l2);
|
|
59
|
-
}), V.value.valueSetOptions = e3;
|
|
60
|
-
}
|
|
61
|
-
function D(e3) {
|
|
62
|
-
h.value = e3;
|
|
63
|
-
}
|
|
64
|
-
function N({ row: e3, rowIndex: l2 }) {
|
|
65
|
-
e3.index = l2;
|
|
66
|
-
}
|
|
67
|
-
function $() {
|
|
68
|
-
g("close");
|
|
69
|
-
}
|
|
70
|
-
function I(e3) {
|
|
71
|
-
"keyValuePair" === e3 || ("optionGroup" === e3 ? S(true) : "enumname" === e3 || "beanname" === e3 || "dynamicDataSource" === e3 && O(""));
|
|
72
|
-
}
|
|
73
|
-
return f2({ echoDataOrigin: O }), (l2, p2) => {
|
|
74
|
-
const f3 = a("el-option"), b2 = a("el-select"), y2 = a("el-form-item"), g2 = a("el-input"), h2 = a("el-button"), O2 = a("el-table-column"), T = a("el-table"), G = a("el-form"), j = a("el-dialog");
|
|
75
|
-
return o(), u(j, { "append-to-body": "", "model-value": "", title: "值设置", width: "600", "before-close": $ }, { footer: t(() => [v("div", s, [n(h2, { type: "default", onClick: p2[6] || (p2[6] = (e3) => l2.$emit("close")) }, { default: t(() => p2[9] || (p2[9] = [r("取消")])), _: 1 }), n(h2, { type: "primary", onClick: _ }, { default: t(() => p2[10] || (p2[10] = [r("确认 ")])), _: 1 })])]), default: t(() => [n(G, { modelValue: V.value, "onUpdate:modelValue": p2[5] || (p2[5] = (e3) => V.value = e3), "label-width": "100px" }, { default: t(() => [n(y2, { label: "分类", class: "amb-design-attr-item" }, { default: t(() => [n(b2, { modelValue: V.value.type, "onUpdate:modelValue": p2[0] || (p2[0] = (e3) => V.value.type = e3), onChange: I, placeholder: "请选择" }, { default: t(() => [n(f3, { label: "键值对", value: "keyValuePair" }), n(f3, { label: "选项组", value: "optionGroup" }), n(f3, { label: "枚举类名", value: "enumname" }), n(f3, { label: "动态数据源", value: "dynamicDataSource" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), "keyValuePair" === V.value.type ? (o(), u(y2, { key: 0, label: "键值对", class: "amb-design-attr-item" }, { default: t(() => [n(g2, { modelValue: V.value.name, "onUpdate:modelValue": p2[1] || (p2[1] = (e3) => V.value.name = e3) }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "optionGroup" === V.value.type ? (o(), u(y2, { key: 1, label: "选项组", class: "amb-design-attr-item" }, { default: t(() => [n(b2, { modelValue: V.value.name, "onUpdate:modelValue": p2[2] || (p2[2] = (e3) => V.value.name = e3), filterable: "", remote: "", "reserve-keyword": "", clearable: "", placeholder: "请选择", "remote-show-suffix": "", "remote-method": S, loading: k.value }, { default: t(() => [(o(true), i(m, null, c(C.value, (e3) => (o(), u(f3, { key: e3.code, label: e3.name + "(" + e3.code + ")", value: e3.code }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue", "loading"])]), _: 1 })) : d("", true), "enumname" === V.value.type ? (o(), u(y2, { key: 2, label: "枚举类名", class: "amb-design-attr-item" }, { default: t(() => [n(g2, { modelValue: V.value.name, "onUpdate:modelValue": p2[3] || (p2[3] = (e3) => V.value.name = e3) }, null, 8, ["modelValue"])]), _: 1 })) : d("", true), "dynamicDataSource" === V.value.type ? (o(), u(y2, { key: 3, label: "动态数据源", class: "amb-design-attr-item" }, { default: t(() => [n(b2, { modelValue: V.value.dynamicDataSourceCode, "onUpdate:modelValue": p2[4] || (p2[4] = (e3) => V.value.dynamicDataSourceCode = e3), filterable: "", remote: "", "reserve-keyword": "", clearable: "", placeholder: "请选择", "remote-show-suffix": "", "remote-method": F, loading: x.value, onChange: q }, { default: t(() => [(o(true), i(m, null, c(U.value, (e3) => (o(), u(f3, { key: e3.code, label: e3.name + "(" + e3.code + ")", value: e3.code }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue", "loading"])]), _: 1 })) : d("", true), "dynamicDataSource" === V.value.type ? (o(), u(y2, { key: 4, label: "字段设置", class: "amb-design-attr-item" }, { default: t(() => [n(h2, { type: "primary", plain: "", onClick: w }, { default: t(() => p2[7] || (p2[7] = [r("添加")])), _: 1 }), n(h2, { type: "primary", plain: "", onClick: A }, { default: t(() => p2[8] || (p2[8] = [r("删除")])), _: 1 }), n(T, { data: V.value.valueSetOptions, "row-class-name": N, height: "400px", "highlight-current-row": "", style: { width: "100%", "margin-top": "5px" }, onCurrentChange: D }, { default: t(() => [n(O2, { label: "来源字段" }, { default: t((e3) => [n(b2, { modelValue: e3.row.columnName, "onUpdate:modelValue": (l3) => e3.row.columnName = l3, clearable: "", filterable: "" }, { default: t(() => [(o(true), i(m, null, c(P.value, (e4) => (o(), u(f3, { key: e4.value, label: e4.label, value: e4.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), n(O2, { label: "值字段" }, { default: t((a2) => [e2.clolumnTableFields && e2.clolumnTableFields.length > 0 ? (o(), u(b2, { key: 0, modelValue: a2.row.valueField, "onUpdate:modelValue": (e3) => a2.row.valueField = e3, clearable: "", filterable: "" }, { default: t(() => [(o(true), i(m, null, c(e2.clolumnTableFields, (e3, l3) => (o(), u(f3, { key: l3, label: e3.alias, value: e3.dbColumnName }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])) : (o(), u(g2, { key: 1, modelValue: a2.row.valueField, "onUpdate:modelValue": (e3) => a2.row.valueField = e3, onChange: (e3) => l2.changeValueField(e3, a2.$index) }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"]))]), _: 1 })]), _: 1 }, 8, ["data"])]), _: 1 })) : d("", true)]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
1
|
+
import { defineComponent as e, resolveComponent as o, createBlock as t, openBlock as i, withCtx as l, createVNode as r } from "vue";
|
|
2
|
+
import u from "../../form/common/data-origin.vue.js";
|
|
3
|
+
const n = e({ __name: "configuration-value", props: { titleValueSetConfigure: { type: Object, default: {} } }, emits: ["close"], setup(e2, { expose: n2, emit: a }) {
|
|
4
|
+
const f = a;
|
|
5
|
+
function s() {
|
|
6
|
+
f("close");
|
|
7
|
+
}
|
|
8
|
+
return n2({}), (n3, a2) => {
|
|
9
|
+
const f2 = o("el-dialog");
|
|
10
|
+
return i(), t(f2, { "append-to-body": "", "model-value": "", title: "值设置", width: "600", "before-close": s }, { default: l(() => [r(u, { configure: e2.titleValueSetConfigure, isTable: true, remote: true }, null, 8, ["configure"])]), _: 1 });
|
|
76
11
|
};
|
|
77
12
|
} });
|
|
78
13
|
export {
|
|
79
|
-
|
|
14
|
+
n as default
|
|
80
15
|
};
|