devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
182 lines (181 loc) • 8.11 kB
JavaScript
/**
* DevExtreme (esm/ui/gantt/ui.gantt.export_helper.js)
* Version: 23.2.6
* Build date: Wed May 01 2024
*
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import {
getWindow
} from "../../core/utils/window";
import gridCoreUtils from "../grid_core/ui.grid_core.utils";
import {
isDate,
isDefined,
isNumeric
} from "../../core/utils/type";
import dateLocalization from "../../localization/date";
import numberLocalization from "../../localization/number";
var window = getWindow();
var TREELIST_EMPTY_SPACE = "dx-treelist-empty-space";
var TREELIST_TABLE = "dx-treelist-table";
export class GanttExportHelper {
constructor(gantt) {
this._gantt = gantt;
this._treeList = gantt._treeList;
this._cache = {}
}
reset() {
this._cache = {}
}
getTreeListTableStyle() {
var table = this._getTreeListTable();
var style = window.getComputedStyle(table);
return {
color: style.color,
backgroundColor: style.backgroundColor,
fontSize: style.fontSize,
fontFamily: style.fontFamily,
fontWeight: style.fontWeight,
fontStyle: style.fontStyle,
textAlign: "left",
verticalAlign: "middle"
}
}
getTreeListColCount() {
var headerView = this._getHeaderView();
var widths = headerView.getColumnWidths().filter(w => w > 0);
return widths.length
}
getTreeListHeaderInfo(colIndex) {
var element = this._getHeaderElement(colIndex);
if (!element) {
return null
}
var style = window.getComputedStyle(element);
var styleForExport = {
color: style.color,
padding: style.padding,
paddingLeft: style.paddingLeft,
paddingTop: style.paddingTop,
paddingRight: style.paddingRight,
paddingBottom: style.paddingBottom,
verticalAlign: style.verticalAlign,
width: this._getColumnWidth(colIndex)
};
return {
content: element.textContent,
styles: styleForExport
}
}
getTreeListCellInfo(key, colIndex) {
var _cell$textContent;
var node = this._treeList.getNodeByKey(key);
var visibleRowIndex = this._treeList.getRowIndexByKey(key);
var cell = visibleRowIndex > -1 ? this._getDataCell(visibleRowIndex, colIndex) : null;
var style = cell ? window.getComputedStyle(cell) : this._getColumnCellStyle(colIndex);
var styleForExport = {
color: style.color,
padding: style.padding,
paddingLeft: style.paddingLeft,
paddingTop: style.paddingTop,
paddingRight: style.paddingRight,
paddingBottom: style.paddingBottom,
width: this._getColumnWidth(colIndex)
};
if (0 === colIndex) {
styleForExport.extraLeftPadding = this._getEmptySpaceWidth(node.level)
}
return {
content: null !== (_cell$textContent = null === cell || void 0 === cell ? void 0 : cell.textContent) && void 0 !== _cell$textContent ? _cell$textContent : this._getDisplayText(key, colIndex),
styles: styleForExport
}
}
getTreeListEmptyDataCellInfo() {
return {
content: this._treeList.option("noDataText")
}
}
_ensureColumnWidthCache(colIndex) {
var _this$_cache, _this$_cache$_columnW;
null !== (_this$_cache$_columnW = (_this$_cache = this._cache)["columnWidths"]) && void 0 !== _this$_cache$_columnW ? _this$_cache$_columnW : _this$_cache.columnWidths = {};
if (!this._cache.columnWidths[colIndex]) {
var _header$clientWidth;
var header = this._getHeaderElement(colIndex);
this._cache.columnWidths[colIndex] = null !== (_header$clientWidth = null === header || void 0 === header ? void 0 : header.clientWidth) && void 0 !== _header$clientWidth ? _header$clientWidth : 0
}
}
_getColumnWidth(colIndex) {
this._ensureColumnWidthCache(colIndex);
var widths = this._cache.columnWidths;
return widths && widths[colIndex]
}
_getEmptySpaceWidth(level) {
if (!this._cache.emptyWidth) {
var _this$_cache2, _this$_cache2$_emptyW, _element$offsetWidth;
var element = this._getTreeListElement(TREELIST_EMPTY_SPACE);
null !== (_this$_cache2$_emptyW = (_this$_cache2 = this._cache)["emptyWidth"]) && void 0 !== _this$_cache2$_emptyW ? _this$_cache2$_emptyW : _this$_cache2.emptyWidth = null !== (_element$offsetWidth = element.offsetWidth) && void 0 !== _element$offsetWidth ? _element$offsetWidth : 0
}
return this._cache.emptyWidth * (level + 1)
}
_getColumnCellStyle(colIndex) {
this._ensureColumnCellStyleCache(colIndex);
return this._cache.columnStyles[colIndex]
}
_ensureColumnCellStyleCache(colIndex) {
var _this$_cache3, _this$_cache3$_column;
null !== (_this$_cache3$_column = (_this$_cache3 = this._cache)["columnStyles"]) && void 0 !== _this$_cache3$_column ? _this$_cache3$_column : _this$_cache3.columnStyles = {};
if (!this._cache.columnStyles[colIndex]) {
var cell = this._getDataCell(0, colIndex);
this._cache.columnStyles[colIndex] = window.getComputedStyle(cell)
}
}
_getTask(key) {
this._ensureTaskCache(key);
return this._cache.tasks[key]
}
_ensureTaskCache(key) {
var _this$_cache4, _this$_cache4$_tasks, _this$_cache$tasks, _this$_cache$tasks$ke;
null !== (_this$_cache4$_tasks = (_this$_cache4 = this._cache)["tasks"]) && void 0 !== _this$_cache4$_tasks ? _this$_cache4$_tasks : _this$_cache4.tasks = {};
null !== (_this$_cache$tasks$ke = (_this$_cache$tasks = this._cache.tasks)[key]) && void 0 !== _this$_cache$tasks$ke ? _this$_cache$tasks$ke : _this$_cache$tasks[key] = this._gantt._findTaskByKey(key)
}
_getTreeListTable() {
return this._getTreeListElement(TREELIST_TABLE)
}
_getTreeListElement(className) {
return this._treeList._$element.find("." + className).get(0)
}
_getDataCell(rowIndex, colIndex) {
var treeList = this._treeList;
var cellElement = treeList.getCellElement(rowIndex, colIndex);
return cellElement && cellElement.length ? cellElement[0] : cellElement
}
_getHeaderElement(index) {
return this._getHeaderView().getHeaderElement(index).get(0)
}
_getHeaderView() {
return this._treeList._views.columnHeadersView
}
_getDisplayText(key, colIndex) {
var task = this._getTask(key);
return task && this._getGridDisplayText(colIndex, task)
}
_getGridDisplayText(colIndex, data) {
var columns = this._treeList.getController("columns").getColumns();
var column = columns[colIndex];
var field = null === column || void 0 === column ? void 0 : column.dataField;
var format = null === column || void 0 === column ? void 0 : column.format;
var value = gridCoreUtils.getDisplayValue(column, data[field], data, "data");
if (isDefined(format)) {
if ("date" === (null === column || void 0 === column ? void 0 : column.dataType) || "datetime" === (null === column || void 0 === column ? void 0 : column.dataType)) {
var date = isDate(value) ? value : new Date(value);
return dateLocalization.format(date, format)
}
if (isNumeric(value)) {
return numberLocalization.format(value, format)
}
}
return "string" === typeof value ? value : null === value || void 0 === value ? void 0 : value.toString()
}
}