feat: add event to transitionend emit (#27)

Co-authored-by: chouchouji <[email protected]>

Author: chouchouji

docs/content/1.getting-started/2.usage.md

@@ -125,7 +125,7 @@ import { SplitPanel } from '@directus/vue-split-panel';
 
 ### Emits
 ::field-group
-  ::field{name="transitionend" type="() => void"}
+  ::field{name="transitionend" type="(event: TransitionEvent) => void"}
     The event triggered when the transition end.
   ::
 ::

packages/vue-split-panel/src/SplitPanel.vue

@@ -22,7 +22,7 @@ const props = withDefaults(defineProps<SplitPanelProps>(), {
 });
 
 const emits = defineEmits<{
-	transitionend: [];
+	transitionend: [event: TransitionEvent];
 }>();
 
 const panelEl = useTemplateRef('split-panel');
@@ -100,9 +100,9 @@ const collapsed = defineModel<boolean>('collapsed', { default: false });
 
 const collapseTransitionState = ref<null | 'expanding' | 'collapsing'>(null);
 
-const onTransitionEnd = () => {
+const onTransitionEnd = (event: TransitionEvent) => {
 	collapseTransitionState.value = null;
-	emits('transitionend');
+	emits('transitionend', event);
 };
 
 watch(collapsed, (newCollapsed) => {