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

package/dist/index-DeTmR5DD.js

@@ -0,0 +1,178 @@
+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, withCtx as m, withDirectives as P, createElementBlock as U, createElementVNode as F, unref as K, createCommentVNode as g, createVNode as x, createTextVNode as B } from "vue";
+import { cloneDeep as p } from "lodash";
+import { u as G, i as H, g as Y, B as z, R as J, E as M, _ as Q } from "./index-C5lTl48-.js";
+import "bkui-vue/lib/message";
+import "bkui-vue/lib/icon";
+import "monaco-editor";
+const S = {
+  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"
+}, j = (e) => e.replace(/^\$\{(.+)\}$/, "$1"), E = (e) => `\${${j(e)}}`;
+function W(e, i) {
+  const o = E(e.key), t = i ? p(i) : {}, l = e.custom_type ?? t.custom_type ?? S[e.type] ?? "input";
+  return {
+    ...t,
+    key: o,
+    name: e.name ?? t.name ?? j(e.key),
+    custom_type: l,
+    desc: t.desc ?? "",
+    index: t.index ?? 0,
+    show_type: "show",
+    source_info: t.source_info ?? {},
+    source_tag: t.source_tag ?? "",
+    source_type: t.source_type ?? "custom",
+    validation: t.validation ?? "",
+    value: e.default ?? t.value,
+    meta: {
+      ...t.meta ?? {},
+      required: e.required ?? t.meta?.required ?? !1
+    }
+  };
+}
+function X(e, i = {}) {
+  if (!e) return {};
+  const o = e.constants;
+  return o && Object.keys(o).length > 0 ? { ...o } : Array.isArray(e.fields) && e.fields.length > 0 ? e.fields.reduce((t, l) => {
+    const s = E(l.key);
+    return t[s] = W(l, i[s]), t;
+  }, {}) : {};
+}
+const Z = { class: "global-debug-input" }, ee = { class: "form-params-wrapper" }, te = { class: "sideslider-footer-buttons" }, oe = /* @__PURE__ */ $({
+  __name: "index",
+  props: {
+    show: { type: Boolean },
+    schema: {},
+    pipelineConstants: { default: () => ({}) },
+    initialValues: { default: () => ({}) },
+    pending: { type: Boolean, default: !1 }
+  },
+  emits: ["confirm", "close", "update:show"],
+  setup(e, { emit: i }) {
+    const o = e, t = i, l = G(), s = _({}), k = h([]), u = h([]), f = h(!1), v = _(), b = _(), y = V(() => k.value.filter((a) => H(a))), R = V(() => y.value.length > 0 || u.value.length > 0);
+    A(
+      () => o.show,
+      (a) => {
+        a && (s.value = p(o.initialValues ?? {}), D());
+      }
+    );
+    const D = async () => {
+      const a = X(o.schema, o.pipelineConstants), n = Object.values(a).filter(
+        (r) => typeof r == "object" && r !== null && r.show_type === "show"
+      );
+      if (k.value = n, Object.keys(a).length < 1) {
+        u.value = [];
+        return;
+      }
+      f.value = !0;
+      try {
+        u.value = await Y(l, a);
+      } catch (r) {
+        console.error("Failed to build debug input forms from schema:", r), u.value = [];
+      } finally {
+        f.value = !1;
+      }
+    }, I = (a) => {
+      s.value = { ...s.value, ...p(a) };
+    }, L = async () => {
+      const [a, n] = await Promise.all([
+        Promise.resolve(
+          typeof b.value?.validate == "function" ? b.value.validate() : !0
+        ),
+        Promise.resolve(typeof v.value?.validate == "function" ? v.value.validate() : !0)
+      ]);
+      !a || !n || t("confirm", p(s.value));
+    }, w = () => {
+      t("close"), t("update:show", !1);
+    };
+    return (a, n) => {
+      const r = C("bk-button"), q = C("bk-sideslider"), N = O("bkloading");
+      return c(), d(q, {
+        title: "调试参数",
+        "is-show": o.show,
+        width: 700,
+        "quick-close": !0,
+        "esc-close": !1,
+        onClosed: w
+      }, {
+        footer: m(() => [
+          F("div", te, [
+            x(r, {
+              theme: "primary",
+              "data-test": "save-and-run",
+              loading: o.pending,
+              onClick: L
+            }, {
+              default: m(() => [...n[1] || (n[1] = [
+                B(" 保存并执行 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["loading"]),
+            x(r, {
+              disabled: o.pending,
+              onClick: w
+            }, {
+              default: m(() => [...n[2] || (n[2] = [
+                B("取消", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        default: m(() => [
+          P((c(), U("div", Z, [
+            F("div", ee, [
+              y.value.length > 0 ? (c(), d(K(z), {
+                key: 0,
+                ref_key: "builtinVariableFormRef",
+                ref: b,
+                modelValue: s.value,
+                "onUpdate:modelValue": n[0] || (n[0] = (T) => s.value = T),
+                variables: y.value,
+                editable: !0
+              }, null, 8, ["modelValue", "variables"])) : g("", !0),
+              u.value.length > 0 ? (c(), d(J, {
+                key: 1,
+                ref_key: "renderFormRef",
+                ref: v,
+                scheme: u.value,
+                editable: !0,
+                "form-option": {
+                  showRequired: !0,
+                  showGroup: !0,
+                  showLabel: !1,
+                  showHook: !1,
+                  showDesc: !0,
+                  formEdit: !0
+                },
+                "form-data": s.value,
+                onChange: I
+              }, null, 8, ["scheme", "form-data"])) : g("", !0),
+              R.value ? g("", !0) : (c(), d(M, {
+                key: 2,
+                title: "暂无参数"
+              }))
+            ])
+          ])), [
+            [N, { loading: f.value }]
+          ])
+        ]),
+        _: 1
+      }, 8, ["is-show"]);
+    };
+  }
+}), ue = /* @__PURE__ */ Q(oe, [["__scopeId", "data-v-e0e948eb"]]);
+export {
+  ue as default
+};

package/dist/index-DimL9dOc.cjs

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

package/dist/index-ThM6_GOM.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("lodash"),i=require("./index-BoQLjwKV.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 n=k(t.key),o=u?p.cloneDeep(u):{},c=t.custom_type??o.custom_type??q[t.type]??"input";return{...o,key:n,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 n=t.constants;return n&&Object.keys(n).length>0?{...n}:Array.isArray(t.fields)&&t.fields.length>0?t.fields.reduce((o,c)=>{const s=k(c.key);return o[s]=D(c,u[s]),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}},emits:["confirm","close","update:show"],setup(t,{emit:u}){const n=t,o=u,c=i.useFlowApiConfig(),s=e.ref({}),h=e.shallowRef([]),d=e.shallowRef([]),m=e.shallowRef(!1),f=e.ref(),v=e.ref(),b=e.computed(()=>h.value.filter(a=>i.isBuiltinUsageVariable(a))),g=e.computed(()=>b.value.length>0||d.value.length>0);e.watch(()=>n.show,a=>{a&&(s.value=p.cloneDeep(n.initialValues??{}),w())});const w=async()=>{const a=N(n.schema,n.pipelineConstants),r=Object.values(a).filter(l=>typeof l=="object"&&l!==null&&l.show_type==="show");if(h.value=r,Object.keys(a).length<1){d.value=[];return}m.value=!0;try{d.value=await i.getInputFormsFromConstants(c,a)}catch(l){console.error("Failed to build debug input forms from schema:",l),d.value=[]}finally{m.value=!1}},V=a=>{s.value={...s.value,...p.cloneDeep(a)}},C=async()=>{const[a,r]=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)]);!a||!r||o("confirm",p.cloneDeep(s.value))},y=()=>{o("close"),o("update:show",!1)};return(a,r)=>{const l=e.resolveComponent("bk-button"),x=e.resolveComponent("bk-sideslider"),B=e.resolveDirective("bkloading");return e.openBlock(),e.createBlock(x,{title:"调试参数","is-show":n.show,width:700,"quick-close":!0,"esc-close":!1,onClosed:y},{footer:e.withCtx(()=>[e.createElementVNode("div",E,[e.createVNode(l,{theme:"primary","data-test":"save-and-run",loading:n.pending,onClick:C},{default:e.withCtx(()=>[...r[1]||(r[1]=[e.createTextVNode(" 保存并执行 ",-1)])]),_:1},8,["loading"]),e.createVNode(l,{disabled:n.pending,onClick:y},{default:e.withCtx(()=>[...r[2]||(r[2]=[e.createTextVNode("取消",-1)])]),_:1},8,["disabled"])])]),default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",j,[e.createElementVNode("div",R,[b.value.length>0?(e.openBlock(),e.createBlock(e.unref(i.BuiltinVariableUsageForm),{key:0,ref_key:"builtinVariableFormRef",ref:v,modelValue:s.value,"onUpdate:modelValue":r[0]||(r[0]=F=>s.value=F),variables:b.value,editable:!0},null,8,["modelValue","variables"])):e.createCommentVNode("",!0),d.value.length>0?(e.openBlock(),e.createBlock(i.RenderForm,{key:1,ref_key:"renderFormRef",ref:f,scheme:d.value,editable:!0,"form-option":{showRequired:!0,showGroup:!0,showLabel:!1,showHook:!1,showDesc:!0,formEdit:!0},"form-data":s.value,onChange:V},null,8,["scheme","form-data"])):e.createCommentVNode("",!0),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i.EmptyException,{key:2,title:"暂无参数"}))])])),[[B,{loading:m.value}]])]),_:1},8,["is-show"])}}}),I=i._export_sfc(T,[["__scopeId","data-v-e0e948eb"]]);exports.default=I;