service-flow-designer 1.1.11 → 1.1.13

package/dist/es/designer/service-components/util/common-options.d.ts

@@ -0,0 +1,36 @@
+interface Option {
+    value: string | number | boolean;
+    label: string;
+    [otherProp: string]: any;
+}
+export declare function dataTypes(): {
+    value: string;
+    label: string;
+}[];
+export declare function isNumber(type: string): boolean;
+export declare const operatorsForNumber: {
+    value: string;
+    label: string;
+}[];
+export declare function isString(type: string): boolean;
+export declare const operatorsForString: {
+    value: string;
+    label: string;
+}[];
+export declare function isDate(type: string): boolean;
+export declare const allOperators: {
+    value: string;
+    label: string;
+}[];
+export declare const logicOperators: {
+    value: string;
+    label: string;
+}[];
+export declare function getOperatorLabel(name: string): string;
+export declare function getLabel(value: string, options: Option[]): string;
+export declare const dateFormats: Option[];
+export declare const formulas: Option[];
+export declare const operators: Option[];
+export declare const sqlOperators: Option[];
+export declare const httpMethods: Option[];
+export {};

package/dist/es/designer/service-components/util/common-options.js

@@ -0,0 +1,131 @@
+const operatorsForNumber = [
+  {
+    value: "gt",
+    label: "大于"
+  },
+  {
+    value: "lt",
+    label: "小于"
+  },
+  {
+    value: "eq",
+    label: "等于"
+  },
+  {
+    value: "le",
+    label: "不小于"
+  },
+  {
+    value: "ge",
+    label: "不大于"
+  },
+  {
+    value: "ne",
+    label: "不等于"
+  }
+];
+const operatorsForString = [
+  {
+    value: "eq",
+    label: "等于"
+  },
+  {
+    value: "neq",
+    label: "不等于"
+  },
+  {
+    value: "contain",
+    label: "包含"
+  },
+  {
+    value: "contain.not",
+    label: "不包含"
+  },
+  {
+    value: "is.null",
+    label: "等于NULL"
+  },
+  {
+    value: "not.null",
+    label: "不等于NULL"
+  }
+];
+[...operatorsForNumber, ...operatorsForString];
+const logicOperators = [
+  {
+    value: "or",
+    label: "或者"
+  },
+  {
+    value: "and",
+    label: "并且"
+  }
+];
+function getLabel(value, options) {
+  if (!value) {
+    return "";
+  }
+  const operator = options.filter((item) => {
+    return item.value === value;
+  });
+  if (operator.length > 0) {
+    return operator[0].label;
+  } else {
+    return "";
+  }
+}
+const dateFormats = [
+  { value: "year", label: "年" },
+  { value: "month", label: "月" },
+  { value: "day", label: "日" }
+];
+const formulas = [
+  { value: "count", label: "总数" },
+  { value: "sum", label: "求和" },
+  { value: "max", label: "最大" },
+  { value: "min", label: "最小" },
+  { value: "avg", label: "均值" }
+];
+const operators = [
+  { value: "gt", label: "大于" },
+  { value: "lt", label: "小于" },
+  { value: "eq", label: "等于" },
+  { value: "le", label: "不小于" },
+  { value: "ge", label: "不大于" },
+  { value: "ne", label: "不等于" },
+  { value: "contain", label: "包含" },
+  { value: "contain.not", label: "不包含" },
+  { value: "is.null", label: "等于NULL" },
+  { value: "not.null", label: "不等于NULL" }
+];
+const sqlOperators = [
+  { value: "EQ", label: "等于" },
+  { value: "GT", label: "大于" },
+  { value: "GET", label: "大于等于" },
+  { value: "LT", label: "小于" },
+  { value: "LET", label: "小于等于" },
+  { value: "NET", label: "不等于" },
+  { value: "CONTAIN", label: "包含" },
+  { value: "NOT_CONTAIN", label: "不包含" },
+  { value: "RANGE_QUERY", label: "IN" },
+  { value: "LEFT_LIKE", label: "左匹配" },
+  { value: "RIGHT_LIKE", label: "右匹配" }
+];
+const httpMethods = [
+  { value: "GET", label: "GET" },
+  { value: "POST", label: "POST" },
+  { value: "PUT", label: "PUT" },
+  { value: "PATCH", label: "PATCH" },
+  { value: "DELETE", label: "DELETE" }
+];
+export {
+  dateFormats,
+  formulas,
+  getLabel,
+  httpMethods,
+  logicOperators,
+  operators,
+  operatorsForNumber,
+  operatorsForString,
+  sqlOperators
+};

package/dist/es/designer/service-flow-view/flow-util.js

@@ -1,4 +1,5 @@
 import { getNextNodeById } from "../common/util/node-util.js";
+import { initNodes, serviceComponentGroups } from "../service-components/import-index.js";
 import CustomLine from "../flow/edge/CustomLine.js";
 import LogicFlow from "@logicflow/core";
 import { Dagre } from "@logicflow/layout";
