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

package/dist/index-CKYqFEfP.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("lodash"),i=require("./index-DOcgB3JP.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:700,"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-767dae0e"]]);exports.default=I;

package/dist/index-CyWnToNA.js

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