@blueking/bkflow-canvas-editor 1.1.0-beta.2 → 1.1.0-beta.21

package/dist/index-BhHHxbEL.js

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

package/dist/index-Bs2CwzmL.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p=require("lodash"),r=require("./index-j9vPPW5D.cjs");require("bkui-vue/lib/message");require("bkui-vue/lib/icon");require("monaco-editor");const F={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"},g=l=>l.replace(/^\$\{(.+)\}$/,"$1"),V=l=>`\${${g(l)}}`;function D(l,c){const a=V(l.key),n=c?p.cloneDeep(c):{},d=l.custom_type??n.custom_type??F[l.type]??"input";return{...n,key:a,name:l.name??n.name??g(l.key),custom_type:d,desc:n.desc??"",index:n.index??0,show_type:"show",source_info:n.source_info??{},source_tag:n.source_tag??"",source_type:n.source_type??"custom",validation:n.validation??"",value:l.default??n.value,meta:{...n.meta??{},required:l.required??n.meta?.required??!1}}}function j(l,c={}){if(!l)return{};const a=l.constants;return a&&Object.keys(a).length>0?{...a}:Array.isArray(l.fields)&&l.fields.length>0?l.fields.reduce((n,d)=>{const s=V(d.key);return n[s]=D(d,c[s]),n},{}):{}}const q={class:"global-debug-input"},R={key:0,class:"global-debug-input__params","data-test":"input-params"},L={key:0},O=["title"],T={class:"col-value"},I={key:1,class:"global-debug-input__value"},P={key:1,class:"form-params-wrapper"},$={class:"sideslider-footer-buttons"},S=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(l,{emit:c}){const a=l,n=c,d=r.useFlowApiConfig(),s=e.ref({}),f=e.shallowRef([]),m=e.shallowRef([]),y=e.shallowRef(!1),v=e.ref(),k=e.ref(),b=e.computed(()=>f.value.filter(t=>r.isBuiltinUsageVariable(t))),w=e.computed(()=>b.value.length>0||m.value.length>0),_=e.computed(()=>[...f.value].sort((t,o)=>(t.index??0)-(o.index??0)).map(t=>{const o=Object.prototype.hasOwnProperty.call(s.value,t.key)?s.value[t.key]:t.value;return{key:t.key,name:t.name||t.key,value:o,display:r.formatDebugValue(o),isComplex:r.isComplexDebugValue(o)}}));e.watch(()=>a.show,t=>{t&&(s.value=p.cloneDeep(a.initialValues??{}),B())});const B=async()=>{const t=j(a.schema,a.pipelineConstants),o=Object.values(t).filter(i=>typeof i=="object"&&i!==null&&i.show_type==="show");if(f.value=o,a.readonly||Object.keys(t).length<1){m.value=[];return}y.value=!0;try{m.value=await r.getInputFormsFromConstants(d,t)}catch(i){console.error("Failed to build debug input forms from schema:",i),m.value=[]}finally{y.value=!1}},C=t=>{s.value={...s.value,...p.cloneDeep(t)}},x=async()=>{const[t,o]=await Promise.all([Promise.resolve(typeof k.value?.validate=="function"?k.value.validate():!0),Promise.resolve(typeof v.value?.validate=="function"?v.value.validate():!0)]);!t||!o||n("confirm",p.cloneDeep(s.value))},h=()=>{n("close"),n("update:show",!1)};return(t,o)=>{const i=e.resolveComponent("bk-button"),E=e.resolveComponent("bk-sideslider"),N=e.resolveDirective("bkloading");return e.openBlock(),e.createBlock(E,{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",q,[a.readonly?(e.openBlock(),e.createElementBlock("table",R,[o[2]||(o[2]=e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[e.createElementVNode("th",{class:"col-name"},"参数名"),e.createElementVNode("th",{class:"col-value"},"参数值")])],-1)),e.createElementVNode("tbody",null,[_.value.length===0?(e.openBlock(),e.createElementBlock("tr",L,[...o[1]||(o[1]=[e.createElementVNode("td",{class:"global-debug-input__empty",colspan:"2"},"暂无参数",-1)])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,u=>(e.openBlock(),e.createElementBlock("tr",{key:u.key,"data-test":"input-row"},[e.createElementVNode("td",{class:"col-name",title:u.key},e.toDisplayString(u.name),9,O),e.createElementVNode("td",T,[u.isComplex?(e.openBlock(),e.createBlock(r.DebugJsonViewer,{key:0,value:u.value,"data-test":"json-viewer"},null,8,["value"])):(e.openBlock(),e.createElementBlock("pre",I,e.toDisplayString(u.display),1))])]))),128))])])):(e.openBlock(),e.createElementBlock("div",P,[b.value.length>0?(e.openBlock(),e.createBlock(e.unref(r.BuiltinVariableUsageForm),{key:0,ref_key:"builtinVariableFormRef",ref:k,modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=u=>s.value=u),variables:b.value},null,8,["modelValue","variables"])):e.createCommentVNode("",!0),m.value.length>0?(e.openBlock(),e.createBlock(r.RenderForm,{key:1,ref_key:"renderFormRef",ref:v,scheme:m.value,editable:"","form-option":{showRequired:!0,showGroup:!0,showLabel:!1,showHook:!1,showDesc:!0,formEdit:!0},"form-data":s.value,onChange:C},null,8,["scheme","form-data"])):e.createCommentVNode("",!0),w.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(r.EmptyException,{key:2,title:"暂无参数"}))]))])),[[N,{loading:y.value}]])]),_:2},[a.readonly?void 0:{name:"footer",fn:e.withCtx(()=>[e.createElementVNode("div",$,[e.createVNode(i,{theme:"primary","data-test":"save-and-run",loading:a.pending,onClick:x},{default:e.withCtx(()=>[...o[3]||(o[3]=[e.createTextVNode(" 保存并执行 ",-1)])]),_:1},8,["loading"]),e.createVNode(i,{disabled:a.pending,onClick:h},{default:e.withCtx(()=>[...o[4]||(o[4]=[e.createTextVNode("取消",-1)])]),_:1},8,["disabled"])])]),key:"0"}]),1032,["is-show"])}}}),A=r._export_sfc(S,[["__scopeId","data-v-95858958"]]);exports.default=A;