service-flow-designer 1.1.1 → 1.1.3

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

@@ -1,11 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,71 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,45 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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/flow/edge/CustomLine.d.ts

@@ -1,25 +0,0 @@
-import { PolylineEdge, PolylineEdgeModel } from '@logicflow/core';
-
-declare class CustomLine extends PolylineEdge {
-}
-/**
- * 自定义线条model
- */
-declare class CustomLineModel extends PolylineEdgeModel {
-    getEdgeStyle(): {
-        [x: string]: any;
-        fill?: string;
-        stroke?: string;
-        strokeWidth?: number;
-    };
-    getTextPosition(): {
-        x: number;
-        y: number;
-    };
-}
-declare const _default: {
-    type: string;
-    view: typeof CustomLine;
-    model: typeof CustomLineModel;
-};
-export default _default;

package/dist/es/designer/flow/edge/CustomLine.js

@@ -1,49 +0,0 @@
-import { PolylineEdge, PolylineEdgeModel } from "@logicflow/core";
-class CustomLine extends PolylineEdge {
-}
-class CustomLineModel extends PolylineEdgeModel {
-  getEdgeStyle() {
-    const style = super.getEdgeStyle();
-    style.strokeWidth = 2;
-    style.stroke = this.isSelected ? "#ff7f0e" : "#C8CDD4";
-    return style;
-  }
-  getTextPosition() {
-    const position = super.getTextPosition();
-    const currentPositionList = this.points.split(" ");
-    currentPositionList && currentPositionList.forEach((item) => {
-      item.split(",");
-    });
-    if (currentPositionList.length > 1) {
-      let [x1, y1] = currentPositionList[0].split(",");
-      let [x2, y2] = currentPositionList[1].split(",");
-      let distence = 50;
-      const newX1 = Number(x1);
-      const newY1 = Number(y1);
-      const newx2 = Number(x2);
-      const newy2 = Number(y2);
-      if (newX1 === newx2) {
-        if (newy2 < newY1) {
-          distence = -50;
-        }
-        position.y = newY1 + distence;
-        position.x = newX1;
-      } else {
-        if (newx2 < newX1) {
-          distence = -50;
-        }
-        position.x = newX1 + distence;
-        position.y = newY1 - 10;
-      }
-    }
-    return position;
-  }
-}
-const CustomLine$1 = {
-  type: "customLine",
-  view: CustomLine,
-  model: CustomLineModel
-};
-export {
-  CustomLine$1 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/config.vue.d.ts

@@ -1,18 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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
-};

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

