@apform-ui/core 1.13.0 → 1.14.1

package/dist/bpmn.css

@@ -1 +1 @@
-.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%}
+.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%}

package/dist/bpmn.js

@@ -1,182 +1,305 @@
-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 { 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 "@vue-flow/core/dist/style.css";
 import "@vue-flow/core/dist/theme-default.css";
 import "@vue-flow/controls/dist/style.css";
-const z = { class: "apf-bpmn-node" }, S = { class: "apf-bpmn-node__label" }, M = /* @__PURE__ */ m({
+const O = /* @__PURE__ */ _({
   __name: "PreviewStartEvent",
   props: {
-    data: {}
+    data: { type: Object, required: !0 }
   },
-  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"])
-    ]));
+  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;
   }
-}), 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({
+}), 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__ */ _({
   __name: "PreviewEndEvent",
   props: {
-    data: {}
+    data: { type: Object, required: !0 }
   },
-  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)
-    ]));
+  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;
   }
-}), 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({
+}), 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__ */ _({
   __name: "PreviewTask",
   props: {
-    data: {}
+    data: { type: Object, required: !0 }
   },
-  setup(e) {
-    const i = {
+  setup(a, { expose: n }) {
+    n();
+    const e = { taskIcons: {
       userTask: "👤",
       serviceTask: "⚙",
       scriptTask: "📜",
       sendTask: "📤",
       receiveTask: "📥"
-    };
-    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"])
-    ]));
+    }, get Handle() {
+      return y;
+    }, get Position() {
+      return g;
+    } };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
-}), 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({
+}), 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__ */ _({
   __name: "PreviewGateway",
   props: {
-    data: {}
+    data: { type: Object, required: !0 }
   },
-  setup(e) {
-    const i = {
+  setup(a, { expose: n }) {
+    n();
+    const e = { gatewayIcons: {
       exclusiveGateway: "✕",
       parallelGateway: "+",
       inclusiveGateway: "◎"
-    };
-    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"])
-    ]));
+    }, get Handle() {
+      return y;
+    }, get Position() {
+      return g;
+    } };
+    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
-}), ee = /* @__PURE__ */ u(Z, [["__scopeId", "data-v-3ff1b368"]]), te = /* @__PURE__ */ m({
+}), 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__ */ _({
   __name: "BpmnFlowPreviewCanvas",
   props: {
-    nodes: {},
-    edges: {},
-    flowId: {}
+    nodes: { type: Array, required: !0 },
+    edges: { type: Array, required: !0 },
+    flowId: { type: String, required: !1 }
   },
   emits: ["node-click", "fit-view"],
-  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,
+  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,
         draggable: !0
       }))
-    ), h = T(
-      () => p.edges.map((a) => ({
-        id: a.id,
-        source: a.source,
-        target: a.target,
-        label: a.label,
+    ), E = T(
+      () => e.edges.map((o) => ({
+        id: o.id,
+        source: o.source,
+        target: o.target,
+        label: o.label,
         type: "smoothstep",
         animated: !0,
-        markerEnd: { type: G.ArrowClosed },
+        markerEnd: { type: S.ArrowClosed },
         style: { stroke: "var(--c-info, #4581e9)", strokeWidth: 1.5 }
       }))
-    ), { onNodeClick: E, fitView: g } = V({ id: y });
-    E(({ node: a }) => {
-      f("node-click", a.id, a.data);
+    ), { onNodeClick: b, fitView: k } = I({ id: d });
+    b(({ node: o }) => {
+      i("node-click", o.id, o.data);
     });
-    function B() {
-      g({ padding: 0.2 }), f("fit-view");
+    function P() {
+      k({ padding: 0.2 }), i("fit-view");
     }
-    return x(
-      () => [p.nodes, p.edges],
+    B(
+      () => [e.nodes, e.edges],
       async () => {
-        await $(), setTimeout(() => g({ padding: 0.2 }), 100);
+        await C(), setTimeout(() => k({ padding: 0.2 }), 100);
       },
       { deep: !0 }
-    ), 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"]));
+    ), 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;
   }
-}), le = /* @__PURE__ */ u(te, [["__scopeId", "data-v-41401ec3"]]), ae = {
+});
+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 = {
   startEvent: "start-event",
   endEvent: "end-event",
   userTask: "task",
@@ -188,15 +311,15 @@ const z = { class: "apf-bpmn-node" }, S = { class: "apf-bpmn-node__label" }, M =
   parallelGateway: "gateway",
   inclusiveGateway: "gateway"
 };
-function _e(e) {
-  return ae[e] ?? "task";
+function me(a) {
+  return re[a] ?? "task";
 }
 export {
-  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
+  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
 };

package/dist/bpmn.umd.cjs

@@ -1 +1 @@
-(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"})}));
+(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"})}));