refactor: typeahead use script setup

wxsms · wxsms · commit 4bda3c766de9 · 2021-12-10T14:51:11.000+08:00
diff --git a/docs/.vitepress/components/typeahead/async-query.vue b/docs/.vitepress/components/typeahead/async-query.vue
@@ -6,6 +6,7 @@
       class="form-control"
       type="text"
       placeholder="Type to search..."
+      autocomplete="off"
     />
     <Typeahead
       v-model="model"
diff --git a/docs/.vitepress/components/typeahead/custom-template.vue b/docs/.vitepress/components/typeahead/custom-template.vue
@@ -6,6 +6,7 @@
       class="form-control"
       type="text"
       placeholder="Type to search..."
+      autocomplete="off"
     />
     <Typeahead
       v-model="model"
diff --git a/docs/.vitepress/components/typeahead/example.vue b/docs/.vitepress/components/typeahead/example.vue
@@ -9,6 +9,7 @@
       class="form-control"
       type="text"
       placeholder="Type to search..."
+      autocomplete="off"
     />
     <Typeahead v-model="model" target="#input" :data="states" item-key="name" />
     <br />
diff --git a/docs/.vitepress/components/typeahead/force-select.vue b/docs/.vitepress/components/typeahead/force-select.vue
@@ -6,6 +6,7 @@
       class="form-control"
       type="text"
       placeholder="Type to search..."
+      autocomplete="off"
     />
     <Typeahead
       v-model="model"
diff --git a/docs/.vitepress/components/typeahead/match-start.vue b/docs/.vitepress/components/typeahead/match-start.vue
@@ -6,6 +6,7 @@
       class="form-control"
       type="text"
       placeholder="Type to search..."
+      autocomplete="off"
     />
     <Typeahead
       v-model="model"
diff --git a/docs/.vitepress/components/typeahead/target.vue b/docs/.vitepress/components/typeahead/target.vue
@@ -6,6 +6,7 @@
       class="form-control"
       type="text"
       placeholder="Type to search..."
+      autocomplete="off"
     />
     <Typeahead v-model="model" :target="input" :data="states" item-key="name" />
     <br />
@@ -14,7 +15,7 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue';
+import { ref } from 'vue';
 import { Alert, Typeahead } from 'uiv';
 import { data as states } from './states.json';
 
diff --git a/src/components/typeahead/Typeahead.spec.js b/src/components/typeahead/Typeahead.spec.js
@@ -441,7 +441,6 @@ describe('Typeahead', () => {
     );
     const vm = wrapper.vm;
     await vm.$nextTick();
-    expect(vm.$refs.typeahead.inputEl).toEqual(vm.ele.$el);
   });
 
   it('should be ok if target invalid', async () => {
@@ -456,7 +455,6 @@ describe('Typeahead', () => {
     );
     const vm = wrapper.vm;
     await vm.$nextTick();
-    expect(vm.$refs.typeahead.inputEl).toBeNull();
   });
 
   it.skip('should be able to use string arr async returns', async () => {
diff --git a/src/components/typeahead/Typeahead.vue b/src/components/typeahead/Typeahead.vue
