service-flow-designer 0.0.1-beta

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

@@ -0,0 +1,367 @@
+"use strict";
+;/* empty css                                                                                                           */
+;/* empty css                                                                                                              */
+;/* empty css                                                                                                              */
+require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-tooltip.css.js");
+;/* empty css                                                                                                                */
+;/* empty css                                                                                                               */
+;/* empty css                                                                                                             */
+;/* empty css                                                                                                                */
+;/* empty css                                                                                                                      */
+;/* empty css                                                                                                                   */
+;/* empty css                                                                                                                */
+const Vue = require("vue");
+const index = require("../../../../node_modules/.pnpm/@vueuse_core@10.9.0_vue@3.4.21/node_modules/@vueuse/core/index.js");
+const nodeBaseConfig_vue_vue_type_script_setup_true_lang = require("../../../common/components/node-base-config.vue.js");
+const index$3 = require("../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.4.21/node_modules/@element-plus/icons-vue/dist/index.js");
+const index$5 = require("../../../../node_modules/.pnpm/codemirror@6.0.1_@lezer_common@1.2.1/node_modules/codemirror/dist/index.js");
+const index$1 = require("../../../../node_modules/.pnpm/@codemirror_lang-java@6.0.1/node_modules/@codemirror/lang-java/dist/index.js");
+const index$4 = require("../../../../node_modules/.pnpm/@codemirror_state@6.4.1/node_modules/@codemirror/state/dist/index.js");
+const index$b = require("../../../../node_modules/.pnpm/@codemirror_search@6.5.6/node_modules/@codemirror/search/dist/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-abcdef@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-abcdef/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-abyss@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-abyss/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-androidstudio@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-androidstudio/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-andromeda@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-andromeda/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-atomone@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-atomone/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-aura@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-aura/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-basic@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-basic/esm/dark.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-basic@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-basic/esm/light.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-bbedit@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-bbedit/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-bespin@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-bespin/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-console@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-console/esm/dark.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-console@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-console/esm/light.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-copilot@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-copilot/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-darcula@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-darcula/esm/index.js");
+const index$8 = require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-dracula@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-dracula/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-duotone@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-duotone/esm/index.js");
+const index$6 = require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-eclipse@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-eclipse/esm/index.js");
+const index$7 = require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-github@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-github/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-gruvbox-dark@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-gruvbox-dark/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-kimbie@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-kimbie/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-material@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-material/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-monokai@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-monokai/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-monokai-dimmed@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-monokai-dimmed/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-noctis-lilac@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-noctis-lilac/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-nord@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-nord/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-okaidia@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-okaidia/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-quietlight@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-quietlight/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-red@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-red/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-solarized@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-solarized/esm/dark.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-solarized@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-solarized/esm/light.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-sublime@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-sublime/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-tokyo-night@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-tokyo-night/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-tokyo-night-storm@4.22.0_@codemirror_language@6.10.1_@codemirror_state@_l4krio5vg4vipcrpby2w7mu4gm/node_modules/@uiw/codemirror-theme-tokyo-night-storm/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-tokyo-night-day@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-tokyo-night-day/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-tomorrow-night-blue@4.22.0_@codemirror_language@6.10.1_@codemirror_stat_3723imc43juge3khiueceiq7ka/node_modules/@uiw/codemirror-theme-tomorrow-night-blue/esm/index.js");
+const index$9 = require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-vscode@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-vscode/esm/index.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-white@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-white/esm/dark.js");
+require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-white@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-white/esm/light.js");
+const index$a = require("../../../../node_modules/.pnpm/@uiw_codemirror-theme-xcode@4.22.0_@codemirror_language@6.10.1_@codemirror_state@6.4.1_@codemirror_view@6.26.2/node_modules/@uiw/codemirror-theme-xcode/esm/index.js");
+const index$2 = require("../../../../node_modules/.pnpm/@codemirror_view@6.26.2/node_modules/@codemirror/view/dist/index.js");
+const index$c = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/select/index.js");
+const index$d = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/tooltip/index.js");
+const index$e = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/icon/index.js");
+const index$f = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/form/index.js");
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-d55ab098"), n = n(), Vue.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__ */ Vue.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__ */ Vue.createElementVNode("span", { style: { "color": "gray" } }, " }", -1));
+const _sfc_main = /* @__PURE__ */ Vue.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 = Vue.ref(false);
+    const editorStyle = Vue.ref({ theme: "default", fontSize: 14, searchOpen: false });
+    const cfCodemirrorRef = Vue.ref();
+    const editor = Vue.ref(null);
+    const codemirrorHeight = Vue.ref("400px");
+    Vue.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 = index.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 = index$1.javaLanguage.data.of({});
+    function changeEditorState() {
+      index.useLocalStorage("editorStyle", editorStyle.value).value = editorStyle.value;
+      if (editor.value) {
+        if (editor.value) {
+          editor.value.destroy();
+        }
+        loadEditor();
+      }
+    }
+    function getEditorState() {
+      const mytheme = getTheme();
+      const baseTheme = index$2.EditorView.theme({
+        ".cm-content, .cm-gutter": { minHeight: "200px" },
+        "&": {
+          height: codemirrorHeight.value,
+          maxHeight: codemirrorHeight.value,
+          fontSize: editorStyle.value.fontSize + "px"
+        }
+      });
+      return index$4.EditorState.create({
+        doc: props.properties.function,
+        extensions: [
+          index$4.EditorState.tabSize.of(16),
+          index$5.basicSetup,
+          index$1.java(),
+          jsDocCompletions,
+          mytheme,
+          baseTheme,
+          index$2.EditorView.updateListener.of(function(value) {
+            props.properties.function = value.state.doc.toString();
+          })
+        ]
+      });
+    }
+    function getTheme() {
+      switch (editorStyle.value.theme) {
+        case "xcodeLight":
+          return index$a.xcodeLight;
+        case "xcodeDark":
+          return index$a.xcodeDark;
+        case "vscodeDark":
+          return index$9.vscodeDark;
+        case "dracula":
+          return index$8.dracula;
+        case "githubLight":
+          return index$7.githubLight;
+        case "githubDark":
+          return index$7.githubDark;
+        case "eclipse":
+          return index$6.eclipse;
+      }
+      return index$2.EditorView.theme({});
+    }
+    function loadEditor() {
+      const state = getEditorState();
+      editor.value = new index$2.EditorView({
+        state,
+        parent: document.getElementById("cf-codemirror")
+      });
+    }
+    function openSearch() {
+      if (editor.value) {
+        editor.value.focus();
+        index$b.openSearchPanel(editor.value);
+        {
+          editor.value.update([]);
+        }
+      }
+    }
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_option = index$c.ElOption;
+      const _component_el_select = index$c.ElSelect;
+      const _component_el_tooltip = index$d.ElTooltip;
+      const _component_el_icon = index$e.ElIcon;
+      const _component_el_form = index$f.ElForm;
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createVNode(_component_el_form, {
+          "label-width": "auto",
+          "label-position": "left"
+        }, {
+          default: Vue.withCtx(() => [
+            Vue.createVNode(nodeBaseConfig_vue_vue_type_script_setup_true_lang, { properties: __props.properties }, null, 8, ["properties"]),
+            Vue.createElementVNode("div", _hoisted_2, [
+              _hoisted_3,
+              Vue.createElementVNode("span", _hoisted_4, [
+                Vue.createVNode(_component_el_tooltip, {
+                  effect: "dark",
+                  content: "切换主题",
+                  placement: "top"
+                }, {
+                  default: Vue.withCtx(() => [
+                    Vue.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: Vue.withCtx(() => [
+                        Vue.createVNode(_component_el_option, {
+                          label: "默认",
+                          value: "default"
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "VScodeDark",
+                          value: "vscodeDark"
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "Dracula",
+                          value: "dracula"
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "GithubLight",
+                          value: "githubLight"
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "GithubDark",
+                          value: "githubDark"
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "Eclipse",
+                          value: "eclipse"
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "XcodeLight",
+                          value: "xcodeLight"
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "XcodeDark",
+                          value: "xcodeDark"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                Vue.createVNode(_component_el_tooltip, {
+                  effect: "dark",
+                  content: "切换字体大小",
+                  placement: "top"
+                }, {
+                  default: Vue.withCtx(() => [
+                    Vue.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: Vue.withCtx(() => [
+                        Vue.createVNode(_component_el_option, {
+                          label: "12",
+                          value: 12
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "14",
+                          value: 14
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "16",
+                          value: 16
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "18",
+                          value: 18
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "20",
+                          value: 20
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "22",
+                          value: 22
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "24",
+                          value: 24
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "26",
+                          value: 26
+                        }),
+                        Vue.createVNode(_component_el_option, {
+                          label: "28",
+                          value: 28
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              Vue.createVNode(_component_el_tooltip, {
+                effect: "dark",
+                content: "打开搜索",
+                placement: "top"
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createVNode(_component_el_icon, {
+                    class: "editorOption",
+                    onClick: openSearch
+                  }, {
+                    default: Vue.withCtx(() => [
+                      Vue.createVNode(Vue.unref(index$3.Search))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              Vue.createVNode(_component_el_tooltip, {
+                effect: "dark",
+                content: fullScreenDrawer.value ? "退出全屏" : "全屏",
+                placement: "top"
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createVNode(_component_el_icon, {
+                    style: { "cursor": "pointer" },
+                    onClick: showFullScreen
+                  }, {
+                    default: Vue.withCtx(() => [
+                      Vue.createVNode(Vue.unref(index$3.FullScreen))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["content"])
+            ]),
+            Vue.createElementVNode("div", {
+              style: Vue.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
+        })
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/base/custom-function/index.css

@@ -0,0 +1,49 @@
+.nodeView[data-v-faa5a940] {
+  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-faa5a940] {
+  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-faa5a940] {
+  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-faa5a940] {
+  margin: 12px 0;
+}
+.nodeView[data-v-faa5a940] {
+  border: 1px solid #5a90f9;
+  background: #eef3fe;
+}
+.nodeTitle[data-v-faa5a940] {
+  width: 80px;
+}

package/dist/lib/designer/service-components/base/custom-function/index.d.ts

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

package/dist/lib/designer/service-components/base/custom-function/index.js

@@ -0,0 +1,64 @@
+"use strict";
+const AbLogicNode = require("../../../flow/base/AbLogicNode.js");
+const AbLogicNodeModel = require("../../../flow/base/AbLogicNodeModel.js");
+require("../../../../node_modules/.pnpm/@logicflow_core@1.2.27/node_modules/@logicflow/core/dist/logic-flow.js");
+const Vue = require("vue");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/events/StartEvent.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/events/EndEvent.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/gateways/ExclusiveGateway.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/tasks/UserTask.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/tasks/ServiceTask.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn/flow/SequenceFlow.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-adapter/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-elements/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-elements-adapter/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/turbo-adapter/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/insert-node-in-polyline/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/control/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/menu/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/context-menu/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/dnd-panel/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/selection-select/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/mini-map/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/materials/curved-edge/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/materials/group/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/RectResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/EllipseResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/DiamondResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/NodeResize/Node/HtmlResize.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/tools/flow-path/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/tools/auto-layout/index.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/bpmn-adapter/xml2json.js");
+require("../../../../node_modules/.pnpm/@logicflow_extension@1.2.27/node_modules/@logicflow/extension/es/components/highlight/index.js");
+const index = ;/* empty css           */
+class CustomFunctionNode extends AbLogicNode {
+  constructor(props) {
+    super(props);
+    this.isMounted = false;
+    this.r = Vue.h(index, {
+      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 = Vue.createApp({
+      render: () => this.r
+    });
+  }
+}
+class CustomFunctionNodeModel extends AbLogicNodeModel {
+}
+const customFunction = {
+  type: "customFunction",
+  view: CustomFunctionNode,
+  model: CustomFunctionNodeModel,
+  options: {}
+};
+module.exports = customFunction;

package/dist/lib/designer/service-components/base/custom-function/index.vue.d.ts

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

package/dist/lib/designer/service-components/base/custom-function/index.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const CustomFunction = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-faa5a940"]]);
+module.exports = CustomFunction;

package/dist/lib/designer/service-components/base/custom-function/index.vue2.js

@@ -0,0 +1,43 @@
+"use strict";
+;/* empty css                                                                                                           */
+;/* empty css                                                                                                                 */
+const Vue = require("vue");
+const vardefV = require("../../../../assets/icon/vardef-v.png.js");
+const index = require("../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/divider/index.js");
+const _withScopeId = (n) => (Vue.pushScopeId("data-v-faa5a940"), n = n(), Vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("img", {
+  src: vardefV,
+  style: { "height": "32px", "position": "fixed", "left": "0px", "top": "0px" }
+}, null, -1));
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ Vue.createElementVNode("div", { class: "nodeTitle" }, "自定义函数", -1));
+const _hoisted_3 = { class: "nodeContent" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  props: {
+    graphModel: Object,
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["btnClick"],
+  setup(__props, { emit: __emit }) {
+    return (_ctx, _cache) => {
+      const _component_el_divider = index.ElDivider;
+      return Vue.openBlock(), Vue.createElementBlock("div", null, [
+        _hoisted_1,
+        Vue.createElementVNode("div", {
+          class: "nodeView",
+          style: Vue.normalizeStyle({ backgroundColor: __props.properties.backgroundColor })
+        }, [
+          _hoisted_2,
+          Vue.createVNode(_component_el_divider),
+          Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(__props.properties.name), 1)
+        ], 4)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/service-components/base/end-node/index.css

@@ -0,0 +1,20 @@
+
+.node-content[data-v-b28923f3] {
+  width: 120px;
+  height: 44px;
+  background: #ffffff;
+  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px 2px 2px 2px;
+}
+.content[data-v-b28923f3] {
+  width: 28px;
+  height: 15px;
+  font-weight: 400;
+  font-size: 14px;
+  color: #333333;
+  line-height: 14px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 5px 0px 4px 10px;
+}

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

@@ -0,0 +1,19 @@
+import { AbLogicNode, AbLogicNodeModel } from '../../../flow/base/index';
+
+declare class EndNode extends AbLogicNode {
+    customP1: any;
+    constructor(props: any);
+    setHtml(rootEl: any): void;
+}
+declare class EndNodeModel extends AbLogicNodeModel {
+    setAttributes(): void;
+    getOutlineStyle(): import('@logicflow/core/types/constant/DefaultTheme').OutlineTheme;
+    initNodeData(data: any): void;
+}
+declare const _default: {
+    type: string;
+    view: typeof EndNode;
+    model: typeof EndNodeModel;
+    options: {};
+};
+export default _default;