@yuntijs/ui/es/SelectCard/index.d.ts

☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps

import { type FlexProps, SelectProps } from 'antd';
import React from 'react';
type RawValue = string | number;
type Value = RawValue | RawValue[];
export interface SelectCardOption {
    value: RawValue;
    img?: React.ReactNode;
    icon?: React.ReactNode;
    iconStyle?: React.CSSProperties;
    label?: React.ReactNode;
    description?: React.ReactNode;
    style?: React.CSSProperties;
}
export interface SelectCardProps extends Omit<FlexProps, 'value' | 'defaultValue' | 'onChange' | 'children'> {
    defaultValue?: Value;
    value?: Value;
    onChange?: (value: Value) => void;
    multiple?: boolean;
    disabled?: boolean;
    options: SelectCardOption[];
    size?: SelectProps['size'];
    /** 选中状态的图标，设置为 null 时隐藏图标 */
    checkIcon?: React.ReactNode;
    optionRender?: (Option: React.ReactNode, option: SelectCardOption, index: number) => React.ReactNode;
    classNames?: {
        card?: string;
        icon?: string;
    };
    styles?: {
        card?: React.CSSProperties;
        icon?: React.CSSProperties;
    };
}
export declare const SelectCard: React.ForwardRefExoticComponent<SelectCardProps & React.RefAttributes<HTMLDivElement>>;
export {};