dtd/lib/list/Item.js

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Meta=void 0;var _defineProperty2=require("babel-runtime/helpers/defineProperty"),_defineProperty3=_interopRequireDefault(_defineProperty2),_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),_extends2=require("babel-runtime/helpers/extends"),_extends3=_interopRequireDefault(_extends2),_react=require("react"),React=_interopRequireWildcard(_react),_propTypes=require("prop-types"),PropTypes=_interopRequireWildcard(_propTypes),_classnames=require("classnames"),_classnames2=_interopRequireDefault(_classnames),_grid=require("../grid");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 s=0;for(a=Object.getOwnPropertySymbols(e);s<a.length;s++)t.indexOf(a[s])<0&&(r[a[s]]=e[a[s]])}return r},Meta=exports.Meta=function(e){var t=e.prefixCls,r=void 0===t?"dt-list":t,a=e.className,s=e.avatar,i=e.title,l=e.description,n=__rest(e,["prefixCls","className","avatar","title","description"]),o=(0,_classnames2.default)(r+"-item-meta",a),c=React.createElement("div",{className:r+"-item-meta-content"},i&&React.createElement("h4",{className:r+"-item-meta-title"},i),l&&React.createElement("div",{className:r+"-item-meta-description"},l));return React.createElement("div",(0,_extends3.default)({},n,{className:o}),s&&React.createElement("div",{className:r+"-item-meta-avatar"},s),(i||l)&&c)};function getGrid(e,t){return e[t]&&Math.floor(24/e[t])}var GridColumns=["",1,2,3,4,6,8,12,24],Item=function(e){function t(){return(0,_classCallCheck3.default)(this,t),(0,_possibleConstructorReturn3.default)(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return(0,_inherits3.default)(t,e),(0,_createClass3.default)(t,[{key:"render",value:function(){var e=this.context.grid,t=this.props,r=t.prefixCls,s=void 0===r?"dt-list":r,a=t.children,i=t.actions,l=t.extra,n=t.className,o=__rest(t,["prefixCls","children","actions","extra","className"]),c=(0,_classnames2.default)(s+"-item",n),u=[],p=[];React.Children.forEach(a,function(e){e&&e.type&&e.type===Meta?u.push(e):p.push(e)});var m=(0,_classnames2.default)(s+"-item-content",(0,_defineProperty3.default)({},s+"-item-content-single",u.length<1)),d=0<p.length?React.createElement("div",{className:m},p):null,_=void 0;if(i&&0<i.length){_=React.createElement("ul",{className:s+"-item-action"},i.map(function(e,t){return r=e,a=t,React.createElement("li",{key:s+"-item-action-"+a},r,a!==i.length-1&&React.createElement("em",{className:s+"-item-action-split"}));var r,a}))}var f=React.createElement("div",{className:s+"-item-extra-wrap"},React.createElement("div",{className:s+"-item-main"},u,d,_),React.createElement("div",{className:s+"-item-extra"},l));return e?React.createElement(_grid.Col,{span:getGrid(e,"column"),xs:getGrid(e,"xs"),sm:getGrid(e,"sm"),md:getGrid(e,"md"),lg:getGrid(e,"lg"),xl:getGrid(e,"xl"),xxl:getGrid(e,"xxl")},React.createElement("div",(0,_extends3.default)({},o,{className:c}),l&&f,!l&&u,!l&&d,!l&&_)):React.createElement("div",(0,_extends3.default)({},o,{className:c}),l&&f,!l&&u,!l&&d,!l&&_)}}]),t}(React.Component);(exports.default=Item).Meta=Meta,Item.propTypes={column:PropTypes.oneOf(GridColumns),xs:PropTypes.oneOf(GridColumns),sm:PropTypes.oneOf(GridColumns),md:PropTypes.oneOf(GridColumns),lg:PropTypes.oneOf(GridColumns),xl:PropTypes.oneOf(GridColumns),xxl:PropTypes.oneOf(GridColumns)},Item.contextTypes={grid:PropTypes.any};