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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/bkflow-canvas-editor",
-  "version": "1.1.0-beta.11",
+  "version": "1.1.0-beta.12",
   "description": "bkflow流程编辑组件",
   "type": "module",
   "main": "./dist/index.cjs.js",
@@ -45,7 +45,7 @@
     "@antv/x6-vue-shape": "^2.1.2",
     "@blueking/bk-user-selector": "*",
     "@blueking/bkui-form": "*",
-    "@blueking/flow-canvas": "0.0.17",
+    "@blueking/flow-canvas": "0.0.18",
     "axios": "^1.6.0",
     "bkui-vue": "*",
     "lodash": "^4.17.21",

package/dist/index-DNOsjdMW.js

@@ -1,517 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;