service-flow-designer 1.1.18 → 2.0.2

package/dist/es/utils/common-util.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 深度复制
+ * @returns
+ */
+export declare function deepCopy(srcObj: any): any;
+/**
+ * 查询表字的字段
+ * @param systemCode
+ * @param systemVersion
+ * @param tableName
+ * @returns
+ */
+export declare function queryTableFields(systemCode: string, systemVersion: string, tableName: string): Promise<any>;
+/**
+ * 同步选择的参数值到服务变量中
+ */
+export declare function updateServiceParams(updateVariable: string, variableFieldType: string, childItems: Array<any>): void;
+/**
+ * 同步选择的参数值到服务返回值中
+ */
+export declare function updateServiceReturns(updateVariable: string, variableFieldType: string, childItems: Array<any>): void;

package/dist/es/utils/common-util.js

@@ -0,0 +1,235 @@
+import http from "agilebuilder-ui/src/utils/request";
+import { useServiceFlowStore } from "../stores/page-store.js";
+import { v4 } from "uuid";
+import { ElMessage, ElMessageBox } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/message/style/css";
+import "element-plus/es/components/message-box/style/css";
+function queryTableFields(systemCode, systemVersion, tableName) {
+  let url = "/mms/data-tables/table-columns";
+  url += "?systemCode=" + (systemCode ? systemCode : "");
+  url += "&publishVersion=" + (systemVersion ? systemVersion : "");
+  url += "&tableName=" + (tableName ? tableName : "");
+  return http.get(url);
+}
+function updateServiceParams(updateVariable, variableFieldType, childItems) {
+  const paramName = updateVariable.replace("${service.", "").replace("}", "");
+  const serviceFlowStoreUtil = useServiceFlowStore();
+  const variables = serviceFlowStoreUtil.currentService.variables;
+  const hisVariable = queryHisVariable(variables, paramName, "");
+  if (!hisVariable) {
+    ElMessage.error("服务变量中未找到设置的变量,请重新设置返回值!");
+    return;
+  }
+  if (hisVariable.type != variableFieldType) {
+    ElMessageBox.confirm("服务变量类型将根据设置修改,确定要继续吗?", "确认", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning"
+    }).then(({ value }) => {
+      confirmUpdateServiceParams(hisVariable, variableFieldType, childItems);
+    });
+  } else {
+    confirmUpdateServiceParams(hisVariable, variableFieldType, childItems);
+  }
+}
+function confirmUpdateServiceParams(hisVariable, fieldType, childItems) {
+  if (hisVariable.type != fieldType) {
+    let hisItems = hisVariable.items;
+    hisItems = hisItems && hisItems.length > 0 && hisItems[0].isArrayElement ? hisItems[0].items : null;
+    hisVariable.items = [];
+    if (fieldType == "object") {
+      hisVariable.items = hisItems ? hisItems : [];
+    } else if (fieldType == "array") {
+      const arrayItem = {
+        code: v4(),
+        name: "items",
+        isArrayElement: true,
+        alias: "",
+        type: "object",
+        defaultValue: "",
+        items: hisItems ? hisItems : []
+      };
+      hisVariable.items = [arrayItem];
+    }
+  }
+  hisVariable.type = fieldType;
+  if (!hisVariable.items) {
+    hisVariable.items = [];
+  }
+  let allItems = hisVariable.items;
+  allItems = allItems && allItems.length > 0 && allItems[0].isArrayElement ? allItems[0].items : allItems;
+  if (childItems) {
+    const existMap = {};
+    for (let i of allItems) {
+      existMap[i.name] = i;
+    }
+    for (let o of childItems) {
+      if (existMap[o.name]) {
+        continue;
+      }
+      const newItem = {
+        code: v4(),
+        name: o.name,
+        alias: o.alias,
+        type: o.type,
+        defaultValue: "",
+        items: []
+      };
+      allItems.push(newItem);
+      existMap[newItem.name] = newItem;
+    }
+  }
+  ElMessage.success("更新服务变量成功!");
+}
+function queryHisVariable(variables, paramName, parentFieldName) {
+  if (!variables) {
+    return null;
+  }
+  for (let v of variables) {
+    if (!v.name) {
+      continue;
+    }
+    let fieldName = v.name;
+    if (!v.isArrayElement) {
+      if (parentFieldName) {
+        fieldName = parentFieldName + "." + fieldName;
+      }
+    } else {
+      fieldName = parentFieldName;
+    }
+    if (fieldName == paramName) {
+      return v;
+    }
+    if (v.items) {
+      const existItem = queryHisVariable(v.items, paramName, fieldName);
+      if (existItem) {
+        return existItem;
+      }
+    }
+  }
+  return null;
+}
+function updateServiceReturns(updateVariable, variableFieldType, childItems) {
+  if (!updateVariable) {
+    ElMessage.error("未找到设置变量,请重新设置!");
+    return;
+  }
+  const serviceFlowStoreUtil = useServiceFlowStore();
+  if (!serviceFlowStoreUtil.currentService.returnValues) {
+    serviceFlowStoreUtil.currentService.returnValues = [];
+  }
+  const variables = serviceFlowStoreUtil.currentService.returnValues;
+  let hisVariable = queryHisVariableByValue(variables, updateVariable);
+  if (!hisVariable) {
+    hisVariable = getReturnItem();
+    hisVariable.value = updateVariable;
+    hisVariable.type = variableFieldType ? variableFieldType : "object";
+    if (updateVariable) {
+      const strs = updateVariable.replace("}", "").split(".");
+      hisVariable.name = strs[strs.length - 1];
+    }
+    if (hisVariable.type == "array") {
+      const arrayItem = getReturnItem();
+      arrayItem.type = "object";
+      arrayItem.isArrayElement = true;
+      arrayItem.name = "items";
+      hisVariable.items = [arrayItem];
+    }
+    variables.push(hisVariable);
+  }
+  if (hisVariable.type != variableFieldType) {
+    ElMessageBox.confirm("服务中返回值类型将根据设置修改,确定要继续吗?", "确认", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning"
+    }).then(({ value }) => {
+      confirmUpdateServiceReturns(hisVariable, variableFieldType, childItems);
+    });
+  } else {
+    confirmUpdateServiceReturns(hisVariable, variableFieldType, childItems);
+  }
+}
+function confirmUpdateServiceReturns(hisVariable, fieldType, childItems) {
+  if (hisVariable.type != fieldType) {
+    let hisItems = hisVariable.items;
+    hisItems = hisItems && hisItems.length > 0 && hisItems[0].isArrayElement ? hisItems[0].items : null;
+    hisVariable.items = [];
+    if (fieldType == "object") {
+      hisVariable.items = hisItems ? hisItems : [];
+    } else if (fieldType == "array") {
+      const arrayItem = getReturnItem();
+      arrayItem.name = "items";
+      arrayItem.isArrayElement = true;
+      arrayItem.type = "object";
+      arrayItem.value = "";
+      arrayItem.items = hisItems ? hisItems : [];
+      hisVariable.items = [arrayItem];
+    }
+  }
+  hisVariable.type = fieldType;
+  if (!hisVariable.items) {
+    hisVariable.items = [];
+  }
+  let allItems = hisVariable.items;
+  allItems = allItems && allItems.length > 0 && allItems[0].isArrayElement ? allItems[0].items : allItems;
+  if (childItems) {
+    const existMap = {};
+    for (let i of allItems) {
+      if (i.value) {
+        existMap[i.value] = i;
+      }
+    }
+    const parentName = hisVariable.value ? hisVariable.value.replace("${", "").replace("}", "") : "";
+    for (let o of childItems) {
+      const newValue = "${" + parentName + "." + o.name + "}";
+      if (existMap[newValue]) {
+        continue;
+      }
+      const newItem = {
+        code: v4(),
+        name: o.name,
+        alias: o.alias,
+        type: o.type,
+        value: newValue,
+        items: []
+      };
+      allItems.push(newItem);
+      existMap[newValue] = newItem;
+    }
+  }
+  ElMessage.success("更新服务返回值成功!");
+}
+function queryHisVariableByValue(variables, variable) {
+  if (!variables) {
+    return null;
+  }
+  for (let v of variables) {
+    if (!v.isArrayElement) {
+      if (variable == v.value) {
+        return v;
+      }
+    }
+    if (v.items) {
+      const existItem = queryHisVariableByValue(v.items, variable);
+      if (existItem) {
+        return existItem;
+      }
+    }
+  }
+  return null;
+}
+function getReturnItem() {
+  return {
+    code: v4(),
+    name: "",
+    type: "any",
+    value: "",
+    items: []
+  };
+}
+export {
+  queryTableFields,
+  updateServiceParams,
+  updateServiceReturns
+};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "service-flow-designer",
-  "version": "1.1.18",
+  "version": "2.0.2",
   "description": "AgileBuilder Service Flow Designer",
   "license": "ISC",
