vxe-table
Version:
A PC-end table component based on Vxe UI, supporting copy-paste, data pivot table, and high-performance virtual list table solution.
180 lines (179 loc) • 7.53 kB
JavaScript
import XEUtils from 'xe-utils';
import { VxeUI } from '../../ui';
import { toFilters } from './util';
import { getFuncText } from '../../ui/src/utils';
import { warnLog, errLog } from '../../ui/src/log';
const { getI18n, formats } = VxeUI;
export class ColumnInfo {
/* eslint-disable @typescript-eslint/no-use-before-define */
constructor($xeTable, _vm, { renderHeader, renderCell, renderFooter, renderData } = {}) {
const tableProps = $xeTable.props;
const $xeGrid = $xeTable.xeGrid;
const { field, editRender } = _vm;
const formatter = _vm.formatter;
const visible = XEUtils.isBoolean(_vm.visible) ? _vm.visible : true;
const types = ['seq', 'checkbox', 'radio', 'expand', 'html'];
if (_vm.type && types.indexOf(_vm.type) === -1) {
warnLog('vxe.error.errProp', [`type=${_vm.type}`, types.join(', ')]);
}
if (XEUtils.isBoolean(_vm.cellRender) || (_vm.cellRender && !XEUtils.isObject(_vm.cellRender))) {
warnLog('vxe.error.errProp', [`column.cell-render=${_vm.cellRender}`, 'column.cell-render={}']);
}
if (XEUtils.isBoolean(_vm.editRender) || (_vm.editRender && !XEUtils.isObject(_vm.editRender))) {
warnLog('vxe.error.errProp', [`column.edit-render=${_vm.editRender}`, 'column.edit-render={}']);
}
if (_vm.type === 'expand') {
const { treeConfig } = tableProps;
const { computeTreeOpts } = $xeTable.getComputeMaps();
const treeOpts = computeTreeOpts.value;
if (treeConfig && (treeOpts.showLine || treeOpts.line)) {
errLog('vxe.error.errConflicts', ['tree-config.showLine', 'column.type=expand']);
}
}
if (formatter) {
if (XEUtils.isString(formatter)) {
const gFormatOpts = formats.get(formatter) || XEUtils[formatter];
if (!gFormatOpts || !XEUtils.isFunction(gFormatOpts.tableCellFormatMethod || gFormatOpts.cellFormatMethod)) {
errLog('vxe.error.notFormats', [formatter]);
}
}
else if (XEUtils.isArray(formatter)) {
const gFormatOpts = formats.get(formatter[0]) || XEUtils[formatter[0]];
if (!gFormatOpts || !XEUtils.isFunction(gFormatOpts.tableCellFormatMethod || gFormatOpts.cellFormatMethod)) {
errLog('vxe.error.notFormats', [formatter[0]]);
}
}
}
if (_vm.aggFunc) {
if (!$xeTable.handlePivotTableAggregateData && _vm.aggFunc !== true) {
errLog('vxe.error.errProp', [`column.agg-func=${_vm.aggFunc}`, 'column.agg-func=true']);
}
}
if (field && editRender) {
if (editRender.startField && `${editRender.startField}`.indexOf(field) >= 0) {
errLog('vxe.error.modelConflicts', [`field=${field}`, `edit-render.startField=${editRender.startField}`]);
}
if (editRender.endField && `${editRender.endField}`.indexOf(field) >= 0) {
errLog('vxe.error.modelConflicts', [`field=${field}`, `edit-render.endField=${editRender.endField}`]);
}
}
Object.assign(this, {
// 基本属性
type: _vm.type,
property: _vm.field,
field: field,
title: _vm.title,
width: _vm.width,
minWidth: _vm.minWidth,
maxWidth: _vm.maxWidth,
resizable: _vm.resizable,
fixed: _vm.fixed,
align: _vm.align,
headerAlign: _vm.headerAlign,
footerAlign: _vm.footerAlign,
showOverflow: _vm.showOverflow,
showHeaderOverflow: _vm.showHeaderOverflow,
showFooterOverflow: _vm.showFooterOverflow,
className: _vm.className,
headerClassName: _vm.headerClassName,
footerClassName: _vm.footerClassName,
formatter: formatter,
footerFormatter: _vm.footerFormatter,
padding: _vm.padding,
verticalAlign: _vm.verticalAlign,
sortable: _vm.sortable,
sortBy: _vm.sortBy,
sortType: _vm.sortType,
filters: toFilters(_vm.filters),
filterMultiple: XEUtils.isBoolean(_vm.filterMultiple) ? _vm.filterMultiple : true,
filterMethod: _vm.filterMethod,
filterResetMethod: _vm.filterResetMethod,
filterRecoverMethod: _vm.filterRecoverMethod,
filterRender: _vm.filterRender,
rowGroupNode: _vm.rowGroupNode,
treeNode: _vm.treeNode,
dragSort: _vm.dragSort,
rowResize: _vm.rowResize,
cellType: _vm.cellType,
cellRender: _vm.cellRender,
editRender: editRender,
contentRender: _vm.contentRender,
headerExportMethod: _vm.headerExportMethod,
exportMethod: _vm.exportMethod,
footerExportMethod: _vm.footerExportMethod,
titleHelp: _vm.titleHelp,
titlePrefix: _vm.titlePrefix,
titleSuffix: _vm.titleSuffix,
aggFunc: _vm.aggFunc,
// 自定义参数
params: _vm.params,
// 渲染属性
id: _vm.colId || XEUtils.uniqueId('col_'),
parentId: null,
visible,
// 内部属性（一旦被使用，将导致不可升级版本）
defaultParentId: null,
halfVisible: false,
defaultVisible: visible,
defaultFixed: _vm.fixed,
defaultAggGroup: _vm.aggGroup,
defaultAggFunc: _vm.aggFunc,
checked: false,
halfChecked: false,
disabled: false,
// 分组层级
level: 1,
// 跨行
rowSpan: 1,
// 跨列
colSpan: 1,
// 数据排序
order: null,
sortTime: 0,
// 列排序
sortNumber: 0,
renderSortNumber: 0,
renderAggFn: '',
renderFixed: '',
renderVisible: false,
renderWidth: 0,
renderHeight: 0,
renderResizeWidth: 0,
renderAutoWidth: 0,
resizeWidth: 0,
renderLeft: 0,
renderArgs: [],
model: {},
renderHeader: renderHeader || _vm.renderHeader,
renderCell: renderCell || _vm.renderCell,
renderFooter: renderFooter || _vm.renderFooter,
renderData: renderData,
// 单元格插槽，只对 grid 有效
slots: _vm.slots
});
if ($xeGrid) {
const { computeProxyOpts } = $xeGrid.getComputeMaps();
const proxyOpts = computeProxyOpts.value;
if (proxyOpts.beforeColumn) {
proxyOpts.beforeColumn({ $grid: $xeGrid, column: this });
}
}
}
getTitle() {
return getFuncText(this.title || (this.type === 'seq' ? getI18n('vxe.table.seqTitle') : ''));
}
getKey() {
const { type } = this;
return this.field || (type ? `type=${type}` : null);
}
update(name, value) {
// 不支持直接修改的属性
if (name !== 'filters') {
if (name === 'field') {
// 兼容旧属性
this.property = value;
}
this[name] = value;
}
}
}