super-page-designer 2.2.97 → 2.3.0-sit4

package/dist/es/components/design/views/design/page-event/config.vue3.js

@@ -1,72 +1,78 @@
-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";
-import { useLocalStorage as d } from "@vueuse/core";
-import { Search as m, MagicStick as g } from "@element-plus/icons-vue";
-import { EditorView as v, basicSetup as w } from "codemirror";
-import { javascriptLanguage as y, javascript as b } from "@codemirror/lang-javascript";
-import { EditorState as h } from "@codemirror/state";
+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";
+import { useLocalStorage as f } from "@vueuse/core";
+import { Search as p, MagicStick as v } from "@element-plus/icons-vue";
+import { EditorView as h, basicSetup as g } from "codemirror";
+import { javascriptLanguage as b, javascript as _ } from "@codemirror/lang-javascript";
+import { EditorState as x } from "@codemirror/state";
 import "@codemirror/autocomplete";
 import "@codemirror/language";
-import { openSearchPanel as _ } from "@codemirror/search";
-import x from "js-beautify";
-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 }) {
-  const j = e2;
+import { openSearchPanel as y } from "@codemirror/search";
+import k from "js-beautify";
+import w from "./completion-data.js";
+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 }) {
+  const D = e2;
   t(false);
-  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" });
-  let T;
-  o(() => {
-    let e3 = d("editorStyle", "").value;
-    e3 && (e3 = JSON.parse(e3), z.value.theme = e3.theme || "default", z.value.fontSize = e3.fontSize || 14), R();
-  }), n(() => {
-    T && clearTimeout(T);
+  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" });
+  let R;
+  l(() => {
+    let e3 = f("editorStyle", "").value;
+    e3 && (e3 = JSON.parse(e3), L.value.theme = e3.theme || "default", L.value.fontSize = e3.fontSize || 14), G();
+  }), o(() => {
+    R && clearTimeout(R);
   });
-  const B = y.data.of({ autocomplete: function(e3) {
-    let t2 = e3.matchBefore(/\w*|window\.\$PageUtil\.|window\.|logicContext\./);
-    if (t2) {
-      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: "接口调用" }] };
-      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: "错误消息" }] };
-      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: "获得平台后端访问路径" }] };
-      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: "数据模型变量" }] };
+  const U = b.data.of({ autocomplete: function(e3) {
+    const t2 = e3.matchBefore(/(?:window\.[\w$\.]*|logicContext\.[\w$\.]*)/);
+    if (!t2 || "" === t2.text) return null;
+    const l2 = t2.text;
+    if (w[l2]) return { from: t2.from, options: w[l2], filter: true };
+    let o2 = null;
+    for (const e4 of Object.keys(w)) l2.startsWith(e4) && (!o2 || e4.length > o2.length) && (o2 = e4);
+    if (!o2) for (const e4 of Object.keys(w)) e4.startsWith(l2) && (!o2 || e4.length > o2.length) && (o2 = e4);
+    if (o2) {
+      let e4 = w[o2];
+      return (l2.length > o2.length || l2 !== o2) && (e4 = e4.filter((e5) => e5.label.startsWith(l2))), { from: t2.from, options: e4, filter: false };
     }
+    if ("window.$" === l2) return { from: t2.from, options: w["window."].filter((e4) => e4.label.startsWith("window.$")), filter: false };
     return null;
   } });
