@opensig/opendesign/lib/cascader-v2/index.d.ts

import { App } from 'vue';
import { default as OCascaderV2Panel } from './OCascaderV2Panel.vue';
import { cascaderV2InjectKey } from './provide';
declare const OCascaderV2: {
    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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<import('..').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: import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT | (import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT)[] | undefined) => any) | undefined;
        "onUpdate:modelValue"?: ((value: import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT | (import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT)[] | undefined) => any) | undefined;
        "onOptions-visible-change"?: ((value: boolean) => any) | undefined;
        "onLazyload-error"?: ((node: import('./types').CascaderV2LazyNodeT) => any) | undefined;
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
        clear: (evt: Event) => any;
        change: (value: import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT | (import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT)[] | undefined) => any;
        "update:modelValue": (value: import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT | (import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT)[] | undefined) => any;
        "options-visible-change": (value: boolean) => any;
        "lazyload-error": (node: import('./types').CascaderV2LazyNodeT) => any;
    }, import('vue').PublicProps, {
        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;
    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
        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 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<{
            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, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, 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<import('..').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: import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT | (import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT)[] | undefined) => any) | undefined;
        "onUpdate:modelValue"?: ((value: import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT | (import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT)[] | undefined) => any) | undefined;
        "onOptions-visible-change"?: ((value: boolean) => any) | undefined;
        "onLazyload-error"?: ((node: import('./types').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;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import('vue').ComponentOptionsBase<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<import('..').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: import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT | (import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT)[] | undefined) => any) | undefined;
    "onUpdate:modelValue"?: ((value: import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT | (import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT)[] | undefined) => any) | undefined;
    "onOptions-visible-change"?: ((value: boolean) => any) | undefined;
    "onLazyload-error"?: ((node: import('./types').CascaderV2LazyNodeT) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
    clear: (evt: Event) => any;
    change: (value: import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT | (import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT)[] | undefined) => any;
    "update:modelValue": (value: import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT | (import('./types').CascaderV2NodeValueT | import('./types').CascaderV2NodePathT)[] | undefined) => any;
    "options-visible-change": (value: boolean) => any;
    "lazyload-error": (node: import('./types').CascaderV2LazyNodeT) => any;
}, string, {
    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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
    $slots: Readonly<{
        default(): any;
        'tag-fold'(): any;
        arrow(props: {
            active: boolean;
        }): any;
        suffix(props: {
            active: boolean;
        }): any;
    }> & {
        default(): any;
        'tag-fold'(): any;
        arrow(props: {
            active: boolean;
        }): any;
        suffix(props: {
            active: boolean;
        }): any;
    };
}) & {
    OCascaderV2Panel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        modelValue: {
            type: import('vue').PropType<import('./types').CascaderV2ValueT>;
            default: string;
        };
        options: {
            type: import('vue').PropType<Array<import('./types').CascaderV2OptionT>>;
        };
        pathMode: {
            type: BooleanConstructor;
            default: boolean;
        };
        expandTrigger: {
            type: import('vue').PropType<"click" | "hover">;
            default: string;
        };
        size: {
            type: import('vue').PropType<Exclude<import('..').SizeT, "small">>;
            default: string;
        };
        showAllLevels: {
            type: BooleanConstructor;
            default: boolean;
        };
        filterable: {
            type: BooleanConstructor;
        };
        lazy: {
            type: BooleanConstructor;
            default: boolean;
        };
        lazyload: {
            type: import('vue').PropType<import('./types').CascaderV2LazyloadFn>;
        };
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
        change: (val: import('./types').CascaderV2ValueT) => any;
        "update:modelValue": (val: import('./types').CascaderV2ValueT) => any;
    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        modelValue: {
            type: import('vue').PropType<import('./types').CascaderV2ValueT>;
            default: string;
        };
        options: {
            type: import('vue').PropType<Array<import('./types').CascaderV2OptionT>>;
        };
        pathMode: {
            type: BooleanConstructor;
            default: boolean;
        };
        expandTrigger: {
            type: import('vue').PropType<"click" | "hover">;
            default: string;
        };
        size: {
            type: import('vue').PropType<Exclude<import('..').SizeT, "small">>;
            default: string;
        };
        showAllLevels: {
            type: BooleanConstructor;
            default: boolean;
        };
        filterable: {
            type: BooleanConstructor;
        };
        lazy: {
            type: BooleanConstructor;
            default: boolean;
        };
        lazyload: {
            type: import('vue').PropType<import('./types').CascaderV2LazyloadFn>;
        };
    }>> & Readonly<{
        onChange?: ((val: import('./types').CascaderV2ValueT) => any) | undefined;
        "onUpdate:modelValue"?: ((val: import('./types').CascaderV2ValueT) => any) | undefined;
    }>, {
        size: "large" | "medium";
        lazy: boolean;
        modelValue: import('./types').CascaderV2ValueT;
        pathMode: boolean;
        expandTrigger: "click" | "hover";
        filterable: boolean;
        showAllLevels: boolean;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    install(app: App): void;
};
export { OCascaderV2, OCascaderV2Panel, cascaderV2InjectKey };
export * from './types';