import React from 'react';
import './index.scss';
/**
 * 数据
 */
interface DataProps {
    /**
     * 标题
     */
    title?: string;
    /**
     * 图片地址
     */
    image?: string | string[];
    /**
     * 说明
     */
    description?: string;
    /**
     * 标签列表
     */
    tags?: string;
    /**
     * 链接地址
     */
    link?: string;
    /**
     * 类型
     */
    itemType?: string;
    /**
     * 扩展文本行3（textLines >= 3 时显示）
     */
    text3?: string;
    /**
     * 扩展文本行4（textLines >= 4 时显示）
     */
    text4?: string;
}
export interface IconListProps {
    /**
     * 图标
     */
    icon?: string;
    /**
     * 图标尺寸
     */
    size?: 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'inherit';
    /**
     * 图标位置
     */
    position?: 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'customize';
    /**
     * 右偏移
     */
    rightOffset?: number;
    /**
     * 上偏移
     */
    topOffset?: number;
}
export interface TeletextListProps {
    /**
     * 标题
     */
    title?: string;
    /**
     * 数据
     */
    dataList?: DataProps | DataProps[];
    /**
     * 点击事件
     * @param e
     */
    onClick?: (e: any) => void;
    /**
     * 图片位置
     */
    imagePlacement?: 'left' | 'right' | 'top' | 'bottom' | 'none';
    /**
     * 点击事件
     * @param e
     */
    handleMoreClick?: (e: any) => void;
    /**
     * 更多
     */
    moreText?: string;
    /**
     * 文字行数
     */
    textLines?: number;
    /**
     * 控件类型
     */
    type?: 'textAndImg' | 'imgOnly' | 'textOnly';
    /**
     * 子项列数
     */
    itemColumns?: number;
    /**
     * 图标列表
     */
    iconList?: IconListProps[];
    /**
     * 列表项间距
     */
    itemGap?: number;
    /**
     * 列表项内边距
     */
    itemPadding?: number;
    /**
     * 图片宽度
     */
    imgWidth?: number;
    /**
     * 图片高度
     */
    imgHeight?: number;
    /**
     * 背景颜色
     */
    itemBgColor?: string;
    /**
     * 行分布
     */
    itemRowAlign?: 'row' | 'column';
    /**
     * 图文对齐方式
     */
    textAlign?: 'flex-start' | 'flex-end' | 'center';
    /**
     * 是否为购物车列表
     */
    isShoppingCart?: boolean;
    /**
     * 是否为愿望单列表
     */
    isWishList?: boolean;
    /**
     * 是否为用户菜单列表
     */
    isUserMenu?: boolean;
    /**
     * 图文间距
     */
    textImgGap?: number;
    /**
     * 图片圆角
     */
    imgBorderRadius?: number;
    /**
     * 图片填充方式
     */
    imgObjectFit?: 'cover' | 'contain' | 'fill' | 'none';
    /**
     * 标题颜色
     */
    titleColor?: string;
    /**
     * 标题字体大小
     */
    titleFontSize?: number;
    /**
     * 标题字重
     */
    titleFontWeight?: 'normal' | '500' | '600' | 'bold';
    /**
     * 标题最大行数（超出省略）
     */
    titleLineClamp?: number;
    /**
     * 说明颜色
     */
    descriptionColor?: string;
    /**
     * 说明字体大小
     */
    descriptionFontSize?: number;
    /**
     * 说明字重
     */
    descriptionFontWeight?: 'normal' | '500' | '600' | 'bold';
    /**
     * 说明最大行数（超出省略）
     */
    descriptionLineClamp?: number;
    /**
     * 列表项圆角
     */
    itemBorderRadius?: number;
    /**
     * 列表项边框颜色
     */
    itemBorderColor?: string;
    /**
     * 列表项边框宽度
     */
    itemBorderWidth?: number;
}
declare const TeletextList: React.FC<TeletextListProps>;
export default TeletextList;
