|
|
|
|
webpackJsonp([127],{
|
|
|
|
|
|
|
|
|
|
/***/ 1000:
|
|
|
|
|
/***/ (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__(1143);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* harmony default export */ __webpack_exports__["default"] = (__WEBPACK_IMPORTED_MODULE_0__Calendar__["a" /* default */]);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1001:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony default export */ __webpack_exports__["a"] = ({
|
|
|
|
|
DATE_ROW_COUNT: 6,
|
|
|
|
|
DATE_COL_COUNT: 7
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1002:
|
|
|
|
|
/***/ (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);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1003:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _extends2 = __webpack_require__(26);
|
|
|
|
|
|
|
|
|
|
var _extends3 = _interopRequireDefault(_extends2);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(302);
|
|
|
|
|
|
|
|
|
|
var _KeyCode2 = _interopRequireDefault(_KeyCode);
|
|
|
|
|
|
|
|
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
|
|
|
|
|
|
|
|
|
var _CalendarHeader = __webpack_require__(1004);
|
|
|
|
|
|
|
|
|
|
var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
|
|
|
|
|
|
|
|
|
|
var _CalendarFooter = __webpack_require__(1165);
|
|
|
|
|
|
|
|
|
|
var _CalendarFooter2 = _interopRequireDefault(_CalendarFooter);
|
|
|
|
|
|
|
|
|
|
var _CalendarMixin = __webpack_require__(1166);
|
|
|
|
|
|
|
|
|
|
var _CommonMixin = __webpack_require__(1009);
|
|
|
|
|
|
|
|
|
|
var _moment = __webpack_require__(85);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1004:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(1005);
|
|
|
|
|
|
|
|
|
|
var _mapSelf2 = _interopRequireDefault(_mapSelf);
|
|
|
|
|
|
|
|
|
|
var _MonthPanel = __webpack_require__(1161);
|
|
|
|
|
|
|
|
|
|
var _MonthPanel2 = _interopRequireDefault(_MonthPanel);
|
|
|
|
|
|
|
|
|
|
var _YearPanel = __webpack_require__(1163);
|
|
|
|
|
|
|
|
|
|
var _YearPanel2 = _interopRequireDefault(_YearPanel);
|
|
|
|
|
|
|
|
|
|
var _DecadePanel = __webpack_require__(1164);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1005:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
|
|
value: true
|
|
|
|
|
});
|
|
|
|
|
exports.default = mapSelf;
|
|
|
|
|
|
|
|
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
|
|
|
|
|
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
|
|
|
|
|
|
function mirror(o) {
|
|
|
|
|
return o;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function mapSelf(children) {
|
|
|
|
|
// return ReactFragment
|
|
|
|
|
return _react.default.Children.map(children, mirror);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1006:
|
|
|
|
|
/***/ (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__(826);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1007:
|
|
|
|
|
/***/ (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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1008:
|
|
|
|
|
/***/ (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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1009:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
exports.commonMixinWrapper = exports.defaultProp = exports.propType = undefined;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
|
|
|
|
|
|
|
var _propTypes = __webpack_require__(1);
|
|
|
|
|
|
|
|
|
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
|
|
|
|
|
|
|
|
var _en_US = __webpack_require__(321);
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1010:
|
|
|
|
|
/***/ (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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1011:
|
|
|
|
|
/***/ (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__(85));
|
|
|
|
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
|
|
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
|
|
|
|
|
|
|
|
|
var _Header = _interopRequireDefault(__webpack_require__(1171));
|
|
|
|
|
|
|
|
|
|
var _Combobox = _interopRequireDefault(__webpack_require__(1172));
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1012:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
exports["default"] = {
|
|
|
|
|
DATE_ROW_COUNT: 6,
|
|
|
|
|
DATE_COL_COUNT: 7
|
|
|
|
|
};
|
|
|
|
|
module.exports = exports['default'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1013:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _typeof(obj) { 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__(25));
|
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1043:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css__ = __webpack_require__(30);
|
|
|
|
|
/* 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__(31);
|
|
|
|
|
/* 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__(948);
|
|
|
|
|
/* 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__(949);
|
|
|
|
|
/* 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__(294);
|
|
|
|
|
/* 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__(292);
|
|
|
|
|
/* 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__(172);
|
|
|
|
|
/* 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__(85);
|
|
|
|
|
/* 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&¤t<__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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1050:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
|
|
value: true
|
|
|
|
|
});
|
|
|
|
|
exports.PresetColorTypes = void 0;
|
|
|
|
|
|
|
|
|
|
var _type = __webpack_require__(69);
|
|
|
|
|
|
|
|
|
|
// 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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1054:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
__webpack_require__(27);
|
|
|
|
|
|
|
|
|
|
__webpack_require__(1191);
|
|
|
|
|
//# sourceMappingURL=css.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1055:
|
|
|
|
|
/***/ (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__(1193));
|
|
|
|
|
|
|
|
|
|
var _icon = _interopRequireDefault(__webpack_require__(25));
|
|
|
|
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
|
|
|
|
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) { 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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1071:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
__webpack_require__(27);
|
|
|
|
|
|
|
|
|
|
__webpack_require__(1076);
|
|
|
|
|
//# sourceMappingURL=css.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1072:
|
|
|
|
|
/***/ (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__(25));
|
|
|
|
|
|
|
|
|
|
var _CheckableTag = _interopRequireDefault(__webpack_require__(1078));
|
|
|
|
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
|
|
|
|
var _colors = __webpack_require__(1050);
|
|
|
|
|
|
|
|
|
|
var _warning = _interopRequireDefault(__webpack_require__(40));
|
|
|
|
|
|
|
|
|
|
var _wave = _interopRequireDefault(__webpack_require__(319));
|
|
|
|
|
|
|
|
|
|
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) { 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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1076:
|
|
|
|
|
/***/ (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__(1077);
|
|
|
|
|
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__(291)(content, options);
|
|
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1077:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(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/alec/educoder/public/react/node_modules/_antd@3.26.4@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,AACl
|
|
|
|
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1078:
|
|
|
|
|
/***/ (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__(9);
|
|
|
|
|
|
|
|
|
|
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) { 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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1134:
|
|
|
|
|
/***/ (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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1138:
|
|
|
|
|
/***/ (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__(1139);
|
|
|
|
|
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__(291)(content, options);
|
|
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1139:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1140:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
__webpack_require__(27);
|
|
|
|
|
|
|
|
|
|
__webpack_require__(1141);
|
|
|
|
|
//# sourceMappingURL=css.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1141:
|
|
|
|
|
/***/ (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__(1142);
|
|
|
|
|
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__(291)(content, options);
|
|
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1142:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1143:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(26);
|
|
|
|
|
/* 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__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(50);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react_lifecycles_compat__ = __webpack_require__(7);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__date_DateTable__ = __webpack_require__(1144);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__calendar_CalendarHeader__ = __webpack_require__(1147);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__calendar_CalendarFooter__ = __webpack_require__(1152);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__mixin_CalendarMixin__ = __webpack_require__(1156);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__mixin_CommonMixin__ = __webpack_require__(1157);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__date_DateInput__ = __webpack_require__(1159);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__util__ = __webpack_require__(832);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__util_toTime__ = __webpack_require__(1160);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17_moment__ = __webpack_require__(85);
|
|
|
|
|
/* 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)));
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1144:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(1145);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__DateTBody__ = __webpack_require__(1146);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1145:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(1001);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_moment__ = __webpack_require__(85);
|
|
|
|
|
/* 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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1146:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(1001);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__util___ = __webpack_require__(832);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1147:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(1002);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__month_MonthPanel__ = __webpack_require__(1148);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__year_YearPanel__ = __webpack_require__(1150);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__decade_DecadePanel__ = __webpack_require__(1151);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1148:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(1149);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1149:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(832);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1150:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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() {}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1151:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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() {}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1152:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(26);
|
|
|
|
|
/* 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__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(1002);
|
|
|
|
|
/* 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__(1153);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__calendar_OkButton__ = __webpack_require__(1154);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__calendar_TimePickerButton__ = __webpack_require__(1155);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1153:
|
|
|
|
|
/***/ (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__(832);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1154:
|
|
|
|
|
/***/ (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
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1155:
|
|
|
|
|
/***/ (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
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1156:
|
|
|
|
|
/***/ (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__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(85);
|
|
|
|
|
/* 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__(832);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1157:
|
|
|
|
|
/***/ (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__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(1158);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1158:
|
|
|
|
|
/***/ (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'
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1159:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(50);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react_lifecycles_compat__ = __webpack_require__(7);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_moment__ = __webpack_require__(85);
|
|
|
|
|
/* 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__(832);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1160:
|
|
|
|
|
/***/ (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);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1161:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(1162);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1162:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(826);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1163:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1164:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1165:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _extends2 = __webpack_require__(26);
|
|
|
|
|
|
|
|
|
|
var _extends3 = _interopRequireDefault(_extends2);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(1005);
|
|
|
|
|
|
|
|
|
|
var _mapSelf2 = _interopRequireDefault(_mapSelf);
|
|
|
|
|
|
|
|
|
|
var _classnames = __webpack_require__(3);
|
|
|
|
|
|
|
|
|
|
var _classnames2 = _interopRequireDefault(_classnames);
|
|
|
|
|
|
|
|
|
|
var _TodayButton = __webpack_require__(1006);
|
|
|
|
|
|
|
|
|
|
var _TodayButton2 = _interopRequireDefault(_TodayButton);
|
|
|
|
|
|
|
|
|
|
var _OkButton = __webpack_require__(1007);
|
|
|
|
|
|
|
|
|
|
var _OkButton2 = _interopRequireDefault(_OkButton);
|
|
|
|
|
|
|
|
|
|
var _TimePickerButton = __webpack_require__(1008);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1166:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
exports.calendarMixinWrapper = exports.calendarMixinDefaultProps = exports.calendarMixinPropTypes = undefined;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(85);
|
|
|
|
|
|
|
|
|
|
var _moment2 = _interopRequireDefault(_moment);
|
|
|
|
|
|
|
|
|
|
var _index = __webpack_require__(826);
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1167:
|
|
|
|
|
/***/ (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__(85));
|
|
|
|
|
|
|
|
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
|
|
|
|
|
|
|
|
|
var _MonthCalendar = _interopRequireDefault(__webpack_require__(1003));
|
|
|
|
|
|
|
|
|
|
var _Picker = _interopRequireDefault(__webpack_require__(908));
|
|
|
|
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
|
|
|
|
var _omit = _interopRequireDefault(__webpack_require__(43));
|
|
|
|
|
|
|
|
|
|
var _icon = _interopRequireDefault(__webpack_require__(25));
|
|
|
|
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
|
|
|
|
var _warning = _interopRequireDefault(__webpack_require__(40));
|
|
|
|
|
|
|
|
|
|
var _interopDefault = _interopRequireDefault(__webpack_require__(301));
|
|
|
|
|
|
|
|
|
|
var _getDataOrAriaProps = _interopRequireDefault(__webpack_require__(1134));
|
|
|
|
|
|
|
|
|
|
var _utils = __webpack_require__(1010);
|
|
|
|
|
|
|
|
|
|
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) { 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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1168:
|
|
|
|
|
/***/ (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);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1169:
|
|
|
|
|
/***/ (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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1170:
|
|
|
|
|
/***/ (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__(1011));
|
|
|
|
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
|
|
|
|
var moment = _interopRequireWildcard(__webpack_require__(85));
|
|
|
|
|
|
|
|
|
|
var _en_US = _interopRequireDefault(__webpack_require__(180));
|
|
|
|
|
|
|
|
|
|
var _interopDefault = _interopRequireDefault(__webpack_require__(301));
|
|
|
|
|
|
|
|
|
|
var _LocaleReceiver = _interopRequireDefault(__webpack_require__(70));
|
|
|
|
|
|
|
|
|
|
var _timePicker = __webpack_require__(1174);
|
|
|
|
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
|
|
|
|
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) { 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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1171:
|
|
|
|
|
/***/ (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__(85));
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1172:
|
|
|
|
|
/***/ (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__(1173));
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1173:
|
|
|
|
|
/***/ (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__(90));
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1174:
|
|
|
|
|
/***/ (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__(85));
|
|
|
|
|
|
|
|
|
|
var _omit = _interopRequireDefault(__webpack_require__(43));
|
|
|
|
|
|
|
|
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
|
|
|
|
|
|
|
|
|
var _TimePicker = _interopRequireDefault(__webpack_require__(1175));
|
|
|
|
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
|
|
|
|
var _warning = _interopRequireDefault(__webpack_require__(40));
|
|
|
|
|
|
|
|
|
|
var _LocaleReceiver = _interopRequireDefault(__webpack_require__(70));
|
|
|
|
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
|
|
|
|
var _en_US = _interopRequireDefault(__webpack_require__(181));
|
|
|
|
|
|
|
|
|
|
var _interopDefault = _interopRequireDefault(__webpack_require__(301));
|
|
|
|
|
|
|
|
|
|
var _icon = _interopRequireDefault(__webpack_require__(25));
|
|
|
|
|
|
|
|
|
|
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) { 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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1175:
|
|
|
|
|
/***/ (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__(88));
|
|
|
|
|
|
|
|
|
|
var _moment = _interopRequireDefault(__webpack_require__(85));
|
|
|
|
|
|
|
|
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
|
|
|
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
|
|
|
|
var _Panel = _interopRequireDefault(__webpack_require__(1011));
|
|
|
|
|
|
|
|
|
|
var _placements = _interopRequireDefault(__webpack_require__(1176));
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1176:
|
|
|
|
|
/***/ (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;
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1177:
|
|
|
|
|
/***/ (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__(85));
|
|
|
|
|
|
|
|
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
|
|
|
|
|
|
|
|
|
var _RangeCalendar = _interopRequireDefault(__webpack_require__(1178));
|
|
|
|
|
|
|
|
|
|
var _Picker = _interopRequireDefault(__webpack_require__(908));
|
|
|
|
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
|
|
|
|
var _shallowequal = _interopRequireDefault(__webpack_require__(56));
|
|
|
|
|
|
|
|
|
|
var _icon = _interopRequireDefault(__webpack_require__(25));
|
|
|
|
|
|
|
|
|
|
var _tag = _interopRequireDefault(__webpack_require__(1072));
|
|
|
|
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
|
|
|
|
var _warning = _interopRequireDefault(__webpack_require__(40));
|
|
|
|
|
|
|
|
|
|
var _interopDefault = _interopRequireDefault(__webpack_require__(301));
|
|
|
|
|
|
|
|
|
|
var _utils = __webpack_require__(1010);
|
|
|
|
|
|
|
|
|
|
var _InputIcon = _interopRequireDefault(__webpack_require__(1013));
|
|
|
|
|
|
|
|
|
|
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) { 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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1178:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _extends2 = __webpack_require__(26);
|
|
|
|
|
|
|
|
|
|
var _extends3 = _interopRequireDefault(_extends2);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(85);
|
|
|
|
|
|
|
|
|
|
var _moment2 = _interopRequireDefault(_moment);
|
|
|
|
|
|
|
|
|
|
var _classnames2 = __webpack_require__(3);
|
|
|
|
|
|
|
|
|
|
var _classnames3 = _interopRequireDefault(_classnames2);
|
|
|
|
|
|
|
|
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
|
|
|
|
|
|
|
|
|
var _KeyCode = __webpack_require__(302);
|
|
|
|
|
|
|
|
|
|
var _KeyCode2 = _interopRequireDefault(_KeyCode);
|
|
|
|
|
|
|
|
|
|
var _CalendarPart = __webpack_require__(1179);
|
|
|
|
|
|
|
|
|
|
var _CalendarPart2 = _interopRequireDefault(_CalendarPart);
|
|
|
|
|
|
|
|
|
|
var _TodayButton = __webpack_require__(1006);
|
|
|
|
|
|
|
|
|
|
var _TodayButton2 = _interopRequireDefault(_TodayButton);
|
|
|
|
|
|
|
|
|
|
var _OkButton = __webpack_require__(1007);
|
|
|
|
|
|
|
|
|
|
var _OkButton2 = _interopRequireDefault(_OkButton);
|
|
|
|
|
|
|
|
|
|
var _TimePickerButton = __webpack_require__(1008);
|
|
|
|
|
|
|
|
|
|
var _TimePickerButton2 = _interopRequireDefault(_TimePickerButton);
|
|
|
|
|
|
|
|
|
|
var _CommonMixin = __webpack_require__(1009);
|
|
|
|
|
|
|
|
|
|
var _util = __webpack_require__(826);
|
|
|
|
|
|
|
|
|
|
var _toTime = __webpack_require__(1184);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1179:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _extends2 = __webpack_require__(26);
|
|
|
|
|
|
|
|
|
|
var _extends3 = _interopRequireDefault(_extends2);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(1004);
|
|
|
|
|
|
|
|
|
|
var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
|
|
|
|
|
|
|
|
|
|
var _DateTable = __webpack_require__(1180);
|
|
|
|
|
|
|
|
|
|
var _DateTable2 = _interopRequireDefault(_DateTable);
|
|
|
|
|
|
|
|
|
|
var _DateInput = __webpack_require__(1183);
|
|
|
|
|
|
|
|
|
|
var _DateInput2 = _interopRequireDefault(_DateInput);
|
|
|
|
|
|
|
|
|
|
var _index = __webpack_require__(826);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1180:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
|
|
|
|
|
|
|
var _react = __webpack_require__(0);
|
|
|
|
|
|
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
|
|
|
|
|
|
var _DateTHead = __webpack_require__(1181);
|
|
|
|
|
|
|
|
|
|
var _DateTHead2 = _interopRequireDefault(_DateTHead);
|
|
|
|
|
|
|
|
|
|
var _DateTBody = __webpack_require__(1182);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1181:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
|
|
|
|
|
|
|
|
var _react = __webpack_require__(0);
|
|
|
|
|
|
|
|
|
|
var _react2 = _interopRequireDefault(_react);
|
|
|
|
|
|
|
|
|
|
var _DateConstants = __webpack_require__(1012);
|
|
|
|
|
|
|
|
|
|
var _DateConstants2 = _interopRequireDefault(_DateConstants);
|
|
|
|
|
|
|
|
|
|
var _moment = __webpack_require__(85);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1182:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(1012);
|
|
|
|
|
|
|
|
|
|
var _DateConstants2 = _interopRequireDefault(_DateConstants);
|
|
|
|
|
|
|
|
|
|
var _util = __webpack_require__(826);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1183:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(302);
|
|
|
|
|
|
|
|
|
|
var _KeyCode2 = _interopRequireDefault(_KeyCode);
|
|
|
|
|
|
|
|
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
|
|
|
|
|
|
|
|
|
var _moment = __webpack_require__(85);
|
|
|
|
|
|
|
|
|
|
var _moment2 = _interopRequireDefault(_moment);
|
|
|
|
|
|
|
|
|
|
var _util = __webpack_require__(826);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1184:
|
|
|
|
|
/***/ (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);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1185:
|
|
|
|
|
/***/ (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__(85));
|
|
|
|
|
|
|
|
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
|
|
|
|
|
|
|
|
|
var _rcCalendar = _interopRequireDefault(__webpack_require__(1000));
|
|
|
|
|
|
|
|
|
|
var _Picker = _interopRequireDefault(__webpack_require__(908));
|
|
|
|
|
|
|
|
|
|
var _classnames = _interopRequireDefault(__webpack_require__(3));
|
|
|
|
|
|
|
|
|
|
var _icon = _interopRequireDefault(__webpack_require__(25));
|
|
|
|
|
|
|
|
|
|
var _configProvider = __webpack_require__(9);
|
|
|
|
|
|
|
|
|
|
var _interopDefault = _interopRequireDefault(__webpack_require__(301));
|
|
|
|
|
|
|
|
|
|
var _InputIcon = _interopRequireDefault(__webpack_require__(1013));
|
|
|
|
|
|
|
|
|
|
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) { 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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1191:
|
|
|
|
|
/***/ (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__(1192);
|
|
|
|
|
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__(291)(content, options);
|
|
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1192:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1193:
|
|
|
|
|
/***/ (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__(74);
|
|
|
|
|
/* 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__(26);
|
|
|
|
|
/* 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__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(50);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__InputHandler__ = __webpack_require__(1194);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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;
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1194:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(74);
|
|
|
|
|
/* 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__(11);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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__(1195);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1195:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__TouchFeedback__ = __webpack_require__(1196);
|
|
|
|
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__TouchFeedback__["a"]; });
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1196:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(26);
|
|
|
|
|
/* 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__(11);
|
|
|
|
|
/* 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__(44);
|
|
|
|
|
/* 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__(13);
|
|
|
|
|
/* 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__(14);
|
|
|
|
|
/* 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
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1197:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
|
|
// imports
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// module
|
|
|
|
|
exports.push([module.i, ".polllisthover:hover{-webkit-box-shadow:0 2px 6px rgba(51,51,51,.09);box-shadow:0 2px 6px rgba(51,51,51,.09);opacity:1;border-radius:2px}.workList_Item{display:-ms-flexbox;display:flex;background-color:#fff;margin-bottom:20px;padding-top:10px}p span{cursor:default}.mt-5{margin-top:-5px}.bankNav li{float:left;margin-right:20px}.bankNav li:last-child{margin-right:0}.bankNav li.active a{color:#fff!important;background-color:#4cacff}.bankNav li a{display:block;padding:0 10px;height:28px;line-height:28px;background-color:#f5f5f5;border-radius:36px;color:#666!important}.task_menu_ul{width:600px}.task_menu_ul .ant-menu-item,.task_menu_ul .ant-menu-submenu-title{padding:0;margin-right:30px;line-height:68px;font-size:16px}.ant-menu{color:#05101a}.task_menu_ul .ant-menu-horizontal{border-bottom:none}.task_menu_ul .ant-menu-horizontal>.ant-menu-item:hover{border-bottom:2px solid transparent}.task_menu_ul .ant-menu-horizontal>.ant-menu-item-selected{border-bottom:2px solid #4cacff!important}.sourceTag a{display:block;float:left;background-color:#e5f3ff;padding:0 10px;height:24px;line-height:24px;color:#4e7a9b;margin:5px 0 5px 10px}.sourceTag a.active{color:#fff;background-color:#4cacff}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/courses/css/busyWork.css"],"names":[],"mappings":"AACA,qBACE,gDAAoD,AAC5C,wCAA4C,AACpD,UAAW,AACX,iBAAmB,CACpB,AAED,eAEE,oBAAqB,AACrB,aAAc,AACd,sBAAuB,AACvB,mBAAoB,AACpB,gBAAkB,CACnB,AACD,OACE,cAAgB,CACjB,AACD,MAAO,eAAgB,CAAC,AAIxB,YACE,WAAY,AACZ,iBAAmB,CACpB,AACD,uBACE,cAAkB,CACnB,AACD,qBACE,qBAAsB,AACtB,wBAA0B,CAC3B,AACD,cACE,cAAe,AACf,eAAiB,AACjB,YAAa,AACb,iBAAkB,AAClB,yBAA0B,AAC1B,mBAAoB,AACpB,oBAAyB,CAC1B,AAID,cACE,WAAa,CACd,AAED,mEACE,UAAY,AACZ,kBAAmB,AACnB,iBAAkB,AAClB,cAAgB,CACjB,AACD,UACE,aAAe,CAChB,AACD,mCACE,kBAAoB,CACrB,AACD,wDACE,mCAAoC,CACrC,AACD,2DACE,yCAA4C,CAC7C,AAED,aACE,cAAe,AACf,WAAY,AACZ,yBAAyB,AACzB,eAAkB,AAClB,YAAa,AACb,iBAAkB,AAClB,cAAe,AACf,qBAAwB,CACzB,AACD,oBACE,WAAe,wBAAyB,CACzC","file":"busyWork.css","sourcesContent":["\n.polllisthover:hover {\n -webkit-box-shadow: 0px 2px 6px rgba(51,51,51,0.09);\n box-shadow: 0px 2px 6px rgba(51,51,51,0.09);\n opacity: 1;\n border-radius: 2px;\n}\n\n.workList_Item{\n /* padding:20px 30px; */\n display: -ms-flexbox;\n display: flex;\n background-color: #fff;\n margin-bottom: 20px;\n padding-top: 10px;\n}\np span{\n cursor: default;\n}\n.mt-5{ margin-top:-5px;}\n\n\n/* <20><><EFBFBD>ѡ<EFBFBD><D1A1>tab */\n.bankNav li{\n float: left;\n margin-right: 20px;\n}\n.bankNav li:last-child{\n margin-right: 0px;\n}\n.bankNav li.active a{\n color: #fff!important;\n background-color: #4CACFF;\n}\n.bankNav li a{\n display: block;\n padding:0px 10px;\n height: 28px;\n line-height: 28px;\n background-color: #F5F5F5;\n border-radius: 36px;\n color: #666666!important;\n}\n\n\n\n.task_menu_ul{\n width: 600px;\n}\n\n.task_menu_ul .ant-menu-item,.task_menu_ul .ant-menu-submenu-title{\n padding:0px;\n margin-right: 30px;\n line-height: 68px;\n font-size: 16px;\n}\n.ant-menu{\n color: #05101a;\n}\n.task_menu_ul .ant-menu-horizontal{\n border-bottom: none;\n}\n.task_menu_ul .ant-menu-horizontal > .ant-menu-item:hover{\n border-bottom:2px solid transparent;\n}\n.task_menu_ul .ant-menu-horizontal > .ant-menu-item-selected{\n border-bottom: 2px solid #4CACFF !important;\n}\n\n.sourceTag a{\n display: block;\n float: left;\n background-color:#E5F3FF;\n padding: 0px 10px;\n height: 24px;\n line-height: 24px;\n color: #4E7A9B;\n margin:5px 0px 5px 10px;\n}\n.sourceTag a.active{\n color: #FFFFFF;background-color:#4CACFF; \n}\n\n"],"sourceRoot":""}]);
|
|
|
|
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1259:
|
|
|
|
|
/***/ (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__(1279);
|
|
|
|
|
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__(291)(content, options);
|
|
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1268:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css__ = __webpack_require__(30);
|
|
|
|
|
/* 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__(31);
|
|
|
|
|
/* 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_
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1272:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css__ = __webpack_require__(30);
|
|
|
|
|
/* 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__(31);
|
|
|
|
|
/* 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__(948);
|
|
|
|
|
/* 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__(949);
|
|
|
|
|
/* 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__(294);
|
|
|
|
|
/* 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__(292);
|
|
|
|
|
/* 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__(172);
|
|
|
|
|
/* 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__(85);
|
|
|
|
|
/* 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&¤t<__WEBPACK_IMPORTED_MODULE_9_moment___default()().endOf('day').subtract(1,'days');}var OneSelfOrderModal=function(_Component){_inherits(OneSelfOrderModal,_Component);function OneSelfOrderModal(props){_classCallCheck(this,OneSelfOrderModal);var _this=_possibleConstructorReturn(this,(OneSelfOrderModal.__proto__||Object.getPrototypeOf(OneSelfOrderModal)).call(this,props));_this.componentDidUpdate=function(prevProps){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;});var newarr=[];var course_groups=_this.props.course_groups;course_groups.map(function(item,key){if(item.end_time===null){item.end_time=__WEBPACK_IMPORTED_MODULE_9_moment___default()(__WEBPACK_IMPORTED_MODULE_9_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(_this.props.staytime)).add(1,'week')).format("YYYY-MM-DD HH:mm");newarr.push(item);}else{newarr.push(item);}});_this.setState({course_groups:newarr});_this.shixunhomeworkedit(arr);}}if(prevProps.starttimes!=_this.props.starttimes){if(_this.props.starttimes===undefined||_this.props.starttimes===""||_this.props.starttimes===null){if(_this.props.starttimesend===undefined){_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.staytime)).add(1,'week')).format("YYYY-MM-DD HH:mm")});}else{_this.setState({endtime:__WEBPACK_IMPORTED_MODULE_9_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(_this.props.starttimesend)).format("YYYY-MM-DD HH:mm")});}}else{if(_this.props.starttimesend===undefined){_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.staytime)).add(1,'week')).format("YYYY-MM-DD HH:mm")});}else{_this.setState({endtime:__WEBPACK_IMPORTED_MODULE_9_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(_this.props.starttimesend)).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.onChangeTimeendlist=function(date,dateString,id){var _this$state=_this.state,course_groups=_this$state.course_groups,endtimetypeid=_this$state.endtimetypeid;if(endtimetypeid===id){if(date!=null){_this.setState({endtimetypeid:undefined});}if(__WEBPACK_IMPORTED_MODULE_9_moment___default()(dateString,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_9_moment___default()(_this.props.starttime,"YYYY-MM-DD HH:mm")){}else{if(date!=null){_this.setState({endtimetypeid:undefined});}}}var arr=course_groups;arr.map(function(item,key){if(item.id===id){item.end_time=date===null?"":__WEBPACK_IMPORTED_MODULE_9_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(dateString)).format('YYYY-MM-DD HH:mm');}});_this.setState({course_groups:arr});};_this.propsSaves=function(ds,endtime){var course_groups=_this.state.course_groups;if(_this.props.typs=="end"){_this.props.Saves();}else{if(_this.props.typs!="end"){if(!endtime){_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.starttime,"YYYY-MM-DD HH:mm")){_this.setState({endtimetype:true,endtimetypevalue:"必须晚于当前时间"});return;}}var type=false;if(course_groups===undefined||course_groups.length===0){_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"));}else{var arr=[];ds.map(function(item,key){course_groups.map(function(items,key){if(item===items.id){if(!items.end_time){type=true;_this.setState({endtimetype:true,endtimetypeid:items.id,endtimetypevalue:"截止时间不能为空"});return;// arr.push(moment(moment(handleDateString(this.props.staytime)).add(1, 'week')).format("YYYY-MM-DD HH:mm"))
|
|
|
|
|
}else{if(__WEBPACK_IMPORTED_MODULE_9_moment___default()(items.end_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_9_moment___default()(_this.props.starttime,"YYYY-MM-DD HH:mm")){_this.setState({endtimetype:true,endtimetypevalue:"必须晚于当前时间"});return;}arr.push(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(items.end_time));}}});});if(type===false){_this.props.Saves(ds,arr);}}}};_this.Checkboxtype=function(e){var course_groups=_this.state.course_groups;var arr=[];if(e.target.checked==true){course_groups.map(function(item,key){arr.push(item.id);});}else{arr=[];}_this.setState({Checkboxtype:e.target.checked,group_ids:arr});};_this.state={group_ids:[],endtime:"",course_groups:undefined,Checkboxtype:true};return _this;}_createClass(OneSelfOrderModal,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;if(this.props.course_groups!=undefined&&this.props.course_groups.length!=0){if(this.props.course_groups!=undefined){var arr=this.props.course_groups.map(function(item){return item.id;});var newarr=[];var course_groups=this.props.course_groups;course_groups.map(function(item,key){if(item.end_time===null){// if(this.props.starttimesend===undefined){
|
|
|
|
|
// item.end_time = moment(moment(handleDateString(this.props.staytime)).add(1, 'week')).format("YYYY-MM-DD HH:mm");
|
|
|
|
|
// }else{
|
|
|
|
|
// item.end_time = moment(handleDateString(this.props.starttimesend)).format("YYYY-MM-DD HH:mm");
|
|
|
|
|
// }
|
|
|
|
|
item.end_time=__WEBPACK_IMPORTED_MODULE_9_moment___default()(__WEBPACK_IMPORTED_MODULE_9_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(_this2.props.staytime)).add(1,'week')).format("YYYY-MM-DD HH:mm");newarr.push(item);}else{newarr.push(item);}});this.setState({course_groups:newarr});this.shixunhomeworkedit(arr);}}if(this.props.starttimes===undefined||this.props.starttimes===""||this.props.starttimes===null){if(this.props.starttimesend===undefined){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.staytime)).add(1,'week')).format("YYYY-MM-DD HH:mm")});}else{this.setState({endtime:__WEBPACK_IMPORTED_MODULE_9_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(this.props.starttimesend)).format("YYYY-MM-DD HH:mm")});}}else{if(this.props.starttimesend===undefined){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.staytime)).add(1,'week')).format("YYYY-MM-DD HH:mm")});}else{this.setState({endtime:__WEBPACK_IMPORTED_MODULE_9_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_7_educoder__["T" /* handleDateString */])(this.props.starttimesend)).format("YYYY-MM-DD HH:mm")});}}}//勾选实训
|
|
|
|
|
},{key:"render",value:function render(){var _this3=this;var _state=this.state,group_ids=_state.group_ids,endtime=_state.endtime,course_groups=_state.course_groups;// console.log(this.props.modaltype)
|
|
|
|
|
var course_groupstype=course_groups===undefined||course_groups.length===0;// TODO course_groups为空时的处理
|
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",null,__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("style",null,"\n\t\t\t\t\t.ant-input, .ant-input .ant-input-suffix{\n\t\t\t\t\t\t\tbackground-color: #fff !important;\n\t\t\t\t\t}\n\t\t\t\t\t.width300{\n\t\t\t\t\t width:300px;\n display: inline-block;\n\t\t\t\t\t}\n\t\t\t\t\t"),this.props.OneSelftype===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.OneSelftype===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.OneSelftype,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))),this.props.starttime===undefined||this.props.starttime===""?"":__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("p",{className:"task-popup-text-center font-16 mt20 mb10"},this.props.modaltype===undefined||this.props.modaltype===2?__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":""})):""),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("style",null,"\n .HomeworkModal .ant-checkbox-wrapper {\n margin-top: 0px;\n float: left;\n }\n\n \t .upload_select_box li:hover {\n\t\t\t\t\t\t\t\t\t\tbackground: transparent;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.F4FAFF{\n\t\t\t\t\t\t\t\t\tbackground: #F4FAFF;\n\t\t\t\t\t\t\t\t\t}\n "),this.props.modaltype===undefined||this.props.modaltype===2||this.props.usingCheckBeforePost?"":__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{className:"clearfix edu-txt-center lineh-40 F4FAFF"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("li",{style:{width:'100%',padding:"0px 10px"},className:"mb10"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("span",{style:{"float":"left","color":"#0
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1279:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
|
|
// imports
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// module
|
|
|
|
|
exports.push([module.i, ".courseForm .formBlock{padding:20px 30px 30px;border-bottom:1px solid #ededed;margin-bottom:0;background:#fff}.courseForm .noBorder{border-bottom:none}.edu-class-container{width:1200px;margin:10px auto 20px}.courseForm .ant-form-item-label{margin-left:-10px}.courseForm .notRequired .ant-form-item-label{margin-left:0}.courseForm .ant-input:focus{border-color:#40a9ff}@media (min-width:576px){.courseForm .ant-col-sm-24{text-align:left}}.ant-form-item-control-wrapper.ant-col-xs-24.ant-col-sm-24{margin-left:2px}.errorInline.ant-form-item{margin-bottom:8px}.errorInline .ant-form-item-children input{width:auto}.errorInline .ant-form-explain{display:inline;margin-left:10px}.setemailposition{position:absolute;right:40px;top:10px}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/courses/common/formCommon.css"],"names":[],"mappings":"AAAA,uBACE,uBAA6B,AAC7B,gCAAiC,AACjC,gBAAmB,AACnB,eAAiB,CAClB,AACD,sBACE,kBAAoB,CACrB,AAGD,qBACE,aAAc,AACd,qBAAuB,CACxB,AAGD,iCACE,iBAAmB,CACpB,AACD,8CACE,aAAiB,CAClB,AAID,6BACE,oBAAsB,CACvB,AACD,yBACE,2BACE,eAAiB,CAClB,CACF,AACD,2DACE,eAAiB,CAClB,AAID,2BACE,iBAAmB,CACpB,AAED,2CACE,UAAW,CACZ,AACD,+BACE,eAAgB,AAChB,gBAAkB,CACnB,AAGD,kBACI,kBAAmB,AACnB,WAAY,AACZ,QAAU,CACb","file":"formCommon.css","sourcesContent":[".courseForm .formBlock {\r\n padding: 20px 30px 30px 30px;\r\n border-bottom: 1px solid #EDEDED;\r\n margin-bottom: 0px;\r\n background: #fff;\r\n}\r\n.courseForm .noBorder {\r\n border-bottom: none;\r\n}\r\n\r\n/* common */\r\n.edu-class-container {\r\n width: 1200px;\r\n margin: 10px auto 20px;\r\n}\r\n\r\n/* 小红点 */\r\n.courseForm .ant-form-item-label {\r\n margin-left: -10px;\r\n}\r\n.courseForm .notRequired .ant-form-item-label {\r\n margin-left: 0px;\r\n}\r\n\r\n\r\n/* 不知道被哪个样式影响,这里需要重置 */\r\n.courseForm .ant-input:focus {\r\n border-color: #40a9ff;\r\n}\r\n@media (min-width: 576px) {\r\n .courseForm .ant-col-sm-24 {\r\n text-align: left;\r\n }\r\n}\r\n.ant-form-item-control-wrapper.ant-col-xs-24.ant-col-sm-24 {\r\n margin-left: 2px;\r\n}\r\n\r\n\r\n/* errorInline ----------- */\r\n.errorInline.ant-form-item {\r\n margin-bottom: 8px;\r\n}\r\n/* 这里需要指定form组件的宽度 style={{ width: 270 }} */ \r\n.errorInline .ant-form-item-children input {\r\n width: auto\r\n}\r\n.errorInline .ant-form-explain {\r\n display: inline;\r\n margin-left: 10px;\r\n}\r\n/* errorInline ----------- */\r\n\r\n.setemailposition{\r\n position: absolute;\r\n right: 40px;\r\n top: 10px;\r\n}"],"sourceRoot":""}]);
|
|
|
|
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1283:
|
|
|
|
|
/***/ (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__(1336);
|
|
|
|
|
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__(291)(content, options);
|
|
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1336:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
|
|
// imports
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// module
|
|
|
|
|
exports.push([module.i, ".ant-form{color:#05101a}.ant-checkbox-disabled+span,.ant-radio-disabled+span{color:#666!important;cursor:default}.ant-radio-wrapper{color:#666!important}.ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-left:0!important}.ant-select-selection,.ant-select-selection-selected-value{min-height:40px;min-line-height:40px}.ml61{margin-left:61px}.w64{width:64px}.w55{width:55px!important}.max1010{width:1010px!important;max-width:1010px!important}.yw18{min-width:18px}.chooseAnswer{display:inline-block;width:68px;text-align:center;height:24px;line-height:24px;background:#ededed;color:#666;margin-left:10px;border-radius:12px}.problemShow{padding:30px;border-bottom:1px solid #eee}.problemShow:last-child{border-bottom:none}.invite-tipysls{position:absolute;top:-8px;right:140px;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;width:170px;text-align:center;border-radius:2px;background-color:rgba(5,16,26,.6)}.yslinvitetip{display:block;right:-16px}.right-black-trangle,.yslinvitetip{border-width:8px;position:absolute;top:10px;border-style:dashed solid dashed dashed;border-color:transparent transparent transparent rgba(5,16,26,.6);font-size:0;line-height:0}.right-black-trangle{left:-16px}.right-black-trangles{top:10px;left:-16px;border-color:transparent rgba(5,16,26,.6) transparent transparent}.right-black-trangles,.top-black-trangle{border-width:8px;position:absolute;border-style:dashed solid dashed dashed;font-size:0;line-height:0}.top-black-trangle{top:-16px;right:4px;border-color:transparent transparent rgba(5,16,26,.6)}.invite-tipysl{color:#999;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;border-radius:2px;font-size:14px}.edu-position-hideysl li a:hover{background:#f1f1f1;color:#05101a}.to-back-left{width:0;height:0;margin-top:27px;border-right:15px solid #fafafa;border-top:10px solid transparent;border-bottom:10px solid transparent}.unlimit{height:24px;line-height:24px;padding:0 10px;border-radius:12px;cursor:pointer;border:1px solid #cdcdcd;color:#666}.unlimit.active{background-color:#4cacff;border:1px solid #4cacff;color:#fff}.edu-table tbody tr:last-child td,.edu-table thead th{border-bottom:none!important}.edu-table tbody tr:hover td{background-color:#fff!important}.countList p.countHeader{background-color:#f8f8f8;color:#666;height:38px;font-size:16px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-webkit-flex}.countList p.countHeader ul{width:100%;padding:0 30px}.countList div.countBody span,.countList p.countHeader span{float:left}.countList div.countBody{margin:0 30px;border-bottom:1px solid #ebebeb;padding:12px 0}.countList div.countBody:last-child{border-bottom:none}.countList div.countBody span:first-child,.countList p.countHeader span:first-child{width:50%;text-align:left}.countList div.countBody span:nth-child(2),.countList p.countHeader span:nth-child(2){width:15%;text-align:center}.countList div.countBody span:nth-child(3),.countList p.countHeader span:nth-child(3){width:35%;text-align:left}.percentForm{width:330px;background:#f5f5f5;position:relative;margin-top:7px}.percentForm,.percentValue{height:11px;border-radius:6px}.percentValue{position:absolute;top:0;left:0;background:#29bd8b}.answerTxt{max-height:500px;background-color:#f2f9ff;width:100%;margin-top:10px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#4c4c4c}.otherTxt{border:none!important;border-bottom:1px solid #eee!important;background:transparent!important;-ms-flex:1 1;flex:1 1;height:20px!important;line-height:20px!important}.otherTxt.ant-input:focus,.otherTxt.ant-input:hover{border:none!important;border-bottom:1px solid #eee!important;background:#f8f8f8!important}.mustAnswer{padding:0 10px;border-radius:15px;height:22px;line-height:22px;background:#eaeaea;color:#999;font-size:14px}.previewList{border-bottom:1px solid #ebebeb}.previewList:last-child{border-bottom:none}.textLine{-ms-flex:1 1;flex:1 1;height:22px;border-bottom:1px solid #ebebeb}.answerList{margin-bottom:20px}.answerList,.answerList li{-webkit-box-sizing:borde
|
|
|
|
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1371:
|
|
|
|
|
/***/ (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__(1542);
|
|
|
|
|
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__(291)(content, options);
|
|
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1507:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
//! moment.js locale configuration
|
|
|
|
|
|
|
|
|
|
;(function (global, factory) {
|
|
|
|
|
true ? factory(__webpack_require__(85)) :
|
|
|
|
|
typeof define === 'function' && define.amd ? define(['../moment'], factory) :
|
|
|
|
|
factory(global.moment)
|
|
|
|
|
}(this, (function (moment) { 'use strict';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var zhCn = moment.defineLocale('zh-cn', {
|
|
|
|
|
months : '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
|
|
|
|
|
monthsShort : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
|
|
|
|
|
weekdays : '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
|
|
|
|
|
weekdaysShort : '周日_周一_周二_周三_周四_周五_周六'.split('_'),
|
|
|
|
|
weekdaysMin : '日_一_二_三_四_五_六'.split('_'),
|
|
|
|
|
longDateFormat : {
|
|
|
|
|
LT : 'HH:mm',
|
|
|
|
|
LTS : 'HH:mm:ss',
|
|
|
|
|
L : 'YYYY/MM/DD',
|
|
|
|
|
LL : 'YYYY年M月D日',
|
|
|
|
|
LLL : 'YYYY年M月D日Ah点mm分',
|
|
|
|
|
LLLL : 'YYYY年M月D日ddddAh点mm分',
|
|
|
|
|
l : 'YYYY/M/D',
|
|
|
|
|
ll : 'YYYY年M月D日',
|
|
|
|
|
lll : 'YYYY年M月D日 HH:mm',
|
|
|
|
|
llll : 'YYYY年M月D日dddd HH:mm'
|
|
|
|
|
},
|
|
|
|
|
meridiemParse: /凌晨|早上|上午|中午|下午|晚上/,
|
|
|
|
|
meridiemHour: function (hour, meridiem) {
|
|
|
|
|
if (hour === 12) {
|
|
|
|
|
hour = 0;
|
|
|
|
|
}
|
|
|
|
|
if (meridiem === '凌晨' || meridiem === '早上' ||
|
|
|
|
|
meridiem === '上午') {
|
|
|
|
|
return hour;
|
|
|
|
|
} else if (meridiem === '下午' || meridiem === '晚上') {
|
|
|
|
|
return hour + 12;
|
|
|
|
|
} else {
|
|
|
|
|
// '中午'
|
|
|
|
|
return hour >= 11 ? hour : hour + 12;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
meridiem : function (hour, minute, isLower) {
|
|
|
|
|
var hm = hour * 100 + minute;
|
|
|
|
|
if (hm < 600) {
|
|
|
|
|
return '凌晨';
|
|
|
|
|
} else if (hm < 900) {
|
|
|
|
|
return '早上';
|
|
|
|
|
} else if (hm < 1130) {
|
|
|
|
|
return '上午';
|
|
|
|
|
} else if (hm < 1230) {
|
|
|
|
|
return '中午';
|
|
|
|
|
} else if (hm < 1800) {
|
|
|
|
|
return '下午';
|
|
|
|
|
} else {
|
|
|
|
|
return '晚上';
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
calendar : {
|
|
|
|
|
sameDay : '[今天]LT',
|
|
|
|
|
nextDay : '[明天]LT',
|
|
|
|
|
nextWeek : '[下]ddddLT',
|
|
|
|
|
lastDay : '[昨天]LT',
|
|
|
|
|
lastWeek : '[上]ddddLT',
|
|
|
|
|
sameElse : 'L'
|
|
|
|
|
},
|
|
|
|
|
dayOfMonthOrdinalParse: /\d{1,2}(日|月|周)/,
|
|
|
|
|
ordinal : function (number, period) {
|
|
|
|
|
switch (period) {
|
|
|
|
|
case 'd':
|
|
|
|
|
case 'D':
|
|
|
|
|
case 'DDD':
|
|
|
|
|
return number + '日';
|
|
|
|
|
case 'M':
|
|
|
|
|
return number + '月';
|
|
|
|
|
case 'w':
|
|
|
|
|
case 'W':
|
|
|
|
|
return number + '周';
|
|
|
|
|
default:
|
|
|
|
|
return number;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
relativeTime : {
|
|
|
|
|
future : '%s内',
|
|
|
|
|
past : '%s前',
|
|
|
|
|
s : '几秒',
|
|
|
|
|
ss : '%d 秒',
|
|
|
|
|
m : '1 分钟',
|
|
|
|
|
mm : '%d 分钟',
|
|
|
|
|
h : '1 小时',
|
|
|
|
|
hh : '%d 小时',
|
|
|
|
|
d : '1 天',
|
|
|
|
|
dd : '%d 天',
|
|
|
|
|
M : '1 个月',
|
|
|
|
|
MM : '%d 个月',
|
|
|
|
|
y : '1 年',
|
|
|
|
|
yy : '%d 年'
|
|
|
|
|
},
|
|
|
|
|
week : {
|
|
|
|
|
// GB/T 7408-1994《数据元和交换格式·信息交换·日期和时间表示法》与ISO 8601:1988等效
|
|
|
|
|
dow : 1, // Monday is the first day of the week.
|
|
|
|
|
doy : 4 // The week that contains Jan 4th is the first week of the year.
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return zhCn;
|
|
|
|
|
|
|
|
|
|
})));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1542:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
exports = module.exports = __webpack_require__(290)(true);
|
|
|
|
|
// imports
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// module
|
|
|
|
|
exports.push([module.i, ".ant-checkbox-group>div .boardsList{padding:10px 0 20px!important}.ant-checkbox-group>div:first-child .boardsList{border-top:none}.boardsList .contentSection{-ms-flex:1 1;flex:1 1;margin-left:15px}.ant-select-selection--single,.ant-select-selection__rendered{height:40px;line-height:40px}.ant-input:focus+.ant-input-group-addon{background-color:#fff!important}.ant-input-group-addon{color:#666!important;font-size:12px;border:1px solid #d9d9d9!important;border-left:none!important}.courseForm .ant-form-item-label{margin-left:unset}.TopicDetailTable .topHead{background-color:#f5f5f5;height:56px;color:#666;padding:0 30px}.TopicDetailTable .bottomBody li span,.TopicDetailTable .topHead span{display:block;float:left;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;height:56px}.TopicDetailTable .bottomBody{padding:0 30px}.TopicDetailTable .bottomBody li{border-bottom:1px solid #eee;clear:both}.TopicDetailTable .bottomBody li:last-child{border-bottom:none}.maxnamewidth100,.maxnamewidth110{max-width:100px}.maxnamewidth100,.maxnamewidth110,.maxnamewidth200{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;cursor:default}.maxnamewidth200{max-width:200px}.maxnamewidth120{max-width:120px}.maxnamewidth120,.maxnamewidth145{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;cursor:default}.maxnamewidth145{max-width:145px}.ysyslxh{background:#fafafa}.z666{color:#666;font-size:14px}.z000{color:#000;font-size:16px}.pd30bt{padding:10px 30px 0}.bor-reds,.bor-reds input{border:1px solid red!important;border-radius:1px!important;border-top-left-radius:1px!important;border-top-right-radius:1px!important;border-bottom-right-radius:1px!important;border-bottom-left-radius:1px!important}.myslHeight{height:20px;min-height:20px}.maxnamewidth340{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;cursor:default;width:340px;max-width:340px}", "", {"version":3,"sources":["/Users/alec/educoder/public/react/src/modules/courses/shixunHomework/style.css"],"names":[],"mappings":"AAAA,oCAEE,6BAAgC,CACjC,AACD,gDACE,eAAiB,CAClB,AACD,4BACE,aAAc,AACV,SAAU,AACd,gBAAkB,CACnB,AAGD,8DACE,YAAa,AACb,gBAAkB,CACnB,AAED,wCACE,+BAAiC,CAClC,AACD,uBACE,qBAAsB,AACtB,eAAgB,AAChB,mCAAoC,AACpC,0BAA4B,CAC7B,AAED,iCACE,iBAAmB,CACpB,AAGD,2BAA2B,yBAA0B,YAAa,WAAe,cAAgB,CAAC,AAClG,sEAAsE,cAAe,WAAY,qBAAsB,uBAAwB,sBAAuB,mBAAoB,qBAAsB,WAAa,CAAC,AAC9N,8BAA8B,cAAgB,CAAC,AAC/C,iCAAiC,6BAA8B,UAAY,CAAC,AAC5E,4CAA4C,kBAAoB,CAAC,AAUjE,kCACE,eAAiB,CAMlB,AAUD,mDAfE,gBAAgB,AAChB,0BAA0B,AACvB,uBAAuB,AAC1B,mBAAmB,AACnB,cAAgB,CAkBjB,AAPD,iBACE,eAAiB,CAMlB,AAUD,iBACI,eAAiB,CAMpB,AACD,kCANI,gBAAgB,AAChB,0BAA0B,AACvB,uBAAuB,AAC1B,mBAAmB,AACnB,cAAgB,CASnB,AAPD,iBACE,eAAiB,CAMlB,AACD,SACE,kBAAoB,CACrB,AAED,MACI,WAAY,AACZ,cAAe,CAClB,AACD,MACI,WAAY,AACZ,cAAe,CAClB,AAED,QACI,mBAA4B,CAC/B,AASD,0BACE,+BAAmC,AACnC,4BAA6B,AAC7B,qCAAsC,AACtC,sCAAuC,AACvC,yCAA0C,AAC1C,uCAAyC,CAC1C,AAED,YACE,YAAa,AACb,eAAiB,CAClB,AAED,iBAEE,gBAAiB,AACjB,0BAA2B,AACxB,uBAAwB,AAC3B,mBAAoB,AACpB,eAAgB,AAChB,YAAa,AACb,eAAiB,CAClB","file":"style.css","sourcesContent":[".ant-checkbox-group > div .boardsList{\n /* border-top: 1px solid #ebebeb; */\n padding:10px 0px 20px!important;\n}\n.ant-checkbox-group > div:first-child .boardsList{\n border-top: none;\n}\n.boardsList .contentSection {\n -ms-flex: 1 1;\n flex: 1 1;\n margin-left: 15px;\n}\n\n\n.ant-select-selection--single,.ant-select-selection__rendered{\n height: 40px;\n line-height: 40px;\n}\n\n.ant-input:focus + .ant-input-group-addon{\n background-color: #fff!important;\n}\n.ant-input-group-addon{\n color: #666!important;\n font-size: 12px;\n border: 1px solid #d9d9d9!important;\n border-left: none!important;\n}\n\n.courseForm .ant-form-item-label{\n margin-left: unset;\n}\n\n/* 毕设选题列表 */\n.TopicDetailTable .topHead{background-color: #F5F5F5;height: 56px;color: #666666;padding:0px 30px}\n.TopicDetailTable .topHead span,.TopicDetailTable .bottomBody li span{display: block;float
|
|
|
|
|
|
|
|
|
|
// exports
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1653:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css__ = __webpack_require__(30);
|
|
|
|
|
/* 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__(31);
|
|
|
|
|
/* 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_spin_style_css__ = __webpack_require__(71);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_antd_lib_spin_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_antd_lib_spin_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_spin__ = __webpack_require__(72);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_spin___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_antd_lib_spin__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_message_style_css__ = __webpack_require__(177);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_message_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_antd_lib_message_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_message__ = __webpack_require__(178);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_message___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_antd_lib_message__);
|
|
|
|
|
/* 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_react_router_dom__ = __webpack_require__(45);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_axios__ = __webpack_require__(12);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_axios__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__modals_Modals__ = __webpack_require__(166);
|
|
|
|
|
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 Startshixuntask=function(_Component){_inherits(Startshixuntask,_Component);function Startshixuntask(props){_classCallCheck(this,Startshixuntask);var _this=_possibleConstructorReturn(this,(Startshixuntask.__proto__||Object.getPrototypeOf(Startshixuntask)).call(this,props));_this.taskoperationId=function(list){_this.setState({startbtn:true});var url=list+".json";__WEBPACK_IMPORTED_MODULE_9_axios___default.a.get(url).then(function(response){if(response.status===200){if(response.data.status===-2){_this.setState({startbtn:false,shixunsreplace:true,hidestartshixunsreplacevalue:response.data.message+".json"});}else if(response.data.status===-1){console.log(response);}else if(response.data.status===-3){_this.setState({shixunsmessage:response.data.message,startshixunCombattype:true,startbtn:false});}else{setTimeout(function(){_this.setState({startbtn:false});},1000);if(response.data.status!=401&&response.data.status!=403){var w=window.open('about:blank');w.location.href="/tasks/"+response.data.game_identifier;}}}}).catch(function(error){_this.setState({startbtn:false});});};_this.hidestartshixunsreplace=function(url){_this.setState({isSpin:true});__WEBPACK_IMPORTED_MODULE_9_axios___default.a.get(url).then(function(response){if(response.status===200){_this.setState({shixunsreplace:false,isSpin:false});__WEBPACK_IMPORTED_MODULE_5_antd_lib_message___default.a.success('重置成功,正在进入实训!');var path="/shixuns/"+response.data.shixun_identifier+"/challenges";_this.props.history.push(path);}}).catch(function(error){_this.setState({startbtn:false,shixunsreplace:false,isSpin:false});});};_this.hidestartshixunCombattype=function(){_this.setState({startshixunCombattype:false});};_this.state={startbtn:false,isSpin:false};return _this;}_createClass(Startshixuntask,[{key:'componentDidMount',value:function componentDidMount(){}},{key:'render',value:function render(){var _this2=this;var _state=this.state,Modalstype=_state.Modalstype,Modalstopval=_state.Modalstopval,Modalsbottomval=_state.Modalsbottomval,cardsModalcancel=_state.cardsModalcancel,cardsModalsavetype=_state.cardsModalsavetype,loadtype=_state.loadtype,shixunsreplace=_state.shixunsreplace,hidestartshixunsreplacevalue=_state.hidestartshixunsreplacevalue,startshixunCombattype=_state.startshixunCombattype,shixunsmessage=_state.shixunsmessage,startbtn=_state.startbtn,isSpin=_state.isSpin;return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement('a',{className:'fr color-blue font-16'},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_10__modals_Modals__["a" /* default */],{modalsType:Modalstype,modalsTopval:Modalstopval,modalsBottomval:Modalsbottomval,modalCancel:cardsModalcancel,modalSave:cardsModalsavetype,loadtype:loadtype}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1662:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_modal_style_css__ = __webpack_require__(30);
|
|
|
|
|
/* 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__(31);
|
|
|
|
|
/* 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_checkbox_style_css__ = __webpack_require__(294);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_antd_lib_checkbox_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_antd_lib_checkbox_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_checkbox__ = __webpack_require__(292);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_checkbox___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_antd_lib_checkbox__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_notification_style_css__ = __webpack_require__(46);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_notification_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_antd_lib_notification_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_notification__ = __webpack_require__(47);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_notification___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_antd_lib_notification__);
|
|
|
|
|
/* 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_axios__ = __webpack_require__(12);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_axios__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_educoder__ = __webpack_require__(5);
|
|
|
|
|
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 ShixunWorkModal=function(_Component){_inherits(ShixunWorkModal,_Component);function ShixunWorkModal(props){_classCallCheck(this,ShixunWorkModal);var _this=_possibleConstructorReturn(this,(ShixunWorkModal.__proto__||Object.getPrototypeOf(ShixunWorkModal)).call(this,props));_this.shixunhomeworkedit=function(checkedValues){var types=false;var group_list=_this.state.group_list;group_list.map(function(item,key){if(item!=undefined){checkedValues.map(function(list,li){if(item.id===list){if(item.works_count<2){_this.props.showNotification("\u6709\u6548\u4F5C\u54C1\u6570\u5C11\u4E8E2\u4E2A\uFF0C\u65E0\u6CD5\u67E5\u91CD");types=true;return;}}});}});if(types===false){if(checkedValues.length===group_list.length){_this.setState({onChangetype:true,group_ids:checkedValues});}else{_this.setState({group_ids:checkedValues,onChangetype:false});}}};_this.contentViewScroll=function(e){//滑动到底判断
|
|
|
|
|
var newscrollTop=parseInt(e.currentTarget.scrollTop);var allclientHeight=e.currentTarget.clientHeight+newscrollTop;if(e.currentTarget.scrollHeight-allclientHeight===0||e.currentTarget.scrollHeight-allclientHeight===1||e.currentTarget.scrollHeight-allclientHeight===-1){var _this$state=_this.state,page=_this$state.page,limit=_this$state.limit,group_list=_this$state.group_list;var newpage=page+1;var newgroup_list=group_list;var url="/homework_commons/"+_this.props.match.params.homeworkid+"/group_list.json";__WEBPACK_IMPORTED_MODULE_7_axios___default.a.get(url,{params:{limit:limit,page:newpage}}).then(function(response){if(response!==null||response!==undefined){if(response.data.group_list.length>0){response.data.group_list.map(function(item,key){newgroup_list.push(item);_this.setState({course_groups:response.data,group_list:newgroup_list,page:newpage});});}if(response.data.ungroup_list===undefined||response.data.ungroup_list===null){}else{newgroup_list.push(response.data.ungroup_list);_this.setState({course_groups:response.data,group_list:newgroup_list,page:newpage});}}}).catch(function(error){console.log(error);});}};_this.onChange=function(e){var group_list=_this.state.group_list;var data=_this.props.data;if(e.target.checked===true){if(data&&data.length===0){var id=[];group_list.forEach(function(item,key){if(item.works_count!=0){id.push(item.id);}});_this.setState({group_ids:id,onChangetype:e.target.checked});}else{var _id=[];group_list.forEach(function(item,key){if(item.works_count!=0){_id.push(item.id);}});_this.setState({group_ids:_id,onChangetype:e.target.checked});}}else{_this.setState({group_ids:[],onChangetype:e.target.checked});}};_this.isSave=function(){var group_ids=_this.state.group_ids;if(group_ids&&group_ids.length===0){_this.props.showNotification("\u8BF7\u5148\u9009\u62E9\u5206\u73ED");return;}// if(group_ids&&group_ids.length < 2){
|
|
|
|
|
// this.props.showNotification(`有效作品数少于2个,无法查重`);
|
|
|
|
|
// return
|
|
|
|
|
// }
|
|
|
|
|
var url="/homework_commons/"+_this.props.match.params.homeworkid+"/homework_code_repeat.json";__WEBPACK_IMPORTED_MODULE_7_axios___default.a.post(url,{group_ids:group_ids}).then(function(response){// console.log(this.props)
|
|
|
|
|
if(response.data.status===0){_this.props.updatas();_this.props.issCancel();// notification.open({
|
|
|
|
|
// message:"提示",
|
|
|
|
|
// description: response.data.message
|
|
|
|
|
// });
|
|
|
|
|
window.location.href="/courses/"+_this.props.match.params.coursesId+"/shixun_homeworks/"+_this.props.match.params.homeworkid+"/student_work?tab=2";}else if(response.data.status===-1){__WEBPACK_IMPORTED_MODULE_5_antd_lib_notification___default.a.open({message:"提示",description:response.data.message});}else if(response.data.status===-2){__WEBPACK_IMPORTED_MODULE_5_antd_lib_notification___default.a.open({message:"提示",description:response.data.message});}else if(response.data.status===-3){__WEBPACK_IMPORTED_MODULE_5_antd_lib_notification___default.a.open({message:"提示",description:response.data.message});}else if(response.data.status===-4){__WEBPACK_IMPORTED_MODULE_5_antd_lib_notification___default.a.open({message:"提示",description:response.data.message});}}).catch(function(error){console.log(error);});};_this.issCancel=function(){_this.props.issCancel();};_this.state={course_groups:undefined,limit:10,page:1,group_ids:undefined,group_list:undefined};return _this;}_createClass(ShixunWorkModal,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;var group_list=this.state.group_list;var url="/homework_commons/"+this.props.match.params.homeworkid+"/group_list.json";__WEBPACK_IMPORTED_MODULE_7_axios___default.a.get(url,{params:{limit:10,page:1}}).then(function(response){if(response.data.group_list===undefined){_this2.setState({course_groups:response.data,group_list:undefined});}else{var newgroup_list=[];response.data.group_list.map(function(item,key){newgroup_list.push(item);});if(response.data.ungroup_list===undefined){}else{newgroup_list.push(response.data.ungroup_list);}_this2.setState({course_groups:response.data,group_list:newgroup_list});}}).catch(function(error){console.log(error);});}//勾选实训
|
|
|
|
|
},{key:"render",value:function render(){var _state=this.state,course_groups=_state.course_groups,group_ids=_state.group_ids,onChangetype=_state.onChangetype,group_list=_state.group_list;// let {data}=this.props;
|
|
|
|
|
// console.log(group_list)
|
|
|
|
|
// console.log(group_list)
|
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",null,__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"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("style",null,"\n .greybackHead{\n padding:0px 30px;\n }\n .fontlefts{text-align: left;}\n "),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("ul",{className:"clearfix edu-txt-center"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("li",{className:"fl paddingleft22 fontlefts",style:{width:'260px'}},"\u5206\u73ED\u540D\u79F0"),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("li",{className:"fl edu-txt-left",style:{width:'117px'}},"\u6709\u6548\u4F5C\u54C1\u6570"),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("li",{className:"fl",style:{width:'100px'}},"\u4E0A\u6B21\u67E5\u91CD\u65F6\u95F4")),course_groups===undefined?"":group_list===undefined||JSON.stringify(group_list)==="[]"?__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{id:"forum_list",className:"forum_table"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{className:" edu-back-white"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{className:"edu-tab-con-box clearfix edu-txt-center"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("img",{className:"edu-nodata-img mb20",src:Object(__WEBPACK_IMPORTED_MODULE_8_educoder__["M" /* getImageUrl */])("images/educoder/nodata.png")}),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("p",{className:"edu-nodata-p mb30"},"\u6682\u65F6\u8FD8\u6CA1\u6709\u76F8\u5173\u6570\u636E\u54E6\uFF01")))):__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("ul",{className:"upload_select_box fl clearfix mt10 mb10",style:{"overflow-y":"auto"},id:"search_not_members_list",onScroll:this.contentViewScroll},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_antd_lib_checkbox___default.a.Group,{style:{width:'100%'},onChange:this.shixunhomeworkedit,value:group_ids},group_list===undefined||JSON.stringify(group_list)==="[]"?"":group_list&&group_list.length===0?"":group_list.map(function(item,key){return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{className:"clearfix edu-txt-center lineh-40 bor-bottom-greyE",key:key},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("li",{className:"fl task-hide",style:{width:'240px',paddingLeft:'10px'}},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_antd_lib_checkbox___default.a,{className:"fl task-hide edu-txt-left",name:"shixun_homework[]",value:item===undefined?"":item.id,key:item===undefined?"":item.id},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("label",{style:{"textAlign":"left","color":"#05101A"},className:"task-hide color-grey-name",title:item===undefined?"":item.name},item===undefined?"":item.name))),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("li",{className:"fl",style:{width:'100px'}},item===undefined?"":item.works_count===undefined?item.work_count:item.works_count),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("li",{className:"fl",style:{width:'160px'}},item===undefined?"":item.last_review_time));}))),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{className:"clearfix"},__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_antd_lib_checkbox___default.a,{checked:onChangetype,onChange:this.onChange,className:"ml10"},onChangetype===true?"清除":"全选")),__WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement("div",{className:"clearfix mt30 edu-txt-center mb10"},__WEBPACK_IMPORTED_MODULE_6_react___defaul
|
|
|
|
|
//
|
|
|
|
|
// <div className="clearfix edu-txt-center lineh-40 bor-bottom-greyE">
|
|
|
|
|
// <li className="fl task-hide" style={{width: '240px'}}>
|
|
|
|
|
// <Checkbox
|
|
|
|
|
// className="fl task-hide edu-txt-left"
|
|
|
|
|
// name="shixun_homework[]"
|
|
|
|
|
// value={course_groups.ungroup_list.id}
|
|
|
|
|
// >
|
|
|
|
|
// <label style={{"textAlign": "left", "color": "#05101A"}}
|
|
|
|
|
// className="task-hide color-grey-name" title="frerere">{course_groups.ungroup_list.name}</label>
|
|
|
|
|
// </Checkbox>
|
|
|
|
|
// </li>
|
|
|
|
|
// <li className="fl" style={{width: '100px'}}>
|
|
|
|
|
// {course_groups.ungroup_list.work_count}
|
|
|
|
|
// </li>
|
|
|
|
|
// <li className="fl" style={{width: '160px'}}>
|
|
|
|
|
// {course_groups.ungroup_list.last_review_time}
|
|
|
|
|
// </li>
|
|
|
|
|
// </div>
|
|
|
|
|
//
|
|
|
|
|
// :
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 1732:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css__ = __webpack_require__(165);
|
|
|
|
|
/* 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__(164);
|
|
|
|
|
/* 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_antd_lib_date_picker_style_css__ = __webpack_require__(948);
|
|
|
|
|
/* 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__(949);
|
|
|
|
|
/* 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_select_style_css__ = __webpack_require__(298);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_select_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_antd_lib_select_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_select__ = __webpack_require__(293);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_select___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_antd_lib_select__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_antd_lib_input_style_css__ = __webpack_require__(67);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_antd_lib_input_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_antd_lib_input_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_antd_lib_input__ = __webpack_require__(68);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_antd_lib_input___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_antd_lib_input__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react__ = __webpack_require__(0);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_react__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_educoder__ = __webpack_require__(5);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__css_members_css__ = __webpack_require__(305);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__css_members_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10__css_members_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__css_busyWork_css__ = __webpack_require__(937);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__css_busyWork_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11__css_busyWork_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__pollStyle_css__ = __webpack_require__(1283);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__pollStyle_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_12__pollStyle_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_moment__ = __webpack_require__(85);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_13_moment__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_antd_lib_date_picker_locale_zh_CN__ = __webpack_require__(172);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_antd_lib_date_picker_locale_zh_CN___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_14_antd_lib_date_picker_locale_zh_CN__);
|
|
|
|
|
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 Search=__WEBPACK_IMPORTED_MODULE_7_antd_lib_input___default.a.Search;var Option=__WEBPACK_IMPORTED_MODULE_5_antd_lib_select___default.a.Option;var dataformat="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{disabledMinutes:function disabledMinutes(){return range(1,30).concat(range(31,60));}// disabledSeconds: () => range(1,60)
|
|
|
|
|
};}function disabledDate(current){return current&¤t<__WEBPACK_IMPORTED_MODULE_13_moment___default()().endOf('day').subtract(1,'days');}var PollDetailTabForthRules=function(_Component){_inherits(PollDetailTabForthRules,_Component);function PollDetailTabForthRules(props){_classCallCheck(this,PollDetailTabForthRules);var _this=_possibleConstructorReturn(this,(PollDetailTabForthRules.__proto__||Object.getPrototypeOf(PollDetailTabForthRules)).call(this,props));_initialiseProps.call(_this);var list=[{course_group_id:[],course_group_name:[],publish_time:undefined,end_time:undefined,publish_flag:"",end_flag:"",class_flag:"",course_search:"",poll_status:0,p_timeflag:false,e_timeflag:false}];_this.state={rules:_this.props.rules&&_this.props.rules.length==0?list:_this.props.rules,course_group:_this.props.course_group,selectedCourse:[],flagPageEdit:_this.props.flagPageEdit};return _this;}_createClass(PollDetailTabForthRules,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(JSON.stringify(this.props.rules)!=JSON.stringify(prevProps.rules)){this.setState({rules:this.props.rules});this.unitChoose(this.props.rules);}if(this.props.flagPageEdit!=prevProps.flagPageEdit){this.setState({flagPageEdit:this.props.flagPageEdit});}}// 添加发布规则
|
|
|
|
|
//删除发布规则
|
|
|
|
|
//修改发布规则里面的结束时间
|
|
|
|
|
//修改发布规则里面的发布时间
|
|
|
|
|
// changeOpen=(e,index)=>{
|
|
|
|
|
// let arr=Object.assign({}, this.state.rules[parseInt(index)]);
|
|
|
|
|
// arr.open= true;
|
|
|
|
|
// let rules=this.state.rules;
|
|
|
|
|
// rules[index]=arr;
|
|
|
|
|
// this.setState({
|
|
|
|
|
// rules
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
// changeClose=(e,index)=>{
|
|
|
|
|
// let arr=Object.assign({}, this.state.rules[parseInt(index)]);
|
|
|
|
|
// arr.open= false;
|
|
|
|
|
// let rules=this.state.rules;
|
|
|
|
|
// rules[index]=arr;
|
|
|
|
|
// this.setState({
|
|
|
|
|
// rules
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
// 选择分班
|
|
|
|
|
//整合所有已经选择了的course_group_id
|
|
|
|
|
// 输入搜索分班
|
|
|
|
|
//搜索
|
|
|
|
|
},{key:"render",value:function render(){var _this2=this;var _state=this.state,rules=_state.rules,course_group=_state.course_group,flagPageEdit=_state.flagPageEdit;var isAdmin=this.props.isAdmin();return __WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("div",{className:"bor-top-greyE pt20"},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("p",{className:"clearfix mb10"},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("span",{className:"fl with40 pr20"},"\xA0"),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("span",{className:"fl pr20 color-grey-c with25"},"(\u5B66\u751F\u6536\u5230",this.props.moduleName||(this.props.type==="Exercise"?"试卷":"问卷"),"\u7684\u65F6\u95F4)"),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("span",{className:"fl color-grey-c"},"(",this.props.moduleName=='作业'?'学生“按时”提交作品的时间截点':'学生可以答题的时间截点',")")),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("style",null,"\n .setInfo .ant-select-selection--multiple .ant-select-selection__choice__content {\n max-width:280px;\n }\n "),rules&&rules.length>0&&rules.map(function(rule,r){var courseGroup=rule.course_search!=""?course_group.filter(function(item){return item.course_group_name.indexOf(rule.course_search)!=-1;}):course_group;return __WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("div",{className:"clearfix mb5",key:r},flagPageEdit===undefined?"":flagPageEdit===true?__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("style",null,"\n .yskspickersy\n .ant-input, .ant-input .ant-input-suffix{\n background-color: #fff !important;\n }\n\t\t\t\t\t\t\t\t\t \t"):"",__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("div",{className:"with40 fl pr20 df"},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("span",{className:"font-16 pr20 fl mt8"},"\u53D1\u5E03\u89C4\u5219",r+1),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("div",{className:"flex1"},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("style",null,".ant-select{\n min-width:200px,\n }\n "),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_5_antd_lib_select___default.a,{placeholder:"\u8BF7\u9009\u62E9\u5206\u73ED\u540D\u79F0",className:rule.class_flag&&rule.class_flag!=""?"noticeTip setInfo":"setInfo",mode:"multiple",filterOption:function filterOption(input,option){return option.props.children.toLowerCase().indexOf(input.toLowerCase())>=0;},value:rule.course_group_id,onChange:function onChange(value,option){return _this2.changeClasses(value,option,r);},disabled:rule.p_timeflag===undefined?__WEBPACK_IMPORTED_MODULE_13_moment___default()(rule.publish_time,dataformat)<=__WEBPACK_IMPORTED_MODULE_13_moment___default()()?true:!flagPageEdit:rule.e_timeflag===undefined?rule.publish_time===null?false:!flagPageEdit:rule.p_timeflag==true?true:!flagPageEdit},courseGroup&&courseGroup.length>0&&courseGroup.map(function(team,t){return __WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(Option,{value:team.course_group_id,key:t,style:{display:""+(team.course_choosed==0?"":"none")}},team.course_group_name);})),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("p",{className:"color-orange-tip lineh-25 clearfix",style:{height:"25px"}},rule.class_flag&&rule.class_flag!=""?__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("span",{className:"fl color-red"},rule.class_flag):""))),__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement("div",{className:"fl pr20 with25 yskspickersy"},__WEBPACK_IMPORTED_MODULE_8_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_tooltip___default.a,{placement:"bottom",title:rule.p_timeflag===undefined?__WEBPACK_IMPORTED_MODULE_13_moment___default()(rule.publish_time,dataformat)<=__WEBPACK_IMPORTED_MODULE_13_moment
|
|
|
|
|
var arr=Object.assign({},_this3.state.rules[parseInt(index)]);arr.publish_time=date===""?"":__WEBPACK_IMPORTED_MODULE_13_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_9_educoder__["T" /* handleDateString */])(date)).format("YYYY-MM-DD HH:mm");if(!arr.end_time){if(e!=null){arr.end_time=__WEBPACK_IMPORTED_MODULE_13_moment___default()(__WEBPACK_IMPORTED_MODULE_13_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_9_educoder__["T" /* handleDateString */])(date)).add(1,'months')).format("YYYY-MM-DD HH:mm");}}if(date!=""&&date!=undefined&&__WEBPACK_IMPORTED_MODULE_13_moment___default()(date,dataformat)>__WEBPACK_IMPORTED_MODULE_13_moment___default()()){arr.publish_flag="";}var rules=_this3.state.rules;rules[index]=arr;_this3.setState({rules:rules});_this3.props.rulesCheckInfo&&_this3.props.rulesCheckInfo(rules);};this.changeClasses=function(value,option,index){var arr=Object.assign({},_this3.state.rules[parseInt(index)]);arr.course_group_id=value;arr.class_flag="";var rules=_this3.state.rules;rules[index]=arr;//修改选择分班下拉选项(是否被选中)
|
|
|
|
|
//let course_group = this.state.course_group;
|
|
|
|
|
_this3.unitChoose(rules);_this3.setState({rules:rules//course_group:course_group
|
|
|
|
|
});_this3.props.rulesCheckInfo&&_this3.props.rulesCheckInfo(rules);};this.unitChoose=function(rules){var arr=[];if(rules){rules.forEach(function(ele){var Arraytype=Array.isArray(ele.course_group_id);if(Arraytype===true){ele.course_group_id.forEach(function(e){arr.push(e);});}else{arr.push(ele.course_group_id);}});}var course_group=_this3.state.course_group;course_group.forEach(function(ele){if(arr.indexOf(ele.course_group_id)!=-1){ele.course_choosed=1;}else{ele.course_choosed=0;}});_this3.setState({course_group:course_group});};this.fouceThis=function(e){e.preventDefault();};this.inputSearchCourse=function(e,index){_this3.inputSearch(e,index);};this.ActionSearchCourse=function(e,index){_this3.inputSearch(e,index);};this.inputSearch=function(e,index){var arr=Object.assign({},_this3.state.rules[parseInt(index)]);arr.course_search=e.target.value;var rules=_this3.state.rules;rules[index]=arr;_this3.setState({rules:rules});};this.notUnifiedSettingCheck=function(rules){var flag=void 0,flag1=void 0,flag2=true;var myRules=[];if(rules.length==0){myRules=_this3.state.rules.slice(0);}else{myRules=rules;}for(var i=0;i<myRules.length;i++){var arr=Object.assign({},myRules[parseInt(i)]);if(arr.poll_status<2){if(arr.course_group_id===undefined||arr.course_group_id.length==0){arr.class_flag="请选择分班";flag1=false;}else{flag1=true;}if(arr.publish_time===undefined||arr.publish_time===null||arr.publish_time===""){arr.publish_flag="请选择发布时间";flag1=false;}else if(!arr.p_timeflag&&__WEBPACK_IMPORTED_MODULE_13_moment___default()(arr.publish_time,dataformat)<=__WEBPACK_IMPORTED_MODULE_13_moment___default()()){arr.publish_flag="发布时间不能早于当前时间";flag1=false;}if(arr.end_time===undefined||arr.end_time===null||arr.end_time===""){arr.end_flag="请选择截止时间";flag1=false;}else if(!arr.e_timeflag&&__WEBPACK_IMPORTED_MODULE_13_moment___default()(arr.end_time,dataformat)<=__WEBPACK_IMPORTED_MODULE_13_moment___default()()){arr.end_flag="截止时间不能早于当前时间";flag1=false;}else if(!arr.e_timeflag&&__WEBPACK_IMPORTED_MODULE_13_moment___default()(arr.end_time,dataformat)<=__WEBPACK_IMPORTED_MODULE_13_moment___default()(arr.publish_time,dataformat)){arr.end_flag="截止时间不能早于发布时间";flag1=false;}else{flag1=true;}myRules[i]=arr;}}return{validate:flag1,rules:myRules};};this.exerciseSettingCheck=function(rules){var flag=void 0,flag1=void 0,flag2=true;var myRules=[];if(rules.length==0){myRules=_this3.state.rules.slice(0);}else{myRules=rules;}for(var i=0;i<myRules.length;i++){var arr=Object.assign({},_this3.state.rules[parseInt(i)]);if(arr.poll_status<2){if(arr.course_group_id===undefined||arr.course_group_id.length===0){arr.class_flag="请选择分班";flag=false;}else{flag=true;}if(arr.publish_time==undefined||arr.publish_time===null||arr.publish_time===""){arr.publish_flag="请选择发布时间";flag1=false;}else if(__WEBPACK_IMPORTED_MODULE_13_moment___default()(arr.publish_time,dataformat)<=__WEBPACK_IMPORTED_MODULE_13_moment___default()()){arr.publish_flag="发布时间不能早于当前时间";flag1=false;}if(arr.end_time===undefined||arr.end_time===null||arr.end_time===""){arr.end_flag="请选择截止时间";flag2=false;}else if(__WEBPACK_IMPORTED_MODULE_13_moment___default()(arr.end_time,dataformat)<=__WEBPACK_IMPORTED_MODULE_13_moment___default()()){arr.end_flag="截止时间不能早于当前时间";flag2=false;}else if(__WEBPACK_IMPORTED_MODULE_13_moment___default()(arr.end_time,dataformat)<=__WEBPACK_IMPORTED_MODULE_13_moment___default()(arr.publish_time,dataformat)){arr.end_flag="截止时间不能早于发布时间";flag2=false;}else{flag2=true;}myRules[i]=arr;}}if(flag===false||flag1===false||flag2===false){return{validate:false,rules:myRules};}else{return{validate:true,rules:myRules};}};};/* harmony default export */ __webpack_exports__["a"] = (PollDetailTabForthRules);
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 3072:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_button_style_css__ = __webpack_require__(87);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_button_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_button_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_button__ = __webpack_require__(73);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_button___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_button__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_antd_lib_input_number_style_css__ = __webpack_require__(1054);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_antd_lib_input_number_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_antd_lib_input_number_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_input_number__ = __webpack_require__(1055);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_antd_lib_input_number___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_antd_lib_input_number__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_tooltip_style_css__ = __webpack_require__(165);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_antd_lib_tooltip_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_antd_lib_tooltip_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_tooltip__ = __webpack_require__(164);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_antd_lib_tooltip___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_antd_lib_tooltip__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_antd_lib_date_picker_style_css__ = __webpack_require__(948);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_antd_lib_date_picker_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_antd_lib_date_picker_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_antd_lib_date_picker__ = __webpack_require__(949);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_antd_lib_date_picker___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_antd_lib_date_picker__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_antd_lib_checkbox_style_css__ = __webpack_require__(294);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_antd_lib_checkbox_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_antd_lib_checkbox_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_antd_lib_checkbox__ = __webpack_require__(292);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_antd_lib_checkbox___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_antd_lib_checkbox__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_antd_lib_notification_style_css__ = __webpack_require__(46);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_antd_lib_notification_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10_antd_lib_notification_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_antd_lib_notification__ = __webpack_require__(47);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_antd_lib_notification___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11_antd_lib_notification__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_antd_lib_radio_style_css__ = __webpack_require__(170);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_antd_lib_radio_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_12_antd_lib_radio_style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_antd_lib_radio__ = __webpack_require__(168);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_antd_lib_radio___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_13_antd_lib_radio__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_react__ = __webpack_require__(0);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_14_react__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__coursesPublic_CoursesListType__ = __webpack_require__(947);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__coursesPublic_HomeworkModal__ = __webpack_require__(1043);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17_educoder__ = __webpack_require__(5);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__poll_PollDetailTabForthRules__ = __webpack_require__(1732);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_19__Shixunworkdetails_ShixunWorkModal__ = __webpack_require__(1662);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20_react_router_dom__ = __webpack_require__(45);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_21_antd_lib_date_picker_locale_zh_CN__ = __webpack_require__(172);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_21_antd_lib_date_picker_locale_zh_CN___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_21_antd_lib_date_picker_locale_zh_CN__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_22_axios__ = __webpack_require__(12);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_22_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_22_axios__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_23_moment__ = __webpack_require__(85);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_23_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_23_moment__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_24_moment_locale_zh_cn__ = __webpack_require__(1507);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_24_moment_locale_zh_cn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_24_moment_locale_zh_cn__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_25__modals_Modals__ = __webpack_require__(166);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_26__modals_DownloadMessageysl__ = __webpack_require__(1268);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_27__coursesPublic_OneSelfOrderModal__ = __webpack_require__(1272);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_28__css_members_css__ = __webpack_require__(305);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_28__css_members_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_28__css_members_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_29__common_formCommon_css__ = __webpack_require__(1259);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_29__common_formCommon_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_29__common_formCommon_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_30__css_Courses_css__ = __webpack_require__(303);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_30__css_Courses_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_30__css_Courses_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_31__style_css__ = __webpack_require__(1371);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_31__style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_31__style_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_32__css_busyWork_css__ = __webpack_require__(937);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_32__css_busyWork_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_32__css_busyWork_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_33__poll_pollStyle_css__ = __webpack_require__(1283);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_33__poll_pollStyle_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_33__poll_pollStyle_css__);
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_34__coursesPublic_Startshixuntask__ = __webpack_require__(1653);
|
|
|
|
|
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 RadioGroup=__WEBPACK_IMPORTED_MODULE_13_antd_lib_radio___default.a.Group;//GraduationTaskssetting.js
|
|
|
|
|
//课堂作业设置
|
|
|
|
|
function range(start,end){var result=[];for(var i=start;i<end;i++){result.push(i);}return result;}function disabledDateTime(){return{disabledMinutes:function disabledMinutes(){return range(1,30).concat(range(31,60));}// disabledSeconds: () => range(0,60)
|
|
|
|
|
};}function disabledDate(current){return current&¤t<__WEBPACK_IMPORTED_MODULE_23_moment___default()().endOf('day').subtract(1,'days');}var Trainingjobsetting=function(_Component){_inherits(Trainingjobsetting,_Component);//unifiedsetting 统一设置
|
|
|
|
|
//allowreplenishment 允许补交
|
|
|
|
|
//completionefficiencyscore 完成效率评分占比
|
|
|
|
|
//level级别
|
|
|
|
|
//proportion 比例
|
|
|
|
|
//releasetime 发布时间
|
|
|
|
|
//deadline 截至时间
|
|
|
|
|
function Trainingjobsetting(props){_classCallCheck(this,Trainingjobsetting);// this.props.form.setFieldsValue({
|
|
|
|
|
// radiogroup:1,
|
|
|
|
|
//
|
|
|
|
|
// });
|
|
|
|
|
var _this=_possibleConstructorReturn(this,(Trainingjobsetting.__proto__||Object.getPrototypeOf(Trainingjobsetting)).call(this,props));_this.getTrainingjobsetting=function(bool){// console.log("getTrainingjobsetting")
|
|
|
|
|
var homeworkid=_this.props.match.params.homeworkid;// console.log(homeworkid)
|
|
|
|
|
var url="/homework_commons/"+homeworkid+"/settings.json";__WEBPACK_IMPORTED_MODULE_22_axios___default.a.get(url).then(function(result){// console.log(url);
|
|
|
|
|
// console.log(result);
|
|
|
|
|
if(result!=undefined){// console.log(result.data.code_review)
|
|
|
|
|
// console.log("设置页")
|
|
|
|
|
// console.log(JSON.stringify(result))
|
|
|
|
|
var array=[];var arrays=[];var rulesdatas=[];if(result.data.group_settings!==undefined){if(result.data.group_settings.length===0){array.push({course_group_id:[],course_group_name:[],publish_time:undefined,end_time:undefined,publish_flag:"",end_flag:"",class_flag:"",course_search:"",open:false});}else{for(var i=0;i<result.data.group_settings.length;i++){if(result.data.group_settings[i].publish_time===null&&result.data.group_settings[i].end_time===null){}else{array.push({course_group_id:result.data.group_settings[i].group_id,course_group_name:result.data.group_settings[i].group_name,publish_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.group_settings[i].publish_time).format('YYYY-MM-DD HH:mm'),end_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.group_settings[i].end_time).format('YYYY-MM-DD HH:mm'),publish_flag:"",end_flag:"",class_flag:"",course_search:"",open:false});}}}}if(result.data.group_settings!==undefined){for(var i=0;i<result.data.group_settings.length;i++){arrays.push({course_group_id:result.data.group_settings[i].group_id,course_group_name:result.data.group_settings[i].group_name,publish_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.group_settings[i].publish_time).format('YYYY-MM-DD HH:mm'),end_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.group_settings[i].end_time).format('YYYY-MM-DD HH:mm'),course_choosed:0});if(result.data.group_settings[i].group_id instanceof Array){rulesdatas.push({group_id:result.data.group_settings[i].group_id,publish_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.group_settings[i].publish_time).format('YYYY-MM-DD HH:mm'),end_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.group_settings[i].end_time).format('YYYY-MM-DD HH:mm')});}else{rulesdatas.push({group_id:[result.data.group_settings[i].group_id],publish_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.group_settings[i].publish_time).format('YYYY-MM-DD HH:mm'),end_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.group_settings[i].end_time).format('YYYY-MM-DD HH:mm')});}}}// console.log("220");
|
|
|
|
|
var publish_timebools=false;if(result.data.publish_time){publish_timebools=__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.publish_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()();}// console.log("228");
|
|
|
|
|
// console.log(publish_timebools);
|
|
|
|
|
var end_timebools=false;if(result.data.end_time){end_timebools==__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.end_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()();}// console.log("233");
|
|
|
|
|
// console.log(end_timebools);
|
|
|
|
|
var late_timess=false;if(result.data.late_time){late_timess==__WEBPACK_IMPORTED_MODULE_23_moment___default()(result.data.end_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()();}// console.log("240");
|
|
|
|
|
// console.log(late_timess);
|
|
|
|
|
_this.setState({publish_timebool:publish_timebools,end_timebool:end_timebools,late_timesbool:late_timess,task_pass:result.data.task_pass,rules:array,rulest:arrays,rulesdata:rulesdatas,jobsettingsdata:result,shixun_exp:result.data.shixun_exp,group_settings:result.data.group_settings,score_open:result.data.score_open,unifiedsetting:result.data.unified_setting,boolUnite:result.data.unified_setting===true?false:result.data.unified_setting===false?true:true,publish_time:result.data.publish_time===undefined?undefined:result.data.publish_time===null?undefined:result.data.publish_time,releasetime:result.data.publish_time===undefined?undefined:result.data.publish_time===null?undefined:result.data.publish_time,end_time:result.data.end_time===undefined?undefined:result.data.end_time===null?undefined:result.data.end_time,deadline:result.data.end_time===undefined?undefined:result.data.end_time===null?undefined:result.data.end_time,late_time:result.data.late_time===undefined?undefined:result.data.late_time===null?undefined:result.data.late_time,late_times:result.data.late_time===undefined?undefined:result.data.late_time===null?undefined:result.data.late_time,allowreplenishment:result.data.allow_late,latededuction:result.data.late_penalty,level:result.data.answer_open_evaluation===true?"满分":"扣分",work_efficiencys:result.data.work_efficiency,latedeductiontwo:result.data.eff_score,proportion:result.data.shixun_evaluation===0?"均分比例":result.data.shixun_evaluation===1?"经验值比例":result.data.shixun_evaluation===2?"自定义分值":"",publicwork:result.data.work_public,challenge_settings:result.data.challenge_settings,code_review:result.data.code_review,total_scoretwo:result.data.total_score,total_score:result.data.total_score});_this.props.Getdataback(result,result.data);if(bool===true){if(_this.props.isAdmin()!==undefined){if(_this.props.isAdmin()===true){_this.editSettings(result);_this.Calculatethetotalscore(result.data.eff_score,result.data.challenge_settings);}}}}});};_this.scrollToAnchor=function(anchorName){if(anchorName){// 找到锚点
|
|
|
|
|
var anchorElement=document.getElementById(anchorName);// 如果对应id的锚点存在,就跳转到锚点
|
|
|
|
|
if(anchorElement){anchorElement.scrollIntoView();}}};_this.Calculatethetotalscore=function(latedeductiontwos,challenge_settings){//latedeductiontwos 效率分
|
|
|
|
|
//challenge_settings 总分
|
|
|
|
|
var datas=challenge_settings;var challenge_scoredata=[];var datasinde=0;for(var i=0;i<datas.length;i++){if(datas[i].checked===true){// var object = {
|
|
|
|
|
// challenge_id: datas[i].challenge_id,
|
|
|
|
|
// challenge_score: datas[i].challenge_score,
|
|
|
|
|
// };
|
|
|
|
|
challenge_scoredata.push(datas[i].challenge_score);// array.push(object)
|
|
|
|
|
}else{datasinde=datasinde+1;}}// //console.log("datasinde Calculatethetotalscore");
|
|
|
|
|
// //console.log(datasinde);
|
|
|
|
|
// //console.log(datas.length);
|
|
|
|
|
// if(array === "[]" || array.length === 0){
|
|
|
|
|
// this.props.showNotification(`没有关卡不能更新设置`);
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
// var latedeductiontwos = 0;
|
|
|
|
|
// //效率分是否勾选 勾选获取效分
|
|
|
|
|
// if (this.state.completionefficiencyscore === true) {
|
|
|
|
|
// latedeductiontwos = this.state.latedeductiontwo;
|
|
|
|
|
// }
|
|
|
|
|
// if(challenge_scoredata.length>0){
|
|
|
|
|
if(datasinde!==datas.length){var len=0;//console.log(challenge_scoredata);
|
|
|
|
|
for(var k=0;k<challenge_scoredata.length;k++){len=len+parseFloat(challenge_scoredata[k]);}var max=latedeductiontwos+len;var maxs=max.toFixed(1);_this.setState({CalculateMax:maxs});}};_this.pustdate=function(){var thiss=_this;// //console.log("pustdate");
|
|
|
|
|
var homeworkid=_this.props.match.params.homeworkid;var array=[];var datas=_this.state.challenge_settings;var challenge_scoredata=[];for(var i=0;i<datas.length;i++){if(datas[i].checked===true){var object={challenge_id:datas[i].challenge_id,challenge_score:datas[i].challenge_score};challenge_scoredata.push(datas[i].challenge_score);array.push(object);// //console.log("datas[i].challenge_score");
|
|
|
|
|
// //console.log(i);
|
|
|
|
|
// //console.log(datas[i].challenge_score);
|
|
|
|
|
}}// console.log("提交的数据"+"pustdate");
|
|
|
|
|
// console.log("提交的数据"+"pustdate");
|
|
|
|
|
if(_this.state.jobsettingsdata.data.unified_setting===true){if(_this.state.unifiedsetting===true){if(_this.state.releasetime===undefined||_this.state.releasetime===null||_this.state.releasetime===""){// this.props.showNotification(`请选择发布时间`);
|
|
|
|
|
//立即发布
|
|
|
|
|
// this.homeworkstart();
|
|
|
|
|
_this.scrollToAnchor("publishtimeid");_this.setState({unit_p_tip:"请选择发布时间",p_flag:true,borreds:"bor-reds"});return;}else{if(_this.state.publish_time===undefined||_this.state.publish_time===null||_this.state.publish_time===""){if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.publish_time,'YYYY-MM-DD HH:mm')<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){//发布时间小于 当前时间
|
|
|
|
|
_this.scrollToAnchor("publishtimeid");_this.setState({unit_p_tip:"发布时间不能早于当前时间",p_flag:true,borreds:"bor-reds"});return;}}}if(_this.state.deadline===undefined||_this.state.deadline===null||_this.state.deadline===""){// this.props.showNotification(`请选择截止时间`);
|
|
|
|
|
_this.scrollToAnchor("publishtimeid");_this.setState({unit_e_tip:"请选择截止时间",p_flag:true,borredss:"bor-reds"});return;}else{if(!_this.state.flagPageEditsthrees===false){if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.end_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){//截止时间小于当前时间
|
|
|
|
|
_this.scrollToAnchor("publishtimeid");_this.setState({unit_e_tip:"截止时间不能早于当前时间",p_flag:true,borredss:"bor-reds"});return;}if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.end_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.publish_time,"YYYY-MM-DD HH:mm")){//截止时间小于发布时间
|
|
|
|
|
_this.scrollToAnchor("publishtimeid");_this.setState({unit_e_tip:"截止时间不能早于发布时间",p_flag:true,borredss:"bor-reds"});return;}}}if(_this.state.allowreplenishment===true){if(_this.state.late_times===undefined||_this.state.late_times===null||_this.state.late_times===""){// this.props.showNotification(`请选择结束时间`);
|
|
|
|
|
_this.scrollToAnchor("end_timeid");_this.setState({hand__e_tip:"请选择结束时间",hand_flags:true,handclass:"bor-reds"});return;}else{// 补交结束时间不能早于截止时间
|
|
|
|
|
if(!_this.state.flagPageEditsfor===false){if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.late_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){//结束时间小于当前时间
|
|
|
|
|
_this.scrollToAnchor("end_timeid");_this.setState({hand__e_tip:"结束时间不能早于当前时间",hand_flags:true,handclass:"bor-reds"});return;}if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.late_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.publish_time,"YYYY-MM-DD HH:mm")){//结束时间小于发布时间
|
|
|
|
|
_this.scrollToAnchor("end_timeid");_this.setState({hand__e_tip:"结束时间不能早于发布时间",hand_flags:true,handclass:"bor-reds"});return;}if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.late_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.end_time,"YYYY-MM-DD HH:mm")){//结束时间小于发布时间
|
|
|
|
|
_this.scrollToAnchor("end_timeid");_this.setState({hand__e_tip:"补交结束时间不能早于截止时间",hand_flags:true,handclass:"bor-reds"});return;}}}}}else{var rulesdata=_this.state.rulesdata;if(rulesdata.length===0){_this.props.showNotification("\u5206\u73ED\u53D1\u5E03\u8BBE\u7F6E\u4E0D\u80FD\u4E3A\u7A7A");return;}//
|
|
|
|
|
}}if(_this.state.allowreplenishment===true){if(_this.state.latededuction===undefined){_this.props.showNotification("\u8BF7\u8F93\u5165\u8FDF\u4EA4\u6263\u5206\u6570");return;}if(_this.state.latededuction===null){_this.props.showNotification("\u8BF7\u8F93\u5165\u8FDF\u4EA4\u6263\u5206\u6570");return;}if(_this.state.latededuction===""){_this.props.showNotification("\u8BF7\u8F93\u5165\u8FDF\u4EA4\u6263\u5206\u6570");return;}if(_this.state.latededuction<0){_this.props.showNotification("\u8FDF\u4EA4\u6263\u5206\u6570\u4E0D\u80FD\u5C0F\u4E8E\u96F6");return;}if(_this.state.level===undefined||_this.state.level===""){_this.props.showNotification("\u8BF7\u9009\u62E9\u6263\u5206\u9879");return;}}if(_this.state.completionefficiencyscore===true){if(_this.state.latedeductiontwo===undefined){_this.props.showNotification("\u8BF7\u8F93\u5165\u6548\u7387\u5206\u6570");return;}if(_this.state.latedeductiontwo===null){_this.props.showNotification("\u8BF7\u8F93\u5165\u6548\u7387\u5206\u6570");return;}if(_this.state.latedeductiontwo===""){_this.props.showNotification("\u8BF7\u8F93\u5165\u6548\u7387\u5206\u6570");return;}if(_this.state.latedeductiontwo<=0){_this.props.showNotification("\u6548\u7387\u5206\u6570\u4E0D\u80FD\u5C0F\u4E8E\u7B49\u4E8E\u96F6");return;}// if(this.state.latedeductiontwo >100){
|
|
|
|
|
// message.error("效率分不能大于100",1);
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
if(_this.state.proportion===undefined){_this.props.showNotification("\u8BF7\u9009\u62E9\u6BD4\u5217");return;}if(_this.state.proportion!==undefined){if(_this.state.proportion==="均分比例"){//关卡分值平分
|
|
|
|
|
}if(_this.state.proportion==="经验值比例"){_this.setState({boolUnitetwo:false});}if(_this.state.proportion==="自定义分值"){_this.setState({boolUnitetwo:false});}}}if(_this.state.borredszfl===false){_this.setState({borredszf:_this.state.borredszf,borredszfls:_this.state.borredszfls,borredszfl:_this.state.borredszfl});_this.scrollToAnchor("zongfentimeid");return;}var latedeductiontwos=0;if(_this.state.completionefficiencyscore===true){latedeductiontwos=_this.state.latedeductiontwo;}//从这里开始记得等于0的时候还要做判断
|
|
|
|
|
if(challenge_scoredata.length>0){var len=0;for(var k=0;k<challenge_scoredata.length;k++){len=len+parseFloat(challenge_scoredata[k]);// console.log(len);
|
|
|
|
|
// console.log(challenge_scoredata[k]);
|
|
|
|
|
// console.log(len);
|
|
|
|
|
}var max=latedeductiontwos+len;// if (max > 100) {
|
|
|
|
|
// console.log("max>100");
|
|
|
|
|
// this.props.showNotification(`总分值+效率效率分之和要等于100,现在分值为` + max);
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
// if(max<100){
|
|
|
|
|
// console.log("max<100");
|
|
|
|
|
// this.props.showNotification(`总分值+效率效率分之和要等于100,现在分值为` + max);
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
if(_this.state.proportion==="自定义分值"){try{if(parseFloat(_this.state.CalculateMax)!==parseFloat(max)){_this.props.showNotification("\u5206\u503C\u4E4B\u548C\u5FC5\u987B\u7B49\u4E8E\u603B\u5206\u503C\uFF1A"+_this.state.CalculateMax+"\u5206");_this.scrollToAnchor("zongfentimeid");return;}}catch(e){}}}else{try{if(parseFloat(_this.state.CalculateMax)!==parseFloat(0)){_this.props.showNotification("\u5206\u503C\u4E4B\u548C\u5FC5\u987B\u7B49\u4E8E\u603B\u5206\u503C\uFF1A"+_this.state.CalculateMax+"\u5206");_this.scrollToAnchor("zongfentimeid");return;}}catch(e){}}var url="/homework_commons/"+homeworkid+"/update_settings.json";var data=undefined;// console.log("this.state.unified_setting")
|
|
|
|
|
// console.log(this.state.unifiedsetting)
|
|
|
|
|
if(array==="[]"||array.length===0){_this.props.showNotification("\u6CA1\u6709\u5173\u5361\u4E0D\u80FD\u66F4\u65B0\u8BBE\u7F6E");return;}if(_this.state.unifiedsetting===true){//console.log("统一设置");
|
|
|
|
|
data={unified_setting:_this.state.unifiedsetting,//统一配置
|
|
|
|
|
publish_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.publish_time).format('YYYY-MM-DD HH:mm'),//发布时间
|
|
|
|
|
end_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.end_time).format('YYYY-MM-DD HH:mm'),//截止时间
|
|
|
|
|
allow_late:_this.state.allowreplenishment,//补交
|
|
|
|
|
late_penalty:parseInt(_this.state.latededuction),//迟交扣分
|
|
|
|
|
late_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.late_time).format('YYYY-MM-DD HH:mm'),//结束时间
|
|
|
|
|
answer_open_evaluation:_this.state.level==="满分"?true:false,//扣分项
|
|
|
|
|
work_efficiency:_this.state.completionefficiencyscore,//完成效率评分占比
|
|
|
|
|
eff_score:_this.state.completionefficiencyscore===true?_this.state.latedeductiontwo:undefined,//效率分
|
|
|
|
|
shixun_evaluation:_this.state.proportion==="均分比例"?0:_this.state.proportion==="经验值比例"?1:_this.state.proportion==="自定义分值"?2:0,challenge_settings:array,score_open:_this.state.publicwork,total_score:_this.state.CalculateMax,total_scoretwo:_this.state.CalculateMax//记录总分值点击取消的时候还原总分值
|
|
|
|
|
};}else{// //非统一配置
|
|
|
|
|
// console.log("非统一设置");
|
|
|
|
|
var _rulesdata=_this.state.rulesdata;var newlist=[];_rulesdata.map(function(item,key){if(item.publish_time==="Invalid date"||item.end_time==="Invalid date"||item.publiend_timesh_time==="Invalid date"){}else{newlist.push(item);}});data={unified_setting:_this.state.unifiedsetting,//非统一配置
|
|
|
|
|
group_settings:newlist,allow_late:_this.state.allowreplenishment,//补交
|
|
|
|
|
late_penalty:parseInt(_this.state.latededuction),//迟交扣分
|
|
|
|
|
late_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.late_time).format('YYYY-MM-DD HH:mm'),//结束时间
|
|
|
|
|
answer_open_evaluation:_this.state.level==="满分"?true:false,//扣分项
|
|
|
|
|
work_efficiency:_this.state.work_efficiencys,//完成效率评分占比
|
|
|
|
|
eff_score:_this.state.completionefficiencyscore===true?_this.state.latedeductiontwo:undefined,//效率分
|
|
|
|
|
shixun_evaluation:_this.state.proportion==="均分比例"?0:_this.state.proportion==="经验值比例"?1:_this.state.proportion==="自定义分值"?2:0,challenge_settings:array,score_open:_this.state.publicwork,total_score:_this.state.CalculateMax,total_scoretwo:_this.state.CalculateMax};}// console.log("pustdate");
|
|
|
|
|
// console.log(data);
|
|
|
|
|
// console.log(JSON.stringify(data));
|
|
|
|
|
__WEBPACK_IMPORTED_MODULE_22_axios___default.a.post(url,data).then(function(result){if(result.data.status==0){// console.log(JSON.stringify(result));
|
|
|
|
|
_this.props.showNotification("\u66F4\u65B0\u6210\u529F");_this.setState({flagPageEditsbox:false,flagPageEdit:false,flagPageEditstwo:false,flagPageEditsthrees:false,flagPageEditsfor:false,whethertopay:false,completionefficiencyscore:false});_this.refs.targetElementTrainingjobsetting.scrollIntoView();}}).catch(function(error){console.log(error);});};_this.onChangedatabase=function(e){_this.setState({database:e.target.checked});// console.log(e.target.checked);
|
|
|
|
|
};_this.onChangepublicwork=function(e){_this.setState({publicwork:e.target.checked});// console.log(e.target.checked);
|
|
|
|
|
};_this.onChangedatasheet=function(e,index){var challenge_settings=_this.state.challenge_settings;var task_pass=_this.state.task_pass;if(task_pass===true){// 可以跳关
|
|
|
|
|
for(var i=0;i<challenge_settings.length;i++){if(i===index){if(challenge_settings[i].checked===true){challenge_settings[i].checked=false;}else{challenge_settings[i].checked=true;}}}}else{//不能跳关
|
|
|
|
|
var bool=false;//先判断如果是点击的关口 checked 根据点击进行切换
|
|
|
|
|
for(var i=0;i<challenge_settings.length;i++){if(i===index){if(challenge_settings[i].checked===true){challenge_settings[i].checked=false;bool=false;}else{challenge_settings[i].checked=true;bool=true;}}}//小于被选中的checked 都被选中 如果是大于被选中的checked 就全部隐藏掉
|
|
|
|
|
for(var i=0;i<challenge_settings.length;i++){if(bool===true){if(i<index){challenge_settings[i].checked=true;}}else{if(i>index){challenge_settings[i].checked=false;}}}}// console.log(e.target.checked)
|
|
|
|
|
// console.log(index)
|
|
|
|
|
_this.setState({datasheet:e.target.checked,challenge_settings:challenge_settings});_this.onChangeslevelproportiontwo(_this.state.proportion);};_this.onChange=function(e){if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.publish_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){_this.props.showNotification("\u5DF2\u53D1\u5E03\uFF0C\u4E0D\u80FD\u518D\u4FEE\u6539\u7EDF\u4E00\u8BBE\u7F6E");return;}_this.setState({unifiedsetting:e.target.checked});// console.log(e.target.checked);
|
|
|
|
|
};_this.onChanges=function(e){// console.log(this.state.end_time);
|
|
|
|
|
if(e.target.checked===true){if(_this.state.end_time!==null&&_this.state.end_time!==undefined){// console.log(this.state.end_time);
|
|
|
|
|
// var times = this.state.deadline.format('YYYY-MM-DD HH:mm');
|
|
|
|
|
_this.setState({late_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(_this.state.deadline)).add(1,'months'),late_times:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(_this.state.deadline)).add(1,'months').format('YYYY-MM-DD HH:mm')});}_this.setState({allowreplenishment:e.target.checked,latededuction:5,whethertopay:true});}else{_this.setState({allowreplenishment:e.target.checked,latededuction:0,whethertopay:false,hand__e_tip:"",hand_flags:false,handclass:""});}// console.log('radio checked', e.target.value);
|
|
|
|
|
};_this.onChangeslevel=function(e){_this.setState({level:e.target.value});// console.log('radio checked', e.target.value);
|
|
|
|
|
};_this.onChangeslevelproportion=function(e){_this.state.proportion=e.target.value;if(e.target.value==="均分比例"){_this.Equalproportion(_this.state.latedeductiontwo,_this.state.CalculateMax,true);}if(e.target.value==="经验值比例"){_this.Empiricalvalueratio(_this.state.latedeductiontwo,_this.state.CalculateMax,true);}if(e.target.value==="自定义分值"){_this.state.boolUnitetwoname="自定义分值";_this.setState({boolUnitetwoname:"自定义分值",boolUnitetwo:false,flagPageEdits:true});}_this.setState({proportion:e.target.value});// console.log('radio checked', e.target.value);
|
|
|
|
|
};_this.onChangeslevelproportiontwo=function(value){if(value==="均分比例"){_this.Equalproportion(_this.state.latedeductiontwo,_this.state.CalculateMax,true);}if(value==="经验值比例"){_this.Empiricalvalueratio(_this.state.latedeductiontwo,_this.state.CalculateMax,true);}if(value==="自定义分值"){_this.state.boolUnitetwoname="自定义分值";_this.setState({boolUnitetwoname:"自定义分值",boolUnitetwo:false,flagPageEdits:true});}_this.setState({proportion:value});};_this.Equalproportion=function(latedeductiontwo,Proportions,mybool){var challenge_settingsdata=_this.state.challenge_settings;var latedeductiontwos=latedeductiontwo;if(latedeductiontwos===undefined||latedeductiontwos===null||latedeductiontwos===""){latedeductiontwos=0;}//效率分
|
|
|
|
|
if(challenge_settingsdata.length>0){var Proportion=Proportions;var oushution=0;//获取占用分后的值
|
|
|
|
|
Proportion=Proportion-latedeductiontwos;oushution=Proportion;var srorelength=0;//计算选中用户
|
|
|
|
|
for(var k=0;k<challenge_settingsdata.length;k++){if(challenge_settingsdata[k].checked===true){srorelength++;}}//算下面值是否是奇数
|
|
|
|
|
var srbool=false;if(srorelength%2==0){// 偶数
|
|
|
|
|
srbool=false;}else{// 奇数
|
|
|
|
|
srbool=true;}//计算平均值
|
|
|
|
|
Proportion=Proportion/srorelength;var intkk=0;var intkks=0;if(srbool==true){// 奇数
|
|
|
|
|
var exams=parseFloat(Proportion.toFixed(1));var intk=srorelength*exams;intkk=oushution-intk;// console.log("奇数");
|
|
|
|
|
// console.log(srorelength);//3
|
|
|
|
|
// console.log(oushution);//79
|
|
|
|
|
// console.log(exams);//26.3
|
|
|
|
|
// console.log(intk);//78.9
|
|
|
|
|
// console.log(intkk);
|
|
|
|
|
}else{// 偶数
|
|
|
|
|
var examsy=parseFloat(Proportion.toFixed(1));intkks=oushution-examsy*srorelength;// console.log("偶数");
|
|
|
|
|
// console.log(oushution);
|
|
|
|
|
// console.log((examsy*srorelength));
|
|
|
|
|
}var mact=0;//给每到题目赋平均值
|
|
|
|
|
for(var i=0;i<challenge_settingsdata.length;i++){if(challenge_settingsdata[i].checked===true){if(srbool===false){//console.log(intkks);
|
|
|
|
|
mact=mact+1;if(mact===srorelength){challenge_settingsdata[i].challenge_score=(parseFloat(Proportion.toFixed(1))+parseFloat(intkks.toFixed(1))).toFixed(1);//console.log(challenge_settingsdata[i].challenge_score);
|
|
|
|
|
}else{challenge_settingsdata[i].challenge_score=Proportion.toFixed(1);}}else{//console.log(intkk);
|
|
|
|
|
mact=mact+1;if(mact===srorelength){challenge_settingsdata[i].challenge_score=(parseFloat(Proportion.toFixed(1))+parseFloat(intkk.toFixed(1))).toFixed(1);//console.log(challenge_settingsdata[i].challenge_score);
|
|
|
|
|
}else{challenge_settingsdata[i].challenge_score=Proportion.toFixed(1);}}}else{challenge_settingsdata[i].challenge_score=0;}}}//关卡分值平分
|
|
|
|
|
_this.setState({boolUnitetwo:true,flagPageEdits:false,challenge_settings:challenge_settingsdata});if(mybool===true){_this.Calculatethetotalscore(latedeductiontwo,challenge_settingsdata);}};_this.Empiricalvalueratio=function(latedeductiontwo,ionsps,mybool){var shixun_exp=_this.state.shixun_exp;var challenge_settingsdata=_this.state.challenge_settings;var latedeductiontwos=latedeductiontwo;if(latedeductiontwos===undefined||latedeductiontwos===null||latedeductiontwos===""){latedeductiontwos=0;}// //效率分
|
|
|
|
|
if(shixun_exp!==undefined){if(shixun_exp>0){if(challenge_settingsdata.length>0){var ionsp=ionsps;//获取效率分之后的值
|
|
|
|
|
ionsp=ionsp-latedeductiontwos;//获取道总分值
|
|
|
|
|
var Proportion=shixun_exp;//获取改变后的总分值
|
|
|
|
|
for(var k=0;k<challenge_settingsdata.length;k++){if(challenge_settingsdata[k].checked===false){Proportion=Proportion-challenge_settingsdata[k].challenge_exp;}}//开始循环赋值
|
|
|
|
|
var expzs=0;var mact=0;for(var i=0;i<challenge_settingsdata.length;i++){if(challenge_settingsdata[i].checked===true){mact=mact+1;var myint=challenge_settingsdata[i].challenge_exp/Proportion*ionsp;challenge_settingsdata[i].challenge_score=myint.toFixed(1);expzs=parseFloat(myint.toFixed(1))+parseFloat(expzs);}else{challenge_settingsdata[i].challenge_score=0;}}var expzsy=0;var bool=true;if(ionsp-expzs>0){expzsy=parseFloat(ionsp.toFixed(1))-parseFloat(expzs.toFixed(1));expzsy=Math.abs(expzsy);bool=true;}else{expzsy=parseFloat(ionsp.toFixed(1))-parseFloat(expzs.toFixed(1));expzsy=Math.abs(expzsy);bool=false;}var macts=0;for(var i=0;i<challenge_settingsdata.length;i++){if(challenge_settingsdata[i].checked===true){macts=macts+1;if(mact===macts){if(bool===true){challenge_settingsdata[i].challenge_score=(parseFloat(challenge_settingsdata[i].challenge_score)+parseFloat(expzsy.toFixed(1))).toFixed(1);//console.log(parseFloat(challenge_settingsdata[i].challenge_score) + parseFloat(expzsy.toFixed(1)));
|
|
|
|
|
//console.log(parseFloat(expzsy.toFixed(1)));
|
|
|
|
|
}else{challenge_settingsdata[i].challenge_score=(parseFloat(challenge_settingsdata[i].challenge_score)-parseFloat(expzsy.toFixed(1))).toFixed(1);//console.log(parseFloat(challenge_settingsdata[i].challenge_score) - parseFloat(expzsy.toFixed(1)));
|
|
|
|
|
//console.log(parseFloat(expzsy.toFixed(1)));
|
|
|
|
|
}}}else{challenge_settingsdata[i].challenge_score=0;}}}}}_this.setState({boolUnitetwo:false,flagPageEdits:false,challenge_settings:challenge_settingsdata});if(mybool===true){_this.Calculatethetotalscore(latedeductiontwo,challenge_settingsdata);}};_this.onChangeeffectiveness=function(e){if(e.target.checked===true){_this.setState({completionefficiencyscore:e.target.checked,work_efficiencys:e.target.checked,latedeductiontwo:20});//均分比例
|
|
|
|
|
if(_this.state.proportion==="均分比例"){_this.Equalproportion(20,_this.state.CalculateMax,true);}else if(_this.state.proportion==="经验值比例"){_this.Empiricalvalueratio(20,_this.state.CalculateMax,true);}}else{_this.state.latedeductiontwo=0;_this.setState({completionefficiencyscore:e.target.checked,work_efficiencys:e.target.checked,latedeductiontwo:0});//均分比例
|
|
|
|
|
if(_this.state.proportion==="均分比例"){_this.Equalproportion(0,_this.state.CalculateMax,true);}else if(_this.state.proportion==="经验值比例"){_this.Empiricalvalueratio(0,_this.state.CalculateMax,true);}}// console.log(e.target.checked);
|
|
|
|
|
};_this.changeTopicName=function(value){// console.log("1e.target.value", value)
|
|
|
|
|
if(value===""||value===undefined){return;}var re=/^[0-9]+.?[0-9]*$/;//判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/
|
|
|
|
|
var nubmer=value;if(!re.test(nubmer)){_this.props.showNotification("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u6570\u5B57");_this.setState({latededuction:0});return false;}// if (nubmer > 100) {
|
|
|
|
|
// this.props.showNotification(`请输入小于100的数`);
|
|
|
|
|
//
|
|
|
|
|
// this.setState({
|
|
|
|
|
// latededuction: 0
|
|
|
|
|
// })
|
|
|
|
|
// return
|
|
|
|
|
// }
|
|
|
|
|
_this.setState({latededuction:value});};_this.Totalscorecalculation=function(value){debugger;_this.setState({CalculateMax:value});if(value===undefined||value===null||value===""){_this.setState({borredszf:"ml10 color-grey-9 bor-reds ",borredszfls:"不能为空",borredszfl:false});return;}var re=/^[0-9]+.?[0-9]*$/;//判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/
|
|
|
|
|
var nubmer=value;if(!re.test(nubmer)){_this.setState({borredszf:"ml10 color-grey-9 bor-reds ",borredszfls:"请输入数字",borredszfl:false});return;}_this.setState({borredszf:"ml10 color-grey-9 ",borredszfls:"",borredszfl:true});// if (nubmer > 100) {
|
|
|
|
|
// this.props.showNotification(`请输入小于100的数`);
|
|
|
|
|
//
|
|
|
|
|
// this.setState({
|
|
|
|
|
// CalculateMax: 0
|
|
|
|
|
// })
|
|
|
|
|
// return
|
|
|
|
|
// }
|
|
|
|
|
//获取效率分
|
|
|
|
|
var myvalues=_this.state.latedeductiontwo;//均分比例
|
|
|
|
|
if(_this.state.proportion==="均分比例"){_this.Equalproportion(myvalues,value,true);}else if(_this.state.proportion==="经验值比例"){_this.Empiricalvalueratio(myvalues,value,true);}};_this.changeTopicNametwo=function(value){// console.log("TrainingjobsettingTrainingjobsetting", value)
|
|
|
|
|
if(value===""||value===undefined){return;}var re=/^[0-9]+.?[0-9]*$/;//判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/
|
|
|
|
|
var nubmer=value;if(!re.test(nubmer)){_this.props.showNotification("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u6570\u5B57");_this.setState({latedeductiontwo:0});return false;}// if (nubmer > 100) {
|
|
|
|
|
// this.props.showNotification(`请输入小于100的数`);
|
|
|
|
|
//
|
|
|
|
|
// this.setState({
|
|
|
|
|
// latedeductiontwo: 0
|
|
|
|
|
// })
|
|
|
|
|
// return
|
|
|
|
|
// }
|
|
|
|
|
_this.setState({latedeductiontwo:value});//均分比例
|
|
|
|
|
if(_this.state.proportion==="均分比例"){_this.Equalproportion(value,_this.state.CalculateMax,true);}else if(_this.state.proportion==="经验值比例"){_this.Empiricalvalueratio(value,_this.state.CalculateMax,true);}else if(_this.state.proportion==="自定义分值"){// this.Calculatethetotalscore(value, this.state.challenge_settings);
|
|
|
|
|
}};_this.hangeTopicNametwodatasheet=function(value,index){// console.log("2e.target.value", value)
|
|
|
|
|
if(value===""||value===undefined){return;}var re=/^[0-9]+.?[0-9]*$/;//判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/
|
|
|
|
|
var nubmer=value;if(!re.test(nubmer)){_this.props.showNotification("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u6570\u5B57");// this.setState({
|
|
|
|
|
// datasheet: 0
|
|
|
|
|
// })
|
|
|
|
|
var challenge_settings=_this.state.challenge_settings;for(var i=0;i<challenge_settings.length;i++){if(i===index){challenge_settings[i].challenge_score="";}}_this.setState({challenge_settings:challenge_settings});return false;}var challenge_settings=_this.state.challenge_settings;for(var i=0;i<challenge_settings.length;i++){if(i===index){challenge_settings[i].challenge_score=value;}}_this.setState({challenge_settings:challenge_settings});var latedeductiontwos=0;//效率分是否勾选 勾选获取效分
|
|
|
|
|
if(_this.state.completionefficiencyscore===true){latedeductiontwos=_this.state.latedeductiontwo;}if(_this.state.proportion==="均分比例"){_this.Calculatethetotalscore(latedeductiontwos,challenge_settings);}else if(_this.state.proportion==="经验值比例"){_this.Calculatethetotalscore(latedeductiontwos,challenge_settings);}// if (nubmer > 100) {
|
|
|
|
|
// message.error("请输入小于100的数");
|
|
|
|
|
// this.setState({
|
|
|
|
|
// datasheet: 0
|
|
|
|
|
// })
|
|
|
|
|
// return
|
|
|
|
|
// }
|
|
|
|
|
// this.setState({
|
|
|
|
|
// datasheet: value,
|
|
|
|
|
// })
|
|
|
|
|
};_this.disabledStartDatestart=function(startValue){var endValue=_this.state.end_time;if(!startValue||!endValue){return false;}var endValues=__WEBPACK_IMPORTED_MODULE_23_moment___default()(endValue).subtract(1,'days');return startValue.valueOf()>endValues.valueOf();};_this.disabledEndDateend=function(endValue){var startValue=_this.state.publish_time;if(!endValue||!startValue){return false;}var endValuesys=__WEBPACK_IMPORTED_MODULE_23_moment___default()(startValue).subtract(1,'days');return endValue.valueOf()<=endValuesys.valueOf();};_this.disabledEndDateendd=function(endsValue){var endValues=_this.state.end_time;if(!endsValue||!endValues){return false;}var endValuesyss=__WEBPACK_IMPORTED_MODULE_23_moment___default()(endValues).subtract(1,'days');return endsValue.valueOf()<=endValuesyss.valueOf();};_this.onChangedata=function(field,value,dateString){_this.setState(_defineProperty({},field,Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString)));};_this.ontimeonok=function(value){//console.log("ontimeonok点击了2");
|
|
|
|
|
if(value===undefined){return;}if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(value,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){}else{try{_this.setState({unit_p_tip:"",p_flag:false,borreds:undefined,releasetime:value.format('YYYY-MM-DD HH:mm')});}catch(e){}}};_this.ontimeonoktwo=function(value){if(value===undefined){return;}if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(value,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){}else{if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(value,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.publish_time,"YYYY-MM-DD HH:mm")){return;}try{_this.setState({unit_e_tip:"",p_flag:false,deadline:value.format('YYYY-MM-DD HH:mm'),borredss:undefined});}catch(e){}}};_this.ontimeonokthree=function(value){if(value===undefined){return;}var _this$state=_this.state,publish_time=_this$state.publish_time,unifiedsetting=_this$state.unifiedsetting,rulesdata=_this$state.rulesdata;if(unifiedsetting===true){if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(value,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()(publish_time)){}else{}}else{rulesdata.map(function(item,key){if(item.publish_time!="Invalid date"){if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(value,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()(item.publish_time,"YYYY-MM-DD HH:mm")){}else{_this.setState({late_times:value.format('YYYY-MM-DD HH:mm'),hand__e_tip:"",hand_flags:false,handclass:""});}}});}};_this.onStartChange=function(value,dateString){//console.log("onStartChange点击了1");
|
|
|
|
|
if(value==null){_this.setState({releasetime:undefined,publish_time:undefined});return;}// if (moment(value, "YYYY-MM-DD HH:mm") <= moment()) {
|
|
|
|
|
// this.setState({
|
|
|
|
|
// unit_p_tip: "发布时间不能早于当前时间",
|
|
|
|
|
// p_flag: true,
|
|
|
|
|
// borreds:"bor-reds",
|
|
|
|
|
// releasetime:undefined,
|
|
|
|
|
// publish_time:undefined,
|
|
|
|
|
// })
|
|
|
|
|
// } else {
|
|
|
|
|
try{_this.setState({unit_p_tip:"",p_flag:false,borreds:undefined,releasetime:value.format('YYYY-MM-DD HH:mm')});}catch(e){}// //console.log(value);
|
|
|
|
|
//console.log(dateString);
|
|
|
|
|
// console.log(handleDateString(dateString));
|
|
|
|
|
// this.onChangedata('publish_time', value, dateString);
|
|
|
|
|
_this.setState({publish_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString))).format("YYYY-MM-DD HH:mm")});if(_this.state.allowreplenishment===true){if(_this.state.end_time===undefined||_this.state.end_time===""){_this.setState({end_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString)).add(1,'months'),deadline:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString)).add(1,'months').format('YYYY-MM-DD HH:mm')});}else{}if(_this.state.late_time===undefined||_this.state.late_time===""){_this.setState({late_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString)).add(2,'months'),late_times:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString)).add(2,'months').format('YYYY-MM-DD HH:mm')});}else{}try{_this.setState({unit_e_tip:"",p_flag:false,borredss:undefined});}catch(e){}}else{if(_this.state.end_time===undefined||_this.state.end_time===""){_this.setState({end_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString)).add(1,'months'),deadline:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString)).add(1,'months').format('YYYY-MM-DD HH:mm')});}else{}}// }
|
|
|
|
|
};_this.onEndChange=function(value,dateString){// console.log("onEndChange")
|
|
|
|
|
// console.log(value)
|
|
|
|
|
// console.log(dateString)
|
|
|
|
|
if(value==null){_this.setState({end_time:undefined,deadline:undefined});return;}// if (moment(value, "YYYY-MM-DD HH:mm") <= moment()) {
|
|
|
|
|
// this.setState({
|
|
|
|
|
// unit_e_tip: "截止时间不能早于当前时间",
|
|
|
|
|
// p_flag: true,
|
|
|
|
|
// borredss:"bor-reds",
|
|
|
|
|
// end_time:undefined,
|
|
|
|
|
// deadline:undefined,
|
|
|
|
|
// })
|
|
|
|
|
// } else {
|
|
|
|
|
// console.log(moment(value, "YYYY-MM-DD HH:mm"));
|
|
|
|
|
// console.log(moment(this.state.publish_time, "YYYY-MM-DD HH:mm"));
|
|
|
|
|
if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(value,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.publish_time,"YYYY-MM-DD HH:mm")){_this.setState({unit_e_tip:"截止时间不能早于发布时间",p_flag:true,borredss:"bor-reds",end_time:value.format('YYYY-MM-DD HH:mm'),deadline:value.format('YYYY-MM-DD HH:mm')});return;}try{_this.setState({unit_e_tip:"",p_flag:false,borredss:undefined,deadline:value.format('YYYY-MM-DD HH:mm')});}catch(e){}_this.setState({end_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString))).format("YYYY-MM-DD HH:mm")});// this.onChangedata('end_time', value, dateString);
|
|
|
|
|
if(_this.state.allowreplenishment===true){_this.setState({deadline:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString)).format('YYYY-MM-DD HH:mm'),late_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString)).add(2,'months'),late_times:__WEBPACK_IMPORTED_MODULE_23_moment___default()(Object(__WEBPACK_IMPORTED_MODULE_17_educoder__["T" /* handleDateString */])(dateString)).add(2,'months').format('YYYY-MM-DD HH:mm')});}// }
|
|
|
|
|
};_this.onEndChangeys=function(value,dateString){if(value==null){_this.setState({late_times:undefined,late_time:undefined});return;}var _this$state2=_this.state,publish_time=_this$state2.publish_time,end_time=_this$state2.end_time,unifiedsetting=_this$state2.unifiedsetting,rulesdata=_this$state2.rulesdata;if(unifiedsetting===true){if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(value,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()(publish_time)){_this.setState({hand__e_tip:"补交时间不能早于发布时间",hand_flags:true,handclass:"bor-reds",late_times:value.format('YYYY-MM-DD HH:mm'),late_time:value.format('YYYY-MM-DD HH:mm')});}else if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(value,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()(end_time)){_this.setState({hand__e_tip:"补交时间不能早于截止时间",hand_flags:true,handclass:"bor-reds",late_times:value.format('YYYY-MM-DD HH:mm'),late_time:value.format('YYYY-MM-DD HH:mm')});}else{try{_this.setState({late_times:value.format('YYYY-MM-DD HH:mm'),late_time:value.format('YYYY-MM-DD HH:mm'),hand__e_tip:"",hand_flags:false,handclass:""});}catch(e){}}}else{rulesdata.map(function(item,key){if(item.publish_time!="Invalid date"){if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(value,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()(item.publish_time)){//console.log(moment(item.publish_time, "YYYY-MM-DD HH:mm") <= moment(publish_time))
|
|
|
|
|
var kes=key+1;_this.setState({hand__e_tip:"补交时间不能早于发布规则"+kes+"的发布时间",hand_flags:true,handclass:"bor-reds"});return;}else{_this.setState({late_times:value.format('YYYY-MM-DD HH:mm'),late_time:value.format('YYYY-MM-DD HH:mm'),hand__e_tip:"",hand_flags:false,handclass:undefined});}}});}};_this.homeworkstart=function(){var homeworkid=_this.props.match.params.homeworkid;var url="/homework_commons/"+homeworkid+"/publish_groups.json";__WEBPACK_IMPORTED_MODULE_22_axios___default.a.get(url).then(function(response){if(response.status===200){var dataformat='YYYY-MM-DD HH:mm';var starttime=_this.props.getNowFormatDates(1);var endtime=_this.props.getNowFormatDates(2);_this.setState({modalname:"立即发布",modaltype:response.data.course_groups===null||response.data.course_groups.length===0?2:1,OneSelftype:true,Topval:"学生将立即收到作业",// Botvalleft:"暂不发布",
|
|
|
|
|
Botval:"\u672C\u64CD\u4F5C\u53EA\u5BF9\"\u672A\u53D1\u5E03\"\u7684\u4F5C\u4E1A\u6709\u6548",starttime:"发布时间:"+__WEBPACK_IMPORTED_MODULE_23_moment___default()(__WEBPACK_IMPORTED_MODULE_23_moment___default()(new Date())).format("YYYY-MM-DD HH:mm"),starttimes:starttime,starttimesend:response.data.end_time===undefined||response.data.end_time===null||response.data.end_time===""?undefined:response.data.end_time,typs:"start",endtime:"截止时间:"+endtime,Cancelname:"暂不发布",Savesname:"立即发布",Cancel:_this.homeworkhide,Saves:_this.homeworkstartend,course_groups:response.data.course_groups});}}).catch(function(error){console.log(error);});};_this.homeworkends=function(){var homeworkid=_this.props.match.params.homeworkid;var url="/homework_commons/"+homeworkid+"/end_groups.json";__WEBPACK_IMPORTED_MODULE_22_axios___default.a.get(url).then(function(response){if(response.status===200){_this.setState({});_this.setState({modalname:"立即截止",modaltype:response.data.course_groups===null||response.data.course_groups.length===0?2:1,visible:true,Topval:"学生将不能再提交作业",// Botvalleft:"暂不截止",
|
|
|
|
|
Botval:"\u672C\u64CD\u4F5C\u53EA\u5BF9\"\u63D0\u4EA4\u4E2D\"\u7684\u4F5C\u4E1A\u6709\u6548",Cancelname:"暂不截止",Savesname:"立即截止",Cancel:_this.homeworkhide,Saves:_this.coursetaskend,starttime:undefined,endtime:undefined,typs:"end",course_groups:response.data.course_groups});}}).catch(function(error){console.log(error);});};_this.homeworkstartend=function(ds,endtime){var homeworkid=_this.props.match.params.homeworkid;var data={};if(ds.length===0){if(_this.props.teacherdatapage.category.main===1){data={homework_ids:[homeworkid],end_time:endtime};}else{data={homework_ids:[homeworkid],end_time:endtime,category_id:_this.props.teacherdatapage.category.category_id};}}else{if(_this.props.teacherdatapage.category.main===1){data={homework_ids:[homeworkid],group_ids:ds,group_end_times:endtime,detail:true};}else{data={homework_ids:[homeworkid],group_ids:ds,group_end_times:endtime,category_id:_this.props.teacherdatapage.category.category_id,detail:true};}}var coursesId=_this.props.match.params.coursesId;var url="/courses/"+coursesId+"/homework_commons/publish_homework.json";__WEBPACK_IMPORTED_MODULE_22_axios___default.a.post(url,data).then(function(result){if(result.status===200){if(result.data.status===0){__WEBPACK_IMPORTED_MODULE_11_antd_lib_notification___default.a.open({message:"提示",description:result.data.message});_this.homeworkhide();_this.getTrainingjobsetting(false);}}}).catch(function(error){console.log(error);});};_this.coursetaskend=function(){var homeworkid=_this.props.match.params.homeworkid;var course_groupslist=_this.state.course_groupslist;var cid=_this.props.match.params.coursesId;var url="/courses/"+cid+"/homework_commons/end_homework.json";__WEBPACK_IMPORTED_MODULE_22_axios___default.a.post(url,{group_ids:course_groupslist,homework_ids:[homeworkid]}).then(function(response){if(response.data.status==0){__WEBPACK_IMPORTED_MODULE_11_antd_lib_notification___default.a.open({message:"提示",description:response.data.message});// notification['success']({
|
|
|
|
|
// message:"提示",
|
|
|
|
|
// description:response.data.message
|
|
|
|
|
// });
|
|
|
|
|
_this.getTrainingjobsetting(false);_this.homeworkhide();}}).catch(function(error){console.log(error);});};_this.getcourse_groupslist=function(id){_this.setState({course_groupslist:id});};_this.homeworkhide=function(){_this.setState({modalname:undefined,modaltype:undefined,visible:false,OneSelftype:false,Topval:undefined,Topvalright:undefined,Botvalleft:undefined,Botval:undefined,starttime:undefined,endtime:undefined,Cancelname:undefined,Savesname:undefined,Cancel:undefined,Saves:undefined,StudentList_value:undefined,addname:undefined,addnametype:false,addnametab:undefined,typs:undefined,starttimes:undefined,starttimesend:undefined});};_this.cancelBox=function(){_this.setState({modalsType:false,modalsTopval:"",loadtype:false});};_this.editSetting=function(){try{if(_this.state.jobsettingsdata.data.is_end===true){_this.setState({modalsType:true,modalsTopval:"课堂已结束不能再修改!",loadtype:true,modalSave:_this.cancelBox});}else{var releasetime=true;var deadline=true;var endtime=true;var whethertopays=true;//发布时间
|
|
|
|
|
if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.publish_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){releasetime=false;}//截止时间
|
|
|
|
|
if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.end_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){deadline=false;}//结束时间
|
|
|
|
|
if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(_this.state.late_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){endtime=false;}if(_this.state.allowreplenishment===false){whethertopays=false;}if(_this.state.jobsettingsdata!==undefined){}try{if(_this.state.jobsettingsdata&&_this.state.jobsettingsdata.data.homework_status[0]==="未发布"){_this.setState({flagPageEditsbox:true,flagPageEdit:true,whethertopay:whethertopays,flagPageEditstwo:releasetime,flagPageEditsthrees:deadline,flagPageEditsfor:endtime,completionefficiencyscore:false,work_efficiencys:_this.state.work_efficiencys,unifiedsetting:_this.state.unifiedsetting,latedeductiontwo:_this.state.latedeductiontwo});//均分比例
|
|
|
|
|
try{if(_this.state.proportion==="均分比例"){_this.Equalproportion(_this.state.latedeductiontwo,_this.state.CalculateMax,true);}else if(_this.state.proportion==="经验值比例"){_this.Empiricalvalueratio(_this.state.latedeductiontwo,_this.state.CalculateMax,true);}}catch(e){}}else{_this.setState({flagPageEditsbox:true,flagPageEdit:true,whethertopay:whethertopays,flagPageEditstwo:releasetime,flagPageEditsthrees:deadline,flagPageEditsfor:endtime,unifiedsetting:_this.state.unifiedsetting});if(_this.state.work_efficiencys===true){_this.setState({completionefficiencyscore:true});}else{_this.setState({completionefficiencyscore:false});}}}catch(e){_this.setState({flagPageEditsbox:true,flagPageEdit:true,whethertopay:whethertopays,flagPageEditstwo:releasetime,flagPageEditsthrees:deadline,flagPageEditsfor:endtime,unifiedsetting:_this.state.unifiedsetting});if(_this.state.work_efficiencys===true){_this.setState({completionefficiencyscore:true});}else{_this.setState({completionefficiencyscore:false});}}if(_this.state.proportion==="自定义分值"){_this.setState({boolUnitetwoname:"自定义分值",boolUnitetwo:false,flagPageEdits:true});}}}catch(e){}};_this.editSettings=function(datas){// console.log("编辑页面");
|
|
|
|
|
// console.log(datas);
|
|
|
|
|
try{if(datas.data.is_end===true){_this.setState({modalsType:true,modalsTopval:"课堂已结束不能再修改!",loadtype:true,modalSave:_this.cancelBox});}else{//
|
|
|
|
|
var releasetime=true;var deadline=true;var endtime=true;var whethertopays=true;//发布时间
|
|
|
|
|
if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(datas.data.publish_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){releasetime=false;}//截止时间
|
|
|
|
|
if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(datas.data.end_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){deadline=false;}//结束时间
|
|
|
|
|
if(__WEBPACK_IMPORTED_MODULE_23_moment___default()(datas.data.late_time,"YYYY-MM-DD HH:mm")<=__WEBPACK_IMPORTED_MODULE_23_moment___default()()){endtime=false;}if(datas.data.allow_late===false){whethertopays=false;}try{if(datas.data&&datas.data.homework_status[0]==="未发布"){_this.setState({flagPageEditsbox:true,flagPageEdit:true,whethertopay:whethertopays,flagPageEditstwo:releasetime,flagPageEditsthrees:deadline,flagPageEditsfor:endtime,completionefficiencyscore:datas.data.work_efficiency===true?true:false,work_efficiencys:datas.data.work_efficiency,unifiedsetting:datas.data.unified_setting,latedeductiontwo:datas.data.eff_score});//均分比例
|
|
|
|
|
// result.data.shixun_evaluation === 0 ? "均分比例" : result.data.shixun_evaluation === 1 ? "经验值比例" : result.data.shixun_evaluation === 2 ?
|
|
|
|
|
try{if(datas.data.shixun_evaluation===0){_this.Equalproportion(datas.data.eff_score,_this.state.CalculateMax,false);}else if(datas.data.shixun_evaluation===1){_this.Empiricalvalueratio(datas.data.eff_score,_this.state.CalculateMax,false);}}catch(e){//console.log("报错editSettings");
|
|
|
|
|
//console.log(1);
|
|
|
|
|
//console.log(e);
|
|
|
|
|
}}else{_this.setState({flagPageEditsbox:true,flagPageEdit:true,whethertopay:whethertopays,flagPageEditstwo:releasetime,flagPageEditsthrees:deadline,flagPageEditsfor:endtime,unifiedsetting:datas.data.unified_setting});if(datas.data.work_efficiency===true){_this.setState({completionefficiencyscore:true});}else{_this.setState({completionefficiencyscore:false});}}}catch(e){//console.log(2);
|
|
|
|
|
//console.log(e);
|
|
|
|
|
_this.setState({flagPageEditsbox:true,flagPageEdit:true,whethertopay:whethertopays,flagPageEditstwo:releasetime,flagPageEditsthrees:deadline,flagPageEditsfor:endtime,unifiedsetting:datas.data.unified_setting});if(datas.data.work_efficiency===true){_this.setState({completionefficiencyscore:true});}else{_this.setState({completionefficiencyscore:false});}}if(datas.data.shixun_evaluation===2){_this.setState({boolUnitetwoname:"自定义分值",boolUnitetwo:false,flagPageEdits:true});}}}catch(e){//console.log(3);
|
|
|
|
|
//console.log(e);
|
|
|
|
|
}};_this.cancelEdit=function(){_this.setState({flagPageEditsbox:false,flagPageEdit:false,flagPageEditstwo:false,flagPageEditsthrees:false,flagPageEditsfor:false,whethertopay:false,unit_p_tip:"",p_flag:false,borreds:undefined,borredss:undefined,hand__e_tip:"",hand_flags:false,handclass:undefined,completionefficiencyscore:false,latedeductiontwo:0,unit_e_tip:""});_this.refs.targetElementTrainingjobsetting.scrollIntoView();_this.getTrainingjobsetting(false);_this.setState({CalculateMax:_this.state.total_scoretwo});};_this.rulesCheckInfo=function(rules){var datas=[];for(var i=0;i<rules.length;i++){if(rules[i].course_group_id instanceof Array){datas.push({group_id:rules[i].course_group_id,publish_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(rules[i].publish_time).format('YYYY-MM-DD HH:mm'),end_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(rules[i].end_time).format('YYYY-MM-DD HH:mm')});}else{datas.push({group_id:[rules[i].course_group_id],publish_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(rules[i].publish_time).format('YYYY-MM-DD HH:mm'),end_time:__WEBPACK_IMPORTED_MODULE_23_moment___default()(rules[i].end_time).format('YYYY-MM-DD HH:mm')});}}//console.log(rules);
|
|
|
|
|
//console.log(datas);
|
|
|
|
|
_this.setState({rules:rules,rulesdata:datas});};_this.workshowmodel=function(){_this.setState({showmodel:true});};_this.hideshowmodel=function(){_this.setState({showmodel:false});};_this.testscripttip=function(e){if(e===0){_this.setState({testscripttiptype:true});}else{_this.setState({testscripttiptype:false});}};_this.ChangeTab=function(e){_this.props.ChangeTab(e);};_this.daochushixunbaogao=function(){var url="/zip/shixun_report?homework_common_id="+_this.props.match.params.homeworkid;_this.confirmysl(url,url+'&export=true');};_this.daochuzuoye=function(){var url="/homework_commons/"+_this.props.match.params.homeworkid+"/works_list.xlsx";_this.confirmysl(url,url+'?export=true');};_this.Downloadcal=function(){_this.setState({DownloadType:false,DownloadMessageval:undefined});};_this.state={flagPageEdit:true,flagPageEdits:false,flagPageEditstwo:false,flagPageEditsthrees:false,flagPageEditsfor:false,props:props,flagPageEditsbox:false,handclass:undefined,rulest:undefined,rules:undefined,starttimetype:false,endtimetype:false,latetimetype:false,allowlate:1,unit_p_tip:"",unit_e_tip:"",latepenaltytype:false,unifiedsetting:true,allowreplenishment:undefined,completionefficiencyscore:false,whethertopay:false,proportion:undefined,level:undefined,ealuation:false,latededuction:undefined,latedeductiontwo:"0",database:false,datasheet:false,databasetwo:undefined,datasheettwo:undefined,publicwork:undefined,publish_time:undefined,publish_timebool:false,end_time:undefined,late_time:undefined,endOpen:false,borreds:undefined,borredss:undefined,releasetime:undefined,deadline:undefined,late_times:undefined,mystyle:{"display":"block"},mystyles:{"display":"none"},challenge_settings:undefined,boolUnite:true,boolUnitetwo:true,boolUnitetwoname:undefined,score_open:false,group_settings:undefined,rulesdata:[],showmodel:false,code_review:false,testscripttiptype:false,starttimesend:undefined,end_timebool:false,late_timesbool:false,work_efficiencys:false,task_pass:false,//是否允许跳关
|
|
|
|
|
CalculateMax:100,//总分值
|
|
|
|
|
borredszf:"ml10 color-grey-9",borredszfl:true,borredszfls:'',total_scoretwo:0,total_score:0// console.log("获取到的值")
|
|
|
|
|
// console.log("Trainingjobsetting")
|
|
|
|
|
// // console.log("设置页面调用的老师学生权限")
|
|
|
|
|
// console.log(JSON.stringify(props))
|
|
|
|
|
// console.log(this.props.isAdmin()) //判断是否是老师
|
|
|
|
|
// console.log(this.props.isStudent()) //判断是否是学生
|
|
|
|
|
// console.log(this.props.isNotMember()) //判断是否有登入权限
|
|
|
|
|
};return _this;}_createClass(Trainingjobsetting,[{key:"componentDidMount",value:function componentDidMount(){//console.log("Trainingjobsetting");
|
|
|
|
|
//console.log("componentDidMount");
|
|
|
|
|
this.getTrainingjobsetting(true);var query=this.props.location.pathname;var type=query.split('/');this.setState({shixuntypes:type[3]});this.props.triggerRef(this);if(this.props.isAdmin()===false){this.cancelEdit();}}// componentWillReceiveProps(nextProps) {
|
|
|
|
|
// // console.log("+++++++++916");
|
|
|
|
|
// // console.log(nextProps);
|
|
|
|
|
// // console.log(this.props)
|
|
|
|
|
// // console.log(this.props.isAdmin());
|
|
|
|
|
// if (nextProps.code_review != this.props.code_review) {
|
|
|
|
|
// if (nextProps.code_review !== undefined) {
|
|
|
|
|
// console.log("diaoyonglwangluo4");
|
|
|
|
|
// this.getTrainingjobsetting()
|
|
|
|
|
//
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// }
|
|
|
|
|
// 获取数据地方
|
|
|
|
|
//跳转道描点的地方
|
|
|
|
|
//计算总分值
|
|
|
|
|
//提交数据
|
|
|
|
|
//数据库
|
|
|
|
|
//公开设置
|
|
|
|
|
//是否跳关设置
|
|
|
|
|
//统一设置
|
|
|
|
|
//允许补交
|
|
|
|
|
//级别
|
|
|
|
|
//比例
|
|
|
|
|
//均分比例
|
|
|
|
|
//经验值比例
|
|
|
|
|
//完成效率评分占比
|
|
|
|
|
//迟交扣分
|
|
|
|
|
//总比分
|
|
|
|
|
// //效率分
|
|
|
|
|
// disabledEndDate = (end_time) => {
|
|
|
|
|
// const publish_time = this.state.publish_time;
|
|
|
|
|
// if (!end_time || !publish_time) {
|
|
|
|
|
// return false;
|
|
|
|
|
// }
|
|
|
|
|
// return end_time.valueOf() <= publish_time.valueOf();
|
|
|
|
|
//
|
|
|
|
|
// }
|
|
|
|
|
// disabledEndDates = (end_time) => {
|
|
|
|
|
// const publish_time = this.state.end_time
|
|
|
|
|
// if (!end_time || !publish_time) {
|
|
|
|
|
// return false;
|
|
|
|
|
// }
|
|
|
|
|
// console.log("end_time.valueOf()")
|
|
|
|
|
// // console.log(end_time.valueOf());
|
|
|
|
|
// // console.log(publish_time.valueOf());
|
|
|
|
|
// return end_time.valueOf() <= publish_time.valueOf();
|
|
|
|
|
//
|
|
|
|
|
//
|
|
|
|
|
// }
|
|
|
|
|
//立即发布
|
|
|
|
|
//立即截止
|
|
|
|
|
// 立即发布
|
|
|
|
|
//立即截止确定按钮
|
|
|
|
|
//编辑
|
|
|
|
|
//一进来就是老师要用的编辑页面
|
|
|
|
|
//取消编辑
|
|
|
|
|
},{key:"confirmysl",value:function confirmysl(url,urlWithExport){var _this2=this;__WEBPACK_IMPORTED_MODULE_22_axios___default.a.get(urlWithExport).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.showNotification("\u6B63\u5728\u4E0B\u8F7D\u4E2D");window.open("/api"+url,'_blank');}}).catch(function(error){console.log(error);});}},{key:"render",value:function render(){var _this3=this,_React$createElement,_React$createElement2,_React$createElement3;var dataformat='YYYY-MM-DD HH:mm';var _state=this.state,flagPageEdit=_state.flagPageEdit,testscripttiptype=_state.testscripttiptype,publish_timebool=_state.publish_timebool,end_timebool=_state.end_timebool,borredszf=_state.borredszf,borredszfl=_state.borredszfl,borredszfls=_state.borredszfls,late_timesbool=_state.late_timesbool,work_efficiencys=_state.work_efficiencys,flagPageEdits=_state.flagPageEdits,flagPageEditstwo=_state.flagPageEditstwo,flagPageEditsbox=_state.flagPageEditsbox,whethertopay=_state.whethertopay,handclass=_state.handclass,flagPageEditsthrees=_state.flagPageEditsthrees,flagPageEditsfor=_state.flagPageEditsfor,rules=_state.rules,rulest=_state.rulest,unifiedsetting=_state.unifiedsetting,group_settings=_state.group_settings,course_group=_state.course_group,unit_e_tip=_state.unit_e_tip,borreds=_state.borreds,borredss=_state.borredss,unit_p_tip=_state.unit_p_tip,end_time=_state.end_time,late_time=_state.late_time,score_open=_state.score_open,publish_time=_state.publish_time,starttimetype=_state.starttimetype,modalsType=_state.modalsType,modalsTopval=_state.modalsTopval,loadtype=_state.loadtype,modalSave=_state.modalSave,endtimetype=_state.endtimetype,latetimetype=_state.latetimetype,allowlate=_state.allowlate,latepenaltytype=_state.latepenaltytype,jobsettingsdata=_state.jobsettingsdata,endOpen=_state.endOpen,mystyle=_state.mystyle,mystyles=_state.mystyles,task_pass=_state.task_pass;// console.log(publish_timebool);
|
|
|
|
|
// console.log(!flagPageEditstwo);
|
|
|
|
|
var radioStyle={display:'block',height:'30px',lineHeight:'30px',color:"#666666"};var radioStyles={display:'block',height:'30px',lineHeight:'30px',color:"#666666",marginLeft:'38px'};// const startDate=moment(this.state.publish_time).format('YYYY-MM-DD HH:mm');
|
|
|
|
|
// const endDate =moment(this.state.publish_time).add('months',1).format('YYYY-MM-DD HH:mm');
|
|
|
|
|
// console.log("Trainingjobsetting");
|
|
|
|
|
// console.log(startDate);
|
|
|
|
|
// console.log(endDate);
|
|
|
|
|
// if( this.props.isAdmin() === true){
|
|
|
|
|
// this.editSetting();
|
|
|
|
|
// }
|
|
|
|
|
// console.log(this.props.isAdmin())
|
|
|
|
|
// console.log(this.state.code_review===false)
|
|
|
|
|
// console.log("引入的分值");
|
|
|
|
|
// console.log(this.state.work_efficiencys);
|
|
|
|
|
return __WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:" clearfix ",ref:"targetElementTrainingjobsetting",style:{margin:"auto",minWidth:"1200px"}},this.state.showmodel===true?__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_19__Shixunworkdetails_ShixunWorkModal__["a" /* default */],Object.assign({},this.props,{visible:this.state.showmodel,modalname:"代码查重",data:[],issCancel:function issCancel(){return _this3.hideshowmodel();}})):"",__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_26__modals_DownloadMessageysl__["a" /* default */],Object.assign({},this.props,{value:this.state.DownloadMessageval,modalCancel:this.Downloadcal,modalsType:this.state.DownloadType})),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_16__coursesPublic_HomeworkModal__["a" /* default */],{modaltype:this.state.modaltype,modalname:this.state.modalname,visible:this.state.visible,Topval:this.state.Topval,Topvalright:this.state.Topvalright,F:true,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,getcourse_groupslist:function getcourse_groupslist(id){return _this3.getcourse_groupslist(id);},starttimes:this.state.starttimes,starttimesend:this.state.starttimesend,typs:this.state.typs}),this.state.OneSelftype===true?__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_27__coursesPublic_OneSelfOrderModal__["a" /* default */],{modaltype:this.state.modaltype,modalname:this.state.modalname,OneSelftype:this.state.OneSelftype,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,getcourse_groupslist:function getcourse_groupslist(id){return _this3.getcourse_groupslist(id);},starttimes:this.state.starttimes,starttimesend:this.state.starttimesend,typs:this.state.typs}):"",__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_25__modals_Modals__["a" /* default */],{modalsType:modalsType,modalsTopval:modalsTopval,loadtype:loadtype,modalSave:modalSave}),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:"educontent"},!flagPageEdit&&this.props.isAdmin()===true?"":__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("style",null,"\n .yskspickers\n .ant-input, .ant-input .ant-input-suffix{\n background-color: #fff !important;\n }\n\t\t\t\t\t\t\t\t\t \t"),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:"edu-back-white",style:{paddingTop:"20px"}},__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:"stud-class-set bor-bottom-greyE edu-back-white"},__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:" pl20"},__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("p",{className:" clearfix ",style:{height:"41px"}},__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("span",{className:"font-16 fl ",style:{color:"#05101A"}},"\u53D1\u5E03\u8BBE\u7F6E ",__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("span",{className:"ml15 color-grey-9",style:{fontSize:"14px",textAlign:"left"}})),!flagPageEdit&&this.props.isAdmin()===true?__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("a",{className:"fr white-btn edu-blueline-btn mr10 mr20 lineh-24",onClick:this.editSetting},"\u7F16\u8F91\u8BBE\u7F6E"):""),group_settings&&group_settings.length>0?__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:" clearfix edu-b
|
|
|
|
|
,placeholder:"\u8BF7\u9009\u62E9\u622A\u6B62\u65F6\u95F4",locale:__WEBPACK_IMPORTED_MODULE_21_antd_lib_date_picker_locale_zh_CN___default.a},_defineProperty(_React$createElement2,"showToday",false),_defineProperty(_React$createElement2,"width","210px"),_defineProperty(_React$createElement2,"onOk",this.ontimeonoktwo),_defineProperty(_React$createElement2,"disabled",!flagPageEditsthrees),_defineProperty(_React$createElement2,"dropdownClassName","hideDisable"),_React$createElement2)))),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("span",{className:" ml20 fl mt5 color-grey-c",style:{textAlign:"left",fontSize:"14px"}},"(\u5B66\u751F\u201C\u6309\u65F6\u201D\u63D0\u4EA4\u4F5C\u54C1\u7684\u65F6\u95F4\u622A\u70B9)")),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("p",{className:"color-red lineh-25 clearfix",style:{height:"25px"}},unit_e_tip&&unit_e_tip!=""?__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("span",{className:"fl",style:{marginLeft:"94px"}},unit_e_tip):"")):__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:"ml40"},__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_18__poll_PollDetailTabForthRules__["a" /* default */],Object.assign({},this.props,this.state,{teacherdatapage:this.props.teacherdatapage,rules:rules,moduleName:"作业",course_group:rulest,flagPageEdit:flagPageEdit,rulesCheckInfo:function rulesCheckInfo(info){return _this3.rulesCheckInfo(info);}}))))),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:"stud-class-set bor-bottom-greyE edu-back-white"},__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:" clearfix edu-back-white poll_list mt10"},__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:"font-16 color-dark fl pl20 mt10 ",style:{color:"#05101A"}},"\u8865\u4EA4\u8BBE\u7F6E")),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:"ml40 mt10"},__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_9_antd_lib_checkbox___default.a,{style:radioStyle,value:"允许补交",checked:this.state.allowreplenishment,className:"font-16 ",onChange:this.onChanges,disabled:!flagPageEdit},"\u5F00\u542F\u8865\u4EA4 ",__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("span",{className:"font-14 ml10 color-grey-c",style:{textAlign:"left",fontSize:"14px"}},"(\u9009\u4E2D\uFF0C\u5219\u5141\u8BB8\u5B66\u751F\u5EF6\u65F6\u63D0\u4EA4\u4F5C\u54C1)")),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("div",{className:"h21 mb30 mt20"},__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("span",{className:"font-16",style:{"width":"100px",color:"#999999"}},"\u8FDF\u4EA4\u6263\u5206\uFF1A"),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("style",null,".ant-input-number{\n height: 40px\n }\n .ant-input-number-input{\n height: 40px\n }\n "),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_antd_lib_input_number___default.a,{disabled:!whethertopay,min:0,max:1000,className:"mr10 h40 color-grey-9",onChange:this.changeTopicName,style:{color:"#999999","height":"40px"},value:this.state.latededuction}),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("span",{className:"ml10 color-grey-9 font-16"},"\u5206"),__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("span",{className:"ml15 color-grey-c",style:{textAlign:"left",fontSize:"14px"}},"(\u5EF6\u65F6\u63D0\u4EA4\u4F5C\u54C1\u65F6\uFF0C\u5B66\u751F\u6210\u7EE9\u5C06\u88AB\u6263\u51CF\u7684\u5206\u503C)")),whethertopay&&whethertopay===true?__WEBPACK_IMPORTED_MODULE_14_react___default.a.createElement("style",null,"\n .yskspickerss\n
|
|
|
|
|
// <div className=" clearfix edu-back-white poll_list">
|
|
|
|
|
// <a onClick={(e)=>this.ChangeTab(0)}>作品列表</a>
|
|
|
|
|
// <a onClick={(e)=>this.ChangeTab(1)}>作业问答</a>
|
|
|
|
|
// {this.props.isAdmin()?this.state.code_review===true||jobsettingsdata === undefined ? [""] : jobsettingsdata.data.homework_status[0]==="未发布"?"": <a onClick={(e)=>this.ChangeTab(2)}>代码查重</a> : ""}
|
|
|
|
|
// <style>{
|
|
|
|
|
// `
|
|
|
|
|
// .poll_list a.active:after {
|
|
|
|
|
// content: '';
|
|
|
|
|
// width: 57px;
|
|
|
|
|
// left: 10px;
|
|
|
|
|
// bottom: 0px;
|
|
|
|
|
// height: 2px;
|
|
|
|
|
// background-color: #4CACFF;
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// }
|
|
|
|
|
// `
|
|
|
|
|
// }</style>
|
|
|
|
|
// <a className="active"
|
|
|
|
|
// onClick={(e)=>this.ChangeTab(3)}
|
|
|
|
|
// >设置</a>
|
|
|
|
|
// <style>{`
|
|
|
|
|
// .drop_down_menu li a {
|
|
|
|
|
// padding: 0px;
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// }
|
|
|
|
|
// .drop_down_menu {
|
|
|
|
|
// width: 93px;
|
|
|
|
|
// }
|
|
|
|
|
// .drop_down_menu li {
|
|
|
|
|
// overflow: visible;
|
|
|
|
|
// width: 93px;
|
|
|
|
|
// }
|
|
|
|
|
// .drop_down_menu, .drop_down_normal {
|
|
|
|
|
// padding-top: 10px;
|
|
|
|
|
// padding-bottom: 8px;
|
|
|
|
|
// }
|
|
|
|
|
// a:hover {
|
|
|
|
|
// color:#1A0B00 !important;
|
|
|
|
|
// }
|
|
|
|
|
// `}</style>
|
|
|
|
|
// {this.props.isAdmin() ? <li className="li_line drop_down fr color-blue font-16 mr8 mt20" style={{"padding": "0 20px"}}>
|
|
|
|
|
// 导出<i className="iconfont icon-xiajiantou font-12 ml2"></i>
|
|
|
|
|
// <ul className="drop_down_menu" style={{"right": "-0px", "left": "unset", "height": "auto"}}>
|
|
|
|
|
// <li><a onClick={()=>this.confirmysl(`/zip/shixun_report?homework_common_id=${this.props.match.params.homeworkid}`)}>实训报告</a>
|
|
|
|
|
// </li>
|
|
|
|
|
// <li><a onClick={()=>this.confirmysl(`/homework_commons/${this.props.match.params.homeworkid}/works_list.xlsx`)}>学生成绩</a>
|
|
|
|
|
// </li>
|
|
|
|
|
// </ul>
|
|
|
|
|
// </li>: ""}
|
|
|
|
|
// {this.props.isAdmin() ?jobsettingsdata&&jobsettingsdata.data.end_immediately===true?
|
|
|
|
|
// <a className="fr color-blue font-16" onClick={this.homeworkends}>立即截止</a>
|
|
|
|
|
// : "": ""}
|
|
|
|
|
// {this.props.isAdmin() ?jobsettingsdata&&jobsettingsdata.data.publish_immediately===true?
|
|
|
|
|
// <a className="fr color-blue font-16" onClick={this.homeworkstart}>立即发布</a>: "" : ""}
|
|
|
|
|
// {this.props.isAdmin()?
|
|
|
|
|
// jobsettingsdata&&jobsettingsdata.data.code_review===true?
|
|
|
|
|
// <a className="fr color-blue font-16" onClick={this.workshowmodel}>代码查重</a>: "":""}
|
|
|
|
|
// {
|
|
|
|
|
// jobsettingsdata&& jobsettingsdata&&jobsettingsdata.data === undefined ? ""
|
|
|
|
|
// : jobsettingsdata&& jobsettingsdata.data.commit_des === null || jobsettingsdata&& jobsettingsdata.data.commit_des === undefined ? "" :
|
|
|
|
|
// <a className="fr color-blue font-16"
|
|
|
|
|
// href={`/courses/${this.state.props.match.params.coursesId}/${this.state.shixuntypes}/${ jobsettingsdata&& jobsettingsdata.data === undefined ? "" : jobsettingsdata&& jobsettingsdata.data.id}/commitsummary/${this.state.props.match.params.homeworkid}`}>{ jobsettingsdata&& jobsettingsdata.data.commit_des}</a>
|
|
|
|
|
// }
|
|
|
|
|
// { jobsettingsdata&&jobsettingsdata.data === undefined ? "" : <Startshixuntask
|
|
|
|
|
// {...this.props}
|
|
|
|
|
// data={ jobsettingsdata&& jobsettingsdata.data}
|
|
|
|
|
// />}
|
|
|
|
|
{/* </div>*/}{/*</div>*/}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 826:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _extends2 = __webpack_require__(26);
|
|
|
|
|
|
|
|
|
|
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__(85);
|
|
|
|
|
|
|
|
|
|
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);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 832:
|
|
|
|
|
/***/ (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__(26);
|
|
|
|
|
/* 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__(85);
|
|
|
|
|
/* 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);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 908:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exports.__esModule = true;
|
|
|
|
|
|
|
|
|
|
var _classCallCheck2 = __webpack_require__(11);
|
|
|
|
|
|
|
|
|
|
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn2 = __webpack_require__(13);
|
|
|
|
|
|
|
|
|
|
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
|
|
|
|
|
|
|
|
var _inherits2 = __webpack_require__(14);
|
|
|
|
|
|
|
|
|
|
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__(1168);
|
|
|
|
|
|
|
|
|
|
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
|
|
|
|
|
|
|
|
|
|
var _KeyCode = __webpack_require__(302);
|
|
|
|
|
|
|
|
|
|
var _KeyCode2 = _interopRequireDefault(_KeyCode);
|
|
|
|
|
|
|
|
|
|
var _placements = __webpack_require__(1169);
|
|
|
|
|
|
|
|
|
|
var _placements2 = _interopRequireDefault(_placements);
|
|
|
|
|
|
|
|
|
|
var _rcTrigger = __webpack_require__(88);
|
|
|
|
|
|
|
|
|
|
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'];
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 937:
|
|
|
|
|
/***/ (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__(1197);
|
|
|
|
|
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__(291)(content, options);
|
|
|
|
|
if(content.locals) module.exports = content.locals;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 947:
|
|
|
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_tooltip_style_css__ = __webpack_require__(165);
|
|
|
|
|
/* 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__(164);
|
|
|
|
|
/* 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__(303);
|
|
|
|
|
/* 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
|
|
|
|
|
// "已开启补交",
|
|
|
|
|
// "未开启补交",
|
|
|
|
|
// "匿名作品",
|
|
|
|
|
// "已选择",
|
|
|
|
|
// "已结束",
|
|
|
|
|
// "提交中",
|
|
|
|
|
// "匿评中",
|
|
|
|
|
// "申诉中",
|
|
|
|
|
// "补交中",
|
|
|
|
|
// "评阅中",
|
|
|
|
|
// "待选中",
|
|
|
|
|
// "交叉评阅中",
|
|
|
|
|
// "已开启交叉评阅",
|
|
|
|
|
// "待确认",
|
|
|
|
|
// "待处理",
|
|
|
|
|
// "未发布",
|
|
|
|
|
// "私有",
|
|
|
|
|
// "未提交",
|
|
|
|
|
// "已确认",
|
|
|
|
|
// "已截止",
|
|
|
|
|
// ]
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 948:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
__webpack_require__(27);
|
|
|
|
|
|
|
|
|
|
__webpack_require__(1138);
|
|
|
|
|
|
|
|
|
|
__webpack_require__(67);
|
|
|
|
|
|
|
|
|
|
__webpack_require__(1140);
|
|
|
|
|
|
|
|
|
|
__webpack_require__(1071);
|
|
|
|
|
//# sourceMappingURL=css.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ 949:
|
|
|
|
|
/***/ (function(module, exports, __webpack_require__) {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
|
|
|
value: true
|
|
|
|
|
});
|
|
|
|
|
exports["default"] = void 0;
|
|
|
|
|
|
|
|
|
|
var _rcCalendar = _interopRequireDefault(__webpack_require__(1000));
|
|
|
|
|
|
|
|
|
|
var _MonthCalendar = _interopRequireDefault(__webpack_require__(1003));
|
|
|
|
|
|
|
|
|
|
var _createPicker = _interopRequireDefault(__webpack_require__(1167));
|
|
|
|
|
|
|
|
|
|
var _wrapPicker = _interopRequireDefault(__webpack_require__(1170));
|
|
|
|
|
|
|
|
|
|
var _RangePicker = _interopRequireDefault(__webpack_require__(1177));
|
|
|
|
|
|
|
|
|
|
var _WeekPicker = _interopRequireDefault(__webpack_require__(1185));
|
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ })
|
|
|
|
|
|
|
|
|
|
});
|