-  "main": "dist/lib/index.js",
+  "main": "dist/es/index.js",
   "files": [
     "dist/*"
   ],
@@ -20,6 +20,29 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "format": "prettier --write src/"
   },
+  "devDependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "@logicflow/core": "^1.2.23",
+    "@logicflow/extension": "^1.2.23",
+    "@logicflow/layout": "1.2.0-alpha.16",
+    "@types/jsdom": "^21.1.6",
+    "@types/node": "^20.11.28",
+    "@types/uuid": "^9.0.8",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/test-utils": "^2.4.4",
+    "cypress": "^13.6.6",
+    "element-plus": "^2.6.1",
+    "eslint-plugin-cypress": "^2.15.1",
+    "jsdom": "^24.0.0",
+    "pinia": "^2.1.7",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "start-server-and-test": "^2.0.3",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
+    "vitest": "^1.3.1",
+    "vue": "^3.4.21"
+  },
   "dependencies": {
     "@codemirror/autocomplete": "^6.16.0",
     "@codemirror/lang-java": "^6.0.1",
@@ -30,54 +53,17 @@
     "@codemirror/language": "^6.10.1",
     "@codemirror/search": "^6.5.6",
     "@codemirror/state": "^6.4.1",
-    "@element-plus/icons": "^0.0.11",
-    "@element-plus/icons-vue": "^2.3.1",
     "@imengyu/vue3-context-menu": "^1.4.1",
     "@lezer/highlight": "^1.2.0",
-    "@logicflow/core": "^1.2.23",
-    "@logicflow/extension": "^1.2.23",
-    "@logicflow/layout": "1.2.0-alpha.16",
-    "@types/uuid": "^9.0.8",
     "@uiw/codemirror-themes-all": "^4.21.25",
     "@vueuse/core": "^10.9.0",
     "agilebuilder-ui": "^1.0.7",
     "codemirror": "^6.0.1",
-    "element-plus": "^2.6.1",
     "nprogress": "^0.2.0",
-    "pinia": "^2.1.7",
-    "quill": "^2.0.1",
-    "uuid": "^8.2.0"
-  },
-  "devDependencies": {
-    "@element-plus/icons": "^0.0.11",
-    "@element-plus/icons-vue": "^2.3.1",
-    "@rushstack/eslint-patch": "^1.3.3",
-    "@types/jsdom": "^21.1.6",
-    "@types/node": "^20.11.28",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "@vue/eslint-config-prettier": "^8.0.0",
-    "@vue/test-utils": "^2.4.4",
-    "axios": "^1.6.8",
-    "cypress": "^13.6.6",
-    "element-plus": "^2.6.1",
-    "eslint": "^8.49.0",
-    "eslint-plugin-cypress": "^2.15.1",
-    "eslint-plugin-vue": "^9.17.0",
-    "js-cookie": "^3.0.5",
-    "jsdom": "^24.0.0",
-    "mitt": "^3.0.1",
-    "pinia": "^2.1.7",
-    "saas": "^1.0.0",
-    "sass": "^1.72.0",
-    "start-server-and-test": "^2.0.3",
-    "typescript": "^5.4.5",
-    "vite": "^5.1.6",
-    "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.3.1",
-    "vue": "^3.4.21",
-    "vue-i18n": "^9.10.2",
-    "vue-router": "^4.3.0",
+    "quill": "^2.0.2",
+    "quill-delta": "5.1.0",
+    "uuid": "^8.2.0",
+    "vue-i18n": "^9.5.0",
     "vuex": "^4.1.0"
   }
 }

