hongluan-ui/lib/components/tree-v2/src/tree-node.vue.d.ts

Hongluan Component Library for Vue 3

import type { CheckboxValueType } from 'hongluan-ui/es/components/checkbox';
declare const _default: import("vue").DefineComponent<{
    readonly node: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeNode>, unknown, unknown, () => import("../../../utils").Mutable<{
        readonly key: -1;
        readonly level: -1;
        readonly data: {};
    }>, boolean>;
    readonly expanded: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly checked: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly indeterminate: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly showCheckbox: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly disabled: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly current: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly hiddenExpandIcon: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
}, {
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        readonly node: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeNode>, unknown, unknown, () => import("../../../utils").Mutable<{
            readonly key: -1;
            readonly level: -1;
            readonly data: {};
        }>, boolean>;
        readonly expanded: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly checked: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly indeterminate: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly showCheckbox: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly disabled: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly current: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly hiddenExpandIcon: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    }>> & {
        onClick?: (node: import("./types").TreeNode, e: MouseEvent) => any;
        onToggle?: (node: import("./types").TreeNode) => any;
        onCheck?: (node: import("./types").TreeNode, checked: CheckboxValueType) => any;
    }>>;
    emit: ((event: "click", node: import("./types").TreeNode, e: MouseEvent) => void) & ((event: "check", node: import("./types").TreeNode, checked: CheckboxValueType) => void) & ((event: "toggle", node: import("./types").TreeNode) => void);
    tree: import("./types").TreeContext;
    indent: import("vue").ComputedRef<number>;
    handleClick: (e: MouseEvent) => void;
    handleExpandIconClick: () => void;
    handleCheckChange: (value: CheckboxValueType) => void;
    handleContextMenu: (event: Event) => void;
    SystemCaret: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    HlIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        color: StringConstructor;
        border: NumberConstructor;
        opacity: NumberConstructor;
        width: (StringConstructor | NumberConstructor)[];
        height: (StringConstructor | NumberConstructor)[];
        gradient: BooleanConstructor;
        startColor: StringConstructor;
        fill: BooleanConstructor;
        round: BooleanConstructor;
        radius: BooleanConstructor;
        transition: BooleanConstructor;
        effect: StringConstructor;
    }, {
        namespace: import("vue").ComputedRef<string>;
        iconStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
        iconId: string;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        color: StringConstructor;
        border: NumberConstructor;
        opacity: NumberConstructor;
        width: (StringConstructor | NumberConstructor)[];
        height: (StringConstructor | NumberConstructor)[];
        gradient: BooleanConstructor;
        startColor: StringConstructor;
        fill: BooleanConstructor;
        round: BooleanConstructor;
        radius: BooleanConstructor;
        transition: BooleanConstructor;
        effect: StringConstructor;
    }>>, {
        name: string;
        fill: boolean;
        round: boolean;
        transition: boolean;
        gradient: boolean;
        radius: boolean;
    }>> & Record<string, any>;
    HlCheckbox: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
        ariaControls: StringConstructor;
        modelValue: {
            type: (BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
            default: any;
        };
        label: {
            type: import("vue").PropType<string | number | boolean | Record<string, unknown>>;
            default: any;
        };
        value: {
            type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
            default: any;
        };
        indeterminate: BooleanConstructor;
        disabled: BooleanConstructor;
        checked: BooleanConstructor;
        bold: BooleanConstructor;
        fill: BooleanConstructor;
        custom: BooleanConstructor;
        round: BooleanConstructor;
        name: {
            type: StringConstructor;
            default: any;
        };
        trueValue: {
            type: (StringConstructor | NumberConstructor)[];
            default: any;
        };
        falseValue: {
            type: (StringConstructor | NumberConstructor)[];
            default: any;
        };
        trueLabel: {
            type: (StringConstructor | NumberConstructor)[];
            default: any;
        };
        falseLabel: {
            type: (StringConstructor | NumberConstructor)[];
            default: any;
        };
        id: {
            type: StringConstructor;
            default: any;
        };
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        controls: {
            type: StringConstructor;
            default: any;
        };
        showLabel: {
            type: BooleanConstructor;
            default: boolean;
        };
        tabindex: (StringConstructor | NumberConstructor)[];
        validateEvent: {
            type: BooleanConstructor;
            default: boolean;
        };
    }, {
        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
            ariaControls: StringConstructor;
            modelValue: {
                type: (BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
                default: any;
            };
            label: {
                type: import("vue").PropType<string | number | boolean | Record<string, unknown>>;
                default: any;
            };
            value: {
                type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
                default: any;
            };
            indeterminate: BooleanConstructor;
            disabled: BooleanConstructor;
            checked: BooleanConstructor;
            bold: BooleanConstructor;
            fill: BooleanConstructor;
            custom: BooleanConstructor;
            round: BooleanConstructor;
            name: {
                type: StringConstructor;
                default: any;
            };
            trueValue: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            falseValue: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            trueLabel: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            falseLabel: {
                type: (StringConstructor | NumberConstructor)[];
                default: any;
            };
            id: {
                type: StringConstructor;
                default: any;
            };
            type: {
                type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
                validator: (val: string) => boolean;
            };
            size: {
                type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
                validator: (val: string) => boolean;
            };
            controls: {
                type: StringConstructor;
                default: any;
            };
            showLabel: {
                type: BooleanConstructor;
                default: boolean;
            };
            tabindex: (StringConstructor | NumberConstructor)[];
            validateEvent: {
                type: BooleanConstructor;
                default: boolean;
            };
        }>> & {
            onChange?: (val: CheckboxValueType) => any;
            "onUpdate:modelValue"?: (val: CheckboxValueType) => any;
        }>>;
        slots: Readonly<{
            [name: string]: import("vue").Slot;
        }>;
        namespace: import("vue").ComputedRef<string>;
        inputId: import("vue").Ref<string>;
        isLabeledByFormItem: import("vue").ComputedRef<boolean>;
        isChecked: import("vue").ComputedRef<boolean>;
        isDisabled: import("vue").ComputedRef<boolean>;
        isFocused: import("vue").Ref<boolean>;
        isCustom: import("vue").ComputedRef<boolean>;
        isRound: import("vue").ComputedRef<boolean>;
        isFill: import("vue").ComputedRef<boolean>;
        checkboxType: import("vue").ComputedRef<"success" | "info" | "warning" | "danger" | "link" | "primary">;
        checkboxSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        hasOwnLabel: import("vue").ComputedRef<boolean>;
        model: import("vue").WritableComputedRef<any>;
        actualValue: import("vue").ComputedRef<string | number | boolean | Record<string, any>>;
        handleChange: (e: Event) => void;
        onClickRoot: (e: MouseEvent) => Promise<void>;
        HlIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
            type: {
                type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
                validator: (val: string) => boolean;
            };
            size: {
                type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
                validator: (val: string) => boolean;
            };
            name: {
                type: StringConstructor;
                default: string;
            };
            color: StringConstructor;
            border: NumberConstructor;
            opacity: NumberConstructor;
            width: (StringConstructor | NumberConstructor)[];
            height: (StringConstructor | NumberConstructor)[];
            gradient: BooleanConstructor;
            startColor: StringConstructor;
            fill: BooleanConstructor;
            round: BooleanConstructor;
            radius: BooleanConstructor;
            transition: BooleanConstructor;
            effect: StringConstructor;
        }, {
            namespace: import("vue").ComputedRef<string>;
            iconStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
            iconId: string;
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
            type: {
                type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
                validator: (val: string) => boolean;
            };
            size: {
                type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
                validator: (val: string) => boolean;
            };
            name: {
                type: StringConstructor;
                default: string;
            };
            color: StringConstructor;
            border: NumberConstructor;
            opacity: NumberConstructor;
            width: (StringConstructor | NumberConstructor)[];
            height: (StringConstructor | NumberConstructor)[];
            gradient: BooleanConstructor;
            startColor: StringConstructor;
            fill: BooleanConstructor;
            round: BooleanConstructor;
            radius: BooleanConstructor;
            transition: BooleanConstructor;
            effect: StringConstructor;
        }>>, {
            name: string;
            fill: boolean;
            round: boolean;
            transition: boolean;
            gradient: boolean;
            radius: boolean;
        }>> & Record<string, any>;
        SystemChecked: import("vue").DefineComponent<{
            gradient: {
                type: BooleanConstructor;
            };
            borderWidth: {
                type: (StringConstructor | NumberConstructor)[];
                default: string;
            };
            opacity: {
                type: (StringConstructor | NumberConstructor)[];
                default: string;
            };
            startColor: {
                type: StringConstructor;
                default: string;
            };
        }, {
            CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>;
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
            gradient: {
                type: BooleanConstructor;
            };
            borderWidth: {
                type: (StringConstructor | NumberConstructor)[];
                default: string;
            };
            opacity: {
                type: (StringConstructor | NumberConstructor)[];
                default: string;
            };
            startColor: {
                type: StringConstructor;
                default: string;
            };
        }>>, {
            opacity: string | number;
            gradient: boolean;
            startColor: string;
            borderWidth: string | number;
        }>;
        SystemIndeterminate: import("vue").DefineComponent<{
            gradient: {
                type: BooleanConstructor;
            };
            borderWidth: {
                type: (StringConstructor | NumberConstructor)[];
                default: string;
            };
            opacity: {
                type: (StringConstructor | NumberConstructor)[];
                default: string;
            };
            startColor: {
                type: StringConstructor;
                default: string;
            };
        }, {
            CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>;
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
            gradient: {
                type: BooleanConstructor;
            };
            borderWidth: {
                type: (StringConstructor | NumberConstructor)[];
                default: string;
            };
            opacity: {
                type: (StringConstructor | NumberConstructor)[];
                default: string;
            };
            startColor: {
                type: StringConstructor;
                default: string;
            };
        }>>, {
            opacity: string | number;
            gradient: boolean;
            startColor: string;
            borderWidth: string | number;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        "update:modelValue": (val: CheckboxValueType) => boolean;
        change: (val: CheckboxValueType) => boolean;
    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        ariaControls: StringConstructor;
        modelValue: {
            type: (BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
            default: any;
        };
        label: {
            type: import("vue").PropType<string | number | boolean | Record<string, unknown>>;
            default: any;
        };
        value: {
            type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
            default: any;
        };
        indeterminate: BooleanConstructor;
        disabled: BooleanConstructor;
        checked: BooleanConstructor;
        bold: BooleanConstructor;
        fill: BooleanConstructor;
        custom: BooleanConstructor;
        round: BooleanConstructor;
        name: {
            type: StringConstructor;
            default: any;
        };
        trueValue: {
            type: (StringConstructor | NumberConstructor)[];
            default: any;
        };
        falseValue: {
            type: (StringConstructor | NumberConstructor)[];
            default: any;
        };
        trueLabel: {
            type: (StringConstructor | NumberConstructor)[];
            default: any;
        };
        falseLabel: {
            type: (StringConstructor | NumberConstructor)[];
            default: any;
        };
        id: {
            type: StringConstructor;
            default: any;
        };
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        controls: {
            type: StringConstructor;
            default: any;
        };
        showLabel: {
            type: BooleanConstructor;
            default: boolean;
        };
        tabindex: (StringConstructor | NumberConstructor)[];
        validateEvent: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & {
        onChange?: (val: CheckboxValueType) => any;
        "onUpdate:modelValue"?: (val: CheckboxValueType) => any;
    }, {
        bold: boolean;
        name: string;
        label: string | number | boolean | Record<string, unknown>;
        id: string;
        validateEvent: boolean;
        disabled: boolean;
        fill: boolean;
        modelValue: string | number | boolean | unknown[];
        custom: boolean;
        round: boolean;
        value: string | number | boolean | Record<string, any>;
        indeterminate: boolean;
        checked: boolean;
        trueValue: string | number;
        falseValue: string | number;
        trueLabel: string | number;
        falseLabel: string | number;
        controls: string;
        showLabel: boolean;
    }>> & Record<string, any>;
    NodeContent: import("vue").DefineComponent<{
        readonly node: {
            readonly type: import("vue").PropType<import("./types").TreeNode>;
            readonly required: true;
            readonly validator: (val: unknown) => boolean;
            __epPropKey: true;
        };
    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        readonly node: {
            readonly type: import("vue").PropType<import("./types").TreeNode>;
            readonly required: true;
            readonly validator: (val: unknown) => boolean;
            __epPropKey: true;
        };
    }>>, {}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    click: (node: import("./types").TreeNode, e: MouseEvent) => boolean;
    toggle: (node: import("./types").TreeNode) => boolean;
    check: (node: import("./types").TreeNode, checked: CheckboxValueType) => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    readonly node: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./types").TreeNode>, unknown, unknown, () => import("../../../utils").Mutable<{
        readonly key: -1;
        readonly level: -1;
        readonly data: {};
    }>, boolean>;
    readonly expanded: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly checked: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly indeterminate: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly showCheckbox: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly disabled: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly current: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly hiddenExpandIcon: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
}>> & {
    onClick?: (node: import("./types").TreeNode, e: MouseEvent) => any;
    onToggle?: (node: import("./types").TreeNode) => any;
    onCheck?: (node: import("./types").TreeNode, checked: CheckboxValueType) => any;
}, {
    disabled: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    expanded: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    current: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    indeterminate: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    checked: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    node: import("./types").TreeNode;
    showCheckbox: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    hiddenExpandIcon: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
}>;
export default _default;