service-flow-designer 2.3.22-flow1-tmp1 → 2.3.22-flow1-tmp2

package/dist/lib/designer/service-flow-view/view-index.vue2.cjs

@@ -1,92 +1,92 @@
 "use strict";
 const e = require("element-plus/es");
-require("element-plus/es/components/base/style/css"), require("element-plus/es/components/drawer/style/css"), require("element-plus/es/components/timeline/style/css"), require("element-plus/es/components/skeleton/style/css"), require("element-plus/es/components/skeleton-item/style/css"), require("../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
-const o = require("./service-node-config.vue.cjs"), l = require("./service-update-log.vue.cjs"), n = require("./service-flow-tool.vue.cjs"), r = require("@logicflow/core");
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/drawer/style/css"), require("element-plus/es/components/timeline/style/css"), require("element-plus/es/components/skeleton/style/css"), require("element-plus/es/components/skeleton-item/style/css");
+const l = require("vue"), o = require("./service-node-config.vue.cjs"), a = require("./service-update-log.vue.cjs"), t = require("./service-flow-tool.vue.cjs"), n = require("@logicflow/core");
 require("@logicflow/core/dist/style/index.css"), require("@logicflow/extension/lib/style/index.css");
-const t = require("agilebuilder-ui"), i = require("./service-params.vue.cjs"), s = require("./flow-util.cjs");
-require("@logicflow/extension"), require("../flow/base/AbLogicResizeNodeModel.cjs"), require("../flow/base/AbLogicResizeNode.cjs"),/* empty css                                                  */ ,/* empty css                                              */ require("../service-components/base/loop-node/index.cjs"), require("element-plus/es/components/divider/style/css"),/* empty css                                                       */ ,/* empty css                                                     */ ,/* empty css                                                       */ ,/* empty css                                                         */ ,/* empty css                                                     */ ,/* empty css                                                  */ ,/* empty css                                                    */ ,/* empty css                                                        */ ,/* empty css                                                  */ ,/* empty css                                                       */ ,/* empty css                                                 */ ,/* empty css                                                     */ ;/* empty css                                                    */
-const a = require("../common/util/node-util.cjs"), u = require("../../stores/page-store.cjs"), c = require("element-plus"), v = require("../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), d = require("../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), p = require("../../node_modules/.pnpm/@vue_runtime-dom@3.5.18/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.cjs"), m = require("../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.cjs"), g = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" }, f = { style: { height: "100%" } }, w = { class: "serviceflow-design-board", ref: "pageDesignBoardMain" }, y = { style: { padding: "200px", "box-sizing": "border-box", height: "100%", "background-color": "#ffffff" } }, x = v.defineComponent({ __name: "view-index", props: { logicFlowInstance: { type: r, default: () => {
-} }, serviceTreeData: { type: Array, default: () => [] }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"], setup(r2, { expose: x2, emit: b }) {
-  const q = u.useServiceFlowStore(), N = r2, S = b, h = d.ref(), j = d.ref(), C = d.ref(), k = d.ref("100%"), V = d.ref(), _ = v.computed(() => ({ height: k.value })), D = d.ref(false), E = d.ref(), J = d.ref(null), O = d.ref({ code: "", name: "" }), F = d.ref(null);
-  v.onMounted(() => {
-    if (V.value) {
-      const e2 = V.value.getBoundingClientRect();
-      (e2.y || 0 === e2.y) && (k.value = window.innerHeight - e2.y + "px");
+const r = require("agilebuilder-ui"), i = require("./service-params.vue.cjs"), s = require("./flow-util.cjs");
+require("../service-components/index.cjs");
+const u = require("../common/util/node-util.cjs"), c = require("../../stores/page-store.cjs"), v = require("element-plus"), d = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" }, p = { style: { height: "100%" } }, g = { class: "serviceflow-design-board", ref: "pageDesignBoardMain" }, f = { style: { padding: "200px", "box-sizing": "border-box", height: "100%", "background-color": "#ffffff" } }, m = ((e2) => (l.pushScopeId("data-v-2ea74b20"), e2 = e2(), l.popScopeId(), e2))(() => l.createElementVNode("div", { class: "triangle" }, null, -1)), w = l.defineComponent({ __name: "view-index", props: { logicFlowInstance: { type: n, default: () => {
+} }, serviceTreeData: { type: Array, default: () => [] }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"], setup(n2, { expose: w2, emit: y }) {
+  const S = n2, N = c.useServiceFlowStore(), x = l.ref(), h = l.ref(), b = l.ref(), C = l.ref("100%"), k = l.ref(), V = l.computed(() => ({ height: C.value })), q = l.ref(false), D = l.ref(), E = l.ref(null), J = l.ref({ code: "", name: "" }), O = l.ref(null);
+  l.onMounted(() => {
+    if (k.value) {
+      const e2 = k.value.getBoundingClientRect();
+      (e2.y || 0 === e2.y) && (C.value = window.innerHeight - e2.y + "px");
     }
   });
-  const M = (e2) => {
+  const F = (e2) => {
     e2();
   }, B = () => {
-    O.value.variables && I(O.value.variables);
+    J.value.variables && I(J.value.variables);
   }, I = (e2) => {
     e2.forEach((e3) => {
       delete e3.$editing, e3.items && I(e3.items);
     });
-  }, z = () => {
-    E.value && (E.value.on("connection:not-allowed", (e2) => {
+  }, M = () => {
+    D.value && (D.value.on("connection:not-allowed", (e2) => {
       e2.msg;
-    }), E.value.on("blank:click", (e2) => {
-      j.value.onBlankClick();
-    }), E.value.on("selection:selected", () => {
-      E.value && E.value.extension.selectionSelect.closeSelectionSelect();
-    }), E.value.on("node:click", (e2) => {
-      F.value && F.value.data.id === e2.data.id || (j.value.onNodeClick(e2), F.value = e2);
-    }), E.value.on("history:change", (e2) => {
+    }), D.value.on("blank:click", (e2) => {
+      h.value.onBlankClick();
+    }), D.value.on("selection:selected", () => {
+      D.value && D.value.extension.selectionSelect.closeSelectionSelect();
+    }), D.value.on("node:click", (e2) => {
+      O.value && O.value.data.id === e2.data.id || (h.value.onNodeClick(e2), O.value = e2);
+    }), D.value.on("history:change", (e2) => {
       e2.data.undos;
-    }), E.value.on("custom:deleteNode", (e2) => {
-      F.value && j.value.onDeleteNode(), S("onDeleteNode");
+    }), D.value.on("custom:deleteNode", (e2) => {
+      O.value && h.value.onDeleteNode(), y("onDeleteNode");
     }));
-  }, L = (e2) => {
-    if (E.value) {
-      if (e2.id === O.value.id) return;
-      T() ? c.ElMessageBox.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
+  }, j = (e2) => {
+    if (D.value) {
+      if (e2.id === J.value.id) return;
+      z() ? v.ElMessageBox.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
         var _a;
-        J.value = O.value, J.value.flow = (_a = E.value) == null ? void 0 : _a.getGraphData();
-        a.findServcieByCode(O.value.code, N.serviceTreeData).name = O.value.name, P({ beforeSave: true });
+        E.value = J.value, E.value.flow = (_a = D.value) == null ? void 0 : _a.getGraphData();
+        u.findServcieByCode(J.value.code, S.serviceTreeData).name = J.value.name, R({ beforeSave: true });
       }).catch(() => {
-        R(e2);
-      }) : R(e2);
-    } else R(e2);
-  }, R = (e2) => {
-    j.value.closeDrawer(), O.value = JSON.parse(JSON.stringify(e2)), J.value = JSON.parse(JSON.stringify(e2)), q.currentService = O.value, J.value, ((e3) => {
-      E.value = s.newLogicFlow(h.value), v.nextTick(() => {
-        if (h.value) {
-          const e4 = h.value.getBoundingClientRect();
-          (e4.y || 0 === e4.y) && (k.value = window.innerHeight - e4.y - 60 - 20 + "px");
+        _(e2);
+      }) : _(e2);
+    } else _(e2);
+  }, _ = (e2) => {
+    h.value.closeDrawer(), J.value = JSON.parse(JSON.stringify(e2)), E.value = JSON.parse(JSON.stringify(e2)), N.currentService = J.value, E.value, ((e3) => {
+      D.value = s.newLogicFlow(x.value), l.nextTick(() => {
+        if (x.value) {
+          const e4 = x.value.getBoundingClientRect();
+          (e4.y || 0 === e4.y) && (C.value = window.innerHeight - e4.y - 60 - 20 + "px");
         }
-      }), E.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
-        D.value = true;
-      } }] }), z(), s.registerNode(E.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? E.value.render(e3.flow) : (E.value.render(), s.addInitNode(E.value));
-      const { editConfigModel: o2 } = E.value.graphModel;
-      o2.updateEditConfig({ stopMoveGraph: false }), S("update:logicFlowInstance", E.value);
-    })(O.value);
+      }), D.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
+        q.value = true;
+      } }] }), M(), s.registerNode(D.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? D.value.render(e3.flow) : (D.value.render(), s.addInitNode(D.value));
+      const { editConfigModel: o2 } = D.value.graphModel;
+      o2.updateEditConfig({ stopMoveGraph: false }), y("update:logicFlowInstance", D.value);
+    })(J.value);
+  }, z = () => {
+    if (!D.value) return false;
+    const e2 = D.value.getGraphData(), l2 = u.isDeepEqual(E.value, J.value), o2 = u.isDeepEqual(E.value.flow, e2);
+    return !l2 || !o2;
   }, T = () => {
-    if (!E.value) return false;
-    const e2 = E.value.getGraphData(), o2 = a.isDeepEqual(J.value, O.value), l2 = a.isDeepEqual(J.value.flow, e2);
-    return !o2 || !l2;
-  }, A = () => {
-    E.value && (O.value.id ? P({ beforeSave: true }) : G());
-  }, G = (e2) => {
-    if (E.value && (O.value.flow = E.value.getGraphData(), J.value)) {
-      O.value.runtimeJson = JSON.stringify(s.getRuntimeJson(O.value));
-      const o2 = JSON.parse(JSON.stringify(O.value));
-      o2.variables = JSON.stringify(o2.variables), o2.log = JSON.stringify(o2.log), o2.flow = JSON.stringify(o2.flow), o2.returnValues = JSON.stringify(o2.returnValues), t.http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: e2, appServiceFlow: o2 }).then((e3) => {
-        e3 && (c.ElMessage({ message: "保存成功", type: "success" }), E.value = null, e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), L(e3), C.value.closeDialog(), S("load-tree-data"));
+    D.value && (J.value.id ? R({ beforeSave: true }) : L());
+  }, L = (e2) => {
+    if (D.value && (J.value.flow = D.value.getGraphData(), E.value)) {
+      J.value.runtimeJson = JSON.stringify(s.getRuntimeJson(J.value));
+      const l2 = JSON.parse(JSON.stringify(J.value));
+      l2.variables = JSON.stringify(l2.variables), l2.log = JSON.stringify(l2.log), l2.flow = JSON.stringify(l2.flow), l2.returnValues = JSON.stringify(l2.returnValues), r.http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: e2, appServiceFlow: l2 }).then((e3) => {
+        e3 && (v.ElMessage({ message: "保存成功", type: "success" }), D.value = null, e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), j(e3), b.value.closeDialog(), y("load-tree-data"));
       });
     }
   };
