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.
Files changed (24) hide show
  1. package/dist/es/components/design/utils/assemblys-config.js +1 -1
  2. package/dist/es/components/design/utils/page-table-util.js +1 -1
  3. package/dist/es/components/design/views/assemblys/button/component/set-dialog.vue.js +20 -20
  4. package/dist/es/components/design/views/assemblys/common/common-advanced-basic-showcondition.vue.js +24 -24
  5. package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue.js +1 -1
  6. package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue2.js +55 -69
  7. package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js +1 -1
  8. package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +0 -1
  9. package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js +1 -1
  10. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js +2 -26
  11. package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js +26 -2
  12. package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue.js +16 -16
  13. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-attr-base.vue.js +21 -29
  14. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-autoset.vue.js +12 -12
  15. package/dist/es/components/design/views/assemblys/form/dept-tree/depttree-design.vue2.js +13 -13
  16. package/dist/es/components/design/views/design/page-event/{config.vue.js → config.vue2.js} +2 -2
  17. package/dist/es/components/design/views/design/page-event/config.vue3.js +50 -56
  18. package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +1 -1
  19. package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
  20. package/dist/es/components/design/views/design/view/view-design.vue.js +16 -16
  21. package/dist/es/style.css +9 -9
  22. package/package.json +5 -5
  23. package/dist/es/components/design/views/design/page-event/completion-data.d.ts +0 -7
  24. 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 i, createBlock as r, openBlock as u, normalizeStyle as o, normalizeClass as a, withCtx as p, createVNode as s, unref as n, createElementBlock as d, createCommentVNode as c, Fragment as m, createTextVNode as f, toDisplayString as v } from "vue";
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 F = t({ value: void 0 }), T = t({}), C = t(""), x = t({}), z = t({}), k = t({});
8
+ const T = t({ value: void 0 }), F = t({}), x = t(""), z = t({}), k = t({}), C = t({});
9
9
  function j(e3, t2) {
10
- F.value = t2;
10
+ T.value = t2;
11
11
  }
