service-flow-designer 1.1.3 → 1.1.4

package/dist/lib/designer/service-panel/component-panel.css

@@ -0,0 +1,66 @@
+.amb-design-attr-base-content[data-v-d998b38f] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+}
+.amb-design-attr-item[data-v-d998b38f] {
+  margin-bottom: 8px;
+}
+.amb-design-attr-group-header > button[data-v-d998b38f] {
+  background: #f5f6f8;
+  padding-left: 10px;
+  font-size: 14px;
+  height: 42px;
+}
+.amb-design-attr-content[data-v-d998b38f] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+  position: relative;
+}
+.amb-design-attr-header-search[data-v-d998b38f] {
+  margin-top: 16px;
+}
+.amb-design-attr-header-select[data-v-d998b38f] {
+  width: 90px;
+  height: 36px;
+}
+.amb-design-page-param-row[data-v-d998b38f] {
+  height: 34px;
+}
+.el-table__cell > .cell[data-v-d998b38f] {
+  white-space: nowrap !important;
+}
+.serviceflow-item[data-v-d998b38f] {
+  background: rgba(88, 147, 239, 0.06);
+  border: 1px dashed rgba(88, 147, 239, 0.06);
+  border-radius: 4px 4px 4px 4px;
+  text-align: center;
+  margin-top: 12px;
+  padding: 10px 5px 10px 5px;
+  font-size: 12px;
+  cursor: move;
+  height: 60px;
+  overflow: hidden;
+  box-sizing: border-box;
+  color: #333333;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  -webkit-user-select: none; /* Safari */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none; /* 标准语法 */
+}
+.serviceflow-item[data-v-d998b38f]:hover {
+  background: rgba(11, 45, 101, 0.105);
+  border: 1px dashed rgba(11, 45, 101, 0.227);
+}
+.amb-assembly-item-drag[data-v-d998b38f] {
+  opacity: 1 !important;
+}

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

@@ -0,0 +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<{}>> & {
+    "onDrag-node"?: (...args: any[]) => any;
+}, {}, {}>;
+export default _default;

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