-  function P(e2) {
-    C.value.showDialog(e2);
+  function R(e2) {
+    b.value.showDialog(e2);
   }
-  const U = () => {
+  const G = () => {
   };
-  return x2({ onDragNode: (e2) => {
-    E.value ? E.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } }) : console.error("LogicFlow实例还没有初始化");
-  }, onServiceClick: L, clearFlowCanvas: () => {
-    E.value && (E.value.clearData(), E.value = null, J.value = null, O.value = { code: "", name: "" }, D.value = false, F.value = {});
-  } }), (t2, s2) => {
-    const a2 = e.ElSkeletonItem, u2 = e.ElSkeleton, c2 = e.ElTimeline, d2 = e.ElDrawer;
-    return v.openBlock(), v.createElementBlock(v.Fragment, null, [v.createElementVNode("div", g, [v.withDirectives(v.createElementVNode("div", f, [v.createVNode(n, { cloneService: O.value, lf: E.value, pageContext: r2.pageContext, onShowJson: U, onShowServiceLog: P, onSaveSevice: A }, null, 8, ["cloneService", "lf", "pageContext"]), v.createElementVNode("div", w, [v.createElementVNode("div", { style: m.normalizeStyle(_.value), ref_key: "logicFlowContainer", ref: h, class: "container" }, null, 4)], 512)], 512), [[p.vShow, E.value]]), v.withDirectives(v.createElementVNode("div", { style: m.normalizeStyle([{ "padding-top": "10px", "box-sizing": "border-box" }, _.value]), ref_key: "emptyContainer", ref: V }, [v.createElementVNode("div", y, [v.createVNode(u2, { style: { "--el-skeleton-circle-size": "100px" } }, { template: v.withCtx(() => [v.createVNode(a2, { variant: "circle" }), v.createVNode(a2, { variant: "rect", style: { width: "100px", height: "100px", margin: "0 50px" } }), s2[2] || (s2[2] = v.createElementVNode("div", { class: "triangle" }, null, -1))]), _: 1 }), v.createVNode(c2, { style: { "max-width": "600px" } })])], 4), [[p.vShow, !E.value]]), v.createVNode(d2, { modelValue: D.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => D.value = e2), "append-to-body": true, "destroy-on-close": "", "modal-class": "el-overlay", modal: true, title: "服务参数", onClose: B, "before-close": M, direction: "rtl", size: "50%" }, { default: v.withCtx(() => [v.createVNode(i, { service: O.value }, null, 8, ["service"])]), _: 1 }, 8, ["modelValue"])], 512), v.createVNode(l, { ref_key: "serviceUpdateLogRef", ref: C, onSave: G, lf: E.value, cloneService: O.value }, null, 8, ["lf", "cloneService"]), v.createVNode(o, { logicFlowInstance: r2.logicFlowInstance, currentNode: F.value, "onUpdate:currentNode": s2[1] || (s2[1] = (e2) => F.value = e2), sourceService: J.value, service: O.value, pageContext: r2.pageContext, ref_key: "serviceNodeConfigRef", ref: j }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
+  return w2({ onDragNode: (e2) => {
+    D.value ? D.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } }) : console.error("LogicFlow实例还没有初始化");
+  }, onServiceClick: j, clearFlowCanvas: () => {
+    D.value && (D.value.clearData(), D.value = null, E.value = null, J.value = { code: "", name: "" }, q.value = false, O.value = {});
+  } }), (r2, s2) => {
+    const u2 = e.ElSkeletonItem, c2 = e.ElSkeleton, v2 = e.ElTimeline, w3 = e.ElDrawer;
+    return l.openBlock(), l.createElementBlock(l.Fragment, null, [l.createElementVNode("div", d, [l.withDirectives(l.createElementVNode("div", p, [l.createVNode(t, { cloneService: J.value, lf: D.value, pageContext: n2.pageContext, onShowJson: G, onShowServiceLog: R, onSaveSevice: T }, null, 8, ["cloneService", "lf", "pageContext"]), l.createElementVNode("div", g, [l.createElementVNode("div", { style: l.normalizeStyle(V.value), ref_key: "logicFlowContainer", ref: x, class: "container" }, null, 4)], 512)], 512), [[l.vShow, D.value]]), l.withDirectives(l.createElementVNode("div", { style: l.normalizeStyle([{ "padding-top": "10px", "box-sizing": "border-box" }, V.value]), ref_key: "emptyContainer", ref: k }, [l.createElementVNode("div", f, [l.createVNode(c2, { style: { "--el-skeleton-circle-size": "100px" } }, { template: l.withCtx(() => [l.createVNode(u2, { variant: "circle" }), l.createVNode(u2, { variant: "rect", style: { width: "100px", height: "100px", margin: "0 50px" } }), m]), _: 1 }), l.createVNode(v2, { style: { "max-width": "600px" } })])], 4), [[l.vShow, !D.value]]), l.createVNode(w3, { modelValue: q.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => q.value = e2), "append-to-body": true, "destroy-on-close": "", "modal-class": "el-overlay", modal: true, title: "服务参数", onClose: B, "before-close": F, direction: "rtl", size: "50%" }, { default: l.withCtx(() => [l.createVNode(i, { service: J.value }, null, 8, ["service"])]), _: 1 }, 8, ["modelValue"])], 512), l.createVNode(a, { ref_key: "serviceUpdateLogRef", ref: b, onSave: L, lf: D.value, cloneService: J.value }, null, 8, ["lf", "cloneService"]), l.createVNode(o, { logicFlowInstance: n2.logicFlowInstance, currentNode: O.value, "onUpdate:currentNode": s2[1] || (s2[1] = (e2) => O.value = e2), sourceService: E.value, service: J.value, pageContext: n2.pageContext, ref_key: "serviceNodeConfigRef", ref: h }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
   };
 } });
