Added @clear event #68

vueform · May 17, 2021 · 0da5c07 · 0da5c07
1 parent 0fc297d
commit 0da5c07
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -244,6 +244,7 @@ mounted() {
 | **@search-change** | `query` | Emitted after a character is typed. |
 | **@select** | `option` | Emitted after an option or tag is selected. |
 | **@tag** | `query` | Emitted after enter is hit when a new tag is being created. |
+| **@clear** |  | Emitted when the options are cleared. |
 
 ## Slots
 

diff --git a/src/composables/useOptions.js b/src/composables/useOptions.js
@@ -202,6 +202,7 @@ export default function useOptions (props, context, dep)
   }
 
   const clear = () => {
+    context.emit('clear')
     update(nullValue.value)
   }
 

diff --git a/tests/unit/composables/useOptions.spec.js b/tests/unit/composables/useOptions.spec.js
@@ -691,6 +691,19 @@ describe('useOptions', () => {
 
       expect(getValue(select)).toStrictEqual([])
     })
+
+    it('should emit clear event', async () => {
+      let select = createSelect({
+        options: [1,2,3],
+        value: 1,
+      })
+
+      select.vm.clear()
+
+      await nextTick()
+
+      expect(select.emitted('clear')).toBeTruthy()
+    })
   })
 
   describe('isSelected', () => {