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

package/dist/index-B5_qMx5s.js

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

package/dist/index-BGM3lPM3.js

@@ -0,0 +1,501 @@
+import { defineComponent as B, ref as C, computed as _, watch as q, nextTick as J, resolveComponent as N, openBlock as c, createElementBlock as p, createVNode as m, Fragment as W, renderList as Q, withKeys as X, withModifiers as Z, normalizeClass as R, createElementVNode as l, createBlock as D, createCommentVNode as E, toDisplayString as M, withCtx as y, createTextVNode as T, onBeforeUnmount as ee, resolveDirective as te, normalizeStyle as se, withDirectives as ae, unref as ne } from "vue";
+import { L as z, S as le, E as oe, _ as P, n as ue, D as U, C as ie, b as re } from "./index-C5lTl48-.js";
+import { a as G } from "./composable-DQzX4bmX.js";
+const de = { class: "debug-result-node-list" }, ce = ["data-node-id", "aria-selected", "onClick", "onKeydown"], me = ["title"], pe = {
+  key: 0,
+  class: "debug-result-node-list__mock",
+  "data-test": "node-mock-flag"
+}, _e = {
+  key: 1,
+  class: "debug-result-node-list__empty"
+}, ve = /* @__PURE__ */ B({
+  __name: "node-list",
+  props: {
+    nodes: {},
+    modelValue: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: u }) {
+    const e = a, o = u, i = C(""), n = C("all"), v = C(null), b = [
+      { value: "all", label: "全部" },
+      { value: "finished", icon: "bkflow-canvas-dark-circle-checkbox", iconColor: "#2dcb56" },
+      { value: "failed", icon: "bkflow-canvas-circle-alert-filled", iconColor: "#ea3636" },
+      { value: "running", iconComponent: z, iconColor: "#3a84ff" },
+      { value: "suspended", icon: "bkflow-canvas-guaqi", iconColor: "#ff9c01" },
+      { value: "skipped", icon: "bkflow-canvas-tiaoguo", iconColor: "#6e89af" }
+    ], f = _(
+      () => b.map((d) => ({
+        ...d,
+        count: d.value === "all" ? e.nodes.length : e.nodes.filter((r) => r.status === d.value).length
+      }))
+    ), k = _(() => {
+      const d = i.value.trim().toLowerCase();
+      return e.nodes.filter((r) => n.value !== "all" && r.status !== n.value ? !1 : d ? r.name.toLowerCase().includes(d) || r.type.toLowerCase().includes(d) || (r.typeName ?? "").toLowerCase().includes(d) : !0);
+    }), x = {
+      finished: "成功",
+      failed: "失败",
+      running: "正在调试",
+      suspended: "挂起",
+      skipped: "跳过"
+    }, V = _(() => i.value.trim() ? "搜索结果为空" : n.value !== "all" ? `暂无${x[n.value]}状态节点` : "暂无节点"), $ = () => {
+      i.value = "", n.value = "all";
+    };
+    return q(
+      () => e.modelValue,
+      async (d) => {
+        if (!d) return;
+        !k.value.some((t) => t.id === d) && e.nodes.some((t) => t.id === d) && (i.value = "", n.value = "all", await J()), v.value?.querySelector(`[data-node-id="${CSS.escape(d)}"]`)?.scrollIntoView({ block: "nearest" });
+      }
+    ), (d, r) => {
+      const s = N("bk-input");
+      return c(), p("aside", de, [
+        m(s, {
+          modelValue: i.value,
+          "onUpdate:modelValue": r[0] || (r[0] = (t) => i.value = t),
+          class: "debug-result-node-list__search",
+          placeholder: "搜索节点名称 / 类型",
+          type: "search",
+          clearable: "",
+          "data-test": "node-search"
+        }, null, 8, ["modelValue"]),
+        m(le, {
+          modelValue: n.value,
+          "onUpdate:modelValue": r[1] || (r[1] = (t) => n.value = t),
+          class: "debug-result-node-list__filters",
+          "data-test": "status-filters",
+          items: f.value
+        }, null, 8, ["modelValue", "items"]),
+        k.value.length > 0 ? (c(), p("div", {
+          key: 0,
+          ref_key: "itemsRef",
+          ref: v,
+          class: "debug-result-node-list__items",
+          role: "listbox"
+        }, [
+          (c(!0), p(W, null, Q(k.value, (t) => (c(), p("div", {
+            key: t.id,
+            class: R([
+              "debug-result-node-list__item",
+              `is-${t.status}`,
+              {
+                "is-active": t.id === e.modelValue,
+                "is-unconfigured": !t.isConfigured
+              }
+            ]),
+            role: "option",
+            "data-test": "node-item",
+            "data-node-id": t.id,
+            "aria-selected": t.id === e.modelValue,
+            tabindex: "0",
+            onClick: (w) => o("update:modelValue", t.id),
+            onKeydown: X(Z((w) => o("update:modelValue", t.id), ["prevent"]), ["enter", "space"])
+          }, [
+            l("span", {
+              class: R([
+                "debug-result-node-list__status",
+                `is-${t.status}`,
+                { "is-placeholder": !t.isConfigured }
+              ])
+            }, [
+              t.isConfigured && t.status === "running" ? (c(), D(z, {
+                key: 0,
+                size: 12
+              })) : t.icon ? (c(), p("i", {
+                key: 1,
+                class: R(t.icon),
+                "data-test": "node-icon"
+              }, null, 2)) : E("", !0)
+            ], 2),
+            l("span", {
+              class: "debug-result-node-list__name",
+              title: t.isConfigured ? `${t.name} ${t.typeName || t.type}` : t.name
+            }, M(t.name), 9, me),
+            t.isMock ? (c(), p("span", pe, "MOCK")) : E("", !0)
+          ], 42, ce))), 128))
+        ], 512)) : (c(), p("div", _e, [
+          m(oe, {
+            "is-search": !1,
+            title: V.value,
+            onClear: $
+          }, null, 8, ["title"])
+        ]))
+      ]);
+    };
+  }
+}), be = /* @__PURE__ */ P(ve, [["__scopeId", "data-v-7088d550"]]);
+function ge(a) {
+  if (a == null) return "";
+  if (typeof a == "string") return a;
+  if (typeof a == "object") {
+    const u = a, e = u.message;
+    if (typeof e == "string" && e) {
+      const o = u.type;
+      return typeof o == "string" && o ? `${o}: ${e}` : e;
+    }
+    try {
+      return JSON.stringify(a);
+    } catch {
+      return String(a);
+    }
+  }
+  return String(a);
+}
+const fe = { class: "debug-result-tabs" }, ye = {
+  class: "debug-result-tabs__execution",
+  "data-test": "tab-execution"
+}, ke = { class: "debug-result-tabs__row" }, we = { class: "value" }, xe = { class: "debug-result-tabs__row" }, he = { class: "value" }, Ce = {
+  key: 0,
+  class: "debug-result-tabs__row is-error"
+}, Ee = { class: "value" }, Ve = {
+  key: 0,
+  class: "debug-result-tabs__mock-banner",
+  "data-test": "mock-banner"
+}, Se = {
+  key: 1,
+  class: "debug-result-tabs__error-banner",
+  "data-test": "output-error"
+}, Me = {
+  key: 0,
+  class: "debug-result-tabs__error-text"
+}, Re = { class: "debug-result-tabs__error-guide" }, $e = {
+  class: "debug-result-tabs__logs",
+  "data-test": "tab-logs"
+}, Ne = /* @__PURE__ */ B({
+  __name: "result-tabs",
+  props: {
+    result: {},
+    isMock: { type: Boolean, default: !1 }
+  },
+  emits: ["reEditMock", "runReal", "runMock"],
+  setup(a, { emit: u }) {
+    const e = a, o = u, i = C("execution"), n = {
+      not_run: "未调试",
+      running: "正在调试",
+      finished: "成功",
+      failed: "失败",
+      suspended: "挂起",
+      skipped: "跳过"
+    }, v = _(() => n[e.result.execution.status] ?? e.result.execution.status), b = _(() => {
+      const r = e.result.execution.durationMs;
+      return r == null ? "--" : `${(r / 1e3).toFixed(1)}s`;
+    }), f = _(() => ge(e.result.error || e.result.execution.errorDetail)), k = _(() => e.result.execution.status === "failed"), x = (r) => Object.entries(r ?? {}).map(([s, t]) => ({ key: s, name: s, value: t })), V = _(() => x(e.result.inputs)), $ = _(() => x(e.result.outputs)), d = _(() => e.result.logs == null ? "" : ue(e.result.logs));
+    return (r, s) => {
+      const t = N("bk-tab-panel"), w = N("bk-button"), L = N("bk-tab");
+      return c(), p("div", fe, [
+        m(L, {
+          active: i.value,
+          "onUpdate:active": s[3] || (s[3] = (S) => i.value = S),
+          type: "card-grid"
+        }, {
+          default: y(() => [
+            m(t, {
+              name: "execution",
+              label: "执行信息"
+            }, {
+              default: y(() => [
+                l("div", ye, [
+                  l("div", ke, [
+                    s[4] || (s[4] = l("span", { class: "label" }, "执行状态", -1)),
+                    l("span", we, M(v.value), 1)
+                  ]),
+                  l("div", xe, [
+                    s[5] || (s[5] = l("span", { class: "label" }, "调试用时", -1)),
+                    l("span", he, M(b.value), 1)
+                  ]),
+                  f.value ? (c(), p("div", Ce, [
+                    s[6] || (s[6] = l("span", { class: "label" }, "错误信息", -1)),
+                    l("span", Ee, M(f.value), 1)
+                  ])) : E("", !0)
+                ])
+              ]),
+              _: 1
+            }),
+            m(t, {
+              name: "inputs",
+              label: "输入参数"
+            }, {
+              default: y(() => [
+                m(U, {
+                  rows: V.value,
+                  loading: e.result.loading,
+                  error: e.result.error,
+                  "empty-text": "暂无输入参数"
+                }, null, 8, ["rows", "loading", "error"])
+              ]),
+              _: 1
+            }),
+            m(t, {
+              name: "outputs",
+              label: "输出结果"
+            }, {
+              default: y(() => [
+                e.isMock ? (c(), p("div", Ve, [
+                  s[8] || (s[8] = l("span", null, "当前为 Mock 数据", -1)),
+                  m(w, {
+                    text: "",
+                    theme: "primary",
+                    size: "small",
+                    "data-test": "re-edit-mock",
+                    onClick: s[0] || (s[0] = (S) => o("reEditMock"))
+                  }, {
+                    default: y(() => [...s[7] || (s[7] = [
+                      T(" 重新编辑 ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])) : E("", !0),
+                k.value ? (c(), p("div", Se, [
+                  f.value ? (c(), p("p", Me, M(f.value), 1)) : E("", !0),
+                  l("p", Re, [
+                    s[11] || (s[11] = l("span", null, "该节点调试失败，可", -1)),
+                    m(w, {
+                      text: "",
+                      theme: "primary",
+                      "data-test": "rerun-real",
+                      onClick: s[1] || (s[1] = (S) => o("runReal"))
+                    }, {
+                      default: y(() => [...s[9] || (s[9] = [
+                        T("重新调试", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    s[12] || (s[12] = l("span", null, "或直接", -1)),
+                    m(w, {
+                      text: "",
+                      theme: "primary",
+                      "data-test": "run-mock",
+                      onClick: s[2] || (s[2] = (S) => o("runMock"))
+                    }, {
+                      default: y(() => [...s[10] || (s[10] = [
+                        T("Mock 输出", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ])
+                ])) : (c(), D(U, {
+                  key: 2,
+                  rows: $.value,
+                  loading: e.result.loading,
+                  "empty-text": "暂无输出结果"
+                }, null, 8, ["rows", "loading"]))
+              ]),
+              _: 1
+            }),
+            m(t, {
+              name: "logs",
+              label: "调用日志"
+            }, {
+              default: y(() => [
+                l("div", $e, [
+                  m(ie, {
+                    "log-text": d.value,
+                    loading: e.result.loading,
+                    error: e.result.error
+                  }, null, 8, ["log-text", "loading", "error"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["active"])
+      ]);
+    };
+  }
+}), Te = /* @__PURE__ */ P(Ne, [["__scopeId", "data-v-16a27efa"]]), Le = {
+  ExclusiveGateway: "bkflow-canvas-fenzhiwangguan",
+  ParallelGateway: "bkflow-canvas-bingxingwangguan",
+  ConditionalParallelGateway: "bkflow-canvas-tiaojianbingxingwangguan",
+  ConvergeGateway: "bkflow-canvas-huijuwangguan"
+}, A = {
+  ServiceActivity: "任务节点",
+  EmptyStartEvent: "开始节点",
+  EmptyEndEvent: "结束节点",
+  ExclusiveGateway: "分支网关",
+  ParallelGateway: "并行网关",
+  ConditionalParallelGateway: "条件并行网关",
+  ConvergeGateway: "汇聚网关"
+};
+function Ge(a) {
+  if (!a.component?.code) return "";
+  if (a.component.code === "uniform_api") {
+    const u = a.component.api_meta?.category?.name ?? "";
+    return G[u] ?? G.bkflow;
+  }
+  return G.bkflow;
+}
+function Ae(a, u) {
+  const e = a?.location?.find((v) => v.id === u), o = e?.icon ?? "", i = a?.activities?.[u];
+  if (i)
+    return {
+      name: !!i.component?.code ? i.name || e?.name || u : "节点未配置",
+      type: i.type || "ServiceActivity",
+      typeName: A[i.type] ?? "任务节点",
+      icon: Ge(i)
+    };
+  const n = a?.gateways?.[u];
+  return n ? {
+    name: n.name || e?.name || A[n.type] || u,
+    type: n.type,
+    typeName: A[n.type] ?? "网关",
+    icon: o || Le[n.type] || ""
+  } : a?.start_event?.id === u ? {
+    name: a.start_event.name || "开始",
+    type: "EmptyStartEvent",
+    typeName: "开始节点",
+    icon: o || "bkflow-canvas-kaishi"
+  } : a?.end_event?.id === u ? {
+    name: a.end_event.name || "结束",
+    type: "EmptyEndEvent",
+    typeName: "结束节点",
+    icon: o || "bkflow-canvas-stop"
+  } : e ? {
+    name: e.name || u,
+    type: e.type || "",
+    typeName: "",
+    icon: o
+  } : { name: u, type: "", typeName: "", icon: "" };
+}
+function Be(a, u, e = /* @__PURE__ */ new Set()) {
+  const o = a?.activities;
+  if (!o) return [];
+  const i = new Map((u ?? []).map((n) => [n.node_id, n.status]));
+  return Object.values(o).map((n) => {
+    const v = !!n.component?.code, b = Ae(a, n.id);
+    return {
+      id: n.id,
+      name: b.name,
+      type: b.type || n.type,
+      typeName: b.typeName,
+      icon: b.icon,
+      status: i.get(n.id) ?? "not_run",
+      isMock: e.has(n.id),
+      isConfigured: v
+    };
+  });
+}
+const De = { class: "debug-result-drawer__header" }, Pe = { class: "debug-result-drawer__header-left" }, ze = { class: "debug-result-drawer__body" }, Ue = {
+  key: 0,
+  class: "debug-result-drawer__params",
+  "data-test": "params-panel"
+}, Ie = { class: "debug-result-drawer__params-body" }, Fe = { class: "debug-result-drawer__content" }, Oe = { class: "debug-result-drawer__result" }, je = 44, He = /* @__PURE__ */ B({
+  __name: "index",
+  props: {
+    open: { type: Boolean },
+    context: {},
+    pipelineTree: {},
+    mockNodeIds: {},
+    modelValue: { default: "" },
+    result: {},
+    hasGlobalRun: { type: Boolean, default: !1 },
+    globalInputs: { default: () => ({}) }
+  },
+  emits: ["update:open", "update:modelValue", "reEditMock", "runReal", "runMock"],
+  setup(a, { emit: u }) {
+    const e = a, o = u, i = C(!1), n = i, v = C(420), b = C(!1);
+    let f = 0, k = 0, x = "", V = "";
+    const $ = _(() => ({
+      height: `${e.open ? v.value : je}px`
+    })), d = () => {
+      o("update:open", !e.open);
+    }, r = (h) => {
+      const g = k - (h.clientY - f);
+      v.value = Math.max(200, Math.min(window.innerHeight * 0.8, g));
+    }, s = () => {
+      document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", s), document.body.style.cursor = x, document.body.style.userSelect = V, b.value = !1;
+    }, t = (h) => {
+      h.preventDefault(), b.value = !0, f = h.clientY, k = v.value, x = document.body.style.cursor, V = document.body.style.userSelect, document.body.style.cursor = "ns-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", r), document.addEventListener("mouseup", s);
+    };
+    ee(s);
+    const w = _({
+      get: () => e.modelValue,
+      set: (h) => o("update:modelValue", h)
+    }), L = _(
+      () => Be(e.pipelineTree, e.context?.nodes, e.mockNodeIds)
+    ), S = _(() => e.mockNodeIds.has(e.modelValue)), I = () => {
+      e.hasGlobalRun && (i.value = !i.value);
+    }, F = () => {
+      e.modelValue && o("reEditMock", e.modelValue);
+    }, O = () => {
+      e.modelValue && o("runReal", e.modelValue);
+    }, j = () => {
+      e.modelValue && o("runMock", e.modelValue);
+    };
+    return (h, g) => {
+      const H = N("bk-button"), Y = te("bk-tooltips");
+      return c(), p("div", {
+        class: R(["debug-result-drawer-wrapper", { "is-resizing": b.value }]),
+        style: se($.value)
+      }, [
+        e.open ? (c(), p("div", {
+          key: 0,
+          class: "debug-result-drawer__resize",
+          onMousedown: t
+        }, null, 32)) : E("", !0),
+        l("section", {
+          class: R(["debug-result-drawer", { "is-collapsed": !e.open }])
+        }, [
+          l("header", De, [
+            l("div", Pe, [
+              g[2] || (g[2] = l("span", { class: "debug-result-drawer__title" }, "调试结果", -1)),
+              g[3] || (g[3] = l("span", { class: "debug-result-drawer__divider" }, null, -1)),
+              ae((c(), D(H, {
+                text: "",
+                theme: "primary",
+                "data-test": "view-params",
+                disabled: !e.hasGlobalRun,
+                onClick: I
+              }, {
+                default: y(() => [...g[1] || (g[1] = [
+                  T(" 查看参数 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled"])), [
+                [Y, { content: "请先进行调试", disabled: e.hasGlobalRun }]
+              ])
+            ]),
+            l("span", {
+              class: "debug-result-drawer__collapse",
+              onClick: d
+            }, [
+              l("span", null, M(e.open ? "收起" : "展开"), 1),
+              l("i", {
+                class: R(["bkflow-canvas-icon bkflow-canvas-arrows-down debug-result-drawer__collapse-icon", { "is-expanded": e.open }])
+              }, null, 2)
+            ])
+          ]),
+          l("div", ze, [
+            ne(n) ? (c(), p("div", Ue, [
+              g[4] || (g[4] = l("div", { class: "debug-result-drawer__params-title" }, "本次调试输入参数", -1)),
+              l("div", Ie, [
+                m(re, {
+                  value: e.globalInputs ?? {},
+                  "default-expanded": !0
+                }, null, 8, ["value"])
+              ])
+            ])) : E("", !0),
+            l("div", Fe, [
+              m(be, {
+                modelValue: w.value,
+                "onUpdate:modelValue": g[0] || (g[0] = (K) => w.value = K),
+                nodes: L.value
+              }, null, 8, ["modelValue", "nodes"]),
+              l("div", Oe, [
+                m(Te, {
+                  result: e.result,
+                  "is-mock": S.value,
+                  onReEditMock: F,
+                  onRunReal: O,
+                  onRunMock: j
+                }, null, 8, ["result", "is-mock"])
+              ])
+            ])
+          ])
+        ], 2)
+      ], 6);
+    };
+  }
+}), Je = /* @__PURE__ */ P(He, [["__scopeId", "data-v-a977e91c"]]);
+export {
+  Je as default
+};