service-flow-designer 1.1.12 → 1.1.14

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

@@ -0,0 +1,84 @@
+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 AbLogicNode from "../../../flow/base/AbLogicNode.js";
+import AbLogicNodeModel from "../../../flow/base/AbLogicNodeModel.js";
+import "../../../flow/base/AbLogicResizeNodeModel.js";
+import "../../../flow/base/AbLogicResizeNode.js";
+import { h, createApp } from "vue";
+import Start from "./index.vue.js";
+class EndNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    __publicField(this, "customP1");
+    this.isMounted = false;
+    this.r = h(Start, {
+      properties: {},
+      text: props.model.inputData,
+      props: {
+        model: props.model,
+        graphModel: props.graphModel,
+        disabled: props.graphModel.editConfigModel.isSilentMode,
+        isSelected: props.model.isSelected,
+        isHovered: props.model.isHovered,
+        properties: props.model.getProperties()
+      },
+      onBtnClick: (i) => {
+        this.props.graphModel.eventCenter.emit(`node:select-click`, {
+          props
+        });
+      }
+    });
+    this.app = createApp({
+      render: () => this.r
+    });
+  }
+  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();
+    }
+  }
+}
+class EndNodeModel extends AbLogicNodeModel {
+  setAttributes() {
+    super.setAttributes();
+    this.width = 140;
+    this.height = 64;
+    this.text.editable = false;
+    this.inputData = this.text.value;
+  }
+  getOutlineStyle() {
+    const style = super.getOutlineStyle();
+    style.width = 140;
+    style.height = 64;
+    return style;
+  }
+  initNodeData(data) {
+    super.initNodeData(data);
+    const EndNodeAsSource = {
+      message: "结束节点不能主动链接别的节点",
+      validate: () => {
+        return false;
+      }
+    };
+    this.targetRules = [];
+    this.sourceRules.push(EndNodeAsSource);
+  }
+}
+const endNode = {
+  type: "end",
+  view: EndNode,
+  model: EndNodeModel,
+  options: {}
+};
+export {
+  endNode as default
+};

package/dist/es/designer/service-components/base/end-node/index.vue.d.ts

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

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

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

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

@@ -0,0 +1,31 @@
+import { defineComponent, openBlock, createElementBlock, pushScopeId, popScopeId, createElementVNode } from "vue";
+import _imports_0 from "../../../../assets/icon/end.svg.js";
+const _withScopeId = (n) => (pushScopeId("data-v-b28923f3"), n = n(), popScopeId(), n);
+const _hoisted_1 = { style: { "padding": "10px" } };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "node-content" }, [
+  /* @__PURE__ */ createElementVNode("div", { style: { "padding": "8px 27px", "display": "flex", "align-items": "center" } }, [
+    /* @__PURE__ */ createElementVNode("img", {
+      src: _imports_0,
+      style: { "height": "28px" }
+    }),
+    /* @__PURE__ */ createElementVNode("span", { class: "content" }, "结束")
+  ])
+], -1));
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    graphModel: Object,
+    properties: Object
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, _hoisted_3);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,50 @@
+.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/judge-condition/index.d.ts

@@ -0,0 +1,16 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class JudgeConditionNode extends AbLogicNode {
+    customP1: any;
+    constructor(props: any);
+    getResizeShape(): void;
+}
+declare class JudgeConditionNodeModel extends AbLogicNodeModel {
+}
+declare const _default: {
+    type: string;
+    view: typeof JudgeConditionNode;
+    model: typeof JudgeConditionNodeModel;
+    options: {};
+};
+export default _default;

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

