@blueking/bkflow-canvas-editor 1.1.0-beta.11 → 1.1.0-beta.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index-5zwHD-o0.cjs +70 -0
- package/dist/{index-BDjgQxXH.cjs → index-C-Sih35Z.cjs} +1 -1
- package/dist/{index-CCwVVpg5.js → index-CRdHCP3c.js} +6463 -6405
- package/dist/{index-Dw82RceW.cjs → index-CTJXvgit.cjs} +1 -1
- package/dist/index-DIuthhBq.cjs +1 -0
- package/dist/{index-DtEEErOZ.js → index-DLuid7rI.js} +1 -1
- package/dist/{index-BAyKjume.js → index-DYictJeA.js} +1 -1
- package/dist/index-DZzFvBBh.js +522 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/dist/index-DNOsjdMW.js +0 -517
- package/dist/index-DTNdhHD2.cjs +0 -1
- package/dist/index-DcCa3dC3.cjs +0 -70
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("bkui-vue/lib"),N=require("bkui-vue/lib/message"),E=require("lodash"),r=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=require("bkui-vue/lib"),N=require("bkui-vue/lib/message"),E=require("lodash"),r=require("./index-5zwHD-o0.cjs"),F={key:0,class:"mock-data-sideslider__title-sep"},M=["title"],q={class:"mock-data-sideslider"},j={class:"mock-data-sideslider__footer"},D=e.defineComponent({__name:"index",props:{show:{type:Boolean},node:{default:null},outputs:{default:()=>({})},pending:{type:Boolean,default:!1}},emits:["confirm","close","update:show"],setup(v,{emit:f}){const t=v,p=f,y=r.useFlowApiConfig(),m=e.ref(!1),d=e.shallowRef([]),u=e.ref({}),k=e.ref({}),h=async()=>{if(t.node){m.value=!0,k.value={};try{const n=await r.pluginDetailRequest(y,t.node.component);d.value=r.mergeOutputs(n.outputs??[]);const o=t.outputs??{},s={};d.value.forEach(l=>{const c=Object.prototype.hasOwnProperty.call(o,l.key)?o[l.key]:l.type==="object"?{}:void 0,a=r.resolveMockFormControl(l);s[l.key]=a==="json-editor"||a==="data-table"?r.formatJsonFieldValue(c):c}),u.value=s}catch(n){console.error(n),d.value=[],u.value={},N({theme:"error",message:"加载输出参数失败"})}finally{m.value=!1}}},b=()=>{const n={},o={};return d.value.forEach(s=>{const l=u.value[s.key],c=r.resolveMockFormControl(s);if(c==="json-editor"||c==="data-table"){const a=r.parseJsonFieldValue(l);if(!a.valid){n[s.key]=a.message;return}a.value!==void 0&&(o[s.key]=a.value);return}l!==void 0&&l!==""&&(o[s.key]=l)}),{errors:n,outputs:o}},w=n=>{B.InfoBox({title:"确认 Mock 输出?",content:"Mock 输出将覆盖当前输出参数,执行时跳过该节点并以 Mock 值替代实际输出",confirmText:"确定",cancelText:"取消",width:400,onConfirm:()=>{n()}})},C=()=>{const{errors:n,outputs:o}=b();k.value=n,!(Object.keys(n).length>0)&&w(()=>p("confirm",{outputs:o}))},_=()=>{p("close"),p("update:show",!1)};return e.watch(()=>[t.show,t.node?.id],([n])=>{n&&t.node&&(u.value=E.cloneDeep(t.outputs??{}),h())},{immediate:!0}),(n,o)=>{const s=e.resolveComponent("bk-form-item"),l=e.resolveComponent("bk-form"),c=e.resolveComponent("bk-exception"),a=e.resolveComponent("bk-button"),g=e.resolveComponent("bk-sideslider"),x=e.resolveDirective("bkloading");return e.openBlock(),e.createBlock(g,{"is-show":t.show,width:640,"quick-close":"","esc-close":!1,onClosed:_},{header:e.withCtx(()=>[o[0]||(o[0]=e.createElementVNode("span",{class:"mock-data-sideslider__title"},"Mock输出",-1)),t.node?.name?(e.openBlock(),e.createElementBlock("span",F,"-")):e.createCommentVNode("",!0),t.node?.name?(e.openBlock(),e.createElementBlock("span",{key:1,class:"mock-data-sideslider__title-node",title:t.node.name},e.toDisplayString(t.node.name),9,M)):e.createCommentVNode("",!0)]),footer:e.withCtx(()=>[e.createElementVNode("div",j,[e.createVNode(a,{theme:"primary","data-test":"mock-confirm",loading:t.pending,onClick:C},{default:e.withCtx(()=>[...o[1]||(o[1]=[e.createTextVNode(" 确定 ",-1)])]),_:1},8,["loading"]),e.createVNode(a,{disabled:t.pending,onClick:_},{default:e.withCtx(()=>[...o[2]||(o[2]=[e.createTextVNode("取消",-1)])]),_:1},8,["disabled"])])]),default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",q,[d.value.length>0?(e.openBlock(),e.createBlock(l,{key:0,"form-type":"vertical","label-width":120,"data-test":"mock-outputs-form"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,i=>(e.openBlock(),e.createBlock(s,{key:i.key,label:i.name||i.key},{default:e.withCtx(()=>[e.createVNode(r.MockFieldRenderer,{modelValue:u.value[i.key],"onUpdate:modelValue":V=>u.value[i.key]=V,field:i,error:k.value[i.key]},null,8,["modelValue","onUpdate:modelValue","field","error"])]),_:2},1032,["label"]))),128))]),_:1})):m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c,{key:1,class:"mock-data-sideslider__exception",scene:"part",type:"empty",title:"暂无输出参数"}))])),[[x,{loading:m.value}]])]),_:1},8,["is-show"])}}}),O=r._export_sfc(D,[["__scopeId","data-v-bccecd7f"]]);exports.default=O;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("./index-5zwHD-o0.cjs"),C=require("./composable-CxeoRvet.cjs"),M={class:"debug-result-node-list"},$=["data-node-id","aria-selected","onClick","onKeydown"],L=["title"],P={key:0,class:"debug-result-node-list__mock","data-test":"node-mock-flag"},A={key:1,class:"debug-result-node-list__empty"},G=e.defineComponent({__name:"node-list",props:{nodes:{},modelValue:{default:""}},emits:["update:modelValue"],setup(n,{emit:u}){const t=n,s=u,l=e.ref(""),r=e.ref("all"),p=e.ref(null),b=[{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"}],_=e.computed(()=>b.map(i=>({...i,count:i.value==="all"?t.nodes.length:t.nodes.filter(o=>o.status===i.value).length}))),g=e.computed(()=>{const i=l.value.trim().toLowerCase();return t.nodes.filter(o=>r.value!=="all"&&o.status!==r.value?!1:i?o.name.toLowerCase().includes(i)||o.type.toLowerCase().includes(i)||(o.typeName??"").toLowerCase().includes(i):!0)}),V={not_run:"未执行",finished:"成功",failed:"失败",running:"正在调试",suspended:"挂起",skipped:"跳过"},N=e.computed(()=>l.value.trim()?"搜索结果为空":r.value!=="all"?`暂无${V[r.value]}状态节点`:"暂无节点"),y=()=>{l.value="",r.value="all"},k=i=>{const o=p.value,c=o?.querySelector(`[data-node-id="${CSS.escape(i)}"]`);if(!o||!c)return;const a=o.getBoundingClientRect(),f=c.getBoundingClientRect();f.top<a.top?o.scrollTop-=a.top-f.top:f.bottom>a.bottom&&(o.scrollTop+=f.bottom-a.bottom)};return e.watch(()=>t.modelValue,async i=>{if(!i)return;!g.value.some(c=>c.id===i)&&t.nodes.some(c=>c.id===i)&&(l.value="",r.value="all"),await e.nextTick(),k(i)},{flush:"post"}),(i,o)=>{const c=e.resolveComponent("bk-input");return e.openBlock(),e.createElementBlock("aside",M,[e.createVNode(c,{modelValue:l.value,"onUpdate:modelValue":o[0]||(o[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:r.value,"onUpdate:modelValue":o[1]||(o[1]=a=>r.value=a),class:"debug-result-node-list__filters","data-test":"status-filters",items:_.value},null,8,["modelValue","items"]),g.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"itemsRef",ref:p,class:"debug-result-node-list__items",role:"listbox"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.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:f=>s("update:modelValue",a.id),onKeydown:e.withKeys(e.withModifiers(f=>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,L),a.isMock?(e.openBlock(),e.createElementBlock("span",P,"MOCK")):e.createCommentVNode("",!0)],42,$))),128))],512)):(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(m.EmptyException,{"is-search":!1,title:N.value,onClear:y},null,8,["title"])]))])}}}),D=m._export_sfc(G,[["__scopeId","data-v-5f1b1514"]]);function z(n){if(n==null)return"";if(typeof n=="string")return n;if(typeof n=="object"){const u=n,t=u.message;if(typeof t=="string"&&t){const s=u.type;return typeof s=="string"&&s?`${s}: ${t}`:t}try{return JSON.stringify(n)}catch{return String(n)}}return String(n)}const U={class:"debug-result-tabs"},O={class:"debug-result-tabs__failed-actions","data-test":"output-error-actions"},F={class:"debug-result-tabs__execution","data-test":"tab-execution"},I={class:"debug-result-tabs__row"},j={class:"value"},H={class:"debug-result-tabs__row"},Y={class:"value"},q={key:0,class:"debug-result-tabs__row is-error"},K={class:"value"},J={key:0,class:"debug-result-tabs__mock-banner","data-test":"mock-banner"},W={class:"debug-result-tabs__logs","data-test":"tab-logs"},Q=e.defineComponent({__name:"result-tabs",props:{result:{},isMock:{type:Boolean,default:!1},canRunNodeDebug:{type:Boolean,default:!1}},emits:["reEditMock","runReal","runMock","logsTabActive"],setup(n,{emit:u}){const t=n,s=u,l=e.ref("execution");e.watch(l,i=>s("logsTabActive",i==="logs"),{immediate:!0});const r={not_run:"未调试",running:"正在调试",finished:"成功",failed:"失败",suspended:"挂起",skipped:"跳过"},p=e.computed(()=>r[t.result.execution.status]??t.result.execution.status),b=e.computed(()=>{const i=t.result.execution.durationMs;return i==null?"--":`${(i/1e3).toFixed(1)}s`}),_=e.computed(()=>z(t.result.error||t.result.execution.errorDetail)),g=e.computed(()=>t.result.execution.status==="failed"),V=i=>Object.entries(i??{}).map(([o,c])=>({key:o,name:o,value:c})),N=e.computed(()=>V(t.result.inputs)),y=e.computed(()=>m.toDebugOutputValueRows(t.result.outputs)),k=e.computed(()=>t.result.logs==null?"":m.normalizeLogText(t.result.logs));return(i,o)=>{const c=e.resolveComponent("bk-button"),a=e.resolveComponent("bk-tab-panel"),f=e.resolveComponent("bk-tab");return e.openBlock(),e.createElementBlock("div",U,[e.createVNode(f,{active:l.value,"onUpdate:active":o[3]||(o[3]=w=>l.value=w),type:"card-grid"},e.createSlots({default:e.withCtx(()=>[e.createVNode(a,{name:"execution",label:"执行信息"},{default:e.withCtx(()=>[e.createElementVNode("div",F,[e.createElementVNode("div",I,[o[9]||(o[9]=e.createElementVNode("span",{class:"label"},"执行状态",-1)),e.createElementVNode("span",j,e.toDisplayString(p.value),1)]),e.createElementVNode("div",H,[o[10]||(o[10]=e.createElementVNode("span",{class:"label"},"调试用时",-1)),e.createElementVNode("span",Y,e.toDisplayString(b.value),1)]),_.value?(e.openBlock(),e.createElementBlock("div",q,[o[11]||(o[11]=e.createElementVNode("span",{class:"label"},"错误信息",-1)),e.createElementVNode("span",K,e.toDisplayString(_.value),1)])):e.createCommentVNode("",!0)])]),_:1}),e.createVNode(a,{name:"inputs",label:"输入参数"},{default:e.withCtx(()=>[e.createVNode(m.DebugValueTable,{rows:N.value,loading:t.result.loading,error:t.result.detailError,"empty-text":"暂无输入参数"},null,8,["rows","loading","error"])]),_:1}),e.createVNode(a,{name:"outputs",label:"输出结果"},{default:e.withCtx(()=>[t.isMock?(e.openBlock(),e.createElementBlock("div",J,[o[13]||(o[13]=e.createElementVNode("span",null,"当前为 Mock 数据",-1)),e.createVNode(c,{text:"",theme:"primary",size:"small","data-test":"re-edit-mock",onClick:o[2]||(o[2]=w=>s("reEditMock"))},{default:e.withCtx(()=>[...o[12]||(o[12]=[e.createTextVNode(" 重新编辑 ",-1)])]),_:1})])):e.createCommentVNode("",!0),e.createVNode(m.DebugValueTable,{rows:y.value,loading:t.result.loading,error:t.result.detailError,"empty-text":"暂无输出结果"},null,8,["rows","loading","error"])]),_:1}),e.createVNode(a,{name:"logs",label:"调用日志"},{default:e.withCtx(()=>[e.createElementVNode("div",W,[e.createVNode(m.CallLogsViewer,{"log-text":k.value,loading:t.result.logLoading,error:t.result.logError},null,8,["log-text","loading","error"])])]),_:1})]),_:2},[g.value&&t.canRunNodeDebug?{name:"setting",fn:e.withCtx(()=>[e.createElementVNode("div",O,[o[6]||(o[6]=e.createElementVNode("i",{class:"bkflow-canvas-icon bkflow-canvas-alert"},null,-1)),o[7]||(o[7]=e.createElementVNode("span",null,"该节点执行失败,可",-1)),e.createVNode(c,{text:"",theme:"primary","data-test":"rerun-real",onClick:o[0]||(o[0]=w=>s("runReal"))},{default:e.withCtx(()=>[...o[4]||(o[4]=[e.createTextVNode("重新调试",-1)])]),_:1}),o[8]||(o[8]=e.createElementVNode("span",null,"或直接",-1)),e.createVNode(c,{text:"",theme:"primary","data-test":"run-mock",onClick:o[1]||(o[1]=w=>s("runMock"))},{default:e.withCtx(()=>[...o[5]||(o[5]=[e.createTextVNode("Mock 输出",-1)])]),_:1})])]),key:"0"}:void 0]),1032,["active"])])}}}),X=m._export_sfc(Q,[["__scopeId","data-v-9d5af117"]]),Z={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"},x={ServiceActivity:"任务节点",EmptyStartEvent:"开始节点",EmptyEndEvent:"结束节点",ExclusiveGateway:"分支网关",ParallelGateway:"并行网关",ConditionalParallelGateway:"条件并行网关",ConvergeGateway:"汇聚网关"},ee=n=>!n||n.includes("bkflow-canvas-icon")?n:`bkflow-canvas-icon ${n}`;function te(n){if(!n.component?.code)return"";if(n.component.code==="uniform_api"){const u=n.component.api_meta?.category?.name??"";return C.PLUGGIN_GROUP_FONT_CLASS_MAP[u]??C.PLUGGIN_GROUP_FONT_CLASS_MAP.bkflow}return C.PLUGGIN_GROUP_FONT_CLASS_MAP.bkflow}function oe(n,u){const t=n?.location?.find(p=>p.id===u),s=ee(t?.icon??""),l=n?.activities?.[u];if(l)return{name:!!l.component?.code?l.name||t?.name||u:"节点未配置",type:l.type||"ServiceActivity",typeName:x[l.type]??"任务节点",icon:te(l)};const r=n?.gateways?.[u];return r?{name:r.name||t?.name||x[r.type]||u,type:r.type,typeName:x[r.type]??"网关",icon:s||Z[r.type]||""}:n?.start_event?.id===u?{name:n.start_event.name||"开始",type:"EmptyStartEvent",typeName:"开始节点",icon:s||"bkflow-canvas-icon bkflow-canvas-kaishi"}:n?.end_event?.id===u?{name:n.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 ne(n,u,t=new Set){if(!n)return[];const s=new Map((u??[]).map(l=>[l.node_id,m.normalizeDebugNodeStatus(l.status)]));return m.sortPipelineNodeIds(n).map(l=>{const r=n.activities?.[l],p=r?!!r.component?.code:!0,b=oe(n,l);return{id:l,name:b.name,type:b.type||r?.type||"",typeName:b.typeName,icon:b.icon,status:s.get(l)??"not_run",isMock:!!(r&&t.has(l)),isConfigured:p}})}const ae={class:"debug-result-drawer__header"},le={class:"debug-result-drawer__header-left"},se={class:"debug-result-drawer__body"},re={class:"debug-result-drawer__content"},ie={class:"debug-result-drawer__result"},ue={key:1,class:"debug-result-drawer__unselected","data-test":"node-unselected"},ce=44,de=e.defineComponent({__name:"index",props:{open:{type:Boolean},context:{},pipelineTree:{},mockNodeIds:{},modelValue:{default:""},result:{},hasGlobalRun:{type:Boolean,default:!1},viewParamsPending:{type:Boolean,default:!1}},emits:["update:open","update:modelValue","reEditMock","runReal","runMock","viewParams","logsTabActive"],setup(n,{emit:u}){const t=n,s=u,l=e.ref(420),r=e.ref(!1);let p=0,b=0,_="",g="";const V=e.computed(()=>({height:`${t.open?l.value:ce}px`})),N=()=>{s("update:open",!t.open)},y=v=>{const d=b-(v.clientY-p);l.value=Math.max(200,Math.min(window.innerHeight*.8,d))},k=()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",k),document.body.style.cursor=_,document.body.style.userSelect=g,r.value=!1},i=v=>{v.preventDefault(),r.value=!0,p=v.clientY,b=l.value,_=document.body.style.cursor,g=document.body.style.userSelect,document.body.style.cursor="ns-resize",document.body.style.userSelect="none",document.addEventListener("mousemove",y),document.addEventListener("mouseup",k)};e.onBeforeUnmount(k);const o=e.computed({get:()=>t.modelValue,set:v=>s("update:modelValue",v)});e.watch(()=>t.modelValue,v=>{v||s("logsTabActive",!1)},{immediate:!0});const c=e.computed(()=>ne(t.pipelineTree,t.context?.nodes,t.mockNodeIds)),a=e.computed(()=>t.mockNodeIds.has(t.modelValue)),f=e.computed(()=>{const v=c.value.find(d=>d.id===t.modelValue);return v?.type==="ServiceActivity"&&v.isConfigured}),w=()=>{!t.hasGlobalRun||t.viewParamsPending||s("viewParams")},h=()=>{t.modelValue&&s("reEditMock",t.modelValue)},B=()=>{t.modelValue&&s("runReal",t.modelValue)},S=()=>{t.modelValue&&s("runMock",t.modelValue)};return(v,d)=>{const T=e.resolveComponent("bk-button"),R=e.resolveDirective("bk-tooltips");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["debug-result-drawer-wrapper",{"is-resizing":r.value}]),style:e.normalizeStyle(V.value)},[t.open?(e.openBlock(),e.createElementBlock("div",{key:0,class:"debug-result-drawer__resize",onMousedown:i},null,32)):e.createCommentVNode("",!0),e.createElementVNode("section",{class:e.normalizeClass(["debug-result-drawer",{"is-collapsed":!t.open}])},[e.createElementVNode("header",ae,[e.createElementVNode("div",le,[d[3]||(d[3]=e.createElementVNode("span",{class:"debug-result-drawer__title"},"调试结果",-1)),d[4]||(d[4]=e.createElementVNode("span",{class:"debug-result-drawer__divider"},null,-1)),e.withDirectives((e.openBlock(),e.createBlock(T,{text:"",theme:"primary",disabled:!t.hasGlobalRun,loading:t.viewParamsPending,onClick:w},{default:e.withCtx(()=>[...d[2]||(d[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:N},[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",se,[e.createElementVNode("div",re,[e.createVNode(D,{modelValue:o.value,"onUpdate:modelValue":d[0]||(d[0]=E=>o.value=E),nodes:c.value},null,8,["modelValue","nodes"]),e.createElementVNode("div",ie,[t.modelValue?(e.openBlock(),e.createBlock(X,{key:0,result:t.result,"is-mock":a.value,"can-run-node-debug":f.value,onReEditMock:h,onRunReal:B,onRunMock:S,onLogsTabActive:d[1]||(d[1]=E=>s("logsTabActive",E))},null,8,["result","is-mock","can-run-node-debug"])):(e.openBlock(),e.createElementBlock("div",ue," 请先选择节点查看调试详情 "))])])])],2)],6)}}}),me=m._export_sfc(de,[["__scopeId","data-v-34a6ea11"]]);exports.default=me;
|
|
@@ -2,7 +2,7 @@ import { defineComponent as T, ref as y, shallowRef as q, watch as I, resolveCom
|
|
|
2
2
|
import { InfoBox as P } from "bkui-vue/lib";
|
|
3
3
|
import S from "bkui-vue/lib/message";
|
|
4
4
|
import { cloneDeep as W } from "lodash";
|
|
5
|
-
import { u as G, M as H, p as K, m as Q, r as x, f as X, a as Y, _ as Z } from "./index-
|
|
5
|
+
import { u as G, M as H, p as K, m as Q, r as x, f as X, a as Y, _ as Z } from "./index-CRdHCP3c.js";
|
|
6
6
|
const $ = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "mock-data-sideslider__title-sep"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as $, ref as _, shallowRef as h, computed as V, watch as A, resolveComponent as C, resolveDirective as O, openBlock as c, createBlock as d, createSlots as P, withCtx as m, withDirectives as U, createElementBlock as K, createElementVNode as F, unref as G, createCommentVNode as g, createVNode as x, createTextVNode as B } from "vue";
|
|
2
2
|
import { cloneDeep as p } from "lodash";
|
|
3
|
-
import { u as H, i as S, g as Y, B as z, R as J, E as M, _ as Q } from "./index-
|
|
3
|
+
import { u as H, i as S, g as Y, B as z, R as J, E as M, _ as Q } from "./index-CRdHCP3c.js";
|
|
4
4
|
import "bkui-vue/lib/message";
|
|
5
5
|
import "bkui-vue/lib/icon";
|
|
6
6
|
import "monaco-editor";
|
|
@@ -0,0 +1,522 @@
|
|
|
1
|
+
import { defineComponent as D, ref as h, computed as m, watch as G, nextTick as K, resolveComponent as T, openBlock as p, createElementBlock as b, createVNode as c, Fragment as q, renderList as J, withKeys as W, withModifiers as Q, normalizeClass as R, createElementVNode as a, createCommentVNode as $, toDisplayString as M, createSlots as X, withCtx as k, createTextVNode as L, onBeforeUnmount as Z, resolveDirective as ee, normalizeStyle as te, withDirectives as se, createBlock as U } from "vue";
|
|
2
|
+
import { L as oe, S as ne, E as ae, _ as z, t as le, n as ie, D as F, C as ue, b as re, s as de } from "./index-CRdHCP3c.js";
|
|
3
|
+
import { a as P } from "./composable-kbjnTzFy.js";
|
|
4
|
+
const ce = { class: "debug-result-node-list" }, me = ["data-node-id", "aria-selected", "onClick", "onKeydown"], pe = ["title"], ve = {
|
|
5
|
+
key: 0,
|
|
6
|
+
class: "debug-result-node-list__mock",
|
|
7
|
+
"data-test": "node-mock-flag"
|
|
8
|
+
}, be = {
|
|
9
|
+
key: 1,
|
|
10
|
+
class: "debug-result-node-list__empty"
|
|
11
|
+
}, fe = /* @__PURE__ */ D({
|
|
12
|
+
__name: "node-list",
|
|
13
|
+
props: {
|
|
14
|
+
nodes: {},
|
|
15
|
+
modelValue: { default: "" }
|
|
16
|
+
},
|
|
17
|
+
emits: ["update:modelValue"],
|
|
18
|
+
setup(s, { emit: r }) {
|
|
19
|
+
const e = s, l = r, n = h(""), i = h("all"), f = h(null), _ = [
|
|
20
|
+
{ value: "all", label: "全部" },
|
|
21
|
+
{ value: "finished", icon: "bkflow-canvas-dark-circle-checkbox", iconColor: "#5fb8ac" },
|
|
22
|
+
{ value: "failed", icon: "bkflow-canvas-dark-circle-close", iconColor: "#fa4e41" },
|
|
23
|
+
{ value: "running", iconComponent: oe, iconColor: "#3a84ff" },
|
|
24
|
+
{ value: "not_run", icon: "bkflow-canvas-weizhixing2", iconColor: "#b8bbc4" },
|
|
25
|
+
{ value: "suspended", icon: "bkflow-canvas-zanting", iconColor: "#f59500" },
|
|
26
|
+
{ value: "skipped", icon: "bkflow-canvas-tiaoguo2", iconColor: "#6e89af" }
|
|
27
|
+
], x = m(
|
|
28
|
+
() => _.map((u) => ({
|
|
29
|
+
...u,
|
|
30
|
+
count: u.value === "all" ? e.nodes.length : e.nodes.filter((t) => t.status === u.value).length
|
|
31
|
+
}))
|
|
32
|
+
), w = m(() => {
|
|
33
|
+
const u = n.value.trim().toLowerCase();
|
|
34
|
+
return e.nodes.filter((t) => i.value !== "all" && t.status !== i.value ? !1 : u ? t.name.toLowerCase().includes(u) || t.type.toLowerCase().includes(u) || (t.typeName ?? "").toLowerCase().includes(u) : !0);
|
|
35
|
+
}), S = {
|
|
36
|
+
not_run: "未执行",
|
|
37
|
+
finished: "成功",
|
|
38
|
+
failed: "失败",
|
|
39
|
+
running: "正在调试",
|
|
40
|
+
suspended: "挂起",
|
|
41
|
+
skipped: "跳过"
|
|
42
|
+
}, N = m(() => n.value.trim() ? "搜索结果为空" : i.value !== "all" ? `暂无${S[i.value]}状态节点` : "暂无节点"), E = () => {
|
|
43
|
+
n.value = "", i.value = "all";
|
|
44
|
+
}, C = (u) => {
|
|
45
|
+
const t = f.value, d = t?.querySelector(`[data-node-id="${CSS.escape(u)}"]`);
|
|
46
|
+
if (!t || !d) return;
|
|
47
|
+
const o = t.getBoundingClientRect(), y = d.getBoundingClientRect();
|
|
48
|
+
y.top < o.top ? t.scrollTop -= o.top - y.top : y.bottom > o.bottom && (t.scrollTop += y.bottom - o.bottom);
|
|
49
|
+
};
|
|
50
|
+
return G(
|
|
51
|
+
() => e.modelValue,
|
|
52
|
+
async (u) => {
|
|
53
|
+
if (!u) return;
|
|
54
|
+
!w.value.some((d) => d.id === u) && e.nodes.some((d) => d.id === u) && (n.value = "", i.value = "all"), await K(), C(u);
|
|
55
|
+
},
|
|
56
|
+
{ flush: "post" }
|
|
57
|
+
), (u, t) => {
|
|
58
|
+
const d = T("bk-input");
|
|
59
|
+
return p(), b("aside", ce, [
|
|
60
|
+
c(d, {
|
|
61
|
+
modelValue: n.value,
|
|
62
|
+
"onUpdate:modelValue": t[0] || (t[0] = (o) => n.value = o),
|
|
63
|
+
class: "debug-result-node-list__search",
|
|
64
|
+
placeholder: "搜索节点名称 / 类型",
|
|
65
|
+
type: "search",
|
|
66
|
+
clearable: "",
|
|
67
|
+
"data-test": "node-search"
|
|
68
|
+
}, null, 8, ["modelValue"]),
|
|
69
|
+
c(ne, {
|
|
70
|
+
modelValue: i.value,
|
|
71
|
+
"onUpdate:modelValue": t[1] || (t[1] = (o) => i.value = o),
|
|
72
|
+
class: "debug-result-node-list__filters",
|
|
73
|
+
"data-test": "status-filters",
|
|
74
|
+
items: x.value
|
|
75
|
+
}, null, 8, ["modelValue", "items"]),
|
|
76
|
+
w.value.length > 0 ? (p(), b("div", {
|
|
77
|
+
key: 0,
|
|
78
|
+
ref_key: "itemsRef",
|
|
79
|
+
ref: f,
|
|
80
|
+
class: "debug-result-node-list__items",
|
|
81
|
+
role: "listbox"
|
|
82
|
+
}, [
|
|
83
|
+
(p(!0), b(q, null, J(w.value, (o) => (p(), b("div", {
|
|
84
|
+
key: o.id,
|
|
85
|
+
class: R([
|
|
86
|
+
"debug-result-node-list__item",
|
|
87
|
+
`is-${o.status}`,
|
|
88
|
+
{
|
|
89
|
+
"is-active": o.id === e.modelValue,
|
|
90
|
+
"is-unconfigured": !o.isConfigured
|
|
91
|
+
}
|
|
92
|
+
]),
|
|
93
|
+
role: "option",
|
|
94
|
+
"data-test": "node-item",
|
|
95
|
+
"data-node-id": o.id,
|
|
96
|
+
"aria-selected": o.id === e.modelValue,
|
|
97
|
+
tabindex: "0",
|
|
98
|
+
onClick: (y) => l("update:modelValue", o.id),
|
|
99
|
+
onKeydown: W(Q((y) => l("update:modelValue", o.id), ["prevent"]), ["enter", "space"])
|
|
100
|
+
}, [
|
|
101
|
+
a("span", {
|
|
102
|
+
class: R([
|
|
103
|
+
"debug-result-node-list__status",
|
|
104
|
+
`is-${o.status}`,
|
|
105
|
+
{ "is-placeholder": !o.isConfigured }
|
|
106
|
+
])
|
|
107
|
+
}, [
|
|
108
|
+
o.icon ? (p(), b("i", {
|
|
109
|
+
key: 0,
|
|
110
|
+
class: R(o.icon),
|
|
111
|
+
"data-test": "node-icon"
|
|
112
|
+
}, null, 2)) : $("", !0)
|
|
113
|
+
], 2),
|
|
114
|
+
a("span", {
|
|
115
|
+
class: "debug-result-node-list__name",
|
|
116
|
+
title: o.isConfigured ? `${o.name} ${o.typeName || o.type}` : o.name
|
|
117
|
+
}, M(o.name), 9, pe),
|
|
118
|
+
o.isMock ? (p(), b("span", ve, "MOCK")) : $("", !0)
|
|
119
|
+
], 42, me))), 128))
|
|
120
|
+
], 512)) : (p(), b("div", be, [
|
|
121
|
+
c(ae, {
|
|
122
|
+
"is-search": !1,
|
|
123
|
+
title: N.value,
|
|
124
|
+
onClear: E
|
|
125
|
+
}, null, 8, ["title"])
|
|
126
|
+
]))
|
|
127
|
+
]);
|
|
128
|
+
};
|
|
129
|
+
}
|
|
130
|
+
}), ge = /* @__PURE__ */ z(fe, [["__scopeId", "data-v-5f1b1514"]]);
|
|
131
|
+
function _e(s) {
|
|
132
|
+
if (s == null) return "";
|
|
133
|
+
if (typeof s == "string") return s;
|
|
134
|
+
if (typeof s == "object") {
|
|
135
|
+
const r = s, e = r.message;
|
|
136
|
+
if (typeof e == "string" && e) {
|
|
137
|
+
const l = r.type;
|
|
138
|
+
return typeof l == "string" && l ? `${l}: ${e}` : e;
|
|
139
|
+
}
|
|
140
|
+
try {
|
|
141
|
+
return JSON.stringify(s);
|
|
142
|
+
} catch {
|
|
143
|
+
return String(s);
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
return String(s);
|
|
147
|
+
}
|
|
148
|
+
const ye = { class: "debug-result-tabs" }, ke = {
|
|
149
|
+
class: "debug-result-tabs__failed-actions",
|
|
150
|
+
"data-test": "output-error-actions"
|
|
151
|
+
}, we = {
|
|
152
|
+
class: "debug-result-tabs__execution",
|
|
153
|
+
"data-test": "tab-execution"
|
|
154
|
+
}, xe = { class: "debug-result-tabs__row" }, Ce = { class: "value" }, Ee = { class: "debug-result-tabs__row" }, Ve = { class: "value" }, he = {
|
|
155
|
+
key: 0,
|
|
156
|
+
class: "debug-result-tabs__row is-error"
|
|
157
|
+
}, Re = { class: "value" }, Se = {
|
|
158
|
+
key: 0,
|
|
159
|
+
class: "debug-result-tabs__mock-banner",
|
|
160
|
+
"data-test": "mock-banner"
|
|
161
|
+
}, Ne = {
|
|
162
|
+
class: "debug-result-tabs__logs",
|
|
163
|
+
"data-test": "tab-logs"
|
|
164
|
+
}, Te = /* @__PURE__ */ D({
|
|
165
|
+
__name: "result-tabs",
|
|
166
|
+
props: {
|
|
167
|
+
result: {},
|
|
168
|
+
isMock: { type: Boolean, default: !1 },
|
|
169
|
+
canRunNodeDebug: { type: Boolean, default: !1 }
|
|
170
|
+
},
|
|
171
|
+
emits: ["reEditMock", "runReal", "runMock", "logsTabActive"],
|
|
172
|
+
setup(s, { emit: r }) {
|
|
173
|
+
const e = s, l = r, n = h("execution");
|
|
174
|
+
G(
|
|
175
|
+
n,
|
|
176
|
+
(u) => l("logsTabActive", u === "logs"),
|
|
177
|
+
{ immediate: !0 }
|
|
178
|
+
);
|
|
179
|
+
const i = {
|
|
180
|
+
not_run: "未调试",
|
|
181
|
+
running: "正在调试",
|
|
182
|
+
finished: "成功",
|
|
183
|
+
failed: "失败",
|
|
184
|
+
suspended: "挂起",
|
|
185
|
+
skipped: "跳过"
|
|
186
|
+
}, f = m(() => i[e.result.execution.status] ?? e.result.execution.status), _ = m(() => {
|
|
187
|
+
const u = e.result.execution.durationMs;
|
|
188
|
+
return u == null ? "--" : `${(u / 1e3).toFixed(1)}s`;
|
|
189
|
+
}), x = m(() => _e(e.result.error || e.result.execution.errorDetail)), w = m(() => e.result.execution.status === "failed"), S = (u) => Object.entries(u ?? {}).map(([t, d]) => ({ key: t, name: t, value: d })), N = m(() => S(e.result.inputs)), E = m(() => le(e.result.outputs)), C = m(() => e.result.logs == null ? "" : ie(e.result.logs));
|
|
190
|
+
return (u, t) => {
|
|
191
|
+
const d = T("bk-button"), o = T("bk-tab-panel"), y = T("bk-tab");
|
|
192
|
+
return p(), b("div", ye, [
|
|
193
|
+
c(y, {
|
|
194
|
+
active: n.value,
|
|
195
|
+
"onUpdate:active": t[3] || (t[3] = (V) => n.value = V),
|
|
196
|
+
type: "card-grid"
|
|
197
|
+
}, X({
|
|
198
|
+
default: k(() => [
|
|
199
|
+
c(o, {
|
|
200
|
+
name: "execution",
|
|
201
|
+
label: "执行信息"
|
|
202
|
+
}, {
|
|
203
|
+
default: k(() => [
|
|
204
|
+
a("div", we, [
|
|
205
|
+
a("div", xe, [
|
|
206
|
+
t[9] || (t[9] = a("span", { class: "label" }, "执行状态", -1)),
|
|
207
|
+
a("span", Ce, M(f.value), 1)
|
|
208
|
+
]),
|
|
209
|
+
a("div", Ee, [
|
|
210
|
+
t[10] || (t[10] = a("span", { class: "label" }, "调试用时", -1)),
|
|
211
|
+
a("span", Ve, M(_.value), 1)
|
|
212
|
+
]),
|
|
213
|
+
x.value ? (p(), b("div", he, [
|
|
214
|
+
t[11] || (t[11] = a("span", { class: "label" }, "错误信息", -1)),
|
|
215
|
+
a("span", Re, M(x.value), 1)
|
|
216
|
+
])) : $("", !0)
|
|
217
|
+
])
|
|
218
|
+
]),
|
|
219
|
+
_: 1
|
|
220
|
+
}),
|
|
221
|
+
c(o, {
|
|
222
|
+
name: "inputs",
|
|
223
|
+
label: "输入参数"
|
|
224
|
+
}, {
|
|
225
|
+
default: k(() => [
|
|
226
|
+
c(F, {
|
|
227
|
+
rows: N.value,
|
|
228
|
+
loading: e.result.loading,
|
|
229
|
+
error: e.result.detailError,
|
|
230
|
+
"empty-text": "暂无输入参数"
|
|
231
|
+
}, null, 8, ["rows", "loading", "error"])
|
|
232
|
+
]),
|
|
233
|
+
_: 1
|
|
234
|
+
}),
|
|
235
|
+
c(o, {
|
|
236
|
+
name: "outputs",
|
|
237
|
+
label: "输出结果"
|
|
238
|
+
}, {
|
|
239
|
+
default: k(() => [
|
|
240
|
+
e.isMock ? (p(), b("div", Se, [
|
|
241
|
+
t[13] || (t[13] = a("span", null, "当前为 Mock 数据", -1)),
|
|
242
|
+
c(d, {
|
|
243
|
+
text: "",
|
|
244
|
+
theme: "primary",
|
|
245
|
+
size: "small",
|
|
246
|
+
"data-test": "re-edit-mock",
|
|
247
|
+
onClick: t[2] || (t[2] = (V) => l("reEditMock"))
|
|
248
|
+
}, {
|
|
249
|
+
default: k(() => [...t[12] || (t[12] = [
|
|
250
|
+
L(" 重新编辑 ", -1)
|
|
251
|
+
])]),
|
|
252
|
+
_: 1
|
|
253
|
+
})
|
|
254
|
+
])) : $("", !0),
|
|
255
|
+
c(F, {
|
|
256
|
+
rows: E.value,
|
|
257
|
+
loading: e.result.loading,
|
|
258
|
+
error: e.result.detailError,
|
|
259
|
+
"empty-text": "暂无输出结果"
|
|
260
|
+
}, null, 8, ["rows", "loading", "error"])
|
|
261
|
+
]),
|
|
262
|
+
_: 1
|
|
263
|
+
}),
|
|
264
|
+
c(o, {
|
|
265
|
+
name: "logs",
|
|
266
|
+
label: "调用日志"
|
|
267
|
+
}, {
|
|
268
|
+
default: k(() => [
|
|
269
|
+
a("div", Ne, [
|
|
270
|
+
c(ue, {
|
|
271
|
+
"log-text": C.value,
|
|
272
|
+
loading: e.result.logLoading,
|
|
273
|
+
error: e.result.logError
|
|
274
|
+
}, null, 8, ["log-text", "loading", "error"])
|
|
275
|
+
])
|
|
276
|
+
]),
|
|
277
|
+
_: 1
|
|
278
|
+
})
|
|
279
|
+
]),
|
|
280
|
+
_: 2
|
|
281
|
+
}, [
|
|
282
|
+
w.value && e.canRunNodeDebug ? {
|
|
283
|
+
name: "setting",
|
|
284
|
+
fn: k(() => [
|
|
285
|
+
a("div", ke, [
|
|
286
|
+
t[6] || (t[6] = a("i", { class: "bkflow-canvas-icon bkflow-canvas-alert" }, null, -1)),
|
|
287
|
+
t[7] || (t[7] = a("span", null, "该节点执行失败,可", -1)),
|
|
288
|
+
c(d, {
|
|
289
|
+
text: "",
|
|
290
|
+
theme: "primary",
|
|
291
|
+
"data-test": "rerun-real",
|
|
292
|
+
onClick: t[0] || (t[0] = (V) => l("runReal"))
|
|
293
|
+
}, {
|
|
294
|
+
default: k(() => [...t[4] || (t[4] = [
|
|
295
|
+
L("重新调试", -1)
|
|
296
|
+
])]),
|
|
297
|
+
_: 1
|
|
298
|
+
}),
|
|
299
|
+
t[8] || (t[8] = a("span", null, "或直接", -1)),
|
|
300
|
+
c(d, {
|
|
301
|
+
text: "",
|
|
302
|
+
theme: "primary",
|
|
303
|
+
"data-test": "run-mock",
|
|
304
|
+
onClick: t[1] || (t[1] = (V) => l("runMock"))
|
|
305
|
+
}, {
|
|
306
|
+
default: k(() => [...t[5] || (t[5] = [
|
|
307
|
+
L("Mock 输出", -1)
|
|
308
|
+
])]),
|
|
309
|
+
_: 1
|
|
310
|
+
})
|
|
311
|
+
])
|
|
312
|
+
]),
|
|
313
|
+
key: "0"
|
|
314
|
+
} : void 0
|
|
315
|
+
]), 1032, ["active"])
|
|
316
|
+
]);
|
|
317
|
+
};
|
|
318
|
+
}
|
|
319
|
+
}), Me = /* @__PURE__ */ z(Te, [["__scopeId", "data-v-9d5af117"]]), $e = {
|
|
320
|
+
ExclusiveGateway: "bkflow-canvas-icon bkflow-canvas-fenzhiwangguan",
|
|
321
|
+
ParallelGateway: "bkflow-canvas-icon bkflow-canvas-bingxingwangguan",
|
|
322
|
+
ConditionalParallelGateway: "bkflow-canvas-icon bkflow-canvas-tiaojianbingxingwangguan",
|
|
323
|
+
ConvergeGateway: "bkflow-canvas-icon bkflow-canvas-huijuwangguan"
|
|
324
|
+
}, B = {
|
|
325
|
+
ServiceActivity: "任务节点",
|
|
326
|
+
EmptyStartEvent: "开始节点",
|
|
327
|
+
EmptyEndEvent: "结束节点",
|
|
328
|
+
ExclusiveGateway: "分支网关",
|
|
329
|
+
ParallelGateway: "并行网关",
|
|
330
|
+
ConditionalParallelGateway: "条件并行网关",
|
|
331
|
+
ConvergeGateway: "汇聚网关"
|
|
332
|
+
}, Le = (s) => !s || s.includes("bkflow-canvas-icon") ? s : `bkflow-canvas-icon ${s}`;
|
|
333
|
+
function Ae(s) {
|
|
334
|
+
if (!s.component?.code) return "";
|
|
335
|
+
if (s.component.code === "uniform_api") {
|
|
336
|
+
const r = s.component.api_meta?.category?.name ?? "";
|
|
337
|
+
return P[r] ?? P.bkflow;
|
|
338
|
+
}
|
|
339
|
+
return P.bkflow;
|
|
340
|
+
}
|
|
341
|
+
function Pe(s, r) {
|
|
342
|
+
const e = s?.location?.find((f) => f.id === r), l = Le(e?.icon ?? ""), n = s?.activities?.[r];
|
|
343
|
+
if (n)
|
|
344
|
+
return {
|
|
345
|
+
name: !!n.component?.code ? n.name || e?.name || r : "节点未配置",
|
|
346
|
+
type: n.type || "ServiceActivity",
|
|
347
|
+
typeName: B[n.type] ?? "任务节点",
|
|
348
|
+
icon: Ae(n)
|
|
349
|
+
};
|
|
350
|
+
const i = s?.gateways?.[r];
|
|
351
|
+
return i ? {
|
|
352
|
+
name: i.name || e?.name || B[i.type] || r,
|
|
353
|
+
type: i.type,
|
|
354
|
+
typeName: B[i.type] ?? "网关",
|
|
355
|
+
icon: l || $e[i.type] || ""
|
|
356
|
+
} : s?.start_event?.id === r ? {
|
|
357
|
+
name: s.start_event.name || "开始",
|
|
358
|
+
type: "EmptyStartEvent",
|
|
359
|
+
typeName: "开始节点",
|
|
360
|
+
icon: l || "bkflow-canvas-icon bkflow-canvas-kaishi"
|
|
361
|
+
} : s?.end_event?.id === r ? {
|
|
362
|
+
name: s.end_event.name || "结束",
|
|
363
|
+
type: "EmptyEndEvent",
|
|
364
|
+
typeName: "结束节点",
|
|
365
|
+
icon: l || "bkflow-canvas-icon bkflow-canvas-stop"
|
|
366
|
+
} : e ? {
|
|
367
|
+
name: e.name || r,
|
|
368
|
+
type: e.type || "",
|
|
369
|
+
typeName: "",
|
|
370
|
+
icon: l
|
|
371
|
+
} : { name: r, type: "", typeName: "", icon: "" };
|
|
372
|
+
}
|
|
373
|
+
function Be(s, r, e = /* @__PURE__ */ new Set()) {
|
|
374
|
+
if (!s) return [];
|
|
375
|
+
const l = new Map(
|
|
376
|
+
(r ?? []).map((n) => [n.node_id, re(n.status)])
|
|
377
|
+
);
|
|
378
|
+
return de(s).map((n) => {
|
|
379
|
+
const i = s.activities?.[n], f = i ? !!i.component?.code : !0, _ = Pe(s, n);
|
|
380
|
+
return {
|
|
381
|
+
id: n,
|
|
382
|
+
name: _.name,
|
|
383
|
+
type: _.type || i?.type || "",
|
|
384
|
+
typeName: _.typeName,
|
|
385
|
+
icon: _.icon,
|
|
386
|
+
status: l.get(n) ?? "not_run",
|
|
387
|
+
isMock: !!(i && e.has(n)),
|
|
388
|
+
isConfigured: f
|
|
389
|
+
};
|
|
390
|
+
});
|
|
391
|
+
}
|
|
392
|
+
const De = { class: "debug-result-drawer__header" }, Ge = { class: "debug-result-drawer__header-left" }, ze = { class: "debug-result-drawer__body" }, Ue = { class: "debug-result-drawer__content" }, Fe = { class: "debug-result-drawer__result" }, Oe = {
|
|
393
|
+
key: 1,
|
|
394
|
+
class: "debug-result-drawer__unselected",
|
|
395
|
+
"data-test": "node-unselected"
|
|
396
|
+
}, Ie = 44, He = /* @__PURE__ */ D({
|
|
397
|
+
__name: "index",
|
|
398
|
+
props: {
|
|
399
|
+
open: { type: Boolean },
|
|
400
|
+
context: {},
|
|
401
|
+
pipelineTree: {},
|
|
402
|
+
mockNodeIds: {},
|
|
403
|
+
modelValue: { default: "" },
|
|
404
|
+
result: {},
|
|
405
|
+
hasGlobalRun: { type: Boolean, default: !1 },
|
|
406
|
+
viewParamsPending: { type: Boolean, default: !1 }
|
|
407
|
+
},
|
|
408
|
+
emits: ["update:open", "update:modelValue", "reEditMock", "runReal", "runMock", "viewParams", "logsTabActive"],
|
|
409
|
+
setup(s, { emit: r }) {
|
|
410
|
+
const e = s, l = r, n = h(420), i = h(!1);
|
|
411
|
+
let f = 0, _ = 0, x = "", w = "";
|
|
412
|
+
const S = m(() => ({
|
|
413
|
+
height: `${e.open ? n.value : Ie}px`
|
|
414
|
+
})), N = () => {
|
|
415
|
+
l("update:open", !e.open);
|
|
416
|
+
}, E = (g) => {
|
|
417
|
+
const v = _ - (g.clientY - f);
|
|
418
|
+
n.value = Math.max(200, Math.min(window.innerHeight * 0.8, v));
|
|
419
|
+
}, C = () => {
|
|
420
|
+
document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", C), document.body.style.cursor = x, document.body.style.userSelect = w, i.value = !1;
|
|
421
|
+
}, u = (g) => {
|
|
422
|
+
g.preventDefault(), i.value = !0, f = g.clientY, _ = n.value, x = document.body.style.cursor, w = document.body.style.userSelect, document.body.style.cursor = "ns-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", E), document.addEventListener("mouseup", C);
|
|
423
|
+
};
|
|
424
|
+
Z(C);
|
|
425
|
+
const t = m({
|
|
426
|
+
get: () => e.modelValue,
|
|
427
|
+
set: (g) => l("update:modelValue", g)
|
|
428
|
+
});
|
|
429
|
+
G(
|
|
430
|
+
() => e.modelValue,
|
|
431
|
+
(g) => {
|
|
432
|
+
g || l("logsTabActive", !1);
|
|
433
|
+
},
|
|
434
|
+
{ immediate: !0 }
|
|
435
|
+
);
|
|
436
|
+
const d = m(
|
|
437
|
+
() => Be(e.pipelineTree, e.context?.nodes, e.mockNodeIds)
|
|
438
|
+
), o = m(() => e.mockNodeIds.has(e.modelValue)), y = m(() => {
|
|
439
|
+
const g = d.value.find((v) => v.id === e.modelValue);
|
|
440
|
+
return g?.type === "ServiceActivity" && g.isConfigured;
|
|
441
|
+
}), V = () => {
|
|
442
|
+
!e.hasGlobalRun || e.viewParamsPending || l("viewParams");
|
|
443
|
+
}, O = () => {
|
|
444
|
+
e.modelValue && l("reEditMock", e.modelValue);
|
|
445
|
+
}, I = () => {
|
|
446
|
+
e.modelValue && l("runReal", e.modelValue);
|
|
447
|
+
}, H = () => {
|
|
448
|
+
e.modelValue && l("runMock", e.modelValue);
|
|
449
|
+
};
|
|
450
|
+
return (g, v) => {
|
|
451
|
+
const Y = T("bk-button"), j = ee("bk-tooltips");
|
|
452
|
+
return p(), b("div", {
|
|
453
|
+
class: R(["debug-result-drawer-wrapper", { "is-resizing": i.value }]),
|
|
454
|
+
style: te(S.value)
|
|
455
|
+
}, [
|
|
456
|
+
e.open ? (p(), b("div", {
|
|
457
|
+
key: 0,
|
|
458
|
+
class: "debug-result-drawer__resize",
|
|
459
|
+
onMousedown: u
|
|
460
|
+
}, null, 32)) : $("", !0),
|
|
461
|
+
a("section", {
|
|
462
|
+
class: R(["debug-result-drawer", { "is-collapsed": !e.open }])
|
|
463
|
+
}, [
|
|
464
|
+
a("header", De, [
|
|
465
|
+
a("div", Ge, [
|
|
466
|
+
v[3] || (v[3] = a("span", { class: "debug-result-drawer__title" }, "调试结果", -1)),
|
|
467
|
+
v[4] || (v[4] = a("span", { class: "debug-result-drawer__divider" }, null, -1)),
|
|
468
|
+
se((p(), U(Y, {
|
|
469
|
+
text: "",
|
|
470
|
+
theme: "primary",
|
|
471
|
+
disabled: !e.hasGlobalRun,
|
|
472
|
+
loading: e.viewParamsPending,
|
|
473
|
+
onClick: V
|
|
474
|
+
}, {
|
|
475
|
+
default: k(() => [...v[2] || (v[2] = [
|
|
476
|
+
a("i", { class: "bkflow-canvas-icon bkflow-canvas-audit view-params-icon" }, null, -1),
|
|
477
|
+
L(" 查看参数 ", -1)
|
|
478
|
+
])]),
|
|
479
|
+
_: 1
|
|
480
|
+
}, 8, ["disabled", "loading"])), [
|
|
481
|
+
[j, { content: "请先进行调试", disabled: e.hasGlobalRun }]
|
|
482
|
+
])
|
|
483
|
+
]),
|
|
484
|
+
a("span", {
|
|
485
|
+
class: "debug-result-drawer__collapse",
|
|
486
|
+
onClick: N
|
|
487
|
+
}, [
|
|
488
|
+
a("span", null, M(e.open ? "收起" : "展开"), 1),
|
|
489
|
+
a("i", {
|
|
490
|
+
class: R(["bkflow-canvas-icon bkflow-canvas-arrows-down debug-result-drawer__collapse-icon", { "is-expanded": e.open }])
|
|
491
|
+
}, null, 2)
|
|
492
|
+
])
|
|
493
|
+
]),
|
|
494
|
+
a("div", ze, [
|
|
495
|
+
a("div", Ue, [
|
|
496
|
+
c(ge, {
|
|
497
|
+
modelValue: t.value,
|
|
498
|
+
"onUpdate:modelValue": v[0] || (v[0] = (A) => t.value = A),
|
|
499
|
+
nodes: d.value
|
|
500
|
+
}, null, 8, ["modelValue", "nodes"]),
|
|
501
|
+
a("div", Fe, [
|
|
502
|
+
e.modelValue ? (p(), U(Me, {
|
|
503
|
+
key: 0,
|
|
504
|
+
result: e.result,
|
|
505
|
+
"is-mock": o.value,
|
|
506
|
+
"can-run-node-debug": y.value,
|
|
507
|
+
onReEditMock: O,
|
|
508
|
+
onRunReal: I,
|
|
509
|
+
onRunMock: H,
|
|
510
|
+
onLogsTabActive: v[1] || (v[1] = (A) => l("logsTabActive", A))
|
|
511
|
+
}, null, 8, ["result", "is-mock", "can-run-node-debug"])) : (p(), b("div", Oe, " 请先选择节点查看调试详情 "))
|
|
512
|
+
])
|
|
513
|
+
])
|
|
514
|
+
])
|
|
515
|
+
], 2)
|
|
516
|
+
], 6);
|
|
517
|
+
};
|
|
518
|
+
}
|
|
519
|
+
}), qe = /* @__PURE__ */ z(He, [["__scopeId", "data-v-34a6ea11"]]);
|
|
520
|
+
export {
|
|
521
|
+
qe as default
|
|
522
|
+
};
|
package/dist/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index-5zwHD-o0.cjs"),o=require("./composable-CxeoRvet.cjs");require("lodash");exports.BkFlowCanvas=e.BkFlowCanvas;exports.BkFlowModelAccessor=e.BkFlowModelAccessor;exports.BkFlowNodeAccessor=e.BkFlowNodeAccessor;exports.FlowCreateTask=e.FlowCreateTask;exports.FlowDebug=e.FlowDebug;exports.FlowDetail=e.index;exports.FlowEdit=e.edit;exports.FlowExecute=e.execute;exports.FlowMockDebug=e.mock;exports.FlowView=e.view;exports.bkflowConnectionValidator=e.bkflowConnectionValidator;exports.createBkflowPlugin=e.createBkflowPlugin;exports.createBkflowSchema=e.createBkflowSchema;exports.createExecutionStatusPlugin=e.createExecutionStatusPlugin;exports.default=e.index$1;exports.exportToPipelineTree=e.exportToPipelineTree;exports.getUniformApiPluginFormValue=e.getUniformApiPluginFormValue;exports.getVariableDefaultConfig=e.getVariableDefaultConfig;exports.importFromPipelineTree=e.importFromPipelineTree;exports.isMockableNode=e.isMockableNode;exports.mergeOutputs=e.mergeOutputs;exports.normalizePluginOutputItems=e.normalizePluginOutputItems;exports.provideFlowApiConfig=e.provideFlowApiConfig;exports.provideMemberSelectorConfig=e.provideMemberSelectorConfig;exports.provideSelectPanelConfig=e.provideSelectPanelConfig;exports.resolveExecutionActions=e.resolveExecutionActions;exports.resolveMockFormControl=e.resolveMockFormControl;exports.useFlowApiConfig=e.useFlowApiConfig;exports.useFlowEditApiConfig=e.useFlowEditApiConfig;exports.useFlowViewApiConfig=e.useFlowViewApiConfig;exports.useMemberSelectorConfig=e.useMemberSelectorConfig;exports.useSelectPanelConfig=e.useSelectPanelConfig;exports.validatePipelineTree=e.validatePipelineTree;exports.generateId=o.generateId;exports.random4=o.random4;
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as s, d as i, e as l, F as r, h as t, j as n, k as u, l as c, o as g, v as w, q as p,
|
|
1
|
+
import { c as s, d as i, e as l, F as r, h as t, j as n, k as u, l as c, o as g, v as w, q as p, w as F, x as f, y as m, z as d, A as C, G as k, H as P, I as A, J as v, m as b, K as x, N as M, O as S, P as T, Q as V, r as B, u as E, T as D, U as I, V as N, W as O, X as h } from "./index-CRdHCP3c.js";
|
|
2
2
|
import { g as U, r as j } from "./composable-kbjnTzFy.js";
|
|
3
3
|
import "lodash";
|
|
4
4
|
export {
|