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

package/dist/index-GVGs8lwh.js

@@ -0,0 +1,234 @@
+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 { c as _, u as z, i as M, b as Q, d as W, g as X, D as Z, B as ee, R as te, E as ae, _ as oe } from "./index-FsDBMpW4.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"]);
+    };
+  }
+}), ke = /* @__PURE__ */ oe(ye, [["__scopeId", "data-v-01a33593"]]);
+export {
+  ke as default
+};

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index-CC5gBhZo.cjs"),o=require("./composable-YlUVct40.cjs");require("lodash");exports.BkFlowCanvas=e.BkFlowCanvas;exports.BkFlowModelAccessor=e.BkFlowModelAccessor;exports.BkFlowNodeAccessor=e.BkFlowNodeAccessor;exports.FlowCreateTask=e.FlowCreateTask;exports.FlowDebug=e.FlowDebug;exports.FlowDetail=e.index;exports.FlowEdit=e.edit;exports.FlowExecute=e.execute;exports.FlowMockDebug=e.mock;exports.FlowView=e.view;exports.bkflowConnectionValidator=e.bkflowConnectionValidator;exports.createBkflowPlugin=e.createBkflowPlugin;exports.createBkflowSchema=e.createBkflowSchema;exports.createExecutionStatusPlugin=e.createExecutionStatusPlugin;exports.default=e.index$1;exports.exportToPipelineTree=e.exportToPipelineTree;exports.getUniformApiPluginFormValue=e.getUniformApiPluginFormValue;exports.getVariableDefaultConfig=e.getVariableDefaultConfig;exports.importFromPipelineTree=e.importFromPipelineTree;exports.isMockableNode=e.isMockableNode;exports.mergeOutputs=e.mergeOutputs;exports.normalizePluginOutputItems=e.normalizePluginOutputItems;exports.provideFlowApiConfig=e.provideFlowApiConfig;exports.provideMemberSelectorConfig=e.provideMemberSelectorConfig;exports.provideSelectPanelConfig=e.provideSelectPanelConfig;exports.resolveExecutionActions=e.resolveExecutionActions;exports.resolveMockFormControl=e.resolveMockFormControl;exports.useFlowApiConfig=e.useFlowApiConfig;exports.useFlowEditApiConfig=e.useFlowEditApiConfig;exports.useFlowViewApiConfig=e.useFlowViewApiConfig;exports.useMemberSelectorConfig=e.useMemberSelectorConfig;exports.useSelectPanelConfig=e.useSelectPanelConfig;exports.validatePipelineTree=e.validatePipelineTree;exports.generateId=o.generateId;exports.random4=o.random4;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index-BUBxGOMp.cjs"),o=require("./context-B9wWQx6k.cjs");exports.BkFlowCanvas=e.BkFlowCanvas;exports.BkFlowModelAccessor=e.BkFlowModelAccessor;exports.BkFlowNodeAccessor=e.BkFlowNodeAccessor;exports.FlowCreateTask=e.FlowCreateTask;exports.FlowDebug=e.FlowDebug;exports.FlowDetail=e.index;exports.FlowEdit=e.edit;exports.FlowExecute=e.execute;exports.FlowMockDebug=e.mock;exports.FlowView=e.view;exports.bkflowConnectionValidator=e.bkflowConnectionValidator;exports.createBkflowPlugin=e.createBkflowPlugin;exports.createBkflowSchema=e.createBkflowSchema;exports.createExecutionStatusPlugin=e.createExecutionStatusPlugin;exports.default=e.index$1;exports.exportToPipelineTree=e.exportToPipelineTree;exports.getUniformApiPluginFormValue=e.getUniformApiPluginFormValue;exports.getVariableDefaultConfig=e.getVariableDefaultConfig;exports.importFromPipelineTree=e.importFromPipelineTree;exports.isMockableNode=e.isMockableNode;exports.mergeOutputs=e.mergeOutputs;exports.normalizePluginOutputItems=e.normalizePluginOutputItems;exports.provideFilterVariableConfig=e.provideFilterVariableConfig;exports.provideFlowApiConfig=e.provideFlowApiConfig;exports.provideMemberSelectorConfig=e.provideMemberSelectorConfig;exports.provideSelectPanelConfig=e.provideSelectPanelConfig;exports.resolveExecutionActions=e.resolveExecutionActions;exports.resolveMockFormControl=e.resolveMockFormControl;exports.useFlowApiConfig=e.useFlowApiConfig;exports.useFlowEditApiConfig=e.useFlowEditApiConfig;exports.useFlowViewApiConfig=e.useFlowViewApiConfig;exports.useMemberSelectorConfig=e.useMemberSelectorConfig;exports.useSelectPanelConfig=e.useSelectPanelConfig;exports.validatePipelineTree=e.validatePipelineTree;exports.generateId=o.generateId;exports.random4=o.random4;