service-flow-designer 2.2.25 → 2.2.28

package/dist/es/designer/service-flow-view/view-index.vue2.js

@@ -1,370 +1,106 @@
-import { ElSkeletonItem, ElSkeleton, ElTimeline, ElDrawer } from "element-plus/es";
+import { ElSkeleton as e, ElSkeletonItem as l, ElTimeline as o, ElDrawer as a } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/drawer/style/css";
 import "element-plus/es/components/timeline/style/css";
 import "element-plus/es/components/skeleton/style/css";
 import "element-plus/es/components/skeleton-item/style/css";
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, withDirectives, createVNode, normalizeStyle, vShow, withCtx, pushScopeId, popScopeId, nextTick } from "vue";
-import serviceNodeConfig from "./service-node-config.vue.js";
-import serviceUpdateLog from "./service-update-log.vue.js";
-import serviceFlowTool from "./service-flow-tool.vue.js";
-import LogicFlow from "@logicflow/core";
+import { defineComponent as t, ref as n, computed as i, onMounted as r, createElementBlock as s, openBlock as u, Fragment as v, createElementVNode as c, createVNode as p, withDirectives as d, normalizeStyle as f, vShow as g, withCtx as m, nextTick as w } from "vue";
+import y from "./service-node-config.vue.js";
+import S from "./service-update-log.vue.js";
+import x from "./service-flow-tool.vue.js";
+import b from "@logicflow/core";
 import "@logicflow/core/dist/style/index.css";
 import "@logicflow/extension/lib/style/index.css";
-import http from "agilebuilder-ui/src/utils/request";
-import _sfc_main$1 from "./service-params.vue.js";
-import { getRuntimeJson, newLogicFlow, registerNode, addInitNode } from "./flow-util.js";
+import h from "agilebuilder-ui/src/utils/request";
+import N from "./service-params.vue.js";
+import { getRuntimeJson as C, newLogicFlow as k, registerNode as O, addInitNode as J } from "./flow-util.js";
 import "../service-components/index.js";