-module.exports = x;
+module.exports = w;

package/dist/lib/designer/service-panel/component-panel.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "drag-node": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
     "onDrag-node"?: (...args: any[]) => any;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}>;
 export default _default;

package/dist/lib/designer/service-panel/component-panel.vue2.cjs

@@ -1,13 +1,13 @@
 "use strict";
 const e = require("element-plus/es");
-require("element-plus/es/components/base/style/css"), require("element-plus/es/components/collapse/style/css"), require("element-plus/es/components/collapse-item/style/css"), require("element-plus/es/components/row/style/css"), require("element-plus/es/components/col/style/css"), require("../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
-const t = require("../service-components/index.cjs"), l = require("../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), n = require("../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), o = require("../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.cjs"), s = ["src"], r = { style: { padding: "8px 0px 0px 0px" } }, u = ["title", "onMousedown"], c = ["src"], i = l.defineComponent({ __name: "component-panel", emits: ["drag-node"], setup(i2, { emit: m }) {
-  const d = m, a = n.ref(t.serviceComponentGroups[0].name);
-  return (i3, m2) => {
-    const p = e.ElCol, v = e.ElRow, _ = e.ElCollapseItem, y = e.ElCollapse;
-    return l.openBlock(), l.createBlock(y, { modelValue: a.value, "onUpdate:modelValue": m2[0] || (m2[0] = (e2) => a.value = e2), style: { "margin-top": "6px" } }, { default: l.withCtx(() => [(l.openBlock(true), l.createElementBlock(l.Fragment, null, l.renderList(n.unref(t.serviceComponentGroups), (e2, t2) => (l.openBlock(), l.createBlock(_, { key: t2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: l.withCtx(() => [l.createElementVNode("img", { src: e2.icon, style: { height: "18px" } }, null, 8, s), m2[1] || (m2[1] = l.createTextVNode("   ", -1)), l.createElementVNode("b", null, o.toDisplayString(e2.label), 1)]), default: l.withCtx(() => [l.createElementVNode("div", r, [l.createVNode(v, { gutter: 14 }, { default: l.withCtx(() => [(l.openBlock(true), l.createElementBlock(l.Fragment, null, l.renderList(e2.items, (e3, t3) => (l.openBlock(), l.createBlock(p, { span: 8 }, { default: l.withCtx(() => [l.createElementVNode("div", { class: "serviceflow-item", title: e3.label, onMousedown: (t4) => function(e4) {
-      e4.type, d("drag-node", e4);
-    }(e3) }, [l.createElementVNode("div", null, [l.createElementVNode("img", { src: e3.icon, style: { height: "16px" } }, null, 8, c)]), l.createElementVNode("span", null, o.toDisplayString(e3.label), 1)], 40, u)]), _: 2 }, 1024))), 256))]), _: 2 }, 1024)])]), _: 2 }, 1032, ["name"]))), 128))]), _: 1 }, 8, ["modelValue"]);
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/collapse/style/css"), require("element-plus/es/components/collapse-item/style/css"), require("element-plus/es/components/row/style/css"), require("element-plus/es/components/col/style/css");
+const t = require("vue"), l = require("../service-components/index.cjs"), n = ["src"], o = { style: { padding: "8px 0px 0px 0px" } }, s = ["title", "onMousedown"], r = ["src"], c = t.defineComponent({ __name: "component-panel", emits: ["drag-node"], setup(c2, { emit: a }) {
+  const i = t.ref(l.serviceComponentGroups[0].name);
+  return (c3, p) => {
+    const m = e.ElCol, u = e.ElRow, d = e.ElCollapseItem, x = e.ElCollapse;
+    return t.openBlock(), t.createBlock(x, { modelValue: i.value, "onUpdate:modelValue": p[0] || (p[0] = (e2) => i.value = e2), style: { "margin-top": "6px" } }, { default: t.withCtx(() => [(t.openBlock(true), t.createElementBlock(t.Fragment, null, t.renderList(t.unref(l.serviceComponentGroups), (e2, l2) => (t.openBlock(), t.createBlock(d, { key: l2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: t.withCtx(() => [t.createElementVNode("img", { src: e2.icon, style: { height: "18px" } }, null, 8, n), t.createTextVNode("   "), t.createElementVNode("b", null, t.toDisplayString(e2.label), 1)]), default: t.withCtx(() => [t.createElementVNode("div", o, [t.createVNode(u, { gutter: 14 }, { default: t.withCtx(() => [(t.openBlock(true), t.createElementBlock(t.Fragment, null, t.renderList(e2.items, (e3, l3) => (t.openBlock(), t.createBlock(m, { span: 8 }, { default: t.withCtx(() => [t.createElementVNode("div", { class: "serviceflow-item", title: e3.label, onMousedown: (t2) => function(e4) {
+      e4.type, a("drag-node", e4);
+    }(e3) }, [t.createElementVNode("div", null, [t.createElementVNode("img", { src: e3.icon, style: { height: "16px" } }, null, 8, r)]), t.createElementVNode("span", null, t.toDisplayString(e3.label), 1)], 40, s)]), _: 2 }, 1024))), 256))]), _: 2 }, 1024)])]), _: 2 }, 1032, ["name"]))), 128))]), _: 1 }, 8, ["modelValue"]);
   };
 } });
-module.exports = i;
+module.exports = c;

package/dist/lib/designer/service-panel/service-list.vue.d.ts

@@ -1,22 +1,22 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<{
     serviceTreeData: {
         type: ArrayConstructor;
         default: () => any[];
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "service-click": (...args: any[]) => void;
     "clear-flow-canvas": (...args: any[]) => void;
     "load-tree-data": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     serviceTreeData: {
         type: ArrayConstructor;
         default: () => any[];
     };
-}>> & Readonly<{
+}>> & {
     "onService-click"?: (...args: any[]) => any;
     "onClear-flow-canvas"?: (...args: any[]) => any;
     "onLoad-tree-data"?: (...args: any[]) => any;
-}>, {
+}, {
     serviceTreeData: unknown[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}>;
 export default _default;

package/dist/lib/designer/service-panel/service-list.vue2.cjs

@@ -1,83 +1,83 @@
 "use strict";
 const e = require("element-plus/es");
-require("element-plus/es/components/base/style/css"), require("element-plus/es/components/dialog/style/css"), require("element-plus/es/components/form-item/style/css"), require("element-plus/es/components/tree/style/css"), require("element-plus/es/components/tooltip/style/css"), require("element-plus/es/components/button/style/css"), require("element-plus/es/components/row/style/css"), require("element-plus/es/components/col/style/css"), require("element-plus/es/components/input/style/css"), require("element-plus/es/components/icon/style/css"), require("../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
-const l = require("@element-plus/icons-vue"), t = require("uuid"), a = require("agilebuilder-ui"), o = require("../common/util/node-util.cjs"), n = require("../../stores/page-store.cjs"), r = require("element-plus"), u = require("../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), s = require("../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), i = require("../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.cjs"), d = require("../../node_modules/.pnpm/@vue_runtime-dom@3.5.18/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.cjs"), c = { class: "custom-tree-node" }, p = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } }, m = { class: "dialog-footer" }, v = { class: "dialog-footer" }, f = u.defineComponent({ __name: "service-list", props: { serviceTreeData: { type: Array, default: () => [] } }, emits: ["service-click", "clear-flow-canvas", "load-tree-data"], setup(f2, { emit: h }) {
-  const V = n.useServiceFlowStore(), g = h, y = { id: "id", label: "name" }, C = f2, w = s.ref(""), N = s.ref(), x = s.ref(), _ = s.ref(false), E = s.ref({}), k = s.ref(false), b = s.ref(""), q = s.ref({}), B = s.ref({}), M = s.ref(false), T = s.ref({}), S = (e2, l2, t2, a2) => {
-    E.value = l2, _.value = true;
+require("element-plus/es/components/base/style/css"), require("element-plus/es/components/dialog/style/css"), require("element-plus/es/components/form-item/style/css"), require("element-plus/es/components/tree/style/css"), require("element-plus/es/components/tooltip/style/css"), require("element-plus/es/components/button/style/css"), require("element-plus/es/components/row/style/css"), require("element-plus/es/components/col/style/css"), require("element-plus/es/components/input/style/css"), require("element-plus/es/components/icon/style/css");
+const l = require("vue"), t = require("@element-plus/icons-vue"), a = require("uuid"), o = require("agilebuilder-ui"), n = require("../common/util/node-util.cjs"), r = require("../../stores/page-store.cjs"), s = require("element-plus"), u = (e2) => (l.pushScopeId("data-v-e605d502"), e2 = e2(), l.popScopeId(), e2), i = { class: "custom-tree-node" }, c = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } }, d = { class: "dialog-footer" }, p = { class: "dialog-footer" }, m = [u(() => l.createElementVNode("span", null, "添加菜单", -1))], v = [u(() => l.createElementVNode("span", null, "添加服务", -1))], f = [u(() => l.createElementVNode("span", null, "修改", -1))], h = [u(() => l.createElementVNode("span", null, "复制", -1))], V = [u(() => l.createElementVNode("span", null, "删除", -1))], g = l.defineComponent({ __name: "service-list", props: { serviceTreeData: { type: Array, default: () => [] } }, emits: ["service-click", "clear-flow-canvas", "load-tree-data"], setup(u2, { emit: g2 }) {
+  const C = u2, w = r.useServiceFlowStore(), y = { id: "id", label: "name" }, N = l.ref(""), x = l.ref(), E = l.ref(), k = l.ref(false), b = l.ref({}), _ = l.ref(false), q = l.ref(""), B = l.ref({}), S = l.ref({}), M = l.ref(false), T = l.ref({}), U = (e2, l2, t2, a2) => {
+    b.value = l2, k.value = true;
     const o2 = document.documentElement.scrollTop || document.body.scrollTop;
-    N.value.style.display = "block", N.value.style.left = e2.x + "px", N.value.style.top = e2.y + o2 - 60 - 10 + "px", document.addEventListener("click", U);
-  }, U = () => {
-    _.value = false, document.removeEventListener("click", U);
+    x.value.style.display = "block", x.value.style.left = e2.x + "px", x.value.style.top = e2.y + o2 - 60 - 10 + "px", document.addEventListener("click", I);
   }, I = () => {
-    b.value = "MENU", A("root");
-  }, O = (e2) => {
-    b.value = e2, A("leaf");
-  }, P = () => {
-    b.value = E.value.type, q.value = JSON.parse(JSON.stringify(E.value)), q.value.children && delete q.value.children, k.value = true;
-  }, A = (e2) => {
-    q.value = { code: t.v4(), name: "", customCode: "", type: b.value }, E.value.id && "leaf" === e2 && (q.value.parentCode = E.value.code), k.value = true;
-  }, R = s.ref([]), j = (e2, l2, t2) => {
-    l2 ? (R.value.push(e2.id), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
-      -1 == R.value.indexOf(e3.id) && R.value.push(e3.id);
-    })) : (R.value.splice(R.value.indexOf(e2.id), 1), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
-      let l3 = R.value.indexOf(e3.id);
-      l3 > -1 && R.value.splice(l3, 1);
+    k.value = false, document.removeEventListener("click", I);
+  }, O = () => {
+    q.value = "MENU", R("root");
+  }, P = (e2) => {
+    q.value = e2, R("leaf");
+  }, A = () => {
+    q.value = b.value.type, B.value = JSON.parse(JSON.stringify(b.value)), B.value.children && delete B.value.children, _.value = true;
+  }, R = (e2) => {
+    B.value = { code: a.v4(), name: "", customCode: "", type: q.value }, b.value.id && "leaf" === e2 && (B.value.parentCode = b.value.code), _.value = true;
+  }, z = l.ref([]), D = (e2, l2, t2) => {
+    l2 ? (z.value.push(e2.id), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
+      -1 == z.value.indexOf(e3.id) && z.value.push(e3.id);
+    })) : (z.value.splice(z.value.indexOf(e2.id), 1), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
+      let l3 = z.value.indexOf(e3.id);
+      l3 > -1 && z.value.splice(l3, 1);
     }));
-  }, z = V.pageContext.systemCode, D = V.pageContext.systemVersion, $ = () => {
-    R.value.length > 0 ? a.http({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/export/${z}/${D}`, method: "post", data: R.value, responseType: "blob" }).then((e2) => {
+  }, $ = w.pageContext.systemCode, J = w.pageContext.systemVersion, F = () => {
+    z.value.length > 0 ? o.http({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/export/${$}/${J}`, method: "post", data: z.value, responseType: "blob" }).then((e2) => {
       let l2 = new Blob([e2], { type: "application/zip" }), t2 = document.createElement("a");
       t2.href = window.URL.createObjectURL(l2), t2.download = "服务编排.zip", t2.click(), window.URL.revokeObjectURL(t2.href);
-    }) : r.ElMessage.warning("请选择服务或菜单");
-  }, J = s.ref(null), F = (e2) => {
-    J.value.click();
-  }, L = () => {
-    const e2 = J.value.files[0];
+    }) : s.ElMessage.warning("请选择服务或菜单");
+  }, L = l.ref(null), j = (e2) => {
+    L.value.click();
+  }, G = () => {
+    const e2 = L.value.files[0];
     if (e2) {
-      J.value.value = null;
+      L.value.value = null;
       const l2 = new FormData();
-      l2.append("multipartFile", e2), a.http({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/import/${z}/${D}`, method: "post", headers: { "Content-Type": "multipart/form-data" }, data: l2 }).then(() => {
-        r.ElMessage.success("导入成功"), g("load-tree-data");
+      l2.append("multipartFile", e2), o.http({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/import/${$}/${J}`, method: "post", headers: { "Content-Type": "multipart/form-data" }, data: l2 }).then(() => {
+        s.ElMessage.success("导入成功"), g2("load-tree-data");
       }).catch((e3) => {
       });
-    } else r.ElMessage.warning("未选择文件");
-  }, G = () => {
-    q.value.name ? "MENU" === q.value.type || q.value.customCode ? (q.value, q.value.systemCode || (q.value.systemCode = V.pageContext.systemCode), q.value.publishVersion || (q.value.publishVersion = V.pageContext.systemVersion), a.http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: null, appServiceFlow: q.value }).then((e2) => {
-      e2 && (q.value.id ? (g("load-tree-data"), Object.assign(E.value, e2)) : q.value.parentCode ? (E.value.children || (E.value.children = []), E.value.children.push(e2)) : C.serviceTreeData.push(e2), E.value = {}, r.ElMessage.success("保存成功"), k.value = false, q.value = {});
-    })) : r.ElMessage.warning("自定义编码不能为空") : r.ElMessage.warning("名称不能为空");
+    } else s.ElMessage.warning("未选择文件");
   }, H = () => {
-    E.value, E.value.children && E.value.children.length > 0 ? r.ElMessage.warning("该节点下存在子节点，不能删除！") : r.ElMessageBox.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
-      K();
-    });
+    B.value.name ? "MENU" === B.value.type || B.value.customCode ? (B.value, B.value.systemCode || (B.value.systemCode = w.pageContext.systemCode), B.value.publishVersion || (B.value.publishVersion = w.pageContext.systemVersion), o.http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: null, appServiceFlow: B.value }).then((e2) => {
+      e2 && (B.value.id ? (g2("load-tree-data"), Object.assign(b.value, e2)) : B.value.parentCode ? (b.value.children || (b.value.children = []), b.value.children.push(e2)) : C.serviceTreeData.push(e2), b.value = {}, s.ElMessage.success("保存成功"), _.value = false, B.value = {});
+    })) : s.ElMessage.warning("自定义编码不能为空") : s.ElMessage.warning("名称不能为空");
   }, K = () => {
-    a.http.delete(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { data: [E.value.id] }).then((e2) => {
-      if (r.ElMessage.success("删除成功"), g("load-tree-data"), E.value.parentCode) {
-        const e3 = o.findServcieByCode(E.value.parentCode, C.serviceTreeData), l2 = e3.children.findIndex((e4) => e4.id === E.value.id);
+    b.value, b.value.children && b.value.children.length > 0 ? s.ElMessage.warning("该节点下存在子节点，不能删除！") : s.ElMessageBox.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
+      Q();
+    });
+  }, Q = () => {
+    o.http.delete(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { data: [b.value.id] }).then((e2) => {
+      if (s.ElMessage.success("删除成功"), g2("load-tree-data"), b.value.parentCode) {
+        const e3 = n.findServcieByCode(b.value.parentCode, C.serviceTreeData), l2 = e3.children.findIndex((e4) => e4.id === b.value.id);
         e3.children.splice(l2, 1);
       } else {
-        const e3 = C.serviceTreeData.findIndex((e4) => e4.id === E.value.id);
+        const e3 = C.serviceTreeData.findIndex((e4) => e4.id === b.value.id);
         C.serviceTreeData.splice(e3, 1);
       }
-      B.value.code === E.value.code && g("clear-flow-canvas"), E.value = {};
+      S.value.code === b.value.code && g2("clear-flow-canvas"), b.value = {};
     });
-  }, Q = (e2, l2, t2) => {
-    U(), "SERVICE" === e2.type && a.http.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/" + e2.id).then((e3) => {
-      e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), B.value = e3, g("service-click", e3);
+  }, W = (e2, l2, t2) => {
+    I(), "SERVICE" === e2.type && o.http.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow/" + e2.id).then((e3) => {
+      e3.variables && (e3.variables = JSON.parse(e3.variables)), e3.log && (e3.log = JSON.parse(e3.log)), e3.flow && (e3.flow = JSON.parse(e3.flow)), e3.returnValues && (e3.returnValues = JSON.parse(e3.returnValues)), S.value = e3, g2("service-click", e3);
     });
