@blueking/bkflow-canvas-editor 1.1.0-beta.8 → 1.2.0-beta.0

package/dist/index-Ac8oJo2D.js

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

package/dist/index-B0bs5G6n.cjs

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