-  function L() {
-    d("editorStyle", z.value).value = z.value, V.value && (V.value && V.value.destroy(), R());
+  function q() {
+    f("editorStyle", L.value).value = L.value, T.value && (T.value && T.value.destroy(), G());
   }
-  function H() {
-    const e3 = v.theme({}), t2 = v.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: z.value.fontSize + "px" } });
-    return h.create({ doc: j.eventForm.jsContent, extensions: [h.tabSize.of(16), w, b(), B, e3, t2, v.updateListener.of(function(e4) {
-      j.eventForm.jsContent = e4.state.doc.toString();
+  function E() {
+    const e3 = h.theme({}), t2 = h.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: L.value.fontSize + "px" } });
+    return x.create({ doc: D.eventForm.jsContent, extensions: [x.tabSize.of(16), g, _(), U, e3, t2, h.updateListener.of(function(e4) {
+      D.eventForm.jsContent = e4.state.doc.toString();
     })] });
   }
-  function R() {
-    const e3 = H();
-    V.value = new v({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
+  function G() {
+    const e3 = E();
+    T.value = new h({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
   }
-  function q() {
-    if (V.value) {
-      V.value.focus(), _(V.value) && V.value.update([]);
+  function H() {
+    if (T.value) {
+      T.value.focus(), y(T.value) && T.value.update([]);
     }
   }
-  function G() {
-    if (V.value) {
-      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 });
-      V.value.dispatch({ changes: { from: 0, to: j.eventForm.jsContent.length, insert: e3 } });
+  function J() {
+    if (T.value) {
+      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 });
+      T.value.dispatch({ changes: { from: 0, to: D.eventForm.jsContent.length, insert: e3 } });
     }
   }
-  return F2({ resize: function() {
-    T && clearTimeout(T), E.value && (T = setTimeout(() => {
-      const e3 = E.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
-      V.value && V.value.dom && (V.value.dom.style.height = t2);
+  return O2({ resize: function() {
+    R && clearTimeout(R), W.value && (R = setTimeout(() => {
+      const e3 = W.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
+      T.value && T.value.dom && (T.value.dom.style.height = t2);
     }, 10));
   }, updateJsContent: function(e3) {
     var _a;
-    const t2 = j.eventForm.jsContent ? j.eventForm.jsContent : "";
-    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 } }));
-  } }), (t2, o2) => {
-    const n2 = l("el-input"), d2 = l("el-option"), v2 = l("el-select"), w2 = l("el-tooltip"), y2 = l("el-icon");
-    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);
+    const t2 = D.eventForm.jsContent ? D.eventForm.jsContent : "";
+    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 } }));
+  } }), (t2, l2) => {
+    const o2 = n("el-input"), f2 = n("el-option"), h2 = n("el-select"), g2 = n("el-tooltip"), b2 = n("el-icon");
+    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);
   };
 } });
 export {
-  F as default
+  O as default
 };

package/dist/es/components/design/views/design/page-event/page-event-content.vue.js

@@ -1,6 +1,6 @@
 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";
 import { ElMessageBox as x, ElMessage as h } from "element-plus";
-import C from "./config.vue.js";
+import C from "./config.vue2.js";
 import { standardButtonOperations as E } from "../../../utils/assemblys-config.js";
 import { findDesignItemByUuid as S, getUuidv4 as V, deepCopy as k } from "../../../utils/common-util.js";
 import { usePageContextStore as _ } from "../../../../../stores/page-store.js";

package/dist/es/components/design/views/design/view/view-design-display.vue.js

@@ -16,7 +16,7 @@ import "@codemirror/autocomplete";
 import "@codemirror/language";
 import "@codemirror/search";
 import "js-beautify";
-/* empty css                        */
+/* empty css                       */
 import "../../../utils/assemblys-config.js";
 import "../../../../../stores/page-store.js";
 import "../../../../../stores/event-undo-redo-store.js";
