@blueking/bkflow-canvas-editor 1.1.0-beta.3 → 1.1.0-beta.30

package/dist/index-6HwGC0ZF.cjs

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

package/dist/index-81Fx77zz.js

@@ -0,0 +1,234 @@
+import { defineComponent as A, ref as V, shallowRef as x, computed as C, watch as U, resolveComponent as j, resolveDirective as K, openBlock as l, createBlock as f, createSlots as S, withCtx as y, withDirectives as G, createElementBlock as d, createElementVNode as i, createCommentVNode as v, Fragment as H, renderList as J, toDisplayString as B, unref as Y, createVNode as R, createTextVNode as E } from "vue";
+import { c as _, u as z, i as M, b as Q, d as W, g as X, D as Z, B as ee, R as te, E as ae, _ as oe } from "./index-CQUL1ICn.js";
+import "bkui-vue/lib/message";
+import "bkui-vue/lib/icon";
+import "monaco-editor";
+const se = {
+  string: "input",
+  text: "input",
+  textarea: "textarea",
+  int: "input",
+  integer: "input",
+  number: "input",
+  float: "input",
+  json: "json",
+  object: "json",
+  array: "array",
+  list: "array",
+  select: "select",
+  time: "timepicker",
+  datetime: "timepicker"
+}, L = (a) => a.replace(/^\$\{(.+)\}$/, "$1"), I = (a) => `\${${L(a)}}`;
+function ne(a, c) {
+  const s = I(a.key), o = c ? _(c) : {}, p = a.custom_type ?? o.custom_type ?? se[a.type] ?? "input";
+  return {
+    ...o,
+    key: s,
+    name: a.name ?? o.name ?? L(a.key),
+    custom_type: p,
+    desc: o.desc ?? "",
+    index: o.index ?? 0,
+    show_type: "show",
+    source_info: o.source_info ?? {},
+    source_tag: o.source_tag ?? "",
+    source_type: o.source_type ?? "custom",
+    validation: o.validation ?? "",
+    value: a.default ?? o.value,
+    meta: {
+      ...o.meta ?? {},
+      required: a.required ?? o.meta?.required ?? !1
+    }
+  };
+}
+function le(a, c = {}) {
+  if (!a) return {};
+  const s = a.constants;
+  return s && Object.keys(s).length > 0 ? { ...s } : Array.isArray(a.fields) && a.fields.length > 0 ? a.fields.reduce((o, p) => {
+    const n = I(p.key);
+    return o[n] = ne(p, c[n]), o;
+  }, {}) : {};
+}
+const ie = { class: "global-debug-input" }, re = {
+  key: 0,
+  class: "global-debug-input__params",
+  "data-test": "input-params"
+}, ue = { key: 0 }, de = ["title"], ce = { class: "col-value" }, pe = {
+  key: 1,
+  class: "global-debug-input__value"
+}, me = {
+  key: 1,
+  class: "form-params-wrapper"
+}, fe = { class: "sideslider-footer-buttons" }, ye = /* @__PURE__ */ A({
+  __name: "index",
+  props: {
+    show: { type: Boolean },
+    schema: {},
+    pipelineConstants: { default: () => ({}) },
+    initialValues: { default: () => ({}) },
+    pending: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 }
+  },
+  emits: ["confirm", "close", "update:show"],
+  setup(a, { emit: c }) {
+    const s = a, o = c, p = z(), n = V({}), b = x([]), m = x([]), g = x(!1), h = V(), k = V(), w = C(() => b.value.filter((e) => M(e))), O = C(() => w.value.length > 0 || m.value.length > 0), F = C(
+      () => [...b.value].sort((e, t) => (e.index ?? 0) - (t.index ?? 0)).map((e) => {
+        const t = Object.prototype.hasOwnProperty.call(n.value, e.key) ? n.value[e.key] : e.value;
+        return {
+          key: e.key,
+          name: e.name || e.key,
+          value: t,
+          display: W(t),
+          isComplex: Q(t)
+        };
+      })
+    );
+    U(
+      () => s.show,
+      (e) => {
+        e && (n.value = _(s.initialValues ?? {}), q());
+      }
+    );
+    const q = async () => {
+      const e = le(s.schema, s.pipelineConstants), t = Object.values(e).filter(
+        (r) => typeof r == "object" && r !== null && r.show_type === "show"
+      );
+      if (b.value = t, s.readonly || Object.keys(e).length < 1) {
+        m.value = [];
+        return;
+      }
+      g.value = !0;
+      try {
+        m.value = await X(p, e);
+      } catch (r) {
+        console.error("Failed to build debug input forms from schema:", r), m.value = [];
+      } finally {
+        g.value = !1;
+      }
+    }, N = (e) => {
+      n.value = { ...n.value, ..._(e) };
+    }, P = async () => {
+      const [e, t] = await Promise.all([
+        Promise.resolve(
+          typeof k.value?.validate == "function" ? k.value.validate() : !0
+        ),
+        Promise.resolve(typeof h.value?.validate == "function" ? h.value.validate() : !0)
+      ]);
+      !e || !t || o("confirm", _(n.value));
+    }, D = () => {
+      o("close"), o("update:show", !1);
+    };
+    return (e, t) => {
+      const r = j("bk-button"), T = j("bk-sideslider"), $ = K("bkloading");
+      return l(), f(T, {
+        title: "调试参数",
+        "is-show": s.show,
+        width: 960,
+        "quick-close": !0,
+        "esc-close": !1,
+        onClosed: D
+      }, S({
+        default: y(() => [
+          G((l(), d("div", ie, [
+            s.readonly ? (l(), d("table", re, [
+              t[2] || (t[2] = i("thead", null, [
+                i("tr", null, [
+                  i("th", { class: "col-name" }, "参数名"),
+                  i("th", { class: "col-value" }, "参数值")
+                ])
+              ], -1)),
+              i("tbody", null, [
+                F.value.length === 0 ? (l(), d("tr", ue, [...t[1] || (t[1] = [
+                  i("td", {
+                    class: "global-debug-input__empty",
+                    colspan: "2"
+                  }, "暂无参数", -1)
+                ])])) : v("", !0),
+                (l(!0), d(H, null, J(F.value, (u) => (l(), d("tr", {
+                  key: u.key,
+                  "data-test": "input-row"
+                }, [
+                  i("td", {
+                    class: "col-name",
+                    title: u.key
+                  }, B(u.name), 9, de),
+                  i("td", ce, [
+                    u.isComplex ? (l(), f(Z, {
+                      key: 0,
+                      value: u.value,
+                      "data-test": "json-viewer"
+                    }, null, 8, ["value"])) : (l(), d("pre", pe, B(u.display), 1))
+                  ])
+                ]))), 128))
+              ])
+            ])) : (l(), d("div", me, [
+              w.value.length > 0 ? (l(), f(Y(ee), {
+                key: 0,
+                ref_key: "builtinVariableFormRef",
+                ref: k,
+                modelValue: n.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (u) => n.value = u),
+                variables: w.value
+              }, null, 8, ["modelValue", "variables"])) : v("", !0),
+              m.value.length > 0 ? (l(), f(te, {
+                key: 1,
+                ref_key: "renderFormRef",
+                ref: h,
+                scheme: m.value,
+                editable: "",
+                "form-option": {
+                  showRequired: !0,
+                  showGroup: !0,
+                  showLabel: !1,
+                  showHook: !1,
+                  showDesc: !0,
+                  formEdit: !0
+                },
+                "form-data": n.value,
+                onChange: N
+              }, null, 8, ["scheme", "form-data"])) : v("", !0),
+              O.value ? v("", !0) : (l(), f(ae, {
+                key: 2,
+                title: "暂无参数"
+              }))
+            ]))
+          ])), [
+            [$, { loading: g.value }]
+          ])
+        ]),
+        _: 2
+      }, [
+        s.readonly ? void 0 : {
+          name: "footer",
+          fn: y(() => [
+            i("div", fe, [
+              R(r, {
+                theme: "primary",
+                "data-test": "save-and-run",
+                loading: s.pending,
+                onClick: P
+              }, {
+                default: y(() => [...t[3] || (t[3] = [
+                  E(" 保存并执行 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"]),
+              R(r, {
+                disabled: s.pending,
+                onClick: D
+              }, {
+                default: y(() => [...t[4] || (t[4] = [
+                  E("取消", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["is-show"]);
+    };
+  }
+}), ke = /* @__PURE__ */ oe(ye, [["__scopeId", "data-v-01a33593"]]);
+export {
+  ke as default
+};

package/dist/index-Blsv_0sr.js

@@ -0,0 +1,162 @@
+import { defineComponent as q, ref as f, shallowRef as J, computed as x, watch as P, resolveComponent as p, resolveDirective as U, openBlock as l, createBlock as v, withCtx as i, withDirectives as z, createElementBlock as y, Fragment as A, renderList as W, createVNode as b, createCommentVNode as g, createElementVNode as V, createTextVNode as C, toDisplayString as M } from "vue";
+import { InfoBox as X } from "bkui-vue/lib";
+import G from "bkui-vue/lib/message";
+import { u as H, c as K, M as Q, p as Z, m as $, h as ee, r as T, f as te, a as oe, _ as se } from "./index-CQUL1ICn.js";
+const ae = {
+  key: 0,
+  class: "mock-data-sideslider__title-sep"
+}, ne = ["title"], le = { class: "mock-data-sideslider" }, re = { class: "mock-data-sideslider__footer" }, ce = "当前节点的输出不支持mock，是否需要在调试时跳过当前节点？", ie = "跳过调试", ue = /* @__PURE__ */ q({
+  __name: "index",
+  props: {
+    show: { type: Boolean },
+    node: { default: null },
+    outputs: { default: () => ({}) },
+    pending: { type: Boolean, default: !1 }
+  },
+  emits: ["confirm", "close", "update:show"],
+  setup(O, { emit: E }) {
+    const t = O, _ = E, F = H(), k = f(!1), u = J([]), d = f({}), h = f({}), m = f(!1), B = x(() => m.value ? ce : "暂无输出结果"), N = x(() => m.value ? ie : "确定"), D = async () => {
+      if (t.node) {
+        k.value = !0, h.value = {}, m.value = !1;
+        try {
+          const e = await Z(F, t.node.component);
+          u.value = $(e.outputs ?? []), m.value = ee(e.outputs);
+          const o = t.outputs ?? {}, a = {};
+          u.value.forEach((s) => {
+            const r = Object.prototype.hasOwnProperty.call(o, s.key) ? o[s.key] : s.type === "object" ? {} : void 0, n = T(s);
+            a[s.key] = n === "json-editor" || n === "data-table" ? te(r) : r;
+          }), d.value = a;
+        } catch (e) {
+          console.error(e), u.value = [], d.value = {}, m.value = !1, G({ theme: "error", message: "加载输出结果失败" });
+        } finally {
+          k.value = !1;
+        }
+      }
+    }, S = () => {
+      const e = {}, o = {};
+      return u.value.forEach((a) => {
+        const s = d.value[a.key], r = T(a);
+        if (r === "json-editor" || r === "data-table") {
+          const n = oe(s);
+          if (!n.valid) {
+            e[a.key] = n.message;
+            return;
+          }
+          n.value !== void 0 && (o[a.key] = n.value);
+          return;
+        }
+        s !== void 0 && s !== "" && (o[a.key] = s);
+      }), { errors: e, outputs: o };
+    }, j = (e) => {
+      X({
+        title: "确认 Mock 输出？",
+        content: "Mock 输出将覆盖当前输出结果，执行时跳过该节点并以 Mock 值替代实际输出",
+        confirmText: "确定",
+        cancelText: "取消",
+        width: 400,
+        onConfirm: () => {
+          e();
+        }
+      });
+    }, Y = () => {
+      if (m.value) {
+        _("confirm", { outputs: {} });
+        return;
+      }
+      const { errors: e, outputs: o } = S();
+      h.value = e, !(Object.keys(e).length > 0) && j(() => _("confirm", { outputs: o }));
+    }, w = () => {
+      _("close"), _("update:show", !1);
+    };
+    return P(
+      () => [t.show, t.node?.id],
+      ([e]) => {
+        e && t.node && (d.value = K(t.outputs ?? {}), D());
+      },
+      { immediate: !0 }
+    ), (e, o) => {
+      const a = p("bk-form-item"), s = p("bk-form"), r = p("bk-exception"), n = p("bk-button"), I = p("bk-sideslider"), L = U("bkloading");
+      return l(), v(I, {
+        "is-show": t.show,
+        width: 960,
+        "quick-close": "",
+        "esc-close": !1,
+        onClosed: w
+      }, {
+        header: i(() => [
+          o[0] || (o[0] = V("span", { class: "mock-data-sideslider__title" }, "Mock输出", -1)),
+          t.node?.name ? (l(), y("span", ae, "-")) : g("", !0),
+          t.node?.name ? (l(), y("span", {
+            key: 1,
+            class: "mock-data-sideslider__title-node",
+            title: t.node.name
+          }, M(t.node.name), 9, ne)) : g("", !0)
+        ]),
+        footer: i(() => [
+          V("div", re, [
+            b(n, {
+              theme: "primary",
+              "data-test": "mock-confirm",
+              loading: t.pending,
+              onClick: Y
+            }, {
+              default: i(() => [
+                C(M(N.value), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"]),
+            b(n, {
+              disabled: t.pending,
+              onClick: w
+            }, {
+              default: i(() => [...o[1] || (o[1] = [
+                C("取消", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        default: i(() => [
+          z((l(), y("div", le, [
+            u.value.length > 0 ? (l(), v(s, {
+              key: 0,
+              "form-type": "vertical",
+              "label-width": 120,
+              "data-test": "mock-outputs-form"
+            }, {
+              default: i(() => [
+                (l(!0), y(A, null, W(u.value, (c) => (l(), v(a, {
+                  key: c.key,
+                  label: c.name || c.key
+                }, {
+                  default: i(() => [
+                    b(Q, {
+                      modelValue: d.value[c.key],
+                      "onUpdate:modelValue": (R) => d.value[c.key] = R,
+                      field: c,
+                      error: h.value[c.key]
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "field", "error"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"]))), 128))
+              ]),
+              _: 1
+            })) : k.value ? g("", !0) : (l(), v(r, {
+              key: 1,
+              class: "mock-data-sideslider__exception",
+              scene: "part",
+              type: "empty",
+              title: B.value
+            }, null, 8, ["title"]))
+          ])), [
+            [L, { loading: k.value }]
+          ])
+        ]),
+        _: 1
+      }, 8, ["is-show"]);
+    };
+  }
+}), ke = /* @__PURE__ */ se(ue, [["__scopeId", "data-v-c4e2476a"]]);
+export {
+  ke as default
+};

package/dist/index-BrMTOV3N.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),M=require("bkui-vue/lib"),N=require("bkui-vue/lib/message"),s=require("./index-D301MshF.cjs"),O={key:0,class:"mock-data-sideslider__title-sep"},F=["title"],S={class:"mock-data-sideslider"},D={class:"mock-data-sideslider__footer"},j="当前节点的输出不支持mock，是否需要在调试时跳过当前节点？",q="跳过调试",Y=e.defineComponent({__name:"index",props:{show:{type:Boolean},node:{default:null},outputs:{default:()=>({})},pending:{type:Boolean,default:!1}},emits:["confirm","close","update:show"],setup(f,{emit:y}){const o=f,p=y,h=s.useFlowApiConfig(),k=e.ref(!1),u=e.shallowRef([]),d=e.ref({}),_=e.ref({}),m=e.ref(!1),b=e.computed(()=>m.value?j:"暂无输出结果"),C=e.computed(()=>m.value?q:"确定"),w=async()=>{if(o.node){k.value=!0,_.value={},m.value=!1;try{const t=await s.pluginDetailRequest(h,o.node.component);u.value=s.mergeOutputs(t.outputs??[]),m.value=s.hasOnlySystemOutputs(t.outputs);const n=o.outputs??{},a={};u.value.forEach(l=>{const c=Object.prototype.hasOwnProperty.call(n,l.key)?n[l.key]:l.type==="object"?{}:void 0,r=s.resolveMockFormControl(l);a[l.key]=r==="json-editor"||r==="data-table"?s.formatJsonFieldValue(c):c}),d.value=a}catch(t){console.error(t),u.value=[],d.value={},m.value=!1,N({theme:"error",message:"加载输出结果失败"})}finally{k.value=!1}}},g=()=>{const t={},n={};return u.value.forEach(a=>{const l=d.value[a.key],c=s.resolveMockFormControl(a);if(c==="json-editor"||c==="data-table"){const r=s.parseJsonFieldValue(l);if(!r.valid){t[a.key]=r.message;return}r.value!==void 0&&(n[a.key]=r.value);return}l!==void 0&&l!==""&&(n[a.key]=l)}),{errors:t,outputs:n}},x=t=>{M.InfoBox({title:"确认 Mock 输出？",content:"Mock 输出将覆盖当前输出结果，执行时跳过该节点并以 Mock 值替代实际输出",confirmText:"确定",cancelText:"取消",width:400,onConfirm:()=>{t()}})},V=()=>{if(m.value){p("confirm",{outputs:{}});return}const{errors:t,outputs:n}=g();_.value=t,!(Object.keys(t).length>0)&&x(()=>p("confirm",{outputs:n}))},v=()=>{p("close"),p("update:show",!1)};return e.watch(()=>[o.show,o.node?.id],([t])=>{t&&o.node&&(d.value=s.cloneDeep(o.outputs??{}),w())},{immediate:!0}),(t,n)=>{const a=e.resolveComponent("bk-form-item"),l=e.resolveComponent("bk-form"),c=e.resolveComponent("bk-exception"),r=e.resolveComponent("bk-button"),B=e.resolveComponent("bk-sideslider"),E=e.resolveDirective("bkloading");return e.openBlock(),e.createBlock(B,{"is-show":o.show,width:960,"quick-close":"","esc-close":!1,onClosed:v},{header:e.withCtx(()=>[n[0]||(n[0]=e.createElementVNode("span",{class:"mock-data-sideslider__title"},"Mock输出",-1)),o.node?.name?(e.openBlock(),e.createElementBlock("span",O,"-")):e.createCommentVNode("",!0),o.node?.name?(e.openBlock(),e.createElementBlock("span",{key:1,class:"mock-data-sideslider__title-node",title:o.node.name},e.toDisplayString(o.node.name),9,F)):e.createCommentVNode("",!0)]),footer:e.withCtx(()=>[e.createElementVNode("div",D,[e.createVNode(r,{theme:"primary","data-test":"mock-confirm",loading:o.pending,onClick:V},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.value),1)]),_:1},8,["loading"]),e.createVNode(r,{disabled:o.pending,onClick:v},{default:e.withCtx(()=>[...n[1]||(n[1]=[e.createTextVNode("取消",-1)])]),_:1},8,["disabled"])])]),default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",S,[u.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(u.value,i=>(e.openBlock(),e.createBlock(a,{key:i.key,label:i.name||i.key},{default:e.withCtx(()=>[e.createVNode(s.MockFieldRenderer,{modelValue:d.value[i.key],"onUpdate:modelValue":T=>d.value[i.key]=T,field:i,error:_.value[i.key]},null,8,["modelValue","onUpdate:modelValue","field","error"])]),_:2},1032,["label"]))),128))]),_:1})):k.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c,{key:1,class:"mock-data-sideslider__exception",scene:"part",type:"empty",title:b.value},null,8,["title"]))])),[[E,{loading:k.value}]])]),_:1},8,["is-show"])}}}),I=s._export_sfc(Y,[["__scopeId","data-v-c4e2476a"]]);exports.default=I;