super-page-designer 2.3.4-sit1-design2 → 2.3.5-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 +1 -0
- package/dist/es/components/design/utils/page-i18n-util.js +6 -5
- 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 +5 -4
- 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 +3 -0
- package/dist/es/components/design/views/assemblys/common/common-style-background.vue.js +3 -2
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue3.js → common-variable-bind.vue2.js} +13 -13
- package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js +4 -4
- package/dist/es/components/design/views/assemblys/container/tabs/tabs-attr.vue2.js +3 -2
- package/dist/es/components/design/views/assemblys/container/tools/tools-design.vue2.js +22 -22
- package/dist/es/components/design/views/assemblys/data/bar-code/barcode-design.vue2.js +3 -3
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/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.vue2.js +2 -2
- 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 +2 -26
- package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +26 -2
- package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue2.js +1 -1
- 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 +14 -13
- 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 +18 -17
- package/dist/es/components/design/views/design/view/components/quick-add-dialog.vue.js +1 -0
- package/dist/es/components/design/views/design/view/page-switch.vue2.js +3 -2
- package/dist/es/stores/undo-redo-store.js +1 -1
- package/package.json +4 -4
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { defineComponent as e, ref as u, watch as
|
|
1
|
+
import { defineComponent as e, ref as u, watch as l, resolveComponent as t, createBlock as a, openBlock as o, normalizeStyle as i, normalizeClass as n, withCtx as r, createElementVNode as s, createElementBlock as p, createCommentVNode as c, createTextVNode as f, unref as v, toDisplayString as y } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle as d, caculateComponentProps as m } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import { SuperIcon as T } from "agilebuilder-ui";
|
|
4
4
|
const g = { style: { display: "flex", width: "100%", "justify-content": "space-between" } }, x = ["title"], I = e({ __name: "label-design", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
5
5
|
const I2 = e2;
|
|
6
6
|
I2.configure.runtime || (I2.configure.runtime = {});
|
|
7
7
|
const b = u({}), h = u(""), V = u({}), _ = u({}), w = u({});
|
|
8
|
-
return
|
|
8
|
+
return l(I2.configure.style, () => {
|
|
9
9
|
d(I2.configure, b, h, V), I2.configure.runtime.style = b.value, I2.configure.runtime.class = h.value, I2.configure.runtime.headerStyle = V.value;
|
|
10
|
-
}, { immediate: true }),
|
|
11
|
-
m(I2.configure, _, w), function() {
|
|
10
|
+
}, { immediate: true }), l(I2.configure.props, () => {
|
|
11
|
+
m(I2.configure, _, w), _.value, function() {
|
|
12
12
|
let e3 = I2.configure.props ? I2.configure.props : {};
|
|
13
|
-
const u2 = e3.base ? e3.base : {},
|
|
14
|
-
u2.labelText && (
|
|
13
|
+
const u2 = e3.base ? e3.base : {}, l2 = e3.dataOrigin ? e3.dataOrigin : {}, t2 = {};
|
|
14
|
+
u2.labelText && (t2.labelText = u2.labelText), u2.whetherTittle && (t2.whetherTittle = u2.whetherTittle);
|
|
15
15
|
const a2 = e3.preSuffix ? e3.preSuffix : {};
|
|
16
|
-
(a2.preIconType || a2.preText || a2.sufIconType || a2.sufText) && (
|
|
17
|
-
const o2 =
|
|
16
|
+
(a2.preIconType || a2.preText || a2.sufIconType || a2.sufText) && (t2.preIconType = a2.preIconType, t2.preIconValue = a2.preIconValue, t2.preText = a2.preText, t2.sufIconType = a2.sufIconType, t2.sufIconValue = a2.sufIconValue, t2.sufText = a2.sufText, t2.iconPosition = a2.position);
|
|
17
|
+
const o2 = l2.optionValueSetType;
|
|
18
18
|
let i2 = false;
|
|
19
|
-
o2 && (_.value.formatType = o2, "static" != o2 && "optionGroup" != o2 && "dynamicData" != o2 && "dataTable" != o2 || (i2 = true), _.value.hasOptions = i2, _.value.decimalDigit =
|
|
19
|
+
o2 && (_.value.formatType = o2, "static" != o2 && "optionGroup" != o2 && "dynamicData" != o2 && "dataTable" != o2 || (i2 = true), _.value.hasOptions = i2, _.value.decimalDigit = l2.decimalDigit, _.value.thousandsSeparator = l2.thousandsSeparator, _.value.symbol = l2.symbol, _.value.dateFormat = l2.dateFormat, _.value.timeFormat = l2.timeFormat, _.value.formatFunc = l2.formatFunc), Object.assign(_.value, t2);
|
|
20
20
|
}(), I2.configure.runtime.props = _.value, I2.configure.runtime.titleExceedStyle = w.value;
|
|
21
21
|
}, { immediate: true }), (e3, u2) => {
|
|
22
|
-
const
|
|
23
|
-
return o(), a(
|
|
22
|
+
const l2 = t("el-form-item");
|
|
23
|
+
return o(), a(l2, { required: !!_.value.required, class: n(h.value), "label-width": _.value.labelWidth, style: i(b.value) }, { label: r(() => [_.value.tittleShow ? (o(), p("div", { key: 0, style: i({ ...V.value, ...w.value }) }, y(_.value.title), 5)) : c("", true)]), default: r(() => [s("div", g, [s("span", { style: { overflow: "hidden" }, title: _.value.value }, [_.value.preIconValue || _.value.preText ? (o(), p("span", { key: 0, class: n({ "el-input__suffix": "outer" != _.value.iconPosition, "el-input-group__append": "outer" == _.value.iconPosition }), style: i(e3.appendStyle) }, [_.value.preIconType && _.value.preIconValue ? (o(), a(v(T), { key: 0, iconType: _.value.preIconType, iconValue: _.value.preIconValue }, null, 8, ["iconType", "iconValue"])) : c("", true), f(" " + y(_.value.preText), 1)], 6)) : c("", true), f(" " + y(_.value.value), 1)], 8, x), _.value.sufIconValue || _.value.sufText ? (o(), p("span", { key: 0, class: n({ "el-input__suffix": "outer" != _.value.iconPosition, "el-input-group__append": "outer" == _.value.iconPosition }) }, [_.value.sufIconType && _.value.sufIconValue ? (o(), a(v(T), { key: 0, style: {}, iconType: _.value.sufIconType, iconValue: _.value.sufIconValue }, null, 8, ["iconType", "iconValue"])) : c("", true), s("span", null, " " + y(_.value.sufText), 1)], 2)) : c("", true)])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
24
24
|
};
|
|
25
25
|
} });
|
|
26
26
|
export {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, watch as t, onMounted as i, onUnmounted as u, resolveComponent as a, createBlock as n, openBlock as r, normalizeStyle as o, normalizeClass as c, withCtx as d, createElementVNode as s, createElementBlock as p, createCommentVNode as f, toDisplayString as
|
|
2
|
-
import { caculateDetailComponentStyle as
|
|
1
|
+
import { defineComponent as e, ref as l, watch as t, onMounted as i, onUnmounted as u, resolveComponent as a, createBlock as n, openBlock as r, normalizeStyle as o, normalizeClass as c, withCtx as d, createElementVNode as s, createElementBlock as p, createCommentVNode as f, toDisplayString as v } from "vue";
|
|
2
|
+
import { caculateDetailComponentStyle as g, caculateComponentProps as m } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import h from "quill";
|
|
4
4
|
import "quill/dist/quill.snow.css";
|
|
5
5
|
const y = { style: { height: "100%", width: "100%" } }, b = e({ __name: "richtext-design", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
6
6
|
const b2 = e2;
|
|
7
7
|
b2.configure.runtime || (b2.configure.runtime = {}), l(null);
|
|
8
|
-
const x = l(null), k = l(null), q = l(null), w = l({ modules: { toolbar: [["bold", "italic", "underline", "strike"], ["blockquote", "code-block"], [{ list: "ordered" }, { list: "bullet" }], [{ script: "sub" }, { script: "super" }], [{ indent: "-1" }, { indent: "+1" }], [{ direction: "rtl" }], [{ size: ["12px", "13px", "14px", "15px", "16px", "18px", "20px", "24px", "28px", "32px", "36px"] }], [{ header: [1, 2, 3, 4, 5, 6, false] }], [{ color: [] }, { background: [] }], [{ font: [] }], [{ align: [] }], ["clean"], ["link", "image"]] }, theme: "snow", placeholder: "", readOnly: true }), S = l({}), _ = l(""), C = l({}), E = l({}), R = l({}),
|
|
9
|
-
function
|
|
8
|
+
const x = l(null), k = l(null), q = l(null), w = l({ modules: { toolbar: [["bold", "italic", "underline", "strike"], ["blockquote", "code-block"], [{ list: "ordered" }, { list: "bullet" }], [{ script: "sub" }, { script: "super" }], [{ indent: "-1" }, { indent: "+1" }], [{ direction: "rtl" }], [{ size: ["12px", "13px", "14px", "15px", "16px", "18px", "20px", "24px", "28px", "32px", "36px"] }], [{ header: [1, 2, 3, 4, 5, 6, false] }], [{ color: [] }, { background: [] }], [{ font: [] }], [{ align: [] }], ["clean"], ["link", "image"]] }, theme: "snow", placeholder: "", readOnly: true }), S = l({}), _ = l(""), C = l({}), E = l({}), R = l({}), T = l({});
|
|
9
|
+
function j() {
|
|
10
10
|
if (k && k.value && k.value.container) {
|
|
11
11
|
const e3 = k.value.container.parentNode.getBoundingClientRect(), l2 = k.value.container.getBoundingClientRect();
|
|
12
12
|
let t2 = e3.height - (l2.top - e3.top);
|
|
@@ -14,15 +14,15 @@ const y = { style: { height: "100%", width: "100%" } }, b = e({ __name: "richtex
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
t(b2.configure.style, () => {
|
|
17
|
-
|
|
17
|
+
g(b2.configure, S, _, C), b2.configure.runtime.style = S.value, b2.configure.runtime.class = _.value, b2.configure.runtime.headerStyle = C.value;
|
|
18
18
|
}, { immediate: true }), t(b2.configure.props, () => {
|
|
19
19
|
m(b2.configure, E, R);
|
|
20
20
|
let e3 = b2.configure.props ? b2.configure.props : {};
|
|
21
21
|
const l2 = e3.base ? e3.base : {};
|
|
22
22
|
let t2 = "";
|
|
23
|
-
t2 = l2.prop ? l2.prop : l2.defaultValue ? l2.defaultValue : "${page." + b2.configure.uuid + "}", E.value.value = t2,
|
|
23
|
+
t2 = l2.prop ? l2.prop : l2.defaultValue ? l2.defaultValue : "${page." + b2.configure.uuid + "}", E.value.value = t2, j(), k && k.value && (k.value.enable("readonly" != E.value.state), k.value.root.dataset.placeholder = E.value.placeholder ? E.value.placeholder : ""), b2.configure.runtime.props = E.value, b2.configure.runtime.titleExceedStyle = R.value;
|
|
24
24
|
}, { immediate: true });
|
|
25
|
-
const
|
|
25
|
+
const B = (e3) => {
|
|
26
26
|
q.value && e3 && q.value.click();
|
|
27
27
|
}, F = (e3) => {
|
|
28
28
|
const l2 = Array.prototype.slice.call(e3.target.files);
|
|
@@ -35,17 +35,18 @@ const y = { style: { height: "100%", width: "100%" } }, b = e({ __name: "richtex
|
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
37
|
};
|
|
38
|
-
let
|
|
38
|
+
let H;
|
|
39
39
|
return i(() => {
|
|
40
|
-
k.value = new h(x.value, w.value), k.value.getModule("toolbar").addHandler("image",
|
|
41
|
-
|
|
40
|
+
k.value = new h(x.value, w.value), k.value.getModule("toolbar").addHandler("image", B), k.value.on("text-change", function(e3, l2, t2) {
|
|
41
|
+
H && clearTimeout(H), H = setTimeout(function() {
|
|
42
|
+
k.value.root.innerHTML;
|
|
42
43
|
}, 1e3);
|
|
43
|
-
}),
|
|
44
|
+
}), j();
|
|
44
45
|
}), u(() => {
|
|
45
|
-
|
|
46
|
+
H && clearTimeout(H);
|
|
46
47
|
}), (e3, l2) => {
|
|
47
48
|
const t2 = a("el-form-item");
|
|
48
|
-
return r(), n(t2, { required: E.value.required, class: c([_.value, "remove-formLabel-formContent-blankStyle"]), "label-width": E.value.labelWidth, style: o(S.value) }, { label: d(() => [E.value.tittleShow ? (r(), p("div", { key: 0, style: o({ ...C.value, ...R.value, "padding-right": "12px" }) },
|
|
49
|
+
return r(), n(t2, { required: E.value.required, class: c([_.value, "remove-formLabel-formContent-blankStyle"]), "label-width": E.value.labelWidth, style: o(S.value) }, { label: d(() => [E.value.tittleShow ? (r(), p("div", { key: 0, style: o({ ...C.value, ...R.value, "padding-right": "12px" }) }, v(E.value.title), 5)) : f("", true)]), default: d(() => [s("div", y, [s("div", { ref_key: "quillEditorRef", ref: x, style: o({ ...T.value }) }, null, 4), s("input", { type: "file", hidden: "", accept: ".jpg,.png", ref_key: "fileBtn", ref: q, onChange: F }, null, 544)])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
49
50
|
};
|
|
50
51
|
} });
|
|
51
52
|
export {
|
package/dist/es/components/design/views/assemblys/page/component/setting-form-rule-base-input.vue.js
CHANGED
|
@@ -23,9 +23,9 @@ const h = { class: "operation-area operation-area-float" }, $ = e({ __name: "set
|
|
|
23
23
|
const l3 = T.value.filter((l4) => l4.dbColumnName && l4.dbColumnName === e4);
|
|
24
24
|
l3 && l3.length > 0 && (q.value.fieldName = l3[0].name);
|
|
25
25
|
}
|
|
26
|
-
q.value.id ? (l2 = q.value.id, a2 = q.value, y.put(window.$vueApp.config.globalProperties.baseAPI + `/mms/setting-form-rule-base/${l2}`, a2)).then((e5) => {
|
|
26
|
+
q.value.id ? (q.value, (l2 = q.value.id, a2 = q.value, y.put(window.$vueApp.config.globalProperties.baseAPI + `/mms/setting-form-rule-base/${l2}`, a2)).then((e5) => {
|
|
27
27
|
q.value = e5, b({ showClose: true, message: "保存成功", type: "success" });
|
|
28
|
-
}) : (q.value.systemCode = w.systemCode, function(e5) {
|
|
28
|
+
})) : (q.value.systemCode = w.systemCode, q.value, function(e5) {
|
|
29
29
|
return y.post(window.$vueApp.config.globalProperties.baseAPI + "/mms/setting-form-rule-base", e5);
|
|
30
30
|
}(q.value).then((e5) => {
|
|
31
31
|
q.value = e5, b({ showClose: true, message: "保存成功", type: "success" });
|
|
@@ -25,7 +25,7 @@ const I = { style: { padding: "8px 0px 0px 0px" } }, N = { class: "amb-design-at
|
|
|
25
25
|
e3 && !R2.configure.props.formNoRuleCode && (R2.configure.props.formNoRuleCode = e3), F(), S.value = false;
|
|
26
26
|
}
|
|
27
27
|
function E(e3) {
|
|
28
|
-
e3.target.value = e3.target.value.trim();
|
|
28
|
+
e3.target.value, e3.target.value = e3.target.value.trim();
|
|
29
29
|
}
|
|
30
30
|
function F() {
|
|
31
31
|
let e3 = window.$vueApp.config.globalProperties.baseAPI + "/mms/systems/getByCode/" + R2.configure.systemCode;
|
package/dist/es/components/design/views/assemblys/workflow/picture-flow/pictureflow-design.vue2.js
CHANGED
|
@@ -19,7 +19,7 @@ const a = ["id"], g = e({ __name: "pictureflow-design", props: { configure: Obje
|
|
|
19
19
|
}, { immediate: true });
|
|
20
20
|
const v = t({ nodes: [{ id: "1", type: "rect", x: 0, y: 70, text: "经办人填写" }, { id: "2", type: "rect", x: 0, y: 70, text: "品质主管审核" }, { id: "3", type: "rect", x: 0, y: 70, text: "品质总监确认" }], edges: [{ sourceNodeId: "1", targetNodeId: "2", type: "polyline" }, { sourceNodeId: "2", targetNodeId: "3", type: "polyline" }] }), m = t(null), y = new ResizeObserver((e3) => {
|
|
21
21
|
var t2;
|
|
22
|
-
m.value && (v.value.nodes[0].x = m.value.offsetWidth / 3 - 116, v.value.nodes[1].x = m.value.offsetWidth / 3 + 134, v.value.nodes[2].x = m.value.offsetWidth / 3 + 384, t2 = g2.configure.uuid, new s({ container: document.getElementById(t2), grid: true, isSilentMode: true, stopZoomGraph: true, stopScrollGraph: true, stopMoveGraph: true }).render(v.value));
|
|
22
|
+
m.value && (v.value.nodes[0].x = m.value.offsetWidth / 3 - 116, v.value.nodes[1].x = m.value.offsetWidth / 3 + 134, v.value.nodes[2].x = m.value.offsetWidth / 3 + 384, g2.configure, t2 = g2.configure.uuid, new s({ container: document.getElementById(t2), grid: true, isSilentMode: true, stopZoomGraph: true, stopScrollGraph: true, stopMoveGraph: true }).render(v.value));
|
|
23
23
|
});
|
|
24
24
|
return i(() => {
|
|
25
25
|
y.observe(m.value);
|
package/dist/es/components/design/views/assemblys/workflow/workflow-node/workflownode-design.vue2.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { defineComponent as e, ref as u, watch as i, createElementBlock as t, openBlock as n, normalizeStyle as r, normalizeClass as
|
|
1
|
+
import { defineComponent as e, ref as u, watch as i, createElementBlock as t, openBlock as n, normalizeStyle as r, normalizeClass as l, createElementVNode as o, toDisplayString as s } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle as a, caculateComponentProps as c } from "../../../../utils/form-design-util.js";
|
|
3
3
|
const f = e({ __name: "workflownode-design", props: { configure: Object }, setup(e2) {
|
|
4
4
|
const f2 = e2, p = u({}), g = u(""), m = u({}), v = u({});
|
|
5
5
|
return i(f2.configure.style, () => {
|
|
6
6
|
a(f2.configure, p, g, m), f2.configure.runtime.style = p.value, f2.configure.runtime.class = g.value, f2.configure.runtime.headerStyle = m.value;
|
|
7
7
|
}, { immediate: true }), i(f2.configure.props, () => {
|
|
8
|
-
c(f2.configure, v), function() {
|
|
8
|
+
c(f2.configure, v), v.value, function() {
|
|
9
9
|
let e3 = f2.configure.props ? f2.configure.props : {};
|
|
10
10
|
const u2 = e3.base ? e3.base : {};
|
|
11
11
|
u2.title && u2.title, Object.assign(v.value, u2);
|
|
12
12
|
}(), f2.configure.runtime.props = v.value;
|
|
13
|
-
}, { immediate: true }), (e3, u2) => (n(), t("div", { class:
|
|
13
|
+
}, { immediate: true }), (e3, u2) => (n(), t("div", { class: l(g.value), style: r(p.value) }, [o("div", { style: r(m.value) }, [o("span", null, s(v.value.title), 1), u2[0] || (u2[0] = o("span", null, "xxxxxx", -1))], 4)], 6));
|
|
14
14
|
} });
|
|
15
15
|
export {
|
|
16
16
|
f as default
|
|
@@ -106,7 +106,7 @@ const P = { class: "amb-page-container" }, T = { class: "amb-page-container-head
|
|
|
106
106
|
U.value = e3.code, H.value = e3.definitionVersion, L.value = e3.id;
|
|
107
107
|
}
|
|
108
108
|
function ve() {
|
|
109
|
-
if (!Q.value) return;
|
|
109
|
+
if (!Q.value) return void console.error("不能重复点击[工作流设计],请稍等!");
|
|
110
110
|
let e3, l2;
|
|
111
111
|
F.value.props.activeWorkflow && F.value.props.workflowSource && "link" === F.value.props.workflowSource ? (l2 = F.value.props.linkWorkflowCode, e3 = F.value.props.linkWorkflowVersion) : F.value.props.activeWorkflow && F.value.props.workflowSource && "create" === F.value.props.workflowSource && (l2 = F.value.props.createWorkflowCode, e3 = 1), l2 ? !U.value && !H.value || U.value !== l2 || H.value !== e3 ? (K.value = false, Q.value = false, function(e4, l3) {
|
|
112
112
|
V(e4, l3, Y.value).then((e5) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, onMounted as
|
|
1
|
+
import { defineComponent as e, ref as t, onMounted as o, onUnmounted as l, resolveComponent as n, createElementBlock as a, openBlock as r, createElementVNode as i, createVNode as s, createTextVNode as u, withCtx as c, unref as d, normalizeStyle as m } from "vue";
|
|
2
2
|
import { useLocalStorage as f } from "@vueuse/core";
|
|
3
3
|
import { Search as p, MagicStick as v } from "@element-plus/icons-vue";
|
|
4
4
|
import { EditorView as h, basicSetup as g } from "codemirror";
|
|
@@ -9,30 +9,31 @@ import "@codemirror/language";
|
|
|
9
9
|
import { openSearchPanel as y } from "@codemirror/search";
|
|
10
10
|
import k from "js-beautify";
|
|
11
11
|
import w from "./completion-data.js";
|
|
12
|
-
const j = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, C = { style: { color: "#909399", "font-size": "14px" } },
|
|
12
|
+
const j = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, C = { style: { color: "#909399", "font-size": "14px" } }, F = { key: 0 }, S = { key: 1 }, z = { class: "editorTool" }, O = e({ __name: "config", props: { eventForm: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(e2, { expose: O2, emit: V }) {
|
|
13
13
|
const D = e2;
|
|
14
14
|
t(false);
|
|
15
15
|
const L = t({ theme: "default", fontSize: 14, searchOpen: false }), T = t(null), W = t(null), $ = t(null), B = t({ backgroundColor: "#fff", color: "#333", border: "1px solid #ddd", overflow: "auto" });
|
|
16
16
|
let R;
|
|
17
|
-
|
|
17
|
+
o(() => {
|
|
18
|
+
D.eventForm;
|
|
18
19
|
let e3 = f("editorStyle", "").value;
|
|
19
20
|
e3 && (e3 = JSON.parse(e3), L.value.theme = e3.theme || "default", L.value.fontSize = e3.fontSize || 14), G();
|
|
20
|
-
}),
|
|
21
|
+
}), l(() => {
|
|
21
22
|
R && clearTimeout(R);
|
|
22
23
|
});
|
|
23
24
|
const U = b.data.of({ autocomplete: function(e3) {
|
|
24
25
|
const t2 = e3.matchBefore(/(?:window\.[\w$\.]*|logicContext\.[\w$\.]*)/);
|
|
25
26
|
if (!t2 || "" === t2.text) return null;
|
|
26
|
-
const
|
|
27
|
-
if (w[
|
|
28
|
-
let
|
|
29
|
-
for (const e4 of Object.keys(w))
|
|
30
|
-
if (!
|
|
31
|
-
if (
|
|
32
|
-
let e4 = w[
|
|
33
|
-
return (
|
|
27
|
+
const o2 = t2.text;
|
|
28
|
+
if (w[o2]) return { from: t2.from, options: w[o2], filter: true };
|
|
29
|
+
let l2 = null;
|
|
30
|
+
for (const e4 of Object.keys(w)) o2.startsWith(e4) && (!l2 || e4.length > l2.length) && (l2 = e4);
|
|
31
|
+
if (!l2) for (const e4 of Object.keys(w)) e4.startsWith(o2) && (!l2 || e4.length > l2.length) && (l2 = e4);
|
|
32
|
+
if (l2) {
|
|
33
|
+
let e4 = w[l2];
|
|
34
|
+
return (o2.length > l2.length || o2 !== l2) && (e4 = e4.filter((e5) => e5.label.startsWith(o2))), { from: t2.from, options: e4, filter: false };
|
|
34
35
|
}
|
|
35
|
-
if ("window.$" ===
|
|
36
|
+
if ("window.$" === o2) return { from: t2.from, options: w["window."].filter((e4) => e4.label.startsWith("window.$")), filter: false };
|
|
36
37
|
return null;
|
|
37
38
|
} });
|
|
38
39
|
function q() {
|
|
@@ -41,7 +42,7 @@ const j = { style: { padding: "8px 16px", margin: "10px 0px", "background-color"
|
|
|
41
42
|
function E() {
|
|
42
43
|
const e3 = h.theme({}), t2 = h.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: L.value.fontSize + "px" } });
|
|
43
44
|
return x.create({ doc: D.eventForm.jsContent, extensions: [x.tabSize.of(16), g, _(), U, e3, t2, h.updateListener.of(function(e4) {
|
|
44
|
-
D.eventForm.jsContent = e4.state.doc.toString();
|
|
45
|
+
e4.state.doc.toString(), D.eventForm.jsContent = e4.state.doc.toString();
|
|
45
46
|
})] });
|
|
46
47
|
}
|
|
47
48
|
function G() {
|
|
@@ -68,9 +69,9 @@ const j = { style: { padding: "8px 16px", margin: "10px 0px", "background-color"
|
|
|
68
69
|
var _a;
|
|
69
70
|
const t2 = D.eventForm.jsContent ? D.eventForm.jsContent : "";
|
|
70
71
|
e3 && D.eventForm && (e3.jsContent || (e3.jsContent = ""), Object.assign(D.eventForm, e3), (_a = T.value) == null ? void 0 : _a.dispatch({ changes: { from: 0, to: t2.length, insert: D.eventForm.jsContent } }));
|
|
71
|
-
} }), (t2,
|
|
72
|
-
const
|
|
73
|
-
return r(), a("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: $ }, [i("div", j, [i("span", C, [
|
|
72
|
+
} }), (t2, o2) => {
|
|
73
|
+
const l2 = n("el-input"), f2 = n("el-option"), h2 = n("el-select"), g2 = n("el-tooltip"), b2 = n("el-icon");
|
|
74
|
+
return r(), a("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: $ }, [i("div", j, [i("span", C, [o2[6] || (o2[6] = u(" function ")), "customFunc" === e2.eventForm.name ? (r(), a("span", F, [o2[3] || (o2[3] = u(" ( ")), o2[4] || (o2[4] = i("span", { class: "is_req" }, [i("span", { class: "cell--span required__label" })], -1)), s(l2, { size: "small", modelValue: e2.eventForm.funcParam, "onUpdate:modelValue": o2[0] || (o2[0] = (t3) => e2.eventForm.funcParam = t3), style: { width: "300px" }, title: "方法参数" }, null, 8, ["modelValue"]), o2[5] || (o2[5] = u(" ) "))])) : (r(), a("span", S, " ( params ) ")), o2[7] || (o2[7] = u("{ "))]), i("span", z, [s(g2, { class: "box-item", effect: "dark", content: "切换主题", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", onChange: q, modelValue: L.value.theme, "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => L.value.theme = e3), placeholder: "", size: "small", style: { width: "120px" } }, { default: c(() => [s(f2, { label: "默认", value: "default" }), s(f2, { label: "VScodeDark", value: "vscodeDark" }), s(f2, { label: "Dracula", value: "dracula" }), s(f2, { label: "GithubLight", value: "githubLight" }), s(f2, { label: "GithubDark", value: "githubDark" }), s(f2, { label: "Eclipse", value: "eclipse" }), s(f2, { label: "XcodeLight", value: "xcodeLight" }), s(f2, { label: "XcodeDark", value: "xcodeDark" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "切换字体大小", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", modelValue: L.value.fontSize, "onUpdate:modelValue": o2[2] || (o2[2] = (e3) => L.value.fontSize = e3), placeholder: "", onChange: q, size: "small", style: { width: "80px" } }, { default: c(() => [s(f2, { label: "12", value: 12 }), s(f2, { label: "14", value: 14 }), s(f2, { label: "16", value: 16 }), s(f2, { label: "18", value: 18 }), s(f2, { label: "20", value: 20 }), s(f2, { label: "22", value: 22 }), s(f2, { label: "24", value: 24 }), s(f2, { label: "26", value: 26 }), s(f2, { label: "28", value: 28 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), s(g2, { class: "box-item", effect: "dark", content: "打开搜索", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: H }, { default: c(() => [s(d(p))]), _: 1 })]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "格式化代码", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: J }, { default: c(() => [s(d(v))]), _: 1 })]), _: 1 })]), i("div", { style: m(B.value), id: "cf-codemirror", ref_key: "codemirrorRef", ref: W }, null, 4), o2[8] || (o2[8] = i("span", { style: { color: "gray" } }, " }", -1))], 512);
|
|
74
75
|
};
|
|
75
76
|
} });
|
|
76
77
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, computed as a, onMounted as l, resolveComponent as n, createElementBlock as o, openBlock as i, createVNode as s, withCtx as p, createElementVNode as
|
|
1
|
+
import { defineComponent as e, ref as t, computed as a, onMounted as l, resolveComponent as n, createElementBlock as o, openBlock as i, createVNode as s, withCtx as p, createElementVNode as r, createBlock as d, unref as u, toDisplayString as c, createTextVNode as g } from "vue";
|
|
2
2
|
import { Menu as m, Tickets as f, Folder as y, Operation as v, ArrowUp as h, ArrowDown as x } from "@element-plus/icons-vue";
|
|
3
3
|
import { ElMessageBox as w } from "element-plus";
|
|
4
4
|
import b from "agilebuilder-ui/src/utils/request";
|
|
@@ -12,6 +12,7 @@ const k = { style: { display: "flex", "min-width": "60px", height: "60px", "marg
|
|
|
12
12
|
b.post(window.$vueApp.config.globalProperties.baseAPI + "/acs/user/i18n-languages", a3).then((e5) => {
|
|
13
13
|
const a4 = e5.i18nFileUrls[e5.language] + "?_t_=" + (/* @__PURE__ */ new Date()).getTime();
|
|
14
14
|
_.loadLangFile(t3, a4, "zh_CN").catch(() => {
|
|
15
|
+
console.error("加载国际化文件失败");
|
|
15
16
|
});
|
|
16
17
|
});
|
|
17
18
|
}
|
|
@@ -50,7 +51,7 @@ const k = { style: { display: "flex", "min-width": "60px", height: "60px", "marg
|
|
|
50
51
|
return a(() => options.value.filter((e3) => !F.value || e3.name.toLowerCase().includes(F.value.toLowerCase()))), l(() => {
|
|
51
52
|
}), (t2, a2) => {
|
|
52
53
|
const l2 = n("el-icon"), w2 = n("el-button"), b2 = n("el-cascader-panel"), _2 = n("el-popover");
|
|
53
|
-
return i(), o("div", k, [s(_2, { onShow: R, onHide: U, ref_key: "popoverRef", ref: $, width: "auto", "popper-style": "box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;" }, { reference: p(() => [s(w2, { type: "default", icon:
|
|
54
|
+
return i(), o("div", k, [s(_2, { onShow: R, onHide: U, ref_key: "popoverRef", ref: $, width: "auto", "popper-style": "box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;" }, { reference: p(() => [s(w2, { type: "default", icon: u(v), style: { "font-size": "14px", "font-weight": "600" } }, { default: p(() => [g(c(e2.pageDesign.label + "(" + e2.pageDesign.version + ")") + " ", 1), S.value ? (i(), d(l2, { key: 0, class: "el-icon--right" }, { default: p(() => [s(u(h))]), _: 1 })) : (i(), d(l2, { key: 1, class: "el-icon--right" }, { default: p(() => [s(u(x))]), _: 1 }))]), _: 1 }, 8, ["icon"])]), default: p(() => [r("div", C, [s(b2, { ref_key: "cascaderRef", ref: L, style: { width: "fit-content", "margin-top": "6px" }, props: B.value, modelValue: z.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => z.value = e3), onChange: q }, { default: p(({ node: e3, data: t3 }) => [r("div", I, ["menu" === t3.menuType ? (i(), d(l2, { key: 0 }, { default: p(() => [s(u(m))]), _: 1 })) : "page" === t3.menuType ? (i(), d(l2, { key: 1 }, { default: p(() => [s(u(f))]), _: 1 })) : (i(), d(l2, { key: 2 }, { default: p(() => [s(u(y))]), _: 1 })), "page" === t3.menuType ? (i(), o("span", T, c(j(e3)), 1)) : (i(), o("span", N, c(e3.label), 1))])]), _: 1 }, 8, ["props", "modelValue"])])]), _: 1 }, 512)]);
|
|
54
55
|
};
|
|
55
56
|
} });
|
|
56
57
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "super-page-designer",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.5-design1",
|
|
4
4
|
"description": "AgileBuilder super page designer",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"main": "dist/es/index.js",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
30
30
|
"@vueuse/core": "^10.9.0",
|
|
31
31
|
"agilebuilder-private-libs": "1.0.26",
|
|
32
|
-
"agilebuilder-ui": "1.1.
|
|
32
|
+
"agilebuilder-ui": "1.1.40",
|
|
33
33
|
"echarts": "^5.5.0",
|
|
34
34
|
"element-plus": "^2.6.1",
|
|
35
35
|
"font-awesome": "^4.7.0",
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"pinia": "^2.1.7",
|
|
41
41
|
"qrcode": "^1.5.3",
|
|
42
42
|
"quill": "^2.0.1",
|
|
43
|
-
"service-flow-designer": "2.3.
|
|
44
|
-
"super-page-runtime": "2.3.
|
|
43
|
+
"service-flow-designer": "2.3.5-flow1",
|
|
44
|
+
"super-page-runtime": "2.3.5",
|
|
45
45
|
"uuid": "^9.0.1",
|
|
46
46
|
"vite": "^5.1.6",
|
|
47
47
|
"vite-plugin-node-stdlib-browser": "^0.2.1",
|