@blueking/bkflow-canvas-editor 1.2.0-beta.5 → 1.2.0-beta.6

package/dist/index-D9tWoY5i.js

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