devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
114 lines (113 loc) • 4.52 kB
JavaScript
/**
* DevExtreme (esm/renovation/ui/scheduler/workspaces/base/date_table/layout.js)
* Version: 21.1.4
* Build date: Mon Jun 21 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import _extends from "@babel/runtime/helpers/esm/extends";
var _excluded = ["addDateTableClass", "bottomVirtualRowHeight", "cellTemplate", "className", "dataCellTemplate", "groupOrientation", "leftVirtualCellWidth", "rightVirtualCellWidth", "topVirtualRowHeight", "viewData"];
import {
createComponentVNode,
normalizeProps
} from "inferno";
import {
InfernoWrapperComponent
} from "@devextreme/vdom";
import {
Table
} from "../table";
import {
DateTableBody
} from "./table_body";
import {
DateTableLayoutProps
} from "./layout_props";
export var viewFunction = _ref => {
var {
bottomVirtualRowHeight: bottomVirtualRowHeight,
classes: classes,
leftVirtualCellWidth: leftVirtualCellWidth,
props: {
cellTemplate: cellTemplate,
dataCellTemplate: dataCellTemplate,
groupOrientation: groupOrientation,
viewData: viewData
},
restAttributes: restAttributes,
rightVirtualCellWidth: rightVirtualCellWidth,
topVirtualRowHeight: topVirtualRowHeight,
virtualCellsCount: virtualCellsCount
} = _ref;
return normalizeProps(createComponentVNode(2, Table, _extends({}, restAttributes, {
topVirtualRowHeight: topVirtualRowHeight,
bottomVirtualRowHeight: bottomVirtualRowHeight,
leftVirtualCellWidth: leftVirtualCellWidth,
rightVirtualCellWidth: rightVirtualCellWidth,
leftVirtualCellCount: viewData.leftVirtualCellCount,
rightVirtualCellCount: viewData.rightVirtualCellCount,
virtualCellsCount: virtualCellsCount,
className: classes,
children: createComponentVNode(2, DateTableBody, {
cellTemplate: cellTemplate,
viewData: viewData,
dataCellTemplate: dataCellTemplate,
leftVirtualCellWidth: leftVirtualCellWidth,
rightVirtualCellWidth: rightVirtualCellWidth,
groupOrientation: groupOrientation
})
})))
};
export var DateTableLayoutBaseProps = _extends({}, DateTableLayoutProps);
var getTemplate = TemplateProp => TemplateProp && (TemplateProp.defaultProps ? props => normalizeProps(createComponentVNode(2, TemplateProp, _extends({}, props))) : TemplateProp);
export class DateTableLayoutBase extends InfernoWrapperComponent {
constructor(props) {
super(props);
this.state = {}
}
get classes() {
var {
addDateTableClass: addDateTableClass
} = this.props;
return addDateTableClass ? "dx-scheduler-date-table" : void 0
}
get topVirtualRowHeight() {
return this.props.viewData.topVirtualRowHeight || 0
}
get bottomVirtualRowHeight() {
return this.props.viewData.bottomVirtualRowHeight || 0
}
get leftVirtualCellWidth() {
return this.props.viewData.leftVirtualCellWidth || 0
}
get rightVirtualCellWidth() {
return this.props.viewData.rightVirtualCellWidth || 0
}
get virtualCellsCount() {
return this.props.viewData.groupedData[0].dateTable[0].length
}
get restAttributes() {
var _this$props = this.props,
restProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
return restProps
}
render() {
var props = this.props;
return viewFunction({
props: _extends({}, props, {
cellTemplate: getTemplate(props.cellTemplate),
dataCellTemplate: getTemplate(props.dataCellTemplate)
}),
classes: this.classes,
topVirtualRowHeight: this.topVirtualRowHeight,
bottomVirtualRowHeight: this.bottomVirtualRowHeight,
leftVirtualCellWidth: this.leftVirtualCellWidth,
rightVirtualCellWidth: this.rightVirtualCellWidth,
virtualCellsCount: this.virtualCellsCount,
restAttributes: this.restAttributes
})
}
}
DateTableLayoutBase.defaultProps = _extends({}, DateTableLayoutBaseProps);