選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 
 

301 行
13 KiB

  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports["default"] = void 0;
  6. var _react = _interopRequireWildcard(require("react"));
  7. var _propTypes = _interopRequireDefault(require("prop-types"));
  8. var _moment = _interopRequireDefault(require("moment"));
  9. var _classnames = _interopRequireDefault(require("classnames"));
  10. var _reactLifecyclesCompat = require("react-lifecycles-compat");
  11. var _Header = _interopRequireDefault(require("./Header"));
  12. var _Combobox = _interopRequireDefault(require("./Combobox"));
  13. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
  14. function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
  15. 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; }
  16. 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; }
  17. 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; }
  18. function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  19. 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); } }
  20. function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
  21. function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
  22. function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
  23. function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
  24. 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); }
  25. function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
  26. 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; }
  27. function noop() {}
  28. function generateOptions(length, disabledOptions, hideDisabledOptions) {
  29. var step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
  30. var arr = [];
  31. for (var value = 0; value < length; value += step) {
  32. if (!disabledOptions || disabledOptions.indexOf(value) < 0 || !hideDisabledOptions) {
  33. arr.push(value);
  34. }
  35. }
  36. return arr;
  37. }
  38. function toNearestValidTime(time, hourOptions, minuteOptions, secondOptions) {
  39. var hour = hourOptions.slice().sort(function (a, b) {
  40. return Math.abs(time.hour() - a) - Math.abs(time.hour() - b);
  41. })[0];
  42. var minute = minuteOptions.slice().sort(function (a, b) {
  43. return Math.abs(time.minute() - a) - Math.abs(time.minute() - b);
  44. })[0];
  45. var second = secondOptions.slice().sort(function (a, b) {
  46. return Math.abs(time.second() - a) - Math.abs(time.second() - b);
  47. })[0];
  48. return (0, _moment["default"])("".concat(hour, ":").concat(minute, ":").concat(second), 'HH:mm:ss');
  49. }
  50. var Panel =
  51. /*#__PURE__*/
  52. function (_Component) {
  53. _inherits(Panel, _Component);
  54. function Panel() {
  55. var _getPrototypeOf2;
  56. var _this;
  57. _classCallCheck(this, Panel);
  58. for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
  59. args[_key] = arguments[_key];
  60. }
  61. _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Panel)).call.apply(_getPrototypeOf2, [this].concat(args)));
  62. _defineProperty(_assertThisInitialized(_this), "state", {});
  63. _defineProperty(_assertThisInitialized(_this), "onChange", function (newValue) {
  64. var onChange = _this.props.onChange;
  65. _this.setState({
  66. value: newValue
  67. });
  68. onChange(newValue);
  69. });
  70. _defineProperty(_assertThisInitialized(_this), "onAmPmChange", function (ampm) {
  71. var onAmPmChange = _this.props.onAmPmChange;
  72. onAmPmChange(ampm);
  73. });
  74. _defineProperty(_assertThisInitialized(_this), "onCurrentSelectPanelChange", function (currentSelectPanel) {
  75. _this.setState({
  76. currentSelectPanel: currentSelectPanel
  77. });
  78. });
  79. _defineProperty(_assertThisInitialized(_this), "disabledHours", function () {
  80. var _this$props = _this.props,
  81. use12Hours = _this$props.use12Hours,
  82. disabledHours = _this$props.disabledHours;
  83. var disabledOptions = disabledHours();
  84. if (use12Hours && Array.isArray(disabledOptions)) {
  85. if (_this.isAM()) {
  86. disabledOptions = disabledOptions.filter(function (h) {
  87. return h < 12;
  88. }).map(function (h) {
  89. return h === 0 ? 12 : h;
  90. });
  91. } else {
  92. disabledOptions = disabledOptions.map(function (h) {
  93. return h === 12 ? 12 : h - 12;
  94. });
  95. }
  96. }
  97. return disabledOptions;
  98. });
  99. return _this;
  100. }
  101. _createClass(Panel, [{
  102. key: "close",
  103. // https://github.com/ant-design/ant-design/issues/5829
  104. value: function close() {
  105. var onEsc = this.props.onEsc;
  106. onEsc();
  107. }
  108. }, {
  109. key: "isAM",
  110. value: function isAM() {
  111. var defaultOpenValue = this.props.defaultOpenValue;
  112. var value = this.state.value;
  113. var realValue = value || defaultOpenValue;
  114. return realValue.hour() >= 0 && realValue.hour() < 12;
  115. }
  116. }, {
  117. key: "render",
  118. value: function render() {
  119. var _this$props2 = this.props,
  120. prefixCls = _this$props2.prefixCls,
  121. className = _this$props2.className,
  122. placeholder = _this$props2.placeholder,
  123. disabledMinutes = _this$props2.disabledMinutes,
  124. disabledSeconds = _this$props2.disabledSeconds,
  125. hideDisabledOptions = _this$props2.hideDisabledOptions,
  126. showHour = _this$props2.showHour,
  127. showMinute = _this$props2.showMinute,
  128. showSecond = _this$props2.showSecond,
  129. format = _this$props2.format,
  130. defaultOpenValue = _this$props2.defaultOpenValue,
  131. clearText = _this$props2.clearText,
  132. onEsc = _this$props2.onEsc,
  133. addon = _this$props2.addon,
  134. use12Hours = _this$props2.use12Hours,
  135. focusOnOpen = _this$props2.focusOnOpen,
  136. onKeyDown = _this$props2.onKeyDown,
  137. hourStep = _this$props2.hourStep,
  138. minuteStep = _this$props2.minuteStep,
  139. secondStep = _this$props2.secondStep,
  140. inputReadOnly = _this$props2.inputReadOnly,
  141. clearIcon = _this$props2.clearIcon;
  142. var _this$state = this.state,
  143. value = _this$state.value,
  144. currentSelectPanel = _this$state.currentSelectPanel;
  145. var disabledHourOptions = this.disabledHours();
  146. var disabledMinuteOptions = disabledMinutes(value ? value.hour() : null);
  147. var disabledSecondOptions = disabledSeconds(value ? value.hour() : null, value ? value.minute() : null);
  148. var hourOptions = generateOptions(24, disabledHourOptions, hideDisabledOptions, hourStep);
  149. var minuteOptions = generateOptions(60, disabledMinuteOptions, hideDisabledOptions, minuteStep);
  150. var secondOptions = generateOptions(60, disabledSecondOptions, hideDisabledOptions, secondStep);
  151. var validDefaultOpenValue = toNearestValidTime(defaultOpenValue, hourOptions, minuteOptions, secondOptions);
  152. return _react["default"].createElement("div", {
  153. className: (0, _classnames["default"])(className, "".concat(prefixCls, "-inner"))
  154. }, _react["default"].createElement(_Header["default"], {
  155. clearText: clearText,
  156. prefixCls: prefixCls,
  157. defaultOpenValue: validDefaultOpenValue,
  158. value: value,
  159. currentSelectPanel: currentSelectPanel,
  160. onEsc: onEsc,
  161. format: format,
  162. placeholder: placeholder,
  163. hourOptions: hourOptions,
  164. minuteOptions: minuteOptions,
  165. secondOptions: secondOptions,
  166. disabledHours: this.disabledHours,
  167. disabledMinutes: disabledMinutes,
  168. disabledSeconds: disabledSeconds,
  169. onChange: this.onChange,
  170. focusOnOpen: focusOnOpen,
  171. onKeyDown: onKeyDown,
  172. inputReadOnly: inputReadOnly,
  173. clearIcon: clearIcon
  174. }), _react["default"].createElement(_Combobox["default"], {
  175. prefixCls: prefixCls,
  176. value: value,
  177. defaultOpenValue: validDefaultOpenValue,
  178. format: format,
  179. onChange: this.onChange,
  180. onAmPmChange: this.onAmPmChange,
  181. showHour: showHour,
  182. showMinute: showMinute,
  183. showSecond: showSecond,
  184. hourOptions: hourOptions,
  185. minuteOptions: minuteOptions,
  186. secondOptions: secondOptions,
  187. disabledHours: this.disabledHours,
  188. disabledMinutes: disabledMinutes,
  189. disabledSeconds: disabledSeconds,
  190. onCurrentSelectPanelChange: this.onCurrentSelectPanelChange,
  191. use12Hours: use12Hours,
  192. onEsc: onEsc,
  193. isAM: this.isAM()
  194. }), addon(this));
  195. }
  196. }], [{
  197. key: "getDerivedStateFromProps",
  198. value: function getDerivedStateFromProps(props, state) {
  199. if ('value' in props) {
  200. return _objectSpread({}, state, {
  201. value: props.value
  202. });
  203. }
  204. return null;
  205. }
  206. }]);
  207. return Panel;
  208. }(_react.Component);
  209. _defineProperty(Panel, "propTypes", {
  210. clearText: _propTypes["default"].string,
  211. prefixCls: _propTypes["default"].string,
  212. className: _propTypes["default"].string,
  213. defaultOpenValue: _propTypes["default"].object,
  214. value: _propTypes["default"].object,
  215. placeholder: _propTypes["default"].string,
  216. format: _propTypes["default"].string,
  217. inputReadOnly: _propTypes["default"].bool,
  218. disabledHours: _propTypes["default"].func,
  219. disabledMinutes: _propTypes["default"].func,
  220. disabledSeconds: _propTypes["default"].func,
  221. hideDisabledOptions: _propTypes["default"].bool,
  222. onChange: _propTypes["default"].func,
  223. onAmPmChange: _propTypes["default"].func,
  224. onEsc: _propTypes["default"].func,
  225. showHour: _propTypes["default"].bool,
  226. showMinute: _propTypes["default"].bool,
  227. showSecond: _propTypes["default"].bool,
  228. use12Hours: _propTypes["default"].bool,
  229. hourStep: _propTypes["default"].number,
  230. minuteStep: _propTypes["default"].number,
  231. secondStep: _propTypes["default"].number,
  232. addon: _propTypes["default"].func,
  233. focusOnOpen: _propTypes["default"].bool,
  234. onKeyDown: _propTypes["default"].func,
  235. clearIcon: _propTypes["default"].node
  236. });
  237. _defineProperty(Panel, "defaultProps", {
  238. prefixCls: 'rc-time-picker-panel',
  239. onChange: noop,
  240. disabledHours: noop,
  241. disabledMinutes: noop,
  242. disabledSeconds: noop,
  243. defaultOpenValue: (0, _moment["default"])(),
  244. use12Hours: false,
  245. addon: noop,
  246. onKeyDown: noop,
  247. onAmPmChange: noop,
  248. inputReadOnly: false
  249. });
  250. (0, _reactLifecyclesCompat.polyfill)(Panel);
  251. var _default = Panel;
  252. exports["default"] = _default;