@blueking/bkflow-canvas-editor 1.1.0-beta.18 → 1.1.0-beta.19

package/dist/{index-p1yFdyJt.js → index-CzwV25Dt.js}

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