service-flow-designer 2.2.25 → 2.2.28

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

@@ -1,391 +1,89 @@
-import { ElIcon, ElInput, ElCol, ElButton, ElTooltip, ElRow, ElTree, ElFormItem, ElDialog } from "element-plus/es";
+import { ElRow as e, ElCol as l, ElInput as t, ElIcon as a, ElTooltip as n, ElButton as o, ElTree as s, ElDialog as i, ElFormItem as u } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/dialog/style/css";
 import "element-plus/es/components/form-item/style/css";
 import "element-plus/es/components/tree/style/css";
-import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/tooltip/style/css";
 import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/row/style/css";
 import "element-plus/es/components/col/style/css";
 import "element-plus/es/components/input/style/css";
 import "element-plus/es/components/icon/style/css";
-import { defineComponent, ref, openBlock, createElementBlock, createVNode, withCtx, unref, createElementVNode, createBlock, toDisplayString, createTextVNode, createCommentVNode, withDirectives, vShow, pushScopeId, popScopeId } from "vue";
-import { Search, Plus, Menu, Promotion } from "@element-plus/icons-vue";
-import { v4 } from "uuid";
-import http from "agilebuilder-ui/src/utils/request";
-import { findServcieByCode } from "../common/util/node-util.js";
-import { useServiceFlowStore } from "../../stores/page-store.js";
-import { ElMessage, ElMessageBox } from "element-plus";
-const _withScopeId = (n) => (pushScopeId("data-v-286d914e"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "custom-tree-node" };
-const _hoisted_2 = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } };
-const _hoisted_3 = { class: "dialog-footer" };
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "添加菜单", -1));
-const _hoisted_5 = [
-  _hoisted_4
-];
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "添加服务", -1));
-const _hoisted_7 = [
-  _hoisted_6
-];
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "修改", -1));
-const _hoisted_9 = [
-  _hoisted_8
-];
-const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "删除", -1));
-const _hoisted_11 = [
-  _hoisted_10
-];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "service-list",
-  props: {
-    serviceTreeData: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["service-click", "clear-flow-canvas", "load-tree-data"],
-  setup(__props, { emit: __emit }) {
-    const serviceFlowStoreUtil = useServiceFlowStore();
-    const emits = __emit;
-    const treeProps = {
-      id: "id",
-      label: "name"
-    };
-    const props = __props;
-    const search = ref("");
-    const contxtMenuRef = ref();
-    const serviceTreeRef = ref();
-    const showContextMenu = ref(false);
-    const contextMenuData = ref({});
-    const dialogVisible = ref(false);
-    const editType = ref("");
-    const serviceFlow = ref({});
-    const currentServiceflowService = ref({});
-    const nodeContextmenu = (event, data, node, resolve) => {
-      contextMenuData.value = data;
-      showContextMenu.value = true;
-      const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-      contxtMenuRef.value.style.display = "block";
-      contxtMenuRef.value.style.left = event.x + "px";
-      contxtMenuRef.value.style.top = event.y + scrollTop - 60 - 10 + "px";
-      document.addEventListener("click", closeRightMenu);
-    };
-    const closeRightMenu = () => {
-      showContextMenu.value = false;
-      document.removeEventListener("click", closeRightMenu);
-    };
-    const addRootServiceMenu = () => {
-      editType.value = "MENU";
-      createService();
-    };
-    const addServce = (type) => {
-      editType.value = type;
-      createService();
-    };
-    const editServiceBaseInfo = () => {
-      editType.value = contextMenuData.value.type;
-      serviceFlow.value = JSON.parse(JSON.stringify(contextMenuData.value));
-      if (serviceFlow.value.children) {
-        delete serviceFlow.value.children;
-      }
-      dialogVisible.value = true;
-    };
-    const createService = () => {
-      serviceFlow.value = {
-        code: v4(),
-        name: "",
-        customCode: "",
-        type: editType.value
-      };
-      if (contextMenuData.value.id) {
-        serviceFlow.value.parentCode = contextMenuData.value.code;
-      }
-      dialogVisible.value = true;
-    };
-    const saveServiceBaseInfo = () => {
-      if (!serviceFlow.value.name) {
-        ElMessage.warning("名称不能为空");
-        return;
-      }
-      if ("MENU" !== serviceFlow.value.type) {
-        if (!serviceFlow.value.customCode) {
-          ElMessage.warning("自定义编码不能为空");
-          return;
-        }
-      }
-      console.log("保存服务基本信息：", serviceFlow.value);
-      if (!serviceFlow.value.systemCode) {
-        serviceFlow.value.systemCode = serviceFlowStoreUtil.pageContext.systemCode;
-      }
-      if (!serviceFlow.value.publishVersion) {
-        serviceFlow.value.publishVersion = serviceFlowStoreUtil.pageContext.systemVersion;
-      }
-      http.post(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/service-flow", {
-        designLog: null,
-        appServiceFlow: serviceFlow.value
-      }).then((res) => {
-        if (res) {
-          if (!serviceFlow.value.id) {
-            if (!serviceFlow.value.parentCode) {
-              props.serviceTreeData.push(res);
-            } else {
-              if (!contextMenuData.value.children) {
-                contextMenuData.value.children = [];
-              }
-              contextMenuData.value.children.push(res);
-            }
-          } else {
-            emits("load-tree-data");
-            Object.assign(contextMenuData.value, res);
-          }
-          contextMenuData.value = {};
-          ElMessage.success("保存成功");
-          dialogVisible.value = false;
-          serviceFlow.value = {};
-        }
-      });
-    };
-    const deleteService = () => {
-      console.log("删除服务：", contextMenuData.value);
-      if (contextMenuData.value.children && contextMenuData.value.children.length > 0) {
-        ElMessage.warning("该节点下存在子节点，不能删除！");
-        return;
-      }
-      ElMessageBox.confirm("确定要删除吗?", "确认", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(({ value }) => {
-        _deleteService();
-      });
-    };
-    const _deleteService = () => {
-      http.delete(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/service-flow", {
-        data: [contextMenuData.value.id]
-      }).then((res) => {
-        ElMessage.success("删除成功");
-        emits("load-tree-data");
-        if (contextMenuData.value.parentCode) {
-          const parent = findServcieByCode(contextMenuData.value.parentCode, props.serviceTreeData);
-          const index = parent.children.findIndex((item) => item.id === contextMenuData.value.id);
-          parent.children.splice(index, 1);
-        } else {
-          const index = props.serviceTreeData.findIndex((item) => item.id === contextMenuData.value.id);
-          props.serviceTreeData.splice(index, 1);
-        }
-        if (currentServiceflowService.value.code === contextMenuData.value.code) {
-          emits("clear-flow-canvas");
-        }
-        contextMenuData.value = {};
+import { defineComponent as r, ref as p, createElementBlock as c, openBlock as d, createVNode as m, withDirectives as v, withCtx as f, unref as y, createElementVNode as g, createTextVNode as h, createBlock as b, toDisplayString as w, createCommentVNode as k, vShow as C } from "vue";
+import { Search as x, Plus as _, Menu as V, Promotion as E } from "@element-plus/icons-vue";
+import { v4 as N } from "uuid";
+import U from "agilebuilder-ui/src/utils/request";
+import { findServcieByCode as T } from "../common/util/node-util.js";
+import { useServiceFlowStore as O } from "../../stores/page-store.js";
+import { ElMessage as A, ElMessageBox as I } from "element-plus";
+const P = { class: "custom-tree-node" }, S = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } }, R = { class: "dialog-footer" }, $ = r({ __name: "service-list", props: { serviceTreeData: { type: Array, default: () => [] } }, emits: ["service-click", "clear-flow-canvas", "load-tree-data"], setup(r2, { emit: $2 }) {
+  const z = O(), M = $2, D = { id: "id", label: "name" }, L = r2, J = p(""), j = p(), F = p(), q = p(false), B = p({}), G = p(false), H = p(""), K = p({}), Q = p({}), W = (e2, l2, t2, a2) => {
+    B.value = l2, q.value = true;
+    const n2 = document.documentElement.scrollTop || document.body.scrollTop;
+    j.value.style.display = "block", j.value.style.left = e2.x + "px", j.value.style.top = e2.y + n2 - 60 - 10 + "px", document.addEventListener("click", X);
+  }, X = () => {
+    q.value = false, document.removeEventListener("click", X);
+  }, Y = () => {
+    H.value = "MENU", le("root");
+  }, Z = (e2) => {
+    H.value = e2, le("leaf");
+  }, ee = () => {
+    H.value = B.value.type, K.value = JSON.parse(JSON.stringify(B.value)), K.value.children && delete K.value.children, G.value = true;
+  }, le = (e2) => {
+    K.value = { code: N(), name: "", customCode: "", type: H.value }, B.value.id && "leaf" === e2 && (K.value.parentCode = B.value.code), G.value = true;
+  }, te = p([]), ae = (e2, l2, t2) => {
+    l2 ? (te.value.push(e2.id), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
+      -1 == te.value.indexOf(e3.id) && te.value.push(e3.id);
+    })) : (te.value.splice(te.value.indexOf(e2.id), 1), e2.children && e2.children.length > 0 && e2.children.forEach((e3) => {
+      let l3 = te.value.indexOf(e3.id);
+      l3 > -1 && te.value.splice(l3, 1);
+    }));
+  }, ne = z.pageContext.systemCode, oe = z.pageContext.systemVersion, se = () => {
+    te.value.length > 0 ? U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/export/${ne}/${oe}`, method: "post", data: te.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);
+    }) : A.warning("请选择服务或菜单");
+  }, ie = p(null), ue = (e2) => {
+    ie.value.click();
+  }, re = () => {
+    const e2 = ie.value.files[0];
+    if (e2) {
+      ie.value.value = null;
+      const l2 = new FormData();
+      l2.append("multipartFile", e2), U({ url: window.$vueApp.config.globalProperties.baseAPI + `/component/super-page-design/service-flow/import/${ne}/${oe}`, method: "post", headers: { "Content-Type": "multipart/form-data" }, data: l2 }).then(() => {
+        A.success("导入成功"), M("load-tree-data");
+      }).catch((e3) => {
       });
-    };
-    const nodeClick = (data, node, event) => {
-      console.log("node-click", data);
-      closeRightMenu();
-      if (data.type === "SERVICE") {
-        http.get(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/service-flow/" + data.id).then((res) => {
-          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));
-          currentServiceflowService.value = res;
-          emits("service-click", res);
-        });
+    } else A.warning("未选择文件");
+  }, pe = () => {
+    K.value.name ? "MENU" === K.value.type || K.value.customCode ? (K.value.systemCode || (K.value.systemCode = z.pageContext.systemCode), K.value.publishVersion || (K.value.publishVersion = z.pageContext.systemVersion), U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { designLog: null, appServiceFlow: K.value }).then((e2) => {
+      e2 && (K.value.id ? (M("load-tree-data"), Object.assign(B.value, e2)) : K.value.parentCode ? (B.value.children || (B.value.children = []), B.value.children.push(e2)) : L.serviceTreeData.push(e2), B.value = {}, A.success("保存成功"), G.value = false, K.value = {});
+    })) : A.warning("自定义编码不能为空") : A.warning("名称不能为空");
+  }, ce = () => {
+    B.value.children && B.value.children.length > 0 ? A.warning("该节点下存在子节点，不能删除！") : I.confirm("确定要删除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e2 }) => {
+      de();
+    });
+  }, de = () => {
+    U.delete(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/service-flow", { data: [B.value.id] }).then((e2) => {
+      if (A.success("删除成功"), M("load-tree-data"), B.value.parentCode) {
+        const e3 = T(B.value.parentCode, L.serviceTreeData), l2 = e3.children.findIndex((e4) => e4.id === B.value.id);
+        e3.children.splice(l2, 1);
+      } else {
+        const e3 = L.serviceTreeData.findIndex((e4) => e4.id === B.value.id);
+        L.serviceTreeData.splice(e3, 1);
       }
-    };
-    return (_ctx, _cache) => {
-      const _component_el_icon = ElIcon;
-      const _component_el_input = ElInput;
-      const _component_el_col = ElCol;
-      const _component_el_button = ElButton;
-      const _component_el_tooltip = ElTooltip;
-      const _component_el_row = ElRow;
-      const _component_el_tree = ElTree;
-      const _component_el_form_item = ElFormItem;
-      const _component_el_dialog = ElDialog;
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_el_row, null, {
-          default: withCtx(() => [
-            createVNode(_component_el_col, { span: 18 }, {
-              default: withCtx(() => [
-                createVNode(_component_el_input, {
-                  modelValue: search.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
-                  placeholder: "搜索"
-                }, {
-                  suffix: withCtx(() => [
-                    createVNode(_component_el_icon, null, {
-                      default: withCtx(() => [
-                        createVNode(unref(Search))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_col, {
-              span: 6,
-              style: { "text-align": "right" }
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_tooltip, {
-                  effect: "dark",
-                  content: "添加根菜单",
-                  placement: "top"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_button, {
-                      type: "primary",
-                      icon: unref(Plus),
-                      onClick: addRootServiceMenu
-                    }, null, 8, ["icon"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        createVNode(_component_el_tree, {
-          style: { "margin-top": "10px" },
-          ref_key: "serviceTreeRef",
-          ref: serviceTreeRef,
-          data: __props.serviceTreeData,
-          props: treeProps,
-          "expand-on-click-node": false,
-          "default-expand-all": true,
-          "check-strictly": true,
-          "highlight-current": "",
-          onNodeClick: nodeClick,
-          onNodeContextmenu: nodeContextmenu
-        }, {
-          default: withCtx(({ node, data }) => [
-            createElementVNode("span", _hoisted_1, [
-              data.type === "MENU" ? (openBlock(), createBlock(_component_el_icon, {
-                key: 0,
-                size: 16
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Menu))
-                ]),
-                _: 1
-              })) : (openBlock(), createBlock(_component_el_icon, {
-                key: 1,
-                size: 16
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Promotion))
-                ]),
-                _: 1
-              })),
-              createElementVNode("span", _hoisted_2, toDisplayString(node.label), 1)
-            ])
-          ]),
-          _: 1
-        }, 8, ["data"]),
-        createVNode(_component_el_dialog, {
-          modelValue: dialogVisible.value,
-          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dialogVisible.value = $event),
-          "append-to-body": true,
-          title: editType.value === "MENU" ? "菜单" : "服务",
-          width: "500"
-        }, {
-          footer: withCtx(() => [
-            createElementVNode("div", _hoisted_3, [
-              createVNode(_component_el_button, {
-                size: "mini",
-                onClick: _cache[3] || (_cache[3] = ($event) => dialogVisible.value = false)
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("返回")
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_button, {
-                size: "mini",
-                type: "primary",
-                onClick: saveServiceBaseInfo
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(" 确定 ")
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          default: withCtx(() => [
-            editType.value === "SERVICE" ? (openBlock(), createBlock(_component_el_form_item, {
-              key: 0,
-              label: "自定义编码：",
-              required: true
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_input, {
-                  disabled: serviceFlow.value.id,
-                  modelValue: serviceFlow.value.customCode,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => serviceFlow.value.customCode = $event)
-                }, null, 8, ["disabled", "modelValue"])
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            createVNode(_component_el_form_item, {
-              label: "          名称：",
-              required: true
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_input, {
-                  modelValue: serviceFlow.value.name,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => serviceFlow.value.name = $event)
-                }, null, 8, ["modelValue"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        withDirectives(createElementVNode("div", null, [
-          createElementVNode("ul", {
-            ref_key: "contxtMenuRef",
-            ref: contxtMenuRef,
-            class: "context-menu"
-          }, [
-            contextMenuData.value.type === "MENU" ? (openBlock(), createElementBlock("li", {
-              key: 0,
-              tabindex: "-1",
-              class: "menu__item",
-              onClick: _cache[5] || (_cache[5] = ($event) => addServce("MENU"))
-            }, _hoisted_5)) : createCommentVNode("", true),
-            contextMenuData.value.type === "MENU" ? (openBlock(), createElementBlock("li", {
-              key: 1,
-              tabindex: "-1",
-              class: "menu__item",
-              onClick: _cache[6] || (_cache[6] = ($event) => addServce("SERVICE"))
-            }, _hoisted_7)) : createCommentVNode("", true),
-            currentServiceflowService.value.code !== contextMenuData.value.code ? (openBlock(), createElementBlock("li", {
-              key: 2,
-              tabindex: "-1",
-              class: "menu__item",
-              onClick: editServiceBaseInfo
-            }, _hoisted_9)) : createCommentVNode("", true),
-            createElementVNode("li", {
-              tabindex: "-1",
-              class: "menu__item",
-              onClick: deleteService
-            }, _hoisted_11)
-          ], 512)
-        ], 512), [
-          [vShow, showContextMenu.value]
-        ])
-      ]);
-    };
-  }
-});
+      Q.value.code === B.value.code && M("clear-flow-canvas"), B.value = {};
+    });
+  }, me = (e2, l2, t2) => {
+    X(), "SERVICE" === e2.type && U.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)), Q.value = e3, M("service-click", e3);
+    });
+  };
+  return (p2, N2) => {
+    const U2 = a, T2 = t, O2 = l, A2 = e, I2 = o, $3 = n, z2 = s, M2 = u, L2 = i;
+    return d(), c("div", null, [m(A2, { style: { "margin-bottom": "10px" } }, { default: f(() => [m(O2, { span: 24 }, { default: f(() => [m(T2, { modelValue: J.value, "onUpdate:modelValue": N2[0] || (N2[0] = (e2) => J.value = e2), placeholder: "搜索" }, { suffix: f(() => [m(U2, null, { default: f(() => [m(y(x))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), m(A2, null, { default: f(() => [m(O2, { span: 24 }, { default: f(() => [m($3, { effect: "dark", content: "导入", placement: "top" }, { default: f(() => [m(I2, { type: "primary", onClick: ue }, { default: f(() => [g("input", { ref_key: "processFile", ref: ie, accept: ".zip", name: "processFile", style: { display: "none" }, type: "file", onChange: re }, null, 544), N2[7] || (N2[7] = h(" 导入 "))]), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "导出", placement: "top" }, { default: f(() => [m(I2, { type: "primary", onClick: se }, { default: f(() => N2[8] || (N2[8] = [h("导出")])), _: 1 })]), _: 1 }), m($3, { effect: "dark", content: "添加根菜单", placement: "top" }, { default: f(() => [m(I2, { type: "primary", icon: y(_), onClick: Y }, null, 8, ["icon"])]), _: 1 })]), _: 1 })]), _: 1 }), m(z2, { style: { "margin-top": "10px" }, ref_key: "serviceTreeRef", ref: F, data: r2.serviceTreeData, "node-key": "id", props: D, "show-checkbox": "", "expand-on-click-node": false, "default-expand-all": true, "highlight-current": "", onNodeClick: me, onNodeContextmenu: W, onCheckChange: ae }, { default: f(({ node: e2, data: l2 }) => [g("span", P, ["MENU" === l2.type ? (d(), b(U2, { key: 0, size: 16 }, { default: f(() => [m(y(V))]), _: 1 })) : (d(), b(U2, { key: 1, size: 16 }, { default: f(() => [m(y(E))]), _: 1 })), g("span", S, w(e2.label), 1)])]), _: 1 }, 8, ["data"]), m(L2, { modelValue: G.value, "onUpdate:modelValue": N2[4] || (N2[4] = (e2) => G.value = e2), "append-to-body": true, title: "MENU" === H.value ? "菜单" : "服务", width: "500" }, { footer: f(() => [g("div", R, [m(I2, { size: "mini", onClick: N2[3] || (N2[3] = (e2) => G.value = false) }, { default: f(() => N2[9] || (N2[9] = [h("返回")])), _: 1 }), m(I2, { size: "mini", type: "primary", onClick: pe }, { default: f(() => N2[10] || (N2[10] = [h(" 确定 ")])), _: 1 })])]), default: f(() => ["SERVICE" === H.value ? (d(), b(M2, { key: 0, label: "自定义编码：", required: true }, { default: f(() => [m(T2, { disabled: K.value.id, modelValue: K.value.customCode, "onUpdate:modelValue": N2[1] || (N2[1] = (e2) => K.value.customCode = e2) }, null, 8, ["disabled", "modelValue"])]), _: 1 })) : k("", true), m(M2, { label: "          名称：", required: true }, { default: f(() => [m(T2, { modelValue: K.value.name, "onUpdate:modelValue": N2[2] || (N2[2] = (e2) => K.value.name = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue", "title"]), v(g("div", null, [g("ul", { ref_key: "contxtMenuRef", ref: j, class: "context-menu" }, ["MENU" === B.value.type ? (d(), c("li", { key: 0, tabindex: "-1", class: "menu__item", onClick: N2[5] || (N2[5] = (e2) => Z("MENU")) }, N2[11] || (N2[11] = [g("span", null, "添加菜单", -1)]))) : k("", true), "MENU" === B.value.type ? (d(), c("li", { key: 1, tabindex: "-1", class: "menu__item", onClick: N2[6] || (N2[6] = (e2) => Z("SERVICE")) }, N2[12] || (N2[12] = [g("span", null, "添加服务", -1)]))) : k("", true), Q.value.code !== B.value.code ? (d(), c("li", { key: 2, tabindex: "-1", class: "menu__item", onClick: ee }, N2[13] || (N2[13] = [g("span", null, "修改", -1)]))) : k("", true), g("li", { tabindex: "-1", class: "menu__item", onClick: ce }, N2[14] || (N2[14] = [g("span", null, "删除", -1)]))], 512)], 512), [[C, q.value]])]);
+  };
+} });
 export {
-  _sfc_main as default
+  $ as default
 };

package/dist/es/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<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     logicFlowInstance: {
         type: typeof LogicFlow;
         default: () => void;
@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
         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;
@@ -23,13 +23,13 @@ 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;
     "onDrag-node"?: (...args: any[]) => any;
-}, {
+}>, {
     serviceTreeData: unknown[];
     logicFlowInstance: LogicFlow;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

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

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

@@ -1,81 +1,21 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, createBlock } from "vue";
-import LogicFlow from "@logicflow/core";
-import ServiceList from "./service-list.vue.js";
-import ComponentPanel from "./component-panel.vue.js";
+import { defineComponent as e, ref as a, computed as s, createElementBlock as l, openBlock as o, normalizeStyle as r, createElementVNode as t, normalizeClass as c, createBlock as i } from "vue";
+import n from "@logicflow/core";
+import v from "./service-list.vue.js";
+import m from "./component-panel.vue.js";
 import "../service-components/index.js";
-const _hoisted_1 = { class: "amb-assembly-header" };
-const _hoisted_2 = { class: "amb-assembly-header-type" };
-const _hoisted_3 = { class: "amb-design-assembly-list" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "service-panel",
-  props: {
-    logicFlowInstance: {
-      type: LogicFlow,
-      default: () => {
-      }
-    },
-    serviceTreeData: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const clickType = ref("serviceFlowList");
-    const winHeight = ref();
-    const containerHeightStyle = computed(() => {
-      return {
-        height: winHeight.value + "px"
-      };
-    });
-    const dragNode = (serviceComponent) => {
-      console.log(`service-component-lib $_dragNode:${serviceComponent.type}`);
-      emits("drag-node", serviceComponent);
-    };
-    const onServiceClick = (service) => {
-      emits("service-click", service);
-    };
-    const clearFlowCanvas = () => {
-      emits("clear-flow-canvas");
-    };
-    const loadTreeData = () => {
-      emits("load-tree-data");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "amb-design-assembly-content",
-        ref: "ambDesignAssemblyContent",
-        style: normalizeStyle(containerHeightStyle.value)
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("label", {
-              class: normalizeClass({ selected: clickType.value === "serviceFlowList" }),
-              onClick: _cache[0] || (_cache[0] = ($event) => clickType.value = "serviceFlowList")
-            }, " 服务列表 ", 2),
-            createElementVNode("label", {
-              class: normalizeClass({ selected: clickType.value === "component" }),
-              onClick: _cache[1] || (_cache[1] = ($event) => clickType.value = "component")
-            }, " 组件库 ", 2)
-          ])
-        ]),
-        createElementVNode("div", _hoisted_3, [
-          clickType.value === "serviceFlowList" ? (openBlock(), createBlock(ServiceList, {
-            key: 0,
-            serviceTreeData: __props.serviceTreeData,
-            onLoadTreeData: loadTreeData,
-            onServiceClick,
-            onClearFlowCanvas: clearFlowCanvas
-          }, null, 8, ["serviceTreeData"])) : (openBlock(), createBlock(ComponentPanel, {
-            key: 1,
-            onDragNode: dragNode
-          }))
-        ])
-      ], 4);
-    };
-  }
-});
+const d = { class: "amb-assembly-header" }, p = { class: "amb-assembly-header-type" }, u = { class: "amb-design-assembly-list" }, b = e({ __name: "service-panel", props: { logicFlowInstance: { type: n, default: () => {
+} }, serviceTreeData: { type: Array, default: () => [] } }, emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"], setup(e2, { emit: n2 }) {
+  const b2 = n2, y = a("serviceFlowList"), f = a(), g = s(() => ({ height: f.value + "px" })), w = (e3) => {
+    b2("drag-node", e3);
+  }, k = (e3) => {
+    b2("service-click", e3);
+  }, D = () => {
+    b2("clear-flow-canvas");
+  }, C = () => {
+    b2("load-tree-data");
+  };
+  return (a2, s2) => (o(), l("div", { class: "amb-design-assembly-content", ref: "ambDesignAssemblyContent", style: r(g.value) }, [t("div", d, [t("div", p, [t("label", { class: c({ selected: "serviceFlowList" === y.value }), onClick: s2[0] || (s2[0] = (e3) => y.value = "serviceFlowList") }, " 服务列表 ", 2), t("label", { class: c({ selected: "component" === y.value }), onClick: s2[1] || (s2[1] = (e3) => y.value = "component") }, " 组件库 ", 2)])]), t("div", u, ["serviceFlowList" === y.value ? (o(), i(v, { key: 0, serviceTreeData: e2.serviceTreeData, onLoadTreeData: C, onServiceClick: k, onClearFlowCanvas: D }, null, 8, ["serviceTreeData"])) : (o(), i(m, { key: 1, onDragNode: w }))])], 4));
+} });
 export {
-  _sfc_main as default
+  b as default
 };

package/dist/es/index.js

@@ -1,4 +1,4 @@
-import ServiceFlowDesginer from "./designer/desginer-index.vue.js";
+import e from "./designer/desginer-index.vue.js";
 export {
-  ServiceFlowDesginer as default
+  e as default
 };