feat(core): expose wheelDelta utility (#1918)
* feat(core): expose wheelDelta utility Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> * chore(changeset): add * fix(minimap): apply wheel delta to zoom Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> * chore(changeset): add --------- Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
30
examples/vite/src/Basic/CustomNode.vue
Normal file
30
examples/vite/src/Basic/CustomNode.vue
Normal file
@@ -0,0 +1,30 @@
|
||||
<script setup>
|
||||
import { Handle, Position } from '@vue-flow/core'
|
||||
|
||||
const props = defineProps({ handleCount: { type: Number } })
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="custom-node">
|
||||
<Handle
|
||||
v-for="n in props.handleCount"
|
||||
:id="String(n - 1)"
|
||||
:key="`${n}-${props.handleCount}`"
|
||||
type="target"
|
||||
:position="Position.Top"
|
||||
:style="{ left: `${100 * (n / (props.handleCount + 1))}%` }"
|
||||
/>
|
||||
Custom
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
.custom-node {
|
||||
min-width: 100px;
|
||||
gap: 4px;
|
||||
padding: 8px;
|
||||
background: white;
|
||||
border: 1px solid black;
|
||||
border-radius: 4px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user