@@ -0,0 +1,49 @@
+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 AbLogicNode from "../../../flow/base/AbLogicNode.js";
+import AbLogicNodeModel from "../../../flow/base/AbLogicNodeModel.js";
+import "../../../flow/base/AbLogicResizeNodeModel.js";
+import "../../../flow/base/AbLogicResizeNode.js";
+import { h, createApp } from "vue";
+import myJudgeCondition from "./index.vue.js";
+class JudgeConditionNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    __publicField(this, "customP1");
+    this.isMounted = false;
+    this.r = h(myJudgeCondition, {
+      text: props.model.inputData,
+      model: props.model,
+      graphModel: props.graphModel,
+      disabled: props.graphModel.editConfigModel.isSilentMode,
+      isSelected: props.model.isSelected,
+      isHovered: props.model.isHovered,
+      properties: props.model.getProperties(),
+      onBtnClick: (i) => {
+        this.props.graphModel.eventCenter.emit(`node:select-click`, {
+          props
+        });
+      }
+    });
+    this.app = createApp({
+      render: () => this.r
+    });
+  }
+  getResizeShape() {
+  }
+}
+class JudgeConditionNodeModel extends AbLogicNodeModel {
+}
+const judgeCondition = {
+  type: "judgeCondition",
+  view: JudgeConditionNode,
+  model: JudgeConditionNodeModel,
+  options: {}
+};
+export {
+  judgeCondition as default
+};

package/dist/es/designer/service-components/base/judge-condition/index.vue.d.ts

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

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

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

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

@@ -0,0 +1,64 @@
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, createVNode, Fragment, renderList, pushScopeId, popScopeId } from "vue";
+import _imports_0 from "../../../../assets/icon/vardef-v.png.js";
+const _withScopeId = (n) => (pushScopeId("data-v-c176feb6"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0,
+  style: { "height": "32px", "position": "fixed", "left": "0px", "top": "0px" }
+}, null, -1));
+const _hoisted_2 = { class: "nodeTitle" };
+const _hoisted_3 = { class: "nodeContent" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("br", null, null, -1));
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    graphModel: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    model: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["btnClick"],
+  setup(__props, { emit: __emit }) {
+    const varDef = ref([]);
+    ref([]);
+    onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      const _component_el_divider = resolveComponent("el-divider");
+      return openBlock(), createElementBlock("div", null, [
+        _hoisted_1,
+        createElementVNode("div", {
+          class: "nodeView",
+          style: normalizeStyle({ backgroundColor: __props.properties.backgroundColor })
+        }, [
+          createElementVNode("div", _hoisted_2, toDisplayString(__props.properties.name ? __props.properties.name : "条件判断"), 1),
+          createVNode(_component_el_divider),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(varDef.value, (item) => {
+              return openBlock(), createElementBlock("div", null, [
+                createElementVNode("span", null, toDisplayString(item), 1),
+                _hoisted_4
+              ]);
+            }), 256))
+          ])
+        ], 4)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/designer/service-components/base/loop-node/index.d.ts

