super-page-designer 2.2.94 → 2.2.97

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

@@ -1,17 +1,17 @@
-import { defineComponent as e, ref as l, computed as t, onMounted as a, onUnmounted as n, resolveComponent as o, createElementBlock as i, openBlock as s, createElementVNode as u, createVNode as r, withCtx as m, unref as p, isRef as d, normalizeStyle as c, toDisplayString as v, withDirectives as f, withModifiers as g, createTextVNode as h, vShow as b } from "vue";
-import { Search as w } from "@element-plus/icons-vue";
-import { ElMessageBox as x } from "element-plus";
-import { getDesignConfByName as C } from "../../../utils/assemblys-config.js";
-import y from "../view/assemblys-container-explore.vue.js";
+import { defineComponent as e, ref as l, computed as t, onMounted as a, onUnmounted as n, resolveComponent as o, createElementBlock as i, openBlock as s, createElementVNode as u, createVNode as r, withCtx as m, unref as p, isRef as d, toDisplayString as c, withDirectives as v, withModifiers as f, createTextVNode as g, vShow as b } from "vue";
+import { Search as h } from "@element-plus/icons-vue";
+import { ElMessageBox as w } from "element-plus";
+import { getDesignConfByName as x } from "../../../utils/assemblys-config.js";
+import C from "../view/assemblys-container-explore.vue.js";
 import { deepCopy as _ } from "../../../utils/common-util.js";
