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

package/dist/{index-Dm3eGl5T.js → index-DNOsjdMW.js}

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