service-flow-designer 1.1.3 → 1.1.4

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

@@ -0,0 +1,79 @@
+"use strict";
+const vue = require("vue");
+const LogicFlow = require("@logicflow/core");
+const serviceList = require("./service-list.vue.js");
+const componentPanel = require("./component-panel.vue.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__ */ vue.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 = vue.ref("serviceFlowList");
+    const winHeight = vue.ref();
+    const containerHeightStyle = vue.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 vue.openBlock(), vue.createElementBlock("div", {
+        class: "amb-design-assembly-content",
+        ref: "ambDesignAssemblyContent",
+        style: vue.normalizeStyle(containerHeightStyle.value)
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass({ selected: clickType.value === "serviceFlowList" }),
+              onClick: _cache[0] || (_cache[0] = ($event) => clickType.value = "serviceFlowList")
+            }, " 服务列表 ", 2),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass({ selected: clickType.value === "component" }),
+              onClick: _cache[1] || (_cache[1] = ($event) => clickType.value = "component")
+            }, " 组件库 ", 2)
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          clickType.value === "serviceFlowList" ? (vue.openBlock(), vue.createBlock(serviceList, {
+            key: 0,
+            serviceTreeData: __props.serviceTreeData,
+            onLoadTreeData: loadTreeData,
+            onServiceClick,
+            onClearFlowCanvas: clearFlowCanvas
+          }, null, 8, ["serviceTreeData"])) : (vue.openBlock(), vue.createBlock(componentPanel, {
+            key: 1,
+            onDragNode: dragNode
+          }))
+        ])
+      ], 4);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/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/lib/stores/page-store.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const pinia = require("pinia");
+const useServiceFlowStore = pinia.defineStore("serviceFlowStoreUtil", () => {
+  const pageContext = vue.ref({ modelFields: [] });
+  const currentService = vue.ref({ variables: [] });
+  vue.watch(
+    () => pageContext.value.modelFields,
+    (newValue, oldValue) => {
+      console.log("pageContext.value.modelFields 改变", newValue, oldValue);
+      setPageContextVarOptions(pageContext.value);
+    }
+  );
+  const pageContextVarOptions = vue.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
+  };
+});
+exports.useServiceFlowStore = useServiceFlowStore;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "service-flow-designer",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "AgileBuilder Service Flow Designer",
   "license": "ISC",
   "main": "dist/lib/index.js",