@yh-ui/components 0.1.17 → 0.1.22

package/dist/autocomplete/__tests__/autocomplete.test.cjs

@@ -1,299 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _autocomplete = _interopRequireDefault(require("../src/autocomplete.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhAutocomplete", () => {
-  const suggestions = [{
-    value: "vue"
-  }, {
-    value: "react"
-  }, {
-    value: "angular"
-  }, {
-    value: "svelte"
-  }];
-  const fetchSuggestions = (query, cb) => {
-    const results = query ? suggestions.filter(item => item.value.toLowerCase().includes(query.toLowerCase())) : suggestions;
-    cb(results);
-  };
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default);
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-autocomplete");
-    (0, _vitest.expect)(wrapper.find("input").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should work with v-model", async () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        modelValue: "test",
-        "onUpdate:modelValue": val => wrapper.setProps({
-          modelValue: val
-        })
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("input").element.value).toBe("test");
-    await wrapper.find("input").setValue("new value");
-    (0, _vitest.expect)(wrapper.props("modelValue")).toBe("new value");
-  });
-  (0, _vitest.it)("should display placeholder", () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("input").attributes("placeholder")).toBe("\u8BF7\u8F93\u5165\u5185\u5BB9");
-  });
-  (0, _vitest.it)("should be disabled when disabled prop is true", () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        disabled: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-disabled");
-    (0, _vitest.expect)(wrapper.find("input").attributes("disabled")).toBeDefined();
-  });
-  (0, _vitest.it)("should apply size class", () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        size: "large"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-autocomplete--large");
-  });
-  (0, _vitest.it)("should apply small size class", () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        size: "small"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-autocomplete--small");
-  });
-  (0, _vitest.it)("should show clear button when clearable and has value", async () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        modelValue: "test",
-        clearable: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-autocomplete__clear").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should clear value when clear button is clicked", async () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        modelValue: "test",
-        clearable: true,
-        "onUpdate:modelValue": val => wrapper.setProps({
-          modelValue: val
-        })
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    await wrapper.find(".yh-autocomplete__clear").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("clear")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.props("modelValue")).toBe("");
-  });
-  (0, _vitest.it)("should emit focus and blur events", async () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default);
-    await wrapper.find("input").trigger("focus");
-    (0, _vitest.expect)(wrapper.emitted("focus")).toBeTruthy();
-    await wrapper.find("input").trigger("blur");
-    await new Promise(resolve => setTimeout(resolve, 200));
-    (0, _vitest.expect)(wrapper.emitted("blur")).toBeTruthy();
-  });
-  (0, _vitest.it)("should emit input event when typing", async () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        "onUpdate:modelValue": val => wrapper.setProps({
-          modelValue: val
-        })
-      }
-    });
-    await wrapper.find("input").setValue("test");
-    (0, _vitest.expect)(wrapper.emitted("input")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("input")[0]).toEqual(["test"]);
-  });
-  (0, _vitest.it)("should call fetchSuggestions on input", async () => {
-    const mockFetch = _vitest.vi.fn((query, cb) => cb(suggestions));
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        fetchSuggestions: mockFetch,
-        debounce: 0,
-        "onUpdate:modelValue": val => wrapper.setProps({
-          modelValue: val
-        })
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await wrapper.find("input").setValue("v");
-    await (0, _vue.nextTick)();
-    await new Promise(resolve => setTimeout(resolve, 50));
-    (0, _vitest.expect)(mockFetch).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("should trigger suggestions on focus when triggerOnFocus is true", async () => {
-    const mockFetch = _vitest.vi.fn((query, cb) => cb(suggestions));
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        fetchSuggestions: mockFetch,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(mockFetch).toHaveBeenCalled();
-  });
-  (0, _vitest.it)("should navigate down with ArrowDown key", async () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        fetchSuggestions,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    await wrapper.find("input").trigger("keydown", {
-      key: "ArrowDown"
-    });
-    await wrapper.find("input").trigger("keydown", {
-      key: "ArrowDown"
-    });
-    (0, _vitest.expect)(wrapper.emitted()).toBeTruthy();
-  });
-  (0, _vitest.it)("should close dropdown on Escape key", async () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        fetchSuggestions,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    await wrapper.find("input").trigger("keydown", {
-      key: "Escape"
-    });
-    (0, _vitest.expect)(wrapper.emitted()).toBeTruthy();
-  });
-  (0, _vitest.it)("should have correct ARIA attributes", () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default);
-    const input = wrapper.find("input");
-    (0, _vitest.expect)(input.attributes("role")).toBe("combobox");
-    (0, _vitest.expect)(input.attributes("aria-autocomplete")).toBe("list");
-  });
-  (0, _vitest.it)("should render prepend and append slots", () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      slots: {
-        prepend: "<span>http://</span>",
-        append: "<span>.com</span>"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-autocomplete__prepend").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-autocomplete__append").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render custom suggestion slot", async () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        fetchSuggestions,
-        triggerOnFocus: true
-      },
-      slots: {
-        default: ({
-          item
-        }) => `Custom: ${item.value}`
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted()).toBeTruthy();
-  });
-  (0, _vitest.it)("should expose focus and blur methods", () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default);
-    const vm = wrapper.vm;
-    (0, _vitest.expect)(typeof vm.focus).toBe("function");
-    (0, _vitest.expect)(typeof vm.blur).toBe("function");
-    (0, _vitest.expect)(typeof vm.close).toBe("function");
-    (0, _vitest.expect)(typeof vm.highlight).toBe("function");
-  });
-  (0, _vitest.it)("should highlight first item when highlightFirstItem is true", async () => {
-    const mockFetch = _vitest.vi.fn((query, cb) => cb(suggestions));
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        fetchSuggestions: mockFetch,
-        highlightFirstItem: true,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.vm.highlightedIndex).toBe(0);
-  });
-  (0, _vitest.it)("should support custom valueKey", async () => {
-    const customSuggestions = [{
-      id: 1,
-      name: "vue"
-    }];
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        fetchSuggestions: (q, cb) => cb(customSuggestions),
-        valueKey: "name",
-        triggerOnFocus: true,
-        teleported: false
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    const items = wrapper.findAll(".yh-autocomplete__suggestion");
-    (0, _vitest.expect)(items[0].text()).toBe("vue");
-  });
-  (0, _vitest.it)("should scroll to highlighted item", async () => {
-    const manySuggestions = Array.from({
-      length: 20
-    }, (_, i) => ({
-      value: `item ${i}`
-    }));
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        fetchSuggestions: (q, cb) => cb(manySuggestions),
-        triggerOnFocus: true,
-        teleported: false
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    const vm = wrapper.vm;
-    vm.highlight(15);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(vm.highlightedIndex).toBe(15);
-  });
-  (0, _vitest.it)("should render loading and empty slots", async () => {
-    const wrapper = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        fetchSuggestions: (q, cb) => {},
-        teleported: false
-      },
-      slots: {
-        loading: '<div class="custom-loading">Loading...</div>'
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await wrapper.find("input").setValue("a");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".custom-loading").exists()).toBe(true);
-    const wrapperEmpty = (0, _testUtils.mount)(_autocomplete.default, {
-      props: {
-        fetchSuggestions: (q, cb) => cb([]),
-        teleported: false
-      },
-      slots: {
-        empty: '<div class="custom-empty">No Data</div>'
-      }
-    });
-    await wrapperEmpty.find("input").trigger("focus");
-    await wrapperEmpty.find("input").setValue("a");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapperEmpty.find(".custom-empty").exists()).toBe(true);
-  });
-});

