1 | 'use strict';
|
2 |
|
3 | exports.__esModule = true;
|
4 |
|
5 | var _extends2 = require('babel-runtime/helpers/extends');
|
6 |
|
7 | var _extends3 = _interopRequireDefault(_extends2);
|
8 |
|
9 | var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
10 |
|
11 | var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
12 |
|
13 | var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
14 |
|
15 | var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
16 |
|
17 | var _inherits2 = require('babel-runtime/helpers/inherits');
|
18 |
|
19 | var _inherits3 = _interopRequireDefault(_inherits2);
|
20 |
|
21 | var _class, _temp2;
|
22 |
|
23 | var _react = require('react');
|
24 |
|
25 | var _react2 = _interopRequireDefault(_react);
|
26 |
|
27 | var _reactLifecyclesCompat = require('react-lifecycles-compat');
|
28 |
|
29 | var _propTypes = require('prop-types');
|
30 |
|
31 | var PT = _interopRequireWildcard(_propTypes);
|
32 |
|
33 | var _panel = require('../../time-picker2/panel');
|
34 |
|
35 | var _panel2 = _interopRequireDefault(_panel);
|
36 |
|
37 | var _propTypes2 = require('../prop-types');
|
38 |
|
39 | var _propTypes3 = _interopRequireDefault(_propTypes2);
|
40 |
|
41 | var _util = require('../../util');
|
42 |
|
43 | function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
44 |
|
45 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
46 |
|
47 | var DECADE_TIME_FORMAT = 'HH:mm:ss';
|
48 |
|
49 | var TimePanel = (_temp2 = _class = function (_React$PureComponent) {
|
50 | (0, _inherits3.default)(TimePanel, _React$PureComponent);
|
51 |
|
52 | function TimePanel() {
|
53 | var _temp, _this, _ret;
|
54 |
|
55 | (0, _classCallCheck3.default)(this, TimePanel);
|
56 |
|
57 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
58 | args[_key] = arguments[_key];
|
59 | }
|
60 |
|
61 | return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args))), _this), _this.formater = function (v) {
|
62 | var _this$props$timePanel = _this.props.timePanelProps,
|
63 | timePanelProps = _this$props$timePanel === undefined ? {} : _this$props$timePanel;
|
64 |
|
65 | var _this$getShow = _this.getShow(),
|
66 | showHour = _this$getShow.showHour,
|
67 | showMinute = _this$getShow.showMinute,
|
68 | showSecond = _this$getShow.showSecond;
|
69 |
|
70 | var fmt = void 0;
|
71 | if ('format' in timePanelProps) {
|
72 | fmt = timePanelProps.format;
|
73 | } else {
|
74 | var fmtArr = [];
|
75 |
|
76 | showHour && fmtArr.push('HH');
|
77 | showMinute && fmtArr.push('mm');
|
78 | showSecond && fmtArr.push('ss');
|
79 |
|
80 | fmt = fmtArr.join(':');
|
81 | }
|
82 |
|
83 | return typeof fmt === 'function' ? fmt(v) : v.format(fmt);
|
84 | }, _this.getShow = function () {
|
85 | var _this$props$timePanel2 = _this.props.timePanelProps,
|
86 | props = _this$props$timePanel2 === undefined ? {} : _this$props$timePanel2;
|
87 |
|
88 |
|
89 | var fmt = props.format || DECADE_TIME_FORMAT;
|
90 |
|
91 | var showHour = void 0;
|
92 | var showMinute = void 0;
|
93 | var showSecond = void 0;
|
94 |
|
95 | if (typeof fmt === 'string') {
|
96 | showHour = fmt.indexOf('H') > -1;
|
97 | showSecond = fmt.indexOf('s') > -1;
|
98 | showMinute = fmt.indexOf('m') > -1;
|
99 | }
|
100 |
|
101 | return {
|
102 | showHour: 'showHour' in props ? props.showHour : showHour,
|
103 | showMinute: 'showMinute' in props ? props.showMinute : showMinute,
|
104 | showSecond: 'showSecond' in props ? props.showSecond : showSecond
|
105 | };
|
106 | }, _this.onSelect = function (v) {
|
107 | _util.func.invoke(_this.props, 'onSelect', [v]);
|
108 | }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
|
109 | }
|
110 |
|
111 | TimePanel.prototype.render = function render() {
|
112 | var _props = this.props,
|
113 | prefix = _props.prefix,
|
114 | rtl = _props.rtl,
|
115 | locale = _props.locale,
|
116 | _props$timePanelProps = _props.timePanelProps,
|
117 | timePanelProps = _props$timePanelProps === undefined ? {} : _props$timePanelProps,
|
118 | value = _props.value;
|
119 |
|
120 | var _getShow = this.getShow(),
|
121 | showHour = _getShow.showHour,
|
122 | showMinute = _getShow.showMinute,
|
123 | showSecond = _getShow.showSecond;
|
124 |
|
125 | return _react2.default.createElement(
|
126 | 'div',
|
127 | { dir: rtl ? 'rtl' : undefined, className: prefix + 'date-time-picker-wrapper ' + prefix + 'calendar2-panel' },
|
128 | _react2.default.createElement(
|
129 | 'div',
|
130 | { className: prefix + 'calendar2-header' },
|
131 | _react2.default.createElement(
|
132 | 'div',
|
133 | { className: prefix + 'calendar2-header-text-field' },
|
134 | value ? this.formater(value) : null
|
135 | )
|
136 | ),
|
137 | _react2.default.createElement(_panel2.default, (0, _extends3.default)({
|
138 | prefix: prefix,
|
139 | locale: locale,
|
140 | onSelect: this.onSelect,
|
141 | showHour: showHour,
|
142 | showSecond: showSecond,
|
143 | showMinute: showMinute
|
144 | }, timePanelProps, {
|
145 | value: value
|
146 | }))
|
147 | );
|
148 | };
|
149 |
|
150 | return TimePanel;
|
151 | }(_react2.default.PureComponent), _class.propTypes = {
|
152 | rtl: PT.bool,
|
153 | prefix: PT.string,
|
154 | locale: PT.object,
|
155 | value: _propTypes3.default.date,
|
156 | timePanelProps: PT.object,
|
157 | onSelect: PT.func
|
158 | }, _temp2);
|
159 | exports.default = (0, _reactLifecyclesCompat.polyfill)(TimePanel);
|
160 | module.exports = exports['default']; |
\ | No newline at end of file |