amis-rev-ui 6.13.0

package/esm/components/CalendarMobile.js

@@ -0,0 +1,538 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import moment from 'moment';
+import Calendar from './calendar/Calendar.js';
+import { autobind, themeable, localeable } from 'amis-rev-core';
+import PopUp from './PopUp.js';
+
+/**
+ * @file CalendarMobile
+ * @description 移动端日历组件
+ * @author hongyang03
+ */
+var CalendarMobile = /** @class */ (function (_super) {
+    __extends(CalendarMobile, _super);
+    function CalendarMobile(props) {
+        var _this = _super.call(this, props) || this;
+        _this.mobileBody = React__default.createRef();
+        _this.mobileHeader = React__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],
+            isPopupOpen: false
+        };
+        return _this;
+    }
+    CalendarMobile.prototype.getDateRange = function (minDate, maxDate, defaultDate) {
+        !moment.isMoment(minDate) || (!minDate.isValid() && (minDate = undefined));
+        !moment.isMoment(maxDate) || (!maxDate.isValid() && (maxDate = undefined));
+        var currentDate = defaultDate || moment();
+        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: moment(minDate).add(2, 'year')
+            };
+            currentDate = minDate.clone();
+        }
+        else if (!minDate && maxDate) {
+            dateRange = {
+                minDate: moment(maxDate).subtract(2, 'year'),
+                maxDate: maxDate
+            };
+            currentDate = maxDate.clone();
+        }
+        if (!currentDate.isBetween(dateRange.minDate, dateRange.maxDate, 'days', '[]')) {
+            currentDate = dateRange.minDate.clone();
+        }
+        return __assign(__assign({}, dateRange), { currentDate: currentDate });
+    };
+    CalendarMobile.prototype.componentDidMount = function () {
+        this.initMonths();
+    };
+    CalendarMobile.prototype.componentDidUpdate = function (prevProps) {
+        var _this = this;
+        var props = this.props;
+        var ns = props.classPrefix;
+        if (prevProps.minDate !== props.minDate ||
+            prevProps.maxDate !== props.maxDate) {
+            var currentDate = this.state.currentDate;
+            var dateRange = this.getDateRange(props.minDate, props.maxDate, moment(currentDate));
+            this.setState({
+                minDate: dateRange.minDate,
+                maxDate: dateRange.maxDate,
+                currentDate: dateRange.currentDate
+            }, function () { return _this.initMonths(); });
+        }
+        if ((prevProps.startDate !== props.startDate &&
+            props.startDate !== this.state.startDate) ||
+            (prevProps.endDate !== props.endDate &&
+                props.endDate !== this.state.endDate)) {
+            this.setState({
+                startDate: props.startDate,
+                endDate: props.endDate
+            }, function () {
+                return requestAnimationFrame(function () {
+                    var _a;
+                    (_a = document
+                        .querySelector(".".concat(ns, "CalendarMobile:not(.").concat(ns, "CalendarMobile-embed) .rdtRangeStart:not(.rdtNew)"))) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+                });
+            });
+        }
+    };
+    CalendarMobile.prototype.componentWillUnmount = function () {
+        this.setState({ showToast: false });
+        clearTimeout(this.timer);
+    };
+    CalendarMobile.prototype.initMonths = function () {
+        if (this.mobileBody.current) {
+            var defaultDate = this.props.defaultDate || this.state.currentDate;
+            this.scollToDate(defaultDate ? moment(defaultDate) : moment());
+        }
+    };
+    CalendarMobile.prototype.scollToDate = function (date) {
+        var index = date.month();
+        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.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 = moment().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__default.createElement("td", __assign({}, renderProps.props),
+            React__default.createElement("div", { className: "calendar-wrap", onClick: function () { return _this.handleCalendarClick(renderProps.rdtDisabled); } },
+                currentDate.date(),
+                React__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 = moment().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__default.createElement("td", __assign({}, renderProps.props),
+            React__default.createElement("div", { className: "calendar-wrap", onClick: function () { return _this.handleCalendarClick(renderProps.rdtDisabled); } },
+                monthStrFixedLength,
+                React__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 = moment().year(year).quarter(quarter);
+        var renderProps = this.getRenderProps(props, currentDate);
+        return (React__default.createElement("td", __assign({}, props),
+            React__default.createElement("div", { className: "calendar-wrap", onClick: function () { return _this.handleCalendarClick(renderProps.rdtDisabled); } },
+                "Q",
+                quarter,
+                React__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; _a.timeFormat; var inputFormat = _a.inputFormat, displayForamt = _a.displayForamt, locale = _a.locale, _b = _a.viewMode, viewMode = _b === void 0 ? 'days' : _b, close = _a.close, defaultDate = _a.defaultDate, showViewMode = _a.showViewMode, isEndDate = _a.isEndDate;
+        var __ = this.props.translate;
+        var _c = this.state, minDate = _c.minDate, maxDate = _c.maxDate, currentDate = _c.currentDate;
+        if (!minDate || !maxDate) {
+            return;
+        }
+        var calendarDates = [];
+        var currentYear = moment(currentDate).format('YYYY');
+        for (var minDateClone = minDate.clone(); minDateClone.isSameOrBefore(maxDate); minDateClone.add(1, showViewMode)) {
+            var date = minDateClone.clone();
+            if (defaultDate) {
+                date = moment(defaultDate).set({
+                    year: date.get('year'),
+                    month: date.get('month')
+                });
+            }
+            if (date.year() === +currentYear) {
+                calendarDates.push(date);
+            }
+        }
+        return (React__default.createElement("div", { className: cx('CalendarMobile-body'), ref: this.mobileBody }, calendarDates.map(function (calendarDate, index) {
+            var rdtOldNone = showViewMode === 'months' &&
+                calendarDate.clone().startOf('month').day() === 1
+                ? 'rdtOldNone'
+                : '';
+            return (React__default.createElement("div", { className: cx('CalendarMobile-calendar-wrap', rdtOldNone), key: 'calendar-wrap' + index },
+                showViewMode === 'months' && (React__default.createElement("div", { className: cx('CalendarMobile-calendar-mark'), key: 'calendar-mark' + index }, calendarDate.month() + 1)),
+                React__default.createElement("div", { className: cx('CalendarMobile-calendar-header') },
+                    React__default.createElement("span", { className: "rdtSwitch" }, calendarDate.format(__('dateformat.year'))),
+                    showViewMode === 'months' && (React__default.createElement("span", { className: "rdtSwitch" }, calendarDate.format(__('MMM'))))),
+                React__default.createElement(Calendar, { className: cx('CalendarMobile-calendar', rdtOldNone), viewDate: calendarDate, value: calendarDate, onChange: _this.handleMobileChange, requiredConfirm: false, dateFormat: dateFormat, displayForamt: displayForamt || 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, isEndDate: isEndDate })));
+        })));
+    };
+    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, isEndDate = _a.isEndDate;
+        var __ = this.props.translate;
+        var _b = this.state, startDate = _b.startDate, endDate = _b.endDate, dateTime = _b.dateTime;
+        return (React__default.createElement("div", { className: cx('CalendarMobile-time') },
+            React__default.createElement("div", { className: cx('CalendarMobile-time-title') }, isDatePicker
+                ? __('Date.titleTime')
+                : startDate && endDate
+                    ? __('Calendar.endPick')
+                    : __('Calendar.startPick')),
+            React__default.createElement(Calendar, { className: cx('CalendarMobile-time-calendar'), value: defaultDate, onChange: this.handleTimeChange, requiredConfirm: false, timeFormat: timeFormat, viewMode: "time", input: false, onClose: close, locale: locale, mobileUI: true, showToolbar: false, viewDate: moment().set({
+                    hour: dateTime[0],
+                    minute: dateTime[1],
+                    second: dateTime[2] || 0
+                }), timeConstraints: timeConstraints, isValidDate: this.checkIsValidDate, isEndDate: isEndDate })));
+    };
+    CalendarMobile.prototype.openDatePicker = function () {
+        this.setState({ isPopupOpen: true });
+    };
+    CalendarMobile.prototype.closePopup = function () {
+        this.setState({ isPopupOpen: false });
+    };
+    CalendarMobile.prototype.handleDateChange = function (currentDate) {
+        this.setState({
+            currentDate: currentDate
+        });
+        this.scollToDate(currentDate);
+        this.closePopup();
+    };
+    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, locale = _a.locale, popOverContainer = _a.popOverContainer, timeConstraints = _a.timeConstraints;
+        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, isPopupOpen = _b.isPopupOpen;
+        var header = (React__default.createElement("div", { className: cx('CalendarMobile-header'), ref: this.mobileHeader },
+            React__default.createElement("div", { className: cx('CalendarMobile-subtitle') },
+                React__default.createElement("span", { className: "subtitle-text" },
+                    currentDate &&
+                        currentDate.isSameOrBefore(minDate, showViewMode) ? null : (React__default.createElement("a", { className: "rdtPrev", onClick: this.scrollPreYear }, "\u2039")),
+                    React__default.createElement("span", { onClick: this.openDatePicker }, moment(currentDate).format('YYYY')),
+                    (currentDate &&
+                        currentDate.isSameOrAfter(maxDate, showViewMode)) ||
+                        isScrollToBottom ? null : (React__default.createElement("a", { className: "rdtNext", onClick: this.scrollAfterYear }, "\u203A")))),
+            showViewMode === 'months' ? (React__default.createElement("div", { className: cx('CalendarMobile-weekdays') }, this.getDaysOfWeek().map(function (day, index) { return (React__default.createElement("span", { key: day + index, className: "weekday" }, day)); }))) : null));
+        var footer = (React__default.createElement("div", { className: cx('CalendarMobile-footer') },
+            timeFormat && startDate && this.renderMobileTimePicker(),
+            React__default.createElement("div", { className: cx('CalendarMobile-footer-toolbar') },
+                React__default.createElement("div", { className: cx('CalendarMobile-footer-ranges') }, footerExtra),
+                confirm && !embed && (React__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__default.createElement("div", { className: cx('CalendarMobile', embed ? 'CalendarMobile-embed' : '', className) },
+            React__default.createElement("div", { className: cx('CalendarMobile-wrap') },
+                header,
+                this.renderMobileCalendarBody(),
+                footer),
+            showToast ? (React__default.createElement("div", { className: cx('CalendarMobile-toast') }, __('Calendar.toast'))) : null,
+            React__default.createElement(PopUp, { className: cx("DatePicker-popup DatePicker-mobile"), container: popOverContainer, isShow: isPopupOpen, showClose: false, onHide: this.closePopup },
+                React__default.createElement(Calendar, { value: currentDate, onChange: this.handleDateChange, requiredConfirm: false, isValidDate: this.checkIsValidDate, viewMode: "months", timeConstraints: timeConstraints, input: false, onClose: this.closePopup, locale: locale, minDate: minDate, maxDate: maxDate, mobileUI: true }))));
+    };
+    CalendarMobile.defaultProps = {
+        showViewMode: 'months'
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "scrollPreYear", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "scrollAfterYear", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Boolean]),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "handleCalendarClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "handleTimeChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "checkIsValidDate", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Object]),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "renderMobileDay", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Number, Number]),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "renderMonth", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object, Number, Number]),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "renderQuarter", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "handleMobileChange", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "renderMobileCalendarBody", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "renderMobileTimePicker", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "openDatePicker", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "closePopup", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "handleDateChange", null);
+    return CalendarMobile;
+}(React__default.Component));
+var CalendarMobile$1 = themeable(localeable(CalendarMobile));
+
+export { CalendarMobile, CalendarMobile$1 as default };

