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

package/package.json

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

package/dist/index-Bf3z3UZx.cjs

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