refactor: use type for emits

Author: kevinkosterr

src/fields/core/FieldColor.vue

@@ -32,10 +32,10 @@ import {
   useValidation
 } from '@/composables'
 import { vMaska } from 'maska/vue'
-import type { ColorField, FieldPropRefs, FieldProps } from '@/resources/types/field/fields'
+import type { ColorField, FieldEmits, FieldPropRefs, FieldProps } from '@/resources/types/field/fields'
 import type { MaskOptions } from 'maska'
 
-const emits = defineEmits(useFieldEmits())
+const emits = defineEmits<FieldEmits>()
 const props = defineProps<FieldProps<ColorField>>()
 
 const maskOptions: Readonly<MaskOptions> = {

src/fields/core/FieldMask.vue

@@ -13,13 +13,13 @@
 
 <script setup lang="ts">
 import { toRefs, computed, ComputedRef, ref, onBeforeMount } from 'vue'
-import type { FieldPropRefs, FieldProps, MaskField } from '@/resources/types/field/fields'
+import type { FieldEmits, FieldPropRefs, FieldProps, MaskField } from '@/resources/types/field/fields'
 import type { MaskInputOptions } from 'maska'
 import { Mask } from 'maska'
 import { vMaska } from 'maska/vue'
 import { useFormModel, useFieldAttributes, useValidation } from '@/composables'
 
-const emits = defineEmits(useFieldEmits())
+const emits = defineEmits<FieldEmits>()
 const props = defineProps<FieldProps<MaskField>>()
 const { field, model }: FieldPropRefs<MaskField> = toRefs(props)
 

src/fields/core/FieldNumber.vue

@@ -18,15 +18,15 @@
 
 <script setup lang="ts">
 import { toRefs } from 'vue'
-import type { NumberField, FieldProps, FieldPropRefs } from '@/resources/types/field/fields'
+import type { NumberField, FieldProps, FieldEmits, FieldPropRefs } from '@/resources/types/field/fields'
 import {
   useFormModel,
   useFieldAttributes,
   useValidation
 } from '@/composables'
 
 const props = defineProps<FieldProps<NumberField>>()
-const emits = defineEmits(useFieldEmits())
+const emits = defineEmits<FieldEmits>()
 
 const { field, model }: FieldPropRefs<NumberField> = toRefs(props)
 

src/fields/core/FieldPassword.vue

@@ -22,13 +22,13 @@ import {
   useValidation,
   useFieldAttributes
 } from '@/composables'
-import type { PasswordField, FieldProps, FieldPropRefs } from '@/resources/types/field/fields'
+import type { PasswordField, FieldProps, FieldPropRefs, FieldEmits } from '@/resources/types/field/fields'
 
 const mediumRegex = new RegExp('^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})')
 const strongRegex = new RegExp('^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})')
 
 const props = defineProps<FieldProps<PasswordField>>()
-const emits = defineEmits(useFieldEmits())
+const emits = defineEmits<FieldEmits>()
 
 const { model, field }: FieldPropRefs<PasswordField> = toRefs(props)
 const { isRequired, isDisabled, isVisible, hint } = useFieldAttributes(model.value, field.value)

src/fields/core/FieldRadio.vue

@@ -25,7 +25,7 @@ import {
 import type { RadioField, FieldProps, FieldEmits, FieldPropRefs } from '@/resources/types/field/fields'
 
 const props = defineProps<FieldProps<RadioField>>()
-const emits = defineEmits(useFieldEmits())
+const emits = defineEmits<FieldEmits>()
 
 const { field, model }: FieldPropRefs<RadioField> = toRefs(props)
 const { isRequired, isVisible, isDisabled, isReadonly, hint } = useFieldAttributes(model.value, field.value)

src/fields/core/FieldSelect.vue

@@ -68,7 +68,7 @@
 import { useMagicKeys } from '@vueuse/core'
 import { onClickOutside as vOnClickOutside } from '@/directives/onClickOutside'
 import { ref, toRefs, computed, type ComputedRef, type Ref } from 'vue'
-import type { FieldProps, FieldPropRefs, SelectField } from '@/resources/types/field/fields'
+import type { FieldProps, FieldPropRefs, SelectField, FieldEmits } from '@/resources/types/field/fields'
 import {
   useFieldAttributes,
   useValidation,
@@ -77,7 +77,7 @@ import {
 import { FieldOption } from '@/resources/types/fieldAttributes'
 
 const props = defineProps<FieldProps<SelectField>>()
-const emits = defineEmits(useFieldEmits())
+const emits = defineEmits<FieldEmits>()
 const { controlLeft, metaLeft } = useMagicKeys()
 
 const isOpened: Ref<boolean> = ref(false)

src/fields/core/FieldSelectNative.vue

@@ -18,15 +18,15 @@
 
 <script setup lang="ts">
 import { toRefs } from 'vue'
-import type { FieldPropRefs, FieldProps, SelectNativeField } from '@/resources/types/field/fields'
+import type { FieldPropRefs, FieldEmits, FieldProps, SelectNativeField } from '@/resources/types/field/fields'
 import {
   useFieldAttributes,
   useFormModel,
   useValidation
 } from '@/composables'
 
 const props = defineProps<FieldProps<SelectNativeField>>()
-const emits = defineEmits(useFieldEmits())
+const emits = defineEmits<FieldEmits>()
 
 const { field, model }: FieldPropRefs<SelectNativeField> = toRefs(props)
 

src/fields/core/FieldSwitch.vue

@@ -13,7 +13,7 @@
 
 <script setup lang="ts">
 import { toRefs } from 'vue'
-import type { SwitchField, FieldPropRefs, FieldProps } from '@/resources/types/field/fields.js'
+import type { SwitchField, FieldEmits, FieldPropRefs, FieldProps } from '@/resources/types/field/fields.js'
 import {
   useFieldAttributes,
   useValidation,
@@ -22,7 +22,7 @@ import {
 
 
 const props = defineProps<FieldProps<SwitchField>>()
-const emits = defineEmits(useFieldEmits())
+const emits = defineEmits<FieldEmits>()
 
 const { field, model }: FieldPropRefs<SwitchField> = toRefs(props)
 

src/fields/core/FieldText.vue

@@ -17,11 +17,10 @@
 
 <script setup lang="ts">
 import { toRefs, computed, type ComputedRef } from 'vue'
-import type { FieldPropRefs, FieldProps, TextField } from '@/resources/types/field/fields'
-import { useFormModel, useFieldAttributes, useFieldValidate, useFieldEmits } from '@/composables'
+import type { FieldPropRefs, FieldProps, FieldEmits, TextField } from '@/resources/types/field/fields'
 import { useFormModel, useFieldAttributes, useValidation } from '@/composables'
 
-const emits = defineEmits(useFieldEmits())
+const emits = defineEmits<FieldEmits>()
 const props = defineProps<FieldProps<TextField>>()
 
 const { field, model }: FieldPropRefs<TextField> = toRefs(props)

src/resources/types/field/fields.ts

@@ -107,6 +107,11 @@ export interface FieldPropRefs<T extends Field=Field> {
   model: Ref<FormModel>
 }
 
+export type FieldEmits = {
+  validated: [isValid: boolean, errors: string[], field: Field];
+  onInput: [value: FieldValue];
+}
+
 export interface FieldProps<T extends Field=Field> {
   id: string;
   formGenerator?: object;