xdesign-vue-next/lib/tree-select/index.d.ts

XDesign Component for vue-next

import './style';
export * from './interface';
export declare const TreeSelect: {
    new (...args: any[]): {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: {
            max?: number;
            data?: import("..").TreeOptionData<string | number>[];
            value?: import("./type").TreeSelectValue;
            loading?: boolean;
            disabled?: boolean;
            multiple?: boolean;
            size?: "small" | "medium" | "large";
            readonly?: boolean;
            empty?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            placeholder?: string;
            modelValue?: import("./type").TreeSelectValue;
            autoWidth?: boolean;
            clearable?: boolean;
            inputValue?: string;
            minCollapsedNum?: number;
            borderless?: boolean;
            popupVisible?: boolean;
            loadingText?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            valueType?: "object" | "value";
            filterable?: boolean;
            readonly filter?: (filterWords: string, option: import("..").TreeOptionData<string | number>) => boolean;
            readonly keys?: unknown;
            key?: string | number | symbol;
            style?: unknown;
            readonly onFocus?: (context: {
                value: import("./type").TreeSelectValue;
                e: FocusEvent;
            }) => void;
            readonly onBlur?: (context: {
                value: import("./type").TreeSelectValue;
                e: FocusEvent;
            }) => void;
            readonly onChange?: (value: import("./type").TreeSelectValue, context: {
                node: import("..").TreeNodeModel<import("..").TreeOptionData<string | number>>;
                trigger: import("./type").TreeSelectValueChangeTrigger;
                e?: MouseEvent | KeyboardEvent;
            }) => void;
            class?: unknown;
            ref?: import("vue").VNodeRef;
            ref_for?: boolean;
            ref_key?: string;
            readonly defaultValue?: import("./type").TreeSelectValue;
            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            readonly prefixIcon?: (h: typeof import("vue").h) => import("..").SlotReturnValue;
            readonly onClear?: (context: {
                e: MouseEvent;
            }) => void;
            readonly collapsedItems?: (h: typeof import("vue").h, props: {
                value: import("..").TreeOptionData<string | number>[];
                collapsedSelectedItems: import("..").TreeOptionData<string | number>[];
                count: number;
            }) => import("..").SlotReturnValue;
            readonly inputProps?: unknown;
            readonly defaultInputValue?: string;
            readonly tagProps?: unknown;
            readonly valueDisplay?: (h: typeof import("vue").h, props: {
                value: import("..").TreeOptionData<string | number>[];
                onClose: () => void;
            }) => import("..").SlotReturnValue;
            readonly onInputChange?: (value: string, context?: import("..").SelectInputValueChangeContext) => void;
            readonly onRemove?: (options: import("./type").RemoveOptions<import("..").TreeOptionData<string | number>>) => void;
            readonly popupProps?: unknown;
            readonly onPopupVisibleChange?: (visible: boolean, context: import("..").PopupVisibleChangeContext) => void;
            readonly selectInputProps?: unknown;
            readonly onSearch?: (filterWords: string) => void;
            readonly treeProps?: unknown;
        };
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $emit: (event: string, ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            autoWidth: BooleanConstructor;
            borderless: BooleanConstructor;
            clearable: BooleanConstructor;
            collapsedItems: {
                type: import("vue").PropType<(h: typeof import("vue").h, props: {
                    value: import("..").TreeOptionData<string | number>[];
                    collapsedSelectedItems: import("..").TreeOptionData<string | number>[];
                    count: number;
                }) => import("..").SlotReturnValue>;
            };
            data: {
                type: import("vue").PropType<import("..").TreeOptionData<string | number>[]>;
                default: () => import("..").TreeOptionData<string | number>[];
            };
            disabled: BooleanConstructor;
            empty: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
                default: string;
            };
            filter: {
                type: import("vue").PropType<(filterWords: string, option: import("..").TreeOptionData<string | number>) => boolean>;
            };
            filterable: BooleanConstructor;
            inputProps: {
                type: import("vue").PropType<import("..").TdInputProps>;
            };
            inputValue: {
                type: import("vue").PropType<string>;
                default: any;
            };
            defaultInputValue: {
                type: import("vue").PropType<string>;
            };
            keys: {
                type: import("vue").PropType<import("..").TreeKeysType>;
            };
            loading: BooleanConstructor;
            loadingText: {
                type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
                default: string;
            };
            max: {
                type: NumberConstructor;
                default: number;
            };
            minCollapsedNum: {
                type: NumberConstructor;
                default: number;
            };
            multiple: BooleanConstructor;
            placeholder: {
                type: StringConstructor;
                default: any;
            };
            popupProps: {
                type: import("vue").PropType<import("..").TdPopupProps>;
            };
            popupVisible: {
                type: BooleanConstructor;
                default: any;
            };
            prefixIcon: {
                type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
            };
            readonly: BooleanConstructor;
            selectInputProps: {
                type: import("vue").PropType<import("..").TdSelectInputProps>;
            };
            size: {
                type: import("vue").PropType<"small" | "medium" | "large">;
                default: "small" | "medium" | "large";
                validator(val: "small" | "medium" | "large"): boolean;
            };
            tagProps: {
                type: import("vue").PropType<import("..").TdTagProps>;
            };
            treeProps: {
                type: import("vue").PropType<import("..").TreeProps>;
            };
            value: {
                type: import("vue").PropType<import("./type").TreeSelectValue>;
                default: import("./type").TreeSelectValue;
            };
            modelValue: {
                type: import("vue").PropType<import("./type").TreeSelectValue>;
                default: import("./type").TreeSelectValue;
            };
            defaultValue: {
                type: import("vue").PropType<import("./type").TreeSelectValue>;
            };
            valueDisplay: {
                type: import("vue").PropType<(h: typeof import("vue").h, props: {
                    value: import("..").TreeOptionData<string | number>[];
                    onClose: () => void;
                }) => import("..").SlotReturnValue>;
            };
            valueType: {
                type: import("vue").PropType<"object" | "value">;
                default: "object" | "value";
                validator(val: "object" | "value"): boolean;
            };
            onBlur: import("vue").PropType<(context: {
                value: import("./type").TreeSelectValue;
                e: FocusEvent;
            }) => void>;
            onChange: import("vue").PropType<(value: import("./type").TreeSelectValue, context: {
                node: import("..").TreeNodeModel<import("..").TreeOptionData<string | number>>;
                trigger: import("./type").TreeSelectValueChangeTrigger;
                e?: MouseEvent | KeyboardEvent;
            }) => void>;
            onClear: import("vue").PropType<(context: {
                e: MouseEvent;
            }) => void>;
            onFocus: import("vue").PropType<(context: {
                value: import("./type").TreeSelectValue;
                e: FocusEvent;
            }) => void>;
            onInputChange: import("vue").PropType<(value: string, context?: import("..").SelectInputValueChangeContext) => void>;
            onPopupVisibleChange: import("vue").PropType<(visible: boolean, context: import("..").PopupVisibleChangeContext) => void>;
            onRemove: import("vue").PropType<(options: import("./type").RemoveOptions<import("..").TreeOptionData<string | number>>) => void>;
            onSearch: import("vue").PropType<(filterWords: string) => void>;
        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
            max: number;
            data: import("..").TreeOptionData<string | number>[];
            value: import("./type").TreeSelectValue;
            loading: boolean;
            disabled: boolean;
            multiple: boolean;
            size: "small" | "medium" | "large";
            readonly: boolean;
            empty: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            placeholder: string;
            modelValue: import("./type").TreeSelectValue;
            autoWidth: boolean;
            clearable: boolean;
            inputValue: string;
            minCollapsedNum: number;
            borderless: boolean;
            popupVisible: boolean;
            loadingText: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
            valueType: "object" | "value";
            filterable: boolean;
        }, {}, string, {}> & {
            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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
    } & Readonly<import("vue").ExtractPropTypes<{
        autoWidth: BooleanConstructor;
        borderless: BooleanConstructor;
        clearable: BooleanConstructor;
        collapsedItems: {
            type: import("vue").PropType<(h: typeof import("vue").h, props: {
                value: import("..").TreeOptionData<string | number>[];
                collapsedSelectedItems: import("..").TreeOptionData<string | number>[];
                count: number;
            }) => import("..").SlotReturnValue>;
        };
        data: {
            type: import("vue").PropType<import("..").TreeOptionData<string | number>[]>;
            default: () => import("..").TreeOptionData<string | number>[];
        };
        disabled: BooleanConstructor;
        empty: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
            default: string;
        };
        filter: {
            type: import("vue").PropType<(filterWords: string, option: import("..").TreeOptionData<string | number>) => boolean>;
        };
        filterable: BooleanConstructor;
        inputProps: {
            type: import("vue").PropType<import("..").TdInputProps>;
        };
        inputValue: {
            type: import("vue").PropType<string>;
            default: any;
        };
        defaultInputValue: {
            type: import("vue").PropType<string>;
        };
        keys: {
            type: import("vue").PropType<import("..").TreeKeysType>;
        };
        loading: BooleanConstructor;
        loadingText: {
            type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
            default: string;
        };
        max: {
            type: NumberConstructor;
            default: number;
        };
        minCollapsedNum: {
            type: NumberConstructor;
            default: number;
        };
        multiple: BooleanConstructor;
        placeholder: {
            type: StringConstructor;
            default: any;
        };
        popupProps: {
            type: import("vue").PropType<import("..").TdPopupProps>;
        };
        popupVisible: {
            type: BooleanConstructor;
            default: any;
        };
        prefixIcon: {
            type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
        };
        readonly: BooleanConstructor;
        selectInputProps: {
            type: import("vue").PropType<import("..").TdSelectInputProps>;
        };
        size: {
            type: import("vue").PropType<"small" | "medium" | "large">;
            default: "small" | "medium" | "large";
            validator(val: "small" | "medium" | "large"): boolean;
        };
        tagProps: {
            type: import("vue").PropType<import("..").TdTagProps>;
        };
        treeProps: {
            type: import("vue").PropType<import("..").TreeProps>;
        };
        value: {
            type: import("vue").PropType<import("./type").TreeSelectValue>;
            default: import("./type").TreeSelectValue;
        };
        modelValue: {
            type: import("vue").PropType<import("./type").TreeSelectValue>;
            default: import("./type").TreeSelectValue;
        };
        defaultValue: {
            type: import("vue").PropType<import("./type").TreeSelectValue>;
        };
        valueDisplay: {
            type: import("vue").PropType<(h: typeof import("vue").h, props: {
                value: import("..").TreeOptionData<string | number>[];
                onClose: () => void;
            }) => import("..").SlotReturnValue>;
        };
        valueType: {
            type: import("vue").PropType<"object" | "value">;
            default: "object" | "value";
            validator(val: "object" | "value"): boolean;
        };
        onBlur: import("vue").PropType<(context: {
            value: import("./type").TreeSelectValue;
            e: FocusEvent;
        }) => void>;
        onChange: import("vue").PropType<(value: import("./type").TreeSelectValue, context: {
            node: import("..").TreeNodeModel<import("..").TreeOptionData<string | number>>;
            trigger: import("./type").TreeSelectValueChangeTrigger;
            e?: MouseEvent | KeyboardEvent;
        }) => void>;
        onClear: import("vue").PropType<(context: {
            e: MouseEvent;
        }) => void>;
        onFocus: import("vue").PropType<(context: {
            value: import("./type").TreeSelectValue;
            e: FocusEvent;
        }) => void>;
        onInputChange: import("vue").PropType<(value: string, context?: import("..").SelectInputValueChangeContext) => void>;
        onPopupVisibleChange: import("vue").PropType<(visible: boolean, context: import("..").PopupVisibleChangeContext) => void>;
        onRemove: import("vue").PropType<(options: import("./type").RemoveOptions<import("..").TreeOptionData<string | number>>) => void>;
        onSearch: import("vue").PropType<(filterWords: string) => void>;
    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    autoWidth: BooleanConstructor;
    borderless: BooleanConstructor;
    clearable: BooleanConstructor;
    collapsedItems: {
        type: import("vue").PropType<(h: typeof import("vue").h, props: {
            value: import("..").TreeOptionData<string | number>[];
            collapsedSelectedItems: import("..").TreeOptionData<string | number>[];
            count: number;
        }) => import("..").SlotReturnValue>;
    };
    data: {
        type: import("vue").PropType<import("..").TreeOptionData<string | number>[]>;
        default: () => import("..").TreeOptionData<string | number>[];
    };
    disabled: BooleanConstructor;
    empty: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
        default: string;
    };
    filter: {
        type: import("vue").PropType<(filterWords: string, option: import("..").TreeOptionData<string | number>) => boolean>;
    };
    filterable: BooleanConstructor;
    inputProps: {
        type: import("vue").PropType<import("..").TdInputProps>;
    };
    inputValue: {
        type: import("vue").PropType<string>;
        default: any;
    };
    defaultInputValue: {
        type: import("vue").PropType<string>;
    };
    keys: {
        type: import("vue").PropType<import("..").TreeKeysType>;
    };
    loading: BooleanConstructor;
    loadingText: {
        type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
        default: string;
    };
    max: {
        type: NumberConstructor;
        default: number;
    };
    minCollapsedNum: {
        type: NumberConstructor;
        default: number;
    };
    multiple: BooleanConstructor;
    placeholder: {
        type: StringConstructor;
        default: any;
    };
    popupProps: {
        type: import("vue").PropType<import("..").TdPopupProps>;
    };
    popupVisible: {
        type: BooleanConstructor;
        default: any;
    };
    prefixIcon: {
        type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
    };
    readonly: BooleanConstructor;
    selectInputProps: {
        type: import("vue").PropType<import("..").TdSelectInputProps>;
    };
    size: {
        type: import("vue").PropType<"small" | "medium" | "large">;
        default: "small" | "medium" | "large";
        validator(val: "small" | "medium" | "large"): boolean;
    };
    tagProps: {
        type: import("vue").PropType<import("..").TdTagProps>;
    };
    treeProps: {
        type: import("vue").PropType<import("..").TreeProps>;
    };
    value: {
        type: import("vue").PropType<import("./type").TreeSelectValue>;
        default: import("./type").TreeSelectValue;
    };
    modelValue: {
        type: import("vue").PropType<import("./type").TreeSelectValue>;
        default: import("./type").TreeSelectValue;
    };
    defaultValue: {
        type: import("vue").PropType<import("./type").TreeSelectValue>;
    };
    valueDisplay: {
        type: import("vue").PropType<(h: typeof import("vue").h, props: {
            value: import("..").TreeOptionData<string | number>[];
            onClose: () => void;
        }) => import("..").SlotReturnValue>;
    };
    valueType: {
        type: import("vue").PropType<"object" | "value">;
        default: "object" | "value";
        validator(val: "object" | "value"): boolean;
    };
    onBlur: import("vue").PropType<(context: {
        value: import("./type").TreeSelectValue;
        e: FocusEvent;
    }) => void>;
    onChange: import("vue").PropType<(value: import("./type").TreeSelectValue, context: {
        node: import("..").TreeNodeModel<import("..").TreeOptionData<string | number>>;
        trigger: import("./type").TreeSelectValueChangeTrigger;
        e?: MouseEvent | KeyboardEvent;
    }) => void>;
    onClear: import("vue").PropType<(context: {
        e: MouseEvent;
    }) => void>;
    onFocus: import("vue").PropType<(context: {
        value: import("./type").TreeSelectValue;
        e: FocusEvent;
    }) => void>;
    onInputChange: import("vue").PropType<(value: string, context?: import("..").SelectInputValueChangeContext) => void>;
    onPopupVisibleChange: import("vue").PropType<(visible: boolean, context: import("..").PopupVisibleChangeContext) => void>;
    onRemove: import("vue").PropType<(options: import("./type").RemoveOptions<import("..").TreeOptionData<string | number>>) => void>;
    onSearch: import("vue").PropType<(filterWords: string) => void>;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    max: number;
    data: import("..").TreeOptionData<string | number>[];
    value: import("./type").TreeSelectValue;
    loading: boolean;
    disabled: boolean;
    multiple: boolean;
    size: "small" | "medium" | "large";
    readonly: boolean;
    empty: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
    placeholder: string;
    modelValue: import("./type").TreeSelectValue;
    autoWidth: boolean;
    clearable: boolean;
    inputValue: string;
    minCollapsedNum: number;
    borderless: boolean;
    popupVisible: boolean;
    loadingText: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
    valueType: "object" | "value";
    filterable: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
export default TreeSelect;