@@ -47,6 +48,17 @@ const registerNode = (lf) => {
   if (!lf) {
     return;
   }
+  for (const item of initNodes) {
+    console.log(`节点类型：${item.type}, 节点标签：${item.label}`);
+    lf.register(item.nodeAndView);
+  }
+  for (const group of serviceComponentGroups) {
+    console.log(`组别名称：${group.label}`);
+    for (const item of group.items) {
+      console.log(`节点类型：${item.type}, 节点标签：${item.label}`);
+      lf.register(item.nodeAndView);
+    }
+  }
   lf.register(CustomLine);
   lf.setDefaultEdgeType("customLine");
 };

package/dist/es/designer/service-flow-view/service-node-config.css

@@ -5,6 +5,6 @@
 /**
 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
  */
-[data-v-516e355a] .el-overlay {
+[data-v-b7147464] .el-overlay {
   position: static;
 }

package/dist/es/designer/service-flow-view/service-node-config.vue.d.ts

@@ -42,8 +42,8 @@ declare const _default: import('vue').DefineComponent<{
     onOnConfigChange?: (...args: any[]) => any;
     "onUpdate:currentNode"?: (...args: any[]) => any;
 }, {
-    logicFlowInstance: Record<string, any>;
     service: Record<string, any>;
+    logicFlowInstance: Record<string, any>;
     currentNode: Record<string, any>;
 }, {}>;
 export default _default;

package/dist/es/designer/service-flow-view/service-node-config.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./service-node-config.vue2.js";
 /* empty css                         */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const serviceNodeConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-516e355a"]]);
+const serviceNodeConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7147464"]]);
 export {
   serviceNodeConfig as default
 };

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

@@ -1,4 +1,5 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, resolveDynamicComponent } from "vue";
+import { getServiceNodeByType, getConfigByType } from "../service-components/import-index.js";
 const _hoisted_1 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "service-node-config",
@@ -33,9 +34,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     let serviceNodeTypeData = { configComponent: null, drawerWidth: "50%" };
     function onNodeClick(model) {
-      if (!["start", "end"].includes(model.data.type))
-        ;
-      else {
+      if (!["start", "end"].includes(model.data.type)) {
+        if (drawerVisible.value == true) {
+          updateNodeValue();
+          logicNodeType.value = getServiceNodeByType(model.data.type);
+        } else {
+          showDrawer();
+          logicNodeType.value = getServiceNodeByType(model.data.type);
+        }
+        serviceNodeTypeData = getConfigByType(model.data.type);
+      } else {
         updateNodeValue();
         closeDrawer();
       }
@@ -50,6 +58,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onDeleteNode() {
       closeDrawer();
     }
+    function showDrawer() {
+      drawerVisible.value = true;
+    }
     function closeDrawer() {
       drawerVisible.value = false;
       emits("update:currentNode", null);

package/dist/es/designer/service-flow-view/view-index.css

@@ -1,4 +1,4 @@
-.amb-design-content[data-v-0787d388] {
+.amb-design-content[data-v-996207f9] {
   overflow: auto;
   display: block;
   flex: none;
@@ -6,10 +6,10 @@
   width: 100%;
   height: 100%;
 }
-.amb-design-content[data-v-0787d388]::-webkit-scrollbar {
+.amb-design-content[data-v-996207f9]::-webkit-scrollbar {
   width: 1px;
 }
-.amb-design-tool[data-v-0787d388] {
+.amb-design-tool[data-v-996207f9] {
   position: -webkit-sticky; /**Safari */
   position: sticky;
   width: 100%;
@@ -22,7 +22,7 @@
   border-radius: 6px 6px 6px 6px;
   z-index: 0;
 }
-.amb-page-type[data-v-0787d388] {
+.amb-page-type[data-v-996207f9] {
   padding-top: 11px;
   padding-left: 6px;
   padding-right: 6px;
@@ -30,14 +30,14 @@
   border-radius: 4px 4px 4px 4px;
   cursor: pointer;
 }
-.amb-page-type[data-v-0787d388]:hover {
+.amb-page-type[data-v-996207f9]:hover {
   background: rgba(11, 45, 101, 0.105);
 }
-.amb-page-type.selected[data-v-0787d388] {
+.amb-page-type.selected[data-v-996207f9] {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-type > label[data-v-0787d388] {
+.amb-page-type > label[data-v-996207f9] {
   font-size: 14px;
   padding-left: 6px;
   padding-right: 6px;
@@ -46,11 +46,11 @@
   position: relative;
   cursor: pointer;
 }
-.amb-design-tool-split[data-v-0787d388] {
+.amb-design-tool-split[data-v-996207f9] {
   height: 25px;
   margin-top: -12px;
 }
-.amb-design-board[data-v-0787d388] {
+.amb-design-board[data-v-996207f9] {
   margin: 0 auto;
   margin-top: 28px;
   overflow-y: auto;
@@ -60,24 +60,24 @@
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
   padding-bottom: 20px;
 }
-.container[data-v-0787d388] {
+.container[data-v-996207f9] {
   height: 100%;
   width: 100%;
 }
-.amb-item-ghost[data-v-0787d388] {
+.amb-item-ghost[data-v-996207f9] {
   background-color: #5893ef;
   height: 5px;
   line-height: 5px;
   overflow: hidden;
 }
 /* 将你的自定义样式添加到这里 */
-.draggable-placeholder[data-v-0787d388] {
+.draggable-placeholder[data-v-996207f9] {
   background-color: red;
   border: 1px dashed #ddd;
   margin: 5px;
   padding: 10px;
 }
-#LF-view[data-v-0787d388] {
+#LF-view[data-v-996207f9] {
   width: calc(100% - 100px);
   height: 80%;
   outline: none;
@@ -89,10 +89,10 @@
 /**
 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
  */
-[data-v-0787d388] .el-overlay {
+[data-v-996207f9] .el-overlay {
   position: static !important;
 }
-.triangle[data-v-0787d388] {
+.triangle[data-v-996207f9] {
   display: inline-block;
   width: 0;
   height: 0;

package/dist/es/designer/service-flow-view/view-index.vue.d.ts

@@ -1,4 +1,5 @@
 import { default as LogicFlow } from '@logicflow/core';
+import { NodeType } from '../service-components/import-index';
 import { Service } from '../common/types/common-type';
 
 declare const _default: import('vue').DefineComponent<{
@@ -11,7 +12,7 @@ declare const _default: import('vue').DefineComponent<{
         default: () => any[];
     };
 }, {
-    onDragNode: (serviceComponent: any) => void;
+    onDragNode: (serviceComponent: NodeType<any>) => void;
     onServiceClick: (clickService: Service) => void;
     clearFlowCanvas: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./view-index.vue2.js";
 /* empty css                */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ServiceFlowView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0787d388"]]);
+const ServiceFlowView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-996207f9"]]);
 export {
   ServiceFlowView as default
 };

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

@@ -8,10 +8,11 @@ import "@logicflow/extension/lib/style/index.css";
 import http from "agilebuilder-ui/src/utils/request";
 import _sfc_main$1 from "./service-params.vue.js";
 import { getRuntimeJson, newLogicFlow, registerNode, addInitNode } from "./flow-util.js";
+import "../service-components/import-index.js";
 import { findServcieByCode, isDeepEqual } from "../common/util/node-util.js";
 import { useServiceFlowStore } from "../../stores/page-store.js";
 import { ElMessageBox, ElMessage } from "element-plus";
-const _withScopeId = (n) => (pushScopeId("data-v-0787d388"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-996207f9"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   class: "amb-design-content",
   ref: "ambServiceFlowContent"
@@ -38,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const serviceFlowStoreUtil = useServiceFlowStore(window["$pinia"]);
+    const serviceFlowStoreUtil = useServiceFlowStore();
     const props = __props;
     const emits = __emit;
     const logicFlowContainer = ref();

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

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

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

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

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

@@ -1,4 +1,5 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, createTextVNode, toDisplayString, createVNode } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, unref, createElementVNode, createTextVNode, toDisplayString, createVNode } from "vue";
+import { serviceComponentGroups } from "../service-components/import-index.js";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
 const _hoisted_3 = ["title", "onMousedown"];
@@ -8,15 +9,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["drag-node"],
   setup(__props, { emit: __emit }) {
     const emits = __emit;
-    const serviceComponentGroups = ref([]);
-    const openCollapseItems = ref(null);
+    const openCollapseItems = ref(serviceComponentGroups[0].name);
     function $_dragNode(serviceComponent) {
       console.log(`service-component-lib $_dragNode:${serviceComponent.type}`);
       emits("drag-node", serviceComponent);
     }
     function getIconUrl(url) {
       if (url) {
-        return new URL(url).href;
+        return new URL(url, import.meta.url).href;
       }
     }
     return (_ctx, _cache) => {
@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         style: { "margin-top": "6px" }
       }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(serviceComponentGroups.value, (group, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(serviceComponentGroups), (group, index) => {
             return openBlock(), createBlock(_component_el_collapse_item, {
               key: index,
               name: group.name,

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

@@ -1,9 +1,9 @@
 
-[data-v-4fa29bac] .el-table__row {
+[data-v-a5cc897b] .el-table__row {
   cursor: pointer;
 }
 /** 右键菜单样式 */
-.context-menu[data-v-4fa29bac] {
+.context-menu[data-v-a5cc897b] {
   position: absolute;
   background: #fff;
   z-index: 999;
@@ -14,7 +14,7 @@
   border-radius: 10px;
   font-size: 14px;
 }
-.context-menu li[data-v-4fa29bac] {
+.context-menu li[data-v-a5cc897b] {
   list-style-type: none;
   min-width: 75px;
   line-height: 28px;
@@ -23,12 +23,12 @@
   padding-left: 5px;
   cursor: pointer;
 }
-.context-menu li[data-v-4fa29bac]:hover {
+.context-menu li[data-v-a5cc897b]:hover {
   background: #0165e1;
   color: #fff;
 }
 /** 右键菜单样式 */
-.custom-tree-node[data-v-4fa29bac] {
+.custom-tree-node[data-v-a5cc897b] {
   font-size: 14px;
   padding-right: 8px;
   display: flex; /* 使用Flex布局 */

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

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