@@ -0,0 +1,6 @@
+"use strict";
+const componentPanel_vue_vue_type_script_setup_true_lang = require("./component-panel.vue2.js");
+;/* empty css                      */
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const ComponentPanel = /* @__PURE__ */ _pluginVue_exportHelper(componentPanel_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-d998b38f"]]);
+module.exports = ComponentPanel;

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

@@ -0,0 +1,86 @@
+"use strict";
+const vue = require("vue");
+var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
+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__ */ vue.defineComponent({
+  __name: "component-panel",
+  emits: ["drag-node"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const openCollapseItems = vue.ref(null);
+    function $_dragNode(serviceComponent) {
+      console.log(`service-component-lib $_dragNode:${serviceComponent.type}`);
+      emits("drag-node", serviceComponent);
+    }
+    function getIconUrl(url) {
+      if (url) {
+        return new URL(url, typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.src || new URL("designer/service-panel/component-panel.vue2.js", document.baseURI).href).href;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse, {
+        modelValue: openCollapseItems.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
+        style: { "margin-top": "6px" }
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.serviceComponentGroups, (group, index) => {
+            return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+              key: index,
+              name: group.name,
+              class: "amb-design-attr-group-header"
+            }, {
+              title: vue.withCtx(() => [
+                vue.createElementVNode("img", {
+                  src: getIconUrl(group.icon),
+                  style: { "height": "18px" }
+                }, null, 8, _hoisted_1),
+                vue.createTextVNode("   "),
+                vue.createElementVNode("b", null, vue.toDisplayString(group.label), 1)
+              ]),
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createVNode(_component_el_row, { gutter: 14 }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.items, (serviceComponent, index2) => {
+                        return vue.openBlock(), vue.createBlock(_component_el_col, { span: 8 }, {
+                          default: vue.withCtx(() => [
+                            vue.createElementVNode("div", {
+                              class: "serviceflow-item",
+                              title: serviceComponent.label,
+                              onMousedown: ($event) => $_dragNode(serviceComponent)
+                            }, [
+                              vue.createElementVNode("div", null, [
+                                vue.createElementVNode("img", {
+                                  src: getIconUrl(serviceComponent.icon),
+                                  style: { "height": "16px" }
+                                }, null, 8, _hoisted_4)
+                              ]),
+                              vue.createElementVNode("span", null, vue.toDisplayString(serviceComponent.label), 1)
+                            ], 40, _hoisted_3)
+                          ]),
+                          _: 2
+                        }, 1024);
+                      }), 256))
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["name"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-panel/service-list.css

@@ -0,0 +1,36 @@
+
+[data-v-a5cc897b] .el-table__row {
+  cursor: pointer;
+}
+/** 右键菜单样式 */
+.context-menu[data-v-a5cc897b] {
+  position: absolute;
+  background: #fff;
+  z-index: 999;
+  margin: 5;
+  padding: 8px 8px;
+  box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
+  border: 1px solid #bbbbbb;
+  border-radius: 10px;
+  font-size: 14px;
+}
+.context-menu li[data-v-a5cc897b] {
+  list-style-type: none;
+  min-width: 75px;
+  line-height: 28px;
+  text-align: left;
+  border-radius: 5px;
+  padding-left: 5px;
+  cursor: pointer;
+}
+.context-menu li[data-v-a5cc897b]:hover {
+  background: #0165e1;
+  color: #fff;
+}
+/** 右键菜单样式 */
+.custom-tree-node[data-v-a5cc897b] {
+  font-size: 14px;
+  padding-right: 8px;
+  display: flex; /* 使用Flex布局 */
+  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
+}

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

@@ -0,0 +1,22 @@
+declare const _default: import('vue').DefineComponent<{
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}, {}, 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<{
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}>> & {
+    "onService-click"?: (...args: any[]) => any;
+    "onClear-flow-canvas"?: (...args: any[]) => any;
+    "onLoad-tree-data"?: (...args: any[]) => any;
+}, {
+    serviceTreeData: unknown[];
+}, {}>;
+export default _default;

package/dist/lib/designer/service-panel/service-list.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const serviceList_vue_vue_type_script_setup_true_lang = require("./service-list.vue2.js");
+;/* empty css                   */
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const ServiceList = /* @__PURE__ */ _pluginVue_exportHelper(serviceList_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-a5cc897b"]]);
+module.exports = ServiceList;

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

@@ -0,0 +1,340 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const uuid = require("uuid");
+const http = require("agilebuilder-ui/src/utils/request");
+const nodeUtil = require("../common/util/node-util.js");
+const pageStore = require("../../stores/page-store.js");
+const elementPlus = require("element-plus");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-a5cc897b"), n = n(), vue.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__ */ vue.createElementVNode("span", null, "添加菜单", -1));
+const _hoisted_5 = [
+  _hoisted_4
+];
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, "添加服务", -1));
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, "修改", -1));
+const _hoisted_9 = [
+  _hoisted_8
+];
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, "删除", -1));
+const _hoisted_11 = [
+  _hoisted_10
+];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "service-list",
+  props: {
+    serviceTreeData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["service-click", "clear-flow-canvas", "load-tree-data"],
+  setup(__props, { emit: __emit }) {
+    const serviceFlowStoreUtil = pageStore.useServiceFlowStore();
+    const emits = __emit;
+    const treeProps = {
+      id: "id",
+      label: "name"
+    };
+    const props = __props;
+    const search = vue.ref("");
+    const contxtMenuRef = vue.ref();
+    const serviceTreeRef = vue.ref();
+    const showContextMenu = vue.ref(false);
+    const contextMenuData = vue.ref({});
+    const dialogVisible = vue.ref(false);
+    const editType = vue.ref("");
+    const serviceFlow = vue.ref({});
+    const currentServiceflowService = vue.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: uuid.v4(),
+        name: "",
+        type: editType.value
+      };
+      if (contextMenuData.value.id) {
+        serviceFlow.value.parentCode = contextMenuData.value.code;
+      }
+      dialogVisible.value = true;
+    };
+    const saveServiceBaseInfo = () => {
+      if (!serviceFlow.value.name) {
+        elementPlus.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("/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 = {};
+          elementPlus.ElMessage.success("保存成功");
+          dialogVisible.value = false;
+          serviceFlow.value = {};
+        }
+      });
+    };
+    const deleteService = () => {
+      console.log("删除服务：", contextMenuData.value);
+      if (contextMenuData.value.children && contextMenuData.value.children.length > 0) {
+        elementPlus.ElMessage.warning("该节点下存在子节点，不能删除！");
+        return;
+      }
+      http.delete("/component/super-page-design/service-flow", { data: [contextMenuData.value.id] }).then((res) => {
+        elementPlus.ElMessage.success("删除成功");
+        emits("load-tree-data");
+        if (contextMenuData.value.parentCode) {
+          const parent = nodeUtil.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 = {};
+      });
+    };
+    const nodeClick = (data, node, event) => {
+      console.log("node-click", data);
+      closeRightMenu();
+      if (data.type === "SERVICE") {
+        http.get("/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);
+        });
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_tree = vue.resolveComponent("el-tree");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createVNode(_component_el_row, null, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_col, { span: 18 }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input, {
+                  modelValue: search.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+                  placeholder: "搜索"
+                }, {
+                  suffix: vue.withCtx(() => [
+                    vue.createVNode(_component_el_icon, null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(iconsVue.Search))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_col, {
+              span: 6,
+              style: { "text-align": "right" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_tooltip, {
+                  effect: "dark",
+                  content: "添加根菜单",
+                  placement: "top"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_button, {
+                      type: "primary",
+                      icon: vue.unref(iconsVue.Plus),
+                      onClick: addRootServiceMenu
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        vue.createVNode(_component_el_tree, {
+          style: { "margin-top": "10px" },
+          ref_key: "serviceTreeRef",
+          ref: serviceTreeRef,
+          data: __props.serviceTreeData,
+          props: treeProps,
+          "default-expand-all": true,
+          "check-strictly": true,
+          "highlight-current": "",
+          onNodeClick: nodeClick,
+          onNodeContextmenu: nodeContextmenu
+        }, {
+          default: vue.withCtx(({ node, data }) => [
+            vue.createElementVNode("span", _hoisted_1, [
+              data.type === "MENU" ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                key: 0,
+                size: 16
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Menu))
+                ]),
+                _: 1
+              })) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                key: 1,
+                size: 16
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Promotion))
+                ]),
+                _: 1
+              })),
+              vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(node.label), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["data"]),
+        vue.createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
+          "append-to-body": true,
+          title: editType.value === "MENU" ? "菜单" : "服务",
+          width: "500"
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createVNode(_component_el_button, {
+                size: "mini",
+                onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("返回")
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_button, {
+                size: "mini",
+                type: "primary",
+                onClick: saveServiceBaseInfo
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_form_item, { label: "名称：" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input, {
+                  modelValue: serviceFlow.value.name,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => serviceFlow.value.name = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        vue.withDirectives(vue.createElementVNode("div", null, [
+          vue.createElementVNode("ul", {
+            ref_key: "contxtMenuRef",
+            ref: contxtMenuRef,
+            class: "context-menu"
+          }, [
+            contextMenuData.value.type === "MENU" ? (vue.openBlock(), vue.createElementBlock("li", {
+              key: 0,
+              tabindex: "-1",
+              class: "menu__item",
+              onClick: _cache[4] || (_cache[4] = ($event) => addServce("MENU"))
+            }, _hoisted_5)) : vue.createCommentVNode("", true),
+            contextMenuData.value.type === "MENU" ? (vue.openBlock(), vue.createElementBlock("li", {
+              key: 1,
+              tabindex: "-1",
+              class: "menu__item",
+              onClick: _cache[5] || (_cache[5] = ($event) => addServce("SERVICE"))
+            }, _hoisted_7)) : vue.createCommentVNode("", true),
+            currentServiceflowService.value.code !== contextMenuData.value.code ? (vue.openBlock(), vue.createElementBlock("li", {
+              key: 2,
+              tabindex: "-1",
+              class: "menu__item",
+              onClick: editServiceBaseInfo
+            }, _hoisted_9)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("li", {
+              tabindex: "-1",
+              class: "menu__item",
+              onClick: deleteService
+            }, _hoisted_11)
+          ], 512)
+        ], 512), [
+          [vue.vShow, showContextMenu.value]
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-panel/service-panel.css

@@ -0,0 +1,41 @@
+
+.amb-design-assembly-content[data-v-697839eb] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+}
+/*控制滚动条宽度*/
+.amb-design-assembly-content[data-v-697839eb]::-webkit-scrollbar {
+  width: 1px;
+}
+.amb-assembly-header[data-v-697839eb] {
+  position: absolute;
+  width: 220px;
+  text-align: center;
+  padding: 18px 0px 10px 0px;
+  padding-bottom: 14px;
+  background-color: #ffffff;
+}
+.amb-assembly-header-type[data-v-697839eb] {
+  border-radius: 100px 100px 100px 100px;
+  background: #ffffff;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
+  padding: 10px;
+  padding-bottom: 12px;
+}
+.amb-assembly-header-type > label[data-v-697839eb] {
+  padding: 4px 14px;
+  cursor: pointer;
+  font-size: 14px;
+}
+.amb-assembly-header-type > label.selected[data-v-697839eb] {
+  border-radius: 100px 100px 100px 100px;
+  background: #5893ef;
+  color: #ffffff;
+}
+.amb-design-assembly-list[data-v-697839eb] {
+  padding-top: 80px;
+}

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

@@ -0,0 +1,35 @@
+import { default as LogicFlow } from '@logicflow/core';
+
+declare const _default: import('vue').DefineComponent<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}, {}, 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<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}>> & {
+    "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;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,6 @@
+"use strict";
+const servicePanel_vue_vue_type_script_setup_true_lang = require("./service-panel.vue2.js");
+;/* empty css                    */
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const ServicePanel = /* @__PURE__ */ _pluginVue_exportHelper(servicePanel_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-697839eb"]]);
+module.exports = ServicePanel;