handsontable
Version:
Handsontable is a JavaScript Data Grid available for React, Angular and Vue.
108 lines (104 loc) • 4.16 kB
JavaScript
import "core-js/modules/es.array.push.js";
import Event from "../event.mjs";
import Overlays from "../overlays.mjs";
import { CLONE_TYPES } from "../overlay/index.mjs";
import Settings from "../settings.mjs";
import MasterTable from "../table/master.mjs";
import Viewport from "../viewport.mjs";
import CoreAbstract from "./_base.mjs";
import { SelectionManager } from "../selection/manager.mjs";
import { objectEach } from "../../../../helpers/object.mjs";
import { addClass, removeClass } from "../../../../helpers/dom/element.mjs";
/**
* @class Walkontable
*/
export default class Walkontable extends CoreAbstract {
/**
* @param {HTMLTableElement} table Main table.
* @param {SettingsPure} settings The Walkontable settings.
*/
constructor(table, settings) {
super(table, new Settings(settings));
const facadeGetter = this.wtSettings.getSetting('facade', this); // todo rethink. I would like to have no access to facade from the internal scope.
this.wtTable = new MasterTable(this.getTableDao(), facadeGetter, this.domBindings, this.wtSettings);
this.wtViewport = new Viewport(this.getViewportDao(), this.domBindings, this.wtSettings, this.eventManager, this.wtTable);
this.selectionManager = new SelectionManager(this.wtSettings.getSetting('selections'));
this.wtEvent = new Event(facadeGetter, this.domBindings, this.wtSettings, this.eventManager, this.wtTable, this.selectionManager);
this.wtOverlays = new Overlays(
// TODO create DAO and remove reference to the Walkontable instance.
this, facadeGetter, this.domBindings, this.wtSettings, this.eventManager, this.wtTable);
this.exportSettingsAsClassNames();
this.findOriginalHeaders();
}
/**
* Export settings as class names added to the parent element of the table.
*/
exportSettingsAsClassNames() {
const toExport = {
rowHeaders: 'htRowHeaders',
columnHeaders: 'htColumnHeaders'
};
const allClassNames = [];
const newClassNames = [];
objectEach(toExport, (className, key) => {
if (this.wtSettings.getSetting(key).length) {
newClassNames.push(className);
}
allClassNames.push(className);
});
removeClass(this.wtTable.wtRootElement.parentNode, allClassNames);
addClass(this.wtTable.wtRootElement.parentNode, newClassNames);
}
/**
* Gets the overlay instance by its name.
*
* @param {'inline_start'|'top'|'top_inline_start_corner'|'bottom'|'bottom_inline_start_corner'} overlayName The overlay name.
* @returns {Overlay | null}
*/
getOverlayByName(overlayName) {
var _this$wtOverlays;
if (!CLONE_TYPES.includes(overlayName)) {
return null;
}
const camelCaseOverlay = overlayName.replace(/_([a-z])/g, match => match[1].toUpperCase());
return (_this$wtOverlays = this.wtOverlays[`${camelCaseOverlay}Overlay`]) !== null && _this$wtOverlays !== void 0 ? _this$wtOverlays : null;
}
/**
* @returns {ViewportDao}
*/
getViewportDao() {
const wot = this;
return {
get wot() {
return wot;
},
get topOverlayTrimmingContainer() {
return wot.wtOverlays.topOverlay.trimmingContainer;
},
get inlineStartOverlayTrimmingContainer() {
return wot.wtOverlays.inlineStartOverlay.trimmingContainer;
},
get topScrollPosition() {
return wot.wtOverlays.topOverlay.getScrollPosition();
},
get topParentOffset() {
return wot.wtOverlays.topOverlay.getTableParentOffset();
},
get inlineStartScrollPosition() {
return wot.wtOverlays.inlineStartOverlay.getScrollPosition();
},
get inlineStartParentOffset() {
return wot.wtOverlays.inlineStartOverlay.getTableParentOffset();
},
get topOverlay() {
return wot.wtOverlays.topOverlay; // TODO refactoring: move outside dao, use IOC
},
get inlineStartOverlay() {
return wot.wtOverlays.inlineStartOverlay; // TODO refactoring: move outside dao, use IOC
},
get bottomOverlay() {
return wot.wtOverlays.bottomOverlay; // TODO refactoring: move outside dao, use IOC
}
};
}
}