vxe-table 4.10.6-beta.26 → 4.10.6-beta.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.css +1 -1
- package/es/index.min.css +1 -1
- package/es/locale/lang/en-US.js +2 -2
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/table/src/body.js +14 -11
- package/es/table/src/cell.js +25 -39
- package/es/table/src/column.js +10 -0
- package/es/table/src/columnInfo.js +2 -0
- package/es/table/src/footer.js +2 -1
- package/es/table/src/header.js +2 -2
- package/es/table/src/table.js +67 -36
- package/es/table/src/util.js +9 -3
- package/es/table/style.css +51 -26
- package/es/table/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-table/style.css +51 -26
- package/es/vxe-table/style.min.css +1 -1
- package/lib/index.css +1 -1
- package/lib/index.min.css +1 -1
- package/lib/index.umd.js +138 -89
- package/lib/index.umd.min.js +1 -1
- package/lib/locale/lang/en-US.js +2 -2
- package/lib/locale/lang/en-US.min.js +1 -1
- package/lib/locale/lang/en-US.umd.js +2 -2
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/table/src/body.js +13 -11
- package/lib/table/src/body.min.js +1 -1
- package/lib/table/src/cell.js +24 -33
- package/lib/table/src/cell.min.js +1 -1
- package/lib/table/src/column.js +10 -0
- package/lib/table/src/column.min.js +1 -1
- package/lib/table/src/columnInfo.js +2 -0
- package/lib/table/src/columnInfo.min.js +1 -1
- package/lib/table/src/footer.js +2 -1
- package/lib/table/src/footer.min.js +1 -1
- package/lib/table/src/header.js +1 -1
- package/lib/table/src/header.min.js +1 -1
- package/lib/table/src/table.js +75 -38
- package/lib/table/src/table.min.js +1 -1
- package/lib/table/src/util.js +10 -3
- package/lib/table/src/util.min.js +1 -1
- package/lib/table/style/style.css +51 -26
- package/lib/table/style/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-table/style/style.css +51 -26
- package/lib/vxe-table/style/style.min.css +1 -1
- package/package.json +2 -2
- package/packages/locale/lang/en-US.ts +2 -2
- package/packages/table/src/body.ts +14 -11
- package/packages/table/src/cell.ts +25 -47
- package/packages/table/src/column.ts +10 -0
- package/packages/table/src/columnInfo.ts +2 -0
- package/packages/table/src/footer.ts +2 -1
- package/packages/table/src/header.ts +2 -2
- package/packages/table/src/table.ts +69 -37
- package/packages/table/src/util.ts +10 -3
- package/styles/components/table.scss +63 -31
- /package/es/{iconfont.1737366161311.ttf → iconfont.1737446773545.ttf} +0 -0
- /package/es/{iconfont.1737366161311.woff → iconfont.1737446773545.woff} +0 -0
- /package/es/{iconfont.1737366161311.woff2 → iconfont.1737446773545.woff2} +0 -0
- /package/lib/{iconfont.1737366161311.ttf → iconfont.1737446773545.ttf} +0 -0
- /package/lib/{iconfont.1737366161311.woff → iconfont.1737446773545.woff} +0 -0
- /package/lib/{iconfont.1737366161311.woff2 → iconfont.1737446773545.woff2} +0 -0
package/lib/index.umd.js
CHANGED
|
@@ -3138,7 +3138,7 @@ function eqEmptyValue(cellValue) {
|
|
|
3138
3138
|
;// ./packages/ui/index.ts
|
|
3139
3139
|
|
|
3140
3140
|
|
|
3141
|
-
const version = "4.10.6-beta.
|
|
3141
|
+
const version = "4.10.6-beta.27";
|
|
3142
3142
|
core_.VxeUI.version = version;
|
|
3143
3143
|
core_.VxeUI.tableVersion = version;
|
|
3144
3144
|
core_.VxeUI.setConfig({
|
|
@@ -3577,7 +3577,7 @@ var esnext_iterator_some = __webpack_require__(7550);
|
|
|
3577
3577
|
const {
|
|
3578
3578
|
log: log_log
|
|
3579
3579
|
} = core_.VxeUI;
|
|
3580
|
-
const log_version = `table v${"4.10.6-beta.
|
|
3580
|
+
const log_version = `table v${"4.10.6-beta.27"}`;
|
|
3581
3581
|
const warnLog = log_log.create('warn', log_version);
|
|
3582
3582
|
const errLog = log_log.create('error', log_version);
|
|
3583
3583
|
;// ./packages/table/src/columnInfo.ts
|
|
@@ -3666,6 +3666,8 @@ class ColumnInfo {
|
|
|
3666
3666
|
footerClassName: _vm.footerClassName,
|
|
3667
3667
|
formatter: formatter,
|
|
3668
3668
|
footerFormatter: _vm.footerFormatter,
|
|
3669
|
+
padding: _vm.padding,
|
|
3670
|
+
verticalAlign: _vm.verticalAlign,
|
|
3669
3671
|
sortable: _vm.sortable,
|
|
3670
3672
|
sortBy: _vm.sortBy,
|
|
3671
3673
|
sortType: _vm.sortType,
|
|
@@ -4120,6 +4122,12 @@ function getRefElem(refEl) {
|
|
|
4120
4122
|
}
|
|
4121
4123
|
return null;
|
|
4122
4124
|
}
|
|
4125
|
+
function getCellHeight(height) {
|
|
4126
|
+
if (height === 'unset') {
|
|
4127
|
+
return 0;
|
|
4128
|
+
}
|
|
4129
|
+
return height || 0;
|
|
4130
|
+
}
|
|
4123
4131
|
/**
|
|
4124
4132
|
* 列宽拖动最大宽度
|
|
4125
4133
|
* @param params
|
|
@@ -4480,7 +4488,7 @@ function rowToVisible($xeTable, row) {
|
|
|
4480
4488
|
return $xeTable.scrollTo(null, ($xeTable.findRowIndexOf(afterFullData, row) - 1) * defaultRowHeight);
|
|
4481
4489
|
}
|
|
4482
4490
|
let scrollTop = 0;
|
|
4483
|
-
const rowRest = fullAllDataRowIdData[rowid];
|
|
4491
|
+
const rowRest = fullAllDataRowIdData[rowid] || {};
|
|
4484
4492
|
const rHeight = rowRest ? rowRest.resizeHeight || cellOpts.height || rowOpts.height || defaultRowHeight : defaultRowHeight;
|
|
4485
4493
|
for (let i = 0; i < afterFullData.length; i++) {
|
|
4486
4494
|
const currRow = afterFullData[i];
|
|
@@ -4488,8 +4496,8 @@ function rowToVisible($xeTable, row) {
|
|
|
4488
4496
|
if (currRow === row || currRowid === rowid) {
|
|
4489
4497
|
break;
|
|
4490
4498
|
}
|
|
4491
|
-
const
|
|
4492
|
-
scrollTop +=
|
|
4499
|
+
const currRowRest = fullAllDataRowIdData[currRowid] || {};
|
|
4500
|
+
scrollTop += currRowRest.resizeHeight || currRowRest.height || cellOpts.height || rowOpts.height || defaultRowHeight;
|
|
4493
4501
|
}
|
|
4494
4502
|
if (scrollTop < bodyScrollTop) {
|
|
4495
4503
|
return $xeTable.scrollTo(null, scrollTop - leftFixedWidth - 1);
|
|
@@ -4852,18 +4860,6 @@ function renderTitleContent(params, content) {
|
|
|
4852
4860
|
...ons
|
|
4853
4861
|
}, getSlotVNs(content))];
|
|
4854
4862
|
}
|
|
4855
|
-
function formatFooterLabel(footerFormatter, params) {
|
|
4856
|
-
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(footerFormatter)) {
|
|
4857
|
-
return `${footerFormatter(params)}`;
|
|
4858
|
-
}
|
|
4859
|
-
const isArr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(footerFormatter);
|
|
4860
|
-
const gFormatOpts = isArr ? cell_formats.get(footerFormatter[0]) : cell_formats.get(footerFormatter);
|
|
4861
|
-
const footerFormatMethod = gFormatOpts ? gFormatOpts.tableFooterCellFormatMethod : null;
|
|
4862
|
-
if (footerFormatMethod) {
|
|
4863
|
-
return `${isArr ? footerFormatMethod(params, ...footerFormatter.slice(1)) : footerFormatMethod(params)}`;
|
|
4864
|
-
}
|
|
4865
|
-
return '';
|
|
4866
|
-
}
|
|
4867
4863
|
function getFooterContent(params) {
|
|
4868
4864
|
const {
|
|
4869
4865
|
$table,
|
|
@@ -4883,35 +4879,38 @@ function getFooterContent(params) {
|
|
|
4883
4879
|
if (footerSlot) {
|
|
4884
4880
|
return $table.callSlot(footerSlot, params);
|
|
4885
4881
|
}
|
|
4882
|
+
let itemValue = '';
|
|
4883
|
+
// 兼容老模式
|
|
4884
|
+
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(items)) {
|
|
4885
|
+
itemValue = items[_columnIndex];
|
|
4886
|
+
} else {
|
|
4887
|
+
itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, column.field);
|
|
4888
|
+
}
|
|
4889
|
+
const footParams = Object.assign(params, {
|
|
4890
|
+
itemValue
|
|
4891
|
+
});
|
|
4892
|
+
if (footerFormatter) {
|
|
4893
|
+
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(footerFormatter)) {
|
|
4894
|
+
return `${footerFormatter(footParams)}`;
|
|
4895
|
+
}
|
|
4896
|
+
const isArr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(footerFormatter);
|
|
4897
|
+
const gFormatOpts = isArr ? cell_formats.get(footerFormatter[0]) : cell_formats.get(footerFormatter);
|
|
4898
|
+
const footerFormatMethod = gFormatOpts ? gFormatOpts.tableFooterCellFormatMethod : null;
|
|
4899
|
+
if (footerFormatMethod) {
|
|
4900
|
+
return `${isArr ? footerFormatMethod(footParams, ...footerFormatter.slice(1)) : footerFormatMethod(footParams)}`;
|
|
4901
|
+
}
|
|
4902
|
+
return '';
|
|
4903
|
+
}
|
|
4886
4904
|
if (renderOpts) {
|
|
4887
4905
|
const compConf = cell_renderer.get(renderOpts.name);
|
|
4888
4906
|
if (compConf) {
|
|
4889
4907
|
const rtFooter = compConf.renderTableFooter || compConf.renderFooter;
|
|
4890
4908
|
if (rtFooter) {
|
|
4891
|
-
return getSlotVNs(rtFooter(renderOpts,
|
|
4909
|
+
return getSlotVNs(rtFooter(renderOpts, footParams));
|
|
4892
4910
|
}
|
|
4893
4911
|
}
|
|
4894
4912
|
}
|
|
4895
|
-
|
|
4896
|
-
// 兼容老模式
|
|
4897
|
-
if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(items)) {
|
|
4898
|
-
itemValue = items[_columnIndex];
|
|
4899
|
-
return [footerFormatter ? formatFooterLabel(footerFormatter, {
|
|
4900
|
-
itemValue,
|
|
4901
|
-
column,
|
|
4902
|
-
row,
|
|
4903
|
-
items,
|
|
4904
|
-
_columnIndex
|
|
4905
|
-
}) : formatText(itemValue, 1)];
|
|
4906
|
-
}
|
|
4907
|
-
itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, column.field);
|
|
4908
|
-
return [footerFormatter ? formatFooterLabel(footerFormatter, {
|
|
4909
|
-
itemValue,
|
|
4910
|
-
column,
|
|
4911
|
-
row,
|
|
4912
|
-
items,
|
|
4913
|
-
_columnIndex
|
|
4914
|
-
}) : formatText(itemValue, 1)];
|
|
4913
|
+
return [formatText(itemValue, 1)];
|
|
4915
4914
|
}
|
|
4916
4915
|
function getDefaultCellLabel(params) {
|
|
4917
4916
|
const {
|
|
@@ -5937,6 +5936,16 @@ const columnProps = {
|
|
|
5937
5936
|
formatter: [Function, Array, String],
|
|
5938
5937
|
// 格式化表尾显示内容
|
|
5939
5938
|
footerFormatter: [Function, Array, String],
|
|
5939
|
+
// 是否显示间距
|
|
5940
|
+
padding: {
|
|
5941
|
+
type: Boolean,
|
|
5942
|
+
default: null
|
|
5943
|
+
},
|
|
5944
|
+
// 垂直对齐方式
|
|
5945
|
+
verticalAlign: {
|
|
5946
|
+
type: String,
|
|
5947
|
+
default: null
|
|
5948
|
+
},
|
|
5940
5949
|
// 是否允许排序
|
|
5941
5950
|
sortable: Boolean,
|
|
5942
5951
|
// 自定义排序的属性
|
|
@@ -6316,10 +6325,12 @@ const renderType = 'body';
|
|
|
6316
6325
|
className,
|
|
6317
6326
|
treeNode,
|
|
6318
6327
|
rowResize,
|
|
6328
|
+
padding,
|
|
6329
|
+
verticalAlign,
|
|
6319
6330
|
slots
|
|
6320
6331
|
} = column;
|
|
6321
6332
|
const {
|
|
6322
|
-
verticalAlign
|
|
6333
|
+
verticalAlign: allVerticalAlign
|
|
6323
6334
|
} = cellOpts;
|
|
6324
6335
|
const {
|
|
6325
6336
|
actived
|
|
@@ -6336,15 +6347,17 @@ const renderType = 'body';
|
|
|
6336
6347
|
const isEdit = isEnableConf(editRender);
|
|
6337
6348
|
const resizeHeight = resizeHeightFlag ? rowRest.resizeHeight : 0;
|
|
6338
6349
|
let fixedHiddenColumn = fixedType ? column.fixed !== fixedType : column.fixed && overflowX;
|
|
6339
|
-
const
|
|
6340
|
-
const cellOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().
|
|
6350
|
+
const isCellPadding = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(padding) ? allPadding === null ? cellOpts.padding : allPadding : padding;
|
|
6351
|
+
const cellOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(showOverflow) ? isAllOverflow : showOverflow;
|
|
6341
6352
|
const showEllipsis = cellOverflow === 'ellipsis';
|
|
6342
6353
|
const showTitle = cellOverflow === 'title';
|
|
6343
6354
|
const showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
|
|
6344
|
-
const hasEllipsis = isAllOverflow || showTitle || showTooltip || showEllipsis
|
|
6355
|
+
const hasEllipsis = isAllOverflow || showTitle || showTooltip || showEllipsis;
|
|
6356
|
+
const isRsHeight = resizeHeight > 0;
|
|
6345
6357
|
let isDirty;
|
|
6346
6358
|
const tdOns = {};
|
|
6347
6359
|
const cellAlign = align || (compConf ? compConf.tableCellAlign : '') || allAlign;
|
|
6360
|
+
const cellVerticalAlign = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(verticalAlign) ? allVerticalAlign : verticalAlign;
|
|
6348
6361
|
const errorValidItem = validErrorMaps[`${rowid}:${colid}`];
|
|
6349
6362
|
const showValidTip = editRules && validOpts.showMessage && (validOpts.message === 'default' ? height || tableData.length > 1 : validOpts.message === 'inline');
|
|
6350
6363
|
const tdAttrs = {
|
|
@@ -6494,7 +6507,7 @@ const renderType = 'body';
|
|
|
6494
6507
|
isVNPreEmptyStatus = true;
|
|
6495
6508
|
}
|
|
6496
6509
|
const tcStyle = {};
|
|
6497
|
-
if (scrollYLoad || hasEllipsis) {
|
|
6510
|
+
if (scrollYLoad || hasEllipsis || isRsHeight) {
|
|
6498
6511
|
tcStyle.height = `${cellHeight}px`;
|
|
6499
6512
|
} else {
|
|
6500
6513
|
tcStyle.minHeight = `${cellHeight}px`;
|
|
@@ -6562,19 +6575,17 @@ const renderType = 'body';
|
|
|
6562
6575
|
}));
|
|
6563
6576
|
}
|
|
6564
6577
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('td', {
|
|
6565
|
-
class: ['vxe-body--column', colid, {
|
|
6566
|
-
[`col--${cellAlign}`]: cellAlign,
|
|
6567
|
-
[`col--vertical-${verticalAlign}`]: verticalAlign,
|
|
6568
|
-
[`col--${type}`]: type,
|
|
6578
|
+
class: ['vxe-body--column', colid, cellVerticalAlign ? `col--vertical-${cellVerticalAlign}` : '', cellAlign ? `col--${cellAlign}` : '', type ? `col--${type}` : '', {
|
|
6569
6579
|
'col--last': isLastColumn,
|
|
6570
6580
|
'col--tree-node': treeNode,
|
|
6571
6581
|
'col--edit': isEdit,
|
|
6572
6582
|
'col--ellipsis': hasEllipsis,
|
|
6583
|
+
'col--rs-height': isRsHeight,
|
|
6573
6584
|
'col--to-row': showAreaRowStatus,
|
|
6574
6585
|
'col--auto-height': isVNAutoHeight,
|
|
6575
6586
|
'fixed--width': !isAutoCellWidth,
|
|
6576
6587
|
'fixed--hidden': fixedHiddenColumn,
|
|
6577
|
-
'is--padding':
|
|
6588
|
+
'is--padding': isCellPadding,
|
|
6578
6589
|
'is--drag-cell': isRowDragCell && (isCrossDrag || isPeerDrag || !rowLevel),
|
|
6579
6590
|
'is--drag-disabled': isDisabledDrag,
|
|
6580
6591
|
'col--dirty': isDirty,
|
|
@@ -6941,7 +6952,7 @@ const renderType = 'body';
|
|
|
6941
6952
|
$xeTable.triggerBodyScrollEvent(evnt, fixedType);
|
|
6942
6953
|
}
|
|
6943
6954
|
};
|
|
6944
|
-
if (leftFixedWidth || rightFixedWidth) {
|
|
6955
|
+
if (scrollYLoad || leftFixedWidth || rightFixedWidth) {
|
|
6945
6956
|
ons.onWheel = $xeTable.triggerBodyWheelEvent;
|
|
6946
6957
|
}
|
|
6947
6958
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
|
|
@@ -7109,7 +7120,7 @@ const header_renderType = 'header';
|
|
|
7109
7120
|
const cellOpts = computeCellOpts.value;
|
|
7110
7121
|
const defaultRowHeight = computeDefaultRowHeight.value;
|
|
7111
7122
|
const headerCellOpts = computeHeaderCellOpts.value;
|
|
7112
|
-
const currCellHeight = headerCellOpts.height || cellOpts.height || defaultRowHeight;
|
|
7123
|
+
const currCellHeight = getCellHeight(headerCellOpts.height || cellOpts.height) || defaultRowHeight;
|
|
7113
7124
|
const {
|
|
7114
7125
|
disabledMethod: dragDisabledMethod,
|
|
7115
7126
|
isCrossDrag,
|
|
@@ -7463,6 +7474,7 @@ const header_renderType = 'header';
|
|
|
7463
7474
|
|
|
7464
7475
|
|
|
7465
7476
|
|
|
7477
|
+
|
|
7466
7478
|
const {
|
|
7467
7479
|
renderer: footer_renderer,
|
|
7468
7480
|
renderEmptyElement: footer_renderEmptyElement
|
|
@@ -7562,7 +7574,7 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
|
|
|
7562
7574
|
const defaultRowHeight = computeDefaultRowHeight.value;
|
|
7563
7575
|
const cellOpts = computeCellOpts.value;
|
|
7564
7576
|
const footerCellOpts = computeFooterCellOpts.value;
|
|
7565
|
-
const currCellHeight = footerCellOpts.height || cellOpts.height || defaultRowHeight;
|
|
7577
|
+
const currCellHeight = getCellHeight(footerCellOpts.height || cellOpts.height) || defaultRowHeight;
|
|
7566
7578
|
return tableColumn.map((column, $columnIndex) => {
|
|
7567
7579
|
const {
|
|
7568
7580
|
type,
|
|
@@ -11208,8 +11220,8 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
11208
11220
|
for (let rIndex = 0, rLen = afterFullData.length; rIndex < rLen; rIndex++) {
|
|
11209
11221
|
const row = afterFullData[rIndex];
|
|
11210
11222
|
const rowid = getRowid($xeTable, row);
|
|
11211
|
-
const rowRest = fullAllDataRowIdData[rowid];
|
|
11212
|
-
offsetTop += rowRest
|
|
11223
|
+
const rowRest = fullAllDataRowIdData[rowid] || {};
|
|
11224
|
+
offsetTop += rowRest.resizeHeight || rowRest.height || cellOpts.height || rowOpts.height || defaultRowHeight;
|
|
11213
11225
|
if (toVisibleIndex === -1 && scrollTop < offsetTop) {
|
|
11214
11226
|
toVisibleIndex = rIndex;
|
|
11215
11227
|
}
|
|
@@ -11782,19 +11794,15 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
11782
11794
|
};
|
|
11783
11795
|
const calcCellAutoHeight = (rowRest, wrapperEl) => {
|
|
11784
11796
|
const cellElemList = wrapperEl.querySelectorAll(`.vxe-cell--wrapper[rowid="${rowRest.rowid}"]`);
|
|
11785
|
-
let
|
|
11786
|
-
const firstCellEl = cellElemList[0];
|
|
11787
|
-
if (firstCellEl && firstCellEl.parentElement) {
|
|
11788
|
-
const cellStyle = getComputedStyle(firstCellEl.parentElement);
|
|
11789
|
-
topBottomPadding = Math.ceil(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellStyle.paddingTop) + external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellStyle.paddingBottom));
|
|
11790
|
-
}
|
|
11791
|
-
let colHeight = rowRest.height - topBottomPadding;
|
|
11797
|
+
let colHeight = rowRest.height;
|
|
11792
11798
|
for (let i = 0; i < cellElemList.length; i++) {
|
|
11793
11799
|
const cellElem = cellElemList[i];
|
|
11800
|
+
const tdEl = cellElem.parentElement;
|
|
11801
|
+
const topBottomPadding = Math.ceil(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(tdEl.style.paddingTop) + external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(tdEl.style.paddingBottom));
|
|
11794
11802
|
const cellHeight = cellElem ? cellElem.clientHeight : 0;
|
|
11795
|
-
colHeight = Math.max(colHeight, Math.ceil(cellHeight));
|
|
11803
|
+
colHeight = Math.max(colHeight - topBottomPadding, Math.ceil(cellHeight));
|
|
11796
11804
|
}
|
|
11797
|
-
return colHeight
|
|
11805
|
+
return colHeight;
|
|
11798
11806
|
};
|
|
11799
11807
|
const calcCellHeight = () => {
|
|
11800
11808
|
const {
|
|
@@ -11809,13 +11817,15 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
11809
11817
|
const defaultRowHeight = computeDefaultRowHeight.value;
|
|
11810
11818
|
const el = refElem.value;
|
|
11811
11819
|
if (!isAllOverflow && scrollYLoad && el) {
|
|
11820
|
+
el.setAttribute('data-calc-row', 'Y');
|
|
11812
11821
|
tableData.forEach(row => {
|
|
11813
11822
|
const rowid = getRowid($xeTable, row);
|
|
11814
11823
|
const rowRest = fullAllDataRowIdData[rowid];
|
|
11815
11824
|
if (rowRest) {
|
|
11816
|
-
const
|
|
11817
|
-
rowRest.height = Math.max(defaultRowHeight, scrollXLoad ? Math.max(rowRest.height,
|
|
11825
|
+
const reHeight = calcCellAutoHeight(rowRest, el);
|
|
11826
|
+
rowRest.height = Math.max(defaultRowHeight, scrollXLoad ? Math.max(rowRest.height, reHeight) : reHeight);
|
|
11818
11827
|
}
|
|
11828
|
+
el.removeAttribute('data-calc-row');
|
|
11819
11829
|
});
|
|
11820
11830
|
reactData.calcCellHeightFlag++;
|
|
11821
11831
|
}
|
|
@@ -15035,7 +15045,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
15035
15045
|
if (rowRest) {
|
|
15036
15046
|
const resizeHeight = rowRest.resizeHeight;
|
|
15037
15047
|
if (resizeHeight || isFull) {
|
|
15038
|
-
const currCellHeight = resizeHeight || cellOpts.height || rowOpts.height || defaultRowHeight;
|
|
15048
|
+
const currCellHeight = resizeHeight || rowRest.height || cellOpts.height || rowOpts.height || defaultRowHeight;
|
|
15039
15049
|
rest[rowid] = currCellHeight;
|
|
15040
15050
|
}
|
|
15041
15051
|
}
|
|
@@ -15086,8 +15096,10 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
15086
15096
|
const defaultRowHeight = computeDefaultRowHeight.value;
|
|
15087
15097
|
const rowid = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(rowOrId) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(rowOrId) ? rowOrId : getRowid($xeTable, rowOrId);
|
|
15088
15098
|
const rowRest = fullAllDataRowIdData[rowid];
|
|
15089
|
-
|
|
15090
|
-
|
|
15099
|
+
if (rowRest) {
|
|
15100
|
+
return rowRest.resizeHeight || rowRest.height || cellOpts.height || rowOpts.height || defaultRowHeight;
|
|
15101
|
+
}
|
|
15102
|
+
return 0;
|
|
15091
15103
|
},
|
|
15092
15104
|
/**
|
|
15093
15105
|
* 刷新滚动操作,手动同步滚动相关位置(对于某些特殊的操作,比如滚动条错位、固定列不同步)
|
|
@@ -17987,6 +17999,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
17987
17999
|
resizeTipElem.style.left = `${resizeTipLeft}px`;
|
|
17988
18000
|
resizeTipElem.style.top = `${Math.min(tableHeight - resizeTipHeight, Math.max(0, evnt.clientY - wrapperRect.y - resizeTipHeight / 2))}px`;
|
|
17989
18001
|
}
|
|
18002
|
+
reactData.isDragResize = true;
|
|
17990
18003
|
};
|
|
17991
18004
|
reactData.isDragResize = true;
|
|
17992
18005
|
addClass(tableEl, 'col-drag--resize');
|
|
@@ -17996,8 +18009,10 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
17996
18009
|
document.onmousemove = null;
|
|
17997
18010
|
document.onmouseup = null;
|
|
17998
18011
|
resizeBarElem.style.display = 'none';
|
|
17999
|
-
reactData.isDragResize = false;
|
|
18000
18012
|
internalData._lastResizeTime = Date.now();
|
|
18013
|
+
setTimeout(() => {
|
|
18014
|
+
reactData.isDragResize = false;
|
|
18015
|
+
}, 50);
|
|
18001
18016
|
const resizeWidth = resizeColumn.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft);
|
|
18002
18017
|
const resizeParams = {
|
|
18003
18018
|
...params,
|
|
@@ -18033,6 +18048,8 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
18033
18048
|
} = resizableOpts;
|
|
18034
18049
|
const el = refElem.value;
|
|
18035
18050
|
if (isDblclickAutoWidth && el) {
|
|
18051
|
+
evnt.stopPropagation();
|
|
18052
|
+
evnt.preventDefault();
|
|
18036
18053
|
const {
|
|
18037
18054
|
fullColumnIdData
|
|
18038
18055
|
} = internalData;
|
|
@@ -18119,7 +18136,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
18119
18136
|
return;
|
|
18120
18137
|
}
|
|
18121
18138
|
const defaultRowHeight = computeDefaultRowHeight.value;
|
|
18122
|
-
const currCellHeight = rowRest.resizeHeight || cellOpts.height || rowOpts.height || defaultRowHeight;
|
|
18139
|
+
const currCellHeight = rowRest.resizeHeight || rowRest.height || cellOpts.height || rowOpts.height || defaultRowHeight;
|
|
18123
18140
|
const tableRect = tableEl.getBoundingClientRect();
|
|
18124
18141
|
const trRect = trEl.getBoundingClientRect();
|
|
18125
18142
|
const targetOffsetY = dragClientY - trRect.y - trEl.clientHeight;
|
|
@@ -18161,6 +18178,7 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
18161
18178
|
resizeTipElem.style.left = `${resizeBarLeft}px`;
|
|
18162
18179
|
resizeTipElem.style.top = `${resizeBarTop}px`;
|
|
18163
18180
|
}
|
|
18181
|
+
reactData.isDragResize = true;
|
|
18164
18182
|
};
|
|
18165
18183
|
reactData.isDragResize = true;
|
|
18166
18184
|
addClass(tableEl, 'row-drag--resize');
|
|
@@ -18170,8 +18188,10 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
18170
18188
|
document.onmousemove = null;
|
|
18171
18189
|
document.onmouseup = null;
|
|
18172
18190
|
resizeBarElem.style.display = 'none';
|
|
18173
|
-
reactData.isDragResize = false;
|
|
18174
18191
|
internalData._lastResizeTime = Date.now();
|
|
18192
|
+
setTimeout(() => {
|
|
18193
|
+
reactData.isDragResize = false;
|
|
18194
|
+
}, 50);
|
|
18175
18195
|
if (resizeHeight !== currCellHeight) {
|
|
18176
18196
|
const resizeParams = {
|
|
18177
18197
|
...params,
|
|
@@ -18197,9 +18217,17 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
18197
18217
|
} = resizableOpts;
|
|
18198
18218
|
const el = refElem.value;
|
|
18199
18219
|
if (isDblclickAutoHeight && el) {
|
|
18220
|
+
evnt.stopPropagation();
|
|
18221
|
+
evnt.preventDefault();
|
|
18222
|
+
const {
|
|
18223
|
+
editStore
|
|
18224
|
+
} = reactData;
|
|
18200
18225
|
const {
|
|
18201
18226
|
fullAllDataRowIdData
|
|
18202
18227
|
} = internalData;
|
|
18228
|
+
const {
|
|
18229
|
+
actived
|
|
18230
|
+
} = editStore;
|
|
18203
18231
|
const {
|
|
18204
18232
|
row
|
|
18205
18233
|
} = params;
|
|
@@ -18208,19 +18236,28 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
18208
18236
|
if (!rowRest) {
|
|
18209
18237
|
return;
|
|
18210
18238
|
}
|
|
18211
|
-
const
|
|
18212
|
-
|
|
18213
|
-
|
|
18214
|
-
|
|
18215
|
-
|
|
18239
|
+
const handleRsHeight = () => {
|
|
18240
|
+
el.setAttribute('data-calc-row', 'Y');
|
|
18241
|
+
const resizeHeight = calcCellAutoHeight(rowRest, el);
|
|
18242
|
+
el.removeAttribute('data-calc-row');
|
|
18243
|
+
const resizeParams = {
|
|
18244
|
+
...params,
|
|
18245
|
+
resizeHeight,
|
|
18246
|
+
resizeRow: row
|
|
18247
|
+
};
|
|
18248
|
+
reactData.isDragResize = false;
|
|
18249
|
+
internalData._lastResizeTime = Date.now();
|
|
18250
|
+
if ($xeTable.handleRowResizeDblclickCellAreaEvent) {
|
|
18251
|
+
$xeTable.handleRowResizeDblclickCellAreaEvent(evnt, resizeParams);
|
|
18252
|
+
} else {
|
|
18253
|
+
rowRest.resizeHeight = resizeHeight;
|
|
18254
|
+
handleUpdateRowResize(evnt, resizeParams);
|
|
18255
|
+
}
|
|
18216
18256
|
};
|
|
18217
|
-
|
|
18218
|
-
|
|
18219
|
-
if ($xeTable.handleRowResizeDblclickCellAreaEvent) {
|
|
18220
|
-
$xeTable.handleRowResizeDblclickCellAreaEvent(evnt, resizeParams);
|
|
18257
|
+
if (actived.row || actived.column) {
|
|
18258
|
+
$xeTable.clearEdit().then(handleRsHeight);
|
|
18221
18259
|
} else {
|
|
18222
|
-
|
|
18223
|
-
handleUpdateRowResize(evnt, resizeParams);
|
|
18260
|
+
handleRsHeight();
|
|
18224
18261
|
}
|
|
18225
18262
|
}
|
|
18226
18263
|
},
|
|
@@ -18708,11 +18745,11 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
18708
18745
|
internalData.tooltipTimeout = setTimeout(() => {
|
|
18709
18746
|
$tooltip = refTooltip.value;
|
|
18710
18747
|
if ($tooltip && $tooltip.isActived && !$tooltip.isActived()) {
|
|
18711
|
-
|
|
18748
|
+
$xeTable.closeTooltip();
|
|
18712
18749
|
}
|
|
18713
18750
|
}, tooltipOpts.leaveDelay);
|
|
18714
18751
|
} else {
|
|
18715
|
-
|
|
18752
|
+
$xeTable.closeTooltip();
|
|
18716
18753
|
}
|
|
18717
18754
|
},
|
|
18718
18755
|
triggerHeaderCellClickEvent(evnt, params) {
|
|
@@ -18757,8 +18794,12 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
18757
18794
|
editConfig
|
|
18758
18795
|
} = props;
|
|
18759
18796
|
const {
|
|
18760
|
-
editStore
|
|
18797
|
+
editStore,
|
|
18798
|
+
isDragResize
|
|
18761
18799
|
} = reactData;
|
|
18800
|
+
if (isDragResize) {
|
|
18801
|
+
return;
|
|
18802
|
+
}
|
|
18762
18803
|
const expandOpts = computeExpandOpts.value;
|
|
18763
18804
|
const editOpts = computeEditOpts.value;
|
|
18764
18805
|
const treeOpts = computeTreeOpts.value;
|
|
@@ -18868,8 +18909,12 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
18868
18909
|
editConfig
|
|
18869
18910
|
} = props;
|
|
18870
18911
|
const {
|
|
18871
|
-
editStore
|
|
18912
|
+
editStore,
|
|
18913
|
+
isDragResize
|
|
18872
18914
|
} = reactData;
|
|
18915
|
+
if (isDragResize) {
|
|
18916
|
+
return;
|
|
18917
|
+
}
|
|
18873
18918
|
const editOpts = computeEditOpts.value;
|
|
18874
18919
|
const {
|
|
18875
18920
|
actived
|
|
@@ -20206,9 +20251,13 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
20206
20251
|
},
|
|
20207
20252
|
triggerBodyWheelEvent(evnt) {
|
|
20208
20253
|
const {
|
|
20254
|
+
target,
|
|
20209
20255
|
deltaY,
|
|
20210
20256
|
deltaX
|
|
20211
20257
|
} = evnt;
|
|
20258
|
+
if (target && /^textarea$/i.test(target.tagName)) {
|
|
20259
|
+
return;
|
|
20260
|
+
}
|
|
20212
20261
|
const {
|
|
20213
20262
|
highlightHoverRow
|
|
20214
20263
|
} = src_props;
|
|
@@ -20472,14 +20521,14 @@ const customStorageKey = 'VXE_CUSTOM_STORE';
|
|
|
20472
20521
|
for (let i = 0; i < afterFullData.length; i++) {
|
|
20473
20522
|
const row = afterFullData[i];
|
|
20474
20523
|
const rowid = getRowid($xeTable, row);
|
|
20475
|
-
const rowRest = fullAllDataRowIdData[rowid];
|
|
20476
|
-
ySpaceHeight += rowRest
|
|
20524
|
+
const rowRest = fullAllDataRowIdData[rowid] || {};
|
|
20525
|
+
ySpaceHeight += rowRest.resizeHeight || rowRest.height || cellOpts.height || rowOpts.height || defaultRowHeight;
|
|
20477
20526
|
}
|
|
20478
20527
|
for (let i = 0; i < startIndex; i++) {
|
|
20479
20528
|
const row = afterFullData[i];
|
|
20480
20529
|
const rowid = getRowid($xeTable, row);
|
|
20481
|
-
const rowRest = fullAllDataRowIdData[rowid];
|
|
20482
|
-
topSpaceHeight += rowRest
|
|
20530
|
+
const rowRest = fullAllDataRowIdData[rowid] || {};
|
|
20531
|
+
topSpaceHeight += rowRest.resizeHeight || rowRest.height || cellOpts.height || rowOpts.height || defaultRowHeight;
|
|
20483
20532
|
}
|
|
20484
20533
|
}
|
|
20485
20534
|
} else {
|