index.js 1.63 KB
Newer Older
叶飞's avatar
叶飞 committed
1
import React from 'react';
叶飞's avatar
叶飞 committed
2 3
import PropTypes from 'prop-types';
import { List } from 'antd';
叶飞's avatar
叶飞 committed
4

叶飞's avatar
叶飞 committed
5 6 7
const PandaList = (props) => {
  return <List {...props} />;
};
叶飞's avatar
叶飞 committed
8

叶飞's avatar
叶飞 committed
9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
PandaList.defaultProps = {
  bordered: false,
  className: 'panda-list',
  dataSource: [],
  footer: <div className="panda-list-footer" />,
  grid: undefined,
  header: <div className="panda-list-header" />,
  itemLayout: undefined,
  loading: false,
  loadMore: undefined,
  locale: { emptyText: '暂无数据' },
  pagination: false,
  renderItem: (item, index) => <List.Item key={index}>{item}</List.Item>,
  size: 'default',
  split: false,
};
叶飞's avatar
叶飞 committed
25

叶飞's avatar
叶飞 committed
26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
PandaList.propTypes = {
  bordered: PropTypes.bool, // 是否显示边框
  className: PropTypes.string, // 类名称
  dataSource: PropTypes.array, // 列表数据源
  footer: PropTypes.element, // 列表尾部
  grid: PropTypes.object, // 列表栅格配置
  header: PropTypes.element, // 列表头部
  itemLayout: PropTypes.string, // 	设置 List.Item 布局, 设置成 vertical 则竖直样式显示, 默认横排
  loading: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]), // 当卡片内容还在加载中时,可以用 loading 展示一个占位
  loadMore: PropTypes.element, // 加载更多
  locale: PropTypes.object, // 默认文案设置,目前包括空数据文案
  pagination: PropTypes.object, // 对应的 pagination 配置, 设置 false 不显示
  renderItem: PropTypes.func, // 列表元素展示钩子
  size: PropTypes.oneOf(['small', 'default', 'large']), // 	list 的尺寸
  split: PropTypes.bool, // 	是否展示分割线
};
叶飞's avatar
叶飞 committed
42

叶飞's avatar
叶飞 committed
43 44 45 46
PandaList.Item = List.Item;
PandaList.Item.Meta = List.Item.Meta;

export default PandaList;