amis
Version:
一种MIS页面生成工具
57 lines (56 loc) • 3.37 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CustomYearsView = void 0;
var tslib_1 = require("tslib");
// @ts-ignore
var YearsView_1 = (0, tslib_1.__importDefault)(require("react-datetime/src/YearsView"));
var moment_1 = (0, tslib_1.__importDefault)(require("moment"));
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var locale_1 = require("../../locale");
var Picker_1 = (0, tslib_1.__importDefault)(require("../Picker"));
var helper_1 = require("../../utils/helper");
var CustomYearsView = /** @class */ (function (_super) {
(0, tslib_1.__extends)(CustomYearsView, _super);
function CustomYearsView() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.renderYear = function (props, year) {
return (react_1.default.createElement("td", (0, tslib_1.__assign)({}, props),
react_1.default.createElement("span", null, year)));
};
_this.onConfirm = function (value) {
_this.props.onConfirm && _this.props.onConfirm(value, ["year"]);
};
_this.renderYearPicker = function () {
var _a = _this.props, minDate = _a.minDate, maxDate = _a.maxDate, selectedDate = _a.selectedDate, viewDate = _a.viewDate;
var year = (selectedDate || viewDate || (0, moment_1.default)()).year();
var maxYear = maxDate ? (0, helper_1.convertDateToObject)(maxDate).year : year + 100;
var minYear = minDate ? (0, helper_1.convertDateToObject)(minDate).year : year - 100;
var columns = [{
options: (0, helper_1.getRange)(minYear, maxYear, 1)
}];
return (react_1.default.createElement(Picker_1.default, { translate: _this.props.translate, locale: _this.props.locale, columns: columns, value: [year], onConfirm: _this.onConfirm, onClose: _this.props.onClose }));
};
return _this;
}
CustomYearsView.prototype.render = function () {
var year = this.props.viewDate.year();
year = year - (year % 10);
var __ = this.props.translate;
if ((0, helper_1.isMobile)() && this.props.useMobileUI) {
return (react_1.default.createElement("div", { className: "rdtYears" }, this.renderYearPicker()));
}
return (react_1.default.createElement("div", { className: "rdtYears" },
react_1.default.createElement("table", null,
react_1.default.createElement("thead", null,
react_1.default.createElement("tr", null,
react_1.default.createElement("th", { className: "rdtPrev", onClick: this.props.subtractTime(10, 'years') }, "\u00AB"),
react_1.default.createElement("th", { className: "rdtSwitch" }, __('year-to-year', { from: year, to: year + 9 })),
react_1.default.createElement("th", { className: "rdtNext", onClick: this.props.addTime(10, 'years') }, "\u00BB")))),
react_1.default.createElement("table", null,
react_1.default.createElement("tbody", null, this.renderYears(year)))));
};
return CustomYearsView;
}(YearsView_1.default));
exports.CustomYearsView = CustomYearsView;
exports.default = (0, locale_1.localeable)(CustomYearsView);
//# sourceMappingURL=./components/calendar/YearsView.js.map