@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
31 lines (30 loc) • 894 B
JavaScript
import { toRaw as d } from "vue";
import { NodeType as o } from "../types/node.mjs";
import { injectWithSelf as n } from "@javaguns/utils";
import { DragSourceNodeKey as g, DragTargetNodeKey as s } from "../utils/injection-key.mjs";
function m() {
const t = n(g), a = n(s);
return {
dragSourceNode: t,
dragTargetNode: a,
ondragstart: (r, e) => {
e.nodeType === o.APPROVER && (t.value = d(e));
},
ondragover: (r, e) => {
r.preventDefault(), e.nodeType === o.APPROVER && (e.dragClass = !0);
},
ondragenter: (r, e) => {
e.nodeType === o.APPROVER && (a.value = d(e));
},
ondragleave: (r, e) => {
e.nodeType === o.APPROVER && (e.dragClass = !1, e.dragTool = !1);
},
ondragend: (r, e) => {
e.nodeType === o.APPROVER && (e.dragClass = !1, a.value.dragTool = !0);
}
};
}
export {
m as default,
m as useNodeDrag
};