super-page-designer 2.3.4-design1 → 2.3.4-sit1-design2
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 +1 -1
- 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/views/assemblys/button/button/button-attr-advanced.vue.js +16 -16
- package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/button/export-pdf/exportpdf-attr-base.vue.js +4 -4
- 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/pie/series/styles/style-pie.vue.js +6 -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 +0 -3
- 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/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/data-origin.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/dynamic-column.vue.js +10 -10
- 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-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js +20 -14
- 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/data-format.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +26 -2
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +2 -26
- 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 +12 -12
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-autoset.vue.js +16 -16
- package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-attr-base.vue.js +8 -8
- package/dist/es/components/design/views/assemblys/form/file-upload/fileupload-design.vue2.js +14 -14
- package/dist/es/components/design/views/assemblys/form/input-number/input-number-design.vue2.js +16 -16
- 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 +6 -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/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.vue3.js +17 -18
- 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/stores/undo-redo-store.js +1 -1
- package/dist/es/style.css +9 -9
- package/package.json +5 -5
|
@@ -2,13 +2,12 @@ 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
|
|
7
|
-
e2.pageDesign;
|
|
5
|
+
import f from "../../../form/common/suffixmodule.vue.js";
|
|
6
|
+
const g = { 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) {
|
|
8
7
|
const y2 = l(["1", "dataList", "propsDynamic", "clicklinkage", "propsTestDatas"]);
|
|
9
8
|
return (l2, b) => {
|
|
10
|
-
const V = o("el-option"), v = o("el-select"), _ = o("el-form-item"), h = o("el-switch"),
|
|
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",
|
|
9
|
+
const V = o("el-option"), v = o("el-select"), _ = o("el-form-item"), h = o("el-switch"), j = o("el-input"), k = o("el-radio-button"), D = o("el-radio-group"), U = o("el-collapse-item"), S = o("el-collapse"), w = o("el-form");
|
|
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", g, [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(j, { 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(D, { modelValue: e2.configure.props.yAxisIndex, "onUpdate:modelValue": b[3] || (b[3] = (l3) => e2.configure.props.yAxisIndex = l3) }, { default: u(() => [i(k, { value: "0" }, { default: u(() => b[5] || (b[5] = [s("左坐标")])), _: 1 }), i(k, { 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(f, { 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 });
|
|
12
11
|
};
|
|
13
12
|
} });
|
|
14
13
|
export {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { defineComponent as e, resolveComponent as l, createBlock as o, openBlock as a, withCtx as t, createElementVNode as u, createVNode as d, withDirectives as r, createTextVNode as n, unref as i, vShow as s } from "vue";
|
|
2
|
-
import { Top as p, Bottom as c, Plus as
|
|
2
|
+
import { Top as p, Bottom as c, Plus as f, Delete as m } from "@element-plus/icons-vue";
|
|
3
3
|
import { ElMessage as g } from "element-plus";
|
|
4
4
|
const y = { style: { padding: "8px 0px 0px 0px" } }, b = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, x = e({ __name: "style-pie", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
5
5
|
const x2 = e2;
|
|
6
6
|
return x2.configure.style.colors || (x2.configure.style.colors = []), 0 == x2.configure.style.colors.length && x2.configure.style.colors.push({ index: 1 }), (V, h) => {
|
|
7
|
-
const _ = l("el-option"), w = l("el-select"), v = l("el-form-item"), U = l("el-input"), C = l("el-col"), k = l("el-text"), z = l("el-input-number"), T = l("el-divider"), O = l("el-icon"), A = l("el-table-column"), B = l("el-color-picker"),
|
|
8
|
-
return a(), o(
|
|
7
|
+
const _ = l("el-option"), w = l("el-select"), v = l("el-form-item"), U = l("el-input"), C = l("el-col"), k = l("el-text"), z = l("el-input-number"), T = l("el-divider"), O = l("el-icon"), A = l("el-table-column"), B = l("el-color-picker"), I = l("el-table"), L = l("el-collapse-item");
|
|
8
|
+
return a(), o(L, { title: "扇区", name: "stylePie", class: "amb-design-attr-group-header" }, { default: t(() => [u("div", y, [d(v, { label: "南丁格尔", style: { "margin-top": "4px" } }, { default: t(() => [d(w, { modelValue: e2.configure.style.roseType, "onUpdate:modelValue": h[0] || (h[0] = (l2) => e2.configure.style.roseType = l2), placeholder: "默认", clearable: "" }, { default: t(() => [d(_, { label: "radius", value: "radius" }), d(_, { label: "area", value: "area" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(v, { label: "圆心坐标", style: { "margin-top": "-10px" } }, { default: t(() => [d(C, { span: 12 }, { default: t(() => [d(v, { label: "左", "label-width": "40px;" }, { default: t(() => [d(U, { style: { width: "50px" }, modelValue: e2.configure.style.centerLeft, "onUpdate:modelValue": h[1] || (h[1] = (l2) => e2.configure.style.centerLeft = l2), placeholder: "" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), d(C, { span: 12 }, { default: t(() => [d(v, { label: "上", "label-width": "40px;" }, { default: t(() => [d(U, { style: { width: "50px" }, modelValue: e2.configure.style.centerTop, "onUpdate:modelValue": h[2] || (h[2] = (l2) => e2.configure.style.centerTop = l2), placeholder: "" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), d(k, { style: { "line-height": "15px", "margin-top": "5px" }, type: "success", size: "small" }, { default: t(() => h[15] || (h[15] = [n("格式如:50%,左为是横坐标位置,上是纵坐标位置")])), _: 1 })]), _: 1 }), d(v, { label: "饼图半径", style: { "margin-top": "-10px" } }, { default: t(() => [d(C, { span: 12 }, { default: t(() => [d(v, { label: "内", "label-width": "40px;" }, { default: t(() => [d(U, { style: { width: "50px" }, modelValue: e2.configure.style.radiusInner, "onUpdate:modelValue": h[3] || (h[3] = (l2) => e2.configure.style.radiusInner = l2), placeholder: "" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), d(C, { span: 12 }, { default: t(() => [d(v, { label: "外", "label-width": "40px;" }, { default: t(() => [d(U, { style: { width: "50px" }, modelValue: e2.configure.style.radiusOuter, "onUpdate:modelValue": h[4] || (h[4] = (l2) => e2.configure.style.radiusOuter = l2), placeholder: "" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), d(k, { style: { "line-height": "15px", "margin-top": "5px" }, type: "success", size: "small" }, { default: t(() => h[16] || (h[16] = [n("格式如:0或75%,内是内半径,外是外半径")])), _: 1 })]), _: 1 }), d(v, { label: "间隔角度", style: { "margin-top": "-10px" } }, { default: t(() => [d(z, { modelValue: e2.configure.style.padAngle, "onUpdate:modelValue": h[5] || (h[5] = (l2) => e2.configure.style.padAngle = l2), min: 0, max: 360 }, null, 8, ["modelValue"])]), _: 1 }), d(v, { label: "透明度", style: { "margin-top": "-10px" } }, { default: t(() => [d(w, { modelValue: e2.configure.style.opacity, "onUpdate:modelValue": h[6] || (h[6] = (l2) => e2.configure.style.opacity = l2), placeholder: "默认", clearable: "" }, { default: t(() => [d(_, { label: "1", value: "1" }), d(_, { label: "0.9", value: "0.9" }), d(_, { label: "0.8", value: "0.8" }), d(_, { label: "0.7", value: "0.7" }), d(_, { label: "0.6", value: "0.6" }), d(_, { label: "0.5", value: "0.5" }), d(_, { label: "0.4", value: "0.4" }), d(_, { label: "0.3", value: "0.3" }), d(_, { label: "0.2", value: "0.2" }), d(_, { label: "0.1", value: "0.1" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(T, null, { default: t(() => h[17] || (h[17] = [n(" 扇区颜色 ")])), _: 1 }), d(k, { style: { "line-height": "15px" }, type: "success", size: "small" }, { default: t(() => h[18] || (h[18] = [n(" 按顺序设置扇区颜色,如有设置名称,则按名称匹配颜色 ")])), _: 1 }), d(I, { data: e2.configure.style.colors, style: { width: "100%" } }, { default: t(() => [d(A, { label: "", width: "32" }, { default: t((e3) => [u("div", b, [d(O, { size: "14", style: { cursor: "pointer" }, onClick: (l2) => function(e4) {
|
|
9
9
|
let l3 = -1;
|
|
10
10
|
const o2 = x2.configure.style.colors, a2 = o2.length;
|
|
11
11
|
for (let t2 = 0; t2 < a2; t2++) if (o2[t2].index == e4.index) {
|
|
@@ -21,13 +21,13 @@ const y = { style: { padding: "8px 0px 0px 0px" } }, b = { style: { "text-align"
|
|
|
21
21
|
break;
|
|
22
22
|
}
|
|
23
23
|
-1 != l3 && o2.length != l3 + 1 && ([o2[l3], o2[l3 + 1]] = [o2[l3 + 1], o2[l3]]);
|
|
24
|
-
}(e3.row) }, { default: t(() => [d(i(c))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), d(A, { prop: "label", label: "名称", width: "100" }, { default: t((e3) => [d(U, { modelValue: e3.row.name, "onUpdate:modelValue": (l2) => e3.row.name = l2, size: "small" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), d(A, { prop: "label", label: "颜色", width: "58" }, { default: t((e3) => [d(B, { modelValue: e3.row.color, "onUpdate:modelValue": (l2) => e3.row.color = l2 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), d(A, { label: "操作", width: "60" }, { default: t((e3) => [d(O, { size: "14", style: { color: "#
|
|
24
|
+
}(e3.row) }, { default: t(() => [d(i(c))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), d(A, { prop: "label", label: "名称", width: "100" }, { default: t((e3) => [d(U, { modelValue: e3.row.name, "onUpdate:modelValue": (l2) => e3.row.name = l2, size: "small" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), d(A, { prop: "label", label: "颜色", width: "58" }, { default: t((e3) => [d(B, { modelValue: e3.row.color, "onUpdate:modelValue": (l2) => e3.row.color = l2 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), d(A, { label: "操作", width: "60" }, { default: t((e3) => [d(O, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (l2) => function(e4) {
|
|
25
25
|
let l3 = -1, o2 = -1;
|
|
26
26
|
const a2 = x2.configure.style.colors;
|
|
27
27
|
a2.find((a3, t2) => {
|
|
28
28
|
a3.index == e4.index && (o2 = t2), a3.index > l3 && (l3 = a3.index);
|
|
29
29
|
}), o2 > -1 && a2.splice(o2 + 1, 0, { index: l3 + 1 });
|
|
30
|
-
}(e3.row) }, { default: t(() => [d(i(
|
|
30
|
+
}(e3.row) }, { default: t(() => [d(i(f))]), _: 2 }, 1032, ["onClick"]), d(O, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (l2) => function(e4) {
|
|
31
31
|
const l3 = x2.configure.style.colors;
|
|
32
32
|
if (1 == l3.length) return g.error("必须保留一行!"), void alert("必须保留一行!");
|
|
33
33
|
let o2 = -1;
|
|
@@ -36,7 +36,7 @@ const y = { style: { padding: "8px 0px 0px 0px" } }, b = { style: { "text-align"
|
|
|
36
36
|
break;
|
|
37
37
|
}
|
|
38
38
|
o2 > -1 && l3.splice(o2, 1);
|
|
39
|
-
}(e3.row) }, { default: t(() => [d(i(
|
|
39
|
+
}(e3.row) }, { default: t(() => [d(i(m))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"]), d(T, null, { default: t(() => h[19] || (h[19] = [n(" 边框 ")])), _: 1 }), d(v, { label: "颜色", style: { "margin-top": "-10px" } }, { default: t(() => [d(B, { modelValue: e2.configure.style.borderColor, "onUpdate:modelValue": h[7] || (h[7] = (l2) => e2.configure.style.borderColor = l2) }, null, 8, ["modelValue"])]), _: 1 }), r(d(v, { label: "线宽", style: { "margin-top": "-10px" } }, { default: t(() => [d(z, { modelValue: e2.configure.style.borderWidth, "onUpdate:modelValue": h[8] || (h[8] = (l2) => e2.configure.style.borderWidth = l2), min: 1, max: 100 }, null, 8, ["modelValue"])]), _: 1 }, 512), [[s, e2.configure.style.borderColor]]), r(d(v, { label: "线型", style: { "margin-top": "-10px" } }, { default: t(() => [d(w, { modelValue: e2.configure.style.borderType, "onUpdate:modelValue": h[9] || (h[9] = (l2) => e2.configure.style.borderType = l2), placeholder: "默认", clearable: "" }, { default: t(() => [d(_, { label: "solid", value: "solid" }), d(_, { label: "dashed", value: "dashed" }), d(_, { label: "dotted", value: "dotted" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[s, e2.configure.style.borderColor]]), r(d(v, { label: "边框圆角", style: { "margin-top": "-10px" } }, { default: t(() => [d(z, { modelValue: e2.configure.style.borderRadius, "onUpdate:modelValue": h[10] || (h[10] = (l2) => e2.configure.style.borderRadius = l2), min: 0, max: 30 }, null, 8, ["modelValue"])]), _: 1 }, 512), [[s, e2.configure.style.borderColor]]), d(T, null, { default: t(() => h[20] || (h[20] = [n(" 阴影 ")])), _: 1 }), d(v, { label: "阴影颜色", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: t(() => [d(B, { modelValue: e2.configure.style.shadowColor, "onUpdate:modelValue": h[11] || (h[11] = (l2) => e2.configure.style.shadowColor = l2) }, null, 8, ["modelValue"])]), _: 1 }), r(d(v, { label: "阴影模糊", style: { "margin-top": "22px" } }, { default: t(() => [d(z, { modelValue: e2.configure.style.shadowBlur, "onUpdate:modelValue": h[12] || (h[12] = (l2) => e2.configure.style.shadowBlur = l2), min: 0, max: 20 }, null, 8, ["modelValue"])]), _: 1 }, 512), [[s, e2.configure.style.shadowColor]]), r(d(v, { label: "水平偏移", style: { "margin-top": "-10px" } }, { default: t(() => [d(z, { modelValue: e2.configure.style.shadowX, "onUpdate:modelValue": h[13] || (h[13] = (l2) => e2.configure.style.shadowX = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }, 512), [[s, e2.configure.style.shadowColor]]), r(d(v, { label: "垂直偏移", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: t(() => [d(z, { modelValue: e2.configure.style.shadowY, "onUpdate:modelValue": h[14] || (h[14] = (l2) => e2.configure.style.shadowY = l2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }, 512), [[s, e2.configure.style.shadowColor]])])]), _: 1 });
|
|
40
40
|
};
|
|
41
41
|
} });
|
|
42
42
|
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 t, resolveComponent as l, 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
|
+
}), t(G.configure.style, () => {
|
|
41
41
|
G.configure.runtime.style = G.configure.style;
|
|
42
|
-
}, { immediate: true }),
|
|
42
|
+
}, { immediate: true }), t(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 }), t(G.configure.items, (e3) => {
|
|
53
53
|
X.addFieldList(e3), G.configure.runtime.items = G.configure.items;
|
|
54
|
-
}, { immediate: true }),
|
|
54
|
+
}, { immediate: true }), t(() => 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
|
+
}), t(() => 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"), t2 = document.documentElement.scrollTop || document.body.scrollTop;
|
|
74
|
+
i2.style.display = "block", i2.style.left = o2.clientX + 30 + "px", i2.style.top = o2.clientY + t2 - 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.
|
|
88
|
+
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 te(e3, o2, n2, i2) {
|
|
97
|
+
le(q.value, n2.columnKey).props.base.columnWidth = e3;
|
|
98
98
|
}
|
|
99
|
-
function
|
|
99
|
+
function le(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 = le(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 t2 = "";
|
|
108
|
+
return U.value.includes(o2.label) && (t2 = "hiddenBorder"), o2.label === z.value && (t2 = "addBorder"), t2;
|
|
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 = l("el-table"), i2 = l("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: te, 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 {
|
|
@@ -26,7 +26,6 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
|
|
|
26
26
|
for (let e4 of l2) o2.push({ value: e4.iconName, label: e4.iconName });
|
|
27
27
|
X.value.customOptions = o2, H.value = o2;
|
|
28
28
|
} catch (e3) {
|
|
29
|
-
console.error(e3);
|
|
30
29
|
}
|
|
31
30
|
le.value = false;
|
|
32
31
|
}
|
|
@@ -43,7 +42,6 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
|
|
|
43
42
|
const l3 = await fetch(e4, { mode: "cors" }).then((e5) => e5.json()), { css_prefix_text: o2, glyphs: a2 = [] } = l3 ?? {};
|
|
44
43
|
G.value = a2.map((e5) => ({ label: e5.name, value: `${o2}${e5.font_class}` }));
|
|
45
44
|
} catch (e4) {
|
|
46
|
-
console.error(e4);
|
|
47
45
|
}
|
|
48
46
|
le.value = false;
|
|
49
47
|
}
|
|
@@ -57,7 +55,6 @@ const O = { key: 0 }, U = { class: "amb-component-popover-left-menu-main" }, j =
|
|
|
57
55
|
const l3 = await fetch(e4, { mode: "cors", headers: { "Content-Type": "application/json" } }).then((e5) => e5.json()), { css_prefix_text: o2, glyphs: a2 = [] } = l3 ?? {};
|
|
58
56
|
W.value = a2.map((e5) => ({ label: e5.name, value: `${o2}${e5.font_class}` }));
|
|
59
57
|
} catch (e4) {
|
|
60
|
-
console.error(e4);
|
|
61
58
|
}
|
|
62
59
|
le.value = false;
|
|
63
60
|
}
|
|
@@ -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 {
|
|
@@ -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
|