dtd
Version:
根据数梦工场视觉规范打造的组件库，感谢react-components和ant design
1 lines • 3.58 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var _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),_Constants=require("./Constants"),_select=require("../select"),_select2=_interopRequireDefault(_select),_radio=require("../radio");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 Option=_select2.default.Option,Header=function(e){function t(){(0,_classCallCheck3.default)(this,t);var a=(0,_possibleConstructorReturn3.default)(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments));return a.onYearChange=function(e){var t=a.props.value.clone();t.year(parseInt(e,10));var r=a.props.onValueChange;r&&r(t)},a.onMonthChange=function(e){var t=a.props.value.clone();t.month(parseInt(e,10));var r=a.props.onValueChange;r&&r(t)},a.onTypeChange=function(e){var t=a.props.onTypeChange;t&&t(e.target.value)},a.getCalenderHeaderNode=function(e){a.calenderHeaderNode=e},a}return(0,_inherits3.default)(t,e),(0,_createClass3.default)(t,[{key:"getYearSelectElement",value:function(e){for(var t=this,r=this.props,a=r.yearSelectOffset,n=r.yearSelectTotal,l=r.locale,o=r.prefixCls,s=r.fullscreen,u=e-a,c=u+n,i="年"===l.year?"年":"",p=[],h=u;h<c;h++)p.push(React.createElement(Option,{key:""+h},h+i));return React.createElement(_select2.default,{size:s?"default":"small",dropdownMatchSelectWidth:!1,className:o+"-year-select",onChange:this.onYearChange,value:String(e),getPopupContainer:function(){return t.calenderHeaderNode}},p)}},{key:"getMonthsLocale",value:function(e){for(var t=e.clone(),r=e.localeData(),a=[],n=0;n<12;n++)t.month(n),a.push(r.monthsShort(t));return a}},{key:"getMonthSelectElement",value:function(e,t){for(var r=this,a=this.props,n=a.prefixCls,l=a.fullscreen,o=[],s=0;s<12;s++)o.push(React.createElement(Option,{key:""+s},t[s]));return React.createElement(_select2.default,{size:l?"default":"small",dropdownMatchSelectWidth:!1,className:n+"-month-select",value:String(e),onChange:this.onMonthChange,getPopupContainer:function(){return r.calenderHeaderNode}},o)}},{key:"render",value:function(){var e=this.props,t=e.type,r=e.value,a=e.prefixCls,n=e.locale,l=e.fullscreen,o=this.getYearSelectElement(r.year()),s="date"===t?this.getMonthSelectElement(r.month(),this.getMonthsLocale(r)):null,u=l?"default":"small",c=React.createElement(_radio.Group,{onChange:this.onTypeChange,value:t,size:u},React.createElement(_radio.Button,{value:"date"},n.month),React.createElement(_radio.Button,{value:"month"},n.year));return React.createElement("div",{className:a+"-header",ref:this.getCalenderHeaderNode},React.createElement("div",{className:a+"-current-date"},r.year(),"年",r.month()+1,"月"),React.createElement("div",{className:a+"-filter-date"},o,s,c))}}]),t}(React.Component);(exports.default=Header).defaultProps={prefixCls:_Constants.PREFIX_CLS+"-header",yearSelectOffset:10,yearSelectTotal:20},module.exports=exports.default;