package/dist/es/designer/common/components/database-select.css

@@ -1,10 +0,0 @@
-
-.el-select + .el-input[data-v-393fc753] {
-  margin-left: 10px;
-}
-.el-input + .el-input[data-v-393fc753] {
-  margin-left: 10px;
-}
-.el-input + .el-button[data-v-393fc753] {
-  margin-left: 10px;
-}

package/dist/es/designer/common/components/datatable-select.css

@@ -1,10 +0,0 @@
-
-.el-select + .el-input[data-v-b4ce2c56] {
-  margin-left: 10px;
-}
-.el-input + .el-input[data-v-b4ce2c56] {
-  margin-left: 10px;
-}
-.el-input + .el-button[data-v-b4ce2c56] {
-  margin-left: 10px;
-}

package/dist/es/designer/common/components/file-upload.css

@@ -1,7 +0,0 @@
-
-[data-v-7171cd1f] .el-upload {
-  width: 100%;
-}
-[data-v-7171cd1f] .el-button {
-  width: 100%;
-}

package/dist/es/designer/common/components/value-set-input/value-set-input.css

@@ -1,14 +0,0 @@
-
-[data-v-f8186126] .el-cascader-menu {
-  min-width: 120px !important;
-}
-.totalStyle[data-v-f8186126] {
-  display: flex;
-  height: 15px;
-  align-items: center;
-  justify-content: center;
-  font-size: 10px;
-}
-[data-v-f8186126] .el-input-group__append {
-  cursor: pointer;
-}