-  }, W = () => {
-    E.value, b.value = E.value.type;
-    const e2 = JSON.parse(JSON.stringify(E.value));
-    T.value = { sourceServiceCode: e2.code, publishVersion: e2.publishVersion, code: t.v4() }, M.value = true;
   }, X = () => {
-    T.value.name ? T.value.customCode ? a.http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/copy-service-flow", T.value).then((e2) => {
+    b.value, q.value = b.value.type;
+    const e2 = JSON.parse(JSON.stringify(b.value));
+    T.value = { sourceServiceCode: e2.code, publishVersion: e2.publishVersion, code: a.v4() }, M.value = true;
+  }, Y = () => {
+    T.value.name ? T.value.customCode ? o.http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/copy-service-flow", T.value).then((e2) => {
       if (e2) {
-        const l2 = x.value.getNode(E.value.id);
-        l2 && x.value.append(e2, l2.parent), E.value = {}, r.ElMessage.success("保存成功"), M.value = false;
+        const l2 = E.value.getNode(b.value.id);
+        l2 && E.value.append(e2, l2.parent), b.value = {}, s.ElMessage.success("保存成功"), M.value = false;
       }
-    }) : r.ElMessage.warning("自定义编码不能为空") : r.ElMessage.warning("名称不能为空");
+    }) : s.ElMessage.warning("自定义编码不能为空") : s.ElMessage.warning("名称不能为空");
   };
