@javaguns/flow-ui
Version:
``` <template> <a-spin :spinning="loading"> <FlowDesigner ref="flowDesigner" top="50px"> </FlowDesigner> </a-spin> </template> <script lang="ts" setup> import { ref, provide, onMounted } from 'vue'; import { FlowDesigner, LoadingKey } from '@j
54 lines (53 loc) • 1.89 kB
JavaScript
import { defineComponent as M, ref as m, inject as p, openBlock as s, createElementBlock as v, withModifiers as a, unref as o, createBlock as u, createCommentVNode as l } from "vue";
import { NodeType as d } from "../../types/node.mjs";
import { VerticalKey as k } from "../../utils/injection-key.mjs";
import { useNode as y } from "../../hooks/useNode.mjs";
import i from "./normalNode.vue.mjs";
const h = M({ name: "flow-chart-node" }), T = /* @__PURE__ */ M({
...h,
props: {
node: { default: {} },
isMouseEnter: { type: Boolean, default: !1 }
},
setup(f) {
const e = f, { showNode: t, showSubNode: N } = y(), n = m(!1), E = () => {
n.value = !0;
}, c = () => {
n.value = !1;
};
return p(k, !1), (r, w) => (s(), v("div", {
class: "flow-chart-node-container",
onMouseenter: a(E, ["stop"]),
onMouseleave: a(c, ["stop"])
}, [
o(t)(e.node, o(d).START) ? (s(), u(i, {
key: 0,
node: e.node,
isMouseEnter: r.isMouseEnter || n.value
}, null, 8, ["node", "isMouseEnter"])) : l("", !0),
o(t)(e.node, o(d).APPROVER) ? (s(), u(i, {
key: 1,
node: e.node,
isMouseEnter: r.isMouseEnter || n.value
}, null, 8, ["node", "isMouseEnter"])) : l("", !0),
o(t)(e.node, o(d).COPYER) ? (s(), u(i, {
key: 2,
node: e.node,
isMouseEnter: r.isMouseEnter || n.value
}, null, 8, ["node", "isMouseEnter"])) : l("", !0),
o(t)(e.node, o(d).JUMP) ? (s(), u(i, {
key: 3,
node: e.node,
isMouseEnter: r.isMouseEnter || n.value
}, null, 8, ["node", "isMouseEnter"])) : l("", !0),
o(t)(e.node, o(d).NOTICE) ? (s(), u(i, {
key: 4,
node: e.node,
isMouseEnter: r.isMouseEnter || n.value
}, null, 8, ["node", "isMouseEnter"])) : l("", !0)
], 32));
}
});
export {
T as default
};