dtd/lib/list/index.js

根据数梦工场视觉规范打造的组件库，感谢react-components和ant design

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _toConsumableArray2=require("babel-runtime/helpers/toConsumableArray"),_toConsumableArray3=_interopRequireDefault(_toConsumableArray2),_defineProperty2=require("babel-runtime/helpers/defineProperty"),_defineProperty3=_interopRequireDefault(_defineProperty2),_extends2=require("babel-runtime/helpers/extends"),_extends3=_interopRequireDefault(_extends2),_classCallCheck2=require("babel-runtime/helpers/classCallCheck"),_classCallCheck3=_interopRequireDefault(_classCallCheck2),_createClass2=require("babel-runtime/helpers/createClass"),_createClass3=_interopRequireDefault(_createClass2),_possibleConstructorReturn2=require("babel-runtime/helpers/possibleConstructorReturn"),_possibleConstructorReturn3=_interopRequireDefault(_possibleConstructorReturn2),_inherits2=require("babel-runtime/helpers/inherits"),_inherits3=_interopRequireDefault(_inherits2),_react=require("react"),React=_interopRequireWildcard(_react),_propTypes=require("prop-types"),PropTypes=_interopRequireWildcard(_propTypes),_classnames=require("classnames"),_classnames2=_interopRequireDefault(_classnames),_LocaleReceiver=require("../locale-provider/LocaleReceiver"),_LocaleReceiver2=_interopRequireDefault(_LocaleReceiver),_default=require("../locale-provider/default"),_default2=_interopRequireDefault(_default),_spin=require("../spin"),_spin2=_interopRequireDefault(_spin),_pagination=require("../pagination"),_pagination2=_interopRequireDefault(_pagination),_grid=require("../grid"),_Item=require("./Item"),_Item2=_interopRequireDefault(_Item);function _interopRequireWildcard(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __rest=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&(r[a[i]]=e[a[i]])}return r},List=function(e){function t(){(0,_classCallCheck3.default)(this,t);var l=(0,_possibleConstructorReturn3.default)(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return l.state={paginationCurrent:1},l.defaultPaginationProps={current:1,pageSize:10,onChange:function(e,t){var r=l.props.pagination;l.setState({paginationCurrent:e}),r&&r.onChange&&r.onChange(e,t)},total:0},l.keys={},l.renderItem=function(e,t){var r=l.props,a=r.dataSource,i=r.renderItem,n=r.rowKey,o=void 0;return(o="function"==typeof n?n(a[t]):"string"==typeof n?a[n]:a.key)||(o="list-item-"+t),l.keys[t]=o,i(e,t)},l.renderEmpty=function(e){var t=(0,_extends3.default)({},e,l.props.locale);return React.createElement("div",{className:l.props.prefixCls+"-empty-text"},t.emptyText)},l}return(0,_inherits3.default)(t,e),(0,_createClass3.default)(t,[{key:"getChildContext",value:function(){return{grid:this.props.grid}}},{key:"isSomethingAfterLastItem",value:function(){var e=this.props,t=e.loadMore,r=e.pagination,a=e.footer;return!!(t||r||a)}},{key:"render",value:function(){var e,r=this,t=this.state.paginationCurrent,a=this.props,i=a.bordered,n=a.split,o=a.className,l=a.children,s=a.itemLayout,u=a.loadMore,p=a.pagination,c=a.prefixCls,d=a.grid,f=a.dataSource,_=a.size,m=(a.rowKey,a.renderItem,a.header),g=a.footer,y=a.loading,h=(a.locale,__rest(a,["bordered","split","className","children","itemLayout","loadMore","pagination","prefixCls","grid","dataSource","size","rowKey","renderItem","header","footer","loading","locale"])),b=y;"boolean"==typeof b&&(b={spinning:b});var C=b&&b.spinning,R="";switch(_){case"large":R="lg";break;case"small":R="sm"}var v=(0,_classnames2.default)(c,o,(e={},(0,_defineProperty3.default)(e,c+"-vertical","vertical"===s),(0,_defineProperty3.default)(e,c+"-"+R,R),(0,_defineProperty3.default)(e,c+"-split",n),(0,_defineProperty3.default)(e,c+"-bordered",i),(0,_defineProperty3.default)(e,c+"-loading",C),(0,_defineProperty3.default)(e,c+"-grid",d),(0,_defineProperty3.default)(e,c+"-something-after-last-item",this.isSomethingAfterLastItem()),e)),q=(0,_extends3.default)({},this.defaultPaginationProps,{total:f.length,current:t},p||{}),P=Math.ceil(q.total/q.pageSize);q.current>P&&(q.current=P);var x=p?React.createElement("div",{className:c+"-pagination"},React.createElement(_pagination2.default,(0,_extends3.default)({},q,{onChange:this.defaultPaginationProps.onChange}))):null,k=[].concat((0,_toConsumableArray3.default)(f));p&&f.length>(q.current-1)*q.pageSize&&(k=[].concat((0,_toConsumableArray3.default)(f)).splice((q.current-1)*q.pageSize,q.pageSize));var D=void 0;if(D=C&&React.createElement("div",{style:{minHeight:53}}),0<k.length){var L=k.map(function(e,t){return r.renderItem(e,t)}),S=React.Children.map(L,function(e,t){return React.cloneElement(e,{key:r.keys[t]})});D=d?React.createElement(_grid.Row,{gutter:d.gutter},S):S}else l||C||(D=React.createElement(_LocaleReceiver2.default,{componentName:"Table",defaultLocale:_default2.default.Table},this.renderEmpty));var E=q.position||"bottom";return React.createElement("div",(0,_extends3.default)({className:v},h),("top"===E||"both"===E)&&x,m&&React.createElement("div",{className:c+"-header"},m),React.createElement(_spin2.default,b,D,l),g&&React.createElement("div",{className:c+"-footer"},g),u||("bottom"===E||"both"===E)&&x)}}]),t}(React.Component);(exports.default=List).Item=_Item2.default,List.childContextTypes={grid:PropTypes.any},List.defaultProps={dataSource:[],prefixCls:"dt-list",bordered:!1,split:!0,loading:!1,pagination:!1},module.exports=exports.default;