@blueking/bkflow-canvas-editor 1.1.0-beta.2 → 1.1.0-beta.21

package/dist/index-GYfLO_6L.js

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