12
12
  return l(h2.configure.style, () => {
13
- g(h2.configure, T, C, x), h2.configure.runtime.style = T.value, h2.configure.runtime.class = C.value, h2.configure.runtime.headerStyle = x.value;
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, z, k), function() {
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 : ",", t2.deptScope && (l2.deptScope = t2.deptScope), "field" == t2.deptScope && t2.deptScopeField && (l2.deptScopeField = t2.deptScopeField), "depts" == t2.deptScope && t2.deptScopeCodes && (l2.deptScopeCodes = t2.deptScopeCodes), t2.limitFilterColumn && (l2.limitFilterColumn = t2.limitFilterColumn);
19
- const i2 = t2.otherFieldSets ? t2.otherFieldSets : [], r2 = [];
20
- for (let e4 of i2) if (e4.source && e4.target) {
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
- r2.push({ type: e4.source, model: t3 });
22
+ i2.push({ type: e4.source, model: t3 });
23
23
  }
24
- l2.autoSetFields = r2, Object.assign(z.value, l2);
25
- }(), h2.configure.runtime.props = z.value, h2.configure.runtime.titleExceedStyle = k.value;
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 = i("el-form-item");
28
- return u(), r(l2, { required: z.value.required, class: a([C.value, "remove-formLabel-formContent-blankStyle"]), "label-width": z.value.labelWidth, style: o(T.value) }, { label: p(() => [z.value.tittleShow ? (u(), d("div", { key: 0, style: o({ ...x.value, ...k.value, "padding-right": "12px" }) }, [z.value.prefixType ? (u(), r(b, { key: 0, configure: e3.configure }, null, 8, ["configure"])) : (u(), d(m, { key: 1 }, [f(v(z.value.title), 1)], 64))], 4)) : c("", true)]), default: p(() => [s(n(S), { disabled: "disabled" == z.value.state, multiple: z.value.multiple, treeType: z.value.treeType, size: z.value.size, value: F.value.value, "onUpdate:value": t2[0] || (t2[0] = (e4) => F.value.value = e4), models: F.value, openTree: false, fields: [], placeholder: "请选择", separator: ",", onSetValue: j }, null, 8, ["disabled", "multiple", "treeType", "size", "value", "models"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
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-c8908117"]]);
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 l, onUnmounted as o, 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
- import { useLocalStorage as f } from "@vueuse/core";
3
- import { Search as p, MagicStick as v } from "@element-plus/icons-vue";
4
- import { EditorView as h, basicSetup as g } from "codemirror";
5
- import { javascriptLanguage as b, javascript as _ } from "@codemirror/lang-javascript";
6
- import { EditorState as x } from "@codemirror/state";
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 y } from "@codemirror/search";
10
- import k from "js-beautify";
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" } }, z = { key: 0 }, F = { key: 1 }, S = { class: "editorTool" }, O = e({ __name: "config", props: { eventForm: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(e2, { expose: O2, emit: V }) {
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 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
- let R;
17
- l(() => {
18
- let e3 = f("editorStyle", "").value;
19
- e3 && (e3 = JSON.parse(e3), L.value.theme = e3.theme || "default", L.value.fontSize = e3.fontSize || 14), G();
20
- }), o(() => {
21
- R && clearTimeout(R);
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 U = b.data.of({ autocomplete: function(e3) {
24
- const t2 = e3.matchBefore(/(?:window\.[\w$\.]*|logicContext\.[\w$\.]*)/);
25
- if (!t2 || "" === t2.text) return null;
26
- const l2 = t2.text;
27
- if (w[l2]) return { from: t2.from, options: w[l2], filter: true };
28
- let o2 = null;
29
- for (const e4 of Object.keys(w)) l2.startsWith(e4) && (!o2 || e4.length > o2.length) && (o2 = e4);
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 q() {
39
- f("editorStyle", L.value).value = L.value, T.value && (T.value && T.value.destroy(), G());
32
+ function L() {
33
+ d("editorStyle", z.value).value = z.value, V.value && (V.value && V.value.destroy(), R());
40
34
  }
41
- function E() {
42
- const e3 = h.theme({}), t2 = h.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: L.value.fontSize + "px" } });
43
- 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();
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 G() {
48
- const e3 = E();
49
- T.value = new h({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
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 H() {
52
- if (T.value) {
53
- T.value.focus(), y(T.value) && T.value.update([]);
45
+ function q() {
46
+ if (V.value) {
47
+ V.value.focus(), _(V.value) && V.value.update([]);
54
48
  }
55
49
  }
56
- function J() {
57
- if (T.value) {
58
- const e3 = k.js(D.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 });
59
- T.value.dispatch({ changes: { from: 0, to: D.eventForm.jsContent.length, insert: e3 } });
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 O2({ resize: function() {
63
- R && clearTimeout(R), W.value && (R = setTimeout(() => {
64
- const e3 = W.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
65
- T.value && T.value.dom && (T.value.dom.style.height = t2);
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 = D.eventForm.jsContent ? D.eventForm.jsContent : "";
70
- 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, l2) => {
72
- const o2 = n("el-input"), f2 = n("el-option"), h2 = n("el-select"), g2 = n("el-tooltip"), b2 = n("el-icon");
73
- return r(), a("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: $ }, [i("div", j, [i("span", C, [l2[6] || (l2[6] = u(" function ")), "customFunc" === e2.eventForm.name ? (r(), a("span", z, [l2[3] || (l2[3] = u(" ( ")), l2[4] || (l2[4] = i("span", { class: "is_req" }, [i("span", { class: "cell--span required__label" })], -1)), s(o2, { size: "small", modelValue: e2.eventForm.funcParam, "onUpdate:modelValue": l2[0] || (l2[0] = (t3) => e2.eventForm.funcParam = t3), style: { width: "300px" }, title: "方法参数" }, null, 8, ["modelValue"]), l2[5] || (l2[5] = u(" ) "))])) : (r(), a("span", F, " ( params ) ")), l2[7] || (l2[7] = u("{ "))]), i("span", S, [s(g2, { class: "box-item", effect: "dark", content: "切换主题", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", onChange: q, modelValue: L.value.theme, "onUpdate:modelValue": l2[1] || (l2[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": l2[2] || (l2[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), l2[8] || (l2[8] = i("span", { style: { color: "gray" } }, " }", -1))], 512);
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
- O as default
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.vue.js";
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 i, createVNode as a, unref as c } from "vue";
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: d }) {
7
- const m = e2, p = d;
8
- null == m.configure.items && (m.configure.items = []);
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 b = t("assembly");
11
- function S(e3, n2) {
12
- n2 && !n2.isTable && (m.configure.currentTableConfig = void 0), e3 = null == e3 ? -1 : e3, y.value = e3, -1 == e3 && (n2 = m.configure), E.value && E.value && (null == n2.style && (n2.style = {}), null == n2.props && (n2.props = {}), null == n2.events && (n2.events = []), E.value.changeAssembly(n2));
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 C = t(null);
18
- function _(e3) {
19
- b.value = e3 && "selected" === e3 ? "pageEvent" : "assembly", C.value.onSelectEvent(e3);
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
- C.value.addEvent(e3, n2);
22
+ _.value.addEvent(e3, n2);
23
23
  }
24
24
  function A(e3) {
25
- C.value.changeEvent(e3);
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 T(e3) {
37
+ function k(e3) {
38
38
  I.value.doCreateEvent(e3);
39
39
  }
40
- function k(e3, n2) {
40
+ function w(e3, n2) {
41
41
  I.value.changeSelectStandardEvent(e3, n2);
42
42
  }
43
- return g2({ onSelectWidget: S }), (e3, n2) => {
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: i(() => [a(v, null, { default: i(() => [a(u, { ref_key: "assemblysContainerRef", ref: I, configure: e3.configure, designItems: e3.configure.items, selectWidget: y, onOnSelectWidget: S, onAddEvent: W, onChangeEvent: A, onOnSelectEvent: _ }, null, 8, ["configure", "designItems", "selectWidget"])]), _: 1 }), a(t2, { class: "amb-container-main" }, { default: i(() => [a(r, { ref_key: "viewDesignDisplayRef", ref: C, configure: e3.configure, selectWidget: y, selAsselbyType: c(b), onOnSelectWidget: S, onOnCustomAttrWidget: h, onChangeSelectEvent: O, onAddEvent: T, onChangeSelectStandardEvent: k, onRevocation: R, onRegain: j }, null, 8, ["configure", "selectWidget", "selAsselbyType"])]), _: 1 }), a(v, { direction: "left" }, { default: i(() => [a(f, { pageInfo: e3.configure, system: e3.system, ref_key: "attrContainerRef", ref: E }, null, 8, ["pageInfo", "system"])]), _: 1 })]), _: 1 });
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-c8908117] {
839
+ .editorTool[data-v-8dba0ddd] {
840
840
  margin-left: auto;
841
841
  }
842
- .editorOption[data-v-c8908117] {
842
+ .editorOption[data-v-8dba0ddd] {
843
843
  margin-right: 10px;
844
844
  cursor: pointer;
845
845
  }
846
- .pppp[data-v-c8908117] {
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-70020263] {
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-70020263] {
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-70020263] {
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-70020263] {
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-70020263] {
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-70020263]:hover {
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.0-sit9",
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-sit5",
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.3.0-sit2",
44
- "super-page-runtime": "2.3.0-sit8",
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.58-up"
55
+ "workflow-editor": "0.0.56-up"
56
56
  },
57
57
  "devDependencies": {
58
58
  "@codemirror/autocomplete": "^6.16.0",
@@ -1,7 +0,0 @@
1
- type CompletionOption = {
2
- label: string;
3
- type: string;
4
- info?: string;
5
- };
6
- declare const COMPLETION_DATA: Record<string, CompletionOption[]>;
7
- export default COMPLETION_DATA;
@@ -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
- };