service-flow-designer 1.1.11 → 1.1.12

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

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

@@ -0,0 +1,314 @@
+import { defineComponent, ref, onMounted, resolveComponent, 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 = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_form = resolveComponent("el-form");
+      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
+};

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

@@ -0,0 +1,40 @@
+declare function getData(): Record<string, any>;
+/**
+ * 关闭drawer时进行跳转节点间的连线设值
+ */
+declare function onClose(): void;
+declare const _default: import('vue').DefineComponent<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    logicFlowInstance: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    currentNode: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
+    getData: typeof getData;
+    onClose: typeof onClose;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    properties: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    logicFlowInstance: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    currentNode: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    properties: Record<string, any>;
+    logicFlowInstance: Record<string, any>;
+    currentNode: Record<string, any>;
+}, {}>;
+export default _default;

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

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