amis 1.5.7 → 1.6.1

package/lib/components/CalendarMobile.js

@@ -0,0 +1,486 @@
+"use strict";
+/**
+ * @file CalendarMobile
+ * @description 移动端日历组件
+ * @author hongyang03
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarMobile = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var moment_1 = (0, tslib_1.__importDefault)(require("moment"));
+var Calendar_1 = (0, tslib_1.__importDefault)(require("./calendar/Calendar"));
+var theme_1 = require("../theme");
+var locale_1 = require("../locale");
+var helper_1 = require("../utils/helper");
+var CalendarMobile = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(CalendarMobile, _super);
+    function CalendarMobile(props) {
+        var _this = _super.call(this, props) || this;
+        _this.mobileBody = react_1.default.createRef();
+        _this.mobileHeader = react_1.default.createRef();
+        var _a = _this.props, startDate = _a.startDate, endDate = _a.endDate, defaultDate = _a.defaultDate, minDate = _a.minDate, maxDate = _a.maxDate;
+        var dateRange = _this.getDateRange(minDate, maxDate, defaultDate);
+        _this.state = {
+            minDate: dateRange.minDate,
+            maxDate: dateRange.maxDate,
+            startDate: startDate,
+            endDate: endDate,
+            showToast: false,
+            currentDate: dateRange.currentDate,
+            isScrollToBottom: false,
+            dateTime: endDate ? [endDate.hour(), endDate.minute()] : [0, 0]
+        };
+        return _this;
+    }
+    CalendarMobile.prototype.getDateRange = function (minDate, maxDate, defaultDate) {
+        !moment_1.default.isMoment(minDate) || !minDate.isValid() && (minDate = undefined);
+        !moment_1.default.isMoment(maxDate) || !maxDate.isValid() && (maxDate = undefined);
+        var currentDate = defaultDate || (0, moment_1.default)();
+        var dateRange = {
+            minDate: currentDate.clone().subtract(1, 'year').startOf('months'),
+            maxDate: currentDate.clone().add(1, 'year').endOf('months')
+        };
+        if (minDate && maxDate) {
+            dateRange = {
+                minDate: minDate,
+                maxDate: maxDate
+            };
+        }
+        else if (minDate && !maxDate) {
+            dateRange = {
+                minDate: minDate,
+                maxDate: (0, moment_1.default)(minDate).add(2, 'year')
+            };
+            currentDate = minDate.clone();
+        }
+        else if (!minDate && maxDate) {
+            dateRange = {
+                minDate: (0, moment_1.default)(maxDate).subtract(2, 'year'),
+                maxDate: maxDate
+            };
+            currentDate = maxDate.clone();
+        }
+        if (!currentDate.isBetween(dateRange.minDate, dateRange.maxDate, 'days', '[]')) {
+            currentDate = dateRange.minDate.clone();
+        }
+        return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, dateRange), { currentDate: currentDate });
+    };
+    CalendarMobile.prototype.componentDidMount = function () {
+        this.initMonths();
+    };
+    CalendarMobile.prototype.componentDidUpdate = function (prevProps) {
+        var _this = this;
+        var props = this.props;
+        if (prevProps.minDate !== props.minDate || prevProps.maxDate !== props.maxDate) {
+            var currentDate = this.state.currentDate;
+            var dateRange = this.getDateRange(props.minDate, props.maxDate, (0, moment_1.default)(currentDate));
+            this.setState({
+                minDate: dateRange.minDate,
+                maxDate: dateRange.maxDate,
+                currentDate: dateRange.currentDate,
+            }, function () { return _this.initMonths(); });
+        }
+    };
+    CalendarMobile.prototype.componentWillUnmount = function () {
+        this.setState({ showToast: false });
+        clearTimeout(this.timer);
+    };
+    CalendarMobile.prototype.initMonths = function () {
+        if (this.mobileBody.current) {
+            var header = this.mobileHeader.current;
+            var monthHeights = [];
+            var monthCollection = this.mobileBody.current.children;
+            for (var i = 0; i < monthCollection.length; i++) {
+                monthHeights[i] = monthCollection[i].offsetTop - header.clientHeight;
+            }
+            this.setState({
+                monthHeights: monthHeights
+            });
+            var defaultDate = this.props.defaultDate || this.state.currentDate;
+            this.scollToDate(defaultDate ? (0, moment_1.default)(defaultDate) : (0, moment_1.default)());
+        }
+    };
+    CalendarMobile.prototype.scollToDate = function (date) {
+        var showViewMode = this.props.showViewMode;
+        var minDate = this.state.minDate;
+        var index = date.diff(minDate, showViewMode);
+        var currentEl = this.mobileBody.current.children[index];
+        if (!currentEl) {
+            return;
+        }
+        var header = this.mobileHeader.current;
+        this.mobileBody.current.scrollBy(0, currentEl.offsetTop - this.mobileBody.current.scrollTop - header.clientHeight);
+    };
+    CalendarMobile.prototype.onMobileBodyScroll = function (e) {
+        var _a, _b;
+        var showViewMode = this.props.showViewMode;
+        var monthHeights = this.state.monthHeights;
+        var minDate = (_a = this.state.minDate) === null || _a === void 0 ? void 0 : _a.clone();
+        if (!((_b = this.mobileBody) === null || _b === void 0 ? void 0 : _b.current) || !monthHeights || !minDate) {
+            return;
+        }
+        var scrollTop = this.mobileBody.current.scrollTop;
+        var clientHeight = this.mobileBody.current.clientHeight;
+        var scrollHeight = this.mobileBody.current.scrollHeight;
+        var i = 0;
+        for (i; i < monthHeights.length; i++) {
+            if (scrollTop < monthHeights[i]) {
+                break;
+            }
+        }
+        i--;
+        i < 0 && (i = 0);
+        var currentDate = minDate.add(i, showViewMode);
+        this.setState({
+            currentDate: currentDate,
+            isScrollToBottom: scrollTop + clientHeight === scrollHeight
+        });
+    };
+    CalendarMobile.prototype.scrollPreYear = function () {
+        if (!this.state.currentDate) {
+            return;
+        }
+        var _a = this.state, currentDate = _a.currentDate, minDate = _a.minDate;
+        currentDate = currentDate.clone().subtract(1, 'years');
+        if (minDate && currentDate.isBefore(minDate)) {
+            currentDate = minDate;
+        }
+        this.setState({
+            currentDate: currentDate
+        });
+        this.scollToDate(currentDate);
+    };
+    CalendarMobile.prototype.scrollAfterYear = function () {
+        if (!this.state.currentDate) {
+            return;
+        }
+        var _a = this.state, currentDate = _a.currentDate, maxDate = _a.maxDate;
+        currentDate = currentDate.clone().add(1, 'years');
+        if (maxDate && currentDate.isAfter(maxDate)) {
+            currentDate = maxDate;
+        }
+        this.setState({
+            currentDate: currentDate
+        });
+        this.scollToDate(currentDate);
+    };
+    CalendarMobile.prototype.getDaysOfWeek = function () {
+        var locale = (0, moment_1.default)().localeData();
+        var days = locale.weekdaysMin();
+        var first = locale.firstDayOfWeek();
+        var dow = [];
+        var i = 0;
+        days.forEach(function (day) {
+            dow[(7 + (i++) - first) % 7] = day;
+        });
+        return dow;
+    };
+    CalendarMobile.prototype.handleCalendarClick = function (isDisabled) {
+        var _this = this;
+        if (isDisabled) {
+            this.setState({ showToast: true });
+            this.timer = setTimeout(function () {
+                _this.setState({ showToast: false });
+            }, 2000);
+        }
+    };
+    CalendarMobile.prototype.getRenderProps = function (props, currentDate) {
+        var _a = this.state, startDate = _a.startDate, endDate = _a.endDate;
+        var _b = this.props, __ = _b.translate, viewMode = _b.viewMode, isDatePicker = _b.isDatePicker;
+        var precision = viewMode === 'time' ? 'hours' : viewMode || 'day';
+        var footerText = '';
+        if (startDate &&
+            endDate &&
+            currentDate.isBetween(startDate, endDate, precision, '()')) {
+            props.className += ' rdtBetween';
+        }
+        else if (startDate
+            && endDate
+            && startDate.isSame(endDate, precision)
+            && currentDate.isSame(startDate, precision)) {
+            props.className += ' rdtRangeStart';
+            footerText = __('Calendar.beginAndEnd');
+        }
+        else if (startDate && currentDate.isSame(startDate, precision)) {
+            props.className += ' rdtRangeStart';
+            footerText = __('Calendar.begin');
+            if (endDate) {
+                props.className += ' rdtRangeHasEnd';
+            }
+        }
+        else if (endDate && currentDate.isSame(endDate, precision)) {
+            props.className += ' rdtRangeEnd';
+            footerText = __('Calendar.end');
+        }
+        if (precision === 'day' && currentDate.date() === 1 && currentDate.day() === 1) {
+            props.className += ' rdtOldNone';
+        }
+        if (isDatePicker) {
+            footerText = '';
+        }
+        var rdtDisabled = props.className.indexOf('rdtDisabled') > -1;
+        return {
+            props: props,
+            footerText: footerText,
+            rdtDisabled: rdtDisabled
+        };
+    };
+    CalendarMobile.prototype.handleTimeChange = function (newTime) {
+        var _this = this;
+        if (!newTime) {
+            return;
+        }
+        var onChange = this.props.onChange;
+        var _a = this.state, startDate = _a.startDate, endDate = _a.endDate;
+        if (startDate) {
+            var obj = {
+                dateTime: newTime,
+                startDate: endDate ? startDate : startDate === null || startDate === void 0 ? void 0 : startDate.clone().set({ hour: newTime[0], minute: newTime[1], second: newTime[2] || 0 }),
+                endDate: !endDate ? endDate : endDate === null || endDate === void 0 ? void 0 : endDate.clone().set({ hour: newTime[0], minute: newTime[1], second: newTime[2] || 0 })
+            };
+            this.setState(obj, function () {
+                onChange && onChange(_this.state);
+            });
+        }
+    };
+    CalendarMobile.prototype.checkIsValidDate = function (currentDate) {
+        var _a = this.state, startDate = _a.startDate, endDate = _a.endDate, minDate = _a.minDate, maxDate = _a.maxDate;
+        var _b = this.props, minDuration = _b.minDuration, maxDuration = _b.maxDuration, viewMode = _b.viewMode;
+        var precision = viewMode === 'time' ? 'hours' : viewMode || 'day';
+        if (minDate && currentDate.isBefore(minDate, precision)) {
+            return false;
+        }
+        else if (maxDate && currentDate.isAfter(maxDate, precision)) {
+            return false;
+        }
+        else if (startDate && !endDate) {
+            if (minDuration
+                && currentDate.isBefore(startDate.clone().add(minDuration))
+                && currentDate.isSameOrAfter(startDate)) {
+                return false;
+            }
+            else if (maxDuration && currentDate.isAfter(startDate.clone().add(maxDuration))) {
+                return false;
+            }
+        }
+        return true;
+    };
+    CalendarMobile.prototype.renderMobileDay = function (props, currentDate) {
+        var _this = this;
+        var cx = this.props.classnames;
+        var renderProps = this.getRenderProps(props, currentDate);
+        return react_1.default.createElement("td", (0, tslib_1.__assign)({}, renderProps.props),
+            react_1.default.createElement("div", { className: "calendar-wrap", onClick: function () { return _this.handleCalendarClick(renderProps.rdtDisabled); } },
+                currentDate.date(),
+                react_1.default.createElement("div", { className: cx('CalendarMobile-range-text') }, renderProps.footerText)));
+    };
+    CalendarMobile.prototype.renderMonth = function (props, month, year) {
+        var _this = this;
+        var cx = this.props.classnames;
+        var currentDate = (0, moment_1.default)().year(year).month(month);
+        var monthStr = currentDate
+            .localeData()
+            .monthsShort(currentDate.month(month));
+        var strLength = 3;
+        var monthStrFixedLength = monthStr.substring(0, strLength);
+        var renderProps = this.getRenderProps(props, currentDate);
+        return (react_1.default.createElement("td", (0, tslib_1.__assign)({}, renderProps.props),
+            react_1.default.createElement("div", { className: "calendar-wrap", onClick: function () { return _this.handleCalendarClick(renderProps.rdtDisabled); } },
+                monthStrFixedLength,
+                react_1.default.createElement("div", { className: cx('CalendarMobile-range-text') }, renderProps.footerText))));
+    };
+    CalendarMobile.prototype.renderQuarter = function (props, quarter, year) {
+        var _this = this;
+        var cx = this.props.classnames;
+        var currentDate = (0, moment_1.default)().year(year).quarter(quarter);
+        var renderProps = this.getRenderProps(props, currentDate);
+        return (react_1.default.createElement("td", (0, tslib_1.__assign)({}, props),
+            react_1.default.createElement("div", { className: "calendar-wrap", onClick: function () { return _this.handleCalendarClick(renderProps.rdtDisabled); } },
+                "Q",
+                quarter,
+                react_1.default.createElement("div", { className: cx('CalendarMobile-range-text') }, renderProps.footerText))));
+    };
+    CalendarMobile.prototype.handleMobileChange = function (newValue) {
+        var _this = this;
+        var _a = this.props, embed = _a.embed, minDuration = _a.minDuration, maxDuration = _a.maxDuration, confirm = _a.confirm, onChange = _a.onChange, viewMode = _a.viewMode, isDatePicker = _a.isDatePicker;
+        var _b = this.state, startDate = _b.startDate, endDate = _b.endDate, dateTime = _b.dateTime, minDate = _b.minDate, maxDate = _b.maxDate;
+        var precision = viewMode === 'time' ? 'hours' : viewMode || 'day';
+        if (minDate && newValue && newValue.isBefore(minDate, 'second')) {
+            newValue = minDate;
+        }
+        if (maxDate && newValue && newValue.isAfter(maxDate, 'second')) {
+            newValue = maxDate;
+        }
+        if (!isDatePicker &&
+            startDate &&
+            !endDate &&
+            newValue.isSameOrAfter(startDate) &&
+            (!minDuration || newValue.isSameOrAfter(startDate.clone().add(minDuration))) &&
+            (!maxDuration || newValue.isSameOrBefore(startDate.clone().add(maxDuration)))) {
+            return this.setState({
+                endDate: newValue.clone().endOf(precision).set({ hour: dateTime[0], minute: dateTime[1], second: dateTime[2] || 0 })
+            }, function () {
+                onChange && onChange(_this.state, function () { return embed && confirm && confirm(startDate, endDate); });
+            });
+        }
+        this.setState({
+            startDate: newValue.clone().startOf(precision).set({ hour: dateTime[0], minute: dateTime[1], second: dateTime[2] || 0 }),
+            endDate: undefined
+        }, function () {
+            onChange && onChange(_this.state);
+        });
+    };
+    CalendarMobile.prototype.renderMobileCalendarBody = function () {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames, dateFormat = _a.dateFormat, timeFormat = _a.timeFormat, inputFormat = _a.inputFormat, locale = _a.locale, _b = _a.viewMode, viewMode = _b === void 0 ? 'days' : _b, close = _a.close, defaultDate = _a.defaultDate, showViewMode = _a.showViewMode;
+        var __ = this.props.translate;
+        var _c = this.state, minDate = _c.minDate, maxDate = _c.maxDate;
+        if (!minDate || !maxDate) {
+            return;
+        }
+        var calendarDates = [];
+        for (var minDateClone = minDate.clone(); minDateClone.isSameOrBefore(maxDate); minDateClone.add(1, showViewMode)) {
+            var date = minDateClone.clone();
+            if (defaultDate) {
+                date = (0, moment_1.default)(defaultDate).set({ year: date.get('year'), month: date.get('month') });
+            }
+            calendarDates.push(date);
+        }
+        return (react_1.default.createElement("div", { className: cx('CalendarMobile-body'), ref: this.mobileBody, onScroll: this.onMobileBodyScroll }, calendarDates.map(function (calendarDate, index) {
+            var rdtOldNone = showViewMode === 'months'
+                && calendarDate.clone().startOf('month').day() === 1
+                ? 'rdtOldNone' : '';
+            return react_1.default.createElement("div", { className: cx('CalendarMobile-calendar-wrap', rdtOldNone), key: 'calendar-wrap' + index },
+                showViewMode === 'months' && react_1.default.createElement("div", { className: cx('CalendarMobile-calendar-mark'), key: 'calendar-mark' + index }, calendarDate.month() + 1),
+                react_1.default.createElement("div", { className: cx('CalendarMobile-calendar-header') },
+                    react_1.default.createElement("span", { className: "rdtSwitch" }, calendarDate.format(__('dateformat.year'))),
+                    showViewMode === 'months' && react_1.default.createElement("span", { className: "rdtSwitch" }, calendarDate.format(__('MMM')))),
+                react_1.default.createElement(Calendar_1.default, { className: cx('CalendarMobile-calendar', rdtOldNone), viewDate: calendarDate, value: calendarDate, onChange: _this.handleMobileChange, requiredConfirm: false, dateFormat: dateFormat, inputFormat: inputFormat, timeFormat: '', isValidDate: _this.checkIsValidDate, viewMode: viewMode, input: false, onClose: close, renderDay: _this.renderMobileDay, renderMonth: _this.renderMonth, renderQuarter: _this.renderQuarter, locale: locale, hideHeader: true, updateOn: viewMode, key: 'calendar' + index }));
+        })));
+    };
+    CalendarMobile.prototype.renderMobileTimePicker = function () {
+        var _a = this.props, cx = _a.classnames, timeFormat = _a.timeFormat, locale = _a.locale, close = _a.close, timeConstraints = _a.timeConstraints, defaultDate = _a.defaultDate, isDatePicker = _a.isDatePicker;
+        var __ = this.props.translate;
+        var _b = this.state, startDate = _b.startDate, endDate = _b.endDate, dateTime = _b.dateTime;
+        return (react_1.default.createElement("div", { className: cx('CalendarMobile-time') },
+            react_1.default.createElement("div", { className: cx('CalendarMobile-time-title') }, isDatePicker ? __('Date.titleTime') : startDate && endDate ? __('Calendar.endPick') : __('Calendar.startPick')),
+            react_1.default.createElement(Calendar_1.default, { className: cx('CalendarMobile-time-calendar'), value: defaultDate, onChange: this.handleTimeChange, requiredConfirm: false, timeFormat: timeFormat, viewMode: "time", input: false, onClose: close, locale: locale, useMobileUI: true, showToolbar: false, viewDate: (0, moment_1.default)().set({ hour: dateTime[0], minute: dateTime[1], second: dateTime[2] || 0 }), timeConstraints: timeConstraints, isValidDate: this.checkIsValidDate })));
+    };
+    CalendarMobile.prototype.render = function () {
+        var _a = this.props, className = _a.className, cx = _a.classnames, embed = _a.embed, close = _a.close, confirm = _a.confirm, footerExtra = _a.footerExtra, timeFormat = _a.timeFormat, showViewMode = _a.showViewMode, isDatePicker = _a.isDatePicker;
+        var __ = this.props.translate;
+        var _b = this.state, startDate = _b.startDate, endDate = _b.endDate, currentDate = _b.currentDate, showToast = _b.showToast, isScrollToBottom = _b.isScrollToBottom, minDate = _b.minDate, maxDate = _b.maxDate;
+        var dateNow = currentDate
+            ? currentDate.format(__("Calendar." + (showViewMode === 'months' ? 'yearmonth' : 'year')))
+            : (0, moment_1.default)().format(__("Calendar." + (showViewMode === 'months' ? 'yearmonth' : 'year')));
+        var header = (react_1.default.createElement("div", { className: cx('CalendarMobile-header'), ref: this.mobileHeader },
+            react_1.default.createElement("div", { className: cx('CalendarMobile-subtitle') },
+                react_1.default.createElement("span", { className: "subtitle-text" },
+                    currentDate && currentDate.isSameOrBefore(minDate, showViewMode)
+                        ? null
+                        : react_1.default.createElement("a", { className: "rdtPrev", onClick: this.scrollPreYear }, "\u2039"),
+                    dateNow,
+                    currentDate && currentDate.isSameOrAfter(maxDate, showViewMode) || isScrollToBottom
+                        ? null
+                        : react_1.default.createElement("a", { className: "rdtNext", onClick: this.scrollAfterYear }, "\u203A"))),
+            showViewMode === 'months' ? react_1.default.createElement("div", { className: cx('CalendarMobile-weekdays') }, this.getDaysOfWeek().map(function (day, index) { return (react_1.default.createElement("span", { key: day + index, className: "weekday" }, day)); })) : null));
+        var footer = (react_1.default.createElement("div", { className: cx('CalendarMobile-footer') },
+            timeFormat && startDate && this.renderMobileTimePicker(),
+            react_1.default.createElement("div", { className: cx('CalendarMobile-footer-toolbar') },
+                react_1.default.createElement("div", { className: cx('CalendarMobile-footer-ranges') }, footerExtra),
+                confirm && !embed && react_1.default.createElement("a", { className: cx('Button', 'Button--primary', 'date-range-confirm', {
+                        'is-disabled': !startDate || !(endDate || isDatePicker)
+                    }), onClick: function () {
+                        confirm(startDate, endDate);
+                        close && close();
+                    } }, __('confirm')))));
+        return (react_1.default.createElement("div", { className: cx('CalendarMobile', embed ? 'CalendarMobile-embed' : '', className) },
+            react_1.default.createElement("div", { className: cx('CalendarMobile-wrap') },
+                header,
+                this.renderMobileCalendarBody(),
+                footer),
+            showToast ? react_1.default.createElement("div", { className: cx('CalendarMobile-toast') }, __('Calendar.toast')) : null));
+    };
+    var _a, _b, _c;
+    CalendarMobile.defaultProps = {
+        showViewMode: 'months'
+    };
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "onMobileBodyScroll", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", []),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "scrollPreYear", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", []),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "scrollAfterYear", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Boolean]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "handleCalendarClick", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "handleTimeChange", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof moment_1.default !== "undefined" && moment_1.default.Moment) === "function" ? _a : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "checkIsValidDate", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object, typeof (_b = typeof moment_1.default !== "undefined" && moment_1.default.Moment) === "function" ? _b : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "renderMobileDay", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object, Number, Number]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "renderMonth", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [Object, Number, Number]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "renderQuarter", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", [typeof (_c = typeof moment_1.default !== "undefined" && moment_1.default.Moment) === "function" ? _c : Object]),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "handleMobileChange", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", []),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "renderMobileCalendarBody", null);
+    (0, tslib_1.__decorate)([
+        helper_1.autobind,
+        (0, tslib_1.__metadata)("design:type", Function),
+        (0, tslib_1.__metadata)("design:paramtypes", []),
+        (0, tslib_1.__metadata)("design:returntype", void 0)
+    ], CalendarMobile.prototype, "renderMobileTimePicker", null);
+    return CalendarMobile;
+}(react_1.default.Component));
+exports.CalendarMobile = CalendarMobile;
+;
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)(CalendarMobile));
+//# sourceMappingURL=./components/CalendarMobile.js.map

package/lib/components/CalendarMobile.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "CalendarMobile.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/CalendarMobile.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "/**\n * @file CalendarMobile\n * @description 移动端日历组件\n * @author hongyang03\n */\n\nimport React from 'react';\nimport moment from 'moment';\nimport Calendar from './calendar/Calendar';\nimport {themeable, ThemeProps} from '../theme';\nimport {LocaleProps, localeable} from '../locale';\nimport {autobind} from '../utils/helper';\n\nexport interface CalendarMobileProps extends ThemeProps, LocaleProps {\n  className?: string;\n  timeFormat?: string;\n  inputFormat?: string;\n  startDate?: moment.Moment;\n  endDate?: moment.Moment;\n  minDate?: moment.Moment;\n  maxDate?: moment.Moment;\n  minDuration?: moment.Duration;\n  maxDuration?: moment.Duration;\n  dateFormat?: string;\n  embed?: boolean;\n  viewMode?: 'days' | 'months' | 'years' | 'time' | 'quarters';\n  close?: () => void;\n  confirm?: (startDate?: any, endTime?: any) => void;\n  onChange?: (data: any, callback?: () => void) => void;\n  footerExtra?: JSX.Element | null;\n  showViewMode?: 'years' | 'months';\n  isDatePicker?: boolean;\n  timeConstraints?: {\n    hours?: {\n      min: number;\n      max: number;\n      step: number;\n    };\n    minutes?: {\n      min: number;\n      max: number;\n      step: number;\n    };\n    seconds: {\n      min: number;\n      max: number;\n      step: number;\n    };\n  };\n  defaultDate?: moment.Moment;\n}\n\nexport interface CalendarMobileState {\n  startDate?: moment.Moment;\n  endDate?: moment.Moment;\n  monthHeights?: number[];\n  currentDate: moment.Moment;\n  showToast: boolean;\n  isScrollToBottom: boolean;\n  dateTime: any;\n  minDate?: moment.Moment;\n  maxDate?: moment.Moment;\n}\n\nexport class CalendarMobile extends React.Component<\n  CalendarMobileProps,\n  CalendarMobileState\n> {\n\n  mobileBody: any;\n  mobileHeader: any;\n  timer: any;\n\n  static defaultProps: Pick<CalendarMobileProps, 'showViewMode'> = {\n    showViewMode: 'months'\n  };\n\n  constructor(props: CalendarMobileProps) {\n    super(props);\n\n    this.mobileBody = React.createRef();\n    this.mobileHeader = React.createRef();\n\n    const {startDate, endDate, defaultDate, minDate, maxDate} = this.props;\n    const dateRange = this.getDateRange(minDate, maxDate, defaultDate);\n\n    this.state = {\n      minDate: dateRange.minDate,\n      maxDate: dateRange.maxDate,\n      startDate,\n      endDate,\n      showToast: false,\n      currentDate: dateRange.currentDate,\n      isScrollToBottom: false,\n      dateTime: endDate ? [endDate.hour(), endDate.minute()] : [0, 0]\n    };\n  }\n\n  getDateRange(minDate?: moment.Moment, maxDate?: moment.Moment, defaultDate?: moment.Moment) {\n    !moment.isMoment(minDate) || !minDate.isValid() && (minDate = undefined);\n    !moment.isMoment(maxDate) || !maxDate.isValid() && (maxDate = undefined);\n\n    let currentDate = defaultDate || moment();\n    let dateRange: {\n      minDate: moment.Moment,\n      maxDate: moment.Moment\n    } = {\n      minDate: currentDate.clone().subtract(1, 'year').startOf('months'),\n      maxDate: currentDate.clone().add(1, 'year').endOf('months')\n    };\n    if (minDate && maxDate) {\n      dateRange = {\n        minDate,\n        maxDate\n      };\n    }\n    else if (minDate && !maxDate) {\n      dateRange = {\n        minDate,\n        maxDate: moment(minDate).add(2, 'year')\n      };\n      currentDate = minDate.clone();\n    }\n    else if (!minDate && maxDate) {\n      dateRange = {\n        minDate: moment(maxDate).subtract(2, 'year'),\n        maxDate\n      };\n      currentDate = maxDate.clone();\n    }\n\n    if (!currentDate.isBetween(dateRange.minDate, dateRange.maxDate, 'days', '[]')) {\n      currentDate = dateRange.minDate.clone();\n    }\n    return {\n      ...dateRange,\n      currentDate\n    };\n  }\n\n  componentDidMount() {\n    this.initMonths();\n  }\n\n  componentDidUpdate(prevProps: CalendarMobileProps) {\n    const props = this.props;\n\n    if (prevProps.minDate !== props.minDate || prevProps.maxDate !== props.maxDate) {\n      const currentDate = this.state.currentDate;\n      const dateRange = this.getDateRange(props.minDate, props.maxDate, moment(currentDate));\n      this.setState(\n        {\n          minDate: dateRange.minDate,\n          maxDate: dateRange.maxDate,\n          currentDate: dateRange.currentDate,\n        },\n        () => this.initMonths()\n      );\n    }\n  }\n\n  componentWillUnmount() {\n    this.setState({showToast: false});\n    clearTimeout(this.timer);\n  }\n\n  initMonths() {\n    if (this.mobileBody.current) {\n      const header = this.mobileHeader.current;\n      let monthHeights: number[] = [];\n      const monthCollection = this.mobileBody.current.children;\n      for (let i = 0; i < monthCollection.length; i++) {\n        monthHeights[i] = monthCollection[i].offsetTop - header.clientHeight;\n      }\n      this.setState({\n        monthHeights\n      });\n      const defaultDate = this.props.defaultDate || this.state.currentDate;\n      this.scollToDate(defaultDate ? moment(defaultDate) : moment());\n    }\n  }\n\n  scollToDate(date: moment.Moment) {\n    const {showViewMode} = this.props;\n    const {minDate} = this.state;\n    const index = date.diff(minDate, showViewMode);\n    const currentEl = this.mobileBody.current.children[index];\n    if (!currentEl) {\n      return;\n    }\n    const header = this.mobileHeader.current;\n    this.mobileBody.current.scrollBy(0, currentEl.offsetTop - this.mobileBody.current.scrollTop - header.clientHeight);\n  }\n\n  @autobind\n  onMobileBodyScroll(e: any) {\n    const {showViewMode} = this.props;\n    const {monthHeights} = this.state;\n    let minDate = this.state.minDate?.clone();\n    if (!this.mobileBody?.current || !monthHeights || !minDate) {\n      return;\n    }\n    const scrollTop = this.mobileBody.current.scrollTop;\n    const clientHeight = this.mobileBody.current.clientHeight;\n    const scrollHeight = this.mobileBody.current.scrollHeight;\n    \n    let i = 0;\n    for(i; i < monthHeights.length; i++) {\n      if (scrollTop < monthHeights[i]) {\n        break;\n      }\n    }\n    i--;\n    i < 0 && (i = 0);\n    const currentDate = minDate.add(i, showViewMode);\n    this.setState({\n      currentDate,\n      isScrollToBottom: scrollTop + clientHeight === scrollHeight\n    });\n  }\n\n  @autobind\n  scrollPreYear() {\n    if (!this.state.currentDate) {\n      return;\n    }\n    let {currentDate, minDate} = this.state;\n    currentDate = currentDate.clone().subtract(1, 'years');\n    if (minDate && currentDate.isBefore(minDate)) {\n      currentDate = minDate;\n    }\n    this.setState({\n      currentDate\n    });\n    this.scollToDate(currentDate);\n  }\n\n  @autobind\n  scrollAfterYear() {\n    if (!this.state.currentDate) {\n      return;\n    }\n    let {currentDate, maxDate} = this.state;\n    currentDate = currentDate.clone().add(1, 'years');\n    if (maxDate && currentDate.isAfter(maxDate)) {\n      currentDate = maxDate;\n    }\n    this.setState({\n      currentDate\n    });\n    this.scollToDate(currentDate);\n  }\n\n  getDaysOfWeek() {\n    const locale = moment().localeData();\n    const days = locale.weekdaysMin();\n    const first = locale.firstDayOfWeek();\n    const\tdow: string[] = [];\n    let\ti = 0;\n\n    days.forEach((day: string) => {\n      dow[ (7 + ( i++ ) - first) % 7 ] = day;\n    });\n\n    return dow;\n  }\n\n  @autobind\n  handleCalendarClick(isDisabled: boolean) {\n    if (isDisabled) {\n      this.setState({showToast: true});\n      this.timer = setTimeout(() => {\n        this.setState({showToast: false});\n      }, 2000);\n    }\n  }\n\n  getRenderProps(props: any, currentDate: moment.Moment) {\n    let {startDate, endDate} = this.state;\n    const {translate: __, viewMode, isDatePicker} = this.props;\n    const precision = viewMode === 'time' ? 'hours' : viewMode || 'day';\n    let footerText = '';\n\n    if (startDate &&\n      endDate &&\n      currentDate.isBetween(startDate, endDate, precision, '()')) {\n      props.className += ' rdtBetween';\n    }\n    else if (startDate\n      && endDate\n      && startDate.isSame(endDate, precision)\n      && currentDate.isSame(startDate, precision)) {\n      props.className += ' rdtRangeStart';\n      footerText = __('Calendar.beginAndEnd');\n    }\n    else if (startDate && currentDate.isSame(startDate, precision)) {\n      props.className += ' rdtRangeStart';\n      footerText = __('Calendar.begin');\n      if (endDate) {\n        props.className += ' rdtRangeHasEnd';\n      }\n    }\n    else if (endDate && currentDate.isSame(endDate, precision)) {\n      props.className += ' rdtRangeEnd';\n      footerText = __('Calendar.end');\n    }\n\n    if (precision === 'day' && currentDate.date() === 1 && currentDate.day() === 1) {\n      props.className += ' rdtOldNone';\n    }\n\n    if (isDatePicker) {\n      footerText = '';\n    }\n\n    const rdtDisabled = props.className.indexOf('rdtDisabled') > -1;\n\n    return {\n      props,\n      footerText,\n      rdtDisabled\n    };\n  }\n\n  @autobind\n  handleTimeChange(newTime: any) {\n    if (!newTime) {\n      return;\n    }\n    const {onChange} = this.props;\n    let {startDate, endDate} = this.state;\n    if (startDate) {\n      let obj = {\n        dateTime: newTime,\n        startDate: endDate ? startDate : startDate?.clone().set({hour: newTime[0], minute: newTime[1], second: newTime[2] || 0}),\n        endDate: !endDate ? endDate : endDate?.clone().set({hour: newTime[0], minute: newTime[1], second: newTime[2] || 0})\n      };\n      this.setState(obj, () => {\n        onChange && onChange(this.state);\n      });\n    }\n  }\n\n  @autobind\n  checkIsValidDate(currentDate: moment.Moment) {\n    const {startDate, endDate, minDate, maxDate} = this.state;\n    let {minDuration, maxDuration, viewMode} = this.props;\n    const precision = viewMode === 'time' ? 'hours' : viewMode || 'day';\n\n    if (minDate && currentDate.isBefore(minDate, precision)) {\n      return false;\n    }\n    else if (maxDate && currentDate.isAfter(maxDate, precision)) {\n      return false;\n    }\n    else if (startDate && !endDate) {\n      if (minDuration\n        && currentDate.isBefore(startDate.clone().add(minDuration))\n        && currentDate.isSameOrAfter(startDate)) {\n        return false;\n      }\n      else if (maxDuration && currentDate.isAfter(startDate.clone().add(maxDuration))) {\n        return false;\n      }\n    }\n\n    return true;\n  }\n\n  @autobind\n  renderMobileDay(props: any, currentDate: moment.Moment) {\n    const cx = this.props.classnames;\n    const renderProps = this.getRenderProps(props, currentDate);\n\n    return <td {...renderProps.props}>\n      <div className=\"calendar-wrap\" onClick={() => this.handleCalendarClick(renderProps.rdtDisabled)}>\n        {currentDate.date()}\n        <div className={cx('CalendarMobile-range-text')}>{renderProps.footerText}</div>\n      </div>\n    </td>;\n  }\n\n  @autobind\n  renderMonth(props: any, month: number, year: number) {\n    const cx = this.props.classnames;\n    const currentDate = moment().year(year).month(month);\n    const monthStr = currentDate\n      .localeData()\n      .monthsShort(currentDate.month(month));\n    const strLength = 3;\n    const monthStrFixedLength = monthStr.substring(0, strLength);\n    const renderProps = this.getRenderProps(props, currentDate);\n\n    return (\n      <td {...renderProps.props}>\n        <div className=\"calendar-wrap\" onClick={() => this.handleCalendarClick(renderProps.rdtDisabled)}>\n          {monthStrFixedLength}\n          <div className={cx('CalendarMobile-range-text')}>{renderProps.footerText}</div>\n        </div>\n      </td>\n    );\n  }\n\n  @autobind\n  renderQuarter(props: any, quarter: number, year: number) {\n    const cx = this.props.classnames;\n    const currentDate = moment().year(year).quarter(quarter);\n    const renderProps = this.getRenderProps(props, currentDate);\n\n    return (\n      <td {...props}>\n        <div className=\"calendar-wrap\" onClick={() => this.handleCalendarClick(renderProps.rdtDisabled)}>\n          Q{quarter}\n          <div className={cx('CalendarMobile-range-text')}>{renderProps.footerText}</div>\n        </div>\n      </td>\n    );\n  }\n\n  @autobind\n  handleMobileChange(newValue: moment.Moment) {\n    const {embed, minDuration, maxDuration, confirm, onChange, viewMode, isDatePicker} = this.props;\n    const {startDate, endDate, dateTime, minDate, maxDate} = this.state;\n    const precision = viewMode === 'time' ? 'hours' : viewMode || 'day';\n\n    if (minDate && newValue && newValue.isBefore(minDate, 'second')) {\n      newValue = minDate;\n    }\n\n    if (maxDate && newValue && newValue.isAfter(maxDate, 'second')) {\n      newValue = maxDate;\n    }\n\n    if (\n      !isDatePicker &&\n      startDate &&\n      !endDate &&\n      newValue.isSameOrAfter(startDate) &&\n      (!minDuration || newValue.isSameOrAfter(startDate.clone().add(minDuration))) &&\n      (!maxDuration || newValue.isSameOrBefore(startDate.clone().add(maxDuration)))\n    ) {\n      return this.setState(\n        {\n          endDate: newValue.clone().endOf(precision).set({hour: dateTime[0], minute: dateTime[1], second: dateTime[2] || 0})\n        },\n        () => {\n          onChange && onChange(this.state, () => embed && confirm && confirm(startDate, endDate));\n        }\n      );\n    }\n\n    this.setState(\n      {\n        startDate: newValue.clone().startOf(precision).set({hour: dateTime[0], minute: dateTime[1], second: dateTime[2] || 0}),\n        endDate: undefined\n      },\n      () => {\n        onChange && onChange(this.state);\n      }\n    );\n  }\n\n  @autobind\n  renderMobileCalendarBody() {\n    const {\n      classnames: cx,\n      dateFormat,\n      timeFormat,\n      inputFormat,\n      locale,\n      viewMode = 'days',\n      close,\n      defaultDate,\n      showViewMode\n    } = this.props;\n    const __ = this.props.translate;\n\n    const {minDate, maxDate} = this.state;\n    if (!minDate || !maxDate) {\n      return;\n    }\n    let calendarDates: moment.Moment[] = [];\n    for(let minDateClone = minDate.clone(); minDateClone.isSameOrBefore(maxDate); minDateClone.add(1, showViewMode)) {\n      let date = minDateClone.clone();\n      if (defaultDate) {\n        date = moment(defaultDate).set({year: date.get('year'), month: date.get('month')});\n      }\n      calendarDates.push(date);\n    }\n\n    return (\n      <div className={cx('CalendarMobile-body')} ref={this.mobileBody}\n        onScroll={this.onMobileBodyScroll}>\n        {calendarDates.map((calendarDate: moment.Moment, index: number) => {\n          const rdtOldNone = showViewMode === 'months'\n            && calendarDate.clone().startOf('month').day() === 1\n            ? 'rdtOldNone' : '';\n\n          return <div className={cx('CalendarMobile-calendar-wrap', rdtOldNone)} key={'calendar-wrap' + index}>\n            {showViewMode === 'months' && <div className={cx('CalendarMobile-calendar-mark')} key={'calendar-mark' + index}>\n              {calendarDate.month() + 1}\n            </div>}\n            <div className={cx('CalendarMobile-calendar-header')}>\n              <span className=\"rdtSwitch\">\n                {calendarDate.format(__('dateformat.year'))}\n              </span>\n              {showViewMode === 'months' && <span className=\"rdtSwitch\">\n                {calendarDate.format(__('MMM'))}\n              </span>}\n            </div>\n            <Calendar\n              className={cx('CalendarMobile-calendar', rdtOldNone)}\n              viewDate={calendarDate}\n              value={calendarDate}\n              onChange={this.handleMobileChange}\n              requiredConfirm={false}\n              dateFormat={dateFormat}\n              inputFormat={inputFormat}\n              timeFormat=''\n              isValidDate={this.checkIsValidDate}\n              viewMode={viewMode}\n              input={false}\n              onClose={close}\n              renderDay={this.renderMobileDay}\n              renderMonth={this.renderMonth}\n              renderQuarter={this.renderQuarter}\n              locale={locale}\n              hideHeader={true}\n              updateOn={viewMode}\n              key={'calendar' + index}\n            />\n          </div>\n        })}\n      </div>\n    );\n  }\n\n  @autobind\n  renderMobileTimePicker() {\n    const {\n      classnames: cx,\n      timeFormat,\n      locale,\n      close,\n      timeConstraints,\n      defaultDate,\n      isDatePicker\n    } = this.props;\n    const __ = this.props.translate;\n\n    const {startDate, endDate, dateTime} = this.state;\n\n    return (\n      <div className={cx('CalendarMobile-time')}>\n        <div className={cx('CalendarMobile-time-title')}>\n          {isDatePicker ? __('Date.titleTime') : startDate && endDate ? __('Calendar.endPick') : __('Calendar.startPick')}\n        </div>\n        <Calendar\n          className={cx('CalendarMobile-time-calendar')}\n          value={defaultDate}\n          onChange={this.handleTimeChange}\n          requiredConfirm={false}\n          timeFormat={timeFormat}\n          viewMode=\"time\"\n          input={false}\n          onClose={close}\n          locale={locale}\n          useMobileUI={true}\n          showToolbar={false}\n          viewDate={moment().set({hour: dateTime[0], minute: dateTime[1], second: dateTime[2] || 0})}\n          timeConstraints={timeConstraints}\n          isValidDate={this.checkIsValidDate}\n        />\n      </div>\n    );\n  }\n\n\n  render() {\n    const {\n      className,\n      classnames: cx,\n      embed,\n      close,\n      confirm,\n      footerExtra,\n      timeFormat,\n      showViewMode,\n      isDatePicker\n    } = this.props;\n    const __ = this.props.translate;\n\n    const {startDate, endDate, currentDate, showToast, isScrollToBottom, minDate, maxDate} = this.state;\n    let dateNow = currentDate\n      ? currentDate.format(__(`Calendar.${showViewMode === 'months' ? 'yearmonth' : 'year'}`))\n      : moment().format(__(`Calendar.${showViewMode === 'months' ? 'yearmonth' : 'year'}`));\n\n    const header = (\n      <div className={cx('CalendarMobile-header')} ref={this.mobileHeader}>\n        <div className={cx('CalendarMobile-subtitle')}>\n          <span className=\"subtitle-text\">\n            {currentDate && currentDate.isSameOrBefore(minDate, showViewMode)\n              ? null\n              : <a className=\"rdtPrev\" onClick={this.scrollPreYear}>&lsaquo;</a>}\n            {dateNow}\n            {currentDate && currentDate.isSameOrAfter(maxDate, showViewMode) || isScrollToBottom\n              ? null\n              : <a className=\"rdtNext\" onClick={this.scrollAfterYear}>&rsaquo;</a>}\n          </span>\n        </div>\n        {showViewMode === 'months' ? <div className={cx('CalendarMobile-weekdays')}>\n          {this.getDaysOfWeek().map((day: string, index: number) => (\n            <span key={day + index} className=\"weekday\">\n              {day}\n            </span>\n          ))}\n        </div> : null}\n      </div>\n    );\n\n    const footer = (\n      <div className={cx('CalendarMobile-footer')}>\n        {timeFormat && startDate && this.renderMobileTimePicker()}\n        <div className={cx('CalendarMobile-footer-toolbar')}>\n          <div className={cx('CalendarMobile-footer-ranges')}>\n            {footerExtra}\n          </div>\n          {confirm && !embed && <a\n            className={cx('Button', 'Button--primary', 'date-range-confirm', {\n              'is-disabled': !startDate || !(endDate || isDatePicker)\n            })}\n            onClick={() => {\n              confirm(startDate, endDate);\n              close && close();\n            }}\n          >\n            {__('confirm')}\n          </a>}\n        </div>\n      </div>\n    );\n\n    return (\n      <div className={cx('CalendarMobile',\n        embed ? 'CalendarMobile-embed' : '',\n        className)}>\n        <div className={cx('CalendarMobile-wrap')}>\n          {header}\n          {this.renderMobileCalendarBody()}\n          {footer}\n        </div>\n        {showToast? <div className={cx('CalendarMobile-toast')}>{__('Calendar.toast')}</div> : null}\n      </div>\n    );\n  }\n};\n\nexport default themeable(localeable(CalendarMobile));"
+    ]
+}