service-flow-designer 0.0.1-beta

package/dist/es/designer/service-panel/service-list.vue2.js

@@ -0,0 +1,363 @@
+/* empty css                                                                                                    */
+/* empty css                                                                                                         */
+/* empty css                                                                                                          */
+import "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/theme-chalk/el-form-item.css.js";
+/* empty css                                                                                                       */
+/* empty css                                                                                                           */
+/* empty css                                                                                                      */
+import "../../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                                                                                                       */
+import { defineComponent, ref, openBlock, createElementBlock, createVNode, withCtx, unref, createElementVNode, createBlock, toDisplayString, createTextVNode, withDirectives, createCommentVNode, vShow, pushScopeId, popScopeId } from "vue";
+import { Search as search_default, Plus as plus_default, Menu as menu_default, Promotion as promotion_default } from "../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.4.21/node_modules/@element-plus/icons-vue/dist/index.js";
+import service from "../../node_modules/.pnpm/agilebuilder-ui@1.0.11_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js";
+import { findServcieByCode } from "../common/util/node-util.js";
+import { useServiceFlowStore } from "../../stores/page-store.js";
+import v4 from "../../node_modules/.pnpm/uuid@8.3.2/node_modules/uuid/dist/esm-browser/v4.js";
+import { ElMessage } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/message/index.js";
+import { ElIcon } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/icon/index.js";
+import { ElInput } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/input/index.js";
+import { ElCol } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/col/index.js";
+import { ElButton } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/button/index.js";
+import { ElTooltip } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/tooltip/index.js";
+import { ElRow } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/row/index.js";
+import { ElTree } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/tree/index.js";
+import { ElFormItem } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/form/index.js";
+import { ElDialog } from "../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/dialog/index.js";
+const _withScopeId = (n) => (pushScopeId("data-v-a5cc897b"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "custom-tree-node" };
+const _hoisted_2 = { style: { "margin-left": "5px", "line-height": "14px", "font-size": "14px" } };
+const _hoisted_3 = { class: "dialog-footer" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "添加菜单", -1));
+const _hoisted_5 = [
+  _hoisted_4
+];
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "添加服务", -1));
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "修改", -1));
+const _hoisted_9 = [
+  _hoisted_8
+];
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "删除", -1));
+const _hoisted_11 = [
+  _hoisted_10
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "service-list",
+  props: {
+    serviceTreeData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["service-click", "clear-flow-canvas", "load-tree-data"],
+  setup(__props, { emit: __emit }) {
+    const serviceFlowStoreUtil = useServiceFlowStore();
+    const emits = __emit;
+    const treeProps = {
+      id: "id",
+      label: "name"
+    };
+    const props = __props;
+    const search = ref("");
+    const contxtMenuRef = ref();
+    const serviceTreeRef = ref();
+    const showContextMenu = ref(false);
+    const contextMenuData = ref({});
+    const dialogVisible = ref(false);
+    const editType = ref("");
+    const serviceFlow = ref({});
+    const currentServiceflowService = ref({});
+    const nodeContextmenu = (event, data, node, resolve) => {
+      contextMenuData.value = data;
+      showContextMenu.value = true;
+      const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+      contxtMenuRef.value.style.display = "block";
+      contxtMenuRef.value.style.left = event.x + "px";
+      contxtMenuRef.value.style.top = event.y + scrollTop - 60 - 10 + "px";
+      document.addEventListener("click", closeRightMenu);
+    };
+    const closeRightMenu = () => {
+      showContextMenu.value = false;
+      document.removeEventListener("click", closeRightMenu);
+    };
+    const addRootServiceMenu = () => {
+      editType.value = "MENU";
+      createService();
+    };
+    const addServce = (type) => {
+      editType.value = type;
+      createService();
+    };
+    const editServiceBaseInfo = () => {
+      editType.value = contextMenuData.value.type;
+      serviceFlow.value = JSON.parse(JSON.stringify(contextMenuData.value));
+      if (serviceFlow.value.children) {
+        delete serviceFlow.value.children;
+      }
+      dialogVisible.value = true;
+    };
+    const createService = () => {
+      serviceFlow.value = {
+        code: v4(),
+        name: "",
+        type: editType.value
+      };
+      if (contextMenuData.value.id) {
+        serviceFlow.value.parentCode = contextMenuData.value.code;
+      }
+      dialogVisible.value = true;
+    };
+    const saveServiceBaseInfo = () => {
+      if (!serviceFlow.value.name) {
+        ElMessage.warning("名称不能为空");
+        return;
+      }
+      console.log("保存服务基本信息：", serviceFlow.value);
+      if (!serviceFlow.value.systemCode) {
+        serviceFlow.value.systemCode = serviceFlowStoreUtil.pageContext.systemCode;
+      }
+      if (!serviceFlow.value.publishVersion) {
+        serviceFlow.value.publishVersion = serviceFlowStoreUtil.pageContext.systemVersion;
+      }
+      service.post("/component/super-page-design/service-flow", { designLog: null, appServiceFlow: serviceFlow.value }).then((res) => {
+        if (res) {
+          if (!serviceFlow.value.id) {
+            if (!serviceFlow.value.parentCode) {
+              props.serviceTreeData.push(res);
+            } else {
+              if (!contextMenuData.value.children) {
+                contextMenuData.value.children = [];
+              }
+              contextMenuData.value.children.push(res);
+            }
+          } else {
+            emits("load-tree-data");
+            Object.assign(contextMenuData.value, res);
+          }
+          contextMenuData.value = {};
+          ElMessage.success("保存成功");
+          dialogVisible.value = false;
+          serviceFlow.value = {};
+        }
+      });
+    };
+    const deleteService = () => {
+      console.log("删除服务：", contextMenuData.value);
+      if (contextMenuData.value.children && contextMenuData.value.children.length > 0) {
+        ElMessage.warning("该节点下存在子节点，不能删除！");
+        return;
+      }
+      service.delete("/component/super-page-design/service-flow", { data: [contextMenuData.value.id] }).then((res) => {
+        ElMessage.success("删除成功");
+        emits("load-tree-data");
+        if (contextMenuData.value.parentCode) {
+          const parent = findServcieByCode(contextMenuData.value.parentCode, props.serviceTreeData);
+          const index = parent.children.findIndex((item) => item.id === contextMenuData.value.id);
+          parent.children.splice(index, 1);
+        } else {
+          const index = props.serviceTreeData.findIndex((item) => item.id === contextMenuData.value.id);
+          props.serviceTreeData.splice(index, 1);
+        }
+        if (currentServiceflowService.value.code === contextMenuData.value.code) {
+          emits("clear-flow-canvas");
+        }
+        contextMenuData.value = {};
+      });
+    };
+    const nodeClick = (data, node, event) => {
+      console.log("node-click", data);
+      closeRightMenu();
+      if (data.type === "SERVICE") {
+        service.get("/component/super-page-design/service-flow/" + data.id).then((res) => {
+          res.variables && (res.variables = JSON.parse(res.variables));
+          res.log && (res.log = JSON.parse(res.log));
+          res.flow && (res.flow = JSON.parse(res.flow));
+          res.returnValues && (res.returnValues = JSON.parse(res.returnValues));
+          currentServiceflowService.value = res;
+          emits("service-click", res);
+        });
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_icon = ElIcon;
+      const _component_el_input = ElInput;
+      const _component_el_col = ElCol;
+      const _component_el_button = ElButton;
+      const _component_el_tooltip = ElTooltip;
+      const _component_el_row = ElRow;
+      const _component_el_tree = ElTree;
+      const _component_el_form_item = ElFormItem;
+      const _component_el_dialog = ElDialog;
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_el_row, null, {
+          default: withCtx(() => [
+            createVNode(_component_el_col, { span: 18 }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: search.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+                  placeholder: "搜索"
+                }, {
+                  suffix: withCtx(() => [
+                    createVNode(_component_el_icon, null, {
+                      default: withCtx(() => [
+                        createVNode(unref(search_default))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_col, {
+              span: 6,
+              style: { "text-align": "right" }
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_tooltip, {
+                  effect: "dark",
+                  content: "添加根菜单",
+                  placement: "top"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_button, {
+                      type: "primary",
+                      icon: unref(plus_default),
+                      onClick: addRootServiceMenu
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        createVNode(_component_el_tree, {
+          style: { "margin-top": "10px" },
+          ref_key: "serviceTreeRef",
+          ref: serviceTreeRef,
+          data: __props.serviceTreeData,
+          props: treeProps,
+          "default-expand-all": true,
+          "check-strictly": true,
+          "highlight-current": "",
+          onNodeClick: nodeClick,
+          onNodeContextmenu: nodeContextmenu
+        }, {
+          default: withCtx(({ node, data }) => [
+            createElementVNode("span", _hoisted_1, [
+              data.type === "MENU" ? (openBlock(), createBlock(_component_el_icon, {
+                key: 0,
+                size: 16
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(menu_default))
+                ]),
+                _: 1
+              })) : (openBlock(), createBlock(_component_el_icon, {
+                key: 1,
+                size: 16
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(promotion_default))
+                ]),
+                _: 1
+              })),
+              createElementVNode("span", _hoisted_2, toDisplayString(node.label), 1)
+            ])
+          ]),
+          _: 1
+        }, 8, ["data"]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
+          "append-to-body": true,
+          title: editType.value === "MENU" ? "菜单" : "服务",
+          width: "500"
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(_component_el_button, {
+                size: "mini",
+                onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("返回")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                size: "mini",
+                type: "primary",
+                onClick: saveServiceBaseInfo
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_form_item, { label: "名称：" }, {
+              default: withCtx(() => [
+                createVNode(_component_el_input, {
+                  modelValue: serviceFlow.value.name,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => serviceFlow.value.name = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        withDirectives(createElementVNode("div", null, [
+          createElementVNode("ul", {
+            ref_key: "contxtMenuRef",
+            ref: contxtMenuRef,
+            class: "context-menu"
+          }, [
+            contextMenuData.value.type === "MENU" ? (openBlock(), createElementBlock("li", {
+              key: 0,
+              tabindex: "-1",
+              class: "menu__item",
+              onClick: _cache[4] || (_cache[4] = ($event) => addServce("MENU"))
+            }, _hoisted_5)) : createCommentVNode("", true),
+            contextMenuData.value.type === "MENU" ? (openBlock(), createElementBlock("li", {
+              key: 1,
+              tabindex: "-1",
+              class: "menu__item",
+              onClick: _cache[5] || (_cache[5] = ($event) => addServce("SERVICE"))
+            }, _hoisted_7)) : createCommentVNode("", true),
+            currentServiceflowService.value.code !== contextMenuData.value.code ? (openBlock(), createElementBlock("li", {
+              key: 2,
+              tabindex: "-1",
+              class: "menu__item",
+              onClick: editServiceBaseInfo
+            }, _hoisted_9)) : createCommentVNode("", true),
+            createElementVNode("li", {
+              tabindex: "-1",
+              class: "menu__item",
+              onClick: deleteService
+            }, _hoisted_11)
+          ], 512)
+        ], 512), [
+          [vShow, showContextMenu.value]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/designer/service-panel/service-panel.css

@@ -0,0 +1,41 @@
+
+.amb-design-assembly-content[data-v-59e0837d] {
+  background: #ffffff;
+  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.05);
+  height: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: auto;
+}
+/*控制滚动条宽度*/
+.amb-design-assembly-content[data-v-59e0837d]::-webkit-scrollbar {
+  width: 1px;
+}
+.amb-assembly-header[data-v-59e0837d] {
+  position: absolute;
+  width: 220px;
+  text-align: center;
+  padding: 18px 0px 10px 0px;
+  padding-bottom: 14px;
+  background-color: #ffffff;
+}
+.amb-assembly-header-type[data-v-59e0837d] {
+  border-radius: 100px 100px 100px 100px;
+  background: #ffffff;
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
+  padding: 10px;
+  padding-bottom: 12px;
+}
+.amb-assembly-header-type > label[data-v-59e0837d] {
+  padding: 4px 14px;
+  cursor: pointer;
+  font-size: 14px;
+}
+.amb-assembly-header-type > label.selected[data-v-59e0837d] {
+  border-radius: 100px 100px 100px 100px;
+  background: #5893ef;
+  color: #ffffff;
+}
+.amb-design-assembly-list[data-v-59e0837d] {
+  padding-top: 80px;
+}

package/dist/es/designer/service-panel/service-panel.vue.d.ts

@@ -0,0 +1,35 @@
+import { default as LogicFlow } from '@logicflow/core';
+
+declare const _default: import('vue').DefineComponent<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "service-click": (...args: any[]) => void;
+    "clear-flow-canvas": (...args: any[]) => void;
+    "load-tree-data": (...args: any[]) => void;
+    "drag-node": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    logicFlowInstance: {
+        type: typeof LogicFlow;
+        default: () => void;
+    };
+    serviceTreeData: {
+        type: ArrayConstructor;
+        default: () => any[];
+    };
+}>> & {
+    "onService-click"?: (...args: any[]) => any;
+    "onClear-flow-canvas"?: (...args: any[]) => any;
+    "onLoad-tree-data"?: (...args: any[]) => any;
+    "onDrag-node"?: (...args: any[]) => any;
+}, {
+    serviceTreeData: unknown[];
+    logicFlowInstance: LogicFlow;
+}, {}>;
+export default _default;

package/dist/es/designer/service-panel/service-panel.vue.js

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

package/dist/es/designer/service-panel/service-panel.vue2.js

@@ -0,0 +1,81 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, createBlock } from "vue";
+import LogicFlow from "../../node_modules/.pnpm/@logicflow_core@1.2.27/node_modules/@logicflow/core/dist/logic-flow.js";
+import ServiceList from "./service-list.vue.js";
+import ComponentPanel from "./component-panel.vue.js";
+import "../service-components/index.js";
+const _hoisted_1 = { class: "amb-assembly-header" };
+const _hoisted_2 = { class: "amb-assembly-header-type" };
+const _hoisted_3 = { class: "amb-design-assembly-list" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "service-panel",
+  props: {
+    logicFlowInstance: {
+      type: LogicFlow,
+      default: () => {
+      }
+    },
+    serviceTreeData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["drag-node", "service-click", "clear-flow-canvas", "load-tree-data"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const clickType = ref("serviceFlowList");
+    const winHeight = ref();
+    const containerHeightStyle = computed(() => {
+      return {
+        height: winHeight.value + "px"
+      };
+    });
+    const dragNode = (serviceComponent) => {
+      console.log(`service-component-lib $_dragNode:${serviceComponent.type}`);
+      emits("drag-node", serviceComponent);
+    };
+    const onServiceClick = (service) => {
+      emits("service-click", service);
+    };
+    const clearFlowCanvas = () => {
+      emits("clear-flow-canvas");
+    };
+    const loadTreeData = () => {
+      emits("load-tree-data");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "amb-design-assembly-content",
+        ref: "ambDesignAssemblyContent",
+        style: normalizeStyle(containerHeightStyle.value)
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("label", {
+              class: normalizeClass({ selected: clickType.value === "serviceFlowList" }),
+              onClick: _cache[0] || (_cache[0] = ($event) => clickType.value = "serviceFlowList")
+            }, " 服务列表 ", 2),
+            createElementVNode("label", {
+              class: normalizeClass({ selected: clickType.value === "component" }),
+              onClick: _cache[1] || (_cache[1] = ($event) => clickType.value = "component")
+            }, " 组件库 ", 2)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          clickType.value === "serviceFlowList" ? (openBlock(), createBlock(ServiceList, {
+            key: 0,
+            serviceTreeData: __props.serviceTreeData,
+            onLoadTreeData: loadTreeData,
+            onServiceClick,
+            onClearFlowCanvas: clearFlowCanvas
+          }, null, 8, ["serviceTreeData"])) : (openBlock(), createBlock(ComponentPanel, {
+            key: 1,
+            onDragNode: dragNode
+          }))
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ServiceFlowDesginer } from './designer/desginer-index.vue';
+
+export default ServiceFlowDesginer;

package/dist/es/index.js

@@ -0,0 +1,4 @@
+import ServiceFlowDesginer from "./designer/desginer-index.vue.js";
+export {
+  ServiceFlowDesginer as default
+};

package/dist/es/stores/page-store.d.ts

@@ -0,0 +1,23 @@
+interface PageContextVarOptions {
+    [otherProp: string]: any;
+}
+export declare const useServiceFlowStore: import('pinia').StoreDefinition<"serviceFlowStoreUtil", import('pinia')._UnwrapAll<Pick<{
+    pageContext: import('vue').Ref<any>;
+    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    currentService: import('vue').Ref<any>;
+    setPageContext: (newPageContext: any) => void;
+    getServiceVarOptions: () => any[];
+}, "pageContext" | "pageContextVarOptions" | "currentService">>, Pick<{
+    pageContext: import('vue').Ref<any>;
+    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    currentService: import('vue').Ref<any>;
+    setPageContext: (newPageContext: any) => void;
+    getServiceVarOptions: () => any[];
+}, never>, Pick<{
+    pageContext: import('vue').Ref<any>;
+    pageContextVarOptions: import('vue').Ref<PageContextVarOptions>;
+    currentService: import('vue').Ref<any>;
+    setPageContext: (newPageContext: any) => void;
+    getServiceVarOptions: () => any[];
+}, "setPageContext" | "getServiceVarOptions">>;
+export {};

package/dist/es/stores/page-store.js

@@ -0,0 +1,79 @@
+import { ref, watch } from "vue";
+import { defineStore } from "../node_modules/.pnpm/pinia@2.1.7_typescript@5.4.3_vue@3.4.21/node_modules/pinia/dist/pinia.js";
+const useServiceFlowStore = defineStore("serviceFlowStoreUtil", () => {
+  const pageContext = ref({ modelFields: [] });
+  const currentService = ref({ variables: [] });
+  watch(
+    () => pageContext.value.modelFields,
+    (newValue, oldValue) => {
+      console.log("pageContext.value.modelFields 改变", newValue, oldValue);
+      setPageContextVarOptions(pageContext.value);
+    }
+  );
+  const pageContextVarOptions = ref({
+    dataOptions: [],
+    systemVarOptions: [],
+    pageVarOptions: []
+  });
+  function setPageContext(newPageContext) {
+    pageContext.value = newPageContext;
+    setPageContextVarOptions(newPageContext);
+  }
+  function setPageContextVarOptions(pageObject) {
+    if (pageObject) {
+      pageObject.modelFields.forEach((element) => {
+        pageContextVarOptions.value.dataOptions.push({
+          value: element.name,
+          label: element.alias,
+          type: element.type
+        });
+      });
+    }
+  }
+  function setVarOptions(variables, parentName, filterArray) {
+    const tempVarOptions = [];
+    if (variables) {
+      variables.forEach((element) => {
+        const item = {
+          code: element.code,
+          value: element.name,
+          label: element.alias,
+          type: element.type
+        };
+        if (parentName) {
+          item.value = `${parentName}.${element.name}`;
+        }
+        if (element.items && element.items.length > 0 && element.type !== "array") {
+          item.items = setVarOptions(element.items, element.name);
+        }
+        tempVarOptions.push(item);
+      });
+    }
+    return tempVarOptions;
+  }
+  function getServiceVarOptions() {
+    let temp = [];
+    if (currentService.value.variables) {
+      currentService.value.variables.forEach((element) => {
+        temp.push({
+          code: element.code,
+          value: element.name,
+          label: element.alias,
+          type: element.type
+        });
+      });
+    }
+    temp = setVarOptions(currentService.value.variables);
+    return temp;
+  }
+  return {
+    pageContext,
+    pageContextVarOptions,
+    currentService,
+    setPageContext,
+    getServiceVarOptions
+  };
+});
+export {
+  useServiceFlowStore
+};

package/dist/lib/_virtual/AttributeMap.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var AttributeMap = {};
+exports.__exports = AttributeMap;

package/dist/lib/_virtual/Delta.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var Delta = { exports: {} };
+exports.__module = Delta;

package/dist/lib/_virtual/Op.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var Op = {};
+exports.__exports = Op;

package/dist/lib/_virtual/OpIterator.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var OpIterator = {};
+exports.__exports = OpIterator;

package/dist/lib/_virtual/__vite-browser-external.js

@@ -0,0 +1,3 @@
+"use strict";
+const path = {};
+module.exports = path;