super-page-designer 2.3.0-sit9 → 2.3.1
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-table-util.js +1 -1
- package/dist/es/components/design/views/assemblys/button/component/set-dialog.vue.js +20 -20
- package/dist/es/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js +24 -24
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue2.js +55 -69
- package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +0 -1
- 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/hyperlink-mult-config.vue.js +16 -16
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr-base.vue.js +21 -29
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-autoset.vue.js +12 -12
- package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-design.vue2.js +13 -13
- package/dist/es/components/design/views/design/page-event/{config.vue.js → config.vue2.js} +2 -2
- package/dist/es/components/design/views/design/page-event/config.vue3.js +50 -56
- package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design.vue.js +16 -16
- package/dist/es/style.css +9 -9
- package/package.json +5 -5
- package/dist/es/components/design/views/design/page-event/completion-data.d.ts +0 -7
- package/dist/es/components/design/views/design/page-event/completion-data.js +0 -4
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, watch as l, resolveComponent as
|
|
1
|
+
import { defineComponent as e, ref as t, watch as l, resolveComponent as r, createBlock as i, openBlock as u, normalizeStyle as o, normalizeClass as a, withCtx as s, createVNode as p, unref as n, createElementBlock as d, createCommentVNode as c, Fragment as f, createTextVNode as m, toDisplayString as v } from "vue";
|
|
2
2
|
import { caculateDetailComponentStyle as g, caculateComponentProps as y } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import { OrganizationInput as S } from "agilebuilder-ui";
|
|
4
4
|
import b from "../common/title-suffix-element.vue.js";
|
|
5
5
|
const h = e({ __name: "depttree-design", props: { pageDesign: {}, configure: {} }, setup(e2) {
|
|
6
6
|
const h2 = e2;
|
|
7
7
|
h2.configure.runtime || (h2.configure.runtime = {});
|
|
8
|
-
const
|
|
8
|
+
const T = t({ value: void 0 }), F = t({}), x = t(""), z = t({}), k = t({}), C = t({});
|
|
9
9
|
function j(e3, t2) {
|
|
10
|
-
|
|
10
|
+
T.value = t2;
|
|
11
11
|
}
|
|
12
12
|
return l(h2.configure.style, () => {
|
|
13
|
-
g(h2.configure,
|
|
13
|
+
g(h2.configure, F, x, z), h2.configure.runtime.style = F.value, h2.configure.runtime.class = x.value, h2.configure.runtime.headerStyle = z.value;
|
|
14
14
|
}, { immediate: true }), l(h2.configure.props, () => {
|
|
15
|
-
y(h2.configure,
|
|
15
|
+
y(h2.configure, k, C), function() {
|
|
16
16
|
let e3 = h2.configure.props ? h2.configure.props : {};
|
|
17
17
|
const t2 = e3.base ? e3.base : {}, l2 = {};
|
|
18
|
-
l2.treeType = t2.treeType ? t2.treeType : "DeptUserTree", l2.size = t2.size, l2.state = t2.state, l2.multiple = t2.treeMultiple, l2.separator = t2.separator ? t2.separator : ",",
|
|
19
|
-
const
|
|
20
|
-
for (let e4 of
|
|
18
|
+
l2.treeType = t2.treeType ? t2.treeType : "DeptUserTree", l2.size = t2.size, l2.state = t2.state, l2.multiple = t2.treeMultiple, l2.separator = t2.separator ? t2.separator : ",", "field" == t2.deptScope && t2.deptScopeField && (l2.deptScopeField = t2.deptScopeField), "depts" == t2.deptScope && t2.deptScopeCodes && (l2.deptScopeCodes = t2.deptScopeCodes);
|
|
19
|
+
const r2 = t2.otherFieldSets ? t2.otherFieldSets : [], i2 = [];
|
|
20
|
+
for (let e4 of r2) if (e4.source && e4.target) {
|
|
21
21
|
let t3 = e4.target;
|
|
22
|
-
|
|
22
|
+
i2.push({ type: e4.source, model: t3 });
|
|
23
23
|
}
|
|
24
|
-
l2.autoSetFields =
|
|
25
|
-
}(), h2.configure.runtime.props =
|
|
24
|
+
l2.autoSetFields = i2, Object.assign(k.value, l2);
|
|
25
|
+
}(), h2.configure.runtime.props = k.value, h2.configure.runtime.titleExceedStyle = C.value;
|
|
26
26
|
}, { immediate: true }), (e3, t2) => {
|
|
27
|
-
const l2 =
|
|
28
|
-
return u(),
|
|
27
|
+
const l2 = r("el-form-item");
|
|
28
|
+
return u(), i(l2, { required: k.value.required, class: a([x.value, "remove-formLabel-formContent-blankStyle"]), "label-width": k.value.labelWidth, style: o(F.value) }, { label: s(() => [k.value.tittleShow ? (u(), d("div", { key: 0, style: o({ ...z.value, ...C.value, "padding-right": "12px" }) }, [k.value.prefixType ? (u(), i(b, { key: 0, configure: e3.configure }, null, 8, ["configure"])) : (u(), d(f, { key: 1 }, [m(v(k.value.title), 1)], 64))], 4)) : c("", true)]), default: s(() => [p(n(S), { disabled: "disabled" == k.value.state, multiple: k.value.multiple, treeType: k.value.treeType, size: k.value.size, value: T.value.value, "onUpdate:value": t2[0] || (t2[0] = (e4) => T.value.value = e4), models: T.value, openTree: false, fields: [], placeholder: "请选择", separator: ",", onSetValue: j }, null, 8, ["disabled", "multiple", "treeType", "size", "value", "models"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
29
29
|
};
|
|
30
30
|
} });
|
|
31
31
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./config.vue3.js";
|
|
2
|
-
/* empty css
|
|
2
|
+
/* empty css */
|
|
3
3
|
import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = e(o, [["__scopeId", "data-v-
|
|
4
|
+
const r = e(o, [["__scopeId", "data-v-8dba0ddd"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,78 +1,72 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, onMounted as
|
|
2
|
-
import { useLocalStorage as
|
|
3
|
-
import { Search as
|
|
4
|
-
import { EditorView as
|
|
5
|
-
import { javascriptLanguage as
|
|
6
|
-
import { EditorState as
|
|
1
|
+
import { defineComponent as e, ref as t, onMounted as o, onUnmounted as n, resolveComponent as l, createElementBlock as a, openBlock as i, createElementVNode as r, createVNode as u, createTextVNode as s, withCtx as c, unref as f, normalizeStyle as p } from "vue";
|
|
2
|
+
import { useLocalStorage as d } from "@vueuse/core";
|
|
3
|
+
import { Search as m, MagicStick as g } from "@element-plus/icons-vue";
|
|
4
|
+
import { EditorView as v, basicSetup as w } from "codemirror";
|
|
5
|
+
import { javascriptLanguage as y, javascript as b } from "@codemirror/lang-javascript";
|
|
6
|
+
import { EditorState as h } from "@codemirror/state";
|
|
7
7
|
import "@codemirror/autocomplete";
|
|
8
8
|
import "@codemirror/language";
|
|
9
|
-
import { openSearchPanel as
|
|
10
|
-
import
|
|
11
|
-
|
|
12
|
-
const j =
|
|
13
|
-
const D = e2;
|
|
9
|
+
import { openSearchPanel as _ } from "@codemirror/search";
|
|
10
|
+
import x from "js-beautify";
|
|
11
|
+
const C = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, $ = { style: { color: "#909399", "font-size": "14px" } }, P = { key: 0 }, U = { key: 1 }, k = { class: "editorTool" }, F = e({ __name: "config", props: { eventForm: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(e2, { expose: F2, emit: S }) {
|
|
12
|
+
const j = e2;
|
|
14
13
|
t(false);
|
|
15
|
-
const
|
|
16
|
-
let
|
|
17
|
-
|
|
18
|
-
let e3 =
|
|
19
|
-
e3 && (e3 = JSON.parse(e3),
|
|
20
|
-
}),
|
|
21
|
-
|
|
14
|
+
const z = t({ theme: "default", fontSize: 14, searchOpen: false }), V = t(null), E = t(null), D = t(null), O = t({ backgroundColor: "#fff", color: "#333", border: "1px solid #ddd", overflow: "auto" });
|
|
15
|
+
let T;
|
|
16
|
+
o(() => {
|
|
17
|
+
let e3 = d("editorStyle", "").value;
|
|
18
|
+
e3 && (e3 = JSON.parse(e3), z.value.theme = e3.theme || "default", z.value.fontSize = e3.fontSize || 14), R();
|
|
19
|
+
}), n(() => {
|
|
20
|
+
T && clearTimeout(T);
|
|
22
21
|
});
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
if (
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
if (!o2) for (const e4 of Object.keys(w)) e4.startsWith(l2) && (!o2 || e4.length > o2.length) && (o2 = e4);
|
|
31
|
-
if (o2) {
|
|
32
|
-
let e4 = w[o2];
|
|
33
|
-
return (l2.length > o2.length || l2 !== o2) && (e4 = e4.filter((e5) => e5.label.startsWith(l2))), { from: t2.from, options: e4, filter: false };
|
|
22
|
+
const B = y.data.of({ autocomplete: function(e3) {
|
|
23
|
+
let t2 = e3.matchBefore(/\w*|window\.\$PageUtil\.|window\.|logicContext\./);
|
|
24
|
+
if (t2) {
|
|
25
|
+
if ("window." === (t2 == null ? void 0 : t2.text)) return { from: t2.from, options: [{ label: "window.$PageUtil", type: "property", info: "页面工具方法" }, { label: "window.$message", type: "property", info: "提示信息" }, { label: "window.$http()", type: "property", info: "接口调用" }] };
|
|
26
|
+
if ("window.$message." === (t2 == null ? void 0 : t2.text)) return { form: t2.from, options: [{ label: "window.$message.info()", type: "function", info: "提示消息" }, { label: "window.$message.success()", type: "function", info: "成功消息" }, { label: "window.$message.warning()", type: "function", info: "警告消息" }, { label: "window.$message.error()", type: "function", info: "错误消息" }] };
|
|
27
|
+
if ("window.$PageUtil." === (t2 == null ? void 0 : t2.text)) return { from: t2.from, options: [{ label: "window.$PageUtil.standardEvents", type: "function", info: "显示方法" }, { label: "window.$PageUtil.showElement()", type: "function", info: "显示页面中的某个组件元素" }, { label: "window.$PageUtil.hideElement()", type: "function", info: "隐藏页面中的某个组件元素" }, { label: "window.$PageUtil.enableElement()", type: "function", info: "设置组件元素可用状态" }, { label: "window.$PageUtil.disableElement()", type: "function", info: "禁用页面中的某个组件元素" }, { label: "window.$PageUtil.setEntityDataValue()", type: "function", info: "设置Data值" }, { label: "window.$PageUtil.setEntityPageValue()", type: "function", info: "设置页面变量值" }, { label: "window.$PageUtil.setEntityValueByType()", type: "function", info: "根据类型设置值" }, { label: "window.$PageUtil.dsiabledAllFields()", type: "function", info: "禁用所有字段" }, { label: "window.$PageUtil.dynamicControlFormEdit()", type: "function", info: "表单编辑权限动态控制" }, { label: "window.$PageUtil.dynamicControlTableEdit()", type: "function", info: "控制表格编辑权限" }, { label: "window.$PageUtil.openPage()", type: "function", info: "打开页面" }, { label: "window.$PageUtil.refreshPage()", type: "function", info: "刷新页面" }, { label: "window.$PageUtil.refreshSubTableHandle()", type: "function", info: "刷新表单中子表内容" }, { label: "window.$PageUtil.refreshChildData()", type: "function", info: "对外开放的api方法更新子表集合" }, { label: "window.$PageUtil.getServerConfigValue()", type: "function", info: "根据key获得serverConfig中配置的信息" }, { label: "window.$PageUtil.getBackendUrl()", type: "function", info: "获得当前系统的后端访问路径" }, { label: "window.$PageUtil.getPlateBackendUrl()", type: "function", info: "获得平台后端访问路径" }] };
|
|
28
|
+
if ("logicContext." === (t2 == null ? void 0 : t2.text)) return { from: t2.from, options: [{ label: "logicContext.page", type: "property", info: "页面变量" }, { label: "logicContext.logic", type: "property", info: "页面变量" }, { label: "logicContext.task", type: "property", info: "任务变量" }, { label: "logicContext.context", type: "property", info: "上下文变量" }, { label: "logicContext.system", type: "property", info: "系统变量" }, { label: "logicContext.data", type: "property", info: "数据模型变量" }] };
|
|
34
29
|
}
|
|
35
|
-
if ("window.$" === l2) return { from: t2.from, options: w["window."].filter((e4) => e4.label.startsWith("window.$")), filter: false };
|
|
36
30
|
return null;
|
|
37
31
|
} });
|
|
38
|
-
function
|
|
39
|
-
|
|
32
|
+
function L() {
|
|
33
|
+
d("editorStyle", z.value).value = z.value, V.value && (V.value && V.value.destroy(), R());
|
|
40
34
|
}
|
|
41
|
-
function
|
|
42
|
-
const e3 =
|
|
43
|
-
return
|
|
44
|
-
|
|
35
|
+
function H() {
|
|
36
|
+
const e3 = v.theme({}), t2 = v.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: z.value.fontSize + "px" } });
|
|
37
|
+
return h.create({ doc: j.eventForm.jsContent, extensions: [h.tabSize.of(16), w, b(), B, e3, t2, v.updateListener.of(function(e4) {
|
|
38
|
+
j.eventForm.jsContent = e4.state.doc.toString();
|
|
45
39
|
})] });
|
|
46
40
|
}
|
|
47
|
-
function
|
|
48
|
-
const e3 =
|
|
49
|
-
|
|
41
|
+
function R() {
|
|
42
|
+
const e3 = H();
|
|
43
|
+
V.value = new v({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
|
|
50
44
|
}
|
|
51
|
-
function
|
|
52
|
-
if (
|
|
53
|
-
|
|
45
|
+
function q() {
|
|
46
|
+
if (V.value) {
|
|
47
|
+
V.value.focus(), _(V.value) && V.value.update([]);
|
|
54
48
|
}
|
|
55
49
|
}
|
|
56
|
-
function
|
|
57
|
-
if (
|
|
58
|
-
const e3 =
|
|
59
|
-
|
|
50
|
+
function G() {
|
|
51
|
+
if (V.value) {
|
|
52
|
+
const e3 = x.js(j.eventForm.jsContent, { indent_level: 0, indent_size: 2, space_in_empty_paren: false, max_preserve_newlines: 2, preserve_newlines: true, jslint_happy: false, keep_array_indentation: false, keep_function_indentation: false, space_before_conditional: true, break_chained_methods: false, eval_code: false, unescape_strings: false, wrap_line_length: 0, end_with_newline: false });
|
|
53
|
+
V.value.dispatch({ changes: { from: 0, to: j.eventForm.jsContent.length, insert: e3 } });
|
|
60
54
|
}
|
|
61
55
|
}
|
|
62
|
-
return
|
|
63
|
-
|
|
64
|
-
const e3 =
|
|
65
|
-
|
|
56
|
+
return F2({ resize: function() {
|
|
57
|
+
T && clearTimeout(T), E.value && (T = setTimeout(() => {
|
|
58
|
+
const e3 = E.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
|
|
59
|
+
V.value && V.value.dom && (V.value.dom.style.height = t2);
|
|
66
60
|
}, 10));
|
|
67
61
|
}, updateJsContent: function(e3) {
|
|
68
62
|
var _a;
|
|
69
|
-
const t2 =
|
|
70
|
-
e3 &&
|
|
71
|
-
} }), (t2,
|
|
72
|
-
const
|
|
73
|
-
return
|
|
63
|
+
const t2 = j.eventForm.jsContent ? j.eventForm.jsContent : "";
|
|
64
|
+
e3 && j.eventForm && (e3.jsContent || (e3.jsContent = ""), Object.assign(j.eventForm, e3), (_a = V.value) == null ? void 0 : _a.dispatch({ changes: { from: 0, to: t2.length, insert: j.eventForm.jsContent } }));
|
|
65
|
+
} }), (t2, o2) => {
|
|
66
|
+
const n2 = l("el-input"), d2 = l("el-option"), v2 = l("el-select"), w2 = l("el-tooltip"), y2 = l("el-icon");
|
|
67
|
+
return i(), a("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: D }, [r("div", C, [r("span", $, [o2[6] || (o2[6] = s(" function ")), "customFunc" === e2.eventForm.name ? (i(), a("span", P, [o2[3] || (o2[3] = s(" ( ")), o2[4] || (o2[4] = r("span", { class: "is_req" }, [r("span", { class: "cell--span required__label" })], -1)), u(n2, { 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] = s(" ) "))])) : (i(), a("span", U, " ( params ) ")), o2[7] || (o2[7] = s("{ "))]), r("span", k, [u(w2, { class: "box-item", effect: "dark", content: "切换主题", placement: "top" }, { default: c(() => [u(v2, { class: "editorOption", onChange: L, modelValue: z.value.theme, "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => z.value.theme = e3), placeholder: "", size: "small", style: { width: "120px" } }, { default: c(() => [u(d2, { label: "默认", value: "default" }), u(d2, { label: "VScodeDark", value: "vscodeDark" }), u(d2, { label: "Dracula", value: "dracula" }), u(d2, { label: "GithubLight", value: "githubLight" }), u(d2, { label: "GithubDark", value: "githubDark" }), u(d2, { label: "Eclipse", value: "eclipse" }), u(d2, { label: "XcodeLight", value: "xcodeLight" }), u(d2, { label: "XcodeDark", value: "xcodeDark" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(w2, { class: "box-item", effect: "dark", content: "切换字体大小", placement: "top" }, { default: c(() => [u(v2, { class: "editorOption", modelValue: z.value.fontSize, "onUpdate:modelValue": o2[2] || (o2[2] = (e3) => z.value.fontSize = e3), placeholder: "", onChange: L, size: "small", style: { width: "80px" } }, { default: c(() => [u(d2, { label: "12", value: 12 }), u(d2, { label: "14", value: 14 }), u(d2, { label: "16", value: 16 }), u(d2, { label: "18", value: 18 }), u(d2, { label: "20", value: 20 }), u(d2, { label: "22", value: 22 }), u(d2, { label: "24", value: 24 }), u(d2, { label: "26", value: 26 }), u(d2, { label: "28", value: 28 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), u(w2, { class: "box-item", effect: "dark", content: "打开搜索", placement: "top" }, { default: c(() => [u(y2, { class: "editorOption", onClick: q }, { default: c(() => [u(f(m))]), _: 1 })]), _: 1 }), u(w2, { class: "box-item", effect: "dark", content: "格式化代码", placement: "top" }, { default: c(() => [u(y2, { class: "editorOption", onClick: G }, { default: c(() => [u(f(g))]), _: 1 })]), _: 1 })]), r("div", { style: p(O.value), id: "cf-codemirror", ref_key: "codemirrorRef", ref: E }, null, 4), o2[8] || (o2[8] = r("span", { style: { color: "gray" } }, " }", -1))], 512);
|
|
74
68
|
};
|
|
75
69
|
} });
|
|
76
70
|
export {
|
|
77
|
-
|
|
71
|
+
F as default
|
|
78
72
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as e, ref as t, onMounted as n, onUnmounted as a, watch as l, resolveComponent as u, createElementBlock as o, openBlock as s, createElementVNode as i, createVNode as r, withDirectives as m, withCtx as c, vShow as d, unref as v, createTextVNode as p, toDisplayString as f, Fragment as g, renderList as b, createBlock as y } from "vue";
|
|
2
2
|
import { ElMessageBox as x, ElMessage as h } from "element-plus";
|
|
3
|
-
import C from "./config.
|
|
3
|
+
import C from "./config.vue2.js";
|
|
4
4
|
import { standardButtonOperations as E } from "../../../utils/assemblys-config.js";
|
|
5
5
|
import { findDesignItemByUuid as S, getUuidv4 as V, deepCopy as k } from "../../../utils/common-util.js";
|
|
6
6
|
import { usePageContextStore as _ } from "../../../../../stores/page-store.js";
|
|
@@ -16,7 +16,7 @@ import "@codemirror/autocomplete";
|
|
|
16
16
|
import "@codemirror/language";
|
|
17
17
|
import "@codemirror/search";
|
|
18
18
|
import "js-beautify";
|
|
19
|
-
/* empty css
|
|
19
|
+
/* empty css */
|
|
20
20
|
import "../../../utils/assemblys-config.js";
|
|
21
21
|
import "../../../../../stores/page-store.js";
|
|
22
22
|
import "../../../../../stores/event-undo-redo-store.js";
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { defineComponent as e, reactive as n, ref as t, resolveComponent as o, createBlock as l, openBlock as s, withCtx as
|
|
1
|
+
import { defineComponent as e, reactive as n, ref as t, resolveComponent as o, createBlock as l, openBlock as s, withCtx as a, createVNode as i, unref as c } from "vue";
|
|
2
2
|
import u from "./assemblys-container.vue.js";
|
|
3
3
|
import r from "./view-design-display.vue.js";
|
|
4
4
|
import f from "./attr-container.vue.js";
|
|
5
5
|
import v from "./components/el-aside-expand-component.vue.js";
|
|
6
|
-
const g = e({ __name: "view-design", props: { configure: {}, system: {} }, emits: ["addEvent", "changeEvent", "onSelectEvent", "revocation", "regain"], setup(e2, { expose: g2, emit:
|
|
7
|
-
const
|
|
8
|
-
null ==
|
|
6
|
+
const g = e({ __name: "view-design", props: { configure: {}, system: {} }, emits: ["addEvent", "changeEvent", "onSelectEvent", "revocation", "regain"], setup(e2, { expose: g2, emit: m }) {
|
|
7
|
+
const d = e2, p = m;
|
|
8
|
+
null == d.configure.items && (d.configure.items = []);
|
|
9
9
|
const y = n({ value: -1 }), E = t(null);
|
|
10
|
-
let
|
|
11
|
-
function
|
|
12
|
-
|
|
10
|
+
let S = t("assembly");
|
|
11
|
+
function b(e3, n2) {
|
|
12
|
+
e3 = null == e3 ? -1 : e3, y.value = e3, -1 == e3 && (n2 = d.configure), E.value && E.value && (null == n2.style && (n2.style = {}), null == n2.props && (n2.props = {}), null == n2.events && (n2.events = []), E.value.changeAssembly(n2));
|
|
13
13
|
}
|
|
14
14
|
function h(e3, n2) {
|
|
15
15
|
E.value.changeAssemblyByComponent(e3, n2);
|
|
16
16
|
}
|
|
17
|
-
const
|
|
18
|
-
function
|
|
19
|
-
|
|
17
|
+
const _ = t(null);
|
|
18
|
+
function C(e3) {
|
|
19
|
+
S.value = e3 && "selected" === e3 ? "pageEvent" : "assembly", _.value.onSelectEvent(e3);
|
|
20
20
|
}
|
|
21
21
|
function W(e3, n2) {
|
|
22
|
-
|
|
22
|
+
_.value.addEvent(e3, n2);
|
|
23
23
|
}
|
|
24
24
|
function A(e3) {
|
|
25
|
-
|
|
25
|
+
_.value.changeEvent(e3);
|
|
26
26
|
}
|
|
27
27
|
function R() {
|
|
28
28
|
p("revocation");
|
|
@@ -34,15 +34,15 @@ const g = e({ __name: "view-design", props: { configure: {}, system: {} }, emits
|
|
|
34
34
|
function O(e3) {
|
|
35
35
|
I.value.changeSelectEvent(e3);
|
|
36
36
|
}
|
|
37
|
-
function
|
|
37
|
+
function k(e3) {
|
|
38
38
|
I.value.doCreateEvent(e3);
|
|
39
39
|
}
|
|
40
|
-
function
|
|
40
|
+
function w(e3, n2) {
|
|
41
41
|
I.value.changeSelectStandardEvent(e3, n2);
|
|
42
42
|
}
|
|
43
|
-
return g2({ onSelectWidget:
|
|
43
|
+
return g2({ onSelectWidget: b }), (e3, n2) => {
|
|
44
44
|
const t2 = o("el-main"), g3 = o("el-container");
|
|
45
|
-
return s(), l(g3, { class: "amb-container" }, { default:
|
|
45
|
+
return s(), l(g3, { class: "amb-container" }, { default: a(() => [i(v, null, { default: a(() => [i(u, { ref_key: "assemblysContainerRef", ref: I, configure: e3.configure, designItems: e3.configure.items, selectWidget: y, onOnSelectWidget: b, onAddEvent: W, onChangeEvent: A, onOnSelectEvent: C }, null, 8, ["configure", "designItems", "selectWidget"])]), _: 1 }), i(t2, { class: "amb-container-main" }, { default: a(() => [i(r, { ref_key: "viewDesignDisplayRef", ref: _, configure: e3.configure, selectWidget: y, selAsselbyType: c(S), onOnSelectWidget: b, onOnCustomAttrWidget: h, onChangeSelectEvent: O, onAddEvent: k, onChangeSelectStandardEvent: w, onRevocation: R, onRegain: j }, null, 8, ["configure", "selectWidget", "selAsselbyType"])]), _: 1 }), i(v, { direction: "left" }, { default: a(() => [i(f, { pageInfo: e3.configure, system: e3.system, ref_key: "attrContainerRef", ref: E }, null, 8, ["pageInfo", "system"])]), _: 1 })]), _: 1 });
|
|
46
46
|
};
|
|
47
47
|
} });
|
|
48
48
|
export {
|
package/dist/es/style.css
CHANGED
|
@@ -836,14 +836,14 @@ fieldset.amb-design-item-selected {
|
|
|
836
836
|
}.runtime-page-container[data-v-f796b484] {
|
|
837
837
|
height: calc(100vh - 73px);
|
|
838
838
|
}
|
|
839
|
-
.editorTool[data-v-
|
|
839
|
+
.editorTool[data-v-8dba0ddd] {
|
|
840
840
|
margin-left: auto;
|
|
841
841
|
}
|
|
842
|
-
.editorOption[data-v-
|
|
842
|
+
.editorOption[data-v-8dba0ddd] {
|
|
843
843
|
margin-right: 10px;
|
|
844
844
|
cursor: pointer;
|
|
845
845
|
}
|
|
846
|
-
.pppp[data-v-
|
|
846
|
+
.pppp[data-v-8dba0ddd] {
|
|
847
847
|
display: flex; /* 使用Flex布局 */
|
|
848
848
|
justify-content: flex-start;
|
|
849
849
|
align-items: center; /* 子元素在交叉轴(垂直方向)上居中对齐 */
|
|
@@ -930,25 +930,25 @@ fieldset.amb-design-item-selected {
|
|
|
930
930
|
}
|
|
931
931
|
._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 ~ ._amb-page-container-main_1k9lg_9 {
|
|
932
932
|
height: calc(100vh - 60px);
|
|
933
|
-
}.amb-component-popover-icon-list-view[data-v-
|
|
933
|
+
}.amb-component-popover-icon-list-view[data-v-3be9b759] {
|
|
934
934
|
display: flex;
|
|
935
935
|
flex-direction: column;
|
|
936
936
|
gap: 10px;
|
|
937
937
|
overflow: hidden;
|
|
938
938
|
height: 300px;
|
|
939
939
|
}
|
|
940
|
-
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-
|
|
940
|
+
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-3be9b759] {
|
|
941
941
|
flex: 1 1 auto;
|
|
942
942
|
overflow: auto;
|
|
943
943
|
}
|
|
944
|
-
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-
|
|
944
|
+
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-3be9b759] {
|
|
945
945
|
display: grid;
|
|
946
946
|
grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
|
|
947
947
|
grid-gap: 15px;
|
|
948
948
|
padding: 0;
|
|
949
949
|
list-style: none;
|
|
950
950
|
}
|
|
951
|
-
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-
|
|
951
|
+
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-3be9b759] {
|
|
952
952
|
position: relative;
|
|
953
953
|
width: 40px;
|
|
954
954
|
height: 40px;
|
|
@@ -960,11 +960,11 @@ fieldset.amb-design-item-selected {
|
|
|
960
960
|
border-radius: 5px;
|
|
961
961
|
line-height: 1;
|
|
962
962
|
}
|
|
963
|
-
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item svg[data-v-
|
|
963
|
+
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item svg[data-v-3be9b759] {
|
|
964
964
|
width: 24px;
|
|
965
965
|
height: 24px;
|
|
966
966
|
}
|
|
967
|
-
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-
|
|
967
|
+
.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid .amb-component-popover-icon-grid-item[data-v-3be9b759]:hover {
|
|
968
968
|
background-color: var(--el-menu-active-color);
|
|
969
969
|
color: var(--el-color-white);
|
|
970
970
|
}.runtime-page-container-tabs-view[data-v-626f9a46] > .el-tabs__content > .el-tab-pane {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "super-page-designer",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.1",
|
|
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.36
|
|
32
|
+
"agilebuilder-ui": "1.1.36",
|
|
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.
|
|
44
|
-
"super-page-runtime": "2.3.0
|
|
43
|
+
"service-flow-designer": "2.2.95",
|
|
44
|
+
"super-page-runtime": "2.3.0",
|
|
45
45
|
"uuid": "^9.0.1",
|
|
46
46
|
"vite": "^5.1.6",
|
|
47
47
|
"vite-plugin-node-stdlib-browser": "^0.2.1",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"vue-echarts": "^6.6.9",
|
|
53
53
|
"vue-router": "^4.3.0",
|
|
54
54
|
"vuex": "^4.1.0",
|
|
55
|
-
"workflow-editor": "0.0.
|
|
55
|
+
"workflow-editor": "0.0.56-up"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@codemirror/autocomplete": "^6.16.0",
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const e = { "window.": [{ label: "window.$PageUtil", type: "property", info: "页面工具方法" }, { label: "window.$message", type: "property", info: "提示信息" }, { label: "window.$http", type: "property", info: "接口调用" }], "window.$http.": [{ label: "window.$http.get(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.post(url,{}).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.delete(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.put(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.patch(url).then(result => {\n\n})", type: "function", info: "" }], "window.$message.": [{ label: "window.$message.info()", type: "function", info: "提示消息" }, { label: "window.$message.success()", type: "function", info: "成功消息" }, { label: "window.$message.warning()", type: "function", info: "警告消息" }, { label: "window.$message.error()", type: "function", info: "错误消息" }], "window.$PageUtil.": [{ label: "window.$PageUtil.standardEvents", type: "function", info: "标准事件" }, { label: 'window.$PageUtil.getCustomFunc(params.pageContext, "xxxx")', type: "function", info: "获取自定义方法" }, { label: 'window.$PageUtil.getComponentRefByProp(params.pageContext, "xxxx")', type: "function", info: "根据属性获取组件引用对象" }, { label: 'window.$PageUtil.getComponentRefByCode(params.pageContext, "12c216ce9d424259974a56436c5af4cc")', type: "function", info: "根据组件唯一编码获取组件引用对象" }, { label: "window.$PageUtil.getEntity(params.pageContext)", type: "function", info: "获得实体" }, { label: 'window.$PageUtil.getEntityValue(params.pageContext, "xxxx")', type: "function", info: "获得实体属性值" }, { label: "window.$PageUtil.getPageData(params.pageContext)", type: "function", info: "获得页面变量" }, { label: 'window.$PageUtil.getPageDataValue(params.pageContext,"xxxx")', type: "function", info: "获得页面变量属性值" }, { label: "window.$PageUtil.getAdditionalParams(params.pageContext)", type: "function", info: "获得附加参数对象" }, { label: 'window.$PageUtil.getAdditionalParamValue(params.pageContext,"xxxx")', type: "function", info: "获得某附加参数值" }, { label: "window.$PageUtil.getFormViewData(params.pageContext)", type: "function", info: "获得表单数据查看信息" }, { label: "window.$PageUtil.getFormData(params.pageContext,id)", type: "function", info: "重新请求获得表单数据" }, { label: 'window.$PageUtil.setEntityDataValue(params.pageContext, {"name":"xxx",age:1})', type: "function", info: "设置Data值" }, { label: 'window.$PageUtil.setEntityPageValue(params.pageContext, {"name":"xxx",age:1})', type: "function", info: "设置页面变量值" }, { label: 'window.$PageUtil.setEntityValueByType(params.pageContext,"page",{"name":"xxx",age:1})', type: "function", info: "根据类型设置值" }, { label: 'window.$PageUtil.showElement(params.pageContext,["NAME","AGE"])', type: "function", info: "显示页面中的某个组件元素" }, { label: 'window.$PageUtil.hideElement(params.pageContext,["NAME","AGE"])', type: "function", info: "隐藏页面中的某个组件元素" }, { label: 'window.$PageUtil.enableElement(params.pageContext,["NAME","AGE"])', type: "function", info: "设置组件元素可用状态" }, { label: 'window.$PageUtil.disableElement(params.pageContext,["NAME","AGE"])', type: "function", info: "禁用页面中的某个组件元素" }, { label: "window.$PageUtil.disabledAllFields(params.pageContext)", type: "function", info: "禁用所有字段" }, { label: "window.$PageUtil.dynamicControlFormEdit(params.pageContext,[])", type: "function", info: "表单编辑权限动态控制" }, { label: "window.$PageUtil.dynamicControlTableEdit(params.pageContext,[],tableCode?)", type: "function", info: "控制表格编辑权限" }, { label: "window.$PageUtil.openPage(params.pageContext,openParam)", type: "function", info: "打开页面" }, { label: "window.$PageUtil.refreshPage(params.pageContext,id)", type: "function", info: "刷新页面" }, { label: "window.$PageUtil.refreshSubTableHandle(params.pageContext,tableCode)", type: "function", info: "刷新表单中子表内容" }, { label: "window.$PageUtil.refreshChildData(params.pageContextt, tableCode, data)", type: "function", info: "更新子表集合" }, { label: "window.$PageUtil.isMobile()", type: "function", info: "是否是移动端" }, { label: "window.$PageUtil.getServerConfigValue(key)", type: "function", info: "根据key获得配置信息" }, { label: "window.$PageUtil.getBackendUrl(params.pageContext)", type: "function", info: "获得当前系统后端访问路径" }, { label: "window.$PageUtil.getPlateBackendUrl()", type: "function", info: "获得平台后端访问路径" }], "logicContext.": [{ label: "logicContext.page", type: "property", info: "页面变量" }, { label: "logicContext.logic", type: "property", info: "页面逻辑" }, { label: "logicContext.task", type: "property", info: "任务变量" }, { label: "logicContext.context", type: "property", info: "上下文变量" }, { label: "logicContext.system", type: "property", info: "系统变量" }, { label: "logicContext.data", type: "property", info: "数据模型变量" }] };
|
|
2
|
-
export {
|
|
3
|
-
e as default
|
|
4
|
-
};
|