hongluan-ui/es/components/checkbox-group/index.d.ts

Hongluan Component Library for Vue 3

export declare const HlCheckboxGroup: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
    ariaLabel: StringConstructor;
    id: {
        type: StringConstructor;
        default: any;
    };
    label: {
        type: StringConstructor;
        default: any;
    };
    validateEvent: {
        type: BooleanConstructor;
        default: boolean;
    };
    dir: {
        type: import("vue").PropType<"horizontal" | "vertical">;
        default: string;
    };
    merge: {
        type: BooleanConstructor;
        default: boolean;
    };
    deepMerge: {
        type: BooleanConstructor;
        default: boolean;
    };
    indent: {
        type: (BooleanConstructor | StringConstructor)[];
        default: boolean;
    };
    gap: StringConstructor;
    gapX: StringConstructor;
    gapY: StringConstructor;
    full: {
        type: (BooleanConstructor | StringConstructor)[];
        default: boolean;
    };
    wrap: {
        type: BooleanConstructor;
        default: boolean;
    };
    align: {
        type: StringConstructor;
        default: string;
    };
    block: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validator: (val: string) => boolean;
    };
    disabled: BooleanConstructor;
    fill: BooleanConstructor;
    type: {
        type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
        validator: (val: string) => boolean;
    };
    modelValue: {
        type: import("vue").PropType<import("..").CheckboxGroupValueType>;
        default: () => any[];
    };
    bold: BooleanConstructor;
    custom: BooleanConstructor;
    round: BooleanConstructor;
    min: {
        type: NumberConstructor;
        default: any;
    };
    max: {
        type: NumberConstructor;
        default: any;
    };
}, {
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        ariaLabel: StringConstructor;
        id: {
            type: StringConstructor;
            default: any;
        };
        label: {
            type: StringConstructor;
            default: any;
        };
        validateEvent: {
            type: BooleanConstructor;
            default: boolean;
        };
        dir: {
            type: import("vue").PropType<"horizontal" | "vertical">;
            default: string;
        };
        merge: {
            type: BooleanConstructor;
            default: boolean;
        };
        deepMerge: {
            type: BooleanConstructor;
            default: boolean;
        };
        indent: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        gap: StringConstructor;
        gapX: StringConstructor;
        gapY: StringConstructor;
        full: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        wrap: {
            type: BooleanConstructor;
            default: boolean;
        };
        align: {
            type: StringConstructor;
            default: string;
        };
        block: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        disabled: BooleanConstructor;
        fill: BooleanConstructor;
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        modelValue: {
            type: import("vue").PropType<import("..").CheckboxGroupValueType>;
            default: () => any[];
        };
        bold: BooleanConstructor;
        custom: BooleanConstructor;
        round: BooleanConstructor;
        min: {
            type: NumberConstructor;
            default: any;
        };
        max: {
            type: NumberConstructor;
            default: any;
        };
    }>> & {
        onChange?: (val: import("..").CheckboxValueType[]) => any;
        "onUpdate:modelValue"?: (val: import("..").CheckboxGroupValueType) => any;
    }>>;
    emit: ((event: "update:modelValue", val: import("..").CheckboxGroupValueType) => void) & ((event: "change", val: import("..").CheckboxValueType[]) => void);
    formItem: import("../..").FormItemContext;
    groupId: import("vue").Ref<string>;
    isLabeledByFormItem: import("vue").ComputedRef<boolean>;
    checkboxGroupSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
    checkboxGroupDisabled: import("vue").ComputedRef<boolean>;
    checkboxGroupFill: import("vue").ComputedRef<boolean>;
    changeEvent: (value: import("..").CheckboxGroupValueType) => Promise<void>;
    modelValue: import("vue").WritableComputedRef<import("..").CheckboxGroupValueType>;
    namespace: import("vue").ComputedRef<string>;
    HlGroup: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
        dir: {
            type: import("vue").PropType<"horizontal" | "vertical">;
            default: string;
        };
        merge: {
            type: BooleanConstructor;
            default: boolean;
        };
        deepMerge: {
            type: BooleanConstructor;
            default: boolean;
        };
        indent: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        gap: StringConstructor;
        gapX: StringConstructor;
        gapY: StringConstructor;
        full: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        wrap: {
            type: BooleanConstructor;
            default: boolean;
        };
        align: {
            type: StringConstructor;
            default: string;
        };
        block: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        disabled: BooleanConstructor;
        fill: BooleanConstructor;
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
    }, () => 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<{
        dir: {
            type: import("vue").PropType<"horizontal" | "vertical">;
            default: string;
        };
        merge: {
            type: BooleanConstructor;
            default: boolean;
        };
        deepMerge: {
            type: BooleanConstructor;
            default: boolean;
        };
        indent: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        gap: StringConstructor;
        gapX: StringConstructor;
        gapY: StringConstructor;
        full: {
            type: (BooleanConstructor | StringConstructor)[];
            default: boolean;
        };
        wrap: {
            type: BooleanConstructor;
            default: boolean;
        };
        align: {
            type: StringConstructor;
            default: string;
        };
        block: {
            type: BooleanConstructor;
            default: boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        disabled: BooleanConstructor;
        fill: BooleanConstructor;
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
    }>>, {
        dir: "horizontal" | "vertical";
        merge: boolean;
        deepMerge: boolean;
        indent: string | boolean;
        full: string | boolean;
        wrap: boolean;
        align: string;
        block: boolean;
        disabled: boolean;
        fill: boolean;
    }>> & Record<string, any>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "update:modelValue": (val: import("..").CheckboxGroupValueType) => boolean;
    change: (val: import("..").CheckboxValueType[]) => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    ariaLabel: StringConstructor;
    id: {
        type: StringConstructor;
        default: any;
    };
    label: {
        type: StringConstructor;
        default: any;
    };
    validateEvent: {
        type: BooleanConstructor;
        default: boolean;
    };
    dir: {
        type: import("vue").PropType<"horizontal" | "vertical">;
        default: string;
    };
    merge: {
        type: BooleanConstructor;
        default: boolean;
    };
    deepMerge: {
        type: BooleanConstructor;
        default: boolean;
    };
    indent: {
        type: (BooleanConstructor | StringConstructor)[];
        default: boolean;
    };
    gap: StringConstructor;
    gapX: StringConstructor;
    gapY: StringConstructor;
    full: {
        type: (BooleanConstructor | StringConstructor)[];
        default: boolean;
    };
    wrap: {
        type: BooleanConstructor;
        default: boolean;
    };
    align: {
        type: StringConstructor;
        default: string;
    };
    block: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validator: (val: string) => boolean;
    };
    disabled: BooleanConstructor;
    fill: BooleanConstructor;
    type: {
        type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
        validator: (val: string) => boolean;
    };
    modelValue: {
        type: import("vue").PropType<import("..").CheckboxGroupValueType>;
        default: () => any[];
    };
    bold: BooleanConstructor;
    custom: BooleanConstructor;
    round: BooleanConstructor;
    min: {
        type: NumberConstructor;
        default: any;
    };
    max: {
        type: NumberConstructor;
        default: any;
    };
}>> & {
    onChange?: (val: import("..").CheckboxValueType[]) => any;
    "onUpdate:modelValue"?: (val: import("..").CheckboxGroupValueType) => any;
}, {
    bold: boolean;
    label: string;
    id: string;
    validateEvent: boolean;
    dir: "horizontal" | "vertical";
    merge: boolean;
    deepMerge: boolean;
    indent: string | boolean;
    full: string | boolean;
    wrap: boolean;
    align: string;
    block: boolean;
    disabled: boolean;
    fill: boolean;
    modelValue: import("..").CheckboxGroupValueType;
    custom: boolean;
    round: boolean;
    min: number;
    max: number;
}>> & Record<string, any>;
export default HlCheckboxGroup;