@@ -61,7 +61,7 @@ const L = { class: "amb-design-content-center-header" }, I = { class: "amb-desig
   }
   function pe(e3) {
     const i2 = ie.indexOf(e3), t2 = n(W(e3));
-    t2.uuid = N(), q(t2), ie.splice(i2, 0, t2);
+    t2.uuid = N(), q(t2, X.configure), ie.splice(i2, 0, t2);
   }
   function fe(e3) {
     V(ie, e3, e3.items && e3.items.length > 0, true);

package/dist/es/components/design/views/design/view/view-design.vue.js

@@ -1,28 +1,28 @@
-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";
+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";
 import u from "./assemblys-container.vue.js";
 import r from "./view-design-display.vue.js";
 import f from "./attr-container.vue.js";
 import v from "./components/el-aside-expand-component.vue.js";
-const g = e({ __name: "view-design", props: { configure: {}, system: {} }, emits: ["addEvent", "changeEvent", "onSelectEvent", "revocation", "regain"], setup(e2, { expose: g2, emit: m }) {
-  const d = e2, p = m;
-  null == d.configure.items && (d.configure.items = []);
+const g = e({ __name: "view-design", props: { configure: {}, system: {} }, emits: ["addEvent", "changeEvent", "onSelectEvent", "revocation", "regain"], setup(e2, { expose: g2, emit: d }) {
+  const m = e2, p = d;
+  null == m.configure.items && (m.configure.items = []);
   const y = n({ value: -1 }), E = t(null);
-  let S = t("assembly");
-  function b(e3, n2) {
-    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));
+  let b = t("assembly");
+  function S(e3, n2) {
+    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));
   }
   function h(e3, n2) {
     E.value.changeAssemblyByComponent(e3, n2);
   }
-  const _ = t(null);
-  function C(e3) {
-    S.value = e3 && "selected" === e3 ? "pageEvent" : "assembly", _.value.onSelectEvent(e3);
+  const C = t(null);
+  function _(e3) {
+    b.value = e3 && "selected" === e3 ? "pageEvent" : "assembly", C.value.onSelectEvent(e3);
   }
   function W(e3, n2) {
-    _.value.addEvent(e3, n2);
+    C.value.addEvent(e3, n2);
   }
   function A(e3) {
-    _.value.changeEvent(e3);
+    C.value.changeEvent(e3);
   }
   function R() {
     p("revocation");
@@ -34,15 +34,15 @@ const g = e({ __name: "view-design", props: { configure: {}, system: {} }, emits
   function O(e3) {
     I.value.changeSelectEvent(e3);
   }
-  function k(e3) {
+  function T(e3) {
     I.value.doCreateEvent(e3);
   }
-  function w(e3, n2) {
+  function k(e3, n2) {
     I.value.changeSelectStandardEvent(e3, n2);
   }
-  return g2({ onSelectWidget: b }), (e3, n2) => {
+  return g2({ onSelectWidget: S }), (e3, n2) => {
     const t2 = o("el-main"), g3 = o("el-container");
-    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 });
+    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 });
   };
 } });
 export {

package/dist/es/style.css

@@ -836,14 +836,14 @@ fieldset.amb-design-item-selected {
 }.runtime-page-container[data-v-f796b484] {
   height: calc(100vh - 73px);
 }
-.editorTool[data-v-8dba0ddd] {
+.editorTool[data-v-c8908117] {
   margin-left: auto;
 }
-.editorOption[data-v-8dba0ddd] {
+.editorOption[data-v-c8908117] {
   margin-right: 10px;
   cursor: pointer;
 }
-.pppp[data-v-8dba0ddd] {
+.pppp[data-v-c8908117] {
   display: flex; /* 使用Flex布局 */
   justify-content: flex-start;
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
@@ -930,25 +930,25 @@ fieldset.amb-design-item-selected {
 }
 ._amb-page-container_1k9lg_1 ._amb-page-container-header_1k9lg_6 ~ ._amb-page-container-main_1k9lg_9 {
   height: calc(100vh - 60px);
-}.amb-component-popover-icon-list-view[data-v-608ccc5b] {
+}.amb-component-popover-icon-list-view[data-v-70020263] {
   display: flex;
   flex-direction: column;
   gap: 10px;
   overflow: hidden;
   height: 300px;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-608ccc5b] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-70020263] {
   flex: 1 1 auto;
   overflow: auto;
 }
-.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-608ccc5b] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-70020263] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
   grid-gap: 15px;
   padding: 0;
   list-style: none;
 }
-.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-608ccc5b] {
+.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] {
   position: relative;
   width: 40px;
   height: 40px;
@@ -960,14 +960,14 @@ fieldset.amb-design-item-selected {
   border-radius: 5px;
   line-height: 1;
 }
-.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-608ccc5b] {
+.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] {
   width: 24px;
   height: 24px;
 }
-.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-608ccc5b]:hover {
+.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 {
   background-color: var(--el-menu-active-color);
   color: var(--el-color-white);
-}.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane {
+}.runtime-page-container-tabs-view[data-v-626f9a46] > .el-tabs__content > .el-tab-pane {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -975,16 +975,16 @@ fieldset.amb-design-item-selected {
   flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > div {
+.runtime-page-container-tabs-view[data-v-626f9a46] > .el-tabs__content > .el-tab-pane > div {
   width: 100%;
 }
-.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
+.runtime-page-container-tabs-view[data-v-626f9a46] > .el-tabs__content > .el-tab-pane > div[style*="display: inline-block"] {
   width: auto;
 }
-.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
+.runtime-page-container-tabs-view[data-v-626f9a46] > .el-tabs__content > .el-tab-pane > [style*="display: inline-block"] {
   width: auto;
 }
-.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
+.runtime-page-container-tabs-view[data-v-626f9a46] > .el-tabs__content > .el-tab-pane > .amb-design-item-default {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -992,18 +992,18 @@ fieldset.amb-design-item-selected {
   flex-wrap: wrap;
   gap: var(--runtime-page-container-view-gap, 15px);
 }
-.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
+.runtime-page-container-tabs-view[data-v-626f9a46] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div {
   width: 100%;
 }
-.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
+.runtime-page-container-tabs-view[data-v-626f9a46] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > div[style*="display: inline-block"] {
   width: auto;
 }
-.runtime-page-container-tabs-view[data-v-f64cf23d] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
+.runtime-page-container-tabs-view[data-v-626f9a46] > .el-tabs__content > .el-tab-pane > .amb-design-item-default > [style*="display: inline-block"] {
   width: auto;
-}.yx-card-box-view-main[data-v-65a008af] > .el-card__header {
+}.yx-card-box-view-main[data-v-231a66cb] > .el-card__header {
   position: relative;
 }
-.yx-card-box-view-main .yx-card-box-view-header[data-v-65a008af] {
+.yx-card-box-view-main .yx-card-box-view-header[data-v-231a66cb] {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -1011,12 +1011,12 @@ fieldset.amb-design-item-selected {
   gap: 15px;
   flex: 1 1 auto;
 }
-.yx-card-box-view-main .yx-card-box-view-title[data-v-65a008af] {
+.yx-card-box-view-main .yx-card-box-view-title[data-v-231a66cb] {
   position: relative;
   z-index: 2;
   flex: 1 1 auto;
 }
-.yx-card-box-view-main .yx-card-box-view-title[data-v-65a008af]::after {
+.yx-card-box-view-main .yx-card-box-view-title[data-v-231a66cb]::after {
   content: " ";
   position: absolute;
   left: 0;
@@ -1025,29 +1025,29 @@ fieldset.amb-design-item-selected {
   right: 0;
   z-index: 0;
 }
-.yx-card-box-view-context[data-v-65a008af] {
+.yx-card-box-view-context[data-v-231a66cb] {
   gap: var(--layout-form-flex-gap, 15px);
 }
-.yx-card-box-view-context[data-v-65a008af] > div {
+.yx-card-box-view-context[data-v-231a66cb] > div {
   width: 100%;
 }
-.yx-card-box-view-context[data-v-65a008af] > div[style*="display: inline-block"] {
+.yx-card-box-view-context[data-v-231a66cb] > div[style*="display: inline-block"] {
   width: auto;
 }
-.yx-card-box-view-context[data-v-65a008af] > .el-form-item {
+.yx-card-box-view-context[data-v-231a66cb] > .el-form-item {
   margin: 0;
 }
-.yx-card-box-view-context[data-v-65a008af] > .el-form-item[class*=el-col-8] {
+.yx-card-box-view-context[data-v-231a66cb] > .el-form-item[class*=el-col-8] {
   flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 2) / 3);
 }
 @media (max-width: 768px) {
-.yx-card-box-view-context[data-v-65a008af] > .el-form-item[class*=el-col-8] {
+.yx-card-box-view-context[data-v-231a66cb] > .el-form-item[class*=el-col-8] {
     max-width: none;
     flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 1) / 2);
 }
 }
 @media (max-width: 600px) {
-.yx-card-box-view-context[data-v-65a008af] > .el-form-item[class*=el-col-8] {
+.yx-card-box-view-context[data-v-231a66cb] > .el-form-item[class*=el-col-8] {
     width: 100%;
     max-width: none;
     flex: auto;
@@ -1778,7 +1778,7 @@ fieldset.amb-design-item-selected {
   cursor: default;
 }
 
-.seleteSort[data-v-30496704] {
+.seleteSort[data-v-307b2416] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
@@ -10876,10 +10876,10 @@ fieldset.amb-design-item-selected {
   opacity: 0.5;
   background: #c8ebfb;
 }
-li[data-v-e50b5e57] {
+li[data-v-f6dbf7b2] {
   color: #333;
 }
-.context-menu[data-v-e50b5e57] {
+.context-menu[data-v-f6dbf7b2] {
   position: fixed;
   background: #fff;
   z-index: 999;
@@ -10887,7 +10887,7 @@ li[data-v-e50b5e57] {
   margin: 0;
   margin-top: 30px;
 }
-.context-menu li[data-v-e50b5e57] {
+.context-menu li[data-v-f6dbf7b2] {
   min-width: 75px;
   height: 28px;
   line-height: 28px;
@@ -10895,19 +10895,19 @@ li[data-v-e50b5e57] {
   color: #1a1a1a;
   cursor: pointer;
 }
-.context-menu li[data-v-e50b5e57]:hover {
+.context-menu li[data-v-f6dbf7b2]:hover {
   background: #5893ef;
   color: #fff;
 }
-.context-menu[data-v-e50b5e57] {
+.context-menu[data-v-f6dbf7b2] {
   border: 1px solid #eee;
   box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
   border-radius: 5px;
 }
-li[data-v-e50b5e57] {
+li[data-v-f6dbf7b2] {
   list-style-type: none;
 }
-.amb-object-design-table-ref .super-grid-main-table-footer-view[data-v-e50b5e57] {
+.amb-object-design-table-ref .super-grid-main-table-footer-view[data-v-f6dbf7b2] {
   position: relative;
   display: flex;
   justify-content: space-between;
@@ -10916,7 +10916,7 @@ li[data-v-e50b5e57] {
   gap: var(--super-grid-main-view-gap, 10px);
   width: 100%;
 }
-.amb-object-design-table-ref[data-v-e50b5e57] .el-pagination {
+.amb-object-design-table-ref[data-v-f6dbf7b2] .el-pagination {
   display: flex;
   flex-wrap: wrap;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.97",
+  "version": "2.3.0-sit4",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -29,7 +29,7 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vueuse/core": "^10.9.0",
     "agilebuilder-private-libs": "1.0.26",
-    "agilebuilder-ui": "1.1.35",
+    "agilebuilder-ui": "1.1.36-sit1",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "font-awesome": "^4.7.0",
@@ -40,8 +40,8 @@
     "pinia": "^2.1.7",
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
-    "service-flow-designer": "2.2.95",
-    "super-page-runtime": "2.2.92",
+    "service-flow-designer": "2.3.0-sit2",
+    "super-page-runtime": "2.3.0-sit1",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",
@@ -52,7 +52,7 @@
     "vue-echarts": "^6.6.9",
     "vue-router": "^4.3.0",
     "vuex": "^4.1.0",
-    "workflow-editor": "0.0.56-up"
+    "workflow-editor": "0.0.58-up"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.16.0",