@ucloud-pccl/react-components
Version:
UCloud pccl react components
77 lines (76 loc) • 3.89 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.displayToFormatAndTimeMode = exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireDefault(require("react"));
var _Input = _interopRequireDefault(require("../../components/Input"));
var _Calendar = _interopRequireDefault(require("../../components/Calendar"));
var _Popover = _interopRequireDefault(require("../../components/Popover"));
var _Notice = _interopRequireDefault(require("../../components/Notice"));
var _SvgIcon = _interopRequireDefault(require("../../components/SvgIcon"));
var _usePopoverConfig = _interopRequireDefault(require("../../hooks/usePopoverConfig"));
var _style = require("./style");
var _Footer = _interopRequireDefault(require("./Footer"));
var _usePicker3 = _interopRequireDefault(require("./usePicker"));
var _utils = require("./utils");
var _this = void 0;
var displayToFormatAndTimeMode = exports.displayToFormatAndTimeMode = function displayToFormatAndTimeMode(display) {
(0, _newArrowCheck2.default)(this, _this);
var format = 'YYYY-MM';
if (display) {
if (display.date && display.date.format) {
format = display.date.format;
}
}
return [[format, (0, _utils.formatToShort)(format)]];
}.bind(void 0);
var Month = function Month(props) {
(0, _newArrowCheck2.default)(this, _this);
var _usePicker = (0, _usePicker3.default)(props, displayToFormatAndTimeMode, 'month'),
_usePicker2 = (0, _slicedToArray2.default)(_usePicker, 8),
inputProps = _usePicker2[0],
containerProps = _usePicker2[1],
popoverProps = _usePicker2[2],
popupProps = _usePicker2[3],
calendarProps = _usePicker2[4],
footerProps = _usePicker2[6],
error = _usePicker2[7].error;
var popoverConfigProps = (0, _usePopoverConfig.default)();
return /*#__PURE__*/_react.default.createElement(_style.PickerContainer, (0, _extends2.default)({
isMonth: true
}, containerProps), /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
popup: /*#__PURE__*/_react.default.createElement(_style.SPopup, popupProps, /*#__PURE__*/_react.default.createElement(_Calendar.default.Month, calendarProps), error && /*#__PURE__*/_react.default.createElement(_Notice.default, {
styleType: "error",
closable: false
}, error), /*#__PURE__*/_react.default.createElement(_Footer.default, footerProps))
}, popoverConfigProps, popoverProps), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, inputProps, {
prefix: /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
type: "calendar"
})
}))));
}.bind(void 0);
Month.propTypes = {
onChange: _propTypes.default.func,
rules: _propTypes.default.any,
format: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
nullable: _propTypes.default.bool,
display: _propTypes.default.shape({
date: _propTypes.default.shape({
format: _propTypes.default.string
})
}),
disabled: _propTypes.default.bool,
status: _propTypes.default.oneOf(['default', 'error']),
placeholder: _propTypes.default.string,
shortcuts: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf([null])]),
popoverProps: _propTypes.default.any,
zIndex: _propTypes.default.number,
getCalendarContainer: _propTypes.default.func
};
var _default = exports.default = /*#__PURE__*/_react.default.memo(Month);