-import { findServcieByCode, isDeepEqual } from "../common/util/node-util.js";
-import { useServiceFlowStore } from "../../stores/page-store.js";
-import { ElMessageBox, ElMessage } from "element-plus";
-const _withScopeId = (n) => (pushScopeId("data-v-0ca3e4c5"), n = n(), popScopeId(), n);
-const _hoisted_1 = {
-  class: "serviceflow-design-content",
-  ref: "ambServiceFlowContent"
-};
-const _hoisted_2 = { style: { "height": "100%" } };
-const _hoisted_3 = {
-  class: "serviceflow-design-board",
-  ref: "pageDesignBoardMain"
-};
-const _hoisted_4 = { style: { "padding": "200px", "box-sizing": "border-box", "height": "100%", "background-color": "#ffffff" } };
-const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "triangle" }, null, -1));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "view-index",
-  props: {
-    logicFlowInstance: {
-      type: LogicFlow,
-      default: () => {
-      }
-    },
-    serviceTreeData: {
-      type: Array,
-      default: () => []
-    },
-    pageContext: {
-      type: Object,
-      default: () => ({})
+import { findServcieByCode as D, isDeepEqual as F } from "../common/util/node-util.js";
+import { useServiceFlowStore as j } from "../../stores/page-store.js";
+import { ElMessageBox as M, ElMessage as V } from "element-plus";
+const _ = { class: "serviceflow-design-content", ref: "ambServiceFlowContent" }, B = { style: { height: "100%" } }, I = { class: "serviceflow-design-board", ref: "pageDesignBoardMain" }, z = { style: { padding: "200px", "box-sizing": "border-box", height: "100%", "background-color": "#ffffff" } }, G = t({ __name: "view-index", props: { logicFlowInstance: { type: b, default: () => {
+} }, serviceTreeData: { type: Array, default: () => [] }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"], setup(t2, { expose: b2, emit: G2 }) {
+  const R = j(), T = t2, A = G2, E = n(), L = n(), P = n(), U = n("100%"), H = n(), $ = i(() => ({ height: U.value })), q = n(false), K = n(), Q = n(null), W = n({ code: "", name: "" }), X = n(null);
+  r(() => {
+    if (H.value) {
+      const e2 = H.value.getBoundingClientRect();
+      (e2.y || 0 === e2.y) && (U.value = window.innerHeight - e2.y + "px");
     }
-  },
-  emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const serviceFlowStoreUtil = useServiceFlowStore();
-    const props = __props;
-    const emits = __emit;
-    const logicFlowContainer = ref();
-    const serviceNodeConfigRef = ref();
-    const serviceUpdateLogRef = ref();
-    const logicFlowContainerHeight = ref("100%");
-    const emptyContainer = ref();
-    const logicFlowContainerStyle = computed(() => {
-      return {
-        height: logicFlowContainerHeight.value
-      };
+  });
+  const Y = (e2) => {
+    e2();
+  }, Z = () => {
+    W.value.variables && ee(W.value.variables);
+  }, ee = (e2) => {
+    e2.forEach((e3) => {
+      delete e3.$editing, e3.items && ee(e3.items);
     });
-    const showServiceConfigDrawer = ref(false);
-    const lf = ref();
-    const sourceService = ref(null);
-    const cloneService = ref({ code: "", name: "" });
-    const currentClickNode = ref(null);
-    const onDragNode = (serviceComponent) => {
-      if (lf.value) {
-        lf.value.dnd.startDrag({ type: serviceComponent.type, properties: { name: serviceComponent.label } });
-      } else {
-        console.error("LogicFlow实例还没有初始化");
-      }
-    };
-    onMounted(() => {
-      if (emptyContainer.value) {
-        const rect = emptyContainer.value.getBoundingClientRect();
-        if (rect.y || rect.y === 0) {
-          logicFlowContainerHeight.value = window.innerHeight - rect.y + "px";
-        }
-      }
-    });
-    const beforeCloseDrawer = (done) => {
-      console.log("beforeCloseDrawer");
-      done();
-    };
-    const clearServiceParamsConfig = () => {
-      if (cloneService.value.variables) {
-        removerEditing(cloneService.value.variables);
-      }
-      console.log("clearServiceParamsConfig");
-    };
-    const removerEditing = (variables) => {
-      variables.forEach((item) => {
-        delete item.$editing;
-        if (item.items) {
-          removerEditing(item.items);
-        }
-      });
-    };
-    const loadFlowView = (service) => {
-      lf.value = newLogicFlow(logicFlowContainer.value);
-      nextTick(() => {
-        if (logicFlowContainer.value) {
-          const rect = logicFlowContainer.value.getBoundingClientRect();
-          if (rect.y || rect.y === 0) {
-            logicFlowContainerHeight.value = window.innerHeight - rect.y - 60 - 20 + "px";
-          }
-        }
-      });
-      lf.value.extension.menu.setMenuConfig({
-        nodeMenu: [],
-        // 覆盖默认的节点右键菜单
-        graphMenu: [
-          {
-            text: "服务属性",
-            callback() {
-              showServiceConfigDrawer.value = true;
-            }
-          }
-        ]
-      });
-      eventListener();
-      registerNode(lf.value);
-      if (service.flow && service.flow.nodes && service.flow.nodes.length > 0) {
-        lf.value.render(service.flow);
-      } else {
-        lf.value.render();
-        addInitNode(lf.value);
-      }
-      const { editConfigModel } = lf.value.graphModel;
-      editConfigModel.updateEditConfig({
-        // 禁止拖动画布， 拖动画布和框选不能同时配置，只会有一个生效
-        stopMoveGraph: false
-      });
-      emits("update:logicFlowInstance", lf.value);
-    };
-    const eventListener = () => {
-      if (!lf.value) {
-        return;
-      }
-      lf.value.on("connection:not-allowed", (msg) => {
-        console.log(msg.msg);
-      });
-      lf.value.on("blank:click", (params) => {
-        serviceNodeConfigRef.value.onBlankClick();
-      });
-      lf.value.on("selection:selected", () => {
-        if (lf.value) {
-          lf.value.extension.selectionSelect.closeSelectionSelect();
-        }
-      });
-      lf.value.on("node:click", (nodeModel) => {
-        console.log("node:click", nodeModel);
-        if (!currentClickNode.value || currentClickNode.value.data.id !== nodeModel.data.id) {
-          serviceNodeConfigRef.value.onNodeClick(nodeModel);
-          currentClickNode.value = nodeModel;
+  }, le = () => {
+    K.value && (K.value.on("connection:not-allowed", (e2) => {
+    }), K.value.on("blank:click", (e2) => {
+      L.value.onBlankClick();
+    }), K.value.on("selection:selected", () => {
+      K.value && K.value.extension.selectionSelect.closeSelectionSelect();
+    }), K.value.on("node:click", (e2) => {
+      X.value && X.value.data.id === e2.data.id || (L.value.onNodeClick(e2), X.value = e2);
+    }), K.value.on("history:change", (e2) => {
+      e2.data.undos;
+    }), K.value.on("custom:deleteNode", (e2) => {
+      X.value && L.value.onDeleteNode(), A("onDeleteNode");
+    }));
+  }, oe = (e2) => {
+    if (K.value) {
+      if (e2.id === W.value.id) return;
+      te() ? M.confirm("服务配置发生变化, 是否需要保存?", "提示", { confirmButtonText: "保存", cancelButtonText: "不保存", closeOnClickModal: false, closeOnPressEscape: false, type: "warning" }).then(() => {
+        var _a;
+        Q.value = W.value, Q.value.flow = (_a = K.value) == null ? void 0 : _a.getGraphData();
+        D(W.value.code, T.serviceTreeData).name = W.value.name, re({ beforeSave: true });
+      }).catch(() => {
+        ae(e2);
+      }) : ae(e2);
+    } else ae(e2);
+  }, ae = (e2) => {
+    L.value.closeDrawer(), W.value = JSON.parse(JSON.stringify(e2)), Q.value = JSON.parse(JSON.stringify(e2)), R.currentService = W.value, ((e3) => {
+      K.value = k(E.value), w(() => {
+        if (E.value) {
+          const e4 = E.value.getBoundingClientRect();
+          (e4.y || 0 === e4.y) && (U.value = window.innerHeight - e4.y - 60 - 20 + "px");
         }
+      }), K.value.extension.menu.setMenuConfig({ nodeMenu: [], graphMenu: [{ text: "服务属性", callback() {
+        q.value = true;
+      } }] }), le(), O(K.value), e3.flow && e3.flow.nodes && e3.flow.nodes.length > 0 ? K.value.render(e3.flow) : (K.value.render(), J(K.value));
+      const { editConfigModel: l2 } = K.value.graphModel;
+      l2.updateEditConfig({ stopMoveGraph: false }), A("update:logicFlowInstance", K.value);
+    })(W.value);
+  }, te = () => {
+    if (!K.value) return false;
+    const e2 = K.value.getGraphData(), l2 = F(Q.value, W.value), o2 = F(Q.value.flow, e2);
+    return !l2 || !o2;
+  }, ne = () => {
+    K.value && (W.value.id ? re({ beforeSave: true }) : ie());
+  }, ie = (e2) => {
+    if (K.value && (W.value.flow = K.value.getGraphData(), Q.value)) {
+      W.value.runtimeJson = JSON.stringify(C(W.value));
+      const l2 = JSON.parse(JSON.stringify(W.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), h.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: e2, appServiceFlow: l2 }).then((e3) => {
+        e3 && (V({ message: "保存成功", type: "success" }), K.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)), oe(e3), P.value.closeDialog(), A("load-tree-data"));
       });
-      lf.value.on("history:change", (params) => {
-        params.data.undos;
-        console.log("画布数据发生变化", params);
-      });
-      lf.value.on("custom:deleteNode", (params) => {
-        emits("onDeleteNode");
-      });
-    };
-    const onServiceClick = (clickService) => {
-      if (!lf.value) {
-        reloadFlowView(clickService);
-      } else if (clickService.id === cloneService.value.id) {
-        return;
-      } else {
-        if (serviceDateIsChanged()) {
-          ElMessageBox.confirm("服务配置发生变化, 是否需要保存?", "提示", {
-            confirmButtonText: "保存",
-            cancelButtonText: "不保存",
-            closeOnClickModal: false,
-            closeOnPressEscape: false,
-            type: "warning"
-          }).then(() => {
-            var _a;
-            sourceService.value = cloneService.value;
-            sourceService.value.flow = (_a = lf.value) == null ? void 0 : _a.getGraphData();
-            const treeNodeData = findServcieByCode(cloneService.value.code, props.serviceTreeData);
-            treeNodeData.name = cloneService.value.name;
-            showServiceLog({ beforeSave: true });
-          }).catch(() => {
-            reloadFlowView(clickService);
-          });
-        } else {
-          reloadFlowView(clickService);
-        }
-      }
-    };
-    const reloadFlowView = (clickService) => {
-      serviceNodeConfigRef.value.closeDrawer();
-      cloneService.value = JSON.parse(JSON.stringify(clickService));
-      sourceService.value = JSON.parse(JSON.stringify(clickService));
-      serviceFlowStoreUtil.currentService = cloneService.value;
-      console.log(sourceService.value, "clickService");
-      loadFlowView(cloneService.value);
-    };
-    const serviceDateIsChanged = () => {
-      if (!lf.value) {
-        return false;
-      }
-      const gdata = lf.value.getGraphData();
-      const serviceDataEqual = isDeepEqual(sourceService.value, cloneService.value);
-      const gdataEqual = isDeepEqual(sourceService.value.flow, gdata);
-      return !serviceDataEqual || !gdataEqual;
-    };
-    const saveService = () => {
-      if (!lf.value) {
-        return;
-      }
-      if (!cloneService.value.id) {
-        save();
-      } else {
-        showServiceLog({ beforeSave: true });
-      }
-    };
-    const save = (description) => {
-      if (!lf.value) {
-        return;
-      }
-      const gdata = lf.value.getGraphData();
-      cloneService.value.flow = gdata;
-      if (sourceService.value) {
-        cloneService.value.runtimeJson = JSON.stringify(getRuntimeJson(cloneService.value));
-        const saveService2 = JSON.parse(JSON.stringify(cloneService.value));
-        saveService2.variables = JSON.stringify(saveService2.variables);
-        saveService2.log = JSON.stringify(saveService2.log);
-        saveService2.flow = JSON.stringify(saveService2.flow);
-        saveService2.returnValues = JSON.stringify(saveService2.returnValues);
-        http.post(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/service-flow", {
-          designLog: description,
-          appServiceFlow: saveService2
-        }).then((res) => {
-          if (res) {
-            ElMessage({
-              message: "保存成功",
-              type: "success"
-            });
-            lf.value = null;
-            res.variables && (res.variables = JSON.parse(res.variables));
-            res.log && (res.log = JSON.parse(res.log));
-            res.flow && (res.flow = JSON.parse(res.flow));
-            res.returnValues && (res.returnValues = JSON.parse(res.returnValues));
-            onServiceClick(res);
-            serviceUpdateLogRef.value.closeDialog();
-            emits("load-tree-data");
-          }
-        });
-      }
-    };
-    function showServiceLog(event) {
-      serviceUpdateLogRef.value.showDialog(event);
     }
-    const clearFlowCanvas = () => {
-      if (lf.value) {
-        lf.value.clearData();
-        lf.value = null;
-        sourceService.value = null;
-        cloneService.value = { code: "", name: "" };
-        showServiceConfigDrawer.value = false;
-        currentClickNode.value = {};
-      }
-    };
-    const showJson = () => {
-      console.log("showJson");
-    };
-    __expose({
-      onDragNode,
-      onServiceClick,
-      clearFlowCanvas
-    });
-    return (_ctx, _cache) => {
-      const _component_el_skeleton_item = ElSkeletonItem;
-      const _component_el_skeleton = ElSkeleton;
-      const _component_el_timeline = ElTimeline;
-      const _component_el_drawer = ElDrawer;
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
-          withDirectives(createElementVNode("div", _hoisted_2, [
-            createVNode(serviceFlowTool, {
-              cloneService: cloneService.value,
-              lf: lf.value,
-              pageContext: __props.pageContext,
-              onShowJson: showJson,
-              onShowServiceLog: showServiceLog,
-              onSaveSevice: saveService
-            }, null, 8, ["cloneService", "lf", "pageContext"]),
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("div", {
-                style: normalizeStyle(logicFlowContainerStyle.value),
-                ref_key: "logicFlowContainer",
-                ref: logicFlowContainer,
-                class: "container"
-              }, null, 4)
-            ], 512)
-          ], 512), [
-            [vShow, lf.value]
-          ]),
-          withDirectives(createElementVNode("div", {
-            style: normalizeStyle([{ "padding-top": "10px", "box-sizing": "border-box" }, logicFlowContainerStyle.value]),
-            ref_key: "emptyContainer",
-            ref: emptyContainer
-          }, [
-            createElementVNode("div", _hoisted_4, [
-              createVNode(_component_el_skeleton, { style: { "--el-skeleton-circle-size": "100px" } }, {
-                template: withCtx(() => [
-                  createVNode(_component_el_skeleton_item, { variant: "circle" }),
-                  createVNode(_component_el_skeleton_item, {
-                    variant: "rect",
-                    style: { "width": "100px", "height": "100px", "margin": "0 50px" }
-                  }),
-                  _hoisted_5
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_timeline, { style: { "max-width": "600px" } })
-            ])
-          ], 4), [
-            [vShow, !lf.value]
-          ]),
-          createVNode(_component_el_drawer, {
-            modelValue: showServiceConfigDrawer.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showServiceConfigDrawer.value = $event),
-            "append-to-body": true,
-            "destroy-on-close": "",
-            "modal-class": "el-overlay",
-            modal: true,
-            title: "服务参数",
-            onClose: clearServiceParamsConfig,
-            "before-close": beforeCloseDrawer,
-            direction: "rtl",
-            size: "50%"
-          }, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$1, { service: cloneService.value }, null, 8, ["service"])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ], 512),
-        createVNode(serviceUpdateLog, {
-          ref_key: "serviceUpdateLogRef",
-          ref: serviceUpdateLogRef,
-          onSave: save,
-          lf: lf.value,
-          cloneService: cloneService.value
-        }, null, 8, ["lf", "cloneService"]),
-        createVNode(serviceNodeConfig, {
-          logicFlowInstance: __props.logicFlowInstance,
-          currentNode: currentClickNode.value,
-          "onUpdate:currentNode": _cache[1] || (_cache[1] = ($event) => currentClickNode.value = $event),
-          sourceService: sourceService.value,
-          service: cloneService.value,
-          ref_key: "serviceNodeConfigRef",
-          ref: serviceNodeConfigRef
-        }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service"])
-      ], 64);
-    };
+  };
+  function re(e2) {
+    P.value.showDialog(e2);
   }
-});
+  const se = () => {
+  };
+  return b2({ onDragNode: (e2) => {
+    K.value && K.value.dnd.startDrag({ type: e2.type, properties: { name: e2.label } });
+  }, onServiceClick: oe, clearFlowCanvas: () => {
+    K.value && (K.value.clearData(), K.value = null, Q.value = null, W.value = { code: "", name: "" }, q.value = false, X.value = {});
+  } }), (n2, i2) => {
+    const r2 = l, w2 = e, b3 = o, h2 = a;
+    return u(), s(v, null, [c("div", _, [d(c("div", B, [p(x, { cloneService: W.value, lf: K.value, pageContext: t2.pageContext, onShowJson: se, onShowServiceLog: re, onSaveSevice: ne }, null, 8, ["cloneService", "lf", "pageContext"]), c("div", I, [c("div", { style: f($.value), ref_key: "logicFlowContainer", ref: E, class: "container" }, null, 4)], 512)], 512), [[g, K.value]]), d(c("div", { style: f([{ "padding-top": "10px", "box-sizing": "border-box" }, $.value]), ref_key: "emptyContainer", ref: H }, [c("div", z, [p(w2, { style: { "--el-skeleton-circle-size": "100px" } }, { template: m(() => [p(r2, { variant: "circle" }), p(r2, { variant: "rect", style: { width: "100px", height: "100px", margin: "0 50px" } }), i2[2] || (i2[2] = c("div", { class: "triangle" }, null, -1))]), _: 1 }), p(b3, { style: { "max-width": "600px" } })])], 4), [[g, !K.value]]), p(h2, { modelValue: q.value, "onUpdate:modelValue": i2[0] || (i2[0] = (e2) => q.value = e2), "append-to-body": true, "destroy-on-close": "", "modal-class": "el-overlay", modal: true, title: "服务参数", onClose: Z, "before-close": Y, direction: "rtl", size: "50%" }, { default: m(() => [p(N, { service: W.value }, null, 8, ["service"])]), _: 1 }, 8, ["modelValue"])], 512), p(S, { ref_key: "serviceUpdateLogRef", ref: P, onSave: ie, lf: K.value, cloneService: W.value }, null, 8, ["lf", "cloneService"]), p(y, { logicFlowInstance: t2.logicFlowInstance, currentNode: X.value, "onUpdate:currentNode": i2[1] || (i2[1] = (e2) => X.value = e2), sourceService: Q.value, service: W.value, pageContext: t2.pageContext, ref_key: "serviceNodeConfigRef", ref: L }, null, 8, ["logicFlowInstance", "currentNode", "sourceService", "service", "pageContext"])], 64);
+  };
+} });
 export {
-  _sfc_main as default
+  G as default
 };

