dtd/lib/card/index.js

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _extends2=require("babel-runtime/helpers/extends"),_extends3=_interopRequireDefault(_extends2),_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),_typeof2=require("babel-runtime/helpers/typeof"),_typeof3=_interopRequireDefault(_typeof2),_react=require("react"),React=_interopRequireWildcard(_react),_classnames=require("classnames"),_classnames2=_interopRequireDefault(_classnames),_addEventListener=require("rc-util/lib/Dom/addEventListener"),_addEventListener2=_interopRequireDefault(_addEventListener),_omit=require("omit.js"),_omit2=_interopRequireDefault(_omit),_Grid=require("./Grid"),_Grid2=_interopRequireDefault(_Grid),_Meta=require("./Meta"),_Meta2=_interopRequireDefault(_Meta),_tabs=require("../tabs"),_tabs2=_interopRequireDefault(_tabs),_throttleByAnimationFrame=require("../_util/throttleByAnimationFrame"),_warning=require("../_util/warning"),_warning2=_interopRequireDefault(_warning);function _interopRequireWildcard(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t.default=e,t}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __decorate=function(e,t,a,r){var n,i=arguments.length,l=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"===("undefined"==typeof Reflect?"undefined":(0,_typeof3.default)(Reflect))&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,a,r);else for(var o=e.length-1;0<=o;o--)(n=e[o])&&(l=(i<3?n(l):3<i?n(t,a,l):n(t,a))||l);return 3<i&&l&&Object.defineProperty(t,a,l),l},__rest=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&(a[r[n]]=e[r[n]])}return a},Card=function(e){function a(){(0,_classCallCheck3.default)(this,a);var t=(0,_possibleConstructorReturn3.default)(this,(a.__proto__||Object.getPrototypeOf(a)).apply(this,arguments));return t.state={widerPadding:!1},t.onTabChange=function(e){t.props.onTabChange&&t.props.onTabChange(e)},t.saveRef=function(e){t.container=e},t}return(0,_inherits3.default)(a,e),(0,_createClass3.default)(a,[{key:"componentDidMount",value:function(){this.updateWiderPadding(),this.resizeEvent=(0,_addEventListener2.default)(window,"resize",this.updateWiderPadding),"noHovering"in this.props&&((0,_warning2.default)(!this.props.noHovering,"`noHovering` of Card is deperated, you can remove it safely or use `hoverable` instead."),(0,_warning2.default)(!!this.props.noHovering,"`noHovering={false}` of Card is deperated, use `hoverable` instead."))}},{key:"componentWillUnmount",value:function(){this.resizeEvent&&this.resizeEvent.remove(),this.updateWiderPadding.cancel()}},{key:"updateWiderPadding",value:function(){var e=this;if(this.container){936<=this.container.offsetWidth&&!this.state.widerPadding&&this.setState({widerPadding:!0},function(){e.updateWiderPaddingCalled=!0}),this.container.offsetWidth<936&&this.state.widerPadding&&this.setState({widerPadding:!1},function(){e.updateWiderPaddingCalled=!0})}}},{key:"isContainGrid",value:function(){var t=void 0;return React.Children.forEach(this.props.children,function(e){e&&e.type&&e.type===_Grid2.default&&(t=!0)}),t}},{key:"getAction",value:function(a){return a&&a.length?a.map(function(e,t){return React.createElement("li",{style:{width:100/a.length+"%"},key:"action-"+t},React.createElement("span",null,e))}):null}},{key:"getCompatibleHoverable",value:function(){var e=this.props,t=e.noHovering,a=e.hoverable;return"noHovering"in this.props?!t||a:!!a}},{key:"render",value:function(){var e,t=this.props,a=t.prefixCls,r=void 0===a?"dt-card":a,n=t.className,i=t.extra,l=t.bodyStyle,o=(t.noHovering,t.hoverable,t.title),s=t.loading,d=t.bordered,c=void 0===d||d,u=t.type,p=t.cover,f=t.actions,_=t.tabList,h=t.children,m=__rest(t,["prefixCls","className","extra","bodyStyle","noHovering","hoverable","title","loading","bordered","type","cover","actions","tabList","children"]),b=(0,_classnames2.default)(r,n,(e={},(0,_defineProperty3.default)(e,r+"-loading",s),(0,_defineProperty3.default)(e,r+"-bordered",c),(0,_defineProperty3.default)(e,r+"-hoverable",this.getCompatibleHoverable()),(0,_defineProperty3.default)(e,r+"-wider-padding",this.state.widerPadding),(0,_defineProperty3.default)(e,r+"-padding-transition",this.updateWiderPaddingCalled),(0,_defineProperty3.default)(e,r+"-contain-grid",this.isContainGrid()),(0,_defineProperty3.default)(e,r+"-contain-tabs",_&&_.length),(0,_defineProperty3.default)(e,r+"-type-"+u,!!u),e)),y=React.createElement("div",{className:r+"-loading-content"},React.createElement("p",{className:r+"-loading-block",style:{width:"94%"}}),React.createElement("p",null,React.createElement("span",{className:r+"-loading-block",style:{width:"28%"}}),React.createElement("span",{className:r+"-loading-block",style:{width:"62%"}})),React.createElement("p",null,React.createElement("span",{className:r+"-loading-block",style:{width:"22%"}}),React.createElement("span",{className:r+"-loading-block",style:{width:"66%"}})),React.createElement("p",null,React.createElement("span",{className:r+"-loading-block",style:{width:"56%"}}),React.createElement("span",{className:r+"-loading-block",style:{width:"39%"}})),React.createElement("p",null,React.createElement("span",{className:r+"-loading-block",style:{width:"21%"}}),React.createElement("span",{className:r+"-loading-block",style:{width:"15%"}}),React.createElement("span",{className:r+"-loading-block",style:{width:"40%"}}))),g=void 0,v=_&&_.length?React.createElement(_tabs2.default,{className:r+"-head-tabs",onChange:this.onTabChange},_.map(function(e){return React.createElement(_tabs2.default.TabPane,{tab:e.tab,key:e.key})})):null;(o||i||v)&&(g=React.createElement("div",{className:r+"-head"},React.createElement("div",{className:r+"-head-wrapper"},o&&React.createElement("div",{className:r+"-head-title"},o),i&&React.createElement("div",{className:r+"-extra"},i)),v));var R=p?React.createElement("div",{className:r+"-cover"},p):null,C=React.createElement("div",{className:r+"-body",style:l},s?y:h),E=f&&f.length?React.createElement("ul",{className:r+"-actions"},this.getAction(f)):null,P=(0,_omit2.default)(m,["onTabChange"]);return React.createElement("div",(0,_extends3.default)({},P,{className:b,ref:this.saveRef}),g,R,C,E)}}]),a}(React.Component);(exports.default=Card).Grid=_Grid2.default,Card.Meta=_Meta2.default,__decorate([(0,_throttleByAnimationFrame.throttleByAnimationFrameDecorator)()],Card.prototype,"updateWiderPadding",null),module.exports=exports.default;