add costum debounce delay

docs/components/DocProps.vue

@@ -352,6 +352,11 @@
         type: 'Number | String',
         defaultValue: code('999'),
         description: `${(code('z-index'))} of the menu.`,
+      }, {
+        name: 'inputDebounceDelay',
+        type: 'Number',
+        defaultValue: code('200'),
+        description: `Sync search throttling delay. The represents the “waiting time” between input entries before processing the search.`,
       } ],
     }),
   }

src/components/Input.vue

@@ -1,6 +1,6 @@
 <script>
   import { debounce, deepExtend, includes } from '../utils'
-  import { MIN_INPUT_WIDTH, KEY_CODES, INPUT_DEBOUNCE_DELAY } from '../constants'
+  import { MIN_INPUT_WIDTH, KEY_CODES } from '../constants'
 
   const keysThatRequireMenuBeingOpen = [
     KEY_CODES.ENTER,
@@ -53,7 +53,7 @@
     created() {
       this.debouncedCallback = debounce(
         this.updateSearchQuery,
-        INPUT_DEBOUNCE_DELAY,
+        this.instance.inputDebounceDelay,
         { leading: true, trailing: true },
       )
     },

src/mixins/treeselectMixin.js

@@ -14,7 +14,7 @@ import {
   LOAD_ROOT_OPTIONS, LOAD_CHILDREN_OPTIONS, ASYNC_SEARCH,
   ALL, BRANCH_PRIORITY, LEAF_PRIORITY, ALL_WITH_INDETERMINATE,
   ALL_CHILDREN, ALL_DESCENDANTS, LEAF_CHILDREN, LEAF_DESCENDANTS,
-  ORDER_SELECTED, LEVEL, INDEX,
+  ORDER_SELECTED, LEVEL, INDEX, INPUT_DEBOUNCE_DELAY,
 } from '../constants'
 
 function sortValueByIndex(a, b) {
@@ -636,6 +636,14 @@ export default {
       type: [ Number, String ],
       default: 999,
     },
+
+    /**
+     * Sync search throttling delay.
+     */
+    inputDebounceDelay: {
+      type: Number,
+      default: INPUT_DEBOUNCE_DELAY,
+    },
   },
 
   data() {

test/unit/specs/Searching.spec.js

@@ -468,6 +468,27 @@ describe('Searching', () => {
     await typeAndAssert('b', [ 'ab', 'b' ])
   })
 
+  it('sync search throttling delay', async () => {
+    const wrapper = mount(Treeselect, {
+      propsData: {
+        inputDebounceDelay: 500,
+        options: [ {
+          id: 'a',
+          label: 'a',
+          children: [ {
+            id: 'aa',
+            label: 'x',
+          }, {
+            id: 'ab',
+            label: 'a x',
+          } ],
+        } ],
+      },
+    })
+
+    await typeSearchText(wrapper, 'a x')
+  })
+
   describe('async search', () => {
     it('basic', async () => {
       let id = 0

test/unit/specs/shared.js

@@ -1,6 +1,5 @@
 import sleep from 'yaku/lib/sleep'
 import Option from '@src/components/Option'
-import { INPUT_DEBOUNCE_DELAY } from '@src/constants'
 
 export function $(selector, context = document) {
   return context.querySelector(selector)
@@ -106,7 +105,7 @@ export async function typeSearchText(wrapper, text) {
   $input.element.value = text
   $input.trigger('input')
   expect(wrapper.vm.$refs.control.$refs['value-container'].$refs.input.value).toBe(text)
-  await sleep(INPUT_DEBOUNCE_DELAY + 1)
+  await sleep(wrapper.vm.inputDebounceDelay + 1)
   expect(wrapper.vm.trigger.searchQuery).toBe(text)
 }