package/dist/es/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<import('vue').ExtractPropTypes<{}>> & {
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onDrag-node"?: (...args: any[]) => any;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/es/designer/service-panel/component-panel.vue.js

@@ -1,7 +1,7 @@
-import _sfc_main from "./component-panel.vue2.js";
-import "./component-panel.vue3.js";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ComponentPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8bad091d"]]);
+import e from "./component-panel.vue2.js";
+/* empty css                     */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const p = o(e, [["__scopeId", "data-v-8bad091d"]]);
 export {
-  ComponentPanel as default
+  p as default
 };

package/dist/es/designer/service-panel/component-panel.vue2.js

@@ -1,88 +1,20 @@
-import { ElCol, ElRow, ElCollapseItem, ElCollapse } from "element-plus/es";
+import { ElCollapse as e, ElCollapseItem as l, ElRow as s, ElCol as t } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/collapse/style/css";
 import "element-plus/es/components/collapse-item/style/css";
 import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/col/style/css";
-import { defineComponent, ref, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, unref, createElementVNode, createTextVNode, toDisplayString, createVNode } from "vue";
-import { serviceComponentGroups } from "../service-components/index.js";
-const _hoisted_1 = ["src"];
-const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
-const _hoisted_3 = ["title", "onMousedown"];
-const _hoisted_4 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "component-panel",
-  emits: ["drag-node"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const openCollapseItems = ref(serviceComponentGroups[0].name);
-    function $_dragNode(serviceComponent) {
-      console.log(`service-component-lib $_dragNode:${serviceComponent.type}`);
-      emits("drag-node", serviceComponent);
-    }
-    return (_ctx, _cache) => {
-      const _component_el_col = ElCol;
-      const _component_el_row = ElRow;
-      const _component_el_collapse_item = ElCollapseItem;
-      const _component_el_collapse = ElCollapse;
-      return openBlock(), createBlock(_component_el_collapse, {
-        modelValue: openCollapseItems.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
-        style: { "margin-top": "6px" }
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(serviceComponentGroups), (group, index) => {
-            return openBlock(), createBlock(_component_el_collapse_item, {
-              key: index,
-              name: group.name,
-              class: "serviceflow-attr-group-header"
-            }, {
-              title: withCtx(() => [
-                createElementVNode("img", {
-                  src: group.icon,
-                  style: { "height": "18px" }
-                }, null, 8, _hoisted_1),
-                createTextVNode("   "),
-                createElementVNode("b", null, toDisplayString(group.label), 1)
-              ]),
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_2, [
-                  createVNode(_component_el_row, { gutter: 14 }, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (serviceComponent, index2) => {
-                        return openBlock(), createBlock(_component_el_col, { span: 8 }, {
-                          default: withCtx(() => [
-                            createElementVNode("div", {
-                              class: "serviceflow-item",
-                              title: serviceComponent.label,
-                              onMousedown: ($event) => $_dragNode(serviceComponent)
-                            }, [
-                              createElementVNode("div", null, [
-                                createElementVNode("img", {
-                                  src: serviceComponent.icon,
-                                  style: { "height": "16px" }
-                                }, null, 8, _hoisted_4)
-                              ]),
-                              createElementVNode("span", null, toDisplayString(serviceComponent.label), 1)
-                            ], 40, _hoisted_3)
-                          ]),
-                          _: 2
-                        }, 1024);
-                      }), 256))
-                    ]),
-                    _: 2
-                  }, 1024)
-                ])
-              ]),
-              _: 2
-            }, 1032, ["name"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
+import { defineComponent as n, ref as o, createBlock as m, openBlock as p, withCtx as a, createElementBlock as i, Fragment as u, renderList as r, unref as c, createElementVNode as d, createVNode as f, toDisplayString as g, createTextVNode as y } from "vue";
+import { serviceComponentGroups as v } from "../service-components/index.js";
+const x = ["src"], _ = { style: { padding: "8px 0px 0px 0px" } }, b = ["title", "onMousedown"], h = ["src"], w = n({ __name: "component-panel", emits: ["drag-node"], setup(n2, { emit: w2 }) {
+  const V = w2, M = o(v[0].name);
+  return (n3, o2) => {
+    const w3 = t, j = s, k = l, U = e;
+    return p(), m(U, { modelValue: M.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => M.value = e2), style: { "margin-top": "6px" } }, { default: a(() => [(p(true), i(u, null, r(c(v), (e2, l2) => (p(), m(k, { key: l2, name: e2.name, class: "serviceflow-attr-group-header" }, { title: a(() => [d("img", { src: e2.icon, style: { height: "18px" } }, null, 8, x), o2[1] || (o2[1] = y("   ")), d("b", null, g(e2.label), 1)]), default: a(() => [d("div", _, [f(j, { gutter: 14 }, { default: a(() => [(p(true), i(u, null, r(e2.items, (e3, l3) => (p(), m(w3, { span: 8 }, { default: a(() => [d("div", { class: "serviceflow-item", title: e3.label, onMousedown: (l4) => function(e4) {
+      V("drag-node", e4);
+    }(e3) }, [d("div", null, [d("img", { src: e3.icon, style: { height: "16px" } }, null, 8, h)]), d("span", null, g(e3.label), 1)], 40, b)]), _: 2 }, 1024))), 256))]), _: 2 }, 1024)])]), _: 2 }, 1032, ["name"]))), 128))]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
 export {
-  _sfc_main as default
+  w as default
 };

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

@@ -1,9 +1,9 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     serviceTreeData: {
         type: ArrayConstructor;
         default: () => any[];
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "service-click": (...args: any[]) => void;
     "clear-flow-canvas": (...args: any[]) => void;
     "load-tree-data": (...args: any[]) => void;
@@ -12,11 +12,11 @@ declare const _default: import('vue').DefineComponent<{
         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/es/designer/service-panel/service-list.vue.js

@@ -1,7 +1,7 @@
-import _sfc_main from "./service-list.vue2.js";
-import "./service-list.vue3.js";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ServiceList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-286d914e"]]);
+import e from "./service-list.vue2.js";
+/* empty css                  */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const t = r(e, [["__scopeId", "data-v-da8fc67a"]]);
 export {
-  ServiceList as default
+  t as default
 };