@blueking/bkflow-canvas-editor 1.1.0-beta.13 → 1.1.0-beta.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/bkflow-canvas-editor",
-  "version": "1.1.0-beta.13",
+  "version": "1.1.0-beta.14",
   "description": "bkflow流程编辑组件",
   "type": "module",
   "main": "./dist/index.cjs.js",

package/dist/index-SgitELxm.cjs

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

package/dist/index-Sh7Bi-no.js

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