@blueking/bkflow-canvas-editor 1.2.0-beta.5 → 1.2.0-beta.6

package/dist/index-kieIlAaW.js

@@ -0,0 +1,168 @@
+import { defineComponent as A, ref as v, shallowRef as L, computed as C, watch as P, resolveComponent as _, resolveDirective as W, openBlock as r, createBlock as y, withCtx as u, withDirectives as G, createElementBlock as h, Fragment as H, renderList as K, createVNode as w, createCommentVNode as x, createElementVNode as F, createTextVNode as M, toDisplayString as b, unref as O } from "vue";
+import "./context-CRk9vKJC.js";
+import { InfoBox as Q } from "bkui-vue/lib";
+import X from "bkui-vue/lib/message";
+import { u as Y, c as Z, M as $, p as ee, m as te, h as oe, r as B, f as se, a as ae, _ as ne } from "./index-AG8VS7s1.js";
+import { t as s } from "@blueking/flow-canvas";
+const le = { class: "mock-data-sideslider__title" }, re = {
+  key: 0,
+  class: "mock-data-sideslider__title-sep"
+}, ce = ["title"], ie = { class: "mock-data-sideslider" }, ue = { class: "mock-data-sideslider__footer" }, de = /* @__PURE__ */ A({
+  __name: "index",
+  props: {
+    show: { type: Boolean },
+    node: { default: null },
+    outputs: { default: () => ({}) },
+    pending: { type: Boolean, default: !1 }
+  },
+  emits: ["confirm", "close", "update:show"],
+  setup(D, { emit: j }) {
+    const t = D, k = j, E = Y(), f = v(!1), d = L([]), m = v({}), g = v({}), p = v(!1), T = C(
+      () => p.value ? s("当前节点的输出不支持mock，是否需要在调试时跳过当前节点？") : s("暂无输出结果")
+    ), N = C(
+      () => p.value ? s("跳过调试") : s("确定")
+    ), R = async () => {
+      if (t.node) {
+        f.value = !0, g.value = {}, p.value = !1;
+        try {
+          const e = await ee(E, t.node.component);
+          d.value = te(e.outputs ?? []), p.value = oe(e.outputs);
+          const l = t.outputs ?? {}, a = {};
+          d.value.forEach((o) => {
+            const c = Object.prototype.hasOwnProperty.call(l, o.key) ? l[o.key] : o.type === "object" ? {} : void 0, n = B(o);
+            a[o.key] = n === "json-editor" || n === "data-table" ? se(c) : c;
+          }), m.value = a;
+        } catch (e) {
+          console.error(e), d.value = [], m.value = {}, p.value = !1, X({ theme: "error", message: s("加载输出结果失败") });
+        } finally {
+          f.value = !1;
+        }
+      }
+    }, q = () => {
+      const e = {}, l = {};
+      return d.value.forEach((a) => {
+        const o = m.value[a.key], c = B(a);
+        if (c === "json-editor" || c === "data-table") {
+          const n = ae(o);
+          if (!n.valid) {
+            e[a.key] = n.message;
+            return;
+          }
+          n.value !== void 0 && (l[a.key] = n.value);
+          return;
+        }
+        o !== void 0 && o !== "" && (l[a.key] = o);
+      }), { errors: e, outputs: l };
+    }, I = (e) => {
+      Q({
+        title: s("确认 Mock 输出？"),
+        content: s("Mock 输出将覆盖当前输出结果，执行时跳过该节点并以 Mock 值替代实际输出"),
+        confirmText: s("确定"),
+        cancelText: s("取消"),
+        width: 400,
+        onConfirm: () => {
+          e();
+        }
+      });
+    }, J = () => {
+      if (p.value) {
+        k("confirm", { outputs: {} });
+        return;
+      }
+      const { errors: e, outputs: l } = q();
+      g.value = e, !(Object.keys(e).length > 0) && I(() => k("confirm", { outputs: l }));
+    }, V = () => {
+      k("close"), k("update:show", !1);
+    };
+    return P(
+      () => [t.show, t.node?.id],
+      ([e]) => {
+        e && t.node && (m.value = Z(t.outputs ?? {}), R());
+      },
+      { immediate: !0 }
+    ), (e, l) => {
+      const a = _("bk-form-item"), o = _("bk-form"), c = _("bk-exception"), n = _("bk-button"), S = _("bk-sideslider"), U = W("bkloading");
+      return r(), y(S, {
+        "is-show": t.show,
+        width: 960,
+        "quick-close": "",
+        "esc-close": !1,
+        onClosed: V
+      }, {
+        header: u(() => [
+          F("span", le, b(O(s)("Mock输出")), 1),
+          t.node?.name ? (r(), h("span", re, "-")) : x("", !0),
+          t.node?.name ? (r(), h("span", {
+            key: 1,
+            class: "mock-data-sideslider__title-node",
+            title: t.node.name
+          }, b(t.node.name), 9, ce)) : x("", !0)
+        ]),
+        footer: u(() => [
+          F("div", ue, [
+            w(n, {
+              theme: "primary",
+              "data-test": "mock-confirm",
+              loading: t.pending,
+              onClick: J
+            }, {
+              default: u(() => [
+                M(b(N.value), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"]),
+            w(n, {
+              disabled: t.pending,
+              onClick: V
+            }, {
+              default: u(() => [
+                M(b(O(s)("取消")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        default: u(() => [
+          G((r(), h("div", ie, [
+            d.value.length > 0 ? (r(), y(o, {
+              key: 0,
+              "form-type": "vertical",
+              "label-width": 120,
+              "data-test": "mock-outputs-form"
+            }, {
+              default: u(() => [
+                (r(!0), h(H, null, K(d.value, (i) => (r(), y(a, {
+                  key: i.key,
+                  label: i.name || i.key
+                }, {
+                  default: u(() => [
+                    w($, {
+                      modelValue: m.value[i.key],
+                      "onUpdate:modelValue": (z) => m.value[i.key] = z,
+                      field: i,
+                      error: g.value[i.key]
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "field", "error"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"]))), 128))
+              ]),
+              _: 1
+            })) : f.value ? x("", !0) : (r(), y(c, {
+              key: 1,
+              class: "mock-data-sideslider__exception",
+              scene: "part",
+              type: "empty",
+              title: T.value
+            }, null, 8, ["title"]))
+          ])), [
+            [U, { loading: f.value }]
+          ])
+        ]),
+        _: 1
+      }, 8, ["is-show"]);
+    };
+  }
+}), ye = /* @__PURE__ */ ne(de, [["__scopeId", "data-v-402876f9"]]);
+export {
+  ye as default
+};

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index-C1XiYW6i.cjs"),o=require("./context-Bj442dps.cjs");exports.BkFlowCanvas=e.BkFlowCanvas;exports.BkFlowModelAccessor=e.BkFlowModelAccessor;exports.BkFlowNodeAccessor=e.BkFlowNodeAccessor;exports.FlowCreateTask=e.FlowCreateTask;exports.FlowDebug=e.FlowDebug;exports.FlowDetail=e.index;exports.FlowEdit=e.edit;exports.FlowExecute=e.execute;exports.FlowMockDebug=e.mock;exports.FlowView=e.view;exports.bkflowConnectionValidator=e.bkflowConnectionValidator;exports.createBkflowPlugin=e.createBkflowPlugin;exports.createBkflowSchema=e.createBkflowSchema;exports.createExecutionStatusPlugin=e.createExecutionStatusPlugin;exports.default=e.index$1;exports.exportToPipelineTree=e.exportToPipelineTree;exports.getUniformApiPluginFormValue=e.getUniformApiPluginFormValue;exports.getVariableDefaultConfig=e.getVariableDefaultConfig;exports.importFromPipelineTree=e.importFromPipelineTree;exports.isMockableNode=e.isMockableNode;exports.mergeOutputs=e.mergeOutputs;exports.normalizePluginOutputItems=e.normalizePluginOutputItems;exports.provideFilterVariableConfig=e.provideFilterVariableConfig;exports.provideFlowApiConfig=e.provideFlowApiConfig;exports.provideMemberSelectorConfig=e.provideMemberSelectorConfig;exports.provideSelectPanelConfig=e.provideSelectPanelConfig;exports.resolveExecutionActions=e.resolveExecutionActions;exports.resolveMockFormControl=e.resolveMockFormControl;exports.useFlowApiConfig=e.useFlowApiConfig;exports.useFlowEditApiConfig=e.useFlowEditApiConfig;exports.useFlowViewApiConfig=e.useFlowViewApiConfig;exports.useMemberSelectorConfig=e.useMemberSelectorConfig;exports.useSelectPanelConfig=e.useSelectPanelConfig;exports.validatePipelineTree=e.validatePipelineTree;exports.generateId=o.generateId;exports.random4=o.random4;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index-CM38Ngjr.cjs"),i=require("./context-DhrPIIhQ.cjs"),o=require("@blueking/flow-canvas");exports.BkFlowCanvas=e.BkFlowCanvas;exports.BkFlowModelAccessor=e.BkFlowModelAccessor;exports.BkFlowNodeAccessor=e.BkFlowNodeAccessor;exports.FlowCreateTask=e.FlowCreateTask;exports.FlowDebug=e.FlowDebug;exports.FlowDetail=e.index;exports.FlowEdit=e.edit;exports.FlowExecute=e.execute;exports.FlowMockDebug=e.mock;exports.FlowView=e.view;exports.applyBkuiLocale=e.applyBkuiLocale;exports.applyBkuiLocaleToTree=e.applyBkuiLocaleToTree;exports.bkflowConnectionValidator=e.bkflowConnectionValidator;exports.createBkflowPlugin=e.createBkflowPlugin;exports.createBkflowSchema=e.createBkflowSchema;exports.createExecutionStatusPlugin=e.createExecutionStatusPlugin;exports.default=e.index$1;exports.exportToPipelineTree=e.exportToPipelineTree;exports.getUniformApiPluginFormValue=e.getUniformApiPluginFormValue;exports.getVariableDefaultConfig=e.getVariableDefaultConfig;exports.importFromPipelineTree=e.importFromPipelineTree;exports.isMockableNode=e.isMockableNode;exports.mergeOutputs=e.mergeOutputs;exports.normalizePluginOutputItems=e.normalizePluginOutputItems;exports.provideFilterVariableConfig=e.provideFilterVariableConfig;exports.provideFlowApiConfig=e.provideFlowApiConfig;exports.provideMemberSelectorConfig=e.provideMemberSelectorConfig;exports.provideSelectPanelConfig=e.provideSelectPanelConfig;exports.provideSelectRelatedOptionConfig=e.provideSelectRelatedOptionConfig;exports.resolveBkuiLocale=e.resolveBkuiLocale;exports.resolveExecutionActions=e.resolveExecutionActions;exports.resolveMockFormControl=e.resolveMockFormControl;exports.useFlowApiConfig=e.useFlowApiConfig;exports.useFlowEditApiConfig=e.useFlowEditApiConfig;exports.useFlowViewApiConfig=e.useFlowViewApiConfig;exports.useMemberSelectorConfig=e.useMemberSelectorConfig;exports.useSelectPanelConfig=e.useSelectPanelConfig;exports.validatePipelineTree=e.validatePipelineTree;exports.generateId=i.generateId;exports.random4=i.random4;Object.defineProperty(exports,"getLocale",{enumerable:!0,get:()=>o.getLocale});Object.defineProperty(exports,"registerMessages",{enumerable:!0,get:()=>o.registerMessages});Object.defineProperty(exports,"setLocale",{enumerable:!0,get:()=>o.setLocale});Object.defineProperty(exports,"setTranslator",{enumerable:!0,get:()=>o.setTranslator});Object.defineProperty(exports,"t",{enumerable:!0,get:()=>o.t});