@blueking/bkflow-canvas-editor 1.1.0-beta.4 → 1.1.0-beta.41

package/dist/index-BwF4LXst.cjs

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

package/dist/index-CjCy-0c0.js

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

package/dist/index-RacKW0MR.js

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

package/dist/index-bzXGuf5c.cjs

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