@blueking/bkflow-canvas-editor 1.1.0-beta.43 → 1.1.0-beta.45

package/dist/index-Ci_fP1q2.js

@@ -0,0 +1,127 @@
+import { defineComponent as x, reactive as M, ref as y, watch as v, resolveComponent as m, openBlock as g, createBlock as B, withCtx as p, createElementVNode as e, unref as t, toDisplayString as i, normalizeClass as D, createTextVNode as u, createVNode as d, createElementBlock as N, createCommentVNode as F } from "vue";
+import "./context-Bu4mmo1Q.js";
+import { t as l } from "@blueking/flow-canvas";
+import { _ as H } from "./index-CgRqOi-E.js";
+const I = "data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M47.3922%202.00779L47.193%200.806571L45.9918%200.607344C35.1926%20-1.7951%2023.3914%203.00979%2014.397%2013.604C9.79721%2013.4048%205.79512%2015.0044%201.99812%2018.403L0%2020.2019L10.4007%2026.9991C9.00031%2029.4015%209.80307%2032.9994%2012.3989%2035.601C15.0005%2038.0035%2018.5983%2038.9996%2021.0007%2037.5992L27.7978%2048L29.3975%2046.2011C32.9953%2042.199%2034.5949%2038.4019%2034.3957%2033.6029C44.9957%2024.4033%2049.7947%2012.602%2047.3922%202.00779ZM33.0832%2031.6927L31.5304%2033.0228V35.2436C31.753%2038.5719%2030.1358%2040.9391%2028.3603%2043.5994L21.7097%2033.6205L18.4635%2035.3022C17.5787%2035.7475%2015.5806%2035.3022%2014.0278%2033.7494C12.2524%2032.1966%2012.0297%2030.2043%2012.475%2029.5363L14.1685%2026.3018L4.41226%2019.6511C7.07251%2017.8757%209.73275%2016.6862%2012.8383%2016.6862H14.8364L16.3892%2014.9107C24.8153%204.93175%2035.9016%200.572186%2045.6637%202.12499C47.2165%2011.8871%2042.8394%2023.2665%2033.0832%2031.6927Z'%20fill='%23DCDEE5'/%3e%3cpath%20d='M41.6673%205.44539C35.3228%204.41268%2024.824%2010.6861%2019.3428%2017.3334L18.3346%2018.5145H17.0367C15.0204%2018.5145%2013.288%2019.3039%2011.5556%2020.4909L17.9001%2024.9244L16.7992%2027.0788C16.5095%2027.524%2016.6543%2028.8534%2017.8074%2029.8862C18.8155%2030.9189%2020.1134%2031.2156%2020.6928%2030.9189L22.8018%2029.7971L27.13%2036.4444C28.283%2034.6698%2029.3318%2033.0911%2029.1869%2030.8773V29.3995L30.1951%2028.5151C36.5454%2022.9005%2042.6813%2011.9503%2041.6673%205.44539Z'%20fill='%23A3C5FD'/%3e%3cpath%20d='M8.59356%2037.5135C7.21124%2038.9237%206.22222%2043.5556%206.22222%2043.5556C6.22222%2043.5556%2010.5658%2042.7472%2012.1448%2041.1364C13.3304%2039.9268%2013.5271%2038.1153%2012.7347%2037.1063C11.5548%2036.1033%209.77922%2036.3098%208.59356%2037.5135ZM32.7812%2013.8467C31.6129%2013.1622%2030.1785%2013.1622%2029.016%2013.8467C27.8476%2014.5311%2027.1305%2015.7997%2027.1305%2017.1745C27.1305%2018.5494%2027.8476%2019.818%2029.016%2020.5024C30.1785%2021.1869%2031.6186%2021.1869%2032.7812%2020.5024C33.9495%2019.818%2034.6667%2018.5494%2034.6667%2017.1745C34.6667%2015.8056%2033.9495%2014.537%2032.7812%2013.8467Z'%20fill='%23E1ECFF'/%3e%3c/svg%3e", Z = { class: "release-dialog-body" }, A = { class: "release-illustration" }, S = { class: "release-rocket-badge" }, O = ["src"], R = { class: "release-title" }, T = { class: "release-form" }, q = { class: "form-label" }, G = {
+  key: 0,
+  class: "form-error"
+}, U = { class: "form-item" }, X = { class: "form-label" }, z = { class: "release-footer" }, P = 32, W = 255, j = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    show: { type: Boolean },
+    defaultVersion: { default: "" },
+    pending: { type: Boolean, default: !1 },
+    errorMessage: { default: "" }
+  },
+  emits: ["update:show", "confirm"],
+  setup(L, { emit: w }) {
+    const b = l(`在此处填写你本次 FLOW 的关键信息！
+养成良好的“变更日志”书写习惯，有助于提升信息的管理效率，完善的版本信息能够帮助提升版本管理的有效性和可靠性！`), o = L, C = w, s = M({ version: "", desc: "" }), n = y("");
+    v(
+      () => o.show,
+      (a) => {
+        a && (s.version = o.defaultVersion, s.desc = "", n.value = o.errorMessage);
+      }
+    ), v(
+      () => o.errorMessage,
+      (a) => {
+        n.value = a;
+      }
+    );
+    const k = () => {
+      n.value = "";
+    }, V = () => {
+      if (o.pending) return;
+      const a = s.version.trim();
+      if (!a) {
+        n.value = l("请输入版本号");
+        return;
+      }
+      C("confirm", { version: a, desc: s.desc.trim() });
+    }, _ = () => {
+      o.pending || C("update:show", !1);
+    };
+    return (a, r) => {
+      const f = m("bk-input"), h = m("bk-button"), E = m("bk-dialog");
+      return g(), B(E, {
+        "is-show": o.show,
+        "dialog-type": "show",
+        width: 480,
+        "esc-close": !1,
+        "quick-close": !1,
+        class: "flow-release-dialog",
+        onClosed: _
+      }, {
+        default: p(() => [
+          e("div", Z, [
+            e("div", A, [
+              e("div", S, [
+                e("img", {
+                  src: t(I),
+                  alt: ""
+                }, null, 8, O)
+              ])
+            ]),
+            e("h3", R, i(t(l)("Flow 即将发布上线")), 1),
+            e("div", T, [
+              e("div", {
+                class: D(["form-item", { "is-error": !!n.value }])
+              }, [
+                e("label", q, [
+                  u(i(t(l)("版本号")) + " ", 1),
+                  r[2] || (r[2] = e("span", { class: "required-mark" }, "*", -1))
+                ]),
+                d(f, {
+                  modelValue: s.version,
+                  "onUpdate:modelValue": r[0] || (r[0] = (c) => s.version = c),
+                  "data-test": "release-version-input",
+                  placeholder: t(l)("请输入"),
+                  maxlength: P,
+                  onInput: k
+                }, null, 8, ["modelValue", "placeholder"]),
+                n.value ? (g(), N("p", G, i(n.value), 1)) : F("", !0)
+              ], 2),
+              e("div", U, [
+                e("label", X, i(t(l)("版本描述")), 1),
+                d(f, {
+                  modelValue: s.desc,
+                  "onUpdate:modelValue": r[1] || (r[1] = (c) => s.desc = c),
+                  type: "textarea",
+                  rows: 4,
+                  maxlength: W,
+                  placeholder: t(b)
+                }, null, 8, ["modelValue", "placeholder"])
+              ])
+            ]),
+            e("div", z, [
+              d(h, {
+                theme: "primary",
+                "data-test": "release-confirm",
+                loading: o.pending,
+                onClick: V
+              }, {
+                default: p(() => [
+                  u(i(t(l)("提交并上线")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading"]),
+              d(h, {
+                disabled: o.pending,
+                onClick: _
+              }, {
+                default: p(() => [
+                  u(i(t(l)("取消发布")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["is-show"]);
+    };
+  }
+}), $ = /* @__PURE__ */ H(j, [["__scopeId", "data-v-5465e0b3"]]);
+export {
+  $ as default
+};

package/dist/index-ClbXmmTg.js

@@ -0,0 +1,168 @@
+import { defineComponent as A, ref as v, shallowRef as L, computed as C, watch as P, resolveComponent as _, resolveDirective as W, openBlock as r, createBlock as y, withCtx as u, withDirectives as G, createElementBlock as h, Fragment as H, renderList as K, createVNode as w, createCommentVNode as x, createElementVNode as F, createTextVNode as M, toDisplayString as b, unref as O } from "vue";
+import "./context-Bu4mmo1Q.js";
+import { InfoBox as Q } from "bkui-vue/lib";
+import X from "bkui-vue/lib/message";
+import { u as Y, c as Z, M as $, p as ee, m as te, h as oe, r as B, f as se, a as ae, _ as ne } from "./index-CgRqOi-E.js";
+import { t as s } from "@blueking/flow-canvas";
+const le = { class: "mock-data-sideslider__title" }, re = {
+  key: 0,
+  class: "mock-data-sideslider__title-sep"
+}, ce = ["title"], ie = { class: "mock-data-sideslider" }, ue = { class: "mock-data-sideslider__footer" }, de = /* @__PURE__ */ A({
+  __name: "index",
+  props: {
+    show: { type: Boolean },
+    node: { default: null },
+    outputs: { default: () => ({}) },
+    pending: { type: Boolean, default: !1 }
+  },
+  emits: ["confirm", "close", "update:show"],
+  setup(D, { emit: j }) {
+    const t = D, k = j, E = Y(), f = v(!1), d = L([]), m = v({}), g = v({}), p = v(!1), T = C(
+      () => p.value ? s("当前节点的输出不支持mock，是否需要在调试时跳过当前节点？") : s("暂无输出结果")
+    ), N = C(
+      () => p.value ? s("跳过调试") : s("确定")
+    ), R = async () => {
+      if (t.node) {
+        f.value = !0, g.value = {}, p.value = !1;
+        try {
+          const e = await ee(E, t.node.component);
+          d.value = te(e.outputs ?? []), p.value = oe(e.outputs);
+          const l = t.outputs ?? {}, a = {};
+          d.value.forEach((o) => {
+            const c = Object.prototype.hasOwnProperty.call(l, o.key) ? l[o.key] : o.type === "object" ? {} : void 0, n = B(o);
+            a[o.key] = n === "json-editor" || n === "data-table" ? se(c) : c;
+          }), m.value = a;
+        } catch (e) {
+          console.error(e), d.value = [], m.value = {}, p.value = !1, X({ theme: "error", message: s("加载输出结果失败") });
+        } finally {
+          f.value = !1;
+        }
+      }
+    }, q = () => {
+      const e = {}, l = {};
+      return d.value.forEach((a) => {
+        const o = m.value[a.key], c = B(a);
+        if (c === "json-editor" || c === "data-table") {
+          const n = ae(o);
+          if (!n.valid) {
+            e[a.key] = n.message;
+            return;
+          }
+          n.value !== void 0 && (l[a.key] = n.value);
+          return;
+        }
+        o !== void 0 && o !== "" && (l[a.key] = o);
+      }), { errors: e, outputs: l };
+    }, I = (e) => {
+      Q({
+        title: s("确认 Mock 输出？"),
+        content: s("Mock 输出将覆盖当前输出结果，执行时跳过该节点并以 Mock 值替代实际输出"),
+        confirmText: s("确定"),
+        cancelText: s("取消"),
+        width: 400,
+        onConfirm: () => {
+          e();
+        }
+      });
+    }, J = () => {
+      if (p.value) {
+        k("confirm", { outputs: {} });
+        return;
+      }
+      const { errors: e, outputs: l } = q();
+      g.value = e, !(Object.keys(e).length > 0) && I(() => k("confirm", { outputs: l }));
+    }, V = () => {
+      k("close"), k("update:show", !1);
+    };
+    return P(
+      () => [t.show, t.node?.id],
+      ([e]) => {
+        e && t.node && (m.value = Z(t.outputs ?? {}), R());
+      },
+      { immediate: !0 }
+    ), (e, l) => {
+      const a = _("bk-form-item"), o = _("bk-form"), c = _("bk-exception"), n = _("bk-button"), S = _("bk-sideslider"), U = W("bkloading");
+      return r(), y(S, {
+        "is-show": t.show,
+        width: 960,
+        "quick-close": "",
+        "esc-close": !1,
+        onClosed: V
+      }, {
+        header: u(() => [
+          F("span", le, b(O(s)("Mock输出")), 1),
+          t.node?.name ? (r(), h("span", re, "-")) : x("", !0),
+          t.node?.name ? (r(), h("span", {
+            key: 1,
+            class: "mock-data-sideslider__title-node",
+            title: t.node.name
+          }, b(t.node.name), 9, ce)) : x("", !0)
+        ]),
+        footer: u(() => [
+          F("div", ue, [
+            w(n, {
+              theme: "primary",
+              "data-test": "mock-confirm",
+              loading: t.pending,
+              onClick: J
+            }, {
+              default: u(() => [
+                M(b(N.value), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"]),
+            w(n, {
+              disabled: t.pending,
+              onClick: V
+            }, {
+              default: u(() => [
+                M(b(O(s)("取消")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        default: u(() => [
+          G((r(), h("div", ie, [
+            d.value.length > 0 ? (r(), y(o, {
+              key: 0,
+              "form-type": "vertical",
+              "label-width": 120,
+              "data-test": "mock-outputs-form"
+            }, {
+              default: u(() => [
+                (r(!0), h(H, null, K(d.value, (i) => (r(), y(a, {
+                  key: i.key,
+                  label: i.name || i.key
+                }, {
+                  default: u(() => [
+                    w($, {
+                      modelValue: m.value[i.key],
+                      "onUpdate:modelValue": (z) => m.value[i.key] = z,
+                      field: i,
+                      error: g.value[i.key]
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "field", "error"])
+                  ]),
+                  _: 2
+                }, 1032, ["label"]))), 128))
+              ]),
+              _: 1
+            })) : f.value ? x("", !0) : (r(), y(c, {
+              key: 1,
+              class: "mock-data-sideslider__exception",
+              scene: "part",
+              type: "empty",
+              title: T.value
+            }, null, 8, ["title"]))
+          ])), [
+            [U, { loading: f.value }]
+          ])
+        ]),
+        _: 1
+      }, 8, ["is-show"]);
+    };
+  }
+}), ye = /* @__PURE__ */ ne(de, [["__scopeId", "data-v-402876f9"]]);
+export {
+  ye as default
+};

package/dist/index-DQG9J2SZ.js

@@ -0,0 +1,137 @@
+import { openBlock as o, createElementBlock as t, createElementVNode as s, defineComponent as y, computed as B, resolveDirective as w, unref as a, normalizeClass as u, toDisplayString as i, createCommentVNode as h, withDirectives as g, createVNode as V, resolveComponent as v, createBlock as k, withCtx as R, Fragment as H, renderList as T } from "vue";
+import "./context-Bu4mmo1Q.js";
+import { _ as f, e as I } from "./index-CgRqOi-E.js";
+import { t as d } from "@blueking/flow-canvas";
+const $ = {}, Y = { class: "redo-icon" };
+function L(n, l) {
+  return o(), t("span", Y, [...l[0] || (l[0] = [
+    s("svg", {
+      width: "11",
+      height: "10",
+      viewBox: "0 0 11 10",
+      fill: "none",
+      "aria-hidden": "true"
+    }, [
+      s("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M3.5 5L0 2.5L3.5 0V2H7C9.20914 2 11 3.79086 11 6C11 8.20914 9.20914 10 7 10H4V9H7C8.65685 9 10 7.65685 10 6C10 4.34315 8.65685 3 7 3H3.5V5Z",
+        fill: "currentColor"
+      })
+    ], -1)
+  ])]);
+}
+const M = /* @__PURE__ */ f($, [["render", L], ["__scopeId", "data-v-9149475f"]]), N = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20opacity='0.2'%20cx='8'%20cy='8'%20r='6'%20fill='%23C4C6CC'%20/%3e%3ccircle%20cx='8'%20cy='8'%20r='3'%20fill='%23979BA5'%20/%3e%3c/svg%3e", E = { class: "version-history-item" }, j = ["src"], z = { class: "item-head" }, A = {
+  key: 0,
+  class: "item-online-tag"
+}, F = { class: "item-meta" }, S = {
+  key: 0,
+  class: "item-desc"
+}, Z = /* @__PURE__ */ y({
+  __name: "version-history-item",
+  props: {
+    snapshot: {},
+    online: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
+    showRollback: { type: Boolean, default: !1 },
+    rollbackDisabled: { type: Boolean, default: !1 },
+    rollbackDisabledTip: { default: "" }
+  },
+  emits: ["rollback"],
+  setup(n, { emit: l }) {
+    const e = n, c = l, p = B(() => I(e.snapshot.create_time).format("YYYY-MM-DD HH:mm:ss")), _ = () => {
+      e.rollbackDisabled || !e.snapshot.version || c("rollback", e.snapshot.version);
+    };
+    return (b, x) => {
+      const m = w("bk-tooltips");
+      return o(), t("div", E, [
+        s("img", {
+          class: "item-dot",
+          src: a(N),
+          alt: ""
+        }, null, 8, j),
+        s("div", z, [
+          s("span", {
+            class: u(["item-version", { "is-active": e.active }])
+          }, "V" + i(e.snapshot.version), 3),
+          e.online ? (o(), t("span", A, i(a(d)("线上版本")), 1)) : h("", !0),
+          e.showRollback ? g((o(), t("div", {
+            key: 1,
+            class: u(["item-rollback", { "is-disabled": e.rollbackDisabled }]),
+            "data-test": "version-history-rollback",
+            onClick: _
+          }, [
+            V(M),
+            s("span", null, i(a(d)("加载至草稿")), 1)
+          ], 2)), [
+            [m, { content: e.rollbackDisabledTip, disabled: !e.rollbackDisabledTip }]
+          ]) : h("", !0)
+        ]),
+        s("div", F, [
+          s("span", null, i(p.value), 1),
+          s("span", null, i(e.snapshot.operator), 1)
+        ]),
+        e.snapshot.desc ? (o(), t("div", S, i(e.snapshot.desc), 1)) : h("", !0)
+      ]);
+    };
+  }
+}), q = /* @__PURE__ */ f(Z, [["__scopeId", "data-v-4f42f220"]]), G = { class: "version-history-slider" }, J = { key: 1 }, K = /* @__PURE__ */ y({
+  __name: "index",
+  props: {
+    show: { type: Boolean },
+    snapshots: {},
+    onlineVersion: { default: null },
+    activeVersion: { default: void 0 },
+    loading: { type: Boolean, default: !1 },
+    showRollback: { type: Boolean, default: !1 },
+    rollbackDisabled: { type: Boolean, default: !1 },
+    rollbackDisabledTip: { default: "" }
+  },
+  emits: ["update:show", "rollback"],
+  setup(n, { emit: l }) {
+    const e = n, c = l, p = () => {
+      c("update:show", !1);
+    }, _ = (b) => {
+      c("rollback", b);
+    };
+    return (b, x) => {
+      const m = v("bk-exception"), D = v("bk-sideslider"), C = w("bkloading");
+      return o(), k(D, {
+        title: a(d)("版本历史"),
+        "is-show": e.show,
+        width: 640,
+        "esc-close": !1,
+        "before-close": p
+      }, {
+        default: R(() => [
+          g((o(), t("div", G, [
+            !e.loading && e.snapshots.length === 0 ? (o(), k(m, {
+              key: 0,
+              class: "history-empty",
+              scene: "part",
+              type: "empty",
+              title: a(d)("暂无历史版本")
+            }, null, 8, ["title"])) : (o(), t("div", J, [
+              (o(!0), t(H, null, T(e.snapshots, (r) => (o(), k(q, {
+                key: r.id,
+                snapshot: r,
+                online: r.version === e.onlineVersion,
+                active: r.version === e.activeVersion,
+                "show-rollback": e.showRollback,
+                "rollback-disabled": e.rollbackDisabled,
+                "rollback-disabled-tip": e.rollbackDisabledTip,
+                onRollback: _
+              }, null, 8, ["snapshot", "online", "active", "show-rollback", "rollback-disabled", "rollback-disabled-tip"]))), 128))
+            ]))
+          ])), [
+            [C, { loading: e.loading }]
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "is-show"]);
+    };
+  }
+}), W = /* @__PURE__ */ f(K, [["__scopeId", "data-v-4b967ce3"]]);
+export {
+  W as default
+};