service-flow-designer 1.1.2 → 1.1.3

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

@@ -1,351 +0,0 @@
-"use strict";
-const es = 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/row/style/css");
-require("element-plus/es/components/tooltip/style/css");
-require("element-plus/es/components/button/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 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 = es.ElIcon;
-      const _component_el_input = es.ElInput;
-      const _component_el_col = es.ElCol;
-      const _component_el_button = es.ElButton;
-      const _component_el_tooltip = es.ElTooltip;
-      const _component_el_row = es.ElRow;
-      const _component_el_tree = es.ElTree;
-      const _component_el_form_item = es.ElFormItem;
-      const _component_el_dialog = es.ElDialog;
-      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

@@ -1,41 +0,0 @@
-
-.amb-design-assembly-content[data-v-59e0837d] {
-  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-59e0837d]::-webkit-scrollbar {
-  width: 1px;
-}
-.amb-assembly-header[data-v-59e0837d] {
-  position: absolute;
-  width: 220px;
-  text-align: center;
-  padding: 18px 0px 10px 0px;
-  padding-bottom: 14px;
-  background-color: #ffffff;
-}
-.amb-assembly-header-type[data-v-59e0837d] {
-  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-59e0837d] {
-  padding: 4px 14px;
-  cursor: pointer;
-  font-size: 14px;
-}
-.amb-assembly-header-type > label.selected[data-v-59e0837d] {
-  border-radius: 100px 100px 100px 100px;
-  background: #5893ef;
-  color: #ffffff;
-}
-.amb-design-assembly-list[data-v-59e0837d] {
-  padding-top: 80px;
-}

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

@@ -1,35 +0,0 @@
-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

@@ -1,6 +0,0 @@
-"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-59e0837d"]]);
-module.exports = ServicePanel;

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

@@ -1,80 +0,0 @@
-"use strict";
-const vue = require("vue");
-const LogicFlow = require("@logicflow/core");
-const serviceList = require("./service-list.vue.js");
-const componentPanel = require("./component-panel.vue.js");
-require("../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__ */ vue.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 = vue.ref("serviceFlowList");
-    const winHeight = vue.ref();
-    const containerHeightStyle = vue.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 vue.openBlock(), vue.createElementBlock("div", {
-        class: "amb-design-assembly-content",
-        ref: "ambDesignAssemblyContent",
-        style: vue.normalizeStyle(containerHeightStyle.value)
-      }, [
-        vue.createElementVNode("div", _hoisted_1, [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createElementVNode("label", {
-              class: vue.normalizeClass({ selected: clickType.value === "serviceFlowList" }),
-              onClick: _cache[0] || (_cache[0] = ($event) => clickType.value = "serviceFlowList")
-            }, " 服务列表 ", 2),
-            vue.createElementVNode("label", {
-              class: vue.normalizeClass({ selected: clickType.value === "component" }),
-              onClick: _cache[1] || (_cache[1] = ($event) => clickType.value = "component")
-            }, " 组件库 ", 2)
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_3, [
-          clickType.value === "serviceFlowList" ? (vue.openBlock(), vue.createBlock(serviceList, {
-            key: 0,
-            serviceTreeData: __props.serviceTreeData,
-            onLoadTreeData: loadTreeData,
-            onServiceClick,
-            onClearFlowCanvas: clearFlowCanvas
-          }, null, 8, ["serviceTreeData"])) : (vue.openBlock(), vue.createBlock(componentPanel, {
-            key: 1,
-            onDragNode: dragNode
-          }))
-        ])
-      ], 4);
-    };
-  }
-});
-module.exports = _sfc_main;

package/dist/lib/stores/page-store.d.ts

@@ -1,23 +0,0 @@
-interface PageContextVarOptions {
-    [otherProp: string]: any;
-}
-export declare const useServiceFlowStore: import('pinia').StoreDefinition<"serviceFlowStoreUtil", import('pinia')._UnwrapAll<Pick<{
-    pageContext: import('vue').Ref<any>;
-    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
-    currentService: import('vue').Ref<any>;
-    setPageContext: (newPageContext: any) => void;
-    getServiceVarOptions: () => any[];
-}, "pageContext" | "pageContextVarOptions" | "currentService">>, Pick<{
-    pageContext: import('vue').Ref<any>;
-    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
-    currentService: import('vue').Ref<any>;
-    setPageContext: (newPageContext: any) => void;
-    getServiceVarOptions: () => any[];
-}, never>, Pick<{
-    pageContext: import('vue').Ref<any>;
-    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
-    currentService: import('vue').Ref<any>;
-    setPageContext: (newPageContext: any) => void;
-    getServiceVarOptions: () => any[];
-}, "setPageContext" | "getServiceVarOptions">>;
-export {};

package/dist/lib/stores/page-store.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const pinia = require("pinia");
-const useServiceFlowStore = pinia.defineStore("serviceFlowStoreUtil", () => {
-  const pageContext = vue.ref({ modelFields: [] });
-  const currentService = vue.ref({ variables: [] });
-  vue.watch(
-    () => pageContext.value.modelFields,
-    (newValue, oldValue) => {
-      console.log("pageContext.value.modelFields 改变", newValue, oldValue);
-      setPageContextVarOptions(pageContext.value);
-    }
-  );
-  const pageContextVarOptions = vue.ref({
-    dataOptions: [],
-    systemVarOptions: [],
-    pageVarOptions: []
-  });
-  function setPageContext(newPageContext) {
-    pageContext.value = newPageContext;
-    setPageContextVarOptions(newPageContext);
-  }
-  function setPageContextVarOptions(pageObject) {
-    if (pageObject) {
-      pageObject.modelFields.forEach((element) => {
-        pageContextVarOptions.value.dataOptions.push({
-          value: element.name,
-          label: element.alias,
-          type: element.type
-        });
-      });
-    }
-  }
-  function setVarOptions(variables, parentName, filterArray) {
-    const tempVarOptions = [];
-    if (variables) {
-      variables.forEach((element) => {
-        const item = {
-          code: element.code,
-          value: element.name,
-          label: element.alias,
-          type: element.type
-        };
-        if (parentName) {
-          item.value = `${parentName}.${element.name}`;
-        }
-        if (element.items && element.items.length > 0 && element.type !== "array") {
-          item.items = setVarOptions(element.items, element.name);
-        }
-        tempVarOptions.push(item);
-      });
-    }
-    return tempVarOptions;
-  }
-  function getServiceVarOptions() {
-    let temp = [];
-    if (currentService.value.variables) {
-      currentService.value.variables.forEach((element) => {
-        temp.push({
-          code: element.code,
-          value: element.name,
-          label: element.alias,
-          type: element.type
-        });
-      });
-    }
-    temp = setVarOptions(currentService.value.variables);
-    return temp;
-  }
-  return {
-    pageContext,
-    pageContextVarOptions,
-    currentService,
-    setPageContext,
-    getServiceVarOptions
-  };
-});
-exports.useServiceFlowStore = useServiceFlowStore;