HelloLeoLyn
diff --git a/‎src/components/form/CFormInput.ts
Copy file name to clipboardExpand all lines: src/components/form/CFormInput.ts
+13-1Lines changed: 13 additions & 1 deletion b/‎src/components/form/CFormInput.ts
Copy file name to clipboardExpand all lines: src/components/form/CFormInput.ts
+13-1Lines changed: 13 additions & 1 deletion
diff --git a/‎src/components/form/CFormSelect.ts
Copy file name to clipboardExpand all lines: src/components/form/CFormSelect.ts
+7-1Lines changed: 7 additions & 1 deletion b/‎src/components/form/CFormSelect.ts
Copy file name to clipboardExpand all lines: src/components/form/CFormSelect.ts
+7-1Lines changed: 7 additions & 1 deletion
diff --git a/‎src/components/pagination/CPaginationItem.ts
Copy file name to clipboardExpand all lines: src/components/pagination/CPaginationItem.ts
+6-1Lines changed: 6 additions & 1 deletion b/‎src/components/pagination/CPaginationItem.ts
Copy file name to clipboardExpand all lines: src/components/pagination/CPaginationItem.ts
+6-1Lines changed: 6 additions & 1 deletion
diff --git a/‎src/components/table/CTableRow.ts
Copy file name to clipboardExpand all lines: src/components/table/CTableRow.ts
+6-1Lines changed: 6 additions & 1 deletion b/‎src/components/table/CTableRow.ts
Copy file name to clipboardExpand all lines: src/components/table/CTableRow.ts
+6-1Lines changed: 6 additions & 1 deletion
@@ -63,7 +63,17 @@ const CFormInput = defineComponent({
       required: false,
     },
   },
-  setup(props, { attrs, slots }) {
+  emits: ['change', 'input'],
+  setup(props, { attrs, emit, slots }) {
+    const handleInput = (event: Event) => {
+      const target = event.target as HTMLInputElement
+      emit('input', target.value)
+    }
+
+    const handleChange = (event: Event) => {
+      const target = event.target as HTMLInputElement
+      emit('change', target.value)
+    }
     return () =>
       h(
         'input',
@@ -79,6 +89,8 @@ const CFormInput = defineComponent({
               'is-valid': props.valid,
             },
           ],
+          onChange: handleChange,
+          onInput: handleInput,
         },
         slots.default && slots.default(),
       )
 
@@ -39,7 +39,12 @@ const CFormSelect = defineComponent({
       required: false,
     },
   },
-  setup(props, { attrs, slots }) {
+  emits: ['change'],
+  setup(props, { attrs, emit, slots }) {
+    const handleChange = (event: Event) => {
+      const target = event.target as HTMLSelectElement
+      emit('change', Number(target.value))
+    }
     return () =>
       h(
         'select',
@@ -52,6 +57,7 @@ const CFormSelect = defineComponent({
             },
           ],
           size: props.htmlSize,
+          onChange: handleChange,
         },
         slots.default && slots.default(),
       )
 
@@ -36,7 +36,11 @@ const CPaginationItem = defineComponent({
       required: false,
     },
   },
-  setup(props, { slots }) {
+  emits: ['click'],
+  setup(props, { emit, slots }) {
+    const handleClick = () => {
+      emit('click')
+    }
     return () => {
       const component = props.component ? props.component : props.active ? 'span' : 'a'
       return h(
@@ -58,6 +62,7 @@ const CPaginationItem = defineComponent({
                 class: ['page-link'],
                 component: component,
                 href: props.href,
+                onClick: handleClick,
               },
               {
                 default: () => slots.default && slots.default(),
 
@@ -32,7 +32,11 @@ const CTableRow = defineComponent({
      */
     color: Color,
   },
-  setup(props, { slots }) {
+  emits: ['click'],
+  setup(props, { emit, slots }) {
+    const handleClick = () => {
+      emit('click')
+    }
     return () =>
       h(
         'tr',
@@ -44,6 +48,7 @@ const CTableRow = defineComponent({
               [`table-${props.color}`]: props.color,
             },
           ],
+          onClick: handleClick,
         },
         slots.default && slots.default(),
       )