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

package/dist/index-BAyKjume.js

@@ -0,0 +1,184 @@
+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";
+import { cloneDeep as p } from "lodash";
+import { u as H, i as S, g as Y, B as z, R as J, E as M, _ as Q } from "./index-CCwVVpg5.js";
+import "bkui-vue/lib/message";
+import "bkui-vue/lib/icon";
+import "monaco-editor";
+const W = {
+  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 X(e, r) {
+  const o = E(e.key), t = r ? p(r) : {}, i = e.custom_type ?? t.custom_type ?? W[e.type] ?? "input";
+  return {
+    ...t,
+    key: o,
+    name: e.name ?? t.name ?? j(e.key),
+    custom_type: i,
+    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 Z(e, r = {}) {
+  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, i) => {
+    const n = E(i.key);
+    return t[n] = X(i, r[n]), t;
+  }, {}) : {};
+}
+const ee = { class: "global-debug-input" }, te = { class: "form-params-wrapper" }, oe = { class: "sideslider-footer-buttons" }, ae = /* @__PURE__ */ $({
+  __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(e, { emit: r }) {
+    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);
+    A(
+      () => o.show,
+      (a) => {
+        a && (n.value = p(o.initialValues ?? {}), D());
+      }
+    );
+    const D = async () => {
+      const a = Z(o.schema, o.pipelineConstants), s = Object.values(a).filter(
+        (l) => typeof l == "object" && l !== null && l.show_type === "show"
+      );
+      if (k.value = s, Object.keys(a).length < 1) {
+        u.value = [];
+        return;
+      }
+      f.value = !0;
+      try {
+        u.value = await Y(i, a);
+      } catch (l) {
+        console.error("Failed to build debug input forms from schema:", l), u.value = [];
+      } finally {
+        f.value = !1;
+      }
+    }, I = (a) => {
+      n.value = { ...n.value, ...p(a) };
+    }, L = async () => {
+      const [a, s] = await Promise.all([
+        Promise.resolve(
+          typeof y.value?.validate == "function" ? y.value.validate() : !0
+        ),
+        Promise.resolve(typeof v.value?.validate == "function" ? v.value.validate() : !0)
+      ]);
+      !a || !s || t("confirm", p(n.value));
+    }, w = () => {
+      t("close"), t("update:show", !1);
+    };
+    return (a, s) => {
+      const l = 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
+      }, P({
+        default: m(() => [
+          U((c(), K("div", ee, [
+            F("div", te, [
+              b.value.length > 0 ? (c(), d(G(z), {
+                key: 0,
+                ref_key: "builtinVariableFormRef",
+                ref: y,
+                modelValue: n.value,
+                "onUpdate:modelValue": s[0] || (s[0] = (T) => n.value = T),
+                variables: b.value,
+                editable: !o.readonly
+              }, null, 8, ["modelValue", "variables", "editable"])) : g("", !0),
+              u.value.length > 0 ? (c(), d(J, {
+                key: 1,
+                ref_key: "renderFormRef",
+                ref: v,
+                scheme: u.value,
+                editable: !o.readonly,
+                "form-option": {
+                  showRequired: !0,
+                  showGroup: !0,
+                  showLabel: !1,
+                  showHook: !1,
+                  showDesc: !0,
+                  formEdit: !o.readonly
+                },
+                "form-data": n.value,
+                onChange: I
+              }, null, 8, ["scheme", "editable", "form-option", "form-data"])) : g("", !0),
+              R.value ? g("", !0) : (c(), d(M, {
+                key: 2,
+                title: "暂无参数"
+              }))
+            ])
+          ])), [
+            [N, { loading: f.value }]
+          ])
+        ]),
+        _: 2
+      }, [
+        o.readonly ? void 0 : {
+          name: "footer",
+          fn: m(() => [
+            F("div", oe, [
+              x(l, {
+                theme: "primary",
+                "data-test": "save-and-run",
+                loading: o.pending,
+                onClick: L
+              }, {
+                default: m(() => [...s[1] || (s[1] = [
+                  B(" 保存并执行 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"]),
+              x(l, {
+                disabled: o.pending,
+                onClick: w
+              }, {
+                default: m(() => [...s[2] || (s[2] = [
+                  B("取消", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["is-show"]);
+    };
+  }
+}), ce = /* @__PURE__ */ Q(ae, [["__scopeId", "data-v-767dae0e"]]);
+export {
+  ce as default
+};

package/dist/index-BDjgQxXH.cjs

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