@csr632/next/types/list/index.d.ts

A configurable component library for web built on React.

/// <reference types="react" />

import { ReactNode, Component, ComponentType } from 'react';
import CommonProps from '../util';

interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
    title?: any
}

export interface ListProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
    /**
     * 列表头部
     */
    header?: ReactNode,
    /**
     * 列表尾部
     */
    footer?: ReactNode,
    /**
     * 列表尺寸
     */
    size?: 'medium' | 'small',
    /**
     * 是否显示分割线
     */
    divider?: boolean,
    /**
     * children
     */
    children?: ReactNode;
}

export interface ListItemProps extends HTMLAttributesWeak, CommonProps {
    /**
     * 列表元素的标题
     */
    title?: ReactNode,
    /**
     * 列表元素的描述内容
     */
    description?: ReactNode,
    /**
     * 列表元素的头像 / 图标 / 图片内容
     */
    media?: ReactNode,
    /**
     * 额外内容
     */
    extra?: ReactNode,
}

export default class List extends Component<ListProps, any> {
    static Item: ComponentType<ListItemProps>;
}