@@ -0,0 +1,42 @@
+import { GroupNode } from '@logicflow/extension';
+import { h } from '@logicflow/core';
+
+declare class LoopNode extends GroupNode.view {
+    getResizeShape(): h.JSX.Element;
+    getLabelShape(): any;
+}
+declare class LoopNodeModel extends GroupNode.model {
+    setAttributes(): void;
+    initNodeData(data: any): void;
+    getTextStyle(): import('@logicflow/core/types/constant/DefaultTheme').NodeTextTheme;
+    resetWidthHeight(): void;
+    getNodeStyle(): {
+        [x: string]: any;
+        fill?: string;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+    addChild(id: string): void;
+    getAnchorStyle(): Record<string, any>;
+    getOutlineStyle(): import('@logicflow/core/types/constant/DefaultTheme').OutlineTheme;
+    /**
+     * 提供方法给插件在判断此节点被拖动边界事件节点靠近时调用，从而触发高亮
+     */
+    setTouching(flag: boolean): void;
+    /**
+     * 附加后记录被附加的边界事件节点Id
+     */
+    addBoundaryEvent(nodeId: string): boolean;
+    /**
+     * 被附加的边界事件节点被删除时，移除记录
+     */
+    deleteBoundaryEvent(nodeId: string): void;
+    isAllowAppendIn(nodeData: any): boolean;
+}
+declare const _default: {
+    type: string;
+    view: typeof LoopNode;
+    model: typeof LoopNodeModel;
+    options: {};
+};
+export default _default;

package/dist/es/designer/service-components/base/loop-node/index.js

@@ -0,0 +1,174 @@
+import { GroupNode } from "@logicflow/extension";
+import "vue";
+import { h } from "@logicflow/core";
+class LoopNode extends GroupNode.view {
+  getResizeShape() {
+    const { model } = this.props;
+    const { x, y, width, height, radius, properties } = model;
+    const style = model.getNodeStyle();
+    return h("g", {}, [
+      h("rect", {
+        ...style,
+        x: x - width / 2,
+        y: y - height / 2,
+        rx: radius,
+        ry: radius,
+        width,
+        height,
+        opacity: 0.95
+      }),
+      this.getLabelShape(),
+      h(
+        "g",
+        {
+          transform: `matrix(1 0 0 1 ${x - width / 2} ${y - height / 2})`
+        },
+        h("path", {
+          fill: "white",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          stroke: "rgb(34, 36, 42)",
+          strokeWidth: "2",
+          d: ""
+        }),
+        h("span", {})
+      )
+    ]);
+  }
+  getLabelShape() {
+    const { model } = this.props;
+    const { x, y, width, height } = model;
+    const style = model.getNodeStyle();
+    const icon = "M594.048 937.472c33.6 35.072-21.504 88.896-59.456 55.04-38.528-34.56-77.184-69.056-115.776-103.616-16.192-14.464-15.744-42.688-0.384-57.344 38.08-36.608 76.096-73.216 114.176-109.76 36.608-35.008 91.648 17.216 60.864 53.504 189.824-22.016 258.112-230.336 155.008-379.968-59.648-86.144 78.08-163.136 137.088-77.696C1065.216 577.856 895.808 904.384 594.048 937.472L594.048 937.472zM157.44 706.112C-22.272 445.952 147.072 119.68 448.64 86.464 415.104 51.456 470.208-2.432 508.096 31.488c38.592 34.432 77.12 68.928 115.84 103.552C640 149.376 639.68 177.6 624.32 192.384 586.24 228.928 548.288 265.408 510.144 301.952c-36.48 35.072-91.584-17.216-60.8-53.376-189.76 21.888-258.112 230.272-154.88 379.84C353.984 714.432 216.384 791.488 157.44 706.112L157.44 706.112z";
+    const i = h("path", {
+      fill: style.stroke,
+      d: icon
+    });
+    return h(
+      "svg",
+      {
+        x: x - width / 2 + 5,
+        y: y - height / 2 + 5,
+        width: 20,
+        height: 20,
+        viewBox: "0 0 1274 1024"
+      },
+      i
+    );
+  }
+}
+class LoopNodeModel extends GroupNode.model {
+  setAttributes() {
+    this.menu = [
+      {
+        className: "lf-menu-delete",
+        icon: true,
+        text: "删除",
+        callback: (node) => {
+          this.graphModel.deleteNode(node.id);
+        }
+      }
+    ];
+  }
+  initNodeData(data) {
+    super.initNodeData(data);
+    this.foldable = false;
+    this.resizable = true;
+    this.text.editable = true;
+    this.text.draggable = true;
+    this.width = 400;
+    this.height = 200;
+    if (!data.virtual) {
+      this.text.value = "循环节点";
+    }
+    this.resetWidthHeight();
+    this.isGroupNode = true;
+    this.boundaryEvents = [];
+  }
+  getTextStyle() {
+    const style = super.getTextStyle();
+    style.fontSize = 14;
+    style.color = "#409EFF";
+    return style;
+  }
+  // 自定义根据properties.iniProp
+  resetWidthHeight() {
+    var _a, _b;
+    const width = (_a = this.properties.iniProp) == null ? void 0 : _a.width;
+    const height = (_b = this.properties.iniProp) == null ? void 0 : _b.height;
+    width && (this.width = width);
+    height && (this.height = height);
+  }
+  getNodeStyle() {
+    const style = super.getNodeStyle();
+    style.stroke = "#409EFF";
+    style.strokeWidth = 1;
+    if (this.isSelected) {
+      style.strokeDasharray = "3 3";
+    }
+    return style;
+  }
+  addChild(id) {
+    const model = this.graphModel.getElement(id);
+    model.setProperties({
+      parent: this.id
+    });
+    super.addChild(id);
+  }
+  // 隐藏锚点而不是设置锚点数为0
+  // 因为分组内部节点与外部节点相连时，
+  // 如果折叠分组，需要分组代替内部节点与外部节点相连。
+  getAnchorStyle() {
+    const style = super.getAnchorStyle({});
+    style.stroke = "#000";
+    style.fill = "#fff";
+    style.hover.stroke = "transparent";
+    return style;
+  }
+  getOutlineStyle() {
+    const style = super.getOutlineStyle();
+    style.stroke = "transparent";
+    !style.hover && (style.hover = {});
+    style.hover.stroke = "transparent";
+    return style;
+  }
+  /**
+   * 提供方法给插件在判断此节点被拖动边界事件节点靠近时调用，从而触发高亮
+   */
+  setTouching(flag) {
+    this.setProperty("isBoundaryEventTouchingTask", flag);
+  }
+  /**
+   * 附加后记录被附加的边界事件节点Id
+   */
+  addBoundaryEvent(nodeId) {
+    this.setTouching(false);
+    if (this.boundaryEvents.find((item) => item === nodeId)) {
+      return false;
+    }
+    const boundaryEvent = this.graphModel.getNodeModelById(nodeId);
+    boundaryEvent == null ? void 0 : boundaryEvent.setProperties({
+      attachedToRef: this.id
+    });
+    this.boundaryEvents.push(nodeId);
+    return true;
+  }
+  /**
+   * 被附加的边界事件节点被删除时，移除记录
+   */
+  deleteBoundaryEvent(nodeId) {
+    this.boundaryEvents = this.boundaryEvents.filter((item) => item !== nodeId);
+  }
+  isAllowAppendIn(nodeData) {
+    return nodeData.type !== "start";
+  }
+}
+const loopNode = {
+  type: "loop",
+  view: LoopNode,
+  model: LoopNodeModel,
+  options: {}
+};
+export {
+  loopNode as default
+};

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

@@ -0,0 +1,49 @@
+.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/index.d.ts

@@ -0,0 +1,14 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class NotificationNode extends AbLogicNode {
+    constructor(props: any);
+}
+declare class NotificationNodeModel extends AbLogicNodeModel {
+}
+declare const _default: {
+    type: string;
+    view: typeof NotificationNode;
+    model: typeof NotificationNodeModel;
+    options: {};
+};
+export default _default;

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

@@ -0,0 +1,39 @@
+import AbLogicNode from "../../../flow/base/AbLogicNode.js";
+import AbLogicNodeModel from "../../../flow/base/AbLogicNodeModel.js";
+import "../../../flow/base/AbLogicResizeNodeModel.js";
+import "../../../flow/base/AbLogicResizeNode.js";
+import { h, createApp } from "vue";
+import Notification from "./index.vue.js";
+class NotificationNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    this.isMounted = false;
+    this.r = h(Notification, {
+      model: props.model,
+      graphModel: props.graphModel,
+      disabled: props.graphModel.editConfigModel.isSilentMode,
+      isSelected: props.model.isSelected,
+      isHovered: props.model.isHovered,
+      properties: props.model.getProperties(),
+      onBtnClick: (i) => {
+        this.props.graphModel.eventCenter.emit(`node:select-click`, {
+          props
+        });
+      }
+    });
+    this.app = createApp({
+      render: () => this.r
+    });
+  }
+}
+class NotificationNodeModel extends AbLogicNodeModel {
+}
+const notification = {
+  type: "notification",
+  view: NotificationNode,
+  model: NotificationNodeModel,
+  options: {}
+};
+export {
+  notification as default
+};