feat(node-resizer): implement node resizer components

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
2022-12-13 15:49:20 +01:00
parent 89b5da9ae3
commit d883ed782a
7 changed files with 413 additions and 83 deletions
@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import ResizeControl from './ResizeControl.vue'
+import type { ResizeControlLineProps, ResizeDragEvent, ResizeEventParams } from './types'
+import { ResizeControlVariant } from './types'
+
+const props = defineProps<ResizeControlLineProps>()
+
+const emits = defineEmits<{
+  (event: 'resizeStart', data: { event: ResizeDragEvent; params: ResizeEventParams }): void
+  (event: 'resize', data: { event: ResizeDragEvent; params: ResizeEventParams }): void
+  (event: 'resizeEnd', data: { event: ResizeDragEvent; params: ResizeEventParams }): void
+}>()
+</script>
+
+<template>
+  <ResizeControl
+    v-bind="props"
+    :variant="ResizeControlVariant.Line"
+    @resize-start="emits('resizeStart', $event)"
+    @resize="emits('resize', $event)"
+    @resize-end="emits('resizeEnd', $event)"
+  />
+</template>