package/dist/es/designer/desginer-index.css

@@ -1,24 +0,0 @@
-.amb-container-left[data-v-afc09bd6] {
-  width: 260px;
-  padding-right: 20px;
-  overflow-y: auto;
-}
-.amb-container-main[data-v-afc09bd6] {
-  padding: 0 10px 0 0;
-}
-.amb-container-main[data-v-afc09bd6]::-webkit-scrollbar {
-  width: 1px;
-}
-.amb-container-attr[data-v-afc09bd6] {
-  width: 300px;
-  padding-left: 20px;
-}
-/**
-解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
- */
-[data-v-afc09bd6]:v-deep(.el-drawer__header) {
-  margin-bottom: 0 !important;
-}
-[data-v-afc09bd6] .el-overlay {
-  position: static;
-}

package/dist/es/designer/index.d.ts

@@ -1,3 +0,0 @@
-import { default as ServiceFlowDesginer } from './desginer-index.vue';
-
-export default ServiceFlowDesginer;

package/dist/es/designer/index.js

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

package/dist/es/designer/service-components/base/custom-function/config.css

@@ -1,13 +0,0 @@
-
-.editorTool[data-v-d55ab098] {
-  margin-left: auto;
-}
-.editorOption[data-v-d55ab098] {
-  margin-right: 10px;
-  cursor: pointer;
-}
-.pppp[data-v-d55ab098] {
-  display: flex; /* 使用Flex布局 */
-  justify-content: flex-start;
-  align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
-}

package/dist/es/designer/service-components/base/custom-function/index.css

@@ -1,49 +0,0 @@
-.nodeView[data-v-faa5a940] {
-  box-sizing: border-box;
-  margin: 10px 10px;
-  width: 180px;
-  height: 95px;
-  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
-  padding: 20px 10px;
-}
-.nodeTitle[data-v-faa5a940] {
-  width: 90px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 16px;
-  color: #333333;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 0px 24px;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
-}
-.nodeContent[data-v-faa5a940] {
-  width: 112px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 14px;
-  color: #666666;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 0px 24px;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
-}
-.el-divider--horizontal[data-v-faa5a940] {
-  margin: 12px 0;
-}
-.nodeView[data-v-faa5a940] {
-  border: 1px solid #5a90f9;
-  background: #eef3fe;
-}
-.nodeTitle[data-v-faa5a940] {
-  width: 80px;
-}