@@ -1,321 +0,0 @@
-import { ElOption, ElSelect, ElTooltip, ElIcon, ElForm } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/form/style/css";
-import "element-plus/es/components/icon/style/css";
-import "element-plus/es/components/tooltip/style/css";
-import "element-plus/es/components/select/style/css";
-import "element-plus/es/components/option/style/css";
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, unref, normalizeStyle, pushScopeId, popScopeId } from "vue";
-import { useLocalStorage } from "@vueuse/core";
-import _sfc_main$1 from "../../../common/components/node-base-config.vue.js";
-import { Search, FullScreen } from "@element-plus/icons-vue";
-import { EditorView, basicSetup } from "codemirror";
-import { javaLanguage, java } from "@codemirror/lang-java";
-import { EditorState } from "@codemirror/state";
-import { openSearchPanel } from "@codemirror/search";
-import { eclipse, githubDark, githubLight, dracula, vscodeDark, xcodeDark, xcodeLight } from "@uiw/codemirror-themes-all";
-const _withScopeId = (n) => (pushScopeId("data-v-d55ab098"), n = n(), popScopeId(), n);
-const _hoisted_1 = { style: { "height": "400px" } };
-const _hoisted_2 = {
-  style: { "padding": "8px 16px", "margin": "10px 0px", "background-color": "#f4f4f5" },
-  class: "pppp"
-};
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "color": "#909399", "font-size": "14px" } }, " public void execute(serviceContext,serviceNode){", -1));
-const _hoisted_4 = { class: "editorTool" };
-const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "color": "gray" } }, " }", -1));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "config",
-  props: {
-    properties: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  emits: ["fullScreen"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const fullScreenDrawer = ref(false);
-    const editorStyle = ref({ theme: "default", fontSize: 14, searchOpen: false });
-    const cfCodemirrorRef = ref();
-    const editor = ref(null);
-    const codemirrorHeight = ref("400px");
-    onMounted(() => {
-      if (cfCodemirrorRef.value) {
-        const rect = cfCodemirrorRef.value.getBoundingClientRect();
-        if (rect.y || rect.y === 0) {
-          codemirrorHeight.value = window.innerHeight - rect.y - 100 + "px";
-        }
-      }
-      let cacheEditorStyleStr = useLocalStorage("editorStyle", { theme: "default", fontSize: 14 }).value;
-      if (cacheEditorStyleStr) {
-        editorStyle.value.theme = cacheEditorStyleStr.theme;
-        editorStyle.value.fontSize = cacheEditorStyleStr.fontSize;
-      }
-      loadEditor();
-    });
-    function showFullScreen() {
-      if (fullScreenDrawer.value === true) {
-        fullScreenDrawer.value = false;
-        emits("fullScreen", { withHeader: true, drawerWidth: "50%" });
-      } else {
-        fullScreenDrawer.value = true;
-        emits("fullScreen", { withHeader: false, drawerWidth: "100%" });
-      }
-    }
-    const jsDocCompletions = javaLanguage.data.of({});
-    function changeEditorState() {
-      useLocalStorage("editorStyle", editorStyle.value).value = editorStyle.value;
-      if (editor.value) {
-        if (editor.value) {
-          editor.value.destroy();
-        }
-        loadEditor();
-      }
-    }
-    function getEditorState() {
-      const mytheme = getTheme();
-      const baseTheme = EditorView.theme({
-        ".cm-content, .cm-gutter": { minHeight: "200px" },
-        "&": {
-          height: codemirrorHeight.value,
-          maxHeight: codemirrorHeight.value,
-          fontSize: editorStyle.value.fontSize + "px"
-        }
-      });
-      return EditorState.create({
-        doc: props.properties.function,
-        extensions: [
-          EditorState.tabSize.of(16),
-          basicSetup,
-          java(),
-          jsDocCompletions,
-          mytheme,
-          baseTheme,
-          EditorView.updateListener.of(function(value) {
-            props.properties.function = value.state.doc.toString();
-          })
-        ]
-      });
-    }
-    function getTheme() {
-      switch (editorStyle.value.theme) {
-        case "xcodeLight":
-          return xcodeLight;
-        case "xcodeDark":
-          return xcodeDark;
-        case "vscodeDark":
-          return vscodeDark;
-        case "dracula":
-          return dracula;
-        case "githubLight":
-          return githubLight;
-        case "githubDark":
-          return githubDark;
-        case "eclipse":
-          return eclipse;
-      }
-      return EditorView.theme({});
-    }
-    function loadEditor() {
-      const state = getEditorState();
-      editor.value = new EditorView({
-        state,
-        parent: document.getElementById("cf-codemirror")
-      });
-    }
-    function openSearch() {
-      if (editor.value) {
-        editor.value.focus();
-        let newState = openSearchPanel(editor.value);
-        if (newState) {
-          editor.value.update([]);
-        }
-      }
-    }
-    __expose({});
-    return (_ctx, _cache) => {
-      const _component_el_option = ElOption;
-      const _component_el_select = ElSelect;
-      const _component_el_tooltip = ElTooltip;
-      const _component_el_icon = ElIcon;
-      const _component_el_form = ElForm;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_el_form, {
-          "label-width": "auto",
-          "label-position": "left"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, { properties: __props.properties }, null, 8, ["properties"]),
-            createElementVNode("div", _hoisted_2, [
-              _hoisted_3,
-              createElementVNode("span", _hoisted_4, [
-                createVNode(_component_el_tooltip, {
-                  effect: "dark",
-                  content: "切换主题",
-                  placement: "top"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_select, {
-                      class: "editorOption",
-                      onChange: changeEditorState,
-                      modelValue: editorStyle.value.theme,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editorStyle.value.theme = $event),
-                      placeholder: "",
-                      size: "small",
-                      style: { "width": "120px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_option, {
-                          label: "默认",
-                          value: "default"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "VScodeDark",
-                          value: "vscodeDark"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "Dracula",
-                          value: "dracula"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "GithubLight",
-                          value: "githubLight"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "GithubDark",
-                          value: "githubDark"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "Eclipse",
-                          value: "eclipse"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "XcodeLight",
-                          value: "xcodeLight"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "XcodeDark",
-                          value: "xcodeDark"
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_tooltip, {
-                  effect: "dark",
-                  content: "切换字体大小",
-                  placement: "top"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_select, {
-                      class: "editorOption",
-                      modelValue: editorStyle.value.fontSize,
-                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => editorStyle.value.fontSize = $event),
-                      placeholder: "",
-                      onChange: changeEditorState,
-                      size: "small",
-                      style: { "width": "80px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_option, {
-                          label: "12",
-                          value: 12
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "14",
-                          value: 14
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "16",
-                          value: 16
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "18",
-                          value: 18
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "20",
-                          value: 20
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "22",
-                          value: 22
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "24",
-                          value: 24
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "26",
-                          value: 26
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "28",
-                          value: 28
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              createVNode(_component_el_tooltip, {
-                effect: "dark",
-                content: "打开搜索",
-                placement: "top"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_icon, {
-                    class: "editorOption",
-                    onClick: openSearch
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Search))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_tooltip, {
-                effect: "dark",
-                content: fullScreenDrawer.value ? "退出全屏" : "全屏",
-                placement: "top"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_icon, {
-                    style: { "cursor": "pointer" },
-                    onClick: showFullScreen
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(FullScreen))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["content"])
-            ]),
-            createElementVNode("div", {
-              style: normalizeStyle([{ height: codemirrorHeight.value }, { "background-color": "'#fff'", "color": "'#333'", "outline": "'1px dotted #212121'" }]),
-              id: "cf-codemirror",
-              ref_key: "cfCodemirrorRef",
-              ref: cfCodemirrorRef
-            }, null, 4),
-            _hoisted_5
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};