Callback onMaska now can accept array

To make it possible use callback with binded value

test/components/Callbacks.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { reactive } from 'vue';
+import { MaskaDetail, vMaska } from '../../src'
+
+const emit = defineEmits(['mask1', 'mask2', 'mask3'])
+
+const binded1 = reactive({})
+const binded2 = reactive({})
+
+const options1 = {
+  onMaska: (detail: MaskaDetail) => emit('mask1', detail)
+}
+const options2 = {
+  onMaska: [
+    (detail: MaskaDetail) => emit('mask2', detail),
+    (detail: MaskaDetail) => emit('mask3', detail),
+  ]
+}
+</script>
+
+<template>
+  <input id="input1" v-maska:[options1]="binded1" data-maska="#-#" />
+  <input id="input2" v-maska:[options2]="binded2" data-maska="#-#" />
+</template>

test/directive.test.ts

@@ -5,6 +5,7 @@ import { mount } from '@vue/test-utils'
 import BindInitial from './components/BindInitial.vue'
 import BindMasked from './components/BindMasked.vue'
 import BindUnmasked from './components/BindUnmasked.vue'
+import Callbacks from './components/Callbacks.vue'
 import Completed from './components/Completed.vue'
 import Config from './components/Config.vue'
 import DataAttr from './components/DataAttr.vue'
@@ -154,6 +155,35 @@ test('events', async () => {
   expect(wrapper.emitted('mask')[1][0]).toHaveProperty('completed', true)
 })
 
+test('callbacks', async () => {
+  const wrapper = mount(Callbacks)
+  const input1 = wrapper.get('#input1')
+  const input2 = wrapper.get('#input2')
+
+  await input1.setValue('1')
+  expect(wrapper.emitted()).toHaveProperty('mask1')
+  expect(wrapper.emitted('mask1')).toHaveLength(1)
+  expect(wrapper.emitted('mask1')[0][0]).toHaveProperty('completed', false)
+
+  await input1.setValue('12')
+  expect(wrapper.emitted('mask1')).toHaveLength(2)
+  expect(wrapper.emitted('mask1')[1][0]).toHaveProperty('completed', true)
+
+  await input2.setValue('1')
+  expect(wrapper.emitted()).toHaveProperty('mask2')
+  expect(wrapper.emitted()).toHaveProperty('mask3')
+  expect(wrapper.emitted('mask2')).toHaveLength(1)
+  expect(wrapper.emitted('mask3')).toHaveLength(1)
+  expect(wrapper.emitted('mask2')[0][0]).toHaveProperty('completed', false)
+  expect(wrapper.emitted('mask3')[0][0]).toHaveProperty('completed', false)
+
+  await input2.setValue('12')
+  expect(wrapper.emitted('mask2')).toHaveLength(2)
+  expect(wrapper.emitted('mask3')).toHaveLength(2)
+  expect(wrapper.emitted('mask2')[1][0]).toHaveProperty('completed', true)
+  expect(wrapper.emitted('mask3')[1][0]).toHaveProperty('completed', true)
+})
+
 test('options api component', async () => {
   const wrapper = mount(Options)
   const input = wrapper.get('input')

test/mask-input.test.ts

@@ -63,6 +63,26 @@ describe('test init', () => {
     )
   })
 
+  test('test callbacks', async () => {
+    document.body.innerHTML = `<input id="input" data-maska="#-#">`
+    const input = <HTMLInputElement>document.getElementById('input')
+    const onMaska1 = vi.fn()
+    const onMaska2 = vi.fn()
+
+    new MaskInput(input, { onMaska: [onMaska1, onMaska2] })
+
+    await user.type(input, '12')
+    expect(onMaska1).toHaveBeenCalledTimes(2)
+    expect(onMaska2).toHaveBeenCalledTimes(2)
+    expect(onMaska1).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        masked: '1-2',
+        unmasked: '12',
+        completed: true
+      })
+    )
+  })
+
   test('test hooks', async () => {
     document.body.innerHTML = `<input id="input" data-maska="@-@">`
     const input = <HTMLInputElement>document.getElementById('input')