@blueking/bkflow-canvas-editor 1.1.0-beta.43 → 1.1.0-beta.45

package/dist/index-_LhW2Gn_.js

@@ -0,0 +1,647 @@
+import { defineComponent as O, openBlock as c, createElementBlock as f, Fragment as P, renderList as G, unref as a, normalizeClass as D, toDisplayString as m, createBlock as Q, normalizeStyle as K, createElementVNode as s, ref as z, computed as v, watch as Z, nextTick as ue, resolveComponent as A, createVNode as k, withKeys as ie, withModifiers as re, createCommentVNode as j, resolveDirective as se, withDirectives as le, createTextVNode as C, createSlots as ee, withCtx as w, onBeforeUnmount as de } from "vue";
+import "./context-Bu4mmo1Q.js";
+import { L as ce, _ as H, E as pe, j as be, k as me, l as fe, t as _e, o as ve, n as ge, s as ke, q as ye, v as te, C as we, w as he, x as xe, y as Re } from "./index-CgRqOi-E.js";
+import { t } from "@blueking/flow-canvas";
+const I = {
+  finished: { icon: "bkflow-canvas-dark-circle-checkbox", color: "#5fb8ac" },
+  failed: { icon: "bkflow-canvas-dark-circle-close", color: "#fa4e41" },
+  revoked: { icon: "bkflow-canvas-stop-fill", color: "#fa4e41" },
+  running: { color: "#3a84ff", loading: !0 },
+  not_run: { icon: "bkflow-canvas-weizhixing2", color: "#b8bbc4" },
+  skipped: { icon: "bkflow-canvas-tiaoguo2", color: "#6e89af" },
+  suspended: { icon: "bkflow-canvas-zanting", color: "#f59500" },
+  invalid: { icon: "bkflow-canvas-yishixiao", color: "#ff802b" }
+};
+function q(u) {
+  switch (u) {
+    case "all":
+      return t("全部");
+    case "finished":
+      return t("成功");
+    case "failed":
+      return t("失败");
+    case "revoked":
+      return t("终止");
+    case "running":
+      return t("执行中");
+    case "not_run":
+      return t("待执行");
+    case "skipped":
+      return t("跳过");
+    case "suspended":
+      return t("挂起");
+    case "invalid":
+      return t("已失效");
+  }
+}
+const Ve = [
+  ["all", "finished", "failed", "revoked", "running"],
+  ["not_run", "skipped", "suspended", "invalid"]
+];
+function X(u) {
+  return u.isInvalid ? "invalid" : u.status;
+}
+function $e(u, _) {
+  return _ === "all" ? u.length : u.filter((e) => X(e) === _).length;
+}
+const Ee = { class: "debug-status-filter-tabs" }, Te = ["data-status", "disabled", "aria-pressed", "onClick"], Ce = {
+  key: 0,
+  class: "debug-status-filter-tabs__label"
+}, De = { class: "debug-status-filter-tabs__label" }, Me = /* @__PURE__ */ O({
+  __name: "status-filter-tabs",
+  props: {
+    modelValue: {},
+    nodes: {}
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: _ }) {
+    const e = u, i = _, n = (p) => $e(e.nodes, p), d = (p) => p !== "all" && n(p) === 0, h = (p) => {
+      d(p) || i("update:modelValue", p);
+    };
+    return (p, y) => (c(), f("div", Ee, [
+      (c(!0), f(P, null, G(a(Ve), (x, $) => (c(), f("div", {
+        key: $,
+        class: "debug-status-filter-tabs__row",
+        "data-test": "status-filter-row"
+      }, [
+        (c(!0), f(P, null, G(x, (l) => (c(), f("button", {
+          key: l,
+          class: D([
+            "debug-status-filter-tabs__item",
+            `is-${l}`,
+            { "is-active": l === e.modelValue }
+          ]),
+          type: "button",
+          "data-test": "status-filter-item",
+          "data-status": l,
+          disabled: d(l),
+          "aria-pressed": l === e.modelValue,
+          onClick: (b) => h(l)
+        }, [
+          l === "all" ? (c(), f("span", Ce, m(a(q)(l)), 1)) : (c(), f(P, { key: 1 }, [
+            a(I)[l].loading ? (c(), Q(ce, {
+              key: 0,
+              class: "debug-status-filter-tabs__icon",
+              style: K({ color: a(I)[l].color }),
+              size: 14
+            }, null, 8, ["style"])) : (c(), f("i", {
+              key: 1,
+              class: D(["debug-status-filter-tabs__icon bkflow-canvas-icon", a(I)[l].icon]),
+              style: K({ color: a(I)[l].color })
+            }, null, 6)),
+            s("span", De, m(a(q)(l)) + " (" + m(n(l)) + ") ", 1)
+          ], 64))
+        ], 10, Te))), 128))
+      ]))), 128))
+    ]));
+  }
+}), Se = /* @__PURE__ */ H(Me, [["__scopeId", "data-v-7de7925b"]]), Le = { class: "debug-result-node-list" }, Ne = ["data-node-id", "aria-selected", "onClick", "onKeydown"], Be = ["title"], Ie = {
+  key: 0,
+  class: "debug-result-node-list__mock",
+  "data-test": "node-mock-flag"
+}, ze = {
+  key: 1,
+  class: "debug-result-node-list__empty"
+}, Pe = /* @__PURE__ */ O({
+  __name: "node-list",
+  props: {
+    nodes: {},
+    modelValue: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: _ }) {
+    const e = u, i = _, n = z(""), d = z("all"), h = z(null), p = v(() => {
+      const l = n.value.trim().toLowerCase();
+      return e.nodes.filter((b) => d.value !== "all" && X(b) !== d.value ? !1 : l ? b.name.toLowerCase().includes(l) || b.type.toLowerCase().includes(l) || (b.typeName ?? "").toLowerCase().includes(l) : !0);
+    }), y = v(() => n.value.trim() ? t("搜索结果为空") : d.value !== "all" ? t("暂无{status}状态节点", {
+      status: q(d.value)
+    }) : t("暂无节点")), x = () => {
+      n.value = "", d.value = "all";
+    }, $ = (l) => {
+      const b = h.value, g = b?.querySelector(`[data-node-id="${CSS.escape(l)}"]`);
+      if (!b || !g) return;
+      const o = b.getBoundingClientRect(), E = g.getBoundingClientRect();
+      E.top < o.top ? b.scrollTop -= o.top - E.top : E.bottom > o.bottom && (b.scrollTop += E.bottom - o.bottom);
+    };
+    return Z(
+      () => e.modelValue,
+      async (l) => {
+        if (!l) return;
+        !p.value.some((g) => g.id === l) && e.nodes.some((g) => g.id === l) && (n.value = "", d.value = "all"), await ue(), $(l);
+      },
+      { flush: "post" }
+    ), (l, b) => {
+      const g = A("bk-input");
+      return c(), f("aside", Le, [
+        k(g, {
+          modelValue: n.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (o) => n.value = o),
+          class: "debug-result-node-list__search",
+          placeholder: a(t)("搜索 节点名称、节点类型"),
+          type: "search",
+          clearable: "",
+          "data-test": "node-search"
+        }, null, 8, ["modelValue", "placeholder"]),
+        k(Se, {
+          modelValue: d.value,
+          "onUpdate:modelValue": b[1] || (b[1] = (o) => d.value = o),
+          class: "debug-result-node-list__filters",
+          "data-test": "status-filters",
+          nodes: e.nodes
+        }, null, 8, ["modelValue", "nodes"]),
+        p.value.length > 0 ? (c(), f("div", {
+          key: 0,
+          ref_key: "itemsRef",
+          ref: h,
+          class: "debug-result-node-list__items",
+          role: "listbox"
+        }, [
+          (c(!0), f(P, null, G(p.value, (o) => (c(), f("div", {
+            key: o.id,
+            class: D([
+              "debug-result-node-list__item",
+              `is-${o.status}`,
+              {
+                "is-active": o.id === e.modelValue,
+                "is-unconfigured": !o.isConfigured
+              }
+            ]),
+            role: "option",
+            "data-test": "node-item",
+            "data-node-id": o.id,
+            "aria-selected": o.id === e.modelValue,
+            tabindex: "0",
+            onClick: (E) => i("update:modelValue", o.id),
+            onKeydown: ie(re((E) => i("update:modelValue", o.id), ["prevent"]), ["enter", "space"])
+          }, [
+            s("span", {
+              class: D([
+                "debug-result-node-list__status",
+                `is-${a(X)(o)}`,
+                { "is-placeholder": !o.isConfigured }
+              ])
+            }, [
+              o.icon ? (c(), f("i", {
+                key: 0,
+                class: D(o.icon),
+                "data-test": "node-icon"
+              }, null, 2)) : j("", !0)
+            ], 2),
+            s("span", {
+              class: "debug-result-node-list__name",
+              title: o.isConfigured ? `${o.name} ${o.typeName || o.type}` : o.name
+            }, m(o.name), 9, Be),
+            o.isMock ? (c(), f("span", Ie, "MOCK")) : j("", !0)
+          ], 42, Ne))), 128))
+        ], 512)) : (c(), f("div", ze, [
+          k(pe, {
+            "is-search": !1,
+            title: y.value,
+            onClear: x
+          }, null, 8, ["title"])
+        ]))
+      ]);
+    };
+  }
+}), Ae = /* @__PURE__ */ H(Pe, [["__scopeId", "data-v-3d90cfb1"]]);
+function Oe(u) {
+  if (u == null) return "";
+  if (typeof u == "string") return u;
+  if (typeof u == "object") {
+    const _ = u, e = _.message;
+    if (typeof e == "string" && e) {
+      const i = _.type;
+      return typeof i == "string" && i ? `${i}: ${e}` : e;
+    }
+    try {
+      return JSON.stringify(u);
+    } catch {
+      return String(u);
+    }
+  }
+  return String(u);
+}
+const He = {
+  class: "execution-record",
+  "data-test": "execution-record"
+}, Ue = { class: "execution-record__table" }, Fe = { key: 0 }, Ge = /* @__PURE__ */ O({
+  __name: "execution-record",
+  props: {
+    result: {},
+    isDeleted: { type: Boolean, default: !1 }
+  },
+  setup(u) {
+    const _ = u, e = (d) => d || "--", i = v(() => {
+      const { executor: d, startTime: h, finishTime: p, elapsedSeconds: y, durationMs: x } = _.result.execution, $ = y ?? (typeof x == "number" ? Math.floor(x / 1e3) : void 0);
+      return [
+        { label: t("执行人"), value: e(d) },
+        { label: t("开始时间"), value: e(h) },
+        { label: t("结束时间"), value: e(p) },
+        { label: t("耗时"), value: be($) }
+      ];
+    }), n = v(() => {
+      const { status: d, configChanged: h, errorDetail: p } = _.result.execution;
+      if (_.isDeleted || h) {
+        const { icon: b, color: g } = I.invalid;
+        return {
+          prefix: t("已失效："),
+          text: _.isDeleted ? t("该节点已被删除，调试结果无效") : t("该节点配置已修改，需要重新调试"),
+          icon: b,
+          color: g
+        };
+      }
+      const { icon: y, color: x } = I[d], $ = q(d), l = d === "failed" ? Oe(p || _.result.error) : "";
+      return {
+        prefix: "",
+        text: l ? t("{status}：{error}", { status: $, error: l }) : $,
+        icon: y,
+        color: x
+      };
+    });
+    return (d, h) => {
+      const p = se("bkloading");
+      return le((c(), f("div", He, [
+        s("table", Ue, [
+          s("tbody", null, [
+            (c(!0), f(P, null, G(i.value, (y) => (c(), f("tr", {
+              key: y.label
+            }, [
+              s("th", null, m(y.label), 1),
+              s("td", null, m(y.value), 1)
+            ]))), 128)),
+            s("tr", null, [
+              s("th", null, m(a(t)("调试结果")), 1),
+              s("td", null, [
+                s("span", {
+                  class: "execution-record__status",
+                  style: K({ color: n.value.color })
+                }, [
+                  n.value.icon ? (c(), f("i", {
+                    key: 0,
+                    class: D(["bkflow-canvas-icon", n.value.icon]),
+                    "aria-hidden": "true"
+                  }, null, 2)) : j("", !0),
+                  s("span", null, [
+                    n.value.prefix ? (c(), f("strong", Fe, m(n.value.prefix), 1)) : j("", !0),
+                    C(m(n.value.text), 1)
+                  ])
+                ], 4)
+              ])
+            ])
+          ])
+        ])
+      ])), [
+        [p, { loading: _.result.loading }]
+      ]);
+    };
+  }
+}), Ke = /* @__PURE__ */ H(Ge, [["__scopeId", "data-v-5cfcb28b"]]), je = { class: "debug-result-tabs" }, qe = {
+  class: "debug-result-tabs__failed-actions",
+  "data-test": "output-error-actions"
+}, Ye = { class: "debug-result-tabs__label" }, Je = { class: "debug-result-tabs__label" }, We = { class: "debug-result-tabs__label" }, Qe = {
+  class: "debug-result-tabs__mock-hint",
+  "data-test": "mock-banner"
+}, Xe = { class: "debug-result-tabs__label" }, Ze = {
+  class: "debug-result-tabs__logs",
+  "data-test": "tab-logs"
+}, et = /* @__PURE__ */ O({
+  __name: "result-tabs",
+  props: {
+    result: {},
+    component: {},
+    isMock: { type: Boolean, default: !1 },
+    isDeleted: { type: Boolean, default: !1 },
+    canRunNodeDebug: { type: Boolean, default: !1 }
+  },
+  emits: ["reEditMock", "runReal", "runMock", "logsTabActive"],
+  setup(u, { emit: _ }) {
+    const e = u, i = _, n = z("execution");
+    Z(
+      n,
+      (T) => i("logsTabActive", T === "logs"),
+      { immediate: !0 }
+    );
+    const d = v(() => e.result.execution.status === "revoked"), h = v(() => me(e.result.execution.status)), p = v(
+      () => d.value ? t("该节点调试已终止，可") : t("该节点执行失败，可")
+    ), {
+      loading: y,
+      error: x,
+      visibleInputs: $,
+      visibleOutputs: l,
+      outputNameMap: b
+    } = fe({ component: () => e.component }), g = v(() => e.result.loading || y.value), o = v(() => e.result.detailError || x.value), E = v(() => {
+      const { inputs: T } = e.result;
+      return e.component ? $.value.filter(({ key: r }) => Object.prototype.hasOwnProperty.call(T, r)).map(({ key: r, name: M }) => ({ key: r, name: M, value: T[r] })) : _e(T);
+    }), U = v(
+      () => ve(
+        ge(e.result.outputs, b.value),
+        l.value.map((T) => T.key)
+      )
+    ), F = v(
+      () => e.canRunNodeDebug && !e.isDeleted && ke(e.isMock, l.value)
+    ), S = v(() => e.result.logs == null ? "" : ye(e.result.logs));
+    return (T, r) => {
+      const M = A("bk-button"), L = A("bk-tab-panel"), Y = A("bk-tab");
+      return c(), f("div", je, [
+        k(Y, {
+          active: n.value,
+          "onUpdate:active": r[3] || (r[3] = (N) => n.value = N),
+          type: "card-grid"
+        }, ee({
+          default: w(() => [
+            k(L, {
+              name: "execution",
+              label: a(t)("执行记录")
+            }, {
+              label: w(() => [
+                s("span", Ye, [
+                  r[5] || (r[5] = s("i", {
+                    class: "bkflow-canvas-icon bkflow-canvas-xiangqing",
+                    "aria-hidden": "true"
+                  }, null, -1)),
+                  C(m(a(t)("执行记录")), 1)
+                ])
+              ]),
+              default: w(() => [
+                k(Ke, {
+                  result: e.result,
+                  "is-deleted": e.isDeleted
+                }, null, 8, ["result", "is-deleted"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            k(L, {
+              name: "inputs",
+              label: a(t)("输入参数")
+            }, {
+              label: w(() => [
+                s("span", Je, [
+                  r[6] || (r[6] = s("i", {
+                    class: "bkflow-canvas-icon bkflow-canvas-daoru",
+                    "aria-hidden": "true"
+                  }, null, -1)),
+                  C(m(a(t)("输入参数")), 1)
+                ])
+              ]),
+              default: w(() => [
+                k(te, {
+                  rows: E.value,
+                  loading: g.value,
+                  error: o.value,
+                  "empty-text": a(t)("暂无输入参数")
+                }, null, 8, ["rows", "loading", "error", "empty-text"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            k(L, {
+              name: "outputs",
+              label: a(t)("输出结果")
+            }, {
+              label: w(() => [
+                s("span", We, [
+                  r[7] || (r[7] = s("i", {
+                    class: "bkflow-canvas-icon bkflow-canvas-daochu",
+                    "aria-hidden": "true"
+                  }, null, -1)),
+                  C(m(a(t)("输出结果")), 1)
+                ])
+              ]),
+              default: w(() => [
+                k(te, {
+                  rows: U.value,
+                  loading: g.value,
+                  error: o.value,
+                  "empty-text": a(t)("暂无输出结果")
+                }, ee({ _: 2 }, [
+                  F.value ? {
+                    name: "toolbar",
+                    fn: w(() => [
+                      s("div", Qe, [
+                        r[8] || (r[8] = s("i", {
+                          class: "bkflow-canvas-icon bkflow-canvas-info debug-result-tabs__mock-info",
+                          "aria-hidden": "true"
+                        }, null, -1)),
+                        s("span", null, m(a(t)("当前为 Mock 数据")), 1),
+                        k(M, {
+                          text: "",
+                          theme: "primary",
+                          size: "small",
+                          "data-test": "re-edit-mock",
+                          onClick: r[2] || (r[2] = (N) => i("reEditMock"))
+                        }, {
+                          default: w(() => [
+                            C(m(a(t)("重新编辑")), 1)
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["rows", "loading", "error", "empty-text"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            k(L, {
+              name: "logs",
+              label: a(t)("调用日志")
+            }, {
+              label: w(() => [
+                s("span", Xe, [
+                  r[9] || (r[9] = s("i", {
+                    class: "bkflow-canvas-icon bkflow-canvas-rizhi",
+                    "aria-hidden": "true"
+                  }, null, -1)),
+                  C(m(a(t)("调用日志")), 1)
+                ])
+              ]),
+              default: w(() => [
+                s("div", Ze, [
+                  k(we, {
+                    "log-text": S.value,
+                    loading: e.result.logLoading,
+                    error: e.result.logError
+                  }, null, 8, ["log-text", "loading", "error"])
+                ])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 2
+        }, [
+          h.value && e.canRunNodeDebug ? {
+            name: "setting",
+            fn: w(() => [
+              s("div", qe, [
+                r[4] || (r[4] = s("i", { class: "bkflow-canvas-icon bkflow-canvas-alert" }, null, -1)),
+                s("span", null, m(p.value), 1),
+                k(M, {
+                  text: "",
+                  theme: "primary",
+                  "data-test": "rerun-real",
+                  onClick: r[0] || (r[0] = (N) => i("runReal"))
+                }, {
+                  default: w(() => [
+                    C(m(a(t)("重新调试")), 1)
+                  ]),
+                  _: 1
+                }),
+                s("span", null, m(a(t)("或直接")), 1),
+                k(M, {
+                  text: "",
+                  theme: "primary",
+                  "data-test": "run-mock",
+                  onClick: r[1] || (r[1] = (N) => i("runMock"))
+                }, {
+                  default: w(() => [
+                    C(m(a(t)("Mock 输出")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["active"])
+      ]);
+    };
+  }
+}), tt = /* @__PURE__ */ H(et, [["__scopeId", "data-v-0e5cd69b"]]), st = { class: "debug-result-drawer__header" }, lt = { class: "debug-result-drawer__header-left" }, ot = { class: "debug-result-drawer__title" }, at = { class: "debug-result-drawer__body" }, nt = { class: "debug-result-drawer__content" }, ut = { class: "debug-result-drawer__result" }, it = {
+  key: 1,
+  class: "debug-result-drawer__unselected",
+  "data-test": "node-unselected"
+}, B = 44, W = 420, rt = /* @__PURE__ */ O({
+  __name: "index",
+  props: {
+    open: { type: Boolean },
+    context: {},
+    pipelineTree: {},
+    modelValue: { default: "" },
+    result: {},
+    hasGlobalRun: { type: Boolean, default: !1 },
+    viewParamsPending: { type: Boolean, default: !1 },
+    offsetLeft: { default: 0 }
+  },
+  emits: ["update:open", "update:modelValue", "reEditMock", "runReal", "runMock", "viewParams", "logsTabActive"],
+  setup(u, { emit: _ }) {
+    const e = u, i = _, n = z(W), d = z(!1);
+    let h = 0, p = 0, y = "", x = "";
+    const $ = v(() => ({
+      left: `${e.offsetLeft}px`,
+      height: `${e.open ? n.value : B}px`
+    })), l = () => {
+      e.open || (n.value = W), i("update:open", !e.open);
+    }, b = (R) => {
+      const V = R > B;
+      V !== e.open && i("update:open", V);
+    }, g = (R) => {
+      const V = p - (R.clientY - h);
+      n.value = Math.max(B, Math.min(window.innerHeight * 0.8, V)), b(n.value);
+    }, o = () => {
+      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", o), document.body.style.cursor = y, document.body.style.userSelect = x, d.value = !1, n.value <= B && (n.value = W, i("update:open", !1));
+    }, E = (R) => {
+      R.preventDefault(), d.value = !0, h = R.clientY, e.open ? p = n.value : (i("update:open", !0), n.value = B, p = B), y = document.body.style.cursor, x = document.body.style.userSelect, document.body.style.cursor = "ns-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", g), document.addEventListener("mouseup", o);
+    };
+    de(o);
+    const U = v({
+      get: () => e.modelValue,
+      set: (R) => i("update:modelValue", R)
+    });
+    Z(
+      () => e.modelValue,
+      (R) => {
+        R || i("logsTabActive", !1);
+      },
+      { immediate: !0 }
+    );
+    const F = v(
+      () => he(e.pipelineTree, e.context?.debug_snapshot?.nodes)
+    ), S = v(() => F.value.find((R) => R.id === e.modelValue)), T = v(() => S.value?.isMock ?? !1), r = v(
+      () => xe(
+        e.result.component,
+        e.pipelineTree?.activities?.[e.modelValue]?.component,
+        S.value
+      )
+    ), M = v(() => Re(S.value)), L = () => {
+      !e.hasGlobalRun || e.viewParamsPending || i("viewParams");
+    }, Y = () => {
+      e.modelValue && i("reEditMock", e.modelValue);
+    }, N = () => {
+      e.modelValue && i("runReal", e.modelValue);
+    }, oe = () => {
+      e.modelValue && i("runMock", e.modelValue);
+    };
+    return (R, V) => {
+      const ae = A("bk-button"), ne = se("bk-tooltips");
+      return c(), f("div", {
+        class: D(["debug-result-drawer-wrapper", { "is-resizing": d.value }]),
+        style: K($.value)
+      }, [
+        s("div", {
+          class: "debug-result-drawer__resize",
+          onMousedown: E
+        }, null, 32),
+        s("section", {
+          class: D(["debug-result-drawer", { "is-collapsed": !e.open }])
+        }, [
+          s("header", st, [
+            s("div", lt, [
+              s("span", ot, m(a(t)("调试结果")), 1),
+              V[3] || (V[3] = s("span", { class: "debug-result-drawer__divider" }, null, -1)),
+              le((c(), Q(ae, {
+                text: "",
+                theme: "primary",
+                disabled: !e.hasGlobalRun,
+                loading: e.viewParamsPending,
+                onClick: L
+              }, {
+                default: w(() => [
+                  V[2] || (V[2] = s("i", { class: "bkflow-canvas-icon bkflow-canvas-audit view-params-icon" }, null, -1)),
+                  C(" " + m(a(t)("查看参数")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "loading"])), [
+                [ne, { content: a(t)("请先进行调试"), disabled: e.hasGlobalRun }]
+              ])
+            ]),
+            s("span", {
+              class: "debug-result-drawer__collapse",
+              onClick: l
+            }, [
+              s("span", null, m(e.open ? a(t)("收起") : a(t)("展开")), 1),
+              s("i", {
+                class: D(["bkflow-canvas-icon bkflow-canvas-arrows-down debug-result-drawer__collapse-icon", { "is-expanded": e.open }])
+              }, null, 2)
+            ])
+          ]),
+          s("div", at, [
+            s("div", nt, [
+              k(Ae, {
+                modelValue: U.value,
+                "onUpdate:modelValue": V[0] || (V[0] = (J) => U.value = J),
+                nodes: F.value
+              }, null, 8, ["modelValue", "nodes"]),
+              s("div", ut, [
+                e.modelValue ? (c(), Q(tt, {
+                  key: 0,
+                  result: e.result,
+                  component: r.value,
+                  "is-mock": T.value,
+                  "is-deleted": S.value?.isDeleted,
+                  "can-run-node-debug": M.value,
+                  onReEditMock: Y,
+                  onRunReal: N,
+                  onRunMock: oe,
+                  onLogsTabActive: V[1] || (V[1] = (J) => i("logsTabActive", J))
+                }, null, 8, ["result", "component", "is-mock", "is-deleted", "can-run-node-debug"])) : (c(), f("div", it, m(a(t)("请先选择节点查看调试详情")), 1))
+              ])
+            ])
+          ])
+        ], 2)
+      ], 6);
+    };
+  }
+}), mt = /* @__PURE__ */ H(rt, [["__scopeId", "data-v-bbef416a"]]);
+export {
+  mt as default
+};