service-flow-designer 1.1.11 → 1.1.13

package/dist/es/designer/common/components/node-base-config.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    properties: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/common/components/node-base-config.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode } from "vue";
+const _hoisted_1 = { style: { "position": "absolute", "right": "0" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "node-base-config",
+  props: {
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_color_picker = resolveComponent("el-color-picker");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_form_item, { label: "别名：" }, {
+          default: withCtx(() => [
+            createVNode(_component_el_input, {
+              modelValue: __props.properties.name,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.properties.name = $event),
+              placeholder: "",
+              style: { "width": "85%" }
+            }, null, 8, ["modelValue"]),
+            createVNode(_component_el_tooltip, {
+              effect: "dark",
+              content: "主题颜色",
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("span", _hoisted_1, [
+                  createVNode(_component_el_color_picker, {
+                    modelValue: __props.properties.backgroundColor,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.properties.backgroundColor = $event)
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        createVNode(_component_el_form_item, { label: "功能描述：" }, {
+          default: withCtx(() => [
+            createVNode(_component_el_input, {
+              modelValue: __props.properties.description,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.properties.description = $event),
+              placeholder: "",
+              style: { "width": "85%" }
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/designer/common/components/node-base-config.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./node-base-config.vue.js";
+export {
+  _sfc_main as default
+};

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

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

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./value-set-input.vue2.js";
 /* empty css                     */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const ValueSetInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-30effb5d"]]);
+const ValueSetInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-53118ceb"]]);
 export {
   ValueSetInput as default
 };

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

@@ -5,7 +5,7 @@ import { useServiceFlowStore } from "../../../../stores/page-store.js";
 import fileUpload from "../file-upload.vue.js";
 import http from "agilebuilder-ui/src/utils/request";
 import { ElMessage } from "element-plus";
-const _withScopeId = (n) => (pushScopeId("data-v-30effb5d"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-53118ceb"), n = n(), popScopeId(), n);
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
 const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
@@ -56,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const serviceFlowStoreUtil = useServiceFlowStore(window["$pinia"]);
+    const serviceFlowStoreUtil = useServiceFlowStore();
     const emits = __emit;
     const props = __props;
     const defalutValue = ref(null);

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

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

package/dist/es/designer/desginer-index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./desginer-index.vue2.js";
 /* empty css                    */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ServiceFlowDesginer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a23fcda3"]]);
+const ServiceFlowDesginer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92a040fa"]]);
 export {
   ServiceFlowDesginer as default
 };

package/dist/es/designer/desginer-index.vue2.js

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, normalizeStyle } from "vue";
 import ServicePanel from "./service-panel/service-panel.vue.js";
 import ServiceFlowView from "./service-flow-view/view-index.vue.js";
+import "./service-components/import-index.js";
 import { useServiceFlowStore } from "../stores/page-store.js";
 import http from "agilebuilder-ui/src/utils/request";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -14,6 +15,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const serviceTreeData = ref([]);
+    const serviceFlowStoreUtil = useServiceFlowStore();
+    serviceFlowStoreUtil.setPageContext(props.pageContext);
     const logicFlowInstance = ref(null);
     const serviceFlowViewRef = ref();
     const winHeight = ref();
@@ -24,8 +27,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const serviceFlowContainerRef = ref();
     onMounted(() => {
-      const serviceFlowStoreUtil = useServiceFlowStore(window["$pinia"]);
-      serviceFlowStoreUtil.setPageContext(props.pageContext);
       loadTreeData();
       if (serviceFlowContainerRef.value) {
         const rect = serviceFlowContainerRef.value.getBoundingClientRect();

package/dist/es/designer/flow/base/AbLogicNode.d.ts

@@ -0,0 +1,11 @@
+import { HtmlNode } from '@logicflow/core';
+
+/**
+ * 自定义节点基类view
+ */
+export default class AbLogicNode extends HtmlNode {
+    isMounted: boolean;
+    r: any;
+    app: any;
+    setHtml(rootEl: any): void;
+}

package/dist/es/designer/flow/base/AbLogicNode.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { HtmlNode } from "@logicflow/core";
+import "@logicflow/extension";
+class AbLogicNode extends HtmlNode {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isMounted", false);
+    __publicField(this, "r");
+    __publicField(this, "app");
+  }
+  setHtml(rootEl) {
+    if (!this.isMounted) {
+      this.isMounted = true;
+      const node = document.createElement("div");
+      rootEl.appendChild(node);
+      this.app.mount(node);
+    } else {
+      this.r.component.props.properties = this.props.model.getProperties();
+    }
+  }
+}
+export {
+  AbLogicNode as default
+};

package/dist/es/designer/flow/base/AbLogicNodeModel.d.ts

@@ -0,0 +1,14 @@
+import { HtmlNodeModel, ConnectRule } from '@logicflow/core';
+
+/**
+ * 自定义节点基类model 主要右键删除还有节点大小
+ */
+export default class AbLogicNodeModel extends HtmlNodeModel {
+    nodeWidth: number;
+    nodeHeight: number;
+    constructor(data: any, graphModel: any);
+    setAttributes(): void;
+    getOutlineStyle(): import('@logicflow/core/types/constant/DefaultTheme').OutlineTheme;
+    initNodeData(data: any): void;
+    getConnectedSourceRules(): ConnectRule[];
+}

package/dist/es/designer/flow/base/AbLogicNodeModel.js

@@ -0,0 +1,71 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { HtmlNodeModel } from "@logicflow/core";
+import "vue";
+class AbLogicNodeModel extends HtmlNodeModel {
+  constructor(data, graphModel) {
+    super(data, graphModel);
+    __publicField(this, "nodeWidth", 200);
+    __publicField(this, "nodeHeight", 115);
+    console.log("----constructor---AbLogicNodeModel---");
+    this.setAttributes();
+  }
+  setAttributes() {
+    this.width = this.nodeWidth;
+    this.height = this.nodeHeight;
+    this.text.editable = false;
+    this.inputData = this.text.value;
+    this.stroke = "#1E90FF";
+    this.fill = "#F0F8FF";
+    this.radius = 100;
+    this.menu = [
+      {
+        className: "lf-menu-delete",
+        icon: true,
+        text: "删除",
+        callback: (node) => {
+          this.graphModel.deleteNode(node.id);
+          this.graphModel.eventCenter.emit("custom:deleteNode", node);
+        }
+      }
+    ];
+  }
+  getOutlineStyle() {
+    const style = super.getOutlineStyle();
+    style.width = this.nodeWidth;
+    style.height = this.nodeHeight;
+    return style;
+  }
+  initNodeData(data) {
+    super.initNodeData(data);
+  }
+  getConnectedSourceRules() {
+    const rules = super.getConnectedSourceRules();
+    const excludes = ["judgeCondition", "end"];
+    const geteWayOnlyAsTarget = {
+      message: "条件判断才能作为source有多条边连线！",
+      validate: (source, target, sourceAnchor, targetAnchor) => {
+        if (!source) {
+          return false;
+        }
+        let isValid = true;
+        if (excludes.indexOf(source.type) === -1) {
+          const n = source.graphModel.getNodeOutgoingEdge(source.id);
+          if (n.length > 0) {
+            isValid = false;
+          }
+        }
+        return isValid;
+      }
+    };
+    rules.push(geteWayOnlyAsTarget);
+    return rules;
+  }
+}
+export {
+  AbLogicNodeModel as default
+};

package/dist/es/designer/flow/base/AbLogicResizeNode.d.ts

@@ -0,0 +1,11 @@
+import { HtmlResize } from '@logicflow/extension';
+
+/**
+ * 节点放大缩小， 暂时没研究， 需要自己控制自定义节点放大缩小比例
+ */
+export default class AbLogicResizeNode extends HtmlResize.view {
+    isMounted: boolean;
+    r: any;
+    app: any;
+    setHtml(rootEl: any): void;
+}

package/dist/es/designer/flow/base/AbLogicResizeNode.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import "@logicflow/core";
+import { HtmlResize } from "@logicflow/extension";
+class AbLogicResizeNode extends HtmlResize.view {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "isMounted", false);
+    __publicField(this, "r");
+    __publicField(this, "app");
+  }
+  setHtml(rootEl) {
+    if (!this.isMounted) {
+      this.isMounted = true;
+      const node = document.createElement("div");
+      rootEl.appendChild(node);
+      this.app.mount(node);
+    } else {
+      this.r.component.props.properties = this.props.model.getProperties();
+    }
+  }
+}
+export {
+  AbLogicResizeNode as default
+};

package/dist/es/designer/flow/base/AbLogicResizeNodeModel.d.ts

@@ -0,0 +1,9 @@
+import { HtmlResize } from '@logicflow/extension';
+
+export default class AbLogicResizeNodeModel extends HtmlResize.model {
+    nodeWidth: number;
+    nodeHeight: number;
+    constructor(data: any, graphModel: any);
+    setAttributes(): void;
+    getOutlineStyle(): import('@logicflow/core/types/constant/DefaultTheme').OutlineTheme;
+}

package/dist/es/designer/flow/base/AbLogicResizeNodeModel.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import "@logicflow/core";
+import "vue";
+import { HtmlResize } from "@logicflow/extension";
+class AbLogicResizeNodeModel extends HtmlResize.model {
+  constructor(data, graphModel) {
+    super(data, graphModel);
+    __publicField(this, "nodeWidth", 200);
+    __publicField(this, "nodeHeight", 115);
+    console.log("----constructor---AbLogicNodeModel---");
+    this.setAttributes();
+  }
+  setAttributes() {
+    this.text.editable = false;
+    this.inputData = this.text.value;
+    this.stroke = "#1E90FF";
+    this.fill = "#F0F8FF";
+    this.radius = 100;
+    this.menu = [
+      {
+        className: "lf-menu-delete",
+        icon: true,
+        text: "删除",
+        callback: (node) => {
+          this.graphModel.deleteNode(node.id);
+          this.graphModel.eventCenter.emit("custom:deleteNode", node);
+        }
+      }
+    ];
+  }
+  getOutlineStyle() {
+    const style = super.getOutlineStyle();
+    style.width = this.nodeWidth;
+    style.height = this.nodeHeight;
+    return style;
+  }
+}
+export {
+  AbLogicResizeNodeModel as default
+};

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

@@ -0,0 +1,6 @@
+import { default as AbLogicNode } from './AbLogicNode';
+import { default as AbLogicNodeModel } from './AbLogicNodeModel';
+import { default as AbLogicResizeNodeModel } from './AbLogicResizeNodeModel';
+import { default as AbLogicResizeNode } from './AbLogicResizeNode';
+
+export { AbLogicNode, AbLogicNodeModel, AbLogicResizeNode, AbLogicResizeNodeModel };

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

@@ -0,0 +1,13 @@
+
+.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/config.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    fullScreen: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onFullScreen?: (...args: any[]) => any;
+}, {
+    properties: Record<string, any>;
+}, {}>;
+export default _default;

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

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