-import k from "../../../utils/eventBus.js";
-import { usePageContextStore as E } from "../../../../../stores/page-store.js";
-const V = { class: "amb-design-assembly-content", ref: "ambPageEventList" }, j = { style: { "padding-top": "10px" } }, $ = ["title"], L = ["title"], T = { key: 0 }, U = { key: 1 }, z = ["title"], S = ["title"], B = ["title"], I = e({ __name: "page-event-container", props: { configure: {}, configureObj: {}, editEvent: {} }, emits: ["add-event", "change-event"], setup(e2, { expose: I2, emit: N }) {
-  const P = E(), W = l(null), D = l(), F = l(false);
-  let O = l(["searchCollapse", "addCollapse", "unUseEventCollapse"]), R = l(null), H = l("");
-  const M = t(() => {
+import y from "../../../utils/eventBus.js";
+import { usePageContextStore as k } from "../../../../../stores/page-store.js";
+const E = { class: "amb-design-assembly-content", ref: "ambPageEventList" }, V = { style: { "padding-top": "10px" } }, j = ["title"], $ = ["title"], L = { key: 0 }, T = { key: 1 }, U = ["title"], z = ["title"], S = ["title"], B = e({ __name: "page-event-container", props: { configure: {}, configureObj: {}, editEvent: {} }, emits: ["add-event", "change-event"], setup(e2, { expose: B2, emit: I }) {
+  const N = k(), P = l(null), W = l(), D = l(false);
+  let F = l(["searchCollapse", "addCollapse", "unUseEventCollapse"]), O = l(null), R = l("");
+  const H = t(() => {
     let e3 = "";
-    const l2 = R.value;
+    const l2 = O.value;
     if ("page" === (l2 && "page" != l2.name ? l2.name : "page")) e3 = "页面";
     else if (e3 = l2 && l2.label ? l2.label : "", l2 && l2.props && l2.props.base) {
       const t2 = l2.props.base.title;
@@ -19,22 +19,22 @@ const V = { class: "amb-design-assembly-content", ref: "ambPageEventList" }, j =
     }
     return e3;
   });
-  let q = t(() => W.value && W.value.customEvents ? W.value.customEvents.filter((e3) => "customFunc" == e3.name) : []);
-  const A = t(() => {
-    let e3 = R.value ? R.value.name : null;
+  let M = t(() => P.value && P.value.customEvents ? P.value.customEvents.filter((e3) => "customFunc" == e3.name) : []);
+  const q = t(() => {
+    let e3 = O.value ? O.value.name : null;
     e3 = e3 || "page";
-    const l2 = R.value ? R.value.uuid : null;
+    const l2 = O.value ? O.value.uuid : null;
     let t2 = [];
     const a2 = [];
-    if (W.value && W.value.customEvents) for (let n3 of W.value.customEvents) "customFunc" != n3.name && ("page" !== e3 && n3.uuid !== l2 || (t2.push(n3), a2.includes(n3.name) || a2.push(n3.name)));
+    if (P.value && P.value.customEvents) for (let n3 of P.value.customEvents) "customFunc" != n3.name && ("page" !== e3 && n3.uuid !== l2 || (t2.push(n3), a2.includes(n3.name) || a2.push(n3.name)));
     let n2 = null;
-    if (n2 = "page" == e3 ? W.value ? W.value.events : null : R.value ? R.value.events : null, n2) {
+    if (n2 = "page" == e3 ? P.value ? P.value.events : null : O.value ? O.value.events : null, n2) {
       for (let l4 of n2) {
-        l4.componentUuid || (l4.componentUuid = R.value && R.value.uuid ? R.value.uuid : "page"), l4.componentLabel || (l4.componentLabel = "page" == e3 ? "页面" : R.value ? R.value.label : "");
+        l4.componentUuid || (l4.componentUuid = O.value && O.value.uuid ? O.value.uuid : "page"), l4.componentLabel || (l4.componentLabel = "page" == e3 ? "页面" : O.value ? O.value.label : "");
         let n3 = "";
-        R.value && R.value.props && R.value.props.base && (n3 = R.value.props.base.title), l4.title = n3, a2.includes(l4.name) || (t2.push(l4), a2.push(l4.name));
+        O.value && O.value.props && O.value.props.base && (n3 = O.value.props.base.title), l4.title = n3, a2.includes(l4.name) || (t2.push(l4), a2.push(l4.name));
       }
-      let l3 = C(e3);
+      let l3 = x(e3);
       const o2 = [];
       if (l3 && l3.events && l3.events.length > 0) {
         for (let e4 of l3.events) if (o2.push(e4.name), !a2.includes(e4.name)) {
@@ -49,46 +49,46 @@ const V = { class: "amb-design-assembly-content", ref: "ambPageEventList" }, j =
         }
       } else t2 = [];
     }
-    if (H.value) {
+    if (R.value) {
       const e4 = [];
-      for (let l3 of t2) (l3.name && l3.name.includes(H.value) || l3.label && l3.label.includes(H.value)) && e4.push(l3);
+      for (let l3 of t2) (l3.name && l3.name.includes(R.value) || l3.label && l3.label.includes(R.value)) && e4.push(l3);
       return e4;
     }
     return t2;
-  }), G = l([]);
+  }), A = l([]);
+  function G(e3) {
+    P.value = e3, A.value = e3 && e3.items ? e3.items : [], Y(null, null);
+  }
   function J(e3) {
-    W.value = e3, G.value = e3 && e3.items ? e3.items : [], Z(null, null);
+    w.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
+      y.$emit("clearEvent", e3);
+    });
   }
   function K(e3) {
-    x.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
-      k.$emit("clearEvent", e3);
-    });
+    y.$emit("editEvent", e3);
   }
   function Q(e3) {
-    k.$emit("editEvent", e3);
-  }
-  function X(e3) {
-    k.$emit("editEvent", e3);
+    y.$emit("editEvent", e3);
   }
-  let Y;
-  function Z(e3, l2) {
-    R.value = l2, F.value = false;
+  let X;
+  function Y(e3, l2) {
+    O.value = l2, D.value = false;
   }
   return a(() => {
-    J(P.pageContext), D.value = window.innerHeight - 220;
-  }), k.$on("changePageDesign", () => {
-    J(P.pageContext);
-  }), k.$on("editComponentEvent", (e3) => {
-    Y && clearTimeout(Y), R.value = e3.configureObj, Y = setTimeout(function() {
-      k.$emit("editEvent", e3.event);
+    G(N.pageContext), W.value = window.innerHeight - 220;
+  }), y.$on("changePageDesign", () => {
+    G(N.pageContext);
+  }), y.$on("editComponentEvent", (e3) => {
+    X && clearTimeout(X), O.value = e3.configureObj, X = setTimeout(function() {
+      y.$emit("editEvent", e3.event);
     }, 100);
   }), n(() => {
-    Y && clearTimeout(Y), k.$off("changePageDesign"), k.$off("editComponentEvent");
-  }), I2({}), (e3, l2) => {
-    const t2 = o("el-button"), a2 = o("el-input"), n2 = o("el-popover"), x2 = o("el-table-column"), C2 = o("el-table"), _2 = o("el-collapse-item"), k2 = o("el-collapse");
-    return s(), i("div", V, [u("div", null, [u("div", j, [r(n2, { placement: "right", width: 300, visible: F.value, trigger: "manual" }, { reference: m(() => [r(a2, { size: "small", modelValue: M.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => M.value = e4), placeholder: "请选择组件", readonly: "", clearable: "", onClick: l2[2] || (l2[2] = (e4) => F.value = !F.value) }, { append: m(() => [r(t2, { type: "info", icon: p(w), circle: "", text: "", onClick: l2[0] || (l2[0] = (e4) => F.value = !F.value) }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue"])]), default: m(() => [r(y, { onSelectComponent: Z, treeMarginTop: "", headerSearchClass: "custom", designItems: G.value, selectWidget: e3.selectWidget }, null, 8, ["designItems", "selectWidget"])]), _: 1 }, 8, ["visible"])])]), u("div", null, [r(k2, { modelValue: p(O), "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => d(O) ? O.value = e4 : O = e4), style: { "margin-top": "10px" } }, { default: m(() => [r(_2, { class: "amb-assembly-collapse-header", name: "searchCollapse", title: "事件列表" }, { default: m(() => [u("div", { style: c("max-height:" + D.value + "px") }, [r(a2, { modelValue: p(H), "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => d(H) ? H.value = e4 : H = e4), placeholder: "名称/别名...", clearable: "", class: "input-with-select", style: { "margin-top": "10px", "margin-bottom": "10px" }, "suffix-icon": p(w) }, null, 8, ["modelValue", "suffix-icon"]), r(C2, { size: "small", data: A.value, style: { width: "100%" }, "max-height": D.value, "highlight-current-row": "", onRowClick: X }, { default: m(() => [r(x2, { label: "名称", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.name }, v(e4.row.name), 9, $)]), _: 1 }), r(x2, { label: "别名", width: "60" }, { default: m((e4) => [u("span", { title: e4.row.label }, v(e4.row.label), 9, L)]), _: 1 }), r(x2, { label: "组件", width: "120", align: "left" }, { default: m((e4) => [e4.row.title || e4.row.componentLabel ? (s(), i("span", T, v(e4.row.title ? e4.row.title + "(" + e4.row.componentLabel + ")" : e4.row.componentLabel), 1)) : (s(), i("span", U, v(p(R) ? p(R).label : "页面"), 1))]), _: 1 }), r(x2, { label: "备注" }, { default: m((e4) => [u("span", { title: e4.row.remark }, v(e4.row.remark), 9, z)]), _: 1 }), r(x2, { fixed: "right", label: "", width: "40", align: "center" }, { default: m((e4) => [f(r(t2, { disabled: false === e4.row.isEdit, link: "", type: "danger", size: "small", onClick: g((l3) => K(e4.row), ["stop"]) }, { default: m(() => l2[5] || (l2[5] = [h("清除")])), _: 2 }, 1032, ["disabled", "onClick"]), [[b, e4.row.isStandard && e4.row.eventName || !e4.row.isStandard && e4.row.jsContent]])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])], 4)]), _: 1 }), r(_2, { class: "amb-assembly-collapse-header", name: "addCollapse", title: "自定义方法" }, { default: m(() => [r(C2, { size: "small", data: p(q), "highlight-current-row": "", style: { width: "100%" }, "max-height": D.value, onRowClick: Q }, { default: m(() => [r(x2, { prop: "label", label: "方法名", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.eventName }, v(e4.row.eventName), 9, S)]), _: 1 }), r(x2, { prop: "label", label: "描述" }, { default: m((e4) => [u("span", { title: e4.row.remark }, v(e4.row.remark), 9, B)]), _: 1 }), r(x2, { fixed: "right", label: "", width: "50", align: "center" }, { default: m((e4) => [r(t2, { disabled: e4.row.disable, link: "", type: "primary", size: "small", onClick: g((l3) => K(e4.row), ["stop"]) }, { default: m(() => l2[6] || (l2[6] = [h("清除")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])], 512);
+    X && clearTimeout(X), y.$off("changePageDesign"), y.$off("editComponentEvent");
+  }), B2({}), (e3, l2) => {
+    const t2 = o("el-button"), a2 = o("el-input"), n2 = o("el-popover"), w2 = o("el-table-column"), x2 = o("el-table"), _2 = o("el-collapse-item"), y2 = o("el-collapse");
+    return s(), i("div", E, [u("div", null, [u("div", V, [r(n2, { placement: "right", width: 300, visible: D.value, trigger: "manual" }, { reference: m(() => [r(a2, { size: "small", modelValue: H.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => H.value = e4), placeholder: "请选择组件", readonly: "", clearable: "", onClick: l2[2] || (l2[2] = (e4) => D.value = !D.value) }, { append: m(() => [r(t2, { type: "info", icon: p(h), circle: "", text: "", onClick: l2[0] || (l2[0] = (e4) => D.value = !D.value) }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue"])]), default: m(() => [r(C, { onSelectComponent: Y, treeMarginTop: "", headerSearchClass: "custom", designItems: A.value, selectWidget: e3.selectWidget }, null, 8, ["designItems", "selectWidget"])]), _: 1 }, 8, ["visible"])])]), u("div", null, [r(y2, { modelValue: p(F), "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => d(F) ? F.value = e4 : F = e4), style: { "margin-top": "10px" } }, { default: m(() => [r(_2, { class: "amb-assembly-collapse-header", name: "searchCollapse", title: "事件列表" }, { default: m(() => [u("div", null, [r(a2, { modelValue: p(R), "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => d(R) ? R.value = e4 : R = e4), placeholder: "名称/别名...", clearable: "", class: "input-with-select", style: { "margin-top": "10px", "margin-bottom": "10px" }, "suffix-icon": p(h) }, null, 8, ["modelValue", "suffix-icon"]), r(x2, { size: "small", data: q.value, style: { width: "100%" }, "max-height": W.value, "highlight-current-row": "", onRowClick: Q }, { default: m(() => [r(w2, { label: "名称", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.name }, c(e4.row.name), 9, j)]), _: 1 }), r(w2, { label: "别名", width: "60" }, { default: m((e4) => [u("span", { title: e4.row.label }, c(e4.row.label), 9, $)]), _: 1 }), r(w2, { label: "组件", width: "120", align: "left" }, { default: m((e4) => [e4.row.title || e4.row.componentLabel ? (s(), i("span", L, c(e4.row.title ? e4.row.title + "(" + e4.row.componentLabel + ")" : e4.row.componentLabel), 1)) : (s(), i("span", T, c(p(O) ? p(O).label : "页面"), 1))]), _: 1 }), r(w2, { label: "备注" }, { default: m((e4) => [u("span", { title: e4.row.remark }, c(e4.row.remark), 9, U)]), _: 1 }), r(w2, { fixed: "right", label: "", width: "40", align: "center" }, { default: m((e4) => [v(r(t2, { disabled: false === e4.row.isEdit, link: "", type: "danger", size: "small", onClick: f((l3) => J(e4.row), ["stop"]) }, { default: m(() => l2[5] || (l2[5] = [g("清除")])), _: 2 }, 1032, ["disabled", "onClick"]), [[b, e4.row.isStandard && e4.row.eventName || !e4.row.isStandard && e4.row.jsContent]])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])])]), _: 1 }), r(_2, { class: "amb-assembly-collapse-header", name: "addCollapse", title: "自定义方法" }, { default: m(() => [r(x2, { size: "small", data: p(M), "highlight-current-row": "", style: { width: "100%" }, "max-height": W.value, onRowClick: K }, { default: m(() => [r(w2, { prop: "label", label: "方法名", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.eventName }, c(e4.row.eventName), 9, z)]), _: 1 }), r(w2, { prop: "label", label: "描述" }, { default: m((e4) => [u("span", { title: e4.row.remark }, c(e4.row.remark), 9, S)]), _: 1 }), r(w2, { fixed: "right", label: "", width: "50", align: "center" }, { default: m((e4) => [r(t2, { disabled: e4.row.disable, link: "", type: "primary", size: "small", onClick: f((l3) => J(e4.row), ["stop"]) }, { default: m(() => l2[6] || (l2[6] = [g("清除")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])], 512);
   };
 } });
 export {
-  I as default
+  B as default
 };

package/dist/es/index.d.ts

@@ -1,3 +1,2 @@
-import { default as Design } from './components/design';
 
-export { Design };
+export { Design, CommonIconBind } from './components/design';

package/dist/es/index.js

@@ -1,6 +1,8 @@
 /* empty css                        */
 /* empty css                          */
 import { default as default2 } from "./components/design/views/design/page-design.vue.js";
+import { default as default3 } from "./components/design/views/assemblys/common/common-icon-bind.vue.js";
 export {
+  default3 as CommonIconBind,
   default2 as Design
 };

package/dist/es/style.css

@@ -830,7 +830,7 @@ fieldset.amb-design-item-selected {
   content: "\e605";
 }
 
-.amb-object-design-ref[data-v-e7e64fd1] .el-table td.el-table__cell > .cell {
+.amb-object-design-ref[data-v-309a3fe8] .el-table td.el-table__cell > .cell {
   padding-left: 2px;
   padding-right: 2px;
 }.runtime-page-container[data-v-f796b484] {
@@ -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-055e1bd3] {
+}.amb-component-popover-icon-list-view[data-v-608ccc5b] {
   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-055e1bd3] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll[data-v-608ccc5b] {
   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-055e1bd3] {
+.amb-component-popover-icon-list-view .amb-component-popover-icon-list-scroll .amb-component-popover-icon-grid[data-v-608ccc5b] {
   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-055e1bd3] {
+.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] {
   position: relative;
   width: 40px;
   height: 40px;
@@ -960,11 +960,11 @@ 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-055e1bd3] {
+.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] {
   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-055e1bd3]: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-608ccc5b]: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 {
@@ -10930,7 +10930,7 @@ li[data-v-e50b5e57] {
 	color: #7b7b7b;
 }
 
-.seleteSort[data-v-3f9861c5] {
+.seleteSort[data-v-e95dace8] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
@@ -10981,7 +10981,7 @@ li[data-v-d06d5717] {
 	width: 100%
 }
 
-.seleteSort[data-v-d2fb5ff1] {
+.seleteSort[data-v-4b6ce1f3] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.94",
+  "version": "2.2.97",
   "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.31",
+    "agilebuilder-ui": "1.1.35",
     "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.87",
-    "super-page-runtime": "2.2.91",
+    "service-flow-designer": "2.2.95",
+    "super-page-runtime": "2.2.92",
     "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.55-up"
+    "workflow-editor": "0.0.56-up"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.16.0",

package/dist/es/components/design/index.js

@@ -1,4 +0,0 @@
-import e from "./views/design/page-design.vue.js";
-export {
-  e as default
-};