You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
educoder/public/react/build/static/js/118.b51b4eb7.chunk.js

22691 lines
1.1 MiB

5 years ago
webpackJsonp([118,145],{
/***/ 1070:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css__ = __webpack_require__(169);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip__ = __webpack_require__(168);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__css_Courses_css__ = __webpack_require__(326);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__css_Courses_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__css_Courses_css__);
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var CoursesListType=function(_Component){_inherits(CoursesListType,_Component);function CoursesListType(props){_classCallCheck(this,CoursesListType);var _this=_possibleConstructorReturn(this,(CoursesListType.__proto__||Object.getPrototypeOf(CoursesListType)).call(this,props));_this.state={// typelist:[],
// typesylename:"",
// tipval:""
};return _this;}_createClass(CoursesListType,[{key:'componentDidMount',value:function componentDidMount(){// let{typelist,typesylename,tipval}=this.props;
//
// this.setState({
// typelist:typelist,
// typesylename:typesylename,
// tipval:tipval
// })
// console.log("CoursesListType")
// console.log(typelist)
}},{key:'render',value:function render(){var _props=this.props,typelist=_props.typelist,typesylename=_props.typesylename,tipval=_props.tipval;return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{style:{display:'inline-block'}},typelist===undefined||typelist===403||typelist===401||typelist===407||typelist===408||typelist===409||typelist===500?"":typelist.map(function(item,key){return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip___default.a,{placement:'bottom',title:tipval,getPopupContainer:function getPopupContainer(){return document.querySelector('.TabsWarp');},key:key},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{key:key},item==="公开"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-4CACFF ml15 fl typestyle "+typesylename},'\u516C\u5F00'):"",item==="已开启补交"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-028d01 ml15 fl typestyle "+typesylename},'\u5DF2\u5F00\u542F\u8865\u4EA4'):"",item==="未开启补交"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-CC317C ml15 fl typestyle "+typesylename},'\u672A\u5F00\u542F\u8865\u4EA4'):"",item==="匿名作品"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-006B75 ml15 fl typestyle "+typesylename},'\u533F\u540D\u4F5C\u54C1'):"",item==="已选择"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-EDEDED ml15 fl typestyle color666666 "+typesylename},'\u5DF2\u9009\u62E9'):"",item==="已结束"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-EDEDED ml15 fl typestyle color666666 "+typesylename},'\u5DF2\u7ED3\u675F'):"",item==="提交中"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-4CACFF ml15 fl typestyle "+typesylename},'\u63D0\u4EA4\u4E2D'):"",item==="匿评中"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-4CACFF ml15 fl typestyle "+typesylename},'\u533F\u8BC4\u4E2D'):"",item==="申诉中"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-4CACFF ml15 fl typestyle "+typesylename},'\u7533\u8BC9\u4E2D'):"",item==="补交中"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-4CACFF ml15 fl typestyle "+typesylename},'\u8865\u4EA4\u4E2D'):"",item==="评阅中"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-4CACFF ml15 fl typestyle "+typesylename},'\u8BC4\u9605\u4E2D'):"",item==="待选中"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-4CACFF ml15 fl typestyle "+typesylename},'\u5F85\u9009\u4E2D'):"",item==="交叉评阅中"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-4CACFF ml15 fl typestyle "+typesylename},'\u4EA4\u53C9\u8BC4\u9605\u4E2D'):"",item==="已开启交叉评阅"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-E99695 ml15 fl typestyle "+typesylename},'\u5DF2\u5F00\u542F\u4EA4\u53C9\u8BC4\u9605'):"",item==="待确认"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-5E5FB9 ml15 fl typestyle "+typesylename},'\u5F85\u786E\u8BA4'):"",item==="待处理"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-5E5FB9 ml15 fl typestyle mr10 "+typesylename},'\u5F85\u5904\u7406'):"",item==="未发布"?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"edu-filter-btn edu-filter-btn-84B6EB m
// "已开启补交",
// "未开启补交",
// "匿名作品",
// "已选择",
// "已结束",
// "提交中",
// "匿评中",
// "申诉中",
// "补交中",
// "评阅中",
// "待选中",
// "交叉评阅中",
// "已开启交叉评阅",
// "待确认",
// "待处理",
// "未发布",
// "私有",
// "未提交",
// "已确认",
// "已截止",
// ]
/***/ }),
/***/ 1071:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
__webpack_require__(28);
__webpack_require__(1297);
__webpack_require__(68);
__webpack_require__(1299);
__webpack_require__(1219);
//# sourceMappingURL=css.js.map
/***/ }),
/***/ 1072:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _rcCalendar = _interopRequireDefault(__webpack_require__(1093));
var _MonthCalendar = _interopRequireDefault(__webpack_require__(1096));
var _createPicker = _interopRequireDefault(__webpack_require__(1324));
var _wrapPicker = _interopRequireDefault(__webpack_require__(1327));
var _RangePicker = _interopRequireDefault(__webpack_require__(1335));
var _WeekPicker = _interopRequireDefault(__webpack_require__(1340));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
var DatePicker = (0, _wrapPicker["default"])((0, _createPicker["default"])(_rcCalendar["default"]), 'date');
var MonthPicker = (0, _wrapPicker["default"])((0, _createPicker["default"])(_MonthCalendar["default"]), 'month');
_extends(DatePicker, {
RangePicker: (0, _wrapPicker["default"])(_RangePicker["default"], 'date'),
MonthPicker: MonthPicker,
WeekPicker: (0, _wrapPicker["default"])(_WeekPicker["default"], 'week')
});
var _default = DatePicker;
exports["default"] = _default;
//# sourceMappingURL=index.js.map
/***/ }),
/***/ 1073:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports["default"] = {
DATE_ROW_COUNT: 6,
DATE_COL_COUNT: 7
};
module.exports = exports['default'];
/***/ }),
/***/ 1080:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.commonMixinWrapper = exports.defaultProp = exports.propType = undefined;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _en_US = __webpack_require__(343);
var _en_US2 = _interopRequireDefault(_en_US);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function noop() {}
var propType = exports.propType = {
className: _propTypes2['default'].string,
locale: _propTypes2['default'].object,
style: _propTypes2['default'].object,
visible: _propTypes2['default'].bool,
onSelect: _propTypes2['default'].func,
prefixCls: _propTypes2['default'].string,
onChange: _propTypes2['default'].func,
onOk: _propTypes2['default'].func
};
var defaultProp = exports.defaultProp = {
locale: _en_US2['default'],
style: {},
visible: true,
prefixCls: 'rc-calendar',
className: '',
onSelect: noop,
onChange: noop,
onClear: noop,
renderFooter: function renderFooter() {
return null;
},
renderSidebar: function renderSidebar() {
return null;
}
};
var commonMixinWrapper = exports.commonMixinWrapper = function commonMixinWrapper(ComposeComponent) {
var _class, _temp2;
return _temp2 = _class = function (_ComposeComponent) {
(0, _inherits3['default'])(_class, _ComposeComponent);
function _class() {
var _temp, _this, _ret;
(0, _classCallCheck3['default'])(this, _class);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _ComposeComponent.call.apply(_ComposeComponent, [this].concat(args))), _this), _this.getFormat = function () {
var format = _this.props.format;
var _this$props = _this.props,
locale = _this$props.locale,
timePicker = _this$props.timePicker;
if (!format) {
if (timePicker) {
format = locale.dateTimeFormat;
} else {
format = locale.dateFormat;
}
}
return format;
}, _this.focus = function () {
if (_this.focusElement) {
_this.focusElement.focus();
} else if (_this.rootInstance) {
_this.rootInstance.focus();
}
}, _this.saveFocusElement = function (focusElement) {
_this.focusElement = focusElement;
}, _this.saveRoot = function (root) {
_this.rootInstance = root;
}, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
}
_class.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
return this.props.visible || nextProps.visible;
};
return _class;
}(ComposeComponent), _class.displayName = 'CommonMixinWrapper', _class.defaultProps = ComposeComponent.defaultProps, _class.getDerivedStateFromProps = ComposeComponent.getDerivedStateFromProps, _temp2;
};
/***/ }),
/***/ 1093:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Calendar__ = __webpack_require__(1302);
/* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Calendar__["a" /* default */]);
/***/ }),
/***/ 1094:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony default export */ __webpack_exports__["a"] = ({
DATE_ROW_COUNT: 6,
DATE_COL_COUNT: 7
});
/***/ }),
/***/ 1095:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = mapSelf;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
function mirror(o) {
return o;
}
function mapSelf(children) {
// return ReactFragment
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.Children.map(children, mirror);
}
/***/ }),
/***/ 1096:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(18);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _KeyCode = __webpack_require__(923);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
var _reactLifecyclesCompat = __webpack_require__(7);
var _CalendarHeader = __webpack_require__(1097);
var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
var _CalendarFooter = __webpack_require__(1323);
var _CalendarFooter2 = _interopRequireDefault(_CalendarFooter);
var _CalendarMixin = __webpack_require__(1237);
var _CommonMixin = __webpack_require__(1080);
var _moment = __webpack_require__(86);
var _moment2 = _interopRequireDefault(_moment);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var MonthCalendar = function (_React$Component) {
(0, _inherits3['default'])(MonthCalendar, _React$Component);
function MonthCalendar(props) {
(0, _classCallCheck3['default'])(this, MonthCalendar);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
_this.onKeyDown = function (event) {
var keyCode = event.keyCode;
var ctrlKey = event.ctrlKey || event.metaKey;
var stateValue = _this.state.value;
var disabledDate = _this.props.disabledDate;
var value = stateValue;
switch (keyCode) {
case _KeyCode2['default'].DOWN:
value = stateValue.clone();
value.add(3, 'months');
break;
case _KeyCode2['default'].UP:
value = stateValue.clone();
value.add(-3, 'months');
break;
case _KeyCode2['default'].LEFT:
value = stateValue.clone();
if (ctrlKey) {
value.add(-1, 'years');
} else {
value.add(-1, 'months');
}
break;
case _KeyCode2['default'].RIGHT:
value = stateValue.clone();
if (ctrlKey) {
value.add(1, 'years');
} else {
value.add(1, 'months');
}
break;
case _KeyCode2['default'].ENTER:
if (!disabledDate || !disabledDate(stateValue)) {
_this.onSelect(stateValue);
}
event.preventDefault();
return 1;
default:
return undefined;
}
if (value !== stateValue) {
_this.setValue(value);
event.preventDefault();
return 1;
}
};
_this.handlePanelChange = function (_, mode) {
if (mode !== 'date') {
_this.setState({ mode: mode });
}
};
_this.state = {
mode: 'month',
value: props.value || props.defaultValue || (0, _moment2['default'])(),
selectedValue: props.selectedValue || props.defaultSelectedValue
};
return _this;
}
MonthCalendar.prototype.render = function render() {
var props = this.props,
state = this.state;
var mode = state.mode,
value = state.value;
var children = _react2['default'].createElement(
'div',
{ className: props.prefixCls + '-month-calendar-content' },
_react2['default'].createElement(
'div',
{ className: props.prefixCls + '-month-header-wrap' },
_react2['default'].createElement(_CalendarHeader2['default'], {
prefixCls: props.prefixCls,
mode: mode,
value: value,
locale: props.locale,
disabledMonth: props.disabledDate,
monthCellRender: props.monthCellRender,
monthCellContentRender: props.monthCellContentRender,
onMonthSelect: this.onSelect,
onValueChange: this.setValue,
onPanelChange: this.handlePanelChange
})
),
_react2['default'].createElement(_CalendarFooter2['default'], {
prefixCls: props.prefixCls,
renderFooter: props.renderFooter
})
);
return this.renderRoot({
className: props.prefixCls + '-month-calendar',
children: children
});
};
return MonthCalendar;
}(_react2['default'].Component);
MonthCalendar.propTypes = (0, _extends3['default'])({}, _CalendarMixin.calendarMixinPropTypes, _CommonMixin.propType, {
monthCellRender: _propTypes2['default'].func,
value: _propTypes2['default'].object,
defaultValue: _propTypes2['default'].object,
selectedValue: _propTypes2['default'].object,
defaultSelectedValue: _propTypes2['default'].object,
disabledDate: _propTypes2['default'].func
});
MonthCalendar.defaultProps = (0, _extends3['default'])({}, _CommonMixin.defaultProp, _CalendarMixin.calendarMixinDefaultProps);
exports['default'] = (0, _reactLifecyclesCompat.polyfill)((0, _CalendarMixin.calendarMixinWrapper)((0, _CommonMixin.commonMixinWrapper)(MonthCalendar)));
module.exports = exports['default'];
/***/ }),
/***/ 1097:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _mapSelf = __webpack_require__(1098);
var _mapSelf2 = _interopRequireDefault(_mapSelf);
var _MonthPanel = __webpack_require__(1320);
var _MonthPanel2 = _interopRequireDefault(_MonthPanel);
var _YearPanel = __webpack_require__(1321);
var _YearPanel2 = _interopRequireDefault(_YearPanel);
var _DecadePanel = __webpack_require__(1322);
var _DecadePanel2 = _interopRequireDefault(_DecadePanel);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function goMonth(direction) {
var next = this.props.value.clone();
next.add(direction, 'months');
this.props.onValueChange(next);
}
function goYear(direction) {
var next = this.props.value.clone();
next.add(direction, 'years');
this.props.onValueChange(next);
}
function showIf(condition, el) {
return condition ? el : null;
}
var CalendarHeader = function (_React$Component) {
(0, _inherits3['default'])(CalendarHeader, _React$Component);
function CalendarHeader(props) {
(0, _classCallCheck3['default'])(this, CalendarHeader);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
_initialiseProps.call(_this);
_this.nextMonth = goMonth.bind(_this, 1);
_this.previousMonth = goMonth.bind(_this, -1);
_this.nextYear = goYear.bind(_this, 1);
_this.previousYear = goYear.bind(_this, -1);
_this.state = { yearPanelReferer: null };
return _this;
}
CalendarHeader.prototype.render = function render() {
var _this2 = this;
var props = this.props;
var prefixCls = props.prefixCls,
locale = props.locale,
mode = props.mode,
value = props.value,
showTimePicker = props.showTimePicker,
enableNext = props.enableNext,
enablePrev = props.enablePrev,
disabledMonth = props.disabledMonth,
renderFooter = props.renderFooter;
var panel = null;
if (mode === 'month') {
panel = _react2['default'].createElement(_MonthPanel2['default'], {
locale: locale,
value: value,
rootPrefixCls: prefixCls,
onSelect: this.onMonthSelect,
onYearPanelShow: function onYearPanelShow() {
return _this2.showYearPanel('month');
},
disabledDate: disabledMonth,
cellRender: props.monthCellRender,
contentRender: props.monthCellContentRender,
renderFooter: renderFooter,
changeYear: this.changeYear
});
}
if (mode === 'year') {
panel = _react2['default'].createElement(_YearPanel2['default'], {
locale: locale,
defaultValue: value,
rootPrefixCls: prefixCls,
onSelect: this.onYearSelect,
onDecadePanelShow: this.showDecadePanel,
renderFooter: renderFooter
});
}
if (mode === 'decade') {
panel = _react2['default'].createElement(_DecadePanel2['default'], {
locale: locale,
defaultValue: value,
rootPrefixCls: prefixCls,
onSelect: this.onDecadeSelect,
renderFooter: renderFooter
});
}
return _react2['default'].createElement(
'div',
{ className: prefixCls + '-header' },
_react2['default'].createElement(
'div',
{ style: { position: 'relative' } },
showIf(enablePrev && !showTimePicker, _react2['default'].createElement('a', {
className: prefixCls + '-prev-year-btn',
role: 'button',
onClick: this.previousYear,
title: locale.previousYear
})),
showIf(enablePrev && !showTimePicker, _react2['default'].createElement('a', {
className: prefixCls + '-prev-month-btn',
role: 'button',
onClick: this.previousMonth,
title: locale.previousMonth
})),
this.monthYearElement(showTimePicker),
showIf(enableNext && !showTimePicker, _react2['default'].createElement('a', {
className: prefixCls + '-next-month-btn',
onClick: this.nextMonth,
title: locale.nextMonth
})),
showIf(enableNext && !showTimePicker, _react2['default'].createElement('a', {
className: prefixCls + '-next-year-btn',
onClick: this.nextYear,
title: locale.nextYear
}))
),
panel
);
};
return CalendarHeader;
}(_react2['default'].Component);
CalendarHeader.propTypes = {
prefixCls: _propTypes2['default'].string,
value: _propTypes2['default'].object,
onValueChange: _propTypes2['default'].func,
showTimePicker: _propTypes2['default'].bool,
onPanelChange: _propTypes2['default'].func,
locale: _propTypes2['default'].object,
enablePrev: _propTypes2['default'].any,
enableNext: _propTypes2['default'].any,
disabledMonth: _propTypes2['default'].func,
renderFooter: _propTypes2['default'].func,
onMonthSelect: _propTypes2['default'].func
};
CalendarHeader.defaultProps = {
enableNext: 1,
enablePrev: 1,
onPanelChange: function onPanelChange() {},
onValueChange: function onValueChange() {}
};
var _initialiseProps = function _initialiseProps() {
var _this3 = this;
this.onMonthSelect = function (value) {
_this3.props.onPanelChange(value, 'date');
if (_this3.props.onMonthSelect) {
_this3.props.onMonthSelect(value);
} else {
_this3.props.onValueChange(value);
}
};
this.onYearSelect = function (value) {
var referer = _this3.state.yearPanelReferer;
_this3.setState({ yearPanelReferer: null });
_this3.props.onPanelChange(value, referer);
_this3.props.onValueChange(value);
};
this.onDecadeSelect = function (value) {
_this3.props.onPanelChange(value, 'year');
_this3.props.onValueChange(value);
};
this.changeYear = function (direction) {
if (direction > 0) {
_this3.nextYear();
} else {
_this3.previousYear();
}
};
this.monthYearElement = function (showTimePicker) {
var props = _this3.props;
var prefixCls = props.prefixCls;
var locale = props.locale;
var value = props.value;
var localeData = value.localeData();
var monthBeforeYear = locale.monthBeforeYear;
var selectClassName = prefixCls + '-' + (monthBeforeYear ? 'my-select' : 'ym-select');
var timeClassName = showTimePicker ? ' ' + prefixCls + '-time-status' : '';
var year = _react2['default'].createElement(
'a',
{
className: prefixCls + '-year-select' + timeClassName,
role: 'button',
onClick: showTimePicker ? null : function () {
return _this3.showYearPanel('date');
},
title: showTimePicker ? null : locale.yearSelect
},
value.format(locale.yearFormat)
);
var month = _react2['default'].createElement(
'a',
{
className: prefixCls + '-month-select' + timeClassName,
role: 'button',
onClick: showTimePicker ? null : _this3.showMonthPanel,
title: showTimePicker ? null : locale.monthSelect
},
locale.monthFormat ? value.format(locale.monthFormat) : localeData.monthsShort(value)
);
var day = void 0;
if (showTimePicker) {
day = _react2['default'].createElement(
'a',
{
className: prefixCls + '-day-select' + timeClassName,
role: 'button'
},
value.format(locale.dayFormat)
);
}
var my = [];
if (monthBeforeYear) {
my = [month, day, year];
} else {
my = [year, month, day];
}
return _react2['default'].createElement(
'span',
{ className: selectClassName },
(0, _mapSelf2['default'])(my)
);
};
this.showMonthPanel = function () {
// null means that users' interaction doesn't change value
_this3.props.onPanelChange(null, 'month');
};
this.showYearPanel = function (referer) {
_this3.setState({ yearPanelReferer: referer });
_this3.props.onPanelChange(null, 'year');
};
this.showDecadePanel = function () {
_this3.props.onPanelChange(null, 'decade');
};
};
exports['default'] = CalendarHeader;
module.exports = exports['default'];
/***/ }),
/***/ 1098:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports['default'] = mapSelf;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function mirror(o) {
return o;
}
function mapSelf(children) {
// return ReactFragment
return _react2['default'].Children.map(children, mirror);
}
module.exports = exports['default'];
/***/ }),
/***/ 1099:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports['default'] = TodayButton;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _util = __webpack_require__(886);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function TodayButton(_ref) {
var prefixCls = _ref.prefixCls,
locale = _ref.locale,
value = _ref.value,
timePicker = _ref.timePicker,
disabled = _ref.disabled,
disabledDate = _ref.disabledDate,
onToday = _ref.onToday,
text = _ref.text;
var localeNow = (!text && timePicker ? locale.now : text) || locale.today;
var disabledToday = disabledDate && !(0, _util.isAllowedDate)((0, _util.getTodayTime)(value), disabledDate);
var isDisabled = disabledToday || disabled;
var disabledTodayClass = isDisabled ? prefixCls + '-today-btn-disabled' : '';
return _react2['default'].createElement(
'a',
{
className: prefixCls + '-today-btn ' + disabledTodayClass,
role: 'button',
onClick: isDisabled ? null : onToday,
title: (0, _util.getTodayTimeStr)(value)
},
localeNow
);
}
module.exports = exports['default'];
/***/ }),
/***/ 1100:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports["default"] = OkButton;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function OkButton(_ref) {
var prefixCls = _ref.prefixCls,
locale = _ref.locale,
okDisabled = _ref.okDisabled,
onOk = _ref.onOk;
var className = prefixCls + "-ok-btn";
if (okDisabled) {
className += " " + prefixCls + "-ok-btn-disabled";
}
return _react2["default"].createElement(
"a",
{
className: className,
role: "button",
onClick: okDisabled ? null : onOk
},
locale.ok
);
}
module.exports = exports['default'];
/***/ }),
/***/ 1101:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports['default'] = TimePickerButton;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _classnames2 = __webpack_require__(3);
var _classnames3 = _interopRequireDefault(_classnames2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function TimePickerButton(_ref) {
var _classnames;
var prefixCls = _ref.prefixCls,
locale = _ref.locale,
showTimePicker = _ref.showTimePicker,
onOpenTimePicker = _ref.onOpenTimePicker,
onCloseTimePicker = _ref.onCloseTimePicker,
timePickerDisabled = _ref.timePickerDisabled;
var className = (0, _classnames3['default'])((_classnames = {}, _classnames[prefixCls + '-time-picker-btn'] = true, _classnames[prefixCls + '-time-picker-btn-disabled'] = timePickerDisabled, _classnames));
var onClick = null;
if (!timePickerDisabled) {
onClick = showTimePicker ? onCloseTimePicker : onOpenTimePicker;
}
return _react2['default'].createElement(
'a',
{
className: className,
role: 'button',
onClick: onClick
},
showTimePicker ? locale.dateSelect : locale.timeSelect
);
}
module.exports = exports['default'];
/***/ }),
/***/ 1102:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.formatDate = formatDate;
// eslint-disable-next-line import/prefer-default-export
function formatDate(value, format) {
if (!value) {
return '';
}
if (Array.isArray(format)) {
format = format[0];
}
return value.format(format);
}
//# sourceMappingURL=utils.js.map
/***/ }),
/***/ 1103:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _moment = _interopRequireDefault(__webpack_require__(86));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _reactLifecyclesCompat = __webpack_require__(7);
var _Header = _interopRequireDefault(__webpack_require__(1328));
var _Combobox = _interopRequireDefault(__webpack_require__(1329));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function noop() {}
function generateOptions(length, disabledOptions, hideDisabledOptions) {
var step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
var arr = [];
for (var value = 0; value < length; value += step) {
if (!disabledOptions || disabledOptions.indexOf(value) < 0 || !hideDisabledOptions) {
arr.push(value);
}
}
return arr;
}
function toNearestValidTime(time, hourOptions, minuteOptions, secondOptions) {
var hour = hourOptions.slice().sort(function (a, b) {
return Math.abs(time.hour() - a) - Math.abs(time.hour() - b);
})[0];
var minute = minuteOptions.slice().sort(function (a, b) {
return Math.abs(time.minute() - a) - Math.abs(time.minute() - b);
})[0];
var second = secondOptions.slice().sort(function (a, b) {
return Math.abs(time.second() - a) - Math.abs(time.second() - b);
})[0];
return (0, _moment["default"])("".concat(hour, ":").concat(minute, ":").concat(second), 'HH:mm:ss');
}
var Panel =
/*#__PURE__*/
function (_Component) {
_inherits(Panel, _Component);
function Panel() {
var _getPrototypeOf2;
var _this;
_classCallCheck(this, Panel);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Panel)).call.apply(_getPrototypeOf2, [this].concat(args)));
_defineProperty(_assertThisInitialized(_this), "state", {});
_defineProperty(_assertThisInitialized(_this), "onChange", function (newValue) {
var onChange = _this.props.onChange;
_this.setState({
value: newValue
});
onChange(newValue);
});
_defineProperty(_assertThisInitialized(_this), "onAmPmChange", function (ampm) {
var onAmPmChange = _this.props.onAmPmChange;
onAmPmChange(ampm);
});
_defineProperty(_assertThisInitialized(_this), "onCurrentSelectPanelChange", function (currentSelectPanel) {
_this.setState({
currentSelectPanel: currentSelectPanel
});
});
_defineProperty(_assertThisInitialized(_this), "disabledHours", function () {
var _this$props = _this.props,
use12Hours = _this$props.use12Hours,
disabledHours = _this$props.disabledHours;
var disabledOptions = disabledHours();
if (use12Hours && Array.isArray(disabledOptions)) {
if (_this.isAM()) {
disabledOptions = disabledOptions.filter(function (h) {
return h < 12;
}).map(function (h) {
return h === 0 ? 12 : h;
});
} else {
disabledOptions = disabledOptions.map(function (h) {
return h === 12 ? 12 : h - 12;
});
}
}
return disabledOptions;
});
return _this;
}
_createClass(Panel, [{
key: "close",
// https://github.com/ant-design/ant-design/issues/5829
value: function close() {
var onEsc = this.props.onEsc;
onEsc();
}
}, {
key: "isAM",
value: function isAM() {
var defaultOpenValue = this.props.defaultOpenValue;
var value = this.state.value;
var realValue = value || defaultOpenValue;
return realValue.hour() >= 0 && realValue.hour() < 12;
}
}, {
key: "render",
value: function render() {
var _this$props2 = this.props,
prefixCls = _this$props2.prefixCls,
className = _this$props2.className,
placeholder = _this$props2.placeholder,
disabledMinutes = _this$props2.disabledMinutes,
disabledSeconds = _this$props2.disabledSeconds,
hideDisabledOptions = _this$props2.hideDisabledOptions,
showHour = _this$props2.showHour,
showMinute = _this$props2.showMinute,
showSecond = _this$props2.showSecond,
format = _this$props2.format,
defaultOpenValue = _this$props2.defaultOpenValue,
clearText = _this$props2.clearText,
onEsc = _this$props2.onEsc,
addon = _this$props2.addon,
use12Hours = _this$props2.use12Hours,
focusOnOpen = _this$props2.focusOnOpen,
onKeyDown = _this$props2.onKeyDown,
hourStep = _this$props2.hourStep,
minuteStep = _this$props2.minuteStep,
secondStep = _this$props2.secondStep,
inputReadOnly = _this$props2.inputReadOnly,
clearIcon = _this$props2.clearIcon;
var _this$state = this.state,
value = _this$state.value,
currentSelectPanel = _this$state.currentSelectPanel;
var disabledHourOptions = this.disabledHours();
var disabledMinuteOptions = disabledMinutes(value ? value.hour() : null);
var disabledSecondOptions = disabledSeconds(value ? value.hour() : null, value ? value.minute() : null);
var hourOptions = generateOptions(24, disabledHourOptions, hideDisabledOptions, hourStep);
var minuteOptions = generateOptions(60, disabledMinuteOptions, hideDisabledOptions, minuteStep);
var secondOptions = generateOptions(60, disabledSecondOptions, hideDisabledOptions, secondStep);
var validDefaultOpenValue = toNearestValidTime(defaultOpenValue, hourOptions, minuteOptions, secondOptions);
return _react["default"].createElement("div", {
className: (0, _classnames["default"])(className, "".concat(prefixCls, "-inner"))
}, _react["default"].createElement(_Header["default"], {
clearText: clearText,
prefixCls: prefixCls,
defaultOpenValue: validDefaultOpenValue,
value: value,
currentSelectPanel: currentSelectPanel,
onEsc: onEsc,
format: format,
placeholder: placeholder,
hourOptions: hourOptions,
minuteOptions: minuteOptions,
secondOptions: secondOptions,
disabledHours: this.disabledHours,
disabledMinutes: disabledMinutes,
disabledSeconds: disabledSeconds,
onChange: this.onChange,
focusOnOpen: focusOnOpen,
onKeyDown: onKeyDown,
inputReadOnly: inputReadOnly,
clearIcon: clearIcon
}), _react["default"].createElement(_Combobox["default"], {
prefixCls: prefixCls,
value: value,
defaultOpenValue: validDefaultOpenValue,
format: format,
onChange: this.onChange,
onAmPmChange: this.onAmPmChange,
showHour: showHour,
showMinute: showMinute,
showSecond: showSecond,
hourOptions: hourOptions,
minuteOptions: minuteOptions,
secondOptions: secondOptions,
disabledHours: this.disabledHours,
disabledMinutes: disabledMinutes,
disabledSeconds: disabledSeconds,
onCurrentSelectPanelChange: this.onCurrentSelectPanelChange,
use12Hours: use12Hours,
onEsc: onEsc,
isAM: this.isAM()
}), addon(this));
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(props, state) {
if ('value' in props) {
return _objectSpread({}, state, {
value: props.value
});
}
return null;
}
}]);
return Panel;
}(_react.Component);
_defineProperty(Panel, "propTypes", {
clearText: _propTypes["default"].string,
prefixCls: _propTypes["default"].string,
className: _propTypes["default"].string,
defaultOpenValue: _propTypes["default"].object,
value: _propTypes["default"].object,
placeholder: _propTypes["default"].string,
format: _propTypes["default"].string,
inputReadOnly: _propTypes["default"].bool,
disabledHours: _propTypes["default"].func,
disabledMinutes: _propTypes["default"].func,
disabledSeconds: _propTypes["default"].func,
hideDisabledOptions: _propTypes["default"].bool,
onChange: _propTypes["default"].func,
onAmPmChange: _propTypes["default"].func,
onEsc: _propTypes["default"].func,
showHour: _propTypes["default"].bool,
showMinute: _propTypes["default"].bool,
showSecond: _propTypes["default"].bool,
use12Hours: _propTypes["default"].bool,
hourStep: _propTypes["default"].number,
minuteStep: _propTypes["default"].number,
secondStep: _propTypes["default"].number,
addon: _propTypes["default"].func,
focusOnOpen: _propTypes["default"].bool,
onKeyDown: _propTypes["default"].func,
clearIcon: _propTypes["default"].node
});
_defineProperty(Panel, "defaultProps", {
prefixCls: 'rc-time-picker-panel',
onChange: noop,
disabledHours: noop,
disabledMinutes: noop,
disabledSeconds: noop,
defaultOpenValue: (0, _moment["default"])(),
use12Hours: false,
addon: noop,
onKeyDown: noop,
onAmPmChange: noop,
inputReadOnly: false
});
(0, _reactLifecyclesCompat.polyfill)(Panel);
var _default = Panel;
exports["default"] = _default;
/***/ }),
/***/ 1104:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = InputIcon;
var React = _interopRequireWildcard(__webpack_require__(0));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _icon = _interopRequireDefault(__webpack_require__(26));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function InputIcon(props) {
var _classNames;
var suffixIcon = props.suffixIcon,
prefixCls = props.prefixCls;
return suffixIcon && (React.isValidElement(suffixIcon) ? React.cloneElement(suffixIcon, {
className: (0, _classnames["default"])((_classNames = {}, _defineProperty(_classNames, suffixIcon.props.className, suffixIcon.props.className), _defineProperty(_classNames, "".concat(prefixCls, "-picker-icon"), true), _classNames))
}) : React.createElement("span", {
className: "".concat(prefixCls, "-picker-icon")
}, suffixIcon)) || React.createElement(_icon["default"], {
type: "calendar",
className: "".concat(prefixCls, "-picker-icon")
});
}
//# sourceMappingURL=InputIcon.js.map
/***/ }),
/***/ 1123:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css__ = __webpack_require__(32);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_modal__ = __webpack_require__(33);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_modal___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_modal__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_antd_lib_date_picker_style_css__ = __webpack_require__(1071);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_antd_lib_date_picker_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_antd_lib_date_picker_style_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_date_picker__ = __webpack_require__(1072);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_date_picker___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_antd_lib_date_picker__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_checkbox_style_css__ = __webpack_require__(317);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_checkbox_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_antd_lib_checkbox_style_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_checkbox__ = __webpack_require__(314);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_checkbox___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_antd_lib_checkbox__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_educoder__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_antd_lib_date_picker_locale_zh_CN__ = __webpack_require__(180);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_antd_lib_date_picker_locale_zh_CN___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_antd_lib_date_picker_locale_zh_CN__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_moment__ = __webpack_require__(86);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_moment__);
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var CheckboxGroup=__WEBPACK_IMPORTED_MODULE_5_antd_lib_checkbox___default.a.Group;var dateFormat='YYYY-MM-DD HH:mm';function range(start,end){var result=[];for(var i=start;i<end;i++){result.push(i);}return result;}function disabledDateTime(){return{// disabledHours: () => range(0, 24).splice(4, 20),
disabledMinutes:function disabledMinutes(){return range(1,30).concat(range(31,60));}// disabledSeconds: () => [55, 56],
};}function disabledDate(current){return current&&current<__WEBPACK_IMPORTED_MODULE_9_moment___default()().endOf('day').subtract(1,'days');}var HomeworkModal=function(_Component){_inherits(HomeworkModal,_Component);function HomeworkModal(props){_classCallCheck(this,HomeworkModal);var _this=_possibleConstructorReturn(this,(HomeworkModal.__proto__||Object.getPrototypeOf(HomeworkModal)).call(this,props));_this.componentDidUpdate=function(prevProps){// if(prevProps.visible!=this.props.visible){
//
// if(this.props.course_groups!=undefined){
// let arr=this.props.course_groups.map(item => item.id);
// this.shixunhomeworkedit(arr);
// }
// }
if(prevProps.course_groups!=_this.props.course_groups){if(_this.props.course_groups!=undefined){var arr=_this.props.course_groups.map(function(item){return item.id;});_this.shixunhomeworkedit(arr);}}if(prevProps.starttimes!=_this.props.starttimes){if(_this.props.starttimes!=undefined&&_this.props.starttimes!=""){if(_this.props.starttimesend!=undefined&&_this.props.starttimesend!=""){_this.setState({endtime:_this.props.starttimesend});}else{_this.setState({endtime:__WEBPACK_IMPORTED_MODULE_9_moment___default()(__WEBPACK_IMPORTED_MODULE_9_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(_this.props.starttimes)).add(1,'week')).format("YYYY-MM-DD HH:mm")});}}}};_this.shixunhomeworkedit=function(list){_this.setState({group_ids:list});_this.props.getcourse_groupslist&&_this.props.getcourse_groupslist(list);};_this.onChangeTimeend=function(date,dateString){// console.log('startValue',dateString);
_this.setState({endtime:date===null?"":Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(dateString)});};_this.propsSaves=function(ds,endtime){if(ds.length===0&&endtime===""){_this.props.Saves();}else{if(_this.props.typs!="end"){if(endtime===""||endtime===undefined||endtime===null){_this.setState({endtimetype:true,endtimetypevalue:"截止时间不能为空"});return;}if(__WEBPACK_IMPORTED_MODULE_9_moment___default()(endtime,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_9_moment___default()(_this.props.starttimes,"YYYY-MM-DD HH:mm")){_this.setState({endtimetype:true,endtimetypevalue:"必须晚于发布时间"});return;}}_this.props.Saves(ds,__WEBPACK_IMPORTED_MODULE_9_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(endtime),"YYYY-MM-DD HH:mm").format("YYYY-MM-DD HH:mm"));}};_this.state={group_ids:[],endtime:""};return _this;}_createClass(HomeworkModal,[{key:"componentDidMount",value:function componentDidMount(){if(this.props.course_groups!=undefined&&this.props.course_groups.length!=0){var arr=this.props.course_groups.map(function(item){return item.id;});this.shixunhomeworkedit(arr);}if(this.props.starttimes!=undefined&&this.props.starttimes!=""){if(this.props.starttimesend!=undefined&&this.props.starttimesend!=""){this.setState({endtime:this.props.starttimesend});}else{this.setState({endtime:__WEBPACK_IMPORTED_MODULE_9_moment___default()(__WEBPACK_IMPORTED_MODULE_9_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(this.props.starttimes)).add(1,'week')).format("YYYY-MM-DD HH:mm")});}}}//勾选实训
},{key:"render",value:function render(){var _this2=this;var _state=this.state,group_ids=_state.group_ids,endtime=_state.endtime;var course_groups=this.props.course_groups;// console.log(this.props.starttimes)
// console.log(this.state.endtime)
// console.log(this.props.starttime,this.props.endtime)
// TODO course_groups为空时的处理
// let endtimelist=this.props.starttimes===undefined||this.props.starttimes===""?"":moment(handleDateString(endtime)).add(1,'months')
return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",null,this.props.visible===true?__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("style",null,"\n body {\n\t\t\t\t\t\t\t overflow: hidden !important;\n\t\t\t\t\t\t\t}\n "):"",this.props.visible===true?__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_modal___default.a,{keyboard:false,className:"HomeworkModal",title:this.props.modalname,visible:this.props.visible,closable:false,footer:null,destroyOnClose:true},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{className:"task-popup-content"},this.props.usingCheckBeforePost?__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("p",{className:"task-popup-text-center font-16"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("span",null,"\u53D1\u5E03\u8BBE\u7F6E\u5747\u53EF\u4FEE\u6539\uFF0C"),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("span",{className:"color-blue underline",onClick:this.props.onToPublishClick},"\u70B9\u51FB\u4FEE\u6539")),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("p",{className:"task-popup-text-center font-16 mt10"},"\u6B64\u8BBE\u7F6E\u5C06\u5BF9\u6240\u6709\u5206\u73ED\u751F\u6548")):__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("p",{className:"task-popup-text-center font-16"},this.props.Topval,__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("span",{className:"color-blue underline"},this.props.Topvalright)),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("p",{className:"task-popup-text-center font-16 mt10"},this.props.Botvalleft===undefined?"":__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("span",{className:"colorFF6800"},"\"",this.props.Botvalleft,"\""),this.props.Botval)),this.props.starttime===undefined||this.props.starttime===""?"":__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("p",{className:"task-popup-text-center font-16 mt20"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("span",{className:"font-14 mr20 color979797"},this.props.starttime),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("span",{className:"font-14 color979797"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("span",{className:"mr10"},"\u622A\u6B62\u65F6\u95F4:"),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_antd_lib_date_picker___default.a,{dropdownClassName:"hideDisable",showTime:{format:'HH:mm'},disabledTime:disabledDateTime,disabledDate:disabledDate,showToday:false,locale:__WEBPACK_IMPORTED_MODULE_8_antd_lib_date_picker_locale_zh_CN___default.a,format:dateFormat,placeholder:"\u8BF7\u9009\u62E9\u622A\u6B62\u65F6\u95F4",id:"endTime",width:"210px",value:endtime===null||endtime===""?"":__WEBPACK_IMPORTED_MODULE_9_moment___default()(endtime,dateFormat),onChange:this.onChangeTimeend,className:this.state.endtimetype===true?"noticeTip":""}),this.state.endtimetype===true?__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{className:"color-red fr mr90 mt5"},this.state.endtimetypevalue):"")),this.props.modaltype===undefined||this.props.modaltype===2||this.props.modaltype===4||!course_groups||course_groups.length==0||this.props.usingCheckBeforePost?"":__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("ul",{className:"upload_select_box fl clearfix mt20 mb30",style:{"overflow-y":"auto",padding:"10px 0px"},id:"search_not_members_list"// onScroll={this.contentViewScroll}
},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("style",null,"\n .HomeworkModal .ant-checkbox-wrapper {\n margin-top: 0px;\n float: left;\n }\n \t.width300{\n\t\t\t\t\t\t\t\t\t\t width:300px;\n\t\t\t\t\t\t\t\t\t\t display: inline-block;\n\t\t\t\t\t\t\t\t\t\t}\n "),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_antd_lib_checkbox___default.a.Group,{style:{width:'100%'},value:group_ids,onChange:this.shixunhomeworkedit},course_groups.map(function(item,key){return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{className:"clearfix edu-txt-center lineh-40",key:key},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("li",{style:{width:'100%',padding:"0px 10px"}},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_antd_lib_checkbox___default.a,{className:"task-hide edu-txt-left width300",name:"shixun_homework[]",value:item.id,key:item.id},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("span",{style:{"textAlign":"left","color":"#05101A"},className:"task-hide color-grey-name"},item.name))));}))),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{className:"clearfix mt30 edu-txt-center mb10"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("a",{className:"task-btn color-white mr30",onClick:this.props.Cancel},this.props.Cancelname),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("a",{className:"task-btn task-btn-orange",onClick:function onClick(){return _this2.propsSaves(group_ids,_this2.state.endtime);}},this.props.Savesname)))):"");}}]);return HomeworkModal;}(__WEBPACK_IMPORTED_MODULE_6_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (HomeworkModal);
/***/ }),
/***/ 1137:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PresetColorTypes = void 0;
var _type = __webpack_require__(70);
// eslint-disable-next-line import/prefer-default-export
var PresetColorTypes = (0, _type.tuple)('pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime');
exports.PresetColorTypes = PresetColorTypes;
//# sourceMappingURL=colors.js.map
/***/ }),
/***/ 1141:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
__webpack_require__(28);
__webpack_require__(1349);
//# sourceMappingURL=css.js.map
/***/ }),
/***/ 1142:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var React = _interopRequireWildcard(__webpack_require__(0));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _rcInputNumber = _interopRequireDefault(__webpack_require__(1351));
var _icon = _interopRequireDefault(__webpack_require__(26));
var _configProvider = __webpack_require__(12);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
var __rest = void 0 && (void 0).__rest || function (s, e) {
var t = {};
for (var p in s) {
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
}
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
var InputNumber =
/*#__PURE__*/
function (_React$Component) {
_inherits(InputNumber, _React$Component);
function InputNumber() {
var _this;
_classCallCheck(this, InputNumber);
_this = _possibleConstructorReturn(this, _getPrototypeOf(InputNumber).apply(this, arguments));
_this.saveInputNumber = function (inputNumberRef) {
_this.inputNumberRef = inputNumberRef;
};
_this.renderInputNumber = function (_ref) {
var _classNames;
var getPrefixCls = _ref.getPrefixCls;
var _a = _this.props,
className = _a.className,
size = _a.size,
customizePrefixCls = _a.prefixCls,
others = __rest(_a, ["className", "size", "prefixCls"]);
var prefixCls = getPrefixCls('input-number', customizePrefixCls);
var inputNumberClass = (0, _classnames["default"])((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-lg"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-sm"), size === 'small'), _classNames), className);
var upIcon = React.createElement(_icon["default"], {
type: "up",
className: "".concat(prefixCls, "-handler-up-inner")
});
var downIcon = React.createElement(_icon["default"], {
type: "down",
className: "".concat(prefixCls, "-handler-down-inner")
});
return React.createElement(_rcInputNumber["default"], _extends({
ref: _this.saveInputNumber,
className: inputNumberClass,
upHandler: upIcon,
downHandler: downIcon,
prefixCls: prefixCls
}, others));
};
return _this;
}
_createClass(InputNumber, [{
key: "focus",
value: function focus() {
this.inputNumberRef.focus();
}
}, {
key: "blur",
value: function blur() {
this.inputNumberRef.blur();
}
}, {
key: "render",
value: function render() {
return React.createElement(_configProvider.ConfigConsumer, null, this.renderInputNumber);
}
}]);
return InputNumber;
}(React.Component);
exports["default"] = InputNumber;
InputNumber.defaultProps = {
step: 1
};
//# sourceMappingURL=index.js.map
/***/ }),
/***/ 1219:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
__webpack_require__(28);
__webpack_require__(1223);
//# sourceMappingURL=css.js.map
/***/ }),
/***/ 1220:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var React = _interopRequireWildcard(__webpack_require__(0));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _omit = _interopRequireDefault(__webpack_require__(43));
var _reactLifecyclesCompat = __webpack_require__(7);
var _icon = _interopRequireDefault(__webpack_require__(26));
var _CheckableTag = _interopRequireDefault(__webpack_require__(1225));
var _configProvider = __webpack_require__(12);
var _colors = __webpack_require__(1137);
var _warning = _interopRequireDefault(__webpack_require__(40));
var _wave = _interopRequireDefault(__webpack_require__(342));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
var __rest = void 0 && (void 0).__rest || function (s, e) {
var t = {};
for (var p in s) {
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
}
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
var PresetColorRegex = new RegExp("^(".concat(_colors.PresetColorTypes.join('|'), ")(-inverse)?$"));
var Tag =
/*#__PURE__*/
function (_React$Component) {
_inherits(Tag, _React$Component);
function Tag(props) {
var _this;
_classCallCheck(this, Tag);
_this = _possibleConstructorReturn(this, _getPrototypeOf(Tag).call(this, props));
_this.state = {
visible: true
};
_this.handleIconClick = function (e) {
e.stopPropagation();
_this.setVisible(false, e);
};
_this.renderTag = function (configProps) {
var _a = _this.props,
children = _a.children,
otherProps = __rest(_a, ["children"]);
var isNeedWave = 'onClick' in otherProps || children && children.type === 'a';
var tagProps = (0, _omit["default"])(otherProps, ['onClose', 'afterClose', 'color', 'visible', 'closable', 'prefixCls']);
return isNeedWave ? React.createElement(_wave["default"], null, React.createElement("span", _extends({}, tagProps, {
className: _this.getTagClassName(configProps),
style: _this.getTagStyle()
}), children, _this.renderCloseIcon())) : React.createElement("span", _extends({}, tagProps, {
className: _this.getTagClassName(configProps),
style: _this.getTagStyle()
}), children, _this.renderCloseIcon());
};
(0, _warning["default"])(!('afterClose' in props), 'Tag', "'afterClose' will be deprecated, please use 'onClose', we will remove this in the next version.");
return _this;
}
_createClass(Tag, [{
key: "getTagStyle",
value: function getTagStyle() {
var _this$props = this.props,
color = _this$props.color,
style = _this$props.style;
var isPresetColor = this.isPresetColor();
return _extends({
backgroundColor: color && !isPresetColor ? color : undefined
}, style);
}
}, {
key: "getTagClassName",
value: function getTagClassName(_ref) {
var _classNames;
var getPrefixCls = _ref.getPrefixCls;
var _this$props2 = this.props,
customizePrefixCls = _this$props2.prefixCls,
className = _this$props2.className,
color = _this$props2.color;
var visible = this.state.visible;
var isPresetColor = this.isPresetColor();
var prefixCls = getPrefixCls('tag', customizePrefixCls);
return (0, _classnames["default"])(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(color), isPresetColor), _defineProperty(_classNames, "".concat(prefixCls, "-has-color"), color && !isPresetColor), _defineProperty(_classNames, "".concat(prefixCls, "-hidden"), !visible), _classNames), className);
}
}, {
key: "setVisible",
value: function setVisible(visible, e) {
var _this$props3 = this.props,
onClose = _this$props3.onClose,
afterClose = _this$props3.afterClose;
if (onClose) {
onClose(e);
}
if (afterClose && !onClose) {
// next version remove.
afterClose();
}
if (e.defaultPrevented) {
return;
}
if (!('visible' in this.props)) {
this.setState({
visible: visible
});
}
}
}, {
key: "isPresetColor",
value: function isPresetColor() {
var color = this.props.color;
if (!color) {
return false;
}
return PresetColorRegex.test(color);
}
}, {
key: "renderCloseIcon",
value: function renderCloseIcon() {
var closable = this.props.closable;
return closable ? React.createElement(_icon["default"], {
type: "close",
onClick: this.handleIconClick
}) : null;
}
}, {
key: "render",
value: function render() {
return React.createElement(_configProvider.ConfigConsumer, null, this.renderTag);
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(nextProps) {
if ('visible' in nextProps) {
return {
visible: nextProps.visible
};
}
return null;
}
}]);
return Tag;
}(React.Component);
Tag.CheckableTag = _CheckableTag["default"];
Tag.defaultProps = {
closable: false
};
(0, _reactLifecyclesCompat.polyfill)(Tag);
var _default = Tag;
exports["default"] = _default;
//# sourceMappingURL=index.js.map
/***/ }),
/***/ 1221:
/***/ (function(module, exports, __webpack_require__) {
var invariant = __webpack_require__(47);
var hasOwnProperty = Object.prototype.hasOwnProperty;
var splice = Array.prototype.splice;
var toString = Object.prototype.toString
var type = function(obj) {
return toString.call(obj).slice(8, -1);
}
var assign = Object.assign || /* istanbul ignore next */ function assign(target, source) {
getAllKeys(source).forEach(function(key) {
if (hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
});
return target;
};
var getAllKeys = typeof Object.getOwnPropertySymbols === 'function' ?
function(obj) { return Object.keys(obj).concat(Object.getOwnPropertySymbols(obj)) } :
/* istanbul ignore next */ function(obj) { return Object.keys(obj) };
/* istanbul ignore next */
function copy(object) {
if (Array.isArray(object)) {
return assign(object.constructor(object.length), object)
} else if (type(object) === 'Map') {
return new Map(object)
} else if (type(object) === 'Set') {
return new Set(object)
} else if (object && typeof object === 'object') {
var prototype = Object.getPrototypeOf(object);
return assign(Object.create(prototype), object);
} else {
return object;
}
}
function newContext() {
var commands = assign({}, defaultCommands);
update.extend = function(directive, fn) {
commands[directive] = fn;
};
update.isEquals = function(a, b) { return a === b; };
return update;
function update(object, spec) {
if (typeof spec === 'function') {
spec = { $apply: spec };
}
if (!(Array.isArray(object) && Array.isArray(spec))) {
invariant(
!Array.isArray(spec),
'update(): You provided an invalid spec to update(). The spec may ' +
'not contain an array except as the value of $set, $push, $unshift, ' +
'$splice or any custom command allowing an array value.'
);
}
invariant(
typeof spec === 'object' && spec !== null,
'update(): You provided an invalid spec to update(). The spec and ' +
'every included key path must be plain objects containing one of the ' +
'following commands: %s.',
Object.keys(commands).join(', ')
);
var nextObject = object;
var index, key;
getAllKeys(spec).forEach(function(key) {
if (hasOwnProperty.call(commands, key)) {
var objectWasNextObject = object === nextObject;
nextObject = commands[key](spec[key], nextObject, spec, object);
if (objectWasNextObject && update.isEquals(nextObject, object)) {
nextObject = object;
}
} else {
var nextValueForKey =
type(object) === 'Map'
? update(object.get(key), spec[key])
: update(object[key], spec[key]);
var nextObjectValue =
type(nextObject) === 'Map'
? nextObject.get(key)
: nextObject[key];
if (!update.isEquals(nextValueForKey, nextObjectValue) || typeof nextValueForKey === 'undefined' && !hasOwnProperty.call(object, key)) {
if (nextObject === object) {
nextObject = copy(object);
}
if (type(nextObject) === 'Map') {
nextObject.set(key, nextValueForKey);
} else {
nextObject[key] = nextValueForKey;
}
}
}
})
return nextObject;
}
}
var defaultCommands = {
$push: function(value, nextObject, spec) {
invariantPushAndUnshift(nextObject, spec, '$push');
return value.length ? nextObject.concat(value) : nextObject;
},
$unshift: function(value, nextObject, spec) {
invariantPushAndUnshift(nextObject, spec, '$unshift');
return value.length ? value.concat(nextObject) : nextObject;
},
$splice: function(value, nextObject, spec, originalObject) {
invariantSplices(nextObject, spec);
value.forEach(function(args) {
invariantSplice(args);
if (nextObject === originalObject && args.length) nextObject = copy(originalObject);
splice.apply(nextObject, args);
});
return nextObject;
},
$set: function(value, nextObject, spec) {
invariantSet(spec);
return value;
},
$toggle: function(targets, nextObject) {
invariantSpecArray(targets, '$toggle');
var nextObjectCopy = targets.length ? copy(nextObject) : nextObject;
targets.forEach(function(target) {
nextObjectCopy[target] = !nextObject[target];
});
return nextObjectCopy;
},
$unset: function(value, nextObject, spec, originalObject) {
invariantSpecArray(value, '$unset');
value.forEach(function(key) {
if (Object.hasOwnProperty.call(nextObject, key)) {
if (nextObject === originalObject) nextObject = copy(originalObject);
delete nextObject[key];
}
});
return nextObject;
},
$add: function(value, nextObject, spec, originalObject) {
invariantMapOrSet(nextObject, '$add');
invariantSpecArray(value, '$add');
if (type(nextObject) === 'Map') {
value.forEach(function(pair) {
var key = pair[0];
var value = pair[1];
if (nextObject === originalObject && nextObject.get(key) !== value) nextObject = copy(originalObject);
nextObject.set(key, value);
});
} else {
value.forEach(function(value) {
if (nextObject === originalObject && !nextObject.has(value)) nextObject = copy(originalObject);
nextObject.add(value);
});
}
return nextObject;
},
$remove: function(value, nextObject, spec, originalObject) {
invariantMapOrSet(nextObject, '$remove');
invariantSpecArray(value, '$remove');
value.forEach(function(key) {
if (nextObject === originalObject && nextObject.has(key)) nextObject = copy(originalObject);
nextObject.delete(key);
});
return nextObject;
},
$merge: function(value, nextObject, spec, originalObject) {
invariantMerge(nextObject, value);
getAllKeys(value).forEach(function(key) {
if (value[key] !== nextObject[key]) {
if (nextObject === originalObject) nextObject = copy(originalObject);
nextObject[key] = value[key];
}
});
return nextObject;
},
$apply: function(value, original) {
invariantApply(value);
return value(original);
}
};
var contextForExport = newContext();
module.exports = contextForExport;
module.exports.default = contextForExport;
module.exports.newContext = newContext;
// invariants
function invariantPushAndUnshift(value, spec, command) {
invariant(
Array.isArray(value),
'update(): expected target of %s to be an array; got %s.',
command,
value
);
invariantSpecArray(spec[command], command)
}
function invariantSpecArray(spec, command) {
invariant(
Array.isArray(spec),
'update(): expected spec of %s to be an array; got %s. ' +
'Did you forget to wrap your parameter in an array?',
command,
spec
);
}
function invariantSplices(value, spec) {
invariant(
Array.isArray(value),
'Expected $splice target to be an array; got %s',
value
);
invariantSplice(spec['$splice']);
}
function invariantSplice(value) {
invariant(
Array.isArray(value),
'update(): expected spec of $splice to be an array of arrays; got %s. ' +
'Did you forget to wrap your parameters in an array?',
value
);
}
function invariantApply(fn) {
invariant(
typeof fn === 'function',
'update(): expected spec of $apply to be a function; got %s.',
fn
);
}
function invariantSet(spec) {
invariant(
Object.keys(spec).length === 1,
'Cannot have more than one key in an object with $set'
);
}
function invariantMerge(target, specValue) {
invariant(
specValue && typeof specValue === 'object',
'update(): $merge expects a spec of type \'object\'; got %s',
specValue
);
invariant(
target && typeof target === 'object',
'update(): $merge expects a target of type \'object\'; got %s',
target
);
}
function invariantMapOrSet(target, command) {
var typeOfTarget = type(target);
invariant(
typeOfTarget === 'Map' || typeOfTarget === 'Set',
'update(): %s expects a target of type Set or Map; got %s',
command,
typeOfTarget
);
}
/***/ }),
/***/ 1223:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1224);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1224:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".ant-tag{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";display:inline-block;height:auto;margin-right:8px;padding:0 7px;font-size:12px;line-height:20px;white-space:nowrap;background:#fafafa;border:1px solid #d9d9d9;border-radius:4px;cursor:default;opacity:1;-webkit-transition:all .3s cubic-bezier(.78,.14,.15,.86);-o-transition:all .3s cubic-bezier(.78,.14,.15,.86);transition:all .3s cubic-bezier(.78,.14,.15,.86)}.ant-tag:hover{opacity:.85}.ant-tag,.ant-tag a,.ant-tag a:hover{color:rgba(0,0,0,.65)}.ant-tag>a:first-child:last-child{display:inline-block;margin:0 -8px;padding:0 8px}.ant-tag .anticon-close{display:inline-block;font-size:12px;font-size:10px\\9;-webkit-transform:scale(.83333333) rotate(0deg);-ms-transform:scale(.83333333) rotate(0deg);transform:scale(.83333333) rotate(0deg);margin-left:3px;color:rgba(0,0,0,.45);font-weight:700;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.78,.14,.15,.86);-o-transition:all .3s cubic-bezier(.78,.14,.15,.86);transition:all .3s cubic-bezier(.78,.14,.15,.86)}:root .ant-tag .anticon-close{font-size:12px}.ant-tag .anticon-close:hover{color:rgba(0,0,0,.85)}.ant-tag-has-color{border-color:transparent}.ant-tag-has-color,.ant-tag-has-color .anticon-close,.ant-tag-has-color .anticon-close:hover,.ant-tag-has-color a,.ant-tag-has-color a:hover{color:#fff}.ant-tag-checkable{background-color:transparent;border-color:transparent}.ant-tag-checkable:not(.ant-tag-checkable-checked):hover{color:#1890ff}.ant-tag-checkable-checked,.ant-tag-checkable:active{color:#fff}.ant-tag-checkable-checked{background-color:#1890ff}.ant-tag-checkable:active{background-color:#096dd9}.ant-tag-hidden{display:none}.ant-tag-pink{color:#eb2f96;background:#fff0f6;border-color:#ffadd2}.ant-tag-pink-inverse{color:#fff;background:#eb2f96;border-color:#eb2f96}.ant-tag-magenta{color:#eb2f96;background:#fff0f6;border-color:#ffadd2}.ant-tag-magenta-inverse{color:#fff;background:#eb2f96;border-color:#eb2f96}.ant-tag-red{color:#f5222d;background:#fff1f0;border-color:#ffa39e}.ant-tag-red-inverse{color:#fff;background:#f5222d;border-color:#f5222d}.ant-tag-volcano{color:#fa541c;background:#fff2e8;border-color:#ffbb96}.ant-tag-volcano-inverse{color:#fff;background:#fa541c;border-color:#fa541c}.ant-tag-orange{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.ant-tag-orange-inverse{color:#fff;background:#fa8c16;border-color:#fa8c16}.ant-tag-yellow{color:#fadb14;background:#feffe6;border-color:#fffb8f}.ant-tag-yellow-inverse{color:#fff;background:#fadb14;border-color:#fadb14}.ant-tag-gold{color:#faad14;background:#fffbe6;border-color:#ffe58f}.ant-tag-gold-inverse{color:#fff;background:#faad14;border-color:#faad14}.ant-tag-cyan{color:#13c2c2;background:#e6fffb;border-color:#87e8de}.ant-tag-cyan-inverse{color:#fff;background:#13c2c2;border-color:#13c2c2}.ant-tag-lime{color:#a0d911;background:#fcffe6;border-color:#eaff8f}.ant-tag-lime-inverse{color:#fff;background:#a0d911;border-color:#a0d911}.ant-tag-green{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.ant-tag-green-inverse{color:#fff;background:#52c41a;border-color:#52c41a}.ant-tag-blue{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.ant-tag-blue-inverse{color:#fff;background:#1890ff;border-color:#1890ff}.ant-tag-geekblue{color:#2f54eb;background:#f0f5ff;border-color:#adc6ff}.ant-tag-geekblue-inverse{color:#fff;background:#2f54eb;border-color:#2f54eb}.ant-tag-purple{color:#722ed1;background:#f9f0ff;border-color:#d3adf7}.ant-tag-purple-inverse{color:#fff;background:#722ed1;border-color:#722ed1}", "", {"version":3,"sources":["/Users/hs/edu/educoder/public/react/node_modules/antd/lib/tag/style/index.css"],"names":[],"mappings":"AAIA,SACE,8BAA+B,AACvB,sBAAuB,AAC/B,SAAU,AACV,UAAW,AACX,sBAA2B,AAC3B,eAAgB,AAChB,0BAA2B,AAC3B,gBAAiB,AACjB,gBAAiB,AACjB,qCAAsC,AAC9B,6BAA8B,AACtC,qBAAsB,AACtB,YAAa,AACb,iBAAkB,AAClB,cAAe,AACf,eAAgB,AAChB,iBAAkB,AAClB,mBAAoB,AA
// exports
/***/ }),
/***/ 1225:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var React = _interopRequireWildcard(__webpack_require__(0));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _configProvider = __webpack_require__(12);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
var __rest = void 0 && (void 0).__rest || function (s, e) {
var t = {};
for (var p in s) {
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
}
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
var CheckableTag =
/*#__PURE__*/
function (_React$Component) {
_inherits(CheckableTag, _React$Component);
function CheckableTag() {
var _this;
_classCallCheck(this, CheckableTag);
_this = _possibleConstructorReturn(this, _getPrototypeOf(CheckableTag).apply(this, arguments));
_this.handleClick = function () {
var _this$props = _this.props,
checked = _this$props.checked,
onChange = _this$props.onChange;
if (onChange) {
onChange(!checked);
}
};
_this.renderCheckableTag = function (_ref) {
var _classNames;
var getPrefixCls = _ref.getPrefixCls;
var _a = _this.props,
customizePrefixCls = _a.prefixCls,
className = _a.className,
checked = _a.checked,
restProps = __rest(_a, ["prefixCls", "className", "checked"]);
var prefixCls = getPrefixCls('tag', customizePrefixCls);
var cls = (0, _classnames["default"])(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-checkable"), true), _defineProperty(_classNames, "".concat(prefixCls, "-checkable-checked"), checked), _classNames), className);
delete restProps.onChange; // TypeScript cannot check delete now.
return React.createElement("span", _extends({}, restProps, {
className: cls,
onClick: _this.handleClick
}));
};
return _this;
}
_createClass(CheckableTag, [{
key: "render",
value: function render() {
return React.createElement(_configProvider.ConfigConsumer, null, this.renderCheckableTag);
}
}]);
return CheckableTag;
}(React.Component);
exports["default"] = CheckableTag;
//# sourceMappingURL=CheckableTag.js.map
/***/ }),
/***/ 1236:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
var _reactLifecyclesCompat = __webpack_require__(7);
var _index = __webpack_require__(886);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var ROW = 4;
var COL = 3;
function noop() {}
var MonthTable = function (_Component) {
(0, _inherits3['default'])(MonthTable, _Component);
function MonthTable() {
var _temp, _this, _ret;
(0, _classCallCheck3['default'])(this, MonthTable);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {}, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
}
MonthTable.getDerivedStateFromProps = function getDerivedStateFromProps(props) {
if ('value' in props) {
return { value: props.value };
}
return null;
};
MonthTable.prototype.setAndSelectValue = function setAndSelectValue(value) {
this.setState({
value: value
});
this.props.onSelect(value);
};
MonthTable.prototype.chooseMonth = function chooseMonth(month) {
var next = this.state.value.clone();
next.month(month);
this.setAndSelectValue(next);
};
MonthTable.prototype.months = function months() {
var value = this.state.value;
var current = value.clone();
var months = [];
var index = 0;
for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
months[rowIndex] = [];
for (var colIndex = 0; colIndex < COL; colIndex++) {
current.month(index);
var content = (0, _index.getMonthName)(current);
months[rowIndex][colIndex] = {
value: index,
content: content,
title: content
};
index++;
}
}
return months;
};
MonthTable.prototype.render = function render() {
var _this2 = this;
var props = this.props;
var value = this.state.value;
var today = (0, _index.getTodayTime)(value);
var months = this.months();
var currentMonth = value.month();
var prefixCls = props.prefixCls,
locale = props.locale,
contentRender = props.contentRender,
cellRender = props.cellRender;
var monthsEls = months.map(function (month, index) {
var tds = month.map(function (monthData) {
var _classNameMap;
var disabled = false;
if (props.disabledDate) {
var testValue = value.clone();
testValue.month(monthData.value);
disabled = props.disabledDate(testValue);
}
var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-cell-disabled'] = disabled, _classNameMap[prefixCls + '-selected-cell'] = monthData.value === currentMonth, _classNameMap[prefixCls + '-current-cell'] = today.year() === value.year() && monthData.value === today.month(), _classNameMap);
var cellEl = void 0;
if (cellRender) {
var currentValue = value.clone();
currentValue.month(monthData.value);
cellEl = cellRender(currentValue, locale);
} else {
var content = void 0;
if (contentRender) {
var _currentValue = value.clone();
_currentValue.month(monthData.value);
content = contentRender(_currentValue, locale);
} else {
content = monthData.content;
}
cellEl = _react2['default'].createElement(
'a',
{ className: prefixCls + '-month' },
content
);
}
return _react2['default'].createElement(
'td',
{
role: 'gridcell',
key: monthData.value,
onClick: disabled ? null : function () {
return _this2.chooseMonth(monthData.value);
},
title: monthData.title,
className: (0, _classnames2['default'])(classNameMap)
},
cellEl
);
});
return _react2['default'].createElement(
'tr',
{ key: index, role: 'row' },
tds
);
});
return _react2['default'].createElement(
'table',
{ className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
_react2['default'].createElement(
'tbody',
{ className: prefixCls + '-tbody' },
monthsEls
)
);
};
return MonthTable;
}(_react.Component);
MonthTable.defaultProps = {
onSelect: noop
};
MonthTable.propTypes = {
onSelect: _propTypes2['default'].func,
cellRender: _propTypes2['default'].func,
prefixCls: _propTypes2['default'].string,
value: _propTypes2['default'].object
};
(0, _reactLifecyclesCompat.polyfill)(MonthTable);
exports['default'] = MonthTable;
module.exports = exports['default'];
/***/ }),
/***/ 1237:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.calendarMixinWrapper = exports.calendarMixinDefaultProps = exports.calendarMixinPropTypes = undefined;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
exports.getNowByCurrentStateValue = getNowByCurrentStateValue;
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
var _moment = __webpack_require__(86);
var _moment2 = _interopRequireDefault(_moment);
var _index = __webpack_require__(886);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function noop() {}
function getNowByCurrentStateValue(value) {
var ret = void 0;
if (value) {
ret = (0, _index.getTodayTime)(value);
} else {
ret = (0, _moment2['default'])();
}
return ret;
}
var calendarMixinPropTypes = exports.calendarMixinPropTypes = {
value: _propTypes2['default'].object,
defaultValue: _propTypes2['default'].object,
onKeyDown: _propTypes2['default'].func
};
var calendarMixinDefaultProps = exports.calendarMixinDefaultProps = {
onKeyDown: noop
};
var calendarMixinWrapper = exports.calendarMixinWrapper = function calendarMixinWrapper(ComposeComponent) {
var _class, _temp2;
return _temp2 = _class = function (_ComposeComponent) {
(0, _inherits3['default'])(_class, _ComposeComponent);
function _class() {
var _temp, _this, _ret;
(0, _classCallCheck3['default'])(this, _class);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _ComposeComponent.call.apply(_ComposeComponent, [this].concat(args))), _this), _this.onSelect = function (value, cause) {
if (value) {
_this.setValue(value);
}
_this.setSelectedValue(value, cause);
}, _this.renderRoot = function (newProps) {
var _className;
var props = _this.props;
var prefixCls = props.prefixCls;
var className = (_className = {}, _className[prefixCls] = 1, _className[prefixCls + '-hidden'] = !props.visible, _className[props.className] = !!props.className, _className[newProps.className] = !!newProps.className, _className);
return _react2['default'].createElement(
'div',
{
ref: _this.saveRoot,
className: '' + (0, _classnames2['default'])(className),
style: _this.props.style,
tabIndex: '0',
onKeyDown: _this.onKeyDown,
onBlur: _this.onBlur
},
newProps.children
);
}, _this.setSelectedValue = function (selectedValue, cause) {
// if (this.isAllowedDate(selectedValue)) {
if (!('selectedValue' in _this.props)) {
_this.setState({
selectedValue: selectedValue
});
}
if (_this.props.onSelect) {
_this.props.onSelect(selectedValue, cause);
}
// }
}, _this.setValue = function (value) {
var originalValue = _this.state.value;
if (!('value' in _this.props)) {
_this.setState({
value: value
});
}
if (originalValue && value && !originalValue.isSame(value) || !originalValue && value || originalValue && !value) {
_this.props.onChange(value);
}
}, _this.isAllowedDate = function (value) {
var disabledDate = _this.props.disabledDate;
var disabledTime = _this.props.disabledTime;
return (0, _index.isAllowedDate)(value, disabledDate, disabledTime);
}, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
}
_class.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
// Use origin function if provided
if (ComposeComponent.getDerivedStateFromProps) {
return ComposeComponent.getDerivedStateFromProps(nextProps, prevState);
}
var value = nextProps.value,
selectedValue = nextProps.selectedValue;
var newState = {};
if ('value' in nextProps) {
newState.value = value || nextProps.defaultValue || getNowByCurrentStateValue(prevState.value);
}
if ('selectedValue' in nextProps) {
newState.selectedValue = selectedValue;
}
return newState;
};
return _class;
}(ComposeComponent), _class.displayName = 'CalendarMixinWrapper', _class.defaultProps = ComposeComponent.defaultProps, _temp2;
};
/***/ }),
/***/ 1238:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _DateTHead = __webpack_require__(1239);
var _DateTHead2 = _interopRequireDefault(_DateTHead);
var _DateTBody = __webpack_require__(1240);
var _DateTBody2 = _interopRequireDefault(_DateTBody);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var DateTable = function (_React$Component) {
(0, _inherits3['default'])(DateTable, _React$Component);
function DateTable() {
(0, _classCallCheck3['default'])(this, DateTable);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
DateTable.prototype.render = function render() {
var props = this.props;
var prefixCls = props.prefixCls;
return _react2['default'].createElement(
'table',
{ className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
_react2['default'].createElement(_DateTHead2['default'], props),
_react2['default'].createElement(_DateTBody2['default'], props)
);
};
return DateTable;
}(_react2['default'].Component);
exports['default'] = DateTable;
module.exports = exports['default'];
/***/ }),
/***/ 1239:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _DateConstants = __webpack_require__(1073);
var _DateConstants2 = _interopRequireDefault(_DateConstants);
var _moment = __webpack_require__(86);
var _moment2 = _interopRequireDefault(_moment);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var DateTHead = function (_React$Component) {
(0, _inherits3['default'])(DateTHead, _React$Component);
function DateTHead() {
(0, _classCallCheck3['default'])(this, DateTHead);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
DateTHead.prototype.render = function render() {
var props = this.props;
var value = props.value;
var localeData = value.localeData();
var prefixCls = props.prefixCls;
var veryShortWeekdays = [];
var weekDays = [];
var firstDayOfWeek = localeData.firstDayOfWeek();
var showWeekNumberEl = void 0;
var now = (0, _moment2['default'])();
for (var dateColIndex = 0; dateColIndex < _DateConstants2['default'].DATE_COL_COUNT; dateColIndex++) {
var index = (firstDayOfWeek + dateColIndex) % _DateConstants2['default'].DATE_COL_COUNT;
now.day(index);
veryShortWeekdays[dateColIndex] = localeData.weekdaysMin(now);
weekDays[dateColIndex] = localeData.weekdaysShort(now);
}
if (props.showWeekNumber) {
showWeekNumberEl = _react2['default'].createElement(
'th',
{
role: 'columnheader',
className: prefixCls + '-column-header ' + prefixCls + '-week-number-header'
},
_react2['default'].createElement(
'span',
{ className: prefixCls + '-column-header-inner' },
'x'
)
);
}
var weekDaysEls = weekDays.map(function (day, xindex) {
return _react2['default'].createElement(
'th',
{
key: xindex,
role: 'columnheader',
title: day,
className: prefixCls + '-column-header'
},
_react2['default'].createElement(
'span',
{ className: prefixCls + '-column-header-inner' },
veryShortWeekdays[xindex]
)
);
});
return _react2['default'].createElement(
'thead',
null,
_react2['default'].createElement(
'tr',
{ role: 'row' },
showWeekNumberEl,
weekDaysEls
)
);
};
return DateTHead;
}(_react2['default'].Component);
exports['default'] = DateTHead;
module.exports = exports['default'];
/***/ }),
/***/ 1240:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
var _DateConstants = __webpack_require__(1073);
var _DateConstants2 = _interopRequireDefault(_DateConstants);
var _util = __webpack_require__(886);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function isSameDay(one, two) {
return one && two && one.isSame(two, 'day');
}
function beforeCurrentMonthYear(current, today) {
if (current.year() < today.year()) {
return 1;
}
return current.year() === today.year() && current.month() < today.month();
}
function afterCurrentMonthYear(current, today) {
if (current.year() > today.year()) {
return 1;
}
return current.year() === today.year() && current.month() > today.month();
}
function getIdFromDate(date) {
return 'rc-calendar-' + date.year() + '-' + date.month() + '-' + date.date();
}
var DateTBody = function (_React$Component) {
(0, _inherits3['default'])(DateTBody, _React$Component);
function DateTBody() {
(0, _classCallCheck3['default'])(this, DateTBody);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
DateTBody.prototype.render = function render() {
var props = this.props;
var contentRender = props.contentRender,
prefixCls = props.prefixCls,
selectedValue = props.selectedValue,
value = props.value,
showWeekNumber = props.showWeekNumber,
dateRender = props.dateRender,
disabledDate = props.disabledDate,
hoverValue = props.hoverValue;
var iIndex = void 0;
var jIndex = void 0;
var current = void 0;
var dateTable = [];
var today = (0, _util.getTodayTime)(value);
var cellClass = prefixCls + '-cell';
var weekNumberCellClass = prefixCls + '-week-number-cell';
var dateClass = prefixCls + '-date';
var todayClass = prefixCls + '-today';
var selectedClass = prefixCls + '-selected-day';
var selectedDateClass = prefixCls + '-selected-date'; // do not move with mouse operation
var selectedStartDateClass = prefixCls + '-selected-start-date';
var selectedEndDateClass = prefixCls + '-selected-end-date';
var inRangeClass = prefixCls + '-in-range-cell';
var lastMonthDayClass = prefixCls + '-last-month-cell';
var nextMonthDayClass = prefixCls + '-next-month-btn-day';
var disabledClass = prefixCls + '-disabled-cell';
var firstDisableClass = prefixCls + '-disabled-cell-first-of-row';
var lastDisableClass = prefixCls + '-disabled-cell-last-of-row';
var lastDayOfMonthClass = prefixCls + '-last-day-of-month';
var month1 = value.clone();
month1.date(1);
var day = month1.day();
var lastMonthDiffDay = (day + 7 - value.localeData().firstDayOfWeek()) % 7;
// calculate last month
var lastMonth1 = month1.clone();
lastMonth1.add(0 - lastMonthDiffDay, 'days');
var passed = 0;
for (iIndex = 0; iIndex < _DateConstants2['default'].DATE_ROW_COUNT; iIndex++) {
for (jIndex = 0; jIndex < _DateConstants2['default'].DATE_COL_COUNT; jIndex++) {
current = lastMonth1;
if (passed) {
current = current.clone();
current.add(passed, 'days');
}
dateTable.push(current);
passed++;
}
}
var tableHtml = [];
passed = 0;
for (iIndex = 0; iIndex < _DateConstants2['default'].DATE_ROW_COUNT; iIndex++) {
var _cx;
var isCurrentWeek = void 0;
var weekNumberCell = void 0;
var isActiveWeek = false;
var dateCells = [];
if (showWeekNumber) {
weekNumberCell = _react2['default'].createElement(
'td',
{
key: dateTable[passed].week(),
role: 'gridcell',
className: weekNumberCellClass
},
dateTable[passed].week()
);
}
for (jIndex = 0; jIndex < _DateConstants2['default'].DATE_COL_COUNT; jIndex++) {
var next = null;
var last = null;
current = dateTable[passed];
if (jIndex < _DateConstants2['default'].DATE_COL_COUNT - 1) {
next = dateTable[passed + 1];
}
if (jIndex > 0) {
last = dateTable[passed - 1];
}
var cls = cellClass;
var disabled = false;
var selected = false;
if (isSameDay(current, today)) {
cls += ' ' + todayClass;
isCurrentWeek = true;
}
var isBeforeCurrentMonthYear = beforeCurrentMonthYear(current, value);
var isAfterCurrentMonthYear = afterCurrentMonthYear(current, value);
if (selectedValue && Array.isArray(selectedValue)) {
var rangeValue = hoverValue.length ? hoverValue : selectedValue;
if (!isBeforeCurrentMonthYear && !isAfterCurrentMonthYear) {
var startValue = rangeValue[0];
var endValue = rangeValue[1];
if (startValue) {
if (isSameDay(current, startValue)) {
selected = true;
isActiveWeek = true;
cls += ' ' + selectedStartDateClass;
}
}
if (startValue || endValue) {
if (isSameDay(current, endValue)) {
selected = true;
isActiveWeek = true;
cls += ' ' + selectedEndDateClass;
} else if ((startValue === null || startValue === undefined) && current.isBefore(endValue, 'day')) {
cls += ' ' + inRangeClass;
} else if ((endValue === null || endValue === undefined) && current.isAfter(startValue, 'day')) {
cls += ' ' + inRangeClass;
} else if (current.isAfter(startValue, 'day') && current.isBefore(endValue, 'day')) {
cls += ' ' + inRangeClass;
}
}
}
} else if (isSameDay(current, value)) {
// keyboard change value, highlight works
selected = true;
isActiveWeek = true;
}
if (isSameDay(current, selectedValue)) {
cls += ' ' + selectedDateClass;
}
if (isBeforeCurrentMonthYear) {
cls += ' ' + lastMonthDayClass;
}
if (isAfterCurrentMonthYear) {
cls += ' ' + nextMonthDayClass;
}
if (current.clone().endOf('month').date() === current.date()) {
cls += ' ' + lastDayOfMonthClass;
}
if (disabledDate) {
if (disabledDate(current, value)) {
disabled = true;
if (!last || !disabledDate(last, value)) {
cls += ' ' + firstDisableClass;
}
if (!next || !disabledDate(next, value)) {
cls += ' ' + lastDisableClass;
}
}
}
if (selected) {
cls += ' ' + selectedClass;
}
if (disabled) {
cls += ' ' + disabledClass;
}
var dateHtml = void 0;
if (dateRender) {
dateHtml = dateRender(current, value);
} else {
var content = contentRender ? contentRender(current, value) : current.date();
dateHtml = _react2['default'].createElement(
'div',
{
key: getIdFromDate(current),
className: dateClass,
'aria-selected': selected,
'aria-disabled': disabled
},
content
);
}
dateCells.push(_react2['default'].createElement(
'td',
{
key: passed,
onClick: disabled ? undefined : props.onSelect.bind(null, current),
onMouseEnter: disabled ? undefined : props.onDayHover && props.onDayHover.bind(null, current) || undefined,
role: 'gridcell',
title: (0, _util.getTitleString)(current),
className: cls
},
dateHtml
));
passed++;
}
tableHtml.push(_react2['default'].createElement(
'tr',
{
key: iIndex,
role: 'row',
className: (0, _classnames2['default'])((_cx = {}, _cx[prefixCls + '-current-week'] = isCurrentWeek, _cx[prefixCls + '-active-week'] = isActiveWeek, _cx))
},
weekNumberCell,
dateCells
));
}
return _react2['default'].createElement(
'tbody',
{ className: prefixCls + '-tbody' },
tableHtml
);
};
return DateTBody;
}(_react2['default'].Component);
DateTBody.propTypes = {
contentRender: _propTypes2['default'].func,
dateRender: _propTypes2['default'].func,
disabledDate: _propTypes2['default'].func,
prefixCls: _propTypes2['default'].string,
selectedValue: _propTypes2['default'].oneOfType([_propTypes2['default'].object, _propTypes2['default'].arrayOf(_propTypes2['default'].object)]),
value: _propTypes2['default'].object,
hoverValue: _propTypes2['default'].any,
showWeekNumber: _propTypes2['default'].bool
};
DateTBody.defaultProps = {
hoverValue: []
};
exports['default'] = DateTBody;
module.exports = exports['default'];
/***/ }),
/***/ 1245:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = getDataOrAriaProps;
function getDataOrAriaProps(props) {
return Object.keys(props).reduce(function (prev, key) {
if ((key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') && key.substr(0, 7) !== 'data-__') {
prev[key] = props[key];
}
return prev;
}, {});
}
//# sourceMappingURL=getDataOrAriaProps.js.map
/***/ }),
/***/ 1297:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1298);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1298:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".ant-calendar-picker-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";position:absolute;z-index:1050;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight{-webkit-animation-name:antSlideDownIn;animation-name:antSlideDownIn}.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight{-webkit-animation-name:antSlideUpIn;animation-name:antSlideUpIn}.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight{-webkit-animation-name:antSlideDownOut;animation-name:antSlideDownOut}.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight{-webkit-animation-name:antSlideUpOut;animation-name:antSlideUpOut}.ant-calendar-picker{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";position:relative;display:inline-block;outline:none;cursor:text;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.ant-calendar-picker-input{outline:none}.ant-calendar-picker-input.ant-input{line-height:1.5}.ant-calendar-picker-input.ant-input-sm{padding-top:0;padding-bottom:0}.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled){border-color:#40a9ff}.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled){border-color:#40a9ff;border-right-width:1px!important;outline:0;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-calendar-picker-clear,.ant-calendar-picker-icon{position:absolute;top:50%;right:12px;z-index:1;width:14px;height:14px;margin-top:-7px;font-size:12px;line-height:14px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-calendar-picker-clear{z-index:2;color:rgba(0,0,0,.25);font-size:14px;background:#fff;cursor:pointer;opacity:0;pointer-events:none}.ant-calendar-picker-clear:hover{color:rgba(0,0,0,.45)}.ant-calendar-picker:hover .ant-calendar-picker-clear{opacity:1;pointer-events:auto}.ant-calendar-picker-icon{display:inline-block;color:rgba(0,0,0,.25);font-size:14px;line-height:1}.ant-calendar-picker-small .ant-calendar-picker-clear,.ant-calendar-picker-small .ant-calendar-picker-icon{right:8px}.ant-calendar{position:relative;width:280px;font-size:14px;line-height:1.5;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #fff;border-radius:4px;outline:none;-webkit-box-shadow
// exports
/***/ }),
/***/ 1299:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
__webpack_require__(28);
__webpack_require__(1300);
//# sourceMappingURL=css.js.map
/***/ }),
/***/ 1300:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1301);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1301:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".ant-time-picker-panel{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";position:absolute;z-index:1050;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.ant-time-picker-panel-inner{position:relative;left:-2px;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border-radius:4px;outline:none;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.ant-time-picker-panel-input{width:100%;max-width:154px;margin:0;padding:0;line-height:normal;border:0;outline:0;cursor:auto}.ant-time-picker-panel-input::-moz-placeholder{color:#bfbfbf;opacity:1}.ant-time-picker-panel-input:-ms-input-placeholder{color:#bfbfbf}.ant-time-picker-panel-input::-webkit-input-placeholder{color:#bfbfbf}.ant-time-picker-panel-input:placeholder-shown{-o-text-overflow:ellipsis;text-overflow:ellipsis}.ant-time-picker-panel-input-wrap{position:relative;padding:7px 2px 7px 12px;border-bottom:1px solid #e8e8e8}.ant-time-picker-panel-input-invalid{border-color:#f5222d}.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap{max-width:112px}.ant-time-picker-panel-select{position:relative;float:left;width:56px;max-height:192px;overflow:hidden;font-size:14px;border-left:1px solid #e8e8e8}.ant-time-picker-panel-select:hover{overflow-y:auto}.ant-time-picker-panel-select:first-child{margin-left:0;border-left:0}.ant-time-picker-panel-select:last-child{border-right:0}.ant-time-picker-panel-select:only-child{width:100%}.ant-time-picker-panel-select ul{width:56px;margin:0;padding:0 0 160px;list-style:none}.ant-time-picker-panel-select li{width:100%;height:32px;margin:0;padding:0 0 0 12px;line-height:32px;text-align:left;list-style:none;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-time-picker-panel-select li:focus{color:#1890ff;font-weight:600;outline:none}.ant-time-picker-panel-select li:hover{background:#e6f7ff}li.ant-time-picker-panel-select-option-selected{font-weight:600;background:#f5f5f5}li.ant-time-picker-panel-select-option-selected:hover{background:#f5f5f5}li.ant-time-picker-panel-select-option-disabled{color:rgba(0,0,0,.25)}li.ant-time-picker-panel-select-option-disabled:hover{background:transparent;cursor:not-allowed}li.ant-time-picker-panel-select-option-disabled:focus{color:rgba(0,0,0,.25);font-weight:inherit}.ant-time-picker-panel-combobox{zoom:1}.ant-time-picker-panel-combobox:after,.ant-time-picker-panel-combobox:before{display:table;content:\"\"}.ant-time-picker-panel-combobox:after{clear:both}.ant-time-picker-panel-addon{padding:8px;border-top:1px solid #e8e8e8}.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight{-webkit-animation-name:antSlideDownIn;animation-name:antSlideDownIn}.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight{-webkit-animation-name:antSlideUpIn;animation-name:antSlideUpIn}.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,.ant-time-picker-panel.slide-up-leave.slide-up-leave-act
// exports
/***/ }),
/***/ 1302:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(18);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react_dom__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__ = __webpack_require__(178);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react_lifecycles_compat__ = __webpack_require__(7);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__date_DateTable__ = __webpack_require__(1303);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__calendar_CalendarHeader__ = __webpack_require__(1306);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__calendar_CalendarFooter__ = __webpack_require__(1311);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__mixin_CalendarMixin__ = __webpack_require__(1315);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__mixin_CommonMixin__ = __webpack_require__(1316);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__date_DateInput__ = __webpack_require__(1318);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__util__ = __webpack_require__(892);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__util_toTime__ = __webpack_require__(1319);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17_moment__ = __webpack_require__(86);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_17_moment__);
function noop() {}
var getMomentObjectIfValid = function getMomentObjectIfValid(date) {
if (__WEBPACK_IMPORTED_MODULE_17_moment___default.a.isMoment(date) && date.isValid()) {
return date;
}
return false;
};
var Calendar = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Calendar, _React$Component);
function Calendar(props) {
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Calendar);
var _this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
_initialiseProps.call(_this);
_this.state = {
mode: _this.props.mode || 'date',
value: getMomentObjectIfValid(props.value) || getMomentObjectIfValid(props.defaultValue) || __WEBPACK_IMPORTED_MODULE_17_moment___default()(),
selectedValue: props.selectedValue || props.defaultSelectedValue
};
return _this;
}
Calendar.prototype.componentDidMount = function componentDidMount() {
if (this.props.showDateInput) {
this.saveFocusElement(__WEBPACK_IMPORTED_MODULE_14__date_DateInput__["a" /* default */].getInstance());
}
};
Calendar.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {
var value = nextProps.value,
selectedValue = nextProps.selectedValue;
var newState = {};
if ('mode' in nextProps && state.mode !== nextProps.mode) {
newState = { mode: nextProps.mode };
}
if ('value' in nextProps) {
newState.value = getMomentObjectIfValid(value) || getMomentObjectIfValid(nextProps.defaultValue) || Object(__WEBPACK_IMPORTED_MODULE_12__mixin_CalendarMixin__["d" /* getNowByCurrentStateValue */])(state.value);
}
if ('selectedValue' in nextProps) {
newState.selectedValue = selectedValue;
}
return newState;
};
Calendar.prototype.render = function render() {
var props = this.props,
state = this.state;
var locale = props.locale,
prefixCls = props.prefixCls,
disabledDate = props.disabledDate,
dateInputPlaceholder = props.dateInputPlaceholder,
timePicker = props.timePicker,
disabledTime = props.disabledTime,
clearIcon = props.clearIcon,
renderFooter = props.renderFooter,
inputMode = props.inputMode,
monthCellRender = props.monthCellRender,
monthCellContentRender = props.monthCellContentRender;
var value = state.value,
selectedValue = state.selectedValue,
mode = state.mode;
var showTimePicker = mode === 'time';
var disabledTimeConfig = showTimePicker && disabledTime && timePicker ? Object(__WEBPACK_IMPORTED_MODULE_15__util__["c" /* getTimeConfig */])(selectedValue, disabledTime) : null;
var timePickerEle = null;
if (timePicker && showTimePicker) {
var timePickerProps = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
showHour: true,
showSecond: true,
showMinute: true
}, timePicker.props, disabledTimeConfig, {
onChange: this.onDateInputChange,
value: selectedValue,
disabledTime: disabledTime
});
if (timePicker.props.defaultValue !== undefined) {
timePickerProps.defaultOpenValue = timePicker.props.defaultValue;
}
timePickerEle = __WEBPACK_IMPORTED_MODULE_4_react___default.a.cloneElement(timePicker, timePickerProps);
}
var dateInputElement = props.showDateInput ? __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_14__date_DateInput__["a" /* default */], {
format: this.getFormat(),
key: 'date-input',
value: value,
locale: locale,
placeholder: dateInputPlaceholder,
showClear: true,
disabledTime: disabledTime,
disabledDate: disabledDate,
onClear: this.onClear,
prefixCls: prefixCls,
selectedValue: selectedValue,
onChange: this.onDateInputChange,
onSelect: this.onDateInputSelect,
clearIcon: clearIcon,
inputMode: inputMode
}) : null;
var children = [];
if (props.renderSidebar) {
children.push(props.renderSidebar());
}
children.push(__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'div',
{ className: prefixCls + '-panel', key: 'panel' },
dateInputElement,
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'div',
{
tabIndex: this.props.focusablePanel ? 0 : undefined,
className: prefixCls + '-date-panel'
},
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_10__calendar_CalendarHeader__["a" /* default */], {
locale: locale,
mode: mode,
value: value,
onValueChange: this.setValue,
onPanelChange: this.onPanelChange,
renderFooter: renderFooter,
showTimePicker: showTimePicker,
prefixCls: prefixCls,
monthCellRender: monthCellRender,
monthCellContentRender: monthCellContentRender
}),
timePicker && showTimePicker ? __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'div',
{ className: prefixCls + '-time-picker' },
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'div',
{ className: prefixCls + '-time-picker-panel' },
timePickerEle
)
) : null,
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'div',
{ className: prefixCls + '-body' },
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__date_DateTable__["a" /* default */], {
locale: locale,
value: value,
selectedValue: selectedValue,
prefixCls: prefixCls,
dateRender: props.dateRender,
onSelect: this.onDateTableSelect,
disabledDate: disabledDate,
showWeekNumber: props.showWeekNumber
})
),
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_11__calendar_CalendarFooter__["a" /* default */], {
showOk: props.showOk,
mode: mode,
renderFooter: props.renderFooter,
locale: locale,
prefixCls: prefixCls,
showToday: props.showToday,
disabledTime: disabledTime,
showTimePicker: showTimePicker,
showDateInput: props.showDateInput,
timePicker: timePicker,
selectedValue: selectedValue,
value: value,
disabledDate: disabledDate,
okDisabled: props.showOk !== false && (!selectedValue || !this.isAllowedDate(selectedValue)),
onOk: this.onOk,
onSelect: this.onSelect,
onToday: this.onToday,
onOpenTimePicker: this.openTimePicker,
onCloseTimePicker: this.closeTimePicker
})
)
));
return this.renderRoot({
children: children,
className: props.showWeekNumber ? prefixCls + '-week-number' : ''
});
};
return Calendar;
}(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
Calendar.propTypes = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, __WEBPACK_IMPORTED_MODULE_12__mixin_CalendarMixin__["b" /* calendarMixinPropTypes */], __WEBPACK_IMPORTED_MODULE_13__mixin_CommonMixin__["c" /* propType */], {
prefixCls: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
className: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
style: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
defaultValue: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
value: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
selectedValue: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
defaultSelectedValue: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
mode: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOf(['time', 'date', 'month', 'year', 'decade']),
locale: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
showDateInput: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
showWeekNumber: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
showToday: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
showOk: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
onSelect: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onOk: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onKeyDown: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
timePicker: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.element,
dateInputPlaceholder: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
onClear: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onChange: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onPanelChange: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
disabledDate: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
disabledTime: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
dateRender: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
renderFooter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
renderSidebar: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
clearIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node,
focusablePanel: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
inputMode: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
onBlur: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func
});
Calendar.defaultProps = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, __WEBPACK_IMPORTED_MODULE_12__mixin_CalendarMixin__["a" /* calendarMixinDefaultProps */], __WEBPACK_IMPORTED_MODULE_13__mixin_CommonMixin__["b" /* defaultProp */], {
showToday: true,
showDateInput: true,
timePicker: null,
onOk: noop,
onPanelChange: noop,
focusablePanel: true
});
var _initialiseProps = function _initialiseProps() {
var _this2 = this;
this.onPanelChange = function (value, mode) {
var props = _this2.props,
state = _this2.state;
if (!('mode' in props)) {
_this2.setState({ mode: mode });
}
props.onPanelChange(value || state.value, mode);
};
this.onKeyDown = function (event) {
if (event.target.nodeName.toLowerCase() === 'input') {
return undefined;
}
var keyCode = event.keyCode;
// mac
var ctrlKey = event.ctrlKey || event.metaKey;
var disabledDate = _this2.props.disabledDate;
var value = _this2.state.value;
switch (keyCode) {
case __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__["a" /* default */].DOWN:
_this2.goTime(1, 'weeks');
event.preventDefault();
return 1;
case __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__["a" /* default */].UP:
_this2.goTime(-1, 'weeks');
event.preventDefault();
return 1;
case __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__["a" /* default */].LEFT:
if (ctrlKey) {
_this2.goTime(-1, 'years');
} else {
_this2.goTime(-1, 'days');
}
event.preventDefault();
return 1;
case __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__["a" /* default */].RIGHT:
if (ctrlKey) {
_this2.goTime(1, 'years');
} else {
_this2.goTime(1, 'days');
}
event.preventDefault();
return 1;
case __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__["a" /* default */].HOME:
_this2.setValue(Object(__WEBPACK_IMPORTED_MODULE_16__util_toTime__["b" /* goStartMonth */])(_this2.state.value));
event.preventDefault();
return 1;
case __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__["a" /* default */].END:
_this2.setValue(Object(__WEBPACK_IMPORTED_MODULE_16__util_toTime__["a" /* goEndMonth */])(_this2.state.value));
event.preventDefault();
return 1;
case __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__["a" /* default */].PAGE_DOWN:
_this2.goTime(1, 'month');
event.preventDefault();
return 1;
case __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__["a" /* default */].PAGE_UP:
_this2.goTime(-1, 'month');
event.preventDefault();
return 1;
case __WEBPACK_IMPORTED_MODULE_7_rc_util_es_KeyCode__["a" /* default */].ENTER:
if (!disabledDate || !disabledDate(value)) {
_this2.onSelect(value, {
source: 'keyboard'
});
}
event.preventDefault();
return 1;
default:
_this2.props.onKeyDown(event);
return 1;
}
};
this.onClear = function () {
_this2.onSelect(null);
_this2.props.onClear();
};
this.onOk = function () {
var selectedValue = _this2.state.selectedValue;
if (_this2.isAllowedDate(selectedValue)) {
_this2.props.onOk(selectedValue);
}
};
this.onDateInputChange = function (value) {
_this2.onSelect(value, {
source: 'dateInput'
});
};
this.onDateInputSelect = function (value) {
_this2.onSelect(value, {
source: 'dateInputSelect'
});
};
this.onDateTableSelect = function (value) {
var timePicker = _this2.props.timePicker;
var selectedValue = _this2.state.selectedValue;
if (!selectedValue && timePicker) {
var timePickerDefaultValue = timePicker.props.defaultValue;
if (timePickerDefaultValue) {
Object(__WEBPACK_IMPORTED_MODULE_15__util__["h" /* syncTime */])(timePickerDefaultValue, value);
}
}
_this2.onSelect(value);
};
this.onToday = function () {
var value = _this2.state.value;
var now = Object(__WEBPACK_IMPORTED_MODULE_15__util__["e" /* getTodayTime */])(value);
_this2.onSelect(now, {
source: 'todayButton'
});
};
this.onBlur = function (event) {
setTimeout(function () {
var dateInput = __WEBPACK_IMPORTED_MODULE_14__date_DateInput__["a" /* default */].getInstance();
var rootInstance = _this2.rootInstance;
if (!rootInstance || rootInstance.contains(document.activeElement) || dateInput && dateInput.contains(document.activeElement)) {
// focused element is still part of Calendar
return;
}
if (_this2.props.onBlur) {
_this2.props.onBlur(event);
}
}, 0);
};
this.getRootDOMNode = function () {
return __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.findDOMNode(_this2);
};
this.openTimePicker = function () {
_this2.onPanelChange(null, 'time');
};
this.closeTimePicker = function () {
_this2.onPanelChange(null, 'date');
};
this.goTime = function (direction, unit) {
_this2.setValue(Object(__WEBPACK_IMPORTED_MODULE_16__util_toTime__["c" /* goTime */])(_this2.state.value, direction, unit));
};
};
Object(__WEBPACK_IMPORTED_MODULE_8_react_lifecycles_compat__["polyfill"])(Calendar);
/* harmony default export */ __webpack_exports__["a"] = (Object(__WEBPACK_IMPORTED_MODULE_12__mixin_CalendarMixin__["c" /* calendarMixinWrapper */])(Object(__WEBPACK_IMPORTED_MODULE_13__mixin_CommonMixin__["a" /* commonMixinWrapper */])(Calendar)));
/***/ }),
/***/ 1303:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__DateTHead__ = __webpack_require__(1304);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__DateTBody__ = __webpack_require__(1305);
var DateTable = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(DateTable, _React$Component);
function DateTable() {
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, DateTable);
return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.apply(this, arguments));
}
DateTable.prototype.render = function render() {
var props = this.props;
var prefixCls = props.prefixCls;
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'table',
{ className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4__DateTHead__["a" /* default */], props),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5__DateTBody__["a" /* default */], props)
);
};
return DateTable;
}(__WEBPACK_IMPORTED_MODULE_3_react___default.a.Component);
/* harmony default export */ __webpack_exports__["a"] = (DateTable);
/***/ }),
/***/ 1304:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__DateConstants__ = __webpack_require__(1094);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_moment__ = __webpack_require__(86);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_moment__);
var DateTHead = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(DateTHead, _React$Component);
function DateTHead() {
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, DateTHead);
return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.apply(this, arguments));
}
DateTHead.prototype.render = function render() {
var props = this.props;
var value = props.value;
var localeData = value.localeData();
var prefixCls = props.prefixCls;
var veryShortWeekdays = [];
var weekDays = [];
var firstDayOfWeek = localeData.firstDayOfWeek();
var showWeekNumberEl = void 0;
var now = __WEBPACK_IMPORTED_MODULE_5_moment___default()();
for (var dateColIndex = 0; dateColIndex < __WEBPACK_IMPORTED_MODULE_4__DateConstants__["a" /* default */].DATE_COL_COUNT; dateColIndex++) {
var index = (firstDayOfWeek + dateColIndex) % __WEBPACK_IMPORTED_MODULE_4__DateConstants__["a" /* default */].DATE_COL_COUNT;
now.day(index);
veryShortWeekdays[dateColIndex] = localeData.weekdaysMin(now);
weekDays[dateColIndex] = localeData.weekdaysShort(now);
}
if (props.showWeekNumber) {
showWeekNumberEl = __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'th',
{
role: 'columnheader',
className: prefixCls + '-column-header ' + prefixCls + '-week-number-header'
},
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'span',
{ className: prefixCls + '-column-header-inner' },
'x'
)
);
}
var weekDaysEls = weekDays.map(function (day, xindex) {
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'th',
{
key: xindex,
role: 'columnheader',
title: day,
className: prefixCls + '-column-header'
},
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'span',
{ className: prefixCls + '-column-header-inner' },
veryShortWeekdays[xindex]
)
);
});
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'thead',
null,
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'tr',
{ role: 'row' },
showWeekNumberEl,
weekDaysEls
)
);
};
return DateTHead;
}(__WEBPACK_IMPORTED_MODULE_3_react___default.a.Component);
/* harmony default export */ __webpack_exports__["a"] = (DateTHead);
/***/ }),
/***/ 1305:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__DateConstants__ = __webpack_require__(1094);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__util___ = __webpack_require__(892);
function isSameDay(one, two) {
return one && two && one.isSame(two, 'day');
}
function beforeCurrentMonthYear(current, today) {
if (current.year() < today.year()) {
return 1;
}
return current.year() === today.year() && current.month() < today.month();
}
function afterCurrentMonthYear(current, today) {
if (current.year() > today.year()) {
return 1;
}
return current.year() === today.year() && current.month() > today.month();
}
function getIdFromDate(date) {
return 'rc-calendar-' + date.year() + '-' + date.month() + '-' + date.date();
}
var DateTBody = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(DateTBody, _React$Component);
function DateTBody() {
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, DateTBody);
return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.apply(this, arguments));
}
DateTBody.prototype.render = function render() {
var props = this.props;
var contentRender = props.contentRender,
prefixCls = props.prefixCls,
selectedValue = props.selectedValue,
value = props.value,
showWeekNumber = props.showWeekNumber,
dateRender = props.dateRender,
disabledDate = props.disabledDate,
hoverValue = props.hoverValue;
var iIndex = void 0;
var jIndex = void 0;
var current = void 0;
var dateTable = [];
var today = Object(__WEBPACK_IMPORTED_MODULE_7__util___["e" /* getTodayTime */])(value);
var cellClass = prefixCls + '-cell';
var weekNumberCellClass = prefixCls + '-week-number-cell';
var dateClass = prefixCls + '-date';
var todayClass = prefixCls + '-today';
var selectedClass = prefixCls + '-selected-day';
var selectedDateClass = prefixCls + '-selected-date'; // do not move with mouse operation
var selectedStartDateClass = prefixCls + '-selected-start-date';
var selectedEndDateClass = prefixCls + '-selected-end-date';
var inRangeClass = prefixCls + '-in-range-cell';
var lastMonthDayClass = prefixCls + '-last-month-cell';
var nextMonthDayClass = prefixCls + '-next-month-btn-day';
var disabledClass = prefixCls + '-disabled-cell';
var firstDisableClass = prefixCls + '-disabled-cell-first-of-row';
var lastDisableClass = prefixCls + '-disabled-cell-last-of-row';
var lastDayOfMonthClass = prefixCls + '-last-day-of-month';
var month1 = value.clone();
month1.date(1);
var day = month1.day();
var lastMonthDiffDay = (day + 7 - value.localeData().firstDayOfWeek()) % 7;
// calculate last month
var lastMonth1 = month1.clone();
lastMonth1.add(0 - lastMonthDiffDay, 'days');
var passed = 0;
for (iIndex = 0; iIndex < __WEBPACK_IMPORTED_MODULE_6__DateConstants__["a" /* default */].DATE_ROW_COUNT; iIndex++) {
for (jIndex = 0; jIndex < __WEBPACK_IMPORTED_MODULE_6__DateConstants__["a" /* default */].DATE_COL_COUNT; jIndex++) {
current = lastMonth1;
if (passed) {
current = current.clone();
current.add(passed, 'days');
}
dateTable.push(current);
passed++;
}
}
var tableHtml = [];
passed = 0;
for (iIndex = 0; iIndex < __WEBPACK_IMPORTED_MODULE_6__DateConstants__["a" /* default */].DATE_ROW_COUNT; iIndex++) {
var _cx;
var isCurrentWeek = void 0;
var weekNumberCell = void 0;
var isActiveWeek = false;
var dateCells = [];
if (showWeekNumber) {
weekNumberCell = __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'td',
{
key: dateTable[passed].week(),
role: 'gridcell',
className: weekNumberCellClass
},
dateTable[passed].week()
);
}
for (jIndex = 0; jIndex < __WEBPACK_IMPORTED_MODULE_6__DateConstants__["a" /* default */].DATE_COL_COUNT; jIndex++) {
var next = null;
var last = null;
current = dateTable[passed];
if (jIndex < __WEBPACK_IMPORTED_MODULE_6__DateConstants__["a" /* default */].DATE_COL_COUNT - 1) {
next = dateTable[passed + 1];
}
if (jIndex > 0) {
last = dateTable[passed - 1];
}
var cls = cellClass;
var disabled = false;
var selected = false;
if (isSameDay(current, today)) {
cls += ' ' + todayClass;
isCurrentWeek = true;
}
var isBeforeCurrentMonthYear = beforeCurrentMonthYear(current, value);
var isAfterCurrentMonthYear = afterCurrentMonthYear(current, value);
if (selectedValue && Array.isArray(selectedValue)) {
var rangeValue = hoverValue.length ? hoverValue : selectedValue;
if (!isBeforeCurrentMonthYear && !isAfterCurrentMonthYear) {
var startValue = rangeValue[0];
var endValue = rangeValue[1];
if (startValue) {
if (isSameDay(current, startValue)) {
selected = true;
isActiveWeek = true;
cls += ' ' + selectedStartDateClass;
}
}
if (startValue || endValue) {
if (isSameDay(current, endValue)) {
selected = true;
isActiveWeek = true;
cls += ' ' + selectedEndDateClass;
} else if ((startValue === null || startValue === undefined) && current.isBefore(endValue, 'day')) {
cls += ' ' + inRangeClass;
} else if ((endValue === null || endValue === undefined) && current.isAfter(startValue, 'day')) {
cls += ' ' + inRangeClass;
} else if (current.isAfter(startValue, 'day') && current.isBefore(endValue, 'day')) {
cls += ' ' + inRangeClass;
}
}
}
} else if (isSameDay(current, value)) {
// keyboard change value, highlight works
selected = true;
isActiveWeek = true;
}
if (isSameDay(current, selectedValue)) {
cls += ' ' + selectedDateClass;
}
if (isBeforeCurrentMonthYear) {
cls += ' ' + lastMonthDayClass;
}
if (isAfterCurrentMonthYear) {
cls += ' ' + nextMonthDayClass;
}
if (current.clone().endOf('month').date() === current.date()) {
cls += ' ' + lastDayOfMonthClass;
}
if (disabledDate) {
if (disabledDate(current, value)) {
disabled = true;
if (!last || !disabledDate(last, value)) {
cls += ' ' + firstDisableClass;
}
if (!next || !disabledDate(next, value)) {
cls += ' ' + lastDisableClass;
}
}
}
if (selected) {
cls += ' ' + selectedClass;
}
if (disabled) {
cls += ' ' + disabledClass;
}
var dateHtml = void 0;
if (dateRender) {
dateHtml = dateRender(current, value);
} else {
var content = contentRender ? contentRender(current, value) : current.date();
dateHtml = __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{
key: getIdFromDate(current),
className: dateClass,
'aria-selected': selected,
'aria-disabled': disabled
},
content
);
}
dateCells.push(__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'td',
{
key: passed,
onClick: disabled ? undefined : props.onSelect.bind(null, current),
onMouseEnter: disabled ? undefined : props.onDayHover && props.onDayHover.bind(null, current) || undefined,
role: 'gridcell',
title: Object(__WEBPACK_IMPORTED_MODULE_7__util___["d" /* getTitleString */])(current),
className: cls
},
dateHtml
));
passed++;
}
tableHtml.push(__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'tr',
{
key: iIndex,
role: 'row',
className: __WEBPACK_IMPORTED_MODULE_5_classnames___default()((_cx = {}, _cx[prefixCls + '-current-week'] = isCurrentWeek, _cx[prefixCls + '-active-week'] = isActiveWeek, _cx))
},
weekNumberCell,
dateCells
));
}
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'tbody',
{ className: prefixCls + '-tbody' },
tableHtml
);
};
return DateTBody;
}(__WEBPACK_IMPORTED_MODULE_3_react___default.a.Component);
DateTBody.propTypes = {
contentRender: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
dateRender: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
disabledDate: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
prefixCls: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,
selectedValue: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object, __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object)]),
value: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
hoverValue: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.any,
showWeekNumber: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.bool
};
DateTBody.defaultProps = {
hoverValue: []
};
/* harmony default export */ __webpack_exports__["a"] = (DateTBody);
/***/ }),
/***/ 1306:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_rc_util_es_Children_mapSelf__ = __webpack_require__(1095);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__month_MonthPanel__ = __webpack_require__(1307);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__year_YearPanel__ = __webpack_require__(1309);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__decade_DecadePanel__ = __webpack_require__(1310);
function goMonth(direction) {
var next = this.props.value.clone();
next.add(direction, 'months');
this.props.onValueChange(next);
}
function goYear(direction) {
var next = this.props.value.clone();
next.add(direction, 'years');
this.props.onValueChange(next);
}
function showIf(condition, el) {
return condition ? el : null;
}
var CalendarHeader = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(CalendarHeader, _React$Component);
function CalendarHeader(props) {
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, CalendarHeader);
var _this = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
_initialiseProps.call(_this);
_this.nextMonth = goMonth.bind(_this, 1);
_this.previousMonth = goMonth.bind(_this, -1);
_this.nextYear = goYear.bind(_this, 1);
_this.previousYear = goYear.bind(_this, -1);
_this.state = { yearPanelReferer: null };
return _this;
}
CalendarHeader.prototype.render = function render() {
var _this2 = this;
var props = this.props;
var prefixCls = props.prefixCls,
locale = props.locale,
mode = props.mode,
value = props.value,
showTimePicker = props.showTimePicker,
enableNext = props.enableNext,
enablePrev = props.enablePrev,
disabledMonth = props.disabledMonth,
renderFooter = props.renderFooter;
var panel = null;
if (mode === 'month') {
panel = __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_6__month_MonthPanel__["a" /* default */], {
locale: locale,
value: value,
rootPrefixCls: prefixCls,
onSelect: this.onMonthSelect,
onYearPanelShow: function onYearPanelShow() {
return _this2.showYearPanel('month');
},
disabledDate: disabledMonth,
cellRender: props.monthCellRender,
contentRender: props.monthCellContentRender,
renderFooter: renderFooter,
changeYear: this.changeYear
});
}
if (mode === 'year') {
panel = __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7__year_YearPanel__["a" /* default */], {
locale: locale,
defaultValue: value,
rootPrefixCls: prefixCls,
onSelect: this.onYearSelect,
onDecadePanelShow: this.showDecadePanel,
renderFooter: renderFooter
});
}
if (mode === 'decade') {
panel = __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_8__decade_DecadePanel__["a" /* default */], {
locale: locale,
defaultValue: value,
rootPrefixCls: prefixCls,
onSelect: this.onDecadeSelect,
renderFooter: renderFooter
});
}
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-header' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ style: { position: 'relative' } },
showIf(enablePrev && !showTimePicker, __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('a', {
className: prefixCls + '-prev-year-btn',
role: 'button',
onClick: this.previousYear,
title: locale.previousYear
})),
showIf(enablePrev && !showTimePicker, __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('a', {
className: prefixCls + '-prev-month-btn',
role: 'button',
onClick: this.previousMonth,
title: locale.previousMonth
})),
this.monthYearElement(showTimePicker),
showIf(enableNext && !showTimePicker, __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('a', {
className: prefixCls + '-next-month-btn',
onClick: this.nextMonth,
title: locale.nextMonth
})),
showIf(enableNext && !showTimePicker, __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('a', {
className: prefixCls + '-next-year-btn',
onClick: this.nextYear,
title: locale.nextYear
}))
),
panel
);
};
return CalendarHeader;
}(__WEBPACK_IMPORTED_MODULE_3_react___default.a.Component);
CalendarHeader.propTypes = {
prefixCls: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,
value: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
onValueChange: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
showTimePicker: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.bool,
onPanelChange: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
locale: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
enablePrev: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.any,
enableNext: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.any,
disabledMonth: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
renderFooter: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
onMonthSelect: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func
};
CalendarHeader.defaultProps = {
enableNext: 1,
enablePrev: 1,
onPanelChange: function onPanelChange() {},
onValueChange: function onValueChange() {}
};
var _initialiseProps = function _initialiseProps() {
var _this3 = this;
this.onMonthSelect = function (value) {
_this3.props.onPanelChange(value, 'date');
if (_this3.props.onMonthSelect) {
_this3.props.onMonthSelect(value);
} else {
_this3.props.onValueChange(value);
}
};
this.onYearSelect = function (value) {
var referer = _this3.state.yearPanelReferer;
_this3.setState({ yearPanelReferer: null });
_this3.props.onPanelChange(value, referer);
_this3.props.onValueChange(value);
};
this.onDecadeSelect = function (value) {
_this3.props.onPanelChange(value, 'year');
_this3.props.onValueChange(value);
};
this.changeYear = function (direction) {
if (direction > 0) {
_this3.nextYear();
} else {
_this3.previousYear();
}
};
this.monthYearElement = function (showTimePicker) {
var props = _this3.props;
var prefixCls = props.prefixCls;
var locale = props.locale;
var value = props.value;
var localeData = value.localeData();
var monthBeforeYear = locale.monthBeforeYear;
var selectClassName = prefixCls + '-' + (monthBeforeYear ? 'my-select' : 'ym-select');
var timeClassName = showTimePicker ? ' ' + prefixCls + '-time-status' : '';
var year = __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'a',
{
className: prefixCls + '-year-select' + timeClassName,
role: 'button',
onClick: showTimePicker ? null : function () {
return _this3.showYearPanel('date');
},
title: showTimePicker ? null : locale.yearSelect
},
value.format(locale.yearFormat)
);
var month = __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'a',
{
className: prefixCls + '-month-select' + timeClassName,
role: 'button',
onClick: showTimePicker ? null : _this3.showMonthPanel,
title: showTimePicker ? null : locale.monthSelect
},
locale.monthFormat ? value.format(locale.monthFormat) : localeData.monthsShort(value)
);
var day = void 0;
if (showTimePicker) {
day = __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'a',
{
className: prefixCls + '-day-select' + timeClassName,
role: 'button'
},
value.format(locale.dayFormat)
);
}
var my = [];
if (monthBeforeYear) {
my = [month, day, year];
} else {
my = [year, month, day];
}
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'span',
{ className: selectClassName },
Object(__WEBPACK_IMPORTED_MODULE_5_rc_util_es_Children_mapSelf__["a" /* default */])(my)
);
};
this.showMonthPanel = function () {
// null means that users' interaction doesn't change value
_this3.props.onPanelChange(null, 'month');
};
this.showYearPanel = function (referer) {
_this3.setState({ yearPanelReferer: referer });
_this3.props.onPanelChange(null, 'year');
};
this.showDecadePanel = function () {
_this3.props.onPanelChange(null, 'decade');
};
};
/* harmony default export */ __webpack_exports__["a"] = (CalendarHeader);
/***/ }),
/***/ 1307:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_lifecycles_compat__ = __webpack_require__(7);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__MonthTable__ = __webpack_require__(1308);
function goYear(direction) {
this.props.changeYear(direction);
}
function noop() {}
var MonthPanel = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(MonthPanel, _React$Component);
function MonthPanel(props) {
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, MonthPanel);
var _this = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
_this.setAndSelectValue = function (value) {
_this.setValue(value);
_this.props.onSelect(value);
};
_this.setValue = function (value) {
if ('value' in _this.props) {
_this.setState({
value: value
});
}
};
_this.nextYear = goYear.bind(_this, 1);
_this.previousYear = goYear.bind(_this, -1);
_this.prefixCls = props.rootPrefixCls + '-month-panel';
_this.state = {
value: props.value || props.defaultValue
};
return _this;
}
MonthPanel.getDerivedStateFromProps = function getDerivedStateFromProps(props) {
var newState = {};
if ('value' in props) {
newState = {
value: props.value
};
}
return newState;
};
MonthPanel.prototype.render = function render() {
var props = this.props;
var value = this.state.value;
var locale = props.locale,
cellRender = props.cellRender,
contentRender = props.contentRender,
renderFooter = props.renderFooter;
var year = value.year();
var prefixCls = this.prefixCls;
var footer = renderFooter && renderFooter('month');
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls, style: props.style },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
null,
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-header' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('a', {
className: prefixCls + '-prev-year-btn',
role: 'button',
onClick: this.previousYear,
title: locale.previousYear
}),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'a',
{
className: prefixCls + '-year-select',
role: 'button',
onClick: props.onYearPanelShow,
title: locale.yearSelect
},
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'span',
{ className: prefixCls + '-year-select-content' },
year
),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'span',
{ className: prefixCls + '-year-select-arrow' },
'x'
)
),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('a', {
className: prefixCls + '-next-year-btn',
role: 'button',
onClick: this.nextYear,
title: locale.nextYear
})
),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-body' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_6__MonthTable__["a" /* default */], {
disabledDate: props.disabledDate,
onSelect: this.setAndSelectValue,
locale: locale,
value: value,
cellRender: cellRender,
contentRender: contentRender,
prefixCls: prefixCls
})
),
footer && __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-footer' },
footer
)
)
);
};
return MonthPanel;
}(__WEBPACK_IMPORTED_MODULE_3_react___default.a.Component);
MonthPanel.propTypes = {
onChange: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
disabledDate: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
onSelect: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
renderFooter: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
rootPrefixCls: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,
value: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
defaultValue: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object
};
MonthPanel.defaultProps = {
onChange: noop,
onSelect: noop
};
Object(__WEBPACK_IMPORTED_MODULE_5_react_lifecycles_compat__["polyfill"])(MonthPanel);
/* harmony default export */ __webpack_exports__["a"] = (MonthPanel);
/***/ }),
/***/ 1308:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_lifecycles_compat__ = __webpack_require__(7);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__util_index__ = __webpack_require__(892);
var ROW = 4;
var COL = 3;
function noop() {}
var MonthTable = function (_Component) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(MonthTable, _Component);
function MonthTable() {
var _temp, _this, _ret;
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, MonthTable);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {}, _temp), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
}
MonthTable.getDerivedStateFromProps = function getDerivedStateFromProps(props) {
if ('value' in props) {
return { value: props.value };
}
return null;
};
MonthTable.prototype.setAndSelectValue = function setAndSelectValue(value) {
this.setState({
value: value
});
this.props.onSelect(value);
};
MonthTable.prototype.chooseMonth = function chooseMonth(month) {
var next = this.state.value.clone();
next.month(month);
this.setAndSelectValue(next);
};
MonthTable.prototype.months = function months() {
var value = this.state.value;
var current = value.clone();
var months = [];
var index = 0;
for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
months[rowIndex] = [];
for (var colIndex = 0; colIndex < COL; colIndex++) {
current.month(index);
var content = Object(__WEBPACK_IMPORTED_MODULE_7__util_index__["b" /* getMonthName */])(current);
months[rowIndex][colIndex] = {
value: index,
content: content,
title: content
};
index++;
}
}
return months;
};
MonthTable.prototype.render = function render() {
var _this2 = this;
var props = this.props;
var value = this.state.value;
var today = Object(__WEBPACK_IMPORTED_MODULE_7__util_index__["e" /* getTodayTime */])(value);
var months = this.months();
var currentMonth = value.month();
var prefixCls = props.prefixCls,
locale = props.locale,
contentRender = props.contentRender,
cellRender = props.cellRender;
var monthsEls = months.map(function (month, index) {
var tds = month.map(function (monthData) {
var _classNameMap;
var disabled = false;
if (props.disabledDate) {
var testValue = value.clone();
testValue.month(monthData.value);
disabled = props.disabledDate(testValue);
}
var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-cell-disabled'] = disabled, _classNameMap[prefixCls + '-selected-cell'] = monthData.value === currentMonth, _classNameMap[prefixCls + '-current-cell'] = today.year() === value.year() && monthData.value === today.month(), _classNameMap);
var cellEl = void 0;
if (cellRender) {
var currentValue = value.clone();
currentValue.month(monthData.value);
cellEl = cellRender(currentValue, locale);
} else {
var content = void 0;
if (contentRender) {
var _currentValue = value.clone();
_currentValue.month(monthData.value);
content = contentRender(_currentValue, locale);
} else {
content = monthData.content;
}
cellEl = __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'a',
{ className: prefixCls + '-month' },
content
);
}
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'td',
{
role: 'gridcell',
key: monthData.value,
onClick: disabled ? null : function () {
return _this2.chooseMonth(monthData.value);
},
title: monthData.title,
className: __WEBPACK_IMPORTED_MODULE_5_classnames___default()(classNameMap)
},
cellEl
);
});
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'tr',
{ key: index, role: 'row' },
tds
);
});
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'table',
{ className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'tbody',
{ className: prefixCls + '-tbody' },
monthsEls
)
);
};
return MonthTable;
}(__WEBPACK_IMPORTED_MODULE_3_react__["Component"]);
MonthTable.defaultProps = {
onSelect: noop
};
MonthTable.propTypes = {
onSelect: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
cellRender: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,
prefixCls: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,
value: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object
};
Object(__WEBPACK_IMPORTED_MODULE_6_react_lifecycles_compat__["polyfill"])(MonthTable);
/* harmony default export */ __webpack_exports__["a"] = (MonthTable);
/***/ }),
/***/ 1309:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_classnames__);
var ROW = 4;
var COL = 3;
function goYear(direction) {
var value = this.state.value.clone();
value.add(direction, 'year');
this.setState({
value: value
});
}
function chooseYear(year) {
var value = this.state.value.clone();
value.year(year);
value.month(this.state.value.month());
this.setState({
value: value
});
this.props.onSelect(value);
}
var YearPanel = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(YearPanel, _React$Component);
function YearPanel(props) {
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, YearPanel);
var _this = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
_this.prefixCls = props.rootPrefixCls + '-year-panel';
_this.state = {
value: props.value || props.defaultValue
};
_this.nextDecade = goYear.bind(_this, 10);
_this.previousDecade = goYear.bind(_this, -10);
return _this;
}
YearPanel.prototype.years = function years() {
var value = this.state.value;
var currentYear = value.year();
var startYear = parseInt(currentYear / 10, 10) * 10;
var previousYear = startYear - 1;
var years = [];
var index = 0;
for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
years[rowIndex] = [];
for (var colIndex = 0; colIndex < COL; colIndex++) {
var year = previousYear + index;
var content = String(year);
years[rowIndex][colIndex] = {
content: content,
year: year,
title: content
};
index++;
}
}
return years;
};
YearPanel.prototype.render = function render() {
var _this2 = this;
var props = this.props;
var value = this.state.value;
var locale = props.locale,
renderFooter = props.renderFooter;
var years = this.years();
var currentYear = value.year();
var startYear = parseInt(currentYear / 10, 10) * 10;
var endYear = startYear + 9;
var prefixCls = this.prefixCls;
var yeasEls = years.map(function (row, index) {
var tds = row.map(function (yearData) {
var _classNameMap;
var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap[prefixCls + '-last-decade-cell'] = yearData.year < startYear, _classNameMap[prefixCls + '-next-decade-cell'] = yearData.year > endYear, _classNameMap);
var clickHandler = void 0;
if (yearData.year < startYear) {
clickHandler = _this2.previousDecade;
} else if (yearData.year > endYear) {
clickHandler = _this2.nextDecade;
} else {
clickHandler = chooseYear.bind(_this2, yearData.year);
}
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'td',
{
role: 'gridcell',
title: yearData.title,
key: yearData.content,
onClick: clickHandler,
className: __WEBPACK_IMPORTED_MODULE_5_classnames___default()(classNameMap)
},
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'a',
{
className: prefixCls + '-year'
},
yearData.content
)
);
});
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'tr',
{ key: index, role: 'row' },
tds
);
});
var footer = renderFooter && renderFooter('year');
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: this.prefixCls },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
null,
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-header' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('a', {
className: prefixCls + '-prev-decade-btn',
role: 'button',
onClick: this.previousDecade,
title: locale.previousDecade
}),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'a',
{
className: prefixCls + '-decade-select',
role: 'button',
onClick: props.onDecadePanelShow,
title: locale.decadeSelect
},
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'span',
{ className: prefixCls + '-decade-select-content' },
startYear,
'-',
endYear
),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'span',
{ className: prefixCls + '-decade-select-arrow' },
'x'
)
),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('a', {
className: prefixCls + '-next-decade-btn',
role: 'button',
onClick: this.nextDecade,
title: locale.nextDecade
})
),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-body' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'table',
{ className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'tbody',
{ className: prefixCls + '-tbody' },
yeasEls
)
)
),
footer && __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-footer' },
footer
)
)
);
};
return YearPanel;
}(__WEBPACK_IMPORTED_MODULE_3_react___default.a.Component);
/* harmony default export */ __webpack_exports__["a"] = (YearPanel);
YearPanel.propTypes = {
rootPrefixCls: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,
value: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
defaultValue: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
renderFooter: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func
};
YearPanel.defaultProps = {
onSelect: function onSelect() {}
};
/***/ }),
/***/ 1310:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_classnames__);
var ROW = 4;
var COL = 3;
function goYear(direction) {
var next = this.state.value.clone();
next.add(direction, 'years');
this.setState({
value: next
});
}
function chooseDecade(year, event) {
var next = this.state.value.clone();
next.year(year);
next.month(this.state.value.month());
this.props.onSelect(next);
event.preventDefault();
}
var DecadePanel = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(DecadePanel, _React$Component);
function DecadePanel(props) {
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, DecadePanel);
var _this = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
_this.state = {
value: props.value || props.defaultValue
};
// bind methods
_this.prefixCls = props.rootPrefixCls + '-decade-panel';
_this.nextCentury = goYear.bind(_this, 100);
_this.previousCentury = goYear.bind(_this, -100);
return _this;
}
DecadePanel.prototype.render = function render() {
var _this2 = this;
var value = this.state.value;
var _props = this.props,
locale = _props.locale,
renderFooter = _props.renderFooter;
var currentYear = value.year();
var startYear = parseInt(currentYear / 100, 10) * 100;
var preYear = startYear - 10;
var endYear = startYear + 99;
var decades = [];
var index = 0;
var prefixCls = this.prefixCls;
for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
decades[rowIndex] = [];
for (var colIndex = 0; colIndex < COL; colIndex++) {
var startDecade = preYear + index * 10;
var endDecade = preYear + index * 10 + 9;
decades[rowIndex][colIndex] = {
startDecade: startDecade,
endDecade: endDecade
};
index++;
}
}
var footer = renderFooter && renderFooter('decade');
var decadesEls = decades.map(function (row, decadeIndex) {
var tds = row.map(function (decadeData) {
var _classNameMap;
var dStartDecade = decadeData.startDecade;
var dEndDecade = decadeData.endDecade;
var isLast = dStartDecade < startYear;
var isNext = dEndDecade > endYear;
var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = dStartDecade <= currentYear && currentYear <= dEndDecade, _classNameMap[prefixCls + '-last-century-cell'] = isLast, _classNameMap[prefixCls + '-next-century-cell'] = isNext, _classNameMap);
var content = dStartDecade + '-' + dEndDecade;
var clickHandler = void 0;
if (isLast) {
clickHandler = _this2.previousCentury;
} else if (isNext) {
clickHandler = _this2.nextCentury;
} else {
clickHandler = chooseDecade.bind(_this2, dStartDecade);
}
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'td',
{
key: dStartDecade,
onClick: clickHandler,
role: 'gridcell',
className: __WEBPACK_IMPORTED_MODULE_5_classnames___default()(classNameMap)
},
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'a',
{
className: prefixCls + '-decade'
},
content
)
);
});
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'tr',
{ key: decadeIndex, role: 'row' },
tds
);
});
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: this.prefixCls },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-header' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('a', {
className: prefixCls + '-prev-century-btn',
role: 'button',
onClick: this.previousCentury,
title: locale.previousCentury
}),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-century' },
startYear,
'-',
endYear
),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('a', {
className: prefixCls + '-next-century-btn',
role: 'button',
onClick: this.nextCentury,
title: locale.nextCentury
})
),
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-body' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'table',
{ className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'tbody',
{ className: prefixCls + '-tbody' },
decadesEls
)
)
),
footer && __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-footer' },
footer
)
);
};
return DecadePanel;
}(__WEBPACK_IMPORTED_MODULE_3_react___default.a.Component);
/* harmony default export */ __webpack_exports__["a"] = (DecadePanel);
DecadePanel.propTypes = {
locale: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
value: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
defaultValue: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
rootPrefixCls: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,
renderFooter: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func
};
DecadePanel.defaultProps = {
onSelect: function onSelect() {}
};
/***/ }),
/***/ 1311:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(18);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react_dom__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_util_es_Children_mapSelf__ = __webpack_require__(1095);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__calendar_TodayButton__ = __webpack_require__(1312);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__calendar_OkButton__ = __webpack_require__(1313);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__calendar_TimePickerButton__ = __webpack_require__(1314);
var CalendarFooter = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(CalendarFooter, _React$Component);
function CalendarFooter() {
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, CalendarFooter);
return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.apply(this, arguments));
}
CalendarFooter.prototype.onSelect = function onSelect(value) {
this.props.onSelect(value);
};
CalendarFooter.prototype.getRootDOMNode = function getRootDOMNode() {
return __WEBPACK_IMPORTED_MODULE_5_react_dom___default.a.findDOMNode(this);
};
CalendarFooter.prototype.render = function render() {
var props = this.props;
var value = props.value,
prefixCls = props.prefixCls,
showOk = props.showOk,
timePicker = props.timePicker,
renderFooter = props.renderFooter,
mode = props.mode;
var footerEl = null;
var extraFooter = renderFooter && renderFooter(mode);
if (props.showToday || timePicker || extraFooter) {
var _cx;
var nowEl = void 0;
if (props.showToday) {
nowEl = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__calendar_TodayButton__["a" /* default */], __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, props, { value: value }));
}
var okBtn = void 0;
if (showOk === true || showOk !== false && !!props.timePicker) {
okBtn = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_10__calendar_OkButton__["a" /* default */], props);
}
var timePickerBtn = void 0;
if (!!props.timePicker) {
timePickerBtn = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_11__calendar_TimePickerButton__["a" /* default */], props);
}
var footerBtn = void 0;
if (nowEl || timePickerBtn || okBtn || extraFooter) {
footerBtn = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'span',
{ className: prefixCls + '-footer-btn' },
extraFooter,
Object(__WEBPACK_IMPORTED_MODULE_7_rc_util_es_Children_mapSelf__["a" /* default */])([nowEl, timePickerBtn, okBtn])
);
}
var cls = __WEBPACK_IMPORTED_MODULE_8_classnames___default()(prefixCls + '-footer', (_cx = {}, _cx[prefixCls + '-footer-show-ok'] = okBtn, _cx));
footerEl = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'div',
{ className: cls },
footerBtn
);
}
return footerEl;
};
return CalendarFooter;
}(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
CalendarFooter.propTypes = {
prefixCls: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
showDateInput: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
disabledTime: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
timePicker: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.element,
selectedValue: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.any,
showOk: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
onSelect: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
value: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
renderFooter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
defaultValue: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
mode: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string
};
/* harmony default export */ __webpack_exports__["a"] = (CalendarFooter);
/***/ }),
/***/ 1312:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = TodayButton;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util___ = __webpack_require__(892);
function TodayButton(_ref) {
var prefixCls = _ref.prefixCls,
locale = _ref.locale,
value = _ref.value,
timePicker = _ref.timePicker,
disabled = _ref.disabled,
disabledDate = _ref.disabledDate,
onToday = _ref.onToday,
text = _ref.text;
var localeNow = (!text && timePicker ? locale.now : text) || locale.today;
var disabledToday = disabledDate && !Object(__WEBPACK_IMPORTED_MODULE_1__util___["g" /* isAllowedDate */])(Object(__WEBPACK_IMPORTED_MODULE_1__util___["e" /* getTodayTime */])(value), disabledDate);
var isDisabled = disabledToday || disabled;
var disabledTodayClass = isDisabled ? prefixCls + '-today-btn-disabled' : '';
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
'a',
{
className: prefixCls + '-today-btn ' + disabledTodayClass,
role: 'button',
onClick: isDisabled ? null : onToday,
title: Object(__WEBPACK_IMPORTED_MODULE_1__util___["f" /* getTodayTimeStr */])(value)
},
localeNow
);
}
/***/ }),
/***/ 1313:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = OkButton;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
function OkButton(_ref) {
var prefixCls = _ref.prefixCls,
locale = _ref.locale,
okDisabled = _ref.okDisabled,
onOk = _ref.onOk;
var className = prefixCls + "-ok-btn";
if (okDisabled) {
className += " " + prefixCls + "-ok-btn-disabled";
}
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
"a",
{
className: className,
role: "button",
onClick: okDisabled ? null : onOk
},
locale.ok
);
}
/***/ }),
/***/ 1314:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = TimePickerButton;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_classnames__);
function TimePickerButton(_ref) {
var _classnames;
var prefixCls = _ref.prefixCls,
locale = _ref.locale,
showTimePicker = _ref.showTimePicker,
onOpenTimePicker = _ref.onOpenTimePicker,
onCloseTimePicker = _ref.onCloseTimePicker,
timePickerDisabled = _ref.timePickerDisabled;
var className = __WEBPACK_IMPORTED_MODULE_1_classnames___default()((_classnames = {}, _classnames[prefixCls + '-time-picker-btn'] = true, _classnames[prefixCls + '-time-picker-btn-disabled'] = timePickerDisabled, _classnames));
var onClick = null;
if (!timePickerDisabled) {
onClick = showTimePicker ? onCloseTimePicker : onOpenTimePicker;
}
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
'a',
{
className: className,
role: 'button',
onClick: onClick
},
showTimePicker ? locale.dateSelect : locale.timeSelect
);
}
/***/ }),
/***/ 1315:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["d"] = getNowByCurrentStateValue;
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return calendarMixinPropTypes; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return calendarMixinDefaultProps; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return calendarMixinWrapper; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_moment__ = __webpack_require__(86);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_moment__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__util_index__ = __webpack_require__(892);
function noop() {}
function getNowByCurrentStateValue(value) {
var ret = void 0;
if (value) {
ret = Object(__WEBPACK_IMPORTED_MODULE_7__util_index__["e" /* getTodayTime */])(value);
} else {
ret = __WEBPACK_IMPORTED_MODULE_6_moment___default()();
}
return ret;
}
var calendarMixinPropTypes = {
value: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
defaultValue: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.object,
onKeyDown: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func
};
var calendarMixinDefaultProps = {
onKeyDown: noop
};
var calendarMixinWrapper = function calendarMixinWrapper(ComposeComponent) {
var _class, _temp2;
return _temp2 = _class = function (_ComposeComponent) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(_class, _ComposeComponent);
function _class() {
var _temp, _this, _ret;
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, _class);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _ComposeComponent.call.apply(_ComposeComponent, [this].concat(args))), _this), _this.onSelect = function (value, cause) {
if (value) {
_this.setValue(value);
}
_this.setSelectedValue(value, cause);
}, _this.renderRoot = function (newProps) {
var _className;
var props = _this.props;
var prefixCls = props.prefixCls;
var className = (_className = {}, _className[prefixCls] = 1, _className[prefixCls + '-hidden'] = !props.visible, _className[props.className] = !!props.className, _className[newProps.className] = !!newProps.className, _className);
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{
ref: _this.saveRoot,
className: '' + __WEBPACK_IMPORTED_MODULE_5_classnames___default()(className),
style: _this.props.style,
tabIndex: '0',
onKeyDown: _this.onKeyDown,
onBlur: _this.onBlur
},
newProps.children
);
}, _this.setSelectedValue = function (selectedValue, cause) {
// if (this.isAllowedDate(selectedValue)) {
if (!('selectedValue' in _this.props)) {
_this.setState({
selectedValue: selectedValue
});
}
if (_this.props.onSelect) {
_this.props.onSelect(selectedValue, cause);
}
// }
}, _this.setValue = function (value) {
var originalValue = _this.state.value;
if (!('value' in _this.props)) {
_this.setState({
value: value
});
}
if (originalValue && value && !originalValue.isSame(value) || !originalValue && value || originalValue && !value) {
_this.props.onChange(value);
}
}, _this.isAllowedDate = function (value) {
var disabledDate = _this.props.disabledDate;
var disabledTime = _this.props.disabledTime;
return Object(__WEBPACK_IMPORTED_MODULE_7__util_index__["g" /* isAllowedDate */])(value, disabledDate, disabledTime);
}, _temp), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
}
_class.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
// Use origin function if provided
if (ComposeComponent.getDerivedStateFromProps) {
return ComposeComponent.getDerivedStateFromProps(nextProps, prevState);
}
var value = nextProps.value,
selectedValue = nextProps.selectedValue;
var newState = {};
if ('value' in nextProps) {
newState.value = value || nextProps.defaultValue || getNowByCurrentStateValue(prevState.value);
}
if ('selectedValue' in nextProps) {
newState.selectedValue = selectedValue;
}
return newState;
};
return _class;
}(ComposeComponent), _class.displayName = 'CalendarMixinWrapper', _class.defaultProps = ComposeComponent.defaultProps, _temp2;
};
/***/ }),
/***/ 1316:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return propType; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return defaultProp; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return commonMixinWrapper; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__locale_en_US__ = __webpack_require__(1317);
function noop() {}
var propType = {
className: __WEBPACK_IMPORTED_MODULE_3_prop_types___default.a.string,
locale: __WEBPACK_IMPORTED_MODULE_3_prop_types___default.a.object,
style: __WEBPACK_IMPORTED_MODULE_3_prop_types___default.a.object,
visible: __WEBPACK_IMPORTED_MODULE_3_prop_types___default.a.bool,
onSelect: __WEBPACK_IMPORTED_MODULE_3_prop_types___default.a.func,
prefixCls: __WEBPACK_IMPORTED_MODULE_3_prop_types___default.a.string,
onChange: __WEBPACK_IMPORTED_MODULE_3_prop_types___default.a.func,
onOk: __WEBPACK_IMPORTED_MODULE_3_prop_types___default.a.func
};
var defaultProp = {
locale: __WEBPACK_IMPORTED_MODULE_4__locale_en_US__["a" /* default */],
style: {},
visible: true,
prefixCls: 'rc-calendar',
className: '',
onSelect: noop,
onChange: noop,
onClear: noop,
renderFooter: function renderFooter() {
return null;
},
renderSidebar: function renderSidebar() {
return null;
}
};
var commonMixinWrapper = function commonMixinWrapper(ComposeComponent) {
var _class, _temp2;
return _temp2 = _class = function (_ComposeComponent) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(_class, _ComposeComponent);
function _class() {
var _temp, _this, _ret;
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, _class);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _ComposeComponent.call.apply(_ComposeComponent, [this].concat(args))), _this), _this.getFormat = function () {
var format = _this.props.format;
var _this$props = _this.props,
locale = _this$props.locale,
timePicker = _this$props.timePicker;
if (!format) {
if (timePicker) {
format = locale.dateTimeFormat;
} else {
format = locale.dateFormat;
}
}
return format;
}, _this.focus = function () {
if (_this.focusElement) {
_this.focusElement.focus();
} else if (_this.rootInstance) {
_this.rootInstance.focus();
}
}, _this.saveFocusElement = function (focusElement) {
_this.focusElement = focusElement;
}, _this.saveRoot = function (root) {
_this.rootInstance = root;
}, _temp), __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
}
_class.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
return this.props.visible || nextProps.visible;
};
return _class;
}(ComposeComponent), _class.displayName = 'CommonMixinWrapper', _class.defaultProps = ComposeComponent.defaultProps, _class.getDerivedStateFromProps = ComposeComponent.getDerivedStateFromProps, _temp2;
};
/***/ }),
/***/ 1317:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony default export */ __webpack_exports__["a"] = ({
today: 'Today',
now: 'Now',
backToToday: 'Back to today',
ok: 'Ok',
clear: 'Clear',
month: 'Month',
year: 'Year',
timeSelect: 'select time',
dateSelect: 'select date',
weekSelect: 'Choose a week',
monthSelect: 'Choose a month',
yearSelect: 'Choose a year',
decadeSelect: 'Choose a decade',
yearFormat: 'YYYY',
dateFormat: 'M/D/YYYY',
dayFormat: 'D',
dateTimeFormat: 'M/D/YYYY HH:mm:ss',
monthBeforeYear: true,
previousMonth: 'Previous month (PageUp)',
nextMonth: 'Next month (PageDown)',
previousYear: 'Last year (Control + left)',
nextYear: 'Next year (Control + right)',
previousDecade: 'Last decade',
nextDecade: 'Next decade',
previousCentury: 'Last century',
nextCentury: 'Next century'
});
/***/ }),
/***/ 1318:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_dom__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rc_util_es_KeyCode__ = __webpack_require__(178);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react_lifecycles_compat__ = __webpack_require__(7);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_moment__ = __webpack_require__(86);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_moment__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__util__ = __webpack_require__(892);
var cachedSelectionStart = void 0;
var cachedSelectionEnd = void 0;
var dateInputInstance = void 0;
var DateInput = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(DateInput, _React$Component);
function DateInput(props) {
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, DateInput);
var _this = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
_initialiseProps.call(_this);
var selectedValue = props.selectedValue;
_this.state = {
str: Object(__WEBPACK_IMPORTED_MODULE_9__util__["a" /* formatDate */])(selectedValue, _this.props.format),
invalid: false,
hasFocus: false
};
return _this;
}
DateInput.prototype.componentDidUpdate = function componentDidUpdate() {
if (dateInputInstance && this.state.hasFocus && !this.state.invalid && !(cachedSelectionStart === 0 && cachedSelectionEnd === 0)) {
dateInputInstance.setSelectionRange(cachedSelectionStart, cachedSelectionEnd);
}
};
DateInput.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {
var newState = {};
if (dateInputInstance) {
cachedSelectionStart = dateInputInstance.selectionStart;
cachedSelectionEnd = dateInputInstance.selectionEnd;
}
// when popup show, click body will call this, bug!
var selectedValue = nextProps.selectedValue;
if (!state.hasFocus) {
newState = {
str: Object(__WEBPACK_IMPORTED_MODULE_9__util__["a" /* formatDate */])(selectedValue, nextProps.format),
invalid: false
};
}
return newState;
};
DateInput.getInstance = function getInstance() {
return dateInputInstance;
};
DateInput.prototype.render = function render() {
var props = this.props;
var _state = this.state,
invalid = _state.invalid,
str = _state.str;
var locale = props.locale,
prefixCls = props.prefixCls,
placeholder = props.placeholder,
clearIcon = props.clearIcon,
inputMode = props.inputMode;
var invalidClass = invalid ? prefixCls + '-input-invalid' : '';
return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-input-wrap' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'div',
{ className: prefixCls + '-date-input-wrap' },
__WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('input', {
ref: this.saveDateInput,
className: prefixCls + '-input ' + invalidClass,
value: str,
disabled: props.disabled,
placeholder: placeholder,
onChange: this.onInputChange,
onKeyDown: this.onKeyDown,
onFocus: this.onFocus,
onBlur: this.onBlur,
inputMode: inputMode
})
),
props.showClear ? __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(
'a',
{
role: 'button',
title: locale.clear,
onClick: this.onClear
},
clearIcon || __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement('span', { className: prefixCls + '-clear-btn' })
) : null
);
};
return DateInput;
}(__WEBPACK_IMPORTED_MODULE_3_react___default.a.Component);
DateInput.propTypes = {
prefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
timePicker: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
value: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
disabledTime: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,
format: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string)]),
locale: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
disabledDate: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
onChange: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
onClear: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
placeholder: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
onSelect: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
selectedValue: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
clearIcon: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.node,
inputMode: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string
};
var _initialiseProps = function _initialiseProps() {
var _this2 = this;
this.onClear = function () {
_this2.setState({
str: ''
});
_this2.props.onClear(null);
};
this.onInputChange = function (event) {
var str = event.target.value;
var _props = _this2.props,
disabledDate = _props.disabledDate,
format = _props.format,
onChange = _props.onChange,
selectedValue = _props.selectedValue;
// 没有内容,合法并直接退出
if (!str) {
onChange(null);
_this2.setState({
invalid: false,
str: str
});
return;
}
// 不合法直接退出
var parsed = __WEBPACK_IMPORTED_MODULE_8_moment___default()(str, format, true);
if (!parsed.isValid()) {
_this2.setState({
invalid: true,
str: str
});
return;
}
var value = _this2.props.value.clone();
value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
if (!value || disabledDate && disabledDate(value)) {
_this2.setState({
invalid: true,
str: str
});
return;
}
if (selectedValue !== value || selectedValue && value && !selectedValue.isSame(value)) {
_this2.setState({
invalid: false,
str: str
});
onChange(value);
}
};
this.onFocus = function () {
_this2.setState({ hasFocus: true });
};
this.onBlur = function () {
_this2.setState(function (prevState, prevProps) {
return {
hasFocus: false,
str: Object(__WEBPACK_IMPORTED_MODULE_9__util__["a" /* formatDate */])(prevProps.value, prevProps.format)
};
});
};
this.onKeyDown = function (event) {
var keyCode = event.keyCode;
var _props2 = _this2.props,
onSelect = _props2.onSelect,
value = _props2.value,
disabledDate = _props2.disabledDate;
if (keyCode === __WEBPACK_IMPORTED_MODULE_6_rc_util_es_KeyCode__["a" /* default */].ENTER && onSelect) {
var validateDate = !disabledDate || !disabledDate(value);
if (validateDate) {
onSelect(value.clone());
}
event.preventDefault();
}
};
this.getRootDOMNode = function () {
return __WEBPACK_IMPORTED_MODULE_4_react_dom___default.a.findDOMNode(_this2);
};
this.focus = function () {
if (dateInputInstance) {
dateInputInstance.focus();
}
};
this.saveDateInput = function (dateInput) {
dateInputInstance = dateInput;
};
};
Object(__WEBPACK_IMPORTED_MODULE_7_react_lifecycles_compat__["polyfill"])(DateInput);
/* harmony default export */ __webpack_exports__["a"] = (DateInput);
/***/ }),
/***/ 1319:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["b"] = goStartMonth;
/* harmony export (immutable) */ __webpack_exports__["a"] = goEndMonth;
/* harmony export (immutable) */ __webpack_exports__["c"] = goTime;
/* unused harmony export includesTime */
function goStartMonth(time) {
return time.clone().startOf('month');
}
function goEndMonth(time) {
return time.clone().endOf('month');
}
function goTime(time, direction, unit) {
return time.clone().add(direction, unit);
}
function includesTime() {
var timeList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var time = arguments[1];
var unit = arguments[2];
return timeList.some(function (t) {
return t.isSame(time, unit);
});
}
/***/ }),
/***/ 1320:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactLifecyclesCompat = __webpack_require__(7);
var _MonthTable = __webpack_require__(1236);
var _MonthTable2 = _interopRequireDefault(_MonthTable);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function goYear(direction) {
this.props.changeYear(direction);
}
function noop() {}
var MonthPanel = function (_React$Component) {
(0, _inherits3['default'])(MonthPanel, _React$Component);
function MonthPanel(props) {
(0, _classCallCheck3['default'])(this, MonthPanel);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
_this.setAndSelectValue = function (value) {
_this.setValue(value);
_this.props.onSelect(value);
};
_this.setValue = function (value) {
if ('value' in _this.props) {
_this.setState({
value: value
});
}
};
_this.nextYear = goYear.bind(_this, 1);
_this.previousYear = goYear.bind(_this, -1);
_this.prefixCls = props.rootPrefixCls + '-month-panel';
_this.state = {
value: props.value || props.defaultValue
};
return _this;
}
MonthPanel.getDerivedStateFromProps = function getDerivedStateFromProps(props) {
var newState = {};
if ('value' in props) {
newState = {
value: props.value
};
}
return newState;
};
MonthPanel.prototype.render = function render() {
var props = this.props;
var value = this.state.value;
var locale = props.locale,
cellRender = props.cellRender,
contentRender = props.contentRender,
renderFooter = props.renderFooter;
var year = value.year();
var prefixCls = this.prefixCls;
var footer = renderFooter && renderFooter('month');
return _react2['default'].createElement(
'div',
{ className: prefixCls, style: props.style },
_react2['default'].createElement(
'div',
null,
_react2['default'].createElement(
'div',
{ className: prefixCls + '-header' },
_react2['default'].createElement('a', {
className: prefixCls + '-prev-year-btn',
role: 'button',
onClick: this.previousYear,
title: locale.previousYear
}),
_react2['default'].createElement(
'a',
{
className: prefixCls + '-year-select',
role: 'button',
onClick: props.onYearPanelShow,
title: locale.yearSelect
},
_react2['default'].createElement(
'span',
{ className: prefixCls + '-year-select-content' },
year
),
_react2['default'].createElement(
'span',
{ className: prefixCls + '-year-select-arrow' },
'x'
)
),
_react2['default'].createElement('a', {
className: prefixCls + '-next-year-btn',
role: 'button',
onClick: this.nextYear,
title: locale.nextYear
})
),
_react2['default'].createElement(
'div',
{ className: prefixCls + '-body' },
_react2['default'].createElement(_MonthTable2['default'], {
disabledDate: props.disabledDate,
onSelect: this.setAndSelectValue,
locale: locale,
value: value,
cellRender: cellRender,
contentRender: contentRender,
prefixCls: prefixCls
})
),
footer && _react2['default'].createElement(
'div',
{ className: prefixCls + '-footer' },
footer
)
)
);
};
return MonthPanel;
}(_react2['default'].Component);
MonthPanel.propTypes = {
onChange: _propTypes2['default'].func,
disabledDate: _propTypes2['default'].func,
onSelect: _propTypes2['default'].func,
renderFooter: _propTypes2['default'].func,
rootPrefixCls: _propTypes2['default'].string,
value: _propTypes2['default'].object,
defaultValue: _propTypes2['default'].object
};
MonthPanel.defaultProps = {
onChange: noop,
onSelect: noop
};
(0, _reactLifecyclesCompat.polyfill)(MonthPanel);
exports['default'] = MonthPanel;
module.exports = exports['default'];
/***/ }),
/***/ 1321:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var ROW = 4;
var COL = 3;
function goYear(direction) {
var value = this.state.value.clone();
value.add(direction, 'year');
this.setState({
value: value
});
}
function chooseYear(year) {
var value = this.state.value.clone();
value.year(year);
value.month(this.state.value.month());
this.setState({
value: value
});
this.props.onSelect(value);
}
var YearPanel = function (_React$Component) {
(0, _inherits3['default'])(YearPanel, _React$Component);
function YearPanel(props) {
(0, _classCallCheck3['default'])(this, YearPanel);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
_this.prefixCls = props.rootPrefixCls + '-year-panel';
_this.state = {
value: props.value || props.defaultValue
};
_this.nextDecade = goYear.bind(_this, 10);
_this.previousDecade = goYear.bind(_this, -10);
return _this;
}
YearPanel.prototype.years = function years() {
var value = this.state.value;
var currentYear = value.year();
var startYear = parseInt(currentYear / 10, 10) * 10;
var previousYear = startYear - 1;
var years = [];
var index = 0;
for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
years[rowIndex] = [];
for (var colIndex = 0; colIndex < COL; colIndex++) {
var year = previousYear + index;
var content = String(year);
years[rowIndex][colIndex] = {
content: content,
year: year,
title: content
};
index++;
}
}
return years;
};
YearPanel.prototype.render = function render() {
var _this2 = this;
var props = this.props;
var value = this.state.value;
var locale = props.locale,
renderFooter = props.renderFooter;
var years = this.years();
var currentYear = value.year();
var startYear = parseInt(currentYear / 10, 10) * 10;
var endYear = startYear + 9;
var prefixCls = this.prefixCls;
var yeasEls = years.map(function (row, index) {
var tds = row.map(function (yearData) {
var _classNameMap;
var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = yearData.year === currentYear, _classNameMap[prefixCls + '-last-decade-cell'] = yearData.year < startYear, _classNameMap[prefixCls + '-next-decade-cell'] = yearData.year > endYear, _classNameMap);
var clickHandler = void 0;
if (yearData.year < startYear) {
clickHandler = _this2.previousDecade;
} else if (yearData.year > endYear) {
clickHandler = _this2.nextDecade;
} else {
clickHandler = chooseYear.bind(_this2, yearData.year);
}
return _react2['default'].createElement(
'td',
{
role: 'gridcell',
title: yearData.title,
key: yearData.content,
onClick: clickHandler,
className: (0, _classnames2['default'])(classNameMap)
},
_react2['default'].createElement(
'a',
{
className: prefixCls + '-year'
},
yearData.content
)
);
});
return _react2['default'].createElement(
'tr',
{ key: index, role: 'row' },
tds
);
});
var footer = renderFooter && renderFooter('year');
return _react2['default'].createElement(
'div',
{ className: this.prefixCls },
_react2['default'].createElement(
'div',
null,
_react2['default'].createElement(
'div',
{ className: prefixCls + '-header' },
_react2['default'].createElement('a', {
className: prefixCls + '-prev-decade-btn',
role: 'button',
onClick: this.previousDecade,
title: locale.previousDecade
}),
_react2['default'].createElement(
'a',
{
className: prefixCls + '-decade-select',
role: 'button',
onClick: props.onDecadePanelShow,
title: locale.decadeSelect
},
_react2['default'].createElement(
'span',
{ className: prefixCls + '-decade-select-content' },
startYear,
'-',
endYear
),
_react2['default'].createElement(
'span',
{ className: prefixCls + '-decade-select-arrow' },
'x'
)
),
_react2['default'].createElement('a', {
className: prefixCls + '-next-decade-btn',
role: 'button',
onClick: this.nextDecade,
title: locale.nextDecade
})
),
_react2['default'].createElement(
'div',
{ className: prefixCls + '-body' },
_react2['default'].createElement(
'table',
{ className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
_react2['default'].createElement(
'tbody',
{ className: prefixCls + '-tbody' },
yeasEls
)
)
),
footer && _react2['default'].createElement(
'div',
{ className: prefixCls + '-footer' },
footer
)
)
);
};
return YearPanel;
}(_react2['default'].Component);
exports['default'] = YearPanel;
YearPanel.propTypes = {
rootPrefixCls: _propTypes2['default'].string,
value: _propTypes2['default'].object,
defaultValue: _propTypes2['default'].object,
renderFooter: _propTypes2['default'].func
};
YearPanel.defaultProps = {
onSelect: function onSelect() {}
};
module.exports = exports['default'];
/***/ }),
/***/ 1322:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var ROW = 4;
var COL = 3;
function goYear(direction) {
var next = this.state.value.clone();
next.add(direction, 'years');
this.setState({
value: next
});
}
function chooseDecade(year, event) {
var next = this.state.value.clone();
next.year(year);
next.month(this.state.value.month());
this.props.onSelect(next);
event.preventDefault();
}
var DecadePanel = function (_React$Component) {
(0, _inherits3['default'])(DecadePanel, _React$Component);
function DecadePanel(props) {
(0, _classCallCheck3['default'])(this, DecadePanel);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
_this.state = {
value: props.value || props.defaultValue
};
// bind methods
_this.prefixCls = props.rootPrefixCls + '-decade-panel';
_this.nextCentury = goYear.bind(_this, 100);
_this.previousCentury = goYear.bind(_this, -100);
return _this;
}
DecadePanel.prototype.render = function render() {
var _this2 = this;
var value = this.state.value;
var _props = this.props,
locale = _props.locale,
renderFooter = _props.renderFooter;
var currentYear = value.year();
var startYear = parseInt(currentYear / 100, 10) * 100;
var preYear = startYear - 10;
var endYear = startYear + 99;
var decades = [];
var index = 0;
var prefixCls = this.prefixCls;
for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
decades[rowIndex] = [];
for (var colIndex = 0; colIndex < COL; colIndex++) {
var startDecade = preYear + index * 10;
var endDecade = preYear + index * 10 + 9;
decades[rowIndex][colIndex] = {
startDecade: startDecade,
endDecade: endDecade
};
index++;
}
}
var footer = renderFooter && renderFooter('decade');
var decadesEls = decades.map(function (row, decadeIndex) {
var tds = row.map(function (decadeData) {
var _classNameMap;
var dStartDecade = decadeData.startDecade;
var dEndDecade = decadeData.endDecade;
var isLast = dStartDecade < startYear;
var isNext = dEndDecade > endYear;
var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-selected-cell'] = dStartDecade <= currentYear && currentYear <= dEndDecade, _classNameMap[prefixCls + '-last-century-cell'] = isLast, _classNameMap[prefixCls + '-next-century-cell'] = isNext, _classNameMap);
var content = dStartDecade + '-' + dEndDecade;
var clickHandler = void 0;
if (isLast) {
clickHandler = _this2.previousCentury;
} else if (isNext) {
clickHandler = _this2.nextCentury;
} else {
clickHandler = chooseDecade.bind(_this2, dStartDecade);
}
return _react2['default'].createElement(
'td',
{
key: dStartDecade,
onClick: clickHandler,
role: 'gridcell',
className: (0, _classnames2['default'])(classNameMap)
},
_react2['default'].createElement(
'a',
{
className: prefixCls + '-decade'
},
content
)
);
});
return _react2['default'].createElement(
'tr',
{ key: decadeIndex, role: 'row' },
tds
);
});
return _react2['default'].createElement(
'div',
{ className: this.prefixCls },
_react2['default'].createElement(
'div',
{ className: prefixCls + '-header' },
_react2['default'].createElement('a', {
className: prefixCls + '-prev-century-btn',
role: 'button',
onClick: this.previousCentury,
title: locale.previousCentury
}),
_react2['default'].createElement(
'div',
{ className: prefixCls + '-century' },
startYear,
'-',
endYear
),
_react2['default'].createElement('a', {
className: prefixCls + '-next-century-btn',
role: 'button',
onClick: this.nextCentury,
title: locale.nextCentury
})
),
_react2['default'].createElement(
'div',
{ className: prefixCls + '-body' },
_react2['default'].createElement(
'table',
{ className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },
_react2['default'].createElement(
'tbody',
{ className: prefixCls + '-tbody' },
decadesEls
)
)
),
footer && _react2['default'].createElement(
'div',
{ className: prefixCls + '-footer' },
footer
)
);
};
return DecadePanel;
}(_react2['default'].Component);
exports['default'] = DecadePanel;
DecadePanel.propTypes = {
locale: _propTypes2['default'].object,
value: _propTypes2['default'].object,
defaultValue: _propTypes2['default'].object,
rootPrefixCls: _propTypes2['default'].string,
renderFooter: _propTypes2['default'].func
};
DecadePanel.defaultProps = {
onSelect: function onSelect() {}
};
module.exports = exports['default'];
/***/ }),
/***/ 1323:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(18);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(4);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _mapSelf = __webpack_require__(1098);
var _mapSelf2 = _interopRequireDefault(_mapSelf);
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
var _TodayButton = __webpack_require__(1099);
var _TodayButton2 = _interopRequireDefault(_TodayButton);
var _OkButton = __webpack_require__(1100);
var _OkButton2 = _interopRequireDefault(_OkButton);
var _TimePickerButton = __webpack_require__(1101);
var _TimePickerButton2 = _interopRequireDefault(_TimePickerButton);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var CalendarFooter = function (_React$Component) {
(0, _inherits3['default'])(CalendarFooter, _React$Component);
function CalendarFooter() {
(0, _classCallCheck3['default'])(this, CalendarFooter);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
CalendarFooter.prototype.onSelect = function onSelect(value) {
this.props.onSelect(value);
};
CalendarFooter.prototype.getRootDOMNode = function getRootDOMNode() {
return _reactDom2['default'].findDOMNode(this);
};
CalendarFooter.prototype.render = function render() {
var props = this.props;
var value = props.value,
prefixCls = props.prefixCls,
showOk = props.showOk,
timePicker = props.timePicker,
renderFooter = props.renderFooter,
mode = props.mode;
var footerEl = null;
var extraFooter = renderFooter && renderFooter(mode);
if (props.showToday || timePicker || extraFooter) {
var _cx;
var nowEl = void 0;
if (props.showToday) {
nowEl = _react2['default'].createElement(_TodayButton2['default'], (0, _extends3['default'])({}, props, { value: value }));
}
var okBtn = void 0;
if (showOk === true || showOk !== false && !!props.timePicker) {
okBtn = _react2['default'].createElement(_OkButton2['default'], props);
}
var timePickerBtn = void 0;
if (!!props.timePicker) {
timePickerBtn = _react2['default'].createElement(_TimePickerButton2['default'], props);
}
var footerBtn = void 0;
if (nowEl || timePickerBtn || okBtn || extraFooter) {
footerBtn = _react2['default'].createElement(
'span',
{ className: prefixCls + '-footer-btn' },
extraFooter,
(0, _mapSelf2['default'])([nowEl, timePickerBtn, okBtn])
);
}
var cls = (0, _classnames2['default'])(prefixCls + '-footer', (_cx = {}, _cx[prefixCls + '-footer-show-ok'] = okBtn, _cx));
footerEl = _react2['default'].createElement(
'div',
{ className: cls },
footerBtn
);
}
return footerEl;
};
return CalendarFooter;
}(_react2['default'].Component);
CalendarFooter.propTypes = {
prefixCls: _propTypes2['default'].string,
showDateInput: _propTypes2['default'].bool,
disabledTime: _propTypes2['default'].any,
timePicker: _propTypes2['default'].element,
selectedValue: _propTypes2['default'].any,
showOk: _propTypes2['default'].bool,
onSelect: _propTypes2['default'].func,
value: _propTypes2['default'].object,
renderFooter: _propTypes2['default'].func,
defaultValue: _propTypes2['default'].object,
mode: _propTypes2['default'].string
};
exports['default'] = CalendarFooter;
module.exports = exports['default'];
/***/ }),
/***/ 1324:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = createPicker;
var React = _interopRequireWildcard(__webpack_require__(0));
var moment = _interopRequireWildcard(__webpack_require__(86));
var _reactLifecyclesCompat = __webpack_require__(7);
var _MonthCalendar = _interopRequireDefault(__webpack_require__(1096));
var _Picker = _interopRequireDefault(__webpack_require__(981));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _omit = _interopRequireDefault(__webpack_require__(43));
var _icon = _interopRequireDefault(__webpack_require__(26));
var _configProvider = __webpack_require__(12);
var _warning = _interopRequireDefault(__webpack_require__(40));
var _interopDefault = _interopRequireDefault(__webpack_require__(325));
var _getDataOrAriaProps = _interopRequireDefault(__webpack_require__(1245));
var _utils = __webpack_require__(1102);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function createPicker(TheCalendar) {
var CalenderWrapper =
/*#__PURE__*/
function (_React$Component) {
_inherits(CalenderWrapper, _React$Component);
function CalenderWrapper(props) {
var _this;
_classCallCheck(this, CalenderWrapper);
_this = _possibleConstructorReturn(this, _getPrototypeOf(CalenderWrapper).call(this, props));
_this.saveInput = function (node) {
_this.input = node;
};
_this.clearSelection = function (e) {
e.preventDefault();
e.stopPropagation();
_this.handleChange(null);
};
_this.handleChange = function (value) {
var _assertThisInitialize = _assertThisInitialized(_this),
props = _assertThisInitialize.props;
if (!('value' in props)) {
_this.setState({
value: value,
showDate: value
});
}
props.onChange(value, (0, _utils.formatDate)(value, props.format));
};
_this.handleCalendarChange = function (value) {
_this.setState({
showDate: value
});
};
_this.handleOpenChange = function (open) {
var onOpenChange = _this.props.onOpenChange;
if (!('open' in _this.props)) {
_this.setState({
open: open
});
}
if (onOpenChange) {
onOpenChange(open);
}
};
_this.renderFooter = function () {
var renderExtraFooter = _this.props.renderExtraFooter;
var _assertThisInitialize2 = _assertThisInitialized(_this),
prefixCls = _assertThisInitialize2.prefixCls;
return renderExtraFooter ? React.createElement("div", {
className: "".concat(prefixCls, "-footer-extra")
}, renderExtraFooter.apply(void 0, arguments)) : null;
};
_this.renderPicker = function (_ref) {
var _classNames, _classNames2;
var getPrefixCls = _ref.getPrefixCls;
var _this$state = _this.state,
value = _this$state.value,
showDate = _this$state.showDate,
open = _this$state.open;
var props = (0, _omit["default"])(_this.props, ['onChange']);
var customizePrefixCls = props.prefixCls,
locale = props.locale,
localeCode = props.localeCode,
suffixIcon = props.suffixIcon;
var prefixCls = getPrefixCls('calendar', customizePrefixCls); // To support old version react.
// Have to add prefixCls on the instance.
// https://github.com/facebook/react/issues/12397
_this.prefixCls = prefixCls;
var placeholder = 'placeholder' in props ? props.placeholder : locale.lang.placeholder;
var disabledTime = props.showTime ? props.disabledTime : null;
var calendarClassName = (0, _classnames["default"])((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-time"), props.showTime), _defineProperty(_classNames, "".concat(prefixCls, "-month"), _MonthCalendar["default"] === TheCalendar), _classNames));
if (value && localeCode) {
value.locale(localeCode);
}
var pickerProps = {};
var calendarProps = {};
var pickerStyle = {};
if (props.showTime) {
calendarProps = {
// fix https://github.com/ant-design/ant-design/issues/1902
onSelect: _this.handleChange
};
pickerStyle.minWidth = 195;
} else {
pickerProps = {
onChange: _this.handleChange
};
}
if ('mode' in props) {
calendarProps.mode = props.mode;
}
(0, _warning["default"])(!('onOK' in props), 'DatePicker', 'It should be `DatePicker[onOk]` or `MonthPicker[onOk]`, instead of `onOK`!');
var calendar = React.createElement(TheCalendar, _extends({}, calendarProps, {
disabledDate: props.disabledDate,
disabledTime: disabledTime,
locale: locale.lang,
timePicker: props.timePicker,
defaultValue: props.defaultPickerValue || (0, _interopDefault["default"])(moment)(),
dateInputPlaceholder: placeholder,
prefixCls: prefixCls,
className: calendarClassName,
onOk: props.onOk,
dateRender: props.dateRender,
format: props.format,
showToday: props.showToday,
monthCellContentRender: props.monthCellContentRender,
renderFooter: _this.renderFooter,
onPanelChange: props.onPanelChange,
onChange: _this.handleCalendarChange,
value: showDate
}));
var clearIcon = !props.disabled && props.allowClear && value ? React.createElement(_icon["default"], {
type: "close-circle",
className: "".concat(prefixCls, "-picker-clear"),
onClick: _this.clearSelection,
theme: "filled"
}) : null;
var inputIcon = suffixIcon && (React.isValidElement(suffixIcon) ? React.cloneElement(suffixIcon, {
className: (0, _classnames["default"])((_classNames2 = {}, _defineProperty(_classNames2, suffixIcon.props.className, suffixIcon.props.className), _defineProperty(_classNames2, "".concat(prefixCls, "-picker-icon"), true), _classNames2))
}) : React.createElement("span", {
className: "".concat(prefixCls, "-picker-icon")
}, suffixIcon)) || React.createElement(_icon["default"], {
type: "calendar",
className: "".concat(prefixCls, "-picker-icon")
});
var dataOrAriaProps = (0, _getDataOrAriaProps["default"])(props);
var input = function input(_ref2) {
var inputValue = _ref2.value;
return React.createElement("div", null, React.createElement("input", _extends({
ref: _this.saveInput,
disabled: props.disabled,
readOnly: true,
value: (0, _utils.formatDate)(inputValue, props.format),
placeholder: placeholder,
className: props.pickerInputClass,
tabIndex: props.tabIndex,
name: props.name
}, dataOrAriaProps)), clearIcon, inputIcon);
};
return React.createElement("span", {
id: props.id,
className: (0, _classnames["default"])(props.className, props.pickerClass),
style: _extends(_extends({}, pickerStyle), props.style),
onFocus: props.onFocus,
onBlur: props.onBlur,
onMouseEnter: props.onMouseEnter,
onMouseLeave: props.onMouseLeave
}, React.createElement(_Picker["default"], _extends({}, props, pickerProps, {
calendar: calendar,
value: value,
prefixCls: "".concat(prefixCls, "-picker-container"),
style: props.popupStyle,
open: open,
onOpenChange: _this.handleOpenChange
}), input));
};
var value = props.value || props.defaultValue;
if (value && !(0, _interopDefault["default"])(moment).isMoment(value)) {
throw new Error('The value/defaultValue of DatePicker or MonthPicker must be ' + 'a moment object after `antd@2.0`, see: https://u.ant.design/date-picker-value');
}
_this.state = {
value: value,
showDate: value,
open: false
};
return _this;
}
_createClass(CalenderWrapper, [{
key: "componentDidUpdate",
value: function componentDidUpdate(_, prevState) {
if (!('open' in this.props) && prevState.open && !this.state.open) {
this.focus();
}
}
}, {
key: "focus",
value: function focus() {
this.input.focus();
}
}, {
key: "blur",
value: function blur() {
this.input.blur();
}
}, {
key: "render",
value: function render() {
return React.createElement(_configProvider.ConfigConsumer, null, this.renderPicker);
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(nextProps, prevState) {
var state = {};
var open = prevState.open;
if ('open' in nextProps) {
state.open = nextProps.open;
open = nextProps.open || false;
}
if ('value' in nextProps) {
state.value = nextProps.value;
if (nextProps.value !== prevState.value || !open && nextProps.value !== prevState.showDate) {
state.showDate = nextProps.value;
}
}
return Object.keys(state).length > 0 ? state : null;
}
}]);
return CalenderWrapper;
}(React.Component);
CalenderWrapper.defaultProps = {
allowClear: true,
showToday: true
};
(0, _reactLifecyclesCompat.polyfill)(CalenderWrapper);
return CalenderWrapper;
}
//# sourceMappingURL=createPicker.js.map
/***/ }),
/***/ 1325:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = createChainedFunction;
/**
* Safe chained function
*
* Will only create a new function if needed,
* otherwise will pass back existing functions or null.
*
* @returns {function|null}
*/
function createChainedFunction() {
var args = [].slice.call(arguments, 0);
if (args.length === 1) {
return args[0];
}
return function chainedFunction() {
for (var i = 0; i < args.length; i++) {
if (args[i] && args[i].apply) {
args[i].apply(this, arguments);
}
}
};
}
module.exports = exports['default'];
/***/ }),
/***/ 1326:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var autoAdjustOverflow = {
adjustX: 1,
adjustY: 1
};
var targetOffset = [0, 0];
var placements = {
bottomLeft: {
points: ['tl', 'tl'],
overflow: autoAdjustOverflow,
offset: [0, -3],
targetOffset: targetOffset
},
bottomRight: {
points: ['tr', 'tr'],
overflow: autoAdjustOverflow,
offset: [0, -3],
targetOffset: targetOffset
},
topRight: {
points: ['br', 'br'],
overflow: autoAdjustOverflow,
offset: [0, 3],
targetOffset: targetOffset
},
topLeft: {
points: ['bl', 'bl'],
overflow: autoAdjustOverflow,
offset: [0, 3],
targetOffset: targetOffset
}
};
exports['default'] = placements;
module.exports = exports['default'];
/***/ }),
/***/ 1327:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = wrapPicker;
var React = _interopRequireWildcard(__webpack_require__(0));
var _reactLifecyclesCompat = __webpack_require__(7);
var _Panel = _interopRequireDefault(__webpack_require__(1103));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var moment = _interopRequireWildcard(__webpack_require__(86));
var _en_US = _interopRequireDefault(__webpack_require__(189));
var _interopDefault = _interopRequireDefault(__webpack_require__(325));
var _LocaleReceiver = _interopRequireDefault(__webpack_require__(71));
var _timePicker = __webpack_require__(1332);
var _configProvider = __webpack_require__(12);
var _warning = _interopRequireDefault(__webpack_require__(40));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
var DEFAULT_FORMAT = {
date: 'YYYY-MM-DD',
dateTime: 'YYYY-MM-DD HH:mm:ss',
week: 'gggg-wo',
month: 'YYYY-MM'
};
var LOCALE_FORMAT_MAPPING = {
date: 'dateFormat',
dateTime: 'dateTimeFormat',
week: 'weekFormat',
month: 'monthFormat'
};
function getColumns(_ref) {
var showHour = _ref.showHour,
showMinute = _ref.showMinute,
showSecond = _ref.showSecond,
use12Hours = _ref.use12Hours;
var column = 0;
if (showHour) {
column += 1;
}
if (showMinute) {
column += 1;
}
if (showSecond) {
column += 1;
}
if (use12Hours) {
column += 1;
}
return column;
}
function checkValidate(value, propName) {
var values = Array.isArray(value) ? value : [value];
values.forEach(function (val) {
if (!val) return;
(0, _warning["default"])(!(0, _interopDefault["default"])(moment).isMoment(val) || val.isValid(), 'DatePicker', "`".concat(propName, "` provides invalidate moment time. If you want to set empty value, use `null` instead."));
});
}
function wrapPicker(Picker, pickerType) {
var PickerWrapper =
/*#__PURE__*/
function (_React$Component) {
_inherits(PickerWrapper, _React$Component);
function PickerWrapper() {
var _this;
_classCallCheck(this, PickerWrapper);
_this = _possibleConstructorReturn(this, _getPrototypeOf(PickerWrapper).apply(this, arguments)); // Since we need call `getDerivedStateFromProps` for check. Need leave an empty `state` here.
_this.state = {};
_this.savePicker = function (node) {
_this.picker = node;
};
_this.getDefaultLocale = function () {
var result = _extends(_extends({}, _en_US["default"]), _this.props.locale);
result.lang = _extends(_extends({}, result.lang), (_this.props.locale || {}).lang);
return result;
};
_this.handleOpenChange = function (open) {
var onOpenChange = _this.props.onOpenChange;
onOpenChange(open);
};
_this.handleFocus = function (e) {
var onFocus = _this.props.onFocus;
if (onFocus) {
onFocus(e);
}
};
_this.handleBlur = function (e) {
var onBlur = _this.props.onBlur;
if (onBlur) {
onBlur(e);
}
};
_this.handleMouseEnter = function (e) {
var onMouseEnter = _this.props.onMouseEnter;
if (onMouseEnter) {
onMouseEnter(e);
}
};
_this.handleMouseLeave = function (e) {
var onMouseLeave = _this.props.onMouseLeave;
if (onMouseLeave) {
onMouseLeave(e);
}
};
_this.renderPicker = function (locale, localeCode) {
var _this$props = _this.props,
format = _this$props.format,
showTime = _this$props.showTime;
var mergedPickerType = showTime ? "".concat(pickerType, "Time") : pickerType;
var mergedFormat = format || locale[LOCALE_FORMAT_MAPPING[mergedPickerType]] || DEFAULT_FORMAT[mergedPickerType];
return React.createElement(_configProvider.ConfigConsumer, null, function (_ref2) {
var _classNames2;
var getPrefixCls = _ref2.getPrefixCls,
getContextPopupContainer = _ref2.getPopupContainer;
var _this$props2 = _this.props,
customizePrefixCls = _this$props2.prefixCls,
customizeInputPrefixCls = _this$props2.inputPrefixCls,
getCalendarContainer = _this$props2.getCalendarContainer,
size = _this$props2.size,
disabled = _this$props2.disabled;
var getPopupContainer = getCalendarContainer || getContextPopupContainer;
var prefixCls = getPrefixCls('calendar', customizePrefixCls);
var inputPrefixCls = getPrefixCls('input', customizeInputPrefixCls);
var pickerClass = (0, _classnames["default"])("".concat(prefixCls, "-picker"), _defineProperty({}, "".concat(prefixCls, "-picker-").concat(size), !!size));
var pickerInputClass = (0, _classnames["default"])("".concat(prefixCls, "-picker-input"), inputPrefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(inputPrefixCls, "-lg"), size === 'large'), _defineProperty(_classNames2, "".concat(inputPrefixCls, "-sm"), size === 'small'), _defineProperty(_classNames2, "".concat(inputPrefixCls, "-disabled"), disabled), _classNames2));
var timeFormat = showTime && showTime.format || 'HH:mm:ss';
var rcTimePickerProps = _extends(_extends({}, (0, _timePicker.generateShowHourMinuteSecond)(timeFormat)), {
format: timeFormat,
use12Hours: showTime && showTime.use12Hours
});
var columns = getColumns(rcTimePickerProps);
var timePickerCls = "".concat(prefixCls, "-time-picker-column-").concat(columns);
var timePicker = showTime ? React.createElement(_Panel["default"], _extends({}, rcTimePickerProps, showTime, {
prefixCls: "".concat(prefixCls, "-time-picker"),
className: timePickerCls,
placeholder: locale.timePickerLocale.placeholder,
transitionName: "slide-up",
onEsc: function onEsc() {}
})) : null;
return React.createElement(Picker, _extends({}, _this.props, {
getCalendarContainer: getPopupContainer,
format: mergedFormat,
ref: _this.savePicker,
pickerClass: pickerClass,
pickerInputClass: pickerInputClass,
locale: locale,
localeCode: localeCode,
timePicker: timePicker,
onOpenChange: _this.handleOpenChange,
onFocus: _this.handleFocus,
onBlur: _this.handleBlur,
onMouseEnter: _this.handleMouseEnter,
onMouseLeave: _this.handleMouseLeave
}));
});
};
return _this;
}
_createClass(PickerWrapper, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this$props3 = this.props,
autoFocus = _this$props3.autoFocus,
disabled = _this$props3.disabled;
if (autoFocus && !disabled) {
this.focus();
}
}
}, {
key: "focus",
value: function focus() {
this.picker.focus();
}
}, {
key: "blur",
value: function blur() {
this.picker.blur();
}
}, {
key: "render",
value: function render() {
return React.createElement(_LocaleReceiver["default"], {
componentName: "DatePicker",
defaultLocale: this.getDefaultLocale
}, this.renderPicker);
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(_ref3) {
var value = _ref3.value,
defaultValue = _ref3.defaultValue;
checkValidate(defaultValue, 'defaultValue');
checkValidate(value, 'value');
return {};
}
}]);
return PickerWrapper;
}(React.Component);
PickerWrapper.defaultProps = {
transitionName: 'slide-up',
popupStyle: {},
onChange: function onChange() {},
onOk: function onOk() {},
onOpenChange: function onOpenChange() {},
locale: {}
};
(0, _reactLifecyclesCompat.polyfill)(PickerWrapper);
return PickerWrapper;
}
//# sourceMappingURL=wrapPicker.js.map
/***/ }),
/***/ 1328:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _moment = _interopRequireDefault(__webpack_require__(86));
var _classnames = _interopRequireDefault(__webpack_require__(3));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var Header =
/*#__PURE__*/
function (_Component) {
_inherits(Header, _Component);
function Header(props) {
var _this;
_classCallCheck(this, Header);
_this = _possibleConstructorReturn(this, _getPrototypeOf(Header).call(this, props));
_defineProperty(_assertThisInitialized(_this), "onInputChange", function (event) {
var str = event.target.value;
_this.setState({
str: str
});
var _this$props = _this.props,
format = _this$props.format,
hourOptions = _this$props.hourOptions,
minuteOptions = _this$props.minuteOptions,
secondOptions = _this$props.secondOptions,
disabledHours = _this$props.disabledHours,
disabledMinutes = _this$props.disabledMinutes,
disabledSeconds = _this$props.disabledSeconds,
onChange = _this$props.onChange;
if (str) {
var originalValue = _this.props.value;
var value = _this.getProtoValue().clone();
var parsed = (0, _moment["default"])(str, format, true);
if (!parsed.isValid()) {
_this.setState({
invalid: true
});
return;
}
value.hour(parsed.hour()).minute(parsed.minute()).second(parsed.second()); // if time value not allowed, response warning.
if (hourOptions.indexOf(value.hour()) < 0 || minuteOptions.indexOf(value.minute()) < 0 || secondOptions.indexOf(value.second()) < 0) {
_this.setState({
invalid: true
});
return;
} // if time value is disabled, response warning.
var disabledHourOptions = disabledHours();
var disabledMinuteOptions = disabledMinutes(value.hour());
var disabledSecondOptions = disabledSeconds(value.hour(), value.minute());
if (disabledHourOptions && disabledHourOptions.indexOf(value.hour()) >= 0 || disabledMinuteOptions && disabledMinuteOptions.indexOf(value.minute()) >= 0 || disabledSecondOptions && disabledSecondOptions.indexOf(value.second()) >= 0) {
_this.setState({
invalid: true
});
return;
}
if (originalValue) {
if (originalValue.hour() !== value.hour() || originalValue.minute() !== value.minute() || originalValue.second() !== value.second()) {
// keep other fields for rc-calendar
var changedValue = originalValue.clone();
changedValue.hour(value.hour());
changedValue.minute(value.minute());
changedValue.second(value.second());
onChange(changedValue);
}
} else if (originalValue !== value) {
onChange(value);
}
} else {
onChange(null);
}
_this.setState({
invalid: false
});
});
_defineProperty(_assertThisInitialized(_this), "onKeyDown", function (e) {
var _this$props2 = _this.props,
onEsc = _this$props2.onEsc,
onKeyDown = _this$props2.onKeyDown;
if (e.keyCode === 27) {
onEsc();
}
onKeyDown(e);
});
var _value = props.value,
_format = props.format;
_this.state = {
str: _value && _value.format(_format) || '',
invalid: false
};
return _this;
}
_createClass(Header, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this2 = this;
var focusOnOpen = this.props.focusOnOpen;
if (focusOnOpen) {
// Wait one frame for the panel to be positioned before focusing
var requestAnimationFrame = window.requestAnimationFrame || window.setTimeout;
requestAnimationFrame(function () {
_this2.refInput.focus();
_this2.refInput.select();
});
}
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate(prevProps) {
var _this$props3 = this.props,
value = _this$props3.value,
format = _this$props3.format;
if (value !== prevProps.value) {
// eslint-disable-next-line react/no-did-update-set-state
this.setState({
str: value && value.format(format) || '',
invalid: false
});
}
}
}, {
key: "getProtoValue",
value: function getProtoValue() {
var _this$props4 = this.props,
value = _this$props4.value,
defaultOpenValue = _this$props4.defaultOpenValue;
return value || defaultOpenValue;
}
}, {
key: "getInput",
value: function getInput() {
var _this3 = this;
var _this$props5 = this.props,
prefixCls = _this$props5.prefixCls,
placeholder = _this$props5.placeholder,
inputReadOnly = _this$props5.inputReadOnly;
var _this$state = this.state,
invalid = _this$state.invalid,
str = _this$state.str;
var invalidClass = invalid ? "".concat(prefixCls, "-input-invalid") : '';
return _react["default"].createElement("input", {
className: (0, _classnames["default"])("".concat(prefixCls, "-input"), invalidClass),
ref: function ref(_ref) {
_this3.refInput = _ref;
},
onKeyDown: this.onKeyDown,
value: str,
placeholder: placeholder,
onChange: this.onInputChange,
readOnly: !!inputReadOnly
});
}
}, {
key: "render",
value: function render() {
var prefixCls = this.props.prefixCls;
return _react["default"].createElement("div", {
className: "".concat(prefixCls, "-input-wrap")
}, this.getInput());
}
}]);
return Header;
}(_react.Component);
_defineProperty(Header, "propTypes", {
format: _propTypes["default"].string,
prefixCls: _propTypes["default"].string,
disabledDate: _propTypes["default"].func,
placeholder: _propTypes["default"].string,
clearText: _propTypes["default"].string,
value: _propTypes["default"].object,
inputReadOnly: _propTypes["default"].bool,
hourOptions: _propTypes["default"].array,
minuteOptions: _propTypes["default"].array,
secondOptions: _propTypes["default"].array,
disabledHours: _propTypes["default"].func,
disabledMinutes: _propTypes["default"].func,
disabledSeconds: _propTypes["default"].func,
onChange: _propTypes["default"].func,
onEsc: _propTypes["default"].func,
defaultOpenValue: _propTypes["default"].object,
currentSelectPanel: _propTypes["default"].string,
focusOnOpen: _propTypes["default"].bool,
onKeyDown: _propTypes["default"].func,
clearIcon: _propTypes["default"].node
});
_defineProperty(Header, "defaultProps", {
inputReadOnly: false
});
var _default = Header;
exports["default"] = _default;
/***/ }),
/***/ 1329:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _Select = _interopRequireDefault(__webpack_require__(1330));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var formatOption = function formatOption(option, disabledOptions) {
var value = "".concat(option);
if (option < 10) {
value = "0".concat(option);
}
var disabled = false;
if (disabledOptions && disabledOptions.indexOf(option) >= 0) {
disabled = true;
}
return {
value: value,
disabled: disabled
};
};
var Combobox =
/*#__PURE__*/
function (_Component) {
_inherits(Combobox, _Component);
function Combobox() {
var _getPrototypeOf2;
var _this;
_classCallCheck(this, Combobox);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Combobox)).call.apply(_getPrototypeOf2, [this].concat(args)));
_defineProperty(_assertThisInitialized(_this), "onItemChange", function (type, itemValue) {
var _this$props = _this.props,
onChange = _this$props.onChange,
defaultOpenValue = _this$props.defaultOpenValue,
use12Hours = _this$props.use12Hours,
propValue = _this$props.value,
isAM = _this$props.isAM,
onAmPmChange = _this$props.onAmPmChange;
var value = (propValue || defaultOpenValue).clone();
if (type === 'hour') {
if (use12Hours) {
if (isAM) {
value.hour(+itemValue % 12);
} else {
value.hour(+itemValue % 12 + 12);
}
} else {
value.hour(+itemValue);
}
} else if (type === 'minute') {
value.minute(+itemValue);
} else if (type === 'ampm') {
var ampm = itemValue.toUpperCase();
if (use12Hours) {
if (ampm === 'PM' && value.hour() < 12) {
value.hour(value.hour() % 12 + 12);
}
if (ampm === 'AM') {
if (value.hour() >= 12) {
value.hour(value.hour() - 12);
}
}
}
onAmPmChange(ampm);
} else {
value.second(+itemValue);
}
onChange(value);
});
_defineProperty(_assertThisInitialized(_this), "onEnterSelectPanel", function (range) {
var onCurrentSelectPanelChange = _this.props.onCurrentSelectPanelChange;
onCurrentSelectPanelChange(range);
});
return _this;
}
_createClass(Combobox, [{
key: "getHourSelect",
value: function getHourSelect(hour) {
var _this2 = this;
var _this$props2 = this.props,
prefixCls = _this$props2.prefixCls,
hourOptions = _this$props2.hourOptions,
disabledHours = _this$props2.disabledHours,
showHour = _this$props2.showHour,
use12Hours = _this$props2.use12Hours,
onEsc = _this$props2.onEsc;
if (!showHour) {
return null;
}
var disabledOptions = disabledHours();
var hourOptionsAdj;
var hourAdj;
if (use12Hours) {
hourOptionsAdj = [12].concat(hourOptions.filter(function (h) {
return h < 12 && h > 0;
}));
hourAdj = hour % 12 || 12;
} else {
hourOptionsAdj = hourOptions;
hourAdj = hour;
}
return _react["default"].createElement(_Select["default"], {
prefixCls: prefixCls,
options: hourOptionsAdj.map(function (option) {
return formatOption(option, disabledOptions);
}),
selectedIndex: hourOptionsAdj.indexOf(hourAdj),
type: "hour",
onSelect: this.onItemChange,
onMouseEnter: function onMouseEnter() {
return _this2.onEnterSelectPanel('hour');
},
onEsc: onEsc
});
}
}, {
key: "getMinuteSelect",
value: function getMinuteSelect(minute) {
var _this3 = this;
var _this$props3 = this.props,
prefixCls = _this$props3.prefixCls,
minuteOptions = _this$props3.minuteOptions,
disabledMinutes = _this$props3.disabledMinutes,
defaultOpenValue = _this$props3.defaultOpenValue,
showMinute = _this$props3.showMinute,
propValue = _this$props3.value,
onEsc = _this$props3.onEsc;
if (!showMinute) {
return null;
}
var value = propValue || defaultOpenValue;
var disabledOptions = disabledMinutes(value.hour());
return _react["default"].createElement(_Select["default"], {
prefixCls: prefixCls,
options: minuteOptions.map(function (option) {
return formatOption(option, disabledOptions);
}),
selectedIndex: minuteOptions.indexOf(minute),
type: "minute",
onSelect: this.onItemChange,
onMouseEnter: function onMouseEnter() {
return _this3.onEnterSelectPanel('minute');
},
onEsc: onEsc
});
}
}, {
key: "getSecondSelect",
value: function getSecondSelect(second) {
var _this4 = this;
var _this$props4 = this.props,
prefixCls = _this$props4.prefixCls,
secondOptions = _this$props4.secondOptions,
disabledSeconds = _this$props4.disabledSeconds,
showSecond = _this$props4.showSecond,
defaultOpenValue = _this$props4.defaultOpenValue,
propValue = _this$props4.value,
onEsc = _this$props4.onEsc;
if (!showSecond) {
return null;
}
var value = propValue || defaultOpenValue;
var disabledOptions = disabledSeconds(value.hour(), value.minute());
return _react["default"].createElement(_Select["default"], {
prefixCls: prefixCls,
options: secondOptions.map(function (option) {
return formatOption(option, disabledOptions);
}),
selectedIndex: secondOptions.indexOf(second),
type: "second",
onSelect: this.onItemChange,
onMouseEnter: function onMouseEnter() {
return _this4.onEnterSelectPanel('second');
},
onEsc: onEsc
});
}
}, {
key: "getAMPMSelect",
value: function getAMPMSelect() {
var _this5 = this;
var _this$props5 = this.props,
prefixCls = _this$props5.prefixCls,
use12Hours = _this$props5.use12Hours,
format = _this$props5.format,
isAM = _this$props5.isAM,
onEsc = _this$props5.onEsc;
if (!use12Hours) {
return null;
}
var AMPMOptions = ['am', 'pm'] // If format has A char, then we should uppercase AM/PM
.map(function (c) {
return format.match(/\sA/) ? c.toUpperCase() : c;
}).map(function (c) {
return {
value: c
};
});
var selected = isAM ? 0 : 1;
return _react["default"].createElement(_Select["default"], {
prefixCls: prefixCls,
options: AMPMOptions,
selectedIndex: selected,
type: "ampm",
onSelect: this.onItemChange,
onMouseEnter: function onMouseEnter() {
return _this5.onEnterSelectPanel('ampm');
},
onEsc: onEsc
});
}
}, {
key: "render",
value: function render() {
var _this$props6 = this.props,
prefixCls = _this$props6.prefixCls,
defaultOpenValue = _this$props6.defaultOpenValue,
propValue = _this$props6.value;
var value = propValue || defaultOpenValue;
return _react["default"].createElement("div", {
className: "".concat(prefixCls, "-combobox")
}, this.getHourSelect(value.hour()), this.getMinuteSelect(value.minute()), this.getSecondSelect(value.second()), this.getAMPMSelect(value.hour()));
}
}]);
return Combobox;
}(_react.Component);
_defineProperty(Combobox, "propTypes", {
format: _propTypes["default"].string,
defaultOpenValue: _propTypes["default"].object,
prefixCls: _propTypes["default"].string,
value: _propTypes["default"].object,
onChange: _propTypes["default"].func,
onAmPmChange: _propTypes["default"].func,
showHour: _propTypes["default"].bool,
showMinute: _propTypes["default"].bool,
showSecond: _propTypes["default"].bool,
hourOptions: _propTypes["default"].array,
minuteOptions: _propTypes["default"].array,
secondOptions: _propTypes["default"].array,
disabledHours: _propTypes["default"].func,
disabledMinutes: _propTypes["default"].func,
disabledSeconds: _propTypes["default"].func,
onCurrentSelectPanelChange: _propTypes["default"].func,
use12Hours: _propTypes["default"].bool,
onEsc: _propTypes["default"].func,
isAM: _propTypes["default"].bool
});
var _default = Combobox;
exports["default"] = _default;
/***/ }),
/***/ 1330:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _reactDom = _interopRequireDefault(__webpack_require__(4));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _raf = _interopRequireDefault(__webpack_require__(1331));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var scrollTo = function scrollTo(element, to, duration) {
// jump to target if duration zero
if (duration <= 0) {
(0, _raf["default"])(function () {
element.scrollTop = to;
});
return;
}
var difference = to - element.scrollTop;
var perTick = difference / duration * 10;
(0, _raf["default"])(function () {
element.scrollTop += perTick;
if (element.scrollTop === to) return;
scrollTo(element, to, duration - 10);
});
};
var Select =
/*#__PURE__*/
function (_Component) {
_inherits(Select, _Component);
function Select() {
var _getPrototypeOf2;
var _this;
_classCallCheck(this, Select);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Select)).call.apply(_getPrototypeOf2, [this].concat(args)));
_defineProperty(_assertThisInitialized(_this), "state", {
active: false
});
_defineProperty(_assertThisInitialized(_this), "onSelect", function (value) {
var _this$props = _this.props,
onSelect = _this$props.onSelect,
type = _this$props.type;
onSelect(type, value);
});
_defineProperty(_assertThisInitialized(_this), "handleMouseEnter", function (e) {
var onMouseEnter = _this.props.onMouseEnter;
_this.setState({
active: true
});
onMouseEnter(e);
});
_defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function () {
_this.setState({
active: false
});
});
_defineProperty(_assertThisInitialized(_this), "saveList", function (node) {
_this.list = node;
});
return _this;
}
_createClass(Select, [{
key: "componentDidMount",
value: function componentDidMount() {
// jump to selected option
this.scrollToSelected(0);
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate(prevProps) {
var selectedIndex = this.props.selectedIndex; // smooth scroll to selected option
if (prevProps.selectedIndex !== selectedIndex) {
this.scrollToSelected(120);
}
}
}, {
key: "getOptions",
value: function getOptions() {
var _this2 = this;
var _this$props2 = this.props,
options = _this$props2.options,
selectedIndex = _this$props2.selectedIndex,
prefixCls = _this$props2.prefixCls,
onEsc = _this$props2.onEsc;
return options.map(function (item, index) {
var _classNames;
var cls = (0, _classnames["default"])((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-select-option-selected"), selectedIndex === index), _defineProperty(_classNames, "".concat(prefixCls, "-select-option-disabled"), item.disabled), _classNames));
var onClick = item.disabled ? undefined : function () {
_this2.onSelect(item.value);
};
var onKeyDown = function onKeyDown(e) {
if (e.keyCode === 13) onClick();else if (e.keyCode === 27) onEsc();
};
return _react["default"].createElement("li", {
role: "button",
onClick: onClick,
className: cls,
key: index,
disabled: item.disabled,
tabIndex: "0",
onKeyDown: onKeyDown
}, item.value);
});
}
}, {
key: "scrollToSelected",
value: function scrollToSelected(duration) {
// move to selected item
var selectedIndex = this.props.selectedIndex;
var select = _reactDom["default"].findDOMNode(this);
var list = _reactDom["default"].findDOMNode(this.list);
if (!list) {
return;
}
var index = selectedIndex;
if (index < 0) {
index = 0;
}
var topOption = list.children[index];
var to = topOption.offsetTop;
scrollTo(select, to, duration);
}
}, {
key: "render",
value: function render() {
var _this$props3 = this.props,
prefixCls = _this$props3.prefixCls,
options = _this$props3.options;
var active = this.state.active;
if (options.length === 0) {
return null;
}
var cls = (0, _classnames["default"])("".concat(prefixCls, "-select"), _defineProperty({}, "".concat(prefixCls, "-select-active"), active));
return _react["default"].createElement("div", {
className: cls,
onMouseEnter: this.handleMouseEnter,
onMouseLeave: this.handleMouseLeave
}, _react["default"].createElement("ul", {
ref: this.saveList
}, this.getOptions()));
}
}]);
return Select;
}(_react.Component);
_defineProperty(Select, "propTypes", {
prefixCls: _propTypes["default"].string,
options: _propTypes["default"].array,
selectedIndex: _propTypes["default"].number,
type: _propTypes["default"].string,
onSelect: _propTypes["default"].func,
onMouseEnter: _propTypes["default"].func,
onEsc: _propTypes["default"].func
});
var _default = Select;
exports["default"] = _default;
/***/ }),
/***/ 1331:
/***/ (function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(global) {var now = __webpack_require__(336)
, root = typeof window === 'undefined' ? global : window
, vendors = ['moz', 'webkit']
, suffix = 'AnimationFrame'
, raf = root['request' + suffix]
, caf = root['cancel' + suffix] || root['cancelRequest' + suffix]
for(var i = 0; !raf && i < vendors.length; i++) {
raf = root[vendors[i] + 'Request' + suffix]
caf = root[vendors[i] + 'Cancel' + suffix]
|| root[vendors[i] + 'CancelRequest' + suffix]
}
// Some versions of FF have rAF but not cAF
if(!raf || !caf) {
var last = 0
, id = 0
, queue = []
, frameDuration = 1000 / 60
raf = function(callback) {
if(queue.length === 0) {
var _now = now()
, next = Math.max(0, frameDuration - (_now - last))
last = next + _now
setTimeout(function() {
var cp = queue.slice(0)
// Clear queue here to prevent
// callbacks from appending listeners
// to the current frame's queue
queue.length = 0
for(var i = 0; i < cp.length; i++) {
if(!cp[i].cancelled) {
try{
cp[i].callback(last)
} catch(e) {
setTimeout(function() { throw e }, 0)
}
}
}
}, Math.round(next))
}
queue.push({
handle: ++id,
callback: callback,
cancelled: false
})
return id
}
caf = function(handle) {
for(var i = 0; i < queue.length; i++) {
if(queue[i].handle === handle) {
queue[i].cancelled = true
}
}
}
}
module.exports = function(fn) {
// Wrap in a new function to prevent
// `cancel` potentially being assigned
// to the native rAF function
return raf.call(root, fn)
}
module.exports.cancel = function() {
caf.apply(root, arguments)
}
module.exports.polyfill = function(object) {
if (!object) {
object = root;
}
object.requestAnimationFrame = raf
object.cancelAnimationFrame = caf
}
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(34)))
/***/ }),
/***/ 1332:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.generateShowHourMinuteSecond = generateShowHourMinuteSecond;
exports["default"] = void 0;
var React = _interopRequireWildcard(__webpack_require__(0));
var moment = _interopRequireWildcard(__webpack_require__(86));
var _omit = _interopRequireDefault(__webpack_require__(43));
var _reactLifecyclesCompat = __webpack_require__(7);
var _TimePicker = _interopRequireDefault(__webpack_require__(1333));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _warning = _interopRequireDefault(__webpack_require__(40));
var _LocaleReceiver = _interopRequireDefault(__webpack_require__(71));
var _configProvider = __webpack_require__(12);
var _en_US = _interopRequireDefault(__webpack_require__(190));
var _interopDefault = _interopRequireDefault(__webpack_require__(325));
var _icon = _interopRequireDefault(__webpack_require__(26));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
var __rest = void 0 && (void 0).__rest || function (s, e) {
var t = {};
for (var p in s) {
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
}
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
function generateShowHourMinuteSecond(format) {
// Ref: http://momentjs.com/docs/#/parsing/string-format/
return {
showHour: format.indexOf('H') > -1 || format.indexOf('h') > -1 || format.indexOf('k') > -1,
showMinute: format.indexOf('m') > -1,
showSecond: format.indexOf('s') > -1
};
}
var TimePicker =
/*#__PURE__*/
function (_React$Component) {
_inherits(TimePicker, _React$Component);
function TimePicker(props) {
var _this;
_classCallCheck(this, TimePicker);
_this = _possibleConstructorReturn(this, _getPrototypeOf(TimePicker).call(this, props));
_this.getDefaultLocale = function () {
var defaultLocale = _extends(_extends({}, _en_US["default"]), _this.props.locale);
return defaultLocale;
};
_this.handleOpenClose = function (_ref) {
var open = _ref.open;
var onOpenChange = _this.props.onOpenChange;
if (onOpenChange) {
onOpenChange(open);
}
};
_this.saveTimePicker = function (timePickerRef) {
_this.timePickerRef = timePickerRef;
};
_this.handleChange = function (value) {
if (!('value' in _this.props)) {
_this.setState({
value: value
});
}
var _this$props = _this.props,
onChange = _this$props.onChange,
_this$props$format = _this$props.format,
format = _this$props$format === void 0 ? 'HH:mm:ss' : _this$props$format;
if (onChange) {
onChange(value, value && value.format(format) || '');
}
};
_this.renderTimePicker = function (locale) {
return React.createElement(_configProvider.ConfigConsumer, null, function (_ref2) {
var getContextPopupContainer = _ref2.getPopupContainer,
getPrefixCls = _ref2.getPrefixCls;
var _a = _this.props,
getPopupContainer = _a.getPopupContainer,
customizePrefixCls = _a.prefixCls,
className = _a.className,
addon = _a.addon,
placeholder = _a.placeholder,
props = __rest(_a, ["getPopupContainer", "prefixCls", "className", "addon", "placeholder"]);
var size = props.size;
var pickerProps = (0, _omit["default"])(props, ['defaultValue', 'suffixIcon', 'allowEmpty', 'allowClear']);
var format = _this.getDefaultFormat();
var prefixCls = getPrefixCls('time-picker', customizePrefixCls);
var pickerClassName = (0, _classnames["default"])(className, _defineProperty({}, "".concat(prefixCls, "-").concat(size), !!size));
var pickerAddon = function pickerAddon(panel) {
return addon ? React.createElement("div", {
className: "".concat(prefixCls, "-panel-addon")
}, addon(panel)) : null;
};
return React.createElement(_TimePicker["default"], _extends({}, generateShowHourMinuteSecond(format), pickerProps, {
allowEmpty: _this.getAllowClear(),
prefixCls: prefixCls,
getPopupContainer: getPopupContainer || getContextPopupContainer,
ref: _this.saveTimePicker,
format: format,
className: pickerClassName,
value: _this.state.value,
placeholder: placeholder === undefined ? locale.placeholder : placeholder,
onChange: _this.handleChange,
onOpen: _this.handleOpenClose,
onClose: _this.handleOpenClose,
addon: pickerAddon,
inputIcon: _this.renderInputIcon(prefixCls),
clearIcon: _this.renderClearIcon(prefixCls)
}));
});
};
var value = props.value || props.defaultValue;
if (value && !(0, _interopDefault["default"])(moment).isMoment(value)) {
throw new Error('The value/defaultValue of TimePicker must be a moment object after `antd@2.0`, ' + 'see: https://u.ant.design/time-picker-value');
}
_this.state = {
value: value
};
(0, _warning["default"])(!('allowEmpty' in props), 'TimePicker', '`allowEmpty` is deprecated. Please use `allowClear` instead.');
return _this;
}
_createClass(TimePicker, [{
key: "getDefaultFormat",
value: function getDefaultFormat() {
var _this$props2 = this.props,
format = _this$props2.format,
use12Hours = _this$props2.use12Hours;
if (format) {
return format;
}
if (use12Hours) {
return 'h:mm:ss a';
}
return 'HH:mm:ss';
}
}, {
key: "getAllowClear",
value: function getAllowClear() {
var _this$props3 = this.props,
allowClear = _this$props3.allowClear,
allowEmpty = _this$props3.allowEmpty;
if ('allowClear' in this.props) {
return allowClear;
}
return allowEmpty;
}
}, {
key: "focus",
value: function focus() {
this.timePickerRef.focus();
}
}, {
key: "blur",
value: function blur() {
this.timePickerRef.blur();
}
}, {
key: "renderInputIcon",
value: function renderInputIcon(prefixCls) {
var suffixIcon = this.props.suffixIcon;
var clockIcon = suffixIcon && React.isValidElement(suffixIcon) && React.cloneElement(suffixIcon, {
className: (0, _classnames["default"])(suffixIcon.props.className, "".concat(prefixCls, "-clock-icon"))
}) || React.createElement(_icon["default"], {
type: "clock-circle",
className: "".concat(prefixCls, "-clock-icon")
});
return React.createElement("span", {
className: "".concat(prefixCls, "-icon")
}, clockIcon);
}
}, {
key: "renderClearIcon",
value: function renderClearIcon(prefixCls) {
var clearIcon = this.props.clearIcon;
var clearIconPrefixCls = "".concat(prefixCls, "-clear");
if (clearIcon && React.isValidElement(clearIcon)) {
return React.cloneElement(clearIcon, {
className: (0, _classnames["default"])(clearIcon.props.className, clearIconPrefixCls)
});
}
return React.createElement(_icon["default"], {
type: "close-circle",
className: clearIconPrefixCls,
theme: "filled"
});
}
}, {
key: "render",
value: function render() {
return React.createElement(_LocaleReceiver["default"], {
componentName: "TimePicker",
defaultLocale: this.getDefaultLocale()
}, this.renderTimePicker);
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(nextProps) {
if ('value' in nextProps) {
return {
value: nextProps.value
};
}
return null;
}
}]);
return TimePicker;
}(React.Component);
TimePicker.defaultProps = {
align: {
offset: [0, -2]
},
disabledHours: undefined,
disabledMinutes: undefined,
disabledSeconds: undefined,
hideDisabledOptions: false,
placement: 'bottomLeft',
transitionName: 'slide-up',
focusOnOpen: true
};
(0, _reactLifecyclesCompat.polyfill)(TimePicker);
var _default = TimePicker;
exports["default"] = _default;
//# sourceMappingURL=index.js.map
/***/ }),
/***/ 1333:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _rcTrigger = _interopRequireDefault(__webpack_require__(89));
var _moment = _interopRequireDefault(__webpack_require__(86));
var _reactLifecyclesCompat = __webpack_require__(7);
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _Panel = _interopRequireDefault(__webpack_require__(1103));
var _placements = _interopRequireDefault(__webpack_require__(1334));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function noop() {}
function refFn(field, component) {
this[field] = component;
}
var Picker =
/*#__PURE__*/
function (_Component) {
_inherits(Picker, _Component);
function Picker(props) {
var _this;
_classCallCheck(this, Picker);
_this = _possibleConstructorReturn(this, _getPrototypeOf(Picker).call(this, props));
_defineProperty(_assertThisInitialized(_this), "onPanelChange", function (value) {
_this.setValue(value);
});
_defineProperty(_assertThisInitialized(_this), "onAmPmChange", function (ampm) {
var onAmPmChange = _this.props.onAmPmChange;
onAmPmChange(ampm);
});
_defineProperty(_assertThisInitialized(_this), "onClear", function (event) {
event.stopPropagation();
_this.setValue(null);
_this.setOpen(false);
});
_defineProperty(_assertThisInitialized(_this), "onVisibleChange", function (open) {
_this.setOpen(open);
});
_defineProperty(_assertThisInitialized(_this), "onEsc", function () {
_this.setOpen(false);
_this.focus();
});
_defineProperty(_assertThisInitialized(_this), "onKeyDown", function (e) {
if (e.keyCode === 40) {
_this.setOpen(true);
}
});
_this.saveInputRef = refFn.bind(_assertThisInitialized(_this), 'picker');
_this.savePanelRef = refFn.bind(_assertThisInitialized(_this), 'panelInstance');
var defaultOpen = props.defaultOpen,
defaultValue = props.defaultValue,
_props$open = props.open,
_open = _props$open === void 0 ? defaultOpen : _props$open,
_props$value = props.value,
_value = _props$value === void 0 ? defaultValue : _props$value;
_this.state = {
open: _open,
value: _value
};
return _this;
}
_createClass(Picker, [{
key: "setValue",
value: function setValue(value) {
var onChange = this.props.onChange;
if (!('value' in this.props)) {
this.setState({
value: value
});
}
onChange(value);
}
}, {
key: "getFormat",
value: function getFormat() {
var _this$props = this.props,
format = _this$props.format,
showHour = _this$props.showHour,
showMinute = _this$props.showMinute,
showSecond = _this$props.showSecond,
use12Hours = _this$props.use12Hours;
if (format) {
return format;
}
if (use12Hours) {
var fmtString = [showHour ? 'h' : '', showMinute ? 'mm' : '', showSecond ? 'ss' : ''].filter(function (item) {
return !!item;
}).join(':');
return fmtString.concat(' a');
}
return [showHour ? 'HH' : '', showMinute ? 'mm' : '', showSecond ? 'ss' : ''].filter(function (item) {
return !!item;
}).join(':');
}
}, {
key: "getPanelElement",
value: function getPanelElement() {
var _this$props2 = this.props,
prefixCls = _this$props2.prefixCls,
placeholder = _this$props2.placeholder,
disabledHours = _this$props2.disabledHours,
disabledMinutes = _this$props2.disabledMinutes,
disabledSeconds = _this$props2.disabledSeconds,
hideDisabledOptions = _this$props2.hideDisabledOptions,
inputReadOnly = _this$props2.inputReadOnly,
showHour = _this$props2.showHour,
showMinute = _this$props2.showMinute,
showSecond = _this$props2.showSecond,
defaultOpenValue = _this$props2.defaultOpenValue,
clearText = _this$props2.clearText,
addon = _this$props2.addon,
use12Hours = _this$props2.use12Hours,
focusOnOpen = _this$props2.focusOnOpen,
onKeyDown = _this$props2.onKeyDown,
hourStep = _this$props2.hourStep,
minuteStep = _this$props2.minuteStep,
secondStep = _this$props2.secondStep,
clearIcon = _this$props2.clearIcon;
var value = this.state.value;
return _react["default"].createElement(_Panel["default"], {
clearText: clearText,
prefixCls: "".concat(prefixCls, "-panel"),
ref: this.savePanelRef,
value: value,
inputReadOnly: inputReadOnly,
onChange: this.onPanelChange,
onAmPmChange: this.onAmPmChange,
defaultOpenValue: defaultOpenValue,
showHour: showHour,
showMinute: showMinute,
showSecond: showSecond,
onEsc: this.onEsc,
format: this.getFormat(),
placeholder: placeholder,
disabledHours: disabledHours,
disabledMinutes: disabledMinutes,
disabledSeconds: disabledSeconds,
hideDisabledOptions: hideDisabledOptions,
use12Hours: use12Hours,
hourStep: hourStep,
minuteStep: minuteStep,
secondStep: secondStep,
addon: addon,
focusOnOpen: focusOnOpen,
onKeyDown: onKeyDown,
clearIcon: clearIcon
});
}
}, {
key: "getPopupClassName",
value: function getPopupClassName() {
var _this$props3 = this.props,
showHour = _this$props3.showHour,
showMinute = _this$props3.showMinute,
showSecond = _this$props3.showSecond,
use12Hours = _this$props3.use12Hours,
prefixCls = _this$props3.prefixCls,
popupClassName = _this$props3.popupClassName;
var selectColumnCount = 0;
if (showHour) {
selectColumnCount += 1;
}
if (showMinute) {
selectColumnCount += 1;
}
if (showSecond) {
selectColumnCount += 1;
}
if (use12Hours) {
selectColumnCount += 1;
} // Keep it for old compatibility
return (0, _classnames["default"])(popupClassName, _defineProperty({}, "".concat(prefixCls, "-panel-narrow"), (!showHour || !showMinute || !showSecond) && !use12Hours), "".concat(prefixCls, "-panel-column-").concat(selectColumnCount));
}
}, {
key: "setOpen",
value: function setOpen(open) {
var _this$props4 = this.props,
onOpen = _this$props4.onOpen,
onClose = _this$props4.onClose;
var currentOpen = this.state.open;
if (currentOpen !== open) {
if (!('open' in this.props)) {
this.setState({
open: open
});
}
if (open) {
onOpen({
open: open
});
} else {
onClose({
open: open
});
}
}
}
}, {
key: "focus",
value: function focus() {
this.picker.focus();
}
}, {
key: "blur",
value: function blur() {
this.picker.blur();
}
}, {
key: "renderClearButton",
value: function renderClearButton() {
var _this2 = this;
var value = this.state.value;
var _this$props5 = this.props,
prefixCls = _this$props5.prefixCls,
allowEmpty = _this$props5.allowEmpty,
clearIcon = _this$props5.clearIcon,
clearText = _this$props5.clearText,
disabled = _this$props5.disabled;
if (!allowEmpty || !value || disabled) {
return null;
}
if (_react["default"].isValidElement(clearIcon)) {
var _ref = clearIcon.props || {},
_onClick = _ref.onClick;
return _react["default"].cloneElement(clearIcon, {
onClick: function onClick() {
if (_onClick) _onClick.apply(void 0, arguments);
_this2.onClear.apply(_this2, arguments);
}
});
}
return _react["default"].createElement("a", {
role: "button",
className: "".concat(prefixCls, "-clear"),
title: clearText,
onClick: this.onClear,
tabIndex: 0
}, clearIcon || _react["default"].createElement("i", {
className: "".concat(prefixCls, "-clear-icon")
}));
}
}, {
key: "render",
value: function render() {
var _this$props6 = this.props,
prefixCls = _this$props6.prefixCls,
placeholder = _this$props6.placeholder,
placement = _this$props6.placement,
align = _this$props6.align,
id = _this$props6.id,
disabled = _this$props6.disabled,
transitionName = _this$props6.transitionName,
style = _this$props6.style,
className = _this$props6.className,
getPopupContainer = _this$props6.getPopupContainer,
name = _this$props6.name,
autoComplete = _this$props6.autoComplete,
onFocus = _this$props6.onFocus,
onBlur = _this$props6.onBlur,
autoFocus = _this$props6.autoFocus,
inputReadOnly = _this$props6.inputReadOnly,
inputIcon = _this$props6.inputIcon,
popupStyle = _this$props6.popupStyle;
var _this$state = this.state,
open = _this$state.open,
value = _this$state.value;
var popupClassName = this.getPopupClassName();
return _react["default"].createElement(_rcTrigger["default"], {
prefixCls: "".concat(prefixCls, "-panel"),
popupClassName: popupClassName,
popupStyle: popupStyle,
popup: this.getPanelElement(),
popupAlign: align,
builtinPlacements: _placements["default"],
popupPlacement: placement,
action: disabled ? [] : ['click'],
destroyPopupOnHide: true,
getPopupContainer: getPopupContainer,
popupTransitionName: transitionName,
popupVisible: open,
onPopupVisibleChange: this.onVisibleChange
}, _react["default"].createElement("span", {
className: (0, _classnames["default"])(prefixCls, className),
style: style
}, _react["default"].createElement("input", {
className: "".concat(prefixCls, "-input"),
ref: this.saveInputRef,
type: "text",
placeholder: placeholder,
name: name,
onKeyDown: this.onKeyDown,
disabled: disabled,
value: value && value.format(this.getFormat()) || '',
autoComplete: autoComplete,
onFocus: onFocus,
onBlur: onBlur,
autoFocus: autoFocus,
onChange: noop,
readOnly: !!inputReadOnly,
id: id
}), inputIcon || _react["default"].createElement("span", {
className: "".concat(prefixCls, "-icon")
}), this.renderClearButton()));
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(props, state) {
var newState = {};
if ('value' in props) {
newState.value = props.value;
}
if (props.open !== undefined) {
newState.open = props.open;
}
return Object.keys(newState).length > 0 ? _objectSpread({}, state, {}, newState) : null;
}
}]);
return Picker;
}(_react.Component);
_defineProperty(Picker, "propTypes", {
prefixCls: _propTypes["default"].string,
clearText: _propTypes["default"].string,
value: _propTypes["default"].object,
defaultOpenValue: _propTypes["default"].object,
inputReadOnly: _propTypes["default"].bool,
disabled: _propTypes["default"].bool,
allowEmpty: _propTypes["default"].bool,
defaultValue: _propTypes["default"].object,
open: _propTypes["default"].bool,
defaultOpen: _propTypes["default"].bool,
align: _propTypes["default"].object,
placement: _propTypes["default"].any,
transitionName: _propTypes["default"].string,
getPopupContainer: _propTypes["default"].func,
placeholder: _propTypes["default"].string,
format: _propTypes["default"].string,
showHour: _propTypes["default"].bool,
showMinute: _propTypes["default"].bool,
showSecond: _propTypes["default"].bool,
style: _propTypes["default"].object,
className: _propTypes["default"].string,
popupClassName: _propTypes["default"].string,
popupStyle: _propTypes["default"].object,
disabledHours: _propTypes["default"].func,
disabledMinutes: _propTypes["default"].func,
disabledSeconds: _propTypes["default"].func,
hideDisabledOptions: _propTypes["default"].bool,
onChange: _propTypes["default"].func,
onAmPmChange: _propTypes["default"].func,
onOpen: _propTypes["default"].func,
onClose: _propTypes["default"].func,
onFocus: _propTypes["default"].func,
onBlur: _propTypes["default"].func,
addon: _propTypes["default"].func,
name: _propTypes["default"].string,
autoComplete: _propTypes["default"].string,
use12Hours: _propTypes["default"].bool,
hourStep: _propTypes["default"].number,
minuteStep: _propTypes["default"].number,
secondStep: _propTypes["default"].number,
focusOnOpen: _propTypes["default"].bool,
onKeyDown: _propTypes["default"].func,
autoFocus: _propTypes["default"].bool,
id: _propTypes["default"].string,
inputIcon: _propTypes["default"].node,
clearIcon: _propTypes["default"].node
});
_defineProperty(Picker, "defaultProps", {
clearText: 'clear',
prefixCls: 'rc-time-picker',
defaultOpen: false,
inputReadOnly: false,
style: {},
className: '',
popupClassName: '',
popupStyle: {},
align: {},
defaultOpenValue: (0, _moment["default"])(),
allowEmpty: true,
showHour: true,
showMinute: true,
showSecond: true,
disabledHours: noop,
disabledMinutes: noop,
disabledSeconds: noop,
hideDisabledOptions: false,
placement: 'bottomLeft',
onChange: noop,
onAmPmChange: noop,
onOpen: noop,
onClose: noop,
onFocus: noop,
onBlur: noop,
addon: noop,
use12Hours: false,
focusOnOpen: false,
onKeyDown: noop
});
(0, _reactLifecyclesCompat.polyfill)(Picker);
var _default = Picker;
exports["default"] = _default;
/***/ }),
/***/ 1334:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var autoAdjustOverflow = {
adjustX: 1,
adjustY: 1
};
var targetOffset = [0, 0];
var placements = {
bottomLeft: {
points: ['tl', 'tl'],
overflow: autoAdjustOverflow,
offset: [0, -3],
targetOffset: targetOffset
},
bottomRight: {
points: ['tr', 'tr'],
overflow: autoAdjustOverflow,
offset: [0, -3],
targetOffset: targetOffset
},
topRight: {
points: ['br', 'br'],
overflow: autoAdjustOverflow,
offset: [0, 3],
targetOffset: targetOffset
},
topLeft: {
points: ['bl', 'bl'],
overflow: autoAdjustOverflow,
offset: [0, 3],
targetOffset: targetOffset
}
};
var _default = placements;
exports["default"] = _default;
/***/ }),
/***/ 1335:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var React = _interopRequireWildcard(__webpack_require__(0));
var moment = _interopRequireWildcard(__webpack_require__(86));
var _reactLifecyclesCompat = __webpack_require__(7);
var _RangeCalendar = _interopRequireDefault(__webpack_require__(1336));
var _Picker = _interopRequireDefault(__webpack_require__(981));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _shallowequal = _interopRequireDefault(__webpack_require__(60));
var _icon = _interopRequireDefault(__webpack_require__(26));
var _tag = _interopRequireDefault(__webpack_require__(1220));
var _configProvider = __webpack_require__(12);
var _warning = _interopRequireDefault(__webpack_require__(40));
var _interopDefault = _interopRequireDefault(__webpack_require__(325));
var _utils = __webpack_require__(1102);
var _InputIcon = _interopRequireDefault(__webpack_require__(1104));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function getShowDateFromValue(value, mode) {
var _value = _slicedToArray(value, 2),
start = _value[0],
end = _value[1]; // value could be an empty array, then we should not reset showDate
if (!start && !end) {
return;
}
if (mode && mode[0] === 'month') {
return [start, end];
}
var newEnd = end && end.isSame(start, 'month') ? end.clone().add(1, 'month') : end;
return [start, newEnd];
}
function pickerValueAdapter(value) {
if (!value) {
return;
}
if (Array.isArray(value)) {
return value;
}
return [value, value.clone().add(1, 'month')];
}
function isEmptyArray(arr) {
if (Array.isArray(arr)) {
return arr.length === 0 || arr.every(function (i) {
return !i;
});
}
return false;
}
function fixLocale(value, localeCode) {
if (!localeCode) {
return;
}
if (!value || value.length === 0) {
return;
}
var _value2 = _slicedToArray(value, 2),
start = _value2[0],
end = _value2[1];
if (start) {
start.locale(localeCode);
}
if (end) {
end.locale(localeCode);
}
}
var RangePicker =
/*#__PURE__*/
function (_React$Component) {
_inherits(RangePicker, _React$Component);
function RangePicker(props) {
var _this;
_classCallCheck(this, RangePicker);
_this = _possibleConstructorReturn(this, _getPrototypeOf(RangePicker).call(this, props));
_this.savePicker = function (node) {
_this.picker = node;
};
_this.clearSelection = function (e) {
e.preventDefault();
e.stopPropagation();
_this.setState({
value: []
});
_this.handleChange([]);
};
_this.clearHoverValue = function () {
return _this.setState({
hoverValue: []
});
};
_this.handleChange = function (value) {
var _assertThisInitialize = _assertThisInitialized(_this),
props = _assertThisInitialize.props;
if (!('value' in props)) {
_this.setState(function (_ref) {
var showDate = _ref.showDate;
return {
value: value,
showDate: getShowDateFromValue(value) || showDate
};
});
}
if (value[0] && value[1] && value[0].diff(value[1]) > 0) {
value[1] = undefined;
}
var _value3 = _slicedToArray(value, 2),
start = _value3[0],
end = _value3[1];
if (typeof props.onChange === 'function') {
props.onChange(value, [(0, _utils.formatDate)(start, props.format), (0, _utils.formatDate)(end, props.format)]);
}
};
_this.handleOpenChange = function (open) {
if (!('open' in _this.props)) {
_this.setState({
open: open
});
}
if (open === false) {
_this.clearHoverValue();
}
var onOpenChange = _this.props.onOpenChange;
if (onOpenChange) {
onOpenChange(open);
}
};
_this.handleShowDateChange = function (showDate) {
return _this.setState({
showDate: showDate
});
};
_this.handleHoverChange = function (hoverValue) {
return _this.setState({
hoverValue: hoverValue
});
};
_this.handleRangeMouseLeave = function () {
if (_this.state.open) {
_this.clearHoverValue();
}
};
_this.handleCalendarInputSelect = function (value) {
var _value4 = _slicedToArray(value, 1),
start = _value4[0];
if (!start) {
return;
}
_this.setState(function (_ref2) {
var showDate = _ref2.showDate;
return {
value: value,
showDate: getShowDateFromValue(value) || showDate
};
});
};
_this.handleRangeClick = function (value) {
if (typeof value === 'function') {
value = value();
}
_this.setValue(value, true);
var _this$props = _this.props,
onOk = _this$props.onOk,
onOpenChange = _this$props.onOpenChange;
if (onOk) {
onOk(value);
}
if (onOpenChange) {
onOpenChange(false);
}
};
_this.renderFooter = function () {
var _this$props2 = _this.props,
ranges = _this$props2.ranges,
renderExtraFooter = _this$props2.renderExtraFooter;
var _assertThisInitialize2 = _assertThisInitialized(_this),
prefixCls = _assertThisInitialize2.prefixCls,
tagPrefixCls = _assertThisInitialize2.tagPrefixCls;
if (!ranges && !renderExtraFooter) {
return null;
}
var customFooter = renderExtraFooter ? React.createElement("div", {
className: "".concat(prefixCls, "-footer-extra"),
key: "extra"
}, renderExtraFooter()) : null;
var operations = ranges && Object.keys(ranges).map(function (range) {
var value = ranges[range];
var hoverValue = typeof value === 'function' ? value.call(_assertThisInitialized(_this)) : value;
return React.createElement(_tag["default"], {
key: range,
prefixCls: tagPrefixCls,
color: "blue",
onClick: function onClick() {
return _this.handleRangeClick(value);
},
onMouseEnter: function onMouseEnter() {
return _this.setState({
hoverValue: hoverValue
});
},
onMouseLeave: _this.handleRangeMouseLeave
}, range);
});
var rangeNode = operations && operations.length > 0 ? React.createElement("div", {
className: "".concat(prefixCls, "-footer-extra ").concat(prefixCls, "-range-quick-selector"),
key: "range"
}, operations) : null;
return [rangeNode, customFooter];
};
_this.renderRangePicker = function (_ref3) {
var _classNames;
var getPrefixCls = _ref3.getPrefixCls;
var _assertThisInitialize3 = _assertThisInitialized(_this),
state = _assertThisInitialize3.state,
props = _assertThisInitialize3.props;
var value = state.value,
showDate = state.showDate,
hoverValue = state.hoverValue,
open = state.open;
var customizePrefixCls = props.prefixCls,
customizeTagPrefixCls = props.tagPrefixCls,
popupStyle = props.popupStyle,
style = props.style,
disabledDate = props.disabledDate,
disabledTime = props.disabledTime,
showTime = props.showTime,
showToday = props.showToday,
ranges = props.ranges,
onOk = props.onOk,
locale = props.locale,
localeCode = props.localeCode,
format = props.format,
dateRender = props.dateRender,
onCalendarChange = props.onCalendarChange,
suffixIcon = props.suffixIcon,
separator = props.separator;
var prefixCls = getPrefixCls('calendar', customizePrefixCls);
var tagPrefixCls = getPrefixCls('tag', customizeTagPrefixCls); // To support old version react.
// Have to add prefixCls on the instance.
// https://github.com/facebook/react/issues/12397
_this.prefixCls = prefixCls;
_this.tagPrefixCls = tagPrefixCls;
fixLocale(value, localeCode);
fixLocale(showDate, localeCode);
(0, _warning["default"])(!('onOK' in props), 'RangePicker', 'It should be `RangePicker[onOk]`, instead of `onOK`!');
var calendarClassName = (0, _classnames["default"])((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-time"), showTime), _defineProperty(_classNames, "".concat(prefixCls, "-range-with-ranges"), ranges), _classNames)); // 需要选择时间时,点击 ok 时才触发 onChange
var pickerChangeHandler = {
onChange: _this.handleChange
};
var calendarProps = {
onOk: _this.handleChange
};
if (props.timePicker) {
pickerChangeHandler.onChange = function (changedValue) {
return _this.handleChange(changedValue);
};
} else {
calendarProps = {};
}
if ('mode' in props) {
calendarProps.mode = props.mode;
}
var startPlaceholder = Array.isArray(props.placeholder) ? props.placeholder[0] : locale.lang.rangePlaceholder[0];
var endPlaceholder = Array.isArray(props.placeholder) ? props.placeholder[1] : locale.lang.rangePlaceholder[1];
var calendar = React.createElement(_RangeCalendar["default"], _extends({}, calendarProps, {
seperator: separator,
onChange: onCalendarChange,
format: format,
prefixCls: prefixCls,
className: calendarClassName,
renderFooter: _this.renderFooter,
timePicker: props.timePicker,
disabledDate: disabledDate,
disabledTime: disabledTime,
dateInputPlaceholder: [startPlaceholder, endPlaceholder],
locale: locale.lang,
onOk: onOk,
dateRender: dateRender,
value: showDate,
onValueChange: _this.handleShowDateChange,
hoverValue: hoverValue,
onHoverChange: _this.handleHoverChange,
onPanelChange: props.onPanelChange,
showToday: showToday,
onInputSelect: _this.handleCalendarInputSelect
})); // default width for showTime
var pickerStyle = {};
if (props.showTime) {
pickerStyle.width = style && style.width || 350;
}
var _value5 = _slicedToArray(value, 2),
startValue = _value5[0],
endValue = _value5[1];
var clearIcon = !props.disabled && props.allowClear && value && (startValue || endValue) ? React.createElement(_icon["default"], {
type: "close-circle",
className: "".concat(prefixCls, "-picker-clear"),
onClick: _this.clearSelection,
theme: "filled"
}) : null;
var inputIcon = React.createElement(_InputIcon["default"], {
suffixIcon: suffixIcon,
prefixCls: prefixCls
});
var input = function input(_ref4) {
var inputValue = _ref4.value;
var _inputValue = _slicedToArray(inputValue, 2),
start = _inputValue[0],
end = _inputValue[1];
return React.createElement("span", {
className: props.pickerInputClass
}, React.createElement("input", {
disabled: props.disabled,
readOnly: true,
value: (0, _utils.formatDate)(start, props.format),
placeholder: startPlaceholder,
className: "".concat(prefixCls, "-range-picker-input"),
tabIndex: -1
}), React.createElement("span", {
className: "".concat(prefixCls, "-range-picker-separator")
}, " ", separator, " "), React.createElement("input", {
disabled: props.disabled,
readOnly: true,
value: (0, _utils.formatDate)(end, props.format),
placeholder: endPlaceholder,
className: "".concat(prefixCls, "-range-picker-input"),
tabIndex: -1
}), clearIcon, inputIcon);
};
return React.createElement("span", {
ref: _this.savePicker,
id: typeof props.id === 'number' ? props.id.toString() : props.id,
className: (0, _classnames["default"])(props.className, props.pickerClass),
style: _extends(_extends({}, style), pickerStyle),
tabIndex: props.disabled ? -1 : 0,
onFocus: props.onFocus,
onBlur: props.onBlur,
onMouseEnter: props.onMouseEnter,
onMouseLeave: props.onMouseLeave
}, React.createElement(_Picker["default"], _extends({}, props, pickerChangeHandler, {
calendar: calendar,
value: value,
open: open,
onOpenChange: _this.handleOpenChange,
prefixCls: "".concat(prefixCls, "-picker-container"),
style: popupStyle
}), input));
};
var value = props.value || props.defaultValue || [];
var _value6 = _slicedToArray(value, 2),
start = _value6[0],
end = _value6[1];
if (start && !(0, _interopDefault["default"])(moment).isMoment(start) || end && !(0, _interopDefault["default"])(moment).isMoment(end)) {
throw new Error('The value/defaultValue of RangePicker must be a moment object array after `antd@2.0`, ' + 'see: https://u.ant.design/date-picker-value');
}
var pickerValue = !value || isEmptyArray(value) ? props.defaultPickerValue : value;
_this.state = {
value: value,
showDate: pickerValueAdapter(pickerValue || (0, _interopDefault["default"])(moment)()),
open: props.open,
hoverValue: []
};
return _this;
}
_createClass(RangePicker, [{
key: "componentDidUpdate",
value: function componentDidUpdate(_, prevState) {
if (!('open' in this.props) && prevState.open && !this.state.open) {
this.focus();
}
}
}, {
key: "setValue",
value: function setValue(value, hidePanel) {
this.handleChange(value);
if ((hidePanel || !this.props.showTime) && !('open' in this.props)) {
this.setState({
open: false
});
}
}
}, {
key: "focus",
value: function focus() {
this.picker.focus();
}
}, {
key: "blur",
value: function blur() {
this.picker.blur();
}
}, {
key: "render",
value: function render() {
return React.createElement(_configProvider.ConfigConsumer, null, this.renderRangePicker);
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(nextProps, prevState) {
var state = null;
if ('value' in nextProps) {
var value = nextProps.value || [];
state = {
value: value
};
if (!(0, _shallowequal["default"])(nextProps.value, prevState.value)) {
state = _extends(_extends({}, state), {
showDate: getShowDateFromValue(value, nextProps.mode) || prevState.showDate
});
}
}
if ('open' in nextProps && prevState.open !== nextProps.open) {
state = _extends(_extends({}, state), {
open: nextProps.open
});
}
return state;
}
}]);
return RangePicker;
}(React.Component);
RangePicker.defaultProps = {
allowClear: true,
showToday: false,
separator: '~'
};
(0, _reactLifecyclesCompat.polyfill)(RangePicker);
var _default = RangePicker;
exports["default"] = _default;
//# sourceMappingURL=RangePicker.js.map
/***/ }),
/***/ 1336:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(18);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _moment = __webpack_require__(86);
var _moment2 = _interopRequireDefault(_moment);
var _classnames2 = __webpack_require__(3);
var _classnames3 = _interopRequireDefault(_classnames2);
var _reactLifecyclesCompat = __webpack_require__(7);
var _KeyCode = __webpack_require__(923);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
var _CalendarPart = __webpack_require__(1337);
var _CalendarPart2 = _interopRequireDefault(_CalendarPart);
var _TodayButton = __webpack_require__(1099);
var _TodayButton2 = _interopRequireDefault(_TodayButton);
var _OkButton = __webpack_require__(1100);
var _OkButton2 = _interopRequireDefault(_OkButton);
var _TimePickerButton = __webpack_require__(1101);
var _TimePickerButton2 = _interopRequireDefault(_TimePickerButton);
var _CommonMixin = __webpack_require__(1080);
var _util = __webpack_require__(886);
var _toTime = __webpack_require__(1339);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function noop() {}
function isEmptyArray(arr) {
return Array.isArray(arr) && (arr.length === 0 || arr.every(function (i) {
return !i;
}));
}
function isArraysEqual(a, b) {
if (a === b) return true;
if (a === null || typeof a === 'undefined' || b === null || typeof b === 'undefined') {
return false;
}
if (a.length !== b.length) return false;
for (var i = 0; i < a.length; ++i) {
if (a[i] !== b[i]) return false;
}
return true;
}
function getValueFromSelectedValue(selectedValue) {
var start = selectedValue[0],
end = selectedValue[1];
if (end && (start === undefined || start === null)) {
start = end.clone().subtract(1, 'month');
}
if (start && (end === undefined || end === null)) {
end = start.clone().add(1, 'month');
}
return [start, end];
}
function normalizeAnchor(props, init) {
var selectedValue = props.selectedValue || init && props.defaultSelectedValue;
var value = props.value || init && props.defaultValue;
var normalizedValue = value ? getValueFromSelectedValue(value) : getValueFromSelectedValue(selectedValue);
return !isEmptyArray(normalizedValue) ? normalizedValue : init && [(0, _moment2['default'])(), (0, _moment2['default'])().add(1, 'months')];
}
function generateOptions(length, extraOptionGen) {
var arr = extraOptionGen ? extraOptionGen().concat() : [];
for (var value = 0; value < length; value++) {
if (arr.indexOf(value) === -1) {
arr.push(value);
}
}
return arr;
}
function onInputSelect(direction, value, cause) {
if (!value) {
return;
}
var originalValue = this.state.selectedValue;
var selectedValue = originalValue.concat();
var index = direction === 'left' ? 0 : 1;
selectedValue[index] = value;
if (selectedValue[0] && this.compare(selectedValue[0], selectedValue[1]) > 0) {
selectedValue[1 - index] = this.state.showTimePicker ? selectedValue[index] : undefined;
}
this.props.onInputSelect(selectedValue);
this.fireSelectValueChange(selectedValue, null, cause || { source: 'dateInput' });
}
var RangeCalendar = function (_React$Component) {
(0, _inherits3['default'])(RangeCalendar, _React$Component);
function RangeCalendar(props) {
(0, _classCallCheck3['default'])(this, RangeCalendar);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
_initialiseProps.call(_this);
var selectedValue = props.selectedValue || props.defaultSelectedValue;
var value = normalizeAnchor(props, 1);
_this.state = {
selectedValue: selectedValue,
prevSelectedValue: selectedValue,
firstSelectedValue: null,
hoverValue: props.hoverValue || [],
value: value,
showTimePicker: false,
mode: props.mode || ['date', 'date'],
panelTriggerSource: '' // Trigger by which picker panel: 'start' & 'end'
};
return _this;
}
RangeCalendar.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {
var newState = {};
if ('value' in nextProps) {
newState.value = normalizeAnchor(nextProps, 0);
}
if ('hoverValue' in nextProps && !isArraysEqual(state.hoverValue, nextProps.hoverValue)) {
newState.hoverValue = nextProps.hoverValue;
}
if ('selectedValue' in nextProps) {
newState.selectedValue = nextProps.selectedValue;
newState.prevSelectedValue = nextProps.selectedValue;
}
if ('mode' in nextProps && !isArraysEqual(state.mode, nextProps.mode)) {
newState.mode = nextProps.mode;
}
return newState;
};
// get disabled hours for second picker
RangeCalendar.prototype.render = function render() {
var _className, _classnames;
var props = this.props,
state = this.state;
var prefixCls = props.prefixCls,
dateInputPlaceholder = props.dateInputPlaceholder,
seperator = props.seperator,
timePicker = props.timePicker,
showOk = props.showOk,
locale = props.locale,
showClear = props.showClear,
showToday = props.showToday,
type = props.type,
clearIcon = props.clearIcon;
var hoverValue = state.hoverValue,
selectedValue = state.selectedValue,
mode = state.mode,
showTimePicker = state.showTimePicker;
var className = (_className = {}, _className[props.className] = !!props.className, _className[prefixCls] = 1, _className[prefixCls + '-hidden'] = !props.visible, _className[prefixCls + '-range'] = 1, _className[prefixCls + '-show-time-picker'] = showTimePicker, _className[prefixCls + '-week-number'] = props.showWeekNumber, _className);
var classes = (0, _classnames3['default'])(className);
var newProps = {
selectedValue: state.selectedValue,
onSelect: this.onSelect,
onDayHover: type === 'start' && selectedValue[1] || type === 'end' && selectedValue[0] || !!hoverValue.length ? this.onDayHover : undefined
};
var placeholder1 = void 0;
var placeholder2 = void 0;
if (dateInputPlaceholder) {
if (Array.isArray(dateInputPlaceholder)) {
placeholder1 = dateInputPlaceholder[0];
placeholder2 = dateInputPlaceholder[1];
} else {
placeholder1 = placeholder2 = dateInputPlaceholder;
}
}
var showOkButton = showOk === true || showOk !== false && !!timePicker;
var cls = (0, _classnames3['default'])((_classnames = {}, _classnames[prefixCls + '-footer'] = true, _classnames[prefixCls + '-range-bottom'] = true, _classnames[prefixCls + '-footer-show-ok'] = showOkButton, _classnames));
var startValue = this.getStartValue();
var endValue = this.getEndValue();
var todayTime = (0, _util.getTodayTime)(startValue);
var thisMonth = todayTime.month();
var thisYear = todayTime.year();
var isTodayInView = startValue.year() === thisYear && startValue.month() === thisMonth || endValue.year() === thisYear && endValue.month() === thisMonth;
var nextMonthOfStart = startValue.clone().add(1, 'months');
var isClosestMonths = nextMonthOfStart.year() === endValue.year() && nextMonthOfStart.month() === endValue.month();
var extraFooter = props.renderFooter();
return _react2['default'].createElement(
'div',
{
ref: this.saveRoot,
className: classes,
style: props.style,
tabIndex: '0',
onKeyDown: this.onKeyDown
},
props.renderSidebar(),
_react2['default'].createElement(
'div',
{ className: prefixCls + '-panel' },
showClear && selectedValue[0] && selectedValue[1] ? _react2['default'].createElement(
'a',
{
role: 'button',
title: locale.clear,
onClick: this.clear
},
clearIcon || _react2['default'].createElement('span', { className: prefixCls + '-clear-btn' })
) : null,
_react2['default'].createElement(
'div',
{
className: prefixCls + '-date-panel',
onMouseLeave: type !== 'both' ? this.onDatePanelLeave : undefined,
onMouseEnter: type !== 'both' ? this.onDatePanelEnter : undefined
},
_react2['default'].createElement(_CalendarPart2['default'], (0, _extends3['default'])({}, props, newProps, {
hoverValue: hoverValue,
direction: 'left',
disabledTime: this.disabledStartTime,
disabledMonth: this.disabledStartMonth,
format: this.getFormat(),
value: startValue,
mode: mode[0],
placeholder: placeholder1,
onInputChange: this.onStartInputChange,
onInputSelect: this.onStartInputSelect,
onValueChange: this.onStartValueChange,
onPanelChange: this.onStartPanelChange,
showDateInput: this.props.showDateInput,
timePicker: timePicker,
showTimePicker: showTimePicker || mode[0] === 'time',
enablePrev: true,
enableNext: !isClosestMonths || this.isMonthYearPanelShow(mode[1]),
clearIcon: clearIcon
})),
_react2['default'].createElement(
'span',
{ className: prefixCls + '-range-middle' },
seperator
),
_react2['default'].createElement(_CalendarPart2['default'], (0, _extends3['default'])({}, props, newProps, {
hoverValue: hoverValue,
direction: 'right',
format: this.getFormat(),
timePickerDisabledTime: this.getEndDisableTime(),
placeholder: placeholder2,
value: endValue,
mode: mode[1],
onInputChange: this.onEndInputChange,
onInputSelect: this.onEndInputSelect,
onValueChange: this.onEndValueChange,
onPanelChange: this.onEndPanelChange,
showDateInput: this.props.showDateInput,
timePicker: timePicker,
showTimePicker: showTimePicker || mode[1] === 'time',
disabledTime: this.disabledEndTime,
disabledMonth: this.disabledEndMonth,
enablePrev: !isClosestMonths || this.isMonthYearPanelShow(mode[0]),
enableNext: true,
clearIcon: clearIcon
}))
),
_react2['default'].createElement(
'div',
{ className: cls },
showToday || props.timePicker || showOkButton || extraFooter ? _react2['default'].createElement(
'div',
{ className: prefixCls + '-footer-btn' },
extraFooter,
showToday ? _react2['default'].createElement(_TodayButton2['default'], (0, _extends3['default'])({}, props, {
disabled: isTodayInView,
value: state.value[0],
onToday: this.onToday,
text: locale.backToToday
})) : null,
props.timePicker ? _react2['default'].createElement(_TimePickerButton2['default'], (0, _extends3['default'])({}, props, {
showTimePicker: showTimePicker || mode[0] === 'time' && mode[1] === 'time',
onOpenTimePicker: this.onOpenTimePicker,
onCloseTimePicker: this.onCloseTimePicker,
timePickerDisabled: !this.hasSelectedValue() || hoverValue.length
})) : null,
showOkButton ? _react2['default'].createElement(_OkButton2['default'], (0, _extends3['default'])({}, props, {
onOk: this.onOk,
okDisabled: !this.isAllowedDateAndTime(selectedValue) || !this.hasSelectedValue() || hoverValue.length
})) : null
) : null
)
)
);
};
return RangeCalendar;
}(_react2['default'].Component);
RangeCalendar.propTypes = (0, _extends3['default'])({}, _CommonMixin.propType, {
prefixCls: _propTypes2['default'].string,
dateInputPlaceholder: _propTypes2['default'].any,
seperator: _propTypes2['default'].string,
defaultValue: _propTypes2['default'].any,
value: _propTypes2['default'].any,
hoverValue: _propTypes2['default'].any,
mode: _propTypes2['default'].arrayOf(_propTypes2['default'].oneOf(['time', 'date', 'month', 'year', 'decade'])),
showDateInput: _propTypes2['default'].bool,
timePicker: _propTypes2['default'].any,
showOk: _propTypes2['default'].bool,
showToday: _propTypes2['default'].bool,
defaultSelectedValue: _propTypes2['default'].array,
selectedValue: _propTypes2['default'].array,
onOk: _propTypes2['default'].func,
showClear: _propTypes2['default'].bool,
locale: _propTypes2['default'].object,
onChange: _propTypes2['default'].func,
onSelect: _propTypes2['default'].func,
onValueChange: _propTypes2['default'].func,
onHoverChange: _propTypes2['default'].func,
onPanelChange: _propTypes2['default'].func,
format: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].arrayOf(_propTypes2['default'].string)]),
onClear: _propTypes2['default'].func,
type: _propTypes2['default'].any,
disabledDate: _propTypes2['default'].func,
disabledTime: _propTypes2['default'].func,
clearIcon: _propTypes2['default'].node,
onKeyDown: _propTypes2['default'].func
});
RangeCalendar.defaultProps = (0, _extends3['default'])({}, _CommonMixin.defaultProp, {
type: 'both',
seperator: '~',
defaultSelectedValue: [],
onValueChange: noop,
onHoverChange: noop,
onPanelChange: noop,
disabledTime: noop,
onInputSelect: noop,
showToday: true,
showDateInput: true
});
var _initialiseProps = function _initialiseProps() {
var _this2 = this;
this.onDatePanelEnter = function () {
if (_this2.hasSelectedValue()) {
_this2.fireHoverValueChange(_this2.state.selectedValue.concat());
}
};
this.onDatePanelLeave = function () {
if (_this2.hasSelectedValue()) {
_this2.fireHoverValueChange([]);
}
};
this.onSelect = function (value) {
var type = _this2.props.type;
var _state = _this2.state,
selectedValue = _state.selectedValue,
prevSelectedValue = _state.prevSelectedValue,
firstSelectedValue = _state.firstSelectedValue;
var nextSelectedValue = void 0;
if (type === 'both') {
if (!firstSelectedValue) {
(0, _util.syncTime)(prevSelectedValue[0], value);
nextSelectedValue = [value];
} else if (_this2.compare(firstSelectedValue, value) < 0) {
(0, _util.syncTime)(prevSelectedValue[1], value);
nextSelectedValue = [firstSelectedValue, value];
} else {
(0, _util.syncTime)(prevSelectedValue[0], value);
(0, _util.syncTime)(prevSelectedValue[1], firstSelectedValue);
nextSelectedValue = [value, firstSelectedValue];
}
} else if (type === 'start') {
(0, _util.syncTime)(prevSelectedValue[0], value);
var endValue = selectedValue[1];
nextSelectedValue = endValue && _this2.compare(endValue, value) > 0 ? [value, endValue] : [value];
} else {
// type === 'end'
var startValue = selectedValue[0];
if (startValue && _this2.compare(startValue, value) <= 0) {
(0, _util.syncTime)(prevSelectedValue[1], value);
nextSelectedValue = [startValue, value];
} else {
(0, _util.syncTime)(prevSelectedValue[0], value);
nextSelectedValue = [value];
}
}
_this2.fireSelectValueChange(nextSelectedValue);
};
this.onKeyDown = function (event) {
if (event.target.nodeName.toLowerCase() === 'input') {
return;
}
var keyCode = event.keyCode;
var ctrlKey = event.ctrlKey || event.metaKey;
var _state2 = _this2.state,
selectedValue = _state2.selectedValue,
hoverValue = _state2.hoverValue,
firstSelectedValue = _state2.firstSelectedValue,
value = _state2.value;
var _props = _this2.props,
onKeyDown = _props.onKeyDown,
disabledDate = _props.disabledDate;
// Update last time of the picker
var updateHoverPoint = function updateHoverPoint(func) {
// Change hover to make focus in UI
var currentHoverTime = void 0;
var nextHoverTime = void 0;
var nextHoverValue = void 0;
if (!firstSelectedValue) {
currentHoverTime = hoverValue[0] || selectedValue[0] || value[0] || (0, _moment2['default'])();
nextHoverTime = func(currentHoverTime);
nextHoverValue = [nextHoverTime];
_this2.fireHoverValueChange(nextHoverValue);
} else {
if (hoverValue.length === 1) {
currentHoverTime = hoverValue[0].clone();
nextHoverTime = func(currentHoverTime);
nextHoverValue = _this2.onDayHover(nextHoverTime);
} else {
currentHoverTime = hoverValue[0].isSame(firstSelectedValue, 'day') ? hoverValue[1] : hoverValue[0];
nextHoverTime = func(currentHoverTime);
nextHoverValue = _this2.onDayHover(nextHoverTime);
}
}
// Find origin hover time on value index
if (nextHoverValue.length >= 2) {
var miss = nextHoverValue.some(function (ht) {
return !(0, _toTime.includesTime)(value, ht, 'month');
});
if (miss) {
var newValue = nextHoverValue.slice().sort(function (t1, t2) {
return t1.valueOf() - t2.valueOf();
});
if (newValue[0].isSame(newValue[1], 'month')) {
newValue[1] = newValue[0].clone().add(1, 'month');
}
_this2.fireValueChange(newValue);
}
} else if (nextHoverValue.length === 1) {
// If only one value, let's keep the origin panel
var oriValueIndex = value.findIndex(function (time) {
return time.isSame(currentHoverTime, 'month');
});
if (oriValueIndex === -1) oriValueIndex = 0;
if (value.every(function (time) {
return !time.isSame(nextHoverTime, 'month');
})) {
var _newValue = value.slice();
_newValue[oriValueIndex] = nextHoverTime.clone();
_this2.fireValueChange(_newValue);
}
}
event.preventDefault();
return nextHoverTime;
};
switch (keyCode) {
case _KeyCode2['default'].DOWN:
updateHoverPoint(function (time) {
return (0, _toTime.goTime)(time, 1, 'weeks');
});
return;
case _KeyCode2['default'].UP:
updateHoverPoint(function (time) {
return (0, _toTime.goTime)(time, -1, 'weeks');
});
return;
case _KeyCode2['default'].LEFT:
if (ctrlKey) {
updateHoverPoint(function (time) {
return (0, _toTime.goTime)(time, -1, 'years');
});
} else {
updateHoverPoint(function (time) {
return (0, _toTime.goTime)(time, -1, 'days');
});
}
return;
case _KeyCode2['default'].RIGHT:
if (ctrlKey) {
updateHoverPoint(function (time) {
return (0, _toTime.goTime)(time, 1, 'years');
});
} else {
updateHoverPoint(function (time) {
return (0, _toTime.goTime)(time, 1, 'days');
});
}
return;
case _KeyCode2['default'].HOME:
updateHoverPoint(function (time) {
return (0, _toTime.goStartMonth)(time);
});
return;
case _KeyCode2['default'].END:
updateHoverPoint(function (time) {
return (0, _toTime.goEndMonth)(time);
});
return;
case _KeyCode2['default'].PAGE_DOWN:
updateHoverPoint(function (time) {
return (0, _toTime.goTime)(time, 1, 'month');
});
return;
case _KeyCode2['default'].PAGE_UP:
updateHoverPoint(function (time) {
return (0, _toTime.goTime)(time, -1, 'month');
});
return;
case _KeyCode2['default'].ENTER:
{
var lastValue = void 0;
if (hoverValue.length === 0) {
lastValue = updateHoverPoint(function (time) {
return time;
});
} else if (hoverValue.length === 1) {
lastValue = hoverValue[0];
} else {
lastValue = hoverValue[0].isSame(firstSelectedValue, 'day') ? hoverValue[1] : hoverValue[0];
}
if (lastValue && (!disabledDate || !disabledDate(lastValue))) {
_this2.onSelect(lastValue);
}
event.preventDefault();
return;
}
default:
if (onKeyDown) {
onKeyDown(event);
}
}
};
this.onDayHover = function (value) {
var hoverValue = [];
var _state3 = _this2.state,
selectedValue = _state3.selectedValue,
firstSelectedValue = _state3.firstSelectedValue;
var type = _this2.props.type;
if (type === 'start' && selectedValue[1]) {
hoverValue = _this2.compare(value, selectedValue[1]) < 0 ? [value, selectedValue[1]] : [value];
} else if (type === 'end' && selectedValue[0]) {
hoverValue = _this2.compare(value, selectedValue[0]) > 0 ? [selectedValue[0], value] : [];
} else {
if (!firstSelectedValue) {
if (_this2.state.hoverValue.length) {
_this2.setState({ hoverValue: [] });
}
return hoverValue;
}
hoverValue = _this2.compare(value, firstSelectedValue) < 0 ? [value, firstSelectedValue] : [firstSelectedValue, value];
}
_this2.fireHoverValueChange(hoverValue);
return hoverValue;
};
this.onToday = function () {
var startValue = (0, _util.getTodayTime)(_this2.state.value[0]);
var endValue = startValue.clone().add(1, 'months');
_this2.setState({ value: [startValue, endValue] });
};
this.onOpenTimePicker = function () {
_this2.setState({
showTimePicker: true
});
};
this.onCloseTimePicker = function () {
_this2.setState({
showTimePicker: false
});
};
this.onOk = function () {
var selectedValue = _this2.state.selectedValue;
if (_this2.isAllowedDateAndTime(selectedValue)) {
_this2.props.onOk(_this2.state.selectedValue);
}
};
this.onStartInputChange = function () {
for (var _len = arguments.length, oargs = Array(_len), _key = 0; _key < _len; _key++) {
oargs[_key] = arguments[_key];
}
var args = ['left'].concat(oargs);
return onInputSelect.apply(_this2, args);
};
this.onEndInputChange = function () {
for (var _len2 = arguments.length, oargs = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
oargs[_key2] = arguments[_key2];
}
var args = ['right'].concat(oargs);
return onInputSelect.apply(_this2, args);
};
this.onStartInputSelect = function (value) {
var args = ['left', value, { source: 'dateInputSelect' }];
return onInputSelect.apply(_this2, args);
};
this.onEndInputSelect = function (value) {
var args = ['right', value, { source: 'dateInputSelect' }];
return onInputSelect.apply(_this2, args);
};
this.onStartValueChange = function (leftValue) {
var value = [].concat(_this2.state.value);
value[0] = leftValue;
return _this2.fireValueChange(value);
};
this.onEndValueChange = function (rightValue) {
var value = [].concat(_this2.state.value);
value[1] = rightValue;
return _this2.fireValueChange(value);
};
this.onStartPanelChange = function (value, mode) {
var props = _this2.props,
state = _this2.state;
var newMode = [mode, state.mode[1]];
var newState = {
panelTriggerSource: 'start'
};
if (!('mode' in props)) {
newState.mode = newMode;
}
_this2.setState(newState);
var newValue = [value || state.value[0], state.value[1]];
props.onPanelChange(newValue, newMode);
};
this.onEndPanelChange = function (value, mode) {
var props = _this2.props,
state = _this2.state;
var newMode = [state.mode[0], mode];
var newState = {
panelTriggerSource: 'end'
};
if (!('mode' in props)) {
newState.mode = newMode;
}
_this2.setState(newState);
var newValue = [state.value[0], value || state.value[1]];
props.onPanelChange(newValue, newMode);
};
this.getStartValue = function () {
var _state4 = _this2.state,
selectedValue = _state4.selectedValue,
showTimePicker = _state4.showTimePicker,
value = _state4.value,
mode = _state4.mode,
panelTriggerSource = _state4.panelTriggerSource;
var startValue = value[0];
// keep selectedTime when select date
if (selectedValue[0] && _this2.props.timePicker) {
startValue = startValue.clone();
(0, _util.syncTime)(selectedValue[0], startValue);
}
if (showTimePicker && selectedValue[0]) {
startValue = selectedValue[0];
}
// Adjust month if date not align
if (panelTriggerSource === 'end' && mode[0] === 'date' && mode[1] === 'date' && startValue.isSame(value[1], 'month')) {
startValue = startValue.clone().subtract(1, 'month');
}
return startValue;
};
this.getEndValue = function () {
var _state5 = _this2.state,
value = _state5.value,
selectedValue = _state5.selectedValue,
showTimePicker = _state5.showTimePicker,
mode = _state5.mode,
panelTriggerSource = _state5.panelTriggerSource;
var endValue = value[1] ? value[1].clone() : value[0].clone().add(1, 'month');
// keep selectedTime when select date
if (selectedValue[1] && _this2.props.timePicker) {
(0, _util.syncTime)(selectedValue[1], endValue);
}
if (showTimePicker) {
endValue = selectedValue[1] ? selectedValue[1] : _this2.getStartValue();
}
// Adjust month if date not align
if (!showTimePicker && panelTriggerSource !== 'end' && mode[0] === 'date' && mode[1] === 'date' && endValue.isSame(value[0], 'month')) {
endValue = endValue.clone().add(1, 'month');
}
return endValue;
};
this.getEndDisableTime = function () {
var _state6 = _this2.state,
selectedValue = _state6.selectedValue,
value = _state6.value;
var disabledTime = _this2.props.disabledTime;
var userSettingDisabledTime = disabledTime(selectedValue, 'end') || {};
var startValue = selectedValue && selectedValue[0] || value[0].clone();
// if startTime and endTime is same day..
// the second time picker will not able to pick time before first time picker
if (!selectedValue[1] || startValue.isSame(selectedValue[1], 'day')) {
var hours = startValue.hour();
var minutes = startValue.minute();
var second = startValue.second();
var _disabledHours = userSettingDisabledTime.disabledHours,
_disabledMinutes = userSettingDisabledTime.disabledMinutes,
_disabledSeconds = userSettingDisabledTime.disabledSeconds;
var oldDisabledMinutes = _disabledMinutes ? _disabledMinutes() : [];
var olddisabledSeconds = _disabledSeconds ? _disabledSeconds() : [];
_disabledHours = generateOptions(hours, _disabledHours);
_disabledMinutes = generateOptions(minutes, _disabledMinutes);
_disabledSeconds = generateOptions(second, _disabledSeconds);
return {
disabledHours: function disabledHours() {
return _disabledHours;
},
disabledMinutes: function disabledMinutes(hour) {
if (hour === hours) {
return _disabledMinutes;
}
return oldDisabledMinutes;
},
disabledSeconds: function disabledSeconds(hour, minute) {
if (hour === hours && minute === minutes) {
return _disabledSeconds;
}
return olddisabledSeconds;
}
};
}
return userSettingDisabledTime;
};
this.isAllowedDateAndTime = function (selectedValue) {
return (0, _util.isAllowedDate)(selectedValue[0], _this2.props.disabledDate, _this2.disabledStartTime) && (0, _util.isAllowedDate)(selectedValue[1], _this2.props.disabledDate, _this2.disabledEndTime);
};
this.isMonthYearPanelShow = function (mode) {
return ['month', 'year', 'decade'].indexOf(mode) > -1;
};
this.hasSelectedValue = function () {
var selectedValue = _this2.state.selectedValue;
return !!selectedValue[1] && !!selectedValue[0];
};
this.compare = function (v1, v2) {
if (_this2.props.timePicker) {
return v1.diff(v2);
}
return v1.diff(v2, 'days');
};
this.fireSelectValueChange = function (selectedValue, direct, cause) {
var timePicker = _this2.props.timePicker;
var prevSelectedValue = _this2.state.prevSelectedValue;
if (timePicker && timePicker.props.defaultValue) {
var timePickerDefaultValue = timePicker.props.defaultValue;
if (!prevSelectedValue[0] && selectedValue[0]) {
(0, _util.syncTime)(timePickerDefaultValue[0], selectedValue[0]);
}
if (!prevSelectedValue[1] && selectedValue[1]) {
(0, _util.syncTime)(timePickerDefaultValue[1], selectedValue[1]);
}
}
if (!('selectedValue' in _this2.props)) {
_this2.setState({
selectedValue: selectedValue
});
}
// 尚未选择过时间,直接输入的话
if (!_this2.state.selectedValue[0] || !_this2.state.selectedValue[1]) {
var startValue = selectedValue[0] || (0, _moment2['default'])();
var endValue = selectedValue[1] || startValue.clone().add(1, 'months');
_this2.setState({
selectedValue: selectedValue,
value: getValueFromSelectedValue([startValue, endValue])
});
}
if (selectedValue[0] && !selectedValue[1]) {
_this2.setState({ firstSelectedValue: selectedValue[0] });
_this2.fireHoverValueChange(selectedValue.concat());
}
_this2.props.onChange(selectedValue);
if (direct || selectedValue[0] && selectedValue[1]) {
_this2.setState({
prevSelectedValue: selectedValue,
firstSelectedValue: null
});
_this2.fireHoverValueChange([]);
_this2.props.onSelect(selectedValue, cause);
}
};
this.fireValueChange = function (value) {
var props = _this2.props;
if (!('value' in props)) {
_this2.setState({
value: value
});
}
props.onValueChange(value);
};
this.fireHoverValueChange = function (hoverValue) {
var props = _this2.props;
if (!('hoverValue' in props)) {
_this2.setState({ hoverValue: hoverValue });
}
props.onHoverChange(hoverValue);
};
this.clear = function () {
_this2.fireSelectValueChange([], true);
_this2.props.onClear();
};
this.disabledStartTime = function (time) {
return _this2.props.disabledTime(time, 'start');
};
this.disabledEndTime = function (time) {
return _this2.props.disabledTime(time, 'end');
};
this.disabledStartMonth = function (month) {
var value = _this2.state.value;
return month.isAfter(value[1], 'month');
};
this.disabledEndMonth = function (month) {
var value = _this2.state.value;
return month.isBefore(value[0], 'month');
};
};
(0, _reactLifecyclesCompat.polyfill)(RangeCalendar);
exports['default'] = (0, _CommonMixin.commonMixinWrapper)(RangeCalendar);
module.exports = exports['default'];
/***/ }),
/***/ 1337:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(18);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _CalendarHeader = __webpack_require__(1097);
var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
var _DateTable = __webpack_require__(1238);
var _DateTable2 = _interopRequireDefault(_DateTable);
var _DateInput = __webpack_require__(1338);
var _DateInput2 = _interopRequireDefault(_DateInput);
var _index = __webpack_require__(886);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var CalendarPart = function (_React$Component) {
(0, _inherits3['default'])(CalendarPart, _React$Component);
function CalendarPart() {
(0, _classCallCheck3['default'])(this, CalendarPart);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
CalendarPart.prototype.render = function render() {
var props = this.props;
var prefixCls = props.prefixCls,
value = props.value,
hoverValue = props.hoverValue,
selectedValue = props.selectedValue,
mode = props.mode,
direction = props.direction,
locale = props.locale,
format = props.format,
placeholder = props.placeholder,
disabledDate = props.disabledDate,
timePicker = props.timePicker,
disabledTime = props.disabledTime,
timePickerDisabledTime = props.timePickerDisabledTime,
showTimePicker = props.showTimePicker,
onInputChange = props.onInputChange,
onInputSelect = props.onInputSelect,
enablePrev = props.enablePrev,
enableNext = props.enableNext,
clearIcon = props.clearIcon,
showClear = props.showClear,
inputMode = props.inputMode;
var shouldShowTimePicker = showTimePicker && timePicker;
var disabledTimeConfig = shouldShowTimePicker && disabledTime ? (0, _index.getTimeConfig)(selectedValue, disabledTime) : null;
var rangeClassName = prefixCls + '-range';
var newProps = {
locale: locale,
value: value,
prefixCls: prefixCls,
showTimePicker: showTimePicker
};
var index = direction === 'left' ? 0 : 1;
var timePickerEle = shouldShowTimePicker && _react2['default'].cloneElement(timePicker, (0, _extends3['default'])({
showHour: true,
showMinute: true,
showSecond: true
}, timePicker.props, disabledTimeConfig, timePickerDisabledTime, {
onChange: onInputChange,
defaultOpenValue: value,
value: selectedValue[index]
}));
var dateInputElement = props.showDateInput && _react2['default'].createElement(_DateInput2['default'], {
format: format,
locale: locale,
prefixCls: prefixCls,
timePicker: timePicker,
disabledDate: disabledDate,
placeholder: placeholder,
disabledTime: disabledTime,
value: value,
showClear: showClear || false,
selectedValue: selectedValue[index],
onChange: onInputChange,
onSelect: onInputSelect,
clearIcon: clearIcon,
inputMode: inputMode
});
return _react2['default'].createElement(
'div',
{
className: rangeClassName + '-part ' + rangeClassName + '-' + direction
},
dateInputElement,
_react2['default'].createElement(
'div',
{ style: { outline: 'none' } },
_react2['default'].createElement(_CalendarHeader2['default'], (0, _extends3['default'])({}, newProps, {
mode: mode,
enableNext: enableNext,
enablePrev: enablePrev,
onValueChange: props.onValueChange,
onPanelChange: props.onPanelChange,
disabledMonth: props.disabledMonth
})),
showTimePicker ? _react2['default'].createElement(
'div',
{ className: prefixCls + '-time-picker' },
_react2['default'].createElement(
'div',
{ className: prefixCls + '-time-picker-panel' },
timePickerEle
)
) : null,
_react2['default'].createElement(
'div',
{ className: prefixCls + '-body' },
_react2['default'].createElement(_DateTable2['default'], (0, _extends3['default'])({}, newProps, {
hoverValue: hoverValue,
selectedValue: selectedValue,
dateRender: props.dateRender,
onSelect: props.onSelect,
onDayHover: props.onDayHover,
disabledDate: disabledDate,
showWeekNumber: props.showWeekNumber
}))
)
)
);
};
return CalendarPart;
}(_react2['default'].Component);
CalendarPart.propTypes = {
prefixCls: _propTypes2['default'].string,
value: _propTypes2['default'].any,
hoverValue: _propTypes2['default'].any,
selectedValue: _propTypes2['default'].any,
direction: _propTypes2['default'].any,
locale: _propTypes2['default'].any,
showDateInput: _propTypes2['default'].bool,
showTimePicker: _propTypes2['default'].bool,
format: _propTypes2['default'].any,
placeholder: _propTypes2['default'].any,
disabledDate: _propTypes2['default'].any,
timePicker: _propTypes2['default'].any,
disabledTime: _propTypes2['default'].any,
onInputChange: _propTypes2['default'].func,
onInputSelect: _propTypes2['default'].func,
timePickerDisabledTime: _propTypes2['default'].object,
enableNext: _propTypes2['default'].any,
enablePrev: _propTypes2['default'].any,
clearIcon: _propTypes2['default'].node,
dateRender: _propTypes2['default'].func,
inputMode: _propTypes2['default'].string
};
exports['default'] = CalendarPart;
module.exports = exports['default'];
/***/ }),
/***/ 1338:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(4);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _KeyCode = __webpack_require__(923);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
var _reactLifecyclesCompat = __webpack_require__(7);
var _moment = __webpack_require__(86);
var _moment2 = _interopRequireDefault(_moment);
var _util = __webpack_require__(886);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var cachedSelectionStart = void 0;
var cachedSelectionEnd = void 0;
var dateInputInstance = void 0;
var DateInput = function (_React$Component) {
(0, _inherits3['default'])(DateInput, _React$Component);
function DateInput(props) {
(0, _classCallCheck3['default'])(this, DateInput);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
_initialiseProps.call(_this);
var selectedValue = props.selectedValue;
_this.state = {
str: (0, _util.formatDate)(selectedValue, _this.props.format),
invalid: false,
hasFocus: false
};
return _this;
}
DateInput.prototype.componentDidUpdate = function componentDidUpdate() {
if (dateInputInstance && this.state.hasFocus && !this.state.invalid && !(cachedSelectionStart === 0 && cachedSelectionEnd === 0)) {
dateInputInstance.setSelectionRange(cachedSelectionStart, cachedSelectionEnd);
}
};
DateInput.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {
var newState = {};
if (dateInputInstance) {
cachedSelectionStart = dateInputInstance.selectionStart;
cachedSelectionEnd = dateInputInstance.selectionEnd;
}
// when popup show, click body will call this, bug!
var selectedValue = nextProps.selectedValue;
if (!state.hasFocus) {
newState = {
str: (0, _util.formatDate)(selectedValue, nextProps.format),
invalid: false
};
}
return newState;
};
DateInput.getInstance = function getInstance() {
return dateInputInstance;
};
DateInput.prototype.render = function render() {
var props = this.props;
var _state = this.state,
invalid = _state.invalid,
str = _state.str;
var locale = props.locale,
prefixCls = props.prefixCls,
placeholder = props.placeholder,
clearIcon = props.clearIcon,
inputMode = props.inputMode;
var invalidClass = invalid ? prefixCls + '-input-invalid' : '';
return _react2['default'].createElement(
'div',
{ className: prefixCls + '-input-wrap' },
_react2['default'].createElement(
'div',
{ className: prefixCls + '-date-input-wrap' },
_react2['default'].createElement('input', {
ref: this.saveDateInput,
className: prefixCls + '-input ' + invalidClass,
value: str,
disabled: props.disabled,
placeholder: placeholder,
onChange: this.onInputChange,
onKeyDown: this.onKeyDown,
onFocus: this.onFocus,
onBlur: this.onBlur,
inputMode: inputMode
})
),
props.showClear ? _react2['default'].createElement(
'a',
{
role: 'button',
title: locale.clear,
onClick: this.onClear
},
clearIcon || _react2['default'].createElement('span', { className: prefixCls + '-clear-btn' })
) : null
);
};
return DateInput;
}(_react2['default'].Component);
DateInput.propTypes = {
prefixCls: _propTypes2['default'].string,
timePicker: _propTypes2['default'].object,
value: _propTypes2['default'].object,
disabledTime: _propTypes2['default'].any,
format: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].arrayOf(_propTypes2['default'].string)]),
locale: _propTypes2['default'].object,
disabledDate: _propTypes2['default'].func,
onChange: _propTypes2['default'].func,
onClear: _propTypes2['default'].func,
placeholder: _propTypes2['default'].string,
onSelect: _propTypes2['default'].func,
selectedValue: _propTypes2['default'].object,
clearIcon: _propTypes2['default'].node,
inputMode: _propTypes2['default'].string
};
var _initialiseProps = function _initialiseProps() {
var _this2 = this;
this.onClear = function () {
_this2.setState({
str: ''
});
_this2.props.onClear(null);
};
this.onInputChange = function (event) {
var str = event.target.value;
var _props = _this2.props,
disabledDate = _props.disabledDate,
format = _props.format,
onChange = _props.onChange,
selectedValue = _props.selectedValue;
// 没有内容,合法并直接退出
if (!str) {
onChange(null);
_this2.setState({
invalid: false,
str: str
});
return;
}
// 不合法直接退出
var parsed = (0, _moment2['default'])(str, format, true);
if (!parsed.isValid()) {
_this2.setState({
invalid: true,
str: str
});
return;
}
var value = _this2.props.value.clone();
value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
if (!value || disabledDate && disabledDate(value)) {
_this2.setState({
invalid: true,
str: str
});
return;
}
if (selectedValue !== value || selectedValue && value && !selectedValue.isSame(value)) {
_this2.setState({
invalid: false,
str: str
});
onChange(value);
}
};
this.onFocus = function () {
_this2.setState({ hasFocus: true });
};
this.onBlur = function () {
_this2.setState(function (prevState, prevProps) {
return {
hasFocus: false,
str: (0, _util.formatDate)(prevProps.value, prevProps.format)
};
});
};
this.onKeyDown = function (event) {
var keyCode = event.keyCode;
var _props2 = _this2.props,
onSelect = _props2.onSelect,
value = _props2.value,
disabledDate = _props2.disabledDate;
if (keyCode === _KeyCode2['default'].ENTER && onSelect) {
var validateDate = !disabledDate || !disabledDate(value);
if (validateDate) {
onSelect(value.clone());
}
event.preventDefault();
}
};
this.getRootDOMNode = function () {
return _reactDom2['default'].findDOMNode(_this2);
};
this.focus = function () {
if (dateInputInstance) {
dateInputInstance.focus();
}
};
this.saveDateInput = function (dateInput) {
dateInputInstance = dateInput;
};
};
(0, _reactLifecyclesCompat.polyfill)(DateInput);
exports['default'] = DateInput;
module.exports = exports['default'];
/***/ }),
/***/ 1339:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.goStartMonth = goStartMonth;
exports.goEndMonth = goEndMonth;
exports.goTime = goTime;
exports.includesTime = includesTime;
function goStartMonth(time) {
return time.clone().startOf('month');
}
function goEndMonth(time) {
return time.clone().endOf('month');
}
function goTime(time, direction, unit) {
return time.clone().add(direction, unit);
}
function includesTime() {
var timeList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var time = arguments[1];
var unit = arguments[2];
return timeList.some(function (t) {
return t.isSame(time, unit);
});
}
/***/ }),
/***/ 1340:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var React = _interopRequireWildcard(__webpack_require__(0));
var moment = _interopRequireWildcard(__webpack_require__(86));
var _reactLifecyclesCompat = __webpack_require__(7);
var _rcCalendar = _interopRequireDefault(__webpack_require__(1093));
var _Picker = _interopRequireDefault(__webpack_require__(981));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _icon = _interopRequireDefault(__webpack_require__(26));
var _configProvider = __webpack_require__(12);
var _interopDefault = _interopRequireDefault(__webpack_require__(325));
var _InputIcon = _interopRequireDefault(__webpack_require__(1104));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function formatValue(value, format) {
return value && value.format(format) || '';
}
var WeekPicker =
/*#__PURE__*/
function (_React$Component) {
_inherits(WeekPicker, _React$Component);
function WeekPicker(props) {
var _this;
_classCallCheck(this, WeekPicker);
_this = _possibleConstructorReturn(this, _getPrototypeOf(WeekPicker).call(this, props));
_this.saveInput = function (node) {
_this.input = node;
};
_this.weekDateRender = function (current) {
var selectedValue = _this.state.value;
var _assertThisInitialize = _assertThisInitialized(_this),
prefixCls = _assertThisInitialize.prefixCls;
var dateRender = _this.props.dateRender;
var dateNode = dateRender ? dateRender(current) : current.date();
if (selectedValue && current.year() === selectedValue.year() && current.week() === selectedValue.week()) {
return React.createElement("div", {
className: "".concat(prefixCls, "-selected-day")
}, React.createElement("div", {
className: "".concat(prefixCls, "-date")
}, dateNode));
}
return React.createElement("div", {
className: "".concat(prefixCls, "-date")
}, dateNode);
};
_this.handleChange = function (value) {
if (!('value' in _this.props)) {
_this.setState({
value: value
});
}
_this.props.onChange(value, formatValue(value, _this.props.format));
};
_this.handleOpenChange = function (open) {
var onOpenChange = _this.props.onOpenChange;
if (!('open' in _this.props)) {
_this.setState({
open: open
});
}
if (onOpenChange) {
onOpenChange(open);
}
};
_this.clearSelection = function (e) {
e.preventDefault();
e.stopPropagation();
_this.handleChange(null);
};
_this.renderFooter = function () {
var _this$props = _this.props,
prefixCls = _this$props.prefixCls,
renderExtraFooter = _this$props.renderExtraFooter;
return renderExtraFooter ? React.createElement("div", {
className: "".concat(prefixCls, "-footer-extra")
}, renderExtraFooter.apply(void 0, arguments)) : null;
};
_this.renderWeekPicker = function (_ref) {
var getPrefixCls = _ref.getPrefixCls;
var _this$props2 = _this.props,
customizePrefixCls = _this$props2.prefixCls,
className = _this$props2.className,
disabled = _this$props2.disabled,
pickerClass = _this$props2.pickerClass,
popupStyle = _this$props2.popupStyle,
pickerInputClass = _this$props2.pickerInputClass,
format = _this$props2.format,
allowClear = _this$props2.allowClear,
locale = _this$props2.locale,
localeCode = _this$props2.localeCode,
disabledDate = _this$props2.disabledDate,
style = _this$props2.style,
onFocus = _this$props2.onFocus,
onBlur = _this$props2.onBlur,
id = _this$props2.id,
suffixIcon = _this$props2.suffixIcon,
defaultPickerValue = _this$props2.defaultPickerValue;
var prefixCls = getPrefixCls('calendar', customizePrefixCls); // To support old version react.
// Have to add prefixCls on the instance.
// https://github.com/facebook/react/issues/12397
_this.prefixCls = prefixCls;
var _this$state = _this.state,
open = _this$state.open,
pickerValue = _this$state.value;
if (pickerValue && localeCode) {
pickerValue.locale(localeCode);
}
var placeholder = 'placeholder' in _this.props ? _this.props.placeholder : locale.lang.placeholder;
var calendar = React.createElement(_rcCalendar["default"], {
showWeekNumber: true,
dateRender: _this.weekDateRender,
prefixCls: prefixCls,
format: format,
locale: locale.lang,
showDateInput: false,
showToday: false,
disabledDate: disabledDate,
renderFooter: _this.renderFooter,
defaultValue: defaultPickerValue
});
var clearIcon = !disabled && allowClear && _this.state.value ? React.createElement(_icon["default"], {
type: "close-circle",
className: "".concat(prefixCls, "-picker-clear"),
onClick: _this.clearSelection,
theme: "filled"
}) : null;
var inputIcon = React.createElement(_InputIcon["default"], {
suffixIcon: suffixIcon,
prefixCls: prefixCls
});
var input = function input(_ref2) {
var value = _ref2.value;
return React.createElement("span", {
style: {
display: 'inline-block',
width: '100%'
}
}, React.createElement("input", {
ref: _this.saveInput,
disabled: disabled,
readOnly: true,
value: value && value.format(format) || '',
placeholder: placeholder,
className: pickerInputClass,
onFocus: onFocus,
onBlur: onBlur
}), clearIcon, inputIcon);
};
return React.createElement("span", {
className: (0, _classnames["default"])(className, pickerClass),
style: style,
id: id
}, React.createElement(_Picker["default"], _extends({}, _this.props, {
calendar: calendar,
prefixCls: "".concat(prefixCls, "-picker-container"),
value: pickerValue,
onChange: _this.handleChange,
open: open,
onOpenChange: _this.handleOpenChange,
style: popupStyle
}), input));
};
var value = props.value || props.defaultValue;
if (value && !(0, _interopDefault["default"])(moment).isMoment(value)) {
throw new Error('The value/defaultValue of WeekPicker must be ' + 'a moment object after `antd@2.0`, see: https://u.ant.design/date-picker-value');
}
_this.state = {
value: value,
open: props.open
};
return _this;
}
_createClass(WeekPicker, [{
key: "componentDidUpdate",
value: function componentDidUpdate(_, prevState) {
if (!('open' in this.props) && prevState.open && !this.state.open) {
this.focus();
}
}
}, {
key: "focus",
value: function focus() {
this.input.focus();
}
}, {
key: "blur",
value: function blur() {
this.input.blur();
}
}, {
key: "render",
value: function render() {
return React.createElement(_configProvider.ConfigConsumer, null, this.renderWeekPicker);
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(nextProps) {
if ('value' in nextProps || 'open' in nextProps) {
var state = {};
if ('value' in nextProps) {
state.value = nextProps.value;
}
if ('open' in nextProps) {
state.open = nextProps.open;
}
return state;
}
return null;
}
}]);
return WeekPicker;
}(React.Component);
WeekPicker.defaultProps = {
format: 'gggg-wo',
allowClear: true
};
(0, _reactLifecyclesCompat.polyfill)(WeekPicker);
var _default = WeekPicker;
exports["default"] = _default;
//# sourceMappingURL=WeekPicker.js.map
/***/ }),
/***/ 1349:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1350);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1350:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".ant-input-number{-webkit-box-sizing:border-box;box-sizing:border-box;font-variant:tabular-nums;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";position:relative;width:100%;height:32px;padding:4px 11px;color:rgba(0,0,0,.65);font-size:14px;line-height:1.5;background-color:#fff;background-image:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:inline-block;width:90px;margin:0;padding:0;border:1px solid #d9d9d9;border-radius:4px}.ant-input-number::-moz-placeholder{color:#bfbfbf;opacity:1}.ant-input-number:-ms-input-placeholder{color:#bfbfbf}.ant-input-number::-webkit-input-placeholder{color:#bfbfbf}.ant-input-number:placeholder-shown{-o-text-overflow:ellipsis;text-overflow:ellipsis}.ant-input-number:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-number[disabled]{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-input-number[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}textarea.ant-input-number{max-width:100%;height:auto;min-height:32px;line-height:1.5;vertical-align:bottom;-webkit-transition:all .3s,height 0s;-o-transition:all .3s,height 0s;transition:all .3s,height 0s}.ant-input-number-lg{height:40px;padding:6px 11px}.ant-input-number-sm{height:24px;padding:1px 7px}.ant-input-number-handler{position:relative;display:block;width:100%;height:50%;overflow:hidden;color:rgba(0,0,0,.45);font-weight:700;line-height:0;text-align:center;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}.ant-input-number-handler:active{background:#f4f4f4}.ant-input-number-handler:hover .ant-input-number-handler-down-inner,.ant-input-number-handler:hover .ant-input-number-handler-up-inner{color:#40a9ff}.ant-input-number-handler-down-inner,.ant-input-number-handler-up-inner{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:4px;width:12px;height:12px;color:rgba(0,0,0,.45);line-height:12px;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-input-number-handler-down-inner>*,.ant-input-number-handler-up-inner>*{line-height:1}.ant-input-number-handler-down-inner svg,.ant-input-number-handler-up-inner svg{display:inline-block}.ant-input-number-handler-down-inner:before,.ant-input-number-handler-up-inner:before{display:none}.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon{display:block}.ant-input-number-focused,.ant-input-number:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-number-focused{outline:0;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-number-disabled{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-input-number-disabled:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-number-disabled .ant-input-number-input{cursor:not-allowed}.ant-input-number-disabled .ant-input-number-handler-wrap{display:none}.ant-input-number-input{width:100%;height:30px;padding:0 11px;text-align:left;background-color:transparent;border:0;border-radius:4px;outline:0;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;-moz-appearance:textfield!important}.ant-input-number-input::-moz-placeholder{color:#bfbfbf;opacity:1}.ant-input-number-input:-ms-input-placeholder{color:#bfbfbf}.ant-input-number-input::-webkit-input-placehol
// exports
/***/ }),
/***/ 1351:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(75);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__ = __webpack_require__(18);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__ = __webpack_require__(178);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__InputHandler__ = __webpack_require__(1352);
function noop() {}
function preventDefault(e) {
e.preventDefault();
}
function defaultParser(input) {
return input.replace(/[^\w\.-]+/g, '');
}
/**
* When click and hold on a button - the speed of auto changin the value.
*/
var SPEED = 200;
/**
* When click and hold on a button - the delay before auto changin the value.
*/
var DELAY = 600;
/**
* Max Safe Integer -- on IE this is not available, so manually set the number in that case.
* The reason this is used, instead of Infinity is because numbers above the MSI are unstable
*/
var MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER || Math.pow(2, 53) - 1;
var isValidProps = function isValidProps(value) {
return value !== undefined && value !== null;
};
var isEqual = function isEqual(oldValue, newValue) {
return newValue === oldValue || typeof newValue === 'number' && typeof oldValue === 'number' && isNaN(newValue) && isNaN(oldValue);
};
var InputNumber = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default()(InputNumber, _React$Component);
function InputNumber(props) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, InputNumber);
var _this = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));
_initialiseProps.call(_this);
var value = void 0;
if ('value' in props) {
value = props.value;
} else {
value = props.defaultValue;
}
_this.state = {
focused: props.autoFocus
};
var validValue = _this.getValidValue(_this.toNumber(value));
_this.state = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, _this.state, {
inputValue: _this.toPrecisionAsStep(validValue),
value: validValue
});
return _this;
}
InputNumber.prototype.componentDidMount = function componentDidMount() {
this.componentDidUpdate();
};
InputNumber.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
var _props = this.props,
value = _props.value,
onChange = _props.onChange,
max = _props.max,
min = _props.min;
var focused = this.state.focused;
// Don't trigger in componentDidMount
if (prevProps) {
if (!isEqual(prevProps.value, value) || !isEqual(prevProps.max, max) || !isEqual(prevProps.min, min)) {
var validValue = focused ? value : this.getValidValue(value);
var nextInputValue = void 0;
if (this.pressingUpOrDown) {
nextInputValue = validValue;
} else if (this.inputting) {
nextInputValue = this.rawInput;
} else {
nextInputValue = this.toPrecisionAsStep(validValue);
}
this.setState({ // eslint-disable-line
value: validValue,
inputValue: nextInputValue
});
}
// Trigger onChange when max or min change
// https://github.com/ant-design/ant-design/issues/11574
var nextValue = 'value' in this.props ? value : this.state.value;
// ref: null < 20 === true
// https://github.com/ant-design/ant-design/issues/14277
if ('max' in this.props && prevProps.max !== max && typeof nextValue === 'number' && nextValue > max && onChange) {
onChange(max);
}
if ('min' in this.props && prevProps.min !== min && typeof nextValue === 'number' && nextValue < min && onChange) {
onChange(min);
}
}
// Restore cursor
try {
// Firefox set the input cursor after it get focused.
// This caused that if an input didn't init with the selection,
// set will cause cursor not correct when first focus.
// Safari will focus input if set selection. We need skip this.
if (this.cursorStart !== undefined && this.state.focused) {
// In most cases, the string after cursor is stable.
// We can move the cursor before it
if (
// If not match full str, try to match part of str
!this.partRestoreByAfter(this.cursorAfter) && this.state.value !== this.props.value) {
// If not match any of then, let's just keep the position
// TODO: Logic should not reach here, need check if happens
var pos = this.cursorStart + 1;
// If not have last string, just position to the end
if (!this.cursorAfter) {
pos = this.input.value.length;
} else if (this.lastKeyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].BACKSPACE) {
pos = this.cursorStart - 1;
} else if (this.lastKeyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DELETE) {
pos = this.cursorStart;
}
this.fixCaret(pos, pos);
} else if (this.currentValue === this.input.value) {
// Handle some special key code
switch (this.lastKeyCode) {
case __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].BACKSPACE:
this.fixCaret(this.cursorStart - 1, this.cursorStart - 1);
break;
case __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DELETE:
this.fixCaret(this.cursorStart + 1, this.cursorStart + 1);
break;
default:
// Do nothing
}
}
}
} catch (e) {}
// Do nothing
// Reset last key
this.lastKeyCode = null;
// pressingUpOrDown is true means that someone just click up or down button
if (!this.pressingUpOrDown) {
return;
}
if (this.props.focusOnUpDown && this.state.focused) {
if (document.activeElement !== this.input) {
this.focus();
}
}
this.pressingUpOrDown = false;
};
InputNumber.prototype.componentWillUnmount = function componentWillUnmount() {
this.stop();
};
InputNumber.prototype.getCurrentValidValue = function getCurrentValidValue(value) {
var val = value;
if (val === '') {
val = '';
} else if (!this.isNotCompleteNumber(parseFloat(val, 10))) {
val = this.getValidValue(val);
} else {
val = this.state.value;
}
return this.toNumber(val);
};
InputNumber.prototype.getRatio = function getRatio(e) {
var ratio = 1;
if (e.metaKey || e.ctrlKey) {
ratio = 0.1;
} else if (e.shiftKey) {
ratio = 10;
}
return ratio;
};
InputNumber.prototype.getValueFromEvent = function getValueFromEvent(e) {
// optimize for chinese input expierence
// https://github.com/ant-design/ant-design/issues/8196
var value = e.target.value.trim().replace(/。/g, '.');
if (isValidProps(this.props.decimalSeparator)) {
value = value.replace(this.props.decimalSeparator, '.');
}
return value;
};
InputNumber.prototype.getValidValue = function getValidValue(value) {
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props.min;
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.props.max;
var val = parseFloat(value, 10);
// https://github.com/ant-design/ant-design/issues/7358
if (isNaN(val)) {
return value;
}
if (val < min) {
val = min;
}
if (val > max) {
val = max;
}
return val;
};
InputNumber.prototype.setValue = function setValue(v, callback) {
// trigger onChange
var precision = this.props.precision;
var newValue = this.isNotCompleteNumber(parseFloat(v, 10)) ? null : parseFloat(v, 10);
var _state = this.state,
_state$value = _state.value,
value = _state$value === undefined ? null : _state$value,
_state$inputValue = _state.inputValue,
inputValue = _state$inputValue === undefined ? null : _state$inputValue;
// https://github.com/ant-design/ant-design/issues/7363
// https://github.com/ant-design/ant-design/issues/16622
var newValueInString = typeof newValue === 'number' ? newValue.toFixed(precision) : '' + newValue;
var changed = newValue !== value || newValueInString !== '' + inputValue;
if (!('value' in this.props)) {
this.setState({
value: newValue,
inputValue: this.toPrecisionAsStep(v)
}, callback);
} else {
// always set input value same as value
this.setState({
inputValue: this.toPrecisionAsStep(this.state.value)
}, callback);
}
if (changed) {
this.props.onChange(newValue);
}
return newValue;
};
InputNumber.prototype.getPrecision = function getPrecision(value) {
if (isValidProps(this.props.precision)) {
return this.props.precision;
}
var valueString = value.toString();
if (valueString.indexOf('e-') >= 0) {
return parseInt(valueString.slice(valueString.indexOf('e-') + 2), 10);
}
var precision = 0;
if (valueString.indexOf('.') >= 0) {
precision = valueString.length - valueString.indexOf('.') - 1;
}
return precision;
};
// step={1.0} value={1.51}
// press +
// then value should be 2.51, rather than 2.5
// if this.props.precision is undefined
// https://github.com/react-component/input-number/issues/39
InputNumber.prototype.getMaxPrecision = function getMaxPrecision(currentValue) {
var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
var _props2 = this.props,
precision = _props2.precision,
step = _props2.step;
if (isValidProps(precision)) {
return precision;
}
var ratioPrecision = this.getPrecision(ratio);
var stepPrecision = this.getPrecision(step);
var currentValuePrecision = this.getPrecision(currentValue);
if (!currentValue) {
return ratioPrecision + stepPrecision;
}
return Math.max(currentValuePrecision, ratioPrecision + stepPrecision);
};
InputNumber.prototype.getPrecisionFactor = function getPrecisionFactor(currentValue) {
var ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
var precision = this.getMaxPrecision(currentValue, ratio);
return Math.pow(10, precision);
};
InputNumber.prototype.fixCaret = function fixCaret(start, end) {
if (start === undefined || end === undefined || !this.input || !this.input.value) {
return;
}
try {
var currentStart = this.input.selectionStart;
var currentEnd = this.input.selectionEnd;
if (start !== currentStart || end !== currentEnd) {
this.input.setSelectionRange(start, end);
}
} catch (e) {
// Fix error in Chrome:
// Failed to read the 'selectionStart' property from 'HTMLInputElement'
// http://stackoverflow.com/q/21177489/3040605
}
};
InputNumber.prototype.focus = function focus() {
this.input.focus();
this.recordCursorPosition();
};
InputNumber.prototype.blur = function blur() {
this.input.blur();
};
InputNumber.prototype.formatWrapper = function formatWrapper(num) {
// http://2ality.com/2012/03/signedzero.html
// https://github.com/ant-design/ant-design/issues/9439
if (this.props.formatter) {
return this.props.formatter(num);
}
return num;
};
InputNumber.prototype.toPrecisionAsStep = function toPrecisionAsStep(num) {
if (this.isNotCompleteNumber(num) || num === '') {
return num;
}
var precision = Math.abs(this.getMaxPrecision(num));
if (!isNaN(precision)) {
return Number(num).toFixed(precision);
}
return num.toString();
};
// '1.' '1x' 'xx' '' => are not complete numbers
InputNumber.prototype.isNotCompleteNumber = function isNotCompleteNumber(num) {
return isNaN(num) || num === '' || num === null || num && num.toString().indexOf('.') === num.toString().length - 1;
};
InputNumber.prototype.toNumber = function toNumber(num) {
var precision = this.props.precision;
var focused = this.state.focused;
// num.length > 16 => This is to prevent input of large numbers
var numberIsTooLarge = num && num.length > 16 && focused;
if (this.isNotCompleteNumber(num) || numberIsTooLarge) {
return num;
}
if (isValidProps(precision)) {
return Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision);
}
return Number(num);
};
InputNumber.prototype.upStep = function upStep(val, rat) {
var step = this.props.step;
var precisionFactor = this.getPrecisionFactor(val, rat);
var precision = Math.abs(this.getMaxPrecision(val, rat));
var result = ((precisionFactor * val + precisionFactor * step * rat) / precisionFactor).toFixed(precision);
return this.toNumber(result);
};
InputNumber.prototype.downStep = function downStep(val, rat) {
var step = this.props.step;
var precisionFactor = this.getPrecisionFactor(val, rat);
var precision = Math.abs(this.getMaxPrecision(val, rat));
var result = ((precisionFactor * val - precisionFactor * step * rat) / precisionFactor).toFixed(precision);
return this.toNumber(result);
};
InputNumber.prototype.step = function step(type, e) {
var _this2 = this;
var ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
var recursive = arguments[3];
this.stop();
if (e) {
e.persist();
e.preventDefault();
}
var props = this.props;
if (props.disabled) {
return;
}
var value = this.getCurrentValidValue(this.state.inputValue) || 0;
if (this.isNotCompleteNumber(value)) {
return;
}
var val = this[type + 'Step'](value, ratio);
var outOfRange = val > props.max || val < props.min;
if (val > props.max) {
val = props.max;
} else if (val < props.min) {
val = props.min;
}
this.setValue(val);
this.setState({
focused: true
});
if (outOfRange) {
return;
}
this.autoStepTimer = setTimeout(function () {
_this2[type](e, ratio, true);
}, recursive ? SPEED : DELAY);
};
InputNumber.prototype.render = function render() {
var _classNames;
var props = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, this.props);
var prefixCls = props.prefixCls,
disabled = props.disabled,
readOnly = props.readOnly,
useTouch = props.useTouch,
autoComplete = props.autoComplete,
upHandler = props.upHandler,
downHandler = props.downHandler,
rest = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(props, ['prefixCls', 'disabled', 'readOnly', 'useTouch', 'autoComplete', 'upHandler', 'downHandler']);
var classes = __WEBPACK_IMPORTED_MODULE_7_classnames___default()((_classNames = {}, _classNames[prefixCls] = true, _classNames[props.className] = !!props.className, _classNames[prefixCls + '-disabled'] = disabled, _classNames[prefixCls + '-focused'] = this.state.focused, _classNames));
var upDisabledClass = '';
var downDisabledClass = '';
var value = this.state.value;
if (value || value === 0) {
if (!isNaN(value)) {
var val = Number(value);
if (val >= props.max) {
upDisabledClass = prefixCls + '-handler-up-disabled';
}
if (val <= props.min) {
downDisabledClass = prefixCls + '-handler-down-disabled';
}
} else {
upDisabledClass = prefixCls + '-handler-up-disabled';
downDisabledClass = prefixCls + '-handler-down-disabled';
}
}
var dataOrAriaAttributeProps = {};
for (var key in props) {
if (props.hasOwnProperty(key) && (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role')) {
dataOrAriaAttributeProps[key] = props[key];
}
}
var editable = !props.readOnly && !props.disabled;
// focus state, show input value
// unfocus state, show valid value
var inputDisplayValue = this.getInputDisplayValue();
var upEvents = void 0;
var downEvents = void 0;
if (useTouch) {
upEvents = {
onTouchStart: editable && !upDisabledClass ? this.up : noop,
onTouchEnd: this.stop
};
downEvents = {
onTouchStart: editable && !downDisabledClass ? this.down : noop,
onTouchEnd: this.stop
};
} else {
upEvents = {
onMouseDown: editable && !upDisabledClass ? this.up : noop,
onMouseUp: this.stop,
onMouseLeave: this.stop
};
downEvents = {
onMouseDown: editable && !downDisabledClass ? this.down : noop,
onMouseUp: this.stop,
onMouseLeave: this.stop
};
}
var isUpDisabled = !!upDisabledClass || disabled || readOnly;
var isDownDisabled = !!downDisabledClass || disabled || readOnly;
// ref for test
return __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'div',
{
className: classes,
style: props.style,
title: props.title,
onMouseEnter: props.onMouseEnter,
onMouseLeave: props.onMouseLeave,
onMouseOver: props.onMouseOver,
onMouseOut: props.onMouseOut
},
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'div',
{ className: prefixCls + '-handler-wrap' },
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
__WEBPACK_IMPORTED_MODULE_9__InputHandler__["a" /* default */],
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
ref: this.saveUp,
disabled: isUpDisabled,
prefixCls: prefixCls,
unselectable: 'unselectable'
}, upEvents, {
role: 'button',
'aria-label': 'Increase Value',
'aria-disabled': !!isUpDisabled,
className: prefixCls + '-handler ' + prefixCls + '-handler-up ' + upDisabledClass
}),
upHandler || __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement('span', {
unselectable: 'unselectable',
className: prefixCls + '-handler-up-inner',
onClick: preventDefault
})
),
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
__WEBPACK_IMPORTED_MODULE_9__InputHandler__["a" /* default */],
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
ref: this.saveDown,
disabled: isDownDisabled,
prefixCls: prefixCls,
unselectable: 'unselectable'
}, downEvents, {
role: 'button',
'aria-label': 'Decrease Value',
'aria-disabled': !!isDownDisabled,
className: prefixCls + '-handler ' + prefixCls + '-handler-down ' + downDisabledClass
}),
downHandler || __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement('span', {
unselectable: 'unselectable',
className: prefixCls + '-handler-down-inner',
onClick: preventDefault
})
)
),
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'div',
{
className: prefixCls + '-input-wrap'
},
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement('input', __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
role: 'spinbutton',
'aria-valuemin': props.min,
'aria-valuemax': props.max,
'aria-valuenow': value,
required: props.required,
type: props.type,
placeholder: props.placeholder,
onClick: props.onClick,
onMouseUp: this.onMouseUp,
className: prefixCls + '-input',
tabIndex: props.tabIndex,
autoComplete: autoComplete,
onFocus: this.onFocus,
onBlur: this.onBlur,
onKeyDown: editable ? this.onKeyDown : noop,
onKeyUp: editable ? this.onKeyUp : noop,
autoFocus: props.autoFocus,
maxLength: props.maxLength,
readOnly: props.readOnly,
disabled: props.disabled,
max: props.max,
min: props.min,
step: props.step,
name: props.name,
id: props.id,
onChange: this.onChange,
ref: this.saveInput,
value: inputDisplayValue,
pattern: props.pattern
}, dataOrAriaAttributeProps))
)
);
};
return InputNumber;
}(__WEBPACK_IMPORTED_MODULE_5_react___default.a.Component);
InputNumber.propTypes = {
value: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string]),
defaultValue: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string]),
focusOnUpDown: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
autoFocus: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
onChange: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onPressEnter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onKeyDown: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onKeyUp: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
prefixCls: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
tabIndex: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number]),
disabled: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
onFocus: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onBlur: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
readOnly: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
max: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
min: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
step: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string]),
upHandler: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node,
downHandler: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node,
useTouch: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
formatter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
parser: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onMouseEnter: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onMouseLeave: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onMouseOver: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onMouseOut: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
onMouseUp: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
precision: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
required: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
pattern: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
decimalSeparator: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string
};
InputNumber.defaultProps = {
focusOnUpDown: true,
useTouch: false,
prefixCls: 'rc-input-number',
min: -MAX_SAFE_INTEGER,
step: 1,
style: {},
onChange: noop,
onKeyDown: noop,
onPressEnter: noop,
onFocus: noop,
onBlur: noop,
parser: defaultParser,
required: false,
autoComplete: 'off'
};
var _initialiseProps = function _initialiseProps() {
var _this3 = this;
this.onKeyDown = function (e) {
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
var _props3 = _this3.props,
onKeyDown = _props3.onKeyDown,
onPressEnter = _props3.onPressEnter;
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].UP) {
var ratio = _this3.getRatio(e);
_this3.up(e, ratio);
_this3.stop();
} else if (e.keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DOWN) {
var _ratio = _this3.getRatio(e);
_this3.down(e, _ratio);
_this3.stop();
} else if (e.keyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].ENTER && onPressEnter) {
onPressEnter(e);
}
// Trigger user key down
_this3.recordCursorPosition();
_this3.lastKeyCode = e.keyCode;
if (onKeyDown) {
onKeyDown.apply(undefined, [e].concat(args));
}
};
this.onKeyUp = function (e) {
for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
args[_key2 - 1] = arguments[_key2];
}
var onKeyUp = _this3.props.onKeyUp;
_this3.stop();
_this3.recordCursorPosition();
// Trigger user key up
if (onKeyUp) {
onKeyUp.apply(undefined, [e].concat(args));
}
};
this.onChange = function (e) {
var onChange = _this3.props.onChange;
if (_this3.state.focused) {
_this3.inputting = true;
}
_this3.rawInput = _this3.props.parser(_this3.getValueFromEvent(e));
_this3.setState({ inputValue: _this3.rawInput });
onChange(_this3.toNumber(_this3.rawInput)); // valid number or invalid string
};
this.onMouseUp = function () {
var onMouseUp = _this3.props.onMouseUp;
_this3.recordCursorPosition();
if (onMouseUp) {
onMouseUp.apply(undefined, arguments);
}
};
this.onFocus = function () {
var _props4;
_this3.setState({
focused: true
});
(_props4 = _this3.props).onFocus.apply(_props4, arguments);
};
this.onBlur = function (e) {
for (var _len3 = arguments.length, args = Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
args[_key3 - 1] = arguments[_key3];
}
var onBlur = _this3.props.onBlur;
_this3.inputting = false;
_this3.setState({
focused: false
});
var value = _this3.getCurrentValidValue(_this3.state.inputValue);
e.persist(); // fix https://github.com/react-component/input-number/issues/51
var newValue = _this3.setValue(value);
if (onBlur) {
var originValue = _this3.input.value;
var inputValue = _this3.getInputDisplayValue({ focus: false, value: newValue });
_this3.input.value = inputValue;
onBlur.apply(undefined, [e].concat(args));
_this3.input.value = originValue;
}
};
this.getInputDisplayValue = function (state) {
var _ref = state || _this3.state,
focused = _ref.focused,
inputValue = _ref.inputValue,
value = _ref.value;
var inputDisplayValue = void 0;
if (focused) {
inputDisplayValue = inputValue;
} else {
inputDisplayValue = _this3.toPrecisionAsStep(value);
}
if (inputDisplayValue === undefined || inputDisplayValue === null) {
inputDisplayValue = '';
}
var inputDisplayValueFormat = _this3.formatWrapper(inputDisplayValue);
if (isValidProps(_this3.props.decimalSeparator)) {
inputDisplayValueFormat = inputDisplayValueFormat.toString().replace('.', _this3.props.decimalSeparator);
}
return inputDisplayValueFormat;
};
this.recordCursorPosition = function () {
// Record position
try {
_this3.cursorStart = _this3.input.selectionStart;
_this3.cursorEnd = _this3.input.selectionEnd;
_this3.currentValue = _this3.input.value;
_this3.cursorBefore = _this3.input.value.substring(0, _this3.cursorStart);
_this3.cursorAfter = _this3.input.value.substring(_this3.cursorEnd);
} catch (e) {
// Fix error in Chrome:
// Failed to read the 'selectionStart' property from 'HTMLInputElement'
// http://stackoverflow.com/q/21177489/3040605
}
};
this.restoreByAfter = function (str) {
if (str === undefined) return false;
var fullStr = _this3.input.value;
var index = fullStr.lastIndexOf(str);
if (index === -1) return false;
var prevCursorPos = _this3.cursorBefore.length;
if (_this3.lastKeyCode === __WEBPACK_IMPORTED_MODULE_8_rc_util_es_KeyCode__["a" /* default */].DELETE && _this3.cursorBefore.charAt(prevCursorPos - 1) === str[0]) {
_this3.fixCaret(prevCursorPos, prevCursorPos);
return true;
}
if (index + str.length === fullStr.length) {
_this3.fixCaret(index, index);
return true;
}
return false;
};
this.partRestoreByAfter = function (str) {
if (str === undefined) return false;
// For loop from full str to the str with last char to map. e.g. 123
// -> 123
// -> 23
// -> 3
return Array.prototype.some.call(str, function (_, start) {
var partStr = str.substring(start);
return _this3.restoreByAfter(partStr);
});
};
this.stop = function () {
if (_this3.autoStepTimer) {
clearTimeout(_this3.autoStepTimer);
}
};
this.down = function (e, ratio, recursive) {
_this3.pressingUpOrDown = true;
_this3.step('down', e, ratio, recursive);
};
this.up = function (e, ratio, recursive) {
_this3.pressingUpOrDown = true;
_this3.step('up', e, ratio, recursive);
};
this.saveUp = function (node) {
_this3.upHandler = node;
};
this.saveDown = function (node) {
_this3.downHandler = node;
};
this.saveInput = function (node) {
_this3.input = node;
};
};
/* harmony default export */ __webpack_exports__["default"] = (InputNumber);
/***/ }),
/***/ 1352:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(75);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rmc_feedback__ = __webpack_require__(1353);
var InputHandler = function (_Component) {
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(InputHandler, _Component);
function InputHandler() {
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, InputHandler);
return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));
}
InputHandler.prototype.render = function render() {
var _props = this.props,
prefixCls = _props.prefixCls,
disabled = _props.disabled,
otherProps = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(_props, ['prefixCls', 'disabled']);
return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
__WEBPACK_IMPORTED_MODULE_6_rmc_feedback__["a" /* default */],
{
disabled: disabled,
activeClassName: prefixCls + '-handler-active'
},
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('span', otherProps)
);
};
return InputHandler;
}(__WEBPACK_IMPORTED_MODULE_4_react__["Component"]);
InputHandler.propTypes = {
prefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
disabled: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
onTouchStart: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
onTouchEnd: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
onMouseDown: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
onMouseUp: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
onMouseLeave: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func
};
/* harmony default export */ __webpack_exports__["a"] = (InputHandler);
/***/ }),
/***/ 1353:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__TouchFeedback__ = __webpack_require__(1354);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__TouchFeedback__["a"]; });
/***/ }),
/***/ 1354:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(18);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__ = __webpack_require__(31);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_classnames__);
var TouchFeedback = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default()(TouchFeedback, _React$Component);
function TouchFeedback() {
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, TouchFeedback);
var _this = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default()(this, (TouchFeedback.__proto__ || Object.getPrototypeOf(TouchFeedback)).apply(this, arguments));
_this.state = {
active: false
};
_this.onTouchStart = function (e) {
_this.triggerEvent('TouchStart', true, e);
};
_this.onTouchMove = function (e) {
_this.triggerEvent('TouchMove', false, e);
};
_this.onTouchEnd = function (e) {
_this.triggerEvent('TouchEnd', false, e);
};
_this.onTouchCancel = function (e) {
_this.triggerEvent('TouchCancel', false, e);
};
_this.onMouseDown = function (e) {
// pc simulate mobile
_this.triggerEvent('MouseDown', true, e);
};
_this.onMouseUp = function (e) {
_this.triggerEvent('MouseUp', false, e);
};
_this.onMouseLeave = function (e) {
_this.triggerEvent('MouseLeave', false, e);
};
return _this;
}
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default()(TouchFeedback, [{
key: 'componentDidUpdate',
value: function componentDidUpdate() {
if (this.props.disabled && this.state.active) {
this.setState({
active: false
});
}
}
}, {
key: 'triggerEvent',
value: function triggerEvent(type, isActive, ev) {
var eventType = 'on' + type;
var children = this.props.children;
if (children.props[eventType]) {
children.props[eventType](ev);
}
if (isActive !== this.state.active) {
this.setState({
active: isActive
});
}
}
}, {
key: 'render',
value: function render() {
var _props = this.props,
children = _props.children,
disabled = _props.disabled,
activeClassName = _props.activeClassName,
activeStyle = _props.activeStyle;
var events = disabled ? undefined : {
onTouchStart: this.onTouchStart,
onTouchMove: this.onTouchMove,
onTouchEnd: this.onTouchEnd,
onTouchCancel: this.onTouchCancel,
onMouseDown: this.onMouseDown,
onMouseUp: this.onMouseUp,
onMouseLeave: this.onMouseLeave
};
var child = __WEBPACK_IMPORTED_MODULE_5_react___default.a.Children.only(children);
if (!disabled && this.state.active) {
var _child$props = child.props,
style = _child$props.style,
className = _child$props.className;
if (activeStyle !== false) {
if (activeStyle) {
style = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, style, activeStyle);
}
className = __WEBPACK_IMPORTED_MODULE_6_classnames___default()(className, activeClassName);
}
return __WEBPACK_IMPORTED_MODULE_5_react___default.a.cloneElement(child, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({ className: className,
style: style }, events));
}
return __WEBPACK_IMPORTED_MODULE_5_react___default.a.cloneElement(child, events);
}
}]);
return TouchFeedback;
}(__WEBPACK_IMPORTED_MODULE_5_react___default.a.Component);
/* harmony default export */ __webpack_exports__["a"] = (TouchFeedback);
TouchFeedback.defaultProps = {
disabled: false
};
/***/ }),
/***/ 1424:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css__ = __webpack_require__(32);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_modal__ = __webpack_require__(33);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_modal___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_modal__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var DownloadMessageysl=function(_Component){_inherits(DownloadMessageysl,_Component);function DownloadMessageysl(props){_classCallCheck(this,DownloadMessageysl);var _this=_possibleConstructorReturn(this,(DownloadMessageysl.__proto__||Object.getPrototypeOf(DownloadMessageysl)).call(this,props));_this.setDownload=function(){_this.props.modalCancel();window.open('/messages/'+_this.props.user.login+'/message_detail?target_ids=1');};_this.state={funmodalsType:false,istype:false};return _this;}_createClass(DownloadMessageysl,[{key:'render',value:function render(){return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_modal___default.a,{keyboard:false,title:'\u63D0\u793A',visible:this.props.modalsType===undefined?false:this.props.modalsType,closable:false,footer:null,destroyOnClose:true,centered:true,width:'530px'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'task-popup-content'},this.props.value===500?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'task-popup-text-center font-16'},'\u56E0\u9644\u4EF6\u8D44\u6599\u8D85\u8FC7500M\uFF0C\u60A8\u53EF\u4EE5\u901A\u8FC7\u68C0\u7D22\u5206\u6279\u4E0B\u8F7D'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'task-popup-text-center font-16 mt5'},'\u6216\u8005\u901A\u8FC7\u5FAE\u4FE1\u6216\u8005QQ\u8054\u7CFB\u7BA1\u7406\u5458\u8F85\u52A9\u60A8\u6253\u5305\u4E0B\u8F7D')):this.props.value===100?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'task-popup-text-center font-16'},'\u5DF2\u8D85\u51FA\u6587\u4EF6\u5BFC\u51FA\u7684\u4E0A\u9650\u6570\u91CF\uFF08 ',__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:"color-orange-tip"},'100'),' \uFF09\uFF0C\u5EFA\u8BAE\uFF1A'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'task-popup-text-center font-16 mt20'},'1.\u901A\u8FC7\u68C0\u7D22\u5206\u6279\u6B21\u4E0B\u8F7D'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'task-popup-text-center font-16 mt5'},'2.\u8054\u7CFB\u7BA1\u7406\u5458\u8F85\u52A9\u4E0B\u8F7D')):"",__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'clearfix mt30 edu-txt-center'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{className:'task-btn mr30',onClick:this.props.modalCancel},'\u53D6\u6D88'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{className:'task-btn task-btn-orange',onClick:this.setDownload},'\u7ACB\u5373\u8054\u7CFB'))));}}]);return DownloadMessageysl;}(__WEBPACK_IMPORTED_MODULE_
/***/ }),
/***/ 1451:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "FormGroup", {
enumerable: true,
get: function get() {
return _FormGroup.default;
}
});
Object.defineProperty(exports, "FormLabel", {
enumerable: true,
get: function get() {
return _FormLabel.default;
}
});
Object.defineProperty(exports, "FormControl", {
enumerable: true,
get: function get() {
return _FormControl.default;
}
});
Object.defineProperty(exports, "FormHelperText", {
enumerable: true,
get: function get() {
return _FormHelperText.default;
}
});
Object.defineProperty(exports, "FormControlLabel", {
enumerable: true,
get: function get() {
return _FormControlLabel.default;
}
});
var _FormGroup = _interopRequireDefault(__webpack_require__(1566));
var _FormLabel = _interopRequireDefault(__webpack_require__(1603));
var _FormControl = _interopRequireDefault(__webpack_require__(1604));
var _FormHelperText = _interopRequireDefault(__webpack_require__(1605));
var _FormControlLabel = _interopRequireDefault(__webpack_require__(1606));
/***/ }),
/***/ 1470:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.hasValue = hasValue;
exports.isFilled = isFilled;
exports.isAdornedStart = isAdornedStart;
exports.default = exports.styles = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(8));
var _objectSpread2 = _interopRequireDefault(__webpack_require__(25));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(20));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
var _getPrototypeOf = _interopRequireDefault(__webpack_require__(21));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(16));
var _createClass2 = _interopRequireDefault(__webpack_require__(17));
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(22));
var _inherits2 = _interopRequireDefault(__webpack_require__(23));
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(24));
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _withStyles = _interopRequireDefault(__webpack_require__(19));
var _Textarea = _interopRequireDefault(__webpack_require__(1600));
// Supports determination of isControlled().
// Controlled input accepts its current value as a prop.
//
// @see https://facebook.github.io/react/docs/forms.html#controlled-components
// @param value
// @returns {boolean} true if string (including '') or number (including zero)
function hasValue(value) {
return value != null && !(Array.isArray(value) && value.length === 0);
} // Determine if field is empty or filled.
// Response determines if label is presented above field or as placeholder.
//
// @param obj
// @param SSR
// @returns {boolean} False when not present or empty string.
// True when any number or string with length.
function isFilled(obj) {
var SSR = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
return obj && (hasValue(obj.value) && obj.value !== '' || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== '');
} // Determine if an Input is adorned on start.
// It's corresponding to the left with LTR.
//
// @param obj
// @returns {boolean} False when no adornments.
// True when adorned at the start.
function isAdornedStart(obj) {
return obj.startAdornment;
}
var styles = function styles(theme) {
var light = theme.palette.type === 'light';
var placeholder = {
color: 'currentColor',
opacity: light ? 0.42 : 0.5,
transition: theme.transitions.create('opacity', {
duration: theme.transitions.duration.shorter
})
};
var placeholderHidden = {
opacity: 0
};
var placeholderVisible = {
opacity: light ? 0.42 : 0.5
};
var bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
return {
root: {
// Mimics the default input display property used by browsers for an input.
display: 'inline-flex',
position: 'relative',
fontFamily: theme.typography.fontFamily,
color: light ? 'rgba(0, 0, 0, 0.87)' : theme.palette.common.white,
fontSize: theme.typography.pxToRem(16),
lineHeight: '1.1875em',
// Reset (19px), match the native input line-height
'&$disabled': {
color: theme.palette.text.disabled
}
},
formControl: {
'label + &': {
marginTop: theme.spacing.unit * 2
}
},
focused: {},
disabled: {},
underline: {
'&:after': {
backgroundColor: theme.palette.primary[light ? 'dark' : 'light'],
left: 0,
bottom: 0,
// Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
content: '""',
height: 2,
position: 'absolute',
right: 0,
transform: 'scaleX(0)',
transition: theme.transitions.create('transform', {
duration: theme.transitions.duration.shorter,
easing: theme.transitions.easing.easeOut
}),
pointerEvents: 'none' // Transparent to the hover style.
},
'&$focused:after': {
transform: 'scaleX(1)'
},
'&$error:after': {
backgroundColor: theme.palette.error.main,
transform: 'scaleX(1)' // error is always underlined in red
},
'&:before': {
backgroundColor: bottomLineColor,
left: 0,
bottom: 0,
// Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
content: '""',
height: 1,
position: 'absolute',
right: 0,
transition: theme.transitions.create('background-color', {
duration: theme.transitions.duration.shorter
}),
pointerEvents: 'none' // Transparent to the hover style.
},
'&:hover:not($disabled):before': {
backgroundColor: theme.palette.text.primary,
height: 2
},
'&$disabled:before': {
background: 'transparent',
backgroundImage: "linear-gradient(to right, ".concat(bottomLineColor, " 33%, transparent 0%)"),
backgroundPosition: 'left top',
backgroundRepeat: 'repeat-x',
backgroundSize: '5px 1px'
}
},
error: {},
multiline: {
padding: "".concat(theme.spacing.unit - 2, "px 0 ").concat(theme.spacing.unit - 1, "px")
},
fullWidth: {
width: '100%'
},
input: {
font: 'inherit',
color: 'currentColor',
padding: "".concat(theme.spacing.unit - 2, "px 0 ").concat(theme.spacing.unit - 1, "px"),
border: 0,
boxSizing: 'content-box',
verticalAlign: 'middle',
background: 'none',
margin: 0,
// Reset for Safari
// Remove grey highlight
WebkitTapHighlightColor: 'transparent',
display: 'block',
// Make the flex item shrink with Firefox
minWidth: 0,
flexGrow: 1,
'&::-webkit-input-placeholder': placeholder,
'&::-moz-placeholder': placeholder,
// Firefox 19+
'&:-ms-input-placeholder': placeholder,
// IE 11
'&::-ms-input-placeholder': placeholder,
// Edge
'&:focus': {
outline: 0
},
// Reset Firefox invalid required input style
'&:invalid': {
boxShadow: 'none'
},
'&::-webkit-search-decoration': {
// Remove the padding when type=search.
'-webkit-appearance': 'none'
},
// Show and hide the placeholder logic
'label[data-shrink=false] + $formControl &': {
'&::-webkit-input-placeholder': placeholderHidden,
'&::-moz-placeholder': placeholderHidden,
// Firefox 19+
'&:-ms-input-placeholder': placeholderHidden,
// IE 11
'&::-ms-input-placeholder': placeholderHidden,
// Edge
'&:focus::-webkit-input-placeholder': placeholderVisible,
'&:focus::-moz-placeholder': placeholderVisible,
// Firefox 19+
'&:focus:-ms-input-placeholder': placeholderVisible,
// IE 11
'&:focus::-ms-input-placeholder': placeholderVisible // Edge
},
'&$disabled': {
opacity: 1 // Reset iOS opacity
}
},
inputMarginDense: {
paddingTop: theme.spacing.unit / 2 - 1
},
inputMultiline: {
resize: 'none',
padding: 0
},
inputType: {
// type="date" or type="time", etc. have specific styles we need to reset.
height: '1.1875em' // Reset (19px), match the native input line-height
},
inputTypeSearch: {
// Improve type search style.
'-moz-appearance': 'textfield',
'-webkit-appearance': 'textfield'
}
};
};
exports.styles = styles;
function formControlState(props, context) {
var disabled = props.disabled;
var error = props.error;
var margin = props.margin;
if (context && context.muiFormControl) {
if (typeof disabled === 'undefined') {
disabled = context.muiFormControl.disabled;
}
if (typeof error === 'undefined') {
error = context.muiFormControl.error;
}
if (typeof margin === 'undefined') {
margin = context.muiFormControl.margin;
}
}
return {
disabled: disabled,
error: error,
margin: margin
};
}
var Input =
/*#__PURE__*/
function (_React$Component) {
(0, _inherits2.default)(Input, _React$Component);
function Input(props, context) {
var _this;
(0, _classCallCheck2.default)(this, Input);
_this = (0, _possibleConstructorReturn2.default)(this, (Input.__proto__ || (0, _getPrototypeOf.default)(Input)).call(this, props, context));
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "state", {
configurable: true,
enumerable: true,
writable: true,
value: {
focused: false
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "isControlled", {
configurable: true,
enumerable: true,
writable: true,
value: _this.props.value != null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "input", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleFocus", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
// Fix an bug with IE11 where the focus/blur events are triggered
// while the input is disabled.
if (formControlState(_this.props, _this.context).disabled) {
event.stopPropagation();
return;
}
_this.setState({
focused: true
});
if (_this.props.onFocus) {
_this.props.onFocus(event);
}
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleBlur", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
_this.setState({
focused: false
});
if (_this.props.onBlur) {
_this.props.onBlur(event);
}
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleChange", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
if (!_this.isControlled) {
_this.checkDirty(_this.input);
} // Perform in the willUpdate
if (_this.props.onChange) {
_this.props.onChange(event);
}
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleRefInput", {
configurable: true,
enumerable: true,
writable: true,
value: function value(node) {
_this.input = node;
if (_this.props.inputRef) {
_this.props.inputRef(node);
} else if (_this.props.inputProps && _this.props.inputProps.ref) {
_this.props.inputProps.ref(node);
}
}
});
if (_this.isControlled) {
_this.checkDirty(props);
}
var componentWillReceiveProps = function componentWillReceiveProps(nextProps, nextContext) {
// The blur won't fire when the disabled state is set on a focused input.
// We need to book keep the focused state manually.
if (!formControlState(_this.props, _this.context).disabled && formControlState(nextProps, nextContext).disabled) {
_this.setState({
focused: false
});
}
};
var componentWillUpdate = function componentWillUpdate(nextProps, nextState, nextContext) {
// Book keep the focused state.
if (!formControlState(_this.props, _this.context).disabled && formControlState(nextProps, nextContext).disabled) {
var muiFormControl = _this.context.muiFormControl;
if (muiFormControl && muiFormControl.onBlur) {
muiFormControl.onBlur();
}
}
}; // Support for react >= 16.3.0 && < 17.0.0
/* istanbul ignore else */
if (_react.default.createContext) {
_this.UNSAFE_componentWillReceiveProps = componentWillReceiveProps;
_this.UNSAFE_componentWillUpdate = componentWillUpdate;
} else {
_this.componentWillReceiveProps = componentWillReceiveProps;
_this.componentWillUpdate = componentWillUpdate;
}
return _this;
}
(0, _createClass2.default)(Input, [{
key: "getChildContext",
value: function getChildContext() {
// We are consuming the parent muiFormControl context.
// We don't want a child to consume it a second time.
return {
muiFormControl: null
};
}
}, {
key: "componentDidMount",
value: function componentDidMount() {
if (!this.isControlled) {
this.checkDirty(this.input);
}
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate() {
if (this.isControlled) {
this.checkDirty(this.props);
} // else performed in the onChange
}
}, {
key: "checkDirty",
value: function checkDirty(obj) {
var muiFormControl = this.context.muiFormControl;
if (isFilled(obj)) {
if (muiFormControl && muiFormControl.onFilled) {
muiFormControl.onFilled();
}
if (this.props.onFilled) {
this.props.onFilled();
}
return;
}
if (muiFormControl && muiFormControl.onEmpty) {
muiFormControl.onEmpty();
}
if (this.props.onEmpty) {
this.props.onEmpty();
}
}
}, {
key: "render",
value: function render() {
var _classNames, _classNames2;
var _props = this.props,
autoComplete = _props.autoComplete,
autoFocus = _props.autoFocus,
classes = _props.classes,
classNameProp = _props.className,
defaultValue = _props.defaultValue,
disabledProp = _props.disabled,
disableUnderline = _props.disableUnderline,
endAdornment = _props.endAdornment,
errorProp = _props.error,
fullWidth = _props.fullWidth,
id = _props.id,
inputComponent = _props.inputComponent,
_props$inputProps = _props.inputProps;
_props$inputProps = _props$inputProps === void 0 ? {} : _props$inputProps;
var inputPropsClassName = _props$inputProps.className,
inputPropsProp = (0, _objectWithoutProperties2.default)(_props$inputProps, ["className"]),
inputRef = _props.inputRef,
marginProp = _props.margin,
multiline = _props.multiline,
name = _props.name,
onBlur = _props.onBlur,
onChange = _props.onChange,
onEmpty = _props.onEmpty,
onFilled = _props.onFilled,
onFocus = _props.onFocus,
onKeyDown = _props.onKeyDown,
onKeyUp = _props.onKeyUp,
placeholder = _props.placeholder,
readOnly = _props.readOnly,
rows = _props.rows,
rowsMax = _props.rowsMax,
startAdornment = _props.startAdornment,
type = _props.type,
value = _props.value,
other = (0, _objectWithoutProperties2.default)(_props, ["autoComplete", "autoFocus", "classes", "className", "defaultValue", "disabled", "disableUnderline", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "multiline", "name", "onBlur", "onChange", "onEmpty", "onFilled", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "rows", "rowsMax", "startAdornment", "type", "value"]);
var muiFormControl = this.context.muiFormControl;
var _formControlState = formControlState(this.props, this.context),
disabled = _formControlState.disabled,
error = _formControlState.error,
margin = _formControlState.margin;
var className = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.error, error), (0, _defineProperty2.default)(_classNames, classes.fullWidth, fullWidth), (0, _defineProperty2.default)(_classNames, classes.focused, this.state.focused), (0, _defineProperty2.default)(_classNames, classes.formControl, muiFormControl), (0, _defineProperty2.default)(_classNames, classes.multiline, multiline), (0, _defineProperty2.default)(_classNames, classes.underline, !disableUnderline), _classNames), classNameProp);
var inputClassName = (0, _classnames.default)(classes.input, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames2, classes.inputType, type !== 'text'), (0, _defineProperty2.default)(_classNames2, classes.inputTypeSearch, type === 'search'), (0, _defineProperty2.default)(_classNames2, classes.inputMultiline, multiline), (0, _defineProperty2.default)(_classNames2, classes.inputMarginDense, margin === 'dense'), _classNames2), inputPropsClassName);
var required = muiFormControl && muiFormControl.required === true;
var InputComponent = 'input';
var inputProps = (0, _objectSpread2.default)({}, inputPropsProp, {
ref: this.handleRefInput
});
if (inputComponent) {
InputComponent = inputComponent;
inputProps = (0, _objectSpread2.default)({
// Rename ref to inputRef as we don't know the
// provided `inputComponent` structure.
inputRef: this.handleRefInput
}, inputProps, {
ref: null
});
} else if (multiline) {
if (rows && !rowsMax) {
InputComponent = 'textarea';
} else {
inputProps = (0, _objectSpread2.default)({
rowsMax: rowsMax,
textareaRef: this.handleRefInput
}, inputProps, {
ref: null
});
InputComponent = _Textarea.default;
}
}
return _react.default.createElement("div", (0, _extends2.default)({
className: className
}, other), startAdornment, _react.default.createElement(InputComponent, (0, _extends2.default)({
"aria-invalid": error,
"aria-required": required,
autoComplete: autoComplete,
autoFocus: autoFocus,
className: inputClassName,
defaultValue: defaultValue,
disabled: disabled,
id: id,
name: name,
onBlur: this.handleBlur,
onChange: this.handleChange,
onFocus: this.handleFocus,
onKeyDown: onKeyDown,
onKeyUp: onKeyUp,
placeholder: placeholder,
readOnly: readOnly,
required: required ? true : undefined,
rows: rows,
type: type,
value: value
}, inputProps)), endAdornment);
}
}]);
return Input;
}(_react.default.Component);
Input.propTypes = false ? {
/**
* This property helps users to fill forms faster, especially on mobile devices.
* The name can be confusing, as it's more like an autofill.
* You can learn more about it here:
* https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill
*/
autoComplete: _propTypes.default.string,
/**
* If `true`, the input will be focused during the first mount.
*/
autoFocus: _propTypes.default.bool,
/**
* Useful to extend the style applied to components.
*/
classes: _propTypes.default.object.isRequired,
/**
* The CSS class name of the wrapper element.
*/
className: _propTypes.default.string,
/**
* The default input value, useful when not controlling the component.
*/
defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
/**
* If `true`, the input will be disabled.
*/
disabled: _propTypes.default.bool,
/**
* If `true`, the input will not have an underline.
*/
disableUnderline: _propTypes.default.bool,
/**
* End `InputAdornment` for this component.
*/
endAdornment: _propTypes.default.node,
/**
* If `true`, the input will indicate an error. This is normally obtained via context from
* FormControl.
*/
error: _propTypes.default.bool,
/**
* If `true`, the input will take up the full width of its container.
*/
fullWidth: _propTypes.default.bool,
/**
* The id of the `input` element.
*/
id: _propTypes.default.string,
/**
* The component used for the native input.
* Either a string to use a DOM element or a component.
*/
inputComponent: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
/**
* Properties applied to the `input` element.
*/
inputProps: _propTypes.default.object,
/**
* Use that property to pass a ref callback to the native input component.
*/
inputRef: _propTypes.default.func,
/**
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
* FormControl.
*/
margin: _propTypes.default.oneOf(['dense', 'none']),
/**
* If `true`, a textarea element will be rendered.
*/
multiline: _propTypes.default.bool,
/**
* Name attribute of the `input` element.
*/
name: _propTypes.default.string,
/**
* @ignore
*/
onBlur: _propTypes.default.func,
/**
* Callback fired when the value is changed.
*
* @param {object} event The event source of the callback.
* You can pull out the new value by accessing `event.target.value`.
*/
onChange: _propTypes.default.func,
/**
* @ignore
*/
onEmpty: _propTypes.default.func,
/**
* @ignore
*/
onFilled: _propTypes.default.func,
/**
* @ignore
*/
onFocus: _propTypes.default.func,
/**
* @ignore
*/
onKeyDown: _propTypes.default.func,
/**
* @ignore
*/
onKeyUp: _propTypes.default.func,
/**
* The short hint displayed in the input before the user enters a value.
*/
placeholder: _propTypes.default.string,
/**
* @ignore
*/
readOnly: _propTypes.default.bool,
/**
* Number of rows to display when multiline option is set to true.
*/
rows: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
/**
* Maximum number of rows to display when multiline option is set to true.
*/
rowsMax: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
/**
* Start `InputAdornment` for this component.
*/
startAdornment: _propTypes.default.node,
/**
* Type of the input element. It should be a valid HTML5 input type.
*/
type: _propTypes.default.string,
/**
* The input value, required for a controlled component.
*/
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))])
} : {};
Input.muiName = 'Input';
Input.defaultProps = {
disableUnderline: false,
fullWidth: false,
multiline: false,
type: 'text'
};
Input.contextTypes = {
muiFormControl: _propTypes.default.object
};
Input.childContextTypes = {
muiFormControl: _propTypes.default.object
};
var _default = (0, _withStyles.default)(styles, {
name: 'MuiInput'
})(Input);
exports.default = _default;
/***/ }),
/***/ 1473:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony default export */ __webpack_exports__["a"] = ({
ZERO: 48,
NINE: 57,
NUMPAD_ZERO: 96,
NUMPAD_NINE: 105,
BACKSPACE: 8,
DELETE: 46,
ENTER: 13,
ARROW_UP: 38,
ARROW_DOWN: 40
});
/***/ }),
/***/ 1481:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "default", {
enumerable: true,
get: function get() {
return _Tooltip.default;
}
});
var _Tooltip = _interopRequireDefault(__webpack_require__(1586));
/***/ }),
/***/ 1501:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1513);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1513:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".panel-comment_item .t_area{font-size:12px;color:#ccc}.panel-comment_item .orig_reply i{font-size:14px!important;margin-left:12px}.panel-comment_item ol.linenums{overflow:auto}.panel-comment_item .rewarded{color:#ff7500!important}.panel-comment_item .rewarded.normalUser{cursor:inherit}#tab_con_4 .-layout-v{overflow-y:auto}#tab_con_4 .rc-pagination{margin:12px auto 20px}.rc-pagination{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.comment_content img{max-width:23%!important}#mini_comment_section .df .ke-container{border-radius:15px}#mini_comment_section .df .buttons{width:70px;margin-bottom:5px}#mini_comment_section .buttons i{font-size:18px;color:#656565;vertical-align:baseline}#mini_comment_section i.newReplyIcon{color:#4dacff;cursor:pointer}#mini_comment_section .buttons{margin-bottom:10px}#mini_comment_section .buttons>p{margin-top:4px;display:none}#mini_comment_section .df .buttons>p{margin-top:14px;display:block}#mini_comment_section{height:auto;background-color:#fff;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 -3px 5px 0 rgba(76,172,255,.2);box-shadow:0 -3px 5px 0 rgba(76,172,255,.2);z-index:99}#mini_comment_section #editor_panel{margin-bottom:9px}#mini_comment_section #editor_panel>div:first-child{position:absolute;bottom:8px;right:88px}#mini_comment_section .ke-toolbar-icon-url{background-image:url(" + __webpack_require__(1514) + ");background-position:0 0;background-size:30px 30px;width:30px;height:30px}#mini_comment_section .ke-outline{height:30px;margin-bottom:-11px;width:30px;margin-right:-5px;border:none;margin:0;padding:0;position:absolute;top:-30px;left:-30px;left:-24px;z-index:999}#mini_comment_section i.replyIcon{font-size:20px}#shixun_comment_block .dot{height:4px;border-radius:2px;background-color:#4cacff;width:4px;position:relative;bottom:30px;left:18px;display:block}#mini_comment_section .ke-container{border-radius:6px;border-color:#eaeaea}.commentTxt{width:100%;height:95px;border:1px solid #eaeaea;border-radius:10px;padding-left:5px}#game_praise_tread{cursor:pointer}.commentsbtn{margin-top:2px}#shixun_comment_block{margin:0 10px;margin-bottom:-2px}.panel-comment_item a.task-btn-orange{background:#4cacff}.childrenCommentsView{background:#f4f4f4;border-radius:4px;margin-bottom:6px;position:relative;margin-top:6px}.childrenCommentsView .trangle{position:absolute;border-color:#000;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #f4f4f4;left:13px;top:-9px;border-bottom:10px solid #f4f4f4}.childComment{padding:2px 8px}.childComment .iconfont.icon-jiangli{margin-top:2px}.childComment:hover{background:#ebebeb}.childComment .iconfont{display:none}.childComment p.orig_reply{margin-bottom:0}.childComment:hover .iconfont{display:inline}.blink{animation:blink-animation 3s steps(5,start) infinite;-webkit-animation:blink-animation 3s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.J_Comment_Reply img.emoji{width:24px}.noCommentTitle{text-align:center;margin-top:20px;font-size:16px;height:100px;line-height:100px}.break_word_comments{word-break:break-word;width:100%;word-wrap:break-word;margin-bottom:4px;margin-top:4px}.childComment .break_word_comments{line-height:22px}form.df .tips{display:none}.loadMoreChildComments{text-align:center;height:24px;background:#f1f1f1;cursor:pointer}.loadMoreChildComments i.icon-xiajiantou{position:relative;bottom:5px}", "", {"version":3,"sources":["/Users/hs/edu/educoder/public/react/src/modules/comment/Comment.css"],"names":[],"mappings":"AAKA,4BACC,eAAgB,AACb,UAAe,CAClB,AACD,kCACI,yBAA2B,AAC3B,gBAAkB,CACrB,AAEG,gCACI,aAAe,CAClB,AACD,8BACI,uBAAwB,CAC3B,AACD,yCACI,cAAgB,CACnB,AACL,sBACC,eAAiB,CACjB,AACD,0BACI,qBAAkB,CAIrB,AACD,eACI,0BAA2B,AAC3B,uBAAwB,AACxB,iBAAmB,CACtB,AAED,qBACI,uBAA0B,CAC7B,AAKD,wCACI,kBAAoB,CAEvB,AACD,mCACI,WAAY,AACX,iBAAmB,CACvB,AACG,iCACI,eAAgB,AAChB,cAAe,AACf,uBAAyB,CAC5B,AACD,qCACI,cAAe,AACf,cAAgB,CACnB,AACD,+BACI,kBAAoB,CACvB,AACD,iCACI,eAAgB,AAChB,YAAc,CACjB,
// exports
/***/ }),
/***/ 1514:
/***/ (function(module, exports) {
module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAACO0lEQVRIS81Vz0tUURT+zp2ZV0Y/CMMUCio3geBGooUiBIGMjKI9JxAJbNVCKGxj7aJFUAQuBMNlgf2aN+Ni1NoULdI/QBCEwmilhRvDyEnfO35vZMZpSOclM9CFA+edd853v3u+c9+Tdkd7jWAYipMo1xJ88xSDEkvqclmBcwS5gcQc1XIRLsb5T8EFK2S6AA8WBI30D5aFuQCrbOaAZ/Ax7CLiGvQb4Db7W1W4wb7aQpAXUzb6IJLVKzqh9SEX43QvBgVfY+Iy7QwtXFikgtEpWwZysWhSTxnFOE/UGgxc8Yi80mrwgD1t4biyNr8+8aE73SPzgEqHgzjfjrBVNaXBBRnXxek3cay0J3BZDBIEO7YzwuAdwWdu+BYGRxjvon88mKCKd1WKtsRVcf2CWELvktk9uta/3Im/CeqLNDRp43FOsPhrtX4ZPGH8Oq2wPRk+zLKgifGjJZkz+TuP2pu+Iu8Lk6Mvtd6E8ZTvm7Nx5YQbPORRRjIebolgqCQ4WcxwGvqmbflanBx1tCsEjDLuCzdtCW6kbFnqTGorRXjFWO2ugpKVL9TYWjVufrgkm8XgTWMaqTuBOPMayPz59rRwbFJas+HhGd22vaZlnR3tn7TFZxF8qUoshTvc8D6L8nfiT0EVP6x1nE9dk6XgyNuZnY42emwp3cO52uJp+cnvRXc4hLmNDAULuCIHYDZ/4wJ/Ov6JD+0G7o/hF9oiLTvjARd1xjnaWVp+VPf14Qq4ISoMXsl/aCX//ltnXea2CTNsxwAAAABJRU5ErkJggg=="
/***/ }),
/***/ 1557:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Pagination__ = __webpack_require__(1594);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__Pagination__["a"]; });
/***/ }),
/***/ 1558:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "default", {
enumerable: true,
get: function get() {
return _Input.default;
}
});
Object.defineProperty(exports, "InputAdornment", {
enumerable: true,
get: function get() {
return _InputAdornment.default;
}
});
Object.defineProperty(exports, "InputLabel", {
enumerable: true,
get: function get() {
return _InputLabel.default;
}
});
var _Input = _interopRequireDefault(__webpack_require__(1470));
var _InputAdornment = _interopRequireDefault(__webpack_require__(1601));
var _InputLabel = _interopRequireDefault(__webpack_require__(1602));
/***/ }),
/***/ 1566:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.styles = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(8));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(20));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _withStyles = _interopRequireDefault(__webpack_require__(19));
var styles = {
root: {
display: 'flex',
flexDirection: 'column',
flexWrap: 'wrap'
},
row: {
flexDirection: 'row'
}
};
/**
* `FormGroup` wraps controls such as `Checkbox` and `Switch`.
* It provides compact row layout.
* For the `Radio`, you should be using the `RadioGroup` component instead of this one.
*/
exports.styles = styles;
function FormGroup(props) {
var classes = props.classes,
className = props.className,
children = props.children,
row = props.row,
other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "children", "row"]);
return _react.default.createElement("div", (0, _extends2.default)({
className: (0, _classnames.default)(classes.root, (0, _defineProperty2.default)({}, classes.row, row), className)
}, other), children);
}
FormGroup.propTypes = false ? {
/**
* The content of the component.
*/
children: _propTypes.default.node,
/**
* Useful to extend the style applied to components.
*/
classes: _propTypes.default.object.isRequired,
/**
* @ignore
*/
className: _propTypes.default.string,
/**
* Display group of elements in a compact row.
*/
row: _propTypes.default.bool
} : {};
FormGroup.defaultProps = {
row: false
};
var _default = (0, _withStyles.default)(styles, {
name: 'MuiFormGroup'
})(FormGroup);
exports.default = _default;
/***/ }),
/***/ 1585:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1643);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1586:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.styles = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(8));
var _objectSpread2 = _interopRequireDefault(__webpack_require__(25));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
var _getPrototypeOf = _interopRequireDefault(__webpack_require__(21));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(16));
var _createClass2 = _interopRequireDefault(__webpack_require__(17));
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(22));
var _inherits2 = _interopRequireDefault(__webpack_require__(23));
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(24));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(20));
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _reactDom = _interopRequireDefault(__webpack_require__(4));
var _reactEventListener = _interopRequireDefault(__webpack_require__(91));
var _debounce = _interopRequireDefault(__webpack_require__(187));
var _warning = _interopRequireDefault(__webpack_require__(13));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _reactPopper = __webpack_require__(1587);
var _helpers = __webpack_require__(77);
var _RootRef = _interopRequireDefault(__webpack_require__(356));
var _Portal = _interopRequireDefault(__webpack_require__(357));
var _common = _interopRequireDefault(__webpack_require__(353));
var _withStyles = _interopRequireDefault(__webpack_require__(19));
/* eslint-disable react/no-multi-comp, no-underscore-dangle */
var styles = function styles(theme) {
return {
// Will be gone once we drop React 15.x support.
root: {
display: 'inline-block',
flexDirection: 'inherit' // Makes the wrapper more transparent.
},
popper: {
zIndex: theme.zIndex.tooltip,
pointerEvents: 'none',
'&$open': {
pointerEvents: 'auto'
}
},
open: {},
tooltip: {
backgroundColor: theme.palette.grey[700],
borderRadius: 2,
color: _common.default.white,
fontFamily: theme.typography.fontFamily,
opacity: 0,
transform: 'scale(0)',
transition: theme.transitions.create(['opacity', 'transform'], {
duration: theme.transitions.duration.shortest,
easing: theme.transitions.easing.easeIn
}),
minHeight: 0,
padding: "".concat(theme.spacing.unit / 2, "px ").concat(theme.spacing.unit, "px"),
fontSize: theme.typography.pxToRem(10),
lineHeight: "".concat(theme.typography.round(14 / 10), "em"),
'&$open': {
opacity: 0.9,
transform: 'scale(1)',
transition: theme.transitions.create(['opacity', 'transform'], {
duration: theme.transitions.duration.shortest,
easing: theme.transitions.easing.easeOut
})
}
},
touch: {
padding: "".concat(theme.spacing.unit, "px ").concat(theme.spacing.unit * 2, "px"),
fontSize: theme.typography.pxToRem(14),
lineHeight: "".concat(theme.typography.round(16 / 14), "em")
},
tooltipPlacementLeft: (0, _defineProperty2.default)({
transformOrigin: 'right center',
margin: "0 ".concat(theme.spacing.unit * 3, "px")
}, theme.breakpoints.up('sm'), {
margin: '0 14px'
}),
tooltipPlacementRight: (0, _defineProperty2.default)({
transformOrigin: 'left center',
margin: "0 ".concat(theme.spacing.unit * 3, "px")
}, theme.breakpoints.up('sm'), {
margin: '0 14px'
}),
tooltipPlacementTop: (0, _defineProperty2.default)({
transformOrigin: 'center bottom',
margin: "".concat(theme.spacing.unit * 3, "px 0")
}, theme.breakpoints.up('sm'), {
margin: '14px 0'
}),
tooltipPlacementBottom: (0, _defineProperty2.default)({
transformOrigin: 'center top',
margin: "".concat(theme.spacing.unit * 3, "px 0")
}, theme.breakpoints.up('sm'), {
margin: '14px 0'
})
};
};
exports.styles = styles;
function flipPlacement(placement) {
switch (placement) {
case 'bottom-end':
return 'bottom-start';
case 'bottom-start':
return 'bottom-end';
case 'top-end':
return 'top-start';
case 'top-start':
return 'top-end';
default:
return placement;
}
}
var Tooltip =
/*#__PURE__*/
function (_React$Component) {
(0, _inherits2.default)(Tooltip, _React$Component);
function Tooltip(props, context) {
var _this;
(0, _classCallCheck2.default)(this, Tooltip);
_this = (0, _possibleConstructorReturn2.default)(this, (Tooltip.__proto__ || (0, _getPrototypeOf.default)(Tooltip)).call(this, props, context));
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "state", {
configurable: true,
enumerable: true,
writable: true,
value: {}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "enterTimer", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "leaveTimer", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "touchTimer", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "closeTimer", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "isControlled", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "popper", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "children", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "ignoreNonTouchEvents", {
configurable: true,
enumerable: true,
writable: true,
value: false
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleResize", {
configurable: true,
enumerable: true,
writable: true,
value: (0, _debounce.default)(function () {
if (_this.popper) {
_this.popper._popper.scheduleUpdate();
}
}, 166)
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleEnter", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
var _this$props = _this.props,
children = _this$props.children,
enterDelay = _this$props.enterDelay;
var childrenProps = children.props;
if (event.type === 'focus' && childrenProps.onFocus) {
childrenProps.onFocus(event);
}
if (event.type === 'mouseover' && childrenProps.onMouseOver) {
childrenProps.onMouseOver(event);
}
if (_this.ignoreNonTouchEvents && event.type !== 'touchstart') {
return;
}
clearTimeout(_this.enterTimer);
clearTimeout(_this.leaveTimer);
if (enterDelay) {
event.persist();
_this.enterTimer = setTimeout(function () {
_this.handleOpen(event);
}, enterDelay);
} else {
_this.handleOpen(event);
}
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleOpen", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
if (!_this.isControlled) {
_this.setState({
open: true
});
}
if (_this.props.onOpen) {
_this.props.onOpen(event, true);
}
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleLeave", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
var _this$props2 = _this.props,
children = _this$props2.children,
leaveDelay = _this$props2.leaveDelay;
var childrenProps = children.props;
if (event.type === 'blur' && childrenProps.onBlur) {
childrenProps.onBlur(event);
}
if (event.type === 'mouseleave' && childrenProps.onMouseLeave) {
childrenProps.onMouseLeave(event);
}
clearTimeout(_this.enterTimer);
clearTimeout(_this.leaveTimer);
if (leaveDelay) {
event.persist();
_this.leaveTimer = setTimeout(function () {
_this.handleClose(event);
}, leaveDelay);
} else {
_this.handleClose(event);
}
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleClose", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
if (!_this.isControlled) {
_this.setState({
open: false
});
}
if (_this.props.onClose) {
_this.props.onClose(event, false);
}
clearTimeout(_this.closeTimer);
_this.closeTimer = setTimeout(function () {
_this.ignoreNonTouchEvents = false;
}, _this.props.theme.transitions.duration.shortest);
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleTouchStart", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
_this.ignoreNonTouchEvents = true;
var _this$props3 = _this.props,
children = _this$props3.children,
enterTouchDelay = _this$props3.enterTouchDelay;
var childrenProps = children.props;
if (childrenProps.onTouchStart) {
childrenProps.onTouchStart(event);
}
clearTimeout(_this.leaveTimer);
clearTimeout(_this.closeTimer);
clearTimeout(_this.touchTimer);
event.persist();
_this.touchTimer = setTimeout(function () {
_this.handleEnter(event);
}, enterTouchDelay);
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleTouchEnd", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
var _this$props4 = _this.props,
children = _this$props4.children,
leaveTouchDelay = _this$props4.leaveTouchDelay;
var childrenProps = children.props;
if (childrenProps.onTouchEnd) {
childrenProps.onTouchEnd(event);
}
clearTimeout(_this.touchTimer);
clearTimeout(_this.leaveTimer);
event.persist();
_this.leaveTimer = setTimeout(function () {
_this.handleClose(event);
}, leaveTouchDelay);
}
});
_this.isControlled = props.open != null;
if (!_this.isControlled) {
// not controlled, use internal state
_this.state.open = false;
}
return _this;
}
(0, _createClass2.default)(Tooltip, [{
key: "componentDidMount",
value: function componentDidMount() {
false ? (0, _warning.default)(!this.children || !this.children.disabled || !this.children.tagName.toLowerCase() === 'button', ['Material-UI: you are providing a disabled `button` child to the Tooltip component.', 'A disabled element does not fire events.', "Tooltip needs to listen to the child element's events to display the title.", '', 'Place a `div` container on top of the element.'].join('\n')) : void 0;
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
clearTimeout(this.enterTimer);
clearTimeout(this.leaveTimer);
clearTimeout(this.touchTimer);
clearTimeout(this.closeTimer);
this.handleResize.cancel();
}
}, {
key: "render",
value: function render() {
var _this2 = this;
var _props = this.props,
children = _props.children,
classes = _props.classes,
className = _props.className,
disableFocusListener = _props.disableFocusListener,
disableHoverListener = _props.disableHoverListener,
disableTouchListener = _props.disableTouchListener,
enterDelay = _props.enterDelay,
enterTouchDelay = _props.enterTouchDelay,
id = _props.id,
leaveDelay = _props.leaveDelay,
leaveTouchDelay = _props.leaveTouchDelay,
onClose = _props.onClose,
onOpen = _props.onOpen,
openProp = _props.open,
placementProp = _props.placement,
_props$PopperProps = _props.PopperProps;
_props$PopperProps = _props$PopperProps === void 0 ? {} : _props$PopperProps;
var PopperClassName = _props$PopperProps.className,
PopperProps = (0, _objectWithoutProperties2.default)(_props$PopperProps, ["className"]),
theme = _props.theme,
title = _props.title,
other = (0, _objectWithoutProperties2.default)(_props, ["children", "classes", "className", "disableFocusListener", "disableHoverListener", "disableTouchListener", "enterDelay", "enterTouchDelay", "id", "leaveDelay", "leaveTouchDelay", "onClose", "onOpen", "open", "placement", "PopperProps", "theme", "title"]);
var placement = theme.direction === 'rtl' ? flipPlacement(placementProp) : placementProp;
var open = this.isControlled ? openProp : this.state.open;
var childrenProps = {
'aria-describedby': id
}; // There is no point at displaying an empty tooltip.
if (title === '') {
open = false;
}
if (!disableTouchListener) {
childrenProps.onTouchStart = this.handleTouchStart;
childrenProps.onTouchEnd = this.handleTouchEnd;
}
if (!disableHoverListener) {
childrenProps.onMouseOver = this.handleEnter;
childrenProps.onMouseLeave = this.handleLeave;
}
if (!disableFocusListener) {
childrenProps.onFocus = this.handleEnter;
childrenProps.onBlur = this.handleLeave;
}
false ? (0, _warning.default)(!children.props.title, ['Material-UI: you have been providing a `title` property to the child of <Tooltip />.', "Remove this title property `".concat(children.props.title, "` or the Tooltip component.")].join('\n')) : void 0;
return _react.default.createElement(_reactPopper.Manager, (0, _extends2.default)({
tag: _reactDom.default.createPortal ? false : 'div',
className: (0, _classnames.default)(classes.root, className)
}, other), _react.default.createElement(_reactEventListener.default, {
target: "window",
onResize: this.handleResize
}), _react.default.createElement(_reactPopper.Target, null, function (_ref) {
var targetProps = _ref.targetProps;
return _react.default.createElement(_RootRef.default, {
rootRef: function rootRef(node) {
_this2.children = node;
targetProps.ref(_this2.children);
}
}, _react.default.cloneElement(children, childrenProps));
}), _react.default.createElement(_Portal.default, null, _react.default.createElement(_reactPopper.Popper, (0, _extends2.default)({
placement: placement,
eventsEnabled: open,
className: (0, _classnames.default)(classes.popper, (0, _defineProperty2.default)({}, classes.open, open), PopperClassName),
ref: function ref(node) {
_this2.popper = node;
}
}, PopperProps), function (_ref2) {
var popperProps = _ref2.popperProps,
restProps = _ref2.restProps;
var actualPlacement = (popperProps['data-placement'] || placement).split('-')[0];
return _react.default.createElement("div", (0, _extends2.default)({}, popperProps, restProps, {
style: (0, _objectSpread2.default)({}, popperProps.style, {
top: popperProps.style.top || 0,
left: popperProps.style.left || 0
}, restProps.style)
}), _react.default.createElement("div", {
id: id,
role: "tooltip",
"aria-hidden": !open,
className: (0, _classnames.default)(classes.tooltip, (0, _defineProperty2.default)({}, classes.open, open), (0, _defineProperty2.default)({}, classes.touch, _this2.ignoreNonTouchEvents), classes["tooltipPlacement".concat((0, _helpers.capitalize)(actualPlacement))])
}, title));
})));
}
}]);
return Tooltip;
}(_react.default.Component);
Tooltip.propTypes = false ? {
/**
* Tooltip reference element.
*/
children: _propTypes.default.element.isRequired,
/**
* Useful to extend the style applied to components.
*/
classes: _propTypes.default.object.isRequired,
/**
* @ignore
*/
className: _propTypes.default.string,
/**
* Do not respond to focus events.
*/
disableFocusListener: _propTypes.default.bool,
/**
* Do not respond to hover events.
*/
disableHoverListener: _propTypes.default.bool,
/**
* Do not respond to long press touch events.
*/
disableTouchListener: _propTypes.default.bool,
/**
* The number of milliseconds to wait before showing the tooltip.
* This property won't impact the enter touch delay (`enterTouchDelay`).
*/
enterDelay: _propTypes.default.number,
/**
* The number of milliseconds a user must touch the element before showing the tooltip.
*/
enterTouchDelay: _propTypes.default.number,
/**
* The relationship between the tooltip and the wrapper component is not clear from the DOM.
* By providing this property, we can use aria-describedby to solve the accessibility issue.
*/
id: _propTypes.default.string,
/**
* The number of milliseconds to wait before hiding the tooltip.
* This property won't impact the leave touch delay (`leaveTouchDelay`).
*/
leaveDelay: _propTypes.default.number,
/**
* The number of milliseconds after the user stops touching an element before hiding the tooltip.
*/
leaveTouchDelay: _propTypes.default.number,
/**
* Callback fired when the tooltip requests to be closed.
*
* @param {object} event The event source of the callback
*/
onClose: _propTypes.default.func,
/**
* Callback fired when the tooltip requests to be open.
*
* @param {object} event The event source of the callback
*/
onOpen: _propTypes.default.func,
/**
* If `true`, the tooltip is shown.
*/
open: _propTypes.default.bool,
/**
* Tooltip placement
*/
placement: _propTypes.default.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
/**
* Properties applied to the `Popper` element.
*/
PopperProps: _propTypes.default.object,
/**
* @ignore
*/
theme: _propTypes.default.object.isRequired,
/**
* Tooltip title. Zero-length titles string are never displayed.
*/
title: _propTypes.default.node.isRequired
} : {};
Tooltip.defaultProps = {
disableFocusListener: false,
disableHoverListener: false,
disableTouchListener: false,
enterDelay: 0,
enterTouchDelay: 1000,
leaveDelay: 0,
leaveTouchDelay: 1500,
placement: 'bottom'
};
var _default = (0, _withStyles.default)(styles, {
name: 'MuiTooltip',
withTheme: true
})(Tooltip);
exports.default = _default;
/***/ }),
/***/ 1587:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Manager__ = __webpack_require__(1588);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Manager", function() { return __WEBPACK_IMPORTED_MODULE_0__Manager__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Target__ = __webpack_require__(1589);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Target", function() { return __WEBPACK_IMPORTED_MODULE_1__Target__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Popper__ = __webpack_require__(1590);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Popper", function() { return __WEBPACK_IMPORTED_MODULE_2__Popper__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "placements", function() { return __WEBPACK_IMPORTED_MODULE_2__Popper__["b"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Arrow__ = __webpack_require__(1592);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Arrow", function() { return __WEBPACK_IMPORTED_MODULE_3__Arrow__["a"]; });
/***/ }),
/***/ 1588:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var Manager = function (_Component) {
_inherits(Manager, _Component);
function Manager() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, Manager);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Manager.__proto__ || Object.getPrototypeOf(Manager)).call.apply(_ref, [this].concat(args))), _this), _this._setTargetNode = function (node) {
_this._targetNode = node;
}, _this._getTargetNode = function () {
return _this._targetNode;
}, _temp), _possibleConstructorReturn(_this, _ret);
}
_createClass(Manager, [{
key: 'getChildContext',
value: function getChildContext() {
return {
popperManager: {
setTargetNode: this._setTargetNode,
getTargetNode: this._getTargetNode
}
};
}
}, {
key: 'render',
value: function render() {
var _props = this.props,
tag = _props.tag,
children = _props.children,
restProps = _objectWithoutProperties(_props, ['tag', 'children']);
if (tag !== false) {
return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(tag, restProps, children);
} else {
return children;
}
}
}]);
return Manager;
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
Manager.childContextTypes = {
popperManager: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object.isRequired
};
Manager.propTypes = {
tag: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool]),
children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func])
};
Manager.defaultProps = {
tag: 'div'
};
/* harmony default export */ __webpack_exports__["a"] = (Manager);
/***/ }),
/***/ 1589:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var Target = function Target(props, context) {
var _props$component = props.component,
component = _props$component === undefined ? 'div' : _props$component,
innerRef = props.innerRef,
children = props.children,
restProps = _objectWithoutProperties(props, ['component', 'innerRef', 'children']);
var popperManager = context.popperManager;
var targetRef = function targetRef(node) {
popperManager.setTargetNode(node);
if (typeof innerRef === 'function') {
innerRef(node);
}
};
if (typeof children === 'function') {
var targetProps = { ref: targetRef };
return children({ targetProps: targetProps, restProps: restProps });
}
var componentProps = _extends({}, restProps);
if (typeof component === 'string') {
componentProps.ref = targetRef;
} else {
componentProps.innerRef = targetRef;
}
return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(component, componentProps, children);
};
Target.contextTypes = {
popperManager: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object.isRequired
};
Target.propTypes = {
component: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
innerRef: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func])
};
/* harmony default export */ __webpack_exports__["a"] = (Target);
/***/ }),
/***/ 1590:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return placements; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_popper_js__ = __webpack_require__(1591);
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var placements = __WEBPACK_IMPORTED_MODULE_2_popper_js__["a" /* default */].placements;
var Popper = function (_Component) {
_inherits(Popper, _Component);
function Popper() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, Popper);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Popper.__proto__ || Object.getPrototypeOf(Popper)).call.apply(_ref, [this].concat(args))), _this), _this.state = {}, _this._setArrowNode = function (node) {
_this._arrowNode = node;
}, _this._getTargetNode = function () {
if (_this.props.target) {
return _this.props.target;
} else if (!_this.context.popperManager || !_this.context.popperManager.getTargetNode()) {
throw new Error('Target missing. Popper must be given a target from the Popper Manager, or as a prop.');
}
return _this.context.popperManager.getTargetNode();
}, _this._getOffsets = function (data) {
return Object.keys(data.offsets).map(function (key) {
return data.offsets[key];
});
}, _this._isDataDirty = function (data) {
if (_this.state.data) {
return JSON.stringify(_this._getOffsets(_this.state.data)) !== JSON.stringify(_this._getOffsets(data));
} else {
return true;
}
}, _this._updateStateModifier = {
enabled: true,
order: 900,
fn: function fn(data) {
if (_this._isDataDirty(data)) {
_this.setState({ data: data });
}
return data;
}
}, _this._getPopperStyle = function () {
var data = _this.state.data;
if (!_this._popper || !data) {
return {
position: 'absolute',
pointerEvents: 'none',
opacity: 0
};
}
return _extends({
position: data.offsets.popper.position
}, data.styles);
}, _this._getPopperPlacement = function () {
return _this.state.data ? _this.state.data.placement : undefined;
}, _this._getPopperHide = function () {
return !!_this.state.data && _this.state.data.hide ? '' : undefined;
}, _this._getArrowStyle = function () {
if (!_this.state.data || !_this.state.data.offsets.arrow) {
return {};
} else {
var _this$state$data$offs = _this.state.data.offsets.arrow,
top = _this$state$data$offs.top,
left = _this$state$data$offs.left;
return { top: top, left: left };
}
}, _this._handlePopperRef = function (node) {
_this._popperNode = node;
if (node) {
_this._createPopper();
} else {
_this._destroyPopper();
}
if (_this.props.innerRef) {
_this.props.innerRef(node);
}
}, _this._scheduleUpdate = function () {
_this._popper && _this._popper.scheduleUpdate();
}, _temp), _possibleConstructorReturn(_this, _ret);
}
_createClass(Popper, [{
key: 'getChildContext',
value: function getChildContext() {
return {
popper: {
setArrowNode: this._setArrowNode,
getArrowStyle: this._getArrowStyle
}
};
}
}, {
key: 'componentDidUpdate',
value: function componentDidUpdate(lastProps) {
if (lastProps.placement !== this.props.placement || lastProps.eventsEnabled !== this.props.eventsEnabled || lastProps.target !== this.props.target) {
this._destroyPopper();
this._createPopper();
}
if (lastProps.children !== this.props.children) {
this._scheduleUpdate();
}
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
this._destroyPopper();
}
}, {
key: '_createPopper',
value: function _createPopper() {
var _this2 = this;
var _props = this.props,
placement = _props.placement,
eventsEnabled = _props.eventsEnabled,
positionFixed = _props.positionFixed;
var modifiers = _extends({}, this.props.modifiers, {
applyStyle: { enabled: false },
updateState: this._updateStateModifier
});
if (this._arrowNode) {
modifiers.arrow = _extends({}, this.props.modifiers.arrow || {}, {
element: this._arrowNode
});
}
this._popper = new __WEBPACK_IMPORTED_MODULE_2_popper_js__["a" /* default */](this._getTargetNode(), this._popperNode, {
placement: placement,
positionFixed: positionFixed,
eventsEnabled: eventsEnabled,
modifiers: modifiers
});
// TODO: look into setTimeout scheduleUpdate call, without it, the popper will not position properly on creation
setTimeout(function () {
return _this2._scheduleUpdate();
});
}
}, {
key: '_destroyPopper',
value: function _destroyPopper() {
if (this._popper) {
this._popper.destroy();
}
}
}, {
key: 'render',
value: function render() {
var _props2 = this.props,
component = _props2.component,
innerRef = _props2.innerRef,
placement = _props2.placement,
eventsEnabled = _props2.eventsEnabled,
positionFixed = _props2.positionFixed,
modifiers = _props2.modifiers,
children = _props2.children,
restProps = _objectWithoutProperties(_props2, ['component', 'innerRef', 'placement', 'eventsEnabled', 'positionFixed', 'modifiers', 'children']);
var popperStyle = this._getPopperStyle();
var popperPlacement = this._getPopperPlacement();
var popperHide = this._getPopperHide();
if (typeof children === 'function') {
var popperProps = {
ref: this._handlePopperRef,
style: popperStyle,
'data-placement': popperPlacement,
'data-x-out-of-boundaries': popperHide
};
return children({
popperProps: popperProps,
restProps: restProps,
scheduleUpdate: this._scheduleUpdate
});
}
var componentProps = _extends({}, restProps, {
style: _extends({}, restProps.style, popperStyle),
'data-placement': popperPlacement,
'data-x-out-of-boundaries': popperHide
});
if (typeof component === 'string') {
componentProps.ref = this._handlePopperRef;
} else {
componentProps.innerRef = this._handlePopperRef;
}
return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(component, componentProps, children);
}
}]);
return Popper;
}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);
Popper.contextTypes = {
popperManager: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object
};
Popper.childContextTypes = {
popper: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object.isRequired
};
Popper.propTypes = {
component: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
innerRef: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
placement: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOf(placements),
eventsEnabled: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
positionFixed: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
modifiers: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,
children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
target: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([
// the following check is needed for SSR
__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.instanceOf(typeof Element !== 'undefined' ? Element : Object), __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.shape({
getBoundingClientRect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired,
clientWidth: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number.isRequired,
clientHeight: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number.isRequired
})])
};
Popper.defaultProps = {
component: 'div',
placement: 'bottom',
eventsEnabled: true,
positionFixed: false,
modifiers: {}
};
/* harmony default export */ __webpack_exports__["a"] = (Popper);
/***/ }),
/***/ 1591:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* WEBPACK VAR INJECTION */(function(global) {/**!
* @fileOverview Kickass library to create and place poppers near their reference elements.
* @version 1.15.0
* @license
* Copyright (c) 2016 Federico Zivolo and contributors
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
var timeoutDuration = 0;
for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
timeoutDuration = 1;
break;
}
}
function microtaskDebounce(fn) {
var called = false;
return function () {
if (called) {
return;
}
called = true;
window.Promise.resolve().then(function () {
called = false;
fn();
});
};
}
function taskDebounce(fn) {
var scheduled = false;
return function () {
if (!scheduled) {
scheduled = true;
setTimeout(function () {
scheduled = false;
fn();
}, timeoutDuration);
}
};
}
var supportsMicroTasks = isBrowser && window.Promise;
/**
* Create a debounced version of a method, that's asynchronously deferred
* but called in the minimum time possible.
*
* @method
* @memberof Popper.Utils
* @argument {Function} fn
* @returns {Function}
*/
var debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;
/**
* Check if the given variable is a function
* @method
* @memberof Popper.Utils
* @argument {Any} functionToCheck - variable to check
* @returns {Boolean} answer to: is a function?
*/
function isFunction(functionToCheck) {
var getType = {};
return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
}
/**
* Get CSS computed property of the given element
* @method
* @memberof Popper.Utils
* @argument {Eement} element
* @argument {String} property
*/
function getStyleComputedProperty(element, property) {
if (element.nodeType !== 1) {
return [];
}
// NOTE: 1 DOM access here
var window = element.ownerDocument.defaultView;
var css = window.getComputedStyle(element, null);
return property ? css[property] : css;
}
/**
* Returns the parentNode or the host of the element
* @method
* @memberof Popper.Utils
* @argument {Element} element
* @returns {Element} parent
*/
function getParentNode(element) {
if (element.nodeName === 'HTML') {
return element;
}
return element.parentNode || element.host;
}
/**
* Returns the scrolling parent of the given element
* @method
* @memberof Popper.Utils
* @argument {Element} element
* @returns {Element} scroll parent
*/
function getScrollParent(element) {
// Return body, `getScroll` will take care to get the correct `scrollTop` from it
if (!element) {
return document.body;
}
switch (element.nodeName) {
case 'HTML':
case 'BODY':
return element.ownerDocument.body;
case '#document':
return element.body;
}
// Firefox want us to check `-x` and `-y` variations as well
var _getStyleComputedProp = getStyleComputedProperty(element),
overflow = _getStyleComputedProp.overflow,
overflowX = _getStyleComputedProp.overflowX,
overflowY = _getStyleComputedProp.overflowY;
if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
return element;
}
return getScrollParent(getParentNode(element));
}
var isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);
var isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);
/**
* Determines if the browser is Internet Explorer
* @method
* @memberof Popper.Utils
* @param {Number} version to check
* @returns {Boolean} isIE
*/
function isIE(version) {
if (version === 11) {
return isIE11;
}
if (version === 10) {
return isIE10;
}
return isIE11 || isIE10;
}
/**
* Returns the offset parent of the given element
* @method
* @memberof Popper.Utils
* @argument {Element} element
* @returns {Element} offset parent
*/
function getOffsetParent(element) {
if (!element) {
return document.documentElement;
}
var noOffsetParent = isIE(10) ? document.body : null;
// NOTE: 1 DOM access here
var offsetParent = element.offsetParent || null;
// Skip hidden elements which don't have an offsetParent
while (offsetParent === noOffsetParent && element.nextElementSibling) {
offsetParent = (element = element.nextElementSibling).offsetParent;
}
var nodeName = offsetParent && offsetParent.nodeName;
if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
return element ? element.ownerDocument.documentElement : document.documentElement;
}
// .offsetParent will return the closest TH, TD or TABLE in case
// no offsetParent is present, I hate this job...
if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {
return getOffsetParent(offsetParent);
}
return offsetParent;
}
function isOffsetContainer(element) {
var nodeName = element.nodeName;
if (nodeName === 'BODY') {
return false;
}
return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;
}
/**
* Finds the root node (document, shadowDOM root) of the given element
* @method
* @memberof Popper.Utils
* @argument {Element} node
* @returns {Element} root node
*/
function getRoot(node) {
if (node.parentNode !== null) {
return getRoot(node.parentNode);
}
return node;
}
/**
* Finds the offset parent common to the two provided nodes
* @method
* @memberof Popper.Utils
* @argument {Element} element1
* @argument {Element} element2
* @returns {Element} common offset parent
*/
function findCommonOffsetParent(element1, element2) {
// This check is needed to avoid errors in case one of the elements isn't defined for any reason
if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
return document.documentElement;
}
// Here we make sure to give as "start" the element that comes first in the DOM
var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
var start = order ? element1 : element2;
var end = order ? element2 : element1;
// Get common ancestor container
var range = document.createRange();
range.setStart(start, 0);
range.setEnd(end, 0);
var commonAncestorContainer = range.commonAncestorContainer;
// Both nodes are inside #document
if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {
if (isOffsetContainer(commonAncestorContainer)) {
return commonAncestorContainer;
}
return getOffsetParent(commonAncestorContainer);
}
// one of the nodes is inside shadowDOM, find which one
var element1root = getRoot(element1);
if (element1root.host) {
return findCommonOffsetParent(element1root.host, element2);
} else {
return findCommonOffsetParent(element1, getRoot(element2).host);
}
}
/**
* Gets the scroll value of the given element in the given side (top and left)
* @method
* @memberof Popper.Utils
* @argument {Element} element
* @argument {String} side `top` or `left`
* @returns {number} amount of scrolled pixels
*/
function getScroll(element) {
var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
var nodeName = element.nodeName;
if (nodeName === 'BODY' || nodeName === 'HTML') {
var html = element.ownerDocument.documentElement;
var scrollingElement = element.ownerDocument.scrollingElement || html;
return scrollingElement[upperSide];
}
return element[upperSide];
}
/*
* Sum or subtract the element scroll values (left and top) from a given rect object
* @method
* @memberof Popper.Utils
* @param {Object} rect - Rect object you want to change
* @param {HTMLElement} element - The element from the function reads the scroll values
* @param {Boolean} subtract - set to true if you want to subtract the scroll values
* @return {Object} rect - The modifier rect object
*/
function includeScroll(rect, element) {
var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
var scrollTop = getScroll(element, 'top');
var scrollLeft = getScroll(element, 'left');
var modifier = subtract ? -1 : 1;
rect.top += scrollTop * modifier;
rect.bottom += scrollTop * modifier;
rect.left += scrollLeft * modifier;
rect.right += scrollLeft * modifier;
return rect;
}
/*
* Helper to detect borders of a given element
* @method
* @memberof Popper.Utils
* @param {CSSStyleDeclaration} styles
* Result of `getStyleComputedProperty` on the given element
* @param {String} axis - `x` or `y`
* @return {number} borders - The borders size of the given axis
*/
function getBordersSize(styles, axis) {
var sideA = axis === 'x' ? 'Left' : 'Top';
var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);
}
function getSize(axis, body, html, computedStyle) {
return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);
}
function getWindowSizes(document) {
var body = document.body;
var html = document.documentElement;
var computedStyle = isIE(10) && getComputedStyle(html);
return {
height: getSize('Height', body, html, computedStyle),
width: getSize('Width', body, html, computedStyle)
};
}
var classCallCheck = function (instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
};
var createClass = function () {
function defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
return function (Constructor, protoProps, staticProps) {
if (protoProps) defineProperties(Constructor.prototype, protoProps);
if (staticProps) defineProperties(Constructor, staticProps);
return Constructor;
};
}();
var defineProperty = function (obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
};
var _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
/**
* Given element offsets, generate an output similar to getBoundingClientRect
* @method
* @memberof Popper.Utils
* @argument {Object} offsets
* @returns {Object} ClientRect like output
*/
function getClientRect(offsets) {
return _extends({}, offsets, {
right: offsets.left + offsets.width,
bottom: offsets.top + offsets.height
});
}
/**
* Get bounding client rect of given element
* @method
* @memberof Popper.Utils
* @param {HTMLElement} element
* @return {Object} client rect
*/
function getBoundingClientRect(element) {
var rect = {};
// IE10 10 FIX: Please, don't ask, the element isn't
// considered in DOM in some circumstances...
// This isn't reproducible in IE10 compatibility mode of IE11
try {
if (isIE(10)) {
rect = element.getBoundingClientRect();
var scrollTop = getScroll(element, 'top');
var scrollLeft = getScroll(element, 'left');
rect.top += scrollTop;
rect.left += scrollLeft;
rect.bottom += scrollTop;
rect.right += scrollLeft;
} else {
rect = element.getBoundingClientRect();
}
} catch (e) {}
var result = {
left: rect.left,
top: rect.top,
width: rect.right - rect.left,
height: rect.bottom - rect.top
};
// subtract scrollbar size from sizes
var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
var width = sizes.width || element.clientWidth || result.right - result.left;
var height = sizes.height || element.clientHeight || result.bottom - result.top;
var horizScrollbar = element.offsetWidth - width;
var vertScrollbar = element.offsetHeight - height;
// if an hypothetical scrollbar is detected, we must be sure it's not a `border`
// we make this check conditional for performance reasons
if (horizScrollbar || vertScrollbar) {
var styles = getStyleComputedProperty(element);
horizScrollbar -= getBordersSize(styles, 'x');
vertScrollbar -= getBordersSize(styles, 'y');
result.width -= horizScrollbar;
result.height -= vertScrollbar;
}
return getClientRect(result);
}
function getOffsetRectRelativeToArbitraryNode(children, parent) {
var fixedPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
var isIE10 = isIE(10);
var isHTML = parent.nodeName === 'HTML';
var childrenRect = getBoundingClientRect(children);
var parentRect = getBoundingClientRect(parent);
var scrollParent = getScrollParent(children);
var styles = getStyleComputedProperty(parent);
var borderTopWidth = parseFloat(styles.borderTopWidth, 10);
var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);
// In cases where the parent is fixed, we must ignore negative scroll in offset calc
if (fixedPosition && isHTML) {
parentRect.top = Math.max(parentRect.top, 0);
parentRect.left = Math.max(parentRect.left, 0);
}
var offsets = getClientRect({
top: childrenRect.top - parentRect.top - borderTopWidth,
left: childrenRect.left - parentRect.left - borderLeftWidth,
width: childrenRect.width,
height: childrenRect.height
});
offsets.marginTop = 0;
offsets.marginLeft = 0;
// Subtract margins of documentElement in case it's being used as parent
// we do this only on HTML because it's the only element that behaves
// differently when margins are applied to it. The margins are included in
// the box of the documentElement, in the other cases not.
if (!isIE10 && isHTML) {
var marginTop = parseFloat(styles.marginTop, 10);
var marginLeft = parseFloat(styles.marginLeft, 10);
offsets.top -= borderTopWidth - marginTop;
offsets.bottom -= borderTopWidth - marginTop;
offsets.left -= borderLeftWidth - marginLeft;
offsets.right -= borderLeftWidth - marginLeft;
// Attach marginTop and marginLeft because in some circumstances we may need them
offsets.marginTop = marginTop;
offsets.marginLeft = marginLeft;
}
if (isIE10 && !fixedPosition ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
offsets = includeScroll(offsets, parent);
}
return offsets;
}
function getViewportOffsetRectRelativeToArtbitraryNode(element) {
var excludeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
var html = element.ownerDocument.documentElement;
var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
var width = Math.max(html.clientWidth, window.innerWidth || 0);
var height = Math.max(html.clientHeight, window.innerHeight || 0);
var scrollTop = !excludeScroll ? getScroll(html) : 0;
var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;
var offset = {
top: scrollTop - relativeOffset.top + relativeOffset.marginTop,
left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,
width: width,
height: height
};
return getClientRect(offset);
}
/**
* Check if the given element is fixed or is inside a fixed parent
* @method
* @memberof Popper.Utils
* @argument {Element} element
* @argument {Element} customContainer
* @returns {Boolean} answer to "isFixed?"
*/
function isFixed(element) {
var nodeName = element.nodeName;
if (nodeName === 'BODY' || nodeName === 'HTML') {
return false;
}
if (getStyleComputedProperty(element, 'position') === 'fixed') {
return true;
}
var parentNode = getParentNode(element);
if (!parentNode) {
return false;
}
return isFixed(parentNode);
}
/**
* Finds the first parent of an element that has a transformed property defined
* @method
* @memberof Popper.Utils
* @argument {Element} element
* @returns {Element} first transformed parent or documentElement
*/
function getFixedPositionOffsetParent(element) {
// This check is needed to avoid errors in case one of the elements isn't defined for any reason
if (!element || !element.parentElement || isIE()) {
return document.documentElement;
}
var el = element.parentElement;
while (el && getStyleComputedProperty(el, 'transform') === 'none') {
el = el.parentElement;
}
return el || document.documentElement;
}
/**
* Computed the boundaries limits and return them
* @method
* @memberof Popper.Utils
* @param {HTMLElement} popper
* @param {HTMLElement} reference
* @param {number} padding
* @param {HTMLElement} boundariesElement - Element used to define the boundaries
* @param {Boolean} fixedPosition - Is in fixed position mode
* @returns {Object} Coordinates of the boundaries
*/
function getBoundaries(popper, reference, padding, boundariesElement) {
var fixedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
// NOTE: 1 DOM access here
var boundaries = { top: 0, left: 0 };
var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
// Handle viewport case
if (boundariesElement === 'viewport') {
boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);
} else {
// Handle other cases based on DOM element used as boundaries
var boundariesNode = void 0;
if (boundariesElement === 'scrollParent') {
boundariesNode = getScrollParent(getParentNode(reference));
if (boundariesNode.nodeName === 'BODY') {
boundariesNode = popper.ownerDocument.documentElement;
}
} else if (boundariesElement === 'window') {
boundariesNode = popper.ownerDocument.documentElement;
} else {
boundariesNode = boundariesElement;
}
var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
// In case of HTML, we need a different computation
if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
var _getWindowSizes = getWindowSizes(popper.ownerDocument),
height = _getWindowSizes.height,
width = _getWindowSizes.width;
boundaries.top += offsets.top - offsets.marginTop;
boundaries.bottom = height + offsets.top;
boundaries.left += offsets.left - offsets.marginLeft;
boundaries.right = width + offsets.left;
} else {
// for all the other DOM elements, this one is good
boundaries = offsets;
}
}
// Add paddings
padding = padding || 0;
var isPaddingNumber = typeof padding === 'number';
boundaries.left += isPaddingNumber ? padding : padding.left || 0;
boundaries.top += isPaddingNumber ? padding : padding.top || 0;
boundaries.right -= isPaddingNumber ? padding : padding.right || 0;
boundaries.bottom -= isPaddingNumber ? padding : padding.bottom || 0;
return boundaries;
}
function getArea(_ref) {
var width = _ref.width,
height = _ref.height;
return width * height;
}
/**
* Utility used to transform the `auto` placement to the placement with more
* available space.
* @method
* @memberof Popper.Utils
* @argument {Object} data - The data object generated by update method
* @argument {Object} options - Modifiers configuration and options
* @returns {Object} The data object, properly modified
*/
function computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {
var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
if (placement.indexOf('auto') === -1) {
return placement;
}
var boundaries = getBoundaries(popper, reference, padding, boundariesElement);
var rects = {
top: {
width: boundaries.width,
height: refRect.top - boundaries.top
},
right: {
width: boundaries.right - refRect.right,
height: boundaries.height
},
bottom: {
width: boundaries.width,
height: boundaries.bottom - refRect.bottom
},
left: {
width: refRect.left - boundaries.left,
height: boundaries.height
}
};
var sortedAreas = Object.keys(rects).map(function (key) {
return _extends({
key: key
}, rects[key], {
area: getArea(rects[key])
});
}).sort(function (a, b) {
return b.area - a.area;
});
var filteredAreas = sortedAreas.filter(function (_ref2) {
var width = _ref2.width,
height = _ref2.height;
return width >= popper.clientWidth && height >= popper.clientHeight;
});
var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;
var variation = placement.split('-')[1];
return computedPlacement + (variation ? '-' + variation : '');
}
/**
* Get offsets to the reference element
* @method
* @memberof Popper.Utils
* @param {Object} state
* @param {Element} popper - the popper element
* @param {Element} reference - the reference element (the popper will be relative to this)
* @param {Element} fixedPosition - is in fixed position mode
* @returns {Object} An object containing the offsets which will be applied to the popper
*/
function getReferenceOffsets(state, popper, reference) {
var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);
}
/**
* Get the outer sizes of the given element (offset size + margins)
* @method
* @memberof Popper.Utils
* @argument {Element} element
* @returns {Object} object containing width and height properties
*/
function getOuterSizes(element) {
var window = element.ownerDocument.defaultView;
var styles = window.getComputedStyle(element);
var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);
var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);
var result = {
width: element.offsetWidth + y,
height: element.offsetHeight + x
};
return result;
}
/**
* Get the opposite placement of the given one
* @method
* @memberof Popper.Utils
* @argument {String} placement
* @returns {String} flipped placement
*/
function getOppositePlacement(placement) {
var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
return placement.replace(/left|right|bottom|top/g, function (matched) {
return hash[matched];
});
}
/**
* Get offsets to the popper
* @method
* @memberof Popper.Utils
* @param {Object} position - CSS position the Popper will get applied
* @param {HTMLElement} popper - the popper element
* @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)
* @param {String} placement - one of the valid placement options
* @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper
*/
function getPopperOffsets(popper, referenceOffsets, placement) {
placement = placement.split('-')[0];
// Get popper node sizes
var popperRect = getOuterSizes(popper);
// Add position, width and height to our offsets object
var popperOffsets = {
width: popperRect.width,
height: popperRect.height
};
// depending by the popper placement we have to compute its offsets slightly differently
var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
var mainSide = isHoriz ? 'top' : 'left';
var secondarySide = isHoriz ? 'left' : 'top';
var measurement = isHoriz ? 'height' : 'width';
var secondaryMeasurement = !isHoriz ? 'height' : 'width';
popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;
if (placement === secondarySide) {
popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];
} else {
popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];
}
return popperOffsets;
}
/**
* Mimics the `find` method of Array
* @method
* @memberof Popper.Utils
* @argument {Array} arr
* @argument prop
* @argument value
* @returns index or -1
*/
function find(arr, check) {
// use native find if supported
if (Array.prototype.find) {
return arr.find(check);
}
// use `filter` to obtain the same behavior of `find`
return arr.filter(check)[0];
}
/**
* Return the index of the matching object
* @method
* @memberof Popper.Utils
* @argument {Array} arr
* @argument prop
* @argument value
* @returns index or -1
*/
function findIndex(arr, prop, value) {
// use native findIndex if supported
if (Array.prototype.findIndex) {
return arr.findIndex(function (cur) {
return cur[prop] === value;
});
}
// use `find` + `indexOf` if `findIndex` isn't supported
var match = find(arr, function (obj) {
return obj[prop] === value;
});
return arr.indexOf(match);
}
/**
* Loop trough the list of modifiers and run them in order,
* each of them will then edit the data object.
* @method
* @memberof Popper.Utils
* @param {dataObject} data
* @param {Array} modifiers
* @param {String} ends - Optional modifier name used as stopper
* @returns {dataObject}
*/
function runModifiers(modifiers, data, ends) {
var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));
modifiersToRun.forEach(function (modifier) {
if (modifier['function']) {
// eslint-disable-line dot-notation
console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
}
var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation
if (modifier.enabled && isFunction(fn)) {
// Add properties to offsets to make them a complete clientRect object
// we do this before each modifier to make sure the previous one doesn't
// mess with these values
data.offsets.popper = getClientRect(data.offsets.popper);
data.offsets.reference = getClientRect(data.offsets.reference);
data = fn(data, modifier);
}
});
return data;
}
/**
* Updates the position of the popper, computing the new offsets and applying
* the new style.<br />
* Prefer `scheduleUpdate` over `update` because of performance reasons.
* @method
* @memberof Popper
*/
function update() {
// if popper is destroyed, don't perform any further update
if (this.state.isDestroyed) {
return;
}
var data = {
instance: this,
styles: {},
arrowStyles: {},
attributes: {},
flipped: false,
offsets: {}
};
// compute reference element offsets
data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference, this.options.positionFixed);
// compute auto placement, store placement inside the data object,
// modifiers will be able to edit `placement` if needed
// and refer to originalPlacement to know the original value
data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding);
// store the computed placement inside `originalPlacement`
data.originalPlacement = data.placement;
data.positionFixed = this.options.positionFixed;
// compute the popper offsets
data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);
data.offsets.popper.position = this.options.positionFixed ? 'fixed' : 'absolute';
// run the modifiers
data = runModifiers(this.modifiers, data);
// the first `update` will call `onCreate` callback
// the other ones will call `onUpdate` callback
if (!this.state.isCreated) {
this.state.isCreated = true;
this.options.onCreate(data);
} else {
this.options.onUpdate(data);
}
}
/**
* Helper used to know if the given modifier is enabled.
* @method
* @memberof Popper.Utils
* @returns {Boolean}
*/
function isModifierEnabled(modifiers, modifierName) {
return modifiers.some(function (_ref) {
var name = _ref.name,
enabled = _ref.enabled;
return enabled && name === modifierName;
});
}
/**
* Get the prefixed supported property name
* @method
* @memberof Popper.Utils
* @argument {String} property (camelCase)
* @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)
*/
function getSupportedPropertyName(property) {
var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];
var upperProp = property.charAt(0).toUpperCase() + property.slice(1);
for (var i = 0; i < prefixes.length; i++) {
var prefix = prefixes[i];
var toCheck = prefix ? '' + prefix + upperProp : property;
if (typeof document.body.style[toCheck] !== 'undefined') {
return toCheck;
}
}
return null;
}
/**
* Destroys the popper.
* @method
* @memberof Popper
*/
function destroy() {
this.state.isDestroyed = true;
// touch DOM only if `applyStyle` modifier is enabled
if (isModifierEnabled(this.modifiers, 'applyStyle')) {
this.popper.removeAttribute('x-placement');
this.popper.style.position = '';
this.popper.style.top = '';
this.popper.style.left = '';
this.popper.style.right = '';
this.popper.style.bottom = '';
this.popper.style.willChange = '';
this.popper.style[getSupportedPropertyName('transform')] = '';
}
this.disableEventListeners();
// remove the popper if user explicity asked for the deletion on destroy
// do not use `remove` because IE11 doesn't support it
if (this.options.removeOnDestroy) {
this.popper.parentNode.removeChild(this.popper);
}
return this;
}
/**
* Get the window associated with the element
* @argument {Element} element
* @returns {Window}
*/
function getWindow(element) {
var ownerDocument = element.ownerDocument;
return ownerDocument ? ownerDocument.defaultView : window;
}
function attachToScrollParents(scrollParent, event, callback, scrollParents) {
var isBody = scrollParent.nodeName === 'BODY';
var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;
target.addEventListener(event, callback, { passive: true });
if (!isBody) {
attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);
}
scrollParents.push(target);
}
/**
* Setup needed event listeners used to update the popper position
* @method
* @memberof Popper.Utils
* @private
*/
function setupEventListeners(reference, options, state, updateBound) {
// Resize event listener on window
state.updateBound = updateBound;
getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });
// Scroll event listener on scroll parents
var scrollElement = getScrollParent(reference);
attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);
state.scrollElement = scrollElement;
state.eventsEnabled = true;
return state;
}
/**
* It will add resize/scroll events and start recalculating
* position of the popper element when they are triggered.
* @method
* @memberof Popper
*/
function enableEventListeners() {
if (!this.state.eventsEnabled) {
this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);
}
}
/**
* Remove event listeners used to update the popper position
* @method
* @memberof Popper.Utils
* @private
*/
function removeEventListeners(reference, state) {
// Remove resize event listener on window
getWindow(reference).removeEventListener('resize', state.updateBound);
// Remove scroll event listener on scroll parents
state.scrollParents.forEach(function (target) {
target.removeEventListener('scroll', state.updateBound);
});
// Reset state
state.updateBound = null;
state.scrollParents = [];
state.scrollElement = null;
state.eventsEnabled = false;
return state;
}
/**
* It will remove resize/scroll events and won't recalculate popper position
* when they are triggered. It also won't trigger `onUpdate` callback anymore,
* unless you call `update` method manually.
* @method
* @memberof Popper
*/
function disableEventListeners() {
if (this.state.eventsEnabled) {
cancelAnimationFrame(this.scheduleUpdate);
this.state = removeEventListeners(this.reference, this.state);
}
}
/**
* Tells if a given input is a number
* @method
* @memberof Popper.Utils
* @param {*} input to check
* @return {Boolean}
*/
function isNumeric(n) {
return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
}
/**
* Set the style to the given popper
* @method
* @memberof Popper.Utils
* @argument {Element} element - Element to apply the style to
* @argument {Object} styles
* Object with a list of properties and values which will be applied to the element
*/
function setStyles(element, styles) {
Object.keys(styles).forEach(function (prop) {
var unit = '';
// add unit if the value is numeric and is one of the following
if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {
unit = 'px';
}
element.style[prop] = styles[prop] + unit;
});
}
/**
* Set the attributes to the given popper
* @method
* @memberof Popper.Utils
* @argument {Element} element - Element to apply the attributes to
* @argument {Object} styles
* Object with a list of properties and values which will be applied to the element
*/
function setAttributes(element, attributes) {
Object.keys(attributes).forEach(function (prop) {
var value = attributes[prop];
if (value !== false) {
element.setAttribute(prop, attributes[prop]);
} else {
element.removeAttribute(prop);
}
});
}
/**
* @function
* @memberof Modifiers
* @argument {Object} data - The data object generated by `update` method
* @argument {Object} data.styles - List of style properties - values to apply to popper element
* @argument {Object} data.attributes - List of attribute properties - values to apply to popper element
* @argument {Object} options - Modifiers configuration and options
* @returns {Object} The same data object
*/
function applyStyle(data) {
// any property present in `data.styles` will be applied to the popper,
// in this way we can make the 3rd party modifiers add custom styles to it
// Be aware, modifiers could override the properties defined in the previous
// lines of this modifier!
setStyles(data.instance.popper, data.styles);
// any property present in `data.attributes` will be applied to the popper,
// they will be set as HTML attributes of the element
setAttributes(data.instance.popper, data.attributes);
// if arrowElement is defined and arrowStyles has some properties
if (data.arrowElement && Object.keys(data.arrowStyles).length) {
setStyles(data.arrowElement, data.arrowStyles);
}
return data;
}
/**
* Set the x-placement attribute before everything else because it could be used
* to add margins to the popper margins needs to be calculated to get the
* correct popper offsets.
* @method
* @memberof Popper.modifiers
* @param {HTMLElement} reference - The reference element used to position the popper
* @param {HTMLElement} popper - The HTML element used as popper
* @param {Object} options - Popper.js options
*/
function applyStyleOnLoad(reference, popper, options, modifierOptions, state) {
// compute reference element offsets
var referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);
// compute auto placement, store placement inside the data object,
// modifiers will be able to edit `placement` if needed
// and refer to originalPlacement to know the original value
var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);
popper.setAttribute('x-placement', placement);
// Apply `position` to popper before anything else because
// without the position applied we can't guarantee correct computations
setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });
return options;
}
/**
* @function
* @memberof Popper.Utils
* @argument {Object} data - The data object generated by `update` method
* @argument {Boolean} shouldRound - If the offsets should be rounded at all
* @returns {Object} The popper's position offsets rounded
*
* The tale of pixel-perfect positioning. It's still not 100% perfect, but as
* good as it can be within reason.
* Discussion here: https://github.com/FezVrasta/popper.js/pull/715
*
* Low DPI screens cause a popper to be blurry if not using full pixels (Safari
* as well on High DPI screens).
*
* Firefox prefers no rounding for positioning and does not have blurriness on
* high DPI screens.
*
* Only horizontal placement and left/right values need to be considered.
*/
function getRoundedOffsets(data, shouldRound) {
var _data$offsets = data.offsets,
popper = _data$offsets.popper,
reference = _data$offsets.reference;
var round = Math.round,
floor = Math.floor;
var noRound = function noRound(v) {
return v;
};
var referenceWidth = round(reference.width);
var popperWidth = round(popper.width);
var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;
var isVariation = data.placement.indexOf('-') !== -1;
var sameWidthParity = referenceWidth % 2 === popperWidth % 2;
var bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;
var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthParity ? round : floor;
var verticalToInteger = !shouldRound ? noRound : round;
return {
left: horizontalToInteger(bothOddWidth && !isVariation && shouldRound ? popper.left - 1 : popper.left),
top: verticalToInteger(popper.top),
bottom: verticalToInteger(popper.bottom),
right: horizontalToInteger(popper.right)
};
}
var isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);
/**
* @function
* @memberof Modifiers
* @argument {Object} data - The data object generated by `update` method
* @argument {Object} options - Modifiers configuration and options
* @returns {Object} The data object, properly modified
*/
function computeStyle(data, options) {
var x = options.x,
y = options.y;
var popper = data.offsets.popper;
// Remove this legacy support in Popper.js v2
var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {
return modifier.name === 'applyStyle';
}).gpuAcceleration;
if (legacyGpuAccelerationOption !== undefined) {
console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');
}
var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;
var offsetParent = getOffsetParent(data.instance.popper);
var offsetParentRect = getBoundingClientRect(offsetParent);
// Styles
var styles = {
position: popper.position
};
var offsets = getRoundedOffsets(data, window.devicePixelRatio < 2 || !isFirefox);
var sideA = x === 'bottom' ? 'top' : 'bottom';
var sideB = y === 'right' ? 'left' : 'right';
// if gpuAcceleration is set to `true` and transform is supported,
// we use `translate3d` to apply the position to the popper we
// automatically use the supported prefixed version if needed
var prefixedProperty = getSupportedPropertyName('transform');
// now, let's make a step back and look at this code closely (wtf?)
// If the content of the popper grows once it's been positioned, it
// may happen that the popper gets misplaced because of the new content
// overflowing its reference element
// To avoid this problem, we provide two options (x and y), which allow
// the consumer to define the offset origin.
// If we position a popper on top of a reference element, we can set
// `x` to `top` to make the popper grow towards its top instead of
// its bottom.
var left = void 0,
top = void 0;
if (sideA === 'bottom') {
// when offsetParent is <html> the positioning is relative to the bottom of the screen (excluding the scrollbar)
// and not the bottom of the html element
if (offsetParent.nodeName === 'HTML') {
top = -offsetParent.clientHeight + offsets.bottom;
} else {
top = -offsetParentRect.height + offsets.bottom;
}
} else {
top = offsets.top;
}
if (sideB === 'right') {
if (offsetParent.nodeName === 'HTML') {
left = -offsetParent.clientWidth + offsets.right;
} else {
left = -offsetParentRect.width + offsets.right;
}
} else {
left = offsets.left;
}
if (gpuAcceleration && prefixedProperty) {
styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
styles[sideA] = 0;
styles[sideB] = 0;
styles.willChange = 'transform';
} else {
// othwerise, we use the standard `top`, `left`, `bottom` and `right` properties
var invertTop = sideA === 'bottom' ? -1 : 1;
var invertLeft = sideB === 'right' ? -1 : 1;
styles[sideA] = top * invertTop;
styles[sideB] = left * invertLeft;
styles.willChange = sideA + ', ' + sideB;
}
// Attributes
var attributes = {
'x-placement': data.placement
};
// Update `data` attributes, styles and arrowStyles
data.attributes = _extends({}, attributes, data.attributes);
data.styles = _extends({}, styles, data.styles);
data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
return data;
}
/**
* Helper used to know if the given modifier depends from another one.<br />
* It checks if the needed modifier is listed and enabled.
* @method
* @memberof Popper.Utils
* @param {Array} modifiers - list of modifiers
* @param {String} requestingName - name of requesting modifier
* @param {String} requestedName - name of requested modifier
* @returns {Boolean}
*/
function isModifierRequired(modifiers, requestingName, requestedName) {
var requesting = find(modifiers, function (_ref) {
var name = _ref.name;
return name === requestingName;
});
var isRequired = !!requesting && modifiers.some(function (modifier) {
return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;
});
if (!isRequired) {
var _requesting = '`' + requestingName + '`';
var requested = '`' + requestedName + '`';
console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');
}
return isRequired;
}
/**
* @function
* @memberof Modifiers
* @argument {Object} data - The data object generated by update method
* @argument {Object} options - Modifiers configuration and options
* @returns {Object} The data object, properly modified
*/
function arrow(data, options) {
var _data$offsets$arrow;
// arrow depends on keepTogether in order to work
if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
return data;
}
var arrowElement = options.element;
// if arrowElement is a string, suppose it's a CSS selector
if (typeof arrowElement === 'string') {
arrowElement = data.instance.popper.querySelector(arrowElement);
// if arrowElement is not found, don't run the modifier
if (!arrowElement) {
return data;
}
} else {
// if the arrowElement isn't a query selector we must check that the
// provided DOM node is child of its popper node
if (!data.instance.popper.contains(arrowElement)) {
console.warn('WARNING: `arrow.element` must be child of its popper element!');
return data;
}
}
var placement = data.placement.split('-')[0];
var _data$offsets = data.offsets,
popper = _data$offsets.popper,
reference = _data$offsets.reference;
var isVertical = ['left', 'right'].indexOf(placement) !== -1;
var len = isVertical ? 'height' : 'width';
var sideCapitalized = isVertical ? 'Top' : 'Left';
var side = sideCapitalized.toLowerCase();
var altSide = isVertical ? 'left' : 'top';
var opSide = isVertical ? 'bottom' : 'right';
var arrowElementSize = getOuterSizes(arrowElement)[len];
//
// extends keepTogether behavior making sure the popper and its
// reference have enough pixels in conjunction
//
// top/left side
if (reference[opSide] - arrowElementSize < popper[side]) {
data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);
}
// bottom/right side
if (reference[side] + arrowElementSize > popper[opSide]) {
data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];
}
data.offsets.popper = getClientRect(data.offsets.popper);
// compute center of the popper
var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
// Compute the sideValue using the updated popper offsets
// take popper margin in account because we don't have this info available
var css = getStyleComputedProperty(data.instance.popper);
var popperMarginSide = parseFloat(css['margin' + sideCapitalized], 10);
var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width'], 10);
var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
// prevent arrowElement from being placed not contiguously to its popper
sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
data.arrowElement = arrowElement;
data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);
return data;
}
/**
* Get the opposite placement variation of the given one
* @method
* @memberof Popper.Utils
* @argument {String} placement variation
* @returns {String} flipped placement variation
*/
function getOppositeVariation(variation) {
if (variation === 'end') {
return 'start';
} else if (variation === 'start') {
return 'end';
}
return variation;
}
/**
* List of accepted placements to use as values of the `placement` option.<br />
* Valid placements are:
* - `auto`
* - `top`
* - `right`
* - `bottom`
* - `left`
*
* Each placement can have a variation from this list:
* - `-start`
* - `-end`
*
* Variations are interpreted easily if you think of them as the left to right
* written languages. Horizontally (`top` and `bottom`), `start` is left and `end`
* is right.<br />
* Vertically (`left` and `right`), `start` is top and `end` is bottom.
*
* Some valid examples are:
* - `top-end` (on top of reference, right aligned)
* - `right-start` (on right of reference, top aligned)
* - `bottom` (on bottom, centered)
* - `auto-end` (on the side with more space available, alignment depends by placement)
*
* @static
* @type {Array}
* @enum {String}
* @readonly
* @method placements
* @memberof Popper
*/
var placements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
// Get rid of `auto` `auto-start` and `auto-end`
var validPlacements = placements.slice(3);
/**
* Given an initial placement, returns all the subsequent placements
* clockwise (or counter-clockwise).
*
* @method
* @memberof Popper.Utils
* @argument {String} placement - A valid placement (it accepts variations)
* @argument {Boolean} counter - Set to true to walk the placements counterclockwise
* @returns {Array} placements including their variations
*/
function clockwise(placement) {
var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
var index = validPlacements.indexOf(placement);
var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));
return counter ? arr.reverse() : arr;
}
var BEHAVIORS = {
FLIP: 'flip',
CLOCKWISE: 'clockwise',
COUNTERCLOCKWISE: 'counterclockwise'
};
/**
* @function
* @memberof Modifiers
* @argument {Object} data - The data object generated by update method
* @argument {Object} options - Modifiers configuration and options
* @returns {Object} The data object, properly modified
*/
function flip(data, options) {
// if `inner` modifier is enabled, we can't use the `flip` modifier
if (isModifierEnabled(data.instance.modifiers, 'inner')) {
return data;
}
if (data.flipped && data.placement === data.originalPlacement) {
// seems like flip is trying to loop, probably there's not enough space on any of the flippable sides
return data;
}
var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement, data.positionFixed);
var placement = data.placement.split('-')[0];
var placementOpposite = getOppositePlacement(placement);
var variation = data.placement.split('-')[1] || '';
var flipOrder = [];
switch (options.behavior) {
case BEHAVIORS.FLIP:
flipOrder = [placement, placementOpposite];
break;
case BEHAVIORS.CLOCKWISE:
flipOrder = clockwise(placement);
break;
case BEHAVIORS.COUNTERCLOCKWISE:
flipOrder = clockwise(placement, true);
break;
default:
flipOrder = options.behavior;
}
flipOrder.forEach(function (step, index) {
if (placement !== step || flipOrder.length === index + 1) {
return data;
}
placement = data.placement.split('-')[0];
placementOpposite = getOppositePlacement(placement);
var popperOffsets = data.offsets.popper;
var refOffsets = data.offsets.reference;
// using floor because the reference offsets may contain decimals we are not going to consider here
var floor = Math.floor;
var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);
var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);
var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);
var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);
var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);
var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom;
// flip the variation if required
var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
// flips variation if reference element overflows boundaries
var flippedVariationByRef = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom);
// flips variation if popper content overflows boundaries
var flippedVariationByContent = !!options.flipVariationsByContent && (isVertical && variation === 'start' && overflowsRight || isVertical && variation === 'end' && overflowsLeft || !isVertical && variation === 'start' && overflowsBottom || !isVertical && variation === 'end' && overflowsTop);
var flippedVariation = flippedVariationByRef || flippedVariationByContent;
if (overlapsRef || overflowsBoundaries || flippedVariation) {
// this boolean to detect any flip loop
data.flipped = true;
if (overlapsRef || overflowsBoundaries) {
placement = flipOrder[index + 1];
}
if (flippedVariation) {
variation = getOppositeVariation(variation);
}
data.placement = placement + (variation ? '-' + variation : '');
// this object contains `position`, we want to preserve it along with
// any additional property we may add in the future
data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
data = runModifiers(data.instance.modifiers, data, 'flip');
}
});
return data;
}
/**
* @function
* @memberof Modifiers
* @argument {Object} data - The data object generated by update method
* @argument {Object} options - Modifiers configuration and options
* @returns {Object} The data object, properly modified
*/
function keepTogether(data) {
var _data$offsets = data.offsets,
popper = _data$offsets.popper,
reference = _data$offsets.reference;
var placement = data.placement.split('-')[0];
var floor = Math.floor;
var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
var side = isVertical ? 'right' : 'bottom';
var opSide = isVertical ? 'left' : 'top';
var measurement = isVertical ? 'width' : 'height';
if (popper[side] < floor(reference[opSide])) {
data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];
}
if (popper[opSide] > floor(reference[side])) {
data.offsets.popper[opSide] = floor(reference[side]);
}
return data;
}
/**
* Converts a string containing value + unit into a px value number
* @function
* @memberof {modifiers~offset}
* @private
* @argument {String} str - Value + unit string
* @argument {String} measurement - `height` or `width`
* @argument {Object} popperOffsets
* @argument {Object} referenceOffsets
* @returns {Number|String}
* Value in pixels, or original string if no values were extracted
*/
function toValue(str, measurement, popperOffsets, referenceOffsets) {
// separate value from unit
var split = str.match(/((?:\-|\+)?\d*\.?\d*)(.*)/);
var value = +split[1];
var unit = split[2];
// If it's not a number it's an operator, I guess
if (!value) {
return str;
}
if (unit.indexOf('%') === 0) {
var element = void 0;
switch (unit) {
case '%p':
element = popperOffsets;
break;
case '%':
case '%r':
default:
element = referenceOffsets;
}
var rect = getClientRect(element);
return rect[measurement] / 100 * value;
} else if (unit === 'vh' || unit === 'vw') {
// if is a vh or vw, we calculate the size based on the viewport
var size = void 0;
if (unit === 'vh') {
size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
} else {
size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
}
return size / 100 * value;
} else {
// if is an explicit pixel unit, we get rid of the unit and keep the value
// if is an implicit unit, it's px, and we return just the value
return value;
}
}
/**
* Parse an `offset` string to extrapolate `x` and `y` numeric offsets.
* @function
* @memberof {modifiers~offset}
* @private
* @argument {String} offset
* @argument {Object} popperOffsets
* @argument {Object} referenceOffsets
* @argument {String} basePlacement
* @returns {Array} a two cells array with x and y offsets in numbers
*/
function parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {
var offsets = [0, 0];
// Use height if placement is left or right and index is 0 otherwise use width
// in this way the first offset will use an axis and the second one
// will use the other one
var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;
// Split the offset string to obtain a list of values and operands
// The regex addresses values with the plus or minus sign in front (+10, -20, etc)
var fragments = offset.split(/(\+|\-)/).map(function (frag) {
return frag.trim();
});
// Detect if the offset string contains a pair of values or a single one
// they could be separated by comma or space
var divider = fragments.indexOf(find(fragments, function (frag) {
return frag.search(/,|\s/) !== -1;
}));
if (fragments[divider] && fragments[divider].indexOf(',') === -1) {
console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');
}
// If divider is found, we divide the list of values and operands to divide
// them by ofset X and Y.
var splitRegex = /\s*,\s*|\s+/;
var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments];
// Convert the values with units to absolute pixels to allow our computations
ops = ops.map(function (op, index) {
// Most of the units rely on the orientation of the popper
var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';
var mergeWithPrevious = false;
return op
// This aggregates any `+` or `-` sign that aren't considered operators
// e.g.: 10 + +5 => [10, +, +5]
.reduce(function (a, b) {
if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {
a[a.length - 1] = b;
mergeWithPrevious = true;
return a;
} else if (mergeWithPrevious) {
a[a.length - 1] += b;
mergeWithPrevious = false;
return a;
} else {
return a.concat(b);
}
}, [])
// Here we convert the string values into number values (in px)
.map(function (str) {
return toValue(str, measurement, popperOffsets, referenceOffsets);
});
});
// Loop trough the offsets arrays and execute the operations
ops.forEach(function (op, index) {
op.forEach(function (frag, index2) {
if (isNumeric(frag)) {
offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);
}
});
});
return offsets;
}
/**
* @function
* @memberof Modifiers
* @argument {Object} data - The data object generated by update method
* @argument {Object} options - Modifiers configuration and options
* @argument {Number|String} options.offset=0
* The offset value as described in the modifier description
* @returns {Object} The data object, properly modified
*/
function offset(data, _ref) {
var offset = _ref.offset;
var placement = data.placement,
_data$offsets = data.offsets,
popper = _data$offsets.popper,
reference = _data$offsets.reference;
var basePlacement = placement.split('-')[0];
var offsets = void 0;
if (isNumeric(+offset)) {
offsets = [+offset, 0];
} else {
offsets = parseOffset(offset, popper, reference, basePlacement);
}
if (basePlacement === 'left') {
popper.top += offsets[0];
popper.left -= offsets[1];
} else if (basePlacement === 'right') {
popper.top += offsets[0];
popper.left += offsets[1];
} else if (basePlacement === 'top') {
popper.left += offsets[0];
popper.top -= offsets[1];
} else if (basePlacement === 'bottom') {
popper.left += offsets[0];
popper.top += offsets[1];
}
data.popper = popper;
return data;
}
/**
* @function
* @memberof Modifiers
* @argument {Object} data - The data object generated by `update` method
* @argument {Object} options - Modifiers configuration and options
* @returns {Object} The data object, properly modified
*/
function preventOverflow(data, options) {
var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper);
// If offsetParent is the reference element, we really want to
// go one step up and use the next offsetParent as reference to
// avoid to make this modifier completely useless and look like broken
if (data.instance.reference === boundariesElement) {
boundariesElement = getOffsetParent(boundariesElement);
}
// NOTE: DOM access here
// resets the popper's position so that the document size can be calculated excluding
// the size of the popper element itself
var transformProp = getSupportedPropertyName('transform');
var popperStyles = data.instance.popper.style; // assignment to help minification
var top = popperStyles.top,
left = popperStyles.left,
transform = popperStyles[transformProp];
popperStyles.top = '';
popperStyles.left = '';
popperStyles[transformProp] = '';
var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement, data.positionFixed);
// NOTE: DOM access here
// restores the original style properties after the offsets have been computed
popperStyles.top = top;
popperStyles.left = left;
popperStyles[transformProp] = transform;
options.boundaries = boundaries;
var order = options.priority;
var popper = data.offsets.popper;
var check = {
primary: function primary(placement) {
var value = popper[placement];
if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {
value = Math.max(popper[placement], boundaries[placement]);
}
return defineProperty({}, placement, value);
},
secondary: function secondary(placement) {
var mainSide = placement === 'right' ? 'left' : 'top';
var value = popper[mainSide];
if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {
value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));
}
return defineProperty({}, mainSide, value);
}
};
order.forEach(function (placement) {
var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
popper = _extends({}, popper, check[side](placement));
});
data.offsets.popper = popper;
return data;
}
/**
* @function
* @memberof Modifiers
* @argument {Object} data - The data object generated by `update` method
* @argument {Object} options - Modifiers configuration and options
* @returns {Object} The data object, properly modified
*/
function shift(data) {
var placement = data.placement;
var basePlacement = placement.split('-')[0];
var shiftvariation = placement.split('-')[1];
// if shift shiftvariation is specified, run the modifier
if (shiftvariation) {
var _data$offsets = data.offsets,
reference = _data$offsets.reference,
popper = _data$offsets.popper;
var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
var side = isVertical ? 'left' : 'top';
var measurement = isVertical ? 'width' : 'height';
var shiftOffsets = {
start: defineProperty({}, side, reference[side]),
end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
};
data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);
}
return data;
}
/**
* @function
* @memberof Modifiers
* @argument {Object} data - The data object generated by update method
* @argument {Object} options - Modifiers configuration and options
* @returns {Object} The data object, properly modified
*/
function hide(data) {
if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
return data;
}
var refRect = data.offsets.reference;
var bound = find(data.instance.modifiers, function (modifier) {
return modifier.name === 'preventOverflow';
}).boundaries;
if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {
// Avoid unnecessary DOM access if visibility hasn't changed
if (data.hide === true) {
return data;
}
data.hide = true;
data.attributes['x-out-of-boundaries'] = '';
} else {
// Avoid unnecessary DOM access if visibility hasn't changed
if (data.hide === false) {
return data;
}
data.hide = false;
data.attributes['x-out-of-boundaries'] = false;
}
return data;
}
/**
* @function
* @memberof Modifiers
* @argument {Object} data - The data object generated by `update` method
* @argument {Object} options - Modifiers configuration and options
* @returns {Object} The data object, properly modified
*/
function inner(data) {
var placement = data.placement;
var basePlacement = placement.split('-')[0];
var _data$offsets = data.offsets,
popper = _data$offsets.popper,
reference = _data$offsets.reference;
var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
data.placement = getOppositePlacement(placement);
data.offsets.popper = getClientRect(popper);
return data;
}
/**
* Modifier function, each modifier can have a function of this type assigned
* to its `fn` property.<br />
* These functions will be called on each update, this means that you must
* make sure they are performant enough to avoid performance bottlenecks.
*
* @function ModifierFn
* @argument {dataObject} data - The data object generated by `update` method
* @argument {Object} options - Modifiers configuration and options
* @returns {dataObject} The data object, properly modified
*/
/**
* Modifiers are plugins used to alter the behavior of your poppers.<br />
* Popper.js uses a set of 9 modifiers to provide all the basic functionalities
* needed by the library.
*
* Usually you don't want to override the `order`, `fn` and `onLoad` props.
* All the other properties are configurations that could be tweaked.
* @namespace modifiers
*/
var modifiers = {
/**
* Modifier used to shift the popper on the start or end of its reference
* element.<br />
* It will read the variation of the `placement` property.<br />
* It can be one either `-end` or `-start`.
* @memberof modifiers
* @inner
*/
shift: {
/** @prop {number} order=100 - Index used to define the order of execution */
order: 100,
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
enabled: true,
/** @prop {ModifierFn} */
fn: shift
},
/**
* The `offset` modifier can shift your popper on both its axis.
*
* It accepts the following units:
* - `px` or unit-less, interpreted as pixels
* - `%` or `%r`, percentage relative to the length of the reference element
* - `%p`, percentage relative to the length of the popper element
* - `vw`, CSS viewport width unit
* - `vh`, CSS viewport height unit
*
* For length is intended the main axis relative to the placement of the popper.<br />
* This means that if the placement is `top` or `bottom`, the length will be the
* `width`. In case of `left` or `right`, it will be the `height`.
*
* You can provide a single value (as `Number` or `String`), or a pair of values
* as `String` divided by a comma or one (or more) white spaces.<br />
* The latter is a deprecated method because it leads to confusion and will be
* removed in v2.<br />
* Additionally, it accepts additions and subtractions between different units.
* Note that multiplications and divisions aren't supported.
*
* Valid examples are:
* ```
* 10
* '10%'
* '10, 10'
* '10%, 10'
* '10 + 10%'
* '10 - 5vh + 3%'
* '-10px + 5vh, 5px - 6%'
* ```
* > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap
* > with their reference element, unfortunately, you will have to disable the `flip` modifier.
* > You can read more on this at this [issue](https://github.com/FezVrasta/popper.js/issues/373).
*
* @memberof modifiers
* @inner
*/
offset: {
/** @prop {number} order=200 - Index used to define the order of execution */
order: 200,
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
enabled: true,
/** @prop {ModifierFn} */
fn: offset,
/** @prop {Number|String} offset=0
* The offset value as described in the modifier description
*/
offset: 0
},
/**
* Modifier used to prevent the popper from being positioned outside the boundary.
*
* A scenario exists where the reference itself is not within the boundaries.<br />
* We can say it has "escaped the boundaries" or just "escaped".<br />
* In this case we need to decide whether the popper should either:
*
* - detach from the reference and remain "trapped" in the boundaries, or
* - if it should ignore the boundary and "escape with its reference"
*
* When `escapeWithReference` is set to`true` and reference is completely
* outside its boundaries, the popper will overflow (or completely leave)
* the boundaries in order to remain attached to the edge of the reference.
*
* @memberof modifiers
* @inner
*/
preventOverflow: {
/** @prop {number} order=300 - Index used to define the order of execution */
order: 300,
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
enabled: true,
/** @prop {ModifierFn} */
fn: preventOverflow,
/**
* @prop {Array} [priority=['left','right','top','bottom']]
* Popper will try to prevent overflow following these priorities by default,
* then, it could overflow on the left and on top of the `boundariesElement`
*/
priority: ['left', 'right', 'top', 'bottom'],
/**
* @prop {number} padding=5
* Amount of pixel used to define a minimum distance between the boundaries
* and the popper. This makes sure the popper always has a little padding
* between the edges of its container
*/
padding: 5,
/**
* @prop {String|HTMLElement} boundariesElement='scrollParent'
* Boundaries used by the modifier. Can be `scrollParent`, `window`,
* `viewport` or any DOM element.
*/
boundariesElement: 'scrollParent'
},
/**
* Modifier used to make sure the reference and its popper stay near each other
* without leaving any gap between the two. Especially useful when the arrow is
* enabled and you want to ensure that it points to its reference element.
* It cares only about the first axis. You can still have poppers with margin
* between the popper and its reference element.
* @memberof modifiers
* @inner
*/
keepTogether: {
/** @prop {number} order=400 - Index used to define the order of execution */
order: 400,
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
enabled: true,
/** @prop {ModifierFn} */
fn: keepTogether
},
/**
* This modifier is used to move the `arrowElement` of the popper to make
* sure it is positioned between the reference element and its popper element.
* It will read the outer size of the `arrowElement` node to detect how many
* pixels of conjunction are needed.
*
* It has no effect if no `arrowElement` is provided.
* @memberof modifiers
* @inner
*/
arrow: {
/** @prop {number} order=500 - Index used to define the order of execution */
order: 500,
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
enabled: true,
/** @prop {ModifierFn} */
fn: arrow,
/** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */
element: '[x-arrow]'
},
/**
* Modifier used to flip the popper's placement when it starts to overlap its
* reference element.
*
* Requires the `preventOverflow` modifier before it in order to work.
*
* **NOTE:** this modifier will interrupt the current update cycle and will
* restart it if it detects the need to flip the placement.
* @memberof modifiers
* @inner
*/
flip: {
/** @prop {number} order=600 - Index used to define the order of execution */
order: 600,
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
enabled: true,
/** @prop {ModifierFn} */
fn: flip,
/**
* @prop {String|Array} behavior='flip'
* The behavior used to change the popper's placement. It can be one of
* `flip`, `clockwise`, `counterclockwise` or an array with a list of valid
* placements (with optional variations)
*/
behavior: 'flip',
/**
* @prop {number} padding=5
* The popper will flip if it hits the edges of the `boundariesElement`
*/
padding: 5,
/**
* @prop {String|HTMLElement} boundariesElement='viewport'
* The element which will define the boundaries of the popper position.
* The popper will never be placed outside of the defined boundaries
* (except if `keepTogether` is enabled)
*/
boundariesElement: 'viewport',
/**
* @prop {Boolean} flipVariations=false
* The popper will switch placement variation between `-start` and `-end` when
* the reference element overlaps its boundaries.
*
* The original placement should have a set variation.
*/
flipVariations: false,
/**
* @prop {Boolean} flipVariationsByContent=false
* The popper will switch placement variation between `-start` and `-end` when
* the popper element overlaps its reference boundaries.
*
* The original placement should have a set variation.
*/
flipVariationsByContent: false
},
/**
* Modifier used to make the popper flow toward the inner of the reference element.
* By default, when this modifier is disabled, the popper will be placed outside
* the reference element.
* @memberof modifiers
* @inner
*/
inner: {
/** @prop {number} order=700 - Index used to define the order of execution */
order: 700,
/** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */
enabled: false,
/** @prop {ModifierFn} */
fn: inner
},
/**
* Modifier used to hide the popper when its reference element is outside of the
* popper boundaries. It will set a `x-out-of-boundaries` attribute which can
* be used to hide with a CSS selector the popper when its reference is
* out of boundaries.
*
* Requires the `preventOverflow` modifier before it in order to work.
* @memberof modifiers
* @inner
*/
hide: {
/** @prop {number} order=800 - Index used to define the order of execution */
order: 800,
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
enabled: true,
/** @prop {ModifierFn} */
fn: hide
},
/**
* Computes the style that will be applied to the popper element to gets
* properly positioned.
*
* Note that this modifier will not touch the DOM, it just prepares the styles
* so that `applyStyle` modifier can apply it. This separation is useful
* in case you need to replace `applyStyle` with a custom implementation.
*
* This modifier has `850` as `order` value to maintain backward compatibility
* with previous versions of Popper.js. Expect the modifiers ordering method
* to change in future major versions of the library.
*
* @memberof modifiers
* @inner
*/
computeStyle: {
/** @prop {number} order=850 - Index used to define the order of execution */
order: 850,
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
enabled: true,
/** @prop {ModifierFn} */
fn: computeStyle,
/**
* @prop {Boolean} gpuAcceleration=true
* If true, it uses the CSS 3D transformation to position the popper.
* Otherwise, it will use the `top` and `left` properties
*/
gpuAcceleration: true,
/**
* @prop {string} [x='bottom']
* Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.
* Change this if your popper should grow in a direction different from `bottom`
*/
x: 'bottom',
/**
* @prop {string} [x='left']
* Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.
* Change this if your popper should grow in a direction different from `right`
*/
y: 'right'
},
/**
* Applies the computed styles to the popper element.
*
* All the DOM manipulations are limited to this modifier. This is useful in case
* you want to integrate Popper.js inside a framework or view library and you
* want to delegate all the DOM manipulations to it.
*
* Note that if you disable this modifier, you must make sure the popper element
* has its position set to `absolute` before Popper.js can do its work!
*
* Just disable this modifier and define your own to achieve the desired effect.
*
* @memberof modifiers
* @inner
*/
applyStyle: {
/** @prop {number} order=900 - Index used to define the order of execution */
order: 900,
/** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
enabled: true,
/** @prop {ModifierFn} */
fn: applyStyle,
/** @prop {Function} */
onLoad: applyStyleOnLoad,
/**
* @deprecated since version 1.10.0, the property moved to `computeStyle` modifier
* @prop {Boolean} gpuAcceleration=true
* If true, it uses the CSS 3D transformation to position the popper.
* Otherwise, it will use the `top` and `left` properties
*/
gpuAcceleration: undefined
}
};
/**
* The `dataObject` is an object containing all the information used by Popper.js.
* This object is passed to modifiers and to the `onCreate` and `onUpdate` callbacks.
* @name dataObject
* @property {Object} data.instance The Popper.js instance
* @property {String} data.placement Placement applied to popper
* @property {String} data.originalPlacement Placement originally defined on init
* @property {Boolean} data.flipped True if popper has been flipped by flip modifier
* @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper
* @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier
* @property {Object} data.styles Any CSS property defined here will be applied to the popper. It expects the JavaScript nomenclature (eg. `marginBottom`)
* @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow. It expects the JavaScript nomenclature (eg. `marginBottom`)
* @property {Object} data.boundaries Offsets of the popper boundaries
* @property {Object} data.offsets The measurements of popper, reference and arrow elements
* @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values
* @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values
* @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0
*/
/**
* Default options provided to Popper.js constructor.<br />
* These can be overridden using the `options` argument of Popper.js.<br />
* To override an option, simply pass an object with the same
* structure of the `options` object, as the 3rd argument. For example:
* ```
* new Popper(ref, pop, {
* modifiers: {
* preventOverflow: { enabled: false }
* }
* })
* ```
* @type {Object}
* @static
* @memberof Popper
*/
var Defaults = {
/**
* Popper's placement.
* @prop {Popper.placements} placement='bottom'
*/
placement: 'bottom',
/**
* Set this to true if you want popper to position it self in 'fixed' mode
* @prop {Boolean} positionFixed=false
*/
positionFixed: false,
/**
* Whether events (resize, scroll) are initially enabled.
* @prop {Boolean} eventsEnabled=true
*/
eventsEnabled: true,
/**
* Set to true if you want to automatically remove the popper when
* you call the `destroy` method.
* @prop {Boolean} removeOnDestroy=false
*/
removeOnDestroy: false,
/**
* Callback called when the popper is created.<br />
* By default, it is set to no-op.<br />
* Access Popper.js instance with `data.instance`.
* @prop {onCreate}
*/
onCreate: function onCreate() {},
/**
* Callback called when the popper is updated. This callback is not called
* on the initialization/creation of the popper, but only on subsequent
* updates.<br />
* By default, it is set to no-op.<br />
* Access Popper.js instance with `data.instance`.
* @prop {onUpdate}
*/
onUpdate: function onUpdate() {},
/**
* List of modifiers used to modify the offsets before they are applied to the popper.
* They provide most of the functionalities of Popper.js.
* @prop {modifiers}
*/
modifiers: modifiers
};
/**
* @callback onCreate
* @param {dataObject} data
*/
/**
* @callback onUpdate
* @param {dataObject} data
*/
// Utils
// Methods
var Popper = function () {
/**
* Creates a new Popper.js instance.
* @class Popper
* @param {Element|referenceObject} reference - The reference element used to position the popper
* @param {Element} popper - The HTML / XML element used as the popper
* @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)
* @return {Object} instance - The generated Popper.js instance
*/
function Popper(reference, popper) {
var _this = this;
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
classCallCheck(this, Popper);
this.scheduleUpdate = function () {
return requestAnimationFrame(_this.update);
};
// make update() debounced, so that it only runs at most once-per-tick
this.update = debounce(this.update.bind(this));
// with {} we create a new object with the options inside it
this.options = _extends({}, Popper.Defaults, options);
// init state
this.state = {
isDestroyed: false,
isCreated: false,
scrollParents: []
};
// get reference and popper elements (allow jQuery wrappers)
this.reference = reference && reference.jquery ? reference[0] : reference;
this.popper = popper && popper.jquery ? popper[0] : popper;
// Deep merge modifiers options
this.options.modifiers = {};
Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
_this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
});
// Refactoring modifiers' list (Object => Array)
this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
return _extends({
name: name
}, _this.options.modifiers[name]);
})
// sort the modifiers by order
.sort(function (a, b) {
return a.order - b.order;
});
// modifiers have the ability to execute arbitrary code when Popper.js get inited
// such code is executed in the same order of its modifier
// they could add new properties to their options configuration
// BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!
this.modifiers.forEach(function (modifierOptions) {
if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);
}
});
// fire the first update to position the popper in the right place
this.update();
var eventsEnabled = this.options.eventsEnabled;
if (eventsEnabled) {
// setup event listeners, they will take care of update the position in specific situations
this.enableEventListeners();
}
this.state.eventsEnabled = eventsEnabled;
}
// We can't use class properties because they don't get listed in the
// class prototype and break stuff like Sinon stubs
createClass(Popper, [{
key: 'update',
value: function update$$1() {
return update.call(this);
}
}, {
key: 'destroy',
value: function destroy$$1() {
return destroy.call(this);
}
}, {
key: 'enableEventListeners',
value: function enableEventListeners$$1() {
return enableEventListeners.call(this);
}
}, {
key: 'disableEventListeners',
value: function disableEventListeners$$1() {
return disableEventListeners.call(this);
}
/**
* Schedules an update. It will run on the next UI update available.
* @method scheduleUpdate
* @memberof Popper
*/
/**
* Collection of utilities useful when writing custom modifiers.
* Starting from version 1.7, this method is available only if you
* include `popper-utils.js` before `popper.js`.
*
* **DEPRECATION**: This way to access PopperUtils is deprecated
* and will be removed in v2! Use the PopperUtils module directly instead.
* Due to the high instability of the methods contained in Utils, we can't
* guarantee them to follow semver. Use them at your own risk!
* @static
* @private
* @type {Object}
* @deprecated since version 1.8
* @member Utils
* @memberof Popper
*/
}]);
return Popper;
}();
/**
* The `referenceObject` is an object that provides an interface compatible with Popper.js
* and lets you use it as replacement of a real DOM node.<br />
* You can use this method to position a popper relatively to a set of coordinates
* in case you don't have a DOM node to use as reference.
*
* ```
* new Popper(referenceObject, popperNode);
* ```
*
* NB: This feature isn't supported in Internet Explorer 10.
* @name referenceObject
* @property {Function} data.getBoundingClientRect
* A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.
* @property {number} data.clientWidth
* An ES6 getter that will return the width of the virtual reference element.
* @property {number} data.clientHeight
* An ES6 getter that will return the height of the virtual reference element.
*/
Popper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
Popper.placements = placements;
Popper.Defaults = Defaults;
/* harmony default export */ __webpack_exports__["a"] = (Popper);
//# sourceMappingURL=popper.js.map
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(34)))
/***/ }),
/***/ 1592:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
var Arrow = function Arrow(props, context) {
var _props$component = props.component,
component = _props$component === undefined ? 'span' : _props$component,
innerRef = props.innerRef,
children = props.children,
restProps = _objectWithoutProperties(props, ['component', 'innerRef', 'children']);
var popper = context.popper;
var arrowRef = function arrowRef(node) {
popper.setArrowNode(node);
if (typeof innerRef === 'function') {
innerRef(node);
}
};
var arrowStyle = popper.getArrowStyle();
if (typeof children === 'function') {
var arrowProps = {
ref: arrowRef,
style: arrowStyle
};
return children({ arrowProps: arrowProps, restProps: restProps });
}
var componentProps = _extends({}, restProps, {
style: _extends({}, arrowStyle, restProps.style)
});
if (typeof component === 'string') {
componentProps.ref = arrowRef;
} else {
componentProps.innerRef = arrowRef;
}
return Object(__WEBPACK_IMPORTED_MODULE_0_react__["createElement"])(component, componentProps, children);
};
Arrow.contextTypes = {
popper: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object.isRequired
};
Arrow.propTypes = {
component: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),
innerRef: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func])
};
/* harmony default export */ __webpack_exports__["a"] = (Arrow);
/***/ }),
/***/ 1593:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_input_number_style_css__ = __webpack_require__(1141);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_input_number_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_input_number_style_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number__ = __webpack_require__(1142);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__ = __webpack_require__(112);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_material_ui_Button__ = __webpack_require__(348);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip__ = __webpack_require__(1481);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rc_pagination__ = __webpack_require__(1557);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_pagination_assets_index_css__ = __webpack_require__(1598);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_pagination_assets_index_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_rc_pagination_assets_index_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_educoder__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_material_ui_Input__ = __webpack_require__(1558);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_material_ui_Input___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_material_ui_Input__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_material_ui_Form__ = __webpack_require__(1451);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_material_ui_Form___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_material_ui_Form__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__CommentItemKEEditor__ = __webpack_require__(1607);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__CommentItemMDEditor__ = __webpack_require__(1608);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__Comment_css__ = __webpack_require__(1501);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__Comment_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_13__Comment_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__modals_Modals__ = __webpack_require__(173);
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}/*
-------------------------- 样式相关
class 改成 className
style 需要传入json对象 style="margin:0px"> -> style={{ margin:"0px" }}>
margin-top -> marginTop
onclick -> onClick 驼峰
-------------------------- 模板语法相关
页面都在前端组装渲染
rails模板的 if等逻辑改成js实现
客户端需要能判断 User.current.manager_of_shixun?(comment.dis_id)
-------------------------- 现有ui控件的使用方式
方案1: 换成对应的react组件然后再调用(控件简单时推荐)
方案2: 在react环境中使用若干jquery插件(控件复杂又无react环境下的替代方案时考虑使用)
--------------------------
需要服务端提供对应的rest api
*/var _origin=window.location.origin;/*
tpi讨论交流问答帖子详情讨论课堂讨论的公用模块:
https://www.educoder.net/tasks/n2ejvaowk6l9
https://www.educoder.net/forums/2629
注意不同模块使用时的参数的不同 usingAntdModal onlySuperAdminCouldHide isChildCommentPagination等等
用到的props:
user user_url image_url
loadingComments--
comment_count_without_reply
currentPage
comments
buttonText 发送按钮 显示文本
showRewardButton 是否显示奖励按钮
showHiddenButton 是否显示隐藏按钮
onlySuperAdminCouldHide 只有超级管理员才显示隐藏取消隐藏
isChildCommentPagination 是否子回复分页
loadMoreChildComments function 加载所有子回复
usingAntdModal 是否使用antd的弹框
接口
deleteComment 删除
onPaginationChange 翻页变化
commentPraise 点赞
hiddenComment 隐藏
rewardCode 奖励
*/var Comments=function(_Component){_inherits(Comments,_Component);function Comments(props){_classCallCheck(this,Comments);var _this=_possibleConstructorReturn(this,(Comments.__proto__||Object.getPrototypeOf(Comments)).call(this,props));_this.replyTo=function(toUserId){};_this.parseCommentContent=function(oldContent){if(oldContent&&oldContent.startsWith('<')&&oldContent.endsWith('>')){}else if(window.$('#md_div').length){// 有这个临时处理md内容的dom
window.$('#md_div').html('');// markdown to html
try{var markdwonParser=window.editormd.markdownToHTML("md_div",{markdown:oldContent,emoji:true,htmlDecode:"style,script,iframe",// you can filter tags decode
taskList:true,tex:true,// 默认不解析
flowChart:true,// 默认不解析
sequenceDiagram:true// 默认不解析
});oldContent=window.$('#md_div').html();}catch(e){// TODO 可能公式parse时报错了
console.error(e);}}return oldContent;};_this.onDialogOkBtnClick=function(){var _this$props=_this.props,deleteComment=_this$props.deleteComment,hiddenComment=_this$props.hiddenComment;var dialogType=_this.state.dialogType;if(dialogType==='delete'){deleteComment(_this.comment,_this.childComment?_this.childComment.id:'');}else if(dialogType==='hidden'||dialogType==='hiddenCancel'){hiddenComment(_this.comment,_this.childComment?_this.childComment.id:'');}_this.setState({dialogOpen:false});};_this.handleDialogClose=_this.handleDialogClose.bind(_this);_this.handleGoldRewardDialogClose=_this.handleGoldRewardDialogClose.bind(_this);_this.state={dialogOpen:false,goldRewardDialogOpen:false,goldRewardInput:'',showReplyEditorFlag:false,// false->true or true->false时切换editor显示或隐藏
currentReplyComment:null};return _this;}_createClass(Comments,[{key:'componentWillUnmount',value:function componentWillUnmount(){var $=window.$;$(document).off("onReply");}},{key:'componentDidMount',value:function componentDidMount(){var _this2=this;setTimeout(function(){var $=window.$;// 绑定后会自动off 加timeout试试
$(document).on("onReply",function(e,args){var commentContent=args.commentContent,id=args.id,editor=args.editor;_this2.props.replyComment(commentContent,id,editor);});},1000);}},{key:'initReply',value:function initReply(comment){this.props.initReply&&this.props.initReply(comment);// 如果配置的使用kindEditor
if(window.__useKindEditor===true){var user=this.props.user;console.log('initReply ',comment);var $=window.$;var id=comment.id;var reply_message_el='#reply_message_'+id;var reply_iconup_el='#reply_iconup_'+id;if($(reply_message_el).html()==""){$(".reply_to_message").html("");$(reply_message_el).html('<div className="orig_reply_box borderBottomNone reply_to_message" id="reply_to_message_'+id+'">\n <div class="homepagePostReplyPortrait mr15 imageFuzzy fl" id="reply_image_'+id+'"><a href="'+user.user_url+'" target="_blank" alt="\u7528\u6237\u5934\u50CF"><img alt="0?1442652658" height="33" src="'+_origin+'/images/'+user.image_url+'" width="33" /></a></div>\n <div class="orig_textarea fl" style="margin-bottom: 0px">\n <div nhname=\'new_message_'+id+'\'>\n <form accept-charset="UTF-8" action="/discusses?challenge_id=118&amp;dis_id=61&amp;dis_type=Shixun" data-remote="true" id="new_comment_form" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="HJTbMpfI8LKUpwghfkvgB2SaMmcIVyVdAezyKmzJ7FU=" /></div>\n <input type="hidden" id="dis_reply_id" name="reply_id" value="'+id+'">\n <div nhname=\'toolbar_container_'+id+'\'></div>\n <textarea placeholder="\u6709\u95EE\u9898\u6216\u6709\u5EFA\u8BAE\uFF0C\u8BF7\u76F4\u63A5\u7ED9\u6211\u7559\u8A00\u5427\uFF01" id="comment_news_'+id+'" style="display: none" nhname=\'new_message_textarea_'+id+'\' name="content"></textarea>\n <a id="new_message_submit_btn_'+id+'" href="javascript:void(0)" onclick="this.style.display=\'none\'" class="mt10 task-btn task-btn-orange fr">'+(this.props.buttonText||'发送')+'</a>\n <div class="cl"></div>\n <p nhname=\'contentmsg_'+id+'\'></p>\n</form> </div>\n <div class="cl"></div>\n </div>\n <div class="cl"></div>\n</div>\n');//" ide语法识别
$(reply_iconup_el).show();$(function(){window.sd_create_editor_from_data(id,null,"100%","Discuss");});}else{if($(reply_message_el).is(':visible')){$(reply_message_el).hide();}else{$(reply_message_el).show();}// $(reply_message_el).html("");
// $(reply_iconup_el).hide();
}}else{// MD
this.setState({currentReplyComment:comment,showReplyEditorFlag:!this.state.showReplyEditorFlag});}}// enableReplyTo
// onClick={() => this.replyTo(item.user_id)}
},{key:'renderChildenComments',value:function renderChildenComments(comment){var _this3=this;if(!comment.children||comment.children.length===0){return'';}var user=this.props.user;var childCommentsElement=comment.children.map(function(item,index){var _content=_this3.parseCommentContent(item.content);return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{key:index,className:'childComment'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'J_Comment_Info clearfix mt3'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'t_info fl'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:_origin+'/users/'+item.user_login,className:'content-username hide fl'},item.username),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'t_area fl'},item.time),item.reward?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:'\u5DF2\u5956\u52B1\u91D1\u5E01'+item.reward,disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',style:{marginLeft:'20px',cursor:'default'},className:'rewarded color-grey-8 font-12 fl '+(item.admin===true?'':'normalUser')},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-gift mr5 color-orange fl',style:{display:'inline'}}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fl'},item.reward))):''),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('p',{className:'fr orig_reply lineh-20'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{id:'hidden_discuss_btn_952'}),_this3.props.showRewardButton!=false&&comment.admin===true?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',className:'color-grey-8',onClick:function onClick(){return _this3.showGoldRewardDialog(comment,item);}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:"给TA奖励金币",disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-jiangli fl'}))):"", false?React.createElement(Tooltip,{title:item.hidden?"取消隐藏":"隐藏评论"},React.createElement('a',{href:'javascript:void(0);',className:'color-grey-8',onClick:function onClick(){return _this3.onCommentBtnClick(comment,item,item.hidden?'hiddenCancel':'hidden');}},React.createElement('i',{className:'fa '+(item.hidden?'fa-eye':'fa-eye-slash')+' mr5'}))):"",comment.admin===true||item.can_delete||item.user_id===user.user_id||item.user_login==user.login?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',className:'color-grey-8',id:'delete_reply_118_952',onClick:function onClick(){return _this3.onCommentBtnClick(comment,item,'delete');}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:"删除",disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-shanchu mr5'}))):'')),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'comment_content clearfix',id:'reply_content_'+item.id},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'color-grey-3',id:'reply_content_'+item.id},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:"break_word_comments markdown-body",dangerouslySetInnerHTML:{__html:_content}}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'cl'}))));});return childCommentsElement;}},{key:'renderComments',value:function renderComments(){var _this4=this;var _props=this.props,comments=_props.comments,currentUser=_props.currentUser,deleteComment=_props.deleteComment,commentPraise=_props.commentPraise,hiddenComment=_props.hiddenComment,user=_props.user;var _state=this.state,showReplyEditorFlag=_sta
var commentsElement=comments.map(function(item,index){var _content=void 0;_content=_this4.parseCommentContent(item.content);return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'comment_item_cont df clearfix',key:index},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'J_Comment_Face fl'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:_origin+'/users/'+item.user_login,target:'_blank'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('img',{alt:'\u7528\u6237\u5934\u50CF',height:'50',src:Object(__WEBPACK_IMPORTED_MODULE_8_educoder__["M" /* getImageUrl */])('images/'+item.image_url),width:'50'}))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'t_content fl'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'J_Comment_Reply'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'comment_orig_content',style:{margin:"0px"}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'J_Comment_Info clearfix mt3'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'t_info fl'},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:_origin+'/users/'+item.user_login,className:'content-username hide fl'},item.username),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'t_area fl'},item.time),item.position&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fl color-light-green font-14 ml15'},'[\u7B2C',item.position,'\u5173]'),item.game_url?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:'\u70B9\u51FB\u67E5\u770BTA\u7684\u4EE3\u7801\u9875\u9762',disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:item.game_url,target:'_blank',className:'fl font-14 ml15',style:{color:"#4CACFF",cursor:"pointer"}},'\u67E5\u770B')):"",item.reward?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:'\u5DF2\u5956\u52B1\u91D1\u5E01'+item.reward,disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('a',{href:'javascript:void(0);',style:{marginLeft:'20px',cursor:'default'},className:'rewarded color-grey-8 font-12 fl '+(item.admin===true?'':'normalUser')},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-gift mr5 color-orange fl'}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('span',{className:'fl'},item.reward))):'')),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'comment_content clearfix',id:'reply_content_'+item.id},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'color-grey-3',id:'reply_content_'+item.id},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:"break_word_comments markdown-body",dangerouslySetInnerHTML:{__html:_content}}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'cl'}))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'childrenCommentsView'},item&&item.children&&item.children.length?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'trangle'}):'',_this4.renderChildenComments(item),item.isAllChildrenLoaded!=true&&item.children&&_this4.props.isChildCommentPagination==true&&item.child_message_count>5?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_material_ui_Tooltip___default.a,{title:"点击查看更多回复",disableFocusListener:true},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'loadMoreChildComments',onClick:function onClick(){_this4.props.loadMoreChildComments&&_this4.props.loadMoreChildComments(item);}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('i',{className:'iconfont icon-xiajiantou'}))):''),__WEBPACK_IM
/users/reply_to?reply_id=${item.id}&amp;type=Challenge&amp;user_activity_id=118
*//*
onclick="delete_confirm_box_2('<%= discuss_path(comment, :challenge_id => @game_challenge) %>', '确定要删除该条回复吗?')"
delete按钮
id=`delete_reply_<%=@game_challenge.id %>_<%=comment.id %>`
*/return commentsElement;}},{key:'onCommentBtnClick',value:function onCommentBtnClick(comment,childComment,dialogType){this.comment=comment;this.childComment=childComment;this.setState({dialogOpen:true,dialogType:dialogType});}},{key:'handleDialogClose',value:function handleDialogClose(){this.setState({dialogOpen:false});}},{key:'showGoldRewardDialog',value:function showGoldRewardDialog(comment,childComment){if(comment.admin===true){this.comment=comment;this.childComment=childComment;this.setState({goldRewardDialogOpen:true});}}},{key:'handleGoldRewardDialogClose',value:function handleGoldRewardDialogClose(){this.setState({goldRewardDialogOpen:false});}},{key:'onGoldRewardDialogOkBtnClick',value:function onGoldRewardDialogOkBtnClick(){console.log('onGoldRewardDialogOkBtnClick');var goldRewardInput=this.state.goldRewardInput;// || goldRewardInput.indexOf('-') !== -1
if(!goldRewardInput||goldRewardInput==='0'){this.setState({goldRewardInputError:true});return;}else{this.setState({goldRewardDialogOpen:false});this.props.rewardCode(this.comment,this.childComment,goldRewardInput);}}},{key:'onGoldRewardInputChange',value:function onGoldRewardInputChange(value){// e.target.value
var number=parseInt(value||0,10);if(Number.isNaN(number)){return;}this.setState({goldRewardInput:number,goldRewardInputError:false});}},{key:'render',value:function render(){var _this5=this;var _props2=this.props,deleteComment=_props2.deleteComment,onPaginationChange=_props2.onPaginationChange,comment_count_without_reply=_props2.comment_count_without_reply,currentPage=_props2.currentPage,comments=_props2.comments,usingAntdModal=_props2.usingAntdModal;var _state2=this.state,dialogOpen=_state2.dialogOpen,goldRewardDialogOpen=_state2.goldRewardDialogOpen,dialogType=_state2.dialogType,goldRewardInputError=_state2.goldRewardInputError;var goldRewardInputErrorObj=goldRewardInputError?{'error':'error'}:{};return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement('div',{className:'fit -scroll',style:{'overflow-x':'hidden'}},usingAntdModal?__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_14__modals_Modals__["a" /* default */],{modalsType:dialogOpen,modalsTopval:dialogType==='delete'?'确定要删除该条回复吗?':dialogType==='hidden'?'确定要隐藏该条回复吗?':dialogType==='hiddenCancel'?'确定要取消隐藏该条回复吗?':'',modalsBottomval:"",modalCancel:this.handleDialogClose,modalSave:this.onDialogOkBtnClick}):__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog___default.a,{open:dialogOpen,disableEscapeKeyDown:true,onClose:this.handleDialogClose},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogTitle"],{id:'alert-dialog-title'},"提示"),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogContent"],null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogContentText"],{id:'alert-dialog-description',style:{textAlign:'center'}},dialogType==='delete'?'确定要删除该条回复吗?':dialogType==='hidden'?'确定要隐藏该条回复吗?':dialogType==='hiddenCancel'?'确定要取消隐藏该条回复吗?':'')),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogActions"],null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default.a,{onClick:this.handleDialogClose,color:'primary'},'\u53D6\u6D88'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default.a,{variant:'raised',onClick:function onClick(){return _this5.onDialogOkBtnClick();},color:'primary',autoFocus:true},'\u786E\u5B9A'))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog___default.a,{open:goldRewardDialogOpen,disableEscapeKeyDown:true,onClose:this.handleGoldRewardDialogClose},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogTitle"],{id:'alert-dialog-title'},"奖励设置"),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogContent"],null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_input_number___default.a,{placeholder:'\u8BF7\u8F93\u5165\u5956\u52B1\u7684\u91D1\u5E01\u6570\u91CF',id:'goldReward',type:'number',value:this.state.goldRewardInput,onChange:function onChange(e){return _this5.onGoldRewardInputChange(e);},width:228,style:{width:'228px'}})),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_material_ui_Dialog__["DialogActions"],null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default.a,{onClick:this.handleGoldRewardDialogClose,color:'primary'},'\u53D6\u6D88'),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4_material_ui_Button___default.a,{variant:'raised',onClick:function onClick(){ret
/***/ }),
/***/ 1594:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(18);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__ = __webpack_require__(31);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Pager__ = __webpack_require__(1595);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__Options__ = __webpack_require__(1596);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__KeyCode__ = __webpack_require__(1473);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__locale_zh_CN__ = __webpack_require__(1597);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_react_lifecycles_compat__ = __webpack_require__(7);
function noop() {}
function isInteger(value) {
return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
}
function defaultItemRender(page, type, element) {
return element;
}
function calculatePage(p, state, props) {
var pageSize = p;
if (typeof pageSize === 'undefined') {
pageSize = state.pageSize;
}
return Math.floor((props.total - 1) / pageSize) + 1;
}
var Pagination = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default()(Pagination, _React$Component);
function Pagination(props) {
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Pagination);
var _this = __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Pagination.__proto__ || Object.getPrototypeOf(Pagination)).call(this, props));
_initialiseProps.call(_this);
var hasOnChange = props.onChange !== noop;
var hasCurrent = 'current' in props;
if (hasCurrent && !hasOnChange) {
console.warn('Warning: You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.'); // eslint-disable-line
}
var current = props.defaultCurrent;
if ('current' in props) {
current = props.current;
}
var pageSize = props.defaultPageSize;
if ('pageSize' in props) {
pageSize = props.pageSize;
}
_this.state = {
current: current,
currentInputValue: current,
pageSize: pageSize
};
return _this;
}
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_createClass___default()(Pagination, [{
key: 'componentDidUpdate',
value: function componentDidUpdate(prevProps, prevState) {
// When current page change, fix focused style of prev item
// A hacky solution of https://github.com/ant-design/ant-design/issues/8948
var prefixCls = this.props.prefixCls;
if (prevState.current !== this.state.current && this.paginationNode) {
var lastCurrentNode = this.paginationNode.querySelector('.' + prefixCls + '-item-' + prevState.current);
if (lastCurrentNode && document.activeElement === lastCurrentNode) {
lastCurrentNode.blur();
}
}
}
}, {
key: 'render',
value: function render() {
// When hideOnSinglePage is true and there is only 1 page, hide the pager
if (this.props.hideOnSinglePage === true && this.props.total <= this.state.pageSize) {
return null;
}
var props = this.props;
var locale = props.locale;
var prefixCls = props.prefixCls;
var allPages = calculatePage(undefined, this.state, this.props);
var pagerList = [];
var jumpPrev = null;
var jumpNext = null;
var firstPager = null;
var lastPager = null;
var gotoButton = null;
var goButton = props.showQuickJumper && props.showQuickJumper.goButton;
var pageBufferSize = props.showLessItems ? 1 : 2;
var _state = this.state,
current = _state.current,
pageSize = _state.pageSize;
var prevPage = current - 1 > 0 ? current - 1 : 0;
var nextPage = current + 1 < allPages ? current + 1 : allPages;
var dataOrAriaAttributeProps = Object.keys(props).reduce(function (prev, key) {
if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') {
prev[key] = props[key];
}
return prev;
}, {});
if (props.simple) {
if (goButton) {
if (typeof goButton === 'boolean') {
gotoButton = __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'button',
{
type: 'button',
onClick: this.handleGoTO,
onKeyUp: this.handleGoTO
},
locale.jump_to_confirm
);
} else {
gotoButton = __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'span',
{
onClick: this.handleGoTO,
onKeyUp: this.handleGoTO
},
goButton
);
}
gotoButton = __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'li',
{
title: props.showTitle ? '' + locale.jump_to + this.state.current + '/' + allPages : null,
className: prefixCls + '-simple-pager'
},
gotoButton
);
}
return __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'ul',
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
className: prefixCls + ' ' + prefixCls + '-simple ' + props.className,
style: props.style,
ref: this.savePaginationNode
}, dataOrAriaAttributeProps),
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'li',
{
title: props.showTitle ? locale.prev_page : null,
onClick: this.prev,
tabIndex: this.hasPrev() ? 0 : null,
onKeyPress: this.runIfEnterPrev,
className: (this.hasPrev() ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-prev',
'aria-disabled': !this.hasPrev()
},
props.itemRender(prevPage, 'prev', this.getItemIcon(props.prevIcon))
),
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'li',
{
title: props.showTitle ? this.state.current + '/' + allPages : null,
className: prefixCls + '-simple-pager'
},
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement('input', {
type: 'text',
value: this.state.currentInputValue,
onKeyDown: this.handleKeyDown,
onKeyUp: this.handleKeyUp,
onChange: this.handleKeyUp,
size: '3'
}),
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'span',
{ className: prefixCls + '-slash' },
'\uFF0F'
),
allPages
),
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'li',
{
title: props.showTitle ? locale.next_page : null,
onClick: this.next,
tabIndex: this.hasPrev() ? 0 : null,
onKeyPress: this.runIfEnterNext,
className: (this.hasNext() ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-next',
'aria-disabled': !this.hasNext()
},
props.itemRender(nextPage, 'next', this.getItemIcon(props.nextIcon))
),
gotoButton
);
}
if (allPages <= 5 + pageBufferSize * 2) {
var pagerProps = {
locale: locale,
rootPrefixCls: prefixCls,
onClick: this.handleChange,
onKeyPress: this.runIfEnter,
showTitle: props.showTitle,
itemRender: props.itemRender
};
if (!allPages) {
pagerList.push(__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7__Pager__["a" /* default */], __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, pagerProps, {
key: 'noPager',
page: allPages,
className: prefixCls + '-disabled'
})));
}
for (var i = 1; i <= allPages; i++) {
var active = this.state.current === i;
pagerList.push(__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7__Pager__["a" /* default */], __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, pagerProps, {
key: i,
page: i,
active: active
})));
}
} else {
var prevItemTitle = props.showLessItems ? locale.prev_3 : locale.prev_5;
var nextItemTitle = props.showLessItems ? locale.next_3 : locale.next_5;
if (props.showPrevNextJumpers) {
var jumpPrevClassString = prefixCls + '-jump-prev';
if (props.jumpPrevIcon) {
jumpPrevClassString += ' ' + prefixCls + '-jump-prev-custom-icon';
}
jumpPrev = __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'li',
{
title: props.showTitle ? prevItemTitle : null,
key: 'prev',
onClick: this.jumpPrev,
tabIndex: '0',
onKeyPress: this.runIfEnterJumpPrev,
className: jumpPrevClassString
},
props.itemRender(this.getJumpPrevPage(), 'jump-prev', this.getItemIcon(props.jumpPrevIcon))
);
var jumpNextClassString = prefixCls + '-jump-next';
if (props.jumpNextIcon) {
jumpNextClassString += ' ' + prefixCls + '-jump-next-custom-icon';
}
jumpNext = __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'li',
{
title: props.showTitle ? nextItemTitle : null,
key: 'next',
tabIndex: '0',
onClick: this.jumpNext,
onKeyPress: this.runIfEnterJumpNext,
className: jumpNextClassString
},
props.itemRender(this.getJumpNextPage(), 'jump-next', this.getItemIcon(props.jumpNextIcon))
);
}
lastPager = __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7__Pager__["a" /* default */], {
locale: props.locale,
last: true,
rootPrefixCls: prefixCls,
onClick: this.handleChange,
onKeyPress: this.runIfEnter,
key: allPages,
page: allPages,
active: false,
showTitle: props.showTitle,
itemRender: props.itemRender
});
firstPager = __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7__Pager__["a" /* default */], {
locale: props.locale,
rootPrefixCls: prefixCls,
onClick: this.handleChange,
onKeyPress: this.runIfEnter,
key: 1,
page: 1,
active: false,
showTitle: props.showTitle,
itemRender: props.itemRender
});
var left = Math.max(1, current - pageBufferSize);
var right = Math.min(current + pageBufferSize, allPages);
if (current - 1 <= pageBufferSize) {
right = 1 + pageBufferSize * 2;
}
if (allPages - current <= pageBufferSize) {
left = allPages - pageBufferSize * 2;
}
for (var _i = left; _i <= right; _i++) {
var _active = current === _i;
pagerList.push(__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7__Pager__["a" /* default */], {
locale: props.locale,
rootPrefixCls: prefixCls,
onClick: this.handleChange,
onKeyPress: this.runIfEnter,
key: _i,
page: _i,
active: _active,
showTitle: props.showTitle,
itemRender: props.itemRender
}));
}
if (current - 1 >= pageBufferSize * 2 && current !== 1 + 2) {
pagerList[0] = __WEBPACK_IMPORTED_MODULE_5_react___default.a.cloneElement(pagerList[0], {
className: prefixCls + '-item-after-jump-prev'
});
pagerList.unshift(jumpPrev);
}
if (allPages - current >= pageBufferSize * 2 && current !== allPages - 2) {
pagerList[pagerList.length - 1] = __WEBPACK_IMPORTED_MODULE_5_react___default.a.cloneElement(pagerList[pagerList.length - 1], {
className: prefixCls + '-item-before-jump-next'
});
pagerList.push(jumpNext);
}
if (left !== 1) {
pagerList.unshift(firstPager);
}
if (right !== allPages) {
pagerList.push(lastPager);
}
}
var totalText = null;
if (props.showTotal) {
totalText = __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'li',
{ className: prefixCls + '-total-text' },
props.showTotal(props.total, [props.total === 0 ? 0 : (current - 1) * pageSize + 1, current * pageSize > props.total ? props.total : current * pageSize])
);
}
var prevDisabled = !this.hasPrev() || !allPages;
var nextDisabled = !this.hasNext() || !allPages;
return __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'ul',
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({
className: prefixCls + ' ' + props.className,
style: props.style,
unselectable: 'unselectable',
ref: this.savePaginationNode
}, dataOrAriaAttributeProps),
totalText,
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'li',
{
title: props.showTitle ? locale.prev_page : null,
onClick: this.prev,
tabIndex: prevDisabled ? null : 0,
onKeyPress: this.runIfEnterPrev,
className: (!prevDisabled ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-prev',
'aria-disabled': prevDisabled
},
props.itemRender(prevPage, 'prev', this.getItemIcon(props.prevIcon))
),
pagerList,
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(
'li',
{
title: props.showTitle ? locale.next_page : null,
onClick: this.next,
tabIndex: nextDisabled ? null : 0,
onKeyPress: this.runIfEnterNext,
className: (!nextDisabled ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-next',
'aria-disabled': nextDisabled
},
props.itemRender(nextPage, 'next', this.getItemIcon(props.nextIcon))
),
__WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_8__Options__["a" /* default */], {
locale: props.locale,
rootPrefixCls: prefixCls,
selectComponentClass: props.selectComponentClass,
selectPrefixCls: props.selectPrefixCls,
changeSize: this.props.showSizeChanger ? this.changePageSize : null,
current: this.state.current,
pageSize: this.state.pageSize,
pageSizeOptions: this.props.pageSizeOptions,
quickGo: this.shouldDisplayQuickJumper() ? this.handleChange : null,
goButton: goButton
})
);
}
}], [{
key: 'getDerivedStateFromProps',
value: function getDerivedStateFromProps(props, prevState) {
var newState = {};
if ('current' in props) {
newState.current = props.current;
if (props.current !== prevState.current) {
newState.currentInputValue = newState.current;
}
}
if ('pageSize' in props && props.pageSize !== prevState.pageSize) {
var current = prevState.current;
var newCurrent = calculatePage(props.pageSize, prevState, props);
current = current > newCurrent ? newCurrent : current;
if (!('current' in props)) {
newState.current = current;
newState.currentInputValue = current;
}
newState.pageSize = props.pageSize;
}
return newState;
}
/**
* computed icon node that need to be rendered.
* @param {React.ReactNode | React.ComponentType<PaginationProps>} icon received icon.
* @returns {React.ReactNode}
*/
}]);
return Pagination;
}(__WEBPACK_IMPORTED_MODULE_5_react___default.a.Component);
Pagination.propTypes = {
prefixCls: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string,
current: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
defaultCurrent: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
total: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
pageSize: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
defaultPageSize: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.number,
onChange: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
hideOnSinglePage: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
showSizeChanger: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
showLessItems: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
onShowSizeChange: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
selectComponentClass: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
showPrevNextJumpers: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
showQuickJumper: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object]),
showTitle: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool,
pageSizeOptions: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string),
showTotal: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
locale: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
style: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.object,
itemRender: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func,
prevIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node]),
nextIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node]),
jumpPrevIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node]),
jumpNextIcon: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node])
};
Pagination.defaultProps = {
defaultCurrent: 1,
total: 0,
defaultPageSize: 10,
onChange: noop,
className: '',
selectPrefixCls: 'rc-select',
prefixCls: 'rc-pagination',
selectComponentClass: null,
hideOnSinglePage: false,
showPrevNextJumpers: true,
showQuickJumper: false,
showSizeChanger: false,
showLessItems: false,
showTitle: true,
onShowSizeChange: noop,
locale: __WEBPACK_IMPORTED_MODULE_10__locale_zh_CN__["a" /* default */],
style: {},
itemRender: defaultItemRender
};
var _initialiseProps = function _initialiseProps() {
var _this2 = this;
this.getJumpPrevPage = function () {
return Math.max(1, _this2.state.current - (_this2.props.showLessItems ? 3 : 5));
};
this.getJumpNextPage = function () {
return Math.min(calculatePage(undefined, _this2.state, _this2.props), _this2.state.current + (_this2.props.showLessItems ? 3 : 5));
};
this.getItemIcon = function (icon) {
var prefixCls = _this2.props.prefixCls;
var iconNode = icon || __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement('a', { className: prefixCls + '-item-link' });
if (typeof icon === 'function') {
iconNode = __WEBPACK_IMPORTED_MODULE_5_react___default.a.createElement(icon, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, _this2.props));
}
return iconNode;
};
this.savePaginationNode = function (node) {
_this2.paginationNode = node;
};
this.isValid = function (page) {
return isInteger(page) && page >= 1 && page !== _this2.state.current;
};
this.shouldDisplayQuickJumper = function () {
var _props = _this2.props,
showQuickJumper = _props.showQuickJumper,
pageSize = _props.pageSize,
total = _props.total;
if (total <= pageSize) {
return false;
}
return showQuickJumper;
};
this.handleKeyDown = function (e) {
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_9__KeyCode__["a" /* default */].ARROW_UP || e.keyCode === __WEBPACK_IMPORTED_MODULE_9__KeyCode__["a" /* default */].ARROW_DOWN) {
e.preventDefault();
}
};
this.handleKeyUp = function (e) {
var inputValue = e.target.value;
var currentInputValue = _this2.state.currentInputValue;
var value = void 0;
if (inputValue === '') {
value = inputValue;
} else if (isNaN(Number(inputValue))) {
value = currentInputValue;
} else {
value = Number(inputValue);
}
if (value !== currentInputValue) {
_this2.setState({
currentInputValue: value
});
}
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_9__KeyCode__["a" /* default */].ENTER) {
_this2.handleChange(value);
} else if (e.keyCode === __WEBPACK_IMPORTED_MODULE_9__KeyCode__["a" /* default */].ARROW_UP) {
_this2.handleChange(value - 1);
} else if (e.keyCode === __WEBPACK_IMPORTED_MODULE_9__KeyCode__["a" /* default */].ARROW_DOWN) {
_this2.handleChange(value + 1);
}
};
this.changePageSize = function (size) {
var current = _this2.state.current;
var newCurrent = calculatePage(size, _this2.state, _this2.props);
current = current > newCurrent ? newCurrent : current;
// fix the issue:
// Once 'total' is 0, 'current' in 'onShowSizeChange' is 0, which is not correct.
if (newCurrent === 0) {
current = _this2.state.current;
}
if (typeof size === 'number') {
if (!('pageSize' in _this2.props)) {
_this2.setState({
pageSize: size
});
}
if (!('current' in _this2.props)) {
_this2.setState({
current: current,
currentInputValue: current
});
}
}
_this2.props.onShowSizeChange(current, size);
};
this.handleChange = function (p) {
var page = p;
if (_this2.isValid(page)) {
var currentPage = calculatePage(undefined, _this2.state, _this2.props);
if (page > currentPage) {
page = currentPage;
}
if (!('current' in _this2.props)) {
_this2.setState({
current: page,
currentInputValue: page
});
}
var pageSize = _this2.state.pageSize;
_this2.props.onChange(page, pageSize);
return page;
}
return _this2.state.current;
};
this.prev = function () {
if (_this2.hasPrev()) {
_this2.handleChange(_this2.state.current - 1);
}
};
this.next = function () {
if (_this2.hasNext()) {
_this2.handleChange(_this2.state.current + 1);
}
};
this.jumpPrev = function () {
_this2.handleChange(_this2.getJumpPrevPage());
};
this.jumpNext = function () {
_this2.handleChange(_this2.getJumpNextPage());
};
this.hasPrev = function () {
return _this2.state.current > 1;
};
this.hasNext = function () {
return _this2.state.current < calculatePage(undefined, _this2.state, _this2.props);
};
this.runIfEnter = function (event, callback) {
for (var _len = arguments.length, restParams = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
restParams[_key - 2] = arguments[_key];
}
if (event.key === 'Enter' || event.charCode === 13) {
callback.apply(undefined, restParams);
}
};
this.runIfEnterPrev = function (e) {
_this2.runIfEnter(e, _this2.prev);
};
this.runIfEnterNext = function (e) {
_this2.runIfEnter(e, _this2.next);
};
this.runIfEnterJumpPrev = function (e) {
_this2.runIfEnter(e, _this2.jumpPrev);
};
this.runIfEnterJumpNext = function (e) {
_this2.runIfEnter(e, _this2.jumpNext);
};
this.handleGoTO = function (e) {
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_9__KeyCode__["a" /* default */].ENTER || e.type === 'click') {
_this2.handleChange(_this2.state.currentInputValue);
}
};
};
Object(__WEBPACK_IMPORTED_MODULE_11_react_lifecycles_compat__["polyfill"])(Pagination);
/* harmony default export */ __webpack_exports__["a"] = (Pagination);
/***/ }),
/***/ 1595:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
var Pager = function Pager(props) {
var prefixCls = props.rootPrefixCls + '-item';
var cls = prefixCls + ' ' + prefixCls + '-' + props.page;
if (props.active) {
cls = cls + ' ' + prefixCls + '-active';
}
if (props.className) {
cls = cls + ' ' + props.className;
}
if (!props.page) {
cls = cls + ' ' + prefixCls + '-disabled';
}
var handleClick = function handleClick() {
props.onClick(props.page);
};
var handleKeyPress = function handleKeyPress(e) {
props.onKeyPress(e, props.onClick, props.page);
};
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
'li',
{
title: props.showTitle ? props.page : null,
className: cls,
onClick: handleClick,
onKeyPress: handleKeyPress,
tabIndex: '0'
},
props.itemRender(props.page, 'page', __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
'a',
null,
props.page
))
);
};
Pager.propTypes = {
page: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number,
active: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
last: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
locale: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,
className: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
showTitle: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,
rootPrefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,
onClick: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
onKeyPress: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,
itemRender: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func
};
/* harmony default export */ __webpack_exports__["a"] = (Pager);
/***/ }),
/***/ 1596:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(31);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__KeyCode__ = __webpack_require__(1473);
var Options = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Options, _React$Component);
function Options(props) {
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, Options);
var _this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Options.__proto__ || Object.getPrototypeOf(Options)).call(this, props));
_this.buildOptionText = function (value) {
return value + ' ' + _this.props.locale.items_per_page;
};
_this.changeSize = function (value) {
_this.props.changeSize(Number(value));
};
_this.handleChange = function (e) {
_this.setState({
goInputText: e.target.value
});
};
_this.go = function (e) {
var val = _this.state.goInputText;
if (val === '') {
return;
}
val = isNaN(val) ? _this.props.current : Number(val);
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_6__KeyCode__["a" /* default */].ENTER || e.type === 'click') {
_this.setState({
goInputText: ''
});
_this.props.quickGo(val);
}
};
_this.state = {
goInputText: ''
};
return _this;
}
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(Options, [{
key: 'render',
value: function render() {
var _this2 = this;
var _props = this.props,
pageSize = _props.pageSize,
pageSizeOptions = _props.pageSizeOptions,
locale = _props.locale,
rootPrefixCls = _props.rootPrefixCls,
changeSize = _props.changeSize,
quickGo = _props.quickGo,
goButton = _props.goButton,
selectComponentClass = _props.selectComponentClass,
buildOptionText = _props.buildOptionText,
selectPrefixCls = _props.selectPrefixCls;
var goInputText = this.state.goInputText;
var prefixCls = rootPrefixCls + '-options';
var Select = selectComponentClass;
var changeSelect = null;
var goInput = null;
var gotoButton = null;
if (!changeSize && !quickGo) {
return null;
}
if (changeSize && Select) {
var options = pageSizeOptions.map(function (opt, i) {
return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
Select.Option,
{ key: i, value: opt },
(buildOptionText || _this2.buildOptionText)(opt)
);
});
changeSelect = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
Select,
{
prefixCls: selectPrefixCls,
showSearch: false,
className: prefixCls + '-size-changer',
optionLabelProp: 'children',
dropdownMatchSelectWidth: false,
value: (pageSize || pageSizeOptions[0]).toString(),
onChange: this.changeSize,
getPopupContainer: function getPopupContainer(triggerNode) {
return triggerNode.parentNode;
}
},
options
);
}
if (quickGo) {
if (goButton) {
gotoButton = typeof goButton === 'boolean' ? __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'button',
{
type: 'button',
onClick: this.go,
onKeyUp: this.go
},
locale.jump_to_confirm
) : __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'span',
{
onClick: this.go,
onKeyUp: this.go
},
goButton
);
}
goInput = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'div',
{ className: prefixCls + '-quick-jumper' },
locale.jump_to,
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('input', {
type: 'text',
value: goInputText,
onChange: this.handleChange,
onKeyUp: this.go
}),
locale.page,
gotoButton
);
}
return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'li',
{ className: '' + prefixCls },
changeSelect,
goInput
);
}
}]);
return Options;
}(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
Options.propTypes = {
changeSize: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
quickGo: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
selectComponentClass: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
current: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
pageSizeOptions: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string),
pageSize: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
buildOptionText: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
locale: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
rootPrefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
selectPrefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
goButton: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.node])
};
Options.defaultProps = {
pageSizeOptions: ['10', '20', '30', '40']
};
/* harmony default export */ __webpack_exports__["a"] = (Options);
/***/ }),
/***/ 1597:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony default export */ __webpack_exports__["a"] = ({
// Options.jsx
items_per_page: '条/页',
jump_to: '跳至',
jump_to_confirm: '确定',
page: '页',
// Pagination.jsx
prev_page: '上一页',
next_page: '下一页',
prev_5: '向前 5 页',
next_5: '向后 5 页',
prev_3: '向前 3 页',
next_3: '向后 3 页'
});
/***/ }),
/***/ 1598:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1599);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1599:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".rc-pagination{font-size:12px;font-family:Arial;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0}.rc-pagination>li{list-style:none}.rc-pagination-total-text{float:left;height:30px;line-height:30px;list-style:none;padding:0;margin:0 8px 0 0}.rc-pagination:after{content:\" \";display:block;height:0;clear:both;overflow:hidden;visibility:hidden}.rc-pagination-item{cursor:pointer;border-radius:6px;min-width:28px;height:28px;line-height:28px;text-align:center;list-style:none;float:left;border:1px solid #d9d9d9;background-color:#fff;margin-right:8px}.rc-pagination-item a{text-decoration:none;color:#666}.rc-pagination-item:hover{border-color:#2db7f5}.rc-pagination-item:hover a{color:#2db7f5}.rc-pagination-item-disabled{cursor:not-allowed}.rc-pagination-item-disabled:hover{border-color:#d9d9d9}.rc-pagination-item-disabled:hover a{color:#d9d9d9}.rc-pagination-item-active{background-color:#2db7f5;border-color:#2db7f5}.rc-pagination-item-active:hover a,.rc-pagination-item-active a{color:#fff}.rc-pagination-jump-next:after,.rc-pagination-jump-prev:after{content:\"\\2022\\2022\\2022\";display:block;letter-spacing:2px;color:#ccc;font-size:12px;margin-top:1px}.rc-pagination-jump-next:hover:after,.rc-pagination-jump-prev:hover:after{color:#2db7f5}.rc-pagination-jump-prev:hover:after{content:\"\\AB\"}.rc-pagination-jump-next:hover:after{content:\"\\BB\"}.rc-pagination-jump-next-custom-icon,.rc-pagination-jump-prev-custom-icon{position:relative}.rc-pagination-jump-next-custom-icon:after,.rc-pagination-jump-prev-custom-icon:after{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;content:\"\\2022\\2022\\2022\";opacity:1;display:block;letter-spacing:2px;color:#ccc;font-size:12px;margin-top:1px}.rc-pagination-jump-next-custom-icon .custom-icon-jump-next,.rc-pagination-jump-next-custom-icon .custom-icon-jump-prev,.rc-pagination-jump-prev-custom-icon .custom-icon-jump-next,.rc-pagination-jump-prev-custom-icon .custom-icon-jump-prev{opacity:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.rc-pagination-jump-next-custom-icon:hover:after,.rc-pagination-jump-prev-custom-icon:hover:after{opacity:0;color:#ccc}.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-next,.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-prev,.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-next,.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-prev{opacity:1;color:#2db7f5}.rc-pagination-jump-next,.rc-pagination-jump-prev,.rc-pagination-prev{margin-right:8px}.rc-pagination-jump-next,.rc-pagination-jump-prev,.rc-pagination-next,.rc-pagination-prev{cursor:pointer;color:#666;font-size:10px;border-radius:6px;list-style:none;min-width:28px;height:28px;line-height:28px;float:left;text-align:center}.rc-pagination-prev a:after{content:\"\\2039\";display:block}.rc-pagination-next a:after{content:\"\\203A\";display:block}.rc-pagination-next,.rc-pagination-prev{border:1px solid #d9d9d9;font-size:18px}.rc-pagination-next a,.rc-pagination-prev a{color:#666}.rc-pagination-next a:after,.rc-pagination-prev a:after{margin-top:-1px}.rc-pagination-disabled{cursor:not-allowed}.rc-pagination-disabled a{color:#ccc}.rc-pagination-options{float:left;margin-left:15px}.rc-pagination-options-size-changer{float:left;width:80px}.rc-pagination-options-quick-jumper{float:left;margin-left:16px;height:28px;line-height:28px}.rc-pagination-options-quick-jumper input{margin:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:6px;border:1px solid #d9d9d9;outline:none;padding:3px 12px;width:50px;height:28px}.rc-pagination-options-quick-jumper input:hover{border-color:#2db7f5}.rc-pagination-options-quick-jumper button{display:inline-block;margin:0 8px;font-weight:500;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:0 15px;font-size:12px;border-r
// exports
/***/ }),
/***/ 1600:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.styles = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(8));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
var _getPrototypeOf = _interopRequireDefault(__webpack_require__(21));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(16));
var _createClass2 = _interopRequireDefault(__webpack_require__(17));
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(22));
var _inherits2 = _interopRequireDefault(__webpack_require__(23));
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(24));
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _debounce = _interopRequireDefault(__webpack_require__(187));
var _reactEventListener = _interopRequireDefault(__webpack_require__(91));
var _withStyles = _interopRequireDefault(__webpack_require__(19));
var ROWS_HEIGHT = 19;
var styles = {
root: {
position: 'relative',
// because the shadow has position: 'absolute',
width: '100%'
},
textarea: {
width: '100%',
height: '100%',
resize: 'none',
font: 'inherit',
padding: 0,
cursor: 'inherit',
boxSizing: 'border-box',
lineHeight: 'inherit',
border: 'none',
outline: 'none',
background: 'transparent'
},
shadow: {
resize: 'none',
// Overflow also needed to here to remove the extra row
// added to textareas in Firefox.
overflow: 'hidden',
// Visibility needed to hide the extra text area on ipads
visibility: 'hidden',
position: 'absolute',
height: 'auto',
whiteSpace: 'pre-wrap'
}
};
/**
* @ignore - internal component.
*/
exports.styles = styles;
var Textarea =
/*#__PURE__*/
function (_React$Component) {
(0, _inherits2.default)(Textarea, _React$Component);
function Textarea(props, context) {
var _this;
(0, _classCallCheck2.default)(this, Textarea);
_this = (0, _possibleConstructorReturn2.default)(this, (Textarea.__proto__ || (0, _getPrototypeOf.default)(Textarea)).call(this, props, context)); // <Input> expects the components it renders to respond to 'value'
// so that it can check whether they are filled.
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "state", {
configurable: true,
enumerable: true,
writable: true,
value: {
height: null
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "shadow", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "singlelineShadow", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "input", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "value", {
configurable: true,
enumerable: true,
writable: true,
value: null
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleResize", {
configurable: true,
enumerable: true,
writable: true,
value: (0, _debounce.default)(function () {
_this.syncHeightWithShadow();
}, 166)
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleRefInput", {
configurable: true,
enumerable: true,
writable: true,
value: function value(node) {
_this.input = node;
if (_this.props.textareaRef) {
_this.props.textareaRef(node);
}
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleRefSinglelineShadow", {
configurable: true,
enumerable: true,
writable: true,
value: function value(node) {
_this.singlelineShadow = node;
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleRefShadow", {
configurable: true,
enumerable: true,
writable: true,
value: function value(node) {
_this.shadow = node;
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleChange", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
_this.value = event.target.value;
if (typeof _this.props.value === 'undefined' && _this.shadow) {
// The component is not controlled, we need to update the shallow value.
_this.shadow.value = _this.value;
_this.syncHeightWithShadow();
}
if (_this.props.onChange) {
_this.props.onChange(event);
}
}
});
_this.value = props.value || props.defaultValue || '';
_this.state = {
height: Number(props.rows) * ROWS_HEIGHT
};
return _this;
}
(0, _createClass2.default)(Textarea, [{
key: "componentDidMount",
value: function componentDidMount() {
this.syncHeightWithShadow();
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate() {
this.syncHeightWithShadow();
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
this.handleResize.cancel();
}
}, {
key: "syncHeightWithShadow",
// Corresponds to 10 frames at 60 Hz.
value: function syncHeightWithShadow() {
var props = this.props;
if (!this.shadow || !this.singlelineShadow) {
return;
} // The component is controlled, we need to update the shallow value.
if (typeof props.value !== 'undefined') {
this.shadow.value = props.value == null ? '' : String(props.value);
}
var lineHeight = this.singlelineShadow.scrollHeight;
var newHeight = this.shadow.scrollHeight; // Guarding for jsdom, where scrollHeight isn't present.
// See https://github.com/tmpvar/jsdom/issues/1013
if (newHeight === undefined) {
return;
}
if (Number(props.rowsMax) >= Number(props.rows)) {
newHeight = Math.min(Number(props.rowsMax) * lineHeight, newHeight);
}
newHeight = Math.max(newHeight, lineHeight); // Need a large enough different to update the height.
// This prevents infinite rendering loop.
if (Math.abs(this.state.height - newHeight) > 1) {
this.setState({
height: newHeight
});
}
}
}, {
key: "render",
value: function render() {
var _props = this.props,
classes = _props.classes,
className = _props.className,
defaultValue = _props.defaultValue,
onChange = _props.onChange,
rows = _props.rows,
rowsMax = _props.rowsMax,
textareaRef = _props.textareaRef,
value = _props.value,
other = (0, _objectWithoutProperties2.default)(_props, ["classes", "className", "defaultValue", "onChange", "rows", "rowsMax", "textareaRef", "value"]);
return _react.default.createElement("div", {
className: classes.root,
style: {
height: this.state.height
}
}, _react.default.createElement(_reactEventListener.default, {
target: "window",
onResize: this.handleResize
}), _react.default.createElement("textarea", {
ref: this.handleRefSinglelineShadow,
className: (0, _classnames.default)(classes.shadow, classes.textarea),
tabIndex: -1,
rows: "1",
readOnly: true,
"aria-hidden": "true",
value: ""
}), _react.default.createElement("textarea", {
ref: this.handleRefShadow,
className: (0, _classnames.default)(classes.shadow, classes.textarea),
tabIndex: -1,
rows: rows,
"aria-hidden": "true",
readOnly: true,
defaultValue: defaultValue,
value: value
}), _react.default.createElement("textarea", (0, _extends2.default)({
rows: rows,
className: (0, _classnames.default)(classes.textarea, className),
defaultValue: defaultValue,
value: value,
onChange: this.handleChange,
ref: this.handleRefInput
}, other)));
}
}]);
return Textarea;
}(_react.default.Component);
Textarea.propTypes = false ? {
/**
* Useful to extend the style applied to components.
*/
classes: _propTypes.default.object.isRequired,
/**
* @ignore
*/
className: _propTypes.default.string,
/**
* @ignore
*/
defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
/**
* @ignore
*/
disabled: _propTypes.default.bool,
/**
* @ignore
*/
onChange: _propTypes.default.func,
/**
* Number of rows to display when multiline option is set to true.
*/
rows: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
/**
* Maximum number of rows to display when multiline option is set to true.
*/
rowsMax: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
/**
* Use that property to pass a ref callback to the native textarea element.
*/
textareaRef: _propTypes.default.func,
/**
* @ignore
*/
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
} : {};
Textarea.defaultProps = {
rows: 1
};
var _default = (0, _withStyles.default)(styles)(Textarea);
exports.default = _default;
/***/ }),
/***/ 1601:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.styles = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(8));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(20));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _Typography = _interopRequireDefault(__webpack_require__(111));
var _withStyles = _interopRequireDefault(__webpack_require__(19));
var styles = function styles(theme) {
return {
root: {
display: 'flex',
maxHeight: '2em',
alignItems: 'center'
},
positionStart: {
marginRight: theme.spacing.unit
},
positionEnd: {
marginLeft: theme.spacing.unit
}
};
};
exports.styles = styles;
function InputAdornment(props) {
var _classNames;
var children = props.children,
Component = props.component,
classes = props.classes,
className = props.className,
disableTypography = props.disableTypography,
position = props.position,
other = (0, _objectWithoutProperties2.default)(props, ["children", "component", "classes", "className", "disableTypography", "position"]);
return _react.default.createElement(Component, (0, _extends2.default)({
className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positionStart, position === 'start'), (0, _defineProperty2.default)(_classNames, classes.positionEnd, position === 'end'), _classNames), className)
}, other), typeof children === 'string' && !disableTypography ? _react.default.createElement(_Typography.default, {
color: "textSecondary"
}, children) : children);
}
InputAdornment.propTypes = false ? {
/**
* The content of the component, normally an `IconButton` or string.
*/
children: _propTypes.default.node.isRequired,
/**
* Useful to extend the style applied to components.
*/
classes: _propTypes.default.object.isRequired,
/**
* @ignore
*/
className: _propTypes.default.string,
/**
* The component used for the root node.
* Either a string to use a DOM element or a component.
*/
component: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
/**
* If children is a string then disable wrapping in a Typography component.
*/
disableTypography: _propTypes.default.bool,
/**
* The position this adornment should appear relative to the `Input`.
*/
position: _propTypes.default.oneOf(['start', 'end'])
} : {};
InputAdornment.defaultProps = {
component: 'div',
disableTypography: false
};
var _default = (0, _withStyles.default)(styles, {
name: 'MuiInputAdornment'
})(InputAdornment);
exports.default = _default;
/***/ }),
/***/ 1602:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.styles = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(8));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(20));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _withStyles = _interopRequireDefault(__webpack_require__(19));
var _Form = __webpack_require__(1451);
// @inheritedComponent FormLabel
var styles = function styles(theme) {
return {
root: {
transformOrigin: 'top left'
},
formControl: {
position: 'absolute',
left: 0,
top: 0,
// slight alteration to spec spacing to match visual spec result
transform: "translate(0, ".concat(theme.spacing.unit * 3, "px) scale(1)")
},
marginDense: {
// Compensation for the `Input.inputDense` style.
transform: "translate(0, ".concat(theme.spacing.unit * 2.5 + 1, "px) scale(1)")
},
shrink: {
transform: 'translate(0, 1.5px) scale(0.75)',
transformOrigin: 'top left',
width: '133.33%'
},
animated: {
transition: theme.transitions.create('transform', {
duration: theme.transitions.duration.shorter,
easing: theme.transitions.easing.easeOut
})
}
};
};
exports.styles = styles;
function InputLabel(props, context) {
var _classNames;
var children = props.children,
classes = props.classes,
classNameProp = props.className,
disableAnimation = props.disableAnimation,
FormLabelClasses = props.FormLabelClasses,
marginProp = props.margin,
shrinkProp = props.shrink,
other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "disableAnimation", "FormLabelClasses", "margin", "shrink"]);
var muiFormControl = context.muiFormControl;
var shrink = shrinkProp;
if (typeof shrink === 'undefined' && muiFormControl) {
shrink = muiFormControl.filled || muiFormControl.focused || muiFormControl.adornedStart;
}
var margin = marginProp;
if (typeof margin === 'undefined' && muiFormControl) {
margin = muiFormControl.margin;
}
var className = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.formControl, muiFormControl), (0, _defineProperty2.default)(_classNames, classes.animated, !disableAnimation), (0, _defineProperty2.default)(_classNames, classes.shrink, shrink), (0, _defineProperty2.default)(_classNames, classes.marginDense, margin === 'dense'), _classNames), classNameProp);
return _react.default.createElement(_Form.FormLabel, (0, _extends2.default)({
"data-shrink": shrink,
className: className,
classes: FormLabelClasses
}, other), children);
}
InputLabel.propTypes = false ? {
/**
* The contents of the `InputLabel`.
*/
children: _propTypes.default.node,
/**
* Useful to extend the style applied to components.
*/
classes: _propTypes.default.object.isRequired,
/**
* @ignore
*/
className: _propTypes.default.string,
/**
* If `true`, the transition animation is disabled.
*/
disableAnimation: _propTypes.default.bool,
/**
* If `true`, apply disabled class.
*/
disabled: _propTypes.default.bool,
/**
* If `true`, the label will be displayed in an error state.
*/
error: _propTypes.default.bool,
/**
* If `true`, the input of this label is focused.
*/
focused: _propTypes.default.bool,
/**
* `classes` property applied to the `FormLabel` element.
*/
FormLabelClasses: _propTypes.default.object,
/**
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
* FormControl.
*/
margin: _propTypes.default.oneOf(['dense']),
/**
* if `true`, the label will indicate that the input is required.
*/
required: _propTypes.default.bool,
/**
* If `true`, the label is shrunk.
*/
shrink: _propTypes.default.bool
} : {};
InputLabel.defaultProps = {
disableAnimation: false
};
InputLabel.contextTypes = {
muiFormControl: _propTypes.default.object
};
var _default = (0, _withStyles.default)(styles, {
name: 'MuiInputLabel'
})(InputLabel);
exports.default = _default;
/***/ }),
/***/ 1603:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.styles = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(8));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(20));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _withStyles = _interopRequireDefault(__webpack_require__(19));
var styles = function styles(theme) {
return {
root: {
fontFamily: theme.typography.fontFamily,
color: theme.palette.text.secondary,
fontSize: theme.typography.pxToRem(16),
lineHeight: 1,
padding: 0,
'&$focused': {
color: theme.palette.primary[theme.palette.type === 'light' ? 'dark' : 'light']
},
'&$disabled': {
color: theme.palette.text.disabled
},
'&$error': {
color: theme.palette.error.main
}
},
focused: {},
disabled: {},
error: {},
asterisk: {
'&$error': {
color: theme.palette.error.main
}
}
};
};
exports.styles = styles;
function FormLabel(props, context) {
var _classNames;
var children = props.children,
classes = props.classes,
classNameProp = props.className,
Component = props.component,
disabledProp = props.disabled,
errorProp = props.error,
focusedProp = props.focused,
requiredProp = props.required,
other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "component", "disabled", "error", "focused", "required"]);
var muiFormControl = context.muiFormControl;
var required = requiredProp;
var focused = focusedProp;
var disabled = disabledProp;
var error = errorProp;
if (muiFormControl) {
if (typeof required === 'undefined') {
required = muiFormControl.required;
}
if (typeof focused === 'undefined') {
focused = muiFormControl.focused;
}
if (typeof disabled === 'undefined') {
disabled = muiFormControl.disabled;
}
if (typeof error === 'undefined') {
error = muiFormControl.error;
}
}
var className = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.focused, focused), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.error, error), _classNames), classNameProp);
return _react.default.createElement(Component, (0, _extends2.default)({
className: className
}, other), children, required && _react.default.createElement("span", {
className: (0, _classnames.default)(classes.asterisk, (0, _defineProperty2.default)({}, classes.error, error))
}, "\u2009*"));
}
FormLabel.propTypes = false ? {
/**
* The content of the component.
*/
children: _propTypes.default.node,
/**
* Useful to extend the style applied to components.
*/
classes: _propTypes.default.object.isRequired,
/**
* @ignore
*/
className: _propTypes.default.string,
/**
* The component used for the root node.
* Either a string to use a DOM element or a component.
*/
component: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
/**
* If `true`, the label should be displayed in a disabled state.
*/
disabled: _propTypes.default.bool,
/**
* If `true`, the label should be displayed in an error state.
*/
error: _propTypes.default.bool,
/**
* If `true`, the input of this label is focused (used by `FormGroup` components).
*/
focused: _propTypes.default.bool,
/**
* If `true`, the label will indicate that the input is required.
*/
required: _propTypes.default.bool
} : {};
FormLabel.defaultProps = {
component: 'label'
};
FormLabel.contextTypes = {
muiFormControl: _propTypes.default.object
};
var _default = (0, _withStyles.default)(styles, {
name: 'MuiFormLabel'
})(FormLabel);
exports.default = _default;
/***/ }),
/***/ 1604:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.styles = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(8));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(20));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
var _getPrototypeOf = _interopRequireDefault(__webpack_require__(21));
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(16));
var _createClass2 = _interopRequireDefault(__webpack_require__(17));
var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(22));
var _inherits2 = _interopRequireDefault(__webpack_require__(23));
var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(24));
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _withStyles = _interopRequireDefault(__webpack_require__(19));
var _Input = __webpack_require__(1470);
var _helpers = __webpack_require__(77);
var _reactHelpers = __webpack_require__(354);
var styles = function styles(theme) {
return {
root: {
display: 'inline-flex',
flexDirection: 'column',
position: 'relative',
// Reset fieldset default style
minWidth: 0,
padding: 0,
margin: 0,
border: 0
},
marginNormal: {
marginTop: theme.spacing.unit * 2,
marginBottom: theme.spacing.unit
},
marginDense: {
marginTop: theme.spacing.unit,
marginBottom: theme.spacing.unit / 2
},
fullWidth: {
width: '100%'
}
};
};
/**
* Provides context such as filled/focused/error/required for form inputs.
* Relying on the context provides high flexibilty and ensures that the state always stay
* consitent across the children of the `FormControl`.
* This context is used by the following components:
* - FormLabel
* - FormHelperText
* - Input
* - InputLabel
*/
exports.styles = styles;
var FormControl =
/*#__PURE__*/
function (_React$Component) {
(0, _inherits2.default)(FormControl, _React$Component);
function FormControl(props, context) {
var _this;
(0, _classCallCheck2.default)(this, FormControl);
_this = (0, _possibleConstructorReturn2.default)(this, (FormControl.__proto__ || (0, _getPrototypeOf.default)(FormControl)).call(this, props, context)); // We need to iterate through the children and find the Input in order
// to fully support server side rendering.
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "state", {
configurable: true,
enumerable: true,
writable: true,
value: {
adornedStart: false,
filled: false,
focused: false
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleFocus", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
if (_this.props.onFocus) {
_this.props.onFocus(event);
}
_this.setState(function (state) {
return !state.focused ? {
focused: true
} : null;
});
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleBlur", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
// The event might be undefined.
// For instance, a child component might call this hook
// when an input is disabled but still having the focus.
if (_this.props.onBlur && event) {
_this.props.onBlur(event);
}
_this.setState(function (state) {
return state.focused ? {
focused: false
} : null;
});
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleDirty", {
configurable: true,
enumerable: true,
writable: true,
value: function value() {
if (!_this.state.filled) {
_this.setState({
filled: true
});
}
}
});
Object.defineProperty((0, _assertThisInitialized2.default)(_this), "handleClean", {
configurable: true,
enumerable: true,
writable: true,
value: function value() {
if (_this.state.filled) {
_this.setState({
filled: false
});
}
}
});
var children = _this.props.children;
if (children) {
_react.default.Children.forEach(children, function (child) {
if (!(0, _reactHelpers.isMuiElement)(child, ['Input', 'Select'])) {
return;
}
if ((0, _Input.isFilled)(child.props, true)) {
_this.state.filled = true;
}
var input = (0, _reactHelpers.isMuiElement)(child, ['Select']) ? child.props.input : child;
if (input && (0, _Input.isAdornedStart)(input.props)) {
_this.state.adornedStart = true;
}
});
}
return _this;
}
(0, _createClass2.default)(FormControl, [{
key: "getChildContext",
value: function getChildContext() {
var _props = this.props,
disabled = _props.disabled,
error = _props.error,
required = _props.required,
margin = _props.margin;
var _state = this.state,
adornedStart = _state.adornedStart,
filled = _state.filled,
focused = _state.focused;
return {
muiFormControl: {
adornedStart: adornedStart,
disabled: disabled,
error: error,
filled: filled,
focused: focused,
margin: margin,
onBlur: this.handleBlur,
onEmpty: this.handleClean,
onFilled: this.handleDirty,
onFocus: this.handleFocus,
required: required
}
};
}
}, {
key: "render",
value: function render() {
var _classNames;
var _props2 = this.props,
classes = _props2.classes,
className = _props2.className,
Component = _props2.component,
disabled = _props2.disabled,
error = _props2.error,
fullWidth = _props2.fullWidth,
margin = _props2.margin,
required = _props2.required,
other = (0, _objectWithoutProperties2.default)(_props2, ["classes", "className", "component", "disabled", "error", "fullWidth", "margin", "required"]);
return _react.default.createElement(Component, (0, _extends2.default)({
className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes["margin".concat((0, _helpers.capitalize)(margin))], margin !== 'none'), (0, _defineProperty2.default)(_classNames, classes.fullWidth, fullWidth), _classNames), className)
}, other, {
onFocus: this.handleFocus,
onBlur: this.handleBlur
}));
}
}]);
return FormControl;
}(_react.default.Component);
FormControl.propTypes = false ? {
/**
* The contents of the form control.
*/
children: _propTypes.default.node,
/**
* Useful to extend the style applied to components.
*/
classes: _propTypes.default.object.isRequired,
/**
* @ignore
*/
className: _propTypes.default.string,
/**
* The component used for the root node.
* Either a string to use a DOM element or a component.
*/
component: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
/**
* If `true`, the label, input and helper text should be displayed in a disabled state.
*/
disabled: _propTypes.default.bool,
/**
* If `true`, the label should be displayed in an error state.
*/
error: _propTypes.default.bool,
/**
* If `true`, the component will take up the full width of its container.
*/
fullWidth: _propTypes.default.bool,
/**
* If `dense` or `normal`, will adjust vertical spacing of this and contained components.
*/
margin: _propTypes.default.oneOf(['none', 'dense', 'normal']),
/**
* @ignore
*/
onBlur: _propTypes.default.func,
/**
* @ignore
*/
onFocus: _propTypes.default.func,
/**
* If `true`, the label will indicate that the input is required.
*/
required: _propTypes.default.bool
} : {};
FormControl.defaultProps = {
component: 'div',
disabled: false,
error: false,
fullWidth: false,
margin: 'none',
required: false
};
FormControl.childContextTypes = {
muiFormControl: _propTypes.default.object
};
var _default = (0, _withStyles.default)(styles, {
name: 'MuiFormControl'
})(FormControl);
exports.default = _default;
/***/ }),
/***/ 1605:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.styles = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(8));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(20));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _withStyles = _interopRequireDefault(__webpack_require__(19));
var styles = function styles(theme) {
return {
root: {
color: theme.palette.text.secondary,
fontFamily: theme.typography.fontFamily,
fontSize: theme.typography.pxToRem(12),
textAlign: 'left',
marginTop: theme.spacing.unit,
lineHeight: '1em',
minHeight: '1em',
margin: 0,
'&$error': {
color: theme.palette.error.main
},
'&$disabled': {
color: theme.palette.text.disabled
}
},
error: {},
disabled: {},
marginDense: {
marginTop: theme.spacing.unit / 2
}
};
};
exports.styles = styles;
function FormHelperText(props, context) {
var _classNames;
var classes = props.classes,
classNameProp = props.className,
disabledProp = props.disabled,
errorProp = props.error,
marginProp = props.margin,
Component = props.component,
other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "disabled", "error", "margin", "component"]);
var muiFormControl = context.muiFormControl;
var disabled = disabledProp;
var error = errorProp;
var margin = marginProp;
if (muiFormControl) {
if (typeof disabled === 'undefined') {
disabled = muiFormControl.disabled;
}
if (typeof error === 'undefined') {
error = muiFormControl.error;
}
if (typeof margin === 'undefined') {
margin = muiFormControl.margin;
}
}
var className = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.error, error), (0, _defineProperty2.default)(_classNames, classes.marginDense, margin === 'dense'), _classNames), classNameProp);
return _react.default.createElement(Component, (0, _extends2.default)({
className: className
}, other));
}
FormHelperText.propTypes = false ? {
/**
* The content of the component.
*/
children: _propTypes.default.node,
/**
* Useful to extend the style applied to components.
*/
classes: _propTypes.default.object.isRequired,
/**
* @ignore
*/
className: _propTypes.default.string,
/**
* The component used for the root node.
* Either a string to use a DOM element or a component.
*/
component: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
/**
* If `true`, the helper text should be displayed in a disabled state.
*/
disabled: _propTypes.default.bool,
/**
* If `true`, helper text should be displayed in an error state.
*/
error: _propTypes.default.bool,
/**
* If `dense`, will adjust vertical spacing. This is normally obtained via context from
* FormControl.
*/
margin: _propTypes.default.oneOf(['dense'])
} : {};
FormHelperText.defaultProps = {
component: 'p'
};
FormHelperText.contextTypes = {
muiFormControl: _propTypes.default.object
};
var _default = (0, _withStyles.default)(styles, {
name: 'MuiFormHelperText'
})(FormHelperText);
exports.default = _default;
/***/ }),
/***/ 1606:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(2);
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.styles = void 0;
var _extends2 = _interopRequireDefault(__webpack_require__(8));
var _defineProperty2 = _interopRequireDefault(__webpack_require__(20));
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(6));
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _withStyles = _interopRequireDefault(__webpack_require__(19));
var _Typography = _interopRequireDefault(__webpack_require__(111));
/* eslint-disable jsx-a11y/label-has-for */
var styles = function styles(theme) {
return {
root: {
display: 'inline-flex',
alignItems: 'center',
cursor: 'pointer',
// For correct alignment with the text.
verticalAlign: 'middle',
// Remove grey highlight
WebkitTapHighlightColor: 'transparent',
marginLeft: -14,
marginRight: theme.spacing.unit * 2,
// used for row presentation of radio/checkbox
'&$disabled': {
cursor: 'default'
}
},
disabled: {},
label: {
'&$disabled': {
color: theme.palette.text.disabled
}
}
};
};
/**
* Drop in replacement of the `Radio`, `Switch` and `Checkbox` component.
* Use this component if you want to display an extra label.
*/
exports.styles = styles;
function FormControlLabel(props, context) {
var checked = props.checked,
classes = props.classes,
classNameProp = props.className,
control = props.control,
disabledProp = props.disabled,
inputRef = props.inputRef,
label = props.label,
name = props.name,
onChange = props.onChange,
value = props.value,
other = (0, _objectWithoutProperties2.default)(props, ["checked", "classes", "className", "control", "disabled", "inputRef", "label", "name", "onChange", "value"]);
var muiFormControl = context.muiFormControl;
var disabled = disabledProp;
if (typeof control.props.disabled !== 'undefined') {
if (typeof disabled === 'undefined') {
disabled = control.props.disabled;
}
}
if (muiFormControl) {
if (typeof disabled === 'undefined') {
disabled = muiFormControl.disabled;
}
}
var className = (0, _classnames.default)(classes.root, (0, _defineProperty2.default)({}, classes.disabled, disabled), classNameProp);
return _react.default.createElement("label", (0, _extends2.default)({
className: className
}, other), _react.default.cloneElement(control, {
disabled: disabled,
checked: typeof control.props.checked === 'undefined' ? checked : control.props.checked,
name: control.props.name || name,
onChange: control.props.onChange || onChange,
value: control.props.value || value,
inputRef: control.props.inputRef || inputRef
}), _react.default.createElement(_Typography.default, {
component: "span",
className: (0, _classnames.default)(classes.label, (0, _defineProperty2.default)({}, classes.disabled, disabled))
}, label));
}
FormControlLabel.propTypes = false ? {
/**
* If `true`, the component appears selected.
*/
checked: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
/**
* Useful to extend the style applied to components.
*/
classes: _propTypes.default.object.isRequired,
/**
* @ignore
*/
className: _propTypes.default.string,
/**
* A control element. For instance, it can be be a `Radio`, a `Switch` or a `Checkbox`.
*/
control: _propTypes.default.element,
/**
* If `true`, the control will be disabled.
*/
disabled: _propTypes.default.bool,
/**
* Use that property to pass a ref callback to the native input component.
*/
inputRef: _propTypes.default.func,
/**
* The text to be used in an enclosing label element.
*/
label: _propTypes.default.node,
/*
* @ignore
*/
name: _propTypes.default.string,
/**
* Callback fired when the state is changed.
*
* @param {object} event The event source of the callback.
* You can pull out the new value by accessing `event.target.checked`.
* @param {boolean} checked The `checked` value of the switch
*/
onChange: _propTypes.default.func,
/**
* The value of the component.
*/
value: _propTypes.default.string
} : {};
FormControlLabel.contextTypes = {
muiFormControl: _propTypes.default.object
};
var _default = (0, _withStyles.default)(styles, {
name: 'MuiFormControlLabel'
})(FormControlLabel);
exports.default = _default;
/***/ }),
/***/ 1607:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(61);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(44);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var $=window.$;var _origin=window.location.origin;var CommentItemKEEditor=function(_Component){_inherits(CommentItemKEEditor,_Component);function CommentItemKEEditor(){var _ref;var _temp,_this,_ret;_classCallCheck(this,CommentItemKEEditor);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}return _ret=(_temp=(_this=_possibleConstructorReturn(this,(_ref=CommentItemKEEditor.__proto__||Object.getPrototypeOf(CommentItemKEEditor)).call.apply(_ref,[this].concat(args))),_this),_this.showOrHideEditor=function(comment){var user=_this.props.user;console.log('initReply ',comment);var $=window.$;var id=comment.id;var reply_message_el='#reply_message_'+id;var reply_iconup_el='#reply_iconup_'+id;if($(reply_message_el).html()==""){$(".reply_to_message").html("");$(reply_message_el).html('<div className="orig_reply_box borderBottomNone reply_to_message" id="reply_to_message_'+id+'">\n <div class="homepagePostReplyPortrait mr15 imageFuzzy fl" id="reply_image_'+id+'"><a href="'+user.user_url+'" target="_blank" alt="\u7528\u6237\u5934\u50CF"><img alt="0?1442652658" height="33" src="'+_origin+'/images/'+user.image_url+'" width="33" /></a></div>\n <div class="orig_textarea fl" style="margin-bottom: 0px">\n <div nhname=\'new_message_'+id+'\'>\n <form accept-charset="UTF-8" action="/discusses?challenge_id=118&amp;dis_id=61&amp;dis_type=Shixun" data-remote="true" id="new_comment_form" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="HJTbMpfI8LKUpwghfkvgB2SaMmcIVyVdAezyKmzJ7FU=" /></div>\n <input type="hidden" id="dis_reply_id" name="reply_id" value="'+id+'">\n <div nhname=\'toolbar_container_'+id+'\'></div>\n <textarea placeholder="\u6709\u95EE\u9898\u6216\u6709\u5EFA\u8BAE\uFF0C\u8BF7\u76F4\u63A5\u7ED9\u6211\u7559\u8A00\u5427\uFF01" id="comment_news_'+id+'" style="display: none" nhname=\'new_message_textarea_'+id+'\' name="content"></textarea>\n <a id="new_message_submit_btn_'+id+'" href="javascript:void(0)" onclick="this.style.display=\'none\'" class="mt10 task-btn task-btn-orange fr">\u53D1\u9001</a>\n <div class="cl"></div>\n <p nhname=\'contentmsg_'+id+'\'></p>\n</form> </div>\n <div class="cl"></div>\n </div>\n <div class="cl"></div>\n</div>\n');//" ide语法识别
$(reply_iconup_el).show();$(function(){window.sd_create_editor_from_data(id,null,"100%","Discuss");});}else{if($(reply_message_el).is(':visible')){$(reply_message_el).hide();}else{$(reply_message_el).show();}// $(reply_message_el).html("");
// $(reply_iconup_el).hide();
}// 自动focus
setTimeout(function(){var iframe=$('#reply_to_message_'+id).find('iframe')[0];iframe&&iframe.contentDocument.body.focus();},200);},_temp),_possibleConstructorReturn(_this,_ret);}_createClass(CommentItemKEEditor,[{key:'componentDidUpdate',value:function componentDidUpdate(prevProps){var _props=this.props,item=_props.item,currentReplyComment=_props.currentReplyComment;if(prevProps.showReplyEditorFlag!=this.props.showReplyEditorFlag&&currentReplyComment&&currentReplyComment.id==item.id){this.showOrHideEditor(currentReplyComment);}}// 如果未初始化,会先初始化
},{key:'render',value:function render(){var _props2=this.props,match=_props2.match,history=_props2.history,item=_props2.item,user=_props2.user;if(!item){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null);}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'cl'}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{id:'reply_message_'+item.id,className:'reply_to_message'}));}}]);return CommentItemKEEditor;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (CommentItemKEEditor);
/***/ }),
/***/ 1608:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(61);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(44);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__CommentItemMDEditor_css__ = __webpack_require__(1609);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__CommentItemMDEditor_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5__CommentItemMDEditor_css__);
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var $=window.$;var _origin=window.location.origin;var CommentItemMDEditor=function(_Component){_inherits(CommentItemMDEditor,_Component);function CommentItemMDEditor(){var _ref;var _temp,_this,_ret;_classCallCheck(this,CommentItemMDEditor);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}return _ret=(_temp=(_this=_possibleConstructorReturn(this,(_ref=CommentItemMDEditor.__proto__||Object.getPrototypeOf(CommentItemMDEditor)).call.apply(_ref,[this].concat(args))),_this),_this.showOrHideEditor=function(comment){var user=_this.props.user;console.log('initReply ',comment);var $=window.$;var commentId=comment.id;var reply_message_el='#reply_message_'+commentId;var initMD_ID='reply_message_editorMd_'+commentId;var view_selector='.commentItemMDEditorView_'+commentId;var commitBtnSelector='#commitBtn_'+commentId;if($('#'+initMD_ID+' textarea').length===1){// 没有初始化
var placeholder='我要回复...';// const imageUrl = `/upload_with_markdown?container_id=${commentId}&container_type=Memo`;
var imageUrl='/api/attachments.json';var otherOptions={watch:false,htmlDecode:"style,script,iframe",// you can filter tags decode
// taskList: true,
mode:'markdown',toolbar:true,markdown:'',readOnly:false,// preview: false,
tex:true,// 数学公式
flowChart:false,// 默认不解析
sequenceDiagram:false,// 默认不解析
dialogLockScreen:false};var commentMDEditor=window.create_editorMD_4comment(''+initMD_ID,'',120,placeholder,imageUrl,function(){// onload callback
commentMDEditor.cm.focus();window.initMDEditorDragResize(".editor__resize",commentMDEditor,{initHeight:120});},otherOptions);commentMDEditor.state.preview=false;_this.commentMDEditor=commentMDEditor;$('.commentItemMDEditorView').hide();$(view_selector).show();}else{// 初始化了,显示隐藏切换
if($(reply_message_el).is(':visible')){$(view_selector).hide();}else{$('.commentItemMDEditorView').hide();$(view_selector).show();window._currentChildcommentMDEditor&&window._currentChildcommentMDEditor.resize();// 自动focus
setTimeout(function(){_this.commentMDEditor&&_this.commentMDEditor.cm&&_this.commentMDEditor.cm.focus();_this.commentMDEditor.resize();// 解决切换显示、隐藏多次后出现的样式错乱的问题
},200);}}window._currentChildcommentMDEditor=_this.commentMDEditor;// tpi resize 的时候需要做调用editor.resize
},_this.onCommit=function(){window.$(document).trigger("onReply",{commentContent:_this.commentMDEditor.getValue(),id:_this.props.item.id,editor:_this.commentMDEditor});},_temp),_possibleConstructorReturn(_this,_ret);}_createClass(CommentItemMDEditor,[{key:'componentDidUpdate',value:function componentDidUpdate(prevProps){var _props=this.props,item=_props.item,currentReplyComment=_props.currentReplyComment;if(prevProps.showReplyEditorFlag!=this.props.showReplyEditorFlag&&currentReplyComment&&currentReplyComment.id==item.id){this.showOrHideEditor(currentReplyComment);}}// 如果未初始化,会先初始化
},{key:'render',value:function render(){var _props2=this.props,match=_props2.match,history=_props2.history,item=_props2.item,user=_props2.user,buttonText=_props2.buttonText;if(!item){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null);}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'commentItemMDEditorView commentItemMDEditorView_'+item.id,style:{display:'none'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'homepagePostReplyPortrait mr15 fl imageFuzzy',id:'reply_image_3097',style:{marginTop:'2px',marginRight:'-20px'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:''+user.user_url,target:'_blank',alt:'\u7528\u6237\u5934\u50CF'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('img',{alt:'0?1442652658',height:'33',src:'/images/'+user.image_url,width:'33'}))),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{id:'reply_message_'+item.id,className:'reply_to_message commentItemMDEditor editormd-image-click-expand',style:{paddingTop:'0px',paddingBottom:'0px',marginTop:'36px'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{id:'reply_message_editorMd_'+item.id,className:'editorMD',style:{marginBottom:'0px'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('textarea',{style:{'display':'none'}})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'editor__resize',href:'javascript:void(0);',style:{display:''}},'\u8C03\u6574\u9AD8\u5EA6'),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{'class':'clearfix'},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',_defineProperty({id:'commitBtn_'+item.id,href:'javascript:void(0)',onClick:this.onCommit,style:{marginRight:'44px'},className:'commentsbtn task-btn task-btn-blue fr '},'style',{display:''}),buttonText||'发送'))));}}]);return CommentItemMDEditor;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (CommentItemMDEditor);// style={{ margin: '10px 44px', marginBottom: '0px'}}
/***/ }),
/***/ 1609:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1610);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1610:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".reply_to_message .editorMD .editormd-toolbar li{padding:0}.reply_to_message .editorMD .editormd-toolbar,.reply_to_message .editorMD .editormd-toolbar .editormd-toolbar-container{min-height:28px}.reply_to_message .editorMD .editormd-toolbar i{margin-left:0}.reply_to_message .editorMD .editormd-preview{top:30px}.reply_to_message .editorMD .CodeMirror{margin-top:30px;height:90px}.panel-comment_item .editor__resize{-webkit-transform:translateX(-2%);-ms-transform:translateX(-2%);transform:translateX(-2%);position:absolute;width:120px;height:4px;left:54%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:2px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;cursor:row-resize;text-indent:110%;white-space:nowrap;overflow:hidden;text-transform:capitalize;-webkit-box-sizing:border-box;box-sizing:border-box}a.commentsbtn.task-btn-blue{background:#4cacff!important}.commentTab a.commentsbtn.task-btn-blue{margin-right:22px;margin-top:6px}.editormd-grid-table-row a.editormd-emoji-btn.selected{border-bottom:2px solid #4cacff!important}", "", {"version":3,"sources":["/Users/hs/edu/educoder/public/react/src/modules/comment/CommentItemMDEditor.css"],"names":[],"mappings":"AACA,iDACC,SAAW,CACX,AAKD,wHACC,eAAiB,CACjB,AACD,gDACC,aAAiB,CACjB,AAGD,8CACC,QAAU,CACV,AACD,wCACC,gBAAiB,AACjB,WAAa,CACb,AAED,oCACC,kCAAmC,AAC/B,8BAA+B,AAC3B,0BAA2B,AAEnC,kBAAmB,AACnB,YAAa,AACb,WAAY,AACZ,SAAU,AACV,mCAAoC,AAChC,+BAAgC,AAC5B,2BAA4B,AACpC,eAAgB,AAChB,0BAA2B,AAC3B,6BAA8B,AAC9B,kBAAmB,AACnB,iBAAkB,AAClB,mBAAoB,AACpB,gBAAiB,AACjB,0BAA2B,AAE3B,8BAA+B,AAEvB,qBAAuB,CAC/B,AAGD,4BACC,4BAA+B,CAC/B,AAED,wCACC,kBAAmB,AAChB,cAAgB,CACnB,AAGD,uDACC,yCAA2C,CAC3C","file":"CommentItemMDEditor.css","sourcesContent":["/*md编辑器 将toolbar高度变小变袖珍*/\r\n.reply_to_message .editorMD .editormd-toolbar li {\r\n\tpadding: 0;\r\n}\r\n.reply_to_message .editorMD .editormd-toolbar {\r\n\tmin-height: 28px;\r\n\r\n}\r\n.reply_to_message .editorMD .editormd-toolbar .editormd-toolbar-container {\r\n\tmin-height: 28px;\r\n}\r\n.reply_to_message .editorMD .editormd-toolbar i {\r\n\tmargin-left: 0px;\r\n}\r\n\r\n\r\n.reply_to_message .editorMD .editormd-preview {\r\n\ttop: 30px;\r\n}\r\n.reply_to_message .editorMD .CodeMirror {\r\n\tmargin-top: 30px;\r\n\theight: 90px;\r\n}\r\n\r\n.panel-comment_item .editor__resize {\r\n\t-webkit-transform: translateX(-2%);\r\n\t -ms-transform: translateX(-2%);\r\n\t transform: translateX(-2%);\r\n\r\n\tposition: absolute;\r\n\twidth: 120px;\r\n\theight: 4px;\r\n\tleft: 54%;\r\n\t-webkit-transform: translateX(-50%);\r\n\t -ms-transform: translateX(-50%);\r\n\t transform: translateX(-50%);\r\n\tmargin-top: 2px;\r\n\tborder-top: 1px solid #ccc;\r\n\tborder-bottom: 1px solid #ccc;\r\n\tcursor: row-resize;\r\n\ttext-indent: 110%;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\ttext-transform: capitalize;\r\n\t\r\n\t-webkit-box-sizing: border-box;\r\n\t\r\n\t box-sizing: border-box;\r\n}\r\n\r\n/*帖子回復按鈕*/\r\na.commentsbtn.task-btn-blue {\r\n\tbackground: #4CACFF !important;\r\n}\r\n\r\n.commentTab a.commentsbtn.task-btn-blue {\r\n\tmargin-right: 22px;\r\n margin-top: 6px;\r\n}\r\n\r\n\r\n.editormd-grid-table-row a.editormd-emoji-btn.selected {\r\n\tborder-bottom: 2px solid #4CACFF!important;\r\n}"],"sourceRoot":""}]);
// exports
/***/ }),
/***/ 1643:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".educontent{margin-bottom:20px}#forum_index_list{min-height:400px;position:relative}#forum_index_list .forum_table .forum_table_item{background:#fff}.noMemosTip{position:absolute;right:10px;top:58px;z-index:999}#forum_list{background:#f9f9f9}#forum_list .return_btn{line-height:38px;font-size:14px;cursor:pointer}#forum_list .return_btn.no_mr{margin-right:-24px!important}div#forum_list>div{background:#fff}.memoContent img{max-width:815px}.memoReplies{position:relative;margin-top:8px}.memoReplies .-fit{position:static}.replies_count{margin-left:12px}.replies_count .label{color:#666}.replies_count .count{color:#999;margin-left:10px}.memoMore{padding-top:10px;height:50px;line-height:50px;text-align:center;color:#459be6;cursor:pointer;position:relative}.memoMore .writeCommentBtn{position:absolute;right:0;color:#666;top:15px}.memoMore .writeCommentBtn:hover{color:#4dacff}.panel-comment_item .comment_orig_content{width:705px}.iconfont.icon-xiazai{font-size:22px!important;margin-right:6px}.forum_table_item{padding-left:20px}.forum_table_item .btn-top{border-radius:11px;padding:0 6px;background:#ff4343}.edu-position-hide{position:absolute;top:15px;left:-20px;-webkit-box-shadow:0 2px 8px rgba(146,153,169,.5);box-shadow:0 2px 8px rgba(146,153,169,.5);background:#fff;z-index:1001;padding:5px 0;z-index:999999}.edu-position-hide li a:hover{background:#4cacff;color:#fff}.edu-position-hidebox>a:link{color:#4cacff}.edu-position-hidebox:hover .edu-position-hide{display:block}.edu-position-hide li a{display:inline-block;height:30px;width:100px;line-height:30px;text-align:center;font-size:12px!important}.ui-widget-header{border:1px solid #4cacff;background:#4cacff}.iconfont.icon-fujian{color:#29bd8b}.ecSelect{width:300px}.ecSelect .rc-select-selection{height:40px}.ecSelect .rc-select-search--inline .rc-select-search__field{padding-top:6px}.ecSelect .rc-select-arrow,.ecSelect .rc-select-selection--single .rc-select-selection-selected-value,.ecSelect .rc-select-selection__placeholder{top:6px}.defalutCancelbtn{cursor:pointer}.defalutSubmitbtnysl{display:block;border:1px solid #4cacff;background-color:#4cacff;color:#fff!important;width:120px;text-align:center;line-height:40px;border-radius:2px;width:130px;height:40px;background:#4cacff;border-radius:4px;font-size:16px;font-family:MicrosoftYaHei;font-weight:400;color:#fff}#attachments_fields{margin-left:-77px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#memoMD.show_content_grey{padding:0}#attachments_fields div.ui-progressbar{width:120px;height:10px;margin:2px 0 -2px 8px;display:inline-block}.ui-progressbar-value.ui-widget-header{border:1px solid #4cacff;background:#4cacff}.publishMemoSection{padding-bottom:0!important}.advertisement{margin-top:10px;height:155px}.advertisement img{width:100%}.returnBtn{font-size:16px;color:#999;float:right;margin-right:50px;position:relative;bottom:12px}", "", {"version":3,"sources":["/Users/hs/edu/educoder/public/react/src/modules/forums/Post.css"],"names":[],"mappings":"AACA,YACC,kBAAoB,CACpB,AAGD,kBACC,iBAAkB,AAClB,iBAAmB,CACnB,AACA,iDACC,eAAiB,CACjB,AACD,YACC,kBAAmB,AAChB,WAAY,AACZ,SAAU,AACV,WAAa,CAChB,AACF,YACC,kBAAoB,CACpB,AACA,wBACC,iBAAkB,AAEf,eAAgB,AAChB,cAAgB,CACnB,AACD,8BACC,4BAA+B,CAC/B,AACD,mBACI,eAAiB,CACpB,AACF,iBACC,eAAiB,CACjB,AACD,aACC,kBAAmB,AACnB,cAAgB,CAChB,AACA,mBACC,eAAiB,CACjB,AACD,eACC,gBAAkB,CAClB,AACD,sBACC,UAAe,CACf,AACD,sBACC,WAAe,AACf,gBAAkB,CAClB,AAED,UACC,iBAAkB,AAClB,YAAa,AACV,iBAAkB,AAClB,kBAAmB,AACnB,cAA0B,AAC1B,eAAgB,AAChB,iBAAmB,CACtB,AACA,2BACI,kBAAmB,AACnB,QAAW,AACX,WAAe,AACf,QAAU,CACb,AACD,iCACC,aAAe,CACf,AAEH,0CACC,WAAa,CACb,AAED,sBACI,yBAA0B,AAC1B,gBAAkB,CACrB,AAID,kBACC,iBAAmB,CACnB,AAEA,2BACC,mBAAoB,AACjB,cAAiB,AACjB,kBAAoB,CAEvB,AAGF,mBACI,kBAAmB,AACnB,SAAU,AACV,WAAY,AACZ,kDAAyD,AACjD,0CAAiD,AACzD,gBAAiB,AACjB,aAAc,AACd,cAAe,AACf,cAAgB,CACnB,AACA,8BACC,mBAAoB,AACjB,UAAY,CACf,AACF,6BACC,aAAe,CACf,AACA,+CACI,aAAe,CAClB,AACD,wBACI,qBAAsB,AACtB,YAAa,AACb,YAAa,AACb,iBAAkB,AAClB,kBAAmB,AACnB,wBAA0B,CAC7B,AAYF,kBACC,yBAA0B,AACvB,kBAAoB,CACvB,AACD,sBACC,aAAc,CACd,A
// exports
/***/ }),
/***/ 1655:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1661);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1661:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".course-message .commentsbtn{margin-top:10px}.course-message .memoReplies{margin-top:0!important}.course-message .panel-comment_item .comment_orig_content{width:1046px}.course-message .panel-comment_item .editor__resize{left:47%}.course-message .childrenCommentsView .comment_item_cont:first-child{border-top:1px solid #e3e3e3;margin-top:8px}.course-message .comment_item_cont:last-child{border-bottom:none}.course-message .appraise.comment_item_cont:last-child{padding-bottom:0}.course-message .memoMore{background:transparent!important}.course-message .memoMore .writeCommentBtn{right:35px;top:2px}.panel-comment_item .comment_content{margin-top:4px}", "", {"version":3,"sources":["/Users/hs/edu/educoder/public/react/src/modules/courses/common/courseMessage.css"],"names":[],"mappings":"AAIA,6BACE,eAAiB,CAClB,AAED,6BACE,sBAA2B,CAC5B,AAID,0DAEE,YAAc,CACf,AAeD,oDACE,QAAU,CACX,AACD,qEACE,6BAA8B,AAC9B,cAAgB,CACjB,AACD,8CACE,kBAAoB,CACrB,AACD,uDAEE,gBAAoB,CACrB,AAED,0BACE,gCAAmC,CAEpC,AACC,2CACE,WAAY,AACZ,OAAS,CACV,AAEH,qCACE,cAAgB,CACjB","file":"courseMessage.css","sourcesContent":[".course-message .commentInput {\r\n /* padding-bottom: 60px !important; */\r\n}\r\n\r\n.course-message .commentsbtn {\r\n margin-top: 10px;\r\n}\r\n\r\n.course-message .memoReplies {\r\n margin-top: 0px !important;\r\n}\r\n\r\n/* 评论 */\r\n/* 改宽度 */\r\n.course-message .panel-comment_item .comment_orig_content {\r\n /* width: 1024px; */\r\n width: 1046px;\r\n}\r\n/* 子回复按钮 */\r\n.course-message .reply_to_message a.commentsbtn.task-btn-blue {\r\n /* margin-right: 50px; */\r\n}\r\n/* 改边距 */\r\n/* .course-message .commentsDelegateParent {\r\n padding-left: 100px;\r\n} */\r\n\r\n#forum_list .return_btn.no_mr {\r\n /* margin-right: 15px */\r\n}\r\n\r\n/* md编辑器拖拽调整 */\r\n.course-message .panel-comment_item .editor__resize {\r\n left: 47%;\r\n}\r\n.course-message .childrenCommentsView .comment_item_cont:first-child {\r\n border-top: 1px solid #e3e3e3;\r\n margin-top: 8px;\r\n}\r\n.course-message .comment_item_cont:last-child {\r\n border-bottom: none;\r\n}\r\n.course-message .appraise.comment_item_cont:last-child {\r\n /* 作品评阅需要 */\r\n padding-bottom: 0px;\r\n}\r\n\r\n.course-message .memoMore {\r\n background: transparent !important;\r\n /* margin-top: 20px; */\r\n}\r\n .course-message .memoMore .writeCommentBtn {\r\n right: 35px;\r\n top: 2px;\r\n }\r\n\r\n.panel-comment_item .comment_content {\r\n margin-top: 4px;\r\n}"],"sourceRoot":""}]);
// exports
/***/ }),
/***/ 1762:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router__ = __webpack_require__(61);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_router_dom__ = __webpack_require__(44);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_educoder__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__MemoDetailEditor_css__ = __webpack_require__(1763);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__MemoDetailEditor_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__MemoDetailEditor_css__);
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}__webpack_require__(358);var $=window.$;var MemoDetailMDEditor=function(_Component){_inherits(MemoDetailMDEditor,_Component);function MemoDetailMDEditor(props){_classCallCheck(this,MemoDetailMDEditor);var _this=_possibleConstructorReturn(this,(MemoDetailMDEditor.__proto__||Object.getPrototypeOf(MemoDetailMDEditor)).call(this,props));_this.initMDEditor=function(){// 因为props.memo不存在时本组件不会被加载这里直接在didMount里初始化即可
var placeholder='我要回复...';// const imageUrl = `/upload_with_markdown?container_id=${this.props.memo.id}&container_type=Memo`;
var imageUrl='/api/attachments.json';if(_this.isMDInited){return;}_this.isMDInited=true;// 执行太快了,样式不正常
window.__tt=400;setTimeout(function(){console.log('create_editorMD_4comment');var commentMDEditor=window.create_editorMD_4comment("memo_comment_editorMd",'',_this.props.height||240,placeholder,imageUrl,function(){// commentMDEditor.focus()
_this.initDrag();commentMDEditor.cm.on("change",function(_cm,changeObj){_this.setState({isError:false,errorMsg:''});});commentMDEditor.cm.focus();},{watch:false,dialogLockScreen:false});_this.commentMDEditor=commentMDEditor;window.commentMDEditor=commentMDEditor;},window.__tt);};_this.initDrag=function(){window.initMDEditorDragResize(".editor__resize",_this.commentMDEditor);};_this.onCommit=function(){var content=_this.commentMDEditor.getValue();// this.props.showError ==
if(_this.props.showError==true){if(!content||content.trim()==""){_this.setState({isError:true,errorMsg:'不能为空'});return;}else if(content.length>2000){_this.setState({isError:true,errorMsg:'不能超过2000个字符'});return;}_this.setState({isError:false,errorMsg:''});}if(_this.props.replyComment){_this.props.replyComment(content,_this.props.memo.id,_this.commentMDEditor);}else{window.$(document).trigger("onReply",{commentContent:content,id:_this.props.memo.id,editor:_this.commentMDEditor});}};_this.close=function(){_this.setState({isInited:false});};_this.onMockInputClick=function(){_this.setState({isInited:true});if(!_this.isMDInited){_this.initMDEditor();}else{setTimeout(function(){_this.commentMDEditor&&_this.commentMDEditor.cm.focus();},10);}};_this.state={isInited:_this.props.usingMockInput?false:true,isError:false,errorMsg:''};return _this;}_createClass(MemoDetailMDEditor,[{key:'componentDidUpdate',value:function componentDidUpdate(prevProps,prevState,snapshot){if(this.props.memo&&(!prevProps.memo||this.props.memo.id!=prevProps.memo.id)){// this.keEditor = window.sd_create_editor_from_data(this.props.memo.id, null, "100%", "Memo");
// window._kk = this.keEditor
}}},{key:'componentDidMount',value:function componentDidMount(){!this.props.usingMockInput&&this.initMDEditor();}},{key:'showEditor',value:function showEditor(){var _this2=this;$("html, body").animate({scrollTop:$('.commentInput:visible').offset().top-100},1000,function(){if(_this2.commentMDEditor){_this2.commentMDEditor.cm.focus();}else{_this2.onMockInputClick();}});}},{key:'render',value:function render(){var _props=this.props,match=_props.match,history=_props.history,memo=_props.memo,placeholder=_props.placeholder,className=_props.className,imageExpand=_props.imageExpand;var _state=this.state,isInited=_state.isInited,errorMsg=_state.errorMsg;if(!memo){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null);}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('style',null,'\n\t\t\t\t\t\t.mockInputWrapper {\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tpadding: 20px 30px 20px 30px;\n\t\t\t\t\t\t\tborder-bottom: 1px solid #EEEEEE;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.mockInputWrapper input {\n\t\t\t\t\t\t\tflex:1;\n\t\t\t\t\t\t\tpadding-left: 10px;\n\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t\tbackground: rgb(246,246,246);\n\t\t\t\t\t\t\tmargin-right: 20px;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.mockInputWrapper a.commentsbtn {\n\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\tmargin-top: 0px !important;\n\t\t\t\t\t\t\tvertical-align: text-top;\n\t\t\t\t\t\t\tpadding-top: 6px;\n\t\t\t\t\t\t\twidth: 60px;\n\t\t\t\t\t\t\tmargin-right: 0px !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.commentInput {\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.commentInput .editormd{\n\t\t\t\t\t\t\twidth:100%!important;\n\t\t\t\t\t\t}\n\t\t\t\t\t'),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{style:{display:isInited?'none':'',borderBottom:''+(this.props.commentsLength==0?'none':'1px solid #EEEEEE')},className:'mockInputWrapper commentInput '+className},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('input',{onClick:this.onMockInputClick,placeholder:placeholder||'我要回复'}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{href:'javascript:void(0)',onClick:this.onMockInputClick,className:'commentsbtn task-btn task-btn-blue'},this.props.buttonText||'发送')),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('style',null),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{nhname:'new_message_'+memo.id,className:'commentInput commentInputs '+className+' '+(imageExpand&&'editormd-image-click-expand'),style:{padding:'30px',boxSizing:"border-box",display:isInited?'':'none',paddingBottom:'40px'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{id:'memo_comment_editorMd',className:'editorMD',style:{marginBottom:'0px',border:errorMsg?'1px solid red':'1px solid #ddd'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('textarea',{style:{'display':'none'}})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{className:'editor__resize',href:'javascript:void(0);'},'\u8C03\u6574\u9AD8\u5EA6'),errorMsg&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('span',{className:'fl',style:{color:'red',marginTop:'6px',marginLeft:'4px'}},errorMsg),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',{style:{height:"16px"}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('a',{id:'new_message_submit_btn_'+memo.id,href:'javascript:void(0)',onClick:this.onCommit,className:'commentsbtn task-btn task-btn-blue fr'},this.props.buttonText||'发送'))));}}]);return MemoDetailMDEditor;}(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (MemoDetailMDEditor);
/***/ }),
/***/ 1763:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1764);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1764:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".editorMD li,.editorMD ol,.editorMD ul{list-style-type:decimal}.editor__resize{position:absolute;width:120px;height:4px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:2px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;cursor:row-resize;text-indent:110%;white-space:nowrap;overflow:hidden;text-transform:capitalize;-webkit-box-sizing:border-box;box-sizing:border-box}", "", {"version":3,"sources":["/Users/hs/edu/educoder/public/react/src/modules/forums/MemoDetailEditor.css"],"names":[],"mappings":"AACA,uCACC,uBAAyB,CACzB,AAGD,gBACC,kBAAmB,AACnB,YAAa,AACb,WAAY,AACZ,SAAU,AACV,mCAAoC,AAChC,+BAAgC,AAC5B,2BAA4B,AACpC,eAAgB,AAChB,0BAA2B,AAC3B,6BAA8B,AAC9B,kBAAmB,AACnB,iBAAkB,AAClB,mBAAoB,AACpB,gBAAiB,AACjB,0BAA2B,AAE3B,8BAA+B,AAEvB,qBAAuB,CAE/B","file":"MemoDetailEditor.css","sourcesContent":["\r\n.editorMD ol, .editorMD ul, .editorMD li {\r\n\tlist-style-type: decimal;\r\n}\r\n\r\n/*md编辑器 resizeBar*/\r\n.editor__resize {\r\n\tposition: absolute;\r\n\twidth: 120px;\r\n\theight: 4px;\r\n\tleft: 50%;\r\n\t-webkit-transform: translateX(-50%);\r\n\t -ms-transform: translateX(-50%);\r\n\t transform: translateX(-50%);\r\n\tmargin-top: 2px;\r\n\tborder-top: 1px solid #ccc;\r\n\tborder-bottom: 1px solid #ccc;\r\n\tcursor: row-resize;\r\n\ttext-indent: 110%;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\ttext-transform: capitalize;\r\n\t\r\n\t-webkit-box-sizing: border-box;\r\n\t\r\n\t box-sizing: border-box;\r\n\t/*transform: translateX(-22%);*/\r\n}\r\n\r\n"],"sourceRoot":""}]);
// exports
/***/ }),
/***/ 1765:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(1766);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 1766:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".searchFor .searchCon{width:215px}.search-new{width:237px!important}.search-new,.search-newysl{height:30px;margin-bottom:30px}.search-newyslw{width:237px!important}.search-new-input{padding-left:16px;height:30px}.search-span{border-radius:17px}.search-new img{right:10px}.HotLabelList a{display:block;float:left;padding:0 9px;height:28px;line-height:28px;border-radius:14px;background-color:#f5f5f5;color:#666;margin-right:10px;margin-bottom:9px}.HotLabelList a.selected{background:#4cacff;color:#fff}.hotQuestionItem{padding:20px 0;border-bottom:1px solid #eee}.questiontName{max-width:100%;display:block}.user_default_btn{width:114px}.userPrivateName{line-height:25px;margin-bottom:9px}.userPrivatePost{line-height:20px}.noteDetailTitle{line-height:38px;font-size:24px;font-weight:400;text-align:justify}.noteDetailNum{float:left;padding:0 12px;position:relative;color:#999!important;height:28px;line-height:26px}.noteDetailNum.rightline:after{position:absolute;content:\"\";right:0;width:1px;background-color:#eaeaea;height:8px;top:10px}.noteDetailPoint{width:100px;height:70px;background-color:#4cacff;border-radius:35px;color:#fff;text-align:center;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2px 0;cursor:pointer;line-height:22px;padding-top:12px}.Pointed{background-color:#f0f0f0;color:#b3b3b3;cursor:default}.notefileDownload{height:25px;line-height:22px}", "", {"version":3,"sources":["/Users/hs/edu/educoder/public/react/src/modules/forums/RightSection.css"],"names":[],"mappings":"AACA,sBACC,WAAa,CACb,AAED,YACI,qBAAsB,CAIzB,AACD,2BAJC,YAAa,AACV,kBAAoB,CAOvB,AACD,gBACC,qBAAsB,CACtB,AACA,kBACC,kBAAmB,AACnB,WAAa,CACb,AACD,aACC,kBAAoB,CACpB,AAEF,gBACC,UAAY,CACZ,AAID,gBAAgB,cAAe,WAAY,cAAiB,YAAa,iBAAkB,mBAAoB,yBAA0B,WAAY,kBAAmB,iBAAmB,CAAC,AAC5L,yBACC,mBAAoB,AACjB,UAAY,CACf,AAKD,iBAAiB,eAAiB,4BAA8B,CAAC,AACjE,eAAe,eAAgB,aAAe,CAAC,AAK/C,kBAAmB,WAAa,CAAC,AACjC,iBAAiB,iBAAkB,iBAAmB,CAAC,AACvD,iBAAiB,gBAAkB,CAAC,AACpC,iBAAiB,iBAAkB,eAAgB,gBAAoB,kBAAkB,CAAE,AAE3F,eAAe,WAAY,eAAiB,kBAAmB,qBAAsB,YAAa,gBAAkB,CAAC,AACrH,+BAA+B,kBAAmB,WAAY,QAAW,UAAW,yBAA0B,WAAY,QAAS,CAAC,AAGpI,iBAAiB,YAAa,YAAa,yBAA0B,mBAAoB,WAAe,kBAAmB,cAAiB,8BAA+B,sBAAuB,cAAiB,eAAgB,AAAI,iBAAkB,AACrP,gBAAkB,CAAC,AACvB,SAAS,yBAAyB,cAAe,AAAC,cAAe,CAAC,AAClE,kBAAkB,YAAa,gBAAkB,CAAC","file":"RightSection.css","sourcesContent":["/* 右侧搜索区域*/\n.searchFor .searchCon {\n\twidth: 215px;\n}\n\n.search-new {\n width:237px!important;\n\theight: 30px;\n margin-bottom: 30px;\n /*margin-right: 35px;*/\n}\n.search-newysl {\n\n\theight: 30px;\n\tmargin-bottom: 30px;\n}\n.search-newyslw{\n\twidth:237px!important;\n}\n\t.search-new-input {\n\t\tpadding-left: 16px;\n\t\theight: 30px;\n\t}\n\t.search-span {\n\t\tborder-radius: 17px;\n\t}\n\n.search-new img {\n\tright: 10px;\n}\n\n\n/* 右侧 热门标签 */\n.HotLabelList a{display: block;float: left;padding: 0px 9px;height: 28px;line-height: 28px;border-radius: 14px;background-color: #f5f5f5;color: #666;margin-right: 10px;margin-bottom: 9px;}\n.HotLabelList a.selected {\n\tbackground: #4CACFF;\n color: #fff;\n}\n\n\n\n/* 右侧 热门问题 */\n.hotQuestionItem{padding:20px 0px;border-bottom: 1px solid #eee;}\n.questiontName{max-width: 100%;display: block;}\n\n\n\n/* 用户信息-UserSection*/\n.user_default_btn {width: 114px;}\n.userPrivateName{line-height: 25px;margin-bottom: 9px;}\n.userPrivatePost{line-height: 20px;}\n.noteDetailTitle{line-height: 38px;font-size: 24px;font-weight: normal;text-align:justify }\n\n.noteDetailNum{float: left;padding:0px 12px;position: relative;color: #999!important;height: 28px;line-height: 26px;}\n.noteDetailNum.rightline:after{position: absolute;content: '';right: 0px;width: 1px;background-color: #EAEAEA;height: 8px;top:10px;}\n\n/*帖子详情点赞*/\n.noteDetailPoint{width: 100px;height: 70px;background-color: #4cacff;border-radius: 35px;color: #FFFFff;text-align: center;margin: 0px auto;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 2px 0px;cursor: pointer; line-height: 22px;\n padding-top: 12px;}\n.Pointed{backgro
// exports
/***/ }),
/***/ 1786:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = _findById;
/* harmony export (immutable) */ __webpack_exports__["e"] = generateComments;
/* harmony export (immutable) */ __webpack_exports__["d"] = generateChildComments;
/* harmony export (immutable) */ __webpack_exports__["g"] = handleContentBeforeCreateNew;
/* harmony export (immutable) */ __webpack_exports__["b"] = addNewComment;
/* unused harmony export NEED_TO_WRITE_CONTENT */
/* harmony export (immutable) */ __webpack_exports__["h"] = handleContentBeforeCreateSecondLevelComment;
/* harmony export (immutable) */ __webpack_exports__["c"] = addSecondLevelComment;
/* harmony export (immutable) */ __webpack_exports__["i"] = handleDeleteComment;
/* harmony export (immutable) */ __webpack_exports__["f"] = handleCommentPraise;
/* harmony export (immutable) */ __webpack_exports__["j"] = handleHiddenComment;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_axios__ = __webpack_require__(15);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_axios__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_immutability_helper__ = __webpack_require__(1221);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_immutability_helper___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_immutability_helper__);
var transformReplies=function transformReplies(replies,transformFunction){return replies.map(function(reply){return transformFunction(reply);});};// const _findById = (id, arg_comments) => {
// const comments = arg_comments;
// for(let i = 0; i < comments.length; i++) {
// if (id === comments[i].id) {
// return i;
// }
// }
// }
function _findById(id,arg_comments){var comments=arg_comments;for(var i=0;i<comments.length;i++){if(id===comments[i].id){return i;}}}function generateComments(comments,transformFunction,childrenName){var newChildrenName=childrenName||'children';var newComments=comments.map(function(item){var children=[];if(item[newChildrenName]){children=transformReplies(item[newChildrenName],transformFunction);}return transformFunction(item,children);});return newComments;}function generateChildComments(childrenComments,parentComments,parentComment,transformFunction){var childComments=childrenComments.map(function(item){var children=[];return transformFunction(item,children);});var oldComments=parentComments;var commentIndex=_findById(parentComment.id,oldComments);var comment=oldComments[commentIndex];comment.children=childComments;comment.isAllChildrenLoaded=true;oldComments[commentIndex]=comment;return oldComments;}function handleContentBeforeCreateNew(argContent){var content=argContent;if(content!=undefined){content=content.replace(/(\n<p>\n\t<br \/>\n<\/p>)*$/g,'');var beforeImage=content.split("<img");var afterImage=content.split("/>");if(beforeImage[0]==""&&afterImage[1]==""){window.notice_box('不支持纯图片评论<br/>请在评论中增加文字信息');return;}}return content;}function addNewComment(comments,_id,content,user,isSuperAdmin,parentComponent){if(!comments){comments=[];}comments.unshift({"can_delete":true,"admin":parentComponent?parentComponent.props.isAdmin():user.admin,isSuperAdmin:isSuperAdmin,"content":content,"image_url":user.image_url,"username":user.username,"user_login":user.login,"id":_id,"reward":null,"hidden":0,"user_praise":false,"time":"1分钟前","praise_count":0,"user_id":user.user_id});return comments;}var NEED_TO_WRITE_CONTENT="必须填写内容!";function handleContentBeforeCreateSecondLevelComment(argContent){if(argContent){return argContent.replace(/(\n<p>\n\t<br \/>\n<\/p>)*$/g,'').trim();}return argContent;}function addSecondLevelComment(parentComments,parentComment,commentIndex,newId,commentContent,user,editor){if(!parentComment.children){parentComment.children=[];}parentComment.children.push({"can_delete":true,"content":commentContent,"image_url":user.image_url,"username":user.username,"user_login":user.login,"id":newId,"time":"1分钟前","praise_count":0,"user_id":user.id});parentComments[commentIndex]=parentComment;// md
if(editor.setValue){editor.setValue('');var $=window.$;var view_selector='.commentItemMDEditorView_'+parentComment.id;$(view_selector).hide();}return parentComments;}// 公共接口
function handleDeleteComment(that,parrentComment,childCommentId,objectType){var deleteCommentId=parrentComment.id;if(childCommentId){deleteCommentId=childCommentId;}var url='/commons/delete.json';var comments=that.state.comments;__WEBPACK_IMPORTED_MODULE_0_axios___default.a.delete(url,{data:{object_id:deleteCommentId,object_type:objectType}}).then(function(response){if(response.data&&response.data.status===0){var commentIndex=that._findById(parrentComment.id,comments);// https://stackoverflow.com/questions/29527385/removing-element-from-array-in-component-state
if(!childCommentId){that.setState(function(prevState){return{comments:__WEBPACK_IMPORTED_MODULE_1_immutability_helper___default()(prevState.comments,{$splice:[[commentIndex,1]]})};});}else{var childCommentIndex=that._findById(childCommentId,comments[commentIndex].children);comments[commentIndex].children=__WEBPACK_IMPORTED_MODULE_1_immutability_helper___default()(comments[commentIndex].children,{$splice:[[childCommentIndex,1]]});that.setState({comments:comments});}var newMemo=Object.assign({},that.state.memo);newMemo.sum_replies_count=newMemo.sum_replies_count-1;that.setState({memo:newMemo,total_count:childCommentId?that.state.total_count:that.state.total_count-1});}}).catch(function(error){console.log(error);});}// 公共接口
function handleCommentPraise(that,discussId,objectType,successCallback){var comments=that.state.comments;var commentIndex=that._findById(discussId,comments);var url=comments[commentIndex].user_praise?'/praise_tread/unlike.json':'/praise_tread/like.json';var _method=comments[commentIndex].user_praise?__WEBPACK_IMPORTED_MODULE_0_axios___default.a.delete:__WEBPACK_IMPORTED_MODULE_0_axios___default.a.post;var _data={object_id:discussId,object_type:objectType//Discuss
};if(comments[commentIndex].user_praise){_data={data:_data};}_method(url,Object.assign({},_data)).then(function(response){if(response.data.status===0){comments[commentIndex].praise_count=comments[commentIndex].user_praise?comments[commentIndex].praise_count-1:comments[commentIndex].praise_count+1;successCallback&&successCallback(comments[commentIndex].user_praise);comments[commentIndex].user_praise=!comments[commentIndex].user_praise;that.setState({comments:comments});}}).catch(function(error){console.log(error);});}function handleHiddenComment(that,item,childCommentId,objectType){var id=item.id;var showNotification=that.props.showNotification;var user=that._getUser();var url=item.hidden?'/commons/unhidden.json':'/commons/hidden.json';var comments=that.state.comments;var commentIndex=that._findById(id,comments);var comment=comments[commentIndex];__WEBPACK_IMPORTED_MODULE_0_axios___default.a.put(url,{object_id:item.id,object_type:objectType},{}).then(function(response){if(response.data.status===-1){showNotification(response.data.message);return;}if(response.data.status===0){if(!childCommentId){comment.hidden=!comment.hidden;that.setState({comments:comments});}else{// TODO 目前子回复没hidden字段
var childCommentIndex=that._findById(childCommentId,comments[commentIndex].children);var childComment=comments[commentIndex].children[childCommentIndex];childComment.hidden=!childComment.hidden;that.setState({comments:comments});}}// {"message":"Couldn't find Discuss with id=911","status":-1}
}).catch(function(error){console.log(error);});}
/***/ }),
/***/ 3289:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router_dom__ = __webpack_require__(44);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_educoder__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_axios__ = __webpack_require__(15);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_axios__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modals_Modals__ = __webpack_require__(173);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modals_DownloadMessageysl__ = __webpack_require__(1424);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__coursesPublic_HomeworkModal__ = __webpack_require__(1123);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__coursesPublic_CoursesListType__ = __webpack_require__(1070);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_moment__ = __webpack_require__(86);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_moment__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__GraduationTaskssettingReply__ = __webpack_require__(3290);
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var GraduationTasksnewtype=true;var GraduationTasksquestions=function(_Component){_inherits(GraduationTasksquestions,_Component);function GraduationTasksquestions(props){_classCallCheck(this,GraduationTasksquestions);var _this=_possibleConstructorReturn(this,(GraduationTasksquestions.__proto__||Object.getPrototypeOf(GraduationTasksquestions)).call(this,props));_this.reInit=function(){_this.getdatas();};_this.getdatas=function(){var task_Id=_this.props.match.params.task_Id;var url="/graduation_tasks/"+task_Id+".json";__WEBPACK_IMPORTED_MODULE_3_axios___default.a.get(url).then(function(result){if(result.status===200){_this.setState({questionslist:result.data,end_time:result.data.end_time});_this.props.setend_time(result.data.end_time);}}).catch(function(error){console.log(error);});};_this.goback=function(){// let courseId=this.props.match.params.coursesId;
// let category_id=this.props.match.params.category_id;
// window.location.href="/courses/"+courseId+"/graduation_tasks/"+category_id;
// let courseId = this.props.match.params.coursesId;
// if(courseId===undefined){
// this.props.history.push("/courses");
// }else{
// this.props.history.push(this.props.current_user.first_category_url);
// }
// this.props.history.goBack()
_this.props.history.replace("/courses/"+_this.state.questionslist.course_id+"/graduation_tasks/"+_this.state.questionslist.graduation_id);};_this.end=function(){// this.homeworkstart()
_this.setState({modalname:"立即截止",visible:true,Topval:"学生将不能再提交作品",// Botvalleft:"暂不截止",
// Botval:`本操作只对"提交中"的任务有效`,
Cancelname:"暂不截止",Savesname:"立即截止",Cancel:_this.cancelmodel,Saves:_this.coursetaskend,typs:"end"});};_this.publish=function(){var starttime=_this.props.getNowFormatDates(1,1);var endtime=_this.props.getNowFormatDates(2,1);// this.homeworkstart()
_this.setState({modalname:"立即发布",visible:true,Topval:"学生将立即收到毕设任务",// Botvalleft:"点击修改",
// Botval:`本操作只对"未发布"的分班有效`,
starttime:__WEBPACK_IMPORTED_MODULE_8_moment___default()(__WEBPACK_IMPORTED_MODULE_8_moment___default()(new Date())).format("YYYY-MM-DD HH:mm"),starttimes:_this.props.getNowFormatDates(1),typs:"start",endtime:endtime,Cancelname:"暂不发布",Savesname:"立即发布",Cancel:_this.cancelmodel,Saves:_this.homepublish});};_this.homeworkstart=function(){var coursesId=_this.props.match.params.coursesId;var url="/courses/"+coursesId+"/all_course_groups.json";__WEBPACK_IMPORTED_MODULE_3_axios___default.a.get(url).then(function(response){if(response.status===200){_this.setState({modaltype:response.data.course_groups===null||response.data.course_groups.length===0?2:1,course_groups:response.data.course_groups});}}).catch(function(error){console.log(error);});};_this.homepublish=function(ids,endtime){_this.cancelmodel();var task_Id=_this.props.match.params.task_Id;var cid=_this.props.match.params.coursesId;// let url = `/courses/${cid}/graduation_tasks/publish_task.json`;
var url="/courses/"+cid+"/graduation_tasks/publish_task.json";__WEBPACK_IMPORTED_MODULE_3_axios___default.a.post(url,{task_ids:[task_Id],group_ids:_this.state.course_groupslist,end_time:endtime}).then(function(response){if(response.data.status==0){_this.getdatas();_this.props.showNotification(response.data.message);_this.searchValue();_this.setState({// Modalstopval:response.data.message,
// ModalSave:this.cancelmodel,
// Loadtype:true,
course_groupslist:[],checkAllValue:false});}}).catch(function(error){});};_this.cancelmodel=function(){_this.setState({Modalstype:false,Loadtype:false,visible:false,Modulationtype:false,Allocationtype:false,Modalstopval:"",ModalCancel:"",ModalSave:""});};_this.coursetaskend=function(){_this.cancelmodel();var coursesId=_this.props.match.params.coursesId;var task_Id=_this.props.match.params.task_Id;var url="/courses/"+coursesId+"/graduation_tasks/end_task.json";__WEBPACK_IMPORTED_MODULE_3_axios___default.a.post(url,{task_ids:[task_Id],group_ids:_this.state.course_groupslist}).then(function(response){if(response.data.status==0){_this.getdatas();_this.props.showNotification(response.data.message);_this.setState({// Modalstopval:response.data.message,
// ModalSave:this.cancelmodel,
// Loadtype:true,
course_groupslist:[],checkAllValue:false});}}).catch(function(error){});};_this.getcourse_groupslist=function(id){_this.setState({course_groupslist:id});};_this.Downloadcal=function(){_this.setState({DownloadType:false,DownloadMessageval:undefined});};_this.state={coursename:"",coursesearch:"",title_num:20,title_value:"",fileList:[],contents:[{val:"",id:1}],type:true,questionslist:undefined,DownloadType:false,DownloadMessageval:undefined};return _this;}_createClass(GraduationTasksquestions,[{key:"componentDidMount",value:function componentDidMount(){var tab=this.props.tab;this.props.setTab&&this.props.setTab(tab);this.getdatas();try{this.props.triggerRef(this);}catch(e){}}//立即发布
//立即发布
},{key:"confirmysl",/// 确认是否下载
value:function confirmysl(url){var _this2=this;debugger;console.log(2);__WEBPACK_IMPORTED_MODULE_3_axios___default.a.get(url+'?export=true').then(function(response){if(response===undefined){return;}if(response.data.status&&response.data.status===-1){}else if(response.data.status&&response.data.status===-2){if(response.data.message==="100"){// 已超出文件导出的上限数量100 ),建议:
_this2.setState({DownloadType:true,DownloadMessageval:100});}else{//因附件资料超过500M
_this2.setState({DownloadType:true,DownloadMessageval:500});}}else{_this2.props.slowDownload(url);// this.props.showNotification(`正在下载中`);
// window.open("/api"+url, '_blank');
}}).catch(function(error){console.log(error);});}},{key:"render",value:function render(){var _this3=this;var _state=this.state,Modalstype=_state.Modalstype,Modalstopval=_state.Modalstopval,ModalCancel=_state.ModalCancel,ModalSave=_state.ModalSave,questionslist=_state.questionslist;// console.log(this.props)
var courseId=this.props.match.params.coursesId;var category_id=this.props.match.params.category_id;var task_Id=this.props.match.params.task_Id;//console.log(questionslist&&questionslist)
return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4__modals_Modals__["a" /* default */],{modalsType:this.state.Modalstype,modalsTopval:this.state.Modalstopval,modalCancel:this.state.ModalCancel,modalSave:this.state.ModalSave,loadtype:this.state.Loadtype}),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5__modals_DownloadMessageysl__["a" /* default */],Object.assign({},this.props,{value:this.state.DownloadMessageval,modalCancel:this.Downloadcal,modalsType:this.state.DownloadType})),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_6__coursesPublic_HomeworkModal__["a" /* default */],{starttimes:this.state.starttimes,typs:this.state.typs,modalname:this.state.modalname,visible:this.state.visible,Topval:this.state.Topval,Topvalright:this.state.Topvalright,Botvalleft:this.state.Botvalleft,Botval:this.state.Botval,starttime:this.state.starttime,endtime:this.state.endtime,Cancelname:this.state.Cancelname,Savesname:this.state.Savesname,Cancel:this.state.Cancel,Saves:this.state.Saves,course_groups:this.state.course_groups,modaltype:this.state.modaltype,getcourse_groupslist:function getcourse_groupslist(id){return _this3.getcourse_groupslist(id);}}),questionslist&&questionslist?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",{className:"newMain clearfix"},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",{className:"educontent mb20"},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",{className:"justify break_full_word new_li markdown-body edu-back-white",id:"challenge_editorMd_description"},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("p",{id:"ReactMarkdown"},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",{style:{padding:'30px 40px'}},questionslist&&questionslist?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",{style:{width:'100%',border:'1px solid transparent'}},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",{className:"markdown-body",dangerouslySetInnerHTML:{__html:Object(__WEBPACK_IMPORTED_MODULE_2_educoder__["X" /* markdownToHTML */])(questionslist.description).replace(/▁/g,"▁▁▁")}})):"",__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_educoder__["b" /* AttachmentList */],Object.assign({},this.props,this.state,{attachments:questionslist&&questionslist.attachments}))),questionslist&&questionslist.group_info?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",{className:"mt20"},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span",{className:"font-14"},"\u5206\u7EC4\u8981\u6C42\uFF1A"),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span",{className:"font-14 color-grey-9"},"\uFF08\u63D0\u4EA4\u4F5C\u54C1\u65F6\u9700\u8981\u5173\u8054\u540C\u7EC4\u6210\u5458\uFF0C\u7EC4\u5185\u6210\u5458\u4F5C\u54C1\u5171\u4EAB\uFF09")),__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("div",{className:"mt10"},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span",{className:"font-14"},"\u5206\u7EC4\u4EBA\u6570\uFF1A",questionslist.group_info.min_number," - ",questionslist.group_info.max_number," \u4EBA "),questionslist.group_info.base_on_project===true?__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span",{className:"font-14 color-grey-9"}," \uFF08\u57FA\u4E8E\u9879\u76EE\uFF0C\u9879\u76EE\u7BA1\u7406\u5458\u89D2\u8272\u7684\u6210\u5458\u53EF\u4EE5\u63D0\u4EA4\u4F5C\u54C1\uFF09"):__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement("span",{className:"font-14 color-grey-9"}," \uFF08\u975E\u57FA\u4E8E\u9879\u76EE\uFF0C\u4EFB\u610F\u5C0F\u7EC4\u6210\u5458\u53EF\
/***/ }),
/***/ 3290:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_pagination_style_css__ = __webpack_require__(905);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_pagination_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_pagination_style_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_pagination__ = __webpack_require__(906);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_pagination___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_pagination__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_immutability_helper__ = __webpack_require__(1221);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_immutability_helper___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_immutability_helper__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_axios__ = __webpack_require__(15);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_axios__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__forums_MemoDetailMDEditor__ = __webpack_require__(1762);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__forums_Post_css__ = __webpack_require__(1585);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__forums_Post_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__forums_Post_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__forums_RightSection_css__ = __webpack_require__(1765);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__forums_RightSection_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7__forums_RightSection_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__page_layers_ImageLayerOfCommentHOC__ = __webpack_require__(1784);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__comment_Comments__ = __webpack_require__(1593);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__common_courseMessage_css__ = __webpack_require__(1655);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__common_courseMessage_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10__common_courseMessage_css__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__ = __webpack_require__(1786);
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}// import './GraduateTopicReply.css'
var REPLY_PAGE_COUNT=10;var $=window.$;/*
相比较GraduateTopicReply 改动的地方
列表接口名 /graduation_tasks/${graduation_topic_id}/show_comment.json?parent_id=${parent.id}&limit=500
回复类型名 jour_type: 'GraduationTask',
*/var GraduationTaskssettingReply=function(_Component){_inherits(GraduationTaskssettingReply,_Component);function GraduationTaskssettingReply(props){_classCallCheck(this,GraduationTaskssettingReply);var _this=_possibleConstructorReturn(this,(GraduationTaskssettingReply.__proto__||Object.getPrototypeOf(GraduationTaskssettingReply)).call(this,props));_this._findById=__WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__["a" /* _findById */];_this.createNewComment=function(commentContent,id,editor){var graduation_topic_id=_this.props.memo.id;var content=Object(__WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__["g" /* handleContentBeforeCreateNew */])(commentContent);var memo=_this.props.memo;var url="/users/reply_message.json";var comments=_this.state.comments;__WEBPACK_IMPORTED_MODULE_4_axios___default.a.post(url,{journals_for_message:{jour_type:'GraduationTask',jour_id:graduation_topic_id,notes:content,// m_parent_id
reply_id:memo.user_id}}).then(function(response){if(response.data.status===-1){console.error('服务端异常');return;}// this.props.showNotification('帖子发表成功')
if(response.data&&response.data.id){var _id=response.data.id;// md
editor.setValue&&editor.setValue('');var user=_this._getUser();_this.setState({comments:Object(__WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__["b" /* addNewComment */])(_this.state.comments,_id,content,user,_this.props.isSuperAdmin(),_this),total_count:_this.state.total_count+1});_this.refs.editor.showEditor();}}).catch(function(error){console.log(error);});};_this.replyComment=function(commentContent,id,editor){var showNotification=_this.props.showNotification;// if (!commentContent || commentContent.length === 0) {
// showNotification(NEED_TO_WRITE_CONTENT)
// return;
// }
if(_this.props.memo.id===id){// 回复帖子
_this.createNewComment(commentContent,id,editor);return;}var url="/users/reply_message.json";var comments=_this.state.comments;var user=_this._getUser();var graduation_topic_id=_this.props.memo.id;var commentIndex=_this._findById(id,comments);var comment=comments[commentIndex];commentContent=Object(__WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__["h" /* handleContentBeforeCreateSecondLevelComment */])(commentContent);__WEBPACK_IMPORTED_MODULE_4_axios___default.a.post(url,{journals_for_message:{jour_type:'GraduationTask',jour_id:graduation_topic_id,notes:commentContent,m_parent_id:id,reply_id:comment.user_id}},{}).then(function(response){if(response.data.id){var newId=response.data.id;_this.setState({comments:Object(__WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__["c" /* addSecondLevelComment */])(comments,comment,commentIndex,newId,commentContent,user,editor)});var newMemo2=Object.assign({},_this.props.memo);newMemo2.total_count=newMemo2.total_count+1;_this.setState({memo:newMemo2});}}).catch(function(error){console.log(error);});};_this.loadMoreChildComments=function(parent){var graduation_topic_id=_this.props.memo.id;var course_id=_this.props.course_id;var url="/graduation_tasks/"+graduation_topic_id+"/show_comment.json?parent_id="+parent.id+"&limit=500";__WEBPACK_IMPORTED_MODULE_4_axios___default.a.get(url,{}).then(function(response){var comments=response.data.comments;// const memo = Object.assign({}, this.state.memo)
// memo.sum_replies_count = sum_replies_count;
_this.setState({// memo,
comments:Object(__WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__["d" /* generateChildComments */])(comments,_this.state.comments,parent,_this.transformReply)});}).catch(function(error){console.log(error);});};_this.onPaginationChange=function(pageCount){_this.setState({pageCount:pageCount},function(){_this.fetchReplies();});};_this.fetchReplies=function(){var graduation_topic_id=_this.props.memo.id;var course_id=_this.props.course_id;var url="/graduation_tasks/"+graduation_topic_id+"/show_comment.json?page="+_this.state.pageCount;// page limit parent_id
__WEBPACK_IMPORTED_MODULE_4_axios___default.a.get(url,{}).then(function(response){var _response$data=response.data,comments=_response$data.comments,messages_count=_response$data.messages_count;_this.setState({comments:Object(__WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__["e" /* generateComments */])(comments,_this.transformReply),// : this.state.comments.concat(comments),
total_count:messages_count});}).catch(function(error){console.log(error);});};_this.transformReply=function(reply){var children=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];var isAdmin=_this.props.isAdmin();var isSuperAdmin=_this.props.isSuperAdmin();return{admin:isAdmin,//
isSuperAdmin:isSuperAdmin,permission:true,//
children:children,hidden:reply.hidden,id:reply.id,image_url:reply.author.image_url,reward:null,//
time:reply.time,// moment(reply.created_on).fromNow(),
user_id:reply.author.id,user_login:reply.author.login,user_praise:reply.user_praise,username:reply.author.name,content:reply.content,praise_count:reply.praise_count,child_message_count:reply.child_message_count};};_this.deleteComment=function(parrentComment,childCommentId){Object(__WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__["i" /* handleDeleteComment */])(_this,parrentComment,childCommentId,'journals_for_message');};_this.commentPraise=function(discussId){Object(__WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__["f" /* handleCommentPraise */])(_this,discussId,'journals_for_message');};_this.hiddenComment=function(item,childCommentId){Object(__WEBPACK_IMPORTED_MODULE_11__common_CommentsHelper__["j" /* handleHiddenComment */])(_this,item,childCommentId,'journals_for_message');};_this.showCommentInput=function(){_this.refs.editor.showEditor();};_this.initReply=function(parent){if(!parent.isAllChildrenLoaded){_this.loadMoreChildComments(parent);}};_this.state={pageCount:1};return _this;}_createClass(GraduationTaskssettingReply,[{key:"componentDidMount",value:function componentDidMount(){this.fetchReplies();}},{key:"_getUser",value:function _getUser(){var current_user=this.props.current_user;current_user.user_url="/users/"+current_user.login;return current_user;}// 公共接口 --- 删除回复
// 公共接口 --- 回复点赞
// 公共接口 --- 隐藏回复
},{key:"render",value:function render(){var _state=this.state,total_count=_state.total_count,comments=_state.comments,pageCount=_state.pageCount;var _props=this.props,current_user=_props.current_user,memo=_props.memo;return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_react___default.a.Fragment,null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("style",null,"\n \n "),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5__forums_MemoDetailMDEditor__["a" /* default */],{ref:"editor",memo:memo,usingMockInput:true,placeholder:"\u8BF7\u5728\u6B64\u8F93\u5165\u5BF9\u672C\u4F5C\u54C1\u7684\u8BC4\u8BED\uFF0C\u6700\u5927\u9650\u52362000\u4E2A\u5B57\u7B26",height:160,showError:true}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("div",{className:"padding40 bor-bottom-greyE memoReplies commentsDelegateParent",style:{display:comments&&!!comments.length?'block':'none'}},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("div",{className:"replies_count"},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("span",{className:"labal"},"\u5168\u90E8\u56DE\u590D"),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("span",{className:"count"},total_count)),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__comment_Comments__["a" /* default */],{comments:comments,user:current_user,replyComment:this.replyComment,deleteComment:this.deleteComment,commentPraise:this.commentPraise,rewardCode:this.rewardCode,hiddenComment:this.hiddenComment,usingAntdModal:true,isChildCommentPagination:true,loadMoreChildComments:this.loadMoreChildComments,initReply:this.initReply,showRewardButton:false,onlySuperAdminCouldHide:true})),total_count>REPLY_PAGE_COUNT&&__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("div",{className:"memoMore"},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_pagination___default.a,{showQuickJumper:true,onChange:this.onPaginationChange,current:pageCount,total:total_count,pageSize:10}),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("div",{className:"writeCommentBtn",onClick:this.showCommentInput},"\u5199\u8BC4\u8BBA")));}}]);return GraduationTaskssettingReply;}(__WEBPACK_IMPORTED_MODULE_2_react__["Component"]);/* harmony default export */ __webpack_exports__["a"] = (Object(__WEBPACK_IMPORTED_MODULE_8__page_layers_ImageLayerOfCommentHOC__["a" /* ImageLayerOfCommentHOC */])()(GraduationTaskssettingReply));
/***/ }),
/***/ 886:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _extends2 = __webpack_require__(18);
var _extends3 = _interopRequireDefault(_extends2);
exports.getTodayTime = getTodayTime;
exports.getTitleString = getTitleString;
exports.getTodayTimeStr = getTodayTimeStr;
exports.getMonthName = getMonthName;
exports.syncTime = syncTime;
exports.getTimeConfig = getTimeConfig;
exports.isTimeValidByConfig = isTimeValidByConfig;
exports.isTimeValid = isTimeValid;
exports.isAllowedDate = isAllowedDate;
exports.formatDate = formatDate;
var _moment = __webpack_require__(86);
var _moment2 = _interopRequireDefault(_moment);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var defaultDisabledTime = {
disabledHours: function disabledHours() {
return [];
},
disabledMinutes: function disabledMinutes() {
return [];
},
disabledSeconds: function disabledSeconds() {
return [];
}
};
function getTodayTime(value) {
var today = (0, _moment2['default'])();
today.locale(value.locale()).utcOffset(value.utcOffset());
return today;
}
function getTitleString(value) {
return value.format('LL');
}
function getTodayTimeStr(value) {
var today = getTodayTime(value);
return getTitleString(today);
}
function getMonthName(month) {
var locale = month.locale();
var localeData = month.localeData();
return localeData[locale === 'zh-cn' ? 'months' : 'monthsShort'](month);
}
function syncTime(from, to) {
if (!_moment2['default'].isMoment(from) || !_moment2['default'].isMoment(to)) return;
to.hour(from.hour());
to.minute(from.minute());
to.second(from.second());
to.millisecond(from.millisecond());
}
function getTimeConfig(value, disabledTime) {
var disabledTimeConfig = disabledTime ? disabledTime(value) : {};
disabledTimeConfig = (0, _extends3['default'])({}, defaultDisabledTime, disabledTimeConfig);
return disabledTimeConfig;
}
function isTimeValidByConfig(value, disabledTimeConfig) {
var invalidTime = false;
if (value) {
var hour = value.hour();
var minutes = value.minute();
var seconds = value.second();
var disabledHours = disabledTimeConfig.disabledHours();
if (disabledHours.indexOf(hour) === -1) {
var disabledMinutes = disabledTimeConfig.disabledMinutes(hour);
if (disabledMinutes.indexOf(minutes) === -1) {
var disabledSeconds = disabledTimeConfig.disabledSeconds(hour, minutes);
invalidTime = disabledSeconds.indexOf(seconds) !== -1;
} else {
invalidTime = true;
}
} else {
invalidTime = true;
}
}
return !invalidTime;
}
function isTimeValid(value, disabledTime) {
var disabledTimeConfig = getTimeConfig(value, disabledTime);
return isTimeValidByConfig(value, disabledTimeConfig);
}
function isAllowedDate(value, disabledDate, disabledTime) {
if (disabledDate) {
if (disabledDate(value)) {
return false;
}
}
if (disabledTime) {
if (!isTimeValid(value, disabledTime)) {
return false;
}
}
return true;
}
function formatDate(value, format) {
if (!value) {
return '';
}
if (Array.isArray(format)) {
format = format[0];
}
return value.format(format);
}
/***/ }),
/***/ 890:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony default export */ __webpack_exports__["a"] = ({
ZERO: 48,
NINE: 57,
NUMPAD_ZERO: 96,
NUMPAD_NINE: 105,
BACKSPACE: 8,
DELETE: 46,
ENTER: 13,
ARROW_UP: 38,
ARROW_DOWN: 40
});
/***/ }),
/***/ 892:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["e"] = getTodayTime;
/* harmony export (immutable) */ __webpack_exports__["d"] = getTitleString;
/* harmony export (immutable) */ __webpack_exports__["f"] = getTodayTimeStr;
/* harmony export (immutable) */ __webpack_exports__["b"] = getMonthName;
/* harmony export (immutable) */ __webpack_exports__["h"] = syncTime;
/* harmony export (immutable) */ __webpack_exports__["c"] = getTimeConfig;
/* unused harmony export isTimeValidByConfig */
/* unused harmony export isTimeValid */
/* harmony export (immutable) */ __webpack_exports__["g"] = isAllowedDate;
/* harmony export (immutable) */ __webpack_exports__["a"] = formatDate;
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(18);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_moment__ = __webpack_require__(86);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_moment__);
var defaultDisabledTime = {
disabledHours: function disabledHours() {
return [];
},
disabledMinutes: function disabledMinutes() {
return [];
},
disabledSeconds: function disabledSeconds() {
return [];
}
};
function getTodayTime(value) {
var today = __WEBPACK_IMPORTED_MODULE_1_moment___default()();
today.locale(value.locale()).utcOffset(value.utcOffset());
return today;
}
function getTitleString(value) {
return value.format('LL');
}
function getTodayTimeStr(value) {
var today = getTodayTime(value);
return getTitleString(today);
}
function getMonthName(month) {
var locale = month.locale();
var localeData = month.localeData();
return localeData[locale === 'zh-cn' ? 'months' : 'monthsShort'](month);
}
function syncTime(from, to) {
if (!__WEBPACK_IMPORTED_MODULE_1_moment___default.a.isMoment(from) || !__WEBPACK_IMPORTED_MODULE_1_moment___default.a.isMoment(to)) return;
to.hour(from.hour());
to.minute(from.minute());
to.second(from.second());
to.millisecond(from.millisecond());
}
function getTimeConfig(value, disabledTime) {
var disabledTimeConfig = disabledTime ? disabledTime(value) : {};
disabledTimeConfig = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, defaultDisabledTime, disabledTimeConfig);
return disabledTimeConfig;
}
function isTimeValidByConfig(value, disabledTimeConfig) {
var invalidTime = false;
if (value) {
var hour = value.hour();
var minutes = value.minute();
var seconds = value.second();
var disabledHours = disabledTimeConfig.disabledHours();
if (disabledHours.indexOf(hour) === -1) {
var disabledMinutes = disabledTimeConfig.disabledMinutes(hour);
if (disabledMinutes.indexOf(minutes) === -1) {
var disabledSeconds = disabledTimeConfig.disabledSeconds(hour, minutes);
invalidTime = disabledSeconds.indexOf(seconds) !== -1;
} else {
invalidTime = true;
}
} else {
invalidTime = true;
}
}
return !invalidTime;
}
function isTimeValid(value, disabledTime) {
var disabledTimeConfig = getTimeConfig(value, disabledTime);
return isTimeValidByConfig(value, disabledTimeConfig);
}
function isAllowedDate(value, disabledDate, disabledTime) {
if (disabledDate) {
if (disabledDate(value)) {
return false;
}
}
if (disabledTime) {
if (!isTimeValid(value, disabledTime)) {
return false;
}
}
return true;
}
function formatDate(value, format) {
if (!value) {
return '';
}
if (Array.isArray(format)) {
format = format[0];
}
return value.format(format);
}
/***/ }),
/***/ 905:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
__webpack_require__(28);
__webpack_require__(933);
__webpack_require__(318);
//# sourceMappingURL=css.js.map
/***/ }),
/***/ 906:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _Pagination = _interopRequireDefault(__webpack_require__(938));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var _default = _Pagination["default"];
exports["default"] = _default;
//# sourceMappingURL=index.js.map
/***/ }),
/***/ 923:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
/**
* @ignore
* some key-codes definition and utils from closure-library
* @author yiminghe@gmail.com
*/
var KeyCode = {
/**
* MAC_ENTER
*/
MAC_ENTER: 3,
/**
* BACKSPACE
*/
BACKSPACE: 8,
/**
* TAB
*/
TAB: 9,
/**
* NUMLOCK on FF/Safari Mac
*/
NUM_CENTER: 12, // NUMLOCK on FF/Safari Mac
/**
* ENTER
*/
ENTER: 13,
/**
* SHIFT
*/
SHIFT: 16,
/**
* CTRL
*/
CTRL: 17,
/**
* ALT
*/
ALT: 18,
/**
* PAUSE
*/
PAUSE: 19,
/**
* CAPS_LOCK
*/
CAPS_LOCK: 20,
/**
* ESC
*/
ESC: 27,
/**
* SPACE
*/
SPACE: 32,
/**
* PAGE_UP
*/
PAGE_UP: 33, // also NUM_NORTH_EAST
/**
* PAGE_DOWN
*/
PAGE_DOWN: 34, // also NUM_SOUTH_EAST
/**
* END
*/
END: 35, // also NUM_SOUTH_WEST
/**
* HOME
*/
HOME: 36, // also NUM_NORTH_WEST
/**
* LEFT
*/
LEFT: 37, // also NUM_WEST
/**
* UP
*/
UP: 38, // also NUM_NORTH
/**
* RIGHT
*/
RIGHT: 39, // also NUM_EAST
/**
* DOWN
*/
DOWN: 40, // also NUM_SOUTH
/**
* PRINT_SCREEN
*/
PRINT_SCREEN: 44,
/**
* INSERT
*/
INSERT: 45, // also NUM_INSERT
/**
* DELETE
*/
DELETE: 46, // also NUM_DELETE
/**
* ZERO
*/
ZERO: 48,
/**
* ONE
*/
ONE: 49,
/**
* TWO
*/
TWO: 50,
/**
* THREE
*/
THREE: 51,
/**
* FOUR
*/
FOUR: 52,
/**
* FIVE
*/
FIVE: 53,
/**
* SIX
*/
SIX: 54,
/**
* SEVEN
*/
SEVEN: 55,
/**
* EIGHT
*/
EIGHT: 56,
/**
* NINE
*/
NINE: 57,
/**
* QUESTION_MARK
*/
QUESTION_MARK: 63, // needs localization
/**
* A
*/
A: 65,
/**
* B
*/
B: 66,
/**
* C
*/
C: 67,
/**
* D
*/
D: 68,
/**
* E
*/
E: 69,
/**
* F
*/
F: 70,
/**
* G
*/
G: 71,
/**
* H
*/
H: 72,
/**
* I
*/
I: 73,
/**
* J
*/
J: 74,
/**
* K
*/
K: 75,
/**
* L
*/
L: 76,
/**
* M
*/
M: 77,
/**
* N
*/
N: 78,
/**
* O
*/
O: 79,
/**
* P
*/
P: 80,
/**
* Q
*/
Q: 81,
/**
* R
*/
R: 82,
/**
* S
*/
S: 83,
/**
* T
*/
T: 84,
/**
* U
*/
U: 85,
/**
* V
*/
V: 86,
/**
* W
*/
W: 87,
/**
* X
*/
X: 88,
/**
* Y
*/
Y: 89,
/**
* Z
*/
Z: 90,
/**
* META
*/
META: 91, // WIN_KEY_LEFT
/**
* WIN_KEY_RIGHT
*/
WIN_KEY_RIGHT: 92,
/**
* CONTEXT_MENU
*/
CONTEXT_MENU: 93,
/**
* NUM_ZERO
*/
NUM_ZERO: 96,
/**
* NUM_ONE
*/
NUM_ONE: 97,
/**
* NUM_TWO
*/
NUM_TWO: 98,
/**
* NUM_THREE
*/
NUM_THREE: 99,
/**
* NUM_FOUR
*/
NUM_FOUR: 100,
/**
* NUM_FIVE
*/
NUM_FIVE: 101,
/**
* NUM_SIX
*/
NUM_SIX: 102,
/**
* NUM_SEVEN
*/
NUM_SEVEN: 103,
/**
* NUM_EIGHT
*/
NUM_EIGHT: 104,
/**
* NUM_NINE
*/
NUM_NINE: 105,
/**
* NUM_MULTIPLY
*/
NUM_MULTIPLY: 106,
/**
* NUM_PLUS
*/
NUM_PLUS: 107,
/**
* NUM_MINUS
*/
NUM_MINUS: 109,
/**
* NUM_PERIOD
*/
NUM_PERIOD: 110,
/**
* NUM_DIVISION
*/
NUM_DIVISION: 111,
/**
* F1
*/
F1: 112,
/**
* F2
*/
F2: 113,
/**
* F3
*/
F3: 114,
/**
* F4
*/
F4: 115,
/**
* F5
*/
F5: 116,
/**
* F6
*/
F6: 117,
/**
* F7
*/
F7: 118,
/**
* F8
*/
F8: 119,
/**
* F9
*/
F9: 120,
/**
* F10
*/
F10: 121,
/**
* F11
*/
F11: 122,
/**
* F12
*/
F12: 123,
/**
* NUMLOCK
*/
NUMLOCK: 144,
/**
* SEMICOLON
*/
SEMICOLON: 186, // needs localization
/**
* DASH
*/
DASH: 189, // needs localization
/**
* EQUALS
*/
EQUALS: 187, // needs localization
/**
* COMMA
*/
COMMA: 188, // needs localization
/**
* PERIOD
*/
PERIOD: 190, // needs localization
/**
* SLASH
*/
SLASH: 191, // needs localization
/**
* APOSTROPHE
*/
APOSTROPHE: 192, // needs localization
/**
* SINGLE_QUOTE
*/
SINGLE_QUOTE: 222, // needs localization
/**
* OPEN_SQUARE_BRACKET
*/
OPEN_SQUARE_BRACKET: 219, // needs localization
/**
* BACKSLASH
*/
BACKSLASH: 220, // needs localization
/**
* CLOSE_SQUARE_BRACKET
*/
CLOSE_SQUARE_BRACKET: 221, // needs localization
/**
* WIN_KEY
*/
WIN_KEY: 224,
/**
* MAC_FF_META
*/
MAC_FF_META: 224, // Firefox (Gecko) fires this for the meta key instead of 91
/**
* WIN_IME
*/
WIN_IME: 229
};
/*
whether text and modified key is entered at the same time.
*/
KeyCode.isTextModifyingKeyEvent = function isTextModifyingKeyEvent(e) {
var keyCode = e.keyCode;
if (e.altKey && !e.ctrlKey || e.metaKey ||
// Function keys don't generate text
keyCode >= KeyCode.F1 && keyCode <= KeyCode.F12) {
return false;
}
// The following keys are quite harmless, even in combination with
// CTRL, ALT or SHIFT.
switch (keyCode) {
case KeyCode.ALT:
case KeyCode.CAPS_LOCK:
case KeyCode.CONTEXT_MENU:
case KeyCode.CTRL:
case KeyCode.DOWN:
case KeyCode.END:
case KeyCode.ESC:
case KeyCode.HOME:
case KeyCode.INSERT:
case KeyCode.LEFT:
case KeyCode.MAC_FF_META:
case KeyCode.META:
case KeyCode.NUMLOCK:
case KeyCode.NUM_CENTER:
case KeyCode.PAGE_DOWN:
case KeyCode.PAGE_UP:
case KeyCode.PAUSE:
case KeyCode.PRINT_SCREEN:
case KeyCode.RIGHT:
case KeyCode.SHIFT:
case KeyCode.UP:
case KeyCode.WIN_KEY:
case KeyCode.WIN_KEY_RIGHT:
return false;
default:
return true;
}
};
/*
whether character is entered.
*/
KeyCode.isCharacterKey = function isCharacterKey(keyCode) {
if (keyCode >= KeyCode.ZERO && keyCode <= KeyCode.NINE) {
return true;
}
if (keyCode >= KeyCode.NUM_ZERO && keyCode <= KeyCode.NUM_MULTIPLY) {
return true;
}
if (keyCode >= KeyCode.A && keyCode <= KeyCode.Z) {
return true;
}
// Safari sends zero key code for non-latin characters.
if (window.navigation.userAgent.indexOf('WebKit') !== -1 && keyCode === 0) {
return true;
}
switch (keyCode) {
case KeyCode.SPACE:
case KeyCode.QUESTION_MARK:
case KeyCode.NUM_PLUS:
case KeyCode.NUM_MINUS:
case KeyCode.NUM_PERIOD:
case KeyCode.NUM_DIVISION:
case KeyCode.SEMICOLON:
case KeyCode.DASH:
case KeyCode.EQUALS:
case KeyCode.COMMA:
case KeyCode.PERIOD:
case KeyCode.SLASH:
case KeyCode.APOSTROPHE:
case KeyCode.SINGLE_QUOTE:
case KeyCode.OPEN_SQUARE_BRACKET:
case KeyCode.BACKSLASH:
case KeyCode.CLOSE_SQUARE_BRACKET:
return true;
default:
return false;
}
};
exports['default'] = KeyCode;
module.exports = exports['default'];
/***/ }),
/***/ 933:
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(937);
if(typeof content === 'string') content = [[module.i, content, '']];
// Prepare cssTransformation
var transform;
var options = {"hmr":false}
options.transform = transform
// add the styles to the DOM
var update = __webpack_require__(313)(content, options);
if(content.locals) module.exports = content.locals;
/***/ }),
/***/ 937:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(312)(true);
// imports
// module
exports.push([module.i, ".ant-pagination{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\"}.ant-pagination,.ant-pagination ol,.ant-pagination ul{margin:0;padding:0;list-style:none}.ant-pagination:after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:\" \"}.ant-pagination-item,.ant-pagination-total-text{display:inline-block;height:32px;margin-right:8px;line-height:30px;vertical-align:middle}.ant-pagination-item{min-width:32px;font-family:Arial;text-align:center;list-style:none;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-item a{display:block;padding:0 6px;color:rgba(0,0,0,.65);-webkit-transition:none;-o-transition:none;transition:none}.ant-pagination-item a:hover{text-decoration:none}.ant-pagination-item:focus,.ant-pagination-item:hover{border-color:#1890ff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-pagination-item:focus a,.ant-pagination-item:hover a{color:#1890ff}.ant-pagination-item-active{font-weight:500;background:#fff;border-color:#1890ff}.ant-pagination-item-active a{color:#1890ff}.ant-pagination-item-active:focus,.ant-pagination-item-active:hover{border-color:#40a9ff}.ant-pagination-item-active:focus a,.ant-pagination-item-active:hover a{color:#40a9ff}.ant-pagination-jump-next,.ant-pagination-jump-prev{outline:0}.ant-pagination-jump-next .ant-pagination-item-container,.ant-pagination-jump-prev .ant-pagination-item-container{position:relative}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon{display:inline-block;font-size:12px;font-size:12px\\9;-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);color:#1890ff;letter-spacing:-1px;opacity:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon{font-size:12px}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg{top:0;right:0;bottom:0;left:0;margin:auto}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;color:rgba(0,0,0,.25);letter-spacing:2px;text-align:center;text-indent:.13em;opacity:1;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,.ant-pagination-jump-next:hover .ant-pagination-item-link-icon,.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon{opacity:1}.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis{opacity:0}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev{margin-right:8px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev{display:inline-block;min-width:32px;height:32px;color:rgba(0,0,0,.65);font-family:Arial;line-height:32px;text-align:center;vertical-align:middle;list-style:none;border-radius:4px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.ant-pagination-next,.ant-pagination-prev{outline:0}.ant-pagination-next a,.ant-pagination-prev a{color:rgba(0,0,0,.65);-
// exports
/***/ }),
/***/ 938:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var React = _interopRequireWildcard(__webpack_require__(0));
var _rcPagination = _interopRequireDefault(__webpack_require__(939));
var _en_US = _interopRequireDefault(__webpack_require__(332));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _MiniSelect = _interopRequireDefault(__webpack_require__(944));
var _icon = _interopRequireDefault(__webpack_require__(26));
var _select = _interopRequireDefault(__webpack_require__(315));
var _LocaleReceiver = _interopRequireDefault(__webpack_require__(71));
var _configProvider = __webpack_require__(12);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
var __rest = void 0 && (void 0).__rest || function (s, e) {
var t = {};
for (var p in s) {
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
}
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
var Pagination =
/*#__PURE__*/
function (_React$Component) {
_inherits(Pagination, _React$Component);
function Pagination() {
var _this;
_classCallCheck(this, Pagination);
_this = _possibleConstructorReturn(this, _getPrototypeOf(Pagination).apply(this, arguments));
_this.getIconsProps = function (prefixCls) {
var prevIcon = React.createElement("a", {
className: "".concat(prefixCls, "-item-link")
}, React.createElement(_icon["default"], {
type: "left"
}));
var nextIcon = React.createElement("a", {
className: "".concat(prefixCls, "-item-link")
}, React.createElement(_icon["default"], {
type: "right"
}));
var jumpPrevIcon = React.createElement("a", {
className: "".concat(prefixCls, "-item-link")
}, React.createElement("div", {
className: "".concat(prefixCls, "-item-container")
}, React.createElement(_icon["default"], {
className: "".concat(prefixCls, "-item-link-icon"),
type: "double-left"
}), React.createElement("span", {
className: "".concat(prefixCls, "-item-ellipsis")
}, "\u2022\u2022\u2022")));
var jumpNextIcon = React.createElement("a", {
className: "".concat(prefixCls, "-item-link")
}, React.createElement("div", {
className: "".concat(prefixCls, "-item-container")
}, React.createElement(_icon["default"], {
className: "".concat(prefixCls, "-item-link-icon"),
type: "double-right"
}), React.createElement("span", {
className: "".concat(prefixCls, "-item-ellipsis")
}, "\u2022\u2022\u2022")));
return {
prevIcon: prevIcon,
nextIcon: nextIcon,
jumpPrevIcon: jumpPrevIcon,
jumpNextIcon: jumpNextIcon
};
};
_this.renderPagination = function (contextLocale) {
var _a = _this.props,
customizePrefixCls = _a.prefixCls,
customizeSelectPrefixCls = _a.selectPrefixCls,
className = _a.className,
size = _a.size,
customLocale = _a.locale,
restProps = __rest(_a, ["prefixCls", "selectPrefixCls", "className", "size", "locale"]);
var locale = _extends(_extends({}, contextLocale), customLocale);
var isSmall = size === 'small';
return React.createElement(_configProvider.ConfigConsumer, null, function (_ref) {
var getPrefixCls = _ref.getPrefixCls;
var prefixCls = getPrefixCls('pagination', customizePrefixCls);
var selectPrefixCls = getPrefixCls('select', customizeSelectPrefixCls);
return React.createElement(_rcPagination["default"], _extends({}, restProps, {
prefixCls: prefixCls,
selectPrefixCls: selectPrefixCls
}, _this.getIconsProps(prefixCls), {
className: (0, _classnames["default"])(className, {
mini: isSmall
}),
selectComponentClass: isSmall ? _MiniSelect["default"] : _select["default"],
locale: locale
}));
});
};
return _this;
}
_createClass(Pagination, [{
key: "render",
value: function render() {
return React.createElement(_LocaleReceiver["default"], {
componentName: "Pagination",
defaultLocale: _en_US["default"]
}, this.renderPagination);
}
}]);
return Pagination;
}(React.Component);
exports["default"] = Pagination;
//# sourceMappingURL=Pagination.js.map
/***/ }),
/***/ 939:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Pagination__ = __webpack_require__(940);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return __WEBPACK_IMPORTED_MODULE_0__Pagination__["a"]; });
/***/ }),
/***/ 940:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__ = __webpack_require__(59);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__ = __webpack_require__(18);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(31);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_classnames__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__Pager__ = __webpack_require__(941);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__Options__ = __webpack_require__(942);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__KeyCode__ = __webpack_require__(890);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__locale_zh_CN__ = __webpack_require__(943);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_react_lifecycles_compat__ = __webpack_require__(7);
function noop() {}
function isInteger(value) {
return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
}
function defaultItemRender(page, type, element) {
return element;
}
function calculatePage(p, state, props) {
var pageSize = p;
if (typeof pageSize === 'undefined') {
pageSize = state.pageSize;
}
return Math.floor((props.total - 1) / pageSize) + 1;
}
var Pagination = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(Pagination, _React$Component);
function Pagination(props) {
__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, Pagination);
var _this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (Pagination.__proto__ || Object.getPrototypeOf(Pagination)).call(this, props));
_initialiseProps.call(_this);
var hasOnChange = props.onChange !== noop;
var hasCurrent = 'current' in props;
if (hasCurrent && !hasOnChange) {
console.warn('Warning: You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.'); // eslint-disable-line
}
var current = props.defaultCurrent;
if ('current' in props) {
current = props.current;
}
var pageSize = props.defaultPageSize;
if ('pageSize' in props) {
pageSize = props.pageSize;
}
current = Math.min(current, calculatePage(pageSize, undefined, props));
_this.state = {
current: current,
currentInputValue: current,
pageSize: pageSize
};
return _this;
}
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(Pagination, [{
key: 'componentDidUpdate',
value: function componentDidUpdate(prevProps, prevState) {
// When current page change, fix focused style of prev item
// A hacky solution of https://github.com/ant-design/ant-design/issues/8948
var prefixCls = this.props.prefixCls;
if (prevState.current !== this.state.current && this.paginationNode) {
var lastCurrentNode = this.paginationNode.querySelector('.' + prefixCls + '-item-' + prevState.current);
if (lastCurrentNode && document.activeElement === lastCurrentNode) {
lastCurrentNode.blur();
}
}
}
}, {
key: 'getValidValue',
value: function getValidValue(e) {
var inputValue = e.target.value;
var allPages = calculatePage(undefined, this.state, this.props);
var currentInputValue = this.state.currentInputValue;
var value = void 0;
if (inputValue === '') {
value = inputValue;
} else if (isNaN(Number(inputValue))) {
value = currentInputValue;
} else if (inputValue >= allPages) {
value = allPages;
} else {
value = Number(inputValue);
}
return value;
}
}, {
key: 'render',
value: function render() {
var _props = this.props,
prefixCls = _props.prefixCls,
className = _props.className,
disabled = _props.disabled;
// When hideOnSinglePage is true and there is only 1 page, hide the pager
if (this.props.hideOnSinglePage === true && this.props.total <= this.state.pageSize) {
return null;
}
var props = this.props;
var locale = props.locale;
var allPages = calculatePage(undefined, this.state, this.props);
var pagerList = [];
var jumpPrev = null;
var jumpNext = null;
var firstPager = null;
var lastPager = null;
var gotoButton = null;
var goButton = props.showQuickJumper && props.showQuickJumper.goButton;
var pageBufferSize = props.showLessItems ? 1 : 2;
var _state = this.state,
current = _state.current,
pageSize = _state.pageSize;
var prevPage = current - 1 > 0 ? current - 1 : 0;
var nextPage = current + 1 < allPages ? current + 1 : allPages;
var dataOrAriaAttributeProps = Object.keys(props).reduce(function (prev, key) {
if (key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role') {
prev[key] = props[key];
}
return prev;
}, {});
if (props.simple) {
if (goButton) {
if (typeof goButton === 'boolean') {
gotoButton = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'button',
{
type: 'button',
onClick: this.handleGoTO,
onKeyUp: this.handleGoTO
},
locale.jump_to_confirm
);
} else {
gotoButton = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'span',
{
onClick: this.handleGoTO,
onKeyUp: this.handleGoTO
},
goButton
);
}
gotoButton = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'li',
{
title: props.showTitle ? '' + locale.jump_to + this.state.current + '/' + allPages : null,
className: prefixCls + '-simple-pager'
},
gotoButton
);
}
return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'ul',
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
className: prefixCls + ' ' + prefixCls + '-simple ' + props.className,
style: props.style,
ref: this.savePaginationNode
}, dataOrAriaAttributeProps),
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'li',
{
title: props.showTitle ? locale.prev_page : null,
onClick: this.prev,
tabIndex: this.hasPrev() ? 0 : null,
onKeyPress: this.runIfEnterPrev,
className: (this.hasPrev() ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-prev',
'aria-disabled': !this.hasPrev()
},
props.itemRender(prevPage, 'prev', this.getItemIcon(props.prevIcon))
),
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'li',
{
title: props.showTitle ? this.state.current + '/' + allPages : null,
className: prefixCls + '-simple-pager'
},
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement('input', {
type: 'text',
value: this.state.currentInputValue,
onKeyDown: this.handleKeyDown,
onKeyUp: this.handleKeyUp,
onChange: this.handleKeyUp,
size: '3'
}),
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'span',
{ className: prefixCls + '-slash' },
'/'
),
allPages
),
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'li',
{
title: props.showTitle ? locale.next_page : null,
onClick: this.next,
tabIndex: this.hasPrev() ? 0 : null,
onKeyPress: this.runIfEnterNext,
className: (this.hasNext() ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-next',
'aria-disabled': !this.hasNext()
},
props.itemRender(nextPage, 'next', this.getItemIcon(props.nextIcon))
),
gotoButton
);
}
if (allPages <= 5 + pageBufferSize * 2) {
var pagerProps = {
locale: locale,
rootPrefixCls: prefixCls,
onClick: this.handleChange,
onKeyPress: this.runIfEnter,
showTitle: props.showTitle,
itemRender: props.itemRender
};
if (!allPages) {
pagerList.push(__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__Pager__["a" /* default */], __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, pagerProps, {
key: 'noPager',
page: allPages,
className: prefixCls + '-disabled'
})));
}
for (var i = 1; i <= allPages; i++) {
var active = this.state.current === i;
pagerList.push(__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__Pager__["a" /* default */], __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, pagerProps, {
key: i,
page: i,
active: active
})));
}
} else {
var prevItemTitle = props.showLessItems ? locale.prev_3 : locale.prev_5;
var nextItemTitle = props.showLessItems ? locale.next_3 : locale.next_5;
if (props.showPrevNextJumpers) {
var jumpPrevClassString = prefixCls + '-jump-prev';
if (props.jumpPrevIcon) {
jumpPrevClassString += ' ' + prefixCls + '-jump-prev-custom-icon';
}
jumpPrev = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'li',
{
title: props.showTitle ? prevItemTitle : null,
key: 'prev',
onClick: this.jumpPrev,
tabIndex: '0',
onKeyPress: this.runIfEnterJumpPrev,
className: jumpPrevClassString
},
props.itemRender(this.getJumpPrevPage(), 'jump-prev', this.getItemIcon(props.jumpPrevIcon))
);
var jumpNextClassString = prefixCls + '-jump-next';
if (props.jumpNextIcon) {
jumpNextClassString += ' ' + prefixCls + '-jump-next-custom-icon';
}
jumpNext = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'li',
{
title: props.showTitle ? nextItemTitle : null,
key: 'next',
tabIndex: '0',
onClick: this.jumpNext,
onKeyPress: this.runIfEnterJumpNext,
className: jumpNextClassString
},
props.itemRender(this.getJumpNextPage(), 'jump-next', this.getItemIcon(props.jumpNextIcon))
);
}
lastPager = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__Pager__["a" /* default */], {
locale: props.locale,
last: true,
rootPrefixCls: prefixCls,
onClick: this.handleChange,
onKeyPress: this.runIfEnter,
key: allPages,
page: allPages,
active: false,
showTitle: props.showTitle,
itemRender: props.itemRender
});
firstPager = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__Pager__["a" /* default */], {
locale: props.locale,
rootPrefixCls: prefixCls,
onClick: this.handleChange,
onKeyPress: this.runIfEnter,
key: 1,
page: 1,
active: false,
showTitle: props.showTitle,
itemRender: props.itemRender
});
var left = Math.max(1, current - pageBufferSize);
var right = Math.min(current + pageBufferSize, allPages);
if (current - 1 <= pageBufferSize) {
right = 1 + pageBufferSize * 2;
}
if (allPages - current <= pageBufferSize) {
left = allPages - pageBufferSize * 2;
}
for (var _i = left; _i <= right; _i++) {
var _active = current === _i;
pagerList.push(__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9__Pager__["a" /* default */], {
locale: props.locale,
rootPrefixCls: prefixCls,
onClick: this.handleChange,
onKeyPress: this.runIfEnter,
key: _i,
page: _i,
active: _active,
showTitle: props.showTitle,
itemRender: props.itemRender
}));
}
if (current - 1 >= pageBufferSize * 2 && current !== 1 + 2) {
pagerList[0] = __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(pagerList[0], {
className: prefixCls + '-item-after-jump-prev'
});
pagerList.unshift(jumpPrev);
}
if (allPages - current >= pageBufferSize * 2 && current !== allPages - 2) {
pagerList[pagerList.length - 1] = __WEBPACK_IMPORTED_MODULE_6_react___default.a.cloneElement(pagerList[pagerList.length - 1], {
className: prefixCls + '-item-before-jump-next'
});
pagerList.push(jumpNext);
}
if (left !== 1) {
pagerList.unshift(firstPager);
}
if (right !== allPages) {
pagerList.push(lastPager);
}
}
var totalText = null;
if (props.showTotal) {
totalText = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'li',
{ className: prefixCls + '-total-text' },
props.showTotal(props.total, [props.total === 0 ? 0 : (current - 1) * pageSize + 1, current * pageSize > props.total ? props.total : current * pageSize])
);
}
var prevDisabled = !this.hasPrev() || !allPages;
var nextDisabled = !this.hasNext() || !allPages;
return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'ul',
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({
className: __WEBPACK_IMPORTED_MODULE_7_classnames___default()(prefixCls, className, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()({}, prefixCls + '-disabled', disabled)),
style: props.style,
unselectable: 'unselectable',
ref: this.savePaginationNode
}, dataOrAriaAttributeProps),
totalText,
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'li',
{
title: props.showTitle ? locale.prev_page : null,
onClick: this.prev,
tabIndex: prevDisabled ? null : 0,
onKeyPress: this.runIfEnterPrev,
className: (!prevDisabled ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-prev',
'aria-disabled': prevDisabled
},
props.itemRender(prevPage, 'prev', this.getItemIcon(props.prevIcon))
),
pagerList,
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(
'li',
{
title: props.showTitle ? locale.next_page : null,
onClick: this.next,
tabIndex: nextDisabled ? null : 0,
onKeyPress: this.runIfEnterNext,
className: (!nextDisabled ? '' : prefixCls + '-disabled') + ' ' + prefixCls + '-next',
'aria-disabled': nextDisabled
},
props.itemRender(nextPage, 'next', this.getItemIcon(props.nextIcon))
),
__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_10__Options__["a" /* default */], {
disabled: disabled,
locale: props.locale,
rootPrefixCls: prefixCls,
selectComponentClass: props.selectComponentClass,
selectPrefixCls: props.selectPrefixCls,
changeSize: this.props.showSizeChanger ? this.changePageSize : null,
current: this.state.current,
pageSize: this.state.pageSize,
pageSizeOptions: this.props.pageSizeOptions,
quickGo: this.shouldDisplayQuickJumper() ? this.handleChange : null,
goButton: goButton
})
);
}
}], [{
key: 'getDerivedStateFromProps',
value: function getDerivedStateFromProps(props, prevState) {
var newState = {};
if ('current' in props) {
newState.current = props.current;
if (props.current !== prevState.current) {
newState.currentInputValue = newState.current;
}
}
if ('pageSize' in props && props.pageSize !== prevState.pageSize) {
var current = prevState.current;
var newCurrent = calculatePage(props.pageSize, prevState, props);
current = current > newCurrent ? newCurrent : current;
if (!('current' in props)) {
newState.current = current;
newState.currentInputValue = current;
}
newState.pageSize = props.pageSize;
}
return newState;
}
/**
* computed icon node that need to be rendered.
* @param {React.ReactNode | React.ComponentType<PaginationProps>} icon received icon.
* @returns {React.ReactNode}
*/
}]);
return Pagination;
}(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Component);
Pagination.propTypes = {
disabled: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
prefixCls: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
className: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string,
current: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.number,
defaultCurrent: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.number,
total: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.number,
pageSize: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.number,
defaultPageSize: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.number,
onChange: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
hideOnSinglePage: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
showSizeChanger: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
showLessItems: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
onShowSizeChange: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
selectComponentClass: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
showPrevNextJumpers: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
showQuickJumper: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object]),
showTitle: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool,
pageSizeOptions: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string),
showTotal: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
locale: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object,
style: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.object,
itemRender: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func,
prevIcon: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node]),
nextIcon: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node]),
jumpPrevIcon: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node]),
jumpNextIcon: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.node])
};
Pagination.defaultProps = {
defaultCurrent: 1,
total: 0,
defaultPageSize: 10,
onChange: noop,
className: '',
selectPrefixCls: 'rc-select',
prefixCls: 'rc-pagination',
selectComponentClass: null,
hideOnSinglePage: false,
showPrevNextJumpers: true,
showQuickJumper: false,
showSizeChanger: false,
showLessItems: false,
showTitle: true,
onShowSizeChange: noop,
locale: __WEBPACK_IMPORTED_MODULE_12__locale_zh_CN__["a" /* default */],
style: {},
itemRender: defaultItemRender
};
var _initialiseProps = function _initialiseProps() {
var _this2 = this;
this.getJumpPrevPage = function () {
return Math.max(1, _this2.state.current - (_this2.props.showLessItems ? 3 : 5));
};
this.getJumpNextPage = function () {
return Math.min(calculatePage(undefined, _this2.state, _this2.props), _this2.state.current + (_this2.props.showLessItems ? 3 : 5));
};
this.getItemIcon = function (icon) {
var prefixCls = _this2.props.prefixCls;
var iconNode = icon || __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement('a', { className: prefixCls + '-item-link' });
if (typeof icon === 'function') {
iconNode = __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(icon, __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, _this2.props));
}
return iconNode;
};
this.savePaginationNode = function (node) {
_this2.paginationNode = node;
};
this.isValid = function (page) {
return isInteger(page) && page !== _this2.state.current;
};
this.shouldDisplayQuickJumper = function () {
var _props2 = _this2.props,
showQuickJumper = _props2.showQuickJumper,
pageSize = _props2.pageSize,
total = _props2.total;
if (total <= pageSize) {
return false;
}
return showQuickJumper;
};
this.handleKeyDown = function (e) {
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ARROW_UP || e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ARROW_DOWN) {
e.preventDefault();
}
};
this.handleKeyUp = function (e) {
var value = _this2.getValidValue(e);
var currentInputValue = _this2.state.currentInputValue;
if (value !== currentInputValue) {
_this2.setState({
currentInputValue: value
});
}
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ENTER) {
_this2.handleChange(value);
} else if (e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ARROW_UP) {
_this2.handleChange(value - 1);
} else if (e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ARROW_DOWN) {
_this2.handleChange(value + 1);
}
};
this.changePageSize = function (size) {
var current = _this2.state.current;
var newCurrent = calculatePage(size, _this2.state, _this2.props);
current = current > newCurrent ? newCurrent : current;
// fix the issue:
// Once 'total' is 0, 'current' in 'onShowSizeChange' is 0, which is not correct.
if (newCurrent === 0) {
current = _this2.state.current;
}
if (typeof size === 'number') {
if (!('pageSize' in _this2.props)) {
_this2.setState({
pageSize: size
});
}
if (!('current' in _this2.props)) {
_this2.setState({
current: current,
currentInputValue: current
});
}
}
_this2.props.onShowSizeChange(current, size);
};
this.handleChange = function (p) {
var disabled = _this2.props.disabled;
var page = p;
if (_this2.isValid(page) && !disabled) {
var currentPage = calculatePage(undefined, _this2.state, _this2.props);
if (page > currentPage) {
page = currentPage;
} else if (page < 1) {
page = 1;
}
if (!('current' in _this2.props)) {
_this2.setState({
current: page,
currentInputValue: page
});
}
var pageSize = _this2.state.pageSize;
_this2.props.onChange(page, pageSize);
return page;
}
return _this2.state.current;
};
this.prev = function () {
if (_this2.hasPrev()) {
_this2.handleChange(_this2.state.current - 1);
}
};
this.next = function () {
if (_this2.hasNext()) {
_this2.handleChange(_this2.state.current + 1);
}
};
this.jumpPrev = function () {
_this2.handleChange(_this2.getJumpPrevPage());
};
this.jumpNext = function () {
_this2.handleChange(_this2.getJumpNextPage());
};
this.hasPrev = function () {
return _this2.state.current > 1;
};
this.hasNext = function () {
return _this2.state.current < calculatePage(undefined, _this2.state, _this2.props);
};
this.runIfEnter = function (event, callback) {
for (var _len = arguments.length, restParams = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
restParams[_key - 2] = arguments[_key];
}
if (event.key === 'Enter' || event.charCode === 13) {
callback.apply(undefined, restParams);
}
};
this.runIfEnterPrev = function (e) {
_this2.runIfEnter(e, _this2.prev);
};
this.runIfEnterNext = function (e) {
_this2.runIfEnter(e, _this2.next);
};
this.runIfEnterJumpPrev = function (e) {
_this2.runIfEnter(e, _this2.jumpPrev);
};
this.runIfEnterJumpNext = function (e) {
_this2.runIfEnter(e, _this2.jumpNext);
};
this.handleGoTO = function (e) {
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_11__KeyCode__["a" /* default */].ENTER || e.type === 'click') {
_this2.handleChange(_this2.state.currentInputValue);
}
};
};
Object(__WEBPACK_IMPORTED_MODULE_13_react_lifecycles_compat__["polyfill"])(Pagination);
/* harmony default export */ __webpack_exports__["a"] = (Pagination);
/***/ }),
/***/ 941:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__ = __webpack_require__(59);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_classnames__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_classnames__);
var Pager = function Pager(props) {
var _classNames;
var prefixCls = props.rootPrefixCls + '-item';
var cls = __WEBPACK_IMPORTED_MODULE_3_classnames___default()(prefixCls, prefixCls + '-' + props.page, (_classNames = {}, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-active', props.active), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, props.className, !!props.className), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_defineProperty___default()(_classNames, prefixCls + '-disabled', !props.page), _classNames));
var handleClick = function handleClick() {
props.onClick(props.page);
};
var handleKeyPress = function handleKeyPress(e) {
props.onKeyPress(e, props.onClick, props.page);
};
return __WEBPACK_IMPORTED_MODULE_1_react___default.a.createElement(
'li',
{
title: props.showTitle ? props.page : null,
className: cls,
onClick: handleClick,
onKeyPress: handleKeyPress,
tabIndex: '0'
},
props.itemRender(props.page, 'page', __WEBPACK_IMPORTED_MODULE_1_react___default.a.createElement(
'a',
null,
props.page
))
);
};
Pager.propTypes = {
page: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.number,
active: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
last: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
locale: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.object,
className: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,
showTitle: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,
rootPrefixCls: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,
onClick: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,
onKeyPress: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,
itemRender: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func
};
/* harmony default export */ __webpack_exports__["a"] = (Pager);
/***/ }),
/***/ 942:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(31);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__KeyCode__ = __webpack_require__(890);
var Options = function (_React$Component) {
__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Options, _React$Component);
function Options() {
var _ref;
var _temp, _this, _ret;
__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, Options);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, (_ref = Options.__proto__ || Object.getPrototypeOf(Options)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
goInputText: ''
}, _this.buildOptionText = function (value) {
return value + ' ' + _this.props.locale.items_per_page;
}, _this.changeSize = function (value) {
_this.props.changeSize(Number(value));
}, _this.handleChange = function (e) {
_this.setState({
goInputText: e.target.value
});
}, _this.handleBlur = function (e) {
var _this$props = _this.props,
goButton = _this$props.goButton,
quickGo = _this$props.quickGo,
rootPrefixCls = _this$props.rootPrefixCls;
if (goButton) {
return;
}
if (e.relatedTarget && (e.relatedTarget.className.indexOf(rootPrefixCls + '-prev') >= 0 || e.relatedTarget.className.indexOf(rootPrefixCls + '-next') >= 0)) {
return;
}
quickGo(_this.getValidValue());
}, _this.go = function (e) {
var goInputText = _this.state.goInputText;
if (goInputText === '') {
return;
}
if (e.keyCode === __WEBPACK_IMPORTED_MODULE_6__KeyCode__["a" /* default */].ENTER || e.type === 'click') {
_this.setState({
goInputText: ''
});
_this.props.quickGo(_this.getValidValue());
}
}, _temp), __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);
}
__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(Options, [{
key: 'getValidValue',
value: function getValidValue() {
var _state = this.state,
goInputText = _state.goInputText,
current = _state.current;
return !goInputText || isNaN(goInputText) ? current : Number(goInputText);
}
}, {
key: 'render',
value: function render() {
var _this2 = this;
var _props = this.props,
pageSize = _props.pageSize,
pageSizeOptions = _props.pageSizeOptions,
locale = _props.locale,
rootPrefixCls = _props.rootPrefixCls,
changeSize = _props.changeSize,
quickGo = _props.quickGo,
goButton = _props.goButton,
selectComponentClass = _props.selectComponentClass,
buildOptionText = _props.buildOptionText,
selectPrefixCls = _props.selectPrefixCls,
disabled = _props.disabled;
var goInputText = this.state.goInputText;
var prefixCls = rootPrefixCls + '-options';
var Select = selectComponentClass;
var changeSelect = null;
var goInput = null;
var gotoButton = null;
if (!changeSize && !quickGo) {
return null;
}
if (changeSize && Select) {
var options = pageSizeOptions.map(function (opt, i) {
return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
Select.Option,
{ key: i, value: opt },
(buildOptionText || _this2.buildOptionText)(opt)
);
});
changeSelect = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
Select,
{
disabled: disabled,
prefixCls: selectPrefixCls,
showSearch: false,
className: prefixCls + '-size-changer',
optionLabelProp: 'children',
dropdownMatchSelectWidth: false,
value: (pageSize || pageSizeOptions[0]).toString(),
onChange: this.changeSize,
getPopupContainer: function getPopupContainer(triggerNode) {
return triggerNode.parentNode;
}
},
options
);
}
if (quickGo) {
if (goButton) {
gotoButton = typeof goButton === 'boolean' ? __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'button',
{
type: 'button',
onClick: this.go,
onKeyUp: this.go,
disabled: disabled
},
locale.jump_to_confirm
) : __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'span',
{
onClick: this.go,
onKeyUp: this.go
},
goButton
);
}
goInput = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'div',
{ className: prefixCls + '-quick-jumper' },
locale.jump_to,
__WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement('input', {
disabled: disabled,
type: 'text',
value: goInputText,
onChange: this.handleChange,
onKeyUp: this.go,
onBlur: this.handleBlur
}),
locale.page,
gotoButton
);
}
return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(
'li',
{ className: '' + prefixCls },
changeSelect,
goInput
);
}
}]);
return Options;
}(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);
Options.propTypes = {
disabled: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,
changeSize: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
quickGo: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
selectComponentClass: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
current: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
pageSizeOptions: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string),
pageSize: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,
buildOptionText: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,
locale: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,
rootPrefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
selectPrefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,
goButton: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.node])
};
Options.defaultProps = {
pageSizeOptions: ['10', '20', '30', '40']
};
/* harmony default export */ __webpack_exports__["a"] = (Options);
/***/ }),
/***/ 943:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony default export */ __webpack_exports__["a"] = ({
// Options.jsx
items_per_page: '条/页',
jump_to: '跳至',
jump_to_confirm: '确定',
page: '页',
// Pagination.jsx
prev_page: '上一页',
next_page: '下一页',
prev_5: '向前 5 页',
next_5: '向后 5 页',
prev_3: '向前 3 页',
next_3: '向后 3 页'
});
/***/ }),
/***/ 944:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var React = _interopRequireWildcard(__webpack_require__(0));
var _select = _interopRequireDefault(__webpack_require__(315));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
var MiniSelect =
/*#__PURE__*/
function (_React$Component) {
_inherits(MiniSelect, _React$Component);
function MiniSelect() {
_classCallCheck(this, MiniSelect);
return _possibleConstructorReturn(this, _getPrototypeOf(MiniSelect).apply(this, arguments));
}
_createClass(MiniSelect, [{
key: "render",
value: function render() {
return React.createElement(_select["default"], _extends({
size: "small"
}, this.props));
}
}]);
return MiniSelect;
}(React.Component);
exports["default"] = MiniSelect;
MiniSelect.Option = _select["default"].Option;
//# sourceMappingURL=MiniSelect.js.map
/***/ }),
/***/ 981:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(9);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(10);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(11);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(0);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(4);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _propTypes = __webpack_require__(1);
var _propTypes2 = _interopRequireDefault(_propTypes);
var _reactLifecyclesCompat = __webpack_require__(7);
var _createChainedFunction = __webpack_require__(1325);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
var _KeyCode = __webpack_require__(923);
var _KeyCode2 = _interopRequireDefault(_KeyCode);
var _placements = __webpack_require__(1326);
var _placements2 = _interopRequireDefault(_placements);
var _rcTrigger = __webpack_require__(89);
var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function noop() {}
function refFn(field, component) {
this[field] = component;
}
var Picker = function (_React$Component) {
(0, _inherits3['default'])(Picker, _React$Component);
function Picker(props) {
(0, _classCallCheck3['default'])(this, Picker);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
_initialiseProps.call(_this);
var open = void 0;
if ('open' in props) {
open = props.open;
} else {
open = props.defaultOpen;
}
var value = props.value || props.defaultValue;
_this.saveCalendarRef = refFn.bind(_this, 'calendarInstance');
_this.state = {
open: open,
value: value
};
return _this;
}
Picker.prototype.componentDidUpdate = function componentDidUpdate(_, prevState) {
if (!prevState.open && this.state.open) {
// setTimeout is for making sure saveCalendarRef happen before focusCalendar
this.focusTimeout = setTimeout(this.focusCalendar, 0, this);
}
};
Picker.prototype.componentWillUnmount = function componentWillUnmount() {
clearTimeout(this.focusTimeout);
};
Picker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {
var newState = {};
var value = nextProps.value,
open = nextProps.open;
if ('value' in nextProps) {
newState.value = value;
}
if (open !== undefined) {
newState.open = open;
}
return newState;
};
Picker.prototype.render = function render() {
var props = this.props;
var prefixCls = props.prefixCls,
placement = props.placement,
style = props.style,
getCalendarContainer = props.getCalendarContainer,
align = props.align,
animation = props.animation,
disabled = props.disabled,
dropdownClassName = props.dropdownClassName,
transitionName = props.transitionName,
children = props.children;
var state = this.state;
return _react2['default'].createElement(
_rcTrigger2['default'],
{
popup: this.getCalendarElement(),
popupAlign: align,
builtinPlacements: _placements2['default'],
popupPlacement: placement,
action: disabled && !state.open ? [] : ['click'],
destroyPopupOnHide: true,
getPopupContainer: getCalendarContainer,
popupStyle: style,
popupAnimation: animation,
popupTransitionName: transitionName,
popupVisible: state.open,
onPopupVisibleChange: this.onVisibleChange,
prefixCls: prefixCls,
popupClassName: dropdownClassName
},
_react2['default'].cloneElement(children(state, props), { onKeyDown: this.onKeyDown })
);
};
return Picker;
}(_react2['default'].Component);
Picker.propTypes = {
animation: _propTypes2['default'].oneOfType([_propTypes2['default'].func, _propTypes2['default'].string]),
disabled: _propTypes2['default'].bool,
transitionName: _propTypes2['default'].string,
onChange: _propTypes2['default'].func,
onOpenChange: _propTypes2['default'].func,
children: _propTypes2['default'].func,
getCalendarContainer: _propTypes2['default'].func,
calendar: _propTypes2['default'].element,
style: _propTypes2['default'].object,
open: _propTypes2['default'].bool,
defaultOpen: _propTypes2['default'].bool,
prefixCls: _propTypes2['default'].string,
placement: _propTypes2['default'].any,
value: _propTypes2['default'].oneOfType([_propTypes2['default'].object, _propTypes2['default'].array]),
defaultValue: _propTypes2['default'].oneOfType([_propTypes2['default'].object, _propTypes2['default'].array]),
align: _propTypes2['default'].object,
dateRender: _propTypes2['default'].func,
onBlur: _propTypes2['default'].func
};
Picker.defaultProps = {
prefixCls: 'rc-calendar-picker',
style: {},
align: {},
placement: 'bottomLeft',
defaultOpen: false,
onChange: noop,
onOpenChange: noop,
onBlur: noop
};
var _initialiseProps = function _initialiseProps() {
var _this2 = this;
this.onCalendarKeyDown = function (event) {
if (event.keyCode === _KeyCode2['default'].ESC) {
event.stopPropagation();
_this2.close(_this2.focus);
}
};
this.onCalendarSelect = function (value) {
var cause = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var props = _this2.props;
if (!('value' in props)) {
_this2.setState({
value: value
});
}
if (cause.source === 'keyboard' || cause.source === 'dateInputSelect' || !props.calendar.props.timePicker && cause.source !== 'dateInput' || cause.source === 'todayButton') {
_this2.close(_this2.focus);
}
props.onChange(value);
};
this.onKeyDown = function (event) {
if (!_this2.state.open && (event.keyCode === _KeyCode2['default'].DOWN || event.keyCode === _KeyCode2['default'].ENTER)) {
_this2.open();
event.preventDefault();
}
};
this.onCalendarOk = function () {
_this2.close(_this2.focus);
};
this.onCalendarClear = function () {
_this2.close(_this2.focus);
};
this.onCalendarBlur = function () {
_this2.setOpen(false);
};
this.onVisibleChange = function (open) {
_this2.setOpen(open);
};
this.getCalendarElement = function () {
var props = _this2.props;
var state = _this2.state;
var calendarProps = props.calendar.props;
var value = state.value;
var defaultValue = value;
var extraProps = {
ref: _this2.saveCalendarRef,
defaultValue: defaultValue || calendarProps.defaultValue,
selectedValue: value,
onKeyDown: _this2.onCalendarKeyDown,
onOk: (0, _createChainedFunction2['default'])(calendarProps.onOk, _this2.onCalendarOk),
onSelect: (0, _createChainedFunction2['default'])(calendarProps.onSelect, _this2.onCalendarSelect),
onClear: (0, _createChainedFunction2['default'])(calendarProps.onClear, _this2.onCalendarClear),
onBlur: (0, _createChainedFunction2['default'])(calendarProps.onBlur, _this2.onCalendarBlur)
};
return _react2['default'].cloneElement(props.calendar, extraProps);
};
this.setOpen = function (open, callback) {
var onOpenChange = _this2.props.onOpenChange;
if (_this2.state.open !== open) {
if (!('open' in _this2.props)) {
_this2.setState({
open: open
}, callback);
}
onOpenChange(open);
}
};
this.open = function (callback) {
_this2.setOpen(true, callback);
};
this.close = function (callback) {
_this2.setOpen(false, callback);
};
this.focus = function () {
if (!_this2.state.open) {
_reactDom2['default'].findDOMNode(_this2).focus();
}
};
this.focusCalendar = function () {
if (_this2.state.open && !!_this2.calendarInstance) {
_this2.calendarInstance.focus();
}
};
};
(0, _reactLifecyclesCompat.polyfill)(Picker);
exports['default'] = Picker;
module.exports = exports['default'];
/***/ })
});