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

Hongluan Component Library for Vue 3

export declare const HlSegmented: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
    ariaLabel: StringConstructor;
    options: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").Option[]>, unknown, unknown, () => any[], boolean>;
    modelValue: {
        readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
        readonly required: false;
        readonly validator: (val: unknown) => boolean;
        __epPropKey: true;
    };
    block: BooleanConstructor;
    size: {
        readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">, unknown, unknown>>;
        readonly required: false;
        readonly validator: (val: unknown) => boolean;
        __epPropKey: true;
    };
    disabled: BooleanConstructor;
    validateEvent: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
    id: StringConstructor;
    name: StringConstructor;
}, {
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        ariaLabel: StringConstructor;
        options: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").Option[]>, unknown, unknown, () => any[], boolean>;
        modelValue: {
            readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
            readonly required: false;
            readonly validator: (val: unknown) => boolean;
            __epPropKey: true;
        };
        block: BooleanConstructor;
        size: {
            readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">, unknown, unknown>>;
            readonly required: false;
            readonly validator: (val: unknown) => boolean;
            __epPropKey: true;
        };
        disabled: BooleanConstructor;
        validateEvent: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
        id: StringConstructor;
        name: StringConstructor;
    }>> & {
        onChange?: (val: any) => any;
        "onUpdate:modelValue"?: (val: any) => any;
    }>>;
    emit: ((event: "update:modelValue", val: any) => void) & ((event: "change", val: any) => void);
    namespace: import("vue").ComputedRef<string>;
    segmentedId: import("vue").Ref<string>;
    _disabled: import("vue").ComputedRef<boolean>;
    segmentedSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
    formItem: import("../..").FormItemContext;
    inputId: import("vue").Ref<string>;
    isLabeledByFormItem: import("vue").ComputedRef<boolean>;
    segmentedRef: import("vue").Ref<HTMLElement>;
    activeElement: import("@vueuse/shared").ComputedRefWithControl<HTMLElement>;
    state: {
        isInit: boolean;
        width: number;
        translateX: number;
        disabled: boolean;
        focusVisible: boolean;
    };
    handleChange: (item: import("./src/types").Option) => void;
    getValue: (item: import("./src/types").Option) => string | number | boolean;
    getLabel: (item: import("./src/types").Option) => string | number | boolean;
    getDisabled: (item: import("./src/types").Option) => boolean;
    getSelected: (item: import("./src/types").Option) => boolean;
    getOption: (value: any) => import("./src/types").Option;
    getItemCls: (item: import("./src/types").Option) => string[];
    updateSelect: () => void;
    segmentedCls: import("vue").ComputedRef<string[]>;
    selectedStyle: import("vue").ComputedRef<{
        width: string;
        transform: string;
        display: string;
    }>;
    selectedCls: import("vue").ComputedRef<string[]>;
    name: import("vue").ComputedRef<string>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    "update:modelValue": (val: any) => boolean;
    change: (val: any) => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    ariaLabel: StringConstructor;
    options: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("./src/types").Option[]>, unknown, unknown, () => any[], boolean>;
    modelValue: {
        readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>>;
        readonly required: false;
        readonly validator: (val: unknown) => boolean;
        __epPropKey: true;
    };
    block: BooleanConstructor;
    size: {
        readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">, unknown, unknown>>;
        readonly required: false;
        readonly validator: (val: unknown) => boolean;
        __epPropKey: true;
    };
    disabled: BooleanConstructor;
    validateEvent: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
    id: StringConstructor;
    name: StringConstructor;
}>> & {
    onChange?: (val: any) => any;
    "onUpdate:modelValue"?: (val: any) => any;
}, {
    validateEvent: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    block: boolean;
    disabled: boolean;
    options: import("./src/types").Option[];
}>> & Record<string, any>;
export default HlSegmented;
export * from './src/segmented';