@blueking/bkflow-canvas-editor 1.1.0-beta.1 → 1.1.0-beta.11

package/dist/index-DNOsjdMW.js

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

package/dist/index-DTNdhHD2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("./index-DcCa3dC3.cjs"),C=require("./composable-CxeoRvet.cjs"),R={class:"debug-result-node-list"},M=["data-node-id","aria-selected","onClick","onKeydown"],$=["title"],L={key:0,class:"debug-result-node-list__mock","data-test":"node-mock-flag"},P={key:1,class:"debug-result-node-list__empty"},A=e.defineComponent({__name:"node-list",props:{nodes:{},modelValue:{default:""}},emits:["update:modelValue"],setup(s,{emit:u}){const t=s,a=u,i=e.ref(""),l=e.ref("all"),d=e.ref(null),v=[{value:"all",label:"全部"},{value:"finished",icon:"bkflow-canvas-dark-circle-checkbox",iconColor:"#5fb8ac"},{value:"failed",icon:"bkflow-canvas-dark-circle-close",iconColor:"#fa4e41"},{value:"running",iconComponent:p.LoadingStatusIcon,iconColor:"#3a84ff"},{value:"not_run",icon:"bkflow-canvas-weizhixing2",iconColor:"#b8bbc4"},{value:"suspended",icon:"bkflow-canvas-zanting",iconColor:"#f59500"},{value:"skipped",icon:"bkflow-canvas-tiaoguo2",iconColor:"#6e89af"}],b=e.computed(()=>v.map(r=>({...r,count:r.value==="all"?t.nodes.length:t.nodes.filter(o=>o.status===r.value).length}))),f=e.computed(()=>{const r=i.value.trim().toLowerCase();return t.nodes.filter(o=>l.value!=="all"&&o.status!==l.value?!1:r?o.name.toLowerCase().includes(r)||o.type.toLowerCase().includes(r)||(o.typeName??"").toLowerCase().includes(r):!0)}),V={not_run:"未执行",finished:"成功",failed:"失败",running:"正在调试",suspended:"挂起",skipped:"跳过"},E=e.computed(()=>i.value.trim()?"搜索结果为空":l.value!=="all"?`暂无${V[l.value]}状态节点`:"暂无节点"),y=()=>{i.value="",l.value="all"},k=r=>{const o=d.value,c=o?.querySelector(`[data-node-id="${CSS.escape(r)}"]`);if(!o||!c)return;const n=o.getBoundingClientRect(),_=c.getBoundingClientRect();_.top<n.top?o.scrollTop-=n.top-_.top:_.bottom>n.bottom&&(o.scrollTop+=_.bottom-n.bottom)};return e.watch(()=>t.modelValue,async r=>{if(!r)return;!f.value.some(c=>c.id===r)&&t.nodes.some(c=>c.id===r)&&(i.value="",l.value="all"),await e.nextTick(),k(r)},{flush:"post"}),(r,o)=>{const c=e.resolveComponent("bk-input");return e.openBlock(),e.createElementBlock("aside",R,[e.createVNode(c,{modelValue:i.value,"onUpdate:modelValue":o[0]||(o[0]=n=>i.value=n),class:"debug-result-node-list__search",placeholder:"搜索节点名称 / 类型",type:"search",clearable:"","data-test":"node-search"},null,8,["modelValue"]),e.createVNode(p.SegmentTabs,{modelValue:l.value,"onUpdate:modelValue":o[1]||(o[1]=n=>l.value=n),class:"debug-result-node-list__filters","data-test":"status-filters",items:b.value},null,8,["modelValue","items"]),f.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"itemsRef",ref:d,class:"debug-result-node-list__items",role:"listbox"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:e.normalizeClass(["debug-result-node-list__item",`is-${n.status}`,{"is-active":n.id===t.modelValue,"is-unconfigured":!n.isConfigured}]),role:"option","data-test":"node-item","data-node-id":n.id,"aria-selected":n.id===t.modelValue,tabindex:"0",onClick:_=>a("update:modelValue",n.id),onKeydown:e.withKeys(e.withModifiers(_=>a("update:modelValue",n.id),["prevent"]),["enter","space"])},[e.createElementVNode("span",{class:e.normalizeClass(["debug-result-node-list__status",`is-${n.status}`,{"is-placeholder":!n.isConfigured}])},[n.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(n.icon),"data-test":"node-icon"},null,2)):e.createCommentVNode("",!0)],2),e.createElementVNode("span",{class:"debug-result-node-list__name",title:n.isConfigured?`${n.name} ${n.typeName||n.type}`:n.name},e.toDisplayString(n.name),9,$),n.isMock?(e.openBlock(),e.createElementBlock("span",L,"MOCK")):e.createCommentVNode("",!0)],42,M))),128))],512)):(e.openBlock(),e.createElementBlock("div",P,[e.createVNode(p.EmptyException,{"is-search":!1,title:E.value,onClear:y},null,8,["title"])]))])}}}),G=p._export_sfc(A,[["__scopeId","data-v-5f1b1514"]]);function z(s){if(s==null)return"";if(typeof s=="string")return s;if(typeof s=="object"){const u=s,t=u.message;if(typeof t=="string"&&t){const a=u.type;return typeof a=="string"&&a?`${a}: ${t}`:t}try{return JSON.stringify(s)}catch{return String(s)}}return String(s)}const D={class:"debug-result-tabs"},U={class:"debug-result-tabs__execution","data-test":"tab-execution"},O={class:"debug-result-tabs__row"},F={class:"value"},I={class:"debug-result-tabs__row"},j={class:"value"},H={key:0,class:"debug-result-tabs__row is-error"},Y={class:"value"},q={key:0,class:"debug-result-tabs__mock-banner","data-test":"mock-banner"},K={key:1,class:"debug-result-tabs__error-banner","data-test":"output-error"},J={key:0,class:"debug-result-tabs__error-text"},W={class:"debug-result-tabs__error-guide"},Q={class:"debug-result-tabs__logs","data-test":"tab-logs"},X=e.defineComponent({__name:"result-tabs",props:{result:{},isMock:{type:Boolean,default:!1}},emits:["reEditMock","runReal","runMock","logsTabActive"],setup(s,{emit:u}){const t=s,a=u,i=e.ref("execution");e.watch(i,r=>a("logsTabActive",r==="logs"),{immediate:!0});const l={not_run:"未调试",running:"正在调试",finished:"成功",failed:"失败",suspended:"挂起",skipped:"跳过"},d=e.computed(()=>l[t.result.execution.status]??t.result.execution.status),v=e.computed(()=>{const r=t.result.execution.durationMs;return r==null?"--":`${(r/1e3).toFixed(1)}s`}),b=e.computed(()=>z(t.result.error||t.result.execution.errorDetail)),f=e.computed(()=>t.result.execution.status==="failed"),V=r=>Object.entries(r??{}).map(([o,c])=>({key:o,name:o,value:c})),E=e.computed(()=>V(t.result.inputs)),y=e.computed(()=>p.toDebugOutputValueRows(t.result.outputs)),k=e.computed(()=>t.result.logs==null?"":p.normalizeLogText(t.result.logs));return(r,o)=>{const c=e.resolveComponent("bk-tab-panel"),n=e.resolveComponent("bk-button"),_=e.resolveComponent("bk-tab");return e.openBlock(),e.createElementBlock("div",D,[e.createVNode(_,{active:i.value,"onUpdate:active":o[3]||(o[3]=w=>i.value=w),type:"card-grid"},{default:e.withCtx(()=>[e.createVNode(c,{name:"execution",label:"执行信息"},{default:e.withCtx(()=>[e.createElementVNode("div",U,[e.createElementVNode("div",O,[o[4]||(o[4]=e.createElementVNode("span",{class:"label"},"执行状态",-1)),e.createElementVNode("span",F,e.toDisplayString(d.value),1)]),e.createElementVNode("div",I,[o[5]||(o[5]=e.createElementVNode("span",{class:"label"},"调试用时",-1)),e.createElementVNode("span",j,e.toDisplayString(v.value),1)]),b.value?(e.openBlock(),e.createElementBlock("div",H,[o[6]||(o[6]=e.createElementVNode("span",{class:"label"},"错误信息",-1)),e.createElementVNode("span",Y,e.toDisplayString(b.value),1)])):e.createCommentVNode("",!0)])]),_:1}),e.createVNode(c,{name:"inputs",label:"输入参数"},{default:e.withCtx(()=>[e.createVNode(p.DebugValueTable,{rows:E.value,loading:t.result.loading,error:t.result.detailError,"empty-text":"暂无输入参数"},null,8,["rows","loading","error"])]),_:1}),e.createVNode(c,{name:"outputs",label:"输出结果"},{default:e.withCtx(()=>[t.isMock?(e.openBlock(),e.createElementBlock("div",q,[o[8]||(o[8]=e.createElementVNode("span",null,"当前为 Mock 数据",-1)),e.createVNode(n,{text:"",theme:"primary",size:"small","data-test":"re-edit-mock",onClick:o[0]||(o[0]=w=>a("reEditMock"))},{default:e.withCtx(()=>[...o[7]||(o[7]=[e.createTextVNode(" 重新编辑 ",-1)])]),_:1})])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("div",K,[b.value?(e.openBlock(),e.createElementBlock("p",J,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0),e.createElementVNode("p",W,[o[11]||(o[11]=e.createElementVNode("span",null,"该节点调试失败，可",-1)),e.createVNode(n,{text:"",theme:"primary","data-test":"rerun-real",onClick:o[1]||(o[1]=w=>a("runReal"))},{default:e.withCtx(()=>[...o[9]||(o[9]=[e.createTextVNode("重新调试",-1)])]),_:1}),o[12]||(o[12]=e.createElementVNode("span",null,"或直接",-1)),e.createVNode(n,{text:"",theme:"primary","data-test":"run-mock",onClick:o[2]||(o[2]=w=>a("runMock"))},{default:e.withCtx(()=>[...o[10]||(o[10]=[e.createTextVNode("Mock输出",-1)])]),_:1})])])):(e.openBlock(),e.createBlock(p.DebugValueTable,{key:2,rows:y.value,loading:t.result.loading,error:t.result.detailError,"empty-text":"暂无输出结果"},null,8,["rows","loading","error"]))]),_:1}),e.createVNode(c,{name:"logs",label:"调用日志"},{default:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createVNode(p.CallLogsViewer,{"log-text":k.value,loading:t.result.logLoading,error:t.result.logError},null,8,["log-text","loading","error"])])]),_:1})]),_:1},8,["active"])])}}}),Z=p._export_sfc(X,[["__scopeId","data-v-dfee6bc2"]]),ee={ExclusiveGateway:"bkflow-canvas-fenzhiwangguan",ParallelGateway:"bkflow-canvas-bingxingwangguan",ConditionalParallelGateway:"bkflow-canvas-tiaojianbingxingwangguan",ConvergeGateway:"bkflow-canvas-huijuwangguan"},x={ServiceActivity:"任务节点",EmptyStartEvent:"开始节点",EmptyEndEvent:"结束节点",ExclusiveGateway:"分支网关",ParallelGateway:"并行网关",ConditionalParallelGateway:"条件并行网关",ConvergeGateway:"汇聚网关"};function te(s){if(!s.component?.code)return"";if(s.component.code==="uniform_api"){const u=s.component.api_meta?.category?.name??"";return C.PLUGGIN_GROUP_FONT_CLASS_MAP[u]??C.PLUGGIN_GROUP_FONT_CLASS_MAP.bkflow}return C.PLUGGIN_GROUP_FONT_CLASS_MAP.bkflow}function oe(s,u){const t=s?.location?.find(d=>d.id===u),a=t?.icon??"",i=s?.activities?.[u];if(i)return{name:!!i.component?.code?i.name||t?.name||u:"节点未配置",type:i.type||"ServiceActivity",typeName:x[i.type]??"任务节点",icon:te(i)};const l=s?.gateways?.[u];return l?{name:l.name||t?.name||x[l.type]||u,type:l.type,typeName:x[l.type]??"网关",icon:a||ee[l.type]||""}:s?.start_event?.id===u?{name:s.start_event.name||"开始",type:"EmptyStartEvent",typeName:"开始节点",icon:a||"bkflow-canvas-kaishi"}:s?.end_event?.id===u?{name:s.end_event.name||"结束",type:"EmptyEndEvent",typeName:"结束节点",icon:a||"bkflow-canvas-stop"}:t?{name:t.name||u,type:t.type||"",typeName:"",icon:a}:{name:u,type:"",typeName:"",icon:""}}function ne(s,u,t=new Set){const a=s?.activities;if(!a)return[];const i=new Map((u??[]).map(l=>[l.node_id,p.normalizeDebugNodeStatus(l.status)]));return Object.values(a).map(l=>{const d=!!l.component?.code,v=oe(s,l.id);return{id:l.id,name:v.name,type:v.type||l.type,typeName:v.typeName,icon:v.icon,status:i.get(l.id)??"not_run",isMock:t.has(l.id),isConfigured:d}})}const le={class:"debug-result-drawer__header"},se={class:"debug-result-drawer__header-left"},ae={class:"debug-result-drawer__body"},re={class:"debug-result-drawer__content"},ie={class:"debug-result-drawer__result"},ue={key:1,class:"debug-result-drawer__unselected","data-test":"node-unselected"},ce=44,de=e.defineComponent({__name:"index",props:{open:{type:Boolean},context:{},pipelineTree:{},mockNodeIds:{},modelValue:{default:""},result:{},hasGlobalRun:{type:Boolean,default:!1},viewParamsPending:{type:Boolean,default:!1}},emits:["update:open","update:modelValue","reEditMock","runReal","runMock","viewParams","logsTabActive"],setup(s,{emit:u}){const t=s,a=u,i=e.ref(420),l=e.ref(!1);let d=0,v=0,b="",f="";const V=e.computed(()=>({height:`${t.open?i.value:ce}px`})),E=()=>{a("update:open",!t.open)},y=g=>{const m=v-(g.clientY-d);i.value=Math.max(200,Math.min(window.innerHeight*.8,m))},k=()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",k),document.body.style.cursor=b,document.body.style.userSelect=f,l.value=!1},r=g=>{g.preventDefault(),l.value=!0,d=g.clientY,v=i.value,b=document.body.style.cursor,f=document.body.style.userSelect,document.body.style.cursor="ns-resize",document.body.style.userSelect="none",document.addEventListener("mousemove",y),document.addEventListener("mouseup",k)};e.onBeforeUnmount(k);const o=e.computed({get:()=>t.modelValue,set:g=>a("update:modelValue",g)});e.watch(()=>t.modelValue,g=>{g||a("logsTabActive",!1)},{immediate:!0});const c=e.computed(()=>ne(t.pipelineTree,t.context?.nodes,t.mockNodeIds)),n=e.computed(()=>t.mockNodeIds.has(t.modelValue)),_=()=>{!t.hasGlobalRun||t.viewParamsPending||a("viewParams")},w=()=>{t.modelValue&&a("reEditMock",t.modelValue)},h=()=>{t.modelValue&&a("runReal",t.modelValue)},B=()=>{t.modelValue&&a("runMock",t.modelValue)};return(g,m)=>{const S=e.resolveComponent("bk-button"),T=e.resolveDirective("bk-tooltips");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["debug-result-drawer-wrapper",{"is-resizing":l.value}]),style:e.normalizeStyle(V.value)},[t.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:"debug-result-drawer__resize",onMousedown:r},null,32)):e.createCommentVNode("",!0),e.createElementVNode("section",{class:e.normalizeClass(["debug-result-drawer",{"is-collapsed":!t.open}])},[e.createElementVNode("header",le,[e.createElementVNode("div",se,[m[3]||(m[3]=e.createElementVNode("span",{class:"debug-result-drawer__title"},"调试结果",-1)),m[4]||(m[4]=e.createElementVNode("span",{class:"debug-result-drawer__divider"},null,-1)),e.withDirectives((e.openBlock(),e.createBlock(S,{text:"",theme:"primary",disabled:!t.hasGlobalRun,loading:t.viewParamsPending,onClick:_},{default:e.withCtx(()=>[...m[2]||(m[2]=[e.createElementVNode("i",{class:"bkflow-canvas-icon bkflow-canvas-audit view-params-icon"},null,-1),e.createTextVNode(" 查看参数 ",-1)])]),_:1},8,["disabled","loading"])),[[T,{content:"请先进行调试",disabled:t.hasGlobalRun}]])]),e.createElementVNode("span",{class:"debug-result-drawer__collapse",onClick:E},[e.createElementVNode("span",null,e.toDisplayString(t.open?"收起":"展开"),1),e.createElementVNode("i",{class:e.normalizeClass(["bkflow-canvas-icon bkflow-canvas-arrows-down debug-result-drawer__collapse-icon",{"is-expanded":t.open}])},null,2)])]),e.createElementVNode("div",ae,[e.createElementVNode("div",re,[e.createVNode(G,{modelValue:o.value,"onUpdate:modelValue":m[0]||(m[0]=N=>o.value=N),nodes:c.value},null,8,["modelValue","nodes"]),e.createElementVNode("div",ie,[t.modelValue?(e.openBlock(),e.createBlock(Z,{key:0,result:t.result,"is-mock":n.value,onReEditMock:w,onRunReal:h,onRunMock:B,onLogsTabActive:m[1]||(m[1]=N=>a("logsTabActive",N))},null,8,["result","is-mock"])):(e.openBlock(),e.createElementBlock("div",ue," 请先选择节点查看执行详情 "))])])])],2)],6)}}}),me=p._export_sfc(de,[["__scopeId","data-v-dcc6149f"]]);exports.default=me;