super-page-designer 2.2.2 → 2.2.5

package/dist/es/components/design/views/assemblys/object-design.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, onUnmounted as i, watch as n, ref as o, computed as r, onMounted as s, resolveComponent as t, openBlock as g, createElementBlock as u, normalizeStyle as p, normalizeClass as c, createBlock as a, resolveDynamicComponent as f, withModifiers as l, withDirectives as d, createElementVNode as m, createVNode as D, withCtx as v, unref as b, vShow as h } from "vue";
+import { defineComponent as e, onUnmounted as i, watch as n, ref as o, computed as r, onMounted as s, resolveComponent as t, openBlock as g, createElementBlock as u, normalizeStyle as p, normalizeClass as a, createBlock as c, resolveDynamicComponent as l, withModifiers as f, withDirectives as d, createElementVNode as m, createVNode as D, withCtx as v, unref as b, vShow as h } from "vue";
 import { CopyDocument as x, Delete as y } from "@element-plus/icons";
 import j from "./error-design.vue.js";
 import { getDesignComponentByName as C } from "../../utils/assemblys-config.js";
@@ -6,31 +6,32 @@ import { caculateCommonStyle as W } from "../../utils/container-design-util.js";
 import { PageDimensions as O } from "../../utils/interfaces/page-design-types.js";
 import { batchUpdatePermissions as k, batchRemovePermissions as S } from "../../utils/page-permission-util.js";
 import { watchValidate as P, getRefrencePropMap as M, removePropFromRefrencePropMap as w } from "../../utils/form-design-util.js";