-  return (t2, a2) => {
-    const o2 = e.ElIcon, n2 = e.ElInput, r2 = e.ElCol, h2 = e.ElRow, V2 = e.ElButton, g2 = e.ElTooltip, C2 = e.ElTree, U2 = e.ElFormItem, A2 = e.ElDialog;
-    return u.openBlock(), u.createElementBlock("div", null, [u.createVNode(h2, { style: { "margin-bottom": "10px" } }, { default: u.withCtx(() => [u.createVNode(r2, { span: 24 }, { default: u.withCtx(() => [u.createVNode(n2, { modelValue: w.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e2) => w.value = e2), placeholder: "搜索" }, { suffix: u.withCtx(() => [u.createVNode(o2, null, { default: u.withCtx(() => [u.createVNode(s.unref(l.Search))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), u.createVNode(h2, null, { default: u.withCtx(() => [u.createVNode(r2, { span: 24 }, { default: u.withCtx(() => [u.createVNode(g2, { effect: "dark", content: "导入", placement: "top" }, { default: u.withCtx(() => [u.createVNode(V2, { type: "primary", onClick: F }, { default: u.withCtx(() => [u.createElementVNode("input", { ref_key: "processFile", ref: J, accept: ".zip", name: "processFile", style: { display: "none" }, type: "file", onChange: L }, null, 544), a2[11] || (a2[11] = u.createTextVNode(" 导入 ", -1))]), _: 1, __: [11] })]), _: 1 }), u.createVNode(g2, { effect: "dark", content: "导出", placement: "top" }, { default: u.withCtx(() => [u.createVNode(V2, { type: "primary", onClick: $ }, { default: u.withCtx(() => a2[12] || (a2[12] = [u.createTextVNode("导出", -1)])), _: 1, __: [12] })]), _: 1 }), u.createVNode(g2, { effect: "dark", content: "添加根菜单", placement: "top" }, { default: u.withCtx(() => [u.createVNode(V2, { type: "primary", icon: s.unref(l.Plus), onClick: I }, null, 8, ["icon"])]), _: 1 })]), _: 1 })]), _: 1 }), u.createVNode(C2, { style: { "margin-top": "10px" }, ref_key: "serviceTreeRef", ref: x, data: f2.serviceTreeData, "node-key": "id", props: y, "show-checkbox": "", "expand-on-click-node": false, "default-expand-all": true, "highlight-current": "", onNodeClick: Q, onNodeContextmenu: S, onCheckChange: j }, { default: u.withCtx(({ node: e2, data: t3 }) => [u.createElementVNode("span", c, ["MENU" === t3.type ? (u.openBlock(), u.createBlock(o2, { key: 0, size: 16 }, { default: u.withCtx(() => [u.createVNode(s.unref(l.Menu))]), _: 1 })) : (u.openBlock(), u.createBlock(o2, { key: 1, size: 16 }, { default: u.withCtx(() => [u.createVNode(s.unref(l.Promotion))]), _: 1 })), u.createElementVNode("span", p, i.toDisplayString(e2.label), 1)])]), _: 1 }, 8, ["data"]), u.createVNode(A2, { modelValue: k.value, "onUpdate:modelValue": a2[4] || (a2[4] = (e2) => k.value = e2), "append-to-body": true, title: "MENU" === b.value ? "菜单" : "服务", width: "500" }, { footer: u.withCtx(() => [u.createElementVNode("div", m, [u.createVNode(V2, { type: "default", size: "mini", onClick: a2[3] || (a2[3] = (e2) => k.value = false) }, { default: u.withCtx(() => a2[13] || (a2[13] = [u.createTextVNode("返回", -1)])), _: 1, __: [13] }), u.createVNode(V2, { size: "mini", type: "primary", onClick: G }, { default: u.withCtx(() => a2[14] || (a2[14] = [u.createTextVNode(" 确定 ", -1)])), _: 1, __: [14] })])]), default: u.withCtx(() => ["SERVICE" === b.value ? (u.openBlock(), u.createBlock(U2, { key: 0, label: "自定义编码：", required: true }, { default: u.withCtx(() => [u.createVNode(n2, { disabled: q.value.id, modelValue: q.value.customCode, "onUpdate:modelValue": a2[1] || (a2[1] = (e2) => q.value.customCode = e2) }, null, 8, ["disabled", "modelValue"])]), _: 1 })) : u.createCommentVNode("", true), u.createVNode(U2, { label: "          名称：", required: true }, { default: u.withCtx(() => [u.createVNode(n2, { modelValue: q.value.name, "onUpdate:modelValue": a2[2] || (a2[2] = (e2) => q.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue", "title"]), u.createVNode(A2, { modelValue: M.value, "onUpdate:modelValue": a2[8] || (a2[8] = (e2) => M.value = e2), "append-to-body": true, title: "复制服务", width: "500" }, { footer: u.withCtx(() => [u.createElementVNode("div", v, [u.createVNode(V2, { type: "default", size: "mini", onClick: a2[7] || (a2[7] = (e2) => M.value = false) }, { default: u.withCtx(() => a2[15] || (a2[15] = [u.createTextVNode("返回", -1)])), _: 1, __: [15] }), u.createVNode(V2, { size: "mini", type: "primary", onClick: X }, { default: u.withCtx(() => a2[16] || (a2[16] = [u.createTextVNode(" 确定 ", -1)])), _: 1, __: [16] })])]), default: u.withCtx(() => [u.createVNode(U2, { label: "自定义编码：", required: true }, { default: u.withCtx(() => [u.createVNode(n2, { modelValue: T.value.customCode, "onUpdate:modelValue": a2[5] || (a2[5] = (e2) => T.value.customCode = e2) }, null, 8, ["modelValue"])]), _: 1 }), u.createVNode(U2, { label: "          名称：", required: true }, { default: u.withCtx(() => [u.createVNode(n2, { modelValue: T.value.name, "onUpdate:modelValue": a2[6] || (a2[6] = (e2) => T.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), u.withDirectives(u.createElementVNode("div", null, [u.createElementVNode("ul", { ref_key: "contxtMenuRef", ref: N, class: "context-menu" }, ["MENU" === E.value.type ? (u.openBlock(), u.createElementBlock("li", { key: 0, tabindex: "-1", class: "menu__item", onClick: a2[9] || (a2[9] = (e2) => O("MENU")) }, a2[17] || (a2[17] = [u.createElementVNode("span", null, "添加菜单", -1)]))) : u.createCommentVNode("", true), "MENU" === E.value.type ? (u.openBlock(), u.createElementBlock("li", { key: 1, tabindex: "-1", class: "menu__item", onClick: a2[10] || (a2[10] = (e2) => O("SERVICE")) }, a2[18] || (a2[18] = [u.createElementVNode("span", null, "添加服务", -1)]))) : u.createCommentVNode("", true), B.value.code !== E.value.code ? (u.openBlock(), u.createElementBlock("li", { key: 2, tabindex: "-1", class: "menu__item", onClick: P }, a2[19] || (a2[19] = [u.createElementVNode("span", null, "修改", -1)]))) : u.createCommentVNode("", true), "SERVICE" === E.value.type ? (u.openBlock(), u.createElementBlock("li", { key: 3, tabindex: "-1", class: "menu__item", onClick: W }, a2[20] || (a2[20] = [u.createElementVNode("span", null, "复制", -1)]))) : u.createCommentVNode("", true), u.createElementVNode("li", { tabindex: "-1", class: "menu__item", onClick: H }, a2[21] || (a2[21] = [u.createElementVNode("span", null, "删除", -1)]))], 512)], 512), [[d.vShow, _.value && E.value]])]);
+  return (a2, o2) => {
+    const n2 = e.ElIcon, r2 = e.ElInput, s2 = e.ElCol, g3 = e.ElRow, C2 = e.ElButton, w2 = e.ElTooltip, I2 = e.ElTree, R2 = e.ElFormItem, z2 = e.ElDialog;
+    return l.openBlock(), l.createElementBlock("div", null, [l.createVNode(g3, { style: { "margin-bottom": "10px" } }, { default: l.withCtx(() => [l.createVNode(s2, { span: 24 }, { default: l.withCtx(() => [l.createVNode(r2, { modelValue: N.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => N.value = e2), placeholder: "搜索" }, { suffix: l.withCtx(() => [l.createVNode(n2, null, { default: l.withCtx(() => [l.createVNode(l.unref(t.Search))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), l.createVNode(g3, null, { default: l.withCtx(() => [l.createVNode(s2, { span: 24 }, { default: l.withCtx(() => [l.createVNode(w2, { effect: "dark", content: "导入", placement: "top" }, { default: l.withCtx(() => [l.createVNode(C2, { type: "primary", onClick: j }, { default: l.withCtx(() => [l.createElementVNode("input", { ref_key: "processFile", ref: L, accept: ".zip", name: "processFile", style: { display: "none" }, type: "file", onChange: G }, null, 544), l.createTextVNode(" 导入 ")]), _: 1 })]), _: 1 }), l.createVNode(w2, { effect: "dark", content: "导出", placement: "top" }, { default: l.withCtx(() => [l.createVNode(C2, { type: "primary", onClick: F }, { default: l.withCtx(() => [l.createTextVNode("导出")]), _: 1 })]), _: 1 }), l.createVNode(w2, { effect: "dark", content: "添加根菜单", placement: "top" }, { default: l.withCtx(() => [l.createVNode(C2, { type: "primary", icon: l.unref(t.Plus), onClick: O }, null, 8, ["icon"])]), _: 1 })]), _: 1 })]), _: 1 }), l.createVNode(I2, { style: { "margin-top": "10px" }, ref_key: "serviceTreeRef", ref: E, data: u2.serviceTreeData, "node-key": "id", props: y, "show-checkbox": "", "expand-on-click-node": false, "default-expand-all": true, "highlight-current": "", onNodeClick: W, onNodeContextmenu: U, onCheckChange: D }, { default: l.withCtx(({ node: e2, data: a3 }) => [l.createElementVNode("span", i, ["MENU" === a3.type ? (l.openBlock(), l.createBlock(n2, { key: 0, size: 16 }, { default: l.withCtx(() => [l.createVNode(l.unref(t.Menu))]), _: 1 })) : (l.openBlock(), l.createBlock(n2, { key: 1, size: 16 }, { default: l.withCtx(() => [l.createVNode(l.unref(t.Promotion))]), _: 1 })), l.createElementVNode("span", c, l.toDisplayString(e2.label), 1)])]), _: 1 }, 8, ["data"]), l.createVNode(z2, { modelValue: _.value, "onUpdate:modelValue": o2[4] || (o2[4] = (e2) => _.value = e2), "append-to-body": true, title: "MENU" === q.value ? "菜单" : "服务", width: "500" }, { footer: l.withCtx(() => [l.createElementVNode("div", d, [l.createVNode(C2, { type: "default", size: "mini", onClick: o2[3] || (o2[3] = (e2) => _.value = false) }, { default: l.withCtx(() => [l.createTextVNode("返回")]), _: 1 }), l.createVNode(C2, { size: "mini", type: "primary", onClick: H }, { default: l.withCtx(() => [l.createTextVNode(" 确定 ")]), _: 1 })])]), default: l.withCtx(() => ["SERVICE" === q.value ? (l.openBlock(), l.createBlock(R2, { key: 0, label: "自定义编码：", required: true }, { default: l.withCtx(() => [l.createVNode(r2, { disabled: B.value.id, modelValue: B.value.customCode, "onUpdate:modelValue": o2[1] || (o2[1] = (e2) => B.value.customCode = e2) }, null, 8, ["disabled", "modelValue"])]), _: 1 })) : l.createCommentVNode("", true), l.createVNode(R2, { label: "          名称：", required: true }, { default: l.withCtx(() => [l.createVNode(r2, { modelValue: B.value.name, "onUpdate:modelValue": o2[2] || (o2[2] = (e2) => B.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue", "title"]), l.createVNode(z2, { modelValue: M.value, "onUpdate:modelValue": o2[8] || (o2[8] = (e2) => M.value = e2), "append-to-body": true, title: "复制服务", width: "500" }, { footer: l.withCtx(() => [l.createElementVNode("div", p, [l.createVNode(C2, { type: "default", size: "mini", onClick: o2[7] || (o2[7] = (e2) => M.value = false) }, { default: l.withCtx(() => [l.createTextVNode("返回")]), _: 1 }), l.createVNode(C2, { size: "mini", type: "primary", onClick: Y }, { default: l.withCtx(() => [l.createTextVNode(" 确定 ")]), _: 1 })])]), default: l.withCtx(() => [l.createVNode(R2, { label: "自定义编码：", required: true }, { default: l.withCtx(() => [l.createVNode(r2, { modelValue: T.value.customCode, "onUpdate:modelValue": o2[5] || (o2[5] = (e2) => T.value.customCode = e2) }, null, 8, ["modelValue"])]), _: 1 }), l.createVNode(R2, { label: "          名称：", required: true }, { default: l.withCtx(() => [l.createVNode(r2, { modelValue: T.value.name, "onUpdate:modelValue": o2[6] || (o2[6] = (e2) => T.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), l.withDirectives(l.createElementVNode("div", null, [l.createElementVNode("ul", { ref_key: "contxtMenuRef", ref: x, class: "context-menu" }, ["MENU" === b.value.type ? (l.openBlock(), l.createElementBlock("li", { key: 0, tabindex: "-1", class: "menu__item", onClick: o2[9] || (o2[9] = (e2) => P("MENU")) }, m)) : l.createCommentVNode("", true), "MENU" === b.value.type ? (l.openBlock(), l.createElementBlock("li", { key: 1, tabindex: "-1", class: "menu__item", onClick: o2[10] || (o2[10] = (e2) => P("SERVICE")) }, v)) : l.createCommentVNode("", true), S.value.code !== b.value.code ? (l.openBlock(), l.createElementBlock("li", { key: 2, tabindex: "-1", class: "menu__item", onClick: A }, f)) : l.createCommentVNode("", true), "SERVICE" === b.value.type ? (l.openBlock(), l.createElementBlock("li", { key: 3, tabindex: "-1", class: "menu__item", onClick: X }, h)) : l.createCommentVNode("", true), l.createElementVNode("li", { tabindex: "-1", class: "menu__item", onClick: K }, V)], 512)], 512), [[l.vShow, k.value && b.value]])]);
   };
 } });
-module.exports = f;
+module.exports = g;

package/dist/lib/designer/service-panel/service-panel.vue.d.ts

@@ -1,6 +1,6 @@
 import { default as LogicFlow } from '@logicflow/core';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<{
     logicFlowInstance: {
         type: typeof LogicFlow;
         default: () => void;
@@ -9,12 +9,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ArrayConstructor;
         default: () => any[];
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "service-click": (...args: any[]) => void;
     "clear-flow-canvas": (...args: any[]) => void;
     "load-tree-data": (...args: any[]) => void;
     "drag-node": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     logicFlowInstance: {
         type: typeof LogicFlow;
         default: () => void;
@@ -23,13 +23,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ArrayConstructor;
         default: () => any[];
     };
-}>> & Readonly<{
+}>> & {
     "onService-click"?: (...args: any[]) => any;
     "onClear-flow-canvas"?: (...args: any[]) => any;
     "onLoad-tree-data"?: (...args: any[]) => any;
     "onDrag-node"?: (...args: any[]) => any;
-}>, {
+}, {
     serviceTreeData: unknown[];
     logicFlowInstance: LogicFlow;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}>;
 export default _default;

package/dist/lib/designer/service-panel/service-panel.vue2.cjs

@@ -1,18 +1,17 @@
 "use strict";
-require("../../node_modules/.pnpm/vue@3.5.18_typescript@5.4.5/node_modules/vue/dist/vue.runtime.esm-bundler.cjs");
-const e = require("@logicflow/core"), s = require("./service-list.vue.cjs"), r = require("./component-panel.vue.cjs");
-require("@logicflow/extension"), require("../flow/base/AbLogicResizeNodeModel.cjs"), require("../flow/base/AbLogicResizeNode.cjs"),/* empty css                                                  */ ,/* empty css                                              */ require("../service-components/base/loop-node/index.cjs"), require("element-plus/es"), require("element-plus/es/components/base/style/css"), require("element-plus/es/components/divider/style/css"),/* empty css                                                       */ ,/* empty css                                                     */ ,/* empty css                                                       */ ,/* empty css                                                         */ ,/* empty css                                                     */ ,/* empty css                                                  */ ,/* empty css                                                    */ ,/* empty css                                                        */ ,/* empty css                                                  */ ,/* empty css                                                       */ ,/* empty css                                                 */ ,/* empty css                                                     */ ;/* empty css                                                    */
-const o = require("../../node_modules/.pnpm/@vue_runtime-core@3.5.18/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.cjs"), c = require("../../node_modules/.pnpm/@vue_shared@3.5.18/node_modules/@vue/shared/dist/shared.esm-bundler.cjs"), n = require("../../node_modules/.pnpm/@vue_reactivity@3.5.18/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.cjs"), i = { class: "amb-assembly-header" }, t = { class: "amb-assembly-header-type" }, a = { class: "amb-design-assembly-list" }, l = o.defineComponent({ __name: "service-panel", props: { logicFlowInstance: { type: e, default: () => {
-} }, serviceTreeData: { type: Array, default: () => [] } }, emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"], setup(e2, { emit: l2 }) {
-  const u = l2, d = n.ref("serviceFlowList"), m = n.ref(), v = o.computed(() => ({ height: m.value + "px" })), p = (e3) => {
-    e3.type, u("drag-node", e3);
-  }, q = (e3) => {
-    u("service-click", e3);
-  }, b = () => {
-    u("clear-flow-canvas");
-  }, j = () => {
-    u("load-tree-data");
+const e = require("vue"), a = require("@logicflow/core"), l = require("./service-list.vue.cjs"), s = require("./component-panel.vue.cjs");
+require("../service-components/index.cjs");
+const c = { class: "amb-assembly-header" }, r = { class: "amb-assembly-header-type" }, t = { class: "amb-design-assembly-list" }, o = e.defineComponent({ __name: "service-panel", props: { logicFlowInstance: { type: a, default: () => {
+} }, serviceTreeData: { type: Array, default: () => [] } }, emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"], setup(a2, { emit: o2 }) {
+  const n = e.ref("serviceFlowList"), i = e.ref(), d = e.computed(() => ({ height: i.value + "px" })), v = (e2) => {
+    e2.type, o2("drag-node", e2);
+  }, m = (e2) => {
+    o2("service-click", e2);
+  }, u = () => {
+    o2("clear-flow-canvas");
+  }, p = () => {
+    o2("load-tree-data");
   };
-  return (n2, l3) => (o.openBlock(), o.createElementBlock("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: c.normalizeStyle(v.value) }, [o.createElementVNode("div", i, [o.createElementVNode("div", t, [o.createElementVNode("label", { class: c.normalizeClass({ selected: "serviceFlowList" === d.value }), onClick: l3[0] || (l3[0] = (e3) => d.value = "serviceFlowList") }, " 服务列表 ", 2), o.createElementVNode("label", { class: c.normalizeClass({ selected: "component" === d.value }), onClick: l3[1] || (l3[1] = (e3) => d.value = "component") }, " 组件库 ", 2)])]), o.createElementVNode("div", a, ["serviceFlowList" === d.value ? (o.openBlock(), o.createBlock(s, { key: 0, serviceTreeData: e2.serviceTreeData, onLoadTreeData: j, onServiceClick: q, onClearFlowCanvas: b }, null, 8, ["serviceTreeData"])) : (o.openBlock(), o.createBlock(r, { key: 1, onDragNode: p }))])], 4));
+  return (o3, i2) => (e.openBlock(), e.createElementBlock("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: e.normalizeStyle(d.value) }, [e.createElementVNode("div", c, [e.createElementVNode("div", r, [e.createElementVNode("label", { class: e.normalizeClass({ selected: "serviceFlowList" === n.value }), onClick: i2[0] || (i2[0] = (e2) => n.value = "serviceFlowList") }, " 服务列表 ", 2), e.createElementVNode("label", { class: e.normalizeClass({ selected: "component" === n.value }), onClick: i2[1] || (i2[1] = (e2) => n.value = "component") }, " 组件库 ", 2)])]), e.createElementVNode("div", t, ["serviceFlowList" === n.value ? (e.openBlock(), e.createBlock(l, { key: 0, serviceTreeData: a2.serviceTreeData, onLoadTreeData: p, onServiceClick: m, onClearFlowCanvas: u }, null, 8, ["serviceTreeData"])) : (e.openBlock(), e.createBlock(s, { key: 1, onDragNode: v }))])], 4));
 } });
-module.exports = l;
+module.exports = o;