package/dist/autocomplete/__tests__/autocomplete.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/autocomplete/__tests__/autocomplete.test.mjs

@@ -1,263 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick } from "vue";
-import Autocomplete from "../src/autocomplete.vue";
-describe("YhAutocomplete", () => {
-  const suggestions = [
-    { value: "vue" },
-    { value: "react" },
-    { value: "angular" },
-    { value: "svelte" }
-  ];
-  const fetchSuggestions = (query, cb) => {
-    const results = query ? suggestions.filter((item) => item.value.toLowerCase().includes(query.toLowerCase())) : suggestions;
-    cb(results);
-  };
-  it("should render correctly", () => {
-    const wrapper = mount(Autocomplete);
-    expect(wrapper.classes()).toContain("yh-autocomplete");
-    expect(wrapper.find("input").exists()).toBe(true);
-  });
-  it("should work with v-model", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        modelValue: "test",
-        "onUpdate:modelValue": (val) => wrapper.setProps({ modelValue: val })
-      }
-    });
-    expect(wrapper.find("input").element.value).toBe("test");
-    await wrapper.find("input").setValue("new value");
-    expect(wrapper.props("modelValue")).toBe("new value");
-  });
-  it("should display placeholder", () => {
-    const wrapper = mount(Autocomplete, {
-      props: { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" }
-    });
-    expect(wrapper.find("input").attributes("placeholder")).toBe("\u8BF7\u8F93\u5165\u5185\u5BB9");
-  });
-  it("should be disabled when disabled prop is true", () => {
-    const wrapper = mount(Autocomplete, {
-      props: { disabled: true }
-    });
-    expect(wrapper.classes()).toContain("is-disabled");
-    expect(wrapper.find("input").attributes("disabled")).toBeDefined();
-  });
-  it("should apply size class", () => {
-    const wrapper = mount(Autocomplete, {
-      props: { size: "large" }
-    });
-    expect(wrapper.classes()).toContain("yh-autocomplete--large");
-  });
-  it("should apply small size class", () => {
-    const wrapper = mount(Autocomplete, {
-      props: { size: "small" }
-    });
-    expect(wrapper.classes()).toContain("yh-autocomplete--small");
-  });
-  it("should show clear button when clearable and has value", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        modelValue: "test",
-        clearable: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    expect(wrapper.find(".yh-autocomplete__clear").exists()).toBe(true);
-  });
-  it("should clear value when clear button is clicked", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        modelValue: "test",
-        clearable: true,
-        "onUpdate:modelValue": (val) => wrapper.setProps({ modelValue: val })
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    await wrapper.find(".yh-autocomplete__clear").trigger("click");
-    expect(wrapper.emitted("clear")).toBeTruthy();
-    expect(wrapper.props("modelValue")).toBe("");
-  });
-  it("should emit focus and blur events", async () => {
-    const wrapper = mount(Autocomplete);
-    await wrapper.find("input").trigger("focus");
-    expect(wrapper.emitted("focus")).toBeTruthy();
-    await wrapper.find("input").trigger("blur");
-    await new Promise((resolve) => setTimeout(resolve, 200));
-    expect(wrapper.emitted("blur")).toBeTruthy();
-  });
-  it("should emit input event when typing", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        "onUpdate:modelValue": (val) => wrapper.setProps({ modelValue: val })
-      }
-    });
-    await wrapper.find("input").setValue("test");
-    expect(wrapper.emitted("input")).toBeTruthy();
-    expect(wrapper.emitted("input")[0]).toEqual(["test"]);
-  });
-  it("should call fetchSuggestions on input", async () => {
-    const mockFetch = vi.fn((query, cb) => cb(suggestions));
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: mockFetch,
-        debounce: 0,
-        "onUpdate:modelValue": (val) => wrapper.setProps({ modelValue: val })
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await wrapper.find("input").setValue("v");
-    await nextTick();
-    await new Promise((resolve) => setTimeout(resolve, 50));
-    expect(mockFetch).toHaveBeenCalled();
-  });
-  it("should trigger suggestions on focus when triggerOnFocus is true", async () => {
-    const mockFetch = vi.fn((query, cb) => cb(suggestions));
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: mockFetch,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    expect(mockFetch).toHaveBeenCalled();
-  });
-  it("should navigate down with ArrowDown key", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    await wrapper.find("input").trigger("keydown", { key: "ArrowDown" });
-    await wrapper.find("input").trigger("keydown", { key: "ArrowDown" });
-    expect(wrapper.emitted()).toBeTruthy();
-  });
-  it("should close dropdown on Escape key", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    await wrapper.find("input").trigger("keydown", { key: "Escape" });
-    expect(wrapper.emitted()).toBeTruthy();
-  });
-  it("should have correct ARIA attributes", () => {
-    const wrapper = mount(Autocomplete);
-    const input = wrapper.find("input");
-    expect(input.attributes("role")).toBe("combobox");
-    expect(input.attributes("aria-autocomplete")).toBe("list");
-  });
-  it("should render prepend and append slots", () => {
-    const wrapper = mount(Autocomplete, {
-      slots: {
-        prepend: "<span>http://</span>",
-        append: "<span>.com</span>"
-      }
-    });
-    expect(wrapper.find(".yh-autocomplete__prepend").exists()).toBe(true);
-    expect(wrapper.find(".yh-autocomplete__append").exists()).toBe(true);
-  });
-  it("should render custom suggestion slot", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions,
-        triggerOnFocus: true
-      },
-      slots: {
-        default: ({ item }) => `Custom: ${item.value}`
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    expect(wrapper.emitted()).toBeTruthy();
-  });
-  it("should expose focus and blur methods", () => {
-    const wrapper = mount(Autocomplete);
-    const vm = wrapper.vm;
-    expect(typeof vm.focus).toBe("function");
-    expect(typeof vm.blur).toBe("function");
-    expect(typeof vm.close).toBe("function");
-    expect(typeof vm.highlight).toBe("function");
-  });
-  it("should highlight first item when highlightFirstItem is true", async () => {
-    const mockFetch = vi.fn((query, cb) => cb(suggestions));
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: mockFetch,
-        highlightFirstItem: true,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    expect(wrapper.vm.highlightedIndex).toBe(0);
-  });
-  it("should support custom valueKey", async () => {
-    const customSuggestions = [{ id: 1, name: "vue" }];
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: (q, cb) => cb(customSuggestions),
-        valueKey: "name",
-        triggerOnFocus: true,
-        teleported: false
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    const items = wrapper.findAll(".yh-autocomplete__suggestion");
-    expect(items[0].text()).toBe("vue");
-  });
-  it("should scroll to highlighted item", async () => {
-    const manySuggestions = Array.from({ length: 20 }, (_, i) => ({ value: `item ${i}` }));
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: (q, cb) => cb(manySuggestions),
-        triggerOnFocus: true,
-        teleported: false
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    const vm = wrapper.vm;
-    vm.highlight(15);
-    await nextTick();
-    expect(vm.highlightedIndex).toBe(15);
-  });
-  it("should render loading and empty slots", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: (q, cb) => {
-        },
-        teleported: false
-      },
-      slots: {
-        loading: '<div class="custom-loading">Loading...</div>'
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await wrapper.find("input").setValue("a");
-    await nextTick();
-    expect(wrapper.find(".custom-loading").exists()).toBe(true);
-    const wrapperEmpty = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: (q, cb) => cb([]),
-        teleported: false
-      },
-      slots: {
-        empty: '<div class="custom-empty">No Data</div>'
-      }
-    });
-    await wrapperEmpty.find("input").trigger("focus");
-    await wrapperEmpty.find("input").setValue("a");
-    await nextTick();
-    expect(wrapperEmpty.find(".custom-empty").exists()).toBe(true);
-  });
-});

