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

package/dist/index-Dm3eGl5T.js

@@ -0,0 +1,504 @@
+import { defineComponent as G, ref as S, computed as p, watch as U, nextTick as Y, resolveComponent as $, openBlock as c, createElementBlock as v, createVNode as m, Fragment as K, renderList as q, withKeys as J, withModifiers as W, normalizeClass as M, createElementVNode as a, createCommentVNode as T, toDisplayString as R, withCtx as k, createTextVNode as L, createBlock as F, onBeforeUnmount as Q, resolveDirective as X, normalizeStyle as Z, withDirectives as ee } from "vue";
+import { L as te, S as se, E as oe, _ as z, n as ne, D, C as ae, b as le } from "./index-C16qU3Yx.js";
+import { a as P } from "./composable-Cf47ka9M.js";
+const ie = { class: "debug-result-node-list" }, ue = ["data-node-id", "aria-selected", "onClick", "onKeydown"], re = ["title"], de = {
+  key: 0,
+  class: "debug-result-node-list__mock",
+  "data-test": "node-mock-flag"
+}, ce = {
+  key: 1,
+  class: "debug-result-node-list__empty"
+}, me = /* @__PURE__ */ G({
+  __name: "node-list",
+  props: {
+    nodes: {},
+    modelValue: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: r }) {
+    const e = n, l = r, u = S(""), o = S("all"), b = S(null), g = [
+      { value: "all", label: "全部" },
+      { value: "finished", icon: "bkflow-canvas-dark-circle-checkbox", iconColor: "#5fb8ac" },
+      { value: "failed", icon: "bkflow-canvas-dark-circle-close", iconColor: "#fa4e41" },
+      { value: "running", iconComponent: te, iconColor: "#3a84ff" },
+      { value: "not_run", icon: "bkflow-canvas-weizhixing2", iconColor: "#b8bbc4" },
+      { value: "suspended", icon: "bkflow-canvas-zanting", iconColor: "#f59500" },
+      { value: "skipped", icon: "bkflow-canvas-tiaoguo2", iconColor: "#6e89af" }
+    ], y = p(
+      () => g.map((i) => ({
+        ...i,
+        count: i.value === "all" ? e.nodes.length : e.nodes.filter((t) => t.status === i.value).length
+      }))
+    ), w = p(() => {
+      const i = u.value.trim().toLowerCase();
+      return e.nodes.filter((t) => o.value !== "all" && t.status !== o.value ? !1 : i ? t.name.toLowerCase().includes(i) || t.type.toLowerCase().includes(i) || (t.typeName ?? "").toLowerCase().includes(i) : !0);
+    }), E = {
+      not_run: "未执行",
+      finished: "成功",
+      failed: "失败",
+      running: "正在调试",
+      suspended: "挂起",
+      skipped: "跳过"
+    }, N = p(() => u.value.trim() ? "搜索结果为空" : o.value !== "all" ? `暂无${E[o.value]}状态节点` : "暂无节点"), h = () => {
+      u.value = "", o.value = "all";
+    }, x = (i) => {
+      const t = b.value, d = t?.querySelector(`[data-node-id="${CSS.escape(i)}"]`);
+      if (!t || !d) return;
+      const s = t.getBoundingClientRect(), f = d.getBoundingClientRect();
+      f.top < s.top ? t.scrollTop -= s.top - f.top : f.bottom > s.bottom && (t.scrollTop += f.bottom - s.bottom);
+    };
+    return U(
+      () => e.modelValue,
+      async (i) => {
+        if (!i) return;
+        !w.value.some((d) => d.id === i) && e.nodes.some((d) => d.id === i) && (u.value = "", o.value = "all"), await Y(), x(i);
+      },
+      { flush: "post" }
+    ), (i, t) => {
+      const d = $("bk-input");
+      return c(), v("aside", ie, [
+        m(d, {
+          modelValue: u.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (s) => u.value = s),
+          class: "debug-result-node-list__search",
+          placeholder: "搜索节点名称 / 类型",
+          type: "search",
+          clearable: "",
+          "data-test": "node-search"
+        }, null, 8, ["modelValue"]),
+        m(se, {
+          modelValue: o.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (s) => o.value = s),
+          class: "debug-result-node-list__filters",
+          "data-test": "status-filters",
+          items: y.value
+        }, null, 8, ["modelValue", "items"]),
+        w.value.length > 0 ? (c(), v("div", {
+          key: 0,
+          ref_key: "itemsRef",
+          ref: b,
+          class: "debug-result-node-list__items",
+          role: "listbox"
+        }, [
+          (c(!0), v(K, null, q(w.value, (s) => (c(), v("div", {
+            key: s.id,
+            class: M([
+              "debug-result-node-list__item",
+              `is-${s.status}`,
+              {
+                "is-active": s.id === e.modelValue,
+                "is-unconfigured": !s.isConfigured
+              }
+            ]),
+            role: "option",
+            "data-test": "node-item",
+            "data-node-id": s.id,
+            "aria-selected": s.id === e.modelValue,
+            tabindex: "0",
+            onClick: (f) => l("update:modelValue", s.id),
+            onKeydown: J(W((f) => l("update:modelValue", s.id), ["prevent"]), ["enter", "space"])
+          }, [
+            a("span", {
+              class: M([
+                "debug-result-node-list__status",
+                `is-${s.status}`,
+                { "is-placeholder": !s.isConfigured }
+              ])
+            }, [
+              s.icon ? (c(), v("i", {
+                key: 0,
+                class: M(s.icon),
+                "data-test": "node-icon"
+              }, null, 2)) : T("", !0)
+            ], 2),
+            a("span", {
+              class: "debug-result-node-list__name",
+              title: s.isConfigured ? `${s.name} ${s.typeName || s.type}` : s.name
+            }, R(s.name), 9, re),
+            s.isMock ? (c(), v("span", de, "MOCK")) : T("", !0)
+          ], 42, ue))), 128))
+        ], 512)) : (c(), v("div", ce, [
+          m(oe, {
+            "is-search": !1,
+            title: N.value,
+            onClear: h
+          }, null, 8, ["title"])
+        ]))
+      ]);
+    };
+  }
+}), pe = /* @__PURE__ */ z(me, [["__scopeId", "data-v-5f1b1514"]]);
+function ve(n) {
+  if (n == null) return "";
+  if (typeof n == "string") return n;
+  if (typeof n == "object") {
+    const r = n, e = r.message;
+    if (typeof e == "string" && e) {
+      const l = r.type;
+      return typeof l == "string" && l ? `${l}: ${e}` : e;
+    }
+    try {
+      return JSON.stringify(n);
+    } catch {
+      return String(n);
+    }
+  }
+  return String(n);
+}
+const be = { class: "debug-result-tabs" }, _e = {
+  class: "debug-result-tabs__execution",
+  "data-test": "tab-execution"
+}, ge = { class: "debug-result-tabs__row" }, fe = { class: "value" }, ye = { class: "debug-result-tabs__row" }, ke = { class: "value" }, we = {
+  key: 0,
+  class: "debug-result-tabs__row is-error"
+}, xe = { class: "value" }, Ce = {
+  key: 0,
+  class: "debug-result-tabs__mock-banner",
+  "data-test": "mock-banner"
+}, Ee = {
+  key: 1,
+  class: "debug-result-tabs__error-banner",
+  "data-test": "output-error"
+}, he = {
+  key: 0,
+  class: "debug-result-tabs__error-text"
+}, Ve = { class: "debug-result-tabs__error-guide" }, Re = {
+  class: "debug-result-tabs__logs",
+  "data-test": "tab-logs"
+}, Se = /* @__PURE__ */ G({
+  __name: "result-tabs",
+  props: {
+    result: {},
+    isMock: { type: Boolean, default: !1 }
+  },
+  emits: ["reEditMock", "runReal", "runMock", "logsTabActive"],
+  setup(n, { emit: r }) {
+    const e = n, l = r, u = S("execution");
+    U(
+      u,
+      (i) => l("logsTabActive", i === "logs"),
+      { immediate: !0 }
+    );
+    const o = {
+      not_run: "未调试",
+      running: "正在调试",
+      finished: "成功",
+      failed: "失败",
+      suspended: "挂起",
+      skipped: "跳过"
+    }, b = p(() => o[e.result.execution.status] ?? e.result.execution.status), g = p(() => {
+      const i = e.result.execution.durationMs;
+      return i == null ? "--" : `${(i / 1e3).toFixed(1)}s`;
+    }), y = p(() => ve(e.result.error || e.result.execution.errorDetail)), w = p(() => e.result.execution.status === "failed"), E = (i) => Object.entries(i ?? {}).map(([t, d]) => ({ key: t, name: t, value: d })), N = p(() => E(e.result.inputs)), h = p(() => E(e.result.outputs)), x = p(() => e.result.logs == null ? "" : ne(e.result.logs));
+    return (i, t) => {
+      const d = $("bk-tab-panel"), s = $("bk-button"), f = $("bk-tab");
+      return c(), v("div", be, [
+        m(f, {
+          active: u.value,
+          "onUpdate:active": t[3] || (t[3] = (V) => u.value = V),
+          type: "card-grid"
+        }, {
+          default: k(() => [
+            m(d, {
+              name: "execution",
+              label: "执行信息"
+            }, {
+              default: k(() => [
+                a("div", _e, [
+                  a("div", ge, [
+                    t[4] || (t[4] = a("span", { class: "label" }, "执行状态", -1)),
+                    a("span", fe, R(b.value), 1)
+                  ]),
+                  a("div", ye, [
+                    t[5] || (t[5] = a("span", { class: "label" }, "调试用时", -1)),
+                    a("span", ke, R(g.value), 1)
+                  ]),
+                  y.value ? (c(), v("div", we, [
+                    t[6] || (t[6] = a("span", { class: "label" }, "错误信息", -1)),
+                    a("span", xe, R(y.value), 1)
+                  ])) : T("", !0)
+                ])
+              ]),
+              _: 1
+            }),
+            m(d, {
+              name: "inputs",
+              label: "输入参数"
+            }, {
+              default: k(() => [
+                m(D, {
+                  rows: N.value,
+                  loading: e.result.loading,
+                  error: e.result.detailError,
+                  "empty-text": "暂无输入参数"
+                }, null, 8, ["rows", "loading", "error"])
+              ]),
+              _: 1
+            }),
+            m(d, {
+              name: "outputs",
+              label: "输出结果"
+            }, {
+              default: k(() => [
+                e.isMock ? (c(), v("div", Ce, [
+                  t[8] || (t[8] = a("span", null, "当前为 Mock 数据", -1)),
+                  m(s, {
+                    text: "",
+                    theme: "primary",
+                    size: "small",
+                    "data-test": "re-edit-mock",
+                    onClick: t[0] || (t[0] = (V) => l("reEditMock"))
+                  }, {
+                    default: k(() => [...t[7] || (t[7] = [
+                      L(" 重新编辑 ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])) : T("", !0),
+                w.value ? (c(), v("div", Ee, [
+                  y.value ? (c(), v("p", he, R(y.value), 1)) : T("", !0),
+                  a("p", Ve, [
+                    t[11] || (t[11] = a("span", null, "该节点调试失败，可", -1)),
+                    m(s, {
+                      text: "",
+                      theme: "primary",
+                      "data-test": "rerun-real",
+                      onClick: t[1] || (t[1] = (V) => l("runReal"))
+                    }, {
+                      default: k(() => [...t[9] || (t[9] = [
+                        L("重新调试", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t[12] || (t[12] = a("span", null, "或直接", -1)),
+                    m(s, {
+                      text: "",
+                      theme: "primary",
+                      "data-test": "run-mock",
+                      onClick: t[2] || (t[2] = (V) => l("runMock"))
+                    }, {
+                      default: k(() => [...t[10] || (t[10] = [
+                        L("Mock输出", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ])
+                ])) : (c(), F(D, {
+                  key: 2,
+                  rows: h.value,
+                  loading: e.result.loading,
+                  error: e.result.detailError,
+                  "empty-text": "暂无输出结果"
+                }, null, 8, ["rows", "loading", "error"]))
+              ]),
+              _: 1
+            }),
+            m(d, {
+              name: "logs",
+              label: "调用日志"
+            }, {
+              default: k(() => [
+                a("div", Re, [
+                  m(ae, {
+                    "log-text": x.value,
+                    loading: e.result.logLoading,
+                    error: e.result.logError
+                  }, null, 8, ["log-text", "loading", "error"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["active"])
+      ]);
+    };
+  }
+}), Me = /* @__PURE__ */ z(Se, [["__scopeId", "data-v-5eca6f4b"]]), Te = {
+  ExclusiveGateway: "bkflow-canvas-fenzhiwangguan",
+  ParallelGateway: "bkflow-canvas-bingxingwangguan",
+  ConditionalParallelGateway: "bkflow-canvas-tiaojianbingxingwangguan",
+  ConvergeGateway: "bkflow-canvas-huijuwangguan"
+}, B = {
+  ServiceActivity: "任务节点",
+  EmptyStartEvent: "开始节点",
+  EmptyEndEvent: "结束节点",
+  ExclusiveGateway: "分支网关",
+  ParallelGateway: "并行网关",
+  ConditionalParallelGateway: "条件并行网关",
+  ConvergeGateway: "汇聚网关"
+};
+function Ne(n) {
+  if (!n.component?.code) return "";
+  if (n.component.code === "uniform_api") {
+    const r = n.component.api_meta?.category?.name ?? "";
+    return P[r] ?? P.bkflow;
+  }
+  return P.bkflow;
+}
+function $e(n, r) {
+  const e = n?.location?.find((b) => b.id === r), l = e?.icon ?? "", u = n?.activities?.[r];
+  if (u)
+    return {
+      name: !!u.component?.code ? u.name || e?.name || r : "节点未配置",
+      type: u.type || "ServiceActivity",
+      typeName: B[u.type] ?? "任务节点",
+      icon: Ne(u)
+    };
+  const o = n?.gateways?.[r];
+  return o ? {
+    name: o.name || e?.name || B[o.type] || r,
+    type: o.type,
+    typeName: B[o.type] ?? "网关",
+    icon: l || Te[o.type] || ""
+  } : n?.start_event?.id === r ? {
+    name: n.start_event.name || "开始",
+    type: "EmptyStartEvent",
+    typeName: "开始节点",
+    icon: l || "bkflow-canvas-kaishi"
+  } : n?.end_event?.id === r ? {
+    name: n.end_event.name || "结束",
+    type: "EmptyEndEvent",
+    typeName: "结束节点",
+    icon: l || "bkflow-canvas-stop"
+  } : e ? {
+    name: e.name || r,
+    type: e.type || "",
+    typeName: "",
+    icon: l
+  } : { name: r, type: "", typeName: "", icon: "" };
+}
+function Le(n, r, e = /* @__PURE__ */ new Set()) {
+  const l = n?.activities;
+  if (!l) return [];
+  const u = new Map(
+    (r ?? []).map((o) => [o.node_id, le(o.status)])
+  );
+  return Object.values(l).map((o) => {
+    const b = !!o.component?.code, g = $e(n, o.id);
+    return {
+      id: o.id,
+      name: g.name,
+      type: g.type || o.type,
+      typeName: g.typeName,
+      icon: g.icon,
+      status: u.get(o.id) ?? "not_run",
+      isMock: e.has(o.id),
+      isConfigured: b
+    };
+  });
+}
+const Ae = { class: "debug-result-drawer__header" }, Pe = { class: "debug-result-drawer__header-left" }, Be = { class: "debug-result-drawer__body" }, Ge = { class: "debug-result-drawer__content" }, ze = { class: "debug-result-drawer__result" }, De = 44, Ue = /* @__PURE__ */ G({
+  __name: "index",
+  props: {
+    open: { type: Boolean },
+    context: {},
+    pipelineTree: {},
+    mockNodeIds: {},
+    modelValue: { default: "" },
+    result: {},
+    hasGlobalRun: { type: Boolean, default: !1 },
+    viewParamsPending: { type: Boolean, default: !1 }
+  },
+  emits: ["update:open", "update:modelValue", "reEditMock", "runReal", "runMock", "viewParams", "logsTabActive"],
+  setup(n, { emit: r }) {
+    const e = n, l = r, u = S(420), o = S(!1);
+    let b = 0, g = 0, y = "", w = "";
+    const E = p(() => ({
+      height: `${e.open ? u.value : De}px`
+    })), N = () => {
+      l("update:open", !e.open);
+    }, h = (C) => {
+      const _ = g - (C.clientY - b);
+      u.value = Math.max(200, Math.min(window.innerHeight * 0.8, _));
+    }, x = () => {
+      document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", x), document.body.style.cursor = y, document.body.style.userSelect = w, o.value = !1;
+    }, i = (C) => {
+      C.preventDefault(), o.value = !0, b = C.clientY, g = u.value, y = document.body.style.cursor, w = document.body.style.userSelect, document.body.style.cursor = "ns-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", h), document.addEventListener("mouseup", x);
+    };
+    Q(x);
+    const t = p({
+      get: () => e.modelValue,
+      set: (C) => l("update:modelValue", C)
+    }), d = p(
+      () => Le(e.pipelineTree, e.context?.nodes, e.mockNodeIds)
+    ), s = p(() => e.mockNodeIds.has(e.modelValue)), f = () => {
+      !e.hasGlobalRun || e.viewParamsPending || l("viewParams");
+    }, V = () => {
+      e.modelValue && l("reEditMock", e.modelValue);
+    }, I = () => {
+      e.modelValue && l("runReal", e.modelValue);
+    }, O = () => {
+      e.modelValue && l("runMock", e.modelValue);
+    };
+    return (C, _) => {
+      const j = $("bk-button"), H = X("bk-tooltips");
+      return c(), v("div", {
+        class: M(["debug-result-drawer-wrapper", { "is-resizing": o.value }]),
+        style: Z(E.value)
+      }, [
+        e.open ? (c(), v("div", {
+          key: 0,
+          class: "debug-result-drawer__resize",
+          onMousedown: i
+        }, null, 32)) : T("", !0),
+        a("section", {
+          class: M(["debug-result-drawer", { "is-collapsed": !e.open }])
+        }, [
+          a("header", Ae, [
+            a("div", Pe, [
+              _[3] || (_[3] = a("span", { class: "debug-result-drawer__title" }, "调试结果", -1)),
+              _[4] || (_[4] = a("span", { class: "debug-result-drawer__divider" }, null, -1)),
+              ee((c(), F(j, {
+                text: "",
+                theme: "primary",
+                disabled: !e.hasGlobalRun,
+                loading: e.viewParamsPending,
+                onClick: f
+              }, {
+                default: k(() => [..._[2] || (_[2] = [
+                  a("i", { class: "bkflow-canvas-icon bkflow-canvas-audit view-params-icon" }, null, -1),
+                  L(" 查看参数 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled", "loading"])), [
+                [H, { content: "请先进行调试", disabled: e.hasGlobalRun }]
+              ])
+            ]),
+            a("span", {
+              class: "debug-result-drawer__collapse",
+              onClick: N
+            }, [
+              a("span", null, R(e.open ? "收起" : "展开"), 1),
+              a("i", {
+                class: M(["bkflow-canvas-icon bkflow-canvas-arrows-down debug-result-drawer__collapse-icon", { "is-expanded": e.open }])
+              }, null, 2)
+            ])
+          ]),
+          a("div", Be, [
+            a("div", Ge, [
+              m(pe, {
+                modelValue: t.value,
+                "onUpdate:modelValue": _[0] || (_[0] = (A) => t.value = A),
+                nodes: d.value
+              }, null, 8, ["modelValue", "nodes"]),
+              a("div", ze, [
+                m(Me, {
+                  result: e.result,
+                  "is-mock": s.value,
+                  onReEditMock: V,
+                  onRunReal: I,
+                  onRunMock: O,
+                  onLogsTabActive: _[1] || (_[1] = (A) => l("logsTabActive", A))
+                }, null, 8, ["result", "is-mock"])
+              ])
+            ])
+          ])
+        ], 2)
+      ], 6);
+    };
+  }
+}), je = /* @__PURE__ */ z(Ue, [["__scopeId", "data-v-d1a8cf95"]]);
+export {
+  je as default
+};

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