chowa
Version:
UI component library based on React
65 lines (64 loc) • 3.52 kB
JavaScript
/**
* @license chowa v1.1.3
*
* Copyright (c) Chowa Techonlogies Co.,Ltd.(http://www.chowa.cn).
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
;
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const utils_1 = require("../../utils");
const classNames = require("classnames");
class ColumnEventLayout extends React.PureComponent {
renderColumnEvents(events, key) {
const nodes = [];
const { editable, onContextMenu } = this.props;
events.forEach((event, i) => {
const { index, span, begin, end, content, type } = event;
const eventClass = classNames({
[utils_1.preClass('full-calendar-col-event')]: true,
[utils_1.preClass(`full-calendar-col-span-${Math.round(span * 2)}`)]: true,
[utils_1.preClass(`full-calendar-col-index-${Math.round(index * 2)}`)]: true,
[utils_1.preClass(`full-calendar-event-${type}`)]: true,
[utils_1.preClass('full-calendar-col-event-begin')]: begin,
[utils_1.preClass('full-calendar-col-event-end')]: end
});
nodes.push(React.createElement("div", { onContextMenu: editable ? onContextMenu.bind(this, undefined, event) : null, className: eventClass, key: i }, content));
});
return (React.createElement("div", { className: utils_1.preClass('full-calendar-column-events-wrapper'), key: key }, nodes));
}
renderColumn(value, key) {
const { events, appendable, onContextMenu } = this.props;
const yAxisNodes = [];
if (appendable) {
for (let i = 0; i < 24; i++) {
yAxisNodes.push(React.createElement("div", { className: utils_1.preClass('full-calendar-y-axis'), onContextMenu: onContextMenu.bind(this, value.clone().hour(i), undefined), key: i }));
}
}
return (React.createElement("div", { className: utils_1.preClass('full-calendar-column-wrapper'), key: key },
React.createElement("div", { className: utils_1.preClass('full-calendar-column-events'), "data-time": value.format('Y M D H:m:s') },
appendable &&
React.createElement("div", { className: utils_1.preClass('full-calendar-y-axis-wrapper') }, yAxisNodes),
events[key].map((columnEvents, colKey) => (this.renderColumnEvents(columnEvents, colKey))))));
}
renderAxis() {
const nodes = [];
for (let i = 0; i < 24; i++) {
nodes.push(React.createElement("div", { key: i, className: utils_1.preClass('full-calendar-x-axis') },
React.createElement("span", { className: utils_1.preClass('full-calendar-time') },
utils_1.padZero(i),
":00")));
}
return (React.createElement("div", { className: utils_1.preClass('full-calendar-axis-wrapper') }, nodes));
}
render() {
const { moms } = this.props;
return (React.createElement("div", { className: utils_1.preClass('full-calendar-body') },
React.createElement("div", { className: utils_1.preClass('full-calendar-content-wrapper') },
this.renderAxis(),
React.createElement("div", { className: utils_1.preClass('full-calendar-time-content') }, moms.map((mom, key) => (this.renderColumn(mom, key)))))));
}
}
exports.default = ColumnEventLayout;