fix: emit proper events

Author: mrholek

packages/coreui-vue/src/components/form/CFormCheck.ts

@@ -133,7 +133,7 @@ const CFormCheck = defineComponent({
 
     const handleChange = (event: InputEvent) => {
       const target = event.target as HTMLInputElement
-      emit('change', target.checked)
+      emit('change', event)
       emit('update:modelValue', target.checked)
     }
 

packages/coreui-vue/src/components/form/CFormInput.ts

@@ -87,12 +87,12 @@ const CFormInput = defineComponent({
   setup(props, { emit, slots }) {
     const handleChange = (event: InputEvent) => {
       const target = event.target as HTMLInputElement
-      emit('change', target.value)
+      emit('change', event)
       emit('update:modelValue', target.value)
     }
     const handleInput = (event: InputEvent) => {
       const target = event.target as HTMLInputElement
-      emit('input', target.value)
+      emit('input', event)
       emit('update:modelValue', target.value)
     }
 

packages/coreui-vue/src/components/form/CFormRange.ts

@@ -74,7 +74,7 @@ const CFormRange = defineComponent({
   setup(props, { emit, slots }) {
     const handleChange = (event: InputEvent) => {
       const target = event.target as HTMLInputElement
-      emit('change', target.value)
+      emit('change', event)
       emit('update:modelValue', target.value)
     }
 

packages/coreui-vue/src/components/form/CFormSelect.ts

@@ -77,14 +77,11 @@ const CFormSelect = defineComponent({
   setup(props, { emit, slots }) {
     const handleChange = (event: InputEvent) => {
       const target = event.target as HTMLSelectElement
-
       const selected = Array.from(target.options)
         .filter((option) => option.selected)
         .map((option) => option.value)
-
       const value = target.multiple ? selected : selected[0]
-
-      emit('change', value)
+      emit('change', event)
       emit('update:modelValue', value)
     }
 

packages/coreui-vue/src/components/form/CFormSwitch.ts

@@ -96,7 +96,7 @@ const CFormSwitch = defineComponent({
 
     const handleChange = (event: InputEvent) => {
       const target = event.target as HTMLInputElement
-      emit('change', target.checked)
+      emit('change', event)
       emit('update:modelValue', target.checked)
     }
 

packages/coreui-vue/src/components/form/CFormTextarea.ts

@@ -64,12 +64,12 @@ const CFormTextarea = defineComponent({
   setup(props, { emit, slots }) {
     const handleChange = (event: InputEvent) => {
       const target = event.target as HTMLInputElement
-      emit('change', target.value)
+      emit('change', event)
       emit('update:modelValue', target.value)
     }
     const handleInput = (event: InputEvent) => {
       const target = event.target as HTMLInputElement
-      emit('input', target.value)
+      emit('input', event)
       emit('update:modelValue', target.value)
     }