import { Placement } from '@floating-ui/vue';
import { CityType } from './types';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    hot: {
        type: BooleanConstructor;
        default: boolean;
    };
    placement: {
        type: () => Placement;
        default: "bottom";
        validator: (value: string) => boolean;
    };
    data: {
        type: () => CityType;
        required: true;
    };
}>, {
    wrapCls: import('vue').ComputedRef<string>;
    pickerCls: import('vue').ComputedRef<string>;
    inputCls: import('vue').ComputedRef<string>;
    panelCls: import('vue').ComputedRef<string>;
    tagsCls: import('vue').ComputedRef<string>;
    itemsCls: import('vue').ComputedRef<string>;
    cityList: {
        A: {
            id: string;
            name: string;
        }[];
        B: {
            id: string;
            name: string;
        }[];
        C: {
            id: string;
            name: string;
        }[];
        D: {
            id: string;
            name: string;
        }[];
        E: {
            id: string;
            name: string;
        }[];
        F: {
            id: string;
            name: string;
        }[];
        G: {
            id: string;
            name: string;
        }[];
        H: {
            id: string;
            name: string;
        }[];
        J: {
            id: string;
            name: string;
        }[];
        K: {
            id: string;
            name: string;
        }[];
        L: {
            id: string;
            name: string;
        }[];
        M: {
            id: string;
            name: string;
        }[];
        N: {
            id: string;
            name: string;
        }[];
        P: {
            id: string;
            name: string;
        }[];
        Q: {
            id: string;
            name: string;
        }[];
        R: {
            id: string;
            name: string;
        }[];
        S: {
            id: string;
            name: string;
        }[];
        T: {
            id: string;
            name: string;
        }[];
        W: {
            id: string;
            name: string;
        }[];
        X: {
            id: string;
            name: string;
        }[];
        Y: {
            id: string;
            name: string;
        }[];
        Z: {
            id: string;
            name: string;
        }[];
        hot: {
            id: string;
            name: string;
        }[];
    };
    inputRef: import('vue').Ref<any, any>;
    isMouseOver: import('vue').Ref<boolean, boolean>;
    panelActive: import('vue').Ref<boolean, boolean>;
    cityItem: {
        id: string;
        name: string;
    };
    currTag: import('vue').ComputedRef<any>;
    tagsArr: string[];
    tagKey: import('vue').Ref<string, string>;
    currCityName: import('vue').ComputedRef<string>;
    endChoice: ({ type }: any) => void;
    startMouseOver: () => void;
    startChoice: (ev: any) => void;
    choiceTag: (key: string) => void;
    currTagIncludes: (initial: any) => any;
    choiceCity: (item: any) => void;
    tooltipRef: import('vue').Ref<({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: {
            readonly content?: string | undefined;
            readonly trigger?: "hover" | "click" | undefined;
            readonly placement?: Placement | undefined;
            readonly transition?: string | undefined;
            readonly openDelay?: number | undefined;
            readonly closeDelay?: number | undefined;
            readonly manual?: boolean | undefined;
            readonly "onOn-change"?: ((value: boolean) => any) | undefined;
            readonly "onClick-outside"?: ((value: boolean) => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        } & {
            tooltipRef: HTMLDivElement;
            referenceRef: HTMLDivElement;
            floatingRef: HTMLDivElement;
            arrowRef: HTMLDivElement;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: ((event: "on-change", value: boolean) => void) & ((event: "click-outside", value: boolean) => void);
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('../tooltip/types').TooltipProps> & Readonly<{
            "onOn-change"?: ((value: boolean) => any) | undefined;
            "onClick-outside"?: ((value: boolean) => any) | undefined;
        }>, {
            show: () => void;
            hide: () => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
            "on-change": (value: boolean) => any;
            "click-outside": (value: boolean) => any;
        }, string, {
            transition: string;
            trigger: "hover" | "click";
            placement: Placement;
            openDelay: number;
            closeDelay: number;
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import('vue').nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{
        transition: string;
        trigger: "hover" | "click";
        placement: Placement;
        openDelay: number;
        closeDelay: number;
    }> & Omit<Readonly<import('../tooltip/types').TooltipProps> & Readonly<{
        "onOn-change"?: ((value: boolean) => any) | undefined;
        "onClick-outside"?: ((value: boolean) => any) | undefined;
    }>, "show" | "hide" | ("transition" | "trigger" | "placement" | "openDelay" | "closeDelay")> & import('vue').ShallowUnwrapRef<{
        show: () => void;
        hide: () => void;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: {
            default?(_: {}): any;
            content?(_: {}): any;
        };
    }) | undefined, ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: {
            readonly content?: string | undefined;
            readonly trigger?: "hover" | "click" | undefined;
            readonly placement?: Placement | undefined;
            readonly transition?: string | undefined;
            readonly openDelay?: number | undefined;
            readonly closeDelay?: number | undefined;
            readonly manual?: boolean | undefined;
            readonly "onOn-change"?: ((value: boolean) => any) | undefined;
            readonly "onClick-outside"?: ((value: boolean) => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        } & {
            tooltipRef: HTMLDivElement;
            referenceRef: HTMLDivElement;
            floatingRef: HTMLDivElement;
            arrowRef: HTMLDivElement;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: ((event: "on-change", value: boolean) => void) & ((event: "click-outside", value: boolean) => void);
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('../tooltip/types').TooltipProps> & Readonly<{
            "onOn-change"?: ((value: boolean) => any) | undefined;
            "onClick-outside"?: ((value: boolean) => any) | undefined;
        }>, {
            show: () => void;
            hide: () => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
            "on-change": (value: boolean) => any;
            "click-outside": (value: boolean) => any;
        }, string, {
            transition: string;
            trigger: "hover" | "click";
            placement: Placement;
            openDelay: number;
            closeDelay: number;
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import('vue').nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{
        transition: string;
        trigger: "hover" | "click";
        placement: Placement;
        openDelay: number;
        closeDelay: number;
    }> & Omit<Readonly<import('../tooltip/types').TooltipProps> & Readonly<{
        "onOn-change"?: ((value: boolean) => any) | undefined;
        "onClick-outside"?: ((value: boolean) => any) | undefined;
    }>, "show" | "hide" | ("transition" | "trigger" | "placement" | "openDelay" | "closeDelay")> & import('vue').ShallowUnwrapRef<{
        show: () => void;
        hide: () => void;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: {
            default?(_: {}): any;
            content?(_: {}): any;
        };
    }) | undefined>;
    clickOutside: (show: boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "onChange"[], "onChange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    hot: {
        type: BooleanConstructor;
        default: boolean;
    };
    placement: {
        type: () => Placement;
        default: "bottom";
        validator: (value: string) => boolean;
    };
    data: {
        type: () => CityType;
        required: true;
    };
}>> & Readonly<{
    onOnChange?: ((...args: any[]) => any) | undefined;
}>, {
    placement: Placement;
    hot: boolean;
}, {}, {
    Tooltip: {
        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../tooltip/types').TooltipProps> & Readonly<{
            "onOn-change"?: ((value: boolean) => any) | undefined;
            "onClick-outside"?: ((value: boolean) => any) | undefined;
        }>, {
            show: () => void;
            hide: () => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
            "on-change": (value: boolean) => any;
            "click-outside": (value: boolean) => any;
        }, import('vue').PublicProps, {
            transition: string;
            trigger: "hover" | "click";
            placement: Placement;
            openDelay: number;
            closeDelay: number;
        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
            tooltipRef: HTMLDivElement;
            referenceRef: HTMLDivElement;
            floatingRef: HTMLDivElement;
            arrowRef: HTMLDivElement;
        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('../tooltip/types').TooltipProps> & Readonly<{
            "onOn-change"?: ((value: boolean) => any) | undefined;
            "onClick-outside"?: ((value: boolean) => any) | undefined;
        }>, {
            show: () => void;
            hide: () => void;
        }, {}, {}, {}, {
            transition: string;
            trigger: "hover" | "click";
            placement: Placement;
            openDelay: number;
            closeDelay: number;
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import('vue').ComponentOptionsBase<Readonly<import('../tooltip/types').TooltipProps> & Readonly<{
        "onOn-change"?: ((value: boolean) => any) | undefined;
        "onClick-outside"?: ((value: boolean) => any) | undefined;
    }>, {
        show: () => void;
        hide: () => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
        "on-change": (value: boolean) => any;
        "click-outside": (value: boolean) => any;
    }, string, {
        transition: string;
        trigger: "hover" | "click";
        placement: Placement;
        openDelay: number;
        closeDelay: number;
    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
        $slots: {
            default?(_: {}): any;
            content?(_: {}): any;
        };
    });
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;