service-flow-designer 2.2.25 → 2.2.28

package/dist/es/designer/service-flow-view/service-node-config.vue2.js

@@ -1,153 +1,36 @@
-import { ElDrawer } from "element-plus/es";
+import { ElDrawer as e } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/drawer/style/css";
-import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, resolveDynamicComponent } from "vue";
-import { getServiceNodeByType, getConfigByType } from "../service-components/index.js";
-const _hoisted_1 = ["id"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "service-node-config",
-  props: {
-    service: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    currentNode: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    logicFlowInstance: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  emits: ["onConfigChange", "update:currentNode"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const properties = ref({});
-    const drawerVisible = ref(false);
-    const logicNodeType = ref({});
-    const configComponentRef = ref();
-    const drawerConfig = ref({ withHeader: true, drawerWidth: "" });
-    const emits = __emit;
-    let serviceNodeTypeData = { configComponent: null, drawerWidth: "50%" };
-    function onNodeClick(model) {
-      if (!["start", "end"].includes(model.data.type)) {
-        if (drawerVisible.value == true) {
-          updateNodeValue();
-          logicNodeType.value = getServiceNodeByType(model.data.type);
-        } else {
-          showDrawer();
-          logicNodeType.value = getServiceNodeByType(model.data.type);
-        }
-        serviceNodeTypeData = getConfigByType(model.data.type);
-      } else {
-        updateNodeValue();
-        closeDrawer();
-      }
-      properties.value = model.data.properties;
-    }
-    function onBlankClick() {
-      if (drawerVisible.value) {
-        updateNodeValue();
-        closeDrawer();
-      }
-    }
-    function onDeleteNode() {
-      closeDrawer();
-    }
-    function showDrawer() {
-      drawerVisible.value = true;
-    }
-    function closeDrawer() {
-      drawerVisible.value = false;
-      emits("update:currentNode", null);
-    }
-    function onLogicChange() {
-      closeDrawer();
-    }
-    function updateNodeValue() {
-      console.log(" 关闭配置窗口时时自动赋值", props.currentNode);
-      if (configComponentRef.value && configComponentRef.value.hasOwnProperty("onClose") && typeof configComponentRef.value.onClose === "function") {
-        configComponentRef.value.onClose();
-      }
-      if (!["start", "end"].includes(props.currentNode.type)) {
-        if (configComponentRef.value.hasOwnProperty("getData") && typeof configComponentRef.value.getData === "function") {
-          if (props.logicFlowInstance) {
-            if (props.logicFlowInstance.getNodeModelById(props.currentNode.data.id)) {
-              props.logicFlowInstance.getNodeModelById(props.currentNode.data.id).setProperties(configComponentRef.value.getData());
-            }
-          }
-        } else {
-          props.logicFlowInstance.getNodeModelById(props.currentNode.data.id).setProperties(properties.value);
-        }
-      }
-    }
-    function fullScreenConfig(config) {
-      if (config) {
-        if (config.withHeader === false) {
-          drawerConfig.value.withHeader = false;
-        } else {
-          drawerConfig.value.withHeader = true;
-        }
-        if (config.drawerWidth) {
-          drawerConfig.value.drawerWidth = config.drawerWidth;
-        } else {
-          drawerConfig.value.drawerWidth = "100%";
-        }
-      } else {
-        drawerConfig.value.drawerWidth = "100%";
-      }
-    }
-    __expose({
-      onBlankClick,
-      onNodeClick,
-      onLogicChange,
-      onDeleteNode,
-      closeDrawer
-    });
-    return (_ctx, _cache) => {
-      const _component_el_drawer = ElDrawer;
-      return openBlock(), createBlock(_component_el_drawer, {
-        modelValue: drawerVisible.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => drawerVisible.value = $event),
-        "append-to-body": false,
-        "close-on-press-escape": false,
-        "destroy-on-close": "",
-        "with-header": drawerConfig.value.withHeader,
-        "modal-class": "el-overlay",
-        modal: true,
-        title: logicNodeType.value.label,
-        direction: "rtl",
-        size: drawerConfig.value.drawerWidth ? drawerConfig.value.drawerWidth : unref(serviceNodeTypeData).drawerWidth ? unref(serviceNodeTypeData).drawerWidth : "50%"
-      }, {
-        header: withCtx(({ close, titleId, titleClass }) => [
-          createElementVNode("h4", {
-            id: titleId,
-            class: normalizeClass(titleClass)
-          }, toDisplayString(logicNodeType.value.label), 11, _hoisted_1)
-        ]),
-        default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(unref(serviceNodeTypeData).configComponent), {
-            ref_key: "configComponentRef",
-            ref: configComponentRef,
-            logicFlowInstance: __props.logicFlowInstance,
-            currentNode: __props.currentNode,
-            properties: properties.value,
-            service: __props.service,
-            onFullScreen: fullScreenConfig
-          }, null, 40, ["logicFlowInstance", "currentNode", "properties", "service"]))
-        ]),
-        _: 1
-      }, 8, ["modelValue", "with-header", "title", "size"]);
-    };
+import { defineComponent as t, ref as o, createBlock as a, openBlock as l, unref as n, withCtx as r, resolveDynamicComponent as d, createElementVNode as i, normalizeClass as u, toDisplayString as c } from "vue";
+import { getServiceNodeByType as s, getConfigByType as p } from "../service-components/index.js";
+const v = ["id"], w = t({ __name: "service-node-config", props: { service: { type: Object, default: () => ({}) }, currentNode: { type: Object, default: () => ({}) }, logicFlowInstance: { type: Object, default: () => ({}) }, pageContext: { type: Object, default: () => ({}) } }, emits: ["onConfigChange", "update:currentNode"], setup(t2, { expose: w2, emit: f }) {
+  const g = t2, h = o({}), m = o(false), y = o({}), C = o(), N = o({ withHeader: true, drawerWidth: "" }), I = o(false), W = f;
+  let F = { configComponent: null, drawerWidth: "50%" };
+  function b() {
+    m.value = false;
   }
-});
+  function x() {
+    I.value || O(), I.value = false, W("update:currentNode", null);
+  }
+  function O() {
+    C.value && C.value.hasOwnProperty("onClose") && "function" == typeof C.value.onClose && C.value.onClose(), g.currentNode && (["start", "end"].includes(g.currentNode.type) || (C.value && C.value.hasOwnProperty("getData") && "function" == typeof C.value.getData ? g.logicFlowInstance && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id) && g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(C.value.getData()) : g.logicFlowInstance.getNodeModelById(g.currentNode.data.id).setProperties(h.value)));
+  }
+  function j(e2) {
+    e2 ? (false === e2.withHeader ? N.value.withHeader = false : N.value.withHeader = true, e2.drawerWidth ? N.value.drawerWidth = e2.drawerWidth : N.value.drawerWidth = "100%") : N.value.drawerWidth = "100%";
+  }
+  return w2({ onBlankClick: function() {
+    m.value && b();
+  }, onNodeClick: function(e2) {
+    ["start", "end"].includes(e2.data.type) ? (O(), b()) : (1 == m.value ? (O(), y.value = s(e2.data.type)) : (m.value = true, y.value = s(e2.data.type)), F = p(e2.data.type)), h.value = e2.data.properties;
+  }, onLogicChange: function() {
+    b();
+  }, onDeleteNode: function() {
+    I.value = true, b();
+  }, closeDrawer: b }), (o2, s2) => {
+    const p2 = e;
+    return l(), a(p2, { modelValue: m.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => m.value = e2), "append-to-body": false, "close-on-press-escape": false, "destroy-on-close": "", "with-header": N.value.withHeader, "modal-class": "el-overlay", modal: true, title: y.value.label, direction: "rtl", size: N.value.drawerWidth ? N.value.drawerWidth : n(F).drawerWidth ? n(F).drawerWidth : "50%", onClose: x }, { header: r(({ close: e2, titleId: t3, titleClass: o3 }) => [i("h4", { id: t3, class: u(o3) }, c(y.value.label), 11, v)]), default: r(() => [(l(), a(d(n(F).configComponent), { ref_key: "configComponentRef", ref: C, logicFlowInstance: t2.logicFlowInstance, currentNode: t2.currentNode, properties: h.value, service: t2.service, pageContext: t2.pageContext, onFullScreen: j }, null, 40, ["logicFlowInstance", "currentNode", "properties", "service", "pageContext"]))]), _: 1 }, 8, ["modelValue", "with-header", "title", "size"]);
+  };
+} });
 export {
-  _sfc_main as default
+  w as default
 };

package/dist/es/designer/service-flow-view/service-params.vue.d.ts

@@ -1,18 +1,18 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     service: {
         type: ObjectConstructor;
         default: () => {
             log: {};
         };
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     service: {
         type: ObjectConstructor;
         default: () => {
             log: {};
         };
     };
-}>>, {
+}>> & Readonly<{}>, {
     service: Record<string, any>;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;