common_com/lib/Calendar/index.js

lazyload、calendar、react-lazyload、loading、scroll、modal、slider、input

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_util=_interopRequireDefault(require("./util"));require("./index.css");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};d.get||d.set?Object.defineProperty(b,c,d):b[c]=a[c]}return b.default=a,b}function _typeof(a){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}function _createClass(a,b,c){return b&&_defineProperties(a.prototype,b),c&&_defineProperties(a,c),a}function _possibleConstructorReturn(a,b){return b&&("object"===_typeof(b)||"function"==typeof b)?b:_assertThisInitialized(a)}function _getPrototypeOf(a){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(a){return a.__proto__||Object.getPrototypeOf(a)},_getPrototypeOf(a)}function _assertThisInitialized(a){if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function _inherits(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,writable:!0,configurable:!0}}),b&&_setPrototypeOf(a,b)}function _setPrototypeOf(a,b){return _setPrototypeOf=Object.setPrototypeOf||function(a,b){return a.__proto__=b,a},_setPrototypeOf(a,b)}function _defineProperty(a,b,c){return b in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}var weekDay=_util.default.weekDay,getFirstToLastDateInfo=_util.default.getFirstToLastDateInfo,getYearAndMonth=_util.default.getYearAndMonth,getDate=_util.default.getDate,getToday=_util.default.getToday,Calendar=/*#__PURE__*/function(a){function b(a){var c;_classCallCheck(this,b),c=_possibleConstructorReturn(this,_getPrototypeOf(b).call(this,a)),_defineProperty(_assertThisInitialized(c),"selectDate",function(a){var b=c.props.onChange;"year"in a&&(b&&b(a),c.setState({dateString:a.dateString,showCalendar:!1}))}),_defineProperty(_assertThisInitialized(c),"handleClick",function(a){var b=c.state,d=b.ym,e=b.sep,f=new Date(d),g="prev"===a?f.getMonth():f.getMonth()+2,h=getFirstToLastDateInfo(f.getFullYear(),g,e),i=h[1][0],j=i.year,k=10>i.month?"0".concat(i.month):i.month;c.setState({firstTolastDayInfo:h,ym:"".concat(j).concat(e).concat(k)})}),_defineProperty(_assertThisInitialized(c),"showToday",function(){var a=c.state.sep,b=new Date,d=b.getMonth()+1,e=b.getDate(),f=getFirstToLastDateInfo(b.getFullYear(),d,a),g=b.getFullYear();d=10>d?"0".concat(d):d,e=10>e?"0".concat(e):e,c.setState({firstTolastDayInfo:f,ym:"".concat(g).concat(a).concat(d),dateString:"".concat(g).concat(a).concat(d).concat(a).concat(e),showCalendar:!1})}),_defineProperty(_assertThisInitialized(c),"handleBodyClick",function(){c.setState({showCalendar:!1})});var d=a.sep,e=a.date,f=null,g=null,h=null;if(e){var i=getDate(e,d);g=i.dateString,h=i.ym,f=getFirstToLastDateInfo(i.year,i.month,d)}else g=getToday(d),h=getYearAndMonth(d),f=getFirstToLastDateInfo(null,null,d);return c.state={sep:d||"-",ym:h,dateString:g,firstTolastDayInfo:f,showCalendar:!1},c}return _inherits(b,a),_createClass(b,[{key:"render",value:function render(){var a=this,b=this.state,c=b.dateString,d=b.firstTolastDayInfo,e=b.ym,f=b.showCalendar;return _react.default.createElement("div",{onClick:function onClick(a){a.nativeEvent.stopImmediatePropagation()},className:"ui-datepicker-container"},_react.default.createElement("div",{className:"ui-datepicker-input",onClick:function onClick(){a.setState({showCalendar:!0})}},c),_react.default.createElement("div",{className:"ui-datepicker-content ".concat(!0===f?"ui-datepicker-show":"ui-datepicker-hide")},_react.default.createElement("div",{className:"ui-datepicker-header"},_react.default.createElement("span",{onClick:function onClick(){return a.handleClick("prev")},className:"prev"},"<"),_react.default.createElement("div",{className:"ui-datepicker-header-content"},_react.default.createElement("span",{onClick:this.showToday,className:"btn-today"},"\u4ECA\u5929"),_react.default.createElement("span",{className:"date"},e)),_react.default.createElement("span",{onClick:function onClick(){return a.handleClick("next")},className:"next"},">")),_react.default.createElement("div",{className:"ui-datepicker-body"},_react.default.createElement("div",{className:"ui-datepicker-week"},weekDay.map(function(a){return _react.default.createElement("span",{className:"week-item",key:a},a)})),_react.default.createElement("div",{className:"ui-datepicker-date"},d.map(function(b,d){return _react.default.createElement("div",{className:"ui-datepicker-date-row",key:d},b.map(function(b,d){return _react.default.createElement("span",{className:b.dateString===c?"selected":"",onClick:function onClick(){return a.selectDate(b)},key:b.dateString||d},b.date)}))})))))}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleBodyClick)}},{key:"componentWillUnmount",value:function componentWillUnmount(){document.removeEventListener("click",this.handleBodyClick)}}]),b}(_react.Component);exports.default=Calendar;