@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.
Files changed (85) hide show
  1. package/cjs/ListTable.js +15 -12
  2. package/cjs/ListTable.js.map +1 -1
  3. package/cjs/PivotChart.js +6 -6
  4. package/cjs/PivotChart.js.map +1 -1
  5. package/cjs/PivotTable.js +13 -11
  6. package/cjs/PivotTable.js.map +1 -1
  7. package/cjs/components/react/react-custom-layout.d.ts +5 -1
  8. package/cjs/components/react/react-custom-layout.js +19 -5
  9. package/cjs/components/react/react-custom-layout.js.map +1 -1
  10. package/cjs/core/BaseTable.d.ts +1 -1
  11. package/cjs/core/BaseTable.js +6 -5
  12. package/cjs/core/BaseTable.js.map +1 -1
  13. package/cjs/core/record-helper.js +5 -3
  14. package/cjs/core/record-helper.js.map +1 -1
  15. package/cjs/event/event.js +3 -3
  16. package/cjs/event/event.js.map +1 -1
  17. package/cjs/index.d.ts +1 -1
  18. package/cjs/index.js +1 -1
  19. package/cjs/index.js.map +1 -1
  20. package/cjs/plugins/custom-cell-style.js +2 -2
  21. package/cjs/plugins/custom-cell-style.js.map +1 -1
  22. package/cjs/scenegraph/refresh-node/update-chart.js +46 -22
  23. package/cjs/scenegraph/refresh-node/update-chart.js.map +1 -1
  24. package/cjs/scenegraph/scenegraph.d.ts +1 -1
  25. package/cjs/scenegraph/scenegraph.js +6 -1
  26. package/cjs/scenegraph/scenegraph.js.map +1 -1
  27. package/cjs/state/checkbox/checkbox.js +2 -2
  28. package/cjs/state/checkbox/checkbox.js.map +1 -1
  29. package/cjs/state/select/is-cell-select-highlight.js +4 -4
  30. package/cjs/state/select/is-cell-select-highlight.js.map +1 -1
  31. package/cjs/state/select/update-position.js +5 -5
  32. package/cjs/state/select/update-position.js.map +1 -1
  33. package/cjs/state/state.js +1 -1
  34. package/cjs/state/state.js.map +1 -1
  35. package/cjs/ts-types/base-table.d.ts +1 -1
  36. package/cjs/ts-types/base-table.js.map +1 -1
  37. package/cjs/ts-types/list-table/define/basic-define.d.ts +1 -1
  38. package/cjs/ts-types/list-table/define/basic-define.js.map +1 -1
  39. package/cjs/ts-types/pivot-table/indicator/basic-indicator.d.ts +1 -1
  40. package/cjs/ts-types/pivot-table/indicator/basic-indicator.js.map +1 -1
  41. package/cjs/vrender.js.map +1 -1
  42. package/dist/vtable.js +172 -75
  43. package/dist/vtable.min.js +2 -2
  44. package/es/ListTable.js +15 -12
  45. package/es/ListTable.js.map +1 -1
  46. package/es/PivotChart.js +6 -6
  47. package/es/PivotChart.js.map +1 -1
  48. package/es/PivotTable.js +13 -11
  49. package/es/PivotTable.js.map +1 -1
  50. package/es/components/react/react-custom-layout.d.ts +5 -1
  51. package/es/components/react/react-custom-layout.js +19 -5
  52. package/es/components/react/react-custom-layout.js.map +1 -1
  53. package/es/core/BaseTable.d.ts +1 -1
  54. package/es/core/BaseTable.js +5 -4
  55. package/es/core/BaseTable.js.map +1 -1
  56. package/es/core/record-helper.js +5 -3
  57. package/es/core/record-helper.js.map +1 -1
  58. package/es/event/event.js +3 -3
  59. package/es/event/event.js.map +1 -1
  60. package/es/index.d.ts +1 -1
  61. package/es/index.js +1 -1
  62. package/es/index.js.map +1 -1
  63. package/es/plugins/custom-cell-style.js +2 -2
  64. package/es/plugins/custom-cell-style.js.map +1 -1
  65. package/es/scenegraph/refresh-node/update-chart.js +46 -22
  66. package/es/scenegraph/refresh-node/update-chart.js.map +1 -1
  67. package/es/scenegraph/scenegraph.d.ts +1 -1
  68. package/es/scenegraph/scenegraph.js +6 -1
  69. package/es/scenegraph/scenegraph.js.map +1 -1
  70. package/es/state/checkbox/checkbox.js +2 -2
  71. package/es/state/checkbox/checkbox.js.map +1 -1
  72. package/es/state/select/is-cell-select-highlight.js +4 -4
  73. package/es/state/select/is-cell-select-highlight.js.map +1 -1
  74. package/es/state/select/update-position.js +5 -5
  75. package/es/state/select/update-position.js.map +1 -1
  76. package/es/state/state.js +1 -1
  77. package/es/state/state.js.map +1 -1
  78. package/es/ts-types/base-table.d.ts +1 -1
  79. package/es/ts-types/base-table.js.map +1 -1
  80. package/es/ts-types/list-table/define/basic-define.d.ts +1 -1
  81. package/es/ts-types/list-table/define/basic-define.js.map +1 -1
  82. package/es/ts-types/pivot-table/indicator/basic-indicator.d.ts +1 -1
  83. package/es/ts-types/pivot-table/indicator/basic-indicator.js.map +1 -1
  84. package/es/vrender.js.map +1 -1
  85. 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
- constructor(removeAllContainer, table) {
33282
- this.removeAllContainer = removeAllContainer;
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.removeAllContainer();
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
- cellDisable = define?.disableSelect;
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
- if (columnDefine?.disableSelect && !isHeader) {
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
- for (let col = scenegraph.proxy.colStart; col <= scenegraph.proxy.colEnd; col++) {
45572
- if (rowResizeType === 'row') {
45573
- const cellNode = scenegraph.highPerformanceGetCell(col, row);
45574
- if (cellNode.role !== 'cell') {
45575
- continue;
45576
- }
45577
- const width = table.getColWidth(cellNode.col);
45578
- const height = table.getRowHeight(cellNode.row);
45579
- updateChartGraphicSize(cellNode, width, height);
45580
- if (table.heightMode === 'adaptive' && row < table.rowCount - 1) {
45581
- const cellNode = scenegraph.highPerformanceGetCell(col, row + 1);
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
- else {
45588
- for (let r = startRow; r <= endRow; r++) {
45589
- if (rowResizeType === 'indicator') {
45590
- const indicatorKey = layout.getIndicatorKey(state.table.rowHeaderLevelCount, r);
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
- if (((disableHeader && table.isHeader(col, row)) || highlightScope === 'none') && forceSelect === false) {
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.forEach((record, index) => {
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 (!disableSelect) {
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) && define?.disableSelect) {
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.2";
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
- this.options.select?.disableSelect)) {
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(removeAllContainer) {
60241
+ checkReactCustomLayout() {
60157
60242
  if (!this.reactCustomLayout) {
60158
- this.reactCustomLayout = new ReactCustomLayout(removeAllContainer, this);
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.resetVisible();
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 && !this.internalProps._widthResizedColMap.has(cell.col)) {
74667
- this._setColWidth(cell.col, width);
74668
- this.internalProps._widthResizedColMap.add(cell.col);
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.resetVisible();
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.2";
77336
+ const version = "1.11.3";
77240
77337
  function getIcons() {
77241
77338
  return get$2();
77242
77339
  }