@blueking/bkflow-canvas-editor 1.1.0-beta.1 → 1.1.0-beta.11

package/dist/index-DtEEErOZ.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-CCwVVpg5.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
+};

package/dist/index-Dw82RceW.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-DcCa3dC3.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,p=f,y=r.useFlowApiConfig(),m=e.ref(!1),d=e.shallowRef([]),u=e.ref({}),k=e.ref({}),h=async()=>{if(t.node){m.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{m.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()}})},C=()=>{const{errors:n,outputs:o}=b();k.value=n,!(Object.keys(n).length>0)&&w(()=>p("confirm",{outputs:o}))},_=()=>{p("close"),p("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})):m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c,{key:1,class:"mock-data-sideslider__exception",scene:"part",type:"empty",title:"暂无输出参数"}))])),[[x,{loading:m.value}]])]),_:1},8,["is-show"])}}}),O=r._export_sfc(D,[["__scopeId","data-v-bccecd7f"]]);exports.default=O;