@opensig/opendesign/lib/cascader-v2/OCascaderV2.vue.d.ts

import { nextTick } from 'vue';
import { SelectOptionT } from '../select/types';
import { CascaderV2NodePathT, CascaderV2NodeValueT, CascaderV2LazyNodeT } from './types';
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<{
        /**
         * @zh-CN 默认面板内容，可自定义整个下拉面板
         * @en-US Default panel content, can customize the entire dropdown panel
         */
        default(): any;
        /**
         * @zh-CN 折叠标签自定义文本
         * @en-US Custom text for folded tags
         */
        'tag-fold'(): any;
        /**
         * @zh-CN 下拉箭头图标，参数 active 表示面板是否展开
         * @en-US Dropdown arrow icon, param active indicates whether the panel is open
         */
        arrow(props: {
            active: boolean;
        }): any;
        /**
         * @zh-CN 后缀区域内容，参数 active 表示面板是否展开
         * @en-US Suffix area content, param active indicates whether the panel is open
         */
        suffix(props: {
            active: boolean;
        }): any;
    }> & {
        /**
         * @zh-CN 默认面板内容，可自定义整个下拉面板
         * @en-US Default panel content, can customize the entire dropdown panel
         */
        default(): any;
        /**
         * @zh-CN 折叠标签自定义文本
         * @en-US Custom text for folded tags
         */
        'tag-fold'(): any;
        /**
         * @zh-CN 下拉箭头图标，参数 active 表示面板是否展开
         * @en-US Dropdown arrow icon, param active indicates whether the panel is open
         */
        arrow(props: {
            active: boolean;
        }): any;
        /**
         * @zh-CN 后缀区域内容，参数 active 表示面板是否展开
         * @en-US Suffix area content, param active indicates whether the panel is open
         */
        suffix(props: {
            active: boolean;
        }): any;
    };
    refs: {
        cascaderV2Ref: ({
            $: import('vue').ComponentInternalInstance;
            $data: {};
            $props: Partial<{
                color: "normal" | "primary" | "success" | "warning" | "danger";
                disabled: boolean;
                variant: "solid" | "outline" | "text";
                readonly: boolean;
                focused: boolean;
            }> & Omit<{
                readonly color: "normal" | "primary" | "success" | "warning" | "danger";
                readonly disabled: boolean;
                readonly variant: "solid" | "outline" | "text";
                readonly readonly: boolean;
                readonly focused: boolean;
                readonly round?: import('..').RoundT | undefined;
                readonly size?: "large" | "medium" | "small" | undefined;
            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "readonly" | "focused">;
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            };
            $slots: Readonly<{
                [name: string]: import('vue').Slot<any> | undefined;
            }>;
            $root: import('vue').ComponentPublicInstance | null;
            $parent: import('vue').ComponentPublicInstance | null;
            $host: Element | null;
            $emit: (event: string, ...args: any[]) => void;
            $el: HTMLDivElement;
            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                size: {
                    type: import('vue').PropType<import('..').SizeT>;
                };
                round: {
                    type: import('vue').PropType<import('..').RoundT>;
                };
                color: {
                    type: import('vue').PropType<import('..').Color2T>;
                    default: string;
                };
                variant: {
                    type: import('vue').PropType<import('..').VariantT>;
                    default: string;
                };
                focused: {
                    type: BooleanConstructor;
                };
                disabled: {
                    type: BooleanConstructor;
                };
                readonly: {
                    type: BooleanConstructor;
                };
            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                color: "normal" | "primary" | "success" | "warning" | "danger";
                disabled: boolean;
                variant: "solid" | "outline" | "text";
                readonly: boolean;
                focused: boolean;
            }, {}, 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 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<{
            color: "normal" | "primary" | "success" | "warning" | "danger";
            disabled: boolean;
            variant: "solid" | "outline" | "text";
            readonly: boolean;
            focused: boolean;
        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
            size: {
                type: import('vue').PropType<import('..').SizeT>;
            };
            round: {
                type: import('vue').PropType<import('..').RoundT>;
            };
            color: {
                type: import('vue').PropType<import('..').Color2T>;
                default: string;
            };
            variant: {
                type: import('vue').PropType<import('..').VariantT>;
                default: string;
            };
            focused: {
                type: BooleanConstructor;
            };
            disabled: {
                type: BooleanConstructor;
            };
            readonly: {
                type: BooleanConstructor;
            };
        }>> & Readonly<{}>, "color" | "disabled" | "variant" | "readonly" | "focused"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
            $slots: Readonly<{
                default(): any;
                prepend(): any;
                append(): any;
            }> & {
                default(): any;
                prepend(): any;
                append(): any;
            };
        }) | null;
        inputRef: HTMLInputElement;
        inputMirrorRef: HTMLSpanElement;
        cascaderv2Panel: HTMLDivElement;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    modelValue: {
        type: import('vue').PropType<import('..').CascaderValueT>;
        default: string;
    };
    options: {
        type: import('vue').PropType<Array<import('./types').CascaderV2OptionT>>;
    };
    size: {
        type: import('vue').PropType<Exclude<import('..').SizeT, "small">>;
        default: string;
    };
    round: {
        type: import('vue').PropType<import('..').RoundT>;
    };
    color: {
        type: import('vue').PropType<import('..').Color2T>;
        default: string;
    };
    variant: {
        type: import('vue').PropType<import('..').VariantT>;
        default: string;
    };
    disabled: {
        type: BooleanConstructor;
    };
    loading: {
        type: BooleanConstructor;
    };
    clearable: {
        type: BooleanConstructor;
    };
    multiple: {
        type: BooleanConstructor;
    };
    placeholder: {
        type: StringConstructor;
    };
    filterable: {
        type: BooleanConstructor;
    };
    maxTagCount: {
        type: NumberConstructor;
    };
    foldLabel: {
        type: import('vue').PropType<(tags: Array<SelectOptionT>) => string>;
    };
    showFoldTags: {
        type: import('vue').PropType<boolean | "hover" | "click">;
        default: string;
    };
    beforeSelect: {
        type: import('vue').PropType<import('./types').CascaderV2BeforeSelectFn>;
    };
    transition: {
        type: StringConstructor;
    };
    unmountOnHide: {
        type: BooleanConstructor;
        default: boolean;
    };
    optionPosition: {
        type: import('vue').PropType<import('..').PopupPositionT>;
        default: string;
    };
    optionsWrapper: {
        type: import('vue').PropType<string | HTMLElement | null>;
        default: string;
    };
    trigger: {
        type: import('vue').PropType<import('..').PopupTriggerT>;
        default: string;
    };
    optionWidthMode: {
        type: import('vue').PropType<import('..').OptionWidthModeT>;
        default: string;
    };
    beforeOptionsShow: {
        type: import('vue').PropType<() => Promise<boolean> | boolean>;
    };
    beforeOptionsHide: {
        type: import('vue').PropType<() => Promise<boolean> | boolean>;
    };
    pathMode: {
        type: BooleanConstructor;
        default: boolean;
    };
    expandTrigger: {
        type: import('vue').PropType<"click" | "hover">;
        default: string;
    };
    showAllLevels: {
        type: BooleanConstructor;
        default: boolean;
    };
    emitPath: {
        type: BooleanConstructor;
        default: boolean;
    };
    allowSelectAnyNode: {
        type: BooleanConstructor;
        default: boolean;
    };
    lazy: {
        type: BooleanConstructor;
        default: boolean;
    };
    lazyload: {
        type: import('vue').PropType<import('./types').CascaderV2LazyloadFn>;
    };
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    clear: (evt: Event) => any;
    change: (value: CascaderV2NodeValueT | CascaderV2NodePathT | (CascaderV2NodeValueT | CascaderV2NodePathT)[] | undefined) => any;
    "update:modelValue": (value: CascaderV2NodeValueT | CascaderV2NodePathT | (CascaderV2NodeValueT | CascaderV2NodePathT)[] | undefined) => any;
    "options-visible-change": (value: boolean) => any;
    "lazyload-error": (node: CascaderV2LazyNodeT) => any;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    modelValue: {
        type: import('vue').PropType<import('..').CascaderValueT>;
        default: string;
    };
    options: {
        type: import('vue').PropType<Array<import('./types').CascaderV2OptionT>>;
    };
    size: {
        type: import('vue').PropType<Exclude<import('..').SizeT, "small">>;
        default: string;
    };
    round: {
        type: import('vue').PropType<import('..').RoundT>;
    };
    color: {
        type: import('vue').PropType<import('..').Color2T>;
        default: string;
    };
    variant: {
        type: import('vue').PropType<import('..').VariantT>;
        default: string;
    };
    disabled: {
        type: BooleanConstructor;
    };
    loading: {
        type: BooleanConstructor;
    };
    clearable: {
        type: BooleanConstructor;
    };
    multiple: {
        type: BooleanConstructor;
    };
    placeholder: {
        type: StringConstructor;
    };
    filterable: {
        type: BooleanConstructor;
    };
    maxTagCount: {
        type: NumberConstructor;
    };
    foldLabel: {
        type: import('vue').PropType<(tags: Array<SelectOptionT>) => string>;
    };
    showFoldTags: {
        type: import('vue').PropType<boolean | "hover" | "click">;
        default: string;
    };
    beforeSelect: {
        type: import('vue').PropType<import('./types').CascaderV2BeforeSelectFn>;
    };
    transition: {
        type: StringConstructor;
    };
    unmountOnHide: {
        type: BooleanConstructor;
        default: boolean;
    };
    optionPosition: {
        type: import('vue').PropType<import('..').PopupPositionT>;
        default: string;
    };
    optionsWrapper: {
        type: import('vue').PropType<string | HTMLElement | null>;
        default: string;
    };
    trigger: {
        type: import('vue').PropType<import('..').PopupTriggerT>;
        default: string;
    };
    optionWidthMode: {
        type: import('vue').PropType<import('..').OptionWidthModeT>;
        default: string;
    };
    beforeOptionsShow: {
        type: import('vue').PropType<() => Promise<boolean> | boolean>;
    };
    beforeOptionsHide: {
        type: import('vue').PropType<() => Promise<boolean> | boolean>;
    };
    pathMode: {
        type: BooleanConstructor;
        default: boolean;
    };
    expandTrigger: {
        type: import('vue').PropType<"click" | "hover">;
        default: string;
    };
    showAllLevels: {
        type: BooleanConstructor;
        default: boolean;
    };
    emitPath: {
        type: BooleanConstructor;
        default: boolean;
    };
    allowSelectAnyNode: {
        type: BooleanConstructor;
        default: boolean;
    };
    lazy: {
        type: BooleanConstructor;
        default: boolean;
    };
    lazyload: {
        type: import('vue').PropType<import('./types').CascaderV2LazyloadFn>;
    };
}>> & Readonly<{
    onClear?: ((evt: Event) => any) | undefined;
    onChange?: ((value: CascaderV2NodeValueT | CascaderV2NodePathT | (CascaderV2NodeValueT | CascaderV2NodePathT)[] | undefined) => any) | undefined;
    "onUpdate:modelValue"?: ((value: CascaderV2NodeValueT | CascaderV2NodePathT | (CascaderV2NodeValueT | CascaderV2NodePathT)[] | undefined) => any) | undefined;
    "onOptions-visible-change"?: ((value: boolean) => any) | undefined;
    "onLazyload-error"?: ((node: CascaderV2LazyNodeT) => any) | undefined;
}>, {
    color: "normal" | "primary" | "success" | "warning" | "danger";
    size: "large" | "medium";
    disabled: boolean;
    multiple: boolean;
    trigger: "none" | "click" | "contextmenu" | "focus" | "click-outclick" | "hover" | "hover-outclick";
    unmountOnHide: boolean;
    variant: "solid" | "outline" | "text";
    loading: boolean;
    lazy: boolean;
    modelValue: import('..').CascaderValueT;
    clearable: boolean;
    optionPosition: "left" | "right" | "top" | "bottom" | "br" | "rt" | "tr" | "rb" | "tl" | "bl" | "lt" | "lb";
    optionWidthMode: "width" | "auto" | "min-width";
    optionsWrapper: string | HTMLElement | null;
    showFoldTags: boolean | "click" | "hover";
    pathMode: boolean;
    expandTrigger: "click" | "hover";
    filterable: boolean;
    showAllLevels: boolean;
    emitPath: boolean;
    allowSelectAnyNode: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    cascaderV2Ref: ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            color: "normal" | "primary" | "success" | "warning" | "danger";
            disabled: boolean;
            variant: "solid" | "outline" | "text";
            readonly: boolean;
            focused: boolean;
        }> & Omit<{
            readonly color: "normal" | "primary" | "success" | "warning" | "danger";
            readonly disabled: boolean;
            readonly variant: "solid" | "outline" | "text";
            readonly readonly: boolean;
            readonly focused: boolean;
            readonly round?: import('..').RoundT | undefined;
            readonly size?: "large" | "medium" | "small" | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "color" | "disabled" | "variant" | "readonly" | "focused">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: (event: string, ...args: any[]) => void;
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            size: {
                type: import('vue').PropType<import('..').SizeT>;
            };
            round: {
                type: import('vue').PropType<import('..').RoundT>;
            };
            color: {
                type: import('vue').PropType<import('..').Color2T>;
                default: string;
            };
            variant: {
                type: import('vue').PropType<import('..').VariantT>;
                default: string;
            };
            focused: {
                type: BooleanConstructor;
            };
            disabled: {
                type: BooleanConstructor;
            };
            readonly: {
                type: BooleanConstructor;
            };
        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
            color: "normal" | "primary" | "success" | "warning" | "danger";
            disabled: boolean;
            variant: "solid" | "outline" | "text";
            readonly: boolean;
            focused: boolean;
        }, {}, 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 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<{
        color: "normal" | "primary" | "success" | "warning" | "danger";
        disabled: boolean;
        variant: "solid" | "outline" | "text";
        readonly: boolean;
        focused: boolean;
    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
        size: {
            type: import('vue').PropType<import('..').SizeT>;
        };
        round: {
            type: import('vue').PropType<import('..').RoundT>;
        };
        color: {
            type: import('vue').PropType<import('..').Color2T>;
            default: string;
        };
        variant: {
            type: import('vue').PropType<import('..').VariantT>;
            default: string;
        };
        focused: {
            type: BooleanConstructor;
        };
        disabled: {
            type: BooleanConstructor;
        };
        readonly: {
            type: BooleanConstructor;
        };
    }>> & Readonly<{}>, "color" | "disabled" | "variant" | "readonly" | "focused"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Readonly<{
            default(): any;
            prepend(): any;
            append(): any;
        }> & {
            default(): any;
            prepend(): any;
            append(): any;
        };
    }) | null;
    inputRef: HTMLInputElement;
    inputMirrorRef: HTMLSpanElement;
    cascaderv2Panel: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};