hongluan-ui/lib/components/checkbox/index.d.ts

Hongluan Component Library for Vue 3

export declare const HlCheckbox: import("hongluan-ui/es/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: import("./src/checkbox").CheckboxValueType) => any;
        "onUpdate:modelValue"?: (val: import("./src/checkbox").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("hongluan-ui/es/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: import("./src/checkbox").CheckboxValueType) => boolean;
    change: (val: import("./src/checkbox").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: import("./src/checkbox").CheckboxValueType) => any;
    "onUpdate:modelValue"?: (val: import("./src/checkbox").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>;
export default HlCheckbox;
export * from './src/checkbox';
export * from './src/checkbox-group';