handsontable
Version:
Handsontable is a JavaScript Data Grid available for React, Angular and Vue.
144 lines (142 loc) • 6.76 kB
JavaScript
"use strict";
exports.__esModule = true;
exports.default = alignmentItem;
var _utils = require("../utils");
var _separator = require("./separator");
var C = _interopRequireWildcard(require("../../../i18n/constants"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
const KEY = exports.KEY = 'alignment';
/**
* @returns {object}
*/
function alignmentItem() {
return {
key: KEY,
name() {
return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ALIGNMENT);
},
disabled() {
if (this.countRows() === 0 || this.countCols() === 0) {
return true;
}
const range = this.getSelectedRangeActive();
if (!range) {
return true;
}
if (range.isSingleHeader()) {
return true;
}
return !(this.getSelectedRange() && !this.selection.isSelectedByCorner());
},
submenu: {
items: [{
key: `${KEY}:left`,
name() {
return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ALIGNMENT_LEFT);
},
callback() {
const selectedRange = this.getSelectedRange();
const stateBefore = (0, _utils.getAlignmentClasses)(selectedRange, (row, col) => this.getCellMeta(row, col).className);
const type = 'horizontal';
const alignment = 'htLeft';
this.runHooks('beforeCellAlignment', stateBefore, selectedRange, type, alignment);
(0, _utils.align)(selectedRange, type, alignment, (row, col) => this.getCellMeta(row, col), (row, col, key, value) => this.setCellMeta(row, col, key, value));
this.render();
},
disabled: false
}, {
key: `${KEY}:center`,
name() {
return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ALIGNMENT_CENTER);
},
callback() {
const selectedRange = this.getSelectedRange();
const stateBefore = (0, _utils.getAlignmentClasses)(selectedRange, (row, col) => this.getCellMeta(row, col).className);
const type = 'horizontal';
const alignment = 'htCenter';
this.runHooks('beforeCellAlignment', stateBefore, selectedRange, type, alignment);
(0, _utils.align)(selectedRange, type, alignment, (row, col) => this.getCellMeta(row, col), (row, col, key, value) => this.setCellMeta(row, col, key, value));
this.render();
},
disabled: false
}, {
key: `${KEY}:right`,
name() {
return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ALIGNMENT_RIGHT);
},
callback() {
const selectedRange = this.getSelectedRange();
const stateBefore = (0, _utils.getAlignmentClasses)(selectedRange, (row, col) => this.getCellMeta(row, col).className);
const type = 'horizontal';
const alignment = 'htRight';
this.runHooks('beforeCellAlignment', stateBefore, selectedRange, type, alignment);
(0, _utils.align)(selectedRange, type, alignment, (row, col) => this.getCellMeta(row, col), (row, col, key, value) => this.setCellMeta(row, col, key, value));
this.render();
},
disabled: false
}, {
key: `${KEY}:justify`,
name() {
return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ALIGNMENT_JUSTIFY);
},
callback() {
const selectedRange = this.getSelectedRange();
const stateBefore = (0, _utils.getAlignmentClasses)(selectedRange, (row, col) => this.getCellMeta(row, col).className);
const type = 'horizontal';
const alignment = 'htJustify';
this.runHooks('beforeCellAlignment', stateBefore, selectedRange, type, alignment);
(0, _utils.align)(selectedRange, type, alignment, (row, col) => this.getCellMeta(row, col), (row, col, key, value) => this.setCellMeta(row, col, key, value));
this.render();
},
disabled: false
}, {
name: _separator.KEY
}, {
key: `${KEY}:top`,
name() {
return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ALIGNMENT_TOP);
},
callback() {
const selectedRange = this.getSelectedRange();
const stateBefore = (0, _utils.getAlignmentClasses)(selectedRange, (row, col) => this.getCellMeta(row, col).className);
const type = 'vertical';
const alignment = 'htTop';
this.runHooks('beforeCellAlignment', stateBefore, selectedRange, type, alignment);
(0, _utils.align)(selectedRange, type, alignment, (row, col) => this.getCellMeta(row, col), (row, col, key, value) => this.setCellMeta(row, col, key, value));
this.render();
},
disabled: false
}, {
key: `${KEY}:middle`,
name() {
return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ALIGNMENT_MIDDLE);
},
callback() {
const selectedRange = this.getSelectedRange();
const stateBefore = (0, _utils.getAlignmentClasses)(selectedRange, (row, col) => this.getCellMeta(row, col).className);
const type = 'vertical';
const alignment = 'htMiddle';
this.runHooks('beforeCellAlignment', stateBefore, selectedRange, type, alignment);
(0, _utils.align)(selectedRange, type, alignment, (row, col) => this.getCellMeta(row, col), (row, col, key, value) => this.setCellMeta(row, col, key, value));
this.render();
},
disabled: false
}, {
key: `${KEY}:bottom`,
name() {
return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_ALIGNMENT_BOTTOM);
},
callback() {
const selectedRange = this.getSelectedRange();
const stateBefore = (0, _utils.getAlignmentClasses)(selectedRange, (row, col) => this.getCellMeta(row, col).className);
const type = 'vertical';
const alignment = 'htBottom';
this.runHooks('beforeCellAlignment', stateBefore, selectedRange, type, alignment);
(0, _utils.align)(selectedRange, type, alignment, (row, col) => this.getCellMeta(row, col), (row, col, key, value) => this.setCellMeta(row, col, key, value));
this.render();
},
disabled: false
}]
}
};
}