package/dist/autocomplete/src/autocomplete.d.vue.ts

@@ -1,63 +0,0 @@
-import type { AutocompleteProps, AutocompleteSuggestion } from './autocomplete';
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_9: {}, __VLS_15: {}, __VLS_25: {}, __VLS_27: {
-    item: any;
-}, __VLS_29: {};
-type __VLS_Slots = {} & {
-    prepend?: (props: typeof __VLS_1) => any;
-} & {
-    prefix?: (props: typeof __VLS_3) => any;
-} & {
-    suffix?: (props: typeof __VLS_9) => any;
-} & {
-    append?: (props: typeof __VLS_15) => any;
-} & {
-    loading?: (props: typeof __VLS_25) => any;
-} & {
-    default?: (props: typeof __VLS_27) => any;
-} & {
-    empty?: (props: typeof __VLS_29) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<AutocompleteProps, {
-    focus: () => void;
-    blur: () => void;
-    close: () => void;
-    highlight: (index: number) => void;
-    inputRef: HTMLInputElement | undefined;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string) => any;
-    clear: () => any;
-    input: (value: string) => any;
-    select: (item: AutocompleteSuggestion) => any;
-    blur: (event: FocusEvent) => any;
-    focus: (event: FocusEvent) => any;
-    "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<AutocompleteProps> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onInput?: ((value: string) => any) | undefined;
-    onSelect?: ((item: AutocompleteSuggestion) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
-    onFocus?: ((event: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    teleported: boolean;
-    disabled: boolean;
-    size: import("./autocomplete").AutocompleteSize;
-    placement: import("./autocomplete").AutocompletePlacement;
-    autofocus: boolean;
-    clearable: boolean;
-    debounce: number;
-    validateEvent: boolean;
-    triggerOnFocus: boolean;
-    valueKey: string;
-    fitInputWidth: boolean;
-    highlightFirstItem: boolean;
-    autocomplete: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};