package/esm/components/Card.js

@@ -0,0 +1,88 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends } from 'tslib';
+import React__default from 'react';
+import { isClickOnInput, buildStyle, themeable } from 'amis-rev-core';
+
+var Card = /** @class */ (function (_super) {
+    __extends(Card, _super);
+    function Card(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleClick = _this.handleClick.bind(_this);
+        return _this;
+    }
+    Card.prototype.handleClick = function (e) {
+        if (isClickOnInput(e)) {
+            return;
+        }
+        this.props.onClick && this.props.onClick(e);
+    };
+    Card.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames, className = _a.className, style = _a.style, headerClassName = _a.headerClassName, bodyClassName = _a.bodyClassName, titleClassName = _a.titleClassName, subTitleClassName = _a.subTitleClassName, descriptionClassName = _a.descriptionClassName, avatarClassName = _a.avatarClassName, avatarTextStyle = _a.avatarTextStyle, imageClassName = _a.imageClassName, avatarTextClassName = _a.avatarTextClassName, secondaryClassName = _a.secondaryClassName, footerClassName = _a.footerClassName, media = _a.media, mediaPosition = _a.mediaPosition, mediaActionPosition = _a.mediaActionPosition, actions = _a.actions, children = _a.children, onClick = _a.onClick, toolbar = _a.toolbar, title = _a.title, subTitle = _a.subTitle, subTitlePlaceholder = _a.subTitlePlaceholder, description = _a.description, descriptionPlaceholder = _a.descriptionPlaceholder, secondary = _a.secondary, avatar = _a.avatar, avatarText = _a.avatarText, data = _a.data;
+        var heading = null;
+        var isShowHeading = avatar ||
+            avatarText ||
+            title ||
+            subTitle ||
+            subTitlePlaceholder ||
+            description ||
+            descriptionPlaceholder ||
+            toolbar;
+        if (isShowHeading) {
+            heading = (React__default.createElement("div", { className: cx('Card-heading', headerClassName) },
+                avatar ? (React__default.createElement("span", { className: cx('Card-avtar', avatarClassName) },
+                    React__default.createElement("img", { className: cx('Card-img', imageClassName), src: avatar }))) : avatarText ? (React__default.createElement("span", { className: cx('Card-avtarText', avatarTextClassName), style: buildStyle(avatarTextStyle, data) }, avatarText)) : null,
+                React__default.createElement("div", { className: cx('Card-meta') },
+                    title ? (React__default.createElement("div", { className: cx('Card-title', titleClassName) }, title)) : null,
+                    subTitle || subTitlePlaceholder ? (React__default.createElement("div", { className: cx('Card-subTitle', subTitleClassName) }, subTitle
+                        ? subTitle
+                        : subTitlePlaceholder
+                            ? subTitlePlaceholder
+                            : null)) : null,
+                    description || descriptionPlaceholder ? (React__default.createElement("div", { className: cx('Card-desc', descriptionClassName) }, description
+                        ? description
+                        : descriptionPlaceholder
+                            ? descriptionPlaceholder
+                            : null)) : null),
+                toolbar));
+        }
+        var body = children;
+        var actionView = secondary || actions ? (React__default.createElement("div", { className: cx('Card-footer-wrapper', footerClassName) },
+            secondary ? (React__default.createElement("div", { className: cx('Card-secondary', secondaryClassName) }, secondary)) : null,
+            actions ? (React__default.createElement("div", { className: cx('Card-actions-wrapper') }, actions)) : null)) : null;
+        return (React__default.createElement("div", { onClick: this.handleClick, className: cx('Card', className, {
+                'Card--link': onClick
+            }), style: style }, media ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement("div", { className: cx("Card-multiMedia--".concat(mediaPosition)) },
+                media,
+                React__default.createElement("div", { className: cx('Card-multiMedia-flex') },
+                    heading,
+                    body ? (React__default.createElement("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
+                    !mediaActionPosition ? actionView : null)),
+            mediaActionPosition === 'outside' ? actionView : null)) : (React__default.createElement(React__default.Fragment, null,
+            heading,
+            body ? (React__default.createElement("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
+            actionView))));
+    };
+    Card.defaultProps = {
+        className: '',
+        avatarClassName: '',
+        headerClassName: '',
+        footerClassName: '',
+        secondaryClassName: '',
+        avatarTextClassName: '',
+        bodyClassName: '',
+        titleClassName: '',
+        subTitleClassName: '',
+        descriptionClassName: '',
+        imageClassName: '',
+        mediaPosition: 'left'
+    };
+    return Card;
+}(React__default.Component));
+var Card$1 = themeable(Card);
+
+export { Card, Card$1 as default };