-import { usePageContextStore as _ } from "../../../../stores/page-store.js";
-import { getListCode as B } from "super-page-runtime";
-import { getFormPropName as T } from "../../utils/page-helper-util.js";
-const U = { class: "amb-widget-item-tool" }, R = e({ __name: "object-design", props: { pageDesign: {}, configure: {}, selectWidget: {}, indexObj: {}, showSelectedClass: { type: Boolean, default: true }, errorBlank: { type: Boolean, default: false } }, emits: ["onSelectWidget", "onCustomAttrWidget", "onCopy", "onDelete"], setup(e2, { emit: R2 }) {
-  var _a, _b;
-  const q = _(), z = e2;
+import { usePageContextStore as U } from "../../../../stores/page-store.js";
+import { getListCode as _ } from "super-page-runtime";
+import { getFormPropName as B } from "../../utils/page-helper-util.js";
+import { updateServiceInputs as I } from "../../utils/chart-design-util.js";
+const T = { class: "amb-widget-item-tool" }, R = e({ __name: "object-design", props: { pageDesign: {}, configure: {}, selectWidget: {}, indexObj: {}, showSelectedClass: { type: Boolean, default: true }, errorBlank: { type: Boolean, default: false } }, emits: ["onSelectWidget", "onCustomAttrWidget", "onCopy", "onDelete"], setup(e2, { emit: R2 }) {
+  var _a, _b, _c, _d;
+  const q = U(), z = e2;
   if ("table" === z.configure.name && z.pageDesign.tableRuntimes && z.pageDesign.tableRuntimes[z.configure.uuid]) {
     const e3 = z.pageDesign.tableRuntimes[z.configure.uuid].configure, i2 = JSON.parse(e3);
     Object.assign(z.configure, i2), delete z.pageDesign.tableRuntimes[z.configure.uuid];
   }
   z.indexObj && z.indexObj.index++, null == z.configure.props && (z.configure.props = {}), null == z.configure.style && (z.configure.style = {});
-  const H = q.getModelField(T((_b = (_a = z.configure.props) == null ? void 0 : _a.base) == null ? void 0 : _b.prop));
+  const H = q.getModelField(B((_b = (_a = z.configure.props) == null ? void 0 : _a.base) == null ? void 0 : _b.prop));
   function A(e3) {
     z.pageDesign.listCodesMap || (z.pageDesign.listCodesMap = {});
-    const i2 = B(z.pageDesign.code, z.pageDesign.version, z.configure.uuid);
+    const i2 = _(z.pageDesign.code, z.pageDesign.version, z.configure.uuid);
     i2 && (z.pageDesign.listCodesMap[i2] = e3 || i2);
   }
   z.pageDesign && z.configure && "table" == z.configure.name && (z.configure.uuid && (z.pageDesign.tableUuids || (z.pageDesign.tableUuids = []), setTimeout(() => {
-    var _a2, _b2, _c, _d;
-    ((_b2 = (_a2 = z.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.includes(z.configure.uuid)) || ((_d = (_c = z.pageDesign) == null ? void 0 : _c.tableUuids) == null ? void 0 : _d.push(z.configure.uuid)), A(z.configure.code);
+    var _a2, _b2, _c2, _d2;
+    ((_b2 = (_a2 = z.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.includes(z.configure.uuid)) || ((_d2 = (_c2 = z.pageDesign) == null ? void 0 : _c2.tableUuids) == null ? void 0 : _d2.push(z.configure.uuid)), A(z.configure.code);
   }, 500), i(() => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c2, _d2;
     const e3 = (_b2 = (_a2 = z.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.indexOf(z.configure.uuid);
-    null != e3 && e3 > -1 && ((_d = (_c = z.pageDesign) == null ? void 0 : _c.tableUuids) == null ? void 0 : _d.shift(e3, 1));
-    const i2 = B(z.pageDesign.code, z.pageDesign.version, z.configure.uuid);
+    null != e3 && e3 > -1 && ((_d2 = (_c2 = z.pageDesign) == null ? void 0 : _c2.tableUuids) == null ? void 0 : _d2.shift(e3, 1));
+    const i2 = _(z.pageDesign.code, z.pageDesign.version, z.configure.uuid);
     z.pageDesign.listCodesMap && z.pageDesign.listCodesMap[i2] && delete z.pageDesign.listCodesMap[i2], z.pageDesign.subTableWatchProps && delete z.pageDesign.subTableWatchProps[z.configure.uuid];
   })), n(() => z.configure.code, (e3) => {
     A(e3);
@@ -47,13 +48,15 @@ const U = { class: "amb-widget-item-tool" }, R = e({ __name: "object-design", pr
     e3.forEach((e4) => {
       e4.name && e4.value && (i2[e4.name] = e4.value);
     }), z.configure.runtime || (z.configure.runtime = {}), z.configure.runtime.customParams = i2;
+  }, { immediate: true }), ((_d = (_c = z.configure.props) == null ? void 0 : _c.dataOrigin) == null ? void 0 : _d.serviceInputs) && z.pageDesign && n(z.configure.props.dataOrigin.serviceInputs, (e3) => {
+    I(z.configure, e3);
   }, { immediate: true }), z.configure.componentIndex = z.indexObj.index;
-  let I = z.indexObj.index;
-  const E = R2, N = o({});
-  N.value = C(z.configure.name);
-  const F = o(true);
-  null == N.value && (N.value = j, F.value = false), n(() => z.configure.name, (e3) => {
-    N.value = C(e3);
+  let E = z.indexObj.index;
+  const N = R2, F = o({});
+  F.value = C(z.configure.name);
+  const J = o(true);
+  null == F.value && (F.value = j, J.value = false), n(() => z.configure.name, (e3) => {
+    F.value = C(e3);
   }), z.configure.props && z.configure.props.verification && (z.configure.props.base && z.configure.props.base.title && n(() => z.configure.props.base.title, (e3) => {
     P(z.configure, z.configure.props.verification, H);
   }), z.configure.props.base && z.configure.props.base.prop && (n(() => z.configure.props.base.prop, (e3, i2) => {
@@ -71,55 +74,58 @@ const U = { class: "amb-widget-item-tool" }, R = e({ __name: "object-design", pr
       }), z.configure.props && z.configure.props.verification && z.configure.props.verification.required && (z.configure.props.verification.required = false);
     }
   });
-  const J = o(null), G = o({}), K = o(""), L = o({});
-  function Q() {
-    W(z.configure, G, K), z.configure.runtime || (z.configure.runtime = {}), z.configure.runtime.common || (z.configure.runtime.common = {}), z.configure.runtime.common.class = K.value, z.configure.runtime.common.style = G.value;
+  const G = o(null), K = o({}), L = o(""), Q = o({});
+  function V() {
+    W(z.configure, K, L), z.configure.runtime || (z.configure.runtime = {}), z.configure.runtime.common || (z.configure.runtime.common = {}), z.configure.runtime.common.class = L.value, z.configure.runtime.common.style = K.value;
   }
   if (z.configure.props && z.configure.props && (n(z.configure.props.size, (e3) => {
-    Q();
+    V();
   }), n(z.configure.props.position, (e3) => {
-    Q();
+    V();
   }, { immediate: true })), z.configure.style && z.configure.style && n(z.configure.style, () => {
-    Q();
+    V();
   }), z.configure.props) {
     z.configure.props.size || (z.configure.props.size = {});
     const e3 = z.configure.props.size;
     let i2 = e3[O.PC];
     i2 || (i2 = {}, e3[O.PC] = i2), 0 == Object.keys(i2).length && (i2.widthType = e3.widthType, i2.flexSpan = e3.flexSpan, i2.fixWidth = e3.fixWidth, i2.fixHeight = e3.fixHeight, delete e3.widthType, delete e3.flexSpan, delete e3.fixWidth, delete e3.fixHeight);
   }
-  const V = r(() => {
-    const e3 = G.value;
-    if (L.value = {}, !e3 || !z.pageDesign)
+  const X = r(() => {
+    const e3 = K.value;
+    if (Q.value = {}, !e3 || !z.pageDesign)
       return {};
     const i2 = {};
     z.configure.design && z.configure.design.style && Object.assign(i2, z.configure.design.style);
     const n2 = z.pageDesign.dimensions ? z.pageDesign.dimensions : "pc", o2 = e3[n2 + "_style"];
-    return o2 && (i2.width = o2.width, i2.height = o2.height, L.value = { height: o2.height }), K.value = e3[n2 + "_class"], i2;
+    return o2 && (i2.width = o2.width, i2.height = o2.height, Q.value = { height: o2.height }), L.value = e3[n2 + "_class"], i2;
   });
   n(z.selectWidget, (e3) => {
-    e3 && e3.value == I ? X.value = "amb-design-item-selected" : X.value = "";
+    e3 && e3.value == E ? Y.value = "amb-design-item-selected" : Y.value = "";
   });
-  const X = o("");
-  function Y(e3) {
-    e3 && e3.preventDefault(), E("onSelectWidget", I, z.configure);
-  }
-  function Z(e3, i2) {
-    E("onSelectWidget", e3, i2);
+  const Y = o("");
+  function Z(e3) {
+    e3 && e3.preventDefault(), N("onSelectWidget", E, z.configure);
   }
   function $(e3, i2) {
-    E("onCustomAttrWidget", e3, i2);
+    N("onSelectWidget", e3, i2);
   }
-  function ee(e3) {
-    e3.preventDefault(), E("onCopy", z.configure);
+  function ee(e3, i2) {
+    N("onCustomAttrWidget", e3, i2);
   }
   function ie(e3) {
-    e3.preventDefault(), E("onDelete", z.configure);
+    e3.preventDefault(), N("onCopy", z.configure);
+  }
+  function ne(e3) {
+    if (e3.preventDefault(), N("onDelete", z.configure), z.pageDesign.allChartUuids) {
+      const e4 = z.pageDesign.allChartUuids.findIndex((e5) => e5 === z.configure.uuid);
+      e4 >= 0 && z.pageDesign.allChartUuids.splice(e4, 1);
+    }
   }
   return s(() => {
-    z.configure.props && z.configure.props.isInit && (delete z.configure.props.isInit, E("onSelectWidget", I, z.configure));
+    z.configure.props && z.configure.props.isInit && (delete z.configure.props.isInit, N("onSelectWidget", E, z.configure));
   }), (e3, i2) => {
     const n2 = t("el-icon");
-    return g(), u("div", { style: p([{ position: "relative" }, V.value]), class: c(K.value), ref_key: "thisRef", ref: J }, [(g(), a(f(N.value), { style: p([G.value, L.value]), configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, errorBlank: e3.errorBlank, selectWidget: e3.selectWidget, onClick: l(Y, ["stop"]), onHandleSelect: Y, class: c([[X.value], "amb-design-item"]), onOnSelectWidget: Z, onOnCustomAttrWidget: $ }, null, 40, ["style", "configure", "pageDesign", "indexObj", "errorBlank", "selectWidget", "class"])), d(m("span", U, [d(D(n2, { onClick: l(ee, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(x))]), _: 1 }, 512), [[h, F.value]]), D(n2, { onClick: l(ie, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(y))]), _: 1 })], 512), [[h, X.value && e3.showSelectedClass]])], 6);
+    return g(), u("div", { style: p([{ position: "relative" }, X.value]), class: a(L.value), ref_key: "thisRef", ref: G }, [(g(), c(l(F.value), { style: p([K.value, Q.value]), configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, errorBlank: e3.errorBlank, selectWidget: e3.selectWidget, onClick: f(Z, ["stop"]), onHandleSelect: Z, class: a([[Y.value], "amb-design-item"]), onOnSelectWidget: $, onOnCustomAttrWidget: ee }, null, 40, ["style", "configure", "pageDesign", "indexObj", "errorBlank", "selectWidget", "class"])), d(m("span", T, [d(D(n2, { onClick: f(ie, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(x))]), _: 1 }, 512), [[h, J.value]]), D(n2, { onClick: f(ne, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(y))]), _: 1 })], 512), [[h, Y.value && e3.showSelectedClass]])], 6);
   };
 } });
 export {

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

@@ -14,17 +14,17 @@ import { undoRedo as J } from "../../../../stores/undo-redo-store.js";
 import T from "./page-event/page-event-view.vue.js";
 import _ from "../../utils/eventBus.js";
 const B = { class: "amb-page-container" }, N = { class: "amb-page-container-header-page" }, P = { class: "amb-page-container-header" }, R = { class: "amb-page-container-header-type" }, E = { key: 0, class: "amb-page-container-main" }, F = e({ __name: "page-design", props: { pageId: { type: Number, default: null } }, setup(e2) {
-  const F2 = J(), G = e2, O = l(null), z = l(null), M = l(), $ = h(), q = l("page"), L = l(null), U = l(null), A = l(null), H = l(false), K = l(0);
-  let Q = l(null);
-  const X = l(null);
-  function Y() {
+  const F2 = J(), G = e2, O = l(null), z = l(null), M = l(), $ = h(), q = l("page"), L = l(null), U = l(null), A = l(null), H = l(false), K = l(true), Q = l(0);
+  let X = l(null);
+  const Y = l(null);
+  function Z() {
     q.value = "front", M.value && M.value.resize && M.value.resize();
   }
-  function Z(e3) {
+  function ee(e3) {
     const l2 = V();
     return e3 ? Object.assign(l2, e3) : l2.systemCode || (l2.systemCode = "iqc", l2.systemVersion = 1), l2;
   }
-  function ee(e3) {
+  function le(e3) {
     let l2;
     g(e3);
     const s2 = e3 == null ? void 0 : e3.tableUuids;
@@ -36,31 +36,31 @@ const B = { class: "amb-page-container" }, N = { class: "amb-page-container-head
         e3.modelFields = l4, e3.modelFieldsMap = y(e3.modelFieldsMap, l4), $.setPageContext(e3);
       });
     }
-    Q.value = e3.systemVersion, $.setPageContext(e3), o(() => e3, (e4) => {
-      le();
+    X.value = e3.systemVersion, $.setPageContext(e3), o(() => e3, (e4) => {
+      oe();
     }, { deep: true }), o(e3.events, (l3) => {
       if (e3.runtime || (e3.runtime = {}), e3.events) {
         const l4 = e3.events.filter((e4) => !e4.isStandard && e4.jsContent || e4.isStandard && e4.eventName);
         e3.runtime.events = l4;
       }
     }, { immediate: true }), o(() => e3.label, () => {
-      te(e3);
+      ne(e3);
     }, { immediate: true }), o(() => e3.pageType, () => {
-      te(e3);
+      ne(e3);
     }, { immediate: true }), e3.props && o(() => e3.props.activeWorkflow, () => {
-      te(e3);
+      ne(e3);
     }, { immediate: true }), _.$emit("changePageDesign");
   }
   _.$on("editComponentEvent", () => {
-    Y();
+    Z();
   }), G.pageId ? D(G.pageId).then((e3) => {
     if (e3 && e3.designJson) {
-      const l2 = e3.designJson, o2 = Z(JSON.parse(l2));
-      o2.id = G.pageId, O.value = o2, ee(O.value);
+      const l2 = e3.designJson, o2 = ee(JSON.parse(l2));
+      o2.id = G.pageId, O.value = o2, le(O.value);
     } else
-      O.value = Z(null), ee(O.value);
-  }) : (O.value = Z(null), ee(O.value));
-  let le = /* @__PURE__ */ function(e3, l2) {
+      O.value = ee(null), le(O.value);
+  }) : (O.value = ee(null), le(O.value));
+  let oe = /* @__PURE__ */ function(e3, l2) {
     let o2 = null;
     return function() {
       let s2 = arguments;
@@ -73,17 +73,17 @@ const B = { class: "amb-page-container" }, N = { class: "amb-page-container-head
   }(() => {
     F2.addSnapshot(O.value);
   }, 400);
-  function oe() {
-    K.value++, F2.undo(O.value);
-  }
   function se() {
-    K.value++, F2.record(O.value);
+    Q.value++, F2.undo(O.value);
   }
-  function ae(e3) {
-    const l2 = e3.definitionVersion;
-    l2 && (O.value.props.workflowSource = "link", O.value.props.linkWorkflowVersion = l2, O.value.workflowVersion = l2, ne(e3));
+  function ae() {
+    Q.value++, F2.record(O.value);
   }
   function te(e3) {
+    const l2 = e3.definitionVersion;
+    l2 && (O.value.props.workflowSource = "link", O.value.props.linkWorkflowVersion = l2, O.value.workflowVersion = l2, ie(e3));
+  }
+  function ne(e3) {
     b(e3, "page", e3.label, "-1");
     const l2 = ["gets", "workflowGets", "listData", "listSubData"], o2 = [];
     if (e3.pageType && "form" != e3.pageType)
@@ -95,33 +95,37 @@ const B = { class: "amb-page-container" }, N = { class: "amb-page-container-head
     for (let s2 of l2)
       o2.includes(s2) || C(e3, s2, "-1");
   }
-  function ne(e3) {
+  function ie(e3) {
     U.value = e3.code, A.value = e3.definitionVersion, L.value = e3.id;
   }
-  function ie() {
+  function ue() {
+    if (!K.value)
+      return;
     let e3, l2;
-    O.value.props.activeWorkflow && O.value.props.workflowSource && "link" === O.value.props.workflowSource ? (l2 = O.value.props.linkWorkflowCode, e3 = O.value.props.linkWorkflowVersion) : O.value.props.activeWorkflow && O.value.props.workflowSource && "create" === O.value.props.workflowSource && (l2 = O.value.props.createWorkflowCode, e3 = 1), l2 ? !U.value && !A.value || U.value !== l2 || A.value !== e3 ? (H.value = false, function(e4, l3) {
-      j(e4, l3, Q.value).then((e5) => {
-        ne(e5), q.value = "workflow", H.value = true;
+    O.value.props.activeWorkflow && O.value.props.workflowSource && "link" === O.value.props.workflowSource ? (l2 = O.value.props.linkWorkflowCode, e3 = O.value.props.linkWorkflowVersion) : O.value.props.activeWorkflow && O.value.props.workflowSource && "create" === O.value.props.workflowSource && (l2 = O.value.props.createWorkflowCode, e3 = 1), l2 ? !U.value && !A.value || U.value !== l2 || A.value !== e3 ? (H.value = false, K.value = false, function(e4, l3) {
+      j(e4, l3, X.value).then((e5) => {
+        ie(e5), q.value = "workflow", H.value = true;
+      }).finally(() => {
+        K.value = true;
       });
     }(l2, e3)) : q.value = "workflow" : W({ type: "warning", showClose: true, message: "请在页面设计/属性/工作流中先绑定流程" });
   }
-  function ue(e3) {
+  function re(e3) {
     const l2 = I.service({ lock: true, text: "切换中，请稍后..." });
     D(e3).then((o2) => {
-      if (K.value++, l2.close(), o2 && o2.designJson) {
-        const l3 = o2.designJson, s2 = Z(JSON.parse(l3));
-        s2.id = e3, O.value = s2, O.value.items || (O.value.items = []), O.value.props || (O.value.props = {}), ee(O.value);
+      if (Q.value++, l2.close(), o2 && o2.designJson) {
+        const l3 = o2.designJson, s2 = ee(JSON.parse(l3));
+        s2.id = e3, O.value = s2, O.value.items || (O.value.items = []), O.value.props || (O.value.props = {}), le(O.value);
       } else
-        O.value = Z(null), ee(O.value);
+        O.value = ee(null), le(O.value);
     });
   }
-  function re(e3) {
-    e3 && e3.system && (X.value = e3.system), X.value && $.setEnableI18n(X.value.enableI18n);
+  function ve(e3) {
+    e3 && e3.system && (Y.value = e3.system), Y.value && $.setEnableI18n(Y.value.enableI18n);
   }
   return (e3, l2) => {
     const o2 = s("el-col"), g2 = s("el-row"), w2 = s("workflow-editor");
-    return a(), t("div", B, [n("div", N, [i(g2, null, { default: u(() => [i(o2, { span: 23, style: {} }, { default: u(() => [O.value && O.value.code ? (a(), r(x, { key: 0, pageDesign: O.value, onChangePage: ue, onInitLoaded: re }, null, 8, ["pageDesign"])) : v("", true)]), _: 1 })]), _: 1 })]), n("div", P, [n("div", R, [n("label", { class: p({ selected: "page" === q.value }), onClick: l2[0] || (l2[0] = (e4) => q.value = "page") }, "页面设计", 2), n("label", { class: p({ selected: "front" === q.value }), onClick: l2[1] || (l2[1] = (e4) => Y()) }, "页面逻辑", 2), n("label", { class: p({ selected: "workflow" === q.value }), onClick: l2[2] || (l2[2] = (e4) => ie()) }, "工作流设计", 2), n("label", { class: p({ selected: "service" === q.value }), onClick: l2[3] || (l2[3] = (e4) => q.value = "service") }, "服务编排", 2)])]), O.value ? (a(), t("div", E, [c((a(), r(m, { ref_key: "ViewDesignRef", ref: z, key: K.value, configure: O.value, system: X.value, onRegain: se, onRevocation: oe }, null, 8, ["configure", "system"])), [[f, "page" === q.value]]), H.value ? c((a(), r(w2, { key: 0, id: L.value, code: O.value.workflowCode, version: O.value.workflowVersion, "system-code": O.value.systemCode, "system-publish-version": O.value.systemVersion, "page-code": O.value.code, onBack: e3.goBack, onChangeDefVersion: ae }, null, 8, ["id", "code", "version", "system-code", "system-publish-version", "page-code", "onBack"])), [[f, "workflow" === q.value]]) : v("", true), "service" === q.value ? (a(), r(d(S), { key: 1, pageContext: O.value }, null, 8, ["pageContext"])) : v("", true), c(i(T, { ref_key: "pageEventContainerRef", ref: M, configure: O.value }, null, 8, ["configure"]), [[f, "front" === q.value]])])) : v("", true)]);
+    return a(), t("div", B, [n("div", N, [i(g2, null, { default: u(() => [i(o2, { span: 23, style: {} }, { default: u(() => [O.value && O.value.code ? (a(), r(x, { key: 0, pageDesign: O.value, onChangePage: re, onInitLoaded: ve }, null, 8, ["pageDesign"])) : v("", true)]), _: 1 })]), _: 1 })]), n("div", P, [n("div", R, [n("label", { class: p({ selected: "page" === q.value }), onClick: l2[0] || (l2[0] = (e4) => q.value = "page") }, "页面设计", 2), n("label", { class: p({ selected: "front" === q.value }), onClick: l2[1] || (l2[1] = (e4) => Z()) }, "页面逻辑", 2), n("label", { class: p({ selected: "workflow" === q.value }), onClick: l2[2] || (l2[2] = (e4) => ue()) }, "工作流设计", 2), n("label", { class: p({ selected: "service" === q.value }), onClick: l2[3] || (l2[3] = (e4) => q.value = "service") }, "服务编排", 2)])]), O.value ? (a(), t("div", E, [c((a(), r(m, { ref_key: "ViewDesignRef", ref: z, key: Q.value, configure: O.value, system: Y.value, onRegain: ae, onRevocation: se }, null, 8, ["configure", "system"])), [[f, "page" === q.value]]), H.value ? c((a(), r(w2, { key: 0, id: L.value, code: O.value.workflowCode, version: O.value.workflowVersion, "system-code": O.value.systemCode, "system-publish-version": O.value.systemVersion, "page-code": O.value.code, onBack: e3.goBack, onChangeDefVersion: te }, null, 8, ["id", "code", "version", "system-code", "system-publish-version", "page-code", "onBack"])), [[f, "workflow" === q.value]]) : v("", true), "service" === q.value ? (a(), r(d(S), { key: 1, pageContext: O.value }, null, 8, ["pageContext"])) : v("", true), c(i(T, { ref_key: "pageEventContainerRef", ref: M, configure: O.value }, null, 8, ["configure"]), [[f, "front" === q.value]])])) : v("", true)]);
   };
 } });
 export {

package/dist/es/style.css

@@ -1296,6 +1296,10 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
+
+.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
+		cursor: default;
+}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -1914,10 +1918,6 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
-
-.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
-		cursor: default;
-}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -9334,6 +9334,56 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
+
+/*不显示列样式*/
+.hiddenBorder {
+  border-right: solid 1px #ebebeb !important;
+  border-left: solid 1px #ebebeb !important;
+  background-color: #ebebeb !important;
+}
+/*选中列样式*/
+.addBorder {
+  border-right: solid 1px #5893ef !important;
+  border-left: solid 1px #5893ef !important;
+  background-color: #5893ef !important;
+  color: #ffffff;
+}
+.ghost {
+  opacity: 0.5;
+  background: #c8ebfb;
+}
+
+li[data-v-5581ec9f] {
+  color: #333;
+}
+.context-menu[data-v-5581ec9f] {
+  position: fixed;
+  background: #fff;
+  z-index: 999;
+  padding: 5px;
+  margin: 0;
+  margin-top: 30px;
+}
+.context-menu li[data-v-5581ec9f] {
+  min-width: 75px;
+  height: 28px;
+  line-height: 28px;
+  text-align: left;
+  color: #1a1a1a;
+  cursor: pointer;
+}
+.context-menu li[data-v-5581ec9f]:hover {
+  background: #5893ef;
+  color: #fff;
+}
+.context-menu[data-v-5581ec9f] {
+  border: 1px solid #eee;
+  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+li[data-v-5581ec9f] {
+  list-style-type: none;
+}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -10570,56 +10620,6 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
-
-/*不显示列样式*/
-.hiddenBorder {
-  border-right: solid 1px #ebebeb !important;
-  border-left: solid 1px #ebebeb !important;
-  background-color: #ebebeb !important;
-}
-/*选中列样式*/
-.addBorder {
-  border-right: solid 1px #5893ef !important;
-  border-left: solid 1px #5893ef !important;
-  background-color: #5893ef !important;
-  color: #ffffff;
-}
-.ghost {
-  opacity: 0.5;
-  background: #c8ebfb;
-}
-
-li[data-v-5581ec9f] {
-  color: #333;
-}
-.context-menu[data-v-5581ec9f] {
-  position: fixed;
-  background: #fff;
-  z-index: 999;
-  padding: 5px;
-  margin: 0;
-  margin-top: 30px;
-}
-.context-menu li[data-v-5581ec9f] {
-  min-width: 75px;
-  height: 28px;
-  line-height: 28px;
-  text-align: left;
-  color: #1a1a1a;
-  cursor: pointer;
-}
-.context-menu li[data-v-5581ec9f]:hover {
-  background: #5893ef;
-  color: #fff;
-}
-.context-menu[data-v-5581ec9f] {
-  border: 1px solid #eee;
-  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
-  border-radius: 5px;
-}
-li[data-v-5581ec9f] {
-  list-style-type: none;
-}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -16182,10 +16182,6 @@ fieldset.amb-design-item-selected {
   padding: 10px;
   font-weight: bold;
 }
-
-[data-v-bab42532] .el-form-item__label {
-  padding: 0;
-}
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -17473,6 +17469,17 @@ li[data-v-a555cba7] {
   list-style-type: none;
 }
 
+[data-v-bab42532] .el-form-item__label {
+  padding: 0;
+}
+
+.event-item[data-v-c7ab7527] {
+  font-size: 12px;
+  border-bottom: 2px dashed #f5f6f8;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
 .amb-design-attr-header[data-v-226997f7] {
   position: sticky;
   position: -webkit-sticky;
@@ -17499,13 +17506,6 @@ li[data-v-a555cba7] {
   color: #ffffff;
 }
 
-.event-item[data-v-c7ab7527] {
-  font-size: 12px;
-  border-bottom: 2px dashed #f5f6f8;
-  padding-top: 5px;
-  padding-bottom: 5px;
-}
-
 .seleteSort[data-v-727aa6f0] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
@@ -17570,6 +17570,11 @@ li[data-v-a555cba7] {
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
 
+.seleteSort[data-v-3336d6c5] {
+  border-radius: 5px;
+  border: 1px solid rgba(88, 147, 239);
+}
+
 .seleteSort[data-v-1fd3d630] {
 	border-radius: 5px;
 	border: 1px solid rgba(88, 147, 239);
@@ -17578,15 +17583,10 @@ li[data-v-a555cba7] {
 	display: inline-block;
 }
 
-.seleteSort[data-v-3336d6c5] {
-  border-radius: 5px;
-  border: 1px solid rgba(88, 147, 239);
-}
-
-li[data-v-4fd4369c] {
+li[data-v-fc0fd0a6] {
   color: #333;
 }
-.context-menu[data-v-4fd4369c] {
+.context-menu[data-v-fc0fd0a6] {
   position: fixed;
   background: #fff;
   z-index: 999;
@@ -17594,7 +17594,7 @@ li[data-v-4fd4369c] {
   margin: 0;
   margin-top: 30px;
 }
-.context-menu li[data-v-4fd4369c] {
+.context-menu li[data-v-fc0fd0a6] {
   min-width: 75px;
   height: 28px;
   line-height: 28px;
@@ -17607,16 +17607,16 @@ li[data-v-4fd4369c] {
 /*  background: #5893ef;*/
 /*  color: #fff;*/
 /*}*/
-.context-menuLi[data-v-4fd4369c]:hover {
+.context-menuLi[data-v-fc0fd0a6]:hover {
   background: #5893ef;
   color: #fff;
 }
-.context-menu[data-v-4fd4369c] {
+.context-menu[data-v-fc0fd0a6] {
   border: 1px solid #eee;
   box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
   border-radius: 5px;
 }
-li[data-v-4fd4369c] {
+li[data-v-fc0fd0a6] {
   list-style-type: none;
 }
 
@@ -17632,13 +17632,17 @@ li[data-v-4fd4369c] {
 	margin-left: 10px;
 }
 
+.seleteSort[data-v-a62867e0] {
+  border-radius: 5px;
+  border: 1px solid rgba(88, 147, 239);
+}
+
 [data-v-8e6fbc57] .centered-input .el-input__inner {
   text-align: center;
 }
 
-.seleteSort[data-v-a62867e0] {
-  border-radius: 5px;
-  border: 1px solid rgba(88, 147, 239);
+.input-with-select .el-input-group__append {
+  background-color: var(--el-fill-color-blank);
 }
 
 .row-backgroud-header-tittle[data-v-b203475d]{
@@ -17649,7 +17653,3 @@ li[data-v-4fd4369c] {
 .row-backgroud-header-tittle > div[data-v-b203475d]{
 	width: 100%
 }
-
-.input-with-select .el-input-group__append {
-  background-color: var(--el-fill-color-blank);
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.2",
+  "version": "2.2.5",
   "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.2",
+    "agilebuilder-ui": "1.1.4",
     "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.1",
-    "super-page-runtime": "2.2.0",
+    "service-flow-designer": "2.2.4",
+    "super-page-runtime": "2.2.3",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",