package/dist/es/designer/service-components/base/end-node/index.css

@@ -1,20 +0,0 @@
-
-.node-content[data-v-b28923f3] {
-  width: 120px;
-  height: 44px;
-  background: #ffffff;
-  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
-}
-.content[data-v-b28923f3] {
-  width: 28px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 5px 0px 4px 10px;
-}

package/dist/es/designer/service-components/base/judge-condition/index.css

@@ -1,50 +0,0 @@
-.nodeView[data-v-c176feb6] {
-  box-sizing: border-box;
-  margin: 10px 10px;
-  width: 180px;
-  height: 95px;
-  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
-  padding: 20px 10px;
-}
-.nodeTitle[data-v-c176feb6] {
-  width: 90px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 16px;
-  color: #333333;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 0px 24px;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
-}
-.nodeContent[data-v-c176feb6] {
-  width: 112px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 14px;
-  color: #666666;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 0px 24px;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
-}
-.el-divider--horizontal[data-v-c176feb6] {
-  margin: 12px 0;
-}
-.nodeView[data-v-c176feb6] {
-  border: 1px solid #5a90f9;
-  background: #eef3fe;
-  width: 180px;
-  min-height: 95px;
-}
-.nodeContent[data-v-c176feb6] {
-}

package/dist/es/designer/service-components/base/loop-node/config.css

@@ -1,4 +0,0 @@
-
-.el-alert + .el-form-item[data-v-a158f309] {
-  margin-top: 10px;
-}

package/dist/es/designer/service-components/base/notification/index.css

@@ -1,49 +0,0 @@
-.nodeView[data-v-7702fcdb] {
-  box-sizing: border-box;
-  margin: 10px 10px;
-  width: 180px;
-  height: 95px;
-  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
-  padding: 20px 10px;
-}
-.nodeTitle[data-v-7702fcdb] {
-  width: 90px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 16px;
-  color: #333333;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 0px 24px;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
-}
-.nodeContent[data-v-7702fcdb] {
-  width: 112px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 14px;
-  color: #666666;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 0px 24px;
-  white-space: nowrap; /* 确保文本在一行内显示 */
-  overflow: hidden; /* 隐藏超出div宽度的文本 */
-  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
-}
-.el-divider--horizontal[data-v-7702fcdb] {
-  margin: 12px 0;
-}
-.nodeView[data-v-7702fcdb] {
-  border: 1px solid #5a90f9;
-  background: #eef3fe;
-}
-.nodeTitle[data-v-7702fcdb] {
-  width: 80px;
-}

package/dist/es/designer/service-components/base/notification/recipients-select.css

@@ -1,4 +0,0 @@
-
-.el-radio[data-v-1bbd6187] {
-  margin-right: 10px;
-}

package/dist/es/designer/service-components/base/start-node/index.css

@@ -1,20 +0,0 @@
-
-.node-content[data-v-69a854a3] {
-  width: 120px;
-  height: 44px;
-  background: #ffffff;
-  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
-  border-radius: 2px 2px 2px 2px;
-}
-.content[data-v-69a854a3] {
-  width: 28px;
-  height: 15px;
-  font-weight: 400;
-  font-size: 14px;
-  color: #333333;
-  line-height: 14px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 5px 0px 4px 10px;
-}

package/dist/es/designer/service-components/computation/clean/config.css

@@ -1,10 +0,0 @@
-
-.el-alert + .el-table[data-v-d978e7dc] {
-  margin-top: 10px;
-}
-.el-table + .el-alert[data-v-d978e7dc] {
-  margin: 10px 0;
-}
-.el-alert + .el-form-item[data-v-d978e7dc] {
-  margin-top: 10px;
-}