fix(autocomplete): add function

packages/autocomplete/package.json

@@ -24,7 +24,8 @@
     "@svelement-ui/scrollbar": "workspace:^",
     "@svelement-ui/theme-chalk": "workspace:^",
     "@svelement-ui/tooltip": "workspace:^",
-    "@svelement-ui/util-array-2-class-string": "workspace:^"
+    "@svelement-ui/util-array-2-class-string": "workspace:^",
+    "@svelement-ui/utils": "workspace:^"
   },
   "bundledDependencies": [
     "@svelement-ui/util-array-2-class-string"

packages/autocomplete/src/lib/autocomplete.svelte

@@ -4,10 +4,12 @@
   import SvelTooltip from '@svelement-ui/tooltip';
   import SvelScrollbar from '@svelement-ui/scrollbar';
   import { getContext } from 'svelte';
+  import { isArray } from '@svelement-ui/utils';
 
   export let value;
   export let fetchSuggestions;
   export let triggerOnFocus = true;
+  export let highlightFirstItem = false;
 
   let suggestions = [];
   let dropdownWidth = '';
@@ -16,8 +18,33 @@
   let loading = false;
   let activated = false;
   let tooltipVisible = false;
+  let highlightedIndex = -1;
   $: dark = dark || getContext('svel-dark');
 
+  const getData = async (queryString) => {
+    if (suggestionDisabled) return;
+
+    const cb = (suggestionList) => {
+      loading = false;
+      if (suggestionDisabled) return;
+
+      if (isArray(suggestionList)) {
+        suggestions = suggestionList;
+        highlightedIndex = highlightFirstItem ? 0 : -1;
+      } else {
+        throw Error('autocomplete suggestions must be an array');
+      }
+    };
+
+    loading.value = true;
+    if (isArray(fetchSuggestions)) {
+      cb(fetchSuggestions);
+    } else {
+      const result = await fetchSuggestions(queryString, cb);
+      if (isArray(result)) cb(result);
+    }
+  };
+
   function handleFocus() {
     tooltipVisible = true;
   }

packages/utils/src/index.js

@@ -2,3 +2,4 @@ export { isNull } from './is_null.js';
 export { isNumber } from './is_number.js';
 export { isUndefined } from './is_undefined.js';
 export { isString } from './is_string.js';
+export { isArray } from './is_array.js';

packages/utils/src/is_array.js

@@ -0,0 +1,3 @@
+export function isArray(input) {
+  return Array.isArray(input);
+}