@visactor/vtable 1.11.2 → 1.11.3
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/cjs/ListTable.js +15 -12
- package/cjs/ListTable.js.map +1 -1
- package/cjs/PivotChart.js +6 -6
- package/cjs/PivotChart.js.map +1 -1
- package/cjs/PivotTable.js +13 -11
- package/cjs/PivotTable.js.map +1 -1
- package/cjs/components/react/react-custom-layout.d.ts +5 -1
- package/cjs/components/react/react-custom-layout.js +19 -5
- package/cjs/components/react/react-custom-layout.js.map +1 -1
- package/cjs/core/BaseTable.d.ts +1 -1
- package/cjs/core/BaseTable.js +6 -5
- package/cjs/core/BaseTable.js.map +1 -1
- package/cjs/core/record-helper.js +5 -3
- package/cjs/core/record-helper.js.map +1 -1
- package/cjs/event/event.js +3 -3
- package/cjs/event/event.js.map +1 -1
- package/cjs/index.d.ts +1 -1
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/cjs/plugins/custom-cell-style.js +2 -2
- package/cjs/plugins/custom-cell-style.js.map +1 -1
- package/cjs/scenegraph/refresh-node/update-chart.js +46 -22
- package/cjs/scenegraph/refresh-node/update-chart.js.map +1 -1
- package/cjs/scenegraph/scenegraph.d.ts +1 -1
- package/cjs/scenegraph/scenegraph.js +6 -1
- package/cjs/scenegraph/scenegraph.js.map +1 -1
- package/cjs/state/checkbox/checkbox.js +2 -2
- package/cjs/state/checkbox/checkbox.js.map +1 -1
- package/cjs/state/select/is-cell-select-highlight.js +4 -4
- package/cjs/state/select/is-cell-select-highlight.js.map +1 -1
- package/cjs/state/select/update-position.js +5 -5
- package/cjs/state/select/update-position.js.map +1 -1
- package/cjs/state/state.js +1 -1
- package/cjs/state/state.js.map +1 -1
- package/cjs/ts-types/base-table.d.ts +1 -1
- package/cjs/ts-types/base-table.js.map +1 -1
- package/cjs/ts-types/list-table/define/basic-define.d.ts +1 -1
- package/cjs/ts-types/list-table/define/basic-define.js.map +1 -1
- package/cjs/ts-types/pivot-table/indicator/basic-indicator.d.ts +1 -1
- package/cjs/ts-types/pivot-table/indicator/basic-indicator.js.map +1 -1
- package/cjs/vrender.js.map +1 -1
- package/dist/vtable.js +172 -75
- package/dist/vtable.min.js +2 -2
- package/es/ListTable.js +15 -12
- package/es/ListTable.js.map +1 -1
- package/es/PivotChart.js +6 -6
- package/es/PivotChart.js.map +1 -1
- package/es/PivotTable.js +13 -11
- package/es/PivotTable.js.map +1 -1
- package/es/components/react/react-custom-layout.d.ts +5 -1
- package/es/components/react/react-custom-layout.js +19 -5
- package/es/components/react/react-custom-layout.js.map +1 -1
- package/es/core/BaseTable.d.ts +1 -1
- package/es/core/BaseTable.js +5 -4
- package/es/core/BaseTable.js.map +1 -1
- package/es/core/record-helper.js +5 -3
- package/es/core/record-helper.js.map +1 -1
- package/es/event/event.js +3 -3
- package/es/event/event.js.map +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/es/plugins/custom-cell-style.js +2 -2
- package/es/plugins/custom-cell-style.js.map +1 -1
- package/es/scenegraph/refresh-node/update-chart.js +46 -22
- package/es/scenegraph/refresh-node/update-chart.js.map +1 -1
- package/es/scenegraph/scenegraph.d.ts +1 -1
- package/es/scenegraph/scenegraph.js +6 -1
- package/es/scenegraph/scenegraph.js.map +1 -1
- package/es/state/checkbox/checkbox.js +2 -2
- package/es/state/checkbox/checkbox.js.map +1 -1
- package/es/state/select/is-cell-select-highlight.js +4 -4
- package/es/state/select/is-cell-select-highlight.js.map +1 -1
- package/es/state/select/update-position.js +5 -5
- package/es/state/select/update-position.js.map +1 -1
- package/es/state/state.js +1 -1
- package/es/state/state.js.map +1 -1
- package/es/ts-types/base-table.d.ts +1 -1
- package/es/ts-types/base-table.js.map +1 -1
- package/es/ts-types/list-table/define/basic-define.d.ts +1 -1
- package/es/ts-types/list-table/define/basic-define.js.map +1 -1
- package/es/ts-types/pivot-table/indicator/basic-indicator.d.ts +1 -1
- package/es/ts-types/pivot-table/indicator/basic-indicator.js.map +1 -1
- package/es/vrender.js.map +1 -1
- package/package.json +4 -4
package/dist/vtable.js
CHANGED
|
@@ -33276,15 +33276,18 @@
|
|
|
33276
33276
|
table;
|
|
33277
33277
|
customLayoutFuncCache;
|
|
33278
33278
|
reactRemoveGraphicCache;
|
|
33279
|
+
reactRemoveAllGraphicCache;
|
|
33279
33280
|
headerCustomLayoutFuncCache;
|
|
33280
33281
|
headerReactRemoveGraphicCache;
|
|
33281
|
-
|
|
33282
|
-
|
|
33282
|
+
headerReactRemoveAllGraphicCache;
|
|
33283
|
+
constructor(table) {
|
|
33283
33284
|
this.table = table;
|
|
33284
33285
|
this.customLayoutFuncCache = new Map();
|
|
33285
33286
|
this.reactRemoveGraphicCache = new Map();
|
|
33287
|
+
this.reactRemoveAllGraphicCache = new Map();
|
|
33286
33288
|
this.headerCustomLayoutFuncCache = new Map();
|
|
33287
33289
|
this.headerReactRemoveGraphicCache = new Map();
|
|
33290
|
+
this.headerReactRemoveAllGraphicCache = new Map();
|
|
33288
33291
|
}
|
|
33289
33292
|
hasReactCreateGraphic(componentId, isHeaderCustomLayout) {
|
|
33290
33293
|
if (isHeaderCustomLayout) {
|
|
@@ -33308,6 +33311,14 @@
|
|
|
33308
33311
|
this.reactRemoveGraphicCache.set(componentId, removeGraphic);
|
|
33309
33312
|
}
|
|
33310
33313
|
}
|
|
33314
|
+
setReactRemoveAllGraphic(componentId, removeGraphic, isHeaderCustomLayout) {
|
|
33315
|
+
if (isHeaderCustomLayout) {
|
|
33316
|
+
this.headerReactRemoveAllGraphicCache.set(componentId, removeGraphic);
|
|
33317
|
+
}
|
|
33318
|
+
else {
|
|
33319
|
+
this.reactRemoveAllGraphicCache.set(componentId, removeGraphic);
|
|
33320
|
+
}
|
|
33321
|
+
}
|
|
33311
33322
|
updateCustomCell(componentId, isHeaderCustomLayout) {
|
|
33312
33323
|
const table = this.table;
|
|
33313
33324
|
if (table.isPivotTable()) {
|
|
@@ -33364,7 +33375,20 @@
|
|
|
33364
33375
|
}
|
|
33365
33376
|
}
|
|
33366
33377
|
clearCache() {
|
|
33367
|
-
this.
|
|
33378
|
+
this.reactRemoveAllGraphicCache.forEach(removeFun => {
|
|
33379
|
+
removeFun();
|
|
33380
|
+
});
|
|
33381
|
+
this.headerReactRemoveAllGraphicCache.forEach(removeFun => {
|
|
33382
|
+
removeFun();
|
|
33383
|
+
});
|
|
33384
|
+
}
|
|
33385
|
+
updateAllCustomCell() {
|
|
33386
|
+
this.customLayoutFuncCache.forEach((createFun, componentId) => {
|
|
33387
|
+
this.updateCustomCell(componentId);
|
|
33388
|
+
});
|
|
33389
|
+
this.headerCustomLayoutFuncCache.forEach((createFun, componentId) => {
|
|
33390
|
+
this.updateCustomCell(componentId, true);
|
|
33391
|
+
});
|
|
33368
33392
|
}
|
|
33369
33393
|
}
|
|
33370
33394
|
function getUpdateCustomCellRangeInListTable(componentId, table, isHeaderCustomLayout) {
|
|
@@ -40365,7 +40389,8 @@
|
|
|
40365
40389
|
}
|
|
40366
40390
|
else {
|
|
40367
40391
|
const define = table.getBodyColumnDefine(col, row);
|
|
40368
|
-
|
|
40392
|
+
const disableSelect = define?.disableSelect;
|
|
40393
|
+
cellDisable = typeof disableSelect === 'function' ? disableSelect(col, row, table) : disableSelect;
|
|
40369
40394
|
}
|
|
40370
40395
|
if (cellDisable) {
|
|
40371
40396
|
selectMode = undefined;
|
|
@@ -40390,7 +40415,9 @@
|
|
|
40390
40415
|
function isCellDisableSelect(table, col, row) {
|
|
40391
40416
|
const columnDefine = table.getBodyColumnDefine(col, row);
|
|
40392
40417
|
const isHeader = table.isHeader(col, row);
|
|
40393
|
-
|
|
40418
|
+
const disableSelect = columnDefine?.disableSelect;
|
|
40419
|
+
const cellDisable = typeof disableSelect === 'function' ? disableSelect(col, row, table) : disableSelect;
|
|
40420
|
+
if (cellDisable && !isHeader) {
|
|
40394
40421
|
return true;
|
|
40395
40422
|
}
|
|
40396
40423
|
if (isHeader && columnDefine?.disableHeaderSelect) {
|
|
@@ -45475,18 +45502,42 @@
|
|
|
45475
45502
|
const columnResizeType = col === -1 ? 'all' : table.internalProps.columnResizeType;
|
|
45476
45503
|
if (columnResizeType === 'column') {
|
|
45477
45504
|
const columnGroup = scenegraph.getColGroup(col);
|
|
45505
|
+
const columnHeaderGroup = scenegraph.getColGroup(col, true);
|
|
45506
|
+
const columnBottomGroup = scenegraph.getColGroupInBottom(col, true);
|
|
45478
45507
|
columnGroup?.forEachChildren((cellNode) => {
|
|
45479
45508
|
const width = table.getColWidth(cellNode.col);
|
|
45480
45509
|
const height = table.getRowHeight(cellNode.row);
|
|
45481
45510
|
updateChartGraphicSize(cellNode, width, height);
|
|
45482
45511
|
});
|
|
45512
|
+
columnHeaderGroup?.forEachChildren((cellNode) => {
|
|
45513
|
+
const width = table.getColWidth(cellNode.col);
|
|
45514
|
+
const height = table.getRowHeight(cellNode.row);
|
|
45515
|
+
updateChartGraphicSize(cellNode, width, height);
|
|
45516
|
+
});
|
|
45517
|
+
columnBottomGroup?.forEachChildren((cellNode) => {
|
|
45518
|
+
const width = table.getColWidth(cellNode.col);
|
|
45519
|
+
const height = table.getRowHeight(cellNode.row);
|
|
45520
|
+
updateChartGraphicSize(cellNode, width, height);
|
|
45521
|
+
});
|
|
45483
45522
|
if (table.widthMode === 'adaptive' && col < table.colCount - 1) {
|
|
45484
45523
|
const columnGroup = scenegraph.getColGroup(col + 1);
|
|
45524
|
+
const columnHeaderGroup = scenegraph.getColGroup(col + 1, true);
|
|
45525
|
+
const columnBottomGroup = scenegraph.getColGroupInBottom(col + 1, true);
|
|
45485
45526
|
columnGroup?.forEachChildren((cellNode) => {
|
|
45486
45527
|
const width = table.getColWidth(cellNode.col);
|
|
45487
45528
|
const height = table.getRowHeight(cellNode.row);
|
|
45488
45529
|
updateChartGraphicSize(cellNode, width, height);
|
|
45489
45530
|
});
|
|
45531
|
+
columnHeaderGroup?.forEachChildren((cellNode) => {
|
|
45532
|
+
const width = table.getColWidth(cellNode.col);
|
|
45533
|
+
const height = table.getRowHeight(cellNode.row);
|
|
45534
|
+
updateChartGraphicSize(cellNode, width, height);
|
|
45535
|
+
});
|
|
45536
|
+
columnBottomGroup?.forEachChildren((cellNode) => {
|
|
45537
|
+
const width = table.getColWidth(cellNode.col);
|
|
45538
|
+
const height = table.getRowHeight(cellNode.row);
|
|
45539
|
+
updateChartGraphicSize(cellNode, width, height);
|
|
45540
|
+
});
|
|
45490
45541
|
}
|
|
45491
45542
|
}
|
|
45492
45543
|
else {
|
|
@@ -45515,6 +45566,8 @@
|
|
|
45515
45566
|
}
|
|
45516
45567
|
for (let c = startCol; c <= endCol; c++) {
|
|
45517
45568
|
const columnGroup = scenegraph.getColGroup(c);
|
|
45569
|
+
const columnHeaderGroup = scenegraph.getColGroup(c, true);
|
|
45570
|
+
const columnBottomGroup = scenegraph.getColGroupInBottom(c, true);
|
|
45518
45571
|
if (columnGroup) {
|
|
45519
45572
|
if (columnResizeType === 'indicator') {
|
|
45520
45573
|
const indicatorKey = layout.getIndicatorKey(c, table.columnHeaderLevelCount);
|
|
@@ -45536,6 +45589,16 @@
|
|
|
45536
45589
|
const height = table.getRowHeight(cellNode.row);
|
|
45537
45590
|
updateChartGraphicSize(cellNode, width, height);
|
|
45538
45591
|
});
|
|
45592
|
+
columnHeaderGroup?.forEachChildren((cellNode) => {
|
|
45593
|
+
const width = table.getColWidth(cellNode.col);
|
|
45594
|
+
const height = table.getRowHeight(cellNode.row);
|
|
45595
|
+
updateChartGraphicSize(cellNode, width, height);
|
|
45596
|
+
});
|
|
45597
|
+
columnBottomGroup?.forEachChildren((cellNode) => {
|
|
45598
|
+
const width = table.getColWidth(cellNode.col);
|
|
45599
|
+
const height = table.getRowHeight(cellNode.row);
|
|
45600
|
+
updateChartGraphicSize(cellNode, width, height);
|
|
45601
|
+
});
|
|
45539
45602
|
}
|
|
45540
45603
|
}
|
|
45541
45604
|
}
|
|
@@ -45568,49 +45631,58 @@
|
|
|
45568
45631
|
startRow = node.startInTotal + table.frozenRowCount;
|
|
45569
45632
|
endRow = node.startInTotal + table.frozenRowCount + node.size - 1;
|
|
45570
45633
|
}
|
|
45571
|
-
|
|
45572
|
-
|
|
45573
|
-
|
|
45574
|
-
|
|
45575
|
-
|
|
45576
|
-
|
|
45577
|
-
|
|
45578
|
-
|
|
45579
|
-
|
|
45580
|
-
if (
|
|
45581
|
-
const cellNode = scenegraph.highPerformanceGetCell(col, row
|
|
45634
|
+
const colsRange = [{ startCol: scenegraph.proxy.colStart, endCol: scenegraph.proxy.colEnd }];
|
|
45635
|
+
if (table.frozenColCount) {
|
|
45636
|
+
colsRange.push({ startCol: 0, endCol: table.frozenColCount - 1 });
|
|
45637
|
+
}
|
|
45638
|
+
if (table.rightFrozenColCount) {
|
|
45639
|
+
colsRange.push({ startCol: table.colCount - table.rightFrozenColCount, endCol: table.colCount - 1 });
|
|
45640
|
+
}
|
|
45641
|
+
colsRange.forEach(({ startCol, endCol }) => {
|
|
45642
|
+
for (let col = startCol; col <= endCol; col++) {
|
|
45643
|
+
if (rowResizeType === 'row') {
|
|
45644
|
+
const cellNode = scenegraph.highPerformanceGetCell(col, row);
|
|
45645
|
+
if (cellNode.role !== 'cell') {
|
|
45646
|
+
continue;
|
|
45647
|
+
}
|
|
45582
45648
|
const width = table.getColWidth(cellNode.col);
|
|
45583
45649
|
const height = table.getRowHeight(cellNode.row);
|
|
45584
45650
|
updateChartGraphicSize(cellNode, width, height);
|
|
45651
|
+
if (table.heightMode === 'adaptive' && row < table.rowCount - 1) {
|
|
45652
|
+
const cellNode = scenegraph.highPerformanceGetCell(col, row + 1);
|
|
45653
|
+
const width = table.getColWidth(cellNode.col);
|
|
45654
|
+
const height = table.getRowHeight(cellNode.row);
|
|
45655
|
+
updateChartGraphicSize(cellNode, width, height);
|
|
45656
|
+
}
|
|
45585
45657
|
}
|
|
45586
|
-
|
|
45587
|
-
|
|
45588
|
-
|
|
45589
|
-
|
|
45590
|
-
|
|
45591
|
-
if (!layout.indicatorsAsCol && indicatorKey !== resizeIndicatorKey) {
|
|
45592
|
-
continue;
|
|
45593
|
-
}
|
|
45594
|
-
else if (layout.indicatorsAsCol) {
|
|
45595
|
-
const headerPaths = layout.getCellHeaderPaths(state.table.rowHeaderLevelCount - 1, r);
|
|
45596
|
-
const headerPath = headerPaths?.rowHeaderPaths[headerPaths.rowHeaderPaths.length - 1];
|
|
45597
|
-
if (!headerPath ||
|
|
45598
|
-
resizeDimensionKey !== headerPath.dimensionKey ||
|
|
45599
|
-
resizeDimensionValue !== headerPath.value) {
|
|
45658
|
+
else {
|
|
45659
|
+
for (let r = startRow; r <= endRow; r++) {
|
|
45660
|
+
if (rowResizeType === 'indicator') {
|
|
45661
|
+
const indicatorKey = layout.getIndicatorKey(state.table.rowHeaderLevelCount, r);
|
|
45662
|
+
if (!layout.indicatorsAsCol && indicatorKey !== resizeIndicatorKey) {
|
|
45600
45663
|
continue;
|
|
45601
45664
|
}
|
|
45665
|
+
else if (layout.indicatorsAsCol) {
|
|
45666
|
+
const headerPaths = layout.getCellHeaderPaths(state.table.rowHeaderLevelCount - 1, r);
|
|
45667
|
+
const headerPath = headerPaths?.rowHeaderPaths[headerPaths.rowHeaderPaths.length - 1];
|
|
45668
|
+
if (!headerPath ||
|
|
45669
|
+
resizeDimensionKey !== headerPath.dimensionKey ||
|
|
45670
|
+
resizeDimensionValue !== headerPath.value) {
|
|
45671
|
+
continue;
|
|
45672
|
+
}
|
|
45673
|
+
}
|
|
45602
45674
|
}
|
|
45675
|
+
const cellNode = scenegraph.highPerformanceGetCell(col, r);
|
|
45676
|
+
if (cellNode.role !== 'cell') {
|
|
45677
|
+
continue;
|
|
45678
|
+
}
|
|
45679
|
+
const width = table.getColWidth(cellNode.col);
|
|
45680
|
+
const height = table.getRowHeight(cellNode.row);
|
|
45681
|
+
updateChartGraphicSize(cellNode, width, height);
|
|
45603
45682
|
}
|
|
45604
|
-
const cellNode = scenegraph.highPerformanceGetCell(col, r);
|
|
45605
|
-
if (cellNode.role !== 'cell') {
|
|
45606
|
-
continue;
|
|
45607
|
-
}
|
|
45608
|
-
const width = table.getColWidth(cellNode.col);
|
|
45609
|
-
const height = table.getRowHeight(cellNode.row);
|
|
45610
|
-
updateChartGraphicSize(cellNode, width, height);
|
|
45611
45683
|
}
|
|
45612
45684
|
}
|
|
45613
|
-
}
|
|
45685
|
+
});
|
|
45614
45686
|
}
|
|
45615
45687
|
function clearChartCacheImage(scenegraph) {
|
|
45616
45688
|
for (let c = scenegraph.proxy.colStart; c <= scenegraph.proxy.colEnd; c++) {
|
|
@@ -46793,7 +46865,13 @@
|
|
|
46793
46865
|
}
|
|
46794
46866
|
return element || undefined;
|
|
46795
46867
|
}
|
|
46796
|
-
getColGroupInBottom(col) {
|
|
46868
|
+
getColGroupInBottom(col, isCornerOrColHeader = false) {
|
|
46869
|
+
if (isCornerOrColHeader) {
|
|
46870
|
+
const element = this.getColGroupInLeftBottomCorner(col) ?? this.getColGroupInRightBottomCorner(col);
|
|
46871
|
+
if (element) {
|
|
46872
|
+
return element;
|
|
46873
|
+
}
|
|
46874
|
+
}
|
|
46797
46875
|
if (this.table.bottomFrozenRowCount > 0) {
|
|
46798
46876
|
return this.bottomFrozenGroup.getColGroup(col);
|
|
46799
46877
|
}
|
|
@@ -48176,7 +48254,10 @@
|
|
|
48176
48254
|
const { table, interactionState } = state;
|
|
48177
48255
|
const { scenegraph } = table;
|
|
48178
48256
|
const { highlightScope, disableHeader, cellPos } = state.select;
|
|
48179
|
-
|
|
48257
|
+
const disableSelect = table.options?.select?.disableSelect;
|
|
48258
|
+
const cellDisable = typeof disableSelect === 'function' ? disableSelect(col, row, table) : disableSelect;
|
|
48259
|
+
if (((disableHeader && table.isHeader(col, row)) || highlightScope === 'none' || cellDisable) &&
|
|
48260
|
+
forceSelect === false) {
|
|
48180
48261
|
if (col !== -1 && row !== -1 && makeSelectCellVisible) {
|
|
48181
48262
|
table._makeVisibleCell(col, row);
|
|
48182
48263
|
}
|
|
@@ -49417,7 +49498,7 @@
|
|
|
49417
49498
|
isNeedInitHeaderCheckedStateFromRecord = true;
|
|
49418
49499
|
}
|
|
49419
49500
|
if (isNeedInitHeaderCheckedStateFromRecord) {
|
|
49420
|
-
records
|
|
49501
|
+
records?.forEach((record, index) => {
|
|
49421
49502
|
state._checkboxCellTypeFields.forEach(field => {
|
|
49422
49503
|
const value = record[field];
|
|
49423
49504
|
let isChecked;
|
|
@@ -49959,7 +50040,10 @@
|
|
|
49959
50040
|
highlightMode: 'cell',
|
|
49960
50041
|
highlightInRange: false
|
|
49961
50042
|
}, this.table.options.select);
|
|
49962
|
-
if (
|
|
50043
|
+
if (disableSelect === true) {
|
|
50044
|
+
this.select.highlightScope = HighlightScope.none;
|
|
50045
|
+
}
|
|
50046
|
+
else {
|
|
49963
50047
|
if (highlightMode === 'cross') {
|
|
49964
50048
|
this.select.highlightScope = HighlightScope.cross;
|
|
49965
50049
|
}
|
|
@@ -49973,9 +50057,6 @@
|
|
|
49973
50057
|
this.select.highlightScope = HighlightScope.single;
|
|
49974
50058
|
}
|
|
49975
50059
|
}
|
|
49976
|
-
else {
|
|
49977
|
-
this.select.highlightScope = HighlightScope.none;
|
|
49978
|
-
}
|
|
49979
50060
|
this.select.singleStyle = !disableSelect;
|
|
49980
50061
|
this.select.disableHeader = disableHeaderSelect;
|
|
49981
50062
|
this.select.headerSelectMode = headerSelectMode;
|
|
@@ -53151,6 +53232,8 @@
|
|
|
53151
53232
|
return false;
|
|
53152
53233
|
}
|
|
53153
53234
|
const define = this.table.getBodyColumnDefine(eventArgs.col, eventArgs.row);
|
|
53235
|
+
const disableSelect = define?.disableSelect;
|
|
53236
|
+
const cellDisable = typeof disableSelect === 'function' ? disableSelect(eventArgs.col, eventArgs.row, this.table) : disableSelect;
|
|
53154
53237
|
if (this.table.isHeader(eventArgs.col, eventArgs.row) &&
|
|
53155
53238
|
(define?.disableHeaderSelect || this.table.stateManager.select?.disableHeader)) {
|
|
53156
53239
|
if (!isSelectMoving) {
|
|
@@ -53158,7 +53241,7 @@
|
|
|
53158
53241
|
}
|
|
53159
53242
|
return false;
|
|
53160
53243
|
}
|
|
53161
|
-
else if (!this.table.isHeader(eventArgs.col, eventArgs.row) &&
|
|
53244
|
+
else if (!this.table.isHeader(eventArgs.col, eventArgs.row) && cellDisable) {
|
|
53162
53245
|
if (!isSelectMoving) {
|
|
53163
53246
|
const isHasSelected = !!this.table.stateManager.select.ranges?.length;
|
|
53164
53247
|
this.table.stateManager.updateSelectPos(-1, -1);
|
|
@@ -53173,7 +53256,7 @@
|
|
|
53173
53256
|
this.table.stateManager.updateSelectPos(-1, -1);
|
|
53174
53257
|
return false;
|
|
53175
53258
|
}
|
|
53176
|
-
this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, false, this.table.options.select?.makeSelectCellVisible ?? true);
|
|
53259
|
+
this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, false, isSelectMoving ? false : this.table.options.select?.makeSelectCellVisible ?? true);
|
|
53177
53260
|
return true;
|
|
53178
53261
|
}
|
|
53179
53262
|
return false;
|
|
@@ -55468,8 +55551,8 @@
|
|
|
55468
55551
|
const cellPos = cellStyle.cellPosition;
|
|
55469
55552
|
if (cellStyle.customStyleId === customStyleId) {
|
|
55470
55553
|
if (cellPos.range) {
|
|
55471
|
-
for (let col = cellPos.range.start.col; col <= cellPos.range.end.col; col++) {
|
|
55472
|
-
for (let row = cellPos.range.start.row; row <= cellPos.range.end.row; row++) {
|
|
55554
|
+
for (let col = Math.max(0, cellPos.range.start.col); col <= Math.min(this.table.colCount - 1, cellPos.range.end.col); col++) {
|
|
55555
|
+
for (let row = Math.max(0, cellPos.range.start.row); row <= Math.min(this.table.rowCount - 1, cellPos.range.end.row); row++) {
|
|
55473
55556
|
this.table.scenegraph.updateCellContent(col, row);
|
|
55474
55557
|
}
|
|
55475
55558
|
}
|
|
@@ -55514,8 +55597,8 @@
|
|
|
55514
55597
|
this.customCellStyleArrangement.splice(index, 1);
|
|
55515
55598
|
}
|
|
55516
55599
|
if (cellPos.range) {
|
|
55517
|
-
for (let col = cellPos.range.start.col; col <= cellPos.range.end.col; col++) {
|
|
55518
|
-
for (let row = cellPos.range.start.row; row <= cellPos.range.end.row; row++) {
|
|
55600
|
+
for (let col = Math.max(0, cellPos.range.start.col); col <= Math.min(this.table.colCount - 1, cellPos.range.end.col); col++) {
|
|
55601
|
+
for (let row = Math.max(0, cellPos.range.start.row); row <= Math.min(this.table.rowCount - 1, cellPos.range.end.row); row++) {
|
|
55519
55602
|
const range = this.table.getCellRange(col, row);
|
|
55520
55603
|
for (let c = range.start.col; c <= range.end.col; c++) {
|
|
55521
55604
|
for (let r = range.start.row; r <= range.end.row; r++) {
|
|
@@ -57561,7 +57644,7 @@
|
|
|
57561
57644
|
return TABLE_EVENT_TYPE;
|
|
57562
57645
|
}
|
|
57563
57646
|
options;
|
|
57564
|
-
version = "1.11.
|
|
57647
|
+
version = "1.11.3";
|
|
57565
57648
|
pagination;
|
|
57566
57649
|
id = `VTable${Date.now()}`;
|
|
57567
57650
|
headerStyleCache;
|
|
@@ -59463,6 +59546,8 @@
|
|
|
59463
59546
|
return true;
|
|
59464
59547
|
}
|
|
59465
59548
|
_canDragHeaderPosition(col, row) {
|
|
59549
|
+
const disableSelect = this.options.select?.disableSelect;
|
|
59550
|
+
const cellDisable = typeof disableSelect === 'function' ? disableSelect(col, row, this) : disableSelect;
|
|
59466
59551
|
if (this.isHeader(col, row) &&
|
|
59467
59552
|
(this.stateManager.isSelected(col, row) ||
|
|
59468
59553
|
(this.options.select?.headerSelectMode === 'body' &&
|
|
@@ -59470,7 +59555,7 @@
|
|
|
59470
59555
|
this.getCellRange(this.stateManager.select.cellPos.col, this.stateManager.select.cellPos.row)
|
|
59471
59556
|
])) ||
|
|
59472
59557
|
this.options.select?.disableHeaderSelect ||
|
|
59473
|
-
|
|
59558
|
+
cellDisable)) {
|
|
59474
59559
|
if (this.internalProps.frozenColDragHeaderMode === 'disabled' && this.isFrozenColumn(col)) {
|
|
59475
59560
|
return false;
|
|
59476
59561
|
}
|
|
@@ -60153,9 +60238,9 @@
|
|
|
60153
60238
|
setSortedIndexMap(field, filedMap) {
|
|
60154
60239
|
this.dataSource?.setSortedIndexMap(field, filedMap);
|
|
60155
60240
|
}
|
|
60156
|
-
checkReactCustomLayout(
|
|
60241
|
+
checkReactCustomLayout() {
|
|
60157
60242
|
if (!this.reactCustomLayout) {
|
|
60158
|
-
this.reactCustomLayout = new ReactCustomLayout(
|
|
60243
|
+
this.reactCustomLayout = new ReactCustomLayout(this);
|
|
60159
60244
|
}
|
|
60160
60245
|
}
|
|
60161
60246
|
get bodyDomContainer() {
|
|
@@ -63298,9 +63383,11 @@
|
|
|
63298
63383
|
}
|
|
63299
63384
|
}
|
|
63300
63385
|
}
|
|
63386
|
+
table.reactCustomLayout?.clearCache();
|
|
63301
63387
|
table.transpose
|
|
63302
63388
|
? table.scenegraph.updateCol(delRows, [], updateRows)
|
|
63303
63389
|
: table.scenegraph.updateRow(delRows, [], updateRows);
|
|
63390
|
+
table.reactCustomLayout?.updateAllCustomCell();
|
|
63304
63391
|
}
|
|
63305
63392
|
}
|
|
63306
63393
|
}
|
|
@@ -63336,9 +63423,11 @@
|
|
|
63336
63423
|
updateRows.push({ col: 0, row });
|
|
63337
63424
|
}
|
|
63338
63425
|
}
|
|
63426
|
+
table.reactCustomLayout?.clearCache();
|
|
63339
63427
|
table.transpose
|
|
63340
63428
|
? table.scenegraph.updateCol(delRows, [], updateRows)
|
|
63341
63429
|
: table.scenegraph.updateRow(delRows, [], updateRows);
|
|
63430
|
+
table.reactCustomLayout?.updateAllCustomCell();
|
|
63342
63431
|
}
|
|
63343
63432
|
}
|
|
63344
63433
|
}
|
|
@@ -63501,12 +63590,12 @@
|
|
|
63501
63590
|
}
|
|
63502
63591
|
if (this.options.emptyTip) {
|
|
63503
63592
|
if (this.internalProps.emptyTip) {
|
|
63504
|
-
this.internalProps.emptyTip
|
|
63593
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
63505
63594
|
}
|
|
63506
63595
|
else {
|
|
63507
63596
|
const EmptyTip = Factory.getComponent('emptyTip');
|
|
63508
63597
|
this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this);
|
|
63509
|
-
this.internalProps.emptyTip
|
|
63598
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
63510
63599
|
}
|
|
63511
63600
|
}
|
|
63512
63601
|
if (options.enableTreeStickCell) {
|
|
@@ -63779,12 +63868,12 @@
|
|
|
63779
63868
|
}
|
|
63780
63869
|
if (this.options.emptyTip) {
|
|
63781
63870
|
if (this.internalProps.emptyTip) {
|
|
63782
|
-
this.internalProps.emptyTip
|
|
63871
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
63783
63872
|
}
|
|
63784
63873
|
else {
|
|
63785
63874
|
const EmptyTip = Factory.getComponent('emptyTip');
|
|
63786
63875
|
this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this);
|
|
63787
|
-
this.internalProps.emptyTip
|
|
63876
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
63788
63877
|
}
|
|
63789
63878
|
}
|
|
63790
63879
|
return new Promise(resolve => {
|
|
@@ -64248,12 +64337,12 @@
|
|
|
64248
64337
|
}
|
|
64249
64338
|
if (this.options.emptyTip) {
|
|
64250
64339
|
if (this.internalProps.emptyTip) {
|
|
64251
|
-
this.internalProps.emptyTip
|
|
64340
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
64252
64341
|
}
|
|
64253
64342
|
else {
|
|
64254
64343
|
const EmptyTip = Factory.getComponent('emptyTip');
|
|
64255
64344
|
this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this);
|
|
64256
|
-
this.internalProps.emptyTip
|
|
64345
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
64257
64346
|
}
|
|
64258
64347
|
}
|
|
64259
64348
|
this.render();
|
|
@@ -64331,12 +64420,15 @@
|
|
|
64331
64420
|
}
|
|
64332
64421
|
addRecord(record, recordIndex) {
|
|
64333
64422
|
listTableAddRecord(record, recordIndex, this);
|
|
64423
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
64334
64424
|
}
|
|
64335
64425
|
addRecords(records, recordIndex) {
|
|
64336
64426
|
listTableAddRecords(records, recordIndex, this);
|
|
64427
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
64337
64428
|
}
|
|
64338
64429
|
deleteRecords(recordIndexs) {
|
|
64339
64430
|
listTableDeleteRecords(recordIndexs, this);
|
|
64431
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
64340
64432
|
}
|
|
64341
64433
|
updateRecords(records, recordIndexs) {
|
|
64342
64434
|
listTableUpdateRecords(records, recordIndexs, this);
|
|
@@ -73976,12 +74068,12 @@
|
|
|
73976
74068
|
}
|
|
73977
74069
|
if (this.options.emptyTip) {
|
|
73978
74070
|
if (this.internalProps.emptyTip) {
|
|
73979
|
-
this.internalProps.emptyTip
|
|
74071
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
73980
74072
|
}
|
|
73981
74073
|
else {
|
|
73982
74074
|
const EmptyTip = Factory.getComponent('emptyTip');
|
|
73983
74075
|
this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this);
|
|
73984
|
-
this.internalProps.emptyTip
|
|
74076
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
73985
74077
|
}
|
|
73986
74078
|
}
|
|
73987
74079
|
setTimeout(() => {
|
|
@@ -74119,12 +74211,12 @@
|
|
|
74119
74211
|
}
|
|
74120
74212
|
if (this.options.emptyTip) {
|
|
74121
74213
|
if (this.internalProps.emptyTip) {
|
|
74122
|
-
this.internalProps.emptyTip
|
|
74214
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
74123
74215
|
}
|
|
74124
74216
|
else {
|
|
74125
74217
|
const EmptyTip = Factory.getComponent('emptyTip');
|
|
74126
74218
|
this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this);
|
|
74127
|
-
this.internalProps.emptyTip
|
|
74219
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
74128
74220
|
}
|
|
74129
74221
|
}
|
|
74130
74222
|
return new Promise(resolve => {
|
|
@@ -74663,9 +74755,14 @@
|
|
|
74663
74755
|
const dimensions = item.dimensions;
|
|
74664
74756
|
const width = item.width;
|
|
74665
74757
|
const cell = this.getCellAddressByHeaderPaths(dimensions);
|
|
74666
|
-
if (cell
|
|
74667
|
-
this.
|
|
74668
|
-
|
|
74758
|
+
if (cell.col >= this.rowHeaderLevelCount) {
|
|
74759
|
+
const cellPath = this.getCellHeaderPaths(cell.col, this.columnHeaderLevelCount - 1);
|
|
74760
|
+
if (cellPath.colHeaderPaths.length === dimensions.length) {
|
|
74761
|
+
if (cell && !this.internalProps._widthResizedColMap.has(cell.col)) {
|
|
74762
|
+
this._setColWidth(cell.col, width);
|
|
74763
|
+
this.internalProps._widthResizedColMap.add(cell.col);
|
|
74764
|
+
}
|
|
74765
|
+
}
|
|
74669
74766
|
}
|
|
74670
74767
|
}
|
|
74671
74768
|
}
|
|
@@ -74977,12 +75074,12 @@
|
|
|
74977
75074
|
this.eventManager.updateEventBinder();
|
|
74978
75075
|
if (this.options.emptyTip) {
|
|
74979
75076
|
if (this.internalProps.emptyTip) {
|
|
74980
|
-
this.internalProps.emptyTip
|
|
75077
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
74981
75078
|
}
|
|
74982
75079
|
else {
|
|
74983
75080
|
const EmptyTip = Factory.getComponent('emptyTip');
|
|
74984
75081
|
this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this);
|
|
74985
|
-
this.internalProps.emptyTip
|
|
75082
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
74986
75083
|
}
|
|
74987
75084
|
}
|
|
74988
75085
|
}
|
|
@@ -75495,12 +75592,12 @@
|
|
|
75495
75592
|
}
|
|
75496
75593
|
if (this.options.emptyTip) {
|
|
75497
75594
|
if (this.internalProps.emptyTip) {
|
|
75498
|
-
this.internalProps.emptyTip
|
|
75595
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
75499
75596
|
}
|
|
75500
75597
|
else {
|
|
75501
75598
|
const EmptyTip = Factory.getComponent('emptyTip');
|
|
75502
75599
|
this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this);
|
|
75503
|
-
this.internalProps.emptyTip
|
|
75600
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
75504
75601
|
}
|
|
75505
75602
|
}
|
|
75506
75603
|
setTimeout(() => {
|
|
@@ -75660,12 +75757,12 @@
|
|
|
75660
75757
|
}
|
|
75661
75758
|
if (this.options.emptyTip) {
|
|
75662
75759
|
if (this.internalProps.emptyTip) {
|
|
75663
|
-
this.internalProps.emptyTip
|
|
75760
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
75664
75761
|
}
|
|
75665
75762
|
else {
|
|
75666
75763
|
const EmptyTip = Factory.getComponent('emptyTip');
|
|
75667
75764
|
this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this);
|
|
75668
|
-
this.internalProps.emptyTip
|
|
75765
|
+
this.internalProps.emptyTip?.resetVisible();
|
|
75669
75766
|
}
|
|
75670
75767
|
}
|
|
75671
75768
|
return new Promise(resolve => {
|
|
@@ -77236,7 +77333,7 @@
|
|
|
77236
77333
|
}
|
|
77237
77334
|
|
|
77238
77335
|
registerForVrender();
|
|
77239
|
-
const version = "1.11.
|
|
77336
|
+
const version = "1.11.3";
|
|
77240
77337
|
function getIcons() {
|
|
77241
77338
|
return get$2();
|
|
77242
77339
|
}
|