@blueking/bkflow-canvas-editor 1.1.0-beta.20 → 1.1.0-beta.21
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/advanced.d.ts +8 -0
- package/dist/{index-q1oXQLYP.cjs → index-02hL8tEC.cjs} +1 -1
- package/dist/index-B8efFF5D.cjs +1 -0
- package/dist/{index-CEqnbYFv.js → index-BWndXizJ.js} +17 -17
- package/dist/index-BhHHxbEL.js +235 -0
- package/dist/index-Bs2CwzmL.cjs +1 -0
- package/dist/{index-BSJmvh9X.js → index-DUOfuLCl.js} +17885 -17761
- package/dist/{index-DKDo_oIa.js → index-GYfLO_6L.js} +1 -1
- package/dist/index-j9vPPW5D.cjs +70 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +31 -4
- package/dist/index.esm.js +4 -4
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/index-BQCyvFSv.js +0 -184
- package/dist/index-BuqlmJo6.cjs +0 -1
- package/dist/index-ChUsgvjW.cjs +0 -1
- package/dist/index-XDQGda1C.cjs +0 -70
package/package.json
CHANGED
package/dist/index-BQCyvFSv.js
DELETED
|
@@ -1,184 +0,0 @@
|
|
|
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
|
-
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-BSJmvh9X.js";
|
|
4
|
-
import "bkui-vue/lib/message";
|
|
5
|
-
import "bkui-vue/lib/icon";
|
|
6
|
-
import "monaco-editor";
|
|
7
|
-
const W = {
|
|
8
|
-
string: "input",
|
|
9
|
-
text: "input",
|
|
10
|
-
textarea: "textarea",
|
|
11
|
-
int: "input",
|
|
12
|
-
integer: "input",
|
|
13
|
-
number: "input",
|
|
14
|
-
float: "input",
|
|
15
|
-
json: "json",
|
|
16
|
-
object: "json",
|
|
17
|
-
array: "array",
|
|
18
|
-
list: "array",
|
|
19
|
-
select: "select",
|
|
20
|
-
time: "timepicker",
|
|
21
|
-
datetime: "timepicker"
|
|
22
|
-
}, j = (e) => e.replace(/^\$\{(.+)\}$/, "$1"), E = (e) => `\${${j(e)}}`;
|
|
23
|
-
function X(e, r) {
|
|
24
|
-
const o = E(e.key), t = r ? p(r) : {}, i = e.custom_type ?? t.custom_type ?? W[e.type] ?? "input";
|
|
25
|
-
return {
|
|
26
|
-
...t,
|
|
27
|
-
key: o,
|
|
28
|
-
name: e.name ?? t.name ?? j(e.key),
|
|
29
|
-
custom_type: i,
|
|
30
|
-
desc: t.desc ?? "",
|
|
31
|
-
index: t.index ?? 0,
|
|
32
|
-
show_type: "show",
|
|
33
|
-
source_info: t.source_info ?? {},
|
|
34
|
-
source_tag: t.source_tag ?? "",
|
|
35
|
-
source_type: t.source_type ?? "custom",
|
|
36
|
-
validation: t.validation ?? "",
|
|
37
|
-
value: e.default ?? t.value,
|
|
38
|
-
meta: {
|
|
39
|
-
...t.meta ?? {},
|
|
40
|
-
required: e.required ?? t.meta?.required ?? !1
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
function Z(e, r = {}) {
|
|
45
|
-
if (!e) return {};
|
|
46
|
-
const o = e.constants;
|
|
47
|
-
return o && Object.keys(o).length > 0 ? { ...o } : Array.isArray(e.fields) && e.fields.length > 0 ? e.fields.reduce((t, i) => {
|
|
48
|
-
const n = E(i.key);
|
|
49
|
-
return t[n] = X(i, r[n]), t;
|
|
50
|
-
}, {}) : {};
|
|
51
|
-
}
|
|
52
|
-
const ee = { class: "global-debug-input" }, te = { class: "form-params-wrapper" }, oe = { class: "sideslider-footer-buttons" }, ae = /* @__PURE__ */ $({
|
|
53
|
-
__name: "index",
|
|
54
|
-
props: {
|
|
55
|
-
show: { type: Boolean },
|
|
56
|
-
schema: {},
|
|
57
|
-
pipelineConstants: { default: () => ({}) },
|
|
58
|
-
initialValues: { default: () => ({}) },
|
|
59
|
-
pending: { type: Boolean, default: !1 },
|
|
60
|
-
readonly: { type: Boolean, default: !1 }
|
|
61
|
-
},
|
|
62
|
-
emits: ["confirm", "close", "update:show"],
|
|
63
|
-
setup(e, { emit: r }) {
|
|
64
|
-
const o = e, t = r, i = H(), n = _({}), k = h([]), u = h([]), f = h(!1), v = _(), y = _(), b = V(() => k.value.filter((a) => S(a))), R = V(() => b.value.length > 0 || u.value.length > 0);
|
|
65
|
-
A(
|
|
66
|
-
() => o.show,
|
|
67
|
-
(a) => {
|
|
68
|
-
a && (n.value = p(o.initialValues ?? {}), D());
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
const D = async () => {
|
|
72
|
-
const a = Z(o.schema, o.pipelineConstants), s = Object.values(a).filter(
|
|
73
|
-
(l) => typeof l == "object" && l !== null && l.show_type === "show"
|
|
74
|
-
);
|
|
75
|
-
if (k.value = s, Object.keys(a).length < 1) {
|
|
76
|
-
u.value = [];
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
f.value = !0;
|
|
80
|
-
try {
|
|
81
|
-
u.value = await Y(i, a);
|
|
82
|
-
} catch (l) {
|
|
83
|
-
console.error("Failed to build debug input forms from schema:", l), u.value = [];
|
|
84
|
-
} finally {
|
|
85
|
-
f.value = !1;
|
|
86
|
-
}
|
|
87
|
-
}, I = (a) => {
|
|
88
|
-
n.value = { ...n.value, ...p(a) };
|
|
89
|
-
}, L = async () => {
|
|
90
|
-
const [a, s] = await Promise.all([
|
|
91
|
-
Promise.resolve(
|
|
92
|
-
typeof y.value?.validate == "function" ? y.value.validate() : !0
|
|
93
|
-
),
|
|
94
|
-
Promise.resolve(typeof v.value?.validate == "function" ? v.value.validate() : !0)
|
|
95
|
-
]);
|
|
96
|
-
!a || !s || t("confirm", p(n.value));
|
|
97
|
-
}, w = () => {
|
|
98
|
-
t("close"), t("update:show", !1);
|
|
99
|
-
};
|
|
100
|
-
return (a, s) => {
|
|
101
|
-
const l = C("bk-button"), q = C("bk-sideslider"), N = O("bkloading");
|
|
102
|
-
return c(), d(q, {
|
|
103
|
-
title: "调试参数",
|
|
104
|
-
"is-show": o.show,
|
|
105
|
-
width: 960,
|
|
106
|
-
"quick-close": !0,
|
|
107
|
-
"esc-close": !1,
|
|
108
|
-
onClosed: w
|
|
109
|
-
}, P({
|
|
110
|
-
default: m(() => [
|
|
111
|
-
U((c(), K("div", ee, [
|
|
112
|
-
F("div", te, [
|
|
113
|
-
b.value.length > 0 ? (c(), d(G(z), {
|
|
114
|
-
key: 0,
|
|
115
|
-
ref_key: "builtinVariableFormRef",
|
|
116
|
-
ref: y,
|
|
117
|
-
modelValue: n.value,
|
|
118
|
-
"onUpdate:modelValue": s[0] || (s[0] = (T) => n.value = T),
|
|
119
|
-
variables: b.value,
|
|
120
|
-
editable: !o.readonly
|
|
121
|
-
}, null, 8, ["modelValue", "variables", "editable"])) : g("", !0),
|
|
122
|
-
u.value.length > 0 ? (c(), d(J, {
|
|
123
|
-
key: 1,
|
|
124
|
-
ref_key: "renderFormRef",
|
|
125
|
-
ref: v,
|
|
126
|
-
scheme: u.value,
|
|
127
|
-
editable: !o.readonly,
|
|
128
|
-
"form-option": {
|
|
129
|
-
showRequired: !0,
|
|
130
|
-
showGroup: !0,
|
|
131
|
-
showLabel: !1,
|
|
132
|
-
showHook: !1,
|
|
133
|
-
showDesc: !0,
|
|
134
|
-
formEdit: !o.readonly
|
|
135
|
-
},
|
|
136
|
-
"form-data": n.value,
|
|
137
|
-
onChange: I
|
|
138
|
-
}, null, 8, ["scheme", "editable", "form-option", "form-data"])) : g("", !0),
|
|
139
|
-
R.value ? g("", !0) : (c(), d(M, {
|
|
140
|
-
key: 2,
|
|
141
|
-
title: "暂无参数"
|
|
142
|
-
}))
|
|
143
|
-
])
|
|
144
|
-
])), [
|
|
145
|
-
[N, { loading: f.value }]
|
|
146
|
-
])
|
|
147
|
-
]),
|
|
148
|
-
_: 2
|
|
149
|
-
}, [
|
|
150
|
-
o.readonly ? void 0 : {
|
|
151
|
-
name: "footer",
|
|
152
|
-
fn: m(() => [
|
|
153
|
-
F("div", oe, [
|
|
154
|
-
x(l, {
|
|
155
|
-
theme: "primary",
|
|
156
|
-
"data-test": "save-and-run",
|
|
157
|
-
loading: o.pending,
|
|
158
|
-
onClick: L
|
|
159
|
-
}, {
|
|
160
|
-
default: m(() => [...s[1] || (s[1] = [
|
|
161
|
-
B(" 保存并执行 ", -1)
|
|
162
|
-
])]),
|
|
163
|
-
_: 1
|
|
164
|
-
}, 8, ["loading"]),
|
|
165
|
-
x(l, {
|
|
166
|
-
disabled: o.pending,
|
|
167
|
-
onClick: w
|
|
168
|
-
}, {
|
|
169
|
-
default: m(() => [...s[2] || (s[2] = [
|
|
170
|
-
B("取消", -1)
|
|
171
|
-
])]),
|
|
172
|
-
_: 1
|
|
173
|
-
}, 8, ["disabled"])
|
|
174
|
-
])
|
|
175
|
-
]),
|
|
176
|
-
key: "0"
|
|
177
|
-
}
|
|
178
|
-
]), 1032, ["is-show"]);
|
|
179
|
-
};
|
|
180
|
-
}
|
|
181
|
-
}), ce = /* @__PURE__ */ Q(ae, [["__scopeId", "data-v-22fd17ca"]]);
|
|
182
|
-
export {
|
|
183
|
-
ce as default
|
|
184
|
-
};
|
package/dist/index-BuqlmJo6.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./index-XDQGda1C.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.isDebugFailureStatus(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-adf659d4"]]),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-f71c9f3b"]]);exports.default=re;
|
package/dist/index-ChUsgvjW.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("lodash"),i=require("./index-XDQGda1C.cjs");require("bkui-vue/lib/message");require("bkui-vue/lib/icon");require("monaco-editor");const q={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"},_=t=>t.replace(/^\$\{(.+)\}$/,"$1"),k=t=>`\${${_(t)}}`;function D(t,u){const a=k(t.key),o=u?p.cloneDeep(u):{},c=t.custom_type??o.custom_type??q[t.type]??"input";return{...o,key:a,name:t.name??o.name??_(t.key),custom_type:c,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:t.default??o.value,meta:{...o.meta??{},required:t.required??o.meta?.required??!1}}}function N(t,u={}){if(!t)return{};const a=t.constants;return a&&Object.keys(a).length>0?{...a}:Array.isArray(t.fields)&&t.fields.length>0?t.fields.reduce((o,c)=>{const l=k(c.key);return o[l]=D(c,u[l]),o},{}):{}}const j={class:"global-debug-input"},R={class:"form-params-wrapper"},E={class:"sideslider-footer-buttons"},T=e.defineComponent({__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:u}){const a=t,o=u,c=i.useFlowApiConfig(),l=e.ref({}),b=e.shallowRef([]),d=e.shallowRef([]),m=e.shallowRef(!1),f=e.ref(),v=e.ref(),y=e.computed(()=>b.value.filter(n=>i.isBuiltinUsageVariable(n))),g=e.computed(()=>y.value.length>0||d.value.length>0);e.watch(()=>a.show,n=>{n&&(l.value=p.cloneDeep(a.initialValues??{}),w())});const w=async()=>{const n=N(a.schema,a.pipelineConstants),s=Object.values(n).filter(r=>typeof r=="object"&&r!==null&&r.show_type==="show");if(b.value=s,Object.keys(n).length<1){d.value=[];return}m.value=!0;try{d.value=await i.getInputFormsFromConstants(c,n)}catch(r){console.error("Failed to build debug input forms from schema:",r),d.value=[]}finally{m.value=!1}},V=n=>{l.value={...l.value,...p.cloneDeep(n)}},C=async()=>{const[n,s]=await Promise.all([Promise.resolve(typeof v.value?.validate=="function"?v.value.validate():!0),Promise.resolve(typeof f.value?.validate=="function"?f.value.validate():!0)]);!n||!s||o("confirm",p.cloneDeep(l.value))},h=()=>{o("close"),o("update:show",!1)};return(n,s)=>{const r=e.resolveComponent("bk-button"),x=e.resolveComponent("bk-sideslider"),B=e.resolveDirective("bkloading");return e.openBlock(),e.createBlock(x,{title:"调试参数","is-show":a.show,width:960,"quick-close":!0,"esc-close":!1,onClosed:h},e.createSlots({default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",j,[e.createElementVNode("div",R,[y.value.length>0?(e.openBlock(),e.createBlock(e.unref(i.BuiltinVariableUsageForm),{key:0,ref_key:"builtinVariableFormRef",ref:v,modelValue:l.value,"onUpdate:modelValue":s[0]||(s[0]=F=>l.value=F),variables:y.value,editable:!a.readonly},null,8,["modelValue","variables","editable"])):e.createCommentVNode("",!0),d.value.length>0?(e.openBlock(),e.createBlock(i.RenderForm,{key:1,ref_key:"renderFormRef",ref:f,scheme:d.value,editable:!a.readonly,"form-option":{showRequired:!0,showGroup:!0,showLabel:!1,showHook:!1,showDesc:!0,formEdit:!a.readonly},"form-data":l.value,onChange:V},null,8,["scheme","editable","form-option","form-data"])):e.createCommentVNode("",!0),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i.EmptyException,{key:2,title:"暂无参数"}))])])),[[B,{loading:m.value}]])]),_:2},[a.readonly?void 0:{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",E,[e.createVNode(r,{theme:"primary","data-test":"save-and-run",loading:a.pending,onClick:C},{default:e.withCtx(()=>[...s[1]||(s[1]=[e.createTextVNode(" 保存并执行 ",-1)])]),_:1},8,["loading"]),e.createVNode(r,{disabled:a.pending,onClick:h},{default:e.withCtx(()=>[...s[2]||(s[2]=[e.createTextVNode("取消",-1)])]),_:1},8,["disabled"])])]),key:"0"}]),1032,["is-show"])}}}),I=i._export_sfc(T,[["__scopeId","data-v-22fd17ca"]]);exports.default=I;
|