@apform-ui/core 1.14.1 → 1.15.0

package/dist/bpmn.css

@@ -1 +1 @@
-.apf-bpmn-node[data-v-da2f5a21]{display:flex;flex-direction:column;align-items:center;gap:4px}.apf-bpmn-start[data-v-da2f5a21]{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--c-success, #52c41a) 15%,transparent);border:2px solid var(--c-success, #52c41a);display:flex;align-items:center;justify-content:center}.apf-bpmn-start__inner[data-v-da2f5a21]{width:16px;height:16px;border-radius:50%;background:var(--c-success, #52c41a)}.apf-bpmn-node__label[data-v-da2f5a21]{font-size:11px;color:var(--c-text-primary, #333);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.apf-bpmn-node[data-v-fda0cd5a]{display:flex;flex-direction:column;align-items:center;gap:4px}.apf-bpmn-end[data-v-fda0cd5a]{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--c-danger, #e50113) 8%,transparent);border:2px solid var(--c-danger, #e50113);display:flex;align-items:center;justify-content:center}.apf-bpmn-end__inner[data-v-fda0cd5a]{width:16px;height:16px;border-radius:50%;background:var(--c-danger, #e50113)}.apf-bpmn-node__label[data-v-fda0cd5a]{font-size:11px;color:var(--c-text-primary, #333);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.apf-bpmn-node[data-v-e2c4c526]{display:flex;flex-direction:column;align-items:center}.apf-bpmn-task[data-v-e2c4c526]{min-width:100px;max-width:160px;padding:8px 12px;background:color-mix(in srgb,var(--c-info, #4581e9) 8%,transparent);border:1.5px solid var(--c-info, #4581e9);border-radius:6px;display:flex;align-items:center;gap:6px}.apf-bpmn-task__icon[data-v-e2c4c526]{font-size:14px;flex-shrink:0}.apf-bpmn-task__label[data-v-e2c4c526]{font-size:11px;color:var(--c-text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apf-bpmn-node[data-v-f93b454a]{display:flex;flex-direction:column;align-items:center;gap:4px}.apf-bpmn-gateway[data-v-f93b454a]{width:32px;height:32px;background:color-mix(in srgb,var(--c-warning, #faad14) 10%,transparent);border:1.5px solid var(--c-warning, #faad14);transform:rotate(45deg);display:flex;align-items:center;justify-content:center}.apf-bpmn-gateway__icon[data-v-f93b454a]{transform:rotate(-45deg);font-size:14px;color:var(--c-warning, #faad14)}.apf-bpmn-node__label[data-v-f93b454a]{font-size:11px;color:var(--c-text-primary, #333);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.apf-bpmn-canvas[data-v-7888bb09]{width:100%;height:100%}
+.apf-bpmn-node[data-v-06a5d706]{display:flex;flex-direction:column;align-items:center;gap:4px}.apf-bpmn-start[data-v-06a5d706]{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--c-success, #52c41a) 15%,transparent);border:2px solid var(--c-success, #52c41a);display:flex;align-items:center;justify-content:center}.apf-bpmn-start__inner[data-v-06a5d706]{width:16px;height:16px;border-radius:50%;background:var(--c-success, #52c41a)}.apf-bpmn-node__label[data-v-06a5d706]{font-size:11px;color:var(--c-text-primary, #333);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.apf-bpmn-node[data-v-6c6caa4e]{display:flex;flex-direction:column;align-items:center;gap:4px}.apf-bpmn-end[data-v-6c6caa4e]{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--c-danger, #e50113) 8%,transparent);border:2px solid var(--c-danger, #e50113);display:flex;align-items:center;justify-content:center}.apf-bpmn-end__inner[data-v-6c6caa4e]{width:16px;height:16px;border-radius:50%;background:var(--c-danger, #e50113)}.apf-bpmn-node__label[data-v-6c6caa4e]{font-size:11px;color:var(--c-text-primary, #333);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.apf-bpmn-node[data-v-5b6a4a18]{display:flex;flex-direction:column;align-items:center}.apf-bpmn-task[data-v-5b6a4a18]{min-width:100px;max-width:160px;padding:8px 12px;background:color-mix(in srgb,var(--c-info, #4581e9) 8%,transparent);border:1.5px solid var(--c-info, #4581e9);border-radius:6px;display:flex;align-items:center;gap:6px}.apf-bpmn-task__icon[data-v-5b6a4a18]{font-size:14px;flex-shrink:0}.apf-bpmn-task__label[data-v-5b6a4a18]{font-size:11px;color:var(--c-text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apf-bpmn-node[data-v-3ff1b368]{display:flex;flex-direction:column;align-items:center;gap:4px}.apf-bpmn-gateway[data-v-3ff1b368]{width:32px;height:32px;background:color-mix(in srgb,var(--c-warning, #faad14) 10%,transparent);border:1.5px solid var(--c-warning, #faad14);transform:rotate(45deg);display:flex;align-items:center;justify-content:center}.apf-bpmn-gateway__icon[data-v-3ff1b368]{transform:rotate(-45deg);font-size:14px;color:var(--c-warning, #faad14)}.apf-bpmn-node__label[data-v-3ff1b368]{font-size:11px;color:var(--c-text-primary, #333);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.apf-bpmn-canvas[data-v-41401ec3]{width:100%;height:100%}

package/dist/bpmn.js

@@ -1,305 +1,182 @@
-import { defineComponent as _, openBlock as v, createElementBlock as w, createElementVNode as r, toDisplayString as p, createVNode as s, computed as T, watch as B, nextTick as C, createBlock as x, withCtx as l, normalizeProps as m, guardReactiveProps as f } from "vue";
-import { Position as g, Handle as y, MarkerType as S, useVueFlow as I, VueFlow as F } from "@vue-flow/core";
-import { Background as G } from "@vue-flow/background";
-import { Controls as H } from "@vue-flow/controls";
+import { defineComponent as m, openBlock as v, createElementBlock as k, createElementVNode as o, toDisplayString as c, createVNode as n, unref as t, computed as T, watch as x, nextTick as $, createBlock as I, withCtx as _, normalizeProps as w, guardReactiveProps as b } from "vue";
+import { Handle as d, Position as l, MarkerType as G, useVueFlow as V, VueFlow as C } from "@vue-flow/core";
+import { Background as F } from "@vue-flow/background";
+import { Controls as N } from "@vue-flow/controls";
 import "@vue-flow/core/dist/style.css";
 import "@vue-flow/core/dist/theme-default.css";
 import "@vue-flow/controls/dist/style.css";
-const O = /* @__PURE__ */ _({
+const z = { class: "apf-bpmn-node" }, S = { class: "apf-bpmn-node__label" }, M = /* @__PURE__ */ m({
   __name: "PreviewStartEvent",
   props: {
-    data: { type: Object, required: !0 }
+    data: {}
   },
-  setup(a, { expose: n }) {
-    n();
-    const t = { get Handle() {
-      return y;
-    }, get Position() {
-      return g;
-    } };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  setup(e) {
+    return (i, s) => (v(), k("div", z, [
+      s[0] || (s[0] = o("div", { class: "apf-bpmn-start" }, [
+        o("div", { class: "apf-bpmn-start__inner" })
+      ], -1)),
+      o("div", S, c(e.data.label), 1),
+      n(t(d), {
+        type: "source",
+        position: t(l).Bottom
+      }, null, 8, ["position"])
+    ]));
   }
-}), u = (a, n) => {
-  const t = a.__vccOpts || a;
-  for (const [e, i] of n)
-    t[e] = i;
-  return t;
-}, V = { class: "apf-bpmn-node" }, j = { class: "apf-bpmn-node__label" };
-function q(a, n, t, e, i, d) {
-  return v(), w("div", V, [
-    n[0] || (n[0] = r(
-      "div",
-      { class: "apf-bpmn-start" },
-      [
-        r("div", { class: "apf-bpmn-start__inner" })
-      ],
-      -1
-      /* CACHED */
-    )),
-    r(
-      "div",
-      j,
-      p(t.data.label),
-      1
-      /* TEXT */
-    ),
-    s(e.Handle, {
-      type: "source",
-      position: e.Position.Bottom
-    }, null, 8, ["position"])
-  ]);
-}
-const N = /* @__PURE__ */ u(O, [["render", q], ["__scopeId", "data-v-da2f5a21"], ["__file", "/Users/yangdongnan/work/schema-platform/ui/packages/core/src/components/Chat/BpmnFlowPreviewCanvas/nodes/PreviewStartEvent.vue"]]), $ = /* @__PURE__ */ _({
+}), u = (e, i) => {
+  const s = e.__vccOpts || e;
+  for (const [p, f] of i)
+    s[p] = f;
+  return s;
+}, O = /* @__PURE__ */ u(M, [["__scopeId", "data-v-06a5d706"]]), R = { class: "apf-bpmn-node" }, W = { class: "apf-bpmn-node__label" }, A = /* @__PURE__ */ m({
   __name: "PreviewEndEvent",
   props: {
-    data: { type: Object, required: !0 }
+    data: {}
   },
-  setup(a, { expose: n }) {
-    n();
-    const t = { get Handle() {
-      return y;
-    }, get Position() {
-      return g;
-    } };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  setup(e) {
+    return (i, s) => (v(), k("div", R, [
+      n(t(d), {
+        type: "target",
+        position: t(l).Top
+      }, null, 8, ["position"]),
+      s[0] || (s[0] = o("div", { class: "apf-bpmn-end" }, [
+        o("div", { class: "apf-bpmn-end__inner" })
+      ], -1)),
+      o("div", W, c(e.data.label), 1)
+    ]));
   }
-}), z = { class: "apf-bpmn-node" }, U = { class: "apf-bpmn-node__label" };
-function A(a, n, t, e, i, d) {
-  return v(), w("div", z, [
-    s(e.Handle, {
-      type: "target",
-      position: e.Position.Top
-    }, null, 8, ["position"]),
-    n[0] || (n[0] = r(
-      "div",
-      { class: "apf-bpmn-end" },
-      [
-        r("div", { class: "apf-bpmn-end__inner" })
-      ],
-      -1
-      /* CACHED */
-    )),
-    r(
-      "div",
-      U,
-      p(t.data.label),
-      1
-      /* TEXT */
-    )
-  ]);
-}
-const M = /* @__PURE__ */ u($, [["render", A], ["__scopeId", "data-v-fda0cd5a"], ["__file", "/Users/yangdongnan/work/schema-platform/ui/packages/core/src/components/Chat/BpmnFlowPreviewCanvas/nodes/PreviewEndEvent.vue"]]), R = /* @__PURE__ */ _({
+}), D = /* @__PURE__ */ u(A, [["__scopeId", "data-v-6c6caa4e"]]), H = { class: "apf-bpmn-node" }, Y = { class: "apf-bpmn-task" }, j = { class: "apf-bpmn-task__icon" }, q = { class: "apf-bpmn-task__label" }, J = /* @__PURE__ */ m({
   __name: "PreviewTask",
   props: {
-    data: { type: Object, required: !0 }
+    data: {}
   },
-  setup(a, { expose: n }) {
-    n();
-    const e = { taskIcons: {
+  setup(e) {
+    const i = {
       userTask: "👤",
       serviceTask: "⚙",
       scriptTask: "📜",
       sendTask: "📤",
       receiveTask: "📥"
-    }, get Handle() {
-      return y;
-    }, get Position() {
-      return g;
-    } };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+    };
+    return (s, p) => (v(), k("div", H, [
+      n(t(d), {
+        type: "target",
+        position: t(l).Top
+      }, null, 8, ["position"]),
+      o("div", Y, [
+        o("span", j, c(i[e.data.bpmnType] || "📋"), 1),
+        o("span", q, c(e.data.label), 1)
+      ]),
+      n(t(d), {
+        type: "source",
+        position: t(l).Bottom
+      }, null, 8, ["position"])
+    ]));
   }
-}), W = { class: "apf-bpmn-node" }, D = { class: "apf-bpmn-task" }, Y = { class: "apf-bpmn-task__icon" }, J = { class: "apf-bpmn-task__label" };
-function K(a, n, t, e, i, d) {
-  return v(), w("div", W, [
-    s(e.Handle, {
-      type: "target",
-      position: e.Position.Top
-    }, null, 8, ["position"]),
-    r("div", D, [
-      r(
-        "span",
-        Y,
-        p(e.taskIcons[t.data.bpmnType] || "📋"),
-        1
-        /* TEXT */
-      ),
-      r(
-        "span",
-        J,
-        p(t.data.label),
-        1
-        /* TEXT */
-      )
-    ]),
-    s(e.Handle, {
-      type: "source",
-      position: e.Position.Bottom
-    }, null, 8, ["position"])
-  ]);
-}
-const L = /* @__PURE__ */ u(R, [["render", K], ["__scopeId", "data-v-e2c4c526"], ["__file", "/Users/yangdongnan/work/schema-platform/ui/packages/core/src/components/Chat/BpmnFlowPreviewCanvas/nodes/PreviewTask.vue"]]), Q = /* @__PURE__ */ _({
+}), K = /* @__PURE__ */ u(J, [["__scopeId", "data-v-5b6a4a18"]]), L = { class: "apf-bpmn-node" }, Q = { class: "apf-bpmn-gateway" }, U = { class: "apf-bpmn-gateway__icon" }, X = { class: "apf-bpmn-node__label" }, Z = /* @__PURE__ */ m({
   __name: "PreviewGateway",
   props: {
-    data: { type: Object, required: !0 }
+    data: {}
   },
-  setup(a, { expose: n }) {
-    n();
-    const e = { gatewayIcons: {
+  setup(e) {
+    const i = {
       exclusiveGateway: "✕",
       parallelGateway: "+",
       inclusiveGateway: "◎"
-    }, get Handle() {
-      return y;
-    }, get Position() {
-      return g;
-    } };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+    };
+    return (s, p) => (v(), k("div", L, [
+      n(t(d), {
+        type: "target",
+        position: t(l).Top
+      }, null, 8, ["position"]),
+      o("div", Q, [
+        o("span", U, c(i[e.data.bpmnType] || "◆"), 1)
+      ]),
+      o("div", X, c(e.data.label), 1),
+      n(t(d), {
+        type: "source",
+        position: t(l).Bottom
+      }, null, 8, ["position"])
+    ]));
   }
-}), X = { class: "apf-bpmn-node" }, Z = { class: "apf-bpmn-gateway" }, ee = { class: "apf-bpmn-gateway__icon" }, te = { class: "apf-bpmn-node__label" };
-function ne(a, n, t, e, i, d) {
-  return v(), w("div", X, [
-    s(e.Handle, {
-      type: "target",
-      position: e.Position.Top
-    }, null, 8, ["position"]),
-    r("div", Z, [
-      r(
-        "span",
-        ee,
-        p(e.gatewayIcons[t.data.bpmnType] || "◆"),
-        1
-        /* TEXT */
-      )
-    ]),
-    r(
-      "div",
-      te,
-      p(t.data.label),
-      1
-      /* TEXT */
-    ),
-    s(e.Handle, {
-      type: "source",
-      position: e.Position.Bottom
-    }, null, 8, ["position"])
-  ]);
-}
-const ae = /* @__PURE__ */ u(Q, [["render", ne], ["__scopeId", "data-v-f93b454a"], ["__file", "/Users/yangdongnan/work/schema-platform/ui/packages/core/src/components/Chat/BpmnFlowPreviewCanvas/nodes/PreviewGateway.vue"]]), oe = /* @__PURE__ */ _({
+}), ee = /* @__PURE__ */ u(Z, [["__scopeId", "data-v-3ff1b368"]]), te = /* @__PURE__ */ m({
   __name: "BpmnFlowPreviewCanvas",
   props: {
-    nodes: { type: Array, required: !0 },
-    edges: { type: Array, required: !0 },
-    flowId: { type: String, required: !1 }
+    nodes: {},
+    edges: {},
+    flowId: {}
   },
   emits: ["node-click", "fit-view"],
-  setup(a, { expose: n, emit: t }) {
-    const e = a, i = t, d = e.flowId ?? `apf-bpmn-preview-${Math.random().toString(36).slice(2, 8)}`, c = T(
-      () => e.nodes.map((o) => ({
-        id: o.id,
-        type: o.type,
-        position: o.position,
-        data: o.data,
+  setup(e, { expose: i, emit: s }) {
+    const p = e, f = s, y = p.flowId ?? `apf-bpmn-preview-${Math.random().toString(36).slice(2, 8)}`, P = T(
+      () => p.nodes.map((a) => ({
+        id: a.id,
+        type: a.type,
+        position: a.position,
+        data: a.data,
         draggable: !0
       }))
-    ), E = T(
-      () => e.edges.map((o) => ({
-        id: o.id,
-        source: o.source,
-        target: o.target,
-        label: o.label,
+    ), h = T(
+      () => p.edges.map((a) => ({
+        id: a.id,
+        source: a.source,
+        target: a.target,
+        label: a.label,
         type: "smoothstep",
         animated: !0,
-        markerEnd: { type: S.ArrowClosed },
+        markerEnd: { type: G.ArrowClosed },
         style: { stroke: "var(--c-info, #4581e9)", strokeWidth: 1.5 }
       }))
-    ), { onNodeClick: b, fitView: k } = I({ id: d });
-    b(({ node: o }) => {
-      i("node-click", o.id, o.data);
+    ), { onNodeClick: E, fitView: g } = V({ id: y });
+    E(({ node: a }) => {
+      f("node-click", a.id, a.data);
     });
-    function P() {
-      k({ padding: 0.2 }), i("fit-view");
+    function B() {
+      g({ padding: 0.2 }), f("fit-view");
     }
-    B(
-      () => [e.nodes, e.edges],
+    return x(
+      () => [p.nodes, p.edges],
       async () => {
-        await C(), setTimeout(() => k({ padding: 0.2 }), 100);
+        await $(), setTimeout(() => g({ padding: 0.2 }), 100);
       },
       { deep: !0 }
-    ), n({ fitView: P });
-    const h = { props: e, emit: i, instanceId: d, vfNodes: c, vfEdges: E, onNodeClick: b, fitView: k, handleFitView: P, get VueFlow() {
-      return F;
-    }, get Background() {
-      return G;
-    }, get Controls() {
-      return H;
-    }, PreviewStartEvent: N, PreviewEndEvent: M, PreviewTask: L, PreviewGateway: ae };
-    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
+    ), i({ fitView: B }), (a, se) => (v(), I(t(C), {
+      id: t(y),
+      nodes: P.value,
+      edges: h.value,
+      "nodes-draggable": !0,
+      "nodes-connectable": !1,
+      "edges-updatable": !1,
+      "elements-selectable": !0,
+      "default-viewport": { zoom: 0.8, x: 0, y: 0 },
+      "min-zoom": 0.2,
+      "max-zoom": 2,
+      "fit-view-on-init": "",
+      class: "apf-bpmn-canvas"
+    }, {
+      "node-start-event": _((r) => [
+        n(O, w(b(r)), null, 16)
+      ]),
+      "node-end-event": _((r) => [
+        n(D, w(b(r)), null, 16)
+      ]),
+      "node-task": _((r) => [
+        n(K, w(b(r)), null, 16)
+      ]),
+      "node-gateway": _((r) => [
+        n(ee, w(b(r)), null, 16)
+      ]),
+      default: _(() => [
+        n(t(F), {
+          gap: 16,
+          size: 0.6,
+          color: "#e0e5ec"
+        }),
+        n(t(N), { "show-interactive": !1 })
+      ]),
+      _: 1
+    }, 8, ["id", "nodes", "edges"]));
   }
-});
-function se(a, n, t, e, i, d) {
-  return v(), x(e.VueFlow, {
-    id: e.instanceId,
-    nodes: e.vfNodes,
-    edges: e.vfEdges,
-    "nodes-draggable": !0,
-    "nodes-connectable": !1,
-    "edges-updatable": !1,
-    "elements-selectable": !0,
-    "default-viewport": { zoom: 0.8, x: 0, y: 0 },
-    "min-zoom": 0.2,
-    "max-zoom": 2,
-    "fit-view-on-init": "",
-    class: "apf-bpmn-canvas"
-  }, {
-    "node-start-event": l((c) => [
-      s(
-        e.PreviewStartEvent,
-        m(f(c)),
-        null,
-        16
-        /* FULL_PROPS */
-      )
-    ]),
-    "node-end-event": l((c) => [
-      s(
-        e.PreviewEndEvent,
-        m(f(c)),
-        null,
-        16
-        /* FULL_PROPS */
-      )
-    ]),
-    "node-task": l((c) => [
-      s(
-        e.PreviewTask,
-        m(f(c)),
-        null,
-        16
-        /* FULL_PROPS */
-      )
-    ]),
-    "node-gateway": l((c) => [
-      s(
-        e.PreviewGateway,
-        m(f(c)),
-        null,
-        16
-        /* FULL_PROPS */
-      )
-    ]),
-    default: l(() => [
-      s(e.Background, {
-        gap: 16,
-        size: 0.6,
-        color: "#e0e5ec"
-      }),
-      s(e.Controls, { "show-interactive": !1 })
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["id", "nodes", "edges"]);
-}
-const ue = /* @__PURE__ */ u(oe, [["render", se], ["__scopeId", "data-v-7888bb09"], ["__file", "/Users/yangdongnan/work/schema-platform/ui/packages/core/src/components/Chat/BpmnFlowPreviewCanvas/BpmnFlowPreviewCanvas.vue"]]), re = {
+}), le = /* @__PURE__ */ u(te, [["__scopeId", "data-v-41401ec3"]]), ae = {
   startEvent: "start-event",
   endEvent: "end-event",
   userTask: "task",
@@ -311,15 +188,15 @@ const ue = /* @__PURE__ */ u(oe, [["render", se], ["__scopeId", "data-v-7888bb09
   parallelGateway: "gateway",
   inclusiveGateway: "gateway"
 };
-function me(a) {
-  return re[a] ?? "task";
+function _e(e) {
+  return ae[e] ?? "task";
 }
 export {
-  re as BPMN_TO_PREVIEW_VF_TYPE,
-  ue as BpmnFlowPreviewCanvas,
-  M as BpmnPreviewEndEvent,
-  ae as BpmnPreviewGateway,
-  N as BpmnPreviewStartEvent,
-  L as BpmnPreviewTask,
-  me as resolveBpmnPreviewNodeType
+  ae as BPMN_TO_PREVIEW_VF_TYPE,
+  le as BpmnFlowPreviewCanvas,
+  D as BpmnPreviewEndEvent,
+  ee as BpmnPreviewGateway,
+  O as BpmnPreviewStartEvent,
+  K as BpmnPreviewTask,
+  _e as resolveBpmnPreviewNodeType
 };

package/dist/bpmn.umd.cjs

@@ -1 +1 @@
-(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vue-flow/core"),require("@vue-flow/background"),require("@vue-flow/controls"),require("@vue-flow/core/dist/style.css"),require("@vue-flow/core/dist/theme-default.css"),require("@vue-flow/controls/dist/style.css")):typeof define=="function"&&define.amd?define(["exports","vue","@vue-flow/core","@vue-flow/background","@vue-flow/controls","@vue-flow/core/dist/style.css","@vue-flow/core/dist/theme-default.css","@vue-flow/controls/dist/style.css"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.ApformUIBpmn={},a.Vue,a.VueFlowCore,a.VueFlowBackground,a.VueFlowControls))})(this,(function(a,e,i,k,b){"use strict";const E=e.defineComponent({__name:"PreviewStartEvent",props:{data:{type:Object,required:!0}},setup(s,{expose:o}){o();const n={get Handle(){return i.Handle},get Position(){return i.Position}};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),p=(s,o)=>{const n=s.__vccOpts||s;for(const[t,d]of o)n[t]=d;return n},h={class:"apf-bpmn-node"},V={class:"apf-bpmn-node__label"};function B(s,o,n,t,d,l){return e.openBlock(),e.createElementBlock("div",h,[o[0]||(o[0]=e.createElementVNode("div",{class:"apf-bpmn-start"},[e.createElementVNode("div",{class:"apf-bpmn-start__inner"})],-1)),e.createElementVNode("div",V,e.toDisplayString(n.data.label),1),e.createVNode(t.Handle,{type:"source",position:t.Position.Bottom},null,8,["position"])])}const m=p(E,[["render",B],["__scopeId","data-v-da2f5a21"],["__file","/Users/yangdongnan/work/schema-platform/ui/packages/core/src/components/Chat/BpmnFlowPreviewCanvas/nodes/PreviewStartEvent.vue"]]),T=e.defineComponent({__name:"PreviewEndEvent",props:{data:{type:Object,required:!0}},setup(s,{expose:o}){o();const n={get Handle(){return i.Handle},get Position(){return i.Position}};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),C={class:"apf-bpmn-node"},N={class:"apf-bpmn-node__label"};function S(s,o,n,t,d,l){return e.openBlock(),e.createElementBlock("div",C,[e.createVNode(t.Handle,{type:"target",position:t.Position.Top},null,8,["position"]),o[0]||(o[0]=e.createElementVNode("div",{class:"apf-bpmn-end"},[e.createElementVNode("div",{class:"apf-bpmn-end__inner"})],-1)),e.createElementVNode("div",N,e.toDisplayString(n.data.label),1)])}const f=p(T,[["render",S],["__scopeId","data-v-fda0cd5a"],["__file","/Users/yangdongnan/work/schema-platform/ui/packages/core/src/components/Chat/BpmnFlowPreviewCanvas/nodes/PreviewEndEvent.vue"]]),F=e.defineComponent({__name:"PreviewTask",props:{data:{type:Object,required:!0}},setup(s,{expose:o}){o();const t={taskIcons:{userTask:"👤",serviceTask:"⚙",scriptTask:"📜",sendTask:"📤",receiveTask:"📥"},get Handle(){return i.Handle},get Position(){return i.Position}};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}}),I={class:"apf-bpmn-node"},x={class:"apf-bpmn-task"},q={class:"apf-bpmn-task__icon"},H={class:"apf-bpmn-task__label"};function O(s,o,n,t,d,l){return e.openBlock(),e.createElementBlock("div",I,[e.createVNode(t.Handle,{type:"target",position:t.Position.Top},null,8,["position"]),e.createElementVNode("div",x,[e.createElementVNode("span",q,e.toDisplayString(t.taskIcons[n.data.bpmnType]||"📋"),1),e.createElementVNode("span",H,e.toDisplayString(n.data.label),1)]),e.createVNode(t.Handle,{type:"source",position:t.Position.Bottom},null,8,["position"])])}const w=p(F,[["render",O],["__scopeId","data-v-e2c4c526"],["__file","/Users/yangdongnan/work/schema-platform/ui/packages/core/src/components/Chat/BpmnFlowPreviewCanvas/nodes/PreviewTask.vue"]]),j=e.defineComponent({__name:"PreviewGateway",props:{data:{type:Object,required:!0}},setup(s,{expose:o}){o();const t={gatewayIcons:{exclusiveGateway:"✕",parallelGateway:"+",inclusiveGateway:"◎"},get Handle(){return i.Handle},get Position(){return i.Position}};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}}),G={class:"apf-bpmn-node"},z={class:"apf-bpmn-gateway"},$={class:"apf-bpmn-gateway__icon"},D={class:"apf-bpmn-node__label"};function R(s,o,n,t,d,l){return e.openBlock(),e.createElementBlock("div",G,[e.createVNode(t.Handle,{type:"target",position:t.Position.Top},null,8,["position"]),e.createElementVNode("div",z,[e.createElementVNode("span",$,e.toDisplayString(t.gatewayIcons[n.data.bpmnType]||"◆"),1)]),e.createElementVNode("div",D,e.toDisplayString(n.data.label),1),e.createVNode(t.Handle,{type:"source",position:t.Position.Bottom},null,8,["position"])])}const u=p(j,[["render",R],["__scopeId","data-v-f93b454a"],["__file","/Users/yangdongnan/work/schema-platform/ui/packages/core/src/components/Chat/BpmnFlowPreviewCanvas/nodes/PreviewGateway.vue"]]),U=e.defineComponent({__name:"BpmnFlowPreviewCanvas",props:{nodes:{type:Array,required:!0},edges:{type:Array,required:!0},flowId:{type:String,required:!1}},emits:["node-click","fit-view"],setup(s,{expose:o,emit:n}){const t=s,d=n,l=t.flowId??`apf-bpmn-preview-${Math.random().toString(36).slice(2,8)}`,c=e.computed(()=>t.nodes.map(r=>({id:r.id,type:r.type,position:r.position,data:r.data,draggable:!0}))),Y=e.computed(()=>t.edges.map(r=>({id:r.id,source:r.source,target:r.target,label:r.label,type:"smoothstep",animated:!0,markerEnd:{type:i.MarkerType.ArrowClosed},style:{stroke:"var(--c-info, #4581e9)",strokeWidth:1.5}}))),{onNodeClick:y,fitView:_}=i.useVueFlow({id:l});y(({node:r})=>{d("node-click",r.id,r.data)});function v(){_({padding:.2}),d("fit-view")}e.watch(()=>[t.nodes,t.edges],async()=>{await e.nextTick(),setTimeout(()=>_({padding:.2}),100)},{deep:!0}),o({fitView:v});const P={props:t,emit:d,instanceId:l,vfNodes:c,vfEdges:Y,onNodeClick:y,fitView:_,handleFitView:v,get VueFlow(){return i.VueFlow},get Background(){return k.Background},get Controls(){return b.Controls},PreviewStartEvent:m,PreviewEndEvent:f,PreviewTask:w,PreviewGateway:u};return Object.defineProperty(P,"__isScriptSetup",{enumerable:!1,value:!0}),P}});function M(s,o,n,t,d,l){return e.openBlock(),e.createBlock(t.VueFlow,{id:t.instanceId,nodes:t.vfNodes,edges:t.vfEdges,"nodes-draggable":!0,"nodes-connectable":!1,"edges-updatable":!1,"elements-selectable":!0,"default-viewport":{zoom:.8,x:0,y:0},"min-zoom":.2,"max-zoom":2,"fit-view-on-init":"",class:"apf-bpmn-canvas"},{"node-start-event":e.withCtx(c=>[e.createVNode(t.PreviewStartEvent,e.normalizeProps(e.guardReactiveProps(c)),null,16)]),"node-end-event":e.withCtx(c=>[e.createVNode(t.PreviewEndEvent,e.normalizeProps(e.guardReactiveProps(c)),null,16)]),"node-task":e.withCtx(c=>[e.createVNode(t.PreviewTask,e.normalizeProps(e.guardReactiveProps(c)),null,16)]),"node-gateway":e.withCtx(c=>[e.createVNode(t.PreviewGateway,e.normalizeProps(e.guardReactiveProps(c)),null,16)]),default:e.withCtx(()=>[e.createVNode(t.Background,{gap:16,size:.6,color:"#e0e5ec"}),e.createVNode(t.Controls,{"show-interactive":!1})]),_:1},8,["id","nodes","edges"])}const A=p(U,[["render",M],["__scopeId","data-v-7888bb09"],["__file","/Users/yangdongnan/work/schema-platform/ui/packages/core/src/components/Chat/BpmnFlowPreviewCanvas/BpmnFlowPreviewCanvas.vue"]]),g={startEvent:"start-event",endEvent:"end-event",userTask:"task",serviceTask:"task",scriptTask:"task",sendTask:"task",receiveTask:"task",exclusiveGateway:"gateway",parallelGateway:"gateway",inclusiveGateway:"gateway"};function W(s){return g[s]??"task"}a.BPMN_TO_PREVIEW_VF_TYPE=g,a.BpmnFlowPreviewCanvas=A,a.BpmnPreviewEndEvent=f,a.BpmnPreviewGateway=u,a.BpmnPreviewStartEvent=m,a.BpmnPreviewTask=w,a.resolveBpmnPreviewNodeType=W,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vue-flow/core"),require("@vue-flow/background"),require("@vue-flow/controls"),require("@vue-flow/core/dist/style.css"),require("@vue-flow/core/dist/theme-default.css"),require("@vue-flow/controls/dist/style.css")):typeof define=="function"&&define.amd?define(["exports","vue","@vue-flow/core","@vue-flow/background","@vue-flow/controls","@vue-flow/core/dist/style.css","@vue-flow/core/dist/theme-default.css","@vue-flow/controls/dist/style.css"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.ApformUIBpmn={},t.Vue,t.VueFlowCore,t.VueFlowBackground,t.VueFlowControls))})(this,(function(t,e,a,g,u){"use strict";const b={class:"apf-bpmn-node"},P={class:"apf-bpmn-node__label"},V=e.defineComponent({__name:"PreviewStartEvent",props:{data:{}},setup(n){return(i,s)=>(e.openBlock(),e.createElementBlock("div",b,[s[0]||(s[0]=e.createElementVNode("div",{class:"apf-bpmn-start"},[e.createElementVNode("div",{class:"apf-bpmn-start__inner"})],-1)),e.createElementVNode("div",P,e.toDisplayString(n.data.label),1),e.createVNode(e.unref(a.Handle),{type:"source",position:e.unref(a.Position).Bottom},null,8,["position"])]))}}),c=(n,i)=>{const s=n.__vccOpts||n;for(const[r,l]of i)s[r]=l;return s},p=c(V,[["__scopeId","data-v-06a5d706"]]),E={class:"apf-bpmn-node"},N={class:"apf-bpmn-node__label"},f=c(e.defineComponent({__name:"PreviewEndEvent",props:{data:{}},setup(n){return(i,s)=>(e.openBlock(),e.createElementBlock("div",E,[e.createVNode(e.unref(a.Handle),{type:"target",position:e.unref(a.Position).Top},null,8,["position"]),s[0]||(s[0]=e.createElementVNode("div",{class:"apf-bpmn-end"},[e.createElementVNode("div",{class:"apf-bpmn-end__inner"})],-1)),e.createElementVNode("div",N,e.toDisplayString(n.data.label),1)]))}}),[["__scopeId","data-v-6c6caa4e"]]),T={class:"apf-bpmn-node"},h={class:"apf-bpmn-task"},B={class:"apf-bpmn-task__icon"},C={class:"apf-bpmn-task__label"},m=c(e.defineComponent({__name:"PreviewTask",props:{data:{}},setup(n){const i={userTask:"👤",serviceTask:"⚙",scriptTask:"📜",sendTask:"📤",receiveTask:"📥"};return(s,r)=>(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(e.unref(a.Handle),{type:"target",position:e.unref(a.Position).Top},null,8,["position"]),e.createElementVNode("div",h,[e.createElementVNode("span",B,e.toDisplayString(i[n.data.bpmnType]||"📋"),1),e.createElementVNode("span",C,e.toDisplayString(n.data.label),1)]),e.createVNode(e.unref(a.Handle),{type:"source",position:e.unref(a.Position).Bottom},null,8,["position"])]))}}),[["__scopeId","data-v-5b6a4a18"]]),v={class:"apf-bpmn-node"},$={class:"apf-bpmn-gateway"},x={class:"apf-bpmn-gateway__icon"},I={class:"apf-bpmn-node__label"},_=c(e.defineComponent({__name:"PreviewGateway",props:{data:{}},setup(n){const i={exclusiveGateway:"✕",parallelGateway:"+",inclusiveGateway:"◎"};return(s,r)=>(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(e.unref(a.Handle),{type:"target",position:e.unref(a.Position).Top},null,8,["position"]),e.createElementVNode("div",$,[e.createElementVNode("span",x,e.toDisplayString(i[n.data.bpmnType]||"◆"),1)]),e.createElementVNode("div",I,e.toDisplayString(n.data.label),1),e.createVNode(e.unref(a.Handle),{type:"source",position:e.unref(a.Position).Bottom},null,8,["position"])]))}}),[["__scopeId","data-v-3ff1b368"]]),S=c(e.defineComponent({__name:"BpmnFlowPreviewCanvas",props:{nodes:{},edges:{},flowId:{}},emits:["node-click","fit-view"],setup(n,{expose:i,emit:s}){const r=n,l=s,y=r.flowId??`apf-bpmn-preview-${Math.random().toString(36).slice(2,8)}`,G=e.computed(()=>r.nodes.map(o=>({id:o.id,type:o.type,position:o.position,data:o.data,draggable:!0}))),z=e.computed(()=>r.edges.map(o=>({id:o.id,source:o.source,target:o.target,label:o.label,type:"smoothstep",animated:!0,markerEnd:{type:a.MarkerType.ArrowClosed},style:{stroke:"var(--c-info, #4581e9)",strokeWidth:1.5}}))),{onNodeClick:q,fitView:k}=a.useVueFlow({id:y});q(({node:o})=>{l("node-click",o.id,o.data)});function D(){k({padding:.2}),l("fit-view")}return e.watch(()=>[r.nodes,r.edges],async()=>{await e.nextTick(),setTimeout(()=>k({padding:.2}),100)},{deep:!0}),i({fitView:D}),(o,W)=>(e.openBlock(),e.createBlock(e.unref(a.VueFlow),{id:e.unref(y),nodes:G.value,edges:z.value,"nodes-draggable":!0,"nodes-connectable":!1,"edges-updatable":!1,"elements-selectable":!0,"default-viewport":{zoom:.8,x:0,y:0},"min-zoom":.2,"max-zoom":2,"fit-view-on-init":"",class:"apf-bpmn-canvas"},{"node-start-event":e.withCtx(d=>[e.createVNode(p,e.normalizeProps(e.guardReactiveProps(d)),null,16)]),"node-end-event":e.withCtx(d=>[e.createVNode(f,e.normalizeProps(e.guardReactiveProps(d)),null,16)]),"node-task":e.withCtx(d=>[e.createVNode(m,e.normalizeProps(e.guardReactiveProps(d)),null,16)]),"node-gateway":e.withCtx(d=>[e.createVNode(_,e.normalizeProps(e.guardReactiveProps(d)),null,16)]),default:e.withCtx(()=>[e.createVNode(e.unref(g.Background),{gap:16,size:.6,color:"#e0e5ec"}),e.createVNode(e.unref(u.Controls),{"show-interactive":!1})]),_:1},8,["id","nodes","edges"]))}}),[["__scopeId","data-v-41401ec3"]]),w={startEvent:"start-event",endEvent:"end-event",userTask:"task",serviceTask:"task",scriptTask:"task",sendTask:"task",receiveTask:"task",exclusiveGateway:"gateway",parallelGateway:"gateway",inclusiveGateway:"gateway"};function F(n){return w[n]??"task"}t.BPMN_TO_PREVIEW_VF_TYPE=w,t.BpmnFlowPreviewCanvas=S,t.BpmnPreviewEndEvent=f,t.BpmnPreviewGateway=_,t.BpmnPreviewStartEvent=p,t.BpmnPreviewTask=m,t.resolveBpmnPreviewNodeType=F,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));