service-flow-designer 1.1.11 → 1.1.12

package/dist/lib/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/lib/designer/service-components/util/common-options.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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" }
+];
+exports.dateFormats = dateFormats;
+exports.formulas = formulas;
+exports.getLabel = getLabel;
+exports.httpMethods = httpMethods;
+exports.logicOperators = logicOperators;
+exports.operators = operators;
+exports.operatorsForNumber = operatorsForNumber;
+exports.operatorsForString = operatorsForString;
+exports.sqlOperators = sqlOperators;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const nodeUtil = require("../common/util/node-util.js");
+const index = require("../service-components/index.js");
 const CustomLine = require("../flow/edge/CustomLine.js");
 const LogicFlow = require("@logicflow/core");
 const layout = require("@logicflow/layout");
@@ -49,6 +50,17 @@ const registerNode = (lf) => {
   if (!lf) {
     return;
   }
+  for (const item of index.initNodes) {
+    console.log(`节点类型：${item.type}, 节点标签：${item.label}`);
+    lf.register(item.nodeAndView);
+  }
+  for (const group of index.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/lib/designer/service-flow-view/service-node-config.css

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

package/dist/lib/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/lib/designer/service-flow-view/service-node-config.vue.js

@@ -2,5 +2,5 @@
 const serviceNodeConfig_vue_vue_type_script_setup_true_lang = require("./service-node-config.vue2.js");
 ;/* empty css                          */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const serviceNodeConfig = /* @__PURE__ */ _pluginVue_exportHelper(serviceNodeConfig_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-516e355a"]]);
+const serviceNodeConfig = /* @__PURE__ */ _pluginVue_exportHelper(serviceNodeConfig_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-aa025314"]]);
 module.exports = serviceNodeConfig;

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

@@ -1,5 +1,6 @@
 "use strict";
 const vue = require("vue");
+const index = require("../service-components/index.js");
 const _hoisted_1 = ["id"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "service-node-config",
@@ -34,9 +35,16 @@ const _sfc_main = /* @__PURE__ */ vue.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 = index.getServiceNodeByType(model.data.type);
+        } else {
+          showDrawer();
+          logicNodeType.value = index.getServiceNodeByType(model.data.type);
+        }
+        serviceNodeTypeData = index.getConfigByType(model.data.type);
+      } else {
         updateNodeValue();
         closeDrawer();
       }
@@ -51,6 +59,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function onDeleteNode() {
       closeDrawer();
     }
+    function showDrawer() {
+      drawerVisible.value = true;
+    }
     function closeDrawer() {
       drawerVisible.value = false;
       emits("update:currentNode", null);

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

@@ -1,4 +1,4 @@
-.amb-design-content[data-v-0787d388] {
+.amb-design-content[data-v-ff04c7d7] {
   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-ff04c7d7]::-webkit-scrollbar {
   width: 1px;
 }
-.amb-design-tool[data-v-0787d388] {
+.amb-design-tool[data-v-ff04c7d7] {
   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-ff04c7d7] {
   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-ff04c7d7]:hover {
   background: rgba(11, 45, 101, 0.105);
 }
-.amb-page-type.selected[data-v-0787d388] {
+.amb-page-type.selected[data-v-ff04c7d7] {
   background: #5893ef;
   color: #ffffff;
 }
-.amb-page-type > label[data-v-0787d388] {
+.amb-page-type > label[data-v-ff04c7d7] {
   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-ff04c7d7] {
   height: 25px;
   margin-top: -12px;
 }
-.amb-design-board[data-v-0787d388] {
+.amb-design-board[data-v-ff04c7d7] {
   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-ff04c7d7] {
   height: 100%;
   width: 100%;
 }
-.amb-item-ghost[data-v-0787d388] {
+.amb-item-ghost[data-v-ff04c7d7] {
   background-color: #5893ef;
   height: 5px;
   line-height: 5px;
   overflow: hidden;
 }
 /* 将你的自定义样式添加到这里 */
-.draggable-placeholder[data-v-0787d388] {
+.draggable-placeholder[data-v-ff04c7d7] {
   background-color: red;
   border: 1px dashed #ddd;
   margin: 5px;
   padding: 10px;
 }
-#LF-view[data-v-0787d388] {
+#LF-view[data-v-ff04c7d7] {
   width: calc(100% - 100px);
   height: 80%;
   outline: none;
@@ -89,10 +89,10 @@
 /**
 解决右侧弹出属性配置遮罩层打开后页面其他地方无法点击问题
  */
-[data-v-0787d388] .el-overlay {
+[data-v-ff04c7d7] .el-overlay {
   position: static !important;
 }
-.triangle[data-v-0787d388] {
+.triangle[data-v-ff04c7d7] {
   display: inline-block;
   width: 0;
   height: 0;

package/dist/lib/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 { 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/lib/designer/service-flow-view/view-index.vue.js

@@ -2,5 +2,5 @@
 const viewIndex_vue_vue_type_script_setup_true_lang = require("./view-index.vue2.js");
 ;/* empty css                 */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const ServiceFlowView = /* @__PURE__ */ _pluginVue_exportHelper(viewIndex_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-0787d388"]]);
+const ServiceFlowView = /* @__PURE__ */ _pluginVue_exportHelper(viewIndex_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-ff04c7d7"]]);
 module.exports = ServiceFlowView;

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

@@ -9,10 +9,11 @@ require("@logicflow/extension/lib/style/index.css");
 const http = require("agilebuilder-ui/src/utils/request");
 const serviceParams_vue_vue_type_script_setup_true_lang = require("./service-params.vue.js");
 const flowUtil = require("./flow-util.js");
+require("../service-components/index.js");
 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-0787d388"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-ff04c7d7"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = {
   class: "amb-design-content",
   ref: "ambServiceFlowContent"
@@ -39,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   emits: ["onBlankClick", "onDeleteNode", "update:logicFlowInstance", "load-tree-data"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const serviceFlowStoreUtil = pageStore.useServiceFlowStore(window["$pinia"]);
+    const serviceFlowStoreUtil = pageStore.useServiceFlowStore();
     const props = __props;
     const emits = __emit;
     const logicFlowContainer = vue.ref();

package/dist/lib/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-71fd6ce1] {
   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-71fd6ce1] {
   margin-bottom: 8px;
 }
-.amb-design-attr-group-header > button[data-v-6edff3cf] {
+.amb-design-attr-group-header > button[data-v-71fd6ce1] {
   background: #f5f6f8;
   padding-left: 10px;
   font-size: 14px;
   height: 42px;
 }
-.amb-design-attr-content[data-v-6edff3cf] {
+.amb-design-attr-content[data-v-71fd6ce1] {
   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-71fd6ce1] {
   margin-top: 16px;
 }
-.amb-design-attr-header-select[data-v-6edff3cf] {
+.amb-design-attr-header-select[data-v-71fd6ce1] {
   width: 90px;
   height: 36px;
 }
-.amb-design-page-param-row[data-v-6edff3cf] {
+.amb-design-page-param-row[data-v-71fd6ce1] {
   height: 34px;
 }
-.el-table__cell > .cell[data-v-6edff3cf] {
+.el-table__cell > .cell[data-v-71fd6ce1] {
   white-space: nowrap !important;
 }
-.serviceflow-item[data-v-6edff3cf] {
+.serviceflow-item[data-v-71fd6ce1] {
   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-71fd6ce1]: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-71fd6ce1] {
   opacity: 1 !important;
 }

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

@@ -2,5 +2,5 @@
 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-6edff3cf"]]);
+const ComponentPanel = /* @__PURE__ */ _pluginVue_exportHelper(componentPanel_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-71fd6ce1"]]);
 module.exports = ComponentPanel;

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

@@ -1,5 +1,7 @@
 "use strict";
 const vue = require("vue");
+const index = require("../service-components/index.js");
+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"];
@@ -9,15 +11,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: ["drag-node"],
   setup(__props, { emit: __emit }) {
     const emits = __emit;
-    const serviceComponentGroups = vue.ref([]);
-    const openCollapseItems = vue.ref(null);
+    const openCollapseItems = vue.ref(index.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, 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) => {
@@ -31,9 +32,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         style: { "margin-top": "6px" }
       }, {
         default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(serviceComponentGroups.value, (group, index) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(index.serviceComponentGroups), (group, index2) => {
             return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
-              key: index,
+              key: index2,
               name: group.name,
               class: "amb-design-attr-group-header"
             }, {
@@ -49,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 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) => {
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.items, (serviceComponent, index22) => {
                         return vue.openBlock(), vue.createBlock(_component_el_col, { span: 8 }, {
                           default: vue.withCtx(() => [
                             vue.createElementVNode("div", {

package/dist/lib/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/lib/designer/service-panel/service-list.vue.js

@@ -2,5 +2,5 @@
 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-4fa29bac"]]);
+const ServiceList = /* @__PURE__ */ _pluginVue_exportHelper(serviceList_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-a5cc897